@ynput/ayon-frontend-shared 0.2.17 → 0.2.18

package/dist/types/components/EntityPanelUploader/Dropzone.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+export interface DropzoneType {
+    id: string;
+    label: string;
+    icon: string;
+}
+interface DropzoneProps extends DropzoneType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
+    isActive: boolean;
+}
+declare const Dropzone: FC<DropzoneProps>;
+export default Dropzone;

package/dist/types/components/{EntityThumbnailUploader/EntityThumbnailUploader.d.ts → EntityPanelUploader/EntityPanelUploader.d.ts}

@@ -6,14 +6,14 @@ type Operation = {
         updatedAt: string;
     };
 };
-export type EntityThumbnailUploaderProps = {
+export type EntityPanelUploaderProps = {
     entityType: string;
     entities: any[];
-    isCompact?: boolean;
     projectName: any;
     children?: JSX.Element | JSX.Element[];
     onUploaded?: (operations: Operation[]) => void;
     resetFileUploadState?: () => void;
+    onVersionCreated?: (versionId: string) => void;
 };
-export declare const EntityThumbnailUploader: ({ children, entityType, entities, isCompact, onUploaded, }: EntityThumbnailUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityPanelUploader: ({ children, entityType, entities, projectName, onUploaded, onVersionCreated, }: EntityPanelUploaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/EntityPanelUploader/EntityPanelUploader.styled.d.ts

@@ -0,0 +1,8 @@
+export declare const DragAndDropWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropZones: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropZone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CancelButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const UploadingProgress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/EntityPanelUploader/EntityPanelUploaderDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface EntityPanelUploaderDialogProps {
+    files: FileList | null;
+    isOpen: boolean;
+    defaultProductName?: string;
+    onCancel?: () => void;
+    onSubmit?: (productName: string) => void;
+}
+declare const EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps>;
+export default EntityPanelUploaderDialog;

package/dist/types/components/EntityPanelUploader/index.d.ts

@@ -0,0 +1 @@
+export * from './EntityPanelUploader';

package/dist/types/components/ReviewablesList/index.d.ts

@@ -2,3 +2,4 @@ import { default as ReviewablesList } from './ReviewablesList';
 export * from './getGroupedReviewables';
 export { ReviewablesList };
 export * from './ReviewablesUpload';
+export * from './useReviewablesUpload';

package/dist/types/components/ReviewablesList/useReviewablesUpload.d.ts

@@ -0,0 +1,19 @@
+import { ReviewableProgress } from '..';
+export interface UseReviewablesUploadProps {
+    projectName: string | null;
+    versionId?: string | null;
+    taskId?: string | null;
+    folderId?: string | null;
+    productId?: string | null;
+    dispatch: any;
+    onUpload?: () => void;
+    onProgress?: (progress: number) => void;
+}
+export interface UploadHandlers {
+    handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>;
+    handleRemoveUpload: (name: string) => void;
+    uploading: {
+        [key: string]: ReviewableProgress[];
+    };
+}
+export declare const useReviewablesUpload: ({ projectName, versionId, taskId, folderId, productId, dispatch, onUpload, onProgress, }: UseReviewablesUploadProps) => UploadHandlers;

package/dist/types/components/VersionUploader/components/UploadVersionDialog.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+interface UploadVersionDialogProps {
+}
+export declare const UploadVersionDialog: FC<UploadVersionDialogProps>;
+export default UploadVersionDialog;

package/dist/types/components/VersionUploader/components/UploadVersionForm.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+type FormData = {
+    version: number;
+    name: string;
+    productType: string;
+};
+interface UploadVersionFormProps {
+    formData: FormData;
+    onChange: (key: keyof FormData, value: string | number) => void;
+    onSubmit: (formData: FormData) => void;
+    hidden?: (keyof FormData)[];
+    projectName: string;
+    minVersion?: number;
+    versionId?: string | null;
+    productId?: string | null;
+}
+export declare const UploadVersionForm: FC<UploadVersionFormProps>;
+export {};

package/dist/types/components/VersionUploader/context/VersionUploadContext.d.ts

@@ -0,0 +1,54 @@
+import { GetLatestVersionResult } from '../../../api';
+import { default as React, ReactNode } from 'react';
+export interface FormData {
+    version: number;
+    name: string;
+    productType: string;
+}
+interface VersionUploadContextType {
+    productId: string;
+    folderId: string;
+    taskId: string;
+    setProductId: (productId: string) => void;
+    setFolderId: (folderId: string) => void;
+    isOpen: boolean;
+    projectName: string;
+    version: GetLatestVersionResult | undefined;
+    pendingFiles: Array<{
+        file: File;
+        preview?: string;
+    }>;
+    setPendingFiles: React.Dispatch<React.SetStateAction<Array<{
+        file: File;
+        preview?: string;
+    }>>>;
+    extractAndSetVersionFromFiles: (files: File[]) => void;
+    form: FormData;
+    setForm: React.Dispatch<React.SetStateAction<FormData>>;
+    isSubmitting: boolean;
+    error: string;
+    createdProductId: string | null;
+    createdVersionId: string | null;
+    onOpenVersionUpload: (params: {
+        productId?: string;
+        folderId?: string;
+        taskId?: string;
+    }) => void;
+    onCloseVersionUpload: () => void;
+    onUploadVersion: (data: FormData) => Promise<{
+        productId: string;
+        versionId: string;
+    }>;
+    handleFormChange: (key: keyof FormData, value: string | number) => void;
+    handleFormSubmit: (formData: FormData) => Promise<void>;
+    dispatch: any;
+}
+interface VersionUploadProviderProps {
+    children: ReactNode;
+    projectName: string;
+    onVersionCreated: (productId: string, versionId: string) => void;
+    dispatch: any;
+}
+export declare const VersionUploadProvider: React.FC<VersionUploadProviderProps>;
+export declare const useVersionUploadContext: () => VersionUploadContextType;
+export {};

package/dist/types/components/VersionUploader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/UploadVersionDialog';
+export * from './context/VersionUploadContext';

package/dist/types/components/index.d.ts

@@ -7,8 +7,7 @@ export * from './ReviewableCard';
 export * from './ReviewableProgressCard';
 export * from './FileThumbnail';
 export * from './Thumbnail';
-export * from './EntityThumbnailUploader';
-export * from './ThumbnailUploader';
+export * from './EntityPanelUploader';
 export * from './SimpleFormDialog';
 export * from './EntityPath';
 export * from './DetailsPanelAttributes';
@@ -20,3 +19,4 @@ export * from './EnumEditor';
 export * from './SearchFilter';
 export * from './Badge';
 export * from './Powerpack';
+export * from './VersionUploader';

package/dist/types/containers/DetailsPanel/DetailsPanel.d.ts

@@ -32,9 +32,10 @@ export type DetailsPanelProps = {
     onClose?: () => void;
     onWatchersUpdate?: (added: any[], removed: any[]) => void;
     onOpenViewer?: (entity: any) => void;
+    onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void;
     annotations?: any;
     removeAnnotation?: (id: string) => void;
     exportAnnotationComposite?: (id: string) => Promise<Blob | null>;
 };
-export declare const DetailsPanel: ({ entityType, entitySubTypes, entitiesData, entities, tagsOptions, disabledStatuses, projectUsers, disabledProjectUsers, activeProjectUsers, projectsInfo, projectNames, isSlideOut, style, scope, isCompact, onClose, onWatchersUpdate, onOpenViewer, annotations, removeAnnotation, exportAnnotationComposite, }: DetailsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DetailsPanel: ({ entityType, entitySubTypes, entitiesData, entities, tagsOptions, disabledStatuses, projectUsers, disabledProjectUsers, activeProjectUsers, projectsInfo, projectNames, isSlideOut, style, scope, isCompact, onClose, onWatchersUpdate, onOpenViewer, onEntityFocus, annotations, removeAnnotation, exportAnnotationComposite, }: DetailsPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.d.ts

@@ -1,3 +1,4 @@
+import { DetailsPanelProps } from '../..';
 import { DetailsPanelEntityData } from '../../../api';
 import { DetailsPanelTab } from '../../../context';
 export type EntityTypeIcons = {
@@ -18,7 +19,8 @@ type DetailsPanelHeaderProps = {
     currentTab: DetailsPanelTab;
     onTabChange: (tab: DetailsPanelTab) => void;
     onOpenViewer: (args: any) => void;
+    onEntityFocus: DetailsPanelProps['onEntityFocus'];
     entityTypeIcons: EntityTypeIcons;
 };
-declare const DetailsPanelHeader: ({ entityType, entitySubTypes, entities, disabledAssignees, users, disabledStatuses, tagsOptions, isFetching, isCompact, currentTab, onTabChange, entityTypeIcons, onOpenViewer, }: DetailsPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DetailsPanelHeader: ({ entityType, entitySubTypes, entities, disabledAssignees, users, disabledStatuses, tagsOptions, isFetching, isCompact, currentTab, onTabChange, entityTypeIcons, onOpenViewer, onEntityFocus, }: DetailsPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default DetailsPanelHeader;

package/dist/types/containers/ProjectTreeTable/context/ProjectTableContext.d.ts

@@ -12,6 +12,7 @@ export interface ProjectTableContextType {
     users: ProjectTableProviderProps['users'];
     attribFields: ProjectTableProviderProps['attribFields'];
     error?: string;
+    scopes: ProjectTableProviderProps['scopes'];
     tableData: TableRow[];
     tasksMap: ProjectTableProviderProps['tasksMap'];
     foldersMap: ProjectTableProviderProps['foldersMap'];

package/dist/types/containers/ProjectTreeTable/context/ProjectTableProvider.d.ts

@@ -26,6 +26,7 @@ export interface ProjectTableProviderProps {
     projectName: string;
     users: TableUser[];
     attribFields: ProjectTableAttribute[];
+    scopes: string[];
     tasksMap: TaskNodeMap;
     foldersMap: FolderNodeMap;
     entitiesMap: EntitiesMap;
@@ -56,4 +57,4 @@ export interface ProjectTableProviderProps {
         entityType?: GroupByEntityType;
     };
 }
-export declare const ProjectTableProvider: ({ children, foldersMap, tableRows, tasksMap, entitiesMap, tasksByFolderMap, expanded, projectInfo, showHierarchy, loadingTasks, isLoadingMore, isLoading, error, isInitialized, projectName, users, attribFields, taskGroups, filters, setFilters, queryFilters, updateShowHierarchy, toggleExpanded, updateExpanded, sorting, updateSorting, fetchNextPage, reloadTableData, setExpanded, contextMenuItems, powerpack, modules, groupByConfig, }: ProjectTableProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProjectTableProvider: ({ children, foldersMap, tableRows, tasksMap, entitiesMap, tasksByFolderMap, expanded, projectInfo, showHierarchy, loadingTasks, isLoadingMore, isLoading, error, isInitialized, projectName, users, attribFields, scopes, taskGroups, filters, setFilters, queryFilters, updateShowHierarchy, toggleExpanded, updateExpanded, sorting, updateSorting, fetchNextPage, reloadTableData, setExpanded, contextMenuItems, powerpack, modules, groupByConfig, }: ProjectTableProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/containers/ProjectTreeTable/hooks/useCellContextMenu.d.ts

@@ -8,10 +8,11 @@ export type HeaderLabel = {
     label: string;
 };
 export type TableCellContextData = {
-    entityId: string;
     cellId: string;
     columnId: string;
+    entityId: string;
     entityType: 'folder' | 'task' | 'product' | 'version' | undefined;
+    parentId?: string;
     attribField: ProjectTableAttribute | undefined;
     column: {
         id: string;

package/dist/types/containers/ProjectTreeTable/utils/getTableFieldOptions.d.ts

@@ -9,6 +9,7 @@ type Params = {
     folderTypes: FolderType[];
     taskTypes: TaskType[];
     tags: Tag[];
+    scopes: string[];
 };
-export declare const getTableFieldOptions: ({ users, statuses, folderTypes, taskTypes, tags, }: Params) => BuiltInFieldOptions;
+export declare const getTableFieldOptions: ({ users, statuses, folderTypes, taskTypes, tags, scopes, }: Params) => BuiltInFieldOptions;
 export {};

package/dist/types/context/ThumbnailUploaderContext.d.ts

@@ -6,10 +6,11 @@ export declare const ThumbnailUploadContext: import('react').Context<{
 export type ThumbnailUploadProviderProps = {
     handleThumbnailUpload: (thumbnails: any[]) => {};
     entities: any;
-    inputRef: any;
+    thumbnailInputRef: any;
+    versionsInputRef?: any;
     children?: JSX.Element | JSX.Element[];
 };
-export declare const ThumbnailUploadProvider: ({ children, inputRef, }: ThumbnailUploadProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbnailUploadProvider: ({ children, thumbnailInputRef, versionsInputRef, }: ThumbnailUploadProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useThumbnailUploadContext: () => import('react').Context<{
     onContextMenu?: Function;
     resetFileUploadState?: Function;

package/dist/types/utils/versionUploadHelpers.d.ts

@@ -0,0 +1,63 @@
+export interface ProductCreationData {
+    folderId: string;
+    name: string;
+    productType: string;
+}
+export interface VersionCreationData {
+    productId: string;
+    version: number;
+    taskId?: string;
+}
+export interface ValidationResult {
+    isValid: boolean;
+    error?: string;
+}
+/**
+ * Sanitizes a product name by converting to camelCase and removing invalid characters
+ */
+export declare const sanitizeProductName: (name: string) => string;
+/**
+ * Validates a product name according to the naming rules
+ */
+export declare const validateProductName: (name: string) => ValidationResult;
+/**
+ * Validates a product type
+ */
+export declare const validateProductType: (productType: string) => ValidationResult;
+/**
+ * Validates a version number against an existing version
+ */
+export declare const validateVersion: (version: number, existingVersion?: number) => ValidationResult;
+/**
+ * Validates complete form data for product and version creation
+ */
+export declare const validateFormData: (formData: {
+    name: string;
+    productType: string;
+    version: number;
+}, existingVersion?: number, isNewProduct?: boolean) => ValidationResult;
+/**
+ * Creates a product using the provided mutation function
+ */
+export declare const createProductHelper: (createProductMutation: any, projectName: string, productData: ProductCreationData) => Promise<any>;
+/**
+ * Creates a version using the provided mutation function
+ */
+export declare const createVersionHelper: (createVersionMutation: any, projectName: string, versionData: VersionCreationData) => Promise<any>;
+/**
+ * Creates a product and version together with proper error handling
+ */
+export declare const createProductAndVersion: (createProductMutation: any, createVersionMutation: any, projectName: string, productData: ProductCreationData, versionData: Omit<VersionCreationData, "productId">) => Promise<{
+    product: any;
+    version: any;
+}>;
+/**
+ * Handles errors consistently across upload operations
+ */
+export declare const handleUploadError: (error: any, operation: string) => never;
+/**
+ * Calculates the next version number based on existing version
+ */
+export declare const getNextVersionNumber: (existingVersion?: {
+    version: number;
+}) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.17",
+  "version": "0.2.18",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

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

@@ -1 +0,0 @@
-{"version":3,"file":"EntityThumbnailUploader.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(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 inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["useState","useUpdateEntitiesMutation","useRef","jsx","ThumbnailUploadProvider","jsxs","Styled.DragAndDropWrapper","ThumbnailWrapper","ThumbnailUploader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAIC,uCAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAWC,aAAyB,IAAI;AAG5C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA,kBAAA;AAAA,QAACC,+BAAO;AAAA,QAAP;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAH,iDAACI,0BAAAA,kBACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,2BAAA,kBAAA;AAAA,cAACK,kBAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"EntityThumbnailUploader.es.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(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 inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["jsx","jsxs","Styled.DragAndDropWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAW,OAAyB,IAAI;AAG5C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAF,sCAAC,kBACC,EAAA,UAAAA,kCAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styled = require("styled-components");
-const DragAndDropWrapper = styled.div`
-height: 100%;
-
-  > input[type='file'] {
-    display: none;
-  }
-`;
-exports.DragAndDropWrapper = DragAndDropWrapper;
-//# sourceMappingURL=EntityThumbnailUploader.styled.cjs.js.map

package/dist/shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityThumbnailUploader.styled.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const DragAndDropWrapper = styled.div`\nheight: 100%;\n\n  > input[type='file'] {\n    display: none;\n  }\n`"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js

@@ -1,12 +0,0 @@
-import styled from "styled-components";
-const DragAndDropWrapper = styled.div`
-height: 100%;
-
-  > input[type='file'] {
-    display: none;
-  }
-`;
-export {
-  DragAndDropWrapper
-};
-//# sourceMappingURL=EntityThumbnailUploader.styled.es.js.map

package/dist/shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityThumbnailUploader.styled.es.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const DragAndDropWrapper = styled.div`\nheight: 100%;\n\n  > input[type='file'] {\n    display: none;\n  }\n`"],"names":[],"mappings":";AAEO,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
-const React = require("react");
-const ThumbnailUploader_styled = require("./ThumbnailUploader.styled.cjs.js");
-const ayonReactComponents = require("@ynput/ayon-react-components");
-const axios = require("axios");
-const clsx = require("clsx");
-const reactToastify = require("react-toastify");
-const ThumbnailUploader = ({
-  onFinish,
-  entities,
-  onUploadInProgress,
-  inputRef,
-  ...props
-}) => {
-  const [uploadingFile, setUploadingFile] = React.useState();
-  const [uploadingPreview, setUploadingPreview] = React.useState();
-  const [progress, setProgress] = React.useState(0);
-  const resetState = () => {
-    setUploadingFile(null);
-    setProgress(0);
-    setUploadingPreview(null);
-  };
-  const handleDroppedFileUpload = async (file) => {
-    if (!file) return onFinish([]);
-    try {
-      if (!file.type.includes("image")) {
-        throw new Error("File is not an image");
-      }
-      setUploadingFile(file);
-      setUploadingPreview(URL.createObjectURL(file));
-      let promises = [];
-      for (const entity of entities) {
-        const { id, entityType, projectName } = entity;
-        console.log(projectName);
-        if (!projectName) throw new Error("Project name is required");
-        const promise = axios.post(
-          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,
-          file,
-          {
-            onUploadProgress: (e) => {
-              setProgress(Math.round(100 * e.loaded / (e.total || file.size)));
-            },
-            headers: {
-              "Content-Type": file.type
-            }
-          }
-        );
-        promises.push(promise);
-      }
-      const res = await Promise.all(promises);
-      const updatedEntities = res.map((res2, i) => ({
-        thumbnailId: res2.data.id,
-        id: entities[i].id
-      }));
-      onFinish(updatedEntities);
-      resetState();
-    } catch (error) {
-      console.error(error);
-      reactToastify.toast.error(error.message);
-      onFinish([]);
-      resetState();
-    }
-  };
-  const handleFileUpload = async (event) => {
-    onUploadInProgress();
-    const files = event.target.files;
-    if (!files) {
-      return;
-    }
-    const file = files[0];
-    if (file) {
-      handleDroppedFileUpload(file);
-    }
-  };
-  const handleInputDrop = (e) => {
-    e.preventDefault();
-    const file = e.dataTransfer.files[0];
-    handleDroppedFileUpload(file);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      ThumbnailUploader_styled.ThumbnailUploaderWrapper,
-      {
-        className: clsx({ uploading: uploadingFile }),
-        onDrop: handleInputDrop,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg" }),
-          uploadingFile && uploadingPreview ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ThumbnailUploader_styled.Uploading, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("img", { src: uploadingPreview, alt: "uploading preview" }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "progress-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              ThumbnailUploader_styled.Progress,
-              {
-                style: {
-                  right: `${100 - progress}%`
-                }
-              }
-            ) })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ThumbnailUploader_styled.Message, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "add_photo_alternate", className: "upload" }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: "Upload thumbnail" })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("input", { type: "file", onChange: handleFileUpload, ref: inputRef })
-  ] });
-};
-exports.ThumbnailUploader = ThumbnailUploader;
-//# sourceMappingURL=ThumbnailUploader.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThumbnailUploader.cjs.js","sources":["../../../../../src/components/ThumbnailUploader/ThumbnailUploader.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLAttributes, LegacyRef, useState } from 'react'\nimport * as Styled from './ThumbnailUploader.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport axios from 'axios'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\n\ntype Entity = {\n  id: string\n  entityType: string\n  projectName: string\n}\n\nexport interface ThumbnailUploaderProps extends HTMLAttributes<HTMLDivElement> {\n  onFinish: (entities: { id: string; thumbnailId: string }[]) => void\n  inputRef: LegacyRef<HTMLInputElement>\n  onUploadInProgress: Function\n  entities: Entity[]\n}\n\nexport const ThumbnailUploader = ({\n  onFinish,\n  entities,\n  onUploadInProgress,\n  inputRef,\n  ...props\n}: ThumbnailUploaderProps) => {\n  const [uploadingFile, setUploadingFile] = useState<null | File>()\n  const [uploadingPreview, setUploadingPreview] = useState<null | string>()\n  const [progress, setProgress] = useState(0)\n\n  const resetState = () => {\n    setUploadingFile(null)\n    setProgress(0)\n    setUploadingPreview(null)\n  }\n\n  const handleDroppedFileUpload = async (file: File) => {\n    if (!file) return onFinish([])\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      setUploadingFile(file)\n      setUploadingPreview(URL.createObjectURL(file))\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        console.log(projectName)\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      onFinish(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      onFinish([])\n      resetState()\n    }\n  }\n\n  const handleFileUpload = async (event: ChangeEvent<HTMLInputElement>) => {\n    onUploadInProgress()\n    const files = event.target.files\n    if (!files) {\n      return\n    }\n\n    const file = files[0]\n    if (file) {\n      handleDroppedFileUpload(file)\n    }\n  }\n\n  const handleInputDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const file = e.dataTransfer.files[0]\n    handleDroppedFileUpload(file)\n  }\n\n  return (\n    <>\n      <Styled.ThumbnailUploaderWrapper\n        className={clsx({ uploading: uploadingFile })}\n        onDrop={handleInputDrop}\n        {...props}\n      >\n        <div className=\"bg\" />\n\n        {uploadingFile && uploadingPreview ? (\n          <Styled.Uploading>\n            <img src={uploadingPreview} alt=\"uploading preview\" />\n            <div className=\"progress-wrapper\">\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n            </div>\n          </Styled.Uploading>\n        ) : (\n          <Styled.Message>\n            <Icon icon=\"add_photo_alternate\" className=\"upload\" />\n            <span>Upload thumbnail</span>\n          </Styled.Message>\n        )}\n      </Styled.ThumbnailUploaderWrapper>\n      <input type=\"file\" onChange={handleFileUpload} ref={inputRef} />\n    </>\n  )\n}\n"],"names":["useState","res","toast","jsxs","Fragment","Styled.ThumbnailUploaderWrapper","jsx","Styled.Uploading","Styled.Progress","Styled.Message","Icon"],"mappings":"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"}