@tap-payments/os-micro-frontend-shared 0.0.180-alpha.5 → 0.0.183

package/build/components/SelectDropdown/SelectDropdown.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import Popover from '@mui/material/Popover';
-import { blueDropdownArrowIcon, downArrowIcon } from '../../constants/index.js';
-import { HeaderWrapper, ListWrapper } from './style';
-function SelectDropdown({ onClose, open, anchorEl, trigger, onOpen, children, disabled, listWrapperSx, hideArrow }) {
-    return (_jsxs(HeaderWrapper, Object.assign({ open: open, onClick: onOpen, "data-testid": "Dropdown", disabled: disabled }, { children: [_jsx(Box, Object.assign({ sx: { flex: 1, cursor: 'pointer' } }, { children: trigger })), !hideArrow && (_jsx(Box, Object.assign({ sx: { width: 16, height: 16, display: 'flex', alignItems: 'center', position: 'absolute', right: 8 } }, { children: _jsx(Box, { component: "img", src: open ? blueDropdownArrowIcon : downArrowIcon, alt: "arrow", sx: Object.assign({ width: 16, height: 16 }, (open && { width: 12, height: 12, padding: '2px' })) }) }))), _jsx(Popover, Object.assign({ open: open, anchorEl: anchorEl, sx: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth }, onClose: onClose, anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'left',
-                }, slotProps: {
-                    paper: {
-                        style: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth, maxWidth: 'unset' },
-                    },
-                } }, { children: _jsx(ListWrapper, Object.assign({ sx: listWrapperSx }, { children: children })) }))] })));
-}
-export default memo(SelectDropdown);

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

@@ -1,2 +0,0 @@
-import SelectDropdown from './SelectDropdown';
-export default SelectDropdown;

package/build/components/SelectDropdown/index.js

@@ -1,2 +0,0 @@
-import SelectDropdown from './SelectDropdown';
-export default SelectDropdown;

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    open: boolean;
-    disabled?: boolean | undefined;
-}, {}, {}>;
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "textAlign" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    selected: boolean;
-}, {}, {}>;

package/build/components/SelectDropdown/style.js

@@ -1,18 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-export const HeaderWrapper = styled(Box, { shouldForwardProp: (props) => props !== 'open' && props !== 'disabled' })(({ theme, open, disabled }) => (Object.assign(Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderRadius: '4px', background: '#ffffff', cursor: 'pointer', position: 'relative', maxWidth: '100%' }, (open && {
-    borderColor: theme.palette.info.dark,
-    background: theme.palette.common.white,
-})), (disabled && { cursor: 'not-allowed' }))));
-export const ListWrapper = styled(Box)(({ theme }) => ({
-    padding: '4px',
-    borderRadius: '4px',
-    boxShadow: '-26px 156px 44px 0px rgba(0, 0, 0, 0.00), -17px 100px 41px 0px rgba(0, 0, 0, 0.01), -9px 56px 34px 0px rgba(0, 0, 0, 0.05), -4px 25px 25px 0px rgba(0, 0, 0, 0.09), -1px 6px 14px 0px rgba(0, 0, 0, 0.10), 0px 0px 0px 0px rgba(0, 0, 0, 0.10)',
-    backgroundColor: theme.palette.common.white,
-    maxHeight: 400,
-    marginTop: '4px',
-    width: 'auto',
-    overflow: 'auto',
-}));
-export const ItemStyled = styled(Text)(({ theme, selected }) => (Object.assign({ display: 'flex', gap: '8px', alignItems: 'center', fontSize: '10px', fontWeight: 500, color: theme.palette.common.black, cursor: 'pointer', padding: 8, justifyContent: 'space-between' }, (selected && { backgroundColor: '#F8F8F8' }))));

package/build/components/SelectWithSearch/SelectWithSearch.d.ts

@@ -1,3 +0,0 @@
-import { SelectWithSearchProps } from './type';
-declare function SelectWithSearch({ options, onChangeOption, selectedOption, placeholder, label, isLoading, renderOption, iconUrl, disabled, }: SelectWithSearchProps): import("react/jsx-runtime").JSX.Element;
-export default SelectWithSearch;

package/build/components/SelectWithSearch/SelectWithSearch.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import Box from '@mui/material/Box';
-import { searchIcon, closeXIcon, blueCheckIcon } from '../../constants/index.js';
-import { InputStyled, Container, ItemStyled } from './style';
-import { InputBase } from '../InputBase';
-import SelectDropdown from '../SelectDropdown';
-import { CircularProgress } from '@mui/material';
-function SelectWithSearch({ options, onChangeOption, selectedOption, placeholder, label, isLoading, renderOption, iconUrl, disabled, }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [searchValue, setSearchValue] = useState('');
-    const open = Boolean(anchorEl);
-    const openDropdown = (e) => {
-        setAnchorEl(open ? null : e.currentTarget);
-    };
-    const closeDropdown = () => {
-        setAnchorEl(null);
-        setSearchValue('');
-    };
-    const onResetSearch = () => {
-        if (searchValue)
-            setSearchValue('');
-    };
-    const endAdornment = isLoading ? (_jsx(CircularProgress, { size: 16 })) : (_jsx(Box, { component: "img", src: searchValue ? closeXIcon : searchIcon, alt: "search", onClick: onResetSearch }));
-    const filteredOptions = useMemo(() => {
-        if (!searchValue)
-            return options;
-        return options.filter((option) => {
-            var _a;
-            const name = (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-            return name === null || name === void 0 ? void 0 : name.includes(searchValue.toLowerCase());
-        });
-    }, [options, searchValue]);
-    const startAdornment = useMemo(() => (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', maxWidth: 16 } }, { children: _jsx(Box, { component: "img", src: iconUrl, alt: "icon", sx: { maxWidth: 12, height: 12 } }) }))), [iconUrl]);
-    return (_jsx(SelectDropdown, Object.assign({ disabled: disabled, open: open, anchorEl: anchorEl, onOpen: (e) => !disabled && openDropdown(e), onClose: closeDropdown, trigger: _jsx(InputBase, { name: "name", placeholder: "Please Select", hasError: false, label: label, sx: { cursor: 'pointer' }, value: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '', InputLabelProps: {
-                filled: !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label),
-            }, InputProps: Object.assign({ disableUnderline: true }, (!!iconUrl && {
-                startAdornment,
-            })) }) }, { children: _jsxs(Container, { children: [_jsx(InputStyled, { placeholder: placeholder || 'Select', endAdornment: endAdornment, onClick: (e) => {
-                        e.stopPropagation();
-                    }, value: searchValue, onChange: (e) => {
-                        setSearchValue(e.target.value);
-                    }, disableUnderline: true, sx: Object.assign(Object.assign({ cursor: 'default', width: '100%', backgroundColor: 'white', border: '1px solid #F2F2F2' }, (options.length && { marginBottom: '4px' })), (searchValue && { cursor: 'pointer' })) }), filteredOptions.map((option) => {
-                    if (renderOption) {
-                        return renderOption(option, { closeDropdown, open });
-                    }
-                    return (_jsxs(ItemStyled, Object.assign({ selected: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value, onClick: (e) => {
-                            e.stopPropagation();
-                            e.preventDefault();
-                            if ((selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value) {
-                                onChangeOption(null);
-                            }
-                            else {
-                                onChangeOption(option);
-                            }
-                            closeDropdown();
-                        } }, { children: [_jsx("span", { children: option.label }), (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === (option === null || option === void 0 ? void 0 : option.value) && _jsx(Box, { component: "img", src: blueCheckIcon, alt: "close", sx: { width: 10, height: 7.5 } })] }), option.value));
-                })] }) })));
-}
-export default SelectWithSearch;

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

@@ -1,4 +0,0 @@
-import SelectWithSearch from './SelectWithSearch';
-export type { Option, SelectWithSearchProps } from './type';
-export * from './style';
-export default SelectWithSearch;

package/build/components/SelectWithSearch/index.js

@@ -1,3 +0,0 @@
-import SelectWithSearch from './SelectWithSearch';
-export * from './style';
-export default SelectWithSearch;

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

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-export declare const Caption: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "textAlign" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "textAlign" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InputStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Input").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const SelectedBadgesWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const SelectedBadge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "textAlign" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    selected: boolean;
-}, {}, {}>;

package/build/components/SelectWithSearch/style.js

@@ -1,70 +0,0 @@
-import Box from '@mui/material/Box';
-import Input from '@mui/material/Input';
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-import Checkbox from '../Checkbox';
-export const Caption = styled(Text)(({ theme }) => ({
-    fontSize: '10px',
-    color: theme.palette.grey[700],
-    fontWeight: 600,
-    lineHeight: '10px',
-}));
-export const Title = styled(Text)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 600,
-    lineHeight: '14.3px',
-    width: 200,
-}));
-export const AccordionWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    maxHeight: 400,
-    overflow: 'auto',
-    gap: '8px',
-}));
-export const InputStyled = styled(Input)(({ theme }) => ({
-    width: 'inherit',
-    height: 32,
-    padding: '11px 12px',
-    fontSize: '10px',
-    borderRadius: '5px',
-    backgroundColor: '#F9F9F9',
-    border: '1px solid transparent',
-    '&.Mui-focused': {
-        borderColor: theme.palette.info.dark,
-    },
-}));
-export const CheckboxStyled = styled(Checkbox)(() => ({
-    padding: 0,
-    width: 12,
-    height: 12,
-    '.MuiSvgIcon-root, img': {
-        width: 12,
-        height: 12,
-    },
-}));
-export const Container = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    padding: '4px',
-}));
-export const SelectedBadgesWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    padding: '4px',
-    flexWrap: 'wrap',
-}));
-export const SelectedBadge = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    padding: '4px 8px 4px 6px',
-    alignItems: 'center',
-    gap: '4px',
-    borderRadius: '13px',
-    backgroundColor: `${theme.palette.info.dark}1a`,
-    fontSize: '10px',
-    fontWeight: 500,
-    cursor: 'pointer',
-}));
-export const ItemStyled = styled(Text)(({ theme, selected }) => (Object.assign({ display: 'flex', gap: '8px', alignItems: 'center', fontSize: '10px', fontWeight: 500, color: theme.palette.common.black, cursor: 'pointer', padding: 8, justifyContent: 'space-between' }, (selected && { backgroundColor: '#F8F8F8' }))));

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

@@ -1,18 +0,0 @@
-import { SelectProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface Option {
-    label: string;
-    value: string;
-}
-export interface SelectWithSearchProps extends Omit<SelectProps, 'placeholder'> {
-    options: Option[];
-    onChangeOption: (option: Option | null) => void;
-    selectedOption?: Option | null;
-    placeholder?: string | null;
-    isLoading?: boolean;
-    renderOption?: (option: Option, { closeDropdown, open }: {
-        closeDropdown: () => void;
-        open: boolean;
-    }) => ReactNode;
-    iconUrl?: string;
-}

package/build/components/SelectWithSearch/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/SimpleDialog/SimpleDialog.d.ts

@@ -1,2 +0,0 @@
-import { SimpleDialogProps } from './type';
-export default function SimpleDialog(props: SimpleDialogProps): import("react/jsx-runtime").JSX.Element;

package/build/components/SimpleDialog/SimpleDialog.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyledDialogContent, StyledDialog } from './style';
-export default function SimpleDialog(props) {
-    const { onClose, selectedValue, open, sx } = props;
-    const handleClose = () => {
-        onClose(selectedValue);
-    };
-    return (_jsx(StyledDialog, Object.assign({ onClose: handleClose, open: open, sx: sx }, { children: _jsx(StyledDialogContent, { children: props.children }) })));
-}

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

@@ -1,3 +0,0 @@
-import SimpleDialog from './SimpleDialog';
-export type { SimpleDialogProps } from './type';
-export default SimpleDialog;

package/build/components/SimpleDialog/index.js

@@ -1,2 +0,0 @@
-import SimpleDialog from './SimpleDialog';
-export default SimpleDialog;

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

@@ -1,2 +0,0 @@
-export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("@mui/material").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/SimpleDialog/style.js

@@ -1,13 +0,0 @@
-import { DialogContent, styled, Dialog } from '@mui/material';
-export const StyledDialogContent = styled(DialogContent)(({ theme }) => ({
-    padding: theme.spacing(2),
-}));
-export const StyledDialog = styled(Dialog)(({ theme }) => ({
-    '& .MuiDialog-paper': {
-        boxShadow: theme.shadows[13],
-        borderRadius: theme.spacing(1),
-    },
-    '& .MuiModal-backdrop': {
-        background: 'rgba(0, 0, 0, 0.20)',
-    },
-}));

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DialogProps } from '@mui/material/Dialog';
-export interface SimpleDialogProps extends Omit<DialogProps, 'onClose'> {
-    open: boolean;
-    selectedValue?: string;
-    onClose: (value?: string) => void;
-    children?: React.ReactNode;
-}

package/build/components/SimpleDialog/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/Skeleton/Skeleton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { SkeletonProps } from '@mui/material/Skeleton';
-declare function Skeleton({ variant, height, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Skeleton>;
-export default _default;

package/build/components/Skeleton/Skeleton.js

@@ -1,19 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import MuiSkeleton from '@mui/material/Skeleton';
-function Skeleton(_a) {
-    var { variant = 'rounded', height = 16 } = _a, props = __rest(_a, ["variant", "height"]);
-    return _jsx(MuiSkeleton, Object.assign({ variant: variant, height: height }, props));
-}
-export default memo(Skeleton);

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

@@ -1,2 +0,0 @@
-import Skeleton from './Skeleton';
-export default Skeleton;

package/build/components/Skeleton/index.js

@@ -1,2 +0,0 @@
-import Skeleton from './Skeleton';
-export default Skeleton;

package/build/components/SplashScreen/SplashScreen.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare function SplashScreen(): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof SplashScreen>;
-export default _default;

package/build/components/SplashScreen/SplashScreen.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import TapLogo from '../TapLogo';
-import MainContainer from '../MainContainer';
-const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100vh',
-}));
-function SplashScreen() {
-    return (_jsx(MainContainer, Object.assign({ backgroundGradient: "redPurple" }, { children: _jsx(Wrapper, { children: _jsx(motion.div, Object.assign({ initial: { opacity: 0, scale: 0.5 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 1.5 } }, { children: _jsx(TapLogo, {}) })) }) })));
-}
-export default memo(SplashScreen);

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

@@ -1,2 +0,0 @@
-import SplashScreen from './SplashScreen';
-export default SplashScreen;

package/build/components/SplashScreen/index.js

@@ -1,2 +0,0 @@
-import SplashScreen from './SplashScreen';
-export default SplashScreen;

package/build/components/StatusBar/StatusBar.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { CurrencyOption } from '../MultiSelectStatusButton';
-import { TableHeaderStatus } from '../../types/index.js';
-import { AvailableStatus } from './type';
-interface StatusBarProps {
-    status?: TableHeaderStatus;
-    availableStatuses?: AvailableStatus[];
-    isFilteredIdsShown?: boolean;
-    onStatusChange?: (status: TableHeaderStatus) => void;
-    onMultiSelectChange?: (status: TableHeaderStatus[]) => void;
-    currencyOptions?: CurrencyOption[];
-    selectedCurrencies?: TableHeaderStatus[];
-    enableMultiSelectCurrency?: boolean;
-}
-declare function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, status, onMultiSelectChange, currencyOptions, selectedCurrencies, enableMultiSelectCurrency, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof StatusBar>;
-export default _default;

package/build/components/StatusBar/StatusBar.js

@@ -1,68 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import MultiSelectStatusButton from '../MultiSelectStatusButton';
-import StatusButton from '../StatusButton';
-function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, status, onMultiSelectChange, currencyOptions, selectedCurrencies = [], enableMultiSelectCurrency = false, }) {
-    const { t } = useTranslation();
-    const [multiSelectValues, setMultiSelectValues] = useState(selectedCurrencies);
-    useEffect(() => {
-        if (status && multiSelectValues.length > 0) {
-            setMultiSelectValues([]);
-        }
-    }, [status, multiSelectValues.length]);
-    useEffect(() => {
-        if (!status) {
-            setMultiSelectValues(selectedCurrencies);
-        }
-    }, [selectedCurrencies, status]);
-    const getButtonStatus = useCallback((buttonStatus) => {
-        if (multiSelectValues.length > 0) {
-            return 'inActive';
-        }
-        return buttonStatus === status && !isFilteredIdsShown ? 'active' : 'inActive';
-    }, [status, isFilteredIdsShown, multiSelectValues.length]);
-    const handleMultiSelectChange = useCallback((selected) => {
-        setMultiSelectValues(selected);
-        onMultiSelectChange === null || onMultiSelectChange === void 0 ? void 0 : onMultiSelectChange(selected);
-        if (selected.length > 0) {
-            onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange('');
-        }
-    }, [onMultiSelectChange, onStatusChange]);
-    const handleStatusChange = useCallback((newStatus) => {
-        if (multiSelectValues.length > 0) {
-            setMultiSelectValues([]);
-            onMultiSelectChange === null || onMultiSelectChange === void 0 ? void 0 : onMultiSelectChange([]);
-        }
-        onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(newStatus);
-    }, [multiSelectValues.length, onMultiSelectChange, onStatusChange]);
-    useEffect(() => {
-        if (enableMultiSelectCurrency && multiSelectValues.length === 0 && selectedCurrencies.length === 0 && !status) {
-            handleStatusChange('all');
-        }
-    }, [enableMultiSelectCurrency, multiSelectValues.length, selectedCurrencies.length, status, handleStatusChange]);
-    return (_jsxs(_Fragment, { children: [enableMultiSelectCurrency && currencyOptions && (_jsx(MultiSelectStatusButton, { options: currencyOptions, selectedValues: multiSelectValues, onSelectionChange: handleMultiSelectChange, label: t('Currencies') || 'Currencies', variant: multiSelectValues.length > 0 && !status ? 'active' : 'inActive' })), availableStatuses === null || availableStatuses === void 0 ? void 0 : availableStatuses.map((s) => {
-                var _a, _b;
-                if (!Array.isArray(s.status)) {
-                    return (_createElement(StatusButton, Object.assign({}, s, { key: `status-button-array-${s.status}`, variant: getButtonStatus(s.status), onClick: () => {
-                            if (!Array.isArray(s.status)) {
-                                handleStatusChange(s.status);
-                            }
-                        } })));
-                }
-                const isCurrentStatusDropdown = (_a = s.status) === null || _a === void 0 ? void 0 : _a.includes(status || '');
-                const variant = multiSelectValues.length > 0 ? 'inActive' : isCurrentStatusDropdown ? 'active' : 'inActive';
-                const statusLabel = isCurrentStatusDropdown ? status : s.status[0];
-                return (_jsx("div", { children: _jsx(StatusButton, Object.assign({}, s, { label: t(statusLabel || ''), variant: variant, onButtonBodyClick: (buttonStatus) => {
-                            handleStatusChange(buttonStatus);
-                        }, dropdownOptions: s.status.map((stat) => ({
-                            label: t(stat || ''),
-                            onClick: () => {
-                                handleStatusChange(stat);
-                            },
-                            status: stat,
-                        })) })) }, (_b = s === null || s === void 0 ? void 0 : s.status) === null || _b === void 0 ? void 0 : _b[0]));
-            })] }));
-}
-export default memo(StatusBar);

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

@@ -1,2 +0,0 @@
-import StatusBar from './StatusBar';
-export default StatusBar;

package/build/components/StatusBar/index.js

@@ -1,2 +0,0 @@
-import StatusBar from './StatusBar';
-export default StatusBar;

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

@@ -1,5 +0,0 @@
-import { StatusButtonProps } from '../StatusButton';
-import { TableHeaderStatus } from '../../types/index.js';
-export type AvailableStatus<T = undefined> = StatusButtonProps & {
-    status: T | TableHeaderStatus | (TableHeaderStatus | T)[];
-};

package/build/components/StatusBar/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/StatusButton/ChevronIcon.d.ts

@@ -1,2 +0,0 @@
-import { ChevronIconProps } from './type';
-export declare function ChevronIcon({ isActive, disableHover }: ChevronIconProps): import("react/jsx-runtime").JSX.Element;

package/build/components/StatusButton/ChevronIcon.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { useTheme } from '@mui/material';
-export function ChevronIcon({ isActive, disableHover }) {
-    const [isHovered, setIsHovered] = useState(false);
-    const theme = useTheme();
-    const handleMouseEnter = () => {
-        if (!disableHover) {
-            setIsHovered(true);
-        }
-    };
-    const handleMouseLeave = () => {
-        setIsHovered(false);
-    };
-    const iconColor = isActive ? theme.palette.common.white : theme.palette.grey[700];
-    const backgroundColor = isHovered ? theme.palette.common.black : 'transparent';
-    return (_jsx("svg", Object.assign({ width: "27", height: "30", viewBox: "0 0 27 32", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsxs("g", Object.assign({ id: "Group 140343" }, { children: [_jsx("path", { id: "Active", d: "M0 0H11C19.8366 0 27 7.16344 27 16C27 24.8366 19.8366 32 11 32H0V0Z", fill: backgroundColor, fillOpacity: "0.1", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }), _jsx("path", { id: "Union", fillRule: "evenodd", clipRule: "evenodd", d: "M15.6941 15.0078C15.6494 15.0193 15.6083 15.043 15.5758 15.0769L12.5026 18.1501L12.5025 18.1501L15.5756 15.0769C15.6082 15.043 15.6493 15.0193 15.6941 15.0078ZM12.5619 18.7465C12.5426 18.7512 12.5227 18.7536 12.5026 18.7536C12.4363 18.7536 12.3727 18.7273 12.3258 18.6804L9.07581 15.4304C9.04012 15.3957 9.01559 15.3512 9.00535 15.3025C8.99511 15.2538 8.99963 15.2032 9.01833 15.1571C9.03703 15.111 9.06907 15.0715 9.11033 15.0437C9.13446 15.0275 9.16112 15.0156 9.18904 15.0086C9.16105 15.0156 9.13433 15.0275 9.11013 15.0438C9.06887 15.0716 9.03684 15.111 9.01814 15.1571C8.99944 15.2032 8.99492 15.2539 9.00516 15.3026C9.0154 15.3513 9.03993 15.3958 9.07562 15.4305L12.3256 18.6805C12.3725 18.7273 12.4361 18.7537 12.5024 18.7537C12.5226 18.7537 12.5426 18.7512 12.5619 18.7465ZM16.1965 15.342C16.1781 15.4301 16.1338 15.5105 16.0693 15.5731L12.8205 18.8219C12.7361 18.9063 12.6217 18.9537 12.5024 18.9537C12.3831 18.9537 12.2686 18.9062 12.1842 18.8219L8.93507 15.5728C8.87148 15.5105 8.82775 15.4308 8.80944 15.3437C8.79101 15.2561 8.79914 15.165 8.8328 15.082C8.86646 14.999 8.92412 14.9279 8.99839 14.8779C9.07266 14.8279 9.16022 14.8011 9.24978 14.8011C9.30998 14.8011 9.36958 14.8132 9.42503 14.8366C9.47997 14.8599 9.52973 14.8938 9.57144 14.9364L12.5024 17.8673L15.433 14.9368C15.5151 14.852 15.6273 14.803 15.7454 14.8002C15.836 14.798 15.9252 14.8233 16.0013 14.8728C16.0773 14.9222 16.1367 14.9935 16.1715 15.0772C16.2063 15.1609 16.2151 15.2533 16.1965 15.342Z", fill: iconColor })] })) })));
-}

package/build/components/StatusButton/StatusButton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { type StatusButtonProps } from './type';
-declare const StatusButton: import("react").MemoExoticComponent<(props: StatusButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export default StatusButton;