@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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

@@ -15,6 +15,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -40,6 +41,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -70,6 +73,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -109,11 +113,12 @@ import { useCreateContextMenu as Ie } from "../../containers/ContextMenu/useCrea
 import { confirmDelete as he } from "../../util/confirmDelete.es.js";
 import "uuid";
 import "lodash";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import xe from "./EditReviewableDialog.es.js";
 import { ReviewableUpload as Re } from "./ReviewablesUpload.es.js";
 import { useDetailsPanelContext as Ce } from "../../context/DetailsPanelContext.es.js";
-const At = ({
+const $t = ({
   projectName: r,
   versionId: s,
   productId: f,
@@ -319,6 +324,6 @@ const At = ({
   ] });
 };
 export {
-  At as default
+  $t as default
 };
 //# sourceMappingURL=ReviewablesList.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery } 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 } from '../ReviewableCard'\nimport { ReviewableProgressCard } from '../ReviewableProgressCard'\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/useCreateContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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 { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\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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"}
+{"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery } 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 } from '../ReviewableCard'\nimport { ReviewableProgressCard } from '../ReviewableProgressCard'\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/useCreateContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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 { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\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/useReviewablesUpload.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),P=require("axios"),k=require("react-toastify"),f=require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");const z=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const c=require("../../util/parseFilename.cjs.js"),R=u=>{if(P.isAxiosError(u)){const a=u.response?.data;if(typeof a=="string"&&a)return a;if(a&&typeof a=="object"&&"detail"in a){const n=a.detail;if(typeof n=="string"&&n)return n}return u.message||u.response?.statusText||"Unknown upload error"}return u instanceof Error?u.message:typeof u=="string"?u:"Unknown upload error"},C=({projectName:u,versionId:a,taskId:n,folderId:y,productId:U,dispatch:l,onUpload:b,onProgress:T})=>{const[d,m]=h.useState({}),v=h.useCallback(F=>{a&&m(g=>({...g,[a]:g[a]?.filter(r=>r.name!==F)||[]}))},[a]);return{handleFileUpload:h.useCallback(async(F,g)=>{const r=g||a;if(!r||!u)return;const $=Array.from(F),x=$.map(e=>({name:c.parseFilename(e.name),size:e.size,progress:0})),M=[...d[r]||[],...x];m({...d,[r]:M});const A=e=>i=>{if(!r)return;console.log(`Upload successful for ${e.name}`);const t=i.data;u&&(l(z.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:u,versionId:r},s=>{s.reviewables||(s.reviewables=[]),s.reviewables.push(t)})),U&&l(f.api.util.invalidateTags([{type:"viewer",id:U}])),l(f.api.util.invalidateTags([{type:"viewer",id:r}])),y&&l(f.api.util.invalidateTags([{type:"viewer",id:y}])),n&&l(f.api.util.invalidateTags([{type:"viewer",id:n}])),v(c.parseFilename(e.name)))},H=e=>i=>{r&&(console.error(`Upload failed for ${e.name}: ${i}`),m(t=>{const q=(t[r]||[]).map(o=>o.name!==c.parseFilename(e.name)?o:{...o,error:R(i)});return{...t,[r]:q}}))},S=e=>r?i=>m(t=>{const q=(t[r]||[]).map(p=>p.name!==c.parseFilename(e.name)?p:{...p,progress:i.total?Math.round(i.loaded/i.total*100):0}),o=q.reduce((p,V)=>p+(V.progress||0),0),w=Math.round(o/q.length);return T?.(w),{...t,[r]:q}}):()=>{};try{const e=$.map(i=>{const t=c.parseFilename(i.name),s=t.split(".").slice(0,-1).join(".")||"unnamed",q=`/api/projects/${u}/versions/${r}/reviewables?label=${s}`,o={"content-type":i.type,"x-file-name":t};return P.post(q,i,{headers:o,onUploadProgress:S(i)}).then(A(i)).catch(w=>{throw H(i)(w),w})});await Promise.all(e),b&&b()}catch(e){throw console.error(e),k.toast.error(`Failed to upload file/s: ${R(e)}`),e}},[a,u,d,l,U,y,n,v,b,T]),handleRemoveUpload:v,uploading:d}};exports.parseFilename=c.parseFilename;exports.useReviewablesUpload=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),P=require("axios"),k=require("react-toastify"),f=require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");const z=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const c=require("../../util/parseFilename.cjs.js"),R=u=>{if(P.isAxiosError(u)){const a=u.response?.data;if(typeof a=="string"&&a)return a;if(a&&typeof a=="object"&&"detail"in a){const n=a.detail;if(typeof n=="string"&&n)return n}return u.message||u.response?.statusText||"Unknown upload error"}return u instanceof Error?u.message:typeof u=="string"?u:"Unknown upload error"},C=({projectName:u,versionId:a,taskId:n,folderId:y,productId:U,dispatch:l,onUpload:b,onProgress:T})=>{const[d,m]=h.useState({}),v=h.useCallback(F=>{a&&m(g=>({...g,[a]:g[a]?.filter(r=>r.name!==F)||[]}))},[a]);return{handleFileUpload:h.useCallback(async(F,g)=>{const r=g||a;if(!r||!u)return;const $=Array.from(F),x=$.map(e=>({name:c.parseFilename(e.name),size:e.size,progress:0})),M=[...d[r]||[],...x];m({...d,[r]:M});const A=e=>i=>{if(!r)return;console.log(`Upload successful for ${e.name}`);const t=i.data;u&&(l(z.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:u,versionId:r},s=>{s.reviewables||(s.reviewables=[]),s.reviewables.push(t)})),U&&l(f.api.util.invalidateTags([{type:"viewer",id:U}])),l(f.api.util.invalidateTags([{type:"viewer",id:r}])),y&&l(f.api.util.invalidateTags([{type:"viewer",id:y}])),n&&l(f.api.util.invalidateTags([{type:"viewer",id:n}])),v(c.parseFilename(e.name)))},H=e=>i=>{r&&(console.error(`Upload failed for ${e.name}: ${i}`),m(t=>{const q=(t[r]||[]).map(o=>o.name!==c.parseFilename(e.name)?o:{...o,error:R(i)});return{...t,[r]:q}}))},S=e=>r?i=>m(t=>{const q=(t[r]||[]).map(p=>p.name!==c.parseFilename(e.name)?p:{...p,progress:i.total?Math.round(i.loaded/i.total*100):0}),o=q.reduce((p,V)=>p+(V.progress||0),0),w=Math.round(o/q.length);return T?.(w),{...t,[r]:q}}):()=>{};try{const e=$.map(i=>{const t=c.parseFilename(i.name),s=t.split(".").slice(0,-1).join(".")||"unnamed",q=`/api/projects/${u}/versions/${r}/reviewables?label=${s}`,o={"content-type":i.type,"x-file-name":t};return P.post(q,i,{headers:o,onUploadProgress:S(i)}).then(A(i)).catch(w=>{throw H(i)(w),w})});await Promise.all(e),b&&b()}catch(e){throw console.error(e),k.toast.error(`Failed to upload file/s: ${R(e)}`),e}},[a,u,d,l,U,y,n,v,b,T]),handleRemoveUpload:v,uploading:d}};exports.parseFilename=c.parseFilename;exports.useReviewablesUpload=C;
 //# sourceMappingURL=useReviewablesUpload.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { ReviewableProgress } from '../ReviewableProgressCard/ReviewableProgressCard'\n\nexport { parseFilename } from '@shared/util/parseFilename'\n\nconst getUploadErrorMessage = (error: unknown): string => {\n  if (axios.isAxiosError(error)) {\n    const responseData = error.response?.data\n    if (typeof responseData === 'string' && responseData) {\n      return responseData\n    }\n\n    if (responseData && typeof responseData === 'object' && 'detail' in responseData) {\n      const detail = responseData.detail\n      if (typeof detail === 'string' && detail) {\n        return detail\n      }\n    }\n\n    return error.message || error.response?.statusText || 'Unknown upload error'\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return typeof error === 'string' ? error : 'Unknown upload error'\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: unknown) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            return {\n              ...upload,\n              error: getUploadErrorMessage(error),\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch((error) => {\n              errorHandler(file)(error)\n              throw error\n            })\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error(`Failed to upload file/s: ${getUploadErrorMessage(error)}`)\n        throw error\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["getUploadErrorMessage","error","axios","responseData","detail","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","parseFilename","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","toast"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { ReviewableProgress } from '../ReviewableProgressCard/ReviewableProgressCard'\n\nexport { parseFilename } from '@shared/util/parseFilename'\n\nconst getUploadErrorMessage = (error: unknown): string => {\n  if (axios.isAxiosError(error)) {\n    const responseData = error.response?.data\n    if (typeof responseData === 'string' && responseData) {\n      return responseData\n    }\n\n    if (responseData && typeof responseData === 'object' && 'detail' in responseData) {\n      const detail = responseData.detail\n      if (typeof detail === 'string' && detail) {\n        return detail\n      }\n    }\n\n    return error.message || error.response?.statusText || 'Unknown upload error'\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return typeof error === 'string' ? error : 'Unknown upload error'\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: unknown) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            return {\n              ...upload,\n              error: getUploadErrorMessage(error),\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch((error) => {\n              errorHandler(file)(error)\n              throw error\n            })\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error(`Failed to upload file/s: ${getUploadErrorMessage(error)}`)\n        throw error\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["getUploadErrorMessage","error","axios","responseData","detail","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","parseFilename","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","toast"],"mappings":"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"}

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

@@ -16,6 +16,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -41,6 +42,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -71,6 +74,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -112,7 +116,7 @@ const P = (i) => {
     return i.message || i.response?.statusText || "Unknown upload error";
   }
   return i instanceof Error ? i.message : typeof i == "string" ? i : "Unknown upload error";
-}, Vr = ({
+}, Qr = ({
   projectName: i,
   versionId: e,
   taskId: m,
@@ -212,6 +216,6 @@ const P = (i) => {
 };
 export {
   c as parseFilename,
-  Vr as useReviewablesUpload
+  Qr as useReviewablesUpload
 };
 //# sourceMappingURL=useReviewablesUpload.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { ReviewableProgress } from '../ReviewableProgressCard/ReviewableProgressCard'\n\nexport { parseFilename } from '@shared/util/parseFilename'\n\nconst getUploadErrorMessage = (error: unknown): string => {\n  if (axios.isAxiosError(error)) {\n    const responseData = error.response?.data\n    if (typeof responseData === 'string' && responseData) {\n      return responseData\n    }\n\n    if (responseData && typeof responseData === 'object' && 'detail' in responseData) {\n      const detail = responseData.detail\n      if (typeof detail === 'string' && detail) {\n        return detail\n      }\n    }\n\n    return error.message || error.response?.statusText || 'Unknown upload error'\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return typeof error === 'string' ? error : 'Unknown upload error'\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: unknown) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            return {\n              ...upload,\n              error: getUploadErrorMessage(error),\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch((error) => {\n              errorHandler(file)(error)\n              throw error\n            })\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error(`Failed to upload file/s: ${getUploadErrorMessage(error)}`)\n        throw error\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["getUploadErrorMessage","error","axios","responseData","detail","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","parseFilename","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","toast"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { ReviewableProgress } from '../ReviewableProgressCard/ReviewableProgressCard'\n\nexport { parseFilename } from '@shared/util/parseFilename'\n\nconst getUploadErrorMessage = (error: unknown): string => {\n  if (axios.isAxiosError(error)) {\n    const responseData = error.response?.data\n    if (typeof responseData === 'string' && responseData) {\n      return responseData\n    }\n\n    if (responseData && typeof responseData === 'object' && 'detail' in responseData) {\n      const detail = responseData.detail\n      if (typeof detail === 'string' && detail) {\n        return detail\n      }\n    }\n\n    return error.message || error.response?.statusText || 'Unknown upload error'\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return typeof error === 'string' ? error : 'Unknown upload error'\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: unknown) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            return {\n              ...upload,\n              error: getUploadErrorMessage(error),\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch((error) => {\n              errorHandler(file)(error)\n              throw error\n            })\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error(`Failed to upload file/s: ${getUploadErrorMessage(error)}`)\n        throw error\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["getUploadErrorMessage","error","axios","responseData","detail","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","parseFilename","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAwB,CAACC,MAA2B;AACxD,MAAIC,EAAM,aAAaD,CAAK,GAAG;AAC7B,UAAME,IAAeF,EAAM,UAAU;AACrC,QAAI,OAAOE,KAAiB,YAAYA;AACtC,aAAOA;AAGT,QAAIA,KAAgB,OAAOA,KAAiB,YAAY,YAAYA,GAAc;AAChF,YAAMC,IAASD,EAAa;AAC5B,UAAI,OAAOC,KAAW,YAAYA;AAChC,eAAOA;AAAA,IAEX;AAEA,WAAOH,EAAM,WAAWA,EAAM,UAAU,cAAc;AAAA,EACxD;AAEA,SAAIA,aAAiB,QACZA,EAAM,UAGR,OAAOA,KAAU,WAAWA,IAAQ;AAC7C,GAmBaI,KAAuB,CAAC;AAAA,EACnC,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAAiD;AAC/C,QAAM,CAACC,GAAWC,CAAU,IAAIC,EAAkD,CAAA,CAAE,GAE9EC,IAAqBC;AAAA,IACzB,CAACC,MAAiB;AAChB,MAAKZ,KACLQ,EAAW,CAACK,OAAa;AAAA,QACvB,GAAGA;AAAA,QACH,CAACb,CAAS,GAAGa,EAAQb,CAAS,GAAG,OAAO,CAACc,MAAWA,EAAO,SAASF,CAAI,KAAK,CAAA;AAAA,MAAC,EAC9E;AAAA,IACJ;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA;AA0JZ,SAAO;AAAA,IACL,kBAxJuBW;AAAA,MACvB,OAAOI,GAA0BC,MAA2B;AAE1D,cAAMC,IAAsBD,KAAiBhB;AAC7C,YAAI,CAACiB,KAAuB,CAAClB,EAAa;AAE1C,cAAMmB,IAAY,MAAM,KAAKH,CAAK,GAE5BI,IAAiBD,EAAU,IAAI,CAACE,OAAU;AAAA,UAC9C,MAAMC,EAAcD,EAAK,IAAI;AAAA,UAC7B,MAAMA,EAAK;AAAA,UACX,UAAU;AAAA,QAAA,EACV,GAEIE,IAAuB,CAAC,GAAIf,EAAUU,CAAmB,KAAK,CAAA,GAAK,GAAGE,CAAc;AAE1F,QAAAX,EAAW,EAAE,GAAGD,GAAW,CAACU,CAAmB,GAAGK,GAAsB;AAExE,cAAMC,IAAiB,CAACH,MAAe,CAACI,MAA4B;AAClE,cAAI,CAACP,EAAqB;AAE1B,kBAAQ,IAAI,yBAAyBG,EAAK,IAAI,EAAE;AAEhD,gBAAMK,IAAOD,EAAS;AAEtB,UAAKzB,MAELK;AAAA;AAAA,YAEEsB,EAAmB,KAAK;AAAA,cACtB;AAAA,cACA,EAAE,aAAA3B,GAAa,WAAWkB,EAAA;AAAA,cAC1B,CAACU,MAAU;AACT,gBAAKA,EAAM,gBACTA,EAAM,cAAc,CAAA,IAGtBA,EAAM,YAAY,KAAKF,CAAI;AAAA,cAC7B;AAAA,YAAA;AAAA,UACF,GAIFtB,KAAaC,EAASwB,EAAI,KAAK,eAAe,CAAC,EAAE,MAAM,UAAU,IAAIzB,EAAA,CAAW,CAAC,CAAC,GAClFC,EAASwB,EAAI,KAAK,eAAe,CAAC,EAAE,MAAM,UAAU,IAAIX,EAAA,CAAqB,CAAC,CAAC,GAC/Ef,KAAYE,EAASwB,EAAI,KAAK,eAAe,CAAC,EAAE,MAAM,UAAU,IAAI1B,EAAA,CAAU,CAAC,CAAC,GAChFD,KAAUG,EAASwB,EAAI,KAAK,eAAe,CAAC,EAAE,MAAM,UAAU,IAAI3B,EAAA,CAAQ,CAAC,CAAC,GAE5ES,EAAmBW,EAAcD,EAAK,IAAI,CAAC;AAAA,QAC7C,GAEMS,IAAe,CAACT,MAAe,CAAC1B,MAAmB;AACvD,UAAKuB,MACL,QAAQ,MAAM,qBAAqBG,EAAK,IAAI,KAAK1B,CAAK,EAAE,GAExDc,EAAW,CAACK,MAAY;AAGtB,kBAAMiB,KADiBjB,EAAQI,CAAmB,KAAK,CAAA,GACjB,IAAI,CAACH,MACrCA,EAAO,SAASO,EAAcD,EAAK,IAAI,IAAUN,IAC9C;AAAA,cACL,GAAGA;AAAA,cACH,OAAOrB,EAAsBC,CAAK;AAAA,YAAA,CAErC;AAGD,mBAAO;AAAA,cACL,GAAGmB;AAAA,cACH,CAACI,CAAmB,GAAGa;AAAA,YAAA;AAAA,UAE3B,CAAC;AAAA,QACH,GAEMC,IAAkB,CAACX,MAClBH,IACE,CAACe,MACNxB,EAAW,CAACK,MAAY;AAGtB,gBAAMiB,KADiBjB,EAAQI,CAAmB,KAAK,CAAA,GACjB,IAAI,CAACH,MACrCA,EAAO,SAASO,EAAcD,EAAK,IAAI,IAAUN,IAC9C;AAAA,YACL,GAAGA;AAAA,YACH,UAAUkB,EAAc,QACpB,KAAK,MAAOA,EAAc,SAASA,EAAc,QAAS,GAAG,IAC7D;AAAA,UAAA,CAEP,GAGKC,IAAgBH,EAAe;AAAA,YACnC,CAACI,GAAKpB,MAAWoB,KAAOpB,EAAO,YAAY;AAAA,YAC3C;AAAA,UAAA,GAEIqB,IAAkB,KAAK,MAAMF,IAAgBH,EAAe,MAAM;AAGxE,iBAAAxB,IAAa6B,CAAe,GAGrB;AAAA,YACL,GAAGtB;AAAA,YACH,CAACI,CAAmB,GAAGa;AAAA,UAAA;AAAA,QAE3B,CAAC,IA9B8B,MAAM;AAAA,QAAC;AAiC1C,YAAI;AAEF,gBAAMM,IAAiBlB,EAAU,IAAI,CAACE,MAAS;AAC7C,kBAAMiB,IAAWhB,EAAcD,EAAK,IAAI,GAClCkB,IAAYD,EAAS,MAAM,GAAG,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,WAE1DE,IAAM,iBAAiBxC,CAAW,aAAakB,CAAmB,sBAAsBqB,CAAS,IACjGE,IAAU,EAAE,gBAAgBpB,EAAK,MAAM,eAAeiB,EAAA;AAC5D,mBAAO1C,EACJ,KAAK4C,GAAKnB,GAAM,EAAE,SAAAoB,GAAS,kBAAkBT,EAAgBX,CAAI,GAAG,EACpE,KAAKG,EAAeH,CAAI,CAAC,EACzB,MAAM,CAAC1B,MAAU;AAChB,oBAAAmC,EAAaT,CAAI,EAAE1B,CAAK,GAClBA;AAAA,YACR,CAAC;AAAA,UACL,CAAC;AAGD,gBAAM,QAAQ,IAAI0C,CAAc,GAGhC/B,KAAYA,EAAA;AAAA,QACd,SAASX,GAAO;AAEd,wBAAQ,MAAMA,CAAK,GACnB+C,EAAM,MAAM,4BAA4BhD,EAAsBC,CAAK,CAAC,EAAE,GAChEA;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,QACEM;AAAA,QACAD;AAAA,QACAQ;AAAA,QACAH;AAAA,QACAD;AAAA,QACAD;AAAA,QACAD;AAAA,QACAS;AAAA,QACAL;AAAA,QACAC;AAAA,MAAA;AAAA,IACF;AAAA,IAKA,oBAAAI;AAAA,IACA,WAAAH;AAAA,EAAA;AAEJ;"}

package/dist/shared/src/components/ReviewablesSelector/Card.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("clsx"),C=require("../FileThumbnail/FileThumbnail.cjs.js"),b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),i=require("./ReviewablesSelector.styled.cjs.js");function h({fileId:r,label:u,selected:o,projectName:a,onKeyDown:c,onMouseOver:x,onChange:l,tag:s,contextMenuItems:n,selectionVariant:m="primary"}){const[p]=b.useCreateContextMenu();return t.jsxRuntimeExports.jsxs(i.ReviewableCard,{id:"preview-"+r,onClick:e=>l?.(r,e.metaKey||e.ctrlKey),className:j("reviewable-card",{selected:o},m),onMouseOver:e=>x(e,{label:u}),onKeyDown:c,onContextMenu:e=>{n&&(e.preventDefault(),p(e,n))},tabIndex:0,children:[t.jsxRuntimeExports.jsx(C.FileThumbnail,{src:`/api/projects/${a}/files/${r}/thumbnail`}),s&&t.jsxRuntimeExports.jsx(i.Tag,{children:s})]},r)}module.exports=h;
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js"),h=require("clsx"),j=require("../FileThumbnail/FileThumbnail.cjs.js"),C=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),o=require("./ReviewablesSelector.styled.cjs.js");function b({fileId:t,label:s,selected:u,projectName:a,onKeyDown:c,onMouseOver:x,onChange:l,tag:n,contextMenuItems:i,selectionVariant:p="primary",shortcut:m}){const[d]=C.useCreateContextMenu();return r.jsxRuntimeExports.jsxs(o.ReviewableCard,{id:"preview-"+t,onClick:e=>l?.(t,e.metaKey||e.ctrlKey),className:h("reviewable-card",{selected:u},p),"data-tooltip":s,"data-shortcut":m,"data-shortcut-position":"before",onMouseOver:e=>x(e,{label:s}),onKeyDown:c,onContextMenu:e=>{i&&(e.preventDefault(),d(e,i))},tabIndex:0,children:[r.jsxRuntimeExports.jsx(j.FileThumbnail,{src:`/api/projects/${a}/files/${t}/thumbnail`}),n&&r.jsxRuntimeExports.jsx(o.Tag,{children:n})]},t)}module.exports=b;
 //# sourceMappingURL=Card.cjs.js.map

package/dist/shared/src/components/ReviewablesSelector/Card.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '../FileThumbnail'\nimport type { ReviewableModel } from '@shared/api'\nimport type { ContextMenuItemType } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element\n  contextMenuItems?: ContextMenuItemType[]\n  selectionVariant?: 'primary' | 'tertiary'\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null\n  selected: boolean\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={(event) => onChange?.(fileId, event.metaKey || event.ctrlKey)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {tag && <Styled.Tag>{tag}</Styled.Tag>}\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","event","clsx","jsx","FileThumbnail","Styled.Tag"],"mappings":"oQAsBA,SAAwBA,EAAK,CAC3B,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,IAAAC,EACA,iBAAAC,EACA,iBAAAC,EAAmB,SACrB,EAAwB,CACtB,KAAM,CAACC,CAAe,EAAIC,uBAAA,EAE1B,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,eAAA,CAEC,GAAI,WAAab,EACjB,QAAUc,GAAUR,IAAWN,EAAQc,EAAM,SAAWA,EAAM,OAAO,EACrE,UAAWC,EAAK,kBAAmB,CAAE,SAAAb,CAAA,EAAYO,CAAgB,EACjE,YAAc,GAAMJ,EAAY,EAAG,CAAE,MAAAJ,EAAO,EAC5C,UAAAG,EACA,cAAgBU,GAAU,CACnBN,IAELM,EAAM,eAAA,EACNJ,EAAgBI,EAAON,CAAgB,EACzC,EACA,SAAU,EAEV,SAAA,CAAAQ,wBAACC,EAAAA,eAAc,IAAK,iBAAiBd,CAAW,UAAUH,CAAM,aAAc,EAC7EO,GAAOS,EAAAA,kBAAAA,IAACE,EAAAA,IAAA,CAAY,SAAAX,CAAA,CAAI,CAAA,CAAA,EAfpBP,CAAA,CAkBX"}
+{"version":3,"file":"Card.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '../FileThumbnail'\nimport type { ReviewableModel } from '@shared/api'\nimport type { ContextMenuItemType } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element\n  contextMenuItems?: ContextMenuItemType[]\n  selectionVariant?: 'primary' | 'tertiary'\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null\n  selected: boolean\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void\n  shortcut?: string\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n  shortcut,\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={(event) => onChange?.(fileId, event.metaKey || event.ctrlKey)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      data-tooltip={label}\n      data-shortcut={shortcut}\n      data-shortcut-position=\"before\"\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {tag && <Styled.Tag>{tag}</Styled.Tag>}\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","shortcut","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","event","clsx","jsx","FileThumbnail","Styled.Tag"],"mappings":"oQAuBA,SAAwBA,EAAK,CAC3B,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,IAAAC,EACA,iBAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,CACF,EAAwB,CACtB,KAAM,CAACC,CAAe,EAAIC,uBAAA,EAE1B,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,eAAA,CAEC,GAAI,WAAad,EACjB,QAAUe,GAAUT,IAAWN,EAAQe,EAAM,SAAWA,EAAM,OAAO,EACrE,UAAWC,EAAK,kBAAmB,CAAE,SAAAd,CAAA,EAAYO,CAAgB,EACjE,eAAcR,EACd,gBAAeS,EACf,yBAAuB,SACvB,YAAc,GAAML,EAAY,EAAG,CAAE,MAAAJ,EAAO,EAC5C,UAAAG,EACA,cAAgBW,GAAU,CACnBP,IAELO,EAAM,eAAA,EACNJ,EAAgBI,EAAOP,CAAgB,EACzC,EACA,SAAU,EAEV,SAAA,CAAAS,wBAACC,EAAAA,eAAc,IAAK,iBAAiBf,CAAW,UAAUH,CAAM,aAAc,EAC7EO,GAAOU,EAAAA,kBAAAA,IAACE,EAAAA,IAAA,CAAY,SAAAZ,CAAA,CAAI,CAAA,CAAA,EAlBpBP,CAAA,CAqBX"}

package/dist/shared/src/components/ReviewablesSelector/Card.es.js

@@ -1,42 +1,46 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import x from "clsx";
+import d from "clsx";
 import { FileThumbnail as f } from "../FileThumbnail/FileThumbnail.es.js";
-import { useCreateContextMenu as j } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
-import { ReviewableCard as C, Tag as b } from "./ReviewablesSelector.styled.es.js";
-function M({
-  fileId: e,
-  label: i,
-  selected: n,
-  projectName: s,
+import { useCreateContextMenu as h } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
+import { ReviewableCard as j, Tag as C } from "./ReviewablesSelector.styled.es.js";
+function K({
+  fileId: t,
+  label: e,
+  selected: s,
+  projectName: n,
   onKeyDown: m,
   onMouseOver: p,
   onChange: u,
-  tag: t,
-  contextMenuItems: a,
-  selectionVariant: c = "primary"
+  tag: a,
+  contextMenuItems: i,
+  selectionVariant: c = "primary",
+  shortcut: l
 }) {
-  const [l] = j();
+  const [x] = h();
   return /* @__PURE__ */ o.jsxs(
-    C,
+    j,
     {
-      id: "preview-" + e,
-      onClick: (r) => u?.(e, r.metaKey || r.ctrlKey),
-      className: x("reviewable-card", { selected: n }, c),
-      onMouseOver: (r) => p(r, { label: i }),
+      id: "preview-" + t,
+      onClick: (r) => u?.(t, r.metaKey || r.ctrlKey),
+      className: d("reviewable-card", { selected: s }, c),
+      "data-tooltip": e,
+      "data-shortcut": l,
+      "data-shortcut-position": "before",
+      onMouseOver: (r) => p(r, { label: e }),
       onKeyDown: m,
       onContextMenu: (r) => {
-        a && (r.preventDefault(), l(r, a));
+        i && (r.preventDefault(), x(r, i));
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ o.jsx(f, { src: `/api/projects/${s}/files/${e}/thumbnail` }),
-        t && /* @__PURE__ */ o.jsx(b, { children: t })
+        /* @__PURE__ */ o.jsx(f, { src: `/api/projects/${n}/files/${t}/thumbnail` }),
+        a && /* @__PURE__ */ o.jsx(C, { children: a })
       ]
     },
-    e
+    t
   );
 }
 export {
-  M as default
+  K as default
 };
 //# sourceMappingURL=Card.es.js.map

package/dist/shared/src/components/ReviewablesSelector/Card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.es.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '../FileThumbnail'\nimport type { ReviewableModel } from '@shared/api'\nimport type { ContextMenuItemType } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element\n  contextMenuItems?: ContextMenuItemType[]\n  selectionVariant?: 'primary' | 'tertiary'\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null\n  selected: boolean\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={(event) => onChange?.(fileId, event.metaKey || event.ctrlKey)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {tag && <Styled.Tag>{tag}</Styled.Tag>}\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","event","clsx","e","jsx","FileThumbnail","Styled.Tag"],"mappings":";;;;;AAsBA,SAAwBA,EAAK;AAAA,EAC3B,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,GAAwB;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA;AAE1B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,IAAI,aAAab;AAAA,MACjB,SAAS,CAACc,MAAUR,IAAWN,GAAQc,EAAM,WAAWA,EAAM,OAAO;AAAA,MACrE,WAAWC,EAAK,mBAAmB,EAAE,UAAAb,EAAA,GAAYO,CAAgB;AAAA,MACjE,aAAa,CAACO,MAAMX,EAAYW,GAAG,EAAE,OAAAf,GAAO;AAAA,MAC5C,WAAAG;AAAA,MACA,eAAe,CAACU,MAAU;AACxB,QAAKN,MAELM,EAAM,eAAA,GACNJ,EAAgBI,GAAON,CAAgB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAAS,gBAAAA,MAACC,KAAc,KAAK,iBAAiBf,CAAW,UAAUH,CAAM,cAAc;AAAA,QAC7EO,KAAOU,gBAAAA,EAAAA,IAACE,GAAA,EAAY,UAAAZ,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAfpBP;AAAA,EAAA;AAkBX;"}
+{"version":3,"file":"Card.es.js","sources":["../../../../../src/components/ReviewablesSelector/Card.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FileThumbnail } from '../FileThumbnail'\nimport type { ReviewableModel } from '@shared/api'\nimport type { ContextMenuItemType } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport * as Styled from './ReviewablesSelector.styled'\nimport { KeyboardEvent, MouseEvent } from 'react'\n\nexport type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {\n  tag?: JSX.Element\n  contextMenuItems?: ContextMenuItemType[]\n  selectionVariant?: 'primary' | 'tertiary'\n}\n\nexport type ReviewableCardProps = ReviewableCard & {\n  projectName: string | null\n  selected: boolean\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void\n  onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: { label?: string }) => void\n  shortcut?: string\n}\n\nexport default function Card({\n  fileId,\n  label,\n  selected,\n  projectName,\n  onKeyDown,\n  onMouseOver,\n  onChange,\n  tag,\n  contextMenuItems,\n  selectionVariant = 'primary',\n  shortcut,\n}: ReviewableCardProps) {\n  const [contextMenuShow] = useCreateContextMenu()\n\n  return (\n    <Styled.ReviewableCard\n      key={fileId}\n      id={'preview-' + fileId}\n      onClick={(event) => onChange?.(fileId, event.metaKey || event.ctrlKey)}\n      className={clsx('reviewable-card', { selected }, selectionVariant)}\n      data-tooltip={label}\n      data-shortcut={shortcut}\n      data-shortcut-position=\"before\"\n      onMouseOver={(e) => onMouseOver(e, { label })}\n      onKeyDown={onKeyDown}\n      onContextMenu={(event) => {\n        if (!contextMenuItems) return\n\n        event.preventDefault()\n        contextMenuShow(event, contextMenuItems)\n      }}\n      tabIndex={0}\n    >\n      <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n      {tag && <Styled.Tag>{tag}</Styled.Tag>}\n    </Styled.ReviewableCard>\n  )\n}\n"],"names":["Card","fileId","label","selected","projectName","onKeyDown","onMouseOver","onChange","tag","contextMenuItems","selectionVariant","shortcut","contextMenuShow","useCreateContextMenu","jsxs","Styled.ReviewableCard","event","clsx","e","jsx","FileThumbnail","Styled.Tag"],"mappings":";;;;;AAuBA,SAAwBA,EAAK;AAAA,EAC3B,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AACF,GAAwB;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA;AAE1B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,IAAI,aAAad;AAAA,MACjB,SAAS,CAACe,MAAUT,IAAWN,GAAQe,EAAM,WAAWA,EAAM,OAAO;AAAA,MACrE,WAAWC,EAAK,mBAAmB,EAAE,UAAAd,EAAA,GAAYO,CAAgB;AAAA,MACjE,gBAAcR;AAAA,MACd,iBAAeS;AAAA,MACf,0BAAuB;AAAA,MACvB,aAAa,CAACO,MAAMZ,EAAYY,GAAG,EAAE,OAAAhB,GAAO;AAAA,MAC5C,WAAAG;AAAA,MACA,eAAe,CAACW,MAAU;AACxB,QAAKP,MAELO,EAAM,eAAA,GACNJ,EAAgBI,GAAOP,CAAgB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAAU,gBAAAA,MAACC,KAAc,KAAK,iBAAiBhB,CAAW,UAAUH,CAAM,cAAc;AAAA,QAC7EO,KAAOW,gBAAAA,EAAAA,IAACE,GAAA,EAAY,UAAAb,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAlBpBP;AAAA,EAAA;AAqBX;"}

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./ReviewablesSelector.styled.cjs.js"),y=require("./Card.cjs.js"),S=n.forwardRef(({reviewables:p=[],selected:w=[],projectName:b,onChange:u,onUpload:d},j)=>{const f=n.useRef(null),a=n.useRef(null),[m,c]=n.useState(null),[R,v]=n.useState(null),x=()=>a.current?.scrollTop||0,E=e=>{const o=a.current,t=document.getElementById("preview-"+e);if(!o||!t)return;const s=o.getBoundingClientRect(),r=t.getBoundingClientRect();r.top<s.top?o.scrollTop-=s.top-r.top:r.bottom>s.bottom&&(o.scrollTop+=r.bottom-s.bottom),f.current?.updateScroll?.()};n.useImperativeHandle(j,()=>({notifyNavigation:({fileId:e,label:o})=>{requestAnimationFrame(()=>E(e)),c(o??null);const t=document.getElementById("preview-"+e);if(t){const s=t.offsetTop+t.offsetHeight/2-x();v(s),t.focus({preventScroll:!0})}}}),[]),n.useEffect(()=>{const e=o=>{o.target.closest(".reviewables")||c(null)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]);const g=(e,{label:o})=>{const t=e.target.closest(".reviewable-card");if(!t)return;c(o??null);const s=t.offsetTop+t.offsetHeight/2-x();v(s)},T=e=>{if(e.key==="Enter"||e.key===" "){const o=e.target.closest(".reviewable-card");if(!o)return;const t=o.id.replace("preview-","");u&&u(t)}};return p.length?l.jsxRuntimeExports.jsxs(i.ReviewablesSelector,{children:[l.jsxRuntimeExports.jsxs(i.Scrollable,{className:"reviewables",ref:f,containerRef:e=>{a.current=e},children:[p.map(({fileId:e,label:o,tag:t,selectionVariant:s,contextMenuItems:r})=>l.jsxRuntimeExports.jsx(y,{projectName:b,fileId:e,label:o,selected:w.includes(e),selectionVariant:s,tag:t,contextMenuItems:r,onChange:u,onKeyDown:T,onMouseOver:g},e)),!!d&&l.jsxRuntimeExports.jsx(i.AddButton,{icon:"add",onClick:d,onMouseEnter:()=>c(null)})]}),m&&R&&l.jsxRuntimeExports.jsx(i.Label,{style:{top:R},children:m})]}):l.jsxRuntimeExports.jsx("div",{})});module.exports=S;
+"use strict";const l=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),u=require("./ReviewablesSelector.styled.cjs.js"),q=require("./Card.cjs.js"),B=s.forwardRef(({reviewables:c=[],selected:p=[],projectName:g,onChange:a,onUpload:m},j)=>{const x=s.useRef(null),d=s.useRef(null),[R,i]=s.useState(null),[v,w]=s.useState(null),b=()=>d.current?.scrollTop||0,E=e=>{const t=d.current,o=document.getElementById("preview-"+e);if(!t||!o)return;const n=t.getBoundingClientRect(),r=o.getBoundingClientRect();r.top<n.top?t.scrollTop-=n.top-r.top:r.bottom>n.bottom&&(t.scrollTop+=r.bottom-n.bottom),x.current?.updateScroll?.()};s.useImperativeHandle(j,()=>({notifyNavigation:({fileId:e,label:t})=>{requestAnimationFrame(()=>E(e)),i(t??null);const o=document.getElementById("preview-"+e);if(o){const n=o.offsetTop+o.offsetHeight/2-b();w(n),o.focus({preventScroll:!0})}}}),[]),s.useEffect(()=>{const e=t=>{t.target.closest(".reviewables")||i(null)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]);const h=(e,{label:t})=>{const o=e.target.closest(".reviewable-card");if(!o)return;i(t??null);const n=o.offsetTop+o.offsetHeight/2-b();w(n)},S=e=>{if(e.key==="Enter"||e.key===" "){const t=e.target.closest(".reviewable-card");if(!t)return;const o=t.id.replace("preview-","");a&&a(o)}};if(!c.length)return l.jsxRuntimeExports.jsx("div",{});const f=c.findIndex(({fileId:e})=>p.includes(e)),T=e=>{if(c.length<2||f===-1)return;const t=c.length;if(e===(f-1+t)%t)return"W";if(e===(f+1)%t)return"S"};return l.jsxRuntimeExports.jsxs(u.ReviewablesSelector,{children:[l.jsxRuntimeExports.jsxs(u.Scrollable,{className:"reviewables",ref:x,containerRef:e=>{d.current=e},children:[c.map(({fileId:e,label:t,tag:o,selectionVariant:n,contextMenuItems:r},y)=>l.jsxRuntimeExports.jsx(q,{shortcut:T(y),projectName:g,fileId:e,label:t,selected:p.includes(e),selectionVariant:n,tag:o,contextMenuItems:r,onChange:a,onKeyDown:S,onMouseOver:h},e)),!!m&&l.jsxRuntimeExports.jsx(u.AddButton,{icon:"add",onClick:m,onMouseEnter:()=>i(null)})]}),R&&v&&l.jsxRuntimeExports.jsx(u.Label,{style:{top:v},children:R})]})});module.exports=B;
 //# sourceMappingURL=ReviewablesSelector.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n          el.focus({ preventScroll: true })\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }) => (\n          <Card\n            key={fileId}\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}
+{"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport ScrollBar from 'react-perfect-scrollbar'\nimport Card, { ReviewableCard, ReviewableCardProps } from './Card'\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string, modifier?: boolean) => void\n  onUpload?: () => void\n}\n\nexport type ReviewablesSelectorHandle = {\n  notifyNavigation: (next: { fileId: string; label?: string | null }) => void\n}\n\nconst ReviewablesSelector = forwardRef<ReviewablesSelectorHandle, ReviewablesSelectorProps>(({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}, ref) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // Imperative hook for the parent: keyboard nav lives upstream so it works\n  // in theatre mode (where this component is unmounted). When nav happens,\n  // we still update scroll + tooltip via this handle.\n  useImperativeHandle(\n    ref,\n    () => ({\n      notifyNavigation: ({ fileId, label }) => {\n        requestAnimationFrame(() => scrollReviewableIntoView(fileId))\n        setLabelTooltip(label ?? null)\n        const el = document.getElementById('preview-' + fileId)\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n          el.focus({ preventScroll: true })\n        }\n      },\n    }),\n    [],\n  )\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCardProps, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // select with enter or space key when focused on a reviewable card\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n      if (!closest) return\n      const fileId = closest.id.replace('preview-', '')\n      onChange && onChange(fileId)\n    }\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  // w/s jump to the neighbouring reviewable, so a hovered neighbour advertises its key\n  const selectedIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n  const shortcutForIndex = (index: number) => {\n    if (reviewables.length < 2 || selectedIndex === -1) return undefined\n    const count = reviewables.length\n    if (index === (selectedIndex - 1 + count) % count) return 'W'\n    if (index === (selectedIndex + 1) % count) return 'S'\n    return undefined\n  }\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(el) => {\n          scrollContainerRef.current = el\n        }}\n      >\n        {reviewables.map(({ fileId, label, tag, selectionVariant, contextMenuItems }, index) => (\n          <Card\n            key={fileId}\n            shortcut={shortcutForIndex(index)}\n            projectName={projectName}\n            fileId={fileId}\n            label={label}\n            selected={selected.includes(fileId)}\n            selectionVariant={selectionVariant}\n            tag={tag}\n            contextMenuItems={contextMenuItems}\n            onChange={onChange}\n            onKeyDown={handleKeyDown}\n            onMouseOver={handleMouseOver}\n          />\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n})\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","forwardRef","reviewables","selected","projectName","onChange","onUpload","ref","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useImperativeHandle","label","top","useEffect","handleMouseMove","event","handleMouseOver","closest","handleKeyDown","selectedIndex","shortcutForIndex","index","count","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","tag","selectionVariant","contextMenuItems","jsx","Card","Styled.AddButton","Styled.Label"],"mappings":"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"}