@tap-payments/os-micro-frontend-shared 0.1.374-test.1 → 0.1.374-test.1-test.2-test.3-test.4

package/build/components/TableHeader/TableView/utils.d.ts

@@ -0,0 +1,121 @@
+import type { ColumnViewProps, TableMode } from '../../../types/index.js';
+import type { LayoutSection, ViewMenuItem, ColumnCheckState } from './types';
+/**
+ * Transform API layout response to internal ColumnViewProps format
+ */
+export declare const transformLayoutToColumns: (layout: LayoutSection[], lang?: string) => ColumnViewProps[];
+export declare const getColumnsByMode: (mode: TableMode, layoutData?: LayoutSection[]) => ColumnViewProps[];
+export declare const isDateColumn: (name: string) => boolean;
+export declare const getColumnCheckState: (column: ColumnViewProps) => ColumnCheckState;
+export declare const createCustomViewMenuItem: (name: string, selectedColumns: ColumnViewProps[], isDefault?: boolean) => ViewMenuItem;
+/**
+ * Extract layout data from templates (combine all sections from all templates)
+ * This is used for the built-in "Default" view's layoutData prop
+ */
+export declare const getLayoutDataFromTemplates: (templates: Array<{
+    layout: LayoutSection[];
+}>) => LayoutSection[];
+/**
+ * Set a view as default and ensure only one view is default at a time
+ */
+export declare const setViewAsDefault: (views: ViewMenuItem[], viewId: string) => ViewMenuItem[];
+/**
+ * Transform API templates response to ViewMenuItem array
+ * Filters templates by mode and only shows the section matching the current mode
+ * Separates default templates (to be merged into built-in Default view) from custom views
+ */
+export declare const transformTemplatesToViewMenuItems: (templates: Array<{
+    id: string | {
+        timestamp: number;
+        date: string;
+    };
+    name: string;
+    default: boolean;
+    layout: LayoutSection[];
+    templateId: string;
+}>, mode?: TableMode, lang?: string) => {
+    customViews: ViewMenuItem[];
+    defaultTemplateColumns?: ColumnViewProps[] | undefined;
+    defaultTemplate?: ViewMenuItem | undefined;
+};
+/**
+ * Convert ColumnViewProps back to LayoutSection format for API requests
+ */
+export declare const convertColumnsToLayoutSection: (columns: ColumnViewProps[], mode: TableMode, lang?: string) => LayoutSection;
+/**
+ * Initialize columns for editing mode
+ */
+export declare const initializeEditingColumns: (editingColumns: ColumnViewProps[], availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Initialize columns for create mode (all unchecked except date)
+ */
+export declare const initializeCreateColumns: (availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Initialize columns for create mode with current tableViews state (preserves checked/unchecked values)
+ */
+export declare const initializeCreateColumnsWithCurrentState: (availableColumns: ColumnViewProps[], currentTableViews: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Reset columns to their default selection state
+ */
+export declare const resetColumnsToDefault: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a column's selection (including all children if present)
+ */
+export declare const toggleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Toggle a sub-item's selection and update parent state
+ */
+export declare const toggleSubItem: (columns: ColumnViewProps[], columnName: string, subItemName: string) => ColumnViewProps[];
+/**
+ * Select or deselect all columns (except date)
+ */
+export declare const toggleAllColumns: (columns: ColumnViewProps[], selectAll: boolean) => ColumnViewProps[];
+/**
+ * Check if all non-date columns are selected
+ */
+export declare const areAllColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) non-date columns are selected
+ */
+export declare const areSomeColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Validate template name
+ */
+export declare const isValidTemplateName: (name: string, maxLength: number) => boolean;
+/**
+ * Deep clone columns array with all nested properties
+ */
+export declare const deepCloneColumns: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a single column's selection state
+ */
+export declare const toggleSingleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Get submenu items for a view menu item
+ * Always includes the date column at the beginning
+ */
+export declare const getSubmenuItems: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Check if a view menu item has submenu
+ */
+export declare const hasSubmenu: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => boolean;
+/**
+ * Check if all columns in current state are selected
+ */
+export declare const areAllCurrentColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) columns in current state are selected
+ */
+export declare const areSomeCurrentColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Toggle all columns selection (select all or unselect all)
+ */
+export declare const toggleAllCurrentColumns: (columns: ColumnViewProps[], shouldSelect: boolean) => ColumnViewProps[];
+/**
+ * Normalize columns by converting undefined selected values to false for consistent comparison
+ */
+export declare const normalizeColumnsSelected: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Compare two columns arrays to check if they are equal (same order, same selection states)
+ */
+export declare const areColumnsEqual: (cols1: ColumnViewProps[], cols2: ColumnViewProps[]) => boolean;

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

@@ -0,0 +1,463 @@
+import { DATE_COLUMN_CONFIG } from './constants';
+// Note: advancedColumns and sheetColumns are only used in demo - not imported here to avoid default data
+/**
+ * Transform API layout response to internal ColumnViewProps format
+ */
+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: (_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 && layoutData.length > 0) {
+        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+        const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
+        const section = layoutData.find((s) => s.code.toLowerCase() === sectionCode);
+        if (section) {
+            return transformLayoutToColumns([section]);
+        }
+    }
+    // Return empty array - all data should come from API
+    return [];
+};
+export const isDateColumn = (name) => {
+    return name.toLowerCase() === 'date';
+};
+export const getColumnCheckState = (column) => {
+    var _a, _b;
+    if (!((_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.length)) {
+        return { checked: (_b = column.selected) !== null && _b !== void 0 ? _b : false, indeterminate: false };
+    }
+    const selectedCount = column.menuItems.filter((item) => item.selected).length;
+    return {
+        checked: selectedCount > 0,
+        indeterminate: selectedCount > 0 && selectedCount < column.menuItems.length,
+    };
+};
+export const createCustomViewMenuItem = (name, selectedColumns, isDefault = false) => ({
+    label: name,
+    id: `custom_${Date.now()}`,
+    columns: selectedColumns.map((col) => col.name),
+    submenu: selectedColumns,
+    isCustom: true,
+    default: isDefault,
+});
+/**
+ * Extract layout data from templates (combine all sections from all templates)
+ * This is used for the built-in "Default" view's layoutData prop
+ */
+export const getLayoutDataFromTemplates = (templates) => {
+    const sectionsMap = new Map();
+    templates.forEach((template) => {
+        template.layout.forEach((section) => {
+            const existingSection = sectionsMap.get(section.code);
+            if (existingSection) {
+                // Merge columns, avoiding duplicates
+                const existingCodes = new Set(existingSection.columns.map((col) => col.code));
+                section.columns.forEach((col) => {
+                    if (!existingCodes.has(col.code)) {
+                        existingSection.columns.push(col);
+                    }
+                });
+            }
+            else {
+                sectionsMap.set(section.code, Object.assign(Object.assign({}, section), { columns: [...section.columns] }));
+            }
+        });
+    });
+    return Array.from(sectionsMap.values());
+};
+/**
+ * Set a view as default and ensure only one view is default at a time
+ */
+export const setViewAsDefault = (views, viewId) => {
+    return views.map((view) => (Object.assign(Object.assign({}, view), { default: view.id === viewId })));
+};
+/**
+ * Transform API templates response to ViewMenuItem array
+ * Filters templates by mode and only shows the section matching the current mode
+ * Separates default templates (to be merged into built-in Default view) from custom views
+ */
+export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lang = 'en') => {
+    const customViews = [];
+    let defaultTemplateColumns;
+    let defaultTemplate;
+    templates.forEach((template) => {
+        // Get columns for the specified mode
+        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+        const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
+        const section = template.layout.find((s) => s.code.toLowerCase() === sectionCode);
+        const columns = section ? transformLayoutToColumns([section], lang) : [];
+        // Handle id as either string or object
+        const templateIdString = typeof template.id === 'string' ? template.id : template.templateId;
+        const viewId = typeof template.id === 'string' ? template.id : template.templateId;
+        // Always include date column at the beginning
+        const dateColumn = DATE_COLUMN_CONFIG;
+        const columnsWithDate = columns.some((col) => col.name.toLowerCase() === 'date') ? columns : [dateColumn, ...columns];
+        // Ensure date column is first
+        const dateColumnIndex = columnsWithDate.findIndex((col) => col.name.toLowerCase() === 'date');
+        const finalColumns = dateColumnIndex > 0
+            ? [columnsWithDate[dateColumnIndex], ...columnsWithDate.filter((col) => col.name.toLowerCase() !== 'date')]
+            : columnsWithDate;
+        if (template.default) {
+            // Store default template columns to merge into built-in Default view
+            defaultTemplateColumns = finalColumns;
+            // Also create a ViewMenuItem for the default template
+            defaultTemplate = {
+                id: 'default',
+                templateId: template.templateId,
+                label: template.name,
+                isCustom: false,
+                default: true,
+                columns: finalColumns.map((col) => col.name),
+                submenu: finalColumns,
+            };
+        }
+        else {
+            // Add non-default templates as custom views
+            customViews.push({
+                id: viewId,
+                templateId: template.templateId,
+                label: template.name,
+                isCustom: true,
+                default: false,
+                columns: finalColumns.map((col) => col.name),
+                submenu: finalColumns,
+            });
+        }
+    });
+    return { customViews, defaultTemplateColumns, defaultTemplate };
+};
+/**
+ * Convert ColumnViewProps back to LayoutSection format for API requests
+ */
+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 && fieldItems.length > 0 && { fields: fieldItems }));
+    });
+    // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
+    const sectionCode = mode === 'sheet' ? 'Sheet' : 'Advanced';
+    return {
+        code: sectionCode,
+        columns: columnItems,
+    };
+};
+/**
+ * Initialize columns for editing mode
+ */
+export const initializeEditingColumns = (editingColumns, availableColumns) => {
+    return availableColumns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a;
+        const savedCol = editingColumns.find((ec) => ec.name === col.name);
+        return (savedCol || Object.assign(Object.assign({}, col), { selected: false, menuItems: (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: false }))) }));
+    });
+};
+/**
+ * Initialize columns for create mode (all unchecked except date)
+ */
+export const initializeCreateColumns = (availableColumns) => {
+    return availableColumns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a;
+        return (Object.assign(Object.assign({}, col), { selected: false, menuItems: (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: false }))) }));
+    });
+};
+/**
+ * Initialize columns for create mode with current tableViews state (preserves checked/unchecked values)
+ */
+export const initializeCreateColumnsWithCurrentState = (availableColumns, currentTableViews) => {
+    return availableColumns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a, _b, _c;
+        const currentCol = currentTableViews.find((tc) => tc.name === col.name);
+        if (currentCol) {
+            return Object.assign(Object.assign({}, col), { selected: (_a = currentCol.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                    var _a, _b;
+                    const currentMenuItem = (_a = currentCol.menuItems) === null || _a === void 0 ? void 0 : _a.find((mi) => mi.name === item.name);
+                    return Object.assign(Object.assign({}, item), { selected: (_b = currentMenuItem === null || currentMenuItem === void 0 ? void 0 : currentMenuItem.selected) !== null && _b !== void 0 ? _b : false });
+                }) });
+        }
+        return Object.assign(Object.assign({}, col), { selected: false, menuItems: (_c = col.menuItems) === null || _c === void 0 ? void 0 : _c.map((item) => (Object.assign(Object.assign({}, item), { selected: false }))) });
+    });
+};
+/**
+ * Reset columns to their default selection state
+ */
+export const resetColumnsToDefault = (columns) => {
+    return columns
+        .filter((col) => !isDateColumn(col.name))
+        .map((col) => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, col), { selected: (_a = col.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => { var _a; return (Object.assign(Object.assign({}, item), { selected: (_a = item.selected) !== null && _a !== void 0 ? _a : false })); }) }));
+    });
+};
+/**
+ * Toggle a column's selection (including all children if present)
+ */
+export const toggleColumn = (columns, columnName) => {
+    return columns.map((col) => {
+        var _a;
+        if (col.name !== columnName)
+            return col;
+        const newSelected = !col.selected;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: newSelected })));
+        return Object.assign(Object.assign({}, col), { selected: newSelected, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Toggle a sub-item's selection and update parent state
+ */
+export const toggleSubItem = (columns, columnName, subItemName) => {
+    return columns.map((col) => {
+        var _a, _b;
+        if (col.name !== columnName)
+            return col;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (item.name === subItemName ? Object.assign(Object.assign({}, item), { selected: !item.selected }) : item));
+        const hasSelectedChildren = (_b = updatedMenuItems === null || updatedMenuItems === void 0 ? void 0 : updatedMenuItems.some((item) => item.selected)) !== null && _b !== void 0 ? _b : false;
+        return Object.assign(Object.assign({}, col), { menuItems: updatedMenuItems, selected: hasSelectedChildren });
+    });
+};
+/**
+ * Select or deselect all columns (except date)
+ */
+export const toggleAllColumns = (columns, selectAll) => {
+    return columns.map((col) => {
+        var _a;
+        if (isDateColumn(col.name))
+            return col;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: selectAll })));
+        return Object.assign(Object.assign({}, col), { selected: selectAll, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Check if all non-date columns are selected
+ */
+export const areAllColumnsSelected = (columns) => {
+    const nonDateColumns = columns.filter((col) => !isDateColumn(col.name));
+    return (nonDateColumns.length > 0 &&
+        nonDateColumns.every((col) => {
+            var _a;
+            if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+                // For columns with menuItems, all items must be selected
+                return col.menuItems.every((item) => item.selected);
+            }
+            return col.selected;
+        }));
+};
+/**
+ * Check if some (but not all) non-date columns are selected
+ */
+export const areSomeColumnsSelected = (columns, allSelected) => {
+    const nonDateColumns = columns.filter((col) => !isDateColumn(col.name));
+    const hasAnySelected = nonDateColumns.some((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            return col.menuItems.some((item) => item.selected);
+        }
+        return col.selected;
+    });
+    return hasAnySelected && !allSelected;
+};
+/**
+ * Validate template name
+ */
+export const isValidTemplateName = (name, maxLength) => {
+    return name.trim().length > 0 && name.length <= maxLength;
+};
+/**
+ * Deep clone columns array with all nested properties
+ */
+export const deepCloneColumns = (columns) => {
+    return columns.map((col) => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, col), { selected: (_a = col.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                var _a;
+                return (Object.assign(Object.assign({}, item), { selected: (_a = item.selected) !== null && _a !== void 0 ? _a : false }));
+            }) }));
+    });
+};
+/**
+ * Toggle a single column's selection state
+ */
+export const toggleSingleColumn = (columns, columnName) => {
+    return columns.map((col) => {
+        var _a;
+        if (col.name !== columnName)
+            return col;
+        const newSelected = !col.selected;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: newSelected })));
+        return Object.assign(Object.assign({}, col), { selected: newSelected, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Get submenu items for a view menu item
+ * Always includes the date column at the beginning
+ */
+export const getSubmenuItems = (item, defaultColumns) => {
+    var _a;
+    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 = item.submenu || [];
+    }
+    // Always include date column at the beginning if it's not already present
+    const hasDateColumn = columns.some((col) => col.name.toLowerCase() === 'date');
+    if (!hasDateColumn) {
+        const dateColumn = {
+            name: 'date',
+            label: 'Date',
+            selected: true,
+        };
+        return [dateColumn, ...columns];
+    }
+    // Ensure date column is first
+    const dateColumnIndex = columns.findIndex((col) => col.name.toLowerCase() === 'date');
+    if (dateColumnIndex > 0) {
+        const dateColumn = columns[dateColumnIndex];
+        const otherColumns = columns.filter((col) => col.name.toLowerCase() !== 'date');
+        return [dateColumn, ...otherColumns];
+    }
+    return columns;
+};
+/**
+ * Check if a view menu item has submenu
+ */
+export const hasSubmenu = (item, defaultColumns) => {
+    return getSubmenuItems(item, defaultColumns).length > 0;
+};
+/**
+ * Check if all columns in current state are selected
+ */
+export const areAllCurrentColumnsSelected = (columns) => {
+    if (columns.length === 0)
+        return false;
+    return columns.every((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            // For columns with menuItems, all items must be selected
+            return col.menuItems.every((item) => item.selected);
+        }
+        return col.selected;
+    });
+};
+/**
+ * Check if some (but not all) columns in current state are selected
+ */
+export const areSomeCurrentColumnsSelected = (columns, allSelected) => {
+    if (columns.length === 0)
+        return false;
+    const hasAny = columns.some((col) => {
+        var _a;
+        if ((_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.length) {
+            return col.menuItems.some((item) => item.selected);
+        }
+        return col.selected;
+    });
+    return hasAny && !allSelected;
+};
+/**
+ * Toggle all columns selection (select all or unselect all)
+ */
+export const toggleAllCurrentColumns = (columns, shouldSelect) => {
+    return columns.map((col) => {
+        var _a;
+        const updatedMenuItems = (_a = col.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: shouldSelect })));
+        return Object.assign(Object.assign({}, col), { selected: shouldSelect, menuItems: updatedMenuItems });
+    });
+};
+/**
+ * Normalize columns by converting undefined selected values to false for consistent comparison
+ */
+export const normalizeColumnsSelected = (columns) => {
+    return columns.map((col) => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, col), { selected: (_a = col.selected) !== null && _a !== void 0 ? _a : false, menuItems: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                var _a;
+                return (Object.assign(Object.assign({}, item), { selected: (_a = item.selected) !== null && _a !== void 0 ? _a : false }));
+            }) }));
+    });
+};
+/**
+ * Compare two columns arrays to check if they are equal (same order, same selection states)
+ */
+export const areColumnsEqual = (cols1, cols2) => {
+    if (cols1.length !== cols2.length)
+        return false;
+    const normalizedCols1 = normalizeColumnsSelected(cols1);
+    const normalizedCols2 = normalizeColumnsSelected(cols2);
+    for (let i = 0; i < normalizedCols1.length; i++) {
+        const col1 = normalizedCols1[i];
+        const col2 = normalizedCols2[i];
+        if (col1.name !== col2.name)
+            return false;
+        if (col1.selected !== col2.selected)
+            return false;
+        if (col1.menuItems && col2.menuItems) {
+            if (col1.menuItems.length !== col2.menuItems.length)
+                return false;
+            for (let j = 0; j < col1.menuItems.length; j++) {
+                const item1 = col1.menuItems[j];
+                const item2 = col2.menuItems[j];
+                if (item1.name !== item2.name)
+                    return false;
+                if (item1.selected !== item2.selected) {
+                    return false;
+                }
+            }
+        }
+        else if (col1.menuItems || col2.menuItems) {
+            return false;
+        }
+    }
+    return true;
+};

package/build/components/TableHeader/type.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import type { CalenderMode, TableHeaderStatus, ColumnViewProps, TableMode, Timezone, SegmentCountry } from '../../types/index.js';
 import { AvailableStatus } from '../StatusBar/type';
 import { PartialExcept } from '../../types/index.js';
+import type { ViewMenuItem, LayoutSection, TemplateAPIMetadata } from './TableView/types';
 type ViewsOptions = {
     default: {};
     developer: {};
@@ -22,7 +23,7 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
     calendarMode?: CalenderMode;
     onStatusChange?: <T extends IStatus>(status?: T) => void;
     onSearch?: (search: string) => void;
-    onViewChange?: () => void;
+    onViewChange?: (selectedView?: ViewMenuItem) => void;
     onDateChange?: (date: Date | [Date, Date]) => void;
     tableReportsComponent?: React.ReactNode;
     tableFilterComponent?: React.ReactNode;
@@ -44,6 +45,26 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         id: string;
         label: string;
     }) => void;
+    customViews?: ViewMenuItem[];
+    onCreateCustomView?: (data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+        layout: LayoutSection;
+    }) => Promise<void>;
+    onEditCustomView?: (viewId: string, data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+        layout: LayoutSection;
+    }) => Promise<void>;
+    onDeleteCustomView?: (viewId: string) => Promise<void>;
+    onTableViewsChange?: (tableViews: ColumnViewProps[]) => void;
+    initialTableViews?: ColumnViewProps[];
+    onCustomViewsChange?: (customViews: ViewMenuItem[]) => void;
+    initialCustomViews?: ViewMenuItem[];
+    layoutData?: import('./TableView/types').LayoutSection[];
+    templates?: import('./TableView/types').TemplatesListResponse | import('./TableView/types').TemplateResponse[];
+    lang?: string;
+    apiMetadata?: TemplateAPIMetadata;
     onToggleTextButtonClick?: () => void;
     children?: ReactNode;
     calendarGroupBy?: string;

package/build/components/Toolbar/Toolbar.js

@@ -15,6 +15,6 @@ import { ToolbarStyled, StyledBox, ActionsBox } from './style';
 import WindowAppIcon from '../WindowAppIcon';
 function Toolbar(_a) {
     var { onMouseEnter, onMouseLeave, isMaximized, isHovered, children, rightActions, leftActions, title, icon } = _a, props = __rest(_a, ["onMouseEnter", "onMouseLeave", "isMaximized", "isHovered", "children", "rightActions", "leftActions", "title", "icon"]);
-    return (_jsx(ToolbarStyled, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "toolbar", isHovered: isHovered }, props, { children: _jsxs(StyledBox, Object.assign({ className: "toolbar-wrapper" }, { children: [leftActions ? _jsx(ActionsBox, Object.assign({ className: "action-box" }, { children: leftActions })) : _jsx("div", {}), _jsx(WindowAppIcon, { title: title, icon: icon }), rightActions || _jsx("div", {})] })) })));
+    return (_jsx(ToolbarStyled, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "toolbar", isHovered: isHovered }, props, { children: _jsxs(StyledBox, Object.assign({ className: "toolbar-wrapper" }, { children: [leftActions ? _jsx(ActionsBox, Object.assign({ className: "action-box" }, { children: leftActions })) : _jsx("div", {}), _jsx(WindowAppIcon, { title: title, icon: icon }), rightActions ? (_jsx(ActionsBox, Object.assign({ sx: { justifyContent: 'flex-end' }, className: "action-box" }, { children: rightActions }))) : (_jsx("div", {}))] })) })));
 }
 export default memo(Toolbar);

package/build/components/index.d.ts

@@ -153,4 +153,3 @@ export * from './SalesChannelFilter';
 export * from './ReferenceTypeFilter';
 export * from './ListColumnFilter';
 export * from './VerificationIcon';
-export * from './MultiDatakeyDonut';

package/build/components/index.js

@@ -153,4 +153,3 @@ export * from './SalesChannelFilter';
 export * from './ReferenceTypeFilter';
 export * from './ListColumnFilter';
 export * from './VerificationIcon';
-export * from './MultiDatakeyDonut';

package/build/constants/apps.js

@@ -492,6 +492,4 @@ export const MF_APPS_MAPPER = new Set([
     APP_CODES.payouts.code,
     APP_CODES.reports.code,
     APP_CODES.leads.code,
-    APP_CODES.wallet.code,
-    APP_CODES.authentication.code,
 ]);

package/build/constants/assets.d.ts

@@ -76,14 +76,12 @@ export declare const closeIcon: string;
 export declare const dashedCheckIcon: string;
 export declare const deactivatedIcon: string;
 export declare const topUpIcon: string;
-export declare const AIOverviewIcon: string;
 export declare const deMaximizeIcon: string;
 export declare const pendingFlag: string;
 export declare const ibanIcon: string;
 export declare const payoutIcon: string;
 export declare const releasedFlag: string;
 export declare const acceptedFlag: string;
-export declare const clearIcon: string;
 export declare const unCapturedIcon: string;
 export declare const newWindowIcon: string;
 export declare const viewAllIcon: string;
@@ -340,6 +338,7 @@ export declare const TAP3DSPROVIDERIcon: string;
 export declare const greyPlusIcon: string;
 export declare const greyMinusIcon: string;
 export declare const noPreviewIcon: string;
+export declare const editIcon: string;
 export declare const viewInvoiceIcon: string;
 export declare const checkoutStatusIcon: string;
 export declare const checkoutStatusBlueIcon: string;