@ynput/ayon-frontend-shared 0.2.20 → 0.2.22

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

@@ -55,6 +55,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -63,24 +64,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("./ReviewablesList.styled.cjs.js");
@@ -171,6 +172,10 @@ require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating
 require("../../containers/Actions/Actions.styled.cjs.js");
 require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../../containers/Actions/ActionIcon.cjs.js");
+require("../../containers/Views/context/ViewsContext.cjs.js");
+require("../../containers/Views/Views.styled.cjs.js");
+require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");
 require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
 require("axios");
 require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
@@ -193,9 +198,6 @@ require("../VersionUploader/components/UploadVersionDialog.cjs.js");
 require("../VersionUploader/context/VersionUploadContext.cjs.js");
 require("../Feedback/FeedbackContext.cjs.js");
 require("../Feedback/SupportBubble.cjs.js");
-require("../Views/context/ViewsContext.cjs.js");
-require("../Views/Views.styled.cjs.js");
-require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
 const ReviewableUpload = ({
   projectName,
   taskId,

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

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

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

@@ -53,6 +53,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -61,24 +62,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "./ReviewablesList.styled.es.js";
@@ -169,6 +170,10 @@ import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.
 import "../../containers/Actions/Actions.styled.es.js";
 import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../SimpleFormDialog/SimpleFormDialog.es.js";
@@ -191,9 +196,6 @@ import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
-import "../Views/context/ViewsContext.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 const ReviewableUpload = ({
   projectName,
   taskId,

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

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

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

@@ -55,6 +55,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -63,24 +64,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("react");
 require("@dnd-kit/core");
 require("./ReviewablesList.styled.cjs.js");
@@ -171,6 +172,10 @@ require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating
 require("../../containers/Actions/Actions.styled.cjs.js");
 require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../../containers/Actions/ActionIcon.cjs.js");
+require("../../containers/Views/context/ViewsContext.cjs.js");
+require("../../containers/Views/Views.styled.cjs.js");
+require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");
 require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
 require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
 require("../EntityPath/EntityPath.styled.cjs.js");
@@ -192,9 +197,6 @@ require("../VersionUploader/components/UploadVersionDialog.cjs.js");
 require("../VersionUploader/context/VersionUploadContext.cjs.js");
 require("../Feedback/FeedbackContext.cjs.js");
 require("../Feedback/SupportBubble.cjs.js");
-require("../Views/context/ViewsContext.cjs.js");
-require("../Views/Views.styled.cjs.js");
-require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
 const SortableReviewableCard = ({ ...props }) => {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable.useSortable({
     id: props.fileId,

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

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["useSortable","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAA0D,CAAC,EAAE,GAAG,YAAY;AAC1E,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAeA,qBAAY;AAAA,IAC3F,IAAI,MAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B;AAED,QAAM,QAAQ;AAAA,IACZ,WAAWC,cAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAEA,SACGC,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,KAAK,YAAY,OACpB,UAAAA,2BAAA,kBAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,mBAAmB;AAAA,MACnB,WAAW,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;;"}
+{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["useSortable","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAA0D,CAAC,EAAE,GAAG,YAAY;AAC1E,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAeA,qBAAY;AAAA,IAC3F,IAAI,MAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B;AAED,QAAM,QAAQ;AAAA,IACZ,WAAWC,cAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAEA,SACGC,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,KAAK,YAAY,OACpB,UAAAA,2BAAA,kBAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,mBAAmB;AAAA,MACnB,WAAW,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;;"}

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

@@ -54,6 +54,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -62,24 +63,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import "react";
 import "@dnd-kit/core";
 import "./ReviewablesList.styled.es.js";
@@ -170,6 +171,10 @@ import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.
 import "../../containers/Actions/Actions.styled.es.js";
 import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
@@ -191,9 +196,6 @@ import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
-import "../Views/context/ViewsContext.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 const SortableReviewableCard = ({ ...props }) => {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: props.fileId,

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

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAA0D,CAAC,EAAE,GAAG,YAAY;AAC1E,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAe,YAAY;AAAA,IAC3F,IAAI,MAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B;AAED,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAEA,SACGA,kCAAAA,IAAA,OAAA,EAAI,KAAK,YAAY,OACpB,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAmB;AAAA,MACnB,WAAW,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAA0D,CAAC,EAAE,GAAG,YAAY;AAC1E,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAe,YAAY;AAAA,IAC3F,IAAI,MAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B;AAED,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAEA,SACGA,kCAAAA,IAAA,OAAA,EAAI,KAAK,YAAY,OACpB,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAmB;AAAA,MACnB,WAAW,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -50,6 +50,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -58,24 +59,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 const updateReview = require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 const useReviewablesUpload = ({
   projectName,
   versionId,

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

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

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

@@ -48,6 +48,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -56,24 +57,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import { reviewablesQueries as enhancedEndpoints } from "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.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/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 const useReviewablesUpload = ({
   projectName,
   versionId,

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

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

package/dist/shared/src/components/SearchFilter/useBuildFilterOptions.cjs.js

@@ -53,6 +53,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -61,24 +62,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 const getSystem = require("../../api/queries/system/getSystem.cjs.js");
 const getUserDashboard = require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const filterDates = require("./filterDates.cjs.js");
 const useBuildFilterOptions = ({