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

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

@@ -0,0 +1,71 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,153 @@
+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

@@ -0,0 +1,90 @@
+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

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

package/build/components/TableHeader/index.js

@@ -1 +1,9 @@
-export{Pb as FiltersRow,Fb as FiltersRowContainer,Gb as FiltersRowWrapper,Eb as StatusButtonsContainer,Qb as TableHeader,Bb as TableHeaderContainer,Db as TableHeaderRow,Cb as TableHeaderTitle,Rb as TableHeaderWrapper,Ab as TitleContainer,Mb as convertTemplateToColumnsView,Nb as convertTemplatesToColumnsView,Sb as default,Jb as getColumnOrder,Ib as getSubmenuFromTemplateLayout,Kb as handleTemplateUpdate,Hb as mapColumnsToLayoutSection,Lb as templateToViewMenuItem,Ob as useCustomTableViews}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import TableHeader from './TableHeader';
+export default TableHeader;
+export * from './TableHeader';
+export { default as TableHeaderWrapper } from './TableHeaderWrapper';
+export { default as FiltersRowWrapper } from './FiltersRowWrapper';
+export { default as FiltersRow } from './FiltersRow';
+export * from './style';
+export * from './type';
+export { getSubmenuFromTemplateLayout, getColumnOrder, handleTemplateUpdate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, mapColumnsToLayoutSection, useCustomTableViews, } from './TableView';

package/build/components/TableHeader/style.js

@@ -0,0 +1,43 @@
+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

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

package/build/components/TableReports/DownloadIconButton.js

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1,16 @@
+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

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

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

@@ -0,0 +1,15 @@
+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

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

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

@@ -0,0 +1,59 @@
+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,
+    };
+};