@ynput/ayon-frontend-shared 0.2.7 → 0.2.9

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

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

@@ -13,6 +13,8 @@ require("../../../../context/SettingsPanelContext.cjs.js");
 require("../../../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../../../context/pip/PiPWrapper.cjs.js");
+require("../../../../context/AddonProjectContext.cjs.js");
+require("../../../../context/AddonContext.cjs.js");
 const ActivityVersions = ({
   activity,
   projectName,

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["useDetailsPanelContext","useState","jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIA,2CAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAC,2BAAA,kBAAA,KAACC,mCAAA,EACC,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,2BAAA,kBAAA,KAACG,wBAAO,MAAP,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,kDAAAI,wBAAAA,SAAA,EACC,UAAA;AAAA,UAAAJ,kDAAC,OACC,EAAA,UAAA;AAAA,YAACA,kDAAAK,wBAAAA,OAAA,EACC,UAAA;AAAA,cAAAH,2BAAAA,kBAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,2BAAA,kBAAA,IAAAI,aAAA,SAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCJ,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,2BAAA,kBAAA;AAAA,YAACK,wBAAO;AAAA,YAAP;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWL,2BAAAA,kBAAAA,IAACM,wBAAAA,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CR,2BAAA,kBAAA,KAACS,2BAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACP,2BAAAA,kBAAAA,IAAAQ,oBAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBR,2BAAAA,kBAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["useDetailsPanelContext","useState","jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIA,2CAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAC,2BAAA,kBAAA,KAACC,mCAAA,EACC,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,2BAAA,kBAAA,KAACG,wBAAO,MAAP,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,kDAAAI,wBAAAA,SAAA,EACC,UAAA;AAAA,UAAAJ,kDAAC,OACC,EAAA,UAAA;AAAA,YAACA,kDAAAK,wBAAAA,OAAA,EACC,UAAA;AAAA,cAAAH,2BAAAA,kBAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,2BAAA,kBAAA,IAAAI,aAAA,SAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCJ,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,2BAAA,kBAAA;AAAA,YAACK,wBAAO;AAAA,YAAP;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWL,2BAAAA,kBAAAA,IAACM,wBAAAA,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CR,2BAAA,kBAAA,KAACS,2BAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACP,2BAAAA,kBAAAA,IAAAQ,oBAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBR,2BAAAA,kBAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;;"}

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

@@ -12,6 +12,8 @@ import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
+import "../../../../context/AddonProjectContext.es.js";
+import "../../../../context/AddonContext.es.js";
 const ActivityVersions = ({
   activity,
   projectName,

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","Styled.Thumbnail","Styled.Comment"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAA,kCAAA,KAACC,WAAA,EACC,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,kCAAA,KAACG,MAAA,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,uCAAAI,SAAA,EACC,UAAA;AAAA,UAAAJ,uCAAC,OACC,EAAA,UAAA;AAAA,YAACA,uCAAAK,OAAA,EACC,UAAA;AAAA,cAAAH,kCAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,kCAAA,IAAA,cAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCA,kCAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,kCAAA;AAAA,YAACI;AAAAA,YAAA;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWJ,kCAAAA,IAACK,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CP,kCAAA,KAAC,MAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACE,kCAAAA,IAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBA,kCAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","Styled.Thumbnail","Styled.Comment"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAA,kCAAA,KAACC,WAAA,EACC,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,kCAAA,KAACG,MAAA,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,uCAAAI,SAAA,EACC,UAAA;AAAA,UAAAJ,uCAAC,OACC,EAAA,UAAA;AAAA,YAACA,uCAAAK,OAAA,EACC,UAAA;AAAA,cAAAH,kCAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,kCAAA,IAAA,cAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCA,kCAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,kCAAA;AAAA,YAACI;AAAAA,YAAA;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWJ,kCAAAA,IAACK,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CP,kCAAA,KAAC,MAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACE,kCAAAA,IAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBA,kCAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js

@@ -9,6 +9,8 @@ require("../../../../../context/SettingsPanelContext.cjs.js");
 require("../../../../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../../../../context/pip/PiPWrapper.cjs.js");
+require("../../../../../context/AddonProjectContext.cjs.js");
+require("../../../../../context/AddonContext.cjs.js");
 const filterEntityAnnotations = (annotations, entityId, filesUploading) => {
   return Object.values(annotations).filter(
     (annotation) => annotation.versionId === entityId && !filesUploading.some((file) => file.name === annotation.name)

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["useFeedContext","useDetailsPanelContext","useEffect","FEED_NEW_COMMENT"],"mappings":";;;;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqBA,YAAAA,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAIC,2CAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/FC,QAAAA,UAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAaC,YAAAA,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;;;"}
+{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["useFeedContext","useDetailsPanelContext","useEffect","FEED_NEW_COMMENT"],"mappings":";;;;;;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqBA,YAAAA,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAIC,2CAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/FC,QAAAA,UAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAaC,YAAAA,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;;;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.es.js

@@ -7,6 +7,8 @@ import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../../../context/pip/PiPWrapper.es.js";
+import "../../../../../context/AddonProjectContext.es.js";
+import "../../../../../context/AddonContext.es.js";
 const filterEntityAnnotations = (annotations, entityId, filesUploading) => {
   return Object.values(annotations).filter(
     (annotation) => annotation.versionId === entityId && !filesUploading.some((file) => file.name === annotation.name)

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqB,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAI,uBAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/F,YAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAa,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;"}
+{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqB,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAI,uBAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/F,YAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAa,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js

@@ -11,6 +11,8 @@ require("../../../../../context/SettingsPanelContext.cjs.js");
 require("../../../../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../../../../context/pip/PiPWrapper.cjs.js");
+require("../../../../../context/AddonProjectContext.cjs.js");
+require("../../../../../context/AddonContext.cjs.js");
 const Inline = ReactQuill.Quill.import("blots/inline");
 const useMentionLink = ({ projectName }) => {
   const { openSlideOut } = DetailsPanelContext.useDetailsPanelContext();

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Quill","useDetailsPanelContext"],"mappings":";;;;;;;;;;;;;AAKA,MAAM,SAASA,WAAAA,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1BD,mBAAA,SAAS,aAAa,IAAI;AAClC;;"}
+{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Quill","useDetailsPanelContext"],"mappings":";;;;;;;;;;;;;;;AAKA,MAAM,SAASA,WAAAA,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1BD,mBAAA,SAAS,aAAa,IAAI;AAClC;;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js

@@ -10,6 +10,8 @@ import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../../../context/pip/PiPWrapper.es.js";
+import "../../../../../context/AddonProjectContext.es.js";
+import "../../../../../context/AddonContext.es.js";
 const Inline = Quill.import("blots/inline");
 const useMentionLink = ({ projectName }) => {
   const { openSlideOut } = useDetailsPanelContext();

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":[],"mappings":";;;;;;;;;;;;AAKA,MAAM,SAAS,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1B,QAAA,SAAS,aAAa,IAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,MAAM,SAAS,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1B,QAAA,SAAS,aAAa,IAAI;AAClC;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js

@@ -40,6 +40,8 @@ require("../../../../../context/ThumbnailUploaderContext.cjs.js");
 require("../../../../../context/SettingsPanelContext.cjs.js");
 require("../../../../../context/pip/PiPProvider.cjs.js");
 require("../../../../../context/pip/PiPWrapper.cjs.js");
+require("../../../../../context/AddonProjectContext.cjs.js");
+require("../../../../../context/AddonContext.cjs.js");
 require("../../../Feed.styled.cjs.js");
 require("date-fns");
 require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["useFeedContext","type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgBA,YAAAA,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACC,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;;"}
+{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["useFeedContext","type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgBA,YAAAA,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACC,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.es.js

@@ -39,6 +39,8 @@ import "../../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "../../../../../context/pip/PiPWrapper.es.js";
+import "../../../../../context/AddonProjectContext.es.js";
+import "../../../../../context/AddonContext.es.js";
 import "../../../Feed.styled.es.js";
 import "date-fns";
 import "../../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTooltip.es.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgB,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACA,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;"}
+{"version":3,"file":"EntityTooltip.es.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgB,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACA,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;"}

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

@@ -68,6 +68,7 @@ require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");
@@ -75,6 +76,8 @@ require("../../../context/SettingsPanelContext.cjs.js");
 require("../../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
 const FEED_NEW_COMMENT = "__new__";
 const FeedContext = React.createContext(void 0);
 const FeedProvider = ({ children, ...props }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}
+{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}

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

@@ -66,6 +66,7 @@ import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import { useScopedDetailsPanel } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
@@ -73,6 +74,8 @@ import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
 const FEED_NEW_COMMENT = "__new__";
 const FeedContext = createContext(void 0);
 const FeedProvider = ({ children, ...props }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}
+{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}

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

@@ -63,6 +63,7 @@ require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
 const lodash = require("lodash");
 const React = require("react");
 const useGetFeedActivitiesData = ({

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

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}

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

@@ -62,6 +62,7 @@ import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
 import { union, isEqual } from "lodash";
 import { useMemo } from "react";
 const useGetFeedActivitiesData = ({

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

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}