@powerhousedao/document-engineering 1.30.0 → 1.31.0

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../../../scalars/lib/utils.js';
 import { Icon } from '../../../icon/index.js';
-import { PREVIEW_STATUS } from '../types.js';
 const PreviewHeader = ({ status, onClose, title = 'File Preview' }) => {
-    return (_jsxs("header", { className: "flex justify-between items-center", children: [_jsx("span", { className: cn('text-gray-900 text-sm font-normal leading-4.5', status === PREVIEW_STATUS.CORRUPTED_FILE && 'text-red-900'), children: title }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: "text-gray-400 hover:text-gray-600", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }));
+    return (_jsxs("header", { className: "flex justify-between items-center", children: [_jsx("span", { className: cn('text-gray-900 text-sm font-normal leading-4.5', status === 'error' && 'text-red-900'), children: title }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: "text-gray-400 hover:text-gray-600", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }));
 };
 export default PreviewHeader;
 //# sourceMappingURL=preview-header.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview-header.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAsB,MAAM,aAAa,CAAA;AAQhE,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,cAAc,EAAsB,EAAE,EAAE;IACxF,OAAO,CACL,kBAAQ,SAAS,EAAC,mCAAmC,aACnD,eACE,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,MAAM,KAAK,cAAc,CAAC,cAAc,IAAI,cAAc,CAC3D,YAEA,KAAK,GACD,EACP,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,gBAAa,eAAe,EAAC,SAAS,EAAC,mCAAmC,YAC9G,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACvD,IACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"preview-header.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAU7C,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,cAAc,EAAsB,EAAE,EAAE;IACxF,OAAO,CACL,kBAAQ,SAAS,EAAC,mCAAmC,aACnD,eAAM,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,MAAM,KAAK,OAAO,IAAI,cAAc,CAAC,YACvG,KAAK,GACD,EACP,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,gBAAa,eAAe,EAAC,SAAS,EAAC,mCAAmC,YAC9G,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACvD,IACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts

@@ -1,10 +1,8 @@
-import { type PreviewStatus } from '../types.js';
 interface FilePreviewStateProps {
-    status: PreviewStatus;
     onClose: () => void;
     className?: string;
     preview?: string;
 }
-declare const PreviewImagePreview: ({ status, onClose, className, preview }: FilePreviewStateProps) => import("react/jsx-runtime").JSX.Element;
-export default PreviewImagePreview;
+declare const PreviewImage: ({ onClose, className, preview }: FilePreviewStateProps) => import("react/jsx-runtime").JSX.Element;
+export default PreviewImage;
 //# sourceMappingURL=preview-image.d.ts.map

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-image.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAIhE,UAAU,qBAAqB;IAC7B,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,mBAAmB,GAAI,yCAAyC,qBAAqB,4CAkB1F,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"preview-image.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,YAAY,GAAI,iCAAiC,qBAAqB,4CAc3E,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js

@@ -1,13 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../../../scalars/lib/utils.js';
-import { PREVIEW_STATUS } from '../types.js';
-import { PlaceHolderImage } from './place-holder-image.js';
 import PreviewHeader from './preview-header.js';
-const PreviewImagePreview = ({ status, onClose, className, preview }) => {
-    if (status === PREVIEW_STATUS.SUCCESS) {
-        return (_jsxs("div", { className: cn('flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] px-6 py-4 gap-4 w-full h-full', className), children: [_jsx(PreviewHeader, { status: status, onClose: onClose, title: "Image Preview" }), _jsx("div", { className: "flex justify-center items-center relative rounded-md overflow-hidden", children: preview && _jsx("img", { src: preview, alt: "Preview", className: "w-full h-full object-contain" }) })] }));
-    }
-    return _jsx(PlaceHolderImage, { status: status, onClose: onClose, className: className });
+const PreviewImage = ({ onClose, className, preview }) => {
+    return (_jsxs("div", { className: cn('flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] px-6 py-4 gap-4 w-full h-full', className), children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose, title: "Image Preview" }), _jsx("div", { className: "flex-1 flex justify-center items-center relative rounded-md overflow-hidden", children: preview && _jsx("img", { src: preview, alt: "Preview", className: "w-full h-full object-contain" }) })] }));
 };
-export default PreviewImagePreview;
+export default PreviewImage;
 //# sourceMappingURL=preview-image.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview-image.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,cAAc,EAAsB,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAS/C,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC7F,IAAI,MAAM,KAAK,cAAc,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,aAED,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,eAAe,GAAG,EACzE,cAAK,SAAS,EAAC,sEAAsE,YAClF,OAAO,IAAI,cAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,8BAA8B,GAAG,GACpF,IACF,CACP,CAAA;IACH,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AACrF,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"preview-image.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAQ/C,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC9E,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,aAED,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,eAAe,GAAG,EACvE,cAAK,SAAS,EAAC,6EAA6E,YACzF,OAAO,IAAI,cAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,8BAA8B,GAAG,GACpF,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.d.ts

@@ -0,0 +1,8 @@
+interface VideoPreviewProps {
+    onClose?: () => void;
+    preview?: string;
+    className?: string;
+}
+declare const PreviewVideo: ({ onClose, preview, className }: VideoPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default PreviewVideo;
+//# sourceMappingURL=preview-video.d.ts.map

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-video.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-video.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,GAAI,iCAA8C,iBAAiB,4CAsBpF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../../../scalars/lib/utils.js';
+import PreviewHeader from './preview-header.js';
+const PreviewVideo = ({ onClose = () => null, preview, className }) => {
+    return (_jsxs("div", { className: cn('flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,15,0.25)] px-6 py-4 gap-4 w-full h-full', className), children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose, title: "Video Preview" }), _jsx("div", { className: "flex-1 flex justify-center items-center rounded-md overflow-hidden", children: _jsx("video", { src: preview, controls: true, "aria-label": "Video player", className: "w-full h-full rounded-md overflow-hidden object-contain", children: _jsx("p", { children: "Your browser does not support the video preview." }) }) })] }));
+};
+export default PreviewVideo;
+//# sourceMappingURL=preview-video.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-video.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-video.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAQ/C,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAqB,EAAE,EAAE;IACvF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,SAAS,CACV,aAED,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,eAAe,GAAG,EAEvE,cAAK,SAAS,EAAC,oEAAoE,YACjF,gBACE,GAAG,EAAE,OAAO,EACZ,QAAQ,sBACG,cAAc,EACzB,SAAS,EAAC,yDAAyD,YAEnE,2EAAuD,GACjD,GACJ,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/ui/components/data-entry/file-input/types.d.ts

@@ -20,17 +20,15 @@ export interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
 export type UploadFile = 'idle' | 'uploading' | 'success' | 'error';
 export declare const PREVIEW_STATUS: {
     readonly LOADING: "loading";
-    readonly UNSUPPORTED_FORMAT: "unsupported_format";
+    readonly UNSUPPORTED_FILE: "unsupported_file";
     readonly CORRUPTED_FILE: "corrupted_file";
     readonly SUCCESS: "success";
 };
-type ValueOf<T> = T[keyof T];
-export type PreviewStatus = ValueOf<typeof PREVIEW_STATUS>;
+export type PreviewStatus = 'idle' | 'loading' | 'success' | 'corrupted_file' | 'unsupported_file';
 export interface StatusConfig {
     icon: IconName | undefined;
     title?: string;
     message?: string;
 }
-export type PreviewType = 'pdf' | 'image' | 'audio' | 'unknown';
-export {};
+export type PreviewType = 'pdf' | 'image' | 'audio' | 'video';
 //# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/file-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACxF,cAAc,CAAC,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA;AAEV,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAC5B,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,cAAc,CAAC,CAAA;AAE1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACxF,cAAc,CAAC,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAElG,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA"}

package/dist/src/ui/components/data-entry/file-input/types.js

@@ -1,6 +1,6 @@
 export const PREVIEW_STATUS = {
     LOADING: 'loading',
-    UNSUPPORTED_FORMAT: 'unsupported_format',
+    UNSUPPORTED_FILE: 'unsupported_file',
     CORRUPTED_FILE: 'corrupted_file',
     SUCCESS: 'success',
 };

package/dist/src/ui/components/data-entry/file-input/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,OAAO,EAAE,SAAS;CACV,CAAA"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,kBAAkB;IACpC,cAAc,EAAE,gBAAgB;IAChC,OAAO,EAAE,SAAS;CACV,CAAA"}

package/dist/src/ui/components/data-entry/file-input/useFetchQuery.d.ts

@@ -0,0 +1,11 @@
+interface UseQueryOptions {
+    enabled?: boolean;
+}
+interface UseQueryResult<T> {
+    data: T | null;
+    isLoading: boolean;
+    error: unknown;
+}
+declare const useFetchQuery: <T>(queryFn: () => Promise<T>, { enabled }?: UseQueryOptions) => UseQueryResult<T>;
+export default useFetchQuery;
+//# sourceMappingURL=useFetchQuery.d.ts.map

package/dist/src/ui/components/data-entry/file-input/useFetchQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchQuery.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useFetchQuery.ts"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,EAAE,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,cAAoB,eAAoB,KAAG,cAAc,CAAC,CAAC,CA6B/G,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/ui/components/data-entry/file-input/useFetchQuery.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+const useFetchQuery = (queryFn, { enabled = true } = {}) => {
+    const [data, setData] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (!enabled) {
+            return;
+        }
+        const fetchData = async () => {
+            setIsLoading(true);
+            setError(null);
+            setData(null);
+            try {
+                const result = await queryFn();
+                setData(result);
+            }
+            catch (err) {
+                setError(err);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        void fetchData();
+    }, [queryFn, enabled]);
+    return { data, isLoading, error };
+};
+export default useFetchQuery;
+//# sourceMappingURL=useFetchQuery.js.map

package/dist/src/ui/components/data-entry/file-input/useFetchQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchQuery.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useFetchQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAY3C,MAAM,aAAa,GAAG,CAAI,OAAyB,EAAE,EAAE,OAAO,GAAG,IAAI,KAAsB,EAAE,EAAqB,EAAE;IAClH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAA;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,QAAQ,CAAC,IAAI,CAAC,CAAA;YACd,OAAO,CAAC,IAAI,CAAC,CAAA;YAEb,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,OAAO,EAAE,CAAA;gBAC9B,OAAO,CAAC,MAAM,CAAC,CAAA;YACjB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,QAAQ,CAAC,GAAG,CAAC,CAAA;YACf,CAAC;oBAAS,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,KAAK,SAAS,EAAE,CAAA;IAClB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAA;AACnC,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts

@@ -1,4 +1,4 @@
-import { type PreviewStatus } from './types.js';
+import type { PreviewStatus } from './types.js';
 interface UseFileUploadProps {
     value?: File | null;
     defaultValue?: File | null;
@@ -10,11 +10,10 @@ export declare const useFileUpload: ({ value, defaultValue, onChange }: UseFileU
     borderIndicator: string;
     preview: string | undefined;
     handleCancelPreview: () => void;
-    handleOnPreview: () => Promise<void>;
+    handleOnPreview: () => void;
     isPreviewOpen: boolean;
     previewStatus: PreviewStatus;
-    setPreviewStatus: import("react").Dispatch<import("react").SetStateAction<PreviewStatus>>;
-    typePreview: "audio" | "image" | "unknown" | "pdf";
+    typePreview: "audio" | "video" | "image" | "pdf" | undefined;
 };
 export {};
 //# sourceMappingURL=useUploadFile.d.ts.map

package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadFile.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/D,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACvC;AASD,eAAO,MAAM,aAAa,GAAI,mCAAmC,kBAAkB;iCAO9D,IAAI,EAAE;;;;;;;;;;CAsE1B,CAAA"}
+{"version":3,"file":"useUploadFile.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,aAAa,GAAI,mCAAmC,kBAAkB;iCA0B9D,IAAI,EAAE;;;;;;;;;CA4C1B,CAAA"}

package/dist/src/ui/components/data-entry/file-input/useUploadFile.js

@@ -1,17 +1,32 @@
 import { useCallback, useEffect, useState } from 'react';
-import { PREVIEW_STATUS } from './types.js';
-import { detectPreviewType, validateImageHeader, validatePdfHeader } from './utils.js';
-const mapValidator = {
-    ['pdf']: validatePdfHeader,
-    ['image']: validateImageHeader,
-    ['audio']: async () => Promise.resolve(true),
-    ['unknown']: async () => Promise.resolve(false),
-};
+import { detectPreviewType, getPreviewComponentFromError, validateFileForPreview } from './utils.js';
+import useFetchQuery from './useFetchQuery.js';
 export const useFileUpload = ({ value, defaultValue, onChange }) => {
     const [file, setFile] = useState(value ?? defaultValue ?? null);
     const [preview, setPreview] = useState(undefined);
     const [isPreviewOpen, setIsPreviewOpen] = useState(false);
-    const [previewStatus, setPreviewStatus] = useState(PREVIEW_STATUS.LOADING);
+    const queryFn = useCallback(async () => {
+        if (!file)
+            return Promise.reject(new Error('No hay archivo seleccionado'));
+        return validateFileForPreview(file);
+    }, [file]);
+    const { data, isLoading, error } = useFetchQuery(queryFn, {
+        enabled: isPreviewOpen && !!file,
+    });
+    const getPreviewStatus = () => {
+        if (!isPreviewOpen)
+            return 'idle';
+        if (isLoading)
+            return 'loading';
+        if (error) {
+            const errorType = getPreviewComponentFromError(error);
+            return errorType || 'unsupported_file';
+        }
+        if (data === 'success')
+            return 'success';
+        return 'idle';
+    };
+    const previewStatus = getPreviewStatus();
     const handleDrop = useCallback((acceptedFiles) => {
         if (!acceptedFiles || acceptedFiles.length === 0)
             return;
@@ -24,32 +39,7 @@ export const useFileUpload = ({ value, defaultValue, onChange }) => {
     const handleCancelPreview = () => {
         setIsPreviewOpen(false);
     };
-    const typePreview = detectPreviewType(file?.type);
-    const handleOnPreview = async () => {
-        setIsPreviewOpen(true);
-        setPreviewStatus(PREVIEW_STATUS.LOADING);
-        if (!file || typePreview === 'unknown') {
-            setPreviewStatus(PREVIEW_STATUS.UNSUPPORTED_FORMAT);
-            return;
-        }
-        const validator = mapValidator[typePreview];
-        try {
-            const isValid = await validator(file);
-            if (!isValid) {
-                setPreviewStatus(PREVIEW_STATUS.CORRUPTED_FILE);
-                return;
-            }
-            if (!preview) {
-                setPreviewStatus(PREVIEW_STATUS.CORRUPTED_FILE);
-                return;
-            }
-            await new Promise((res) => setTimeout(res, 2000));
-            setPreviewStatus(PREVIEW_STATUS.SUCCESS);
-        }
-        catch {
-            setPreviewStatus(PREVIEW_STATUS.CORRUPTED_FILE);
-        }
-    };
+    const typePreview = detectPreviewType(file ?? undefined);
     useEffect(() => {
         return () => {
             if (preview) {
@@ -58,6 +48,11 @@ export const useFileUpload = ({ value, defaultValue, onChange }) => {
         };
     }, [preview]);
     const borderIndicator = file ? 'text-blue-900' : 'text-gray-300';
+    const handleOnPreview = () => {
+        if (!file)
+            return;
+        setIsPreviewOpen(true);
+    };
     return {
         handleDrop,
         file,
@@ -68,7 +63,6 @@ export const useFileUpload = ({ value, defaultValue, onChange }) => {
         handleOnPreview,
         isPreviewOpen,
         previewStatus,
-        setPreviewStatus,
         typePreview,
     };
 };

package/dist/src/ui/components/data-entry/file-input/useUploadFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadFile.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useUploadFile.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/file-input/utils.d.ts

@@ -1,5 +1,5 @@
 import type { IconName } from '../../icon-components/index.js';
-import { type PreviewStatus, type StatusConfig } from './types.js';
+import type { PreviewStatus, PreviewType } from './types.js';
 export declare const MESSAGES: {
     success: string;
     error: string;
@@ -8,9 +8,37 @@ export declare const MESSAGES: {
 export declare const formatBytes: (bytes?: number, decimals?: number, binaryUnits?: boolean) => string;
 export declare function getExtensionsFromMimeTypes(mimeTypes?: string[]): string[];
 export declare const getIconKey: (mimeType: string) => IconName;
-export declare const STATUS_CONFIG_PDF: Record<PreviewStatus, StatusConfig>;
-export declare const STATUS_CONFIG_IMAGE: Record<PreviewStatus, StatusConfig>;
-export declare const detectPreviewType: (mimeType?: string) => "pdf" | "image" | "audio" | "unknown";
 export declare const validatePdfHeader: (file: File) => Promise<boolean>;
 export declare const validateImageHeader: (file: File) => Promise<unknown>;
+export declare const validateAudio: (file: File) => Promise<boolean>;
+export declare const validateVideo: (file: File) => Promise<boolean>;
+export declare const detectPreviewType: (file?: File) => "pdf" | "image" | "audio" | "video" | undefined;
+export declare const isCorruptedFile: (file: File) => Promise<boolean>;
+export declare const getPreviewComponentFromError: (error: unknown) => "corrupted_file" | "unsupported_file" | null;
+export declare const previewSizeStyles: {
+    pdf: {
+        width: string;
+        height: string;
+    };
+    video: {
+        width: string;
+        height: string;
+    };
+    image: {
+        width: string;
+        height: string;
+    };
+    audio: {
+        width: string;
+        height: string;
+    };
+    unsupported_file: {
+        width: string;
+        height: string;
+    };
+};
+export declare const validateFileForPreview: (file?: File) => Promise<"success" | undefined>;
+export declare const getIconLoading: (type: PreviewType) => IconName;
+export declare const getBrokenFileIcon: (type: PreviewType) => IconName;
+export declare const getContainerDimensions: (status: PreviewStatus, typePreview?: PreviewType) => string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/ui/components/data-entry/file-input/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAkB,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAClF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,iBAAY,EAAE,qBAAmB,KAAG,MAgB/E,CAAA;AAED,wBAAgB,0BAA0B,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAGzE;AAeD,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,KAAG,QAY7C,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,aAAa,EAAE,YAAY,CAsBjE,CAAA;AACD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,YAAY,CAsBnE,CAAA;AAqBD,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,SAMjF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAU,MAAM,IAAI,qBAUjD,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAU,MAAM,IAAI,qBAiBnD,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC5D,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,iBAAY,EAAE,qBAAmB,KAAG,MAgB/E,CAAA;AAED,wBAAgB,0BAA0B,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAGzE;AAeD,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,KAAG,QAa7C,CAAA;AA2BD,eAAO,MAAM,iBAAiB,GAAU,MAAM,IAAI,qBAUjD,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAU,MAAM,IAAI,qBAiBnD,CAAA;AAED,eAAO,MAAM,aAAa,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAS/D,CAAA;AAED,eAAO,MAAM,aAAa,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAkB/D,CAAA;AAQD,eAAO,MAAM,iBAAiB,GAAI,OAAO,IAAI,KAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAOrF,CAAA;AAED,eAAO,MAAM,eAAe,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAMjE,CAAA;AAED,eAAO,MAAM,4BAA4B,GAAI,OAAO,OAAO,KAAG,gBAAgB,GAAG,kBAAkB,GAAG,IAYrG,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAM7B,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAU,OAAO,IAAI,mCAgBvD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,MAAM,WAAW,KAAG,QAalD,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,WAAW,KAAG,QAarD,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,QAAQ,aAAa,EAAE,cAAc,WAAW,KAAG,MAmBzF,CAAA"}

package/dist/src/ui/components/data-entry/file-input/utils.js

@@ -1,5 +1,4 @@
 import mime from 'mime/lite';
-import { PREVIEW_STATUS } from './types.js';
 export const MESSAGES = {
     success: 'Upload successful',
     error: 'Upload failed',
@@ -43,55 +42,12 @@ export const getIconKey = (mimeType) => {
     }
     let iconName = 'DownloadFile';
     const extension = mime.getExtension(mimeType);
-    if (extension) {
-        iconName = ICON_CODE_TO_NAME[extension.toUpperCase()];
+    const existsExtension = Object.keys(ICON_CODE_TO_NAME).includes(extension?.toUpperCase() ?? '');
+    if (existsExtension) {
+        iconName = ICON_CODE_TO_NAME[extension?.toUpperCase() ?? ''];
     }
     return iconName;
 };
-export const STATUS_CONFIG_PDF = {
-    [PREVIEW_STATUS.LOADING]: {
-        icon: 'BookOpenText',
-        title: 'Loading',
-        message: '',
-    },
-    [PREVIEW_STATUS.UNSUPPORTED_FORMAT]: {
-        icon: 'ContentUnavailableIcon',
-        title: 'Opss!',
-        message: "It looks like we still don't support this format. (We are working on it) Please try to upload it with a different Format.",
-    },
-    [PREVIEW_STATUS.CORRUPTED_FILE]: {
-        icon: 'ContentUnavailableIcon',
-        title: '',
-        message: 'Your file is corrupted and cannot be shown in the preview',
-    },
-    [PREVIEW_STATUS.SUCCESS]: {
-        icon: undefined,
-        title: '',
-        message: '',
-    },
-};
-export const STATUS_CONFIG_IMAGE = {
-    [PREVIEW_STATUS.LOADING]: {
-        icon: 'Image',
-        title: 'Loading',
-        message: '',
-    },
-    [PREVIEW_STATUS.UNSUPPORTED_FORMAT]: {
-        icon: 'BrokenImage',
-        title: 'Opss!',
-        message: "It looks like we still don't support this format. (We are working on it) Please try to upload it with a different Format.",
-    },
-    [PREVIEW_STATUS.CORRUPTED_FILE]: {
-        icon: 'BrokenImage',
-        title: '',
-        message: 'Your file is corrupted and cannot be shown in the preview',
-    },
-    [PREVIEW_STATUS.SUCCESS]: {
-        icon: undefined,
-        title: '',
-        message: '',
-    },
-};
 const MIME_TYPE_TO_EXTENSION_IMAGE = {
     'image/jpeg': 'jpg',
     'image/png': 'png',
@@ -108,16 +64,10 @@ const MIME_TYPE_TO_EXTENSION_AUDIO = {
 const MIME_TYPE_TO_EXTENSION_PDF = {
     'application/pdf': 'pdf',
 };
-export const detectPreviewType = (mimeType) => {
-    if (!mimeType)
-        return 'unknown';
-    if (Object.keys(MIME_TYPE_TO_EXTENSION_IMAGE).includes(mimeType))
-        return 'image';
-    if (Object.keys(MIME_TYPE_TO_EXTENSION_AUDIO).includes(mimeType))
-        return 'audio';
-    if (Object.keys(MIME_TYPE_TO_EXTENSION_PDF).includes(mimeType))
-        return 'pdf';
-    return 'unknown';
+const MIME_TYPE_TO_EXTENSION_VIDEO = {
+    'video/mp4': 'mp4',
+    'video/webm': 'webm',
+    'video/ogg': 'ogg',
 };
 export const validatePdfHeader = async (file) => {
     const buffer = await file.arrayBuffer();
@@ -143,4 +93,139 @@ export const validateImageHeader = async (file) => {
         img.src = url;
     });
 };
+export const validateAudio = async (file) => {
+    try {
+        const audioContext = new AudioContext();
+        const arrayBuffer = await file.arrayBuffer();
+        await audioContext.decodeAudioData(arrayBuffer);
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+export const validateVideo = async (file) => {
+    return new Promise((resolve) => {
+        const url = URL.createObjectURL(file);
+        const video = document.createElement('video');
+        video.src = url;
+        video.preload = 'metadata';
+        video.onloadedmetadata = () => {
+            URL.revokeObjectURL(url);
+            resolve(true);
+        };
+        video.onerror = () => {
+            URL.revokeObjectURL(url);
+            resolve(false);
+        };
+    });
+};
+const fileValidators = {
+    pdf: validatePdfHeader,
+    image: validateImageHeader,
+    audio: validateAudio,
+    video: validateVideo,
+};
+export const detectPreviewType = (file) => {
+    if (!file)
+        return undefined;
+    const mimeType = file.type;
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_IMAGE).includes(mimeType))
+        return 'image';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_AUDIO).includes(mimeType))
+        return 'audio';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_PDF).includes(mimeType))
+        return 'pdf';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_VIDEO).includes(mimeType))
+        return 'video';
+};
+export const isCorruptedFile = async (file) => {
+    const fileType = detectPreviewType(file);
+    if (!fileType)
+        return false;
+    const validator = fileValidators[fileType];
+    const isValid = await validator(file);
+    return !isValid;
+};
+export const getPreviewComponentFromError = (error) => {
+    if (error instanceof Error) {
+        switch (error.message) {
+            case 'corrupted_file':
+                return 'corrupted_file';
+            case 'unsupported_file':
+                return 'unsupported_file';
+            default:
+                return 'unsupported_file';
+        }
+    }
+    return null;
+};
+export const previewSizeStyles = {
+    pdf: { width: '500px', height: '652px' },
+    video: { width: '600px', height: '340px' },
+    image: { width: '368px', height: '384px' },
+    audio: { width: '368px', height: '384px' },
+    unsupported_file: { width: '500px', height: '652px' },
+};
+export const validateFileForPreview = async (file) => {
+    if (!file)
+        return;
+    const typePreview = detectPreviewType(file);
+    if (!typePreview) {
+        throw new Error('unsupported_file');
+    }
+    const isCorrupted = await isCorruptedFile(file);
+    if (isCorrupted) {
+        throw new Error('corrupted_file');
+    }
+    await new Promise((res) => setTimeout(res, 2000));
+    return 'success';
+};
+export const getIconLoading = (type) => {
+    switch (type) {
+        case 'pdf':
+            return 'BookOpenText';
+        case 'image':
+            return 'PlaceholderImage';
+        case 'audio':
+            return 'PlaceholderAudio';
+        case 'video':
+            return 'PlaceholderVideo';
+        default:
+            return 'BookOpenText';
+    }
+};
+export const getBrokenFileIcon = (type) => {
+    switch (type) {
+        case 'pdf':
+            return 'ContentUnavailableIcon';
+        case 'image':
+            return 'BrokenImage';
+        case 'audio':
+            return 'BrokenAudio';
+        case 'video':
+            return 'BrokenVideo';
+        default:
+            return 'ContentUnavailableIcon';
+    }
+};
+export const getContainerDimensions = (status, typePreview) => {
+    if (status !== 'success') {
+        return 'w-[600px] h-[652px]';
+    }
+    switch (typePreview) {
+        case 'pdf':
+            return 'w-[500px] h-[652px]';
+        case 'video':
+            return 'w-[600px] h-[340px]';
+        case 'image':
+            return 'w-[368px] h-[384px]';
+        case 'audio':
+            return 'w-[368px] h-[384px]';
+        case undefined:
+            return 'w-[500px] h-[652px]';
+        default:
+            return 'w-[500px] h-[652px]';
+    }
+};
 //# sourceMappingURL=utils.js.map