@ynput/ayon-frontend-shared 0.3.16 → 0.3.18

package/dist/shared/src/components/ReviewablesList/ReviewablesList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = \"_blank\"\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}
+{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n\n  // check activities permission for reviewable uploads\n  const {\n    data: projectPermissions,\n    isLoading: isLoadingPermissions,\n  } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\n  const canUploadReviewable =\n    user.data?.isManager ||\n    user.data?.isAdmin ||\n    (!isLoadingPermissions &&\n      (!projectPermissions?.activities?.enabled ||\n        !!projectPermissions?.activities?.activities?.includes('reviewable')))\n\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = \"_blank\"\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n        readOnly={!canUploadReviewable}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","canUploadReviewable","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesList.es.js

@@ -1,5 +1,5 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as R } from "react";
+import { useState as S } from "react";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -69,13 +69,14 @@ import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/versions/getVersionsProducts.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
+import { useGetMyProjectPermissionsQuery as oi } from "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/projectFolders/projectFolders.es.js";
-import { useGetReviewablesForVersionQuery as N } from "../../api/queries/review/getReview.es.js";
-import { useSortVersionReviewablesMutation as tt, useDeleteReviewableMutation as it } from "../../api/queries/review/updateReview.es.js";
+import { useGetReviewablesForVersionQuery as ri } from "../../api/queries/review/getReview.es.js";
+import { useSortVersionReviewablesMutation as ei, useDeleteReviewableMutation as mi } from "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/tasks/getTasks.es.js";
@@ -89,8 +90,8 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import { useSensors as ot, useSensor as S, PointerSensor as rt, KeyboardSensor as et, DndContext as mt, closestCenter as pt, DragOverlay as nt } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as st, SortableContext as at, verticalListSortingStrategy as lt, arrayMove as dt } from "@dnd-kit/sortable";
+import { useSensors as pi, useSensor as M, PointerSensor as ni, KeyboardSensor as si, DndContext as ai, closestCenter as li, DragOverlay as di } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as ci, SortableContext as ui, verticalListSortingStrategy as fi, arrayMove as gi } from "@dnd-kit/sortable";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "@ynput/ayon-react-components";
@@ -106,7 +107,14 @@ import "../Chips/Chips.es.js";
 import "date-fns";
 import "../DateRangePicker/DateRangePicker.styled.es.js";
 import "../LinksManager/CellEditingDialog.es.js";
-import { toast as F } from "react-toastify";
+import { toast as k } from "react-toastify";
+import "../../../../_virtual/index.es.js";
+import "../../../../node_modules/refractor/lib/common.es.js";
+import "../../../../node_modules/refractor/lib/all.es.js";
+/* empty css                                                                              */
+import { confirmDelete as bi } from "../../util/confirmDelete.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../DetailsPanelDetails/DetailsSection.es.js";
@@ -117,12 +125,12 @@ import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
-import { useCreateContextMenu as ct } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
+import { useCreateContextMenu as vi } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
 import "../../containers/Feed/context/FeedContext.es.js";
 import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as ut } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as wi } from "../../context/DetailsPanelContext.es.js";
 import "../../context/SubtasksModulesContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
@@ -153,9 +161,6 @@ import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import { confirmDelete as ft } from "../../util/confirmDelete.es.js";
-import "uuid";
-import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -205,13 +210,9 @@ import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../containers/SimpleTable/SimpleTable.styled.es.js";
-import "@tanstack/match-sorter-utils";
-import "../../containers/SimpleTable/context/SimpleTableContext.es.js";
-import "../../containers/SimpleTable/SimpleTableRowTemplate.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../../containers/Slicer/components/SlicerSearch.es.js";
+import "../../containers/Slicer/components/Slicer.es.js";
 import "../../containers/Slicer/context/SlicerContext.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -228,11 +229,11 @@ import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
-import gt from "./SortableReviewableCard.es.js";
-import { LoadingCard as bt } from "./ReviewablesList.styled.es.js";
-import { getGroupedReviewables as wt } from "./getGroupedReviewables.es.js";
-import vt from "./EditReviewableDialog.es.js";
-import { ReviewableUpload as It } from "./ReviewablesUpload.es.js";
+import yi from "./SortableReviewableCard.es.js";
+import { LoadingCard as Ii } from "./ReviewablesList.styled.es.js";
+import { getGroupedReviewables as hi } from "./getGroupedReviewables.es.js";
+import xi from "./EditReviewableDialog.es.js";
+import { ReviewableUpload as Ri } from "./ReviewablesUpload.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
@@ -247,7 +248,7 @@ import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
-import { ReviewableCard as ht } from "../ReviewableCard/ReviewableCard.es.js";
+import { ReviewableCard as Ci } from "../ReviewableCard/ReviewableCard.es.js";
 import { ReviewableProgressCard as I } from "../ReviewableProgressCard/ReviewableProgressCard.es.js";
 import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
@@ -266,211 +267,218 @@ import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
 import "../ReviewablesSelector/ReviewablesSelector.styled.es.js";
-const ym = ({
-  projectName: m,
+const Sm = ({
+  projectName: e,
   versionId: p,
-  productId: u,
-  isLoadingVersion: M,
-  scope: k
+  productId: f,
+  isLoadingVersion: F,
+  scope: P
 }) => {
-  const { onOpenViewer: E, user: h, viewer: f, dispatch: j } = ut(), {
-    data: V,
-    isFetching: A,
+  const { onOpenViewer: E, user: l, viewer: g, dispatch: j } = wi(), {
+    data: h,
+    isLoading: A
+  } = oi(
+    { projectName: e },
+    { skip: !e }
+  ), V = l.data?.isManager || l.data?.isAdmin || !A && (!h?.activities?.enabled || !!h?.activities?.activities?.includes("reviewable")), {
+    data: L,
+    isFetching: O,
     currentData: q
-  } = N(
-    { projectName: m, versionId: p },
-    { skip: !p || !m }
-  ), O = !1, y = f?.reviewableIds || [], P = h.name, $ = h.data?.isUser, [g, x] = R(null), [b, w] = R(null), L = ot(
-    S(rt),
-    S(et, {
-      coordinateGetter: st
+  } = ri(
+    { projectName: e, versionId: p },
+    { skip: !p || !e }
+  ), $ = !1, x = g?.reviewableIds || [], G = l.name, U = l.data?.isUser, [b, R] = S(null), [v, w] = S(null), T = pi(
+    M(ni),
+    M(si, {
+      coordinateGetter: ci
     })
-  ), n = V?.reviewables || [], v = n.find((t) => t.fileId === b), G = q?.id, T = A && p !== G || M, U = (t) => {
-    if (b) return console.log("Dragging, cannot open review");
-    const o = t.currentTarget.id;
-    if (!o || !u) return console.error("No reviewable id or product id");
-    const i = n.find((e) => e.fileId === o);
-    console.debug(i), console.debug(i?.mediaInfo), E?.({
-      projectName: m,
-      productId: u,
+  ), n = L?.reviewables || [], y = n.find((i) => i.fileId === v), K = q?.id, Q = O && p !== K || F, _ = (i) => {
+    if (v) return console.log("Dragging, cannot open review");
+    const o = i.currentTarget.id;
+    if (!o || !f) return console.error("No reviewable id or product id");
+    const t = n.find((m) => m.fileId === o);
+    console.debug(t), console.debug(t?.mediaInfo), E?.({
+      projectName: e,
+      productId: f,
       versionIds: [p],
       reviewableIds: [o]
     });
-  }, { playable: l, incompatible: K, processing: _, queued: Q } = wt(
+  }, { playable: d, incompatible: z, processing: B, queued: H } = hi(
     n,
-    O
+    $
   );
-  function z(t) {
-    const { active: o } = t;
+  function J(i) {
+    const { active: o } = i;
     w(o.id);
   }
-  const [B] = tt(), H = async (t) => {
-    const { active: o, over: i } = t;
-    if (i?.id && o.id !== i.id) {
+  const [W] = ei(), X = async (i) => {
+    const { active: o, over: t } = i;
+    if (t?.id && o.id !== t.id) {
       console.log("update review position");
-      const e = l.findIndex((s) => s.fileId === o.id), d = l.findIndex((s) => s.fileId === i.id), a = dt(l, e, d).map((s) => s.activityId);
+      const m = d.findIndex((s) => s.fileId === o.id), c = d.findIndex((s) => s.fileId === t.id), a = gi(d, m, c).map((s) => s.activityId);
       try {
-        B({
-          projectName: m,
+        W({
+          projectName: e,
           versionId: p,
           sortReviewablesRequest: { sort: a }
         }).unwrap();
       } catch {
-        F.error("Error sorting reviewables");
+        k.error("Error sorting reviewables");
       }
     }
     w(null);
   }, C = [];
-  k === "review" && C.push((t) => ({
-    ...t.transform,
-    x: t.transform.x - 32,
-    y: t.transform.y - 32
+  P === "review" && C.push((i) => ({
+    ...i.transform,
+    x: i.transform.x - 32,
+    y: i.transform.y - 32
   }));
-  const J = "File type not supported at this time. Please contact support for further assistance.", W = (t, o = "") => {
-    let i = `/api/projects/${m}/files/${t}`;
-    const e = document.createElement("a");
-    e.href = i, e.target = "_blank", document.body.appendChild(e), e.click(), document.body.removeChild(e);
-  }, [X] = it(), Y = async (t, o) => {
-    ft({
+  const Y = "File type not supported at this time. Please contact support for further assistance.", Z = (i, o = "") => {
+    let t = `/api/projects/${e}/files/${i}`;
+    const m = document.createElement("a");
+    m.href = t, m.target = "_blank", document.body.appendChild(m), m.click(), document.body.removeChild(m);
+  }, [N] = mi(), ii = async (i, o) => {
+    bi({
       header: "Delete " + o,
       message: "Are you sure you want to delete this reviewable?",
       accept: async () => {
         try {
-          await X({ activityId: t, projectName: m }).unwrap();
+          await N({ activityId: i, projectName: e }).unwrap();
         } catch {
-          F.error("Failed to delete reviewable");
+          k.error("Failed to delete reviewable");
         }
       }
     });
-  }, [Z] = ct(), D = (t) => {
-    const o = t.currentTarget.id;
+  }, [ti] = vi(), D = (i) => {
+    const o = i.currentTarget.id;
     if (!o) return;
-    const i = n.find((a) => a.fileId === o);
-    if (!i) return;
-    const e = i.createdFrom || i.fileId, d = n.find(
-      (a) => a.fileId === e
-    ), c = [
+    const t = n.find((a) => a.fileId === o);
+    if (!t) return;
+    const m = t.createdFrom || t.fileId, c = n.find(
+      (a) => a.fileId === m
+    ), u = [
       {
         label: "Download original",
         icon: "download",
-        onClick: () => W(e, d?.filename),
-        disabled: !d
+        onClick: () => Z(m, c?.filename),
+        disabled: !c
       }
     ];
-    (P === i.author.name || !$) && c.push({
+    (G === t.author.name || !U) && u.push({
       label: "Delete",
       icon: "delete",
-      onClick: () => Y(i.activityId, i.label || i.filename),
+      onClick: () => ii(t.activityId, t.label || t.filename),
       danger: !0
-    }), c.push({
-      label: `Author: ${i.author.fullName || i.author.name}`,
+    }), u.push({
+      label: `Author: ${t.author.fullName || t.author.name}`,
       icon: "person",
       disabled: !0
-    }), Z(t, c);
+    }), ti(i, u);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      It,
+      Ri,
       {
-        projectName: m,
+        projectName: e,
         versionId: p,
-        productId: u,
-        taskId: f?.taskId,
-        folderId: f?.folderId,
+        productId: f,
+        taskId: g?.taskId,
+        folderId: g?.folderId,
         dispatch: j,
-        children: T ? Array.from({ length: 3 }).map((t, o) => /* @__PURE__ */ r.jsx(bt, { className: "loading" }, o)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        readOnly: !V,
+        children: Q ? Array.from({ length: 3 }).map((i, o) => /* @__PURE__ */ r.jsx(Ii, { className: "loading" }, o)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsxs(
-            mt,
+            ai,
             {
-              sensors: L,
-              collisionDetection: pt,
-              onDragStart: z,
-              onDragEnd: H,
+              sensors: T,
+              collisionDetection: li,
+              onDragStart: J,
+              onDragEnd: X,
               onDragCancel: () => w(null),
               children: [
                 /* @__PURE__ */ r.jsx(
-                  at,
+                  ui,
                   {
-                    items: n.map(({ fileId: t }) => t),
-                    strategy: lt,
-                    children: l.map((t) => /* @__PURE__ */ r.jsx(
-                      gt,
+                    items: n.map(({ fileId: i }) => i),
+                    strategy: fi,
+                    children: d.map((i) => /* @__PURE__ */ r.jsx(
+                      yi,
                       {
-                        projectName: m,
-                        onClick: U,
-                        isSelected: y.includes(t.fileId),
-                        isDragging: !!b,
+                        projectName: e,
+                        onClick: _,
+                        isSelected: x.includes(i.fileId),
+                        isDragging: !!v,
                         onContextMenu: D,
                         onEdit: (o) => {
-                          o.stopPropagation(), x(t.activityId);
+                          o.stopPropagation(), R(i.activityId);
                         },
-                        ...t
+                        ...i
                       },
-                      t.fileId
+                      i.fileId
                     ))
                   }
                 ),
-                /* @__PURE__ */ r.jsx(nt, { modifiers: C, children: v ? /* @__PURE__ */ r.jsx(
-                  ht,
+                /* @__PURE__ */ r.jsx(di, { modifiers: C, children: y ? /* @__PURE__ */ r.jsx(
+                  Ci,
                   {
-                    ...v,
-                    projectName: m,
+                    ...y,
+                    projectName: e,
                     isDragOverlay: !0,
                     isDragging: !0,
-                    isSelected: y.includes(v.fileId)
+                    isSelected: x.includes(y.fileId)
                   }
                 ) : null })
               ]
             }
           ),
-          _.map((t) => /* @__PURE__ */ r.jsx(
+          B.map((i) => /* @__PURE__ */ r.jsx(
             I,
             {
-              name: t.filename,
+              name: i.filename,
               type: "processing",
-              progress: t.processing?.progress,
-              fileId: t.fileId
+              progress: i.processing?.progress,
+              fileId: i.fileId
             },
-            t.fileId
+            i.fileId
           )),
-          Q.map((t) => /* @__PURE__ */ r.jsx(
+          H.map((i) => /* @__PURE__ */ r.jsx(
             I,
             {
-              name: t.filename,
+              name: i.filename,
               type: "queued",
-              fileId: t.fileId
+              fileId: i.fileId
             },
-            t.fileId
+            i.fileId
           )),
-          K.map((t) => /* @__PURE__ */ r.jsx(
+          z.map((i) => /* @__PURE__ */ r.jsx(
             I,
             {
-              name: t.filename,
+              name: i.filename,
               type: "unsupported",
-              tooltip: J,
-              src: `/api/projects/${m}/files/${t.fileId}/thumbnail`,
+              tooltip: Y,
+              src: `/api/projects/${e}/files/${i.fileId}/thumbnail`,
               onContextMenu: D,
-              fileId: t.fileId
+              fileId: i.fileId
             },
-            t.fileId
+            i.fileId
           ))
         ] })
       }
     ),
-    g && /* @__PURE__ */ r.jsx(
-      vt,
+    b && /* @__PURE__ */ r.jsx(
+      xi,
       {
         isOpen: !0,
-        onClose: () => x(null),
-        label: n.find((t) => t.activityId === g)?.label || "",
-        projectName: m,
+        onClose: () => R(null),
+        label: n.find((i) => i.activityId === b)?.label || "",
+        projectName: e,
         versionId: p,
-        activityId: g
+        activityId: b
       }
     )
   ] });
 };
 export {
-  ym as default
+  Sm as default
 };
 //# sourceMappingURL=ReviewablesList.es.js.map