@faststore/components 3.98.0-dev.3 → 3.98.0

package/dist/esm/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/esm/molecules/Dropzone/index.js

@@ -0,0 +1,2 @@
+export { default } from './Dropzone';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/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/esm/molecules/FileUploadCard/FileUploadCard.js

@@ -0,0 +1,166 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Button, Card, Icon, Input } from '../..';
+import { useOnClickOutside } from '../../hooks';
+import FileUploadStatus, { FileUploadErrorType, FileUploadState, } from '../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 = useRef(null);
+    const containerRef = useRef(null);
+    const [dragActive, setDragActive] = useState(false);
+    const [selectedFile, setSelectedFile] = useState(null);
+    const [uploadState, setUploadState] = useState(FileUploadState.Uploading);
+    const [errorType, setErrorType] = useState(undefined);
+    useOnClickOutside(isOpen ? containerRef : undefined, () => {
+        if (isOpen) {
+            onDismiss?.();
+        }
+    });
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onDismiss?.();
+            }
+        };
+        window.addEventListener('keydown', handleEscape);
+        return () => window.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onDismiss]);
+    useEffect(() => {
+        if (!selectedFile)
+            return;
+        if (hasError) {
+            setUploadState(FileUploadState.Error);
+            setErrorType(errorTypeProp ?? FileUploadErrorType.InvalidStructure);
+            return;
+        }
+        if (isUploading) {
+            setUploadState(FileUploadState.Uploading);
+            setErrorType(undefined);
+            return;
+        }
+        setUploadState(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(FileUploadState.Error);
+                setErrorType(FileUploadErrorType.Unsupported);
+                return;
+            }
+            setErrorType(undefined);
+            if (isUploading) {
+                setUploadState(FileUploadState.Uploading);
+            }
+            else {
+                setUploadState(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(FileUploadState.Error);
+                setErrorType(FileUploadErrorType.Unsupported);
+                return;
+            }
+            setErrorType(undefined);
+            if (isUploading) {
+                setUploadState(FileUploadState.Uploading);
+            }
+            else {
+                setUploadState(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(FileUploadState.Uploading);
+        setErrorType(undefined);
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+    };
+    const handleSearch = () => {
+        if (selectedFile && onSearch) {
+            onSearch(selectedFile);
+        }
+    };
+    return (React.createElement(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.createElement(Input, { ref: fileInputRef, type: "file", onChange: handleFileChange, accept: accept, multiple: multiple, style: { display: 'none' }, "aria-label": fileInputAriaLabel }),
+        selectedFile ? (React.createElement(FileUploadStatus, { 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.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.createElement("div", { "data-fs-file-upload-card-icon": true },
+                React.createElement("div", { "data-fs-file-upload-card-icon-shadow": true }),
+                React.createElement("div", { "data-fs-file-upload-card-icon-wrapper": true },
+                    React.createElement(Icon, { name: "Paperclip", width: 24, height: 32 })),
+                React.createElement("div", { "data-fs-file-upload-card-icon-badge": true },
+                    React.createElement(Icon, { name: "Plus", width: 16, height: 16 }))),
+            React.createElement("p", { "data-fs-file-upload-card-title": true }, dropzoneTitle),
+            React.createElement(Button, { variant: "secondary", size: "regular", onClick: triggerFileInput, "data-fs-file-upload-card-select-button": true }, selectFileButtonLabel),
+            React.createElement(Button, { type: "button", onClick: handleDownloadTemplate, "data-fs-file-upload-card-template-link": true }, downloadTemplateButtonLabel)))));
+};
+export default FileUploadCard;
+//# sourceMappingURL=FileUploadCard.js.map

package/dist/esm/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/esm/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/esm/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/esm/molecules/FileUploadCard/index.js

@@ -0,0 +1,2 @@
+export { default } from './FileUploadCard';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/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"}

package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { Button, Icon } from '../..';
+export var FileUploadState;
+(function (FileUploadState) {
+    FileUploadState["Uploading"] = "uploading";
+    FileUploadState["Completed"] = "completed";
+    FileUploadState["Error"] = "error";
+})(FileUploadState || (FileUploadState = {}));
+export var FileUploadErrorType;
+(function (FileUploadErrorType) {
+    FileUploadErrorType["Unexpected"] = "unexpected";
+    FileUploadErrorType["Unsupported"] = "unsupported";
+    FileUploadErrorType["Unreadable"] = "unreadable";
+    FileUploadErrorType["InvalidStructure"] = "invalid-structure";
+    FileUploadErrorType["Empty"] = "empty";
+    FileUploadErrorType["TooLarge"] = "too-large";
+    FileUploadErrorType["NoProductsFound"] = "no-products-found";
+})(FileUploadErrorType || (FileUploadErrorType = {}));
+const FileUploadStatus = ({ testId = 'fs-file-upload-status', file, state = FileUploadState.Uploading, errorType, errorMessage, onRemove, onSearch, onDownloadTemplate, onSelectFile, removeButtonAriaLabel, searchButtonLabel, downloadTemplateButtonLabel, selectFileButtonLabel, errorMessages, uploadingStatusText, completedStatusText, fileName, ...otherProps }) => {
+    const getErrorMessage = () => {
+        if (errorMessage) {
+            return { title: errorMessage, description: '' };
+        }
+        if (errorType && errorMessages?.[errorType]) {
+            return errorMessages[errorType];
+        }
+        return (errorMessages?.[FileUploadErrorType.Unexpected] ?? {
+            title: '',
+            description: '',
+        });
+    };
+    const getStatusText = () => {
+        switch (state) {
+            case FileUploadState.Uploading:
+                return uploadingStatusText;
+            case FileUploadState.Completed:
+                return completedStatusText;
+            default:
+                return '';
+        }
+    };
+    const getIcon = () => {
+        switch (state) {
+            case FileUploadState.Uploading:
+                return (React.createElement("div", { "data-fs-file-upload-status-icon-loading": true },
+                    React.createElement(Icon, { name: "CircleNotch", width: 24, height: 24, strokeWidth: 5 })));
+            case FileUploadState.Completed:
+                return (React.createElement("div", { "data-fs-file-upload-status-icon-completed": true },
+                    React.createElement(Icon, { name: "Table", width: 24, height: 24, strokeWidth: 5 })));
+            case FileUploadState.Error:
+                return (React.createElement("div", { "data-fs-file-upload-status-icon-error": true },
+                    React.createElement(Icon, { name: "WarningOctagon", width: 24, height: 24, strokeWidth: 5 })));
+            default:
+                return null;
+        }
+    };
+    return (React.createElement("div", { "data-fs-file-upload-status": true, "data-fs-file-upload-status-state": state, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-file-upload-status-file-info": true, "data-fs-file-upload-state": state },
+            React.createElement("div", { "data-fs-file-upload-status-icon": true }, getIcon()),
+            React.createElement("div", { "data-fs-file-upload-status-details": true }, state === FileUploadState.Error ? (React.createElement(React.Fragment, null,
+                React.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().title),
+                React.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().description))) : (React.createElement(React.Fragment, null,
+                React.createElement("p", { "data-fs-file-upload-status-filename": true }, fileName ?? file.name),
+                React.createElement("p", { "data-fs-file-upload-status-text": true }, getStatusText())))),
+            onRemove && (React.createElement(Button, { type: "button", onClick: onRemove, "data-fs-file-upload-status-remove": true, "aria-label": removeButtonAriaLabel },
+                React.createElement(Icon, { name: "X", width: 16, height: 16 })))),
+        state === FileUploadState.Completed && onSearch && (React.createElement(Button, { type: "button", variant: "primary", size: "regular", onClick: onSearch, "data-fs-file-upload-status-search-button": true }, searchButtonLabel)),
+        state === FileUploadState.Error && (React.createElement("div", { "data-fs-file-upload-status-error-actions": true },
+            onDownloadTemplate && (React.createElement(Button, { type: "button", variant: "secondary", size: "regular", onClick: onDownloadTemplate, "data-fs-file-upload-status-download-button": true }, downloadTemplateButtonLabel)),
+            onSelectFile && (React.createElement(Button, { type: "button", variant: "primary", size: "regular", onClick: onSelectFile, "data-fs-file-upload-status-select-button": true }, selectFileButtonLabel))))));
+};
+export default FileUploadStatus;
+//# sourceMappingURL=FileUploadStatus.js.map

package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.js.map

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

package/dist/esm/molecules/FileUploadStatus/index.d.ts

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

package/dist/esm/molecules/FileUploadStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/esm/molecules/FileUploadStatus/index.js

@@ -0,0 +1,2 @@
+export { default, FileUploadState, FileUploadErrorType, } from './FileUploadStatus';
+//# sourceMappingURL=index.js.map

package/dist/esm/molecules/FileUploadStatus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAA"}

package/dist/esm/molecules/SearchInputField/SearchInputField.d.ts

@@ -20,7 +20,29 @@ export interface SearchInputFieldProps extends InputProps {
      */
     buttonIcon?: ReactNode;
     /**
-     * Custom aria-label for input and button.
+     * Whether to show the attachment button.
+     * @default false
+     */
+    showAttachmentButton?: boolean;
+    /**
+     * Props for the paperclip button inside the input.
+     */
+    attachmentButtonProps?: ButtonProps;
+    /**
+     * Aria-label for the attachment button (e.g. from CMS).
+     */
+    attachmentButtonAriaLabel?: string;
+    /**
+     * Aria-label for the submit button (e.g. from CMS).
+     */
+    submitButtonAriaLabel?: string;
+    /**
+     * A React component that will be rendered as an icon (attachment button).
+     * @default <Icon name="Paperclip" />
+     */
+    attachmentButtonIcon?: ReactNode;
+    /**
+     * Aria-label for the search input (e.g. from CMS).
      */
     'aria-label'?: AriaAttributes['aria-label'];
     /**

package/dist/esm/molecules/SearchInputField/SearchInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,0GAqDpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,WAAW,CAAA;IACnC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,0GA+EpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/esm/molecules/SearchInputField/SearchInputField.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { Icon, IconButton, Input } from '../..';
-const SearchInputField = forwardRef(function SearchInputField({ onSubmit, buttonIcon, 'aria-label': ariaLabel = 'search', testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
+const SearchInputField = forwardRef(function SearchInputField({ onSubmit, buttonIcon, showAttachmentButton = false, attachmentButtonAriaLabel, attachmentButtonIcon, attachmentButtonProps, submitButtonAriaLabel, 'aria-label': ariaLabel, testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
     const inputRef = useRef(null);
     const formRef = useRef(null);
     const handleSubmit = (event) => {
@@ -13,9 +13,14 @@ const SearchInputField = forwardRef(function SearchInputField({ onSubmit, button
         inputRef: inputRef.current,
         formRef: formRef.current,
     }));
-    return (React.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
-        React.createElement(Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
-        React.createElement(IconButton, { type: "submit", "aria-label": "Submit Search", icon: buttonIcon ?? React.createElement(Icon, { name: "MagnifyingGlass" }), size: "small", ...buttonProps })));
+    return (React.createElement("div", { "data-fs-search-input-field-wrapper": true },
+        React.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+            React.createElement(Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
+            React.createElement("div", { "data-fs-search-input-field-actions": true },
+                showAttachmentButton && (React.createElement(React.Fragment, null,
+                    React.createElement(IconButton, { type: "button", "aria-label": attachmentButtonAriaLabel, icon: attachmentButtonIcon ?? React.createElement(Icon, { name: "Paperclip" }), size: "small", "data-fs-search-input-field-attachment-button": true, ...attachmentButtonProps }),
+                    React.createElement("span", { "data-fs-search-input-field-separator": true }))),
+                React.createElement(IconButton, { type: "submit", "aria-label": submitButtonAriaLabel, icon: buttonIcon ?? React.createElement(Icon, { name: "MagnifyingGlass" }), size: "small", "data-fs-search-input-field-submit-button": true, ...buttonProps })))));
 });
 export default SearchInputField;
 //# sourceMappingURL=SearchInputField.js.map

package/dist/esm/molecules/SearchInputField/SearchInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAqC/C,MAAM,gBAAgB,GAAG,UAAU,CAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;QACF,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACF,eAAe,EAC1B,IAAI,EAAE,UAAU,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,KACR,WAAW,GACf,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AA4D/C,MAAM,gBAAgB,GAAG,UAAU,CAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EAAE,SAAS,EACvB,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL;QACE,8BACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;YAEb,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;YAEF;gBACG,oBAAoB,IAAI,CACvB;oBACE,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,yBAAyB,EACrC,IAAI,EAAE,oBAAoB,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EACvD,IAAI,EAAC,OAAO,2DAER,qBAAqB,GACzB;oBAEF,6EAA6C,CAC5C,CACJ;gBAED,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,qBAAqB,EACjC,IAAI,EAAE,UAAU,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,uDAER,WAAW,GACf,CACE,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts

@@ -0,0 +1,24 @@
+import React, { type PropsWithChildren } from 'react';
+import type { OverlayProps } from '../../atoms/Overlay';
+import { type QuickOrderDrawerProviderProps } from './provider/QuickOrderDrawerProvider';
+export type QuickOrderDrawerProps = {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Controls the state
+     */
+    isOpen: boolean;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Props forwarded to the `QuickOrderDrawerProvider` component.
+     */
+    providerProps?: Omit<QuickOrderDrawerProviderProps, 'children'>;
+};
+declare const QuickOrderDrawer: ({ testId, isOpen, overlayProps, providerProps, children, }: PropsWithChildren<QuickOrderDrawerProps>) => React.JSX.Element;
+export default QuickOrderDrawer;
+//# sourceMappingURL=QuickOrderDrawer.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawer.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIvD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,qCAAqC,CAAA;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAA;CAChE,CAAA;AAED,QAAA,MAAM,gBAAgB,+DAMnB,kBAAkB,qBAAqB,CAAC,sBAiB1C,CAAA;AAED,eAAe,gBAAgB,CAAA"}