@tap-payments/os-micro-frontend-shared 0.1.376-test.1-test.2 → 0.1.376-test.10

package/build/components/TableCells/CustomCells/BalanceCell/BalanceCell.js

@@ -31,18 +31,7 @@ function BalanceCell(_a) {
     }, [remainingAmount, currency]);
     if (percentage === 0)
         return null;
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx("div", Object.assign({ style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-start',
-                gap: '8px',
-            } }, { children: _jsx(Tooltip, Object.assign({ title: generatedTooltip }, { children: _jsxs(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: {
-                        zIndex: 22,
-                    }, variants: {
-                        animate: {
-                            boxShadow: theme.shadows[4],
-                        },
-                    } }, { children: [_jsxs(PercentageContainer, Object.assign({ percentage: percentage }, { children: [percentage, "% ", _jsx(PiePercentage, { percentage: formatPercentage(percentage) })] })), _jsx(motion.div, Object.assign({ style: {
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: generatedTooltip, placement: "top" }, { children: _jsx("div", Object.assign({ style: { height: 24 } }, { children: _jsxs(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: { zIndex: 22 }, variants: { animate: Object.assign({}, (!!days && { boxShadow: theme.shadows[4] })) } }, { children: [_jsxs(PercentageContainer, Object.assign({ percentage: percentage }, { children: [percentage, "% ", _jsx(PiePercentage, { percentage: formatPercentage(percentage) })] })), !!days && (_jsx(motion.div, Object.assign({ style: {
                                 display: 'none',
                                 alignItems: 'center',
                                 justifyContent: 'center',
@@ -66,6 +55,6 @@ function BalanceCell(_a) {
                                     },
                                     opacity: 1,
                                 },
-                            } }, { children: days && _jsxs("span", { children: [days, " days left"] }) }))] })) })) })) })));
+                            } }, { children: _jsxs("span", { children: [days, " days left"] }) })))] })) })) })) })));
 }
 export default BalanceCell;

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

@@ -1,2 +1,2 @@
 import type { FilterRowProps } from './type';
-export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange, searchPlaceholder, isAcceptance, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, onCreateCustomView, onEditCustomView, onDeleteCustomView, templates, lang, }: FilterRowProps): import("react/jsx-runtime").JSX.Element;
+export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange, searchPlaceholder, isAcceptance, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, }: FilterRowProps): import("react/jsx-runtime").JSX.Element;

package/build/components/TableHeader/FiltersRow.js

@@ -4,9 +4,8 @@ import { SearchButton, StyledButton, Icon, RangeCalender } from '../index.js';
 import { viewIcon } from '../../constants/index.js';
 import FiltersRowWrapper from './FiltersRowWrapper';
 import TableView from './TableView';
-import { ViewSelector } from './TableView';
 import TableModeButton from './TableModeButton';
-export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange = 31, searchPlaceholder, isAcceptance, tableMode = 'default', timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, onCreateCustomView, onEditCustomView, onDeleteCustomView, templates, lang, }) {
+export default function FiltersRow({ date, calendarMode, onDateChange, onCalendarModeSwitch, tableReportsComponent, tableFilterComponent, isReportsButtonVisible, onViewChange, onSearchChange, onToggleViewButtonClick, rightActions, leftActions, setTableViews, tableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, maxDateRange = 31, searchPlaceholder, isAcceptance, tableMode = 'default', timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, }) {
     const [isViewVisible, setIsViewVisible] = useState(false);
     const timezoneCountriesCodes = useMemo(() => segmentCountries.map(({ code }) => code), [segmentCountries]);
     const tableModeButton = useMemo(() => _jsx(TableModeButton, { tableMode: tableMode, onToggle: onToggleTextButtonClick }), [tableMode, onToggleTextButtonClick]);
@@ -15,6 +14,5 @@ export default function FiltersRow({ date, calendarMode, onDateChange, onCalenda
                             if (startDate && endDate) {
                                 onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange([startDate, endDate]);
                             }
-                        }, mode: calendarMode, onCalendarModeSwitch: onCalendarModeSwitch, maxDateRange: maxDateRange, groupBy: calendarGroupBy, onCalendarGroupChange: onCalendarGroupChange, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, timezone: timezone, onChangeTimezone: onChangeTimezone, timezoneCountriesCodes: timezoneCountriesCodes })), isReportsButtonVisible && tableReportsComponent, onToggleTextButtonClick && isAcceptance && tableModeButton] })), onToggleViewButtonClick && (_jsx(StyledButton, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), onViewChange &&
-                (templates ? (_jsx(ViewSelector, { onViewChange: onViewChange, onCreateCustomView: onCreateCustomView, onEditCustomView: onEditCustomView, onDeleteCustomView: onDeleteCustomView, tableMode: tableMode, templates: templates, lang: lang })) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews }))), rightActions && !isViewVisible && rightActions] }));
+                        }, mode: calendarMode, onCalendarModeSwitch: onCalendarModeSwitch, maxDateRange: maxDateRange, groupBy: calendarGroupBy, onCalendarGroupChange: onCalendarGroupChange, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, timezone: timezone, onChangeTimezone: onChangeTimezone, timezoneCountriesCodes: timezoneCountriesCodes })), isReportsButtonVisible && tableReportsComponent, onToggleTextButtonClick && isAcceptance && tableModeButton] })), onToggleViewButtonClick && (_jsx(StyledButton, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), onViewChange && (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews })), rightActions && !isViewVisible && rightActions] }));
 }

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

@@ -1,5 +1,5 @@
 import type { TableHeaderProps } from './type';
 import { type TableHeaderStatus } from '../../types/index.js';
-export declare function TableHeader<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined>({ date, status, availableStatuses, showMaximizedView, title, calendarMode, tableReportsComponent, tableFilterComponent, onStatusChange, onViewChange, onDateChange, onCalendarModeSwitch, filteredIds, onCancelFilteredIdsClick, isFilteredIdsShown, cardNumber, leftActions, rightActions, isReportsButtonVisible, onSearchChange, onToggleViewButtonClick, leftComponent, tableViews, setTableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, children, maxDateRange, isAcceptance, startComponent, searchPlaceholder, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, onCreateCustomView, onEditCustomView, onDeleteCustomView, templates, lang, ...StatusBarProps }: TableHeaderProps<IStatus>): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeader<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined>({ date, status, availableStatuses, showMaximizedView, title, calendarMode, tableReportsComponent, tableFilterComponent, onStatusChange, onViewChange, onDateChange, onCalendarModeSwitch, filteredIds, onCancelFilteredIdsClick, isFilteredIdsShown, cardNumber, leftActions, rightActions, isReportsButtonVisible, onSearchChange, onToggleViewButtonClick, leftComponent, tableViews, setTableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, children, maxDateRange, isAcceptance, startComponent, searchPlaceholder, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries, ...StatusBarProps }: TableHeaderProps<IStatus>): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof TableHeader;
 export default _default;

package/build/components/TableHeader/TableHeader.js

@@ -15,8 +15,8 @@ import { FilteredIds, StatusBar, TableHeaderWrapper } from '../index.js';
 import FiltersRow from './FiltersRow';
 import { StatusButtonsContainer, TitleContainer, TableHeaderTitle, TableHeaderRow } from './style';
 export function TableHeader(_a) {
-    var { date, status, availableStatuses, showMaximizedView, title, calendarMode, tableReportsComponent, tableFilterComponent, onStatusChange, onViewChange, onDateChange, onCalendarModeSwitch, filteredIds, onCancelFilteredIdsClick, isFilteredIdsShown, cardNumber, leftActions, rightActions, isReportsButtonVisible, onSearchChange, onToggleViewButtonClick, leftComponent, tableViews, setTableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, children, maxDateRange, isAcceptance, startComponent, searchPlaceholder, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries = [], onCreateCustomView, onEditCustomView, onDeleteCustomView, templates, lang } = _a, StatusBarProps = __rest(_a, ["date", "status", "availableStatuses", "showMaximizedView", "title", "calendarMode", "tableReportsComponent", "tableFilterComponent", "onStatusChange", "onViewChange", "onDateChange", "onCalendarModeSwitch", "filteredIds", "onCancelFilteredIdsClick", "isFilteredIdsShown", "cardNumber", "leftActions", "rightActions", "isReportsButtonVisible", "onSearchChange", "onToggleViewButtonClick", "leftComponent", "tableViews", "setTableViews", "resetTableViews", "onToggleTextButtonClick", "calendarGroupBy", "onCalendarGroupChange", "children", "maxDateRange", "isAcceptance", "startComponent", "searchPlaceholder", "tableMode", "timezone", "browserTimezone", "defaultCountryTimezone", "onChangeTimezone", "segmentCountries", "onCreateCustomView", "onEditCustomView", "onDeleteCustomView", "templates", "lang"]);
-    const filtersRow = (_jsx(FiltersRow, { date: date, calendarMode: calendarMode, onDateChange: onDateChange, onCalendarModeSwitch: onCalendarModeSwitch, tableReportsComponent: tableReportsComponent, tableFilterComponent: tableFilterComponent, onViewChange: onViewChange, leftActions: leftActions, rightActions: rightActions, onSearchChange: onSearchChange, onToggleViewButtonClick: onToggleViewButtonClick, isReportsButtonVisible: isReportsButtonVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews, onToggleTextButtonClick: onToggleTextButtonClick, tableMode: tableMode, onCalendarGroupChange: onCalendarGroupChange, calendarGroupBy: calendarGroupBy, maxDateRange: maxDateRange, isAcceptance: isAcceptance, searchPlaceholder: searchPlaceholder, timezone: timezone, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, onChangeTimezone: onChangeTimezone, segmentCountries: segmentCountries, onCreateCustomView: onCreateCustomView, onEditCustomView: onEditCustomView, onDeleteCustomView: onDeleteCustomView, templates: templates, lang: lang }));
+    var { date, status, availableStatuses, showMaximizedView, title, calendarMode, tableReportsComponent, tableFilterComponent, onStatusChange, onViewChange, onDateChange, onCalendarModeSwitch, filteredIds, onCancelFilteredIdsClick, isFilteredIdsShown, cardNumber, leftActions, rightActions, isReportsButtonVisible, onSearchChange, onToggleViewButtonClick, leftComponent, tableViews, setTableViews, resetTableViews, onToggleTextButtonClick, calendarGroupBy, onCalendarGroupChange, children, maxDateRange, isAcceptance, startComponent, searchPlaceholder, tableMode, timezone, browserTimezone, defaultCountryTimezone, onChangeTimezone, segmentCountries = [] } = _a, StatusBarProps = __rest(_a, ["date", "status", "availableStatuses", "showMaximizedView", "title", "calendarMode", "tableReportsComponent", "tableFilterComponent", "onStatusChange", "onViewChange", "onDateChange", "onCalendarModeSwitch", "filteredIds", "onCancelFilteredIdsClick", "isFilteredIdsShown", "cardNumber", "leftActions", "rightActions", "isReportsButtonVisible", "onSearchChange", "onToggleViewButtonClick", "leftComponent", "tableViews", "setTableViews", "resetTableViews", "onToggleTextButtonClick", "calendarGroupBy", "onCalendarGroupChange", "children", "maxDateRange", "isAcceptance", "startComponent", "searchPlaceholder", "tableMode", "timezone", "browserTimezone", "defaultCountryTimezone", "onChangeTimezone", "segmentCountries"]);
+    const filtersRow = (_jsx(FiltersRow, { date: date, calendarMode: calendarMode, onDateChange: onDateChange, onCalendarModeSwitch: onCalendarModeSwitch, tableReportsComponent: tableReportsComponent, tableFilterComponent: tableFilterComponent, onViewChange: onViewChange, leftActions: leftActions, rightActions: rightActions, onSearchChange: onSearchChange, onToggleViewButtonClick: onToggleViewButtonClick, isReportsButtonVisible: isReportsButtonVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews, onToggleTextButtonClick: onToggleTextButtonClick, tableMode: tableMode, onCalendarGroupChange: onCalendarGroupChange, calendarGroupBy: calendarGroupBy, maxDateRange: maxDateRange, isAcceptance: isAcceptance, searchPlaceholder: searchPlaceholder, timezone: timezone, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, onChangeTimezone: onChangeTimezone, segmentCountries: segmentCountries }));
     return (_jsxs(TableHeaderWrapper, { children: [showMaximizedView && (_jsxs(TitleContainer, { children: [_jsx("span", { children: !!title && _jsx(TableHeaderTitle, { children: title }) }), filtersRow] }, "TitleContainer")), _jsxs(TableHeaderRow, Object.assign({ as: "section" }, { children: [_jsxs(StatusButtonsContainer, Object.assign({ as: "aside" }, { children: [startComponent, _jsx(StatusBar, Object.assign({ status: status, availableStatuses: availableStatuses, onStatusChange: onStatusChange, isFilteredIdsShown: isFilteredIdsShown }, StatusBarProps)), leftComponent, isFilteredIdsShown && (_jsx(FilteredIds, { cardNumber: cardNumber, Ids: filteredIds, isShown: isFilteredIdsShown, onCancelClick: onCancelFilteredIdsClick }, "FilteredIds"))] })), !showMaximizedView && filtersRow] }), "FiltersWrapper"), children] }));
 }
 export default memo(TableHeader);

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

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { Reorder } from 'framer-motion';
 import { CustomBackdrop, Menu } from '../../index.js';
 import { downArrowIcon } from '../../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled } from './styles';
+import { ButtonStyled, ListStyled, DropdownStyled } from './style';
 import { useSubMenu, useViewColumns } from './hooks';
 import ColumnItem from './ColumnItem';
 function CustomViews({ open, onSelect, setTableViews, tableViews, anchorEl, onClose }) {

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

@@ -28,6 +28,7 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
     const onClose = () => {
         setAnchorViewEl(null);
         setIsViewVisible(false);
+        // to be removed
         setSelectedViewInfo({ label: 'Default', id: 'default' });
     };
     const handleSelectedViewInfo = (selected) => {

package/build/components/TableHeader/TableView/hooks/index.d.ts

@@ -1,9 +1,3 @@
 export { useSubMenu } from './useSubMenu';
 export { useViewColumns } from './useViewColumns';
 export { useColumnItem } from './useColumnItem';
-export { useViewsManager } from './useViewsManager';
-export { useViewSelector } from './useViewSelector';
-export { useSubmenuHover } from './useSubmenuHover';
-export { useOriginalColumns } from './useOriginalColumns';
-export { useNestedSubmenu } from './useNestedSubmenu';
-export { useCreateViewDialog } from './useCreateViewDialog';

package/build/components/TableHeader/TableView/hooks/index.js

@@ -1,9 +1,3 @@
 export { useSubMenu } from './useSubMenu';
 export { useViewColumns } from './useViewColumns';
 export { useColumnItem } from './useColumnItem';
-export { useViewsManager } from './useViewsManager';
-export { useViewSelector } from './useViewSelector';
-export { useSubmenuHover } from './useSubmenuHover';
-export { useOriginalColumns } from './useOriginalColumns';
-export { useNestedSubmenu } from './useNestedSubmenu';
-export { useCreateViewDialog } from './useCreateViewDialog';

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

@@ -1,12 +1,3 @@
-export { default } from './TableView';
-export { default as TableView } from './TableView';
-export { default as DefaultViews } from './DefaultViews';
-export { default as CustomViews } from './CustomViews';
-export { default as ViewSelector } from './ViewSelector';
-export { default as ViewsDropdown } from './ViewsDropdown';
-export { default as CreateViewDialog } from './CreateViewDialog';
-export type { ViewMenuItem, CreateCustomViewDialogProps, LayoutSection, ColumnItem, FieldItem, Template, CreateTemplatePayload, UpdateTemplatePayload, } from './types';
-export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
-export { useSubmenuHover, useViewsManager, useViewSelector } from './hooks';
-export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH } from './constants';
-export { defaultViewList, advancedColumns, sheetColumns } from './data';
+import TableView from './TableView';
+export * from './TableView';
+export default TableView;

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

@@ -1,13 +1,3 @@
-export { default } from './TableView';
-export { default as TableView } from './TableView';
-export { default as DefaultViews } from './DefaultViews';
-export { default as CustomViews } from './CustomViews';
-export { default as ViewSelector } from './ViewSelector';
-export { default as ViewsDropdown } from './ViewsDropdown';
-export { default as CreateViewDialog } from './CreateViewDialog';
-export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, } from './utils';
-export { useSubmenuHover, useViewsManager, useViewSelector } from './hooks';
-export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH } from './constants';
-// Note: defaultViewList, advancedColumns, sheetColumns are only exported for demo purposes
-// They should not be used as defaults in production - all data should come from API
-export { defaultViewList, advancedColumns, sheetColumns } from './data';
+import TableView from './TableView';
+export * from './TableView';
+export default TableView;

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

@@ -6,4 +6,3 @@ export { default as FiltersRowWrapper } from './FiltersRowWrapper';
 export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
-export type { Template, LayoutSection, ViewMenuItem } from './TableView/types';

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

@@ -2,7 +2,6 @@ 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, Template } from './TableView/types';
 type ViewsOptions = {
     default: {};
     developer: {};
@@ -23,7 +22,7 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
     calendarMode?: CalenderMode;
     onStatusChange?: <T extends IStatus>(status?: T) => void;
     onSearch?: (search: string) => void;
-    onViewChange?: (selectedView?: ViewMenuItem) => void;
+    onViewChange?: () => void;
     onDateChange?: (date: Date | [Date, Date]) => void;
     tableReportsComponent?: React.ReactNode;
     tableFilterComponent?: React.ReactNode;
@@ -45,19 +44,6 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
         id: string;
         label: string;
     }) => void;
-    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>;
-    templates?: Template[];
-    lang?: string;
     onToggleTextButtonClick?: () => void;
     children?: ReactNode;
     calendarGroupBy?: string;

package/build/constants/assets.d.ts

@@ -339,7 +339,6 @@ 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;

package/build/constants/assets.js

@@ -345,7 +345,6 @@ export const TAP3DSPROVIDERIcon = `${lightUrl}/provider/TAP3DS.svg`;
 export const greyPlusIcon = `${lightUrl}/greyPlusIcon.svg`;
 export const greyMinusIcon = `${lightUrl}/greyMinusIcon.svg`;
 export const noPreviewIcon = `${lightUrl}/noPreviewIcon.svg`;
-export const editIcon = `${lightUrl}/other/editIcon.svg`;
 export const viewInvoiceIcon = `${appBaseUrl}/viewInvoice.svg`;
 export const checkoutStatusIcon = `${appBaseUrl}/checkoutStatus.svg`;
 export const checkoutStatusBlueIcon = `${appBaseUrl}/checkStatusOutBlue.svg`;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.376-test.1-test.2",
-  "testVersion": 2,
+  "version": "0.1.376-test.10",
+  "testVersion": 10,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -78,7 +78,6 @@
     "@emotion/styled": "^11.11.0",
     "@hookform/resolvers": "^3.3.1",
     "@mui/material": "^5.12.3",
-    "@tap-payments/os-micro-frontend-shared": "file:.yalc/@tap-payments/os-micro-frontend-shared",
     "@uiw/react-json-view": "^2.0.0-alpha.16",
     "axios": "^1.4.0",
     "color": "^5.0.0",

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

@@ -1,3 +0,0 @@
-import type { CreateCustomViewDialogProps } from './types';
-declare function CreateViewDialog({ open, onClose, onCreate, availableColumns, defaultColumns, editingView, onDelete, tableViews, mode, }: Readonly<CreateCustomViewDialogProps>): import("react/jsx-runtime").JSX.Element | null;
-export default CreateViewDialog;

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

@@ -1,91 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { Box, Typography, CircularProgress, Dialog } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import Draggable from 'react-draggable';
-import { InputBase } from '../../index.js';
-import { useToast } from '../../../hooks/index.js';
-import Toolbar, { StyledHeaderWrapperStyled } from '../../Toolbar';
-import { CloseIcon } from '../../ToolbarIcon';
-import { TEMPLATE_NAME_MAX_LENGTH } from './constants';
-import { DialogContentWrapper, ScrollableContent, TitleSection, FooterBar, CreateButtonWrapper, DeleteButton, CreateButton, getDialogPaperStyle, dialogSx, } from './styles';
-import { DIALOG_WIDTH, DIALOG_HEIGHT } from './constants';
-import { useCreateViewDialog } from './hooks';
-import { ColumnList } from './components/ColumnList';
-import { convertColumnsToLayoutSection } from './utils';
-function CreateViewDialog({ open, onClose, onCreate, availableColumns = [], defaultColumns = [], editingView, onDelete, tableViews = [], mode = 'sheet', }) {
-    const { t } = useTranslation();
-    const toast = useToast();
-    const [isDeleting, setIsDeleting] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    // Reset loading state when dialog closes
-    React.useEffect(() => {
-        if (!open) {
-            setIsDeleting(false);
-            setIsLoading(false);
-        }
-    }, [open]);
-    const { templateName, setTemplateName, selectedColumns, columnNames, allSelected, someSelected, isNameValid, hoveredColumn, anchorEl, openSubmenu, closeSubmenu, cancelClose, handleReorder, handleColumnToggle, handleSubItemToggle, handleSelectAll, handleResetToDefault, } = useCreateViewDialog({
-        open,
-        availableColumns,
-        defaultColumns,
-        editingView,
-        tableViews,
-    });
-    const handleCreate = () => __awaiter(this, void 0, void 0, function* () {
-        if (!isNameValid || isLoading || isDeleting)
-            return;
-        setIsLoading(true);
-        try {
-            const columnsToCreate = selectedColumns.filter((col) => col.selected);
-            const layout = convertColumnsToLayoutSection(columnsToCreate, mode);
-            yield (onCreate === null || onCreate === void 0 ? void 0 : onCreate({ name: templateName, selectedColumns: columnsToCreate, layout }));
-            onClose();
-        }
-        catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to save view. Please try again.';
-            toast.error(errorMessage);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    });
-    const handleDelete = () => __awaiter(this, void 0, void 0, function* () {
-        if (!editingView || isDeleting || isLoading)
-            return;
-        const templateId = editingView.templateId || editingView.id;
-        setIsDeleting(true);
-        try {
-            yield (onDelete === null || onDelete === void 0 ? void 0 : onDelete(templateId));
-            onClose();
-        }
-        catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to delete view. Please try again.';
-            toast.error(errorMessage);
-        }
-        finally {
-            setIsDeleting(false);
-        }
-    });
-    if (!open)
-        return null;
-    return (_jsx(Draggable, Object.assign({ handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]' }, { children: _jsxs(Dialog, Object.assign({ disableEnforceFocus: true, open: open, onClose: onClose, hideBackdrop: true, PaperProps: { style: getDialogPaperStyle(DIALOG_WIDTH, DIALOG_HEIGHT) }, sx: dialogSx, TransitionProps: {
-                timeout: 0,
-            }, slotProps: {
-                backdrop: {
-                    sx: {
-                        transition: 'none',
-                    },
-                },
-            } }, { children: [_jsx(StyledHeaderWrapperStyled, Object.assign({ id: "draggable-dialog-title", style: { cursor: 'move' } }, { children: _jsx(Toolbar, { isHovered: true, title: editingView ? 'Edit Custom View' : t('createCustomView') || 'Create Custom View', leftActions: _jsx(CloseIcon, { onClick: onClose }) }) })), _jsxs(DialogContentWrapper, { children: [_jsxs(ScrollableContent, { children: [_jsxs(TitleSection, { children: [_jsxs(Box, { children: [_jsx(Typography, Object.assign({ sx: { fontSize: 24, fontWeight: 700, color: '#9F9F9F', lineHeight: '0.7' } }, { children: "Custom" })), _jsx(Typography, Object.assign({ sx: { fontSize: 24, fontWeight: 700, color: '#20232B', lineHeight: 1.2 } }, { children: "View" }))] }), editingView && (_jsx(DeleteButton, Object.assign({ onClick: handleDelete, disabled: isDeleting || isLoading }, { children: isDeleting ? (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: [_jsx(CircularProgress, { size: 14, color: "inherit" }), _jsx("span", { children: "Deleting..." })] }))) : ('Delete View') })))] }), _jsx(Box, Object.assign({ sx: { mb: 3 } }, { children: _jsx(InputBase, { name: "templateName", label: "Name", value: templateName, onChange: (value) => setTemplateName(value), hasError: false, inputProps: { maxLength: TEMPLATE_NAME_MAX_LENGTH }, required: true }) })), _jsx(ColumnList, { selectedColumns: selectedColumns, columnNames: columnNames, allSelected: allSelected, someSelected: someSelected, hoveredColumn: hoveredColumn, anchorEl: anchorEl, onReorder: handleReorder, onColumnToggle: handleColumnToggle, onSubItemToggle: handleSubItemToggle, onSelectAll: handleSelectAll, onResetToDefault: handleResetToDefault, onSubmenuEnter: openSubmenu, onSubmenuLeave: closeSubmenu, onCancelClose: cancelClose })] }), _jsx(FooterBar, {}), _jsx(CreateButtonWrapper, { children: _jsx(CreateButton, Object.assign({ variant: "contained", onClick: handleCreate, disabled: !isNameValid || isLoading || isDeleting, title: !isNameValid ? `Name is required. Current: "${templateName}"` : undefined }, { children: isLoading ? (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: 1 } }, { children: [_jsx(CircularProgress, { size: 14, color: "inherit" }), _jsx("span", { children: editingView ? 'Saving...' : 'Creating...' })] }))) : editingView ? ('Update View') : ('Create View') })) })] })] })) })));
-}
-export default CreateViewDialog;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ViewSelectorProps } from './types';
-declare function ViewSelector({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode, templates, lang, }: ViewSelectorProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ViewSelector>;
-export default _default;

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

@@ -1,81 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { Icon, StyledButton } from '../../index.js';
-import { viewIcon } from '../../../constants/index.js';
-import ViewsDropdown from './ViewsDropdown';
-import CreateViewDialog from './CreateViewDialog';
-import { ViewWrapper } from './styles';
-import { useViewsManager } from './hooks';
-import { useViewSelector } from './hooks/useViewSelector';
-function ViewSelector({ onViewChange, onCreateCustomView, onEditCustomView, onDeleteCustomView, tableMode = 'default', templates, lang = 'en', }) {
-    const { t } = useTranslation();
-    // Use tableMode directly - no conversion needed
-    const { defaultColumns, updateDefaultColumns, defaultTemplate, customViews, allTemplates, setInternalCustomViews } = useViewsManager({
-        tableMode,
-        templates,
-        lang,
-    });
-    // Callback when default template is modified and saved
-    const handleSaveDefaultColumns = useCallback((columns) => __awaiter(this, void 0, void 0, function* () {
-        if (!(defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.templateId))
-            return;
-        // Update local state first
-        updateDefaultColumns(columns);
-        // Build layout for API
-        // Map TableMode to layout section code: 'default' → 'Advanced', 'sheet' → 'Sheet'
-        const layout = {
-            code: tableMode === 'sheet' ? 'Sheet' : 'Advanced',
-            columns: columns.map((col, idx) => {
-                var _a, _b;
-                return ({
-                    code: col.name,
-                    name: [{ text: typeof col.label === 'string' ? col.label : col.name, lang }],
-                    order: idx + 1,
-                    default: (_a = col.selected) !== null && _a !== void 0 ? _a : false,
-                    fields: (_b = col.menuItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
-                        var _a;
-                        return ({
-                            code: item.name,
-                            name: [{ text: typeof item.label === 'string' ? item.label : item.name, lang }],
-                            order: null,
-                            default: (_a = item.selected) !== null && _a !== void 0 ? _a : false,
-                        });
-                    }),
-                });
-            }),
-        };
-        // Call parent to persist
-        yield (onEditCustomView === null || onEditCustomView === void 0 ? void 0 : onEditCustomView(defaultTemplate.templateId, {
-            name: defaultTemplate.label,
-            selectedColumns: columns,
-            layout,
-        }));
-    }), [defaultTemplate, tableMode, lang, onEditCustomView, updateDefaultColumns]);
-    const { anchorViewEl, defaultViewEl, setDefaultViewElement, isCreateDialogOpen, editingView, selectedViewInfo, shouldUseCurrentState, currentViewColumns, handleViewButtonClick, handleCloseViewDropdown, handleSelectedViewInfo, handleOpenCreateDialog, handleOpenEditDialog, handleCloseCreateDialog, handleSaveView, handleDeleteView, handleResetViews, updateSelectedView, updateCurrentViewColumns, } = useViewSelector({
-        mode: tableMode,
-        onViewChange,
-        onCreateCustomView,
-        onEditCustomView,
-        onDeleteCustomView,
-        customViews,
-        defaultColumns,
-        defaultTemplate,
-        allTemplates,
-        setInternalCustomViews,
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ sx: { width: '32px' }, "data-testid": "ViewSelector" }, { children: [_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "ViewSelector_button", onClick: handleViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })), _jsx(ViewsDropdown, { open: Boolean(defaultViewEl), anchorEl: anchorViewEl, setSelectedViewInfo: handleSelectedViewInfo, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
-                                setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                            }, setViews: handleResetViews, onCreateCustomView: handleOpenCreateDialog, customViews: customViews, onEditCustomView: handleOpenEditDialog, onSaveDefaultColumns: handleSaveDefaultColumns, defaultColumns: defaultColumns, setDefaultColumns: updateDefaultColumns, updateSelectedView: updateSelectedView, mode: tableMode, defaultTemplate: defaultTemplate })] })) })), _jsx(CreateViewDialog, { open: isCreateDialogOpen, onClose: handleCloseCreateDialog, availableColumns: defaultColumns, defaultColumns: defaultColumns, onCreate: handleSaveView, editingView: editingView, onDelete: handleDeleteView, tableViews: shouldUseCurrentState ? currentViewColumns : undefined, mode: tableMode })] }));
-}
-export default memo(ViewSelector);

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ViewsDropdownProps } from './types';
-declare function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl, onCreateCustomView, customViews, onEditCustomView, onSaveDefaultColumns, defaultColumns, setDefaultColumns, updateSelectedView, mode, defaultTemplate, }: Readonly<ViewsDropdownProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ViewsDropdown>;
-export default _default;