@zydon/common 2.5.17 → 2.5.19

package/dist/{chunk-COTMNI3C.js → chunk-4GES2XPG.js}

@@ -1,4 +1,4 @@
-import { a as a$1 } from './chunk-7TFD7ZIP.js';
+import { a as a$1 } from './chunk-7AZX7L27.js';
 import { a } from './chunk-5NOG7L7I.js';
 import { b } from './chunk-ILHUUK4X.js';
 import P from '@mui/lab/LoadingButton';

package/dist/chunk-7AZX7L27.js

@@ -0,0 +1,9 @@
+import { useRef, useState, useEffect, useMemo } from 'react';
+import P from 'react-easy-crop';
+import x from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var c=styled(x)(({theme:n})=>({"& .reactEasyCrop_Container":{position:"relative"},"& .reactEasyCrop_CropArea":{border:`2px solid ${n.palette.primary.main}`,borderColor:alpha(n.palette.primary.main,.75)},"& .reactEasyCrop_CropAreaRound":{border:`2px solid ${n.palette.primary.main}`,borderColor:alpha(n.palette.primary.main,.75)}}));var R=({onInitialized:n,aspectRatio:i=1,imageSrc:C="",zoom:f=1,crop:h,cropShape:u="rect",cropSize:o,rotation:y=0,onZoomChange:a,onCropChange:b,onRotationChange:g})=>{let w=e=>{if(e>4){a(4);return}if(e<.1){a(.1);return}a(e);},s=useRef(null),[r,E]=useState(550);useEffect(()=>{let e=()=>{let t=s.current?.clientWidth||550;E(Math.min(t,550));};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let v=useMemo(()=>{let e=typeof o=="number"?o:o?.width,t=typeof o=="number"?o:o?.height;if(e=e||r,t=t||r,e<=r&&t<=r)return {width:e,height:t};let p=i,m=p>1;return e=m?r:r*p,t=m?r/p:r,{width:e,height:t}},[i,r,o]);return jsx(c,{ref:s,children:jsx(P,{image:C,crop:h,zoom:f,aspect:i,onCropChange:b,onZoomChange:w,onCropComplete:n,restrictPosition:!1,cropSize:v,cropShape:u,zoomWithScroll:!1,objectFit:"contain",minZoom:.1,maxZoom:4,style:{containerStyle:{width:r,height:r,position:"relative"}},rotation:y,onRotationChange:g})})},D=R;
+
+export { D as a };

package/dist/chunk-GFJT57TO.js

@@ -0,0 +1,6 @@
+import { useCallback } from 'react';
+import { toast } from 'sonner';
+
+var c=(s,t)=>{try{return "message"in s?s.message||t:"data"in s&&s.data&&typeof s.data=="object"&&"message"in s.data&&typeof s.data.message=="string"?s.data.message:t}catch{return t}},o=()=>{let s=useCallback(a=>{toast.success(a);},[]),t=useCallback((a,i)=>{toast.error(c(a,i));},[]);return {showSuccessMessage:s,showErrorMessage:t}},m=o;
+
+export { m as a };

package/dist/chunk-U6T4WE7C.js

@@ -0,0 +1,34 @@
+import { c, g, p, n, d, e as e$1, a as a$6, b, h, i as i$1, l, m as m$1, j as j$1, k } from './chunk-ISYQXE75.js';
+import { a as a$5 } from './chunk-2E4HVMRH.js';
+import { a as a$1 } from './chunk-H5L4ARDB.js';
+import { e } from './chunk-ANAHA3L6.js';
+import { a as a$7 } from './chunk-JEBRSFLS.js';
+import { x } from './chunk-2P4CXK3O.js';
+import { a as a$4 } from './chunk-FK7DDO5L.js';
+import { i, o } from './chunk-D27ND54J.js';
+import { a as a$2 } from './chunk-X24QANPC.js';
+import { j } from './chunk-DMQW3LDF.js';
+import { a } from './chunk-MAK4JF5M.js';
+import { a as a$3 } from './chunk-KFZEM7KS.js';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { restrictToHorizontalAxis, restrictToParentElement, restrictToWindowEdges } from '@dnd-kit/modifiers';
+import { sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { AnimatePresence, m } from 'framer-motion';
+import Ho from '@mui/material/ButtonBase';
+import Go from '@mui/material/IconButton';
+import { styled, alpha, useTheme } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import No from '@mui/material/Box';
+import G from '@mui/material/Stack';
+import Qo from '@mui/material/Tooltip';
+import to from '@mui/material/Typography';
+import Yo from '@mui/material/Badge';
+import { useDropzone } from 'react-dropzone';
+import Wo from '@mui/material/Button';
+import _r from '@mui/material/FormHelperText';
+import { memo } from 'react';
+import Er from '@mui/material/Dialog';
+
+function To({sx:o$1,...r}){let t=useTheme();return jsx(Ho,{sx:{p:0,top:0,right:0,width:1,height:1,zIndex:9,opacity:0,position:"absolute",color:"common.white",borderRadius:"inherit",transition:t.transitions.create(["opacity"]),"&:hover":{...o({color:i(t.vars.palette.grey["900Channel"],.64)}),opacity:1},...o$1},...r,children:jsx(a,{icon:"ARROW_DOWN_CICLE",width:24})})}function Eo({sx:o,...r}){return jsx(Go,{size:"small",sx:{p:.35,top:4,right:4,position:"absolute",color:"common.white",bgcolor:t=>i(t.vars.palette.grey["900Channel"],.48),"&:hover":{bgcolor:t=>i(t.vars.palette.grey["900Channel"],.72)},...o},...r,children:jsx(a,{icon:"CLOSE_MARK_BUTTON",width:12})})}var A={root:"mnl__file__thumbnail__root",img:"mnl__file__thumbnail__img",icon:"mnl__file__thumbnail__icon",removeBtn:"mnl__file__thumbnail__remove__button",downloadBtn:"mnl__file__thumbnail__download__button"};function F({sx:o,file:r,tooltip:t,onRemove:i,imageView:m,slotProps:e,onDownload:p,...l}){let u=typeof r=="string"?r:URL.createObjectURL(r),{name:d,path:a$1}=c(r),n=a$6(a$1||u),g=jsx(No,{component:"img",src:u,className:A.img,sx:{width:1,height:1,objectFit:"cover",borderRadius:"inherit",...e?.img}}),h=jsx(a,{icon:b(n),sx:{width:32,height:32,flexShrink:0,...o}}),f=jsxs(G,{component:"span",className:A.root,sx:{width:36,height:36,flexShrink:0,borderRadius:1.25,alignItems:"center",position:"relative",display:"inline-flex",justifyContent:"center",...o},...l,children:[n==="image"&&m?g:h,i&&jsx(Eo,{onClick:i,className:A.removeBtn,sx:e?.removeBtn}),p&&jsx(To,{onClick:p,className:A.downloadBtn,sx:e?.downloadBtn})]});return t?jsx(Qo,{arrow:!0,title:d,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,-12]}}]}},children:f}):f}var or=({onRemove:o,onHandleMainImage:r,key:t,sx:i,file:m,disableDrag:e,attributes:p,listeners:l,mainUrl:u,innerWidth:d,isDragging:a$1})=>{let n=m===u;return jsx(Yo,{anchorOrigin:{vertical:"top",horizontal:"left"},badgeContent:r&&jsx(m$1,{isMainImage:n,size:"small",onClick:()=>r(m),"aria-label":n?"Remover imagem principal":"Definir como imagem principal",children:jsx(a,{icon:n?"STAR_02":"STAR",width:12})}),children:jsxs(j$1,{width:d,isDragging:a$1,"data-testid":`preview-multi-img-${t}`,...j().inUp,sx:i,children:[jsx(a$7,{disableDrag:e,...p,...l}),jsx(F,{imageView:!0,file:m,sx:{position:"absolute",right:10,top:10}}),o&&jsx(k,{size:"small","aria-label":"Remover imagem",onClick:()=>o(m),children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})},`badge-${t}`)},Fo=or;var ir=({file:o,thumbnail:r,onRemove:t,onHandleMainImage:i,mainUrl:m,sx:e$1,disableDrag:p=!1})=>{let{key:l$1,name:u="",size:d=0}=c(o),a$1=typeof o=="string",n=p?60:80,{attributes:g,listeners:h$1,setNodeRef:f,transform:b,transition:v,isDragging:R}=useSortable({id:l$1,disabled:p}),S={transform:x.Transform.toString(b),transition:v,display:"inline-block",alignItems:"center",justifyContent:"center",width:`${n+8}px`,height:"68px"};return r?jsx(h,{ref:f,style:S,children:jsx(Fo,{innerWidth:n,isDragging:R,sx:e$1,file:o,disableDrag:p,attributes:g,listeners:h$1,mainUrl:m,onRemove:t,onHandleMainImage:i},l$1)}):jsx(h,{ref:f,style:{...S,height:"80px",width:`${n+38}px`},children:jsxs(i$1,{width:n+30,isDragging:R,"data-testid":`preview-multi-img-${l$1}`,...j().inUp,sx:e$1,children:[jsx(a$7,{disableDrag:p,...g,...h$1}),jsx(F,{file:o}),jsxs(G,{flexGrow:1,sx:{minWidth:0,width:"100%"},children:[jsx(to,{variant:"subtitle2",noWrap:!0,children:a$1?o:u}),jsx(to,{variant:"caption",sx:{color:"text.secondary"},children:a$1?"":e(d)})]}),t&&jsx(l,{size:"small","aria-label":"Remover arquivo",onClick:()=>t(o),children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})})},Ao=ir;var ro=({thumbnail:o,files:r,onRemove:t,onReorder:i,onHandleMainImage:m,mainUrl:e,sx:p})=>{let l=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:8}}),useSensor(KeyboardSensor,{coordinateGetter:sortableKeyboardCoordinates}));if(!r?.length)return null;let u=a=>{let{active:n,over:g}=a;if(!(!n||!g||n.id===g.id)&&i){let h=r.findIndex(b=>{let{key:v}=c(b);return v===n.id}),f=r.findIndex(b=>{let{key:v}=c(b);return v===g.id});h!==-1&&f!==-1&&i(h,f);}},d=jsx(AnimatePresence,{initial:!1,children:r.map(a=>jsx(Ao,{file:a,thumbnail:o,onRemove:t,onHandleMainImage:m,mainUrl:e,sx:p,disableDrag:!i},c(a).key))});return i?jsx(DndContext,{sensors:l,collisionDetection:closestCenter,onDragEnd:u,modifiers:[restrictToHorizontalAxis,restrictToParentElement,restrictToWindowEdges],children:jsx(SortableContext,{items:r.map(a=>c(a).key),strategy:horizontalListSortingStrategy,children:d})}):d};function Lo({file:o}){let r=typeof o=="string"?o:o.name,t=typeof o=="string"?o:URL.createObjectURL(o);return jsx(No,{sx:{p:1,top:0,left:0,width:1,height:1,position:"absolute"},children:jsx(No,{component:"img",alt:r,src:t,sx:{width:1,height:1,borderRadius:1,objectFit:"cover"}})})}function Et({sx:o,...r}){return jsx(Go,{size:"small",sx:{top:16,right:16,zIndex:9,position:"absolute",color:t=>i(t.vars.palette.common.whiteChannel,.8),bgcolor:t=>i(t.vars.palette.grey["900Channel"],.72),"&:hover":{bgcolor:t=>i(t.vars.palette.grey["900Channel"],.48)},...o},...r,"aria-label":"Remover arquivo",children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:18})})}var xr=({header:o,description:r,sx:t,...i})=>jsxs(G,{spacing:5,alignItems:"center",justifyContent:"center",direction:{xs:"column",md:"row"},sx:{width:1,textAlign:{xs:"center",md:"left"},...t},...i,children:[jsx(a$1,{sx:{width:220}}),jsxs("div",{children:[jsx(to,{gutterBottom:!0,variant:"h5",children:o||"Soltar ou selecionar arquivos"}),jsx(to,{variant:"body2",sx:{color:"text.secondary"},children:r||jsxs(Fragment,{children:["Solte os arquivos aqui ou clique",jsx(to,{variant:"body2",component:"span",sx:{mx:.5,color:"primary.main",textDecoration:"underline"},children:"procurar"}),"na sua m\xE1quina"]})})]})]}),io=memo(xr);var Mo=styled(No,{shouldForwardProp:o=>!["isDragActive","isError","disabled"].includes(o)})(({theme:o,isDragActive:r,isError:t,disabled:i})=>({outline:"none",cursor:"pointer",overflow:"hidden",position:"relative",padding:o.spacing(5),borderRadius:o.shape.borderRadius,transition:o.transitions.create("padding"),backgroundColor:o.palette.background.neutral,border:`1px dashed ${alpha(o.palette.grey[500],.32)}`,...r&&{opacity:.72},...t&&{color:o.palette.error.main,backgroundColor:o.palette.error.lighter,borderColor:o.palette.error.light},...i&&{opacity:.48,pointerEvents:"none"},"&:hover":{opacity:.72}}));var Rr=({sx:o,id:r,tabIndex:t,uploading:i,getRootProps:m,getInputProps:e,isDragActive:p,isError:l,disabled:u,dropZoneSxProps:d$1,dropZoneContent:a,children:n,...g})=>jsxs(d,{children:[i&&jsx(a$4,{"data-testid":"uploading-progress-bar"}),jsxs(No,{sx:{width:1,position:"relative",...o},children:[jsxs(Mo,{...m(),"data-testid":"drop-zone-styled-area",isError:l,isDragActive:p,disabled:!!u,sx:d$1,...g,children:[jsx("input",{...e(),id:r,tabIndex:t}),a]}),n]})]}),ao=Rr;var Tr=({id:o,disabled:r,multiple:t=!1,error:i,helperText:m$1,file:e$1,onDelete:p$1,files:l,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,sx:g$1,dropZoneProps:h,placeholderProps:f,placeholderAlt:b,uploading:v,image:R,tabIndex:S,preview:V="image",onRemoveAll:N,onUpload:w,onReorder:L,...J})=>{let{getRootProps:M,getInputProps:B,isDragActive:P,isDragReject:k,fileRejections:po}=useDropzone({multiple:t,disabled:r,...J}),Q=!!e$1&&!t,X=Q||R,mo=l&&t&&l.length>0,lo=typeof e$1=="string",co=k||!!i;if(V==="file")return jsxs(ao,{id:o,uploading:v,disabled:r,dropZoneSxProps:h,tabIndex:S,getRootProps:M,getInputProps:B,isDragActive:P,isError:co,dropZoneContent:jsxs(Fragment,{children:[!Q&&jsx(io,{}),Q&&jsxs(G,{component:m.div,...j().inUp,spacing:2,direction:"row",alignItems:"center",sx:{my:1,px:1,py:.75,borderRadius:.75,border:U=>`solid 1px ${U.palette.divider}`,...g$1},children:[jsx(F,{file:e$1}),jsxs(G,{flexGrow:1,sx:{minWidth:0},children:[jsx(to,{variant:"subtitle2",noWrap:!0,children:lo?e$1:e$1.name}),jsx(to,{variant:"caption",sx:{color:"text.secondary"},children:lo?"":e(e$1.size)})]}),p$1&&jsx(g,{edge:"end",size:"small",disabled:r,"aria-label":"Remover arquivo",onClick:U=>{U.stopPropagation(),p$1();},children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})]}),children:[m$1&&m$1,jsx(p,{files:po}),mo&&jsxs(Fragment,{children:[jsx(No,{sx:{my:3},children:jsx(ro,{files:l,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,onReorder:L})}),jsxs(G,{direction:"row",justifyContent:"flex-end",spacing:1.5,children:[N&&jsx(Wo,{color:"inherit",variant:"outlined",size:"small",onClick:N,children:"Remover todos"}),w&&jsx(Wo,{size:"small",variant:"contained",onClick:w,children:"Enviar arquivos"})]})]})]});let go=X?{opacity:0}:void 0;return jsxs(ao,{id:o,uploading:v,disabled:r,dropZoneSxProps:h,tabIndex:S,getRootProps:M,getInputProps:B,isDragActive:P,isError:co,dropZoneContent:jsxs(Fragment,{children:[b?jsx(G,{sx:go,children:b}):jsx(io,{sx:go,header:f?.title,description:f?.description}),X&&jsx(Lo,{file:e$1||R||""})]}),children:[m$1&&jsx(_r,{error:!!i,sx:U=>({mx:"14px",color:r?U.palette.grey[500]:void 0}),children:m$1}),jsx(p,{files:po}),X&&p$1&&jsx(n,{size:"small",onClick:p$1,disabled:r,"aria-label":"Remover arquivo",children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})}),mo&&jsx(Fragment,{children:jsx(No,{sx:{my:3,ml:.5},children:jsx(ro,{files:l,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,onReorder:L})})})]})},Ko=Tr;var Fr=({onFileCropped:o,onImageUploaded:r,onCancel:t,aspect:i,label:m,image:e$2="",uploading:p,file:l,tabIndex:u,maxSize:d$1,onDropRejected:a$1,...n})=>{let{id:g,setCropModalOpen:h,handleRemove:f,toggleCropModalOpen:b,cropModalOpen:v,cancelChanges:R,saveChanges:S,previewImage:V,setCropper:N,preview:w,closePreviewImage:L,saving:J}=a$2({onFileCropped:o,onImageUploaded:r,onCancel:t}),{error:M}=a$3();return jsxs(Fragment,{children:[jsxs(d,{children:[p&&jsx(a$4,{}),jsx(Ko,{...n,maxSize:d$1,id:g,file:l,onDrop:B=>{if(B.length>0){h(!0);let P=new FileReader;P.addEventListener("load",()=>{let k=P.result?.toString()||"";r(k),o(void 0);}),P.readAsDataURL(B[0]);}},image:e$2,tabIndex:u,onDropRejected:(B,P)=>{let k=B[0]?.errors[0]?.code;r(void 0),o(void 0),M(k==="file-too-large"?`Imagem n\xE3o pode ser maior que ${e(d$1)}`:"Erro ao enviar imagem"),a$1&&a$1(B,P);}}),(l||e$2)&&jsxs(e$1,{className:"actions",children:[jsx(Wo,{color:"inherit",startIcon:jsx(a,{icon:"DELETE_MARK_BUTTON_02",color:"error.main"}),onClick:f,children:"Remover"}),jsx(Wo,{color:"inherit",startIcon:jsx(a,{icon:"SEARCH_IMAGE",color:"primary.maon"}),onClick:b,children:"Editar"})]})]}),jsx(a$5,{id:g,open:v,onClose:R,label:m,aspectRatio:i,imageSrc:e$2,onRemove:f,onSave:S,onPreview:V,onInitialized:N,loading:J}),jsx(Er,{open:!!w,onClose:L,scroll:"body",PaperProps:{sx:{p:2}},children:w&&jsx("img",{src:w,alt:"Preview"})})]})},Se=Fr;
+
+export { ro as a, Lo as b, Et as c, Ko as d, Se as e };

package/dist/components/EasyCrop/index.js

@@ -1 +1 @@
-export { a as default } from '../../chunk-7TFD7ZIP.js';
+export { a as default } from '../../chunk-7AZX7L27.js';

package/dist/components/EasyCropModal/index.js

@@ -1,5 +1,5 @@
-export { a as default } from '../../chunk-COTMNI3C.js';
-import '../../chunk-7TFD7ZIP.js';
+export { a as default } from '../../chunk-4GES2XPG.js';
+import '../../chunk-7AZX7L27.js';
 import '../../chunk-5NOG7L7I.js';
 import '../../chunk-MAK4JF5M.js';
 import '../../chunk-FUB7WQS5.js';

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

@@ -1,12 +1,325 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HelperTextProps, M as MultiFilePreviewProps, S as SingleFilePreviewProps, U as UseDropzoneUploaderProps, a as UseDropzoneUploaderReturn, b as FileUploadProps, E as ExtendFile, c as MultiFileUploadProps, d as MultiImageUploadProps, e as SingleFileUploadProps, f as SingleImageUploadProps } from '../../types-ba102ece.js';
-export { C as ContentType, j as CreateFilesMutation, i as CropSize, D as DropZoneProps, g as FileContentType, k as FileCreateRequest, l as FileCreateResponse, o as FileGetResponse, m as FileQueryRequest, n as FileQueryResponse, h as FileUpload, L as LoadingPreviewImageProps, P as PlaceholderProps, R as RejectionFilesProps, p as SortableItemProps, q as StyledDropZoneProps, r as StyledDropZonePropsType, T as ThumbnailBadgeProps } from '../../types-ba102ece.js';
-import '@mui/material/Stack';
-import '@mui/material/styles';
-import 'react-dropzone';
-import 'react-easy-crop';
-import '@dnd-kit/core';
+import { DropzoneOptions, DropzoneRootProps, FileRejection, DropzoneInputProps, useDropzone } from 'react-dropzone';
+import { Area } from 'react-easy-crop';
+import { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';
+import { StackProps } from '@mui/material/Stack';
+import { SxProps, Theme } from '@mui/material/styles';
+
+interface ExtendFile extends File {
+    id: string;
+    url: string;
+}
+interface FileDetails {
+    id: string;
+    url: string;
+    name?: string;
+}
+interface FileUpload {
+    url: string;
+    file: ExtendFile;
+    contentType: string;
+    resourceIds: string[];
+}
+type CropSize = {
+    width: number;
+    height: number;
+} | number;
+type CreateFilesMutation = (files: ExtendFile[]) => Promise<string[] | undefined>;
+interface FileCreateRequest {
+    files: Array<{
+        content_type: keyof typeof ContentType;
+        name: string;
+    }>;
+}
+interface FileGetResponse {
+    id: string;
+    name: string;
+    organization_id: string;
+    url: string;
+    status: 'PENDING' | 'COMPLETED' | 'FAILED';
+    content_type: string;
+    content_length: number;
+    created_by: string;
+    created_at: string;
+    updated_by: string;
+    updated_at: string;
+}
+interface FileCreateResponse {
+    files: FileGetResponse[];
+}
+interface FileQueryRequest {
+    ids: string[];
+}
+interface FileQueryResponse {
+    files: FileGetResponse[];
+}
+interface SingleFilePreviewProps extends StackProps {
+    file: ExtendFile;
+    aspectRatio?: number;
+    isLoading?: boolean;
+    cropSize?: CropSize;
+    onLoading?: (isLoading: boolean) => void;
+    isUploading?: boolean;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+interface LoadingPreviewImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    aspectRatio: number;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    isLoading?: boolean;
+    isUploading?: boolean;
+    cropSize?: CropSize;
+    onLoading?: (isLoading: boolean) => void;
+    alt?: string;
+    src?: string;
+    loading: 'lazy';
+}
+interface PlaceholderProps extends StackProps {
+    header?: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface FileUploadProps {
+    createFilesMutation: (params: FileCreateRequest) => {
+        unwrap: () => Promise<FileCreateResponse>;
+    };
+    filesDetails: FileDetails[];
+}
+interface SingleFileUploadProps extends DropzoneOptions {
+    onRemove?: (file?: ExtendFile) => void;
+    onFileSelect?: (file: ExtendFile) => void;
+    createFilesMutation: FileUploadProps['createFilesMutation'];
+    fileDetails?: FileDetails;
+    placeholderProps?: PlaceholderProps;
+    placeholderAlt?: React.ReactNode;
+    name?: string;
+    label?: string;
+    id?: string;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string | React.ReactNode;
+    sx?: SxProps<Theme>;
+    dropZoneSxProps?: SxProps<Theme>;
+    uploading?: boolean;
+    tabIndex?: number;
+    maxSize?: number;
+}
+interface SingleImageUploadProps extends SingleFileUploadProps {
+    aspectRatio?: number;
+    enableCrop?: boolean;
+    convertToWebp?: boolean;
+    cropSize?: CropSize;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+interface MultiFileUploadProps extends Omit<SingleFileUploadProps, 'filesDetails' | 'onFileSelect'> {
+    onFilesSelect?: (files: ExtendFile[]) => void;
+    onRemoveAll?: (files?: ExtendFile[]) => void;
+    onReorder?: (oldIndex: number, newIndex: number, files: ExtendFile[]) => void;
+    filesDetails?: FileDetails[];
+    maxFiles?: number;
+    thumbnail?: boolean;
+}
+interface MultiImageUploadProps extends MultiFileUploadProps {
+    aspectRatio?: number;
+    enableCrop?: boolean;
+    convertToWebp?: boolean;
+    cropSize?: CropSize;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+interface SortableItemProps extends StackProps {
+    onRemove?: (file?: ExtendFile) => void;
+    file: ExtendFile;
+    thumbnail?: boolean;
+    disableDrag?: boolean;
+}
+interface MultiFilePreviewProps extends StackProps {
+    onReorder?: (oldIndex: number, newIndex: number, files: ExtendFile[]) => void;
+    onRemove?: (file?: ExtendFile) => void;
+    files: ExtendFile[];
+    lastNode?: React.ReactNode;
+    firstNode?: React.ReactNode;
+    thumbnail: boolean;
+    slotProps?: {
+        thumbnail?: Omit<FileThumbnailProps, 'file'>;
+    };
+}
+interface StyledDropZoneProps extends StackProps {
+    isDragActive: boolean;
+    isError: boolean;
+    disabled: boolean;
+}
+type StyledDropZonePropsType = Omit<DropzoneRootProps, 'children' | 'onDrop' | 'onError'> & StyledDropZoneProps;
+interface RejectionFilesProps extends StackProps {
+    files: FileRejection[];
+}
+interface ThumbnailBadgeProps {
+    onRemove?: (file?: ExtendFile) => void;
+    file: ExtendFile;
+    attributes: DraggableAttributes;
+    listeners: DraggableSyntheticListeners;
+    innerWidth: number;
+    isDragging: boolean;
+    disableDrag?: boolean;
+    sx?: SxProps<Theme>;
+}
+interface DropZoneProps {
+    sx?: SxProps;
+    uploading?: boolean;
+    id?: string;
+    tabIndex?: number;
+    getRootProps: () => DropzoneRootProps;
+    getInputProps: () => DropzoneInputProps;
+    isDragActive: boolean;
+    isError: boolean;
+    disabled?: boolean;
+    dropZoneSxProps?: SxProps<Theme>;
+    dropZoneContent?: React.ReactNode;
+    children?: React.ReactNode;
+    name?: string;
+}
+interface HelperTextProps {
+    helperText?: string | React.ReactNode;
+    disabled?: boolean;
+    isError?: boolean;
+}
+interface UseDropzoneUploaderProps {
+    onReorder?: (oldIndex: number, newIndex: number, files: ExtendFile[]) => void;
+    onFileSelect?: (file: ExtendFile) => void;
+    onFilesSelect?: (files: ExtendFile[]) => void;
+    onRemove?: (file?: ExtendFile) => void;
+    uploadFiles: (files: File[]) => Promise<ExtendFile[] | undefined>;
+    filesPreview?: ExtendFile[];
+    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'onDropRejected'>;
+    enableCrop?: boolean;
+    customAspectRatio?: number;
+    convertToWebp?: boolean;
+    maxFiles?: number;
+    cropSize?: {
+        width: number;
+        height: number;
+    } | number;
+}
+interface UseDropzoneUploaderReturn {
+    file: ExtendFile | null;
+    files: ExtendFile[];
+    aspectRatio: number;
+    dropzoneProps: {
+        getRootProps: ReturnType<typeof useDropzone>['getRootProps'];
+        getInputProps: ReturnType<typeof useDropzone>['getInputProps'];
+        isDragActive: boolean;
+        isDragReject: boolean;
+        fileRejections: readonly FileRejection[];
+    };
+    cropState: {
+        cropModalOpen: boolean;
+        imagePreview: string;
+        cropLoading: boolean;
+        setCropModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        onCropInitialized: (croppedArea: Area, croppedAreaPixels: Area) => void;
+        handleCropSave: () => Promise<void>;
+        handleCropCancel: () => void;
+        currentImageIndex: number;
+        totalPendingImages: number;
+    };
+    setInitialFiles?: (files: ExtendFile[]) => void;
+    handleRemove: (fileToRemove?: ExtendFile) => void;
+    handleReorder: (oldIndex: number, newIndex: number, files: ExtendFile[]) => void;
+}
+declare enum ContentType {
+    APPLICATION_OCTET_STREAM = "application/octet-stream",
+    IMAGE_JPEG = "image/jpeg",
+    IMAGE_JPG = "image/jpg",
+    IMAGE_PNG = "image/png",
+    IMAGE_GIF = "image/gif",
+    IMAGE_WEBP = "image/webp",
+    IMAGE_SVG = "image/svg+xml",
+    IMAGE_BMP = "image/bmp",
+    IMAGE_TIFF = "image/tiff",
+    IMAGE_ICO = "image/x-icon",
+    IMAGE_AVIF = "image/avif",
+    APPLICATION_PDF = "application/pdf",
+    TEXT_PLAIN = "text/plain",
+    TEXT_CSV = "text/csv",
+    APPLICATION_RTF = "application/rtf",
+    APPLICATION_MSWORD = "application/msword",
+    APPLICATION_DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    APPLICATION_MSEXCEL = "application/vnd.ms-excel",
+    APPLICATION_XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    APPLICATION_MSPOWERPOINT = "application/vnd.ms-powerpoint",
+    APPLICATION_PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    APPLICATION_ODT = "application/vnd.oasis.opendocument.text",
+    APPLICATION_ODS = "application/vnd.oasis.opendocument.spreadsheet",
+    APPLICATION_ODP = "application/vnd.oasis.opendocument.presentation",
+    APPLICATION_XML = "application/xml",
+    TEXT_XML = "text/xml",
+    TEXT_HTML = "text/html",
+    TEXT_CSS = "text/css",
+    APPLICATION_JSON = "application/json",
+    TEXT_JAVASCRIPT = "text/javascript",
+    APPLICATION_ZIP = "application/zip",
+    APPLICATION_GZIP = "application/gzip",
+    APPLICATION_RAR = "application/vnd.rar",
+    APPLICATION_7Z = "application/x-7z-compressed",
+    AUDIO_MPEG = "audio/mpeg",
+    AUDIO_WAV = "audio/wav",
+    AUDIO_OGG = "audio/ogg",
+    AUDIO_WEBM = "audio/webm",
+    AUDIO_AAC = "audio/aac",
+    VIDEO_MP4 = "video/mp4",
+    VIDEO_MPEG = "video/mpeg",
+    VIDEO_OGG = "video/ogg",
+    VIDEO_WEBM = "video/webm",
+    VIDEO_QUICKTIME = "video/quicktime"
+}
+declare enum FileContentType {
+    'application/octet-stream' = "APPLICATION_OCTET_STREAM",
+    'image/jpeg' = "IMAGE_JPEG",
+    'image/jpg' = "IMAGE_JPG",
+    'image/png' = "IMAGE_PNG",
+    'image/gif' = "IMAGE_GIF",
+    'image/webp' = "IMAGE_WEBP",
+    'image/svg+xml' = "IMAGE_SVG",
+    'image/bmp' = "IMAGE_BMP",
+    'image/tiff' = "IMAGE_TIFF",
+    'image/x-icon' = "IMAGE_ICO",
+    'image/avif' = "IMAGE_AVIF",
+    'application/pdf' = "APPLICATION_PDF",
+    'text/plain' = "TEXT_PLAIN",
+    'text/csv' = "TEXT_CSV",
+    'application/rtf' = "APPLICATION_RTF",
+    'application/msword' = "APPLICATION_MSWORD",
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document' = "APPLICATION_DOCX",
+    'application/vnd.ms-excel' = "APPLICATION_MSEXCEL",
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' = "APPLICATION_XLSX",
+    'application/vnd.ms-powerpoint' = "APPLICATION_MSPOWERPOINT",
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation' = "APPLICATION_PPTX",
+    'application/vnd.oasis.opendocument.text' = "APPLICATION_ODT",
+    'application/vnd.oasis.opendocument.spreadsheet' = "APPLICATION_ODS",
+    'application/vnd.oasis.opendocument.presentation' = "APPLICATION_ODP",
+    'application/xml' = "APPLICATION_XML",
+    'text/xml' = "TEXT_XML",
+    'text/html' = "TEXT_HTML",
+    'text/css' = "TEXT_CSS",
+    'application/json' = "APPLICATION_JSON",
+    'text/javascript' = "TEXT_JAVASCRIPT",
+    'application/zip' = "APPLICATION_ZIP",
+    'application/gzip' = "APPLICATION_GZIP",
+    'application/vnd.rar' = "APPLICATION_RAR",
+    'application/x-7z-compressed' = "APPLICATION_7Z",
+    'audio/mpeg' = "AUDIO_MPEG",
+    'audio/wav' = "AUDIO_WAV",
+    'audio/ogg' = "AUDIO_OGG",
+    'audio/webm' = "AUDIO_WEBM",
+    'audio/aac' = "AUDIO_AAC",
+    'video/mp4' = "VIDEO_MP4",
+    'video/mpeg' = "VIDEO_MPEG",
+    'video/ogg' = "VIDEO_OGG",
+    'video/webm' = "VIDEO_WEBM",
+    'video/quicktime' = "VIDEO_QUICKTIME"
+}
 
 declare const _default$8: react.MemoExoticComponent<({ helperText, disabled, isError }: HelperTextProps) => react_jsx_runtime.JSX.Element | null>;
 
@@ -14,32 +327,61 @@ declare const _default$7: react.MemoExoticComponent<({ thumbnail, files, onRemov
 
 declare const _default$6: react.MemoExoticComponent<({ file, aspectRatio, isUploading, isLoading, onLoading, cropSize, maxWidth, maxHeight, }: SingleFilePreviewProps) => react_jsx_runtime.JSX.Element | null>;
 
-declare const useDropzoneUploader: ({ onFilesSelect, onFileSelect, onReorder, onRemove, filesPreview, dropzoneOptions, enableCrop, customAspectRatio, convertToWebp, cropSize, maxFiles, }: UseDropzoneUploaderProps) => UseDropzoneUploaderReturn;
+type FileThumbnailProps = StackProps & {
+    tooltip?: boolean;
+    file: ExtendFile;
+    imageView?: boolean;
+    sx?: SxProps<Theme>;
+    onDownload?: () => void;
+    onRemove?: () => void;
+    slotProps?: {
+        img?: SxProps<Theme>;
+        icon?: SxProps<Theme>;
+        removeBtn?: SxProps<Theme>;
+        downloadBtn?: SxProps<Theme>;
+    };
+};
 
-declare const useFileUploadService: ({ createFilesMutation, filesUrl, }: FileUploadProps) => {
-    filesPreview: ExtendFile[] | undefined;
-    filePreview: ExtendFile | undefined;
-    uploadFiles: (files: Array<File>, callback?: ((files: ExtendFile[]) => void) | undefined) => Promise<string[] | undefined>;
-    setFilesPreview: react.Dispatch<react.SetStateAction<ExtendFile[] | undefined>>;
-    isUploadingFiles: boolean;
+declare const fileThumbnailClasses: {
+    root: string;
+    img: string;
+    icon: string;
+    removeBtn: string;
+    downloadBtn: string;
+};
+declare const FileThumbnail: ({ sx, file, tooltip, onRemove, imageView, slotProps, onDownload, ...other }: FileThumbnailProps) => react_jsx_runtime.JSX.Element;
+
+declare function fileFormat(fileUrl: string): string;
+declare function fileThumb(fileUrl: string): string;
+declare function fileTypeByUrl(fileUrl: string): string;
+declare function fileNameByUrl(fileUrl: string): string | undefined;
+
+declare const useDropzoneUploader: ({ onFilesSelect, onFileSelect, onReorder, onRemove, uploadFiles, filesPreview, dropzoneOptions, enableCrop, customAspectRatio, convertToWebp, cropSize, maxFiles, }: UseDropzoneUploaderProps) => UseDropzoneUploaderReturn;
+
+declare const useFileUploadService: ({ createFilesMutation, filesDetails, }: FileUploadProps) => {
+    setFilesPreview: react.Dispatch<react.SetStateAction<ExtendFile[]>>;
+    uploadFiles: (files: File[]) => Promise<ExtendFile[] | undefined>;
+    filesPreview: ExtendFile[];
+    filePreview: ExtendFile;
     isLoadingPreview: boolean;
+    isUploadingFiles: boolean;
     isUploadOrLoadingFiles: boolean;
-    uploadFilesError: unknown;
+    uploadErrorText: string;
 };
 
-declare const _default$5: react.MemoExoticComponent<({ onRemove, onReorder, onFilesSelect, id, disabled, error, helperText, files: filesPreview, thumbnail, dropZoneSxProps, uploading, tabIndex, maxFiles, placeholderAlt, placeholderProps, ...other }: MultiFileUploadProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$5: react.MemoExoticComponent<({ onRemove, onReorder, onFilesSelect, createFilesMutation, filesDetails, id, disabled, error, helperText, thumbnail, dropZoneSxProps, uploading, tabIndex, maxFiles, placeholderAlt, placeholderProps, ...other }: MultiFileUploadProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default$4: react.MemoExoticComponent<({ onFilesSelect, onRemove, onReorder, id, disabled, error, helperText, files: filesPreview, dropZoneSxProps, placeholderProps, placeholderAlt, uploading, tabIndex, maxFiles, aspectRatio: customAspectRatio, enableCrop, convertToWebp, cropSize, name, label: customLabel, ...other }: MultiImageUploadProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$4: react.MemoExoticComponent<({ onRemove, onReorder, onFilesSelect, createFilesMutation, filesDetails, id, disabled, error, helperText, dropZoneSxProps, placeholderProps, placeholderAlt, uploading, tabIndex, maxFiles, aspectRatio: customAspectRatio, enableCrop, convertToWebp, cropSize, name, label: customLabel, ...other }: MultiImageUploadProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default$3: react.MemoExoticComponent<({ onFileSelect, onRemove, file: filePreview, id, disabled, error, helperText, sx, dropZoneSxProps, uploading, tabIndex, ...other }: SingleFileUploadProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$3: react.MemoExoticComponent<({ onFileSelect, onRemove, createFilesMutation, fileDetails, id, disabled, error, helperText, sx, dropZoneSxProps, uploading, tabIndex, ...other }: SingleFileUploadProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default$2: react.MemoExoticComponent<({ onRemove, onFileSelect, file: filePreview, id, disabled, error, helperText, dropZoneSxProps, placeholderProps, placeholderAlt, uploading, tabIndex, aspectRatio: customAspectRatio, enableCrop, convertToWebp, name, label, cropSize, sx, maxWidth, maxHeight, ...other }: SingleImageUploadProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$2: react.MemoExoticComponent<({ onRemove, onFileSelect, createFilesMutation, fileDetails, id, disabled, error, helperText, dropZoneSxProps, placeholderProps, placeholderAlt, uploading, tabIndex, aspectRatio: customAspectRatio, enableCrop, convertToWebp, name, label, cropSize, sx, maxWidth, maxHeight, ...other }: SingleImageUploadProps) => react_jsx_runtime.JSX.Element>;
 
-declare const _default$1: react.MemoExoticComponent<({ onFileSelect, onRemove, file: filePreview, disabled, label, id, tabIndex, error, helperText, sx, name, maxSize, uploading, aspectRatio, enableCrop, convertToWebp, cropSize, ...other }: SingleImageUploadProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: react.MemoExoticComponent<({ onRemove, onFileSelect, createFilesMutation, fileDetails, disabled, label, id, tabIndex, error, helperText, sx, name, maxSize, uploading, aspectRatio, enableCrop, convertToWebp, cropSize, ...other }: SingleImageUploadProps) => react_jsx_runtime.JSX.Element>;
 
 declare const _default: react.MemoExoticComponent<({ error, name, disabled, sx, ...other }: SingleFileUploadProps) => react_jsx_runtime.JSX.Element>;
 
 declare const isImageFile: (mimeType: string) => boolean;
 declare const convertToWebP: (file: File, quality?: number) => Promise<File>;
 
-export { ExtendFile, FileUploadProps, _default$8 as HelperText, HelperTextProps, _default$7 as MultiFilePreview, MultiFilePreviewProps, MultiFileUploadProps, MultiImageUploadProps, _default$5 as MultipleFileUpload, _default$4 as MultipleImageUpload, _default$6 as SingleFilePreview, SingleFilePreviewProps, _default$3 as SingleFileUpload, SingleFileUploadProps, _default$2 as SingleImageUpload, SingleImageUploadProps, _default$1 as UploadAvatar, _default as UploadSimpleBox, UseDropzoneUploaderProps, UseDropzoneUploaderReturn, convertToWebP, isImageFile, useDropzoneUploader, useFileUploadService };
+export { ContentType, CreateFilesMutation, CropSize, DropZoneProps, ExtendFile, FileContentType, FileCreateRequest, FileCreateResponse, FileDetails, FileGetResponse, FileQueryRequest, FileQueryResponse, FileThumbnail, FileThumbnailProps, FileUpload, FileUploadProps, _default$8 as HelperText, HelperTextProps, LoadingPreviewImageProps, _default$7 as MultiFilePreview, MultiFilePreviewProps, MultiFileUploadProps, MultiImageUploadProps, _default$5 as MultipleFileUpload, _default$4 as MultipleImageUpload, PlaceholderProps, RejectionFilesProps, _default$6 as SingleFilePreview, SingleFilePreviewProps, _default$3 as SingleFileUpload, SingleFileUploadProps, _default$2 as SingleImageUpload, SingleImageUploadProps, SortableItemProps, StyledDropZoneProps, StyledDropZonePropsType, ThumbnailBadgeProps, _default$1 as UploadAvatar, _default as UploadSimpleBox, UseDropzoneUploaderProps, UseDropzoneUploaderReturn, convertToWebP, fileFormat, fileNameByUrl, fileThumb, fileThumbnailClasses, fileTypeByUrl, isImageFile, useDropzoneUploader, useFileUploadService };