@ynput/ayon-frontend-shared 0.3.9 → 0.3.10

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}
+{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = \"_blank\"\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"iheA+CA,MAAMA,GAA4C,CAAC,CACjD,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,aAAAC,EAAc,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAA,EAAaC,GAAAA,uBAAA,EAE3C,CACJ,KAAMC,EACN,WAAYC,EACZ,YAAAC,CAAA,EACEC,GAAAA,iCACF,CAAE,YAAAb,EAAa,UAAAC,CAAA,EACf,CAAE,KAAM,CAACA,GAAa,CAACD,CAAA,CAAY,EAI/Bc,EAAgB,GAGhBC,EAAgBR,GAAQ,eAAiB,CAAA,EACzCS,EAAWV,EAAK,KAChBW,EAAgBX,EAAK,MAAM,OAG3B,CAACY,EAAgBC,CAAiB,EAAIC,EAAAA,SAAwB,IAAI,EAGlE,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAwB,IAAI,EAEtDG,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBC,EAAAA,2BAAA,CACnB,CAAA,EAGGC,EAAcnB,GAAoB,aAAe,CAAA,EACjDoB,EAAiBD,EAAY,KAAME,GAAeA,EAAW,SAAWV,CAAQ,EAEhFW,EAAmBpB,GAAa,GAGhCqB,EAAatB,GAFQV,IAAc+B,GAE0B7B,EAE7D+B,EAAyBC,GAAsC,CAEnE,GAAId,EAAU,OAAO,QAAQ,IAAI,8BAA8B,EAG/D,MAAMe,EAAKD,EAAM,cAAc,GAC/B,GAAI,CAACC,GAAM,CAAClC,EAAW,OAAO,QAAQ,MAAM,gCAAgC,EAE5E,MAAM6B,EAAaF,EAAY,KAAME,GAAeA,EAAW,SAAWK,CAAE,EAC5E,QAAQ,MAAML,CAAU,EACxB,QAAQ,MAAMA,GAAY,SAAS,EAGnC1B,IAAe,CACb,YAAAL,EACA,UAAAE,EACA,WAAY,CAACD,CAAS,EACtB,cAAe,CAACmC,CAAE,CAAA,CACnB,CACH,EAEM,CAAE,SAAAC,EAAU,aAAAC,EAAc,WAAAC,EAAY,OAAAC,GAAWC,GAAAA,sBACrDZ,EACAf,CAAA,EAGF,SAAS4B,EAAgBP,EAAuB,CAC9C,KAAM,CAAE,OAAAQ,GAAWR,EAEnBb,EAAYqB,EAAO,EAAY,CACjC,CAEA,KAAM,CAACC,CAAsB,EAAIC,oCAAA,EAE3BC,EAAgB,MAAOX,GAAwB,CACnD,KAAM,CAAE,OAAAQ,EAAQ,KAAAI,CAAA,EAASZ,EAEzB,GAAIY,GAAM,IAAMJ,EAAO,KAAOI,EAAK,GAAI,CACrC,QAAQ,IAAI,wBAAwB,EAEpC,MAAMC,EAAWX,EAAS,UAAWN,GAAeA,EAAW,SAAWY,EAAO,EAAE,EAC7EM,EAAWZ,EAAS,UAAWN,GAAeA,EAAW,SAAWgB,EAAK,EAAE,EAK3EG,EAFiBC,EAAAA,UAAUd,EAAUW,EAAUC,CAAQ,EAE7B,IAAKlB,GAAeA,EAAW,UAAU,EAEzE,GAAI,CAEFa,EAAuB,CACrB,YAAA5C,EACA,UAAAC,EACA,uBAAwB,CAAE,KAAMiD,CAAA,CAAS,CAC1C,EAAE,OAAA,CACL,MAAgB,CACdE,EAAAA,MAAM,MAAM,2BAA2B,CACzC,CACF,CACA9B,EAAY,IAAI,CAClB,EAEM+B,EAAmB,CAAA,EAErBjD,IAAU,UACZiD,EAAiB,KAAMC,IAAe,CACpC,GAAGA,EAAK,UACR,EAAGA,EAAK,UAAU,EAAI,GACtB,EAAGA,EAAK,UAAU,EAAI,EAAA,EACtB,EAGJ,MAAMC,EAAsB,uFAEtBC,EAAqB,CAACC,EAAgBC,EAAmB,KAAO,CACpE,IAAIC,EAAM,iBAAiB3D,CAAW,UAAUyD,CAAM,GAKtD,MAAMG,EAAI,SAAS,cAAc,GAAG,EACpCA,EAAE,KAAOD,EACTC,EAAE,OAAS,SACX,SAAS,KAAK,YAAYA,CAAC,EAG3BA,EAAE,MAAA,EAGF,SAAS,KAAK,YAAYA,CAAC,CAC7B,EAEM,CAACC,CAAgB,EAAIC,8BAAA,EAErBC,EAAe,MAAOC,EAAoBC,IAAkB,CAEhEC,iBAAc,CACZ,OAAQ,UAAYD,EACpB,QAAS,mDACT,OAAQ,SAAY,CAClB,GAAI,CACF,MAAMJ,EAAiB,CAAE,WAAAG,EAAY,YAAAhE,CAAA,CAAa,EAAE,OAAA,CACtD,MAAgB,CACdoD,EAAAA,MAAM,MAAM,6BAA6B,CAC3C,CACF,CAAA,CACD,CACH,EAGM,CAACe,EAAW,EAAIC,wBAAA,EAEhBC,EAAqBlC,GAAsC,CAE/D,MAAMC,EAAKD,EAAM,cAAc,GAE/B,GAAI,CAACC,EAAI,OAET,MAAML,EAAaF,EAAY,KAAME,GAAeA,EAAW,SAAWK,CAAE,EAE5E,GAAI,CAACL,EAAY,OAEjB,MAAMuC,EAAiBvC,EAAW,aAAeA,EAAW,OACtDwC,EAAqB1C,EAAY,KACpCE,GAAeA,EAAW,SAAWuC,CAAA,EAGlCE,EAMA,CACJ,CACE,MAAO,oBACP,KAAM,WACN,QAAS,IAAMhB,EAAmBc,EAAgBC,GAAoB,QAAQ,EAC9E,SAAU,CAACA,CAAA,CACb,GAGEvD,IAAae,EAAW,OAAO,MAAQ,CAACd,IAC1CuD,EAAM,KAAK,CACT,MAAO,SACP,KAAM,SACN,QAAS,IAAMT,EAAahC,EAAW,WAAYA,EAAW,OAASA,EAAW,QAAQ,EAC1F,OAAQ,EAAA,CACT,EAIHyC,EAAM,KAAK,CACT,MAAO,WAAWzC,EAAW,OAAO,UAAYA,EAAW,OAAO,IAAI,GACtE,KAAM,SACN,SAAU,EAAA,CACX,EAEDoC,GAAYhC,EAAOqC,CAAK,CAC1B,EAEA,OACEC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,GAAAA,iBAAA,CACC,YAAA5E,EACA,UAAAC,EACA,UAAAC,EACA,OAAQK,GAAQ,OAChB,SAAUA,GAAQ,SAClB,SAAAC,EAEC,SAAAyB,EACC,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAE,IAAI,CAAC4C,EAAGC,IAChCH,EAAAA,kBAAAA,IAACI,GAAAA,YAAA,CAA+B,UAAU,SAAA,EAAjBD,CAA2B,CACrD,EAEDL,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAACO,EAAAA,WAAA,CACC,QAAAzD,EACA,mBAAoB0D,EAAAA,cACpB,YAAavC,EACb,UAAWI,EACX,aAAc,IAAMxB,EAAY,IAAI,EAEpC,SAAA,CAAAqD,EAAAA,kBAAAA,IAACO,EAAAA,gBAAA,CACC,MAAOrD,EAAY,IAAI,CAAC,CAAE,OAAA4B,CAAA,IAAaA,CAA0B,EACjE,SAAU0B,EAAAA,4BAET,SAAA9C,EAAS,IAAKN,GACb4C,EAAAA,kBAAAA,IAACS,GAAA,CAEC,YAAApF,EACA,QAASkC,EACT,WAAYnB,EAAc,SAASgB,EAAW,MAAM,EACpD,WAAY,CAAC,CAACV,EACd,cAAegD,EACf,OAASgB,GAAM,CACbA,EAAE,gBAAA,EACFlE,EAAkBY,EAAW,UAAU,CACzC,EACC,GAAGA,CAAA,EAVCA,EAAW,MAAA,CAYnB,CAAA,CAAA,EAIH4C,EAAAA,kBAAAA,IAACW,EAAAA,YAAA,CAAY,UAAWjC,EACrB,SAAAvB,EACC6C,EAAAA,kBAAAA,IAACY,GAAAA,eAAA,CACE,GAAGzD,EACJ,YAAA9B,EACA,cAAa,GACb,WAAU,GACV,WAAYe,EAAc,SAASe,EAAe,MAAM,CAAA,CAAA,EAExD,IAAA,CACN,CAAA,CAAA,CAAA,EAEDS,EAAW,IAAKR,GACf4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,aACN,SAAUA,EAAW,YAAY,SACjC,OAAQA,EAAW,MAAA,EAJdA,EAAW,MAAA,CAMnB,EAEAS,EAAO,IAAKT,GACX4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,SACN,OAAQA,EAAW,MAAA,EAHdA,EAAW,MAAA,CAKnB,EAEAO,EAAa,IAAKP,GACjB4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,cACN,QAASwB,EACT,IAAK,iBAAiBvD,CAAW,UAAU+B,EAAW,MAAM,aAC5D,cAAesC,EACf,OAAQtC,EAAW,MAAA,EANdA,EAAW,MAAA,CAQnB,CAAA,CAAA,CACH,CAAA,CAAA,EAIHb,GACCyD,EAAAA,kBAAAA,IAACc,GAAA,CACC,OAAM,GACN,QAAS,IAAMtE,EAAkB,IAAI,EACrC,MACEU,EAAY,KAAME,GAAeA,EAAW,aAAeb,CAAc,GAAG,OAAS,GAEvF,YAAAlB,EACA,UAAAC,EACA,WAAYiB,CAAA,CAAA,CACd,EAEJ,CAEJ"}

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

@@ -25,6 +25,7 @@ import "../../api/generated/operations.es.js";
 import "../../api/generated/products.es.js";
 import "../../api/generated/projectDashboard.es.js";
 import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
 import "../../api/generated/reviewables.es.js";
 import "../../api/generated/services.es.js";
 import "../../api/generated/system.es.js";
@@ -72,6 +73,7 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
 import { useGetReviewablesForVersionQuery as N } from "../../api/queries/review/getReview.es.js";
 import { useSortVersionReviewablesMutation as tt, useDeleteReviewableMutation as it } from "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
@@ -262,7 +264,7 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const wm = ({
+const Im = ({
   projectName: m,
   versionId: p,
   productId: u,
@@ -283,28 +285,28 @@ const wm = ({
     })
   ), n = V?.reviewables || [], v = n.find((t) => t.fileId === b), G = q?.id, T = A && p !== G || M, U = (t) => {
     if (b) return console.log("Dragging, cannot open review");
-    const i = t.currentTarget.id;
-    if (!i || !u) return console.error("No reviewable id or product id");
-    const o = n.find((e) => e.fileId === i);
-    console.debug(o), console.debug(o?.mediaInfo), E?.({
+    const o = t.currentTarget.id;
+    if (!o || !u) return console.error("No reviewable id or product id");
+    const i = n.find((e) => e.fileId === o);
+    console.debug(i), console.debug(i?.mediaInfo), E?.({
       projectName: m,
       productId: u,
       versionIds: [p],
-      reviewableIds: [i]
+      reviewableIds: [o]
     });
-  }, { playable: l, incompatible: K, processing: Q, queued: _ } = wt(
+  }, { playable: l, incompatible: K, processing: _, queued: Q } = wt(
     n,
     O
   );
   function z(t) {
-    const { active: i } = t;
-    w(i.id);
+    const { active: o } = t;
+    w(o.id);
   }
   const [B] = tt(), H = async (t) => {
-    const { active: i, over: o } = t;
-    if (o?.id && i.id !== o.id) {
+    const { active: o, over: i } = t;
+    if (i?.id && o.id !== i.id) {
       console.log("update review position");
-      const e = l.findIndex((s) => s.fileId === i.id), d = l.findIndex((s) => s.fileId === o.id), a = dt(l, e, d).map((s) => s.activityId);
+      const e = l.findIndex((s) => s.fileId === o.id), d = l.findIndex((s) => s.fileId === i.id), a = dt(l, e, d).map((s) => s.activityId);
       try {
         B({
           projectName: m,
@@ -322,13 +324,13 @@ const wm = ({
     x: t.transform.x - 32,
     y: t.transform.y - 32
   }));
-  const J = "File type not supported at this time. Please contact support for further assistance.", W = (t, i = "") => {
-    let o = `/api/projects/${m}/files/${t}`;
+  const J = "File type not supported at this time. Please contact support for further assistance.", W = (t, o = "") => {
+    let i = `/api/projects/${m}/files/${t}`;
     const e = document.createElement("a");
-    e.href = o, e.download = i, document.body.appendChild(e), e.click(), document.body.removeChild(e);
-  }, [X] = it(), Y = async (t, i) => {
+    e.href = i, e.target = "_blank", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+  }, [X] = it(), Y = async (t, o) => {
     ft({
-      header: "Delete " + i,
+      header: "Delete " + o,
       message: "Are you sure you want to delete this reviewable?",
       accept: async () => {
         try {
@@ -339,11 +341,11 @@ const wm = ({
       }
     });
   }, [Z] = ct(), D = (t) => {
-    const i = t.currentTarget.id;
-    if (!i) return;
-    const o = n.find((a) => a.fileId === i);
+    const o = t.currentTarget.id;
     if (!o) return;
-    const e = o.createdFrom || o.fileId, d = n.find(
+    const i = n.find((a) => a.fileId === o);
+    if (!i) return;
+    const e = i.createdFrom || i.fileId, d = n.find(
       (a) => a.fileId === e
     ), c = [
       {
@@ -353,13 +355,13 @@ const wm = ({
         disabled: !d
       }
     ];
-    (P === o.author.name || !$) && c.push({
+    (P === i.author.name || !$) && c.push({
       label: "Delete",
       icon: "delete",
-      onClick: () => Y(o.activityId, o.label || o.filename),
+      onClick: () => Y(i.activityId, i.label || i.filename),
       danger: !0
     }), c.push({
-      label: `Author: ${o.author.fullName || o.author.name}`,
+      label: `Author: ${i.author.fullName || i.author.name}`,
       icon: "person",
       disabled: !0
     }), Z(t, c);
@@ -374,7 +376,7 @@ const wm = ({
         taskId: f?.taskId,
         folderId: f?.folderId,
         dispatch: j,
-        children: T ? Array.from({ length: 3 }).map((t, i) => /* @__PURE__ */ r.jsx(bt, { className: "loading" }, i)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        children: T ? Array.from({ length: 3 }).map((t, o) => /* @__PURE__ */ r.jsx(bt, { className: "loading" }, o)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsxs(
             mt,
             {
@@ -397,8 +399,8 @@ const wm = ({
                         isSelected: y.includes(t.fileId),
                         isDragging: !!b,
                         onContextMenu: D,
-                        onEdit: (i) => {
-                          i.stopPropagation(), x(t.activityId);
+                        onEdit: (o) => {
+                          o.stopPropagation(), x(t.activityId);
                         },
                         ...t
                       },
@@ -419,7 +421,7 @@ const wm = ({
               ]
             }
           ),
-          Q.map((t) => /* @__PURE__ */ r.jsx(
+          _.map((t) => /* @__PURE__ */ r.jsx(
             I,
             {
               name: t.filename,
@@ -429,7 +431,7 @@ const wm = ({
             },
             t.fileId
           )),
-          _.map((t) => /* @__PURE__ */ r.jsx(
+          Q.map((t) => /* @__PURE__ */ r.jsx(
             I,
             {
               name: t.filename,
@@ -467,6 +469,6 @@ const wm = ({
   ] });
 };
 export {
-  wm as default
+  Im 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, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}
+{"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = \"_blank\"\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),d=require("clsx"),A=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/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/updateActivities.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/cloud/cloud.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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");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/updateTasks.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");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("./ReviewablesList.styled.cjs.js");const p=require("./ReviewablesUpload.styled.cjs.js"),M=require("./useReviewablesUpload.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const f=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const j=({projectName:g,taskId:h,folderId:v,versionId:u,productId:w,onUpload:E,onFilesAdded:U,children:b,dispatch:y,variant:s="normal",pendingFiles:a=[],setPendingFiles:q,className:D,pt:c,...C})=>{const[x,o]=R.useState(!1),{handleFileUpload:l,handleRemoveUpload:L,uploading:S}=M.useReviewablesUpload({projectName:g,versionId:u,taskId:h,folderId:v,productId:w,dispatch:y,onUpload:E}),t=!!u;R.useEffect(()=>{if(t&&u&&a.length>0&&q){const e=a.map(r=>r.file);a.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),q([]),l(e)}},[t,u,a.length,l,q]);const z=e=>e.type.startsWith("image/"),O=e=>e.map(r=>({file:r,preview:z(r)?URL.createObjectURL(r):void 0})),m=async e=>{const r=Array.from(e);if(U?.(r),!t||!u){q&&q(n=>[...n,...O(r)]);return}await l(e)},W=e=>{const r=e.target.files;r&&m(r)},_=e=>{e.preventDefault(),o(!1);const r=e.dataTransfer.files;r&&m(r)},k=s==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(p.ReviewablesList,{className:d(D,s,{dragging:x}),...C,onDragEnter:()=>o(!0),children:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[b,!t&&a?.map(e=>i.jsxRuntimeExports.jsx(f.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{q&&q(r=>r.filter(n=>n.file.name!==e.file.name))}},e.file.name)),u&&S[u]?.map(e=>i.jsxRuntimeExports.jsx(f.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>L(e.name)},e.name)),i.jsxRuntimeExports.jsxs(p.Upload,{id:"upload",className:d("upload",s),style:k,...c?.upload,children:[i.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),i.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:W})]})]})}),x&&i.jsxRuntimeExports.jsxs(p.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>o(!1),onDrop:_,...c?.dropzone,children:[i.jsxRuntimeExports.jsx(A.Icon,{icon:"upload"}),i.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=j;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),d=require("clsx"),A=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/cloud/cloud.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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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");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/updateTasks.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");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("./ReviewablesList.styled.cjs.js");const p=require("./ReviewablesUpload.styled.cjs.js"),M=require("./useReviewablesUpload.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const f=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const j=({projectName:g,taskId:h,folderId:v,versionId:u,productId:w,onUpload:E,onFilesAdded:U,children:b,dispatch:y,variant:s="normal",pendingFiles:a=[],setPendingFiles:q,className:D,pt:c,...C})=>{const[x,o]=R.useState(!1),{handleFileUpload:l,handleRemoveUpload:L,uploading:S}=M.useReviewablesUpload({projectName:g,versionId:u,taskId:h,folderId:v,productId:w,dispatch:y,onUpload:E}),t=!!u;R.useEffect(()=>{if(t&&u&&a.length>0&&q){const e=a.map(r=>r.file);a.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),q([]),l(e)}},[t,u,a.length,l,q]);const z=e=>e.type.startsWith("image/"),O=e=>e.map(r=>({file:r,preview:z(r)?URL.createObjectURL(r):void 0})),m=async e=>{const r=Array.from(e);if(U?.(r),!t||!u){q&&q(n=>[...n,...O(r)]);return}await l(e)},W=e=>{const r=e.target.files;r&&m(r)},_=e=>{e.preventDefault(),o(!1);const r=e.dataTransfer.files;r&&m(r)},k=s==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(p.ReviewablesList,{className:d(D,s,{dragging:x}),...C,onDragEnter:()=>o(!0),children:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[b,!t&&a?.map(e=>i.jsxRuntimeExports.jsx(f.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{q&&q(r=>r.filter(n=>n.file.name!==e.file.name))}},e.file.name)),u&&S[u]?.map(e=>i.jsxRuntimeExports.jsx(f.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>L(e.name)},e.name)),i.jsxRuntimeExports.jsxs(p.Upload,{id:"upload",className:d("upload",s),style:k,...c?.upload,children:[i.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),i.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:W})]})]})}),x&&i.jsxRuntimeExports.jsxs(p.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>o(!1),onDrop:_,...c?.dropzone,children:[i.jsxRuntimeExports.jsx(A.Icon,{icon:"upload"}),i.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=j;exports.default=j;
 //# sourceMappingURL=ReviewablesUpload.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","Icon"],"mappings":"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"}
+{"version":3,"file":"ReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","Icon"],"mappings":"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"}

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

@@ -43,6 +43,7 @@ import "../../api/generated/operations.es.js";
 import "../../api/generated/products.es.js";
 import "../../api/generated/projectDashboard.es.js";
 import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
 import "../../api/generated/reviewables.es.js";
 import "../../api/generated/services.es.js";
 import "../../api/generated/system.es.js";
@@ -90,6 +91,7 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
@@ -258,7 +260,7 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const Si = ({
+const ki = ({
   projectName: x,
   taskId: g,
   folderId: j,
@@ -377,7 +379,7 @@ const Si = ({
   ] });
 };
 export {
-  Si as ReviewableUpload,
-  Si as default
+  ki as ReviewableUpload,
+  ki as default
 };
 //# sourceMappingURL=ReviewablesUpload.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","e","Icon"],"mappings":"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"}
+{"version":3,"file":"ReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","e","Icon"],"mappings":"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"}