@ynput/ayon-frontend-shared 0.3.4 → 0.3.5

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
+{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"68dA0CA,MAAMA,GAAmD,CACvD,CAAE,GAAI,YAAa,MAAO,mBAAoB,KAAM,qBAAA,EACpD,CAAE,GAAI,UAAW,MAAO,iBAAkB,KAAM,QAAA,CAClD,EAEaC,GAAsB,CAAC,CAClC,SAAAC,EAAW,CAAA,EACX,WAAAC,EACA,SAAAC,EAAW,CAAA,EACX,YAAAC,EACA,WAAAC,EACA,iBAAAC,CACF,IAAgC,CAC9B,KAAM,CAAE,SAAAC,CAAA,EAAaC,0BAAA,EAEf,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EACpD,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAA4B,IAAI,EAClEG,EAAiBC,EAAAA,OAAO,CAAC,EAGzB,CAACC,EAAeC,CAAgB,EAAIN,EAAAA,SAA4B,IAAI,EACpE,CAACO,EAAUC,CAAW,EAAIR,EAAAA,SAAS,CAAC,EAGpC,CAACS,EAAmBC,CAAoB,EAAIV,EAAAA,SAAS,EAAK,EAC1D,CAACW,EAAcC,CAAe,EAAIZ,EAAAA,SAA0B,IAAI,EAGhEa,EAAerB,EAAS,SAAW,EAAIA,EAAS,CAAC,EAAI,KAErDsB,EAA6BD,GAAc,MAAM,GACjDE,EAA+BF,GAAc,QAAQ,GACrDG,EAAgCH,GAAc,SAAS,GACvDI,EAAgCJ,GAAc,GAC9CK,EAAoB,GAAQL,GAAgBtB,IAAe,kBAG3D,CAAE,iBAAkB4B,CAAA,EAA0BC,wBAAqB,CACvE,YAAA3B,EACA,UAAAwB,EACA,OAAAH,EACA,SAAAC,EACA,UAAAC,EACA,SAAApB,EACA,SAAU,IAAM,CACdU,EAAiB,IAAI,EACrBE,EAAY,CAAC,CACf,EACA,WAAaD,GAAa,CACxBC,EAAYD,CAAQ,CACtB,CAAA,CACD,EAGKc,EAAqBjC,GAAU,OAAQkC,GACvCA,EAAK,KAAO,UACPJ,EAEF,EACR,EAEKK,EAAa,IAAM,CACvBjB,EAAiB,IAAI,EACrBP,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EACpBC,EAAe,QAAU,EACzBK,EAAY,CAAC,EACbE,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,CACtB,EAGMY,EAAqB,MAAOC,GAAwB,CACxD,GAAI,CAACd,GAAgB,CAACE,EAAc,CAClCH,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,EACpB,MACF,CAEA,MAAMc,EAAgBC,EAAAA,oBAAoBF,CAAW,EAErD,GAAI,CAACC,EAAc,OAAQ,CACzBE,EAAAA,MAAM,MACJ,sFAAA,EAEF,MACF,CAEA,GAAI,CACF,GAAI,CAACb,EACH,MAAM,IAAI,MAAM,2CAA2C,EAE7DT,EAAiB,SAAS,EAG1B,MAAMuB,EAAa,MAAMC,sBAAoBC,EAAetC,EAAa,CACvE,SAAAsB,EACA,KAAMW,EACN,YAAa,QAAA,CACd,EAGDhB,EAAqB,EAAK,EAC1B,MAAMsB,EAAyBrB,EAAckB,EAAW,EAAE,EAC1DjB,EAAgB,IAAI,CACtB,OAASqB,EAAY,CACnBC,EAAAA,kBAAkBD,EAAO,kBAAkB,EAC3CV,EAAA,CACF,CACF,EAGMY,EAAqB,IAAM,CAC/BzB,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,EACpBW,EAAA,CACF,EAEM,CAACa,CAAa,EAAIC,4BAAA,EAClB,CAACN,CAAa,EAAIO,4BAAA,EAElBC,EAAsB,MAAOC,GAAoB,CACrD,GAAI,CAACtB,GAAqB,CAACL,EACzBe,OAAAA,EAAAA,MAAM,MAAM,yDAAyD,EAC9DL,EAAA,EAGT,MAAMP,EAAYH,EAAa,SAAS,GACxC,GAAI,CAACG,EAAW,CAEdJ,EAAgB4B,CAAK,EACrB9B,EAAqB,EAAI,EACzB,MACF,CAGA,MAAMsB,EAAyBQ,EAAOxB,CAAS,CACjD,EAGMgB,EAA2B,MAAOQ,EAAiBxB,IAAsB,CAC7E,GAAI,CACF,MAAMyB,EAAcC,EAAAA,qBAAqB7B,EAAc,SAAS,aAAa,EAGvE8B,EAAa,MAAMC,sBAAoBR,EAAe3C,EAAa,CACvE,UAAAuB,EACA,OAAAF,EACA,QAAS2B,CAAA,CACV,EAED,MAAMtB,EAAsBqB,EAAOG,EAAW,EAAE,EAEhDpB,EAAA,EAGA5B,IAAmBgD,EAAW,EAAE,CAClC,OAASV,EAAY,CACnBC,EAAAA,kBAAkBD,EAAO,mBAAmB,EAC5CV,EAAA,CACF,CACF,EAGMsB,EAA8B,MAAOC,EAAoB,KAAO,CAKpE,GAHA/C,EAAkB,EAAK,EAGnB,CAACP,EAAS,OACZ,OAIF,MAAMuD,EAAe,IAAI,KAAA,EAAO,YAAA,EAEhC,IAAIC,EAA0B,CAAA,EAG9B,UAAWC,KAAUH,EAAY,CAC/B,MAAMI,EAAgB1D,EAAS,KAAM2D,GAAMA,EAAE,KAAOF,EAAO,EAAE,EAC7D,GAAI,CAACC,EAAe,SACAD,EAAO,YAC3B,MAAMG,EAAmBH,EAAO,OAAS,CAAA,EAEzCD,EAAW,KAAK,CACd,GAAIE,EAAc,GAClB,YAAaA,EAAc,YAC3B,KAAM,CAAE,UAAWH,CAAA,EACnB,iBAAAK,CAAA,CACD,EAGYF,EAAc,SAM7B,CAEA,GAAI,CACF,MAAMG,GAAe,CAAE,WAAAL,EAAY,WAAAzD,EAAY,EAC/CG,GAAcA,EAAWsD,CAAU,CACrC,OAASf,EAAO,CACd,QAAQ,MAAM,6BAA8BA,CAAK,CACnD,CACF,EAEMqB,EAAwB,MAAOC,GAAe,CAClD,GAAI,CAACA,EAAM,OAAOhC,EAAA,EAElB,GAAI,CAEF,GAAI,CAACgC,EAAK,KAAK,SAAS,OAAO,EAC7B,MAAM,IAAI,MAAM,sBAAsB,EAGxC,IAAIC,EAAW,CAAA,EACf,UAAWP,KAAUzD,EAAU,CAC7B,KAAM,CAAE,GAAAiE,EAAI,WAAAlE,EAAY,YAAAE,GAAgBwD,EAExC,GAAI,CAACxD,EAAa,MAAM,IAAI,MAAM,0BAA0B,EAE5D,MAAMiE,GAAUC,GAAM,KACpBlE,GAAe,iBAAiBA,CAAW,IAAIF,CAAU,KAAKkE,CAAE,aAChEF,EACA,CACE,iBAAmBJ,GAAM,CACvB3C,EAAY,KAAK,MAAO,IAAM2C,EAAE,QAAWA,EAAE,OAASI,EAAK,KAAK,CAAC,CACnE,EACA,QAAS,CACP,eAAgBA,EAAK,IAAA,CACvB,CACF,EAGFC,EAAS,KAAKE,EAAO,CACvB,CAIA,MAAME,GAFM,MAAM,QAAQ,IAAIJ,CAAQ,GAEV,IAAI,CAACK,EAAKC,KAAO,CAC3C,YAAaD,EAAI,KAAK,GACtB,GAAIrE,EAASsE,CAAC,EAAE,EAAA,EAChB,EAEFjB,EAA4Be,CAAe,EAC3CrC,EAAA,CACF,OAASU,EAAY,CACnB,QAAQ,MAAMA,CAAK,EACnBL,QAAM,MAAMK,EAAM,OAAO,EACzBV,EAAA,CACF,CACF,EAEM,CAAC8B,EAAc,EAAIU,6BAAA,EAEnBC,GAAmB,GAAuB,CAC9C,EAAE,eAAA,EACF7D,EAAe,UACXA,EAAe,UAAY,GAC7BJ,EAAkB,EAAI,CAE1B,EAEMkE,GAAmB,GAAuB,CAC9C,EAAE,eAAA,EACF9D,EAAe,UACXA,EAAe,UAAY,IAC7BJ,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EAExB,EAEMgE,GAAkB,GAAuB,CAC7C,EAAE,eAAA,CACJ,EAEMC,GAAc,GAAuB,CAMzC,GALA,EAAE,eAAA,EACFhE,EAAe,QAAU,EACzBJ,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EAEhB,GAAC,EAAE,aAAa,OAAS,EAAE,aAAa,MAAM,SAAW,GAI7D,IAAID,IAAiB,YAAa,CAChCK,EAAiB,WAAW,EAC5B,MAAMiD,EAAO,EAAE,aAAa,MAAM,CAAC,EAEnCD,EAAsBC,CAAI,CAC5B,CAEA,GAAItD,IAAiB,UAAW,CAC9BK,EAAiB,SAAS,EAC1B,MAAMkC,EAAQ,EAAE,aAAa,MAE7BD,EAAoBC,CAAK,CAC3B,EACF,EAGM4B,EAAoB,MAAOC,EAAsCC,IAAqB,CAC1F,MAAM9B,EAAQ6B,EAAM,OAAO,MACvB,CAAC7B,GAASA,EAAM,SAAW,IAI3B8B,IAAS,YACXhE,EAAiB,SAAS,EAC1BiC,EAAoBC,CAAK,GAEvB8B,IAAS,cACXhE,EAAiB,WAAW,EAC5BgD,EAAsBd,EAAM,CAAC,CAAC,GAElC,EAEM+B,EAAoBnE,EAAAA,OAAyB,IAAI,EACjDoE,EAAmBpE,EAAAA,OAAyB,IAAI,EAEtD,OACEqE,EAAAA,kBAAAA,KAACC,GAAAA,wBAAA,CACC,SAAAlF,EACA,sBAAuBqD,EACvB,kBAAA0B,EACA,iBAAkBrD,EAAoBsD,EAAmB,OAEzD,SAAA,CAAAC,EAAAA,kBAAAA,KAACE,EAAAA,mBAAA,CACC,UAAWC,GAAK,CAAE,SAAU9E,EAAgB,EAC5C,YAAakE,GACb,YAAaC,GACb,WAAYC,GACZ,OAAQC,GAER,SAAA,CAAAU,wBAACC,GAAAA,iBAAA,CACC,SAAAD,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAvF,CAAA,CAAS,EACjB,EACCQ,2BACEiF,EAAAA,UAAA,CACE,SAAA1D,EAAmB,IAAKC,GACvBuD,EAAAA,kBAAAA,IAACG,GAAA,CAEC,GAAI1D,EAAK,GACT,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,SAAUrB,IAAiBqB,EAAK,GAChC,WAAY,IAAMpB,EAAgBoB,EAAK,EAAE,EACzC,YAAa,IAAMpB,EAAgB,IAAI,CAAA,EANlCoB,EAAK,EAAA,CAQb,EACH,GAEAjB,IAAkB,aAAeA,IAAkB,YACnDoE,yBAACM,EAAAA,UAAA,CACC,SAAA,CAAAN,yBAACQ,EAAAA,kBAAA,CACC,SAAA,CAAAJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAO,CACL,MAAO,GAAG,IAAM3E,CAAQ,GAAA,CAC1B,CAAA,0BAED,OAAA,CAAK,UAAU,QAAS,SAAA,aAAaF,CAAa,KAAA,CAAM,CAAA,EAC3D,EACAwE,wBAACM,EAAAA,aAAA,CAAoB,KAAM,QAAS,QAAQ,OAAO,QAAS5D,CAAA,CAAY,CAAA,EAC1E,EAEFsD,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAK,OACL,SAAW,GAAMT,EAAkB,EAAG,WAAW,EACjD,IAAKG,CAAA,CAAA,EAEPM,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAK,OACL,SAAW,GAAMT,EAAkB,EAAG,SAAS,EAC/C,IAAKI,CAAA,CAAA,CACP,CAAA,CAAA,EAIFK,EAAAA,kBAAAA,IAACO,GAAA,CACC,OAAQ3E,EACR,MAAOE,EACP,SAAUa,EACV,SAAUW,CAAA,CAAA,CACZ,CAAA,CAAA,CAGN"}

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

@@ -10,6 +10,7 @@ import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as ar } from "../../context/DetailsPanelContext.es.js";
+import "../../context/SubtasksModulesContext.es.js";
 import { ThumbnailUploadProvider as sr } from "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -39,15 +40,6 @@ import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "lodash";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import { toast as T } from "react-toastify";
-import "uuid";
-import { sanitizeProductName as lr, createProductHelper as dr, handleUploadError as k, getNextVersionNumber as cr, createVersionHelper as ur } from "../../util/versionUploadHelpers.es.js";
-import "../../util/pubsub.es.js";
-import "react-router-dom";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -58,6 +50,10 @@ import "@dnd-kit/sortable";
 import "../EnumEditor/EnumEditor.styled.es.js";
 import "../Badge/Badge.es.js";
 import "../Chips/Chips.es.js";
+import "date-fns";
+import "../DateRangePicker/DateRangePicker.styled.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
+import { toast as T } from "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -112,7 +108,7 @@ import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
-import { useUpdateEntitiesMutation as fr } from "../../api/queries/entities/updateEntity.es.js";
+import { useUpdateEntitiesMutation as lr } from "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
@@ -127,18 +123,19 @@ import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
-import { useCreateProductMutation as hr } from "../../api/queries/products/createProduct.es.js";
+import { useCreateProductMutation as dr } from "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/users/guests.es.js";
-import { useCreateVersionMutation as gr } from "../../api/queries/versions/updateVersions.es.js";
+import { useCreateVersionMutation as cr } from "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
@@ -147,13 +144,17 @@ import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
 import "../EarlyPreview/EarlyPreview.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { DragAndDropWrapper as vr, DropZones as L, UploadingProgress as br, Progress as Dr, CancelButton as yr } from "./EntityPanelUploader.styled.es.js";
-import xr from "./Dropzone.es.js";
-import Pr from "axios";
+import { DragAndDropWrapper as ur, DropZones as k, UploadingProgress as fr, Progress as hr, CancelButton as gr } from "./EntityPanelUploader.styled.es.js";
+import vr from "./Dropzone.es.js";
+import br from "axios";
 import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "uuid";
+import { sanitizeProductName as Dr, createProductHelper as yr, handleUploadError as L, getNextVersionNumber as xr, createVersionHelper as Pr } from "../../util/versionUploadHelpers.es.js";
+import "../../util/pubsub.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
 import { useReviewablesUpload as wr } from "../ReviewablesList/useReviewablesUpload.es.js";
 import jr from "./EntityPanelUploaderDialog.es.js";
@@ -166,7 +167,6 @@ import "../FileThumbnail/FileThumbnail.es.js";
 import "../LegacyBadge/LegacyBadge.es.js";
 import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "date-fns";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
@@ -174,6 +174,7 @@ import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../SearchFilter/filterDates.es.js";
@@ -192,12 +193,17 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../containers/Feed/Feed.styled.es.js";
+import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "@tanstack/react-virtual";
@@ -211,7 +217,6 @@ import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
@@ -243,12 +248,12 @@ import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../../containers/Slicer/components/SlicerSearch.es.js";
 import "../../containers/Slicer/context/SlicerContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
-import { ThumbnailWrapper as Ur } from "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import { ThumbnailWrapper as Ur } from "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../containers/Actions/Actions.styled.es.js";
 import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../containers/Actions/ActionIcon.es.js";
@@ -259,7 +264,7 @@ import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 const Ir = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], gm = ({
+], xm = ({
   children: W = [],
   entityType: E,
   entities: a = [],
@@ -287,7 +292,7 @@ const Ir = [
       f(!1), h(null);
       return;
     }
-    const t = lr(r);
+    const t = Dr(r);
     if (!t.trim()) {
       T.error(
         "Product name must contain valid characters (letters, numbers, underscore, or hyphen)"
@@ -298,7 +303,7 @@ const Ir = [
       if (!P)
         throw new Error("Folder ID is required to create a product");
       s("version");
-      const o = await dr(rr, b, {
+      const o = await yr(rr, b, {
         folderId: P,
         name: t,
         productType: "review"
@@ -306,11 +311,11 @@ const Ir = [
       });
       f(!1), await N(x, o.id), h(null);
     } catch (o) {
-      k(o, "creating product"), e();
+      L(o, "creating product"), e();
     }
   }, Y = () => {
     f(!1), h(null), e();
-  }, [z] = gr(), [rr] = hr(), V = async (r) => {
+  }, [z] = cr(), [rr] = dr(), V = async (r) => {
     if (!w || !m)
       return T.error("Please select exactly one version to upload reviewables"), e();
     const t = m.product?.id;
@@ -321,7 +326,7 @@ const Ir = [
     await N(r, t);
   }, N = async (r, t) => {
     try {
-      const o = cr(m.product?.latestVersion), p = await ur(z, b, {
+      const o = xr(m.product?.latestVersion), p = await Pr(z, b, {
         productId: t,
         taskId: F,
         // previous version could have a taskId or we are uploading on a task
@@ -329,7 +334,7 @@ const Ir = [
       });
       await K(r, p.id), e(), q?.(p.id);
     } catch (o) {
-      k(o, "uploading version"), e();
+      L(o, "uploading version"), e();
     }
   }, S = async (r = []) => {
     if (c(!1), !a.length)
@@ -362,7 +367,7 @@ const Ir = [
       for (const n of a) {
         const { id: g, entityType: j, projectName: U } = n;
         if (!U) throw new Error("Project name is required");
-        const er = Pr.post(
+        const er = br.post(
           U && `/api/projects/${U}/${j}s/${g}/thumbnail`,
           r,
           {
@@ -384,7 +389,7 @@ const Ir = [
     } catch (t) {
       console.error(t), T.error(t.message), e();
     }
-  }, [tr] = fr(), or = (r) => {
+  }, [tr] = lr(), or = (r) => {
     r.preventDefault(), l.current++, l.current === 1 && c(!0);
   }, ir = (r) => {
     r.preventDefault(), l.current--, l.current === 0 && (c(!1), u(null));
@@ -416,7 +421,7 @@ const Ir = [
       versionsInputRef: w ? $ : void 0,
       children: [
         /* @__PURE__ */ i.jsxs(
-          vr,
+          ur,
           {
             className: nr({ dragging: R }),
             onDragEnter: or,
@@ -425,8 +430,8 @@ const Ir = [
             onDrop: mr,
             children: [
               /* @__PURE__ */ i.jsx(Ur, { children: /* @__PURE__ */ i.jsx("div", { children: W }) }),
-              R && /* @__PURE__ */ i.jsx(L, { children: Q.map((r) => /* @__PURE__ */ i.jsx(
-                xr,
+              R && /* @__PURE__ */ i.jsx(k, { children: Q.map((r) => /* @__PURE__ */ i.jsx(
+                vr,
                 {
                   id: r.id,
                   label: r.label,
@@ -437,10 +442,10 @@ const Ir = [
                 },
                 r.id
               )) }),
-              (y === "thumbnail" || y === "version") && /* @__PURE__ */ i.jsxs(L, { children: [
-                /* @__PURE__ */ i.jsxs(br, { children: [
+              (y === "thumbnail" || y === "version") && /* @__PURE__ */ i.jsxs(k, { children: [
+                /* @__PURE__ */ i.jsxs(fr, { children: [
                   /* @__PURE__ */ i.jsx(
-                    Dr,
+                    hr,
                     {
                       style: {
                         right: `${100 - H}%`
@@ -449,7 +454,7 @@ const Ir = [
                   ),
                   /* @__PURE__ */ i.jsx("span", { className: "label", children: `Uploading ${y}...` })
                 ] }),
-                /* @__PURE__ */ i.jsx(yr, { icon: "close", variant: "text", onClick: e })
+                /* @__PURE__ */ i.jsx(gr, { icon: "close", variant: "text", onClick: e })
               ] }),
               /* @__PURE__ */ i.jsx(
                 "input",
@@ -484,6 +489,6 @@ const Ir = [
   );
 };
 export {
-  gm as EntityPanelUploader
+  xm as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
+{"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const x=require("../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("clsx");const b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const j=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");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");const M=C.forwardRef(({children:n,segment:r,isOpen:u,scope:h,projectName:o,...c},s)=>{const{openSlideOut:q}=j.useDetailsPanelContext(),i=r?.type!=="product"&&r?.type!=="project",a=()=>{if(!i)return;const{type:e,id:t}=r||{};!e||e==="project"||e==="product"||!t||q({entityType:e,entityId:t,projectName:o})},l=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[p]=b.useCreateContextMenu(),d=e=>{if(!r)return;const t=l(r.id);p(e,t)};return x.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:a,onContextMenu:d,className:m.classNames({link:i,open:u}),...c,ref:s,children:n})});module.exports=M;
+"use strict";const x=require("../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("clsx");const b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const j=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("react-dom");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");const M=C.forwardRef(({children:u,segment:r,isOpen:n,scope:h,projectName:o,...c},s)=>{const{openSlideOut:q}=j.useDetailsPanelContext(),i=r?.type!=="product"&&r?.type!=="project",a=()=>{if(!i)return;const{type:e,id:t}=r||{};!e||e==="project"||e==="product"||!t||q({entityType:e,entityId:t,projectName:o})},l=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[p]=b.useCreateContextMenu(),d=e=>{if(!r)return;const t=l(r.id);p(e,t)};return x.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:a,onContextMenu:d,className:m.classNames({link:i,open:n}),...c,ref:s,children:u})});module.exports=M;
 //# sourceMappingURL=SegmentProvider.cjs.js.map

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"q5CAeA,MAAMA,EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}
+{"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"48CAeA,MAAMA,EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js

@@ -14,6 +14,7 @@ import "uuid";
 import "../../util/pubsub.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as k } from "../../context/DetailsPanelContext.es.js";
+import "../../context/SubtasksModulesContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -29,15 +30,15 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-const g = x(
-  ({ children: p, segment: o, isOpen: e, scope: M, projectName: m, ...n }, c) => {
+const tt = x(
+  ({ children: p, segment: o, isOpen: m, scope: M, projectName: e, ...n }, c) => {
     const { openSlideOut: s } = k(), i = o?.type !== "product" && o?.type !== "project", a = () => {
       if (!i) return;
       const { type: t, id: r } = o || {};
       !t || t === "project" || t === "product" || !r || s({
         entityType: t,
         entityId: r,
-        projectName: m
+        projectName: e
       });
     }, u = (t) => [
       {
@@ -55,7 +56,7 @@ const g = x(
       {
         onClick: a,
         onContextMenu: d,
-        className: y({ link: i, open: e }),
+        className: y({ link: i, open: m }),
         ...n,
         ref: c,
         children: p
@@ -64,6 +65,6 @@ const g = x(
   }
 );
 export {
-  g as default
+  tt as default
 };
 //# sourceMappingURL=SegmentProvider.es.js.map

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","e","menu","jsx","ActiveSegment","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAaR,GAAS,SAAS,aAAaA,GAAS,SAAS,WAE9DS,IAAc,MAAM;AACxB,UAAI,CAACD,EAAY;AAEjB,YAAM,EAAE,MAAME,GAAY,IAAIC,EAAA,IAAaX,KAAW,CAAA;AAEtD,MAAI,CAACU,KAAcA,MAAe,aAAaA,MAAe,aAAa,CAACC,KAE5EL,EAAa;AAAA,QACX,YAAAI;AAAA,QACA,UAAAC;AAAA,QACA,aAAAR;AAAA,MAAA,CACD;AAAA,IACH,GAEMS,IAAmB,CAACC,MAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAOA,CAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,EAAgBD,CAAE;AAAA,MAAA;AAAA,IACnC,GAGI,CAACE,CAAe,IAAIC,EAAA,GAEpBC,IAAkB,CAACC,MAAkC;AACzD,UAAI,CAAClB,EAAS;AACd,YAAMmB,IAAOP,EAAiBZ,EAAQ,EAAE;AAExC,MAAAe,EAAgBG,GAAGC,CAAI;AAAA,IACzB;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASZ;AAAA,QACT,eAAeQ;AAAA,QACf,WAAWK,EAAW,EAAE,MAAMd,GAAY,MAAMP,GAAQ;AAAA,QACvD,GAAGG;AAAA,QACJ,KAAAC;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","e","menu","jsx","ActiveSegment","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,KAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAaR,GAAS,SAAS,aAAaA,GAAS,SAAS,WAE9DS,IAAc,MAAM;AACxB,UAAI,CAACD,EAAY;AAEjB,YAAM,EAAE,MAAME,GAAY,IAAIC,EAAA,IAAaX,KAAW,CAAA;AAEtD,MAAI,CAACU,KAAcA,MAAe,aAAaA,MAAe,aAAa,CAACC,KAE5EL,EAAa;AAAA,QACX,YAAAI;AAAA,QACA,UAAAC;AAAA,QACA,aAAAR;AAAA,MAAA,CACD;AAAA,IACH,GAEMS,IAAmB,CAACC,MAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAOA,CAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,EAAgBD,CAAE;AAAA,MAAA;AAAA,IACnC,GAGI,CAACE,CAAe,IAAIC,EAAA,GAEpBC,IAAkB,CAACC,MAAkC;AACzD,UAAI,CAAClB,EAAS;AACd,YAAMmB,IAAOP,EAAiBZ,EAAQ,EAAE;AAExC,MAAAe,EAAgBG,GAAGC,CAAI;AAAA,IACzB;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASZ;AAAA,QACT,eAAeQ;AAAA,QACf,WAAWK,EAAW,EAAE,MAAMd,GAAY,MAAMP,GAAQ;AAAA,QACvD,GAAGG;AAAA,QACJ,KAAAC;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}