@faststore/components 3.98.0-dev.1 → 3.98.0-dev.8

package/dist/cjs/molecules/Dropzone/Dropzone.d.ts

@@ -0,0 +1,87 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import { type Accept, type FileRejection } from 'react-dropzone';
+export interface DropzoneProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Callback function called when files are accepted.
+     */
+    onFilesAccepted?: (files: File[]) => void;
+    /**
+     * Callback function called when files are rejected.
+     */
+    onFilesRejected?: (fileRejections: FileRejection[]) => void;
+    /**
+     * Maximum number of files that can be selected.
+     */
+    maxFiles?: number;
+    /**
+     * Maximum file size in bytes.
+     */
+    maxSize?: number;
+    /**
+     * Minimum file size in bytes.
+     */
+    minSize?: number;
+    /**
+     * Accepted file types.
+     */
+    accept?: Accept;
+    /**
+     * Whether multiple files can be selected.
+     */
+    multiple?: boolean;
+    /**
+     * Whether the dropzone is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Custom text to display when dragging files over the dropzone.
+     */
+    dragActiveText?: string;
+    /**
+     * Custom text to display in the dropzone.
+     */
+    text?: string;
+    /**
+     * Whether to disable opening the file dialog on click.
+     */
+    noClick?: boolean;
+    /**
+     * Whether to disable opening the file dialog via keyboard.
+     */
+    noKeyboard?: boolean;
+    /**
+     * Whether to disable drag-and-drop on the drop zone.
+     */
+    noDrag?: boolean;
+    /**
+     * Custom content for the select files button.
+     */
+    selectFilesButton?: ReactNode;
+    /**
+     * Accessible label for the dropzone root element.
+     * When disabled, `aria-disabled` is also set so assistive tech
+     * can still identify the dropzone and its state.
+     */
+    ariaLabel?: string;
+}
+export interface DropzoneState {
+    acceptedFiles: File[];
+    fileRejections: FileRejection[];
+}
+export interface DropzoneState {
+    acceptedFiles: File[];
+    fileRejections: FileRejection[];
+}
+declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropzone;
+//# sourceMappingURL=Dropzone.d.ts.map

package/dist/cjs/molecules/Dropzone/Dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,EAAe,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAmB7E,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,IAAI,EAAE,CAAA;IACrB,cAAc,EAAE,aAAa,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,IAAI,EAAE,CAAA;IACrB,cAAc,EAAE,aAAa,EAAE,CAAA;CAChC;AAED,QAAA,MAAM,QAAQ,sFA4IZ,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/cjs/molecules/Dropzone/Dropzone.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dropzone_1 = require("react-dropzone");
+/**
+ * Merges multiple refs (object refs and callback refs) into a single callback ref.
+ */
+function mergeRefs(...refs) {
+    return (instance) => {
+        for (const ref of refs) {
+            if (typeof ref === 'function') {
+                ref(instance);
+            }
+            else if (ref && typeof ref === 'object') {
+                ;
+                ref.current = instance;
+            }
+        }
+    };
+}
+const Dropzone = (0, react_1.forwardRef)(function Dropzone({ icon, testId = 'fs-dropzone', children, onFilesAccepted, onFilesRejected, maxFiles = 0, maxSize, minSize, accept, multiple = true, disabled = false, dragActiveText, text, noClick = false, noKeyboard = false, noDrag = false, selectFilesButton = null, ariaLabel, ...otherProps }, ref) {
+    const onDrop = (0, react_1.useCallback)((acceptedFiles) => {
+        if (onFilesAccepted && acceptedFiles.length > 0) {
+            onFilesAccepted(acceptedFiles);
+        }
+    }, [onFilesAccepted]);
+    const onDropRejected = (0, react_1.useCallback)((fileRejections) => {
+        if (onFilesRejected && fileRejections.length > 0) {
+            onFilesRejected(fileRejections);
+        }
+    }, [onFilesRejected]);
+    const { getRootProps, getInputProps, isDragActive, isDragAccept, isDragReject, acceptedFiles, fileRejections, } = (0, react_dropzone_1.useDropzone)({
+        onDrop,
+        onDropRejected,
+        accept,
+        maxFiles,
+        maxSize,
+        minSize,
+        multiple,
+        disabled,
+        noClick,
+        noKeyboard,
+        noDrag,
+    });
+    const rootProps = getRootProps();
+    const mergedRef = mergeRefs(ref, rootProps.ref);
+    const accessibilityProps = ariaLabel
+        ? disabled
+            ? {
+                role: 'button',
+                'aria-label': ariaLabel,
+                'aria-disabled': true,
+            }
+            : {
+                role: 'button',
+                'aria-label': ariaLabel,
+            }
+        : {};
+    return (react_1.default.createElement("div", { "data-fs-dropzone": true, "data-fs-dropzone-drag-active": isDragActive, "data-fs-dropzone-drag-accept": isDragAccept, "data-fs-dropzone-drag-reject": isDragReject, "data-fs-dropzone-disabled": disabled, "data-testid": testId, ...rootProps, ...accessibilityProps, ...otherProps, ref: mergedRef },
+        react_1.default.createElement("input", { ...getInputProps() }),
+        icon && react_1.default.createElement("div", { "data-fs-dropzone-icon": true }, icon),
+        react_1.default.createElement("div", { "data-fs-dropzone-content": true },
+            isDragActive ? (react_1.default.createElement("p", { "data-fs-dropzone-text": true }, dragActiveText)) : (react_1.default.createElement(react_1.default.Fragment, null, children || react_1.default.createElement("p", { "data-fs-dropzone-text": true }, text))),
+            selectFilesButton && !noClick && !disabled && selectFilesButton),
+        acceptedFiles.length > 0 && (react_1.default.createElement("div", { "data-fs-dropzone-files": true },
+            react_1.default.createElement("ul", null, acceptedFiles.map((file, index) => (react_1.default.createElement("li", { key: index, "data-fs-dropzone-file": true },
+                file.name,
+                " - ",
+                file.size,
+                " bytes")))))),
+        fileRejections.length > 0 && (react_1.default.createElement("div", { "data-fs-dropzone-errors": true },
+            react_1.default.createElement("ul", null, fileRejections.map((fileRejection, index) => {
+                const { file, errors } = fileRejection;
+                return (react_1.default.createElement("li", { key: index, "data-fs-dropzone-error": true },
+                    file.name,
+                    " -",
+                    ' ',
+                    errors
+                        .map((e) => e.message)
+                        .join(', ')));
+            }))))));
+});
+exports.default = Dropzone;
+//# sourceMappingURL=Dropzone.js.map

package/dist/cjs/molecules/Dropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../../src/molecules/Dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/molecules/Dropzone/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Dropzone';
+export type { DropzoneProps, DropzoneState } from './Dropzone';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/molecules/Dropzone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Dropzone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/cjs/molecules/Dropzone/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Dropzone_1 = require("./Dropzone");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Dropzone_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/molecules/Dropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/Dropzone/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAoC;AAA3B,oHAAA,OAAO,OAAA"}

package/dist/cjs/molecules/FileUploadCard/FileUploadCard.d.ts

@@ -0,0 +1,113 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { FileUploadErrorType } from '../FileUploadStatus/FileUploadStatus';
+export interface FileUploadCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onDrop'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Controls whether the component is visible.
+     */
+    isOpen: boolean;
+    /**
+     * Callback function when the component should be closed.
+     */
+    onDismiss?: () => void;
+    /**
+     * Callback function when a file is selected.
+     */
+    onFileSelect?: (files: File[]) => void;
+    /**
+     * Callback function when download template is clicked.
+     */
+    onDownloadTemplate?: () => void;
+    /**
+     * Callback function when search button is clicked after file upload.
+     */
+    onSearch?: (file: File) => void;
+    /**
+     * Accepted file types.
+     * @default '.csv'
+     */
+    accept?: string;
+    /**
+     * Allow multiple file selection.
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Card title (e.g. from CMS).
+     */
+    title: string;
+    /**
+     * Aria-label for the file input (e.g. from CMS).
+     */
+    fileInputAriaLabel: string;
+    /**
+     * Aria-label for the dropzone region (e.g. from CMS).
+     */
+    dropzoneAriaLabel: string;
+    /**
+     * Dropzone title text (e.g. from CMS).
+     */
+    dropzoneTitle: string;
+    /**
+     * Label for the select file button (e.g. from CMS).
+     */
+    selectFileButtonLabel: string;
+    /**
+     * Label for the download template button (e.g. from CMS).
+     */
+    downloadTemplateButtonLabel: string;
+    /**
+     * Aria-label for the remove button in FileUploadStatus (e.g. from CMS).
+     */
+    removeButtonAriaLabel: string;
+    /**
+     * Label for the search button in FileUploadStatus (e.g. from CMS).
+     */
+    searchButtonLabel: string;
+    /**
+     * Status text when uploading in FileUploadStatus (e.g. from CMS).
+     */
+    uploadingStatusText: string;
+    /**
+     * Status text when completed in FileUploadStatus (e.g. from CMS). Receives file size in bytes.
+     */
+    getCompletedStatusText: (fileSize: number) => string;
+    /**
+     * Error messages per error type for FileUploadStatus (e.g. from CMS).
+     */
+    errorMessages: Partial<Record<FileUploadErrorType, {
+        title: string;
+        description: string;
+    }>>;
+    /**
+     * Formatter for file size display.
+     */
+    formatterFileSize?: (size: number) => string;
+    /**
+     * Formatter for file name display.
+     */
+    formatterFileName?: (name: string) => string;
+    /**
+     * Indicates if the file is being uploaded.
+     */
+    isUploading?: boolean;
+    /**
+     * Indicates if there was an error during file upload.
+     */
+    hasError?: boolean;
+    /**
+     * Type of error when hasError is true.
+     */
+    errorType?: FileUploadErrorType;
+    /**
+     * Custom error message to display when hasError is true.
+     */
+    errorMessage?: string;
+}
+declare const FileUploadCard: ({ testId, isOpen, onDismiss, onFileSelect, onDownloadTemplate, onSearch, accept, multiple, title, fileInputAriaLabel, dropzoneAriaLabel, dropzoneTitle, selectFileButtonLabel, downloadTemplateButtonLabel, removeButtonAriaLabel, searchButtonLabel, uploadingStatusText, getCompletedStatusText, errorMessages, formatterFileSize, formatterFileName, isUploading, hasError, errorType: errorTypeProp, errorMessage, ...otherProps }: FileUploadCardProps) => React.JSX.Element;
+export default FileUploadCard;
+//# sourceMappingURL=FileUploadCard.d.ts.map

package/dist/cjs/molecules/FileUploadCard/FileUploadCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadCard.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadCard/FileUploadCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAsC,MAAM,OAAO,CAAA;AAI1D,OAAyB,EACvB,mBAAmB,EAEpB,MAAM,sCAAsC,CAAA;AAE7C,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAA;IACnC;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD;;OAEG;IACH,aAAa,EAAE,OAAO,CACpB,MAAM,CAAC,mBAAmB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CACpE,CAAA;IACD;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,cAAc,2aA2BjB,mBAAmB,sBAkQrB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/cjs/molecules/FileUploadCard/FileUploadCard.js

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const hooks_1 = require("../../hooks");
+const FileUploadStatus_1 = tslib_1.__importStar(require("../FileUploadStatus/FileUploadStatus"));
+const FileUploadCard = ({ testId = 'fs-file-upload-card', isOpen, onDismiss, onFileSelect, onDownloadTemplate, onSearch, accept = '.csv', multiple = false, title, fileInputAriaLabel, dropzoneAriaLabel, dropzoneTitle, selectFileButtonLabel, downloadTemplateButtonLabel, removeButtonAriaLabel, searchButtonLabel, uploadingStatusText, getCompletedStatusText, errorMessages, formatterFileSize, formatterFileName, isUploading = false, hasError = false, errorType: errorTypeProp, errorMessage, ...otherProps }) => {
+    const fileInputRef = (0, react_1.useRef)(null);
+    const containerRef = (0, react_1.useRef)(null);
+    const [dragActive, setDragActive] = (0, react_1.useState)(false);
+    const [selectedFile, setSelectedFile] = (0, react_1.useState)(null);
+    const [uploadState, setUploadState] = (0, react_1.useState)(FileUploadStatus_1.FileUploadState.Uploading);
+    const [errorType, setErrorType] = (0, react_1.useState)(undefined);
+    (0, hooks_1.useOnClickOutside)(isOpen ? containerRef : undefined, () => {
+        if (isOpen) {
+            onDismiss?.();
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onDismiss?.();
+            }
+        };
+        window.addEventListener('keydown', handleEscape);
+        return () => window.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onDismiss]);
+    (0, react_1.useEffect)(() => {
+        if (!selectedFile)
+            return;
+        if (hasError) {
+            setUploadState(FileUploadStatus_1.FileUploadState.Error);
+            setErrorType(errorTypeProp ?? FileUploadStatus_1.FileUploadErrorType.InvalidStructure);
+            return;
+        }
+        if (isUploading) {
+            setUploadState(FileUploadStatus_1.FileUploadState.Uploading);
+            setErrorType(undefined);
+            return;
+        }
+        setUploadState(FileUploadStatus_1.FileUploadState.Completed);
+        setErrorType(undefined);
+    }, [hasError, selectedFile, isUploading, errorTypeProp]);
+    const isValidFileType = (file) => {
+        const fileName = file.name.toLowerCase();
+        const acceptedTypes = accept
+            .split(',')
+            .map((value) => value.trim().toLowerCase())
+            .filter(Boolean);
+        if (acceptedTypes.length === 0) {
+            return fileName.endsWith('.csv');
+        }
+        return acceptedTypes.some((value) => value.startsWith('.')
+            ? fileName.endsWith(value)
+            : file.type.toLowerCase() === value);
+    };
+    const handleFileChange = (e) => {
+        const files = Array.from(e.target.files || []);
+        if (files.length > 0) {
+            const file = files[0];
+            setSelectedFile(file);
+            if (!isValidFileType(file)) {
+                setUploadState(FileUploadStatus_1.FileUploadState.Error);
+                setErrorType(FileUploadStatus_1.FileUploadErrorType.Unsupported);
+                return;
+            }
+            setErrorType(undefined);
+            if (isUploading) {
+                setUploadState(FileUploadStatus_1.FileUploadState.Uploading);
+            }
+            else {
+                setUploadState(FileUploadStatus_1.FileUploadState.Completed);
+            }
+            if (onFileSelect) {
+                onFileSelect(files);
+            }
+        }
+    };
+    const handleDrag = (e) => {
+        if (!isOpen)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.type === 'dragenter' || e.type === 'dragover') {
+            setDragActive(true);
+        }
+        else if (e.type === 'dragleave') {
+            setDragActive(false);
+        }
+    };
+    const handleDrop = (e) => {
+        if (!isOpen)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+        if (e.dataTransfer.files && e.dataTransfer.files[0]) {
+            const files = Array.from(e.dataTransfer.files);
+            const file = files[0];
+            setSelectedFile(file);
+            if (!isValidFileType(file)) {
+                setUploadState(FileUploadStatus_1.FileUploadState.Error);
+                setErrorType(FileUploadStatus_1.FileUploadErrorType.Unsupported);
+                return;
+            }
+            setErrorType(undefined);
+            if (isUploading) {
+                setUploadState(FileUploadStatus_1.FileUploadState.Uploading);
+            }
+            else {
+                setUploadState(FileUploadStatus_1.FileUploadState.Completed);
+            }
+            if (onFileSelect) {
+                onFileSelect(files);
+            }
+        }
+    };
+    const triggerFileInput = () => {
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+        fileInputRef.current?.click();
+    };
+    const handleDownloadTemplate = () => {
+        if (onDownloadTemplate) {
+            onDownloadTemplate();
+        }
+        else {
+            const csvContent = 'SKU,Quantity\nAB001,2\nAB100,5\nAB999,49';
+            const blob = new Blob([csvContent], { type: 'text/csv' });
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = 'template.csv';
+            a.click();
+            window.URL.revokeObjectURL(url);
+        }
+    };
+    const handleRemoveFile = () => {
+        setSelectedFile(null);
+        setUploadState(FileUploadStatus_1.FileUploadState.Uploading);
+        setErrorType(undefined);
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+    };
+    const handleSearch = () => {
+        if (selectedFile && onSearch) {
+            onSearch(selectedFile);
+        }
+    };
+    return (react_1.default.createElement(__1.Card, { ref: containerRef, title: title, "data-fs-file-upload-card": true, "data-fs-file-upload-card-open": isOpen, "data-fs-file-upload-card-has-file": selectedFile !== null, testId: testId, "aria-hidden": !isOpen, ...otherProps },
+        react_1.default.createElement(__1.Input, { ref: fileInputRef, type: "file", onChange: handleFileChange, accept: accept, multiple: multiple, style: { display: 'none' }, "aria-label": fileInputAriaLabel }),
+        selectedFile ? (react_1.default.createElement(FileUploadStatus_1.default, { file: selectedFile, state: uploadState, errorType: errorTypeProp ?? errorType, errorMessages: errorMessages, errorMessage: errorMessage, onRemove: handleRemoveFile, onSearch: handleSearch, onDownloadTemplate: handleDownloadTemplate, onSelectFile: triggerFileInput, removeButtonAriaLabel: removeButtonAriaLabel, searchButtonLabel: searchButtonLabel, downloadTemplateButtonLabel: downloadTemplateButtonLabel, selectFileButtonLabel: selectFileButtonLabel, uploadingStatusText: uploadingStatusText, completedStatusText: getCompletedStatusText(selectedFile.size), fileName: formatterFileName
+                ? formatterFileName(selectedFile.name)
+                : selectedFile.name })) : (react_1.default.createElement("div", { "data-fs-file-upload-card-dropzone": true, "data-fs-file-upload-card-dragging": dragActive, onDragEnter: handleDrag, onDragLeave: handleDrag, onDragOver: handleDrag, onDrop: handleDrop, role: "region", "aria-label": dropzoneAriaLabel },
+            react_1.default.createElement("div", { "data-fs-file-upload-card-icon": true },
+                react_1.default.createElement("div", { "data-fs-file-upload-card-icon-shadow": true }),
+                react_1.default.createElement("div", { "data-fs-file-upload-card-icon-wrapper": true },
+                    react_1.default.createElement(__1.Icon, { name: "Paperclip", width: 24, height: 32 })),
+                react_1.default.createElement("div", { "data-fs-file-upload-card-icon-badge": true },
+                    react_1.default.createElement(__1.Icon, { name: "Plus", width: 16, height: 16 }))),
+            react_1.default.createElement("p", { "data-fs-file-upload-card-title": true }, dropzoneTitle),
+            react_1.default.createElement(__1.Button, { variant: "secondary", size: "regular", onClick: triggerFileInput, "data-fs-file-upload-card-select-button": true }, selectFileButtonLabel),
+            react_1.default.createElement(__1.Button, { type: "button", onClick: handleDownloadTemplate, "data-fs-file-upload-card-template-link": true }, downloadTemplateButtonLabel)))));
+};
+exports.default = FileUploadCard;
+//# sourceMappingURL=FileUploadCard.js.map

package/dist/cjs/molecules/FileUploadCard/FileUploadCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadCard.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadCard/FileUploadCard.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/molecules/FileUploadCard/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './FileUploadCard';
+export type { FileUploadCardProps } from './FileUploadCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/molecules/FileUploadCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/cjs/molecules/FileUploadCard/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileUploadCard_1 = require("./FileUploadCard");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileUploadCard_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/molecules/FileUploadCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadCard/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA0C;AAAjC,0HAAA,OAAO,OAAA"}

package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.d.ts

@@ -0,0 +1,93 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export declare enum FileUploadState {
+    Uploading = "uploading",
+    Completed = "completed",
+    Error = "error"
+}
+export declare enum FileUploadErrorType {
+    Unexpected = "unexpected",
+    Unsupported = "unsupported",
+    Unreadable = "unreadable",
+    InvalidStructure = "invalid-structure",
+    Empty = "empty",
+    TooLarge = "too-large",
+    NoProductsFound = "no-products-found"
+}
+export interface FileUploadStatusProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The file being uploaded.
+     */
+    file: File;
+    /**
+     * Current upload state.
+     * @default 'uploading'
+     */
+    state?: FileUploadState;
+    /**
+     * Type of error when state is 'error'.
+     */
+    errorType?: FileUploadErrorType;
+    /**
+     * Custom error message. If provided, overrides the default error message for the errorType.
+     */
+    errorMessage?: string;
+    /**
+     * Callback when the remove/cancel button is clicked.
+     */
+    onRemove?: () => void;
+    /**
+     * Callback when the search button is clicked (only shown when state is 'completed').
+     */
+    onSearch?: () => void;
+    /**
+     * Callback when download template is clicked (only shown when state is 'error').
+     */
+    onDownloadTemplate?: () => void;
+    /**
+     * Callback when select file is clicked (only shown when state is 'error').
+     */
+    onSelectFile?: () => void;
+    /**
+     * Aria-label for the remove button (e.g. from CMS).
+     */
+    removeButtonAriaLabel: string;
+    /**
+     * Label for the search button when state is 'completed' (e.g. from CMS).
+     */
+    searchButtonLabel: string;
+    /**
+     * Label for the download template button (e.g. from CMS).
+     */
+    downloadTemplateButtonLabel: string;
+    /**
+     * Label for the select file button (e.g. from CMS).
+     */
+    selectFileButtonLabel: string;
+    /**
+     * Error messages per error type (e.g. from CMS). Required when state is Error to show messages.
+     */
+    errorMessages: Partial<Record<FileUploadErrorType, {
+        title: string;
+        description: string;
+    }>>;
+    /**
+     * Status text when state is Uploading (e.g. from CMS).
+     */
+    uploadingStatusText: string;
+    /**
+     * Status text when state is Completed (e.g. from CMS). May include file size.
+     */
+    completedStatusText: string;
+    /**
+     * Custom file name display (optional).
+     */
+    fileName?: string;
+}
+declare const FileUploadStatus: ({ testId, file, state, errorType, errorMessage, onRemove, onSearch, onDownloadTemplate, onSelectFile, removeButtonAriaLabel, searchButtonLabel, downloadTemplateButtonLabel, selectFileButtonLabel, errorMessages, uploadingStatusText, completedStatusText, fileName, ...otherProps }: FileUploadStatusProps) => React.JSX.Element;
+export default FileUploadStatus;
+//# sourceMappingURL=FileUploadStatus.d.ts.map

package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/FileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,KAAK,UAAU;CAChB;AAED,oBAAY,mBAAmB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,gBAAgB,sBAAsB;IACtC,KAAK,UAAU;IACf,QAAQ,cAAc;IACtB,eAAe,sBAAsB;CACtC;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAA;IACnC;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,aAAa,EAAE,OAAO,CACpB,MAAM,CAAC,mBAAmB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CACpE,CAAA;IACD;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,gBAAgB,2RAmBnB,qBAAqB,sBA6IvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}