@tap-payments/os-micro-frontend-shared 0.1.415 → 0.1.417-test.1

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/FilterDropdown/components/MerchantsFilterItem/MerchantsFilterItem.d.ts

@@ -0,0 +1,3 @@
+import { MerchantsFilterItemProps } from './type';
+declare const MerchantsFilterItem: (props: Readonly<MerchantsFilterItemProps>) => import("react/jsx-runtime").JSX.Element;
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/MerchantsFilterItem.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItem, SelectedState, Text, TreeDropdown, TreeManager } from '../../../index.js';
+import { useState, useMemo, useCallback, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { createTreeDefinitions } from './utils';
+import { TreeLevel } from './type';
+import { rightArrow } from '../../../../constants/index.js';
+const MerchantsFilterItem = (props) => {
+    const { brands, isLoading, initialValue, onFilterChange, BrandLogoComponent } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [merchantSelectStatus, setMerchantSelectStatus] = useState(SelectedState.UNCHECKED);
+    const treeDropdownRef = useRef(null);
+    const open = Boolean(anchorEl);
+    const { t, i18n } = useTranslation();
+    const treeDefinition = useMemo(() => createTreeDefinitions(brands, initialValue, i18n.language), [brands, initialValue, i18n.language]);
+    const brandsTreeItems = treeDefinition.children;
+    const isDisabled = isLoading || !brandsTreeItems.length;
+    const getMerchantSelectStatus = useCallback((selectedTree) => {
+        const checkedBrands = selectedTree.filter((brand) => brand.status === SelectedState.CHECKED);
+        const indeterminateBrands = selectedTree.filter((brand) => brand.status === SelectedState.INDETERMINATE);
+        return checkedBrands.length === brandsTreeItems.length
+            ? SelectedState.CHECKED
+            : indeterminateBrands.length > 0 || checkedBrands.length > 0
+                ? SelectedState.INDETERMINATE
+                : SelectedState.UNCHECKED;
+    }, [brandsTreeItems]);
+    const handleTreeMounted = useCallback(({ selectedTree }) => {
+        setMerchantSelectStatus(getMerchantSelectStatus(selectedTree));
+    }, [getMerchantSelectStatus]);
+    const handleTreeChange = useCallback((nextTree) => {
+        setMerchantSelectStatus(getMerchantSelectStatus(nextTree));
+        const mids = TreeManager.filterNodesByLevelKey(nextTree, TreeLevel.MERCHANT).map(({ id }) => id);
+        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(mids);
+    }, [onFilterChange, getMerchantSelectStatus]);
+    const handleClick = useCallback(() => {
+        var _a;
+        (_a = treeDropdownRef.current) === null || _a === void 0 ? void 0 : _a.toggleAll(merchantSelectStatus !== SelectedState.CHECKED);
+    }, [merchantSelectStatus]);
+    return (_jsxs(MenuItem, Object.assign({ isSelected: merchantSelectStatus === SelectedState.CHECKED, isIndeterminate: merchantSelectStatus === SelectedState.INDETERMINATE, isDisabled: isDisabled, onMouseEnter: (e) => setAnchorEl(e.currentTarget), onMouseLeave: () => setAnchorEl(null), onClick: handleClick, sx: Object.assign(Object.assign({ maxHeight: 36, minHeight: 36, padding: '12px 8px 12px 16px' }, (open && { boxShadow: '0px 0px 16px 0px #00000021' })), (isDisabled && {
+            pointerEvents: 'none',
+            opacity: 0.5,
+            cursor: 'default',
+        })) }, { children: [_jsx(Text, Object.assign({ sx: { fontSize: '11px', flex: 1 } }, { children: t('merchant') })), brands.length > 0 && _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), !isLoading && (_jsx(TreeDropdown, { ref: treeDropdownRef, placement: "right-start", anchorEl: anchorEl, exposeOnlySelectedTree: true, treeDefinition: treeDefinition, onChange: handleTreeChange, onMounted: handleTreeMounted, IconComponent: BrandLogoComponent }))] })));
+};
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/index.d.ts

@@ -0,0 +1,4 @@
+import MerchantsFilterItem from './MerchantsFilterItem';
+export * from './type';
+export * from './utils';
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/index.js

@@ -0,0 +1,4 @@
+import MerchantsFilterItem from './MerchantsFilterItem';
+export * from './type';
+export * from './utils';
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/type.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Brand } from '../../../../types/index.js';
+export declare enum TreeLevel {
+    BRAND = "BRAND",
+    COUNTRY = "COUNTRY",
+    ENTITY = "ENTITY",
+    MERCHANT = "MERCHANT"
+}
+export type MerchantsFilterItemProps = {
+    brands: Brand[];
+    isLoading: boolean;
+    initialValue: string[];
+    atLeastOneMerchantSelected?: boolean | undefined;
+    showSearchInput?: boolean | undefined;
+    hideCheckbox?: boolean | undefined;
+    onFilterChange?: ((value: string[]) => void) | undefined;
+    BrandLogoComponent: React.ComponentType<{
+        fileId: string;
+    }>;
+};

package/build/components/FilterDropdown/components/MerchantsFilterItem/type.js

@@ -0,0 +1,7 @@
+export var TreeLevel;
+(function (TreeLevel) {
+    TreeLevel["BRAND"] = "BRAND";
+    TreeLevel["COUNTRY"] = "COUNTRY";
+    TreeLevel["ENTITY"] = "ENTITY";
+    TreeLevel["MERCHANT"] = "MERCHANT";
+})(TreeLevel || (TreeLevel = {}));

package/build/components/FilterDropdown/components/MerchantsFilterItem/utils.d.ts

@@ -0,0 +1,5 @@
+import { TreeDefinition } from '../../../index.js';
+import { Brand } from '../../../../types/index.js';
+export declare const ID_SEPERATOR = "/";
+export declare const generateIdFromParts: (...args: string[]) => string;
+export declare const createTreeDefinitions: (brands: Brand[], selectedMerchantIds: string[], language: string) => TreeDefinition;

package/build/components/FilterDropdown/components/MerchantsFilterItem/utils.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CountryFlag, SelectedState } from '../../../index.js';
+import { getNameText } from '../../../../utils/index.js';
+import { TreeLevel } from './type';
+export const ID_SEPERATOR = '/';
+export const generateIdFromParts = (...args) => args.join(ID_SEPERATOR);
+export const createTreeDefinitions = (brands, selectedMerchantIds, language) => {
+    const children = brands.map((brand) => {
+        var _a, _b;
+        const entities = (_a = brand.entities) !== null && _a !== void 0 ? _a : [];
+        // level 2: unique countries per brand
+        const countries = Array.from(new Set(entities.map((entity) => entity.country).filter(Boolean)));
+        const countryNodes = countries.map((countryCode) => {
+            const entitiesInCountry = entities.filter((entity) => entity.country === countryCode);
+            // level 3: entities per country
+            const entityNodes = entitiesInCountry.map((entity) => {
+                var _a, _b;
+                const merchants = (_a = entity.merchants) !== null && _a !== void 0 ? _a : [];
+                // level 4: merchants per entity
+                const merchantNodes = merchants.map((merchant) => ({
+                    id: merchant.legacy_id,
+                    label: merchant.display_name,
+                    levelKey: TreeLevel.MERCHANT,
+                    status: selectedMerchantIds.includes(merchant.legacy_id) ? SelectedState.CHECKED : SelectedState.UNCHECKED,
+                    hintText: merchant.legacy_id,
+                }));
+                return Object.assign({ id: generateIdFromParts(brand.id, countryCode, entity.id), label: (_b = getNameText(entity.legal_name, language)) !== null && _b !== void 0 ? _b : entity.id, levelKey: TreeLevel.ENTITY, children: merchantNodes, header: 'Merchants' }, (merchantNodes.length > 10 && {
+                    searchProps: {
+                        getValues: (item) => [item.label, item.id],
+                    },
+                }));
+            });
+            return Object.assign({ id: generateIdFromParts(brand.id, countryCode), label: countryCode, levelKey: TreeLevel.COUNTRY, children: entityNodes, header: 'Entities', iconComponent: _jsx(CountryFlag, { countryCode: countryCode, width: 14 }) }, (entityNodes.length > 10 && {
+                searchProps: {
+                    getValues: (item) => [item.label, item.id],
+                },
+            }));
+        });
+        return {
+            id: brand.id,
+            label: (_b = getNameText(brand.name, language)) !== null && _b !== void 0 ? _b : brand.id,
+            levelKey: TreeLevel.BRAND,
+            children: countryNodes,
+            header: 'Countries',
+            icon: {
+                fileId: brand.logo,
+            },
+        };
+    });
+    return Object.assign({ levelKey: TreeLevel.BRAND, children, header: 'Brands' }, (children.length > 10 && {
+        searchProps: {
+            getValues: (item) => [item.label, item.id],
+        },
+    }));
+};

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

@@ -2,3 +2,5 @@ export { default as MerchantItem } from './MerchantItem';
 export { default as RetailersItem } from './RetailersItem';
 export { default as CountriesItem } from './CountriesItem';
 export { default as CurrenciesItem } from './CurrenciesItem';
+export { default as MerchantsFilterItem } from './MerchantsFilterItem';
+export * from './MerchantsFilterItem';

package/build/components/FilterDropdown/components/index.js

@@ -2,3 +2,5 @@ export { default as MerchantItem } from './MerchantItem';
 export { default as RetailersItem } from './RetailersItem';
 export { default as CountriesItem } from './CountriesItem';
 export { default as CurrenciesItem } from './CurrenciesItem';
+export { default as MerchantsFilterItem } from './MerchantsFilterItem';
+export * from './MerchantsFilterItem';

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/RangeCalender/RangeCalender.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState, useCallback } from 'react';
 import Box from '@mui/material/Box';
 import Collapse from '@mui/material/Collapse';
 import Popper from '@mui/material/Popper';
@@ -40,6 +40,10 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
             setValues(getDateRange(defaultDate));
         }
     }, [open]);
+    useEffect(() => {
+        if (defaultDate)
+            setDates(getDateRange(defaultDate));
+    }, [defaultDate]);
     useEffect(() => {
         setSelectedTimezone(timezone);
     }, [timezone, open]);
@@ -57,11 +61,11 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
         onCalendarGroupChange === null || onCalendarGroupChange === void 0 ? void 0 : onCalendarGroupChange(selectedGroupBy || 'day');
         onChangeTimezone === null || onChangeTimezone === void 0 ? void 0 : onChangeTimezone(selectedTimezone);
     };
-    const getSelectedDate = () => {
+    const getSelectedDate = useCallback(() => {
         const startSelectedTime = dates[0].format('MMM D');
         const endSelectedTime = dates[1] ? dates[1].format('MMM D') : dates[0].format('MMM D');
         return startSelectedTime === endSelectedTime && !noTimezone ? startSelectedTime : `${startSelectedTime} - ${endSelectedTime}`;
-    };
+    }, [dates, noTimezone]);
     const onChange = (newDate) => {
         if (newDate.length < 2 || !maxDateRange) {
             setValues(newDate);

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.js

@@ -15,10 +15,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 &&
-                (customViews ? (_jsx(ViewsMenu
-                // @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] }));
+                        }, 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 } }) })), customViews ? (_jsx(ViewsMenu, Object.assign({ onViewChange: onViewChange, tableMode: tableMode, lang: lang, setTableViews: setTableViews }, customViews))) : (_jsx(TableView, { onViewChange: onViewChange, setIsViewVisible: setIsViewVisible, tableViews: tableViews, setTableViews: setTableViews, resetTableViews: resetTableViews })), rightActions && !isViewVisible && rightActions] }));
 }

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

@@ -76,14 +76,14 @@ function ViewsDropdown({ open, selectedViewInfo, setSelectedViewInfo, anchorEl,
         forceClose();
     }
     function applyAndClose() {
-        const isDefaultView = selectedViewInfo.id === (defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.id) || selectedViewInfo.id === 'default' || (defaultTemplate === null || defaultTemplate === void 0 ? void 0 : defaultTemplate.default) === true;
         const colsToApply = (draftColumns === null || draftColumns === void 0 ? void 0 : draftColumns.length) ? draftColumns : defaultColumns;
-        if (isDefaultView && defaultTemplate && colsToApply.length) {
-            if (draftHasChanges) {
+        const viewToApply = hoveredViewId ? views.find((v) => v.id === hoveredViewId) : null;
+        if (viewToApply && colsToApply.length) {
+            if (viewToApply.default && draftHasChanges) {
                 onSaveDefaultColumns === null || onSaveDefaultColumns === void 0 ? void 0 : onSaveDefaultColumns(colsToApply);
                 setShowModifiedBadge(true);
             }
-            updateSelectedView === null || updateSelectedView === void 0 ? void 0 : updateSelectedView(Object.assign(Object.assign({}, defaultTemplate), { id: String(defaultTemplate.id), submenu: deepCloneColumns(colsToApply), columns: colsToApply.map((c) => c.name) }));
+            updateSelectedView === null || updateSelectedView === void 0 ? void 0 : updateSelectedView(Object.assign(Object.assign({}, viewToApply), { id: String(viewToApply.id), submenu: deepCloneColumns(colsToApply), columns: colsToApply.map((c) => c.name) }));
         }
         setDraftColumns(null);
         clearOriginalState();

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

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