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

package/build/components/TableHeader/TableView/utils/layoutTransform.js

@@ -1,71 +0,0 @@
-export const isDateColumn = (name) => name.toLowerCase() === 'date';
-export const transformLayoutToColumns = (layout, lang = 'en') => {
-    const columns = [];
-    layout.forEach((section) => {
-        section.columns.forEach((col) => {
-            var _a, _b, _c, _d;
-            const label = ((_a = col.name.find((n) => n.lang === lang)) === null || _a === void 0 ? void 0 : _a.text) || ((_b = col.name[0]) === null || _b === void 0 ? void 0 : _b.text) || col.code;
-            const menuItems = ((_c = col.fields) === null || _c === void 0 ? void 0 : _c.length)
-                ? col.fields.map((field) => {
-                    var _a, _b;
-                    return ({
-                        name: field.code,
-                        label: ((_a = field.name.find((n) => n.lang === lang || n.lang === '')) === null || _a === void 0 ? void 0 : _a.text) || field.code,
-                        selected: (_b = field.default) !== null && _b !== void 0 ? _b : false,
-                    });
-                })
-                : undefined;
-            columns.push({
-                name: col.code,
-                label,
-                selected: isDateColumn(col.code) ? true : (_d = col.default) !== null && _d !== void 0 ? _d : false,
-                menuItems: (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) ? menuItems : undefined,
-            });
-        });
-    });
-    return columns;
-};
-export const getColumnsByMode = (mode, layoutData) => {
-    if (!(layoutData === null || layoutData === void 0 ? void 0 : layoutData.length))
-        return [];
-    const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
-    const section = layoutData.find((s) => s.code.toLowerCase() === sectionCode);
-    return section ? transformLayoutToColumns([section]) : [];
-};
-export const convertColumnsToLayoutSection = (columns, mode, lang = 'en') => {
-    const columnItems = columns.map((col, index) => {
-        var _a, _b;
-        const fieldItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((field) => {
-            var _a;
-            return ({
-                code: field.name,
-                name: [{ text: typeof field.label === 'string' ? field.label : field.name, lang: lang || '' }],
-                default: (_a = field.selected) !== null && _a !== void 0 ? _a : false,
-            });
-        });
-        const columnLabel = typeof col.label === 'string' ? col.label : col.name;
-        return Object.assign({ code: col.name, name: [{ text: columnLabel, lang }], order: index + 1, default: (_b = col.selected) !== null && _b !== void 0 ? _b : false }, ((fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.length) ? { fields: fieldItems } : {}));
-    });
-    const sectionCode = mode === 'sheet' ? 'Sheet' : 'Advanced';
-    return { code: sectionCode, columns: columnItems };
-};
-export const mapColumnsToLayoutSection = (columns, mode, lang = 'en') => convertColumnsToLayoutSection(columns, mode, lang);
-export const getLayoutDataFromTemplates = (templates) => {
-    const sectionsMap = new Map();
-    templates.forEach((template) => {
-        template.layout.forEach((section) => {
-            const existing = sectionsMap.get(section.code);
-            if (existing) {
-                const codes = new Set(existing.columns.map((c) => c.code));
-                section.columns.forEach((col) => {
-                    if (!codes.has(col.code))
-                        existing.columns.push(col);
-                });
-            }
-            else {
-                sectionsMap.set(section.code, Object.assign(Object.assign({}, section), { columns: [...section.columns] }));
-            }
-        });
-    });
-    return Array.from(sectionsMap.values());
-};

package/build/components/TableHeader/TableView/utils/templateState.js

@@ -1,27 +0,0 @@
-export function replaceTemplateInList(prev, match, replacement) {
-    const idx = prev.findIndex(match);
-    if (idx === -1)
-        return prev;
-    const next = [...prev];
-    next[idx] = replacement;
-    return next;
-}
-export function updateCurrentTemplate(template, editData) {
-    var _a, _b, _c, _d;
-    const name = (_b = (_a = editData === null || editData === void 0 ? void 0 : editData.name) !== null && _a !== void 0 ? _a : template === null || template === void 0 ? void 0 : template.name) !== null && _b !== void 0 ? _b : '';
-    const rawLayout = editData === null || editData === void 0 ? void 0 : editData.layout;
-    const editedSection = Array.isArray(rawLayout) ? rawLayout[0] : rawLayout !== null && rawLayout !== void 0 ? rawLayout : null;
-    const existingLayout = (_c = template === null || template === void 0 ? void 0 : template.layout) !== null && _c !== void 0 ? _c : [];
-    const mergedLayout = [...existingLayout];
-    if (editedSection) {
-        const sectionCode = (_d = editedSection.code) === null || _d === void 0 ? void 0 : _d.toLowerCase();
-        const existingIndex = mergedLayout.findIndex((s) => { var _a; return ((_a = s.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === sectionCode; });
-        if (existingIndex >= 0) {
-            mergedLayout[existingIndex] = editedSection;
-        }
-        else {
-            mergedLayout.push(editedSection);
-        }
-    }
-    return { name, layout: mergedLayout };
-}

package/build/components/TableHeader/TableView/utils/templateToColumnsView.js

@@ -1,153 +0,0 @@
-export function getSubmenuFromTemplateLayout(template, tableMode, lang = 'en') {
-    var _a, _b;
-    if (!((_a = template === null || template === void 0 ? void 0 : template.layout) === null || _a === void 0 ? void 0 : _a.length))
-        return [];
-    const sectionCode = tableMode === 'sheet' ? 'sheet' : 'advanced';
-    const section = template.layout.find((s) => { var _a; return ((_a = s.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === sectionCode; });
-    if (!((_b = section === null || section === void 0 ? void 0 : section.columns) === null || _b === void 0 ? void 0 : _b.length))
-        return [];
-    const columns = section.columns.map((col) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const label = ((_b = (_a = col.name) === null || _a === void 0 ? void 0 : _a.find((n) => n.lang === lang)) === null || _b === void 0 ? void 0 : _b.text) || ((_d = (_c = col.name) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.text) || col.code;
-        const menuItems = ((_e = col.fields) === null || _e === void 0 ? void 0 : _e.length)
-            ? col.fields.map((field) => {
-                var _a, _b, _c;
-                return ({
-                    name: field.code,
-                    label: ((_b = (_a = field.name) === null || _a === void 0 ? void 0 : _a.find((n) => n.lang === lang || n.lang === '')) === null || _b === void 0 ? void 0 : _b.text) || field.code,
-                    selected: (_c = field.default) !== null && _c !== void 0 ? _c : false,
-                });
-            })
-            : undefined;
-        return Object.assign({ name: col.code, label, selected: ((_f = col.code) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === 'date' ? true : (_g = col.default) !== null && _g !== void 0 ? _g : false }, (menuItems && menuItems.length > 0 && { menuItems }));
-    });
-    const hasDate = columns.some((c) => { var _a; return ((_a = c.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'date'; });
-    return hasDate ? columns : [{ name: 'date', label: 'Date', selected: true }, ...columns];
-}
-export const getColumnOrder = (col) => {
-    const o = col === null || col === void 0 ? void 0 : col.order;
-    if (o == null)
-        return 999;
-    const n = Number(o);
-    return Number.isFinite(n) ? n : 999;
-};
-export function handleTemplateUpdate(template) {
-    var _a, _b;
-    return Object.assign(Object.assign({}, template), { layout: (_b = (_a = template.layout) === null || _a === void 0 ? void 0 : _a.map((section) => {
-            var _a;
-            return (Object.assign(Object.assign({}, section), { columns: [...((_a = section.columns) !== null && _a !== void 0 ? _a : [])] }));
-        })) !== null && _b !== void 0 ? _b : [] });
-}
-export function templateToViewMenuItem(template, tableMode) {
-    var _a;
-    const layout = (_a = template.layout) === null || _a === void 0 ? void 0 : _a.map((section) => {
-        var _a;
-        return (Object.assign(Object.assign({}, section), { columns: [...((_a = section.columns) !== null && _a !== void 0 ? _a : [])].sort((a, b) => getColumnOrder(a) - getColumnOrder(b)) }));
-    });
-    const submenu = getSubmenuFromTemplateLayout(template, tableMode);
-    return {
-        id: template.id,
-        label: template.name,
-        layout,
-        submenu,
-        columns: submenu.map((c) => c.name),
-        isCustom: true,
-        default: template.default,
-    };
-}
-export const convertTemplateToColumnsView = (template, tableMode) => {
-    if (!template) {
-        return [];
-    }
-    const templateWithSubmenu = template;
-    if (template.layout && Array.isArray(template.layout) && template.layout.length > 0) {
-        const modeCode = tableMode === 'default' ? 'Advanced' : 'Sheet';
-        const layoutForMode = template.layout.find((layout) => {
-            var _a;
-            const layoutCode = (_a = layout.code) === null || _a === void 0 ? void 0 : _a.trim();
-            return layoutCode === modeCode || (layoutCode === null || layoutCode === void 0 ? void 0 : layoutCode.toLowerCase()) === modeCode.toLowerCase();
-        }) ||
-            template.layout.find((layout) => {
-                var _a, _b;
-                const layoutCode = (_b = (_a = layout.code) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-                if (tableMode === 'default') {
-                    return layoutCode === 'default' || layoutCode === 'advanced';
-                }
-                else {
-                    return layoutCode === 'sheet' || layoutCode === 'sheets';
-                }
-            });
-        if (layoutForMode && layoutForMode.columns && layoutForMode.columns.length > 0) {
-            const templateColumnsView = layoutForMode.columns
-                .map((templateCol) => {
-                var _a, _b, _c, _d;
-                const hasFields = !!((_a = templateCol.fields) === null || _a === void 0 ? void 0 : _a.length);
-                const anyFieldDefault = hasFields && templateCol.fields.some((f) => { var _a; return (_a = f.default) !== null && _a !== void 0 ? _a : false; });
-                const parentSelected = ((_b = templateCol.default) !== null && _b !== void 0 ? _b : false) || anyFieldDefault;
-                return {
-                    code: templateCol.code,
-                    name: templateCol.name && templateCol.name.length > 0 ? templateCol.name : [{ text: templateCol.code, lang: 'en' }],
-                    selected: parentSelected,
-                    sort_order: getColumnOrder(templateCol),
-                    fields: ((_c = templateCol.fields) === null || _c === void 0 ? void 0 : _c.map((field) => {
-                        var _a;
-                        return ({
-                            code: field.code.toLowerCase(),
-                            type: 'single',
-                            parameters: [{ parameter: field.code.toLowerCase(), code: field.code.toLowerCase(), selected: (_a = field.default) !== null && _a !== void 0 ? _a : false }],
-                        });
-                    })) || [
-                        {
-                            code: templateCol.code.toLowerCase(),
-                            type: 'single',
-                            parameters: [
-                                { parameter: templateCol.code.toLowerCase(), code: templateCol.code.toLowerCase(), selected: (_d = templateCol.default) !== null && _d !== void 0 ? _d : false },
-                            ],
-                        },
-                    ],
-                };
-            })
-                .sort((a, b) => { var _a, _b; return ((_a = a.sort_order) !== null && _a !== void 0 ? _a : 999) - ((_b = b.sort_order) !== null && _b !== void 0 ? _b : 999); });
-            return templateColumnsView;
-        }
-    }
-    if (templateWithSubmenu.submenu && Array.isArray(templateWithSubmenu.submenu) && templateWithSubmenu.submenu.length > 0) {
-        const templateColumnsView = templateWithSubmenu.submenu.map((submenuItem, index) => {
-            const columnCode = submenuItem.name.toLowerCase();
-            let selectedMenuItems;
-            if (submenuItem.menuItems && submenuItem.menuItems.length > 0) {
-                selectedMenuItems = submenuItem.menuItems.filter((item) => item.selected);
-            }
-            else {
-                selectedMenuItems = [{ name: columnCode, label: submenuItem.label || submenuItem.name, selected: true }];
-            }
-            const parameters = selectedMenuItems.length > 0
-                ? selectedMenuItems.map((menuItem) => ({
-                    parameter: menuItem.name.toLowerCase(),
-                    code: menuItem.name.toLowerCase(),
-                }))
-                : [{ parameter: columnCode, code: columnCode }];
-            const fieldType = selectedMenuItems.length > 1 ? 'combined' : 'single';
-            const result = {
-                code: submenuItem.name,
-                name: [{ text: submenuItem.label || submenuItem.name, lang: 'en' }],
-                selected: submenuItem.selected,
-                sort_order: index + 1,
-                fields: [{ code: columnCode, type: fieldType, parameters }],
-            };
-            return result;
-        });
-        return templateColumnsView;
-    }
-    return [];
-};
-export const convertTemplatesToColumnsView = (templates, tableMode) => {
-    if (!templates || !Array.isArray(templates) || templates.length === 0) {
-        return [];
-    }
-    const defaultTemplate = (templates === null || templates === void 0 ? void 0 : templates.find((t) => t.default)) || templates[0];
-    if (!defaultTemplate) {
-        return [];
-    }
-    return convertTemplateToColumnsView(defaultTemplate, tableMode);
-};

package/build/components/TableHeader/TableView/utils/viewMenu.js

@@ -1,90 +0,0 @@
-import { INDEX_COLUMN_CONFIG, DATE_COLUMN_CONFIG } from '../constants';
-import { transformLayoutToColumns } from './layoutTransform';
-export const createCustomViewMenuItem = (name, selectedColumns, isDefault = false) => ({
-    label: name,
-    id: `custom_${Date.now()}`,
-    columns: selectedColumns.map((c) => c.name),
-    submenu: selectedColumns,
-    isCustom: true,
-    default: isDefault,
-});
-export const setViewAsDefault = (views, viewId) => views.map((v) => (Object.assign(Object.assign({}, v), { default: v.id === viewId })));
-export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lang = 'en') => {
-    const customViews = [];
-    let defaultTemplateColumns;
-    let defaultTemplate;
-    templates.forEach((template) => {
-        const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
-        const section = template.layout.find((s) => s.code.toLowerCase() === sectionCode);
-        const columns = section ? transformLayoutToColumns([section], lang) : [];
-        const viewId = template.id;
-        const indexColumn = INDEX_COLUMN_CONFIG;
-        const dateColumn = DATE_COLUMN_CONFIG;
-        const withDate = columns.some((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'date'; }) ? columns : [dateColumn, ...columns];
-        const dateIndex = withDate.findIndex((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'date'; });
-        const withDateFirst = dateIndex > 0 ? [withDate[dateIndex], ...withDate.filter((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'date'; })] : withDate;
-        const withoutIndex = withDateFirst.filter((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'index'; });
-        const finalColumns = [indexColumn, ...withoutIndex];
-        const item = {
-            id: template.default ? 'default' : viewId,
-            label: template.name,
-            isCustom: !template.default,
-            default: !!template.default,
-            columns: finalColumns.map((c) => c.name),
-            submenu: finalColumns,
-        };
-        if (template.default) {
-            defaultTemplateColumns = finalColumns;
-            defaultTemplate = item;
-        }
-        else {
-            customViews.push(item);
-        }
-    });
-    return { customViews, defaultTemplateColumns, defaultTemplate };
-};
-export const mapTemplatesToMenuItems = (templates, mode = 'sheet', lang = 'en') => {
-    const { customViews, defaultTemplate } = transformTemplatesToViewMenuItems(templates, mode, lang);
-    const allItems = defaultTemplate ? [defaultTemplate, ...customViews] : customViews;
-    return { menuItems: customViews, defaultItem: defaultTemplate, allItems };
-};
-export const getSubmenuItems = (item, defaultColumns) => {
-    var _a, _b;
-    let columns = [];
-    if (item.isCustom && ((_a = item.submenu) === null || _a === void 0 ? void 0 : _a.length)) {
-        columns = item.submenu;
-    }
-    else if (item.id === 'default') {
-        columns = defaultColumns;
-    }
-    else {
-        columns = (_b = item.submenu) !== null && _b !== void 0 ? _b : [];
-    }
-    const indexColumn = INDEX_COLUMN_CONFIG;
-    const hasDate = columns.some((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'date'; });
-    if (!hasDate) {
-        const dateColumn = {
-            name: 'date',
-            label: 'Date',
-            selected: true,
-        };
-        return [indexColumn, dateColumn, ...columns];
-    }
-    const dateIndex = columns.findIndex((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'date'; });
-    const dateCol = dateIndex >= 0 ? columns[dateIndex] : { name: 'date', label: 'Date', selected: true };
-    const rest = columns.filter((c) => { var _a, _b; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'date' && ((_b = c.name) !== null && _b !== void 0 ? _b : '').toLowerCase() !== 'index'; });
-    const withDateFirst = [dateCol, ...rest];
-    const hasIndex = withDateFirst.some((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'index'; });
-    const indexInList = withDateFirst.findIndex((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'index'; });
-    if (hasIndex && indexInList > 0) {
-        const indexCol = withDateFirst[indexInList];
-        const restWithoutIndex = withDateFirst.filter((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'index'; });
-        return [indexCol, ...restWithoutIndex];
-    }
-    if (hasIndex && indexInList === 0)
-        return withDateFirst;
-    return [indexColumn, ...withDateFirst];
-};
-export const hasSubmenu = (item, defaultColumns) => getSubmenuItems(item, defaultColumns).length > 0;
-/** Columns for menu display only: exclude index so it is hidden in the UI but still present in table */
-export const getSubmenuItemsForDisplay = (columns) => columns.filter((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'index'; });

package/build/components/TableHeader/data.js

@@ -1,7 +0,0 @@
-export const dummyViewList = [
-    {
-        label: 'Default',
-        id: 'default',
-        columns: ['default', 'default'],
-    },
-];

package/build/components/TableHeader/style.js

@@ -1,43 +0,0 @@
-import { Box, styled } from '@mui/material';
-import Text from '../Text';
-export const TitleContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: theme.spacing(3),
-    width: '100%',
-    marginBottom: theme.spacing(2.25),
-    marginTop: theme.spacing(2),
-}));
-export const TableHeaderContainer = styled(Box)(({ theme }) => ({
-    backgroundColor: theme.palette.background.default,
-    paddingInline: theme.spacing(4),
-    paddingBottom: theme.spacing(2),
-    paddingTop: theme.spacing(2),
-    overflowX: 'clip',
-}));
-export const TableHeaderTitle = styled(Text)(({ theme }) => ({
-    fontSize: '1.75rem',
-    fontWeight: theme.typography.fontWeightMedium,
-    lineHeight: '120%',
-}));
-export const TableHeaderRow = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: theme.spacing(3),
-    width: '100%',
-}));
-export const StatusButtonsContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-}));
-export const FiltersRowContainer = styled(Box)(() => ({
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    gap: '8px',
-    flexShrink: 0,
-}));

package/build/components/TableHeader/type.js

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

package/build/components/TableReports/DownloadIconButton.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircularProgress } from '@mui/material';
-import { motion } from 'framer-motion';
-import { doneIcon, redVerifyIcon, reportIcon } from '../../constants/index.js';
-import { CircularProgressWrapper, LoadingButton, Counting, DownloadIcon } from './style';
-import { useDownloadReport } from './hooks';
-function DownloadIconButton({ onDownload }) {
-    const { loading, error, success, handleDownloadReport } = useDownloadReport({ onDownload });
-    if (loading) {
-        return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsx(LoadingButton, { children: _jsxs(CircularProgressWrapper, { children: [_jsx(Counting, { children: "1" }), _jsx(CircularProgress, {})] }) }) })));
-    }
-    if (success) {
-        return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsx(LoadingButton, { children: _jsx(DownloadIcon, { src: doneIcon, alt: "done" }) }) })));
-    }
-    if (error) {
-        return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsx(LoadingButton, { children: _jsx(DownloadIcon, { src: redVerifyIcon, alt: "failed" }) }) })));
-    }
-    return _jsx(DownloadIcon, { onClick: handleDownloadReport, src: reportIcon, alt: "reports" });
-}
-export default DownloadIconButton;

package/build/components/TableReports/Downloads.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
-import dayjs from 'dayjs';
-import { csvIcon } from '../../constants/index.js';
-import { getRelativeTime } from '../../utils/index.js';
-import DownloadIconButton from './DownloadIconButton';
-import { RecordLoading } from './RecordLoading';
-import { DownloadedFile, DownloadedFileInfo, DownloadedFileDetails, DownloadedFileName, DownloadedFileTime, DownloadsStyled } from './style';
-import { getReportDate } from './utils';
-function Downloads({ reports, isLoading = false, onDownloadReport }) {
-    const handleDownloadReport = useCallback((reportId) => {
-        if (!onDownloadReport)
-            return Promise.reject(new Error('No download report function provided'));
-        return onDownloadReport(reportId);
-    }, [onDownloadReport]);
-    const reportsList = reports.map((report) => {
-        const isMoreThanDayAgo = dayjs(report.created_at).isBefore(dayjs().subtract(1, 'day'));
-        return (_jsxs(DownloadedFile, { children: [_jsx("img", { src: csvIcon, alt: "download" }), _jsxs(DownloadedFileDetails, { children: [_jsxs(DownloadedFileInfo, { children: [_jsx(DownloadedFileName, { children: report.result_file }), _jsx(DownloadedFileTime, { children: !isMoreThanDayAgo ? getRelativeTime(new Date(report.created_at)) : getReportDate(new Date(report.created_at)) })] }), _jsx(DownloadIconButton, { onDownload: () => handleDownloadReport(report.id) })] })] }, report.id));
-    });
-    if (isLoading)
-        return (_jsxs(DownloadsStyled, { children: [_jsx(RecordLoading, {}), _jsx(RecordLoading, {})] }));
-    return _jsx(DownloadsStyled, { children: reportsList });
-}
-export default memo(Downloads);

package/build/components/TableReports/RecordLoading.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Skeleton from '../Skeleton';
-import { RecordLoadingWrapper } from './style';
-export function RecordLoading() {
-    return (_jsxs(RecordLoadingWrapper, { children: [_jsx(Skeleton, { width: "16px", height: "16px", variant: "rectangular" }), _jsx(Skeleton, { width: "100%", variant: "text" }), _jsx(Skeleton, { width: "12px", height: "12px", variant: "circular" })] }));
-}

package/build/components/TableReports/TableReports.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { motion, AnimatePresence } from 'framer-motion';
-import CircularProgress from '@mui/material/CircularProgress';
-import LinearProgress from '@mui/material/LinearProgress';
-import Popper from '@mui/material/Popper';
-import { CustomBackdrop, Tooltip } from '../index.js';
-import { csvIcon, doneIcon, redVerifyIcon, reportsIconOutlined } from '../../constants/index.js';
-import Downloads from './Downloads';
-import { ReportsWrapper, ReportsDropdown, FileType, FileTypeName, ExportButton, LinearProgressStyled, LoadingButton, CircularProgressWrapper, Counting, OpenApp, } from './style';
-function TableReports(props) {
-    var _a;
-    const { progress, reportsQueryResult, isStatusReady: isReady, isStatusFailed: isFailed, isLoading, notificationState, onOpenDropdown, onRequestReportFile, onOpenReportsApp, hideOpenReportsApp = false, onDownloadReport, } = props;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const { t } = useTranslation();
-    const open = Boolean(anchorEl);
-    const { data: reportsData, isLoading: isLoadingReportsData } = reportsQueryResult;
-    const openDropdown = useCallback((event) => {
-        if (isLoading || isReady)
-            return;
-        onOpenDropdown === null || onOpenDropdown === void 0 ? void 0 : onOpenDropdown();
-        setAnchorEl(event.currentTarget);
-    }, [isLoading, isReady, onOpenDropdown]);
-    const onCloseDropdown = useCallback(() => {
-        setAnchorEl(null);
-    }, []);
-    const handleRequestReportFile = useCallback(() => {
-        if (!isLoading) {
-            onCloseDropdown();
-            onRequestReportFile === null || onRequestReportFile === void 0 ? void 0 : onRequestReportFile();
-        }
-    }, [isLoading, onCloseDropdown, onRequestReportFile]);
-    const openReportsApp = (e) => {
-        e.stopPropagation();
-        onOpenReportsApp === null || onOpenReportsApp === void 0 ? void 0 : onOpenReportsApp();
-        onCloseDropdown();
-    };
-    const getExportButtonContent = () => {
-        if (isLoading) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsxs(CircularProgressWrapper, { children: [_jsx(Counting, { children: "1" }), _jsx(CircularProgress, {})] }), _jsx("span", { children: t('preparing') }), _jsx(LinearProgressStyled, { children: _jsx(LinearProgress, { variant: "determinate", value: progress }) })] }) })));
-        }
-        if (isReady) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsx("img", { src: doneIcon, alt: "done" }), _jsx("span", { children: t('ready') }), _jsx(LinearProgressStyled, Object.assign({ className: "done" }, { children: _jsx(LinearProgress, { variant: "determinate", value: 100 }) }))] }) })));
-        }
-        if (isFailed) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsx("img", { src: redVerifyIcon, alt: "failed" }), _jsx("span", { children: t('failed') }), _jsx(LinearProgressStyled, Object.assign({ className: "failed" }, { children: _jsx(LinearProgress, { variant: "determinate", value: 100 }) }))] }) })));
-        }
-        return _jsx("img", { src: reportsIconOutlined, alt: "reports" });
-    };
-    return (_jsxs(ReportsWrapper, Object.assign({ "data-testid": "TableReports_ReportsWrapper" }, { children: [_jsx(AnimatePresence, { children: _jsx(Tooltip, Object.assign({ title: t('reports') }, { children: _jsx(ExportButton, Object.assign({ "data-testid": "TableReports_ExportButton", onClick: openDropdown, notificationState: notificationState, open: open, loading: isLoading, ready: isReady, failed: isFailed, sx: Object.assign({}, ((isLoading || isReady || isFailed) && { borderBottom: 'none' })), initial: { width: 'auto' }, transition: { duration: 0.25 } }, { children: getExportButtonContent() })) })) }), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end" }, { children: _jsxs(ReportsDropdown, Object.assign({ sx: { width: 208 } }, { children: [_jsxs(FileType, Object.assign({ onClick: handleRequestReportFile }, { children: [_jsx("img", { src: csvIcon, alt: "download" }), _jsx(FileTypeName, { children: "csv" })] })), _jsx(Downloads, { reports: (_a = reportsData === null || reportsData === void 0 ? void 0 : reportsData.reports) !== null && _a !== void 0 ? _a : [], isLoading: isLoadingReportsData, onDownloadReport: onDownloadReport }), !hideOpenReportsApp && _jsx(OpenApp, Object.assign({ onClick: openReportsApp }, { children: t('openReportsApp') }))] })) }))] })));
-}
-export default memo(TableReports);

package/build/components/TableReports/components/DownloadButton/DownloadButton.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import CircularProgress from '@mui/material/CircularProgress';
-import { AnimatePresence, motion } from 'framer-motion';
-import { exclamationWhiteIcon } from '../../../../constants/index.js';
-import { Icon } from '../../../index.js';
-import { Button } from './style';
-import { useDownloadReport } from '../../hooks';
-function DownloadButton({ onDownload }) {
-    const { loading, error, success, handleDownloadReport } = useDownloadReport({ onDownload });
-    const { t } = useTranslation();
-    const isIdle = !loading && !error && !success;
-    return (_jsx(Button, Object.assign({ onClick: handleDownloadReport }, { children: _jsxs(AnimatePresence, Object.assign({ mode: "wait", initial: false }, { children: [loading && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, style: { display: 'flex', alignItems: 'center' } }, { children: _jsx(CircularProgress, { size: "10px", sx: { color: 'rgba(255, 255, 255, 0.62)' } }) }), "loading")), !!error && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsx(Icon, { src: exclamationWhiteIcon, sx: { width: 'auto', height: 'auto' }, alt: "error" }) }), "error")), isIdle && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: t('download') }), "text"))] })) })));
-}
-export default memo(DownloadButton);

package/build/components/TableReports/components/DownloadButton/index.js

@@ -1,2 +0,0 @@
-import DownloadButton from './DownloadButton';
-export default DownloadButton;

package/build/components/TableReports/components/DownloadButton/style.js

@@ -1,15 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const Button = styled(motion.div)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-    width: 54,
-    height: 18,
-    backgroundColor: '#1F88D0',
-    borderRadius: '2px',
-    fontSize: '8px',
-    fontWeight: 600,
-    color: theme.palette.common.white,
-}));

package/build/components/TableReports/hooks/index.js

@@ -1 +0,0 @@
-export * from './useDownloadReport';

package/build/components/TableReports/hooks/useDownloadReport.js

@@ -1,59 +0,0 @@
-import { useCallback, useEffect, useReducer } from 'react';
-import { generateFileNameWithExtension } from '../utils';
-import { handleURLDownload } from '../../../utils/index.js';
-import { useToast } from '../../../hooks/index.js';
-const initialState = {
-    loading: false,
-    success: false,
-    error: null,
-};
-const downloadReportReducer = (state = initialState, action) => {
-    switch (action.type) {
-        case 'RESET':
-            return initialState;
-        case 'LOADING':
-            return Object.assign(Object.assign({}, state), { loading: true });
-        case 'SUCCESS':
-            return Object.assign(Object.assign({}, state), { success: true });
-        case 'ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.error });
-        default:
-            return state;
-    }
-};
-export const useDownloadReport = ({ onDownload }) => {
-    const toast = useToast();
-    const [{ loading, error, success }, dispatch] = useReducer(downloadReportReducer, initialState);
-    const setLoading = useCallback(() => dispatch({ type: 'LOADING' }), []);
-    const setSuccess = useCallback(() => dispatch({ type: 'SUCCESS' }), []);
-    const setError = useCallback((err) => dispatch({ type: 'ERROR', error: err }), []);
-    const resetState = useCallback(() => dispatch({ type: 'RESET' }), []);
-    useEffect(() => {
-        if (success || error) {
-            setTimeout(() => {
-                resetState();
-            }, 3000);
-        }
-    }, [success, error, resetState]);
-    const handleDownloadReport = useCallback(() => {
-        if (!onDownload)
-            return;
-        setLoading();
-        onDownload()
-            .then((data) => {
-            setSuccess();
-            handleURLDownload(data.url, generateFileNameWithExtension(data.result_file, data.id));
-        })
-            .catch((err) => {
-            var _a, _b, _c;
-            setError(err);
-            toast.error(((_c = (_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || (err === null || err === void 0 ? void 0 : err.message) || 'Failed to download report');
-        });
-    }, [onDownload, setLoading, setSuccess, setError]);
-    return {
-        loading,
-        error,
-        success,
-        handleDownloadReport,
-    };
-};