pne-ui 4.0.6 → 4.0.9

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Box } from '@mui/material';
+import { SearchUIOrdersSearchLabelSelect } from "../../select/SearchUIOrdersSearchLabelSelect";
+import { OrdersSearchInput } from "./OrdersSearchInput";
+export const OrdersSearchCriterion = () => {
+    const { t } = useTranslation();
+    return React.createElement(Box, { sx: centerSx },
+        React.createElement(OrdersSearchInput, null),
+        React.createElement(Box, { component: 'span', sx: { display: 'inline-block', color: '#8A94A6' } }, t('in')),
+        React.createElement(SearchUIOrdersSearchLabelSelect, null));
+};
+const centerSx = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    columnGap: '8px',
+};
+//# sourceMappingURL=OrdersSearchCriterion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrdersSearchCriterion.js","sourceRoot":"","sources":["../../../../../../../../src/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,GAAG,EAAU,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,+BAA+B,EAAC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAE5B,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ;QACpB,oBAAC,iBAAiB,OAAE;QACpB,oBAAC,GAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAC,IAAG,CAAC,CAAC,IAAI,CAAC,CAAO;QACxF,oBAAC,+BAA+B,OAAE,CAChC,CAAA;AACV,CAAC,CAAA;AAED,MAAM,QAAQ,GAAY;IACtB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,KAAK;CACnB,CAAA"}

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

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

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

@@ -0,0 +1,84 @@
+import React, { useEffect, useState } from 'react';
+import { useSearchUIFiltersStore } from "../../../state/store";
+import { exhaustiveCheck, PneTextField } from "../../../../../../index";
+import { useTranslation } from "react-i18next";
+import { OrdersSearchLabelsConfig } from "../../../state/actions";
+import { AmountMaskInput } from "./AmountMaskInput";
+import { Card6And4MaskInput } from "./Card6And4MaskInput";
+import { OrdersSearchCountrySelect } from "./OrdersSearchCountrySelect";
+export const OrdersSearchInput = () => {
+    const { t } = useTranslation();
+    const ordersSearchLabel = useSearchUIFiltersStore(s => s.ordersSearchLabel);
+    const ordersSearchValue = useSearchUIFiltersStore(s => s.ordersSearchValue);
+    const setOrderSearchCriterionValue = useSearchUIFiltersStore(s => s.setOrderSearchCriterionValue);
+    const [searchValue, setSearchValue] = useState(ordersSearchValue);
+    useEffect(() => {
+        setSearchValue(ordersSearchValue);
+    }, [ordersSearchValue]);
+    const inputType = OrdersSearchLabelsConfig[ordersSearchLabel];
+    const handleTextChange = (event) => {
+        let newValue = event.target.value;
+        if (inputType.type === 'integer') {
+            newValue = newValue.replace(/\D/g, '');
+        }
+        if (newValue.length > inputType.maxLength) {
+            newValue = newValue.slice(0, inputType.maxLength);
+        }
+        setSearchValue(newValue);
+        setOrderSearchCriterionValue(newValue);
+    };
+    const handleMaskedChange = (event) => {
+        const newValue = event.target.value;
+        setSearchValue(newValue);
+        setOrderSearchCriterionValue(newValue);
+    };
+    const renderInput = () => {
+        switch (inputType.type) {
+            case 'integer':
+            case 'string':
+                return React.createElement(PneTextField, { value: searchValue, onChange: handleTextChange, placeholder: t('search'), sx: valueInputSx, size: 'small', variant: 'filled', slotProps: {
+                        input: {
+                            disableUnderline: true,
+                        },
+                    } });
+            case 'amount':
+                return React.createElement(PneTextField, { value: searchValue, onChange: handleMaskedChange, placeholder: t('search'), size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
+                        input: {
+                            disableUnderline: true,
+                            inputComponent: AmountMaskInput,
+                        },
+                    } });
+            case 'ip':
+                return React.createElement(PneTextField, { value: searchValue, onChange: handleTextChange, placeholder: 'IPv4 / IPv6', size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
+                        input: {
+                            disableUnderline: true,
+                        },
+                    } });
+            case 'card6and4':
+                return React.createElement(PneTextField, { value: searchValue, onChange: handleMaskedChange, placeholder: t('search'), size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
+                        input: {
+                            disableUnderline: true,
+                            inputComponent: Card6And4MaskInput,
+                        },
+                    } });
+            case 'country':
+                return React.createElement(OrdersSearchCountrySelect, null);
+            default:
+                exhaustiveCheck(inputType.type);
+        }
+        throw new Error('Can\'t be');
+    };
+    return renderInput();
+};
+const valueInputSx = {
+    '& .MuiInputBase-root.MuiFilledInput-root': {
+        height: '24px',
+        borderRadius: '16px',
+    },
+    '& .MuiInputBase-input.MuiFilledInput-input': {
+        py: '3px',
+        fontSize: '13px',
+        lineHeight: '18px',
+    },
+};
+//# sourceMappingURL=OrdersSearchInput.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { SxProps } from '@mui/material';
+export declare const filtersInputSx: SxProps;

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

@@ -0,0 +1,12 @@
+export const filtersInputSx = {
+    '& .MuiInputBase-root.MuiFilledInput-root': {
+        height: '24px',
+        borderRadius: '16px',
+    },
+    '& .MuiInputBase-input.MuiFilledInput-input': {
+        py: '3px',
+        fontSize: '13px',
+        lineHeight: '18px',
+    },
+};
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/style.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAY;IACnC,0CAA0C,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;KACvB;IACD,4CAA4C,EAAE;QAC1C,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACrB;CACJ,CAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AbstractEntity, AbstractEntityAllableCollection } from '../../../../..';
+type Props = {
+    value: AbstractEntityAllableCollection;
+    onChange: (value: AbstractEntityAllableCollection) => void;
+    options: readonly AbstractEntity[];
+};
+declare const SearchUIAbstractEntitySelect: (props: Props) => React.JSX.Element;
+export default SearchUIAbstractEntitySelect;

package/esm/src/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js

@@ -0,0 +1,82 @@
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Chip } from '@mui/material';
+import { PneAutocomplete, PneCheckbox } from '../../../../..';
+const ALL_OPTION_ID = -1;
+const SearchUIAbstractEntitySelect = (props) => {
+    const { t } = useTranslation();
+    const { value, onChange, options, } = props;
+    const allOption = {
+        id: ALL_OPTION_ID,
+        displayName: t('react.searchUI.all'),
+    };
+    const [isSelectAllChecked, setIsSelectAllChecked] = useState(value.all);
+    const [optionsWithAll, setOptionsWithAll] = useState([]);
+    useEffect(() => {
+        setIsSelectAllChecked(value.all);
+    }, [value.all]);
+    useEffect(() => {
+        setOptionsWithAll([allOption, ...(options ?? [])]);
+    }, [options]);
+    useEffect(() => {
+        const entities = value.entities ?? [];
+        const optLength = options?.length ?? 0;
+        setIsSelectAllChecked(entities.length === 0 || entities.length === optLength);
+    }, [options, value.entities]);
+    const onOptionChange = (value) => {
+        if (value.length === 0
+            || (value.length === 1 && value[0].id === ALL_OPTION_ID)) {
+            setIsSelectAllChecked(true);
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+        else {
+            setIsSelectAllChecked(false);
+            onChange({
+                all: false,
+                entities: value.filter(v => v.id !== ALL_OPTION_ID),
+            });
+        }
+    };
+    const onSelectAllOptionClick = (selected) => {
+        if (!selected) {
+            setIsSelectAllChecked(true);
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+    };
+    return React.createElement(PneAutocomplete, { value: isSelectAllChecked ? [allOption] : (value.entities ?? []), options: optionsWithAll, onChange: (e, value) => onOptionChange(value), sx: selectSx, multiple: true, renderOption: (props, option, { selected }) => {
+            if (option.id === ALL_OPTION_ID) {
+                return React.createElement("li", { ...props, onClick: () => onSelectAllOptionClick(selected) },
+                    React.createElement(PneCheckbox, { checked: selected, disabled: selected }),
+                    option.displayName);
+            }
+            else {
+                return React.createElement("li", { ...props }, option.displayName);
+            }
+        }, renderValue: (tagValue, getItemProps) => tagValue.map((option, index) => {
+            const { key, onDelete, ...tagProps } = getItemProps({ index });
+            return React.createElement(Chip, { ...tagProps, key: key, label: option.displayName, size: 'small', onDelete: option.id === ALL_OPTION_ID ? undefined : onDelete });
+        }), disableClearable: true, disableCloseOnSelect: true, size: 'small' });
+};
+export default SearchUIAbstractEntitySelect;
+const selectSx = {
+    width: '100%',
+    '& .MuiButtonBase-root.MuiIconButton-root.MuiAutocomplete-popupIndicator': {
+        display: 'none',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent !important',
+    },
+    '& .MuiInputBase-root.MuiOutlinedInput-root': {
+        pl: '0 !important',
+    },
+    '& .MuiButtonBase-root.MuiChip-root': {
+        m: '0 4px 0 0 !important',
+    },
+};
+//# sourceMappingURL=SearchUIAbstractEntitySelect.js.map

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CriterionTypeEnum } from '../../types';
+type Props = {
+    onChange: (value: CriterionTypeEnum) => void;
+    options: CriterionTypeEnum[];
+};
+declare const SearchUIAddFilter: (props: Props) => React.JSX.Element;
+export default SearchUIAddFilter;

package/esm/src/component/search-ui/filters/component/select/SearchUIAddFilter.js

@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { Box } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { PneButton, PneSelect } from '../../../../..';
+const SearchUIAddFilter = (props) => {
+    const { t } = useTranslation();
+    const { t: optionRenderer } = useTranslation('', { keyPrefix: 'react.CriterionTypeEnum' });
+    const { onChange, options, } = props;
+    const [open, setOpen] = useState(false);
+    return React.createElement(Box, { sx: relativeContainerSx },
+        React.createElement(PneButton, { onClick: () => setOpen(true), size: 'small', color: 'pneNeutral', endIcon: React.createElement(ExpandMoreIcon, null), sx: addFilterButtonSx }, t('react.searchUI.addCriterion')),
+        React.createElement(PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), options: options, onChange: (value) => onChange(value), sx: selectSx, value: '', getOptionLabel: opt => optionRenderer(opt.label) }));
+};
+export default SearchUIAddFilter;
+const relativeContainerSx = {
+    position: 'relative',
+};
+const addFilterButtonSx = {
+    whiteSpace: 'nowrap',
+    px: '12px',
+    '& .MuiButton-endIcon': {
+        ml: '8px',
+    },
+};
+const selectSx = {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '100%',
+    height: '100%',
+    '& .MuiSvgIcon-root.MuiSelect-icon': {
+        display: 'none',
+    },
+    '& .MuiSelect-select': {
+        height: '100%',
+        paddingY: 0,
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent !important',
+    },
+    '& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input': {
+        height: '100%',
+    },
+};
+//# sourceMappingURL=SearchUIAddFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIAddFilter.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUIAddFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,GAAG,EAAU,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAOpD,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAC5B,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,yBAAyB,EAAC,CAAC,CAAA;IACtF,MAAM,EACF,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,mBAAmB;QAC/B,oBAAC,SAAS,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,oBAAC,cAAc,OAAE,EAC1B,EAAE,EAAE,iBAAiB,IACvB,CAAC,CAAC,6BAA6B,CAAC,CAAa;QAC/C,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAA0B,CAAC,EACzD,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,GAClD,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA;AAEhC,MAAM,mBAAmB,GAAY;IACjC,QAAQ,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,iBAAiB,GAAY;IAC/B,UAAU,EAAE,QAAQ;IACpB,EAAE,EAAE,MAAM;IACV,sBAAsB,EAAE;QACpB,EAAE,EAAE,KAAK;KACZ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAY;IACtB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mCAAmC,EAAE;QACjC,OAAO,EAAE,MAAM;KAClB;IACD,qBAAqB,EAAE;QACnB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;KACd;IACD,oCAAoC,EAAE;QAClC,WAAW,EAAE,wBAAwB;KACxC;IACD,+DAA+D,EAAE;QAC7D,MAAM,EAAE,MAAM;KACjB;CACJ,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    onOpen: () => void;
+};
+export declare const SearchUICollapsableGroupSelect: (props: Props) => React.JSX.Element;
+export {};

package/esm/src/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js

@@ -0,0 +1,169 @@
+import React, { useEffect, useState } from 'react';
+import { Box, MenuItem, Select, Typography } from '@mui/material';
+import { selectUnderChipSx } from "./style";
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { useSearchUIFiltersStore } from "../../state/store";
+import { useTranslation } from "react-i18next";
+const GROUPS = [
+    {
+        id: 'searchLabelGroupID.orders.main',
+        label: 'searchLabelGroup.main',
+        items: [
+            { value: 'merchant_invoice_id', label: 'searchLabel.merchant_invoice_id' },
+            { value: 'order_id', label: 'searchLabel.order_id' },
+            { value: 'processor_order_id', label: 'searchLabel.processor_order_id' },
+            { value: 'purpose', label: 'searchLabel.purpose' },
+            { value: 'transaction_amount', label: 'searchLabel.transaction_amount' },
+            { value: 'session_token', label: 'searchLabel.session_token' },
+            { value: 'batch_id', label: 'searchLabel.batch_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.customer',
+        label: 'searchLabelGroup.customer',
+        items: [
+            { value: 'customer_id', label: 'searchLabel.customer_id' },
+            { value: 'customer_phone', label: 'searchLabel.customer_phone' },
+            { value: 'customer_email', label: 'searchLabel.customer_email' },
+            { value: 'customer_ip', label: 'searchLabel.customer_ip' },
+            { value: 'customer_ip_country', label: 'searchLabel.customer_ip_country' },
+            { value: 'customer_billing_country', label: 'searchLabel.customer_billing_country' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.sourceCard',
+        label: 'searchLabelGroup.sourceCard',
+        items: [
+            { value: 'source_bank_name', label: 'searchLabel.source_bank_name' },
+            { value: 'source_country', label: 'searchLabel.source_country' },
+            { value: 'source_from_order_id', label: 'searchLabel.source_from_order_id' },
+            { value: 'source_bin', label: 'searchLabel.source_bin' },
+            { value: 'source_bin_range_from_order_id', label: 'searchLabel.source_bin_range_from_order_id' },
+            { value: 'source_last4', label: 'searchLabel.source_last4' },
+            { value: 'source_bin_last4', label: 'searchLabel.source_bin_last4' },
+            { value: 'source_auth_code', label: 'searchLabel.source_auth_code' },
+            { value: 'source_arn', label: 'searchLabel.source_arn' },
+            { value: 'source_rrn', label: 'searchLabel.source_rrn' },
+            { value: 'source_card_holder', label: 'searchLabel.source_card_holder' },
+            { value: 'source_card_ref_id', label: 'searchLabel.source_card_ref_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.destinationCard',
+        label: 'searchLabelGroup.destinationCard',
+        items: [
+            { value: 'dest_bank_name', label: 'searchLabel.dest_bank_name' },
+            { value: 'dest_country', label: 'searchLabel.dest_country' },
+            { value: 'dest_from_order_id', label: 'searchLabel.dest_from_order_id' },
+            { value: 'dest_bin', label: 'searchLabel.dest_bin' },
+            { value: 'dest_bin_range_from_order_id', label: 'searchLabel.dest_bin_range_from_order_id' },
+            { value: 'dest_last4', label: 'searchLabel.dest_last4' },
+            { value: 'dest_bin_last', label: 'searchLabel.dest_bin_last' },
+            { value: 'dest_auth_code', label: 'searchLabel.dest_auth_code' },
+            { value: 'dest_arn', label: 'searchLabel.dest_arn' },
+            { value: 'dest_rrn', label: 'searchLabel.dest_rrn' },
+            { value: 'dest_card_ref_id', label: 'searchLabel.dest_card_ref_id' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.wire',
+        label: 'searchLabelGroup.wire',
+        items: [
+            { value: 'account_number', label: 'searchLabel.account_number' },
+            { value: 'routing_number', label: 'searchLabel.routing_number' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.cardPresentAPI',
+        label: 'searchLabelGroup.cardPresentAPI',
+        items: [
+            { value: 'reader_id', label: 'searchLabel.reader_id' },
+            { value: 'reader_key_serial_number', label: 'searchLabel.reader_key_serial_number' },
+            { value: 'reader_device_serial_number', label: 'searchLabel.reader_device_serial_number' },
+        ],
+    },
+    {
+        id: 'searchLabelGroupID.orders.mobileAPI',
+        label: 'searchLabelGroup.mobileAPI',
+        items: [
+            { value: 'device_serial_number', label: 'searchLabel.device_serial_number' },
+            { value: 'phone_serial_number', label: 'searchLabel.phone_serial_number' },
+            { value: 'phone_imei', label: 'searchLabel.phone_imei' },
+        ],
+    },
+];
+const EXPANDED_GROUPS_STORAGE_KEY = 'SearchUI_ordersSearch_expandedGroups';
+export const SearchUICollapsableGroupSelect = (props) => {
+    const { t } = useTranslation();
+    const ordersSearchLabel = useSearchUIFiltersStore(s => s.ordersSearchLabel);
+    const setOrderSearchCriterionLabel = useSearchUIFiltersStore(s => s.setOrderSearchCriterionLabel);
+    const [selectedValue, setSelectedValue] = useState(ordersSearchLabel);
+    useEffect(() => {
+        setSelectedValue(ordersSearchLabel);
+    }, [ordersSearchLabel]);
+    const [expandedGroups, setExpandedGroups] = useState(() => {
+        const stored = localStorage.getItem(EXPANDED_GROUPS_STORAGE_KEY);
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                GROUPS.forEach(group => {
+                    if (typeof parsed[group.id] !== 'boolean') {
+                        parsed[group.id] = true;
+                    }
+                });
+                return parsed;
+            }
+            catch (err) {
+                console.error('Error parsing expandedGroups from localStorage:', err);
+            }
+        }
+        const defaultState = {};
+        GROUPS.forEach(group => {
+            defaultState[group.id] = true;
+        });
+        return defaultState;
+    });
+    useEffect(() => {
+        localStorage.setItem(EXPANDED_GROUPS_STORAGE_KEY, JSON.stringify(expandedGroups));
+    }, [expandedGroups]);
+    const handleChange = (event) => {
+        setOrderSearchCriterionLabel(event.target.value);
+    };
+    const toggleGroup = (groupId, e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setExpandedGroups(prev => ({
+            ...prev,
+            [groupId]: !prev[groupId],
+        }));
+    };
+    const menuItems = GROUPS.flatMap(group => {
+        const isExpanded = expandedGroups[group.id];
+        return [
+            React.createElement(MenuItem, { key: group.id, sx: {
+                    bgcolor: '#f0f0f0',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    lineHeight: 1.5,
+                    p: 1,
+                }, disableRipple: true },
+                React.createElement(Box, { onClick: (e) => toggleGroup(group.id, e), sx: {
+                        width: '100%',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        cursor: 'pointer',
+                    } },
+                    React.createElement(Typography, { variant: "subtitle2" }, t(group.label)),
+                    isExpanded ? React.createElement(ExpandLessIcon, { fontSize: "small" }) : React.createElement(ExpandMoreIcon, { fontSize: "small" }))),
+            ...group.items.map(item => (React.createElement(MenuItem, { key: `${group.id}-${item.value}`, value: item.value, onClick: () => setSelectedValue(item.value), sx: { pl: 4, display: isExpanded ? 'block' : 'none' } }, t(item.label))))
+        ];
+    });
+    return React.createElement(Select, { value: selectedValue, onChange: handleChange, displayEmpty: true, MenuProps: {
+            anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+            transformOrigin: { vertical: 'top', horizontal: 'left' },
+        }, fullWidth: true, sx: selectUnderChipSx, ...props }, menuItems);
+};
+//# sourceMappingURL=SearchUICollapsableGroupSelect.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Country } from '../../../../..';
+import { CountryAllableCollection } from '../../types';
+type Props = {
+    value: CountryAllableCollection;
+    onChange: (value: CountryAllableCollection) => void;
+    options: readonly Country[];
+};
+declare const SearchUICountriesSelect: (props: Props) => React.JSX.Element;
+export default SearchUICountriesSelect;

package/esm/src/component/search-ui/filters/component/select/SearchUICountriesSelect.js

@@ -0,0 +1,71 @@
+import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Chip } from '@mui/material';
+import { PneAutocomplete, PneCheckbox } from '../../../../..';
+const ALL_OPTION_ID = -1;
+const SearchUICountriesSelect = (props) => {
+    const { t } = useTranslation();
+    const { value, onChange, options, } = props;
+    const allOption = useMemo(() => ({
+        id: ALL_OPTION_ID,
+        displayName: t('react.searchUI.all'),
+        theCode: '',
+        theCode3: '',
+    }), [t]);
+    const optionsWithAll = useMemo(() => [allOption, ...options], [allOption, options]);
+    const selectedEntities = value.entities ?? [];
+    const isSelectAllChecked = value.all || selectedEntities.length === 0 || selectedEntities.length === options.length;
+    const onOptionChange = (optionValue) => {
+        if (optionValue.length === 0
+            || (optionValue.length === 1 && optionValue[0].id === ALL_OPTION_ID)) {
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+        else {
+            onChange({
+                all: false,
+                entities: optionValue.filter(v => v.id !== ALL_OPTION_ID),
+            });
+        }
+    };
+    const onSelectAllOptionClick = (selected) => {
+        if (!selected) {
+            onChange({
+                all: true,
+                entities: [],
+            });
+        }
+    };
+    return React.createElement(PneAutocomplete, { value: isSelectAllChecked ? [allOption] : selectedEntities, options: optionsWithAll, onChange: (e, optionValue) => onOptionChange(optionValue), sx: selectSx, multiple: true, renderOption: (autocompleteProps, option, { selected }) => {
+            if (option.id === ALL_OPTION_ID) {
+                return React.createElement("li", { ...autocompleteProps, onClick: () => onSelectAllOptionClick(selected) },
+                    React.createElement(PneCheckbox, { checked: selected, disabled: selected }),
+                    option.displayName);
+            }
+            else {
+                return React.createElement("li", { ...autocompleteProps }, option.displayName);
+            }
+        }, renderValue: (tagValue, getItemProps) => tagValue.map((option, index) => {
+            const { key, onDelete, ...tagProps } = getItemProps({ index });
+            return React.createElement(Chip, { ...tagProps, key: key, label: option.displayName, size: 'small', onDelete: option.id === ALL_OPTION_ID ? undefined : onDelete });
+        }), disableClearable: true, disableCloseOnSelect: true, size: 'small' });
+};
+export default SearchUICountriesSelect;
+const selectSx = {
+    width: '100%',
+    '& .MuiButtonBase-root.MuiIconButton-root.MuiAutocomplete-popupIndicator': {
+        display: 'none',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'transparent !important',
+    },
+    '& .MuiInputBase-root.MuiOutlinedInput-root': {
+        pl: '0 !important',
+    },
+    '& .MuiButtonBase-root.MuiChip-root': {
+        m: '0 4px 0 0 !important',
+    },
+};
+//# sourceMappingURL=SearchUICountriesSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUICountriesSelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/select/SearchUICountriesSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAC,IAAI,EAAU,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAU,eAAe,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAGpE,MAAM,aAAa,GAAG,CAAC,CAAC,CAAA;AAQxB,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAC5B,MAAM,EACF,KAAK,EACL,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,OAAO,CAAU,GAAG,EAAE,CAAC,CAAC;QACtC,EAAE,EAAE,aAAa;QACjB,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC;QACpC,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,EAAE;KACf,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAER,MAAM,cAAc,GAAG,OAAO,CAAY,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9F,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC7C,MAAM,kBAAkB,GAAG,KAAK,CAAC,GAAG,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,CAAA;IAEnH,MAAM,cAAc,GAAG,CAAC,WAA+B,EAAE,EAAE;QACvD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;eACrB,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,CAAC;YACvE,QAAQ,CAAC;gBACL,GAAG,EAAE,IAAI;gBACT,QAAQ,EAAE,EAAE;aACf,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC;gBACL,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC;aAC5D,CAAC,CAAA;QACN,CAAC;IACL,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,CAAC,QAAiB,EAAE,EAAE;QACjD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,QAAQ,CAAC;gBACL,GAAG,EAAE,IAAI;gBACT,QAAQ,EAAE,EAAE;aACf,CAAC,CAAA;QACN,CAAC;IACL,CAAC,CAAA;IAED,OAAO,oBAAC,eAAe,IACnB,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAC1D,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,WAAwB,CAAC,EACtE,EAAE,EAAE,QAAQ,EACZ,QAAQ,QACR,YAAY,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE;YACpD,IAAI,MAAM,CAAC,EAAE,KAAK,aAAa,EAAE,CAAC;gBAC9B,OAAO,+BAAQ,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC;oBAC7E,oBAAC,WAAW,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG;oBACpD,MAAM,CAAC,WAAW,CAClB,CAAA;YACT,CAAC;iBAAM,CAAC;gBACJ,OAAO,+BAAQ,iBAAiB,IAC3B,MAAM,CAAC,WAAW,CAClB,CAAA;YACT,CAAC;QACL,CAAC,EACD,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,CACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC3B,MAAM,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAC,GAAG,YAAY,CAAC,EAAC,KAAK,EAAC,CAAC,CAAA;YAC1D,OAAO,oBAAC,IAAI,OACJ,QAAQ,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAC9D,CAAA;QACN,CAAC,CAAC,EAEN,gBAAgB,QAChB,oBAAoB,QACpB,IAAI,EAAE,OAAO,GACf,CAAA;AACN,CAAC,CAAA;AAED,eAAe,uBAAuB,CAAA;AAEtC,MAAM,QAAQ,GAAY;IACtB,KAAK,EAAE,MAAM;IACb,yEAAyE,EAAE;QACvE,OAAO,EAAE,MAAM;KAClB;IACD,oCAAoC,EAAE;QAClC,WAAW,EAAE,wBAAwB;KACxC;IACD,4CAA4C,EAAE;QAC1C,EAAE,EAAE,cAAc;KACrB;IACD,oCAAoC,EAAE;QAClC,CAAC,EAAE,sBAAsB;KAC5B;CACJ,CAAA"}

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

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