{"version":3,"sources":["publicViews/tender/TenderList/TenderCard.tsx","publicViews/tender/TenderList/Filter/MultiSelect.tsx","publicViews/tender/TenderList/Filter/ExtendedFiltersDialog.tsx","publicViews/tender/TenderList/Results.tsx"],"names":["useStyles","makeStyles","theme","root","background","backdropFilter","border","marginBottom","transform","transition","height","display","flexDirection","justifyContent","media","likedButton","color","colors","red","subscribersIcon","marginLeft","spacing","marginRight","links","favoriteColor","favorite","cursor","minHeight","participantCheck","alignItems","minWidth","hidden","opacity","injectIntl","_ref","tender","image","className","addRemoveTenderFavorite","showImg","props","classes","formatter","Intl","NumberFormat","a","moment","b","utc","endDate","duration","diff","minutesDiff","String","minutes","daysDiff","days","hoursDiff","hours","isPositive","asMilliseconds","user","useSelector","state","publicAccount","updateState","React","useState","forceUpdate","useCallback","history","useHistory","createElement","Card","Object","assign","clsx","Box","p","pb","onClick","push","concat","id","CardMedia","title","mt","ml","Fragment","Link","variant","component","RouterLink","to","name","Typography","translate","status","createdDate","format","px","hidePrices","Number","sum","py","Grid","container","justify","item","startDate","TenderStatus","Completed","SubmissionCompleted","isWinner","daysTyping","hoursTyping","minutesTyping","isParticipant","CheckIcon","Divider","pl","pr","SvgIcon","fontSize","SearchIcon","viewsCount","UsersIcon","participantsCount","flexGrow","isFavorite","IconButton","StarBorderIcon","StarIcon","menuItem","padding","formControlLabel","width","margin","menu","label","options","value","onChange","rest","anchorRef","useRef","openMenu","setOpenMenu","handleOptionToggle","event","newValue","target","checked","filter","Button","handleMenuOpen","ref","ArrowDropDownIcon","Menu","anchorEl","current","elevation","onClose","handleMenuClose","open","PaperProps","style","map","option","MenuItem","key","FormControlLabel","control","Checkbox","indexOf","datePicker","editor","editorBox","marginTop","fromTo","divider","toBottom","itemTitle","chips","flexWrap","chip","titleWidth","wrapper","datePickerSearch","marginLeft20","marginLeft15","btn","backgroundColor","setOpen","selectOptions","initialFiltersState","handleExtendedFiltersChange","personName","setPersonName","date","setDate","Date","handleClose","size","handleClickOpen","Dialog","maxWidth","DialogTitle","DialogContent","DialogContentText","Formik","initialValues","onSubmit","async","values","_ref2","resetForm","setStatus","setSubmitting","_ref3","errors","handleBlur","handleChange","handleSubmit","setFieldValue","setFieldTouched","KeyboardDatePicker","inputVariant","publishedDateFrom","onBlur","onAccept","startOf","toISOString","publishedDateTo","endOf","startDateFrom","startDateTo","endDateFrom","endDateTo","TextField","sumFrom","type","InputProps","endAdornment","InputAdornment","position","sumTo","bottom","left","content","palette","primary","main","sortButton","textTransform","letterSpacing","searchInput","filtersDropdown","toggleGroup","sortOptions","defaultLabel","typeSortOptions","showFilters","tenders","selectedTemplate","filterActive","filterWinner","dispatch","useDispatch","sortRef","typeSortRef","openSort","setOpenSort","openTypeSort","setOpenTypeSort","mode","setMode","setShowImg","searchData","keyword","tenderType","inputValue","setInputValue","setChips","chipsExtended","setChipsExtended","filteredTenders","setFilteredTenders","hiddenTenders","setHiddenTenders","sort","setSort","view","setView","openView","setOpenView","typeSort","setTypeSort","page","setPage","limit","setLimit","filterOptions","setFilterOptions","filters","setFilters","descendingComparator","orderBy","addRemoveTenderFav","tenderId","tenderService","triggerUpdateMenu","handleMultiSelectChange","uniqueArray","pos","applyFilters","query","filtered","matches","keys","containsQuery","toLowerCase","includes","description","isSameOrAfter","isSameOrBefore","length","useMemo","newValues","Boolean","paginatedTenders","slice","applyPagination","order","split","_","applySort","sortedByField","stableSort","array","comparator","stabilizedThis","el","index","getComparator","enableReinitialize","error","isSubmitting","touched","Input","disableUnderline","fullWidth","placeholder","Chip","MultiSelect","ExtendedFiltersDialog","mb","handleSortClose","handleSortSelect","ListItemText","handleSortOpen","handleTypeSortClose","handleTypeSortSelect","handleTypeSortOpen","mr","ToggleButtonGroup","exclusive","handleShowImgChange","ToggleButton","ImageIcon","handleModeChange","ViewModuleIcon","md","sm","xs","TenderCard","photoUrl","Pagination","count"],"mappings":"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","file":"static/js/2.f9125b21.chunk.js","sourcesContent":["import React, {useState} from 'react';\nimport {Link as RouterLink} from 'react-router-dom';\nimport clsx from 'clsx';\nimport moment from 'moment';\nimport {\n    Box,\n    Card,\n    CardMedia,\n    Divider,\n    Grid,\n    Link,\n    SvgIcon,\n    Typography,\n    colors,\n    makeStyles, IconButton\n} from '@material-ui/core';\nimport {Rating} from '@material-ui/lab';\nimport {Search as SearchIcon, Users as UsersIcon} from 'react-feather';\nimport {translate} from \"../../../utils/i18nHelpers\";\nimport {injectIntl, WrappedComponentProps} from \"react-intl\";\nimport {daysTyping, hoursTyping, minutesTyping} from \"../../../utils/helper\";\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\nimport StarBorderIcon from \"@material-ui/icons/StarBorder\";\nimport StarIcon from \"@material-ui/icons/Star\";\nimport {useSelector} from \"react-redux\";\nimport PublicAccount from \"../../../types/public/PublicAccount\";\nimport CheckIcon from '@material-ui/icons/Check';\nimport {TenderStatus} from \"../../../constants/enums\";\nimport {useHistory} from \"react-router\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        background: 'hsl(0deg 0% 100% / 50%)',\n        backdropFilter: 'blur(10px)',\n        border: '1px solid #979696',\n        marginBottom: 20,\n        transform: 'translateY(0)',\n        transition: '.5s',\n        '&:hover': {\n            transform: 'scale(1.05)'\n        },\n        height: '100%',\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"space-between\",\n    },\n    media: {\n        height: 200,\n        // backgroundColor: theme.palette.background.dark\n    },\n    likedButton: {\n        color: colors.red[600]\n    },\n    subscribersIcon: {\n        marginLeft: theme.spacing(2),\n        marginRight: theme.spacing(1)\n    },\n    links: {\n        color: '#000078'\n    },\n    favoriteColor: {\n        color: '#FE9F16',\n    },\n    favorite: {\n        '&:hover': {\n            cursor: 'pointer'\n        },\n    },\n    minHeight: {\n        minHeight: 69\n    },\n    participantCheck: {\n        color: \"green\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        minWidth: 274\n    },\n    hidden: {\n        opacity: 0\n    }\n}));\n\ninterface TenderCardInterface {\n    addRemoveTenderFavorite: Function;\n    showImg?: boolean;\n    image?: string;\n    tender: any;\n    className?: any;\n}\n\nfunction TenderCard({tender, image, className, addRemoveTenderFavorite, showImg, ...props}: TenderCardInterface & WrappedComponentProps) {\n    const classes = useStyles();\n    const formatter = new Intl.NumberFormat(\"ru\");\n    const a = moment();\n    const b = moment.utc(tender.endDate);\n    const dateDiff = b.diff(a, 'days');\n    const duration = moment.duration(b.diff(a));\n    let minutesDiff = String(duration.minutes());\n    const daysDiff = duration.days();\n    const hoursDiff = duration.hours();\n    const days = (duration.asMilliseconds() / (1000 * 60 * 60 * 24));\n    const isPositive = days > 0;\n    const {user} = useSelector((state: PublicAccount) => state.publicAccount);\n    const [, updateState] = React.useState();\n    const forceUpdate = React.useCallback(() => updateState({}), []);\n    const history = useHistory();\n\n    return (\n        <Card\n            className={clsx(classes.root, className)}\n            {...props}\n        >\n            <Box p={3} pb={0} onClick={() => {\n                history.push(`/procurement/${tender.id}`)\n            }}>\n                {showImg &&\n                <CardMedia\n                    className={classes.media}\n                    image={image}\n                    title=\"Contemplative Reptile\"\n                />\n                }\n                <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    mt={2}\n                >\n\n                    <Box ml={2}>\n                        {user &&\n                        <>\n                            <Link\n                                className={classes.links}\n                                variant=\"h3\"\n                                component={RouterLink}\n                                color={'textSecondary'}\n                                to={`/procurement/${tender.id}`}\n                            >\n                                {tender.name}\n                            </Link>\n                        </>}\n                        {!user && <Typography\n                            color={'textSecondary'}\n                            variant=\"h3\">\n                            {tender.name}\n                        </Typography>}\n                        <Typography\n                            variant=\"body2\"\n                            color=\"textSecondary\"\n                        >\n                            Статус:\n                            {' '}\n                            <Link\n                                color=\"textPrimary\"\n                                component={RouterLink}\n                                to=\"#\"\n                                variant=\"h6\"\n                            >\n                                {translate(props, `app:Tenders;List;Table;Head:${tender.status}`, '')}\n                            </Link>\n\n                        </Typography>\n                        <Typography\n                            variant=\"body2\"\n                            color=\"textSecondary\"\n                        >\n                            Дата публикации:\n                            {' '}\n                            {moment(tender.createdDate).format('DD.MM.YYYY')}\n                        </Typography>\n                    </Box>\n                </Box>\n            </Box>\n            <Box>\n                <Box\n                    pb={2}\n                    px={3}\n                >\n                    <Typography\n                        variant=\"h4\">\n                        <b>{tender.hidePrices ? \"\" : `${formatter.format(Number(tender.sum))} ${'₸'}`}</b>\n                    </Typography>\n                </Box>\n                <Box\n                    py={2}\n                    px={3}\n                    onClick={() => {\n                        history.push(`/procurement/${tender.id}`)\n                    }}\n                >\n                    <Grid\n                        alignItems=\"center\"\n                        container\n                        justify=\"space-between\"\n                        spacing={3}\n                    >\n                        <Grid item>\n                            <Typography\n                                variant=\"h5\"\n                                color=\"textPrimary\"\n                            >\n                                {moment(tender.startDate).format('DD.MM.YYYY')}\n                            </Typography>\n                            <Typography\n                                variant=\"body2\"\n                                color=\"textSecondary\"\n                            >\n                                Дата начала приема заявок\n                            </Typography>\n                        </Grid>\n                        <Grid item>\n                            <Typography\n                                variant=\"h5\"\n                                color=\"textPrimary\"\n                            >\n                                {moment(tender.endDate).format('DD.MM.YYYY')}\n                            </Typography>\n                            <Typography\n                                variant=\"body2\"\n                                color=\"textSecondary\"\n                            >\n                                Дата завершения приема заявок\n                            </Typography>\n                        </Grid>\n                        <Grid item>\n                            {((tender.status === TenderStatus.Completed ||\n                                tender.status === TenderStatus.SubmissionCompleted) && tender.isWinner) ?\n                                <Typography\n                                    variant=\"h5\"\n                                    color=\"error\"\n                                >\n                                    <b>Победитель</b>\n                                </Typography>\n                                :\n                                <Typography\n                                    variant=\"h5\"\n                                    color=\"textPrimary\"\n                                >\n                                    {daysDiff > 0 ? `${daysDiff} ${daysTyping(daysDiff)} ` : ''}\n                                    {isPositive ? `${hoursDiff} ${hoursTyping(hoursDiff)} ${minutesDiff} ${minutesTyping(minutesDiff)}` :\n                                        <b>Подача заявок завершена</b>}\n                                </Typography>\n                            }\n                            <Typography\n                                variant=\"body2\"\n                                color=\"textSecondary\"\n                                className={tender.isWinner ? classes.hidden : ''}\n                            >\n                                До завершения приема заявок\n                            </Typography>\n                        </Grid>\n                        <Grid item>\n                            <Typography\n                                variant=\"h5\"\n                                className={classes.participantCheck}\n                            >\n                                {tender.isParticipant &&\n                                <>\n                                    <CheckIcon/> Вы уже подали заявку на участие\n                                </>\n                                }\n                            </Typography>\n                        </Grid>\n                    </Grid>\n                </Box>\n                <Divider/>\n                <Box\n                    py={2}\n                    pl={2}\n                    pr={3}\n                    display=\"flex\"\n                    alignItems=\"center\"\n                >\n                    <SvgIcon\n                        fontSize=\"small\"\n                        color=\"action\"\n                    >\n                        <SearchIcon/>\n                    </SvgIcon>\n                    <Typography\n                        variant=\"subtitle2\"\n                        color=\"textSecondary\"\n                    >\n                        Просмотров: {tender.viewsCount}\n                    </Typography>\n\n                    <SvgIcon\n                        fontSize=\"small\"\n                        color=\"action\"\n                        className={classes.subscribersIcon}\n                    >\n                        <UsersIcon/>\n                    </SvgIcon>\n                    <Typography\n                        variant=\"subtitle2\"\n                        color=\"textSecondary\"\n                    >\n                        Участников: {tender.participantsCount}\n                    </Typography>\n                    <Box flexGrow={1}/>\n\n                    {user && !tender.isFavorite &&\n                    <IconButton\n                        onClick={() => {\n                            addRemoveTenderFavorite(tender.id, true);\n                            tender.isFavorite = true;\n                            forceUpdate();\n                        }}\n                    >\n                        <StarBorderIcon className={classes.favorite} fontSize=\"large\"/>\n                    </IconButton>\n                    }\n                    {user && tender.isFavorite &&\n                    <IconButton\n                        onClick={() => {\n                            addRemoveTenderFavorite(tender.id, false);\n                            tender.isFavorite = false;\n                            forceUpdate();\n                        }}\n                    >\n                        <StarIcon className={clsx(classes.favorite, classes.favoriteColor)} fontSize=\"large\"/>\n                    </IconButton>}\n                </Box>\n            </Box>\n        </Card>\n    );\n}\n\nexport default injectIntl(TenderCard);\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Button,\n  Checkbox,\n  FormControlLabel,\n  Menu,\n  MenuItem,\n  makeStyles\n} from '@material-ui/core';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport {translate} from \"../../../../utils/i18nHelpers\";\nimport {injectIntl} from \"react-intl\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  menuItem: {\n    padding: 0\n  },\n  formControlLabel: {\n    padding: theme.spacing(0.5, 2),\n    width: '100%',\n    margin: 0\n  },\n  menu: {},\n}));\n\nfunction MultiSelect({\n  label,\n  options,\n  value,\n  onChange,\n    ...rest\n}:any) {\n  const classes = useStyles();\n  const anchorRef = useRef(null);\n  const [openMenu, setOpenMenu] = useState(false);\n\n  const handleMenuOpen = () => {\n    setOpenMenu(true);\n  };\n\n  const handleMenuClose = () => {\n    setOpenMenu(false);\n  };\n\n  const handleOptionToggle = (event:any) => {\n    let newValue = [...value];\n\n    if (event.target.checked) {\n      newValue.push(event.target.value);\n    } else {\n      newValue = newValue.filter((item) => item !== event.target.value);\n    }\n\n    if (onChange) {\n      onChange(newValue);\n    }\n  };\n\n  return (\n    <>\n      <Button\n        onClick={handleMenuOpen}\n        ref={anchorRef}\n      >\n        {label}\n        <ArrowDropDownIcon />\n      </Button>\n      <Menu\n        anchorEl={anchorRef.current}\n        className={classes.menu}\n        elevation={1}\n        onClose={handleMenuClose}\n        open={openMenu}\n        PaperProps={{ style: { width: 250 } }}\n      >\n        {options.map((option:any) => (\n          <MenuItem\n            className={classes.menuItem}\n            key={option}\n          >\n            <FormControlLabel\n              className={classes.formControlLabel}\n              control={(\n                <Checkbox\n                  checked={value.indexOf(option) > -1}\n                  onClick={handleOptionToggle}\n                  value={option}\n                />\n              )}\n              label={ translate(rest, `app:TenderList;Filter;Chip;${ option };title`, option)}\n            />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\nexport default injectIntl(MultiSelect) ;\n","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { FormattedMessage, injectIntl, WrappedComponentProps } from 'react-intl';\nimport {\n    Box, Card, CardContent,\n    Checkbox, Chip, Divider,\n    FormControl, FormControlLabel,\n    Grid,\n    Input, InputAdornment, InputBase,\n    InputLabel, ListItemText,\n    MenuItem, MenuProps,\n    Select,\n    TextField, Typography\n} from '@material-ui/core';\nimport { KeyboardDatePicker } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core/styles';\nimport _ from 'lodash';\nimport clsx from 'clsx';\nimport { Formik } from 'formik';\nimport { translate } from '../../../../utils/i18nHelpers';\n\nconst useStyles = makeStyles((theme) => ({\n    root: {},\n    datePicker: {\n        '& + &': {\n            marginLeft: theme.spacing(2)\n        }\n    },\n    editor: {\n        '& .ql-editor': {\n            height: 400\n        }\n    },\n    editorBox: {\n        marginTop: theme.spacing(2)\n    },\n    fromTo: {\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'baseline'\n    },\n    divider: {\n        padding: '0 10px'\n    },\n    toBottom: {\n        display: 'flex',\n        alignItems: 'flex-end'\n    },\n    itemTitle: {\n        display: 'flex',\n        alignItems: 'center'\n    },\n    chips: {\n        display: 'flex',\n        flexWrap: 'wrap',\n    },\n    chip: {\n        margin: 2,\n    },\n    titleWidth: {\n        width: 130\n    },\n    wrapper: {\n        display: \"flex\",\n        alignItems: \"center\"\n    },\n    datePickerSearch: {\n        width: 175,\n        marginLeft: 15\n    },\n    marginLeft20: {\n        marginLeft: 20\n    },\n    marginLeft15: {\n        marginLeft: 15\n    },\n    btn: {\n        backgroundColor: '#000078',\n        color: '#fff',\n        '&:hover': {\n            backgroundColor: '#000099',\n        }\n    }\n}));\n\ninterface ExtendedFiltersDialogProps {\n    open: boolean;\n    setOpen: Function;\n    handleExtendedFiltersChange: Function;\n    selectOptions: any;\n    initialFiltersState: any;\n}\n\nfunction ExtendedFiltersDialog({ open, setOpen, selectOptions, initialFiltersState, handleExtendedFiltersChange, ...rest }: ExtendedFiltersDialogProps & WrappedComponentProps) {\n    const classes = useStyles();\n    const [personName, setPersonName] = React.useState([]);\n    const [date, setDate] = React.useState(new Date());\n    const handleClickOpen = () => {\n        setOpen(true);\n    };\n\n    const handleClose = () => {\n        setOpen(false);\n    };\n\n    const ITEM_HEIGHT = 48;\n    const ITEM_PADDING_TOP = 8;\n    const MenuProps = {\n        PaperProps: {\n            style: {\n                maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n                width: 250,\n            },\n        },\n    };\n\n    return (\n        <div>\n            <Button\n                color=\"secondary\"\n                className={classes.btn}\n                variant=\"contained\"\n                size=\"large\"\n                onClick={ handleClickOpen }\n            >\n                Расширенный фильтр\n            </Button>\n            <Dialog\n                open={ open }\n                onClose={ handleClose }\n                maxWidth={ 'md' }\n            >\n                <DialogTitle>{ translate(rest, 'app:Tenders;Create:PurchaseRequests:extendedFilters', 'Filters') }</DialogTitle>\n                <DialogContent>\n                    <DialogContentText>\n                        <Formik\n                            initialValues={ initialFiltersState }\n                            onSubmit={ async (values, {\n                                resetForm,\n                                setStatus,\n                                setSubmitting\n                            }) => {\n                                handleExtendedFiltersChange(values);\n                                handleClose();\n                            } }\n                        >\n                            { ({\n                                   errors,\n                                   handleBlur,\n                                   handleChange,\n                                   handleSubmit,\n                                   setFieldValue,\n                                   values,\n                                   setFieldTouched\n                               }) => (\n                                <form\n                                    className={ clsx(classes.root) }\n                                    onSubmit={ handleSubmit }\n                                    { ...rest }\n                                >\n                                    <Box p={ 1 } className={ classes.wrapper }>\n                                        <div className={ classes.wrapper }>\n                                            <Typography\n                                                variant=\"subtitle1\"\n                                                color=\"textSecondary\"\n                                                className={ classes.titleWidth }\n                                            >\n                                                Дата публикации\n                                            </Typography>\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'От' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"publishedDateFrom\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.publishedDateFrom }\n                                                onBlur={ () => setFieldTouched('publishedDateFrom') }\n                                                onClose={ () => setFieldTouched('publishedDateFrom') }\n                                                onAccept={ () => setFieldTouched('publishedDateFrom') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.startOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('publishedDateFrom', date);\n                                                } }\n                                            />\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'До' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"publishedDateTo\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.publishedDateTo }\n                                                onBlur={ () => setFieldTouched('publishedDateTo') }\n                                                onClose={ () => setFieldTouched('publishedDateTo') }\n                                                onAccept={ () => setFieldTouched('publishedDateTo') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.endOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('publishedDateTo', date);\n                                                } }\n                                            />\n                                        </div>\n                                    </Box>\n                                    <Box p={ 1 } className={ classes.wrapper }>\n                                        <div className={ classes.wrapper }>\n                                            <Typography\n                                                variant=\"subtitle1\"\n                                                color=\"textSecondary\"\n                                                className={ clsx(classes.titleWidth) }\n                                            >\n                                                Дата начала\n                                            </Typography>\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'От' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"startDateFrom\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.startDateFrom }\n                                                onBlur={ () => setFieldTouched('startDateFrom') }\n                                                onClose={ () => setFieldTouched('startDateFrom') }\n                                                onAccept={ () => setFieldTouched('startDateFrom') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.startOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('startDateFrom', date);\n                                                } }\n                                            />\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'До' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"startDateTo\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.startDateTo }\n                                                onBlur={ () => setFieldTouched('startDateTo') }\n                                                onClose={ () => setFieldTouched('startDateTo') }\n                                                onAccept={ () => setFieldTouched('startDateTo') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.endOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('startDateTo', date);\n                                                } }\n                                            />\n                                        </div>\n                                    </Box>\n                                    <Box p={ 1 } className={ classes.wrapper }>\n                                        <div className={ classes.wrapper }>\n                                            <Typography\n                                                variant=\"subtitle1\"\n                                                color=\"textSecondary\"\n                                                className={ clsx(classes.titleWidth) }\n                                            >\n                                                Дата окончания\n                                            </Typography>\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'От' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"endDateFrom\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.endDateFrom }\n                                                onBlur={ () => setFieldTouched('endDateFrom') }\n                                                onClose={ () => setFieldTouched('endDateFrom') }\n                                                onAccept={ () => setFieldTouched('endDateFrom') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.startOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('endDateFrom', date);\n                                                } }\n                                            />\n                                            <KeyboardDatePicker\n                                                className={ classes.datePickerSearch }\n                                                margin=\"dense\"\n                                                label={ 'До' }\n                                                format=\"DD/MM/YYYY\"\n                                                name=\"endDateTo\"\n                                                inputVariant=\"outlined\"\n                                                value={ values.endDateTo }\n                                                onBlur={ () => setFieldTouched('endDateTo') }\n                                                onClose={ () => setFieldTouched('endDateTo') }\n                                                onAccept={ () => setFieldTouched('endDateTo') }\n                                                onChange={ (date: any) => {\n                                                    if (date) {\n                                                        date.endOf('day').toISOString();\n                                                    }\n                                                    setFieldValue('endDateTo', date);\n                                                } }\n                                            />\n                                        </div>\n                                    </Box>\n                                    <Box p={ 1 } className={ classes.wrapper }>\n                                        <div className={ classes.wrapper }>\n                                            <Typography\n                                                variant=\"subtitle1\"\n                                                color=\"textSecondary\"\n                                                className={ classes.titleWidth }\n                                            >\n                                                Сумма\n                                            </Typography>\n                                            <TextField\n                                                className={ classes.datePickerSearch }\n                                                name=\"sumFrom\"\n                                                label={ 'От' }\n                                                onBlur={ handleBlur }\n                                                onChange={ handleChange }\n                                                value={ values.sumFrom }\n                                                variant=\"outlined\"\n                                                type=\"text\"\n                                                margin=\"dense\"\n                                                InputProps={ {\n                                                    endAdornment: (\n                                                        <InputAdornment position=\"start\">\n                                                            ₸\n                                                        </InputAdornment>\n                                                    )\n                                                } }\n                                            />\n                                            <TextField\n                                                className={ classes.datePickerSearch }\n                                                name=\"sumTo\"\n                                                label={ 'До' }\n                                                onBlur={ handleBlur }\n                                                onChange={ handleChange }\n                                                value={ values.sumTo }\n                                                variant=\"outlined\"\n                                                type=\"text\"\n                                                margin=\"dense\"\n                                                InputProps={ {\n                                                    endAdornment: (\n                                                        <InputAdornment position=\"start\">\n                                                            ₸\n                                                        </InputAdornment>\n                                                    )\n                                                } }\n                                            />\n                                        </div>\n\n                                    </Box>\n                                    <Divider/>\n                                    <Box mt={ 2 }>\n                                        <Button\n                                            className={classes.btn}\n                                            variant=\"contained\"\n                                            color=\"secondary\"\n                                            type=\"submit\"\n                                        >\n                                            Сохранить изменения\n                                        </Button>\n                                    </Box>\n                                </form>\n                            ) }\n                        </Formik>\n                    </DialogContentText>\n                </DialogContent>\n            </Dialog>\n        </div>\n    );\n}\n\nexport default injectIntl(ExtendedFiltersDialog);\n","import React, { useState, useRef, useMemo } from 'react';\nimport clsx from 'clsx';\nimport {\n  Box,\n  Button,\n  Grid,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n  makeStyles,\n  Input,\n  Divider,\n  Chip,\n  Card,\n} from '@material-ui/core';\nimport { ToggleButtonGroup, ToggleButton, Pagination } from '@material-ui/lab';\nimport ViewModuleIcon from '@material-ui/icons/ViewModule';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport TenderCard from './TenderCard';\nimport tenderService from '../../../publicServices/tenderService';\nimport { Formik } from 'formik';\nimport SearchIcon from '@material-ui/icons/Search';\nimport MultiSelect from './Filter/MultiSelect';\nimport Tender from '../../../types/Tender';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport { translate } from '../../../utils/i18nHelpers';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\nimport ImageIcon from '@material-ui/icons/Image';\nimport ExtendedFiltersDialog from './Filter/ExtendedFiltersDialog';\nimport { triggerUpdateMenu } from '../../../actions/utilsActions';\nimport { useDispatch } from 'react-redux';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    background: 'hsl(0deg 0% 100% / 50%)',\n    backdropFilter: 'blur(10px)',\n    border: '1px solid #979696',\n    marginBottom: 20,\n  },\n  title: {\n    position: 'relative',\n    '&:after': {\n      position: 'absolute',\n      bottom: -8,\n      left: 0,\n      content: '\" \"',\n      height: 3,\n      width: 48,\n      backgroundColor: theme.palette.primary.main,\n    },\n  },\n  sortButton: {\n    textTransform: 'none',\n    letterSpacing: 0,\n    marginRight: theme.spacing(2),\n  },\n  menu: {},\n  searchInput: {\n    marginLeft: theme.spacing(2),\n  },\n  chip: {\n    margin: theme.spacing(1),\n  },\n  filtersDropdown: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    minWidth: 360,\n    marginRight: 15,\n  },\n  toggleGroup: {\n    display: 'flex',\n  },\n  background: {\n    background: 'white',\n  },\n  wrapper: {\n    border: '1px solid silver',\n    padding: '0 !important',\n  },\n}));\n\ninterface TenderListIterface {\n  tenders: any;\n  className?: any;\n  user: any;\n  selectedTemplate: any;\n  showFilters: boolean;\n  filterActive?: boolean;\n  filterWinner?: boolean;\n}\n\nconst sortOptions = [\n  {\n    value: 'startDate',\n    defaultLabel: 'Дата публикации',\n  },\n  {\n    value: 'endDate',\n    defaultLabel: 'Дата проведения',\n  },\n  {\n    value: 'sum',\n    defaultLabel: 'Общая сумма',\n  },\n];\n\nconst typeSortOptions = [\n  {\n    value: 'asc',\n    defaultLabel: 'По-возрастанию',\n  },\n  {\n    value: 'desc',\n    defaultLabel: 'По-убыванию',\n  },\n];\n\nconst selectOptions = [\n  {\n    label: 'Тип закупки',\n    options: ['MaterialsProcurement', 'Service', 'WorkPerforming'],\n  },\n  {\n    label: 'Статус',\n    options: ['Published'],\n  },\n];\n\ntype Order = 'asc' | 'desc';\n\nfunction applySort(tenders: Tender[], sort: string): Tender[] {\n  const [orderBy, order] = sort.split('_');\n  const sortedTenders = _.orderBy(tenders, [orderBy], order as 'asc' | 'desc');\n\n  return sortedTenders;\n}\n\nfunction applyPagination(tenders: Tender[], page: number, limit: number) {\n  return tenders.slice(page * limit, page * limit + limit);\n}\n\nfunction Results({\n  className,\n  showFilters,\n  tenders,\n  user,\n  selectedTemplate,\n  filterActive,\n  filterWinner,\n  ...rest\n}: TenderListIterface & WrappedComponentProps) {\n  const classes = useStyles();\n  const dispatch = useDispatch();\n\n  const sortRef = useRef(null);\n  const typeSortRef = useRef(null);\n  const viewRef = useRef(null);\n  const [openSort, setOpenSort] = useState(false);\n  const [openTypeSort, setOpenTypeSort] = useState(false);\n  const [mode, setMode] = useState('grid');\n  const [showImg, setShowImg] = useState('show');\n  const [open, setOpen] = useState(false);\n\n  const initialValues = selectedTemplate\n    ? selectedTemplate.searchData\n    : {\n        keyword: '',\n        publishedDateFrom: null,\n        publishedDateTo: null,\n        startDateFrom: null,\n        startDateTo: null,\n        endDateFrom: null,\n        endDateTo: null,\n        sumFrom: '',\n        sumTo: '',\n        status: [],\n        tenderType: [],\n      };\n\n  const [inputValue, setInputValue] = useState('');\n  const [chips, setChips] = useState(['Published', 'MaterialsProcurement', 'Service', 'WorkPerforming']);\n  const [chipsExtended, setChipsExtended] = useState<string[]>([]);\n  const [filteredTenders, setFilteredTenders] = useState<Tender[]>(tenders);\n  const [hiddenTenders, setHiddenTenders] = useState<any[]>([]);\n  const [sort, setSort] = useState(sortOptions[0].value);\n  const [view, setView] = useState('1');\n  const [openView, setOpenView] = useState(false);\n  const [typeSort, setTypeSort] = useState<Order>('asc');\n  const [page, setPage] = useState(0);\n  const [limit, setLimit] = useState(50);\n  const [filterOptions, setFilterOptions] = useState();\n  const [filters, setFilters] = useState(initialValues);\n\n  function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {\n    if (b[orderBy] < a[orderBy]) {\n      return -1;\n    }\n    if (b[orderBy] > a[orderBy]) {\n      return 1;\n    }\n    return 0;\n  }\n\n  function getComparator<Key extends keyof any>(\n    typeSort: Order,\n    orderBy: Key\n  ): (a: { [key in Key]: number | string }, b: { [key in Key]: number | string }) => number {\n    return typeSort === 'desc'\n      ? (a, b) => descendingComparator(a, b, orderBy)\n      : (a, b) => -descendingComparator(a, b, orderBy);\n  }\n\n  const stableSort = (array: any[], comparator: (a: any, b: any) => number) => {\n    const stabilizedThis = array.map((el, index) => [el, index] as [Tender, number]);\n    stabilizedThis.sort((a, b) => {\n      const order = comparator(a[0], b[0]);\n      if (order !== 0) {\n        return order;\n      }\n      return a[1] - b[1];\n    });\n    return stabilizedThis.map(el => el[0]);\n  };\n\n  const handleModeChange = (event: any, value: any) => {\n    setMode(value);\n  };\n\n  const handleShowImgChange = (event: any, value: any) => {\n    setShowImg(value);\n  };\n\n  const addRemoveTenderFav = async (tenderId: number, isFavorite: boolean) => {\n    await tenderService.addRemoveTenderFav(tenderId, isFavorite);\n    dispatch(triggerUpdateMenu());\n  };\n\n  const handleMultiSelectChange = (value: any) => {\n    const uniqueArray = value.filter(function(item: any, pos: any) {\n      return value.indexOf(item) == pos;\n    });\n    setChips(uniqueArray);\n  };\n\n  const handleSortChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    event.persist();\n    setSort(event.target.value);\n  };\n  const handleTypeSortChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const sortOption = event.target.value as Order;\n    event.persist();\n    setTypeSort(sortOption);\n  };\n\n  useMemo(() => {\n    applyFilters(tenders, filters);\n  }, [tenders, hiddenTenders, chips]);\n\n  const handleSortOpen = () => {\n    setOpenSort(true);\n  };\n\n  const handleSortClose = () => {\n    setOpenSort(false);\n  };\n\n  const handleSortSelect = (value: any) => {\n    setSort(value);\n    setOpenSort(false);\n  };\n\n  const handleViewSelect = (value: any) => {\n    setView(value);\n    setOpenView(false);\n  };\n\n  const handleTypeSortOpen = () => {\n    setOpenTypeSort(true);\n  };\n\n  const handleTypeSortClose = () => {\n    setOpenTypeSort(false);\n  };\n\n  const handleTypeSortSelect = (value: any) => {\n    setTypeSort(value);\n    setOpenTypeSort(false);\n  };\n\n  function applyFilters(tenders: Tender[], query: any) {\n    if (!showFilters) {\n      setFilteredTenders(tenders);\n      return;\n    }\n    const filtered = tenders.filter((tender: Tender) => {\n      let matches = true;\n      Object.keys(query).map(key => {\n        if (key === 'keyword') {\n          if (query.keyword) {\n            let containsQuery = false;\n            if (tender.name.toLowerCase().includes(query.keyword.toLowerCase())) {\n              containsQuery = true;\n            }\n\n            if (tender.description && tender.description.toLowerCase().includes(query.keyword.toLowerCase())) {\n              containsQuery = true;\n            }\n\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'startDateFrom') {\n          if (query.startDateFrom) {\n            let containsQuery = false;\n            if (moment(tender.startDate).isSameOrAfter(query.startDateFrom)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'startDateTo') {\n          if (query.startDateTo) {\n            let containsQuery = false;\n            if (moment(tender.startDate).isSameOrBefore(query.startDateTo)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'endDateFrom') {\n          if (query.endDateFrom) {\n            let containsQuery = false;\n            if (moment(tender.endDate).isSameOrAfter(query.endDateFrom)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'endDateTo') {\n          if (query.endDateTo) {\n            let containsQuery = false;\n            if (moment(tender.endDate).isSameOrBefore(query.endDateTo)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'publishedDateFrom') {\n          if (query.publishedDateFrom) {\n            let containsQuery = false;\n            if (moment(tender.createdDate).isSameOrAfter(query.publishedDateFrom)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'publishedDateTo') {\n          if (query.publishedDateTo) {\n            let containsQuery = false;\n            if (moment(tender.createdDate).isSameOrBefore(query.publishedDateTo)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'sumFrom') {\n          if (query.sumFrom) {\n            let containsQuery = false;\n            if (tender.sum >= query.sumFrom) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'sumTo') {\n          if (query.sumTo) {\n            let containsQuery = false;\n            if (tender.sum <= query.sumTo) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'tenderType') {\n          if (query.tenderType) {\n            let containsQuery = false;\n            if (chips.includes(tender.type)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n        if (key === 'status') {\n          if (query.status) {\n            let containsQuery = false;\n            if (chips.includes(tender.status)) {\n              containsQuery = true;\n            }\n            if (!containsQuery) {\n              matches = false;\n            }\n          }\n        }\n      });\n      if (hiddenTenders.length !== 0) {\n        let containsQuery = false;\n        if (!hiddenTenders.includes(tender.id)) {\n          containsQuery = true;\n        }\n        if (!containsQuery) {\n          matches = false;\n        }\n      }\n      return matches;\n    });\n    setFilteredTenders(filtered);\n  }\n\n  const handleExtendedFiltersChange = (filters: any) => {\n    const newValues: string[] = [];\n    applyFilters(tenders, filters);\n    setFilters(filters);\n    debugger;\n    if (filters.publishedDateFrom) {\n      newValues.push(\n        `Дата публикации: ${moment(filters.publishedDateFrom).format('DD.MM.YYYY')}${\n          Boolean(filters.publishedDateTo) ? ' - ' + moment(filters.publishedDateTo).format('DD.MM.YYYY') : ''\n        }`\n      );\n    }\n    if (filters.startDateFrom) {\n      newValues.push(\n        `Дата начала: ${moment(filters.startDateFrom).format('DD.MM.YYYY')}${\n          Boolean(filters.startDateTo) ? ' - ' + moment(filters.startDateTo).format('DD.MM.YYYY') : ''\n        }`\n      );\n    }\n    if (filters.endDateFrom) {\n      newValues.push(\n        `Дата окончания: ${moment(filters.endDateFrom).format('DD.MM.YYYY')}${\n          Boolean(filters.endDateTo) ? ' - ' + moment(filters.endDateTo).format('DD.MM.YYYY') : ''\n        }`\n      );\n    }\n    if (filters.sumFrom) {\n      newValues.push(`Сумма: ${filters.sumFrom}${Boolean(filters.sumTo) ? ' - ' + filters.sumTo : ''}`);\n    }\n\n    setChipsExtended([...newValues]);\n  };\n\n  const sortedTenders = applySort(filteredTenders, sort);\n  const paginatedTenders = applyPagination(sortedTenders, page, limit);\n  const sortedByField = stableSort(paginatedTenders, getComparator(typeSort, sort));\n\n  return (\n    <>\n      {user && showFilters && (\n        <Card className={clsx(classes.root, className)} {...rest}>\n          <Formik\n            enableReinitialize={true}\n            initialValues={initialValues}\n            onSubmit={async (values, {}) => {\n              try {\n                applyFilters(tenders, values);\n              } catch (error) {}\n            }}\n          >\n            {({\n              errors,\n              handleBlur,\n              handleChange,\n              handleSubmit,\n              isSubmitting,\n              touched,\n              values,\n              setFieldTouched,\n              setFieldValue,\n              resetForm,\n            }) => (\n              <>\n                <form onSubmit={handleSubmit} onChange={handleSubmit}>\n                  <Box p={2} display=\"flex\" alignItems=\"center\">\n                    <SearchIcon />\n                    <Input\n                      name=\"keyword\"\n                      disableUnderline\n                      fullWidth\n                      className={classes.searchInput}\n                      placeholder=\"Введите ключевые слова\"\n                      onBlur={handleBlur}\n                      onChange={handleChange}\n                      value={values.keyword}\n                    />\n                  </Box>\n                  <Divider />\n\n                  <Box p={2} display=\"flex\" alignItems=\"center\" flexWrap=\"wrap\">\n                    {[...chips, ...chipsExtended].map(chip => (\n                      <Chip\n                        className={classes.chip}\n                        key={chip}\n                        label={translate(rest, `app:TenderList;Filter;Chip;${chip};title`, chip)}\n                      />\n                    ))}\n                  </Box>\n                  <Divider />\n                  <Box display=\"flex\" alignItems=\"center\" flexWrap=\"wrap\" p={1}>\n                    {selectOptions.map(option => (\n                      <MultiSelect\n                        key={option.label}\n                        label={option.label}\n                        onChange={handleMultiSelectChange}\n                        options={option.options}\n                        value={chips}\n                      />\n                    ))}\n                    <Box flexGrow={1} />\n                    <ExtendedFiltersDialog\n                      initialFiltersState={filters}\n                      selectOptions={filterOptions}\n                      open={open}\n                      setOpen={setOpen}\n                      handleExtendedFiltersChange={handleExtendedFiltersChange}\n                    />\n                  </Box>\n                </form>\n              </>\n            )}\n          </Formik>\n        </Card>\n      )}\n      <div className={clsx(className)} {...rest}>\n        <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" flexWrap=\"wrap\" mb={2}>\n          <Typography className={classes.title} variant=\"h5\" color=\"textPrimary\">\n            Показано {tenders.length ? '1' : '0'}-{paginatedTenders.length} из {tenders.length} тендеров.\n          </Typography>\n          <Box className={classes.toggleGroup}>\n            <Box className={classes.filtersDropdown}>\n              <Menu\n                anchorEl={sortRef.current}\n                className={classes.menu}\n                onClose={handleSortClose}\n                open={openSort}\n                elevation={1}\n              >\n                {sortOptions.map(option => (\n                  <MenuItem key={option.value} onClick={() => handleSortSelect(option.value)}>\n                    <ListItemText primary={option.defaultLabel} />\n                  </MenuItem>\n                ))}\n              </Menu>\n              <Button className={classes.sortButton} onClick={handleSortOpen} ref={sortRef}>\n                {translate(rest, `app:TenderList;Filter;Sort;${sort};title`, sort)}\n                <ArrowDropDownIcon />\n              </Button>\n\n              <Menu\n                anchorEl={typeSortRef.current}\n                className={classes.menu}\n                onClose={handleTypeSortClose}\n                open={openTypeSort}\n                elevation={1}\n              >\n                {typeSortOptions.map(option => (\n                  <MenuItem key={option.value} onClick={() => handleTypeSortSelect(option.value)}>\n                    <ListItemText primary={option.defaultLabel} />\n                  </MenuItem>\n                ))}\n              </Menu>\n              <Button className={classes.sortButton} onClick={handleTypeSortOpen} ref={typeSortRef}>\n                {translate(rest, `app:TenderList;Filter;TypeSort;${typeSort};title`, typeSort)}\n                <ArrowDropDownIcon />\n              </Button>\n\n              {/*<Menu\n                                anchorEl={viewRef.current}\n                                className={classes.menu}\n                                onClose={()=>{\n                                    setOpenView(false);\n                                }}\n                                open={openView}\n                                elevation={1}\n                            >\n                                <MenuItem\n                                    onClick={() => handleViewSelect('1')}\n                                >\n                                    <ListItemText primary={'Вид 1'} />\n                                </MenuItem>\n                                <MenuItem\n                                    onClick={() => handleViewSelect('2')}\n                                >\n                                    <ListItemText primary={'Вид 2'} />\n                                </MenuItem>\n                                <MenuItem\n                                    onClick={() => handleViewSelect('3')}\n                                >\n                                    <ListItemText primary={'Вид 3'} />\n                                </MenuItem>\n                                <MenuItem\n                                    onClick={() => handleViewSelect('4')}\n                                >\n                                    <ListItemText primary={'Вид 4'} />\n                                </MenuItem>\n                            </Menu>\n                            <Button\n                                className={classes.sortButton}\n                                onClick={()=>{\n                                    setOpenView(true);\n                                }}\n                                ref={viewRef}\n                            >\n                                {`Вид ${view}`}\n                                <ArrowDropDownIcon />\n                            </Button>*/}\n            </Box>\n            <Box display=\"flex\" alignItems=\"center\" mr={'10px'}>\n              <ToggleButtonGroup exclusive onChange={handleShowImgChange} size=\"small\" value={showImg}>\n                <ToggleButton value=\"show\">\n                  <ImageIcon />\n                </ToggleButton>\n              </ToggleButtonGroup>\n            </Box>\n            <Box display=\"flex\" alignItems=\"center\">\n              <ToggleButtonGroup exclusive onChange={handleModeChange} size=\"small\" value={mode}>\n                <ToggleButton value=\"grid\">\n                  <ViewModuleIcon />\n                </ToggleButton>\n              </ToggleButtonGroup>\n            </Box>\n          </Box>\n        </Box>\n\n        <Grid container spacing={3}>\n          {tenders &&\n            sortedByField.map((tender: any, index: number) => {\n              return filterActive ? (\n                Boolean(moment(tender.endDate) > moment()) && (\n                  <Grid item key={tender.id} md={mode === 'grid' ? 4 : 12} sm={mode === 'grid' ? 6 : 12} xs={12}>\n                    <TenderCard\n                      image={tender.photoUrl}\n                      tender={tender}\n                      className={''}\n                      showImg={Boolean(showImg)}\n                      addRemoveTenderFavorite={addRemoveTenderFav}\n                    />\n                  </Grid>\n                )\n              ) : filterWinner ? (\n                tender.isWinner && (\n                  <Grid item key={tender.id} md={mode === 'grid' ? 4 : 12} sm={mode === 'grid' ? 6 : 12} xs={12}>\n                    <TenderCard\n                      image={tender.photoUrl}\n                      tender={tender}\n                      className={''}\n                      showImg={Boolean(showImg)}\n                      addRemoveTenderFavorite={addRemoveTenderFav}\n                    />\n                  </Grid>\n                )\n              ) : (\n                <Grid item key={tender.id} md={mode === 'grid' ? 4 : 12} sm={mode === 'grid' ? 6 : 12} xs={12}>\n                  <TenderCard\n                    image={tender.photoUrl}\n                    tender={tender}\n                    className={''}\n                    showImg={Boolean(showImg)}\n                    addRemoveTenderFavorite={addRemoveTenderFav}\n                  />\n                </Grid>\n              );\n            })}\n        </Grid>\n        <Box mt={6} display=\"flex\" justifyContent=\"center\">\n          <Pagination count={3} />\n        </Box>\n      </div>\n    </>\n  );\n}\n\nexport default injectIntl(Results);\n"],"sourceRoot":""}