@tap-payments/os-micro-frontend-shared 0.1.424 → 0.1.425-hotfix.1.6.2026

package/build/components/AnimatedSpinnerIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type AnimatedSpinnerIconProps = {
     width?: string;
     height?: string;

package/build/components/Chip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { GetSourceAnimationFunction } from './type';
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: import("./type").ChipVariant | undefined;

package/build/components/CountBadge/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/Dialog/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/FlippingCard/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/ImageWrapper/ImageWrapper.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/JSONViewer/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const FOOTER_HEIGHT = 37;
 export declare const TITLE_BAR_HEIGHT = "32px";
 export declare const VIEWER_HEIGHT = 545;

package/build/components/LeftPeekRightExpandingChip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const DEFAULT_CHIP_MIN_WIDTH = 24;

package/build/components/RightLeftExpandingCenterChip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { type Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{

package/build/components/SearchButton/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/StatusIcons/AuthIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/StatusIcons/SourceIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/ActionCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { TableMode } from '../../../../types/index.js';
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;

package/build/components/TableCells/CustomCells/AgreementCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AgreementCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledAgreementCardIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const CardContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/IDButton/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledDownloadFileImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     isTextShown?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/StatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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, customViews, 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, customViews, lang, onTableViewOptionClick, }: FilterRowProps): import("react/jsx-runtime").JSX.Element;

package/build/components/TableHeader/FiltersRow.js

@@ -6,7 +6,7 @@ import FiltersRowWrapper from './FiltersRowWrapper';
 import TableView from './TableView';
 import { ViewsMenu } 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, customViews, 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, customViews, lang, onTableViewOptionClick, }) {
     const [isViewVisible, setIsViewVisible] = useState(false);
     const timezoneCountriesCodes = useMemo(() => segmentCountries.map(({ code }) => code), [segmentCountries]);
     const tableModeButton = useMemo(() => _jsx(TableModeButton, { tableMode: tableMode, onToggle: onToggleTextButtonClick }), [tableMode, onToggleTextButtonClick]);
@@ -20,5 +20,5 @@ export default function FiltersRow({ date, calendarMode, onDateChange, onCalenda
                 // @todo to be moved to grouping
                 , Object.assign({ 
                     // @todo to be moved to grouping
-                    onViewChange: onViewChange, tableMode: tableMode, lang: lang }, customViews))) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews }))), rightActions && !isViewVisible && rightActions] }));
+                    onViewChange: onViewChange, tableMode: tableMode, lang: lang }, customViews))) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews, onTableViewOptionClick: onTableViewOptionClick }))), 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, customViews, 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, customViews, lang, onTableViewOptionClick, ...StatusBarProps }: Readonly<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 = [], customViews, 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", "customViews", "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, customViews: customViews, 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 = [], customViews, lang, onTableViewOptionClick } = _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", "customViews", "lang", "onTableViewOptionClick"]);
+    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, customViews: customViews, lang: lang, onTableViewOptionClick: onTableViewOptionClick }));
     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/DefaultViews.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import type { ViewOption } from '../type';
+import type { TableViewOption } from '../type';
 interface DefaultViewsProps {
     open: boolean;
-    selectedViewInfo: ViewOption;
-    setSelectedViewInfo: (selectedView: ViewOption) => void;
+    selectedViewInfo: TableViewOption;
+    setSelectedViewInfo: (selectedView: TableViewOption) => void;
     onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setViews?: (views: string[]) => void;
+    onTableViewOptionClick?: (option: TableViewOption) => void;
     anchorEl: Element | null;
 }
-declare function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }: Readonly<DefaultViewsProps>): import("react/jsx-runtime").JSX.Element;
+declare function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, onTableViewOptionClick, anchorEl }: Readonly<DefaultViewsProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DefaultViews>;
 export default _default;

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

@@ -4,19 +4,20 @@ import Popper from '@mui/material/Popper';
 import { useTranslation } from 'react-i18next';
 import { downArrowIcon, checkIcon } from '../../../constants/index.js';
 import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './styles';
-import { dummyViewList } from '../data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
+import { CUSTOM_VIEW, DEFAULT_VIEW_OPTIONS } from '../../TableView/constant';
+function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, onTableViewOptionClick, anchorEl }) {
     const { t } = useTranslation();
     return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
                     onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
+                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [DEFAULT_VIEW_OPTIONS.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
                                 setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
+                                onTableViewOptionClick === null || onTableViewOptionClick === void 0 ? void 0 : onTableViewOptionClick(item);
                             } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
                                 border: 'none',
                             }, onClick: (e) => {
                                 e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
+                                setSelectedViewInfo(CUSTOM_VIEW);
+                                onTableViewOptionClick === null || onTableViewOptionClick === void 0 ? void 0 : onTableViewOptionClick(CUSTOM_VIEW);
+                            } }, { children: [selectedViewInfo.id === CUSTOM_VIEW.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
 }
 export default React.memo(DefaultViews);

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

@@ -6,7 +6,8 @@ interface TableViewProps {
     setTableViews: TableHeaderProps['setTableViews'];
     tableViews: TableHeaderProps['tableViews'];
     resetTableViews: TableHeaderProps['resetTableViews'];
+    onTableViewOptionClick?: TableHeaderProps['onTableViewOptionClick'];
 }
-declare function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }: Readonly<TableViewProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews, onTableViewOptionClick }: Readonly<TableViewProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableView>;
 export default _default;

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

@@ -7,14 +7,12 @@ import { closeXIcon, viewIcon } from '../../../constants/index.js';
 import CustomViews from './CustomViews';
 import DefaultViews from './DefaultViews';
 import { ButtonStyled, ViewWrapper } from './styles';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
+import { DEFAULT_VIEW, CUSTOM_VIEW } from '../../TableView/constant';
+function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews, onTableViewOptionClick }) {
     const [anchorViewEl, setAnchorViewEl] = useState(null);
     const [defaultViewEl, setDefaultViewElement] = useState(null);
     const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
+    const [selectedViewInfo, setSelectedViewInfo] = useState(DEFAULT_VIEW);
     const { t } = useTranslation();
     const onViewButtonClick = (event) => {
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
@@ -28,16 +26,17 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
     const onClose = () => {
         setAnchorViewEl(null);
         setIsViewVisible(false);
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
+        setSelectedViewInfo(DEFAULT_VIEW);
     };
     const handleSelectedViewInfo = (selected) => {
         setSelectedViewInfo(selected);
+        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews(selected);
         closeViewDropdown();
     };
     if (!anchorViewEl) {
         return (_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl", onClick: onViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })));
     }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === CUSTOM_VIEW.id && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
                         setCustomViewElement(customViewEl ? null : e.currentTarget);
                         setDefaultViewElement(null);
                     }, onClose: () => {
@@ -47,8 +46,6 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
                     }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
                         setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
                         setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
+                    }, onTableViewOptionClick: onTableViewOptionClick }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
 }
 export default memo(TableView);

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

@@ -1,7 +1,7 @@
 import { type MouseEvent } from 'react';
 import type { ColumnViewProps, TableMode } from '../../../../types/index.js';
 import type { ViewMenuItem, LayoutSection } from '../types';
-import type { ViewOption } from '../../type';
+import type { TableViewOption } from '../../type';
 export interface UseViewsMenuProps {
     mode: TableMode;
     onViewChange?: (selectedView?: ViewMenuItem) => void;
@@ -27,14 +27,14 @@ export declare const useViewsMenu: ({ mode, onViewChange, onCreateCustomView, on
     anchorEl: HTMLDivElement | null;
     isCreateDialogOpen: boolean;
     editingView: ViewMenuItem | null;
-    selectedViewInfo: ViewOption;
+    selectedViewInfo: TableViewOption;
     shouldUseCurrentState: boolean;
     selectedView: ViewMenuItem | undefined;
     currentViewColumns: ColumnViewProps[];
     initialColumnsForCreate: ColumnViewProps[] | null;
     handleViewButtonClick: (event: MouseEvent<HTMLDivElement>) => void;
     handleCloseViewDropdown: () => void;
-    handleSelectedViewInfo: (selected: ViewOption, viewMenuItem?: ViewMenuItem) => void;
+    handleSelectedViewInfo: (selected: TableViewOption, viewMenuItem?: ViewMenuItem) => void;
     handleOpenCreateDialog: (useCurrentState?: boolean, initialColumns?: ColumnViewProps[]) => void;
     handleOpenEditDialog: (view: ViewMenuItem) => void;
     handleCloseCreateDialog: () => void;

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

@@ -32,12 +32,10 @@ export const useViewsMenu = ({ mode, onViewChange, onCreateCustomView, onEditCus
     const currentViewColumns = useMemo(() => {
         return deepCloneColumns((selectedView === null || selectedView === void 0 ? void 0 : selectedView.submenu) || defaultColumns);
     }, [selectedView, defaultColumns]);
-    const selectedViewInfo = useMemo(() => {
-        return {
-            id: (selectedView === null || selectedView === void 0 ? void 0 : selectedView.id) || 'default',
-            label: (selectedView === null || selectedView === void 0 ? void 0 : selectedView.label) || 'Default',
-        };
-    }, [selectedView]);
+    const selectedViewInfo = useMemo(() => ({
+        id: (selectedView === null || selectedView === void 0 ? void 0 : selectedView.id) || 'default',
+        label: (selectedView === null || selectedView === void 0 ? void 0 : selectedView.label) || 'Default',
+    }), [selectedView]);
     useEffect(() => {
         if (hasInitializedRef.current)
             return;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ColumnViewProps, TableMode } from '../../../types/index.js';
-import type { TableHeaderProps, CustomViewsConfig, ViewOption } from '../type';
+import type { TableHeaderProps, CustomViewsConfig, TableViewOption } from '../type';
 export interface CustomViewsProps {
     open: boolean;
     onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
@@ -121,8 +121,8 @@ export interface ViewsMenuProps extends CustomViewsConfig {
 }
 export interface ViewsDropdownProps {
     open: boolean;
-    selectedViewInfo: ViewOption;
-    setSelectedViewInfo: (selected: ViewOption, viewMenuItem?: ViewMenuItem) => void;
+    selectedViewInfo: TableViewOption;
+    setSelectedViewInfo: (selected: TableViewOption, viewMenuItem?: ViewMenuItem) => void;
     anchorEl: Element | null;
     onClose?: () => void;
     defaultModified?: boolean;

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

@@ -59,10 +59,8 @@ export interface TableHeaderProps<IStatus extends TableHeaderStatus | TableHeade
     leftComponent?: React.ReactNode;
     setTableViews?: (columns: ColumnViewProps[]) => void;
     tableViews?: ColumnViewProps[];
-    resetTableViews?: (view: {
-        id: string;
-        label: string;
-    }) => void;
+    onTableViewOptionClick?: (option: TableViewOption) => void;
+    resetTableViews?: (view: TableViewOption) => void;
     customViews?: CustomViewsConfig;
     lang?: string;
     onToggleTextButtonClick?: () => void;
@@ -86,7 +84,7 @@ export interface Column {
     groupName: string;
     selected: boolean;
 }
-export interface ViewOption {
+export interface TableViewOption {
     id: string;
     label: string;
 }

package/build/components/TableReports/components/DownloadButton/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableReports/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type ExportButtonProps = {
     notificationState?: {
         success: boolean;

package/build/components/TableView/DefaultViews.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import type { ViewOption } from '../TableHeader/type';
+import type { TableViewOption } from '../TableHeader/type';
 interface DefaultViewsProps {
     open: boolean;
-    selectedViewInfo: ViewOption;
-    setSelectedViewInfo: (selectedView: ViewOption) => void;
+    selectedViewInfo: TableViewOption;
+    setSelectedViewInfo: (selectedView: TableViewOption) => void;
     onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setViews?: (views: string[]) => void;
+    onTableViewOptionClick?: (option: TableViewOption) => void;
     anchorEl: Element | null;
 }
-declare function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }: Readonly<DefaultViewsProps>): import("react/jsx-runtime").JSX.Element;
+declare function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, onTableViewOptionClick, anchorEl }: Readonly<DefaultViewsProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DefaultViews>;
 export default _default;

package/build/components/TableView/DefaultViews.js

@@ -4,19 +4,20 @@ import Popper from '@mui/material/Popper';
 import { useTranslation } from 'react-i18next';
 import { downArrowIcon, checkIcon } from '../../constants/index.js';
 import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './style';
-import { dummyViewList } from './data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
+import { CUSTOM_VIEW, DEFAULT_VIEW_OPTIONS } from './constant';
+function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, onTableViewOptionClick, anchorEl }) {
     const { t } = useTranslation();
     return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
                     onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
+                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [DEFAULT_VIEW_OPTIONS.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
                                 setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
+                                onTableViewOptionClick === null || onTableViewOptionClick === void 0 ? void 0 : onTableViewOptionClick(item);
                             } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
                                 border: 'none',
                             }, onClick: (e) => {
                                 e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
+                                setSelectedViewInfo(CUSTOM_VIEW);
+                                onTableViewOptionClick === null || onTableViewOptionClick === void 0 ? void 0 : onTableViewOptionClick(CUSTOM_VIEW);
+                            } }, { children: [selectedViewInfo.id === CUSTOM_VIEW.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
 }
 export default React.memo(DefaultViews);

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import type { TableHeaderProps } from '../TableHeader/type';
+import type { TableHeaderProps, TableViewOption } from '../TableHeader/type';
 interface TableViewProps {
     onViewChange?: TableHeaderProps['onViewChange'];
     setIsViewVisible: (visible: boolean) => void;
     setTableViews: TableHeaderProps['setTableViews'];
     tableViews: TableHeaderProps['tableViews'];
     resetTableViews: TableHeaderProps['resetTableViews'];
+    onTableViewOptionClick?: (option: TableViewOption) => void;
 }
-declare function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }: Readonly<TableViewProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews, onTableViewOptionClick }: Readonly<TableViewProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableView>;
 export default _default;

package/build/components/TableView/TableView.js

@@ -8,14 +8,12 @@ import Icon from '../Icon';
 import CustomViews from './CustomViews';
 import DefaultViews from './DefaultViews';
 import { ButtonStyled, ViewWrapper } from './style';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
+import { DEFAULT_VIEW, CUSTOM_VIEW } from './constant';
+function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews, onTableViewOptionClick }) {
     const [anchorViewEl, setAnchorViewEl] = useState(null);
     const [defaultViewEl, setDefaultViewElement] = useState(null);
     const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
+    const [selectedViewInfo, setSelectedViewInfo] = useState(DEFAULT_VIEW);
     const { t } = useTranslation();
     const onViewButtonClick = (event) => {
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
@@ -30,16 +28,17 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
         setAnchorViewEl(null);
         setIsViewVisible(false);
         // to be removed
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
+        setSelectedViewInfo(DEFAULT_VIEW);
     };
     const handleSelectedViewInfo = (selected) => {
         setSelectedViewInfo(selected);
+        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews(selected);
         closeViewDropdown();
     };
     if (!anchorViewEl) {
         return (_jsx(StyledButton, Object.assign({ title: t('tableView'), onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })));
     }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === CUSTOM_VIEW.id && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
                         setCustomViewElement(customViewEl ? null : e.currentTarget);
                         setDefaultViewElement(null);
                     }, onClose: () => {
@@ -49,8 +48,6 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
                     }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
                         setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
                         setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
+                    }, onTableViewOptionClick: onTableViewOptionClick }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
 }
 export default memo(TableView);

package/build/components/TableView/constant.d.ts

@@ -0,0 +1,4 @@
+import type { TableViewOption } from '../TableHeader/type';
+export declare const DEFAULT_VIEW: TableViewOption;
+export declare const CUSTOM_VIEW: TableViewOption;
+export declare const DEFAULT_VIEW_OPTIONS: TableViewOption[];

package/build/components/TableView/constant.js

@@ -0,0 +1,3 @@
+export const DEFAULT_VIEW = { id: 'default', label: 'Default' };
+export const CUSTOM_VIEW = { id: 'custom', label: 'Custom view' };
+export const DEFAULT_VIEW_OPTIONS = [DEFAULT_VIEW];

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

@@ -1,3 +1,4 @@
 export { default as TableView } from './TableView';
 export * from './TableView';
 export * from './style';
+export type { TableViewOption } from '../TableHeader/type';

package/build/components/Tooltip/Tooltip.d.ts

@@ -1,10 +1,12 @@
 import React, { ReactElement } from 'react';
 import type { TooltipProps } from '@mui/material/Tooltip';
+import { BoxProps } from '@mui/material/Box';
 interface Props extends Omit<TooltipProps, 'children'> {
     title: React.ReactNode;
     placement?: TooltipProps['placement'];
     children?: ReactElement;
     className?: string;
+    wrapperProps?: BoxProps;
 }
-declare function Tooltip({ className, title, placement, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ className, title, placement, children, wrapperProps, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/build/components/Tooltip/Tooltip.js

@@ -14,8 +14,8 @@ import { useId } from 'react';
 import Box from '@mui/material/Box';
 import { StyledTooltip } from './styles';
 function Tooltip(_a) {
-    var { className, title, placement = 'top', children } = _a, rest = __rest(_a, ["className", "title", "placement", "children"]);
+    var { className, title, placement = 'top', children, wrapperProps } = _a, rest = __rest(_a, ["className", "title", "placement", "children", "wrapperProps"]);
     const id = useId();
-    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true }, rest, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center" }, { children: children }), `tooltip-child-${id}`) })));
+    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true }, rest, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center" }, wrapperProps, { children: children }), `tooltip-child-${id}`) })));
 }
 export default Tooltip;

package/build/components/VirtualTables/components/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.424",
+  "version": "0.1.425-hotfix.1.6.2026",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",
@@ -62,7 +62,7 @@
   "scripts": {
     "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
     "push:local": "yarn ts:build && yalc publish --push",
-    "push": "npm run ts:build && npm publish --access public",
+    "push": "npm run ts:build && npm publish --access public --tag hotfix",
     "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
     "build": "tsc -b && vite build ",

package/build/components/TableView/data.d.ts

@@ -1,5 +0,0 @@
-export declare const dummyViewList: {
-    label: string;
-    id: string;
-    columns: string[];
-}[];

package/build/components/TableView/data.js

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