pne-ui 4.0.8 → 4.0.9

package/esm/src/component/search-ui/filters/CriterionContainer.js

@@ -0,0 +1,148 @@
+import React from 'react';
+import { CriterionTypeEnum, LinkedEntityTypeEnum } from './types';
+import { Box } from '@mui/material';
+import { ExactSearchCriterion } from './component/criterion/ExactSearchCriterion';
+import { StatusCriterion } from './component/criterion/StatusCriterion';
+import { CriterionLeft } from './component/criterion/CriterionLeft';
+import { CriterionRight } from './component/criterion/CriterionRight';
+import { ThreeDCriterion } from './component/criterion/ThreeDCriterion';
+import { CurrenciesCriterion } from './component/criterion/CurrenciesCriterion';
+import { MultigetCriterionPanel } from './component/criterion/MultigetCriterionPanel';
+import { MarkerStatusCriterion } from './component/criterion/MarkerStatusCriterion';
+import { MarkerTypesCriterion } from './component/criterion/MarkerTypesCriterion';
+import { MfoConfigurationTypesCriterion } from './component/criterion/MfoFonfigurationTypesCriterion';
+import { RecurrenceStatusesCriterion } from './component/criterion/RecurrenceStatusesCriterion';
+import { RecurrenceTypesCriterion } from './component/criterion/RecurrenceTypesCriterion';
+import { TransactionTypesCriterion } from './component/criterion/TransactionTypesCriterion';
+import { TransactionStatusesCriterion } from './component/criterion/TransactionStatusesCriterion';
+import { TransactionSessionStatusCriterion } from './component/criterion/TransactionSessionStatusCriterion';
+import { CardTypesCriterion } from './component/criterion/CardTypesCriterion';
+import { CountriesCriterion } from './component/criterion/CountriesCriterion';
+import { DateRangeCriterion } from './component/criterion/DateRangeCriterion';
+import { ProjectCurrencyCriterion } from './component/criterion/ProjectCurrencyCriterion';
+import { GroupingCriterion } from './component/criterion/GroupingCriterion';
+import { exhaustiveCheck } from '../../..';
+import { OrdersSearchCriterion } from './component/criterion/orders-search/OrdersSearchCriterion';
+import { ProcessorLogEntryTypesCriterion } from './component/criterion/ProcessorLogEntryTypesCriterion';
+import { ErrorCodeCriterion } from './component/criterion/ErrorCodeCriterion';
+export const CriterionContainer = (props) => {
+    const { type, } = props;
+    const renderCriterion = () => {
+        switch (type) {
+            case CriterionTypeEnum.PROJECT:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.PROJECT });
+            case CriterionTypeEnum.ENDPOINT:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.ENDPOINT });
+            case CriterionTypeEnum.GATE:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.GATE });
+            case CriterionTypeEnum.PROCESSOR:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.PROCESSOR });
+            case CriterionTypeEnum.COMPANY:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.COMPANY });
+            case CriterionTypeEnum.MANAGER:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.MANAGER });
+            case CriterionTypeEnum.MERCHANT:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.MERCHANT });
+            case CriterionTypeEnum.RESELLER:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.RESELLER });
+            case CriterionTypeEnum.DEALER:
+                return React.createElement(MultigetCriterionPanel, { criterionType: type, entityType: LinkedEntityTypeEnum.DEALER });
+            case CriterionTypeEnum.EXACT:
+                return React.createElement(ExactSearchCriterion, null);
+            case CriterionTypeEnum.ORDERS_SEARCH:
+                return React.createElement(OrdersSearchCriterion, null);
+            case CriterionTypeEnum.STATUS:
+                return React.createElement(StatusCriterion, null);
+            case CriterionTypeEnum.THREE_D:
+                return React.createElement(ThreeDCriterion, null);
+            case CriterionTypeEnum.CURRENCY:
+                return React.createElement(CurrenciesCriterion, null);
+            case CriterionTypeEnum.DATE_RANGE:
+                return React.createElement(DateRangeCriterion, null);
+            case CriterionTypeEnum.DATE_RANGE_ORDERS:
+                return React.createElement(DateRangeCriterion, { showOrdersDateType: true });
+            case CriterionTypeEnum.PROJECT_CURRENCY:
+                return React.createElement(ProjectCurrencyCriterion, null);
+            case CriterionTypeEnum.CARD_TYPES:
+                return React.createElement(CardTypesCriterion, null);
+            case CriterionTypeEnum.COUNTRIES:
+                return React.createElement(CountriesCriterion, null);
+            case CriterionTypeEnum.TRANSACTION_TYPES:
+                return React.createElement(TransactionTypesCriterion, null);
+            case CriterionTypeEnum.TRANSACTION_STATUS:
+                return React.createElement(TransactionStatusesCriterion, null);
+            case CriterionTypeEnum.TRANSACTION_SESSION_STATUS:
+                return React.createElement(TransactionSessionStatusCriterion, null);
+            case CriterionTypeEnum.GROUPING:
+                return React.createElement(GroupingCriterion, null);
+            case CriterionTypeEnum.RECURRENCE_TYPE:
+                return React.createElement(RecurrenceTypesCriterion, null);
+            case CriterionTypeEnum.RECURRENCE_STATUS:
+                return React.createElement(RecurrenceStatusesCriterion, null);
+            case CriterionTypeEnum.MFO_CONFIGURATION_TYPE:
+                return React.createElement(MfoConfigurationTypesCriterion, null);
+            case CriterionTypeEnum.MARKER_TYPE:
+                return React.createElement(MarkerTypesCriterion, null);
+            case CriterionTypeEnum.MARKER_STATUS:
+                return React.createElement(MarkerStatusCriterion, null);
+            case CriterionTypeEnum.PROCESSOR_LOG_ENTRY_TYPE:
+                return React.createElement(ProcessorLogEntryTypesCriterion, null);
+            case CriterionTypeEnum.ERROR_CODE:
+                return React.createElement(ErrorCodeCriterion, null);
+            default:
+                exhaustiveCheck(type);
+        }
+        throw new Error('Can\'t be');
+    };
+    return React.createElement(Box, { sx: criterionSx },
+        React.createElement(Box, { sx: criterionLeftWrapperSx },
+            React.createElement(CriterionLeft, { criterionType: type })),
+        React.createElement(Box, { sx: criterionContentWrapperSx }, renderCriterion()),
+        React.createElement(Box, { sx: criterionRightWrapperSx },
+            React.createElement(CriterionRight, { criterionType: type })));
+};
+const criterionSx = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: '40px',
+    borderTop: '1px solid #EFF2F5',
+    columnGap: '16px',
+    '@media (max-width: 599px)': {
+        display: 'grid',
+        gridTemplateColumns: 'minmax(0, 1fr) auto',
+        gridTemplateAreas: `
+            "left right"
+            "content content"
+        `,
+        columnGap: '8px',
+        rowGap: '8px',
+        alignItems: 'center',
+        paddingTop: '8px',
+        paddingBottom: '8px',
+    },
+};
+const criterionLeftWrapperSx = {
+    display: 'flex',
+    alignItems: 'center',
+    '@media (max-width: 599px)': {
+        gridArea: 'left',
+    },
+};
+const criterionContentWrapperSx = {
+    flex: 1,
+    '@media (max-width: 599px)': {
+        gridArea: 'content',
+    },
+};
+const criterionRightWrapperSx = {
+    display: 'flex',
+    alignItems: 'center',
+    marginLeft: 'auto',
+    '@media (max-width: 599px)': {
+        gridArea: 'right',
+        marginLeft: 0,
+        justifyContent: 'flex-end',
+    },
+};
+//# sourceMappingURL=CriterionContainer.js.map

package/esm/src/component/search-ui/filters/CriterionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriterionContainer.js","sourceRoot":"","sources":["../../../../../src/component/search-ui/filters/CriterionContainer.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/filters/SearchUIFilters.d.ts

@@ -0,0 +1,102 @@
+import React from 'react';
+import { CriterionTypeEnum, DateRangeSpecType, ExactCriterionSearchLabelEnum, SearchCriteria, SearchUICriterionAvailabilityRule, SearchUIConditions } from './types';
+import { SearchUIDefaults } from '../../..';
+/**
+ * Дополнительные настройки критерия диапазона дат.
+ */
+export type DateRangeCriterionConfig = {
+    /**
+     * Разрешает выбор времени вместе с датой.
+     */
+    enableTimeSelection?: boolean;
+    /**
+     * Ограничивает список доступных вариантов выбора диапазона дат.
+     */
+    dateRangeSpecTypes?: ReadonlyArray<DateRangeSpecType>;
+};
+/**
+ * Общая конфигурация компонента {@link SearchUIFilters}.
+ */
+export type SearchUIFiltersConfig = {
+    /**
+     * Группы критериев, которые не могут быть активны одновременно.
+     */
+    conflictingCriteriaGroups?: CriterionTypeEnum[][];
+    /**
+     * Правила доступности критериев, зависящие от текущего состояния фильтров.
+     * Недоступный критерий удаляется из активных критериев и не отображается в списке добавления.
+     * Если недоступный критерий снова становится доступным и входит в predefinedCriteria, он возвращается автоматически.
+     */
+    criterionAvailabilityRules?: SearchUICriterionAvailabilityRule[];
+    /**
+     * Список предустановленных критериев, которые пользователь может удалить.
+     */
+    removablePredefinedCriteria?: CriterionTypeEnum[];
+    /**
+     * Прячет выпадающий список шаблонов фильтров.
+     */
+    hideTemplatesSelect?: boolean;
+    /**
+     * Прячет кнопку сворачивания/разворачивания панели фильтров.
+     */
+    hideShowFiltersButton?: boolean;
+    /**
+     * Дополнительные настройки поведения фильтра по диапазону дат.
+     */
+    dateRange?: DateRangeCriterionConfig;
+    /**
+     * Включает ручной режим поиска: при изменении фильтров запрос не отправляется автоматически,
+     * а в шапке панели появляется кнопка «Search».
+     */
+    manualSearch?: boolean;
+};
+/**
+ * Свойства компонента {@link SearchUIFilters}.
+ */
+type Props = {
+    /**
+     * Имя контекста настроек, используемое для хранения пользовательских предпочтений.
+     */
+    settingsContextName: string;
+    /**
+     * Полный набор критериев, доступных в фильтре.
+     */
+    possibleCriteria: CriterionTypeEnum[];
+    /**
+     * Критерии, которые активируются автоматически.
+     */
+    predefinedCriteria?: CriterionTypeEnum[];
+    /**
+     * Доступные значения точного поиска.
+     */
+    exactSearchLabels?: ExactCriterionSearchLabelEnum[];
+    /**
+     * Первоначальное состояние фильтров (кроме перечня критериев).
+     */
+    initialSearchConditions?: Partial<Omit<SearchUIConditions, 'criteria'>>;
+    /**
+     * Внешнее состояние фильтра, синхронизируемое со стором.
+     */
+    searchConditions?: Partial<SearchUIConditions>;
+    /**
+     * Колбэк, вызываемый при изменении условий поиска.
+     */
+    onFiltersUpdate: (searchCriteria: SearchCriteria) => void;
+    /**
+     * Конфигурация поведения фильтра.
+     */
+    config?: SearchUIFiltersConfig;
+};
+/**
+ * Панель фильтров поискового интерфейса с поддержкой шаблонов и динамических критериев.
+ * @param props Свойства компонента.
+ */
+export declare const SearchUIFilters: (props: Props) => React.JSX.Element;
+/**
+ * Фильтрует список критериев в соответствии с доступностью, предоставленной настройками по умолчанию.
+ * @param defaults Значения по умолчанию из {@link SearchUIDefaultsContext}.
+ * @param criteria Критерии, которые требуется проверить.
+ * @returns Подмножество критериев, доступных пользователю.
+ */
+export declare const filterAvailableCriteria: (defaults: SearchUIDefaults, criteria: CriterionTypeEnum[] | undefined) => CriterionTypeEnum[];
+export {};

package/esm/src/component/search-ui/filters/SearchUIFilters.js

@@ -0,0 +1,226 @@
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { SearchUIFiltersHeaderActions, SearchUIFiltersHeaderLeft, SearchUIFiltersHeaderMainRow, SearchUIFiltersHeaderRight, SearchUIFiltersHeaderSearch, } from './styled';
+import { CriterionTypeEnum, } from './types';
+import SearchUITemplatesMenu from './component/template/SearchUITemplatesMenu';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from './state/store';
+import { Box, Chip, IconButton } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import isEqual from 'lodash/isEqual';
+import SearchUIAddFilter from './component/select/SearchUIAddFilter';
+import { CriterionContainer } from './CriterionContainer';
+import { overlayActions, PneButton } from '../../..';
+import { SearchUIDefaultsContext } from "../SearchUIProvider";
+import { createClearCriteriaUndoSnapshot } from './state/undo';
+import { isCriterionAvailable } from './criterionAvailability';
+/**
+ * Панель фильтров поискового интерфейса с поддержкой шаблонов и динамических критериев.
+ * @param props Свойства компонента.
+ */
+export const SearchUIFilters = (props) => {
+    const { t } = useTranslation();
+    const { settingsContextName, possibleCriteria = [], predefinedCriteria = [], exactSearchLabels = [], initialSearchConditions, searchConditions, config, onFiltersUpdate, } = props;
+    const defaults = useContext(SearchUIDefaultsContext);
+    const adjustedPossibleCriteria = filterAvailableCriteria(defaults, [
+        ...new Set([
+            ...possibleCriteria,
+            ...predefinedCriteria
+        ])
+    ]);
+    const setInitialState = useSearchUIFiltersStore(s => s.setInitialState);
+    const loadTemplates = useSearchUIFiltersStore(s => s.loadTemplates);
+    const criteria = useSearchUIFiltersStore(s => s.criteria);
+    const clearCriteria = useSearchUIFiltersStore(s => s.clearCriteria);
+    const restoreClearCriteriaSnapshot = useSearchUIFiltersStore(s => s.restoreClearCriteriaSnapshot);
+    const addCriterion = useSearchUIFiltersStore(s => s.addCriterion);
+    const conflictingCriteriaGroups = useSearchUIFiltersStore(s => s.config?.conflictingCriteriaGroups);
+    const hideTemplatesSelect = useSearchUIFiltersStore(s => s.config?.hideTemplatesSelect);
+    const hideShowFiltersButton = useSearchUIFiltersStore(s => s.config?.hideShowFiltersButton);
+    const manualSearch = useSearchUIFiltersStore(s => s.config?.manualSearch);
+    const hasUnappliedFilters = useSearchUIFiltersStore(s => s.hasUnappliedFilters);
+    const triggerSearch = useSearchUIFiltersStore(s => s.triggerSearch);
+    const exactSearchLabel = useSearchUIFiltersStore(s => s.exactSearchLabel);
+    const updateConditions = useSearchUIFiltersStore(s => s.updateConditions);
+    const filtersState = useSearchUIFiltersStore(s => s);
+    const [showFilters, setShowFilters] = useState(true);
+    const pendingClearCriteriaUndoRef = useRef(null);
+    const clearPendingClearCriteriaUndo = (dismissSnackbar = true) => {
+        const pending = pendingClearCriteriaUndoRef.current;
+        if (!pending)
+            return;
+        if (pending.timeoutId) {
+            clearTimeout(pending.timeoutId);
+        }
+        if (dismissSnackbar) {
+            overlayActions.removeSnackbar(pending.snackbarId);
+        }
+        pendingClearCriteriaUndoRef.current = null;
+    };
+    useEffect(() => {
+        setInitialState({
+            defaults: defaults,
+            settingsContextName: settingsContextName,
+            possibleCriteria: adjustedPossibleCriteria,
+            predefinedCriteria: predefinedCriteria,
+            exactSearchLabels: exactSearchLabels,
+            exactSearchLabel: exactSearchLabel || exactSearchLabels[0],
+            criteria: predefinedCriteria,
+            config: config,
+            onFiltersUpdate: onFiltersUpdate,
+            ...initialSearchConditions
+        });
+    }, []);
+    useEffect(() => {
+        loadTemplates();
+    }, []);
+    useEffect(() => {
+        if (searchConditions) {
+            updateConditions(searchConditions, {
+                forceSearch: true,
+                resetTemplate: true,
+            });
+        }
+    }, [searchConditions]);
+    useEffect(() => {
+        const unsubscribe = useSearchUIFiltersStore.subscribe(state => {
+            const pending = pendingClearCriteriaUndoRef.current;
+            if (!pending)
+                return;
+            const currentSnapshot = createClearCriteriaUndoSnapshot(state);
+            if (isEqual(currentSnapshot, pending.baseline)) {
+                return;
+            }
+            clearPendingClearCriteriaUndo();
+        });
+        return () => {
+            clearPendingClearCriteriaUndo();
+            unsubscribe();
+        };
+    }, []);
+    const someCriteriaAdded = criteria.length > 0;
+    const showFiltersCountChip = someCriteriaAdded && !showFilters;
+    const removablePredefinedCriteria = config?.removablePredefinedCriteria ?? [];
+    const nonRemovablePredefinedCriteria = predefinedCriteria.filter(criterion => !removablePredefinedCriteria.includes(criterion));
+    const nothingToClear = criteria.every(criterion => nonRemovablePredefinedCriteria.includes(criterion));
+    const criteriaOptions = adjustedPossibleCriteria
+        .filter(criterion => !criteria.includes(criterion))
+        .filter(criterion => isCriterionAvailable(criterion, filtersState, config))
+        .filter(possibleC => {
+        let show = true;
+        conflictingCriteriaGroups?.forEach(group => {
+            if (group.includes(possibleC) && group.some(conflictingC => criteria.includes(conflictingC))) {
+                show = false;
+            }
+        });
+        return show;
+    });
+    const allCriteriaAdded = criteriaOptions.length === 0;
+    const showClearAllButton = !nothingToClear;
+    const showTemplatesMenu = !hideTemplatesSelect;
+    const showAddFilterButton = !allCriteriaAdded;
+    const showMainActionsRow = showClearAllButton || showTemplatesMenu || showAddFilterButton;
+    const handleClearCriteria = () => {
+        const snapshotBeforeClear = createClearCriteriaUndoSnapshot(useSearchUIFiltersStore.getState());
+        clearPendingClearCriteriaUndo();
+        clearCriteria();
+        const baseline = createClearCriteriaUndoSnapshot(useSearchUIFiltersStore.getState());
+        const autoHideMs = 5000;
+        const snackbarId = overlayActions.showUndoSnackbar({
+            message: t('react.searchUI.clearAll.cleared', { defaultValue: 'All filters cleared' }),
+            undoLabel: t('react.searchUI.undo', { defaultValue: 'Undo' }),
+            autoHideMs,
+            onUndo: () => {
+                clearPendingClearCriteriaUndo(false);
+                restoreClearCriteriaSnapshot(snapshotBeforeClear);
+            },
+        });
+        pendingClearCriteriaUndoRef.current = {
+            snackbarId,
+            baseline,
+            timeoutId: setTimeout(() => {
+                clearPendingClearCriteriaUndo(false);
+            }, autoHideMs),
+        };
+    };
+    return React.createElement(Box, { sx: { px: '16px' } },
+        React.createElement(Box, { sx: headerSx },
+            React.createElement(Box, { sx: headerPrimaryRowSx },
+                hideShowFiltersButton ? null : React.createElement(IconButton, { onClick: () => setShowFilters(prev => !prev), size: 'small', color: 'primary' },
+                    React.createElement(ExpandMoreIcon, { fontSize: 'small', sx: { transform: showFilters ? 'rotate(180deg)' : 'rotate(-90deg)' } })),
+                React.createElement(Box, { sx: titleSx, component: 'span' }, t('react.searchUI.filters')),
+                showFiltersCountChip ? React.createElement(Chip, { size: 'small', color: 'primary', variant: 'outlined', label: criteria.length, sx: nowrapChipSx }) : null),
+            React.createElement(SearchUIFiltersHeaderActions, null,
+                showMainActionsRow ? React.createElement(SearchUIFiltersHeaderMainRow, null,
+                    React.createElement(SearchUIFiltersHeaderLeft, null, showClearAllButton ? React.createElement(PneButton, { onClick: handleClearCriteria, color: 'pneNeutral', size: 'small', sx: nowrapButtonSx }, t('clear.all')) : null),
+                    React.createElement(SearchUIFiltersHeaderRight, null,
+                        showTemplatesMenu ? React.createElement(SearchUITemplatesMenu, null) : null,
+                        showAddFilterButton ? React.createElement(SearchUIAddFilter, { options: criteriaOptions, onChange: criterion => {
+                                setShowFilters(true);
+                                addCriterion(criterion);
+                            } }) : null)) : null,
+                manualSearch ? React.createElement(SearchUIFiltersHeaderSearch, null,
+                    React.createElement(PneButton, { onClick: triggerSearch, color: 'primary', size: 'small', variant: 'contained', disabled: !hasUnappliedFilters, sx: nowrapButtonSx }, t('react.searchUI.search'))) : null)),
+        showFilters ? React.createElement(Box, null, criteria.map((criterion) => React.createElement(CriterionContainer, { key: criterion, type: criterion }))) : null);
+};
+const titleSx = {
+    display: 'flex',
+    lineHeight: '32px',
+    fontSize: '20px',
+    fontWeight: '700',
+    color: '#323745', //TODO theme это должно приходить из темы
+};
+const headerSx = {
+    display: 'flex',
+    alignItems: 'center',
+    columnGap: '12px',
+    width: '100%',
+    py: '15px',
+    '@media (max-width: 599px)': {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        rowGap: '8px',
+    },
+};
+const headerPrimaryRowSx = {
+    display: 'flex',
+    alignItems: 'center',
+    columnGap: '12px',
+    flexWrap: 'nowrap',
+    width: 'auto',
+    '@media (max-width: 599px)': {
+        width: '100%',
+    },
+};
+const nowrapButtonSx = {
+    whiteSpace: 'nowrap',
+};
+const nowrapChipSx = {
+    whiteSpace: 'nowrap',
+};
+/**
+ * Фильтрует список критериев в соответствии с доступностью, предоставленной настройками по умолчанию.
+ * @param defaults Значения по умолчанию из {@link SearchUIDefaultsContext}.
+ * @param criteria Критерии, которые требуется проверить.
+ * @returns Подмножество критериев, доступных пользователю.
+ */
+export const filterAvailableCriteria = (defaults, criteria) => {
+    const visibilityFlags = {
+        [CriterionTypeEnum.PROJECT_CURRENCY]: defaults.showProjectCurrencyCriterion(),
+        [CriterionTypeEnum.PROCESSOR]: defaults.showProcessorsCriterion(),
+        [CriterionTypeEnum.GATE]: defaults.showGatesCriterion(),
+        [CriterionTypeEnum.PROJECT]: defaults.showProjectsCriterion(),
+        [CriterionTypeEnum.ENDPOINT]: defaults.showEndpointsCriterion(),
+        [CriterionTypeEnum.MERCHANT]: defaults.showMerchantsCriterion(),
+        [CriterionTypeEnum.MANAGER]: defaults.showManagersCriterion(),
+        [CriterionTypeEnum.RESELLER]: defaults.showResellersCriterion(),
+        [CriterionTypeEnum.DEALER]: defaults.showDealersCriterion(),
+        [CriterionTypeEnum.COMPANY]: defaults.showCompaniesCriterion(),
+        // [CriterionTypeEnum.SUPE]: defaults.showSuperiorsCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormPaymentTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormFinishTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormWaitTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormPayment3dsTemplatesCriterion(),
+    };
+    return (criteria || []).filter(c => visibilityFlags[c] !== false);
+};
+//# sourceMappingURL=SearchUIFilters.js.map

package/esm/src/component/search-ui/filters/SearchUIFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIFilters.js","sourceRoot":"","sources":["../../../../../src/component/search-ui/filters/SearchUIFilters.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+declare const SearchUIFiltersCriterionHeaderClearButton: (props: IProps) => React.JSX.Element;
+export default SearchUIFiltersCriterionHeaderClearButton;

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchUIFiltersCriterionHeaderButton } from '../../styled';
+const SearchUIFiltersCriterionHeaderClearButton = (props) => {
+    const { onClick } = props;
+    return (React.createElement(SearchUIFiltersCriterionHeaderButton, { onClick: onClick },
+        React.createElement(EraseIcon, null)));
+};
+export default SearchUIFiltersCriterionHeaderClearButton;
+const EraseIcon = () => {
+    return React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M6 14.667H14", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M1.94047 11.7205L4.28048 14.0605C5.06048 14.8405 6.3338 14.8405 7.10714 14.0605L14.0605 7.10713C14.8405 6.32713 14.8405 5.0538 14.0605 4.28046L11.7205 1.94047C10.9405 1.16047 9.66717 1.16047 8.89384 1.94047L1.94047 8.8938C1.16047 9.66713 1.16047 10.9405 1.94047 11.7205Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M4.74609 6.08691L9.91276 11.2536", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+};
+//# sourceMappingURL=SearchUIFiltersCriterionHeaderClearButton.js.map

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIFiltersCriterionHeaderClearButton.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,oCAAoC,EAAC,MAAM,cAAc,CAAC;AAMlE,MAAM,yCAAyC,GAAG,CAAC,KAAa,EAAE,EAAE;IAChE,MAAM,EACF,OAAO,EACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACH,oBAAC,oCAAoC,IAAC,OAAO,EAAE,OAAO;QAClD,oBAAC,SAAS,OAAE,CACuB,CAC1C,CAAC;AACN,CAAC,CAAA;AAED,eAAe,yCAAyC,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,OAAO,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACjG,8BAAM,CAAC,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;QACvF,8BACI,CAAC,EAAC,gRAAgR,EAClR,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAChE;QACF,8BACI,CAAC,EAAC,kCAAkC,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAC5E,cAAc,EAAC,OAAO,GACxB,CACA,CAAA;AACV,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+declare const SearchUIFiltersCriterionHeaderRemoveButton: (props: IProps) => React.JSX.Element;
+export default SearchUIFiltersCriterionHeaderRemoveButton;

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SearchUIFiltersCriterionHeaderButton } from '../../styled';
+const SearchUIFiltersCriterionHeaderRemoveButton = (props) => {
+    const { onClick } = props;
+    return React.createElement(SearchUIFiltersCriterionHeaderButton, { onClick: onClick },
+        React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M12 4L4 12", stroke: "#809EAE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M4 4L12 12", stroke: "#809EAE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+export default SearchUIFiltersCriterionHeaderRemoveButton;
+//# sourceMappingURL=SearchUIFiltersCriterionHeaderRemoveButton.js.map

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIFiltersCriterionHeaderRemoveButton.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,oCAAoC,EAAC,MAAM,cAAc,CAAC;AAMlE,MAAM,0CAA0C,GAAG,CAAC,KAAa,EAAE,EAAE;IACjE,MAAM,EACF,OAAO,EACV,GAAG,KAAK,CAAA;IAET,OAAO,oBAAC,oCAAoC,IAAC,OAAO,EAAE,OAAO;QACzD,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC1F,8BAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;YACpG,8BAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,CAClG,CAC6B,CAAA;AAC3C,CAAC,CAAA;AAED,eAAe,0CAA0C,CAAC"}

package/esm/src/component/search-ui/filters/component/criterion/CardTypesCriterion.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CardTypesCriterion: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/criterion/CardTypesCriterion.js

@@ -0,0 +1,20 @@
+import React, { useContext, useEffect, useState } from 'react';
+import SearchUIAbstractEntitySelect from '../select/SearchUIAbstractEntitySelect';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { SearchUIDefaultsContext } from "../../../SearchUIProvider";
+export const CardTypesCriterion = () => {
+    const [availableCardTypes, setAvailableCardTypes] = useState([]);
+    const cardTypes = useSearchUIFiltersStore(s => s.cardTypes);
+    const setCardTypesCriterion = useSearchUIFiltersStore(s => s.setCardTypesCriterion);
+    const { getCardTypes } = useContext(SearchUIDefaultsContext);
+    useEffect(() => {
+        getCardTypes()
+            .then(response => {
+            setAvailableCardTypes(response);
+        })
+            // .catch(raiseUIError)
+            .catch(console.error);
+    }, []);
+    return React.createElement(SearchUIAbstractEntitySelect, { value: cardTypes, options: availableCardTypes, onChange: setCardTypesCriterion });
+};
+//# sourceMappingURL=CardTypesCriterion.js.map

package/esm/src/component/search-ui/filters/component/criterion/CardTypesCriterion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTypesCriterion.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CardTypesCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,4BAA4B,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAElF,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAEnF,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,EAAE;aACT,IAAI,CAAC,QAAQ,CAAC,EAAE;YACb,qBAAqB,CAAC,QAAQ,CAAC,CAAA;QACnC,CAAC,CAAC;YACF,uBAAuB;aACtB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,oBAAC,4BAA4B,IAChC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,qBAAqB,GACjC,CAAA;AACN,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/criterion/CountriesCriterion.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CountriesCriterion: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/criterion/CountriesCriterion.js

@@ -0,0 +1,19 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { SearchUIDefaultsContext } from '../../../SearchUIProvider';
+import { useSearchUIFiltersStore } from '../../state/store';
+import SearchUICountriesSelect from '../select/SearchUICountriesSelect';
+export const CountriesCriterion = () => {
+    const [availableCountries, setAvailableCountries] = useState([]);
+    const countries = useSearchUIFiltersStore(s => s.countries);
+    const setCountriesCriterion = useSearchUIFiltersStore(s => s.setCountriesCriterion);
+    const { getCountries } = useContext(SearchUIDefaultsContext);
+    useEffect(() => {
+        getCountries()
+            .then(response => {
+            setAvailableCountries(response);
+        })
+            .catch(console.error);
+    }, [getCountries]);
+    return React.createElement(SearchUICountriesSelect, { value: countries, options: availableCountries, onChange: setCountriesCriterion });
+};
+//# sourceMappingURL=CountriesCriterion.js.map

package/esm/src/component/search-ui/filters/component/criterion/CountriesCriterion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountriesCriterion.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CountriesCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAA;AACzD,OAAO,uBAAuB,MAAM,mCAAmC,CAAA;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IAE3E,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAEnF,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,EAAE;aACT,IAAI,CAAC,QAAQ,CAAC,EAAE;YACb,qBAAqB,CAAC,QAAQ,CAAC,CAAA;QACnC,CAAC,CAAC;aACD,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,oBAAC,uBAAuB,IAC3B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,qBAAqB,GACjC,CAAA;AACN,CAAC,CAAA"}

package/esm/src/component/search-ui/filters/component/criterion/CriterionLeft.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CriterionTypeEnum } from '../../types';
+type Props = {
+    criterionType: CriterionTypeEnum;
+};
+export declare const CriterionLeft: (props: Props) => React.JSX.Element;
+export {};