@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

package/build/components/ErrorBoundary/ErrorBoundary.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import AppError from './AppError';
-export class ErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error('React Error Boundary:', {
-            message: error.message,
-            stack: error.stack,
-            componentStack: errorInfo.componentStack,
-        });
-    }
-    render() {
-        if (this.state.hasError) {
-            return _jsx(AppError, {});
-        }
-        return this.props.children;
-    }
-}

package/build/components/ErrorBoundary/style.js

@@ -1,19 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { DialogButton } from '../ConfirmDialog/styles';
-export const AppErrorWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '16px',
-    padding: '16px',
-}));
-export const Text = styled(Box)(({ theme }) => ({
-    fontWeight: 500,
-    color: theme.palette.text.primary,
-    fontSize: '14px',
-}));
-export const RefreshButton = styled(DialogButton)(() => ({
-    alignSelf: 'end',
-}));

package/build/components/ErrorToast/ErrorToast.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { reloadIcon } from '../../constants/index.js';
-import { ToastContainer, ToastIcon, ToastText } from './style';
-function ErrorToast({ message = 'Something went wrong', onRetry, position = 'bottom-center', iconSrc }) {
-    return (_jsxs(ToastContainer, Object.assign({ toastPosition: position }, { children: [_jsx(ToastText, { children: message }), _jsx(ToastIcon, { onClick: (e) => onRetry === null || onRetry === void 0 ? void 0 : onRetry(e), src: iconSrc || reloadIcon, alt: "toast-icon" })] })));
-}
-export default ErrorToast;

package/build/components/ErrorToast/style.js

@@ -1,33 +0,0 @@
-import { Box, styled, Typography } from '@mui/material';
-export const ToastContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'toastPosition',
-})(({ theme, toastPosition }) => (Object.assign(Object.assign(Object.assign(Object.assign({ width: 160, position: 'absolute', bottom: 12, zIndex: 1000, display: 'flex', justifyContent: 'space-between', alignItems: 'center', backgroundColor: theme.palette.background.paper, height: 31, gap: theme.spacing(1), borderRadius: theme.shape.borderRadius, borderWidth: 1, padding: theme.spacing(1), border: `1px solid ${theme.palette.divider}`, boxShadow: '0px 0px 16px 0px #00000014', animation: 'slideIn 0.5s ease-out' }, (toastPosition === 'bottom-center' && {
-    left: '50%',
-    transform: 'translateX(-50%)',
-})), (toastPosition === 'bottom-right' && {
-    right: 12,
-    transform: 'none',
-})), (toastPosition === 'bottom-left' && {
-    left: 12,
-    transform: 'none',
-})), { '@keyframes slideIn': {
-        '0%': {
-            opacity: 0,
-            transform: toastPosition === 'bottom-center' ? 'translate(-50%, 100%)' : toastPosition === 'bottom-right' ? 'translateX(100%)' : 'translateX(-100%)',
-        },
-        '100%': {
-            opacity: 1,
-            transform: toastPosition === 'bottom-center' ? 'translate(-50%, 0)' : 'translateX(0)',
-        },
-    } })));
-export const ToastIcon = styled('img')({
-    cursor: 'pointer',
-});
-export const ToastText = styled(Typography)(({ theme }) => ({
-    fontSize: 11,
-    fontWeight: 500,
-    color: theme.palette.text.primary,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-}));

package/build/components/ErrorToast/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/ExpandableSideBar/ExpandableSideBar.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo } from 'react';
-import { SideBar, Content, SubMenuLink, MenuHeader } from './style';
-import AccordionAdapter from '../AccordionAdapter';
-function ExpandableSideBar({ sections, isMaximized, onClick, activeSection, activeSubSection }) {
-    var _a, _b, _c, _d;
-    const currentActiveSection = activeSection || ((_a = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _a === void 0 ? void 0 : _a.id);
-    const currentActiveSubSection = activeSubSection || ((_d = (_c = (_b = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _b === void 0 ? void 0 : _b.subSections) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.id);
-    return (_jsx(SideBar, Object.assign({ isMaximized: isMaximized }, { children: _jsx(Content, { children: sections === null || sections === void 0 ? void 0 : sections.map((s) => {
-                var _a;
-                return (_jsx(AccordionAdapter, Object.assign({ defaultExpanded: currentActiveSection === s.id, summarySx: {
-                        padding: 0,
-                        minHeight: 0,
-                        marginBottom: '4px',
-                        borderRadius: '4px !important',
-                        '& .MuiAccordionSummary-content': {
-                            margin: '0 !important',
-                        },
-                    }, sx: {
-                        background: 'transparent',
-                        border: 'none !important',
-                        '&.MuiAccordion-root': {
-                            borderRadius: '4px !important',
-                        },
-                    }, Header: _jsx(MenuHeader, Object.assign({ onClick: () => {
-                            var _a, _b;
-                            onClick === null || onClick === void 0 ? void 0 : onClick(s.id, (_b = (_a = s.subSections) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id);
-                        }, isActive: currentActiveSection === s.id }, { children: s.title }), s.id) }, { children: _jsx(_Fragment, { children: (_a = s.subSections) === null || _a === void 0 ? void 0 : _a.map((ss) => {
-                            return (_jsx(SubMenuLink, Object.assign({ onClick: () => {
-                                    onClick === null || onClick === void 0 ? void 0 : onClick(s.id, ss.id);
-                                }, isActive: currentActiveSubSection === ss.id }, { children: ss.title }), `${s.id}-${ss.id}`));
-                        }) }) }), `${s.id}`));
-            }) }) })));
-}
-export default memo(ExpandableSideBar);

package/build/components/ExpandableSideBar/constant.js

@@ -1 +0,0 @@
-export const TITLE_BAR_HEIGHT = '32px';

package/build/components/ExpandableSideBar/style.js

@@ -1,47 +0,0 @@
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { LEFT_SIDEBAR } from '../AppWindowWrapper';
-import { TITLE_BAR_HEIGHT } from './constant';
-export const SideBar = styled(Box, {
-    shouldForwardProp: (props) => props !== 'isMaximized',
-})(({ theme, isMaximized }) => ({
-    background: alpha(theme.palette.common.white, 0.7),
-    backdropFilter: 'blur(8px)',
-    width: LEFT_SIDEBAR,
-    position: 'sticky',
-    padding: '16px 8px',
-    paddingTop: isMaximized ? TITLE_BAR_HEIGHT : '16px',
-    height: '100%',
-    overflow: 'auto',
-}));
-export const Content = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-}));
-export const SubMenuLink = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => ({
-    background: isActive ? 'linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)' : 'transparent',
-    borderRadius: '4px',
-    padding: '4px 8px',
-    color: isActive ? theme.palette.common.white : theme.palette.text.primary,
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: '4px',
-    cursor: 'pointer',
-    fontWeight: 600,
-}));
-export const MenuHeader = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => ({
-    background: isActive ? '#FFFFFF' : 'transparent',
-    borderRadius: '4px',
-    padding: '4px 8px',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: '4px',
-    cursor: 'pointer',
-    fontWeight: 600,
-}));

package/build/components/ExpandableSideBar/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/FileInputPreview/FileInputPreview.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import { useDropzone } from 'react-dropzone';
-import { useTranslation } from 'react-i18next';
-import { pdfIcon } from '../../constants/index.js';
-import { readableFileSize } from '../../utils/index.js';
-import { FilePreview, FileUploader } from '../index.js';
-import { Wrapper, Title } from './style';
-import { isDuplicateFile } from './utils';
-function FileInputPreview({ options, error, files, label, disabled, hideUpload = false, preventDuplicates, onChangeFiles, onRemoveFile, renderBrandLogo, renderOpenFileInNewTab, }) {
-    const { t } = useTranslation();
-    const [duplicateError, setDuplicateError] = useState(null);
-    const { getRootProps, getInputProps, open, isDragReject, fileRejections } = useDropzone(options);
-    const maxFileSize = readableFileSize((options === null || options === void 0 ? void 0 : options.maxSize) || 0, 0).toUpperCase();
-    const errorMessage = useMemo(() => {
-        const rejectedTypeFiles = fileRejections.length && fileRejections[0].errors.some((file) => file.code === 'file-invalid-type');
-        const rejectedFileSize = fileRejections.length && fileRejections[0].errors.some((file) => file.code === 'file-too-large');
-        if (isDragReject || rejectedTypeFiles)
-            return t('invalidFileType');
-        if (rejectedFileSize)
-            return `File is larger than ${maxFileSize}`;
-        if (duplicateError)
-            return duplicateError;
-        return error;
-    }, [isDragReject, error, fileRejections, duplicateError, t, maxFileSize]);
-    const getFilePreview = (file) => {
-        return file.type.includes('image') ? URL.createObjectURL(file) : file.name.includes('.pdf') ? pdfIcon : file.name;
-    };
-    const processFiles = (newFilesList) => {
-        setDuplicateError(null);
-        if (!preventDuplicates) {
-            return newFilesList.map((file) => ({ file, id: file.name }));
-        }
-        const { duplicates, uniqueFiles } = newFilesList.reduce((acc, file) => {
-            if (isDuplicateFile(file, files)) {
-                acc.duplicates.push(file.name);
-            }
-            else {
-                acc.uniqueFiles.push({ file, id: file.name });
-            }
-            return acc;
-        }, { duplicates: [], uniqueFiles: [] });
-        if (duplicates.length > 0) {
-            const fileText = duplicates.length === 1 ? 'file' : 'files';
-            setDuplicateError(`Duplicate ${fileText} detected: ${duplicates.join(', ')}`);
-        }
-        return uniqueFiles;
-    };
-    return (_jsxs(Wrapper, { children: [_jsx(Title, { children: label }), _jsx(FilePreview, { files: files, onRemoveFile: onRemoveFile, disabled: disabled, getFilePreview: getFilePreview, renderBrandLogo: renderBrandLogo, renderOpenFileInNewTab: renderOpenFileInNewTab }), !disabled && !hideUpload && (_jsx(FileUploader, { getRootProps: getRootProps, getInputProps: getInputProps, open: open, onChangeFiles: onChangeFiles, processFiles: processFiles, disabled: disabled, errorMessage: errorMessage, maxFileSize: maxFileSize, preventDuplicates: preventDuplicates }))] }));
-}
-export default memo(FileInputPreview);

package/build/components/FileInputPreview/style.js

@@ -1,20 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { Text } from '../index.js';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    gap: '8px',
-    padding: '8px',
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-    background: theme.palette.common.white,
-}));
-export const Title = styled(Text)(({ theme }) => ({
-    color: theme.palette.grey[700],
-    fontSize: '10px',
-    fontWeight: 500,
-    marginBottom: '8px',
-    margin: 0,
-}));

package/build/components/FileInputPreview/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/FileInputPreview/utils.js

@@ -1,14 +0,0 @@
-import { isFile } from '../../utils/index.js';
-export const areFilesEqual = (file1, file2) => {
-    return file1.name === file2.name && file1.size === file2.size;
-};
-export const isDuplicateFile = (newFile, existingFiles) => {
-    if (!(existingFiles === null || existingFiles === void 0 ? void 0 : existingFiles.length))
-        return false;
-    return existingFiles.some((existingFile) => {
-        if (!isFile(existingFile)) {
-            return existingFile.name === newFile.name;
-        }
-        return areFilesEqual(existingFile.file, newFile);
-    });
-};

package/build/components/FilePreview/FilePreview.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { closeXIcon } from '../../constants/index.js';
-import { isFile } from '../../utils/index.js';
-import { FileItem, FileWrapper, Content, Upload, TextWrapper, FileIconWrapper, CloseIconWrapper } from './style';
-const FilePreview = ({ files, disabled, sx, onRemoveFile, getFilePreview, renderBrandLogo, renderOpenFileInNewTab }) => {
-    return (_jsx(_Fragment, { children: files === null || files === void 0 ? void 0 : files.map((f, index) => {
-            const filePreview = isFile(f) ? getFilePreview(f.file) : null;
-            const isPdf = isFile(f) && f.file.type.includes('application/pdf');
-            const file = isFile(f) ? f.file : f;
-            return (_jsx(FileItem, Object.assign({ sx: sx }, { children: _jsxs(FileWrapper, Object.assign({ "data-slot": "file-wrapper" }, { children: [_jsxs(Content, Object.assign({ "data-slot": "file-Content" }, { children: [_jsx(FileIconWrapper, Object.assign({ "data-slot": "file-icon-wrapper" }, { children: isFile(f) && filePreview ? (_jsx(Box, { component: "img", src: filePreview, width: 24, height: 24, sx: { borderRadius: '50%', objectFit: isPdf ? 'none' : 'cover' }, onError: (e) => {
-                                            e.currentTarget.src = file.name; // Fallback or alternative logic
-                                        } })) : (renderBrandLogo === null || renderBrandLogo === void 0 ? void 0 : renderBrandLogo(file.id)) })), _jsxs(TextWrapper, Object.assign({ "data-slot": "text-wrapper" }, { children: [_jsx(Upload, Object.assign({ "data-slot": "filename" }, { children: file.name })), !isFile(f) && !filePreview && (renderOpenFileInNewTab === null || renderOpenFileInNewTab === void 0 ? void 0 : renderOpenFileInNewTab(file.id))] }))] })), !disabled && (_jsx(CloseIconWrapper, Object.assign({ "data-slot": "close-icon-wrapper", onClick: () => {
-                                onRemoveFile === null || onRemoveFile === void 0 ? void 0 : onRemoveFile(f);
-                            } }, { children: _jsx(Box, { component: "img", src: closeXIcon, width: 10, height: 10 }) })))] })) }), index));
-        }) }));
-};
-export default FilePreview;

package/build/components/FilePreview/style.js

@@ -1,55 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const FileItem = styled(Box)(({ theme }) => ({
-    width: '100%',
-    borderRadius: '4px',
-    padding: '4px 8px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    background: theme.palette.grey[400],
-    gap: '8px',
-}));
-export const FileWrapper = styled(Box)(() => ({
-    width: '100%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    gap: '8px',
-}));
-export const Content = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    color: theme.palette.text.primary,
-    cursor: 'pointer',
-    gap: '8px',
-}));
-export const Upload = styled('span')(({ theme }) => ({
-    fontWeight: 500,
-    color: theme.palette.text.primary,
-    cursor: 'pointer',
-    fontSize: '8px',
-}));
-export const TextWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-    gap: '4px',
-    color: theme.palette.text.primary,
-}));
-export const FileIconWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    background: theme.palette.common.white,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-}));
-export const CloseIconWrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-}));

package/build/components/FilePreview/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/FileUpload/FileUpload.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useEffect, useMemo, useState } from 'react';
-import Box from '@mui/material/Box';
-import { useDropzone } from 'react-dropzone';
-import { useTranslation } from 'react-i18next';
-import Icon from '../Icon';
-import { blueCircleCheckIcon, redVerifyIcon, trashBinIcon, uploadBlueIcon } from '../../constants/index.js';
-import { readableFileSize } from '../../utils/index.js';
-import { Wrapper, Title, Format, FileUploader, Content, Upload, TextWrapper, Maximum, UploadAgain, StyledButton, SendBulkContainer } from './style';
-import CircularProgressWithLabel from '../CircularProgressWithLabel';
-import Button from '../Button/StyledButton';
-function FileUpload({ accept, footer, options, isCreateLoading, progress, error, subtitleComponent, isSuccess: isUploadSuccess, onConfirm, isSendDisabled, }) {
-    const { t } = useTranslation();
-    const [selectedFiles, setSelectedFiles] = useState([]);
-    const { getRootProps, getInputProps, open, acceptedFiles, isDragReject, fileRejections } = useDropzone(options);
-    useEffect(() => {
-        setSelectedFiles(acceptedFiles);
-    }, [acceptedFiles]);
-    const maxFileSize = readableFileSize((options === null || options === void 0 ? void 0 : options.maxSize) || 0, 0).toUpperCase();
-    const errorMessage = useMemo(() => {
-        const rejectedTypeFiles = fileRejections.length && fileRejections[0].errors.some((file) => file.code === 'file-invalid-type');
-        const rejectedFileSize = fileRejections.length && fileRejections[0].errors.some((file) => file.code === 'file-too-large');
-        if (isDragReject || rejectedTypeFiles)
-            return t('invalidFileType');
-        if (rejectedFileSize)
-            return `File is larger than ${maxFileSize}`;
-        return error;
-    }, [isDragReject, error, fileRejections]);
-    if (isUploadSuccess && selectedFiles.length && !isCreateLoading) {
-        return (_jsxs(Wrapper, { children: [_jsxs(Box, { children: [_jsx(Title, { children: "File uploaded" }), subtitleComponent] }), _jsx(FileUploader, { children: _jsxs(Content, { children: [isUploadSuccess && _jsx(Box, { component: "img", src: blueCircleCheckIcon, width: 56, height: 56 }), _jsxs(TextWrapper, Object.assign({ sx: { fontWeight: 600 } }, { children: [_jsx(Box, { children: selectedFiles[0].name }), _jsx(Maximum, { children: readableFileSize(selectedFiles[0].size) })] }))] }) }), _jsxs(SendBulkContainer, { children: [_jsx(Button, Object.assign({ onClick: () => {
-                                setSelectedFiles([]);
-                            } }, { children: _jsx(Icon, { src: trashBinIcon, alt: "delete", sx: { width: 14, height: 14 } }) })), _jsx(StyledButton, Object.assign({ disabled: isSendDisabled, onClick: () => {
-                                onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(selectedFiles);
-                            } }, { children: "Bulk Send" }))] })] }));
-    }
-    if (isCreateLoading && selectedFiles.length) {
-        return (_jsxs(Wrapper, { children: [_jsxs(Box, { children: [_jsx(Title, { children: t('uploading') }), _jsx(Format, { children: t('wait') }), subtitleComponent] }), _jsx(FileUploader, { children: _jsxs(Content, { children: [isCreateLoading && _jsx(CircularProgressWithLabel, { size: 56, value: progress }), _jsxs(TextWrapper, Object.assign({ sx: { fontWeight: 600 } }, { children: [_jsx(Box, { children: selectedFiles[0].name }), _jsx(Maximum, { children: readableFileSize(selectedFiles[0].size) })] }))] }) }), footer && footer] }));
-    }
-    return (_jsxs(Wrapper, { children: [_jsxs(Box, { children: [_jsx(Title, Object.assign({ isError: !!errorMessage }, { children: errorMessage || t('uploadBulkFile') })), !!errorMessage && _jsx(Format, { children: "Supported formats: xls, xlxs" }), subtitleComponent] }), _jsxs(FileUploader, Object.assign({}, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps())), _jsxs(Content, { children: [_jsx(Box, { component: "img", src: errorMessage ? redVerifyIcon : uploadBlueIcon, width: 56, height: 56 }), errorMessage ? (_jsx(_Fragment, { children: _jsx(UploadAgain, Object.assign({ onClick: open }, { children: t('uploadAgain') })) })) : (_jsxs(TextWrapper, { children: [_jsxs(Box, { children: [_jsx(Upload, Object.assign({ onClick: open }, { children: "Click to upload" })), " or drag and drop"] }), _jsxs(Maximum, { children: ["Maximum file size ", maxFileSize] }), accept && _jsx(Format, { children: t('supportedFormats', { accept }) })] }))] })] })), footer && footer] }));
-}
-export default memo(FileUpload);

package/build/components/FileUpload/style.js

@@ -1,106 +0,0 @@
-import { Button } from '@mui/material';
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../Text';
-export const Wrapper = styled(Box)(() => ({
-    textAlign: 'center',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center',
-    gap: '32px',
-}));
-export const Title = styled(Text, { shouldForwardProp: (props) => props !== 'isError' })(({ theme, isError }) => ({
-    color: isError ? '#FF2000' : theme.palette.text.primary,
-    fontSize: '18px',
-    fontWeight: 600,
-    lineHeight: '20px',
-    marginBottom: '8px',
-}));
-export const UploadAgain = styled(Box)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    fontSize: '12px',
-    fontWeight: 500,
-    lineHeight: '20px',
-    padding: '4px 12px',
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-    background: theme.palette.common.white,
-    cursor: 'pointer',
-}));
-export const Format = styled(Text)(({ theme }) => ({
-    color: alpha(theme.palette.text.primary, 0.7),
-    fontSize: '12px',
-    fontWeight: 500,
-    lineHeight: '20px',
-}));
-export const FileUploader = styled(Box)(({ theme }) => ({
-    width: 431,
-    height: 176,
-    border: `1px dashed ${theme.palette.secondary.light}`,
-    borderRadius: '8px',
-    padding: '24px 0',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const Content = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '24px',
-    color: theme.palette.text.primary,
-    fontSize: '14px',
-    lineHeight: '20px',
-    cursor: 'default',
-}));
-export const Upload = styled('span')(() => ({
-    fontWeight: 600,
-    textDecorationLine: 'underline',
-    cursor: 'pointer',
-}));
-export const TextWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '8px',
-    color: theme.palette.text.primary,
-}));
-export const Maximum = styled(Box)(({ theme }) => ({
-    color: alpha(theme.palette.text.primary, 0.7),
-    fontSize: '12px',
-    fontWeight: 500,
-    lineHeight: '20px',
-}));
-export const StyledButton = styled(Button)(({ theme, disabled }) => ({
-    borderRadius: '4px',
-    minWidth: '105px',
-    background: disabled ? alpha(theme.palette.info.dark, 0.4) : theme.palette.info.dark,
-    color: theme.palette.common.white,
-    padding: '4px 8px',
-    fontSize: '9px',
-    fontWeight: 600,
-    height: '32px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    textTransform: 'none',
-    '&:hover': {
-        background: theme.palette.info.dark,
-        opacity: 0.8,
-    },
-    '&.Mui-disabled': {
-        color: theme.palette.common.white,
-    },
-}));
-export const SendBulkContainer = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: '6px',
-    boxShadow: '0px 4px 40px 0px rgba(0, 0, 0, 0.19)',
-    borderRadius: '4px',
-}));

package/build/components/FileUploader/FileUploader.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { redVerifyIcon, uploadBlueIcon } from '../../constants/index.js';
-import { Content, ErrorMessage, StyledFileUploader, IconWrapper, Maximum, TextWrapper, Upload } from './style';
-const FileUploader = ({ getRootProps, getInputProps, open, onChangeFiles, processFiles, disabled, errorMessage, maxFileSize, preventDuplicates, label = 'Click to upload', hintText, sx, }) => {
-    return (_jsxs(StyledFileUploader, Object.assign({}, getRootProps(), { sx: sx, onClick: open }, { children: [_jsx("input", Object.assign({ "data-slot": "input" }, getInputProps(), { onChange: (e) => {
-                    const processedFiles = processFiles(Array.from(e.target.files || []));
-                    if (processedFiles.length > 0 || !preventDuplicates) {
-                        onChangeFiles(processedFiles);
-                    }
-                }, disabled: disabled })), _jsxs(Content, Object.assign({ "data-slot": "content" }, { children: [_jsx(IconWrapper, Object.assign({ "data-slot": "icon-wrapper" }, { children: _jsx(Box, { component: "img", src: errorMessage ? redVerifyIcon : uploadBlueIcon, width: 16, height: 16 }) })), errorMessage ? (_jsxs(TextWrapper, { children: [_jsx(ErrorMessage, { children: errorMessage }), _jsx(Upload, { children: "Click to upload again" })] })) : (_jsxs(TextWrapper, { children: [_jsx(Upload, { children: label }), _jsx(Maximum, { children: hintText || `PDF, JPG or PNG files up to ${maxFileSize}` })] }))] }))] })));
-};
-export default FileUploader;

package/build/components/FileUploader/style.js

@@ -1,55 +0,0 @@
-import { Box } from '@mui/material';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../Text';
-export const StyledFileUploader = styled(Box)(({ theme }) => ({
-    width: '100%',
-    borderRadius: '4px',
-    padding: '4px 8px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    background: theme.palette.grey[400],
-    gap: '8px',
-    cursor: 'pointer',
-}));
-export const Content = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    color: theme.palette.text.primary,
-    cursor: 'pointer',
-    gap: '8px',
-}));
-export const Upload = styled('span')(({ theme }) => ({
-    fontWeight: 500,
-    color: theme.palette.text.primary,
-    cursor: 'pointer',
-    fontSize: '9px',
-}));
-export const TextWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-    gap: '4px',
-    color: theme.palette.text.primary,
-}));
-export const Maximum = styled(Box)(({ theme }) => ({
-    color: alpha(theme.palette.text.primary, 0.3),
-    fontSize: '8px',
-    fontWeight: 500,
-}));
-export const IconWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: '8px',
-    background: theme.palette.common.white,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-}));
-export const ErrorMessage = styled(Text)(({ theme }) => ({
-    color: theme.palette.error.main,
-    fontSize: '8px',
-    fontWeight: 500,
-}));

package/build/components/FileUploader/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/FilterDropdown/FilterDropdown.js

@@ -1,58 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import Box from '@mui/material/Box';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { useTranslation } from 'react-i18next';
-import { StyledMenu as Menu } from './style';
-import { darkFilterIcon } from '../../constants/index.js';
-import { CustomBackdrop } from '../index.js';
-import { CancelButton, FilterButton, Footer, OkayButton, TitleStyled } from './style';
-export default function FilterDropdown(_a) {
-    var { onConfirm, onCancel, isOkayButDisabled, children, isDisabled, icon, title, menuStyle, hideTitle = false, renderButton, onOpenChange, menuProps } = _a, props = __rest(_a, ["onConfirm", "onCancel", "isOkayButDisabled", "children", "isDisabled", "icon", "title", "menuStyle", "hideTitle", "renderButton", "onOpenChange", "menuProps"]);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const { t } = useTranslation();
-    const onOpen = (e) => {
-        if (isDisabled)
-            return;
-        if (!open) {
-            setAnchorEl(e.currentTarget);
-            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
-            return;
-        }
-        onClose();
-    };
-    const onClose = () => {
-        setAnchorEl(null);
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
-        onCancel();
-    };
-    const handleCancel = () => {
-        if (!open)
-            return;
-        onCancel();
-        onClose();
-    };
-    const handleConfirm = () => {
-        onConfirm();
-        onClose();
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCancel }, { children: _jsxs(Box, Object.assign({}, props, { children: [_jsx(FilterButton, Object.assign({ className: "filter-button", isActive: open, onClick: onOpen, sx: Object.assign({}, (isDisabled && Object.assign({ pointerEvents: 'none', opacity: 0.5 }, props.sx))) }, { children: renderButton !== null && renderButton !== void 0 ? renderButton : _jsx(Box, { component: "img", src: icon !== null && icon !== void 0 ? icon : darkFilterIcon, alt: "filter" }) })), _jsxs(Menu, Object.assign({ anchorEl: anchorEl, open: open, onClose: handleCancel, anchorOrigin: {
-                        vertical: 'bottom',
-                        horizontal: 'right',
-                    }, transformOrigin: {
-                        vertical: 'top',
-                        horizontal: 'right',
-                    }, sx: Object.assign({ marginTop: '8px', marginBottom: '8px', width: 193 }, menuStyle) }, menuProps, { children: [!hideTitle && _jsx(TitleStyled, Object.assign({ component: "span" }, { children: title !== null && title !== void 0 ? title : t('filterBy') })), children, _jsxs(Footer, { children: [_jsx(CancelButton, Object.assign({ onClick: handleCancel }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ disabled: isOkayButDisabled, onClick: handleConfirm }, { children: t('okay') }))] })] })), open && _jsx(CustomBackdrop, { onClick: onClose })] })) })));
-}