@powerhousedao/document-engineering 1.29.0 → 1.31.0

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

@@ -6,7 +6,7 @@ import { CurrencyCodePicker } from '../currency-code-picker/index.js';
 import { useAmountInput } from './use-amount-input.js';
 import { NumberInput } from '../number-input/index.js';
 import { AmountInputDiff } from './subcomponents/amount-input-diff.js';
-const AmountInputController = forwardRef(({ label, value, id: propId, minValue, maxValue, onChange, onBlur, disabled, className, required, errors, warnings, description, defaultValue, type, numberProps, selectProps, step = 1, currencyPosition = 'right', name, trailingZeros, viewPrecision, precision, placeholder, placeholderSelect, units, includeCurrencySymbols, symbolPosition, 
+const AmountInputController = forwardRef(({ label, value, id: propId, minValue, maxValue, onChange, onBlur, disabled, className, required, errors, warnings, description, defaultValue, type, numberProps, selectProps, step = 1, currencyPosition = 'right', name, trailingZeros, viewPrecision, precision, placeholder, placeholderSelect, units, includeCurrencySymbols, symbolPosition, enableStepCarets = false, 
 // Diff Props
 baseValue, viewMode = 'edition', }, ref) => {
     const generatedId = useId();
@@ -25,7 +25,7 @@ baseValue, viewMode = 'edition', }, ref) => {
     if (viewMode === 'edition') {
         return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, className: cn(disabled && 'mb-[3px]'), children: label })), _jsxs("div", { className: cn('relative flex items-center', 'rounded-md border border-gray-300', 'h-[36px]', 
                     // focus state
-                    'focus:rounded-md focus:border-gray-900 transition-colors focus-within:ring-1 focus-within:rounded focus-within:ring-offset-0'), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? 'AmountBigInt' : 'AmountNumber' }), isShowSelect && currencyPosition === 'left' && (_jsx(CurrencyCodePicker, { contentAlign: "start", contentClassName: "[&]:!w-[120px]", disabled: disabled, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn('focus:border-r-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), ...(selectProps ?? { name: '' }) })), isShowSelect && currencyPosition === 'left' && (_jsx("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), _jsxs("div", { className: cn('relative flex items-center'), children: [_jsx(NumberInput, { name: "", step: step, required: required, disabled: disabled, value: valueInput === undefined ? undefined : valueInput, id: id, maxValue: maxValue, precision: precision, minValue: minValue, onChange: handleOnChangeInput, onFocus: handleIsInputFocused, placeholder: placeholder, numericType: type === 'AmountCurrency' || type === 'AmountCrypto' ? 'BigInt' : 'Float', className: cn(currencyPosition === 'left' && 'rounded-l-none border-l-[0.5px]', currencyPosition === 'right' && 'rounded-r-none border-r-[0.5px]', isPercent && 'rounded-md pr-7', isAmountWithoutUnit && 'rounded-md', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'border-none', 'h-[32px]', className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn('pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center', disabled ? 'text-gray-400' : 'text-gray-900'), children: "%" }))] }), isShowSelect && currencyPosition === 'right' && (_jsx("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), isShowSelect && currencyPosition === 'right' && (_jsx(CurrencyCodePicker, { contentAlign: "end", contentClassName: "[&]:!w-[120px]", className: cn('focus:border-l-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, ...(selectProps ?? { name: '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+                    'focus:rounded-md focus:border-gray-900 transition-colors focus-within:ring-1 focus-within:rounded focus-within:ring-offset-0'), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? 'AmountBigInt' : 'AmountNumber' }), isShowSelect && currencyPosition === 'left' && (_jsx(CurrencyCodePicker, { contentAlign: "start", contentClassName: "[&]:!w-[120px]", disabled: disabled, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn('focus:border-r-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), ...(selectProps ?? { name: '' }) })), isShowSelect && currencyPosition === 'left' && (_jsx("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), _jsxs("div", { className: cn('relative flex items-center'), children: [_jsx(NumberInput, { name: "", step: step, required: required, disabled: disabled, value: valueInput === undefined ? undefined : valueInput, id: id, maxValue: maxValue, precision: precision, minValue: minValue, onChange: handleOnChangeInput, onFocus: handleIsInputFocused, placeholder: placeholder, enableStepCarets: enableStepCarets, numericType: type === 'AmountCurrency' || type === 'AmountCrypto' ? 'BigInt' : 'Float', className: cn(currencyPosition === 'left' && 'rounded-l-none border-l-[0.5px]', currencyPosition === 'right' && 'rounded-r-none border-r-[0.5px]', isPercent && 'rounded-md pr-7', isAmountWithoutUnit && 'rounded-md', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'border-none', 'h-[32px]', className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn('pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center', disabled ? 'text-gray-400' : 'text-gray-900'), children: "%" }))] }), isShowSelect && currencyPosition === 'right' && (_jsx("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), isShowSelect && currencyPosition === 'right' && (_jsx(CurrencyCodePicker, { contentAlign: "end", contentClassName: "[&]:!w-[120px]", className: cn('focus:border-l-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, ...(selectProps ?? { name: '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
     }
     return (_jsx(AmountInputDiff, { value: value, baseValue: baseValue, viewMode: viewMode, required: required, label: label, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols }));
 });

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

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

package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"country-code-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/country-code-picker/country-code-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAK/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAOxD,QAAA,MAAM,iBAAiB,kGA2GtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"country-code-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/country-code-picker/country-code-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAK/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAOxD,QAAA,MAAM,iBAAiB,kGA8GtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.js

@@ -26,9 +26,14 @@ const CountryCodePicker = React.forwardRef(({ label, required, value, defaultVal
             : undefined,
     }))
         .sort((a, b) => (a.label > b.label ? 1 : a.label < b.label ? -1 : 0));
-    const options = Array.isArray(allowedCountries) || Array.isArray(excludedCountries)
-        ? defaultOptions.filter((option) => (!allowedCountries || allowedCountries.includes(option.value)) &&
-            !excludedCountries?.includes(option.value))
+    const allowedCountriesArray = Array.isArray(allowedCountries) ? allowedCountries : undefined;
+    const excludedCountriesArray = Array.isArray(excludedCountries) ? excludedCountries : undefined;
+    const options = allowedCountriesArray || excludedCountriesArray
+        ? defaultOptions.filter((option) => {
+            const isAllowedCountry = allowedCountriesArray ? allowedCountriesArray.includes(option.value) : true;
+            const isExcludedCountry = excludedCountriesArray ? !excludedCountriesArray.includes(option.value) : true;
+            return isAllowedCountry && isExcludedCountry;
+        })
         : defaultOptions;
     const selectedOption = options.find((option) => option.value === internalValue);
     const baseOption = options.find((option) => option.value === baseValue);

package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.js.map

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

package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Example component demonstrating the FileField component usage within a real Form context.
+ * This shows how to manage file upload states and handle user interactions in a production-like scenario.
+ */
+declare const FileUploadItemExample: () => import("react/jsx-runtime").JSX.Element;
+export default FileUploadItemExample;
+//# sourceMappingURL=file-upload-item-example.d.ts.map

package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-example.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/file-upload-item-example.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,qBAAqB,+CA8I1B,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Form } from '../../../../../scalars/components/form/index.js';
+import { FileField } from '../../../../../scalars/components/file-field/index.js';
+import { Button } from '../../../../../ui/components/button/index.js';
+/**
+ * Example component demonstrating the FileField component usage within a real Form context.
+ * This shows how to manage file upload states and handle user interactions in a production-like scenario.
+ */
+const FileUploadItemExample = () => {
+    const [status, setStatus] = useState('idle');
+    const [progress, setProgress] = useState(0);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const [file, setFile] = useState(undefined);
+    const simulateUpload = () => {
+        setStatus('uploading');
+        setProgress(0);
+        const interval = setInterval(() => {
+            setProgress((prev) => {
+                if (prev >= 100) {
+                    clearInterval(interval);
+                    setStatus('success');
+                    return 100;
+                }
+                return prev + 10;
+            });
+        }, 200);
+    };
+    const simulateError = () => {
+        setStatus('error');
+        setErrorMessage(['File size exceeds limit', 'Invalid file format']);
+    };
+    const handleCancel = () => {
+        console.log('File upload canceled');
+        setStatus('idle');
+        setProgress(0);
+        setErrorMessage([]);
+    };
+    const handleReload = () => {
+        console.log('Retrying upload');
+        setStatus('uploading');
+        setProgress(0);
+        setErrorMessage([]);
+        simulateUpload();
+    };
+    const resetToIdle = () => {
+        setStatus('idle');
+        setProgress(0);
+        setErrorMessage([]);
+    };
+    const handleFormSubmit = async (data) => {
+        const file = data.file;
+        setFile(file);
+        // Simulate API call
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        // eslint-disable-next-line no-alert
+        alert(`Form submitted successfully!\n\nFile: ${data.file.name}\nDescription: ${data.description}`);
+    };
+    return (_jsxs("div", { className: "space-y-6 p-6 max-w-2xl", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "FileField Integration Example" }), _jsx("p", { className: "text-sm text-gray-600", children: "This example demonstrates how to use FileField within a real Form context, showing file upload states and user interactions in a production-like scenario." }), _jsxs("div", { className: "border rounded-lg p-6 bg-white shadow-sm", children: [_jsx("h4", { className: "text-md font-medium text-gray-700 mb-4", children: "Document Upload Form" }), _jsx(Form, { onSubmit: handleFormSubmit, children: ({ formState: { isSubmitting } }) => (_jsxs("div", { className: "space-y-4 w-[247px]", children: [_jsx(FileField, { name: "file", label: "Upload Document", description: "Choose your document", required: true, maxFileSize: 15728640, dragAndDropEnabled: true, 
+                                            // File upload state props
+                                            status: status, progress: progress, showPreview: true, errorsUpload: errorMessage, onCancel: handleCancel, onReload: handleReload, fileName: file?.name ?? '', fileSize: file?.size ?? 0, mimeType: file?.type ?? '' }), _jsxs("div", { className: "flex flex-wrap gap-2 pt-2", children: [_jsx("button", { type: "button", onClick: simulateUpload, disabled: status === 'uploading', className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm", children: "Simulate Upload" }), _jsx("button", { type: "button", onClick: simulateError, disabled: status === 'uploading', className: "px-4 py-2 bg-red-600 text-white rounded-md hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm", children: "Simulate Error" }), _jsx("button", { type: "button", onClick: resetToIdle, className: "px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 text-sm", children: "Reset to Idle" })] }), _jsx("div", { className: "pt-4", children: _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full", children: isSubmitting ? 'Submitting...' : 'Submit Document' }) })] })) })] })] }), _jsxs("div", { className: "text-sm text-gray-600 space-y-2", children: [_jsx("h4", { className: "font-medium text-gray-700", children: "How to use this example:" }), _jsxs("ol", { className: "list-decimal list-inside space-y-1 ml-4", children: [_jsx("li", { children: "Select a file using the FileField component in the form above" }), _jsx("li", { children: "Use the control buttons to simulate different upload states" }), _jsx("li", { children: "Submit the form to see how FileField integrates with form submission" }), _jsx("li", { children: "Observe how the FileUploadItem component responds to different props" }), _jsx("li", { children: "Try the cancel and reload functionality" })] })] })] }));
+};
+export default FileUploadItemExample;
+//# sourceMappingURL=file-upload-item-example.js.map

package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.js.map

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

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

@@ -0,0 +1,2 @@
+export { default as FileUploadItemExample } from './file-upload-item-example.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}

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

@@ -0,0 +1,2 @@
+export { default as FileUploadItemExample } from './file-upload-item-example.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAahD,QAAA,MAAM,SAAS,yFAyKd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAchD,QAAA,MAAM,SAAS,yFA2Ld,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
 import { cn } from '../../../../scalars/lib/utils.js';
-import { Icon } from '../../icon/icon.js';
 import FileBackground from '../../icon-components/FileBackground.js';
-import { Input } from '../../../../ui/components/data-entry/input/index.js';
-import { FormLabel } from '../../../../scalars/components/fragments/form-label/form-label.js';
-import { FormMessageList } from '../../../../scalars/components/fragments/form-message/index.js';
 import { useDropzone } from 'react-dropzone';
 import { formatBytes, getExtensionsFromMimeTypes } from './utils.js';
 import { Button } from '../../../../scalars/components/fragments/button/button.js';
 import { useFileUpload } from './useUploadFile.js';
 import { FileUploadItem } from './sub-components/file-upload-item.js';
+import { Icon } from '../../icon/index.js';
+import { Input } from '../../../../ui/components/data-entry/input/index.js';
+import { FormLabel } from '../../../../scalars/components/fragments/form-label/form-label.js';
+import { FormMessageList } from '../../../../scalars/components/fragments/form-message/index.js';
 const FileInput = React.forwardRef(({ name, label, description, required, disabled = false, errors = [], warnings = [], id: propId, maxFileSize, allowedFileTypes, value, defaultValue, dragAndDropEnabled = true, onChange, 
 // Item Props
 fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview = false, errorsUpload, status = 'idle', ...props }, ref) => {
@@ -19,13 +19,17 @@ fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview = false,
     const hasError = Array.isArray(errors) && errors.length > 0;
     const hasWarning = Array.isArray(warnings) && warnings.length > 0;
     const allowedFileTypesString = Array.isArray(allowedFileTypes) ? allowedFileTypes : [];
-    const { handleDrop, borderIndicator, preview } = useFileUpload({ value, defaultValue, onChange });
+    const { handleDrop, borderIndicator, preview, handleCancelPreview, handleOnPreview, isPreviewOpen, previewStatus, typePreview, } = useFileUpload({
+        value,
+        defaultValue,
+        onChange,
+    });
     const { getInputProps, getRootProps, open, inputRef } = useDropzone({
         onDropAccepted: (acceptedFiles) => {
             handleDrop(acceptedFiles);
         },
-        noClick: true,
-        noKeyboard: true,
+        noClick: status !== 'idle',
+        noKeyboard: status !== 'idle',
     });
     return (_jsxs("div", { className: "flex flex-col", children: [!!label && (_jsx(FormLabel, { htmlFor: id, id: `${id}-label`, disabled: disabled, hasError: hasError, required: required, className: cn(disabled && 'pointer-events-none'), children: label })), _jsx("div", { className: "flex flex-col w-full h-full pt-3.5 min-h-[148px]", children: _jsxs("div", { className: "relative h-[148px]", children: [_jsx("div", { className: cn('absolute z-0 h-full w-full', borderIndicator), "data-state": value ? 'selected' : 'idle', "data-testid": "file-input-border", children: _jsx(FileBackground, { className: "w-full h-full opacity-50" }) }), _jsxs("div", { ...getRootProps({
                                 role: 'group',
@@ -33,7 +37,9 @@ fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview = false,
                                 // padding
                                 'px-3 py-4'),
                                 tabIndex: disabled ? -1 : 0,
-                            }), "data-testid": "file-drop-area", children: [status === 'idle' && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Icon, { name: "FileUpload", size: 40, className: "text-gray-500", "aria-hidden": "true" }), _jsx("p", { className: "text-gray-500 font-normal text-sm leading-5", children: description })] })), status !== 'idle' && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: _jsx("div", { className: "w-full max-w-full", children: _jsx(FileUploadItem, { errorsUpload: errorsUpload, mimeType: mimeType, fileName: fileName, fileSize: formatBytes(fileSize ?? 0, 2), progress: progress, status: status, onCancel: onCancel, onReload: onReload, showPreview: showPreview, preview: preview }) }) })), _jsx("input", { ref: ref, type: "hidden", name: name }), _jsx(Input, { ...getInputProps({
+                            }), "data-testid": "file-drop-area", children: [status === 'idle' && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Icon, { name: "FileUpload", size: 40, className: "text-gray-500", "aria-hidden": "true" }), _jsx("p", { className: "text-gray-500 font-normal text-sm leading-5", children: description })] })), status !== 'idle' && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: _jsx("div", { className: "w-full max-w-full", children: _jsx(FileUploadItem, { errorsUpload: errorsUpload, mimeType: mimeType, fileName: fileName, fileSize: formatBytes(fileSize ?? 0, 2), progress: progress, status: status, onCancel: onCancel, onReload: onReload, 
+                                            // Preview Props
+                                            preview: preview, showPreview: showPreview, handleOnCancelPreview: handleCancelPreview, isPreviewOpen: isPreviewOpen, handleOnPreview: handleOnPreview, previewStatus: previewStatus, typePreview: typePreview }) }) })), _jsx("input", { ref: ref, type: "hidden", name: name }), _jsx(Input, { ...getInputProps({
                                         id,
                                         required,
                                         disabled,

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

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

package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts

@@ -1,4 +1,4 @@
-import type { UploadFile } from '../types.js';
+import type { PreviewType, UploadFile } from '../types.js';
 interface FileUploadItemProps {
     fileName?: string;
     fileSize?: string;
@@ -11,7 +11,15 @@ interface FileUploadItemProps {
     status?: UploadFile;
     showPreview?: boolean;
     preview?: string;
+    isPreviewOpen?: boolean;
+    handleOnPreview?: () => void;
+    handleOnCancelPreview?: () => void;
+    previewStatus: 'idle' | 'loading' | 'success' | 'corrupted_file' | 'unsupported_file';
+    typePreview?: PreviewType;
 }
-export declare const FileUploadItem: ({ fileName, fileSize, progress, onCancel, onReload, className, mimeType, errorsUpload, status, showPreview, preview, }: FileUploadItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const FileUploadItem: {
+    ({ fileName, fileSize, progress, onCancel, onReload, className, mimeType, errorsUpload, status, showPreview, preview, isPreviewOpen, handleOnPreview, handleOnCancelPreview, previewStatus, typePreview, }: FileUploadItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { FileUploadItem };
 //# sourceMappingURL=file-upload-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,UAAU,mBAAmB;IAC3B,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,eAAO,MAAM,cAAc,GAAI,wHAY5B,mBAAmB,4CA6GrB,CAAA"}
+{"version":3,"file":"file-upload-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAiB1D,UAAU,mBAAmB;IAC3B,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IAGnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;IACrF,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,QAAA,MAAM,cAAc;gNAmBjB,mBAAmB;;CAwIrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js

@@ -1,13 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { cn } from '../../../../../scalars/lib/utils.js';
-import { ProgressBar } from '../../../../../scalars/components/fragments/progress-bar/progress-bar.js';
-import { Icon } from '../../../icon/icon.js';
+import { ProgressBar } from '../../../../../scalars/components/fragments/progress-bar/index.js';
+import { Icon } from '../../../icon/index.js';
 import { FormMessageList } from '../../../../../scalars/components/fragments/form-message/message-list.js';
-import { getIconKey, MESSAGES } from '../utils.js';
-import { AlertDialog, AlertDialogContent } from '../../../confirm/alert-dialog.js';
-export const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefined, onCancel, onReload, className, mimeType = '', errorsUpload, status = 'idle', showPreview, preview, }) => {
-    const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+import { getContainerDimensions, getIconKey, MESSAGES } from '../utils.js';
+import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, } from '../../../confirm/alert-dialog.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import PreviewFile from './preview-file.js';
+import PreviewImage from './preview-image.js';
+import PreviewAudio from './preview-audio.js';
+import PreviewVideo from './preview-video.js';
+import { PlaceHolderUnsupported } from './placeholder-unsupported.js';
+import { PlaceHolderLoading } from './placeholder-loading.js';
+import { PlaceHolderCorrupted } from './placeholder-corrupted.js';
+const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefined, onCancel, onReload, className, mimeType = '', errorsUpload, status = 'idle', 
+// Preview Props
+showPreview, preview, isPreviewOpen, handleOnPreview, handleOnCancelPreview = () => null, previewStatus, typePreview, }) => {
     const showProgress = status === 'uploading' && progress !== undefined && progress >= 0 && progress < 100;
     const showSuccess = status === 'success';
     const showError = status === 'error';
@@ -20,10 +28,14 @@ export const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefi
         e.stopPropagation();
         onReload?.(e);
     };
-    const handleOnPreview = (e) => {
-        e.stopPropagation();
-        setIsPreviewOpen(true);
+    const commonPreviewProps = {
+        className: 'w-full h-full',
+        status: previewStatus,
+        onClose: handleOnCancelPreview,
+        preview,
     };
-    return (_jsxs("div", { className: cn('bg-white rounded-md shadow-[0px_2px_12px_0px_rgba(37,42,52,0.10)] w-full', 'pt-2 px-2 pb-1', 'border-gray-100', className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "flex flex-1 gap-2 ", children: [_jsx(Icon, { name: getIconKey(mimeType), size: 36 }), _jsxs("div", { className: "flex w-23 flex-col", children: [_jsx("span", { className: cn('text-gray-900 text-xs font-medium leading-4.5', 'truncate'), children: fileName }), _jsx("span", { className: "text-gray-500 text-xs leading-4.5 font-medium", children: fileSize })] })] }), _jsx("div", { className: "flex flex-col items-center gap-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [showProgress && _jsxs("span", { className: "text-gray-600 font-medium text-xs", children: [Math.round(progress), "%"] }), status === 'error' && (_jsx("button", { type: "button", onClick: handleOnReload, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Reload upload", children: _jsx(Icon, { name: "Reload", size: 16, className: "text-gray-900" }) })), _jsx("button", { type: "button", onClick: handleOnCancel, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Cancel Upload", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }) })] }), _jsxs("div", { className: "flex flex-col mt-0.5 h-4.5", children: [showProgress && (_jsx(ProgressBar, { value: progress, className: "h-2 bg-gray-100 [&_[data-slot=progress-bar-indicator]]:bg-blue-600" })), _jsxs("div", { className: "flex flex-row justify-between", role: "status", "aria-live": "polite", "aria-atomic": "true", children: [showSuccess && _jsx("span", { className: "text-green-700 text-xs leading-4.5 font-normal", children: MESSAGES.success }), showSuccess && showPreview && (_jsx("button", { type: "button", onClick: handleOnPreview, className: "text-blue-900 text-xs leading-4.5 font-normal", "aria-label": "Open preview", children: MESSAGES.preview }))] }), showError && (_jsx("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: _jsx("span", { className: "text-red-900 text-xs leading-4.5 font-normal", children: MESSAGES.error }) }))] }), showPreview && (_jsx(AlertDialog, { open: isPreviewOpen, children: _jsx(AlertDialogContent, { children: _jsx("div", { className: "flex flex-col gap-2 w-[500px] h-[600px] mt-2", children: _jsx("img", { src: preview, alt: "preview", className: "w-full h-full" }) }) }) })), showErrorsUpload && _jsx(FormMessageList, { messages: errorsUpload, type: "error", className: "gap-0.5" })] }));
+    return (_jsxs("div", { className: cn('bg-white rounded-md shadow-[0px_2px_12px_0px_rgba(37,42,52,0.10)] w-full', 'pt-2 px-2 pb-1', 'border-gray-100', className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "flex flex-1 gap-2 ", children: [_jsx(Icon, { name: getIconKey(mimeType), size: 36 }), _jsxs("div", { className: "flex w-23 flex-col", children: [_jsx("span", { className: cn('text-gray-900 text-xs font-medium leading-4.5', 'truncate'), children: fileName }), _jsx("span", { className: "text-gray-500 text-xs leading-4.5 font-medium", children: fileSize })] })] }), _jsx("div", { className: "flex flex-col items-center gap-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [showProgress && _jsxs("span", { className: "text-gray-600 font-medium text-xs", children: [Math.round(progress), "%"] }), status === 'error' && (_jsx("button", { type: "button", onClick: handleOnReload, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Reload upload", children: _jsx(Icon, { name: "Reload", size: 16, className: "text-gray-900" }) })), _jsx("button", { type: "button", onClick: handleOnCancel, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Cancel Upload", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }) })] }), _jsxs("div", { className: "flex flex-col mt-0.5 h-4.5", children: [showProgress && (_jsx(ProgressBar, { value: progress, className: "h-2 bg-gray-100 [&_[data-slot=progress-bar-indicator]]:bg-blue-600" })), _jsxs("div", { className: "flex flex-row justify-between", role: "status", "aria-live": "polite", "aria-atomic": "true", children: [showSuccess && _jsx("span", { className: "text-green-700 text-xs leading-4.5 font-normal", children: MESSAGES.success }), showSuccess && showPreview && (_jsx("button", { type: "button", onClick: handleOnPreview, className: "text-blue-900 text-xs leading-4.5 font-normal", "aria-label": "Open preview", children: MESSAGES.preview }))] }), showError && (_jsx("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: _jsx("span", { className: "text-red-900 text-xs leading-4.5 font-normal", children: MESSAGES.error }) }))] }), showPreview && (_jsxs(AlertDialog, { open: isPreviewOpen, children: [_jsx(VisuallyHidden, { children: _jsx(AlertDialogTitle, { children: "Preview" }) }), _jsx(VisuallyHidden, { children: _jsx(AlertDialogDescription, { children: "Preview of the file" }) }), _jsxs(AlertDialogContent, { className: cn('p-0 border-0 shadow-none bg-transparent max-w-none', getContainerDimensions(previewStatus, typePreview)), children: [previewStatus === 'loading' && (_jsx(PlaceHolderLoading, { onClose: handleOnCancelPreview, typePreview: typePreview ?? 'pdf' })), previewStatus === 'corrupted_file' && (_jsx(PlaceHolderCorrupted, { onClose: handleOnCancelPreview, typePreview: typePreview ?? 'pdf' })), previewStatus === 'unsupported_file' && _jsx(PlaceHolderUnsupported, { onClose: handleOnCancelPreview }), previewStatus === 'success' && (_jsxs(_Fragment, { children: [typePreview === 'pdf' && _jsx(PreviewFile, { ...commonPreviewProps }), typePreview === 'image' && _jsx(PreviewImage, { ...commonPreviewProps }), typePreview === 'audio' && _jsx(PreviewAudio, { ...commonPreviewProps }), typePreview === 'video' && _jsx(PreviewVideo, { ...commonPreviewProps })] }))] })] })), showErrorsUpload && _jsx(FormMessageList, { messages: errorsUpload, type: "error", className: "gap-0.5" })] }));
 };
+FileUploadItem.displayName = 'FileUploadItem';
+export { FileUploadItem };
 //# sourceMappingURL=file-upload-item.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-item.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-upload-item.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAC/F,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0EAA0E,CAAA;AAE1G,OAAO,EAAE,sBAAsB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAC3C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAuBjE,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,YAAY,EACZ,MAAM,GAAG,MAAM;AAEf,gBAAgB;AAChB,WAAW,EACX,OAAO,EACP,aAAa,EACb,eAAe,EACf,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAI,EAClC,aAAa,EACb,WAAW,GACS,EAAE,EAAE;IACxB,MAAM,YAAY,GAAG,MAAM,KAAK,WAAW,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,GAAG,CAAA;IACxG,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,CAAA;IACxC,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,CAAA;IAEpC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAsC,EAAE,EAAE;QAChE,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,CAAsC,EAAE,EAAE;QAChE,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG;QACzB,SAAS,EAAE,eAAe;QAC1B,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,qBAAqB;QAC9B,OAAO;KACR,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,CACV,aAED,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,EAE9C,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAM,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,UAAU,CAAC,YAAG,QAAQ,GAAQ,EACnG,eAAM,SAAS,EAAC,+CAA+C,YAAE,QAAQ,GAAQ,IAC7E,IACF,EAEN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAK,SAAS,EAAC,yBAAyB,aACrC,YAAY,IAAI,gBAAM,SAAS,EAAC,mCAAmC,aAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAClG,MAAM,KAAK,OAAO,IAAI,CACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,qDAAqD,gBACpD,eAAe,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACnD,CACV,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,qDAAqD,gBACpD,eAAe,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACvD,IACL,GACF,IACF,EAEN,eAAK,SAAS,EAAC,4BAA4B,aACxC,YAAY,IAAI,CACf,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,oEAAoE,GAC9E,CACH,EACD,eAAK,SAAS,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,MAAM,aAC/F,WAAW,IAAI,eAAM,SAAS,EAAC,gDAAgD,YAAE,QAAQ,CAAC,OAAO,GAAQ,EACzG,WAAW,IAAI,WAAW,IAAI,CAC7B,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,+CAA+C,gBAC9C,cAAc,YAExB,QAAQ,CAAC,OAAO,GACV,CACV,IACG,EAEL,SAAS,IAAI,CACZ,cAAK,IAAI,EAAC,OAAO,eAAW,WAAW,iBAAa,MAAM,YACxD,eAAM,SAAS,EAAC,8CAA8C,YAAE,QAAQ,CAAC,KAAK,GAAQ,GAClF,CACP,IACG,EAEL,WAAW,IAAI,CACd,MAAC,WAAW,IAAC,IAAI,EAAE,aAAa,aAC9B,KAAC,cAAc,cACb,KAAC,gBAAgB,0BAA2B,GAC7B,EACjB,KAAC,cAAc,cACb,KAAC,sBAAsB,sCAA6C,GACrD,EACjB,MAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,sBAAsB,CAAC,aAAa,EAAE,WAAW,CAAC,CACnD,aAEA,aAAa,KAAK,SAAS,IAAI,CAC9B,KAAC,kBAAkB,IAAC,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,IAAI,KAAK,GAAI,CAC1F,EAEA,aAAa,KAAK,gBAAgB,IAAI,CACrC,KAAC,oBAAoB,IAAC,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,IAAI,KAAK,GAAI,CAC5F,EAEA,aAAa,KAAK,kBAAkB,IAAI,KAAC,sBAAsB,IAAC,OAAO,EAAE,qBAAqB,GAAI,EAElG,aAAa,KAAK,SAAS,IAAI,CAC9B,8BACG,WAAW,KAAK,KAAK,IAAI,KAAC,WAAW,OAAK,kBAAkB,GAAI,EAChE,WAAW,KAAK,OAAO,IAAI,KAAC,YAAY,OAAK,kBAAkB,GAAI,EACnE,WAAW,KAAK,OAAO,IAAI,KAAC,YAAY,OAAK,kBAAkB,GAAI,EACnE,WAAW,KAAK,OAAO,IAAI,KAAC,YAAY,OAAK,kBAAkB,GAAI,IACnE,CACJ,IACkB,IACT,CACf,EAEA,gBAAgB,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,GAAG,IAC7F,CACP,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.d.ts

@@ -0,0 +1,9 @@
+import type { PreviewType } from '../types.js';
+interface PlaceHolderCorruptedProps {
+    onClose: () => void;
+    className?: string;
+    typePreview: PreviewType;
+}
+export declare const PlaceHolderCorrupted: ({ onClose, className, typePreview }: PlaceHolderCorruptedProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=placeholder-corrupted.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-corrupted.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,yBAAyB,4CAwBlG,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.js

@@ -0,0 +1,10 @@
+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 { getBrokenFileIcon } from '../utils.js';
+import PreviewHeader from './preview-header.js';
+export const PlaceHolderCorrupted = ({ onClose, className, typePreview }) => {
+    const iconBroken = getBrokenFileIcon(typePreview);
+    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: "error", onClose: onClose, title: "Corrupted File" }), _jsx("div", { className: "flex flex-col items-center justify-center bg-gray-100 w-full rounded-md overflow-hidden flex-1", children: _jsx("div", { className: "relative", children: _jsx(Icon, { name: iconBroken, size: 128, className: "text-gray-300" }) }) }), _jsx("div", { className: "border-gray-200", children: _jsx("p", { className: "text-xs text-red-900 font-normal leading-4.5", children: "Your file is corrupted and cannot be shown in the preview" }) })] }));
+};
+//# sourceMappingURL=placeholder-corrupted.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-corrupted.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAQ/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAA6B,EAAE,EAAE;IACrG,MAAM,UAAU,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAEjD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,aAED,KAAC,aAAa,IAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,gBAAgB,GAAG,EACzE,cAAK,SAAS,EAAC,gGAAgG,YAC7G,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,GAAG,GAC3D,GACF,EAEN,cAAK,SAAS,EAAC,iBAAiB,YAC9B,YAAG,SAAS,EAAC,8CAA8C,0EAEvD,GACA,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.d.ts

@@ -0,0 +1,8 @@
+import type { PreviewType } from '../types.js';
+interface PlaceHolderPdfProps {
+    onClose: () => void;
+    typePreview: PreviewType;
+}
+export declare const PlaceHolderLoading: ({ onClose, typePreview }: PlaceHolderPdfProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=placeholder-loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-loading.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-loading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,kBAAkB,GAAI,0BAA0B,mBAAmB,4CAuB/E,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PreviewHeader from './preview-header.js';
+import LoadingBar from './loading-bar.js';
+import { cn } from '../../../../../scalars/lib/utils.js';
+import { Icon } from '../../../icon/index.js';
+import { getIconLoading } from '../utils.js';
+export const PlaceHolderLoading = ({ onClose, typePreview }) => {
+    const iconLoading = getIconLoading(typePreview);
+    return (_jsxs("div", { className: "flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(37, 44, 56, 0.25)] px-6 py-4 gap-4 border border-gray-200 w-full h-full", children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose }), _jsx("div", { className: cn('flex-1 min-h-0 flex flex-col items-center justify-center bg-gray-100 w-full overflow-auto rounded-md'), children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-6", children: [_jsx("div", { className: "relative", children: _jsx(Icon, { name: iconLoading, size: 256, className: "text-gray-300" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [_jsx("h3", { className: "text-xl font-bold leading-6 text-gray-500", children: "Loading" }), _jsx(LoadingBar, { progress: 50, className: "w-[375px]" })] })] }) })] }));
+};
+//# sourceMappingURL=placeholder-loading.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-loading.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-loading.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAC/C,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAO5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAuB,EAAE,EAAE;IAClF,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IAC/C,OAAO,CACL,eAAK,SAAS,EAAC,yIAAyI,aACtJ,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,GAAI,EACjD,cACE,SAAS,EAAE,EAAE,CACX,sGAAsG,CACvG,YAED,eAAK,SAAS,EAAC,iDAAiD,aAC9D,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,GAAG,GAC5D,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,2CAA2C,wBAAa,EACtE,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,GAAG,IAC9C,IACF,GACF,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.d.ts

@@ -0,0 +1,6 @@
+interface PlaceHolderPdfProps {
+    onClose: () => void;
+}
+export declare const PlaceHolderUnsupported: ({ onClose }: PlaceHolderPdfProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=placeholder-unsupported.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-unsupported.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,aAAa,mBAAmB,4CAwBtE,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PreviewHeader from './preview-header.js';
+import { cn } from '../../../../../scalars/lib/utils.js';
+import { Icon } from '../../../icon/index.js';
+export const PlaceHolderUnsupported = ({ onClose }) => {
+    return (_jsxs("div", { className: "flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(37, 44, 56, 0.25)] px-6 py-4 gap-4 border border-gray-200 w-full h-full", children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose }), _jsxs("div", { className: cn('flex-1 min-h-0 flex flex-col items-center justify-center bg-gray-100 w-full overflow-auto rounded-md'), children: [_jsx("div", { className: "relative", children: _jsx(Icon, { name: "ContentUnavailableIcon", size: 256, className: "text-gray-300" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [_jsx("h3", { className: "text-xl font-bold leading-6 text-gray-500", children: "Opss!" }), _jsx("p", { className: "text-center text-sm text-gray-500 mx-auto max-w-[375px] whitespace-pre-line", children: "It looks like we still don't support this format. (We are working on it) Please try to upload it with a different Format." })] })] })] }));
+};
+//# sourceMappingURL=placeholder-unsupported.js.map

package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-unsupported.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAM7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IACzE,OAAO,CACL,eAAK,SAAS,EAAC,yIAAyI,aACtJ,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,GAAI,EACjD,eACE,SAAS,EAAE,EAAE,CACX,sGAAsG,CACvG,aAED,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,IAAI,EAAC,wBAAwB,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,GAAG,GACvE,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,2CAA2C,sBAAW,EAEpE,YAAG,SAAS,EAAC,6EAA6E,0IAGtF,IACA,IACF,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview-audio.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-audio.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,4CAiBpF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/ui/components/data-entry/file-input/sub-components/preview-audio.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 PreviewAudio = ({ 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: "Audio Preview" }), _jsx("div", { className: "flex-1 flex items-center justify-center", children: _jsx("audio", { src: preview, controls: true, className: "w-full", "aria-label": "Audio player", children: _jsx("p", { children: "Your browser does not support the audio preview." }) }) })] }));
+};
+export default PreviewAudio;
+//# sourceMappingURL=preview-audio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview-audio.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-audio.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,yCAAyC,YACtD,gBAAO,GAAG,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,EAAC,QAAQ,gBAAY,cAAc,YACxE,2EAAuD,GACjD,GACJ,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"preview-file.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-file.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAIhE,UAAU,qBAAqB;IAC7B,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,kBAAkB,GAAI,sEAKzB,qBAAqB,4CAoDvB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"preview-file.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-file.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,GAAI,iCAA8C,qBAAqB,4CAqBvF,CAAA;AAED,eAAe,WAAW,CAAA"}