dispatch(updateVuln(vuln, 'severity', e.value)) }\n options={ severities.map((element) => ({ label: , value: element.name })) }\n />\n );\n};\n\nexport default SeverityPicker;\n","import styled from 'styled-components';\n\nconst themes = {\n allVulns: {\n border: '#90a9c0',\n body: '#90a9c0'\n },\n notConfirmed: {\n border: '#90a9c0',\n body: '#fafbfc'\n },\n confirmed: {\n border: '#f59220',\n body: '#ffd76b'\n }\n};\n\nconst Icon = styled.svg`\n width: 24px;\n height: 24px;\n\n & #flag-border {\n fill: ${(props) => themes[props.theme].border};\n }\n\n & #flag-body {\n fill: ${(props) => themes[props.theme].body};\n }\n`;\n\nexport default Icon;\n","import React from 'react';\nimport Icon from './styled';\n\nconst FlagIcon = ({ theme, onClick, title }) => (\n \n);\n\nexport default FlagIcon;\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n margin-left: 10px;\n width: 120px;\n display: flex;\n align-items: baseline;\n`;\n\nexport const Label = styled.label`\n font-size: 13.5px;\n font-weight: 400;\n letter-spacing: normal;\n color: #63758d;\n margin: 0 0 0 5px;\n`;\n","import React from 'react';\nimport FlagIcon from 'Common/Components/FlagIcon/index';\nimport { updateVuln } from 'store/Manage/actions';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { selectVulnDetail } from 'store/Manage/selectors';\nimport get from 'lodash/get';\nimport { Wrapper, Label } from './styled';\n\nconst DisplayConfirmed = () => {\n const dispatch = useDispatch();\n const vuln = useSelector(selectVulnDetail);\n const confirmed = get(vuln, 'confirmed', false);\n return (\n \n dispatch(updateVuln(vuln, 'confirmed', !confirmed)) }\n aria-label={ confirmed ? 'Confirmed' : 'Not confirmed' }\n />\n \n \n );\n};\n\nexport default DisplayConfirmed;\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n margin-left: 16px;\n width: 162px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React from 'react';\nimport Select from 'react-select';\nimport get from 'lodash/get';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { updateVuln } from 'store/Manage/actions';\nimport { selectVulnDetail, selectReadOnly, selectPermissions } from 'store/Manage/selectors';\nimport { basicSelect } from 'Common/styles/style';\nimport { capitalize } from 'utils/stringUtils';\nimport { easeOfResolution } from 'Screens/Constants';\nimport Wrapper from './styled';\n\nconst EaseOfResolutionPicker = () => {\n const dispatch = useDispatch();\n const vuln = useSelector(selectVulnDetail);\n\n const readOnly = useSelector(selectReadOnly);\n const permissions = useSelector(selectPermissions);\n const vulnEaseOfResolution = get(vuln, 'easeofresolution', '');\n const value = {\n label: capitalize(vulnEaseOfResolution) || 'Ease of resolution',\n value: vulnEaseOfResolution || 'Ease of resolution'\n };\n return (\n \n dispatch(updateVuln(vuln, 'easeofresolution', e.value)) }\n options={ easeOfResolution.map((element) => ({ label: element.desc, value: element.name })) }\n />\n \n );\n};\n\nexport default EaseOfResolutionPicker;\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n margin-left: 11px;\n width: 149px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React from 'react';\nimport Select from 'react-select';\nimport get from 'lodash/get';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateVuln } from 'store/Manage/actions';\nimport { selectVulnDetail, selectReadOnly, selectPermissions } from 'store/Manage/selectors';\nimport { statusSelect } from 'Common/styles/style';\nimport { capitalize } from 'utils/stringUtils';\nimport { status as statusList } from 'Screens/Constants';\nimport Wrapper from './styled';\n\nconst StatusPicker = () => {\n const dispatch = useDispatch();\n const vuln = useSelector(selectVulnDetail);\n\n const readOnly = useSelector(selectReadOnly);\n const permissions = useSelector(selectPermissions);\n const status = get(vuln, 'status', '');\n const value = {\n label: capitalize(status),\n value: status\n };\n\n return (\n \n dispatch(updateVuln(vuln, 'status', e.value)) }\n options={ statusList.map((element) => ({ label: element.desc, value: element.name })) }\n />\n \n );\n};\n\nexport default StatusPicker;\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: row;\n margin-top: 5px;\n margin-bottom: 10px;\n align-items: center;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React from 'react';\nimport SeverityPicker from './components/SeverityPicker';\nimport DisplayConfirmed from './components/DisplayConfirmed';\nimport EaseOfResolutionPicker from './components/EaseOfResolutionPicker';\nimport StatusPicker from './components/StatusPicker';\nimport Wrapper from './styled';\n\nconst ActionBar = () => (\n \n \n \n \n \n \n);\nexport default ActionBar;\n","import React from 'react';\nimport moment from 'moment';\n\nconst DateFormatter = ({ date }) => {\n const today = moment();\n\n const isToday = (d) => moment(d).isSame(today, 'day');\n\n const shortDateFormat = (d) => moment(d).format('LT');\n const longDateFormat = (d) => moment(d).format('lll');\n\n const dateFormatted = isToday(date) ? `Today, ${shortDateFormat(date)}` : longDateFormat(date);\n\n return (\n {dateFormatted}
\n );\n};\n\nexport default DateFormatter;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nexport const Wrapper = styled.div`\n display: flex;\n width: 100%;\n background-color: ${colors.grey19};\n padding: 12px 20px 13px 20px;\n margin-bottom: 10px;\n border-radius: 2px;\n box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.03);\n align-items: center;\n flex-direction: row;\n flex-wrap: wrap;\n & > *:not(:last-child) {\n /* margin-right: auto; */\n border-right: 1px dashed #c3c3c3;\n height: 23px;\n padding-right: 13.5px;\n margin-right: 13.5px;\n }\n & > :first-child {\n /* padding-right: 30px; */\n }\n /* & > :last-child {\n width: 100%;\n } */\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const FieldContainer = styled.div`\n display: flex;\n flex-direction: row;\n`;\nFieldContainer.displayName = 'FieldContainer';\n\nexport const FieldName = styled.div`\n color: ${colors.grey12};\n flex: 0 1 0;\n font-size: 13.5px;\n font-weight: 500;\n`;\nFieldName.displayName = 'FieldName';\n\nexport const FieldValue = styled.div`\n padding-left: 5px;\n color: ${colors.white1};\n font-size: 13.5px;\n font-weight: 300;\n vertical-align: sub;\n`;\nFieldValue.displayName = 'FieldValue';\n","import React from 'react';\nimport head from 'lodash/head';\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport { useSelector } from 'react-redux';\nimport { selectVulnDetail } from 'store/Manage/selectors';\nimport DateFormatter from 'Common/Components/DateFormatter';\nimport { FormattedMessage } from 'react-intl';\nimport {\n Wrapper, FieldContainer, FieldName, FieldValue\n} from './styled';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const HostData = () => (\n \n \n \n \n \n);\n\nconst Target = () => {\n const vuln = useSelector(selectVulnDetail);\n const target = get(vuln, 'target', '');\n\n return (\n \n \n \n \n {target}\n \n );\n};\n\nconst Hostname = () => {\n const vuln = useSelector(selectVulnDetail);\n const hostnames = get(vuln, 'hostnames', []).filter((h) => !isEmpty(h));\n const hostname = head(hostnames);\n\n if (!hostname) return null;\n return (\n \n \n \n \n {hostname}\n \n );\n};\n\nconst Date = () => {\n const vuln = useSelector(selectVulnDetail);\n const createTime = get(vuln, 'metadata.create_time', '');\n\n return (\n \n \n \n \n \n \n );\n};\n","import get from 'lodash/get';\n\nexport const selectIsFetching = (state) => get(state, 'sesion.isFetching', false);\nexport const selectRememberMe = (state) => get(state, 'sesion.rememberMe', false);\nexport const selectIsLoggedIn = (state) => get(state, 'sesion.loggedIn', false);\nexport const selectErrorMessage = (state) => get(state, 'sesion.errorMessage', '');\nexport const selectUser = (state) => get(state, 'sesion.user', '');\nexport const selectUserRoles = (state) => get(state, 'sesion.roles', []);\nexport const selectIsValidatingSession = (state) => get(state, 'sesion.validatingSession', false);\nexport const selectCsrfToken = (state) => get(state, 'sesion.csrfToken', '');\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useIntl } from 'react-intl';\nimport get from 'lodash/get';\nimport api from 'services/api';\nimport { setError, updateVuln } from 'store/Manage/actions';\nimport { selectVulnDetail, selectReadOnly, selectPermissions } from 'store/Manage/selectors';\nimport MarkdownEditor from 'Common/Components/v2/MarkdownEditor';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport useExpandable from 'Hooks/useExpandable';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport { selectCsrfToken } from 'store/Sesion/selectors';\n\nconst TAB = 'general';\nconst ID = 'description';\n\nconst Description = () => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const currentVuln = useSelector(selectVulnDetail);\n const description = get(currentVuln, ID, '');\n const updateValue = (field, value) => dispatch(updateVuln(currentVuln, field, value));\n const readOnly = useSelector(selectReadOnly);\n const permissions = useSelector(selectPermissions);\n const disabled = readOnly || !permissions.update.allowed;\n const isExpanded = useExpandable(TAB, ID, description);\n const vulnId = get(currentVuln, '_id', 0);\n const workspaceSelected = useSelector(selectCurrentWorkspace);\n const csrfToken = useSelector(selectCsrfToken);\n\n const onImageUpload = async (file) => {\n try {\n const filename = file.name.replace(/\\s+/g, '');\n const renameEvidence = new File([file], filename);\n const fd = new FormData();\n fd.append('csrf_token', csrfToken);\n fd.append('file', renameEvidence);\n const response = await api.attachments.saveAttachments(workspaceSelected, vulnId, fd);\n if (response && (response.success !== false)) {\n return `/_api/v3/ws/${workspaceSelected}/vulns/${vulnId}/attachment/${filename}`;\n }\n } catch (e) {\n dispatch(setError(e.message));\n }\n };\n\n return (\n \n updateValue('desc', value) }\n disabled={ disabled }\n minHeight={ 170 }\n uploadImage\n onImageUpload={ onImageUpload }\n />\n \n );\n};\n\nexport default Description;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useIntl } from 'react-intl';\nimport get from 'lodash/get';\nimport { updateVuln } from 'store/Manage/actions';\nimport { selectVulnDetail, selectReadOnly, selectPermissions } from 'store/Manage/selectors';\nimport MarkdownEditor from 'Common/Components/v2/MarkdownEditor';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport useExpandable from 'Hooks/useExpandable';\n\nconst TAB = 'general';\nconst ID = 'resolution';\n\nconst Resolution = () => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const currentVuln = useSelector(selectVulnDetail);\n const resolution = get(currentVuln, 'resolution', '');\n const updateValue = (field, value) => dispatch(updateVuln(currentVuln, field, value));\n const isExpanded = useExpandable(TAB, ID, resolution);\n\n const readOnly = useSelector(selectReadOnly);\n const permissions = useSelector(selectPermissions);\n const disabled = readOnly || !permissions.update.allowed;\n\n return (\n \n updateValue('resolution', value) }\n disabled={ disabled }\n minHeight={ 170 }\n />\n \n );\n};\n\nexport default Resolution;\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n padding: 0px 20px 20px 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { selectCurrentReferences, selectVulnDetail } from 'store/Manage/selectors';\nimport { updateVuln } from 'store/Manage/actions';\nimport CustomList from 'Common/Components/CustomList';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport Wrapper from './styled';\nimport useExpandable from 'Hooks/useExpandable';\n\nconst TAB = 'general';\nconst ID = 'references';\n\nconst References = () => {\n const dispatch = useDispatch();\n const list = useSelector(selectCurrentReferences);\n const currentVuln = useSelector(selectVulnDetail);\n const intl = useIntl();\n const isExpanded = useExpandable(TAB, ID, list);\n\n const refsList = list.map((ref) => ref && ref.name);\n const onAdd = (valueAdded) => {\n const newRefs = [...refsList, valueAdded];\n dispatch(updateVuln(currentVuln, 'refs', newRefs));\n };\n const onRemove = (indexToRemove) => {\n const newRefs = refsList.filter((ref, index) => index !== indexToRemove);\n dispatch(updateVuln(currentVuln, 'refs', newRefs));\n };\n\n return (\n \n \n \n \n \n );\n};\n\nexport default References;\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n padding: 0px 20px 20px 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { selectCurrentPolicies, selectVulnDetail } from 'store/Manage/selectors';\nimport { updateVuln } from 'store/Manage/actions';\nimport CustomList from 'Common/Components/CustomList';\nimport Wrapper from './styled';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport useExpandable from 'Hooks/useExpandable';\n\nconst TAB = 'general';\nconst ID = 'policies';\n\nconst Policies = () => {\n const dispatch = useDispatch();\n const intl = useIntl();\n const list = useSelector(selectCurrentPolicies);\n const currentVuln = useSelector(selectVulnDetail);\n const isExpanded = useExpandable(TAB, ID, list);\n\n const onAdd = (valueAdded) => {\n const newRefs = [...list, valueAdded];\n dispatch(updateVuln(currentVuln, 'policyviolations', newRefs));\n };\n\n const onRemove = (indexToRemove) => {\n const newPolicies = list.filter((pol, index) => index !== indexToRemove);\n dispatch(updateVuln(currentVuln, 'policyviolations', newPolicies));\n };\n\n return (\n \n \n \n \n \n );\n};\n\nexport default Policies;\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n width: ${(props) => (props.width ? `${props.width}` : '400px')}; \n margin: ${(props) => (props.margin ? 'auto' : '0')};\n user-select: none;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const ImpactItem = styled.div`\n width: 195px;\n height: 24px;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 0 #acbdd2; \n font-size: 12.5px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.08;\n letter-spacing: normal;\n text-align: center; \n margin-right: 2px;\n margin-bottom: 3px;\n background-color: ${(props) => (props.active ? '#686A76' : '#edf2f7')};\n color: ${(props) => (props.active ? 'white' : '#0b2128')};\n\n &:hover {\n background-color: ${(props) => (props.active ? '#787a87' : '#f1f4f7')};\n cursor: pointer;\n color: ${(props) => (props.active ? 'white' : '#0b2128')};\n }\n`;\nImpactItem.displayName = 'ImpactItem';\n\nexport const Row = styled.div`\n display: flex;\n flex-wrap: wrap;\n`;\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { Wrapper, ImpactItem, Row } from './styled';\n\nclass Impacts extends React.Component {\n constructor (props) {\n super(props);\n this.onChangeAccountabilityHandler = this.onChangeAccountabilityHandler.bind(this);\n this.onChangeAvailabilityHandler = this.onChangeAvailabilityHandler.bind(this);\n this.onChangeConfidentialityHandler = this.onChangeConfidentialityHandler.bind(this);\n this.onChangeIntegrityHandler = this.onChangeIntegrityHandler.bind(this);\n\n this.state = { ...props.impacts };\n }\n\n componentDidUpdate (prevProps) {\n const { impacts } = this.props;\n if (prevProps.impacts !== impacts) {\n this.setState({ ...impacts });\n }\n }\n\n onChangeAccountabilityHandler () {\n this.setState((prevState) => ({ accountability: !prevState.accountability }));\n this.props.selectCheckbox('accountability');\n }\n\n onChangeAvailabilityHandler () {\n this.setState((prevState) => ({ availability: !prevState.availability }));\n this.props.selectCheckbox('availability');\n }\n\n onChangeConfidentialityHandler () {\n this.setState((prevState) => ({ confidentiality: !prevState.confidentiality }));\n this.props.selectCheckbox('confidentiality');\n }\n\n onChangeIntegrityHandler () {\n this.setState((prevState) => ({ integrity: !prevState.integrity }));\n this.props.selectCheckbox('integrity');\n }\n\n render () {\n const {\n accountability,\n availability,\n confidentiality,\n integrity\n } = this.state;\n\n const { hideTitle, title, width, margin } = this.props;\n\n return (\n \n {!hideTitle && title && {title}
}\n \n this.onChangeAccountabilityHandler() } className=\"impact-item\">Accountability\n this.onChangeAvailabilityHandler() } className=\"impact-item\">Availability\n this.onChangeIntegrityHandler() } className=\"impact-item\">Integrity\n this.onChangeConfidentialityHandler() } className=\"impact-item\">Confidentiality\n
\n \n );\n }\n}\n\nImpacts.propTypes = {\n title: PropTypes.string,\n width: PropTypes.string,\n margin: PropTypes.bool,\n selectCheckbox: PropTypes.func.isRequired,\n impacts: PropTypes.shape({\n accountability: PropTypes.bool.isRequired,\n availability: PropTypes.bool.isRequired,\n confidentiality: PropTypes.bool.isRequired,\n integrity: PropTypes.bool.isRequired\n })\n};\n\nImpacts.defaultProps = {\n title: 'Impact',\n width: '400px',\n margin: true,\n impacts: {\n accountability: false,\n availability: false,\n confidentiality: false,\n integrity: false\n }\n};\n\nexport default withRouter(Impacts);\n","import styled from 'styled-components';\n\nconst Wrapper = styled.div`\n height: 80px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport default Wrapper;\n","import React, { useState, useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { selectCurrentImpacts, selectVulnDetail } from 'store/Manage/selectors';\nimport { updateVuln } from 'store/Manage/actions';\nimport Impacts from 'Common/Components/Impacts';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport Wrapper from './styled';\nimport useExpandable from 'Hooks/useExpandable';\n\nconst TAB = 'general';\nconst ID = 'impact';\n\nconst ImpactsTab = () => {\n const dispatch = useDispatch();\n const intl = useIntl();\n const initialValue = useSelector(selectCurrentImpacts);\n const currentVuln = useSelector(selectVulnDetail);\n const [impacts, setImpacts] = useState(initialValue);\n\n const getDefaultValue = () => {\n return (\n impacts.accountability ||\n impacts.availability ||\n impacts.integrity ||\n impacts.accountability\n );\n };\n\n const isExpanded = useExpandable(TAB, ID, getDefaultValue());\n\n useEffect(() => {\n setImpacts(initialValue);\n }, [initialValue]);\n\n const onSelectCheckbox = (impactChanged) => {\n const newImpacts = { ...impacts, [impactChanged]: !impacts[impactChanged] };\n setImpacts(newImpacts);\n dispatch(updateVuln(currentVuln, 'impact', newImpacts));\n };\n\n return (\n \n \n \n \n \n );\n};\n\nexport default ImpactsTab;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nconst OwnerWrapper = styled.div`\n border-radius: 3px;\n background-color: ${colors.white};\n padding: 14px 20px 26px 20px;\n user-select: none;\n font-size: 13px;\n font-weight: 300;\n color: #5E6667;\n padding: 0px 20px 20px 20px;\n`;\nOwnerWrapper.displayName = 'OwnerWrapper';\n\nexport default OwnerWrapper;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { useIntl } from 'react-intl';\nimport get from 'lodash/get';\nimport { selectVulnDetail } from 'store/Manage/selectors';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport OwnerWrapper from './styled';\nimport useExpandable from 'Hooks/useExpandable';\n\nconst TAB = 'general';\nconst ID = 'owner';\n\nconst Owner = () => {\n const intl = useIntl();\n const currentVuln = useSelector(selectVulnDetail);\n const owner = get(currentVuln, 'owner', '');\n const isExpanded = useExpandable(TAB, ID, owner);\n\n return (\n \n \n \n );\n};\n\nexport default Owner;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nconst Wrapper = styled.div`\nborder-radius: 3px;\nbackground-color: ${colors.white};\npadding: 14px 20px 26px 20px;\nuser-select: none;\nfont-size: 13px;\nfont-weight: 300;\ncolor: #5E6667;\npadding: 0px 20px 20px 20px;\n`;\n\nexport default Wrapper;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\nimport {\n selectCurrentExternalId\n} from 'store/Manage/selectors';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport useExpandable from 'Hooks/useExpandable';\nimport Wrapper from './styled';\n\nconst TAB = 'general';\nconst ID = 'externalID';\n\nconst ExternalId = () => {\n const intl = useIntl();\n const externalId = useSelector(selectCurrentExternalId);\n const isExpanded = useExpandable(TAB, ID, externalId);\n\n return (\n \n \n { externalId || '' }\n \n \n );\n};\n\nexport default ExternalId;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nexport const Wrapper = styled.div`\n position: relative;\n width: 100px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const Button = styled.button`\n border-radius: 2px;\n border: solid 1px #707070;\n background-color: ${colors.white};\n color: ${colors.darkBlueGrey};\n text-align: center;\n min-width: 89px;\n width: auto;\n height: 34px;\n border-radius: 2px;\n font-size: 14px;\n font-weight: 500;\n padding: 4px;\n cursor: pointer;\n\n`;\nButton.displayName = 'Button';\n","import React from 'react';\nimport { useIntl } from 'react-intl';\nimport { Wrapper, Button } from './styled';\nimport { useDispatch } from 'react-redux';\nimport { openModal } from 'store/modals/actions';\nimport { MODAL_UPGRADE_LICENSE_VULN_DETAIL } from 'store/modals/modals';\n\nconst AddTagButton = () => {\n const dispatch = useDispatch();\n const intl = useIntl();\n const editLabel = intl.formatMessage({ id: 'manage.detail.tab.general.tags.edit' });\n const onClick = () => dispatch(openModal(MODAL_UPGRADE_LICENSE_VULN_DETAIL));\n return (\n \n \n \n );\n};\n\nexport default AddTagButton;\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0px 20px 20px 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const Subtitle = styled.div`\n margin-top: 8px;\n margin-bottom: 14px;\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #1c4566;\n user-select: none;\n text-align: left;\n`;\nSubtitle.displayName = 'Subtitle';\n","/* eslint-disable react/no-children-prop */\nimport useExpandable from 'Hooks/useExpandable';\nimport React from 'react';\nimport { useIntl } from 'react-intl';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport AddTagButton from './components/AddTagButton';\nimport { Wrapper } from './styled';\n\nconst TAB = 'general';\nconst ID = 'tags';\n\nconst Tags = () => {\n const intl = useIntl();\n const isExpanded = useExpandable(TAB, ID, false);\n\n return (\n \n \n \n \n \n );\n};\n\nexport default Tags;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nconst sevColor = {\n critical: colors.warmPurple,\n high: colors.redPink,\n medium: colors.tangerine,\n low: colors.apple,\n informational: colors.grey2,\n disable: '#d6d6d6'\n};\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0px 20px 20px 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const Risk = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0px 20px 20px 20px;\n`;\nRisk.displayName = 'Risk';\n\nexport const RiskScoreInfo = styled.td`\n display: flex;\n padding-bottom: 5px;\n`;\nRiskScoreInfo.displayName = 'RiskScoreInfo';\n\nexport const Text = styled.td`\n font-weight: ${({ bold }) => bold ? '600' : 'normal'};\n font-size: ${({ big }) => big ? '16px' : '13.5px'};\n padding-bottom: ${({ pb }) => pb ? '5px' : '0px'};\n color: ${({ color }) => color ? sevColor[color] : '#1c4566'};\n`;\nText.displayName = 'Text';\n\nexport const Title = styled.td`\n font-weight: 600;\n font-size: 16px;\n padding-bottom: 10px;\n color: #1c4566;\n`;\n\nexport const Line = styled.tr`\n font-size: 13px;\n & >:first-child {\n width: 180px;\n }\n`;\nLine.displayName = 'Line';\n\nexport const Link = styled.a`\n font-weight: normal;\n font-size: 13.5px;\n color: #1c4566;\n`;\n","var _style, _g;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconActionBarTrash = function SvgIconActionBarTrash(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 16.5 17.5\",\n style: {\n enableBackground: \"new 0 0 16.5 17.5\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _style || (_style = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n }, \"\\n\\t.st0{fill:#1C4566;}\\n\")), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M6.1,14.1c0.4,0,0.7-0.3,0.7-0.7V7c0-0.4-0.3-0.7-0.7-0.7S5.5,6.6,5.5,7v6.4C5.5,13.8,5.8,14.1,6.1,14.1z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M15.8,2.7h-4.1V2c0-1.1-0.9-2-1.9-2H6.7C5.6,0,4.8,0.9,4.8,2v0.7H0.7C0.3,2.7,0,3,0,3.4S0.3,4,0.7,4H2 l0.3,10.3c0.1,1.8,1.4,3.1,3.1,3.1h5.6c1.7,0,3.1-1.4,3.1-3.1L14.5,4h1.3c0.4,0,0.7-0.3,0.7-0.7S16.2,2.7,15.8,2.7z M10.4,2v0.7 H6.1V2c0-0.3,0.3-0.6,0.6-0.6h3.1C10.2,1.4,10.4,1.6,10.4,2z M12.9,14.3c0,1-0.8,1.8-1.8,1.8H5.5c-1,0-1.8-0.8-1.8-1.8L3.3,4h9.9 L12.9,14.3z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M8.4,14.1c0.4,0,0.7-0.3,0.7-0.7V7c0-0.4-0.3-0.7-0.7-0.7S7.7,6.6,7.7,7v6.4C7.7,13.8,8,14.1,8.4,14.1z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st0\",\n d: \"M10.6,14.1c0.4,0,0.7-0.3,0.7-0.7V7c0-0.4-0.3-0.7-0.7-0.7S10,6.6,10,7v6.4C10,13.8,10.2,14.1,10.6,14.1z\"\n }))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconActionBarTrash, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-action-bar-trash.b1589206.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgErrorMark = function SvgErrorMark(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#EA3158\",\n fillRule: \"nonzero\"\n }, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M243 29c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm1 15h-2v-2h2v2zm0-4h-2v-6h2v6z\",\n transform: \"translate(-260 -218) translate(27 189)\"\n }))))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgErrorMark, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/error-mark.364d0169.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ellipsisText } from 'Styles/styles';\nimport { ReactComponent as TrashIcon } from 'Images/icon-action-bar-trash.svg';\nimport { ReactComponent as _Error } from 'Images/error-mark.svg';\nimport { FaPlus } from 'react-icons/fa';\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0px 20px 26px 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const TrashWrapper = styled.div`\n margin-left: auto;\n padding-left: 20px;\n opacity: 0;\n`;\n\nexport const DataContainer = styled.div`\n //width: 400px; \n background-color: ${colors.white};\n box-shadow: 0 2px 50px 0 ${colors.iceBlue};\n //max-height: 117px;\n overflow-y: auto;\n`;\nDataContainer.displayName = 'DataContainer';\n\nexport const DataItem = styled.div` \n font-size: 13px;\n color: #1c2243;\n cursor: pointer;\n padding: 0 14px;\n height: 34px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: ${(props) => (props.isOdd ? `${colors.iceBlue}` : '')};\n\n &:hover{\n background-color: #f1f4f7;\n font-weight: 500;\n\n & ${TrashWrapper}{\n opacity: 1;\n }\n }\n`;\nDataItem.displayName = 'DataItem';\n\nexport const Placeholder = styled.a`\n text-align: left;\n font-size: 13.5px;\n line-height: 2.52;\n margin-right: auto;\n ${ellipsisText}\n`;\nPlaceholder.displayName = 'Placeholder';\n\nexport const InputComp = styled.input`\n width: 100%;\n height: 100%;\n border-style: solid;\n border-color: transparent;\n border-width: 1px 1px 0px 1px;\n box-shadow: 0 1px 0 0 #afafaf;\n background-color: #edf2f7;\n padding-left: 15px;\n padding-right: 42px;\n font-weight: 300 !important;\n margin-bottom: 2px;\n\n &.full{\n background-color: white; \n }\n\n &.responsive {\n width:100%;\n }\n\n &::placeholder {\n color: #afb1bc;\n font-size: 13.5px;\n }\n\n &:hover{\n border-style: solid;\n border-color: #afb1bc;\n border-width: 1px 1px 0px 1px;\n }\n\n &:focus{\n background-color: white;\n\n &::placeholder {\n color: transparent;\n }\n }\n`;\nInputComp.displayName = 'InputComp';\n\nexport const Plus = styled(FaPlus)`\n position: absolute;\n right: 14px;\n top: 14px;\n height: 12px;\n width: 12px;\n cursor: pointer;\n color: #515a65;\n &:hover{\n color: white; \n }\n`;\n\nexport const Trash = styled(TrashIcon)` \n width: 16px;\n height: 17px;\n align-self: flex-end;\n color: ${colors.grey12};\n`;\n\nexport const Error = styled.div`\n color: #ea3158;\n position: absolute;\n font-size: 10.5px;\n letter-spacing: 0.08px;\n top: 12px;\n right: 35px;\n`;\n\nexport const InputWrapper = styled.div`\n //width: 400px;\n height: 38px;\n position: relative;\n //margin-top: 14px;\n`;\n\nexport const ErrorIcon = styled(_Error)`\n margin-right: 5px;\n`;\nErrorIcon.displayName = 'ErrorIcon';\n","import React, { useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport {\n updateVuln\n} from 'store/Manage/actions';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { selectVulnDetail } from 'store/Manage/selectors';\nimport {\n Wrapper,\n DataContainer,\n DataItem,\n Placeholder,\n InputComp,\n Trash,\n TrashWrapper,\n Error,\n InputWrapper,\n ErrorIcon,\n Plus\n} from './styled';\nimport { Title } from '../ExpandableWrapper/styled';\n\nconst useVulnFieldPatch = (key) => {\n const dispatch = useDispatch();\n const currentVuln = useSelector(selectVulnDetail);\n const [list, setList] = useState(currentVuln[key]);\n\n useEffect(() => {\n setList(currentVuln[key]);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentVuln._id, key]);\n\n const onAdd = (name) => {\n const newList = [...list, name];\n setList(newList);\n dispatch(updateVuln(currentVuln, key, newList));\n };\n\n const onRemove = (name) => {\n const filterList = list.filter((key) => key !== name);\n setList(filterList);\n dispatch(updateVuln(currentVuln, key, filterList));\n };\n\n return { list, onAdd, onRemove };\n};\n\nconst CVE = ({ showRiskInfo }) => {\n const intl = useIntl();\n const { list, onAdd, onRemove } = useVulnFieldPatch('cve');\n\n return (\n \n { showRiskInfo ? : null }\n \n \n );\n};\n\nexport default CVE;\n\nexport const Input = ({ validator, placeholder, errorMessage, listData, onAdd, onRemove }) => {\n const [value, setValue] = useState('');\n const [error, setError] = useState(false);\n const isOdd = (n) => n % 2 !== 0;\n\n const isValid = (value) => {\n if (!validator) return true;\n return validator.test(value);\n };\n\n const addCVE = () => {\n if (!isValid(value.toUpperCase())) {\n setError(true);\n return;\n }\n onAdd(value);\n setValue('');\n };\n const handleKeyPress = (e) => {\n if (e.key === 'Enter') {\n addCVE();\n }\n };\n\n const handleChange = (e) => {\n setError(false);\n setValue(e.target.value);\n };\n\n return (\n <>\n \n \n \n {error && (\n \n \n {errorMessage}\n \n )}\n \n \n { listData && listData.map((name, i) => (\n \n {name}\n onRemove(name) }\n >\n \n \n \n )) }\n \n \n );\n};\n","import React, { useMemo } from 'react';\nimport ExpandableWrapper from '../ExpandableWrapper';\nimport { useIntl } from 'react-intl';\nimport {\n Risk, Text, Line, Link\n} from './styled';\nimport { useSelector } from 'react-redux';\nimport { selectVulnDetail } from 'store/Manage/selectors';\nimport useExpandable from 'Hooks/useExpandable';\nimport CVE from '../CVE';\n\nconst TAB = 'general';\nconst ID = 'risk';\n\nconst RiskAndCVE = () => {\n const intl = useIntl();\n const currentVuln = useSelector(selectVulnDetail);\n const isExpanded = useExpandable(TAB, ID, currentVuln.cve);\n\n const vulnCvss = () => {\n if (!currentVuln.cvss3) return null;\n if (currentVuln.cvss3.base_score) return { ...currentVuln.cvss3, isV3: true };\n else if (currentVuln.cvss2.base_score) return { ...currentVuln.cvss2, isV3: false };\n else return null;\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const cvss = useMemo(() => vulnCvss(), [currentVuln.cvss3, currentVuln.cvss2]);\n const cwe = useMemo(() => currentVuln.cwe[0], [currentVuln.cwe]);\n const owasp = useMemo(() => currentVuln.owasp[0], [currentVuln.owasp]);\n const risk = useMemo(() => currentVuln.risk, [currentVuln.risk]);\n\n const title = (!cvss && !cwe && !owasp && !risk?.score) ? intl.formatMessage({ id: 'manage.detail.tab.general.cve' }) : intl.formatMessage({ id: 'manage.detail.tab.general.risk' });\n const showRiskInfo = cvss || cwe || owasp || risk?.score;\n\n return (\n \n { showRiskInfo &&\n \n \n {cvss && \n CVSS {cvss.isV3 ? 'v3.0' : 'v2.0'} Base Score\n {cvss.base_score}\n }\n {cvss && \n CVSS {cvss.isV3 ? 'v3.0' : 'v2.0'} Vector\n {cvss.vector_string}\n }\n {cwe && \n CWE Weakness Type\n {cwe}\n }\n
\n\n }\n \n \n );\n};\n\nexport default RiskAndCVE;\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div``;\nWrapper.displayName = 'Wrapper';\n\nexport const Fields = styled.div`\n & > * {\n margin-bottom: 20px;\n }\n`;\nFields.displayName = 'Fields';\n","import React from 'react';\nimport Title from './components/Title';\nimport ActionBar from './components/ActionBar';\nimport { HostData } from './components/HostData';\nimport Description from './components/Description';\nimport Resolution from './components/Resolution';\nimport References from './components/References';\nimport Policies from './components/Policies';\nimport ImpactsTab from './components/ImpactsTab';\nimport Owner from './components/Owner';\nimport ExternalId from './components/ExternalId';\nimport Tags from './components/Tags';\nimport RiskAndCVE from './components/RiskAndCVE';\nimport ToggleButtons from 'Screens/Manage/components/ToggleButtons';\nimport { Wrapper, Fields } from './styled';\n\nconst GeneralTab = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default GeneralTab;\n","import React from 'react';\nimport EvidenceTab from 'Common/Components/EvidenceTab';\nimport CustomFieldsTab from '../CustomFieldsTab';\nimport TechnicalTab from '../TechnicalTab';\nimport GeneralTab from '../GeneralTab';\n\nconst TABS = [\n {\n id: 'general',\n intlId: 'manage.detail.tab.general',\n component: \n },\n {\n id: 'technicalDetails',\n intlId: 'manage.detail.tab.technicalDetails',\n component: \n },\n {\n id: 'evidence',\n intlId: 'manage.detail.tab.evidence',\n component: \n },\n {\n id: 'customFields',\n intlId: 'manage.detail.tab.customAttributes',\n component: \n }\n];\n\nexport default TABS;\n","import get from 'lodash/get';\nimport sortBy from 'lodash/sortBy';\nimport { tableMaxPages } from 'Screens/Constants';\nimport TABS from 'Screens/Manage/components/VulnerabilityDetail/components/Tabs/components/TabSelector/tabs';\n\nexport const selectImagePreview = (state) => get(state, 'manage.imagePreview', '');\nexport const selectError = (state) => get(state, 'manage.error', false);\nexport const selectErrorMessage = (state) => get(state, 'manage.errorMessage', '');\nexport const selectHasVulns = (state) => get(state, 'manage.vulnsList', []).length > 0;\nexport const selectVulnsList = (state) => get(state, 'manage.vulnsList', []);\nexport const selectVulnsGroupedData = (state, index) => get(state, `manage.vulnsList.${index}.groupData`, []);\nexport const selectVulnsCount = (state) => get(state, 'manage.vulnsCount', 0);\nexport const selectVulnsSelected = (state) => get(state, 'manage.vulnsSelected', []);\nexport const selectVulnDetail = (state) => get(state, 'manage.vulnDetail', false);\nexport const selectVulnDetailId = (state) => get(state, 'manage.vulnDetail._id', 0);\nexport const selectVulnDetailSelectedTabId = (state) => get(state, 'manage.vulnDetailSelectedTab', 'general');\nexport const selectVulnDetailSelectedTab = (state) => {\n const selectedTabId = selectVulnDetailSelectedTabId(state);\n const defaultTab = TABS.find((tab) => tab.id === 'general');\n const selectedTab = TABS.find((tab) => tab.id === selectedTabId) || defaultTab;\n return selectedTab;\n};\nexport const selectShowDetail = (state) => get(state, 'manage.showVulnDetail', false);\nexport const selectLastSelected = (state) => get(state, 'manage.lastSelected', -1);\nexport const selectLastIndexForRange = (state) => get(state, 'manage.lastIndexForRange', 1);\nexport const selectReadOnly = (state) => get(state, 'manage.readonly', false);\nexport const selectPermissions = (state) => get(state, 'faraday.permissions.vulns', []);\nexport const selectShowManageLeftFilters = (state) => get(state, 'manage.showLeftFilters', false);\n\nexport const selectIsFetching = (state) => get(state, 'manage.isFetching', false);\nexport const selectIsFetchingExpandedData = (state) => get(state, 'manage.isFetchingExpandedData', false);\n\nexport const selectVisiblePages = (state) => {\n const pagesMap = get(state, 'manage.pagesMap', {});\n const currentPage = get(state, 'manage.page', 1);\n const group_by = get(state, 'manage.group_by', '');\n const vulnsList = get(state, 'manage.vulnsList', []);\n let arrayResponse = [];\n\n if (!group_by || group_by.length === 0) {\n const initialPage = currentPage <= tableMaxPages ? 1 : (currentPage - tableMaxPages) + 1;\n\n for (let i = initialPage; i <= currentPage; i += 1) {\n if (pagesMap[i]) arrayResponse = arrayResponse.concat(pagesMap[i]);\n }\n return arrayResponse;\n }\n return vulnsList;\n};\n\nexport const selectRoutes = (state) => {\n const permissions = get(state, 'faraday.permissions', []);\n const routeList = [];\n\n if (permissions) {\n if (permissions.vulns && permissions.vulns.view.allowed) routeList.push({ name: '/manage', desc: 'Vulnerabilities', requireWorkspace: true });\n if (permissions.hosts && permissions.hosts.view.allowed) routeList.push({ name: '/host', desc: 'Assets', requireWorkspace: true });\n // if (this.props.faraday.permissions.credentials && this.props.faraday.permissions.credentials.view.allowed) routeList.push({ name: '/credential/workspaceSelected/', desc: 'Credentials' });\n }\n return routeList;\n};\n\nexport const selectCurrentExternalId = (state) => {\n const detail = selectVulnDetail(state);\n return get(detail, 'external_id', '');\n};\nexport const selectCurrentReferences = (state) => {\n const detail = selectVulnDetail(state);\n return sortBy(get(detail, 'refs', []));\n};\nexport const selectCurrentPolicies = (state) => {\n const detail = selectVulnDetail(state);\n return get(detail, 'policyviolations', []);\n};\nexport const selectCurrentImpacts = (state) => {\n const detail = selectVulnDetail(state);\n return get(detail, 'impact', []);\n};\nexport const selectUsesMockVulns = (state) => get(state, 'manage.usesMockVulns', false);\n\nexport const allVulnsAreSelected = (state) => {\n const vulns = selectVulnsList(state);\n const vulnList = selectVulnsSelected(state);\n return vulns.every((testVuln) => vulnList.some((vuln) => vuln._id === testVuln._id)) && vulnList.length > 0;\n};\n\nexport const someVulnIsSelected = (state) => (selectVulnsSelected(state).length > 0);\n\nexport const selectAttachments = (state) => get(state, 'manageEditCreate._attachments', {});\n\nexport const selectShowContextMenu = (state) => get(state, 'manage.showContextMenu', false);\nexport const selectContextMenuXPos = (state) => get(state, 'manage.contextMenuXPos', 0);\nexport const selectContextMenuYPos = (state) => get(state, 'manage.contextMenuYPos', 0);\n\nexport const selectModalBulkUpdateField = (state) => get(state, 'manage.bulkUpdateField', '');\nexport const selectModalBulkUpdateValue = (state) => get(state, 'manage.bulkUpdateValue', '');\n\nexport const selectTemplatesCreated = (state) => get(state, 'manage.templatesCreated', []);\nexport const selectFailedTemplates = (state) => get(state, 'manage.failedTemplates', []);\n\nexport const selectStatusTemplateMessage = (state) => {\n const templatesCreated = selectTemplatesCreated(state);\n const failedTemplates = selectFailedTemplates(state);\n\n const createdSuccessfully = (templatesCreated.length > 0) && (failedTemplates.length === 0);\n const singlePartialSuccess = (templatesCreated.length > 0) && (failedTemplates.length === 1);\n const multiplePartialSuccess = (templatesCreated.length > 0) && (failedTemplates.length > 0);\n const singleFailure = (templatesCreated.length === 0) && (failedTemplates.length === 1);\n const multipleFailure = (templatesCreated.length === 0) && (failedTemplates.length > 0);\n\n const type = (createdSuccessfully && 'success') ||\n (singlePartialSuccess && 'singlePartialSuccess') ||\n (multiplePartialSuccess && 'multiplePartialSuccess') ||\n (singleFailure && 'singleFailure') ||\n (multipleFailure && 'multipleFailure');\n\n return type;\n};\n\nexport const modalData = {\n success: {\n title: 'success',\n subtitle: 'success'\n },\n singlePartialSuccess: {\n title: 'partialSuccess'\n },\n multiplePartialSuccess: {\n title: 'partialSuccess',\n subtitle: 'multiFail'\n },\n singleFailure: {\n title: 'failure'\n },\n multipleFailure: {\n title: 'failure',\n subtitle: 'multiFail'\n }\n};\n\nexport const selecListTemplates = (state, status) => {\n const templatesCreated = selectTemplatesCreated(state);\n const failedTemplates = selectFailedTemplates(state);\n let list = [];\n if (status === 'success') {\n list = templatesCreated.map((t) => t.name);\n } else if (status === 'multiplePartialSuccess' || status === 'multipleFailure') {\n list = failedTemplates.map((t) => t.name);\n } else {\n list = [];\n }\n\n return list;\n};\n\nexport const selectShowDeleteConfirmation = (state) => get(state, 'manage.showDeleteConfirmation', false);\n\nexport const selectSelectAll = (state) => get(state, 'manage.selectAll', false);\n","import api from 'services/api';\nimport get from 'lodash/get';\n\nimport { MOCK_VULN_LIST } from 'Common/Components/Tour/helpers/mockVuln';\nimport selectTourFinished from 'store/Preferences/Tour/selectors';\nimport {\n CONTEXT_MENU_FILTER_KEYS, eq\n} from 'store/Filters/constants';\nimport {\n selectQueryParam, selectIsGrouping, selectExpandedQueryParam, selectAdvancedFilterQueryParam, selectAdvancedExpandedQueryParam\n} from 'store/Filters/selectors';\nimport {\n setPageNumber,\n setFilter,\n setOrderBy,\n setGroupBy,\n clearGroupBy,\n expandGroupBy,\n setFilterError\n} from 'store/Filters/actions';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport {\n SEARCH_VULNS_START,\n GET_VULNS_SUCCESS_MANAGE,\n GET_GROUPED_DATA_SUCCESS,\n GET_GROUPED_DATA_START,\n ADD_MOCK_VULN,\n SET_VULNS_FILTER_ERROR\n} from 'store/Manage/types';\n\nimport { onGetVulnsFail } from './actions';\n\nexport const setVulnsFilterError = () => async (dispatch) => dispatch({ type: SET_VULNS_FILTER_ERROR });\n\nexport function newGetVulns () {\n return async (dispatch, getState) => {\n dispatch({ type: SEARCH_VULNS_START });\n const state = getState();\n const workspaceSelected = selectCurrentWorkspace(state);\n let advancedFilterQueryParam = [];\n\n try {\n advancedFilterQueryParam = selectAdvancedFilterQueryParam(state, 'vulns');\n } catch (e) {\n dispatch(setFilterError('vulns', 'Syntax error. Please try again. For further help check our documentation'));\n return dispatch(setVulnsFilterError());\n }\n\n const hasAdvancedFilter = advancedFilterQueryParam.filters.length > 0;\n const standardQueryParam = selectQueryParam('vulns', state);\n const queryParam = hasAdvancedFilter ? advancedFilterQueryParam : standardQueryParam;\n\n const groupBy = selectIsGrouping('vulns', state);\n\n try {\n const response = await api.manage.newGetVulns(workspaceSelected, queryParam);\n\n if (!response.status || response.status !== 'canceled') {\n const vulns = get(response, 'vulnerabilities', []);\n const result = vulns.map((vuln) => vuln.value);\n const vulnsCountArray = vulns.map((vuln) => vuln.value.count);\n const vulnsCountGroupBy = vulnsCountArray.reduce((prev, cur) => prev + cur, 0);\n // si es tour y no tiene vulns\n const isTourFinished = selectTourFinished(state);\n const vulnsCount = response.count || 0;\n\n if (vulnsCount === 0 && !isTourFinished) {\n return dispatch({\n type: ADD_MOCK_VULN,\n data: MOCK_VULN_LIST,\n vulnsCount: 1\n });\n }\n return dispatch({\n type: GET_VULNS_SUCCESS_MANAGE,\n data: result,\n vulnsCount: groupBy ? vulnsCountGroupBy : response.count\n });\n }\n } catch (e) {\n const errorMessage = get(e, 'message', 'Failed to obtain vulnerabilities.');\n if (errorMessage.includes('filter')) {\n dispatch(setFilterError('vulns', 'Invalid filters. Please try again. For further help check our documentation'));\n return dispatch(setVulnsFilterError());\n }\n return dispatch(onGetVulnsFail(errorMessage));\n }\n };\n}\n\nfunction getExpandedGroupByData (index) {\n return async (dispatch, getState) => {\n dispatch({ type: GET_GROUPED_DATA_START });\n const state = getState();\n\n let advancedFilterQueryParam = [];\n try {\n advancedFilterQueryParam = selectAdvancedExpandedQueryParam(state, 'vulns');\n } catch (e) {\n dispatch(setFilterError('vulns', 'Syntax error. Please try again. For further help check our documentation'));\n return dispatch(setVulnsFilterError());\n }\n const hasAdvancedFilter = advancedFilterQueryParam.filters.length > 0;\n const standardQueryParam = selectExpandedQueryParam('vulns', state);\n const queryParam = hasAdvancedFilter ? advancedFilterQueryParam : standardQueryParam;\n\n const { faraday } = state;\n\n try {\n const response = await api.manage.newGetVulns(faraday.workspaceSelected, queryParam);\n\n if (!response.status || response.status !== 'canceled') {\n const result = response.vulnerabilities.map((vuln) => vuln.value);\n\n return dispatch({\n type: GET_GROUPED_DATA_SUCCESS,\n data: result,\n index\n });\n }\n } catch (e) {\n const errorMessage = get(e, 'message', 'Failed to obtain vulnerabilities.');\n if (errorMessage.includes('filter')) {\n dispatch(setFilterError('vulns', 'Invalid filters. Please try again. For further help check our documentation'));\n return dispatch(setVulnsFilterError());\n }\n return dispatch(onGetVulnsFail(errorMessage));\n }\n };\n}\n\n// CONTEXT MENU FILTERING FUNCTIONS -------------------------------------------------\n\nconst contextMenuFilterByName = (selectedVuln) => {\n const filter = get(CONTEXT_MENU_FILTER_KEYS, 'name.filter', null);\n const nameValue = get(selectedVuln, 'name', '');\n filter.val = nameValue;\n return filter;\n};\nconst contextMenuFilterByAsset = (selectedVuln) => {\n const filter = get(CONTEXT_MENU_FILTER_KEYS, 'asset.filter', null);\n const targetValue = get(selectedVuln, 'target', '');\n filter.val = targetValue;\n return filter;\n};\nconst contextMenuFilterByDate = (selectedVuln) => {\n const filter = get(CONTEXT_MENU_FILTER_KEYS, 'date.filter', null);\n const date_parsed = new Date(get(selectedVuln, 'date', ''));\n const dateValue = `${date_parsed.getFullYear()}-${date_parsed.getMonth() + 1}-${date_parsed.getDate()}`;\n filter.val = dateValue;\n return filter;\n};\nconst contextMenuFilterByStatus = (selectedVuln) => {\n const filter = get(CONTEXT_MENU_FILTER_KEYS, 'status.filter', null);\n filter.val = selectedVuln.status;\n return filter;\n};\nconst contextMenuFilterByService = (selectedVuln) => {\n const filter = get(CONTEXT_MENU_FILTER_KEYS, 'service.filter', null);\n const serviceValue = get(selectedVuln, 'service.name', '');\n filter.val = {\n name: 'name',\n op: eq.name.value,\n val: serviceValue\n };\n return filter;\n};\n\nconst contextMenufilteringFunctions = {\n [CONTEXT_MENU_FILTER_KEYS.name.key.name]: contextMenuFilterByName,\n [CONTEXT_MENU_FILTER_KEYS.asset.key.name]: contextMenuFilterByAsset,\n [CONTEXT_MENU_FILTER_KEYS.date.key.name]: contextMenuFilterByDate,\n [CONTEXT_MENU_FILTER_KEYS.status.key.name]: contextMenuFilterByStatus,\n [CONTEXT_MENU_FILTER_KEYS.service.key.name]: contextMenuFilterByService\n};\n\nexport function setContextMenuFilter (filterKey, selectedVuln) {\n return (dispatch) => {\n const newFilter = contextMenufilteringFunctions[filterKey](selectedVuln);\n if (newFilter) dispatch(setFilter('vulns', newFilter));\n dispatch(newGetVulns());\n };\n}\n// ------------------------------------------------------------------------------\n\nexport function setPage (pageNumber) {\n return (dispatch) => {\n dispatch(setPageNumber('vulns', pageNumber));\n dispatch(newGetVulns());\n };\n}\n\nexport function setOrderByVulns (sorting) {\n return (dispatch, getState) => {\n const state = getState();\n const isGrouping = selectIsGrouping('vulns', state);\n\n dispatch(setOrderBy('vulns', sorting));\n if (!isGrouping) dispatch(newGetVulns());\n };\n}\n\nexport function setGroupByVulns (group_by) {\n return async (dispatch) => {\n const field = get(group_by, '[0].field', '');\n await dispatch(setGroupBy('vulns', group_by));\n if (field) await dispatch(setOrderBy('vulns', [{ id: field, desc: field === 'severity' }]));\n dispatch(newGetVulns());\n };\n}\n\nexport function clearGroupByVulns () {\n return async (dispatch) => {\n await dispatch(clearGroupBy('vulns'));\n };\n}\n\nexport function expandGroupByVulns (index, data) {\n return async (dispatch) => {\n await dispatch(expandGroupBy('vulns', data));\n dispatch(getExpandedGroupByData(index));\n };\n}\n","const defaultFields = {\n id: {\n visible: false, order: -1, maxWidth: 80, minWidth: 80, defaultMin: 80\n },\n asset: {\n visible: true, order: 1, locked: true, maxWidth: 150, minWidth: 150, defaultMin: 150\n },\n important: {\n visible: true, order: 2, locked: true, maxWidth: 90, minWidth: 90, defaultMin: 90\n },\n search: {\n visible: true, order: 3, maxWidth: 60, minWidth: 60, defaultMin: 60\n },\n os: {\n visible: true, order: 4, maxWidth: 38, minWidth: 38, defaultMin: 38\n },\n hostnames: {\n visible: true, order: 5, maxWidth: 300, minWidth: 200, defaultMin: 200\n },\n open_services: {\n visible: true, order: 7, maxWidth: 135, minWidth: 40, defaultMin: 40\n },\n vulns: {\n visible: true, order: 6, minWidth: 60, defaultMin: 60\n },\n owned: {\n visible: true, order: 8, maxWidth: 80, minWidth: 80, defaultMin: 80\n },\n description: {\n visible: false, order: -1, maxWidth: 210, minWidth: 165, defaultMin: 165\n },\n mac: {\n visible: false, order: -1, maxWidth: 150, minWidth: 120, defaultMin: 120\n },\n owner: {\n visible: false, order: -1, minWidth: 70, defaultMin: 70\n },\n creation_time: {\n visible: true, order: 9, maxWidth: 150, minWidth: 110, defaultMin: 110\n },\n severity_counts: {\n visible: true, order: 10, maxWidth: 475, minWidth: 280, defaultMin: 280\n },\n last_modified: {\n visible: false, order: -1, maxWidth: 350, minWidth: 140, defaultMin: 140\n },\n services: {\n visible: false, order: -1, minWidth: 150, defaultMin: 150\n }\n};\n\nexport default defaultFields;\n","import defaultFields from './fields';\n\nconst initialState = {\n isFetching: false,\n error: false,\n errorMessage: '',\n hostList: [],\n hostCount: 0,\n addColumnsOpened: false,\n mapGroupByIndex: {},\n fields: defaultFields,\n showModalEditCreate: false,\n hostsSelected: [],\n lastSelected: -1,\n lastHostSelected: {},\n lastIndexForRange: -1,\n showLeftFilters: false,\n showDeleteConfirmation: false\n};\n\nexport default initialState;\n","import get from 'lodash/get';\nimport initialState from './initialState';\n\nexport const selectMapGroupByIndex = (state) => get(state, 'host.mapGroupByIndex', initialState.mapGroupByIndex);\nexport const selectHostList = (state) => get(state, 'host.hostList', initialState.hostList);\nexport const selectHostCount = (state) => get(state, 'host.hostCount', initialState.hostCount);\nexport const selectHostsSelected = (state) => get(state, 'host.hostsSelected', initialState.hostsSelected);\nexport const selectIsFetching = (state) => get(state, 'host.isFetching', initialState.isFetching);\nexport const selectShowDeleteConfirmation = (state) => get(state, 'host.showDeleteConfirmation', initialState.showDeleteConfirmation);\nexport const selectShowModalEditCreate = (state) => get(state, 'host.showModalEditCreate', initialState.showModalEditCreate);\nexport const selectAddColumnsOpened = (state) => get(state, 'host.addColumnsOpened', initialState.addColumnsOpened);\nexport const selectShowHostLeftFilters = (state) => get(state, 'host.showLeftFilters', false);\nexport const selectLastSelected = (state) => get(state, 'host.lastSelected', -1);\nexport const allHostsAreSelected = (state) => {\n const hosts = selectHostList(state);\n const hostList = selectHostsSelected(state);\n return hosts.every((testHost) => hostList.some((host) => host._id === testHost._id));\n};\nexport const selectPermissions = (state) => get(state, 'faraday.permissions.hosts', []);\n","import get from 'lodash/get';\n\nexport const selectHostDetail = (state) => get(state, 'hostDetail.host', null);\nexport const selectHostDetailId = (state) => get(state, 'hostDetail.host._id', null);\n\nexport const selectIsFetching = (state) => get(state, 'hostDetail.vulns.isFetching', false);\nexport const selectVulns = (state) => get(state, 'hostDetail.vulns.data', []);\nexport const selectFields = (state) => get(state, 'hostDetail.vulns.fields', []);\nexport const selectVulnsCount = (state) => get(state, 'hostDetail.vulns.count', 0);\n\nexport const selectShowHostDetail = (state) => {\n const show = get(state, 'hostDetail.host', null);\n return !!show;\n};\n\nexport const selectSelectedService = (state) => get(state, 'hostDetail.createOrEditService.selectedService', null);\n\nexport const selectIsFetchingServices = (state) => get(state, 'hostDetail.services.isFetching', false);\nexport const selectServices = (state) => get(state, 'hostDetail.services.data', []);\nexport const selectServicesFields = (state) => get(state, 'hostDetail.services.fields', []);\n","import get from 'lodash/get';\nimport api from 'services/api';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport * as types from 'store/HostDetail/types';\nimport { redirect } from 'store/Router/actions';\nimport { setOrderBy, setPageNumber } from 'store/Filters/actions';\nimport { selectShowHostDetail, selectVulnsCount } from './selectors';\nimport { selectQueryParam } from 'store/Filters/selectors';\nimport { selectVulns } from 'store/HostDetail/selectors';\n\nconst getVulnsSuccedCallback = (data) => ({\n type: types.GET_DATA_VULNS_SUCCESS,\n data: data && data.vulnerabilities.length > 0 ? data.vulnerabilities.map((x) => x.value) : [],\n count: data.count\n});\n\nconst getVulnsFailureCallback = (error) => ({\n type: types.GET_DATA_VULNS_FAIL,\n error\n});\n\nexport function resetHostDetail () {\n return (dispatch) => {\n dispatch({ type: types.RESET_STATE_HOST_DETAIL });\n };\n}\n\nexport function getVulns (ip) {\n return async (dispatch, getState) => {\n dispatch({ type: types.GET_DATA_VULNS_START });\n const workspaceSelected = selectCurrentWorkspace(getState());\n const filters = [\n {\n name: 'target',\n op: '==',\n val: ip\n }\n ];\n const queryParam = selectQueryParam('vulnsAssets', getState());\n try {\n const response = await api.manage.newGetVulns(workspaceSelected, { ...queryParam, filters });\n return dispatch(getVulnsSuccedCallback(response));\n } catch (e) {\n return dispatch(getVulnsFailureCallback(e));\n }\n };\n}\n\nconst getServicesSuccedCallback = (data) => ({\n type: types.GET_DATA_SERVICES_SUCCESS,\n data\n});\n\nconst getServicesFailureCallback = (error) => ({\n type: types.GET_DATA_SERVICES_FAIL,\n error\n});\n\nexport function getServices (hostId) {\n return async (dispatch, getState) => {\n dispatch({ type: types.GET_DATA_SERVICES_START });\n try {\n const workspace = selectCurrentWorkspace(getState());\n const response = await api.hostDetail.fetchServices(workspace, hostId);\n return dispatch(getServicesSuccedCallback(response));\n } catch (e) {\n return dispatch(getServicesFailureCallback(e));\n }\n };\n}\n\nexport function getTools () {\n return async (dispatch, getState) => {\n try {\n dispatch({ type: types.GET_DATA_TOOLS_START });\n const workspace = selectCurrentWorkspace(getState());\n const { host } = getState().hostDetail;\n const data = await api.hostDetail.fetchTools(workspace, host.id);\n return dispatch({ type: types.GET_DATA_TOOLS_SUCCESS, data: data.tools });\n } catch (e) {\n return dispatch({ type: types.GET_DATA_TOOLS_FAIL, e });\n }\n };\n}\n\nexport function redirectToHostDetail (id) {\n return (dispatch, getState) => {\n const currentWorkspace = selectCurrentWorkspace(getState());\n dispatch(redirect(`/host/${currentWorkspace}/${id}`));\n };\n}\n\nexport function redirectToHost () {\n return (dispatch, getState) => {\n const currentWorkspace = selectCurrentWorkspace(getState());\n dispatch(redirect(`/host/${currentWorkspace}`));\n };\n}\n\nexport function showHostDetail (host) {\n return (dispatch) => {\n dispatch({ type: types.SHOW_HOST_DETAIL, host });\n };\n}\n\nexport function showHostDetailById (id) {\n return async (dispatch, getState) => {\n if (id > 0) {\n const currentWorkspace = selectCurrentWorkspace(getState());\n try {\n const host = await api.hostDetail.fetchById(currentWorkspace, id);\n dispatch(showHostDetail(host));\n } catch (e) {\n dispatch(redirectToHost());\n }\n }\n };\n}\n\nexport function hideHostDetail () {\n return (dispatch, getState) => {\n const showHostDetail = selectShowHostDetail(getState());\n if (showHostDetail) dispatch({ type: types.HIDE_HOST_DETAIL });\n };\n}\n\nexport function resetAddEditService () {\n return async (dispatch) => dispatch({ type: types.HOST_ADD_EDIT_SERVICE_RESET });\n}\n\nexport function addService (name, hostId, status, ports, protocol, version, description, owned) {\n return async (dispatch, getState) => {\n try {\n const { workspaceSelected } = getState().faraday;\n await api.hostDetail.addService(workspaceSelected, hostId, name, status, ports, protocol, version, description, owned);\n dispatch({ type: types.HOST_ADD_EDIT_SERVICE_SUCCESS });\n\n return dispatch(getServices(hostId));\n } catch (e) {\n const message = get(e, 'message', 'There was an error, please try again.');\n return dispatch({ type: types.HOST_ADD_EDIT_SERVICE_FAIL, message });\n }\n };\n}\n\nexport function editService (name, hostId, serviceId, status, ports, protocol, version, description, owned) {\n return async (dispatch, getState) => {\n try {\n const { workspaceSelected } = getState().faraday;\n await api.hostDetail.editService(workspaceSelected, serviceId, name, status, ports, protocol, version, description, owned);\n dispatch({ type: types.HOST_ADD_EDIT_SERVICE_SUCCESS });\n\n return dispatch(getServices(hostId));\n } catch (e) {\n const message = get(e, 'message', 'There was an error, please try again.');\n return dispatch({ type: types.HOST_ADD_EDIT_SERVICE_FAIL, message });\n }\n };\n}\n\nexport function selectService (selectedRow) {\n return (dispatch) => {\n dispatch({ type: types.SELECT_SERVICE, selectedRow });\n };\n}\n\nexport function setOrderByVulnsAssets (sorting, ip) {\n return async (dispatch, getState) => {\n const workspaceSelected = selectCurrentWorkspace(getState());\n const filters = [\n {\n name: 'target',\n op: '==',\n val: ip\n }\n ];\n dispatch(setOrderBy('vulnsAssets', sorting));\n const queryParam = selectQueryParam('vulnsAssets', getState());\n const data = await api.manage.newGetVulns(workspaceSelected, { ...queryParam, filters });\n\n dispatch({\n type: types.GET_DATA_VULNS_SUCCESS,\n data: data && data.vulnerabilities.length > 0 ? data.vulnerabilities.map((x) => x.value) : [],\n count: data.count\n });\n };\n\n // return (dispatch) => {\n // dispatch(setOrderBy('vulnsAssets', sorting));\n // dispatch(getVulns(ip))\n // };\n}\n\nexport function updateVulnFromAsset (vulnBefore, field, value) {\n return async (dispatch, getState) => {\n dispatch({ type: types.UPDATE_VULN_ASSET_PREVIEW_START });\n const workspaceSelected = selectCurrentWorkspace(getState());\n const vulnsList = selectVulns(getState());\n const vulnsCount = selectVulnsCount(getState());\n\n try {\n const newList = vulnsList;\n const newVuln = await api.manage.updateVuln(workspaceSelected, { _id: vulnBefore._id, [field]: value });\n\n const index = vulnsList.findIndex((x) => newVuln._id === x.id || newVuln._id === x._id);\n newList[index] = newVuln;\n\n dispatch({ type: types.UPDATE_VULN_ASSET_PREVIEW_SUCCESS, data: newList, vulnsCount });\n } catch (e) {\n dispatch({ type: types.UPDATE_VULN_ASSET_PREVIEW_FAIL, errorMessage: e.message });\n }\n };\n}\n\nexport function setPageNumberVulnAssets (pageNumber, host) {\n return (dispatch) => {\n dispatch(setPageNumber('vulnsAssets', pageNumber));\n dispatch(getVulns(host));\n };\n}\n","export const GET_DATA_VULNS_SUCCESS = 'GET_DATA_VULNS_SUCCESS';\nexport const GET_DATA_VULNS_FAIL = 'GET_DATA_VULNS_FAIL';\nexport const GET_DATA_VULNS_START = 'GET_DATA_VULNS_START';\nexport const GET_DATA_SERVICES_SUCCESS = 'GET_DATA_SERVICES_SUCCESS';\nexport const GET_DATA_SERVICES_FAIL = 'GET_DATA_SERVICES_FAIL';\nexport const GET_DATA_SERVICES_START = 'GET_DATA_SERVICES_START';\nexport const GET_DATA_TOOLS_SUCCESS = 'GET_DATA_TOOLS_SUCCESS';\nexport const GET_DATA_TOOLS_FAIL = 'GET_DATA_TOOLS_FAIL';\nexport const GET_DATA_TOOLS_START = 'GET_DATA_TOOLS_START';\nexport const SHOW_HOST_DETAIL = 'SHOW_HOST_DETAIL';\nexport const HIDE_HOST_DETAIL = 'HIDE_HOST_DETAIL';\nexport const RESET_STATE_HOST_DETAIL = 'RESET_STATE_HOST_DETAIL';\nexport const HOST_ADD_EDIT_SERVICE_FAIL = 'HOST_ADD_EDIT_SERVICE_FAIL';\nexport const HOST_ADD_EDIT_SERVICE_RESET = 'HOST_ADD_EDIT_SERVICE_RESET';\nexport const HOST_ADD_EDIT_SERVICE_SUCCESS = 'HOST_ADD_EDIT_SERVICE_SUCCESS';\nexport const SELECT_SERVICE = 'SELECT_SERVICE';\nexport const UPDATE_VULN_ASSET_PREVIEW_SUCCESS = 'UPDATE_VULN_ASSET_PREVIEW_SUCCESS';\nexport const UPDATE_VULN_ASSET_PREVIEW_FAIL = 'UPDATE_VULN_ASSET_PREVIEW_FAIL';\nexport const UPDATE_VULN_ASSET_PREVIEW_START = 'UPDATE_VULN_ASSET_PREVIEW_START';\n","import api from 'services/api';\nimport {\n selectHostList, selectHostsSelected, selectHostCount, selectLastSelected\n} from 'store/Host/selectors';\nimport {\n selectQueryParam,\n selectExpandedQueryParam,\n selectIsGrouping,\n selectRowsPerPage,\n selectAdvancedFilterQueryParam,\n selectAdvancedExpandedQueryParam\n} from 'store/Filters/selectors';\nimport {\n expandGroupBy,\n setGroupBy,\n clearGroupBy,\n setOrderBy,\n setPageNumber,\n setFilterError\n} from 'store/Filters/actions';\nimport get from 'lodash/get';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport * as types from './types';\nimport { showHostDetail } from 'store/HostDetail/actions';\nimport { selectHostDetailId } from 'store/HostDetail/selectors';\n\nconst setHostsFilterError = () => async (dispatch) => dispatch({ type: types.SET_HOSTS_FILTER_ERROR });\n\nconst getDataStartCallback = () => async (dispatch) => dispatch({ type: types.GET_DATA_HOST_START });\nconst getDataSuccedCallback = (data, hostCount) => async (dispatch) => dispatch({ type: types.GET_DATA_HOST_SUCCESS, data, hostCount });\nconst getDataFailureCallback = (error) => async (dispatch) => dispatch({ type: types.GET_DATA_HOST_FAIL, error });\n\n// Summary: Get data to populate on table, with pagination and/or sort.\nexport function getData () {\n return async (dispatch, getState) => {\n dispatch(getDataStartCallback());\n\n const state = getState();\n\n let advancedFilterQueryParam = [];\n try {\n advancedFilterQueryParam = selectAdvancedFilterQueryParam(state, 'assets');\n } catch (e) {\n dispatch(setFilterError('assets', 'Syntax error. Please try again. For further help check our documentation'));\n return dispatch(setHostsFilterError());\n }\n const hasAdvancedFilter = advancedFilterQueryParam.filters.length > 0;\n const standardQueryParam = selectQueryParam('assets', state);\n const queryParam = hasAdvancedFilter ? advancedFilterQueryParam : standardQueryParam;\n\n try {\n const workspace = selectCurrentWorkspace(getState());\n const response = await api.host.fetchHosts(workspace, queryParam);\n const data = response.rows.map((x) => x.value);\n\n return dispatch(getDataSuccedCallback(data, response.count));\n } catch (e) {\n const errorMessage = get(e, 'message', 'Failed to obtain hosts.');\n if (errorMessage.includes('filter')) {\n dispatch(setFilterError('assets', 'Invalid filters. Please try again. For further help check our documentation'));\n return dispatch(setHostsFilterError());\n }\n return dispatch(getDataFailureCallback(errorMessage));\n }\n };\n}\n\nexport function updateHostList (hostList) {\n return (dispatch) => {\n dispatch({ type: types.UPDATE_DATA_HOST_LIST, hostList });\n };\n}\n\nexport function appendHostListRow (hostRow) {\n return (dispatch) => {\n dispatch({ type: types.APPEND_DATA_HOST_LIST, hostRow });\n };\n}\n\nexport function updateHostListRow (hostRow) {\n return async (dispatch, getState) => {\n const state = getState();\n const hostList = selectHostList(state);\n const newHostList = [...hostList];\n const hostIndex = newHostList.findIndex((h) => h.id === hostRow.id);\n if (hostIndex >= 0) {\n newHostList[hostIndex] = hostRow;\n dispatch(updateHostList(newHostList));\n }\n };\n}\n\nexport function setOrderByAssets (sorting) {\n return (dispatch, getState) => {\n const state = getState();\n const isGrouping = selectIsGrouping('assets', state);\n\n dispatch(setOrderBy('assets', sorting));\n if (!isGrouping) dispatch(getData());\n };\n}\n\nexport function setPageNumberAssets (pageNumber) {\n return (dispatch) => {\n dispatch(setPageNumber('assets', pageNumber));\n dispatch(getData());\n };\n}\n\n// ------------- GROUP BY ACTIONS -------------\n\nexport function getExpandedGroupByData (index) {\n return async (dispatch, getState) => {\n const state = getState();\n dispatch(getDataStartCallback());\n\n let advancedFilterQueryParam = [];\n try {\n advancedFilterQueryParam = selectAdvancedExpandedQueryParam(state, 'assets');\n } catch (e) {\n dispatch(setFilterError('assets', 'Syntax error. Please try again. For further help check our documentation'));\n return dispatch(setHostsFilterError());\n }\n const hasAdvancedFilter = advancedFilterQueryParam.filters.length > 0;\n const standardQueryParam = selectExpandedQueryParam('assets', state);\n const queryParam = hasAdvancedFilter ? advancedFilterQueryParam : standardQueryParam;\n\n try {\n const workspace = selectCurrentWorkspace(getState());\n const response = await api.host.fetchHosts(workspace, queryParam);\n const data = response && response.rows ? response.rows.map((data) => data.value) : [];\n return dispatch({ type: types.GET_DATA_HOST_GROUP_BY_EXPAND, index, data });\n } catch (e) {\n const errorMessage = get(e, 'message', 'Failed to obtain hosts.');\n if (errorMessage.includes('filter')) {\n dispatch(setFilterError('assets', 'Invalid filters. Please try again. For further help check our documentation'));\n return dispatch(setHostsFilterError());\n }\n return dispatch(getDataFailureCallback(errorMessage));\n }\n };\n}\n\nexport function clearExpandedGroupByData () {\n return async (dispatch) => dispatch({ type: types.GET_DATA_HOST_GROUP_BY_RESET });\n}\n\nexport function clearGroupByAssets () {\n return async (dispatch) => {\n await dispatch(clearGroupBy('assets'));\n };\n}\n\nexport function setGroupByAssets (group_by) {\n return async (dispatch) => {\n const field = get(group_by, '[0].field', '');\n await dispatch(setGroupBy('assets', group_by));\n if (field) await dispatch(setOrderBy('assets', [{ id: field, desc: false }]));\n dispatch(getData());\n };\n}\n\nexport function expandGroupByAssets (index, value) {\n return async (dispatch) => {\n await dispatch(expandGroupBy('assets', value));\n dispatch(getExpandedGroupByData(index));\n };\n}\n\n// ------------- -------------\n\nexport function toggleModalEditCreate (value, host) {\n return (dispatch) => {\n dispatch({ type: types.TOGGLE_MODAL_EDIT_CREATE_HOST, value, host });\n };\n}\n\nexport function resetState () {\n return (dispatch) => {\n dispatch({ type: types.RESET_STATE_HOST });\n };\n}\n\n// Summary: Show confirmation modal when user delete host/s\nexport function showHostModalDelete () {\n return (dispatch) => {\n dispatch({ type: types.SHOW_MODAL_DELETE_HOSTS });\n };\n}\n\n// Summary: Hide confirmation modal when user delete host/s\nexport function hideHostModalDelete () {\n return (dispatch) => {\n dispatch({ type: types.HIDE_MODAL_DELETE_HOSTS });\n };\n}\n\nexport function deleteHostsSelected () {\n return async (dispatch, getState) => {\n dispatch({ type: types.DELETE_HOSTS_START });\n const { workspaceSelected } = getState().faraday;\n const hostselected = selectHostsSelected(getState());\n const hostSelectedID = hostselected.map(host => host._id);\n try {\n const response = await api.host.deleteHost(workspaceSelected, hostSelectedID);\n dispatch({ type: types.DELETE_HOSTS_SUCCESS, response });\n\n dispatch(hideHostModalDelete());\n return dispatch(getData());\n } catch (err) {\n dispatch({ type: types.DELETE_HOSTS_FAIL });\n }\n };\n}\n\nexport function showHostLeftFilters (visible) {\n return (dispatch) => {\n dispatch({ type: types.SHOW_HOST_LEFT_FILTERS, visible });\n };\n}\n\n// Click Logic\n\nconst addDeleteController = (hosts, hostList) => { // if all hosts are in hostList then unselect then if not\n const allHostsAreSelected = hosts.every((testHost) => hostList.some((host) => host._id === testHost._id));\n\n if (allHostsAreSelected) return [types.HOST_UNSELECTED, hosts];\n return [types.HOST_SELECTED, hosts];\n};\n\nconst selectCalculator = (e, host, hostList, areHostSelected) => (dispatch, getState) => {\n const pivot = selectLastSelected(getState());\n const index = hostList.findIndex((el) => el._id === host._id);\n const hostsSelected = selectHostsSelected(getState());\n\n dispatch({ type: types.NEW_PIVOT, payload: index });\n if (e.shiftKey && pivot !== -1 && areHostSelected) { // if already had hosts selected and shift key is pressed\n const start = Math.min(pivot, index);\n const end = Math.max(pivot, index) + 1;\n const hosts = hostList.slice(start, end);\n const [type, payload] = addDeleteController(hosts, hostsSelected);\n return dispatch({ type, payload });\n }\n const [type, payload] = addDeleteController([host], hostsSelected);\n return dispatch({ type, payload });\n};\n\nexport const selectRow = (e, host) => (dispatch, getState) => {\n const allHost = selectHostList(getState());\n const isGroupingBy = selectIsGrouping('assets', getState());\n const hostSelected = selectHostsSelected(getState());\n\n if (isGroupingBy) {\n const group = allHost.find((g) => g.groupData && g.groupData.find((el) => el._id === host._id));\n if (!group) return; // si no hay groupData no se puede hacer calculos con las hosts\n const hostGroup = group.groupData;\n const areHostSelected = hostSelected.length > 0 && hostGroup.some((el) => el.id === host.id);\n dispatch(selectCalculator(e, host, hostGroup, areHostSelected, hostSelected));\n } else {\n dispatch(selectCalculator(e, host, allHost, hostSelected.length > 0));\n }\n};\n\nexport const unSelectAll = () => (dispatch) => dispatch({ type: types.UNSELECT_ALL_HOST });\n\nexport const selectAllHost = () => (dispatch, getState) => {\n const hostsList = selectHostList(getState());\n const hostsSelected = selectHostsSelected(getState());\n const hostCount = selectHostCount(getState());\n const pageSize = selectRowsPerPage('assets', getState());\n\n if (hostsSelected.length === hostCount || hostsSelected.length >= pageSize) return dispatch(unSelectAll());\n\n return dispatch({ type: types.SELECT_ALL_HOST, hostsList });\n};\n\nexport function updateHost (hostId, valueObj) {\n return async (dispatch, getState) => {\n const workspaceSelected = selectCurrentWorkspace(getState());\n const hostList = selectHostList(getState());\n const hostCount = selectHostCount(getState());\n const hostDetailId = selectHostDetailId(getState());\n const newHost = await api.host.updateHost(workspaceSelected, { id: hostId, ...valueObj });\n const index = hostList.findIndex((x) => hostId === x.id || hostId === x._id);\n hostList[index] = { ...newHost, severity_counts: hostList[index].severity_counts };\n dispatch({ type: types.GET_DATA_HOST_SUCCESS, data: hostList, hostCount });\n if (hostDetailId && newHost._id === hostDetailId) dispatch(showHostDetail(newHost));\n };\n}\n","export const SET_HOSTS_FILTER_ERROR = 'SET_HOSTS_FILTER_ERROR';\nexport const GET_DATA_HOST_START = 'GET_DATA_HOST_START';\nexport const GET_DATA_HOST_FAIL = 'GET_DATA_HOST_FAIL';\nexport const GET_DATA_HOST_SUCCESS = 'GET_DATA_HOST_SUCCESS';\nexport const UPDATE_DATA_HOST_LIST = 'UPDATE_DATA_HOST_LIST';\nexport const APPEND_DATA_HOST_LIST = 'APPEND_DATA_HOST_LIST';\nexport const TOGGLE_MODAL_EDIT_CREATE_HOST = 'TOGGLE_MODAL_EDIT_CREATE_HOST';\nexport const GET_DATA_HOST_GROUP_BY_RESET = 'GET_DATA_HOST_GROUP_BY_RESET';\nexport const GET_DATA_HOST_GROUP_BY_EXPAND = 'GET_DATA_HOST_GROUP_BY_EXPAND';\nexport const GET_DATA_HOST_SEARCH = 'GET_DATA_HOST_SEARCH';\nexport const HOST_SELECTED = 'HOST_SELECTED';\nexport const HOST_UNSELECTED = 'HOST_UNSELECTED';\nexport const RESET_STATE_HOST = 'RESET_STATE_HOST';\nexport const SHOW_MODAL_DELETE_HOSTS = 'SHOW_MODAL_DELETE_HOSTS';\nexport const HIDE_MODAL_DELETE_HOSTS = 'HIDE_MODAL_DELETE_HOSTS';\nexport const DELETE_HOSTS_START = 'DELETE_HOSTS_START';\nexport const DELETE_HOSTS_SUCCESS = 'DELETE_HOSTS_SUCCESS';\nexport const DELETE_HOSTS_FAIL = 'DELETE_HOSTS_FAIL';\nexport const SHOW_HOST_LEFT_FILTERS = 'SHOW_HOST_LEFT_FILTERS';\n\nexport const NEW_PIVOT = 'NEW_PIVOT';\nexport const SELECT_ALL_HOST = 'SELECT_ALL_HOST';\nexport const UNSELECT_ALL_HOST = 'UNSELECT_ALL_HOST';\n\nexport const UPDATE_HOST_SELECTED = 'UPDATE_HOST_SELECTED';\n","import api from 'services/api';\nimport { getData } from 'Screens/KnowledgeBase/actions/Actions';\n\nexport const SET_MODE_TEMPLATE_CREATE_UPDATE = 'SET_MODE_TEMPLATE_CREATE_UPDATE';\nexport const RESET_STATE_TEMPLATE_CREATE_UPDATE = 'RESET_STATE_TEMPLATE_CREATE_UPDATE';\nexport const ADD_REPORT_TEMPLATE_CREATE_UPDATE = 'ADD_REPORT_TEMPLATE_CREATE_UPDATE';\nexport const REMOVE_REPORT_TEMPLATE_CREATE_UPDATE = 'REMOVE_REPORT_TEMPLATE_CREATE_UPDATE';\nexport const SET_REDIRECT_TEMPLATE_CREATE_UPDATE = 'SET_REDIRECT_TEMPLATE_CREATE_UPDATE';\nexport const SET_FIELD_NAME_TEMPLATE_CREATE_UPDATE = 'SET_FIELD_NAME_TEMPLATE_CREATE_UPDATE';\nexport const SELECT_CHECK_BOX_TEMPLATE_CREATE_UPDATE = 'SELECT_CHECK_BOX_TEMPLATE_CREATE_UPDATE';\nexport const REMOVE_REFERENCE_CREATE_UPDATE = 'REMOVE_REFERENCE_CREATE_UPDATE';\nexport const REMOVE_POLICY_CREATE_UPDATE = 'REMOVE_POLICY_CREATE_UPDATE';\nexport const ADD_REFERENCE_CREATE_UPDATE = 'ADD_REFERENCE_CREATE_UPDATE';\nexport const ADD_POLICY_CREATE_UPDATE = 'ADD_POLICY_CREATE_UPDATE';\nexport const SET_TEMPLATE_NAME_TEMPLATE_CREATE_UPDATE = 'SET_TEMPLATE_NAME_TEMPLATE_CREATE_UPDATE';\nexport const TEMPLATE_CREATE_UPDATE_START = 'TEMPLATE_CREATE_UPDATE_START';\nexport const TEMPLATE_CREATE_UPDATE_FAIL = 'TEMPLATE_CREATE_UPDATE_FAIL';\nexport const TEMPLATE_CREATE_UPDATE_SUCCESS = 'TEMPLATE_CREATE_UPDATE_SUCCESS';\nexport const SET_TEMPLATE_CREATE_UPDATE = 'SET_TEMPLATE_CREATE_UPDATE';\nexport const SET_CUSTOM_ATTRIBUTE_KB_CREATE_UPDATE = 'SET_CUSTOM_ATTRIBUTE_KB_CREATE_UPDATE';\n\nexport function resetState () {\n return (dispatch) => {\n dispatch({\n type: RESET_STATE_TEMPLATE_CREATE_UPDATE\n });\n };\n}\n\nexport function setField (fieldName, value) {\n return (dispatch) => {\n dispatch({\n type: SET_FIELD_NAME_TEMPLATE_CREATE_UPDATE, fieldName, value\n });\n };\n}\n\nexport function selectCheckbox (checkName) {\n return (dispatch) => {\n dispatch({\n type: SELECT_CHECK_BOX_TEMPLATE_CREATE_UPDATE, checkName\n });\n };\n}\n\nexport function removeReference (index) {\n return (dispatch) => {\n dispatch({\n type: REMOVE_REFERENCE_CREATE_UPDATE, index\n });\n };\n}\n\nexport function removePolicy (index) {\n return (dispatch) => {\n dispatch({\n type: REMOVE_POLICY_CREATE_UPDATE, index\n });\n };\n}\n\nexport function addReference () {\n return (dispatch) => {\n dispatch({\n type: ADD_REFERENCE_CREATE_UPDATE\n });\n };\n}\n\nexport function addPolicy () {\n return (dispatch) => {\n dispatch({\n type: ADD_POLICY_CREATE_UPDATE\n });\n };\n}\n\nexport function setTemplateName (index, value) {\n return (dispatch) => {\n dispatch({\n type: SET_TEMPLATE_NAME_TEMPLATE_CREATE_UPDATE, index, value\n });\n };\n}\n\nexport function createTemplate () {\n return async (dispatch, getState) => {\n dispatch({ type: TEMPLATE_CREATE_UPDATE_START });\n\n const { knowledgeBaseEditCreate } = getState();\n\n const template = {\n id: knowledgeBaseEditCreate.id,\n name: knowledgeBaseEditCreate.name,\n exploitation: knowledgeBaseEditCreate.exploitation,\n impact: {\n accountability: knowledgeBaseEditCreate.accountability,\n availability: knowledgeBaseEditCreate.availability,\n integrity: knowledgeBaseEditCreate.integrity,\n confidentiality: knowledgeBaseEditCreate.confidentiality\n },\n easeofresolution: knowledgeBaseEditCreate.easeofresolution ? knowledgeBaseEditCreate.easeofresolution : null,\n desc: knowledgeBaseEditCreate.description,\n description: knowledgeBaseEditCreate.description,\n resolution: knowledgeBaseEditCreate.resolution,\n external_id: knowledgeBaseEditCreate.external_id,\n data: knowledgeBaseEditCreate.data,\n create_at: '',\n creator: '',\n customfields: knowledgeBaseEditCreate.customfields,\n cwe: '',\n policyviolations: knowledgeBaseEditCreate.policyviolations,\n references: knowledgeBaseEditCreate.references,\n refs: knowledgeBaseEditCreate.references,\n type: 'vulnerability_template'\n };\n\n try {\n if (knowledgeBaseEditCreate.id) await api.knowledgeBase.updateTemplate(template.id, template);\n else await api.knowledgeBase.createTemplate(template);\n\n // TODO, replace when api supports filters\n dispatch({ type: TEMPLATE_CREATE_UPDATE_SUCCESS, template });\n return dispatch(getData());\n } catch (error) {\n return dispatch({ type: TEMPLATE_CREATE_UPDATE_FAIL, error: error.message });\n }\n };\n}\n\nexport function setCustomAttribute (key, value) {\n return (dispatch) => {\n dispatch({\n type: SET_CUSTOM_ATTRIBUTE_KB_CREATE_UPDATE, key, value\n });\n };\n}\n","import get from 'lodash/get';\nimport selectRoutes from 'store/Workspace/selectors';\n\nexport const selectKnowledgeBaseProps = (state) => {\n const showDeleteConfirmation = get(state, 'knowledgeBase.showDeleteConfirmation', {});\n const templatesSelected = get(state, 'knowledgeBase.templatesSelected', {});\n const permissions = get(state, 'faraday.permissions.vulnerability_template', {});\n const readonly = get(state, 'faraday.readonly', false);\n const showModalCreate = get(state, 'knowledgeBase.showModalCreate', false);\n const routeList = selectRoutes(state);\n const totalVulnTemplate = get(state, 'knowledgeBase.totalVulnTemplate', 0);\n const rowsPerPage = get(state, 'filters.knowledgeBase.rowsPerPage', 0);\n const page = get(state, 'filters.knowledgeBase.page', 0);\n const updated = get(state, 'knowledgeBase.updated', false);\n return {\n showDeleteConfirmation,\n templatesSelected,\n permissions,\n readonly,\n showModalCreate,\n routeList,\n totalVulnTemplate,\n rowsPerPage,\n page,\n updated\n };\n};\n\nexport const selectKnowledgeBaseTableProps = (state) => {\n const templatesSelected = get(state, 'knowledgeBase.templatesSelected', {});\n const data = get(state, 'knowledgeBase.vulnTemplateList', []);\n const lastTemplateSelected = get(state, 'knowledgeBase.vulnTemplateList', {});\n const lastIndexForRange = get(state, 'knowledgeBase.lastIndexForRange', -1);\n const lastSelected = get(state, 'knowledgeBase.lastSelected', -1);\n const isFetching = get(state, 'knowledgeBase.isFetching', false);\n return {\n templatesSelected, data, lastTemplateSelected, lastIndexForRange, lastSelected, isFetching\n };\n};\n\nexport const selectTemplateEditCreate = (state) => {\n const name = get(state, 'knowledgeBaseEditCreate.name', '');\n const description = get(state, 'knowledgeBaseEditCreate.description', '');\n const exploitation = get(state, 'knowledgeBaseEditCreate.exploitation', '');\n const policyviolations = get(state, 'knowledgeBaseEditCreate.policyviolations', []);\n const accountability = get(state, 'knowledgeBaseEditCreate.accountability', false);\n const availability = get(state, 'knowledgeBaseEditCreate.availability', false);\n const confidentiality = get(state, 'knowledgeBaseEditCreate.confidentiality', false);\n const integrity = get(state, 'knowledgeBaseEditCreate.integrity', false);\n const errorMessage = get(state, 'knowledgeBaseEditCreate.errorMessage', false);\n const external_id = get(state, 'knowledgeBaseEditCreate.external_id', false);\n const references = get(state, 'knowledgeBaseEditCreate.references', false);\n const resolution = get(state, 'knowledgeBaseEditCreate.resolution', false);\n const easeofresolution = get(state, 'knowledgeBaseEditCreate.easeofresolution', '');\n const data = get(state, 'knowledgeBaseEditCreate.data', false);\n const id = get(state, 'knowledgeBaseEditCreate.id', 0);\n const customfields = get(state, 'knowledgeBaseEditCreate.customfields', {});\n\n return {\n name,\n description,\n exploitation,\n policyviolations,\n accountability,\n availability,\n confidentiality,\n integrity,\n errorMessage,\n external_id,\n references,\n resolution,\n easeofresolution,\n data,\n id,\n customfields\n };\n};\n\nexport const selectPermissions = (state) => {\n const permissions = get(state, 'faraday.permissions.vulnerability_template', {});\n return { permissions };\n};\n\nexport const selectReadonly = (state) => {\n const readonly = get(state, 'faraday.readonly', false);\n return { readonly };\n};\n\nexport const selectRowsPerPage = (state) => get(state, 'knowledgeBase.rowsPerPage', 0);\n\nexport const selectFilters = (state) => get(state, 'knowledgeBase.filters', '');\n\nexport const selectField = (state, field) => get(state, `knowledgeBaseEditCreate.customfields.${field.field_name}`, '');\n\nexport const templatesSelected = (state) => get(state, 'knowledgeBaseEditCreate', {});\n\nexport const selectTemplatesSelected = (state) => get(state, 'knowledgeBase.templatesSelected', []);\n","import * as Papa from 'papaparse';\nimport { RESET_STATE_TEMPLATE_CREATE_UPDATE, SET_TEMPLATE_CREATE_UPDATE } from 'Screens/KnowledgeBaseEditCreate/actions/Actions';\nimport api from 'services/api';\nimport axios, { CancelToken } from 'axios';\nimport { getWorkspaces } from 'Screens/Workspaces/actions/Actions';\nimport head from 'lodash/head';\nimport { CURRENT_API_VERSION } from 'services/api/connector';\nimport { selectQueryParam } from 'store/Filters/selectors';\nimport {\n resetFilters, setFilter, setOrderBy, setPageNumber\n} from 'store/Filters/actions';\nimport { selectVulnsList, selectVulnsSelected } from 'store/Manage/selectors';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport { KB_FILTERS } from 'store/Filters/constants';\nimport { newGetVulns } from 'store/Manage/filterActions';\nimport { selectTemplatesSelected } from 'store/KnowledgeBase/selectors';\n\nexport const GET_DATA_VULN_TEMPLATE_START = 'GET_DATA_VULN_TEMPLATE_START';\nexport const GET_DATA_VULN_TEMPLATE_SUCCESS = 'GET_DATA_VULN_TEMPLATE_SUCCESS';\nexport const GET_DATA_VULN_TEMPLATE_FAIL = 'GET_DATA_VULN_TEMPLATE_FAIL';\nexport const SHOW_VULN_TEMPLATE_MODAL_NEW = 'SHOW_VULN_TEMPLATE_MODAL_NEW';\nexport const SHOW_VULN_TEMPLATE_MODAL_EDIT = 'SHOW_VULN_TEMPLATE_MODAL_EDIT';\nexport const HIDE_VULN_TEMPLATE_MODAL = 'HIDE_VULN_TEMPLATE_MODAL';\nexport const IMPACT_SELECTED_VULN_TEMPLATE = 'IMPACT_SELECTED_VULN_TEMPLATE';\nexport const CREATE_UPDATE_VULN_TEMPLATE_START = 'CREATE_UPDATE_VULN_TEMPLATE_START';\nexport const CREATE_UPDATE_VULN_TEMPLATE_ERROR = 'CREATE_UPDATE_VULN_TEMPLATE_ERROR';\nexport const CREATE_UPDATE_VULN_TEMPLATE_SUCCESS = 'CREATE_UPDATE_VULN_TEMPLATE_SUCCESS';\nexport const HIDE_ERROR_VULN_TEMPLATE_NEW_UPDATE = 'HIDE_ERROR_VULN_TEMPLATE_NEW_UPDATE';\nexport const VULN_TEMPLATE_SELECTED = 'VULN_TEMPLATE_SELECTED';\nexport const VULN_TEMPLATE_SELECTED_ALL = 'VULN_TEMPLATE_SELECTED_ALL';\nexport const SHOW_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE = 'SHOW_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE';\nexport const HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE = 'HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE';\nexport const DELETE_VULN_TEMPLATE = 'DELETE_VULN_TEMPLATE';\nexport const HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE_SUCCEED = 'HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE_SUCCEED';\nexport const SHOW_MODAL_IMPORT_VULN_TEMPLATE = 'SHOW_MODAL_IMPORT_VULN_TEMPLATE';\nexport const HIDE_MODAL_IMPORT_VULN_TEMPLATE = 'HIDE_MODAL_IMPORT_VULN_TEMPLATE';\nexport const IMPORT_FILE_VULN_TEMPLATE = 'IMPORT_FILE_VULN_TEMPLATE';\nexport const IMPORT_FILE_VULN_TEMPLATE_SUCCESS = 'IMPORT_FILE_VULN_TEMPLATE_SUCCESS';\nexport const IMPORT_FILE_VULN_TEMPLATE_ERROR = 'IMPORT_FILE_VULN_TEMPLATE_ERROR';\nexport const SET_VISIBILITY_CREATE_MODAL_KB = 'SET_VISIBILITY_CREATE_MODAL_KB';\nexport const GET_DATA_TEMPLATES_SORT = 'GET_DATA_TEMPLATES_SORT';\nexport const GET_DATA_TEMPLATES_FILTER = 'GET_DATA_TEMPLATES_FILTER';\nexport const GET_VULNS_COUNT_SUCCESS = 'GET_VULNS_COUNT_SUCCESS';\nexport const GET_VULNS_COUNT_FAIL = 'GET_VULNS_COUNT_FAIL';\nexport const SET_KNOWLEDGE_BASE_PAGE = 'SET_KNOWLEDGE_BASE_PAGE';\n// Template CSV uploading\nexport const SET_CSV_KB_FILE_INDEX_MANAGE = 'SET_CSV_KB_FILE_INDEX_MANAGE';\nexport const SET_UPLOAD_STATE_KB = 'SET_UPLOAD_STATE_KB';\nexport const UPLOAD_CSV_KB_UPDATE_PERCENT = 'UPLOAD_CSV_KB_UPDATE_PERCENT';\nexport const UPLOAD_CSV_KB_ERROR = 'UPLOAD_CSV_KB_ERROR';\nexport const CANCEL_REQUEST_UPLOAD_CSV_KB = 'CANCEL_REQUEST_UPLOAD_CSV_KB';\nexport const SET_NAME_INTO_FILE_ERROR_LIST_CSV_KB = 'SET_NAME_INTO_FILE_ERROR_LIST_CSV_KB';\nexport const RESET_FILE_STATE_KB = 'RESET_FILE_STATE_KB';\nexport const SET_FILES_TO_UPLOAD_KB = 'SET_FILES_TO_UPLOAD_KB';\n\n// Summary: Validate csv headers\nfunction equalAsSets (a, b) {\n if (a.length !== b.length) return false;\n let flag = true;\n\n a.forEach((elem) => {\n if (b.indexOf(elem) === -1) flag = false;\n });\n\n b.forEach((elem) => {\n if (a.indexOf(elem) === -1) flag = false;\n });\n\n return flag;\n}\n\n// Summary: Insert vuln templates in the csv file\nfunction loadCSV (data, dispatch) {\n const datas = [];\n const url = `/_api/${CURRENT_API_VERSION}/vulnerability_template`;\n\n Papa.parse(data, {\n worker: true,\n header: true,\n skipEmptyLines: true,\n step (results) {\n if (results.data) {\n datas.push(results.data);\n }\n },\n complete () {\n const { length } = datas;\n let counter = 0;\n // TODO: Modify backend for use only one request, so add api call.\n datas.forEach((vulnt) => {\n const vulntCopy = vulnt;\n\n if (!vulntCopy.easeofresolution || vulntCopy.easeofresolution === '') vulntCopy.easeofresolution = null;\n\n fetch(url, {\n method: 'POST',\n body: JSON.stringify(vulntCopy),\n headers: {\n 'Content-type': 'application/json'\n }\n }).then((result) => {\n if (result.ok) {\n counter += 1;\n if (length === counter) {\n dispatch({ type: IMPORT_FILE_VULN_TEMPLATE_SUCCESS });\n }\n } else {\n dispatch({ type: IMPORT_FILE_VULN_TEMPLATE_ERROR, errorMessage: `Some templates could not be imported. Error: ${result.statusText}` });\n }\n }).catch((error) => {\n dispatch({ type: IMPORT_FILE_VULN_TEMPLATE_ERROR, errorMessage: `Some templates could not be imported. Error: ${error}` });\n });\n });\n }\n });\n}\n\nconst getTemplateRowsFailureCallback = (error) => ({\n type: GET_DATA_VULN_TEMPLATE_FAIL,\n data: error\n});\n\nconst getWorkspaceRowsSuccedCallback = (data) => ({\n type: GET_DATA_VULN_TEMPLATE_SUCCESS,\n data: data.rows,\n vulnTemplateCount: data.total_rows\n});\n\nexport function getVulnsTemplateCount () {\n return async (dispatch) => {\n try {\n const data = await api.manage.getTemplates();\n dispatch({ type: GET_VULNS_COUNT_SUCCESS, total: data.total_rows });\n } catch (e) {\n dispatch({ type: GET_VULNS_COUNT_FAIL, error: e.response || 'An error has occurred.' });\n }\n };\n}\n\nexport function getData () {\n return async (dispatch, getState) => {\n dispatch({ type: GET_DATA_VULN_TEMPLATE_START });\n const state = getState();\n const params = selectQueryParam('knowledgeBase', state);\n try {\n const response = await api.knowledgeBase.fetchTemplates(params);\n dispatch(getVulnsTemplateCount());\n\n return dispatch(getWorkspaceRowsSuccedCallback(response));\n } catch (e) {\n return dispatch(getTemplateRowsFailureCallback(e));\n }\n };\n}\n\nexport function setVisibilityCreateModal (value) {\n return (dispatch) => {\n dispatch({ type: SET_VISIBILITY_CREATE_MODAL_KB, value });\n\n if (!value) dispatch({ type: RESET_STATE_TEMPLATE_CREATE_UPDATE, value });\n };\n}\n\nexport function showVulnTemplateModalEdit () {\n return (dispatch, getState) => {\n const { templatesSelected } = getState().knowledgeBase;\n dispatch({ type: SET_TEMPLATE_CREATE_UPDATE, template: head(templatesSelected).doc });\n dispatch({ type: SET_VISIBILITY_CREATE_MODAL_KB, value: true });\n };\n}\n\nexport function vulnTemplateSelected (selectionInfo) {\n return (dispatch) => {\n dispatch({\n type: VULN_TEMPLATE_SELECTED, selectionInfo\n });\n };\n}\n\n// Summary: Show confirmation modal when user delete vuln template/s\nexport function showVulnTemplateModalDelete () {\n return (dispatch) => {\n dispatch({ type: SHOW_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE });\n };\n}\n\n// Summary: Hide confirmation modal when user delete vuln template/s\nexport function hideVulnTemplateModalDelete () {\n return (dispatch) => {\n dispatch({ type: HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE });\n };\n}\n\n// Summary: Delete vuln template from database\nexport function deleteVulnTemplateSelected () {\n return (dispatch, getState) => {\n const templatesSelected = selectTemplatesSelected(getState());\n const templateIds = templatesSelected.map(temp => temp.id);\n dispatch({ type: DELETE_VULN_TEMPLATE });\n try {\n api.knowledgeBase.deleteTemplates({ ids: templateIds });\n dispatch({ type: HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE_SUCCEED });\n } catch {\n dispatch({ type: HIDE_MODAL_DELETE_CONFIRMATION_VULN_TEMPLATE_SUCCEED });\n }\n dispatch(getData());\n };\n}\n\n// Summary: Show popup for csv import\nexport function showVulnTemplateModalImport () {\n return (dispatch) => {\n dispatch({ type: SHOW_MODAL_IMPORT_VULN_TEMPLATE });\n };\n}\n\n// Summary: Hide popup for csv import\nexport function hideVulnTemplateModalImport () {\n return (dispatch) => {\n dispatch({ type: HIDE_MODAL_IMPORT_VULN_TEMPLATE });\n };\n}\n\n// Summary: Init the csv import process\nexport function importFile (csv) {\n return (dispatch) => {\n dispatch({ type: IMPORT_FILE_VULN_TEMPLATE });\n\n const reader = new FileReader();\n reader.onload = function () {\n const text = reader.result;\n const expectedHeader = ['cwe', 'description', 'exploitation', 'name', 'references', 'resolution'];\n const actualHeader = text.split('\\n').shift().trim().toLowerCase()\n .split(',');\n\n if (equalAsSets(expectedHeader, actualHeader)) {\n loadCSV(csv, dispatch);\n } else {\n document.body.style.cursor = 'default';\n dispatch({ type: IMPORT_FILE_VULN_TEMPLATE_ERROR, errorMessage: 'It appears your CSV has the wrong headers. Headers MUST be present.' });\n }\n };\n reader.readAsText(csv);\n };\n}\n\nexport function sortData (sorting) {\n return (dispatch) => {\n dispatch(setOrderBy('knowledgeBase', sorting));\n dispatch(getData());\n };\n}\n\nexport function setFilterTemplates (filter) {\n return (dispatch) => {\n dispatch({ type: GET_DATA_TEMPLATES_FILTER, filter });\n if (filter) dispatch(setFilter('knowledgeBase', KB_FILTERS.kbByName(`%${filter}%`)));\n else dispatch(resetFilters('knowledgeBase'));\n\n dispatch(getData());\n };\n}\n\nexport function setFilesCount (files) {\n return (dispatch) => {\n dispatch({ type: SET_FILES_TO_UPLOAD_KB, files });\n };\n}\n\nexport function setFileIndex (index) {\n return (dispatch) => {\n dispatch({ type: SET_CSV_KB_FILE_INDEX_MANAGE, index });\n };\n}\n\nexport function setUploadState (state) {\n return (dispatch) => {\n dispatch({ type: SET_UPLOAD_STATE_KB, state });\n };\n}\n\nexport function resetFileUploadState () {\n return (dispatch) => {\n dispatch({ type: RESET_FILE_STATE_KB });\n };\n}\n\nexport function uploadFile (file) {\n return async (dispatch, getState) => {\n try {\n dispatch({ type: SET_UPLOAD_STATE_KB, state: 'PROCESSING' });\n const response = await api.faraday.getSession();\n\n const cancelTokenSource = CancelToken.source();\n\n const fd = new FormData();\n fd.append('csrf_token', response.csrf_token);\n fd.append('file', file);\n\n await axios.post(`/_api/${CURRENT_API_VERSION}/vulnerability_template/bulk_create`, fd, {\n headers: {\n 'Content-Type': 'multipart/form-data'\n },\n onUploadProgress: async (progressEvent) => {\n dispatch({ type: UPLOAD_CSV_KB_UPDATE_PERCENT, progressEvent });\n if (Math.round((100 * progressEvent.loaded) / progressEvent.total) === 100) {\n const index = getState().knowledgeBase.fileIndex - 1;\n dispatch({ type: SET_CSV_KB_FILE_INDEX_MANAGE, index });\n }\n },\n cancelToken: cancelTokenSource.token\n });\n\n const currentIndex = getState().knowledgeBase.fileIndex;\n if (currentIndex < 0) {\n dispatch({ type: SET_UPLOAD_STATE_KB, state: 'FINISHED' });\n dispatch(getWorkspaces());\n dispatch(getData());\n } else {\n dispatch({ type: SET_UPLOAD_STATE_KB, state: 'PROCESSED' });\n }\n } catch (e) {\n if (!e.message || e.message !== 'cancel') {\n const currentIndex = getState().knowledgeBase.fileIndex;\n dispatch({ type: SET_NAME_INTO_FILE_ERROR_LIST_CSV_KB, name: file.name });\n const filesCount = getState().knowledgeBase.filesToUpload.length;\n if (filesCount === 1) {\n dispatch({ type: UPLOAD_CSV_KB_ERROR, error: e.response && e.response.data.message ? e.response.data.message : 'Couldn\\'t upload your file. Please try again.' });\n }\n if (currentIndex < 0) {\n dispatch({ type: SET_UPLOAD_STATE_KB, state: 'FINISHED' });\n dispatch(getWorkspaces());\n } else {\n dispatch({ type: SET_UPLOAD_STATE_KB, state: 'PROCESSED' });\n }\n } else {\n dispatch({ type: CANCEL_REQUEST_UPLOAD_CSV_KB });\n }\n }\n };\n}\n\nexport function setPage (page) {\n return async (dispatch) => {\n dispatch(setPageNumber('knowledgeBase', page));\n dispatch(getData());\n };\n}\n\nexport const applyTemplate = (template, fields) => async (dispatch, getState) => {\n const vulnsSelected = selectVulnsSelected(getState());\n const workspaceSelected = selectCurrentWorkspace(getState());\n const vulnsList = selectVulnsList(getState());\n\n const data = {};\n // eslint-disable-next-line no-restricted-syntax\n for (const field in fields) {\n if (fields[field]) {\n if (field === 'exploitation') data.severity = template[field];\n if (field === 'refs') {\n template[field] = template[field].map(name => { return { name, type: 'other' }; });\n }\n if (field === 'customfields') {\n data.custom_fields = template[field];\n }\n data[field] = template[field];\n }\n }\n\n const vulnPromises = vulnsSelected.map((vuln) => api.manage.updateVuln(workspaceSelected, { _id: vuln._id, ...data }));\n try {\n const res = await Promise.allSettled(vulnPromises);\n res.forEach(({ value }) => {\n const index = vulnsList.findIndex((x) => value._id === x.id || value._id === x._id);\n vulnsList[index] = value;\n });\n dispatch(newGetVulns());\n } catch (error) { }\n};\n","import { newGetVulns } from 'store/Manage/filterActions';\nimport { getData as getAssetsData } from 'store/Host/actions';\nimport { getData as getKBData } from 'Screens/KnowledgeBase/actions/Actions';\nimport { VULNS_SEARCH_BY_FILTER_KEYS, ASSETS_SEARCH_BY_FILTER_KEYS, KB_SEARCH_BY_FILTER_KEYS } from './constants';\n\nexport const ENTITIES = {\n vulns: {\n name: {\n label: 'Vulnerabilities',\n value: 'vulns'\n },\n pathname: 'manage',\n values: VULNS_SEARCH_BY_FILTER_KEYS,\n placeholder: 'Search vulns',\n advancedPlaceholder: 'e.g. {\"name\":\"severity\",\"op\":\"==\",\"val\":\"critical\"}',\n documentationUrl: 'https://docs.faradaysec.com/Filters/#manage-vulns-aka-status-report-fields',\n searchFunction: newGetVulns,\n wsDependant: true\n },\n assets: {\n name: {\n label: 'Assets',\n value: 'assets'\n },\n pathname: 'host',\n values: ASSETS_SEARCH_BY_FILTER_KEYS,\n placeholder: 'Search assets',\n advancedPlaceholder: 'e.g. {\"name\":\"os\",\"op\":\"ilike\",\"val\":\"%Win%\"}',\n documentationUrl: 'https://docs.faradaysec.com/Filters/#manage-hosts-fields',\n searchFunction: getAssetsData,\n wsDependant: true\n },\n knowledgeBase: {\n name: {\n label: 'Vuln Templates',\n value: 'knowledgeBase'\n },\n pathname: 'knowledge_base',\n values: KB_SEARCH_BY_FILTER_KEYS,\n placeholder: 'Search vuln templates',\n advancedPlaceholder: 'e.g. {\"name\":\"name\",\"op\":\"ilike\",\"val\":\"%SQL%\"}',\n documentationUrl: 'https://docs.faradaysec.com/Filters/#search',\n searchFunction: getKBData,\n wsDependant: false\n }\n};\n\nexport const SEARCH_BY_ENTITIES = [\n ENTITIES.vulns,\n ENTITIES.assets,\n ENTITIES.knowledgeBase\n];\n","import get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport isEqual from 'lodash/isEqual';\nimport isObject from 'lodash/isObject';\nimport {\n AUTOCOMPLETE_LABELS_MAP, GROUP_BY, KEY_LABELS_MAP, OPERATOR_LABELS_MAP\n} from './constants';\nimport { ENTITIES } from './entitiesConstants';\n\nexport const getSelectedEntity = (state) => get(state, 'filters.selectedEntity', '');\n\nexport const selectSelectedEntityLabel = (state) => get(ENTITIES, `${getSelectedEntity(state)}.name.label`, '');\nexport const selectSelectedEntityPathname = (state) => get(ENTITIES, `${getSelectedEntity(state)}.pathname`, '');\nexport const selectSearchFunction = (state) => get(ENTITIES, `${getSelectedEntity(state)}.searchFunction`, null);\n\nexport const selectIsAdvancedMode = (state) => get(state, 'filters.isAdvancedMode', false);\n\nexport const selectSaveEnabled = (state) => get(state, 'filters.saveEnabled', false);\n\nexport const selectFilterHistory = (entity, state) => get(state, `filters.${entity}.filterHistory`, []);\n\nconst searchKeyLabel = (name) => get(KEY_LABELS_MAP.find((key) => key.value === name), 'label', name);\n\nconst searchOperatorLabel = (op) => get(OPERATOR_LABELS_MAP.find((operator) => operator.value === op), 'label', op);\n\nconst searchAutocompleteLabel = (val) => get(AUTOCOMPLETE_LABELS_MAP.find((autocomplete) => autocomplete.value === val), 'label', val);\n\nexport const selectLabeledHistory = (entity, state) => {\n const filterHistory = selectFilterHistory(entity, state);\n\n const labeledFilters = filterHistory.map((filter) => {\n const { name, op, val } = filter;\n\n if (isObject(val)) {\n const subKeyName = `${name}__${val.name}`;\n return {\n name: searchKeyLabel(subKeyName),\n op: searchOperatorLabel(val.op),\n val: searchAutocompleteLabel(val.val).toString().replace(/%/g, '')\n };\n }\n return {\n name: searchKeyLabel(name),\n op: searchOperatorLabel(op),\n val: searchAutocompleteLabel(val).toString().replace(/%/g, '')\n };\n });\n\n return labeledFilters;\n};\n\nexport const selectRowsPerPage = (entity, state) => get(state, `filters.${entity}.rowsPerPage`, 50);\n\nexport const selectPage = (entity, state) => get(state, `filters.${entity}.page`, 1);\n\nexport const selectOrderBy = (entity, state) => get(state, `filters.${entity}.order_by`, []);\n\nexport const selectGroupBy = (entity, state) => get(state, `filters.${entity}.group_by`, GROUP_BY.none.key.value);\n\nexport const selectGroupByField = (entity, state) => get(state, `filters.${entity}.group_by[0].field`, '');\n\nexport const selectFilters = (entity, state) => get(state, `filters.${entity}.filters`, []);\n\nexport const selectFilterError = (entity, state) => get(state, `filters.${entity}.filterError`, false);\n\nexport const selectExpandedFilter = (entity, state) => get(state, `filters.${entity}.expandedFilter`, []);\n\nexport const selectAdvancedFilter = (state, entity) => get(state, `filters.${entity}.advancedFilter`, '');\n\nexport const selectEntity = (entity, state) => get(state, `filters.${entity}`, '');\n\nexport const selectIsFiltering = (entity, state) => selectFilters(entity, state).length > 0;\n\nexport const isFilteringBy = (state, entity, filter) => {\n const history = selectFilterHistory(entity, state);\n return !!history.find((el) => el.name === filter.name && el.op === filter.op && isEqual(el.val, filter.val));\n};\n\nexport const selectIsGrouping = (entity, state) => {\n const group_by = selectGroupBy(entity, state);\n return !isEmpty(group_by) && group_by !== GROUP_BY.none.key.value;\n};\n\nexport const selectQueryParam = (entity, state, isDownloadQuery = false) => {\n const entityFilters = get(state, `filters.${entity}`, null);\n\n if (entityFilters) {\n const {\n page, rowsPerPage, order_by, group_by, filters\n } = entityFilters;\n const offset = (page - 1) * rowsPerPage;\n\n let parsedFilter = isDownloadQuery ? {} : { offset, limit: rowsPerPage };\n const isOrdering = !isEmpty(order_by);\n const isGrouping = !isEmpty(group_by) && group_by !== GROUP_BY.none.key.value;\n const isFiltering = !isEmpty(filters);\n\n if (isOrdering) parsedFilter = Object.assign(parsedFilter, { order_by });\n if (isGrouping && !isDownloadQuery) parsedFilter = isOrdering ? { group_by, order_by } : { group_by };\n if (isFiltering) parsedFilter = Object.assign(parsedFilter, { filters });\n\n return parsedFilter;\n }\n return [];\n};\n\nexport const selectAdvancedFilterQueryParam = (state, entity, isDownloadQuery = false) => {\n const {\n page, rowsPerPage, group_by, order_by\n } = selectEntity(entity, state);\n const advancedFilter = selectAdvancedFilter(state, entity);\n const orderBy = JSON.stringify(order_by);\n const groupBy = JSON.stringify(group_by);\n const offset = (page - 1) * rowsPerPage;\n const isGrouping = !isEmpty(group_by) && group_by !== GROUP_BY.none.key.value;\n\n let queryToParse = '';\n if (isDownloadQuery) queryToParse = `{\"order_by\":${orderBy},\"filters\":[${advancedFilter}]}`;\n else if (isGrouping) queryToParse = `{\"order_by\":${orderBy},\"group_by\":${groupBy},\"filters\":[${advancedFilter}]}`;\n else queryToParse = `{\"offset\":${offset},\"limit\":${rowsPerPage},\"order_by\":${orderBy},\"filters\":[${advancedFilter}]}`;\n const parsedQuery = JSON.parse(queryToParse);\n return parsedQuery;\n};\n\nexport const selectExpandedQueryParam = (entity, state) => {\n const filters = selectFilters(entity, state);\n const expandedFilter = selectExpandedFilter(entity, state);\n\n if (filters.length > 0) {\n const concatenatedFilter = [\n {\n and: [\n ...filters,\n expandedFilter[0]\n ]\n }\n ];\n return { filters: concatenatedFilter };\n }\n\n return { filters: expandedFilter };\n};\n\nexport const selectAdvancedExpandedQueryParam = (state, entity) => {\n const advancedFilter = selectAdvancedFilter(state, entity);\n const expandedFilter = selectExpandedFilter(entity, state);\n\n let filters = [];\n if (advancedFilter) {\n try {\n const filtersToParse = `{\"filters\":[${advancedFilter}]}`;\n const parsedFilter = JSON.parse(filtersToParse);\n filters = parsedFilter.filters;\n } catch (e) {\n return { filters: [] };\n }\n\n if (filters.length > 0) {\n const concatenatedFilter = [\n {\n and: [\n ...filters,\n expandedFilter[0]\n ]\n }\n ];\n return { filters: concatenatedFilter };\n }\n return { filters: expandedFilter };\n }\n\n return { filters };\n};\n\nexport const selectCustomFilters = (state, entity) => get(state, `filters.${entity}.customFilters`, []);\n\nexport const selectCustomFilter = (state, entity, id) => {\n const customFilters = selectCustomFilters(state, entity);\n const customFilter = customFilters.find((customFilter) => (customFilter.id === id));\n if (customFilter) return customFilter;\n return {};\n};\n\nexport const selectStoredDashboardFilter = (state) => {\n return get(state, 'filters.dashboard', {});\n};\n","import get from 'lodash/get';\nimport filter from 'lodash/filter';\nimport find from 'lodash/find';\n\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport { selectOrderBy } from 'store/Filters/selectors';\nimport { selectWsEditCreateId } from 'store/WorkspaceEditCreate/selectors';\n\nconst selectRoutes = (state) => {\n const permissions = get(state, 'faraday.permissions', []);\n const routeList = [];\n\n if (permissions) {\n // TODO: Add validation and when custom attributes exists in permissions\n /* if (this.props.faraday.permissions.custom_fields && this.props.faraday.permissions.custom_fields.view.allowed) */\n if (permissions.workspaces && permissions.workspaces.view.allowed) routeList.push({ name: '/workspaces', desc: 'Workspaces' });\n if (permissions.vulnerability_template && permissions.vulnerability_template.view.allowed) routeList.push({ name: '/knowledge_base', desc: 'Knowledge Base' });\n }\n return routeList;\n};\nexport default selectRoutes;\n\nexport const selectWorkspacesSelected = (state) => get(state, 'workspace.workspacesSelected', []);\nexport const selectCurrentlySelectedWorkspace = (state) => get(state, 'workspace.workspaceSelected', []);\nexport const selectWorkspacesCount = (state) => get(state, 'workspace.workspaceCount', 0);\nexport const selectLastWorkspaceSelected = (state) => get(state, 'workspace.lastWorkspaceSelected', {});\nexport const selectLastIndexForRange = (state) => get(state, 'workspace.lastIndexForRange', -1);\nexport const selectLastSelected = (state) => get(state, 'workspace.lastSelected', -1);\nexport const selectShowGridView = (state) => get(state, 'workspace.showGridView', true);\nexport const selectWorkspaceList = (state) => get(state, 'workspace.workspaceList', []);\nexport const selectRedirect = (state) => get(state, 'workspace.redirect', false);\nexport const selectShowModalCreate = (state) => get(state, 'workspace.showModalCreate', false);\nexport const selectMoreOptionsOpened = (state) => get(state, 'workspace.moreOptionsOpened', false);\nexport const selectIsFetching = (state) => get(state, 'workspace.isFetching', false);\nexport const selectShowInactive = (state) => get(state, 'workspace.showInactive', false);\nexport const selectActiveWorkspaces = (state) => {\n const workspaces = get(state, 'faraday.workspaces');\n return filter(workspaces, { active: true });\n};\nexport const selectTotalVulns = (state) => {\n const currentWorkspace = selectCurrentWorkspace(state);\n const activeWorkspaces = selectActiveWorkspaces(state);\n const ws = find(activeWorkspaces, { name: currentWorkspace });\n return get(ws, 'stats.total_vulns', 0);\n};\n\nexport const selectWorkspacesOrdered = (state) => {\n const workspaces = selectWorkspaceList(state);\n const orderBy = selectOrderBy('workspaces', state);\n const orderedWorkspaces = orderBy.length > 0 ? workspaces : workspaces.sort((a, b) => b.stats.critical_vulns - a.stats.critical_vulns);\n return orderedWorkspaces;\n};\n\nexport const selectCurrentWorkspaceData = (state) => {\n const workspaces = selectWorkspaceList(state);\n const id = selectWsEditCreateId(state);\n const currentWs = workspaces.find((ws) => ws.id === id);\n return currentWs || null;\n};\n","import { updatePreferences } from 'store/Preferences/actions';\nimport { selectActiveWorkspaces } from 'store/Workspace/selectors';\nimport isEmpty from 'lodash/isEmpty';\nimport find from 'lodash/find';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\nimport { redirect } from 'store/Router/actions';\nimport { selectWorkspaceActivity } from 'store/Preferences/workspace/selectors';\nimport {\n WORKSPACE_SELECTED_FOR_WORKING, CURRENT_WORKSPACE_EDITED_UPDATE,\n SET_CURRENT_WORKSPACE_AS_INVALID, SET_SHOW_WORKSPACE_VALIDATOR\n} from 'Screens/Workspaces/actions/Actions';\n\nexport const SET_URL_RETURN = 'SET_URL_RETURN';\n\nexport function setUrlReturn (urlReturn) {\n return (dispatch) => {\n dispatch({ type: SET_URL_RETURN, urlReturn });\n };\n}\n\nexport function updateCurrentWorkspaceOnEdit (newWsName, oldWsName) {\n return (dispatch) => {\n dispatch({\n type: CURRENT_WORKSPACE_EDITED_UPDATE, newWsName, oldWsName, redirect: false\n });\n };\n}\n\n// Summary: select a workspace for user to work\nexport function workspaceSelectedForWorking (workspace) {\n return async (dispatch, getState) => {\n const workspaces = selectActiveWorkspaces(getState());\n if (find(workspaces, { name: workspace })) await dispatch({ type: WORKSPACE_SELECTED_FOR_WORKING, workspace, redirect: false });\n };\n}\n\nexport function saveWorkspaceHistory (ws) {\n return async (dispatch, getState) => {\n const workspaceActivity = selectWorkspaceActivity(getState());\n let newWsActivity = [];\n\n if (isEmpty(workspaceActivity)) newWsActivity = [ws];\n\n else {\n const filteredWs = workspaceActivity.filter((workspace) => workspace !== ws);\n newWsActivity = [ws, ...filteredWs];\n if (newWsActivity.length > 3) newWsActivity = [...newWsActivity.slice(0, 3)];\n }\n\n dispatch(updatePreferences({ workspaceActivity: newWsActivity }));\n dispatch({ type: WORKSPACE_SELECTED_FOR_WORKING, workspace: ws, redirect: true });\n };\n}\n\nexport function setCurrentWorkspaceAsInvalid () {\n return (dispatch) => {\n dispatch({ type: SET_CURRENT_WORKSPACE_AS_INVALID });\n };\n}\n\nexport function setShowWorkspaceValidator (show) {\n return (dispatch) => {\n dispatch({ type: SET_SHOW_WORKSPACE_VALIDATOR, show });\n };\n}\n\nexport function checkWorkspace (ws) {\n return async (dispatch, getState) => {\n const workspaces = selectActiveWorkspaces(getState());\n const currentWorkspace = selectCurrentWorkspace(getState());\n\n if (ws && ws !== currentWorkspace) {\n if (workspaces.find((w) => w.name === ws)) {\n dispatch(workspaceSelectedForWorking(ws));\n } else {\n dispatch(redirect('/'));\n }\n }\n };\n}\n","import { setCurrentWorkspaceAsInvalid } from 'Screens/Faraday/actions/Actions';\nimport { READ_ONLY_ERROR } from 'store/Manage/types';\nimport get from 'lodash/get';\n\nconst DEFAULT_ERROR = 'Something went wrong. Please try again later.';\n\n// eslint-disable-next-line react/display-name\nconst validateWorkspace = (error) => (dispatch) => {\n const errorMessage = get(error, 'message', DEFAULT_ERROR);\n // If the error is caused due to the workspace no longer existing\n if (errorMessage.toLowerCase().startsWith('no such workspace')) { // TODO: Refactor with actual error code from BE once we have one\n return dispatch(setCurrentWorkspaceAsInvalid());\n } if (errorMessage.startsWith('Altering a readonly workspace is not allowed')) {\n return dispatch({ type: READ_ONLY_ERROR, error: errorMessage });\n }\n return null;\n};\n\nexport default validateWorkspace;\n","import axios from 'axios';\nimport get from 'lodash/get';\nimport head from 'lodash/head';\nimport validateWorkspace from 'utils/validateWorkspace';\nimport { failureSessionValidationCallback } from 'Screens/Login/actions/Actions';\nimport { redirect } from 'store/Router/actions';\n\nexport const CURRENT_API_VERSION = 'v3';\nexport const path = (version, url) => `/_api/${version}${url}`;\n\nexport const getRequestUrl = (url) => {\n const baseUrl = get(window, 'location.origin', '');\n const version = CURRENT_API_VERSION === 'v1' ? '' : `${CURRENT_API_VERSION}/`;\n return `${baseUrl}/_api/${version}${url}`;\n};\n\nfunction processResponse (response) {\n if (response.status > 299) throw (response);\n return response.data;\n}\n\nconst parseErrorMessage = (htmlResponse) => head(htmlResponse.match(/(.*?)<\\/p>/g).map((val) => val.replace(/<\\/?p>/g, ''))) || '';\n\nconst fetchApi = () => async (url, config = {}, cancelToken, redirectTo = true, base = false) => {\n const dispatch = get(window, 'store.dispatch', null);\n const {\n headers,\n method = 'GET',\n data,\n version,\n ...rest\n } = config;\n\n const options = {\n withCredentials: true,\n method,\n headers,\n data,\n ...rest\n };\n\n if (cancelToken) {\n options.cancelToken = cancelToken;\n }\n\n try {\n if (base) {\n return processResponse(await axios(url, { ...options, withCredentials: false }));\n }\n let v = `${CURRENT_API_VERSION}/`;\n if (version) v = version === 'v1' ? '' : `${version}/`;\n return processResponse(await axios(path(v, url), options));\n } catch (e) {\n if (axios.isCancel(e)) return { status: 'canceled' };\n else {\n const status = get(e, 'response.status');\n // Logout functionality disabled disabled by default (redirectTo). Use actions to show the ErrorDialog from App.jsx instead\n if ((status === 401) && !window.location.pathname.includes('/login') && redirectTo) {\n if (dispatch) dispatch(failureSessionValidationCallback());\n dispatch(redirect('/login'));\n }\n const data = get(e, 'response.data', null);\n if (data && typeof data === 'string') {\n const error = { message: parseErrorMessage(data), status };\n if (dispatch) dispatch(validateWorkspace(error));\n throw (error) || e;\n } else {\n throw ({ ...data, status }) || e;\n }\n }\n }\n};\n\nexport default fetchApi();\n","import fetchApi from 'services/api/connector';\n\nexport const fetchLatestVulns = (ws, confirmed) => fetchApi(`ws/${ws}/vulns?page=0&page_size=5&sort=date&sort_dir=desc${confirmed ? '&confirmed=1' : ''}`);\n\nexport const getVulnsCountByStatus = (ws) => fetchApi(`ws/${ws}/vulns/count?group_by=status`);\n\nexport const getVulnsCountBySeverity = (ws) => fetchApi(`ws/${ws}/vulns/count?group_by=severity`);\n\nexport const getTopHostsDashboard = (ws) => fetchApi(`ws/${ws}/hosts?page=1&page_size=10&sort=services&sort_dir=desc`);\n\nexport const getVulnsCountByMultiWs = (ws, param) => fetchApi(`ws/${ws}/vulns/count_multi_workspace?group_by=severity&workspaces=${ws}${param}`);\n\nexport const getTopServicesByName = (ws) => fetchApi(`ws/${ws}/services/count?group_by=name`);\n\nexport const getVulnsTimeline = (ws) => fetchApi(`ws/${ws}/vulns/timeline`);\n\nexport const getActivitiesList = (ws, page) => fetchApi(`ws/${ws}/activities?page_size=16&page=${page}`);\n\nexport const getCommandHistory = (ws, page) => fetchApi(`ws/${ws}/commands?page_size=16&page=${page}`);\n","import fetchApi from 'services/api/connector';\n\nexport const newGetVulns = (ws, queryParam) => fetchApi(`ws/${ws}/vulns/filter?q=${encodeURI(JSON.stringify(queryParam))}`);\n\nexport const getVulns = (workspace, queryParam) => fetchApi(`ws/${workspace}/vulns/filter?q=${queryParam}`);\n\nexport const updateVuln = (ws, vuln) => fetchApi(`ws/${ws}/vulns/${vuln._id}`, { method: 'PATCH', data: vuln, version: 'v3' });\n\nexport const exportCSV = (ws, queryParam) => fetchApi(`ws/${ws}/vulns/filter?export_csv=true&q=${encodeURI(JSON.stringify(queryParam))}`);\n\nexport const fetchManifest = () => fetchApi('agents/get_manifests');\n\nexport const getSearchFilter = () => fetchApi('searchfilter');\n\nexport const getTemplates = () => fetchApi('vulnerability_template');\n\nexport const fetchById = (ws, id) => fetchApi(`ws/${ws}/vulns/${id}`);\n\nexport const createVuln = (ws, data) => fetchApi(`ws/${ws}/vulns`, { method: 'POST', data, version: 'v3' });\n\nexport const deleteVulns = (ws, ids) => fetchApi(`ws/${ws}/vulns`, { method: 'DELETE', data: { ids }, version: 'v3' });\n\nexport const updateVulns = (ws, data) => fetchApi(`ws/${ws}/vulns`, { method: 'PATCH', data, version: 'v3' });\n\nexport const updateAllVulns = (ws, queryParam, data) => fetchApi(`ws/${ws}/vulns?q=${encodeURI(JSON.stringify(queryParam))}`, { method: 'PATCH', data, version: 'v3' });\n\nexport const deleteAllVulns = (ws, queryParam) => fetchApi(`ws/${ws}/vulns?q=${encodeURI(JSON.stringify(queryParam))}`, { method: 'DELETE', version: 'v3' });\n","import fetchApi from 'services/api/connector';\n\nexport const fetchApiConfig = () => fetchApi('config', { version: 'v1' });\n\nexport const getSession = () => fetchApi('session', { version: 'v1' });\n\nexport const forgotPassword = (email) => fetchApi('auth/forgot_password', { version: 'v1', method: 'POST', data: { email } }, null, false);\n\nexport const resetPassword = (token, password, repeatPassword) => fetchApi(`auth/reset_password/${token}`, { version: 'v1', method: 'POST', data: { password, password_confirm: repeatPassword } }, null, false);\n\nexport const getLicense = ({ ver }) => {\n const host = 'portal.faradaysec.com';\n const clientKey = 'white';\n fetchApi(`https://${host}/api/v1/license_check?version=${ver}&key=${clientKey}`, {}, null, true, true);\n};\n","import fetchApi from 'services/api/connector';\n\nexport const addWorkspace = (data) => fetchApi('ws', { method: 'POST', data });\n\nexport const deleteWorkspace = (ws) => fetchApi(`ws/${ws}`, { method: 'DELETE' });\n\nexport const getReportStatus = (commandId) => fetchApi(`global_commands/${commandId}`);\n\nexport const getWsStats = (ws) => fetchApi(`ws/${ws}`);\n\nexport const createWorkspace = (data) => fetchApi('ws', { method: 'POST', data });\n\nexport const updateWorkspace = (ws, data) => fetchApi(`ws/${ws}`, { method: 'PATCH', data });\n\nexport const fetchWorkspaces = (queryParam) => fetchApi(`ws/filter?offset=0&limit=500&q=${escape(JSON.stringify(queryParam))}&histogram=true`);\n\nexport const getWsStatsFiltered = (ws, queryParam) => fetchApi(`ws/${ws}?${queryParam}`);\n","import fetchApi from 'services/api/connector';\n\nexport const fetchHosts = (ws, queryParam) => fetchApi(`ws/${ws}/hosts/filter?q=${escape(JSON.stringify(queryParam))}`);\n\nexport const getHosts = (ws) => fetchApi(`ws/${ws}/hosts`);\n\nexport const createHost = (ws, data) => fetchApi(`ws/${ws}/hosts`, { method: 'POST', data });\n\nexport const updateHost = (ws, data) => fetchApi(`ws/${ws}/hosts/${data.id}`, { method: 'PATCH', data });\n\nexport const deleteHost = (ws, ids) => fetchApi(`ws/${ws}/hosts`, { method: 'DELETE', data: { ids }, version: 'v3' });\n","import fetchApi from 'services/api/connector';\n\nexport const save = (data) => fetchApi('preferences', { method: 'POST', data });\nexport const fetch = () => fetchApi('preferences', { method: 'GET' });\n","import fetchApi from 'services/api/connector';\n\nexport const fetchVulns = (ws, target) => fetchApi(`ws/${ws}/vulns?target=${target}`);\n\nexport const fetchServices = (ws, host) => fetchApi(`ws/${ws}/hosts/${host}/services`);\n\nexport const fetchTools = (ws, host) => fetchApi(`ws/${ws}/hosts/${host}/tools_history`);\n\nexport const addService = (ws, parent, name, status, ports, protocol, version, description, owned) => fetchApi(`ws/${ws}/services`, {\n method: 'POST',\n data: {\n description,\n name,\n owned,\n owner: '',\n parent,\n ports,\n protocol,\n status,\n type: 'Service',\n version\n }\n});\n\nexport const editService = (ws, id, name, status, ports, protocol, version, description, owned) => fetchApi(`ws/${ws}/services/${id}`, {\n method: 'PATCH',\n data: {\n name,\n status,\n ports,\n protocol,\n version,\n description,\n owned\n },\n version: 'v3'\n});\n\nexport const fetchById = (ws, id) => fetchApi(`ws/${ws}/hosts/${id}`);\n","import fetchApi from 'services/api/connector';\n\nexport const createTemplate = (data) => fetchApi('vulnerability_template', { method: 'POST', data });\n\nexport const updateTemplate = (id, data) => fetchApi(`vulnerability_template/${id}`, { method: 'PATCH', data });\n\nexport const fetchTemplates = (queryParam) => fetchApi(`vulnerability_template/filter?q=${escape(JSON.stringify(queryParam))}`);\n\nexport const deleteTemplates = (data) => fetchApi('vulnerability_template', { method: 'DELETE', data });\n","import fetchApi from 'services/api/connector';\n\nexport const getServices = (ws) => fetchApi(`ws/${ws}/services`);\n\nexport const createService = (ws, data) => fetchApi(`ws/${ws}/services`, { method: 'POST', data });\n","import fetchApi from 'services/api/connector';\n\n//\n// CHANGE PASSWORD section\n//\n/* eslint-disable import/prefer-default-export */\nexport const changePassword = (password, new_password, new_password_confirm) => fetchApi('change', { version: 'v1', method: 'POST', data: { password, new_password, new_password_confirm } });\n","import fetchApi from 'services/api/connector';\n\nexport const addCustomAttribute = (data) => fetchApi('custom_fields_schema', { method: 'POST', data });\n\nexport const getCustomAttributes = () => fetchApi('custom_fields_schema');\n\nexport const bulkRemove = (data) => fetchApi('custom_fields_schema', { method: 'DELETE', data });\n\nexport const updateCustomAttribute = (data) => fetchApi(`custom_fields_schema/${data.id}`, { method: 'PATCH', data });\n\nexport const removeCustomAttribute = (data) => fetchApi(`custom_fields_schema/${data.id}`, { method: 'DELETE', data });\n","import fetchApi from 'services/api/connector';\n\nexport const fetchUserAgents = () => fetchApi('agents', { method: 'GET' });\nexport const removeAgent = (id) => fetchApi(`agents/${id}`, { method: 'DELETE' });\nexport const fetchToken = (data) => fetchApi('agent_token', {\n method: 'GET',\n headers: { 'Content-Type': 'multipart/form-data' },\n data\n});\nexport const fetchAgentTools = (id) => fetchApi(`agents/${id}`);\n\nexport const runUserAgentTool = (agentId, payload) => fetchApi(`agents/${agentId}/run`, {\n method: 'POST',\n headers: { 'Content-type': 'application/json' },\n data: { ...payload }\n});\n\nexport const getActiveAgents = () => fetchApi('agents/active_agents', { method: 'GET' });\n","import fetchApi from 'services/api/connector';\n\nexport const getAttachments = (ws, id) => fetchApi(`ws/${ws}/vulns/${id}/attachment`, { method: 'GET', version: 'v3' });\nexport const saveAttachments = (ws, id, data) => fetchApi(`ws/${ws}/vulns/${id}/attachment`, {\n method: 'POST', data, contentType: false, processData: false\n});\nexport const removeAttachments = (ws, id, name) => fetchApi(`ws/${ws}/vulns/${id}/attachment/${name}`, { method: 'DELETE', contentType: false, processData: false });\n","import fetchApi from 'services/api/connector';\n\nexport const getCustomFilters = () => fetchApi('searchfilter');\nexport const createCustomFilter = (data) => fetchApi('searchfilter', { method: 'POST', data });\nexport const removeCustomFilter = (id) => fetchApi(`searchfilter/${id}`, { method: 'DELETE' });\nexport const searchCustomFilter = (id) => fetchApi(`searchfilter/${id}`);\nexport const updateCustomFilter = (id, data) => fetchApi(`searchfilter/${id}`, { method: 'PATCH', data });\nexport const replaceCustomFilter = (id, data) => fetchApi(`searchfilter/${id}`, { method: 'PUT', data });\n","import fetchApi from 'services/api/connector';\n\nexport const login = (data) => fetchApi('login', { method: 'POST', data, version: 'v1' });\nexport const logout = (data) => fetchApi('logout', { method: 'POST', data, version: 'v1' });\n","import * as dashboard from './dashboard';\nimport * as manage from './manage';\nimport * as faraday from './faraday';\nimport * as workspace from './workspace';\nimport * as host from './host';\nimport * as preferences from './preferences';\nimport * as hostDetail from './hostDetail';\nimport * as knowledgeBase from './knowledgeBase';\nimport * as service from './services';\nimport * as fileUploaderContext from './fileUploaderContext';\nimport * as settings from './settings';\nimport * as customAttributes from './customAttributes';\nimport * as agents from './agents';\nimport * as attachments from './attachments';\nimport * as filters from './filters';\nimport * as auth from './auth';\n\nexport default {\n dashboard,\n manage,\n faraday,\n workspace,\n host,\n preferences,\n hostDetail,\n knowledgeBase,\n service,\n fileUploaderContext,\n settings,\n customAttributes,\n agents,\n attachments,\n filters,\n auth\n};\n","import api from 'services/api';\nimport axios, { CancelToken } from 'axios';\nimport { selectWorkspaceActivity } from 'store/Preferences/workspace/selectors';\nimport { updatePreferences } from 'store/Preferences/actions';\nimport { getWorkspaces, WORKSPACE_SELECTED_FOR_WORKING } from 'Screens/Workspaces/actions/Actions';\nimport { SUMMARY } from 'Screens/Wizard/constants';\nimport { CURRENT_API_VERSION } from 'services/api/connector';\nimport { redirect } from 'store/Router/actions';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\n\nexport const ADD_WORKSPACE_REQUEST = 'ADD_WORKSPACE_REQUEST';\nexport const ADD_WORKSPACE_SUCCESS = 'ADD_WORKSPACE_SUCCESS';\nexport const ADD_WORKSPACE_FAIL = 'ADD_WORKSPACE_FAIL';\nexport const RESET_STATE_WIZARD = 'RESET_STATE_WIZARD';\nexport const RESET_INITIAL_STEP_WIZARD = 'RESET_INITIAL_STEP_WIZARD';\nexport const SET_STEP_WIZARD = 'SET_STEP_WIZARD';\nexport const SET_WORKSPACE_NAME_WIZARD = 'SET_WORKSPACE_NAME_WIZARD';\nexport const UPLOAD_REPORT_ERROR_WIZARD = 'UPLOAD_REPORT_ERROR_WIZARD';\nexport const UPLOAD_REPORT_WIZARD_UPDATE_PERCENT = 'UPLOAD_REPORT_WIZARD_UPDATE_PERCENT';\nexport const SET_WIZARD_COMMAND_ID = 'SET_WIZARD_COMMAND_ID';\nexport const RESET_FILE_STATE_WIZARD = 'RESET_FILE_STATE_WIZARD';\nexport const CANCEL_REQUEST_WIZARD = 'CANCEL_REQUEST_WIZARD';\nexport const SET_USER_HAS_BEEN_IN_WIZARD = 'SET_USER_HAS_BEEN_IN_WIZARD';\nexport const SET_SUMMARY_VALUES_IN_WIZARD = 'SET_SUMMARY_VALUES_IN_WIZARD';\nexport const RESET_STATE_SUMMARY_WIZARD = 'RESET_STATE_SUMMARY_WIZARD';\nexport const HIDE_ERROR_MODAL_WIZARD = 'HIDE_ERROR_MODAL_WIZARD';\n\nlet gcancelTokenSource;\n\nexport function resetInitialStep () {\n return (dispatch) => {\n dispatch({\n type: RESET_INITIAL_STEP_WIZARD\n });\n };\n}\n\nexport function resetState () {\n return (dispatch) => {\n dispatch({ type: RESET_STATE_WIZARD });\n };\n}\n\nexport function resetSummary () {\n return (dispatch) => {\n dispatch({ type: RESET_STATE_SUMMARY_WIZARD });\n };\n}\n\nexport function addWorkspace (wsName) {\n return async (dispatch, getState) => {\n let workspaceActivity = selectWorkspaceActivity(getState());\n\n const workspaceData = {\n _id: wsName,\n customer: '',\n name: wsName,\n type: 'Workspace',\n users: ['faraday'],\n public: false,\n children: [],\n description: '',\n duration: { start_date: '', end_date: '' },\n scope: []\n };\n\n workspaceActivity = workspaceActivity.filter((workspace) => workspace !== wsName);\n workspaceActivity.unshift(wsName);\n\n if (workspaceActivity.length > 3) { workspaceActivity = workspaceActivity.slice(0, 3); }\n\n try {\n dispatch({ type: ADD_WORKSPACE_REQUEST });\n const data = await api.workspace.addWorkspace(workspaceData);\n dispatch({ type: ADD_WORKSPACE_SUCCESS, data });\n dispatch(updatePreferences({ workspaceActivity }));\n } catch (e) {\n dispatch({ type: ADD_WORKSPACE_FAIL, data: e.message || (e.messages ? 'Invalid workspace name' : 'An error has occurred') });\n }\n };\n}\n\nexport function selectWorkspace (ws) {\n return async (dispatch, getState) => {\n const state = getState();\n let workspaceActivity = selectWorkspaceActivity(state);\n if (workspaceActivity.includes(ws)) {\n const otherWorkspaces = workspaceActivity.filter((w) => w !== ws);\n workspaceActivity = [ws, ...otherWorkspaces];\n } else {\n workspaceActivity.unshift(ws);\n if (workspaceActivity.length > 3) {\n workspaceActivity = workspaceActivity.slice(0, 3);\n }\n }\n dispatch(updatePreferences({ workspaceActivity }));\n };\n}\n\nexport function toggleAutoSelectWs (value) {\n return async (dispatch) => {\n dispatch(updatePreferences({ autoSelectWs: value }));\n };\n}\n\nexport function setStep (step) {\n return (dispatch) => {\n dispatch({\n type: SET_STEP_WIZARD, step\n });\n };\n}\n\nexport function setWorkspaceName (ws) {\n return (dispatch) => {\n dispatch({\n type: SET_WORKSPACE_NAME_WIZARD, ws\n });\n };\n}\n\nexport function uploadFile (file) {\n return async (dispatch, getState) => {\n try {\n const ws = selectCurrentWorkspace(getState());\n const response = await api.faraday.getSession();\n\n const cancelTokenSource = CancelToken.source();\n gcancelTokenSource = cancelTokenSource;\n\n const fd = new FormData();\n fd.append('csrf_token', response.csrf_token);\n fd.append('file', file);\n\n const res = await axios.post(`/_api/${CURRENT_API_VERSION}/ws/${ws}/upload_report`, fd, {\n headers: {\n 'Content-Type': 'multipart/form-data'\n },\n onUploadProgress: async (progressEvent) => {\n dispatch({ type: UPLOAD_REPORT_WIZARD_UPDATE_PERCENT, progressEvent });\n },\n cancelToken: cancelTokenSource.token\n });\n dispatch({ type: SET_WIZARD_COMMAND_ID, commandId: res.data.command_id });\n\n const intervalId = setInterval(async () => {\n const responseReport = await api.workspace.getReportStatus(res.data.command_id);\n\n /* THIS CAN BE DONE USING WEBSOCKETS */\n if (responseReport.duration !== 'In progress' && responseReport.params !== 'In progress') {\n clearInterval(intervalId);\n\n const filename = responseReport.params.replace(/^.*[\\\\/]/, '');\n const responseStats = await api.workspace.getWsStats(ws);\n const data = {\n filename,\n vulnCount: responseStats.stats.total_vulns,\n hostsCount: responseStats.stats.hosts,\n servicesCount: responseStats.stats.services\n };\n\n dispatch({ type: SET_SUMMARY_VALUES_IN_WIZARD, data });\n dispatch({ type: SET_STEP_WIZARD, step: SUMMARY });\n dispatch(getWorkspaces());\n }\n }, 2000);\n } catch (e) {\n if (!e.message || e.message !== 'cancel') dispatch({ type: UPLOAD_REPORT_ERROR_WIZARD, error: e.response && e.response.data.message ? e.response.data.message : 'Couldn\\'t upload your file. Please try again.' });\n else dispatch({ type: CANCEL_REQUEST_WIZARD });\n }\n };\n}\n\nexport function resetFileState () {\n return (dispatch) => {\n dispatch({ type: RESET_FILE_STATE_WIZARD });\n };\n}\n\nexport function createManually () {\n return async (dispatch, getState) => {\n const ws = selectCurrentWorkspace(getState());\n dispatch({ type: WORKSPACE_SELECTED_FOR_WORKING, workspace: ws, redirect: true });\n dispatch(redirect(`/feed/${ws}`));\n };\n}\n\nexport function cancelRequest () {\n return async () => {\n if (gcancelTokenSource) {\n gcancelTokenSource.cancel('cancel');\n }\n };\n}\n\nexport function setUserHasBeenInWizard (value) {\n return (dispatch) => {\n dispatch({ type: SET_USER_HAS_BEEN_IN_WIZARD, value });\n };\n}\n\nexport function hideWizardErrorModal () {\n return (dispatch) => {\n dispatch({ type: HIDE_ERROR_MODAL_WIZARD });\n };\n}\n","import get from 'lodash/get';\n\nexport const selectLocation = (state) => get(state, 'router.location', {});\n\nexport const selectPathname = (state) => get(state, 'router.location.pathname', '');\n\nexport const selectAction = (state) => get(state, 'router.action', '');\n\nexport const selectHash = (state) => get(state, 'router.location.hash', '');\n\nexport const selectQuery = (state) => get(state, 'router.location.query', {});\n","import GitInfo from 'react-git-info/macro';\nimport api from 'services/api';\nimport { WORKSPACE_SELECTION } from 'Screens/Wizard/constants/index';\nimport {\n workspaceSelectedForWorking,\n setUrlReturn\n} from 'Screens/Faraday/actions/Actions';\nimport { getWorkspaces, WORKSPACE_SELECTED_FOR_WORKING } from 'Screens/Workspaces/actions/Actions';\nimport { toggleAutoSelectWs } from 'Screens/Wizard/actions/Actions';\nimport Cookies from 'universal-cookie';\nimport get from 'lodash/get';\nimport head from 'lodash/head';\nimport includes from 'lodash/includes';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { SAVE_PREFERENCES_SUCCESS } from 'store/Preferences/actions';\nimport { selectAutoSelectWs, selectWorkspaceActivity } from 'store/Preferences/workspace/selectors';\nimport { selectIsLoggedIn, selectRememberMe, selectUserRoles } from 'store/Sesion/selectors';\nimport { selectActiveWorkspaces } from 'store/Workspace/selectors';\nimport { selectLocation } from 'store/Router/selectors';\nimport { redirect } from 'store/Router/actions';\nimport { selectUrlReturn } from 'store/Faraday/selectors';\nimport { setError } from 'store/errors/actions';\n\nexport const LOGIN_START = 'LOGIN_START';\nexport const LOGIN_SUCCESS = 'LOGIN_SUCCESS';\nexport const LOGIN_FAIL = 'LOGIN_FAIL';\nexport const LOGIN_FETCH_FINISHED = 'LOGIN_FETCH_FINISHED';\nexport const LOGOUT_SUCCESS = 'LOGOUT_SUCCESS';\nexport const HIDE_ERROR_MESSAGE_LOGIN = 'HIDE_ERROR_MESSAGE_LOGIN';\nexport const LOGOUT_SUCCESS_REDIRECT = 'LOGOUT_SUCCESS_REDIRECT';\nexport const NOT_LOGGED = 'NOT_LOGGED';\nexport const LOAD_PREFERENCES = 'LOAD_PREFERENCES';\nexport const SET_INITIAL_STEP_WIZARD = 'SET_INITIAL_STEP_WIZARD';\nexport const SET_FIRST_LOGIN = 'SET_FIRST_LOGIN';\nexport const SET_REMEMBER_ME = 'SET_REMEMBER_ME';\nexport const LOGIN_TO_INACTIVE_WORKSPACE_ERROR = 'LOGIN_TO_INACTIVE_WORKSPACE_ERROR';\n\nexport const FORGOT_PASSWORD_REQUEST = 'FORGOT_PASSWORD_REQUEST';\nexport const FORGOT_PASSWORD_SUCCESS = 'FORGOT_PASSWORD_SUCCESS';\nexport const FORGOT_PASSWORD_FAILURE = 'FORGOT_PASSWORD_FAILURE';\n\nexport const RESET_PASSWORD_REQUEST = 'RESET_PASSWORD_REQUEST';\nexport const RESET_PASSWORD_SUCCESS = 'RESET_PASSWORD_SUCCESS';\nexport const RESET_PASSWORD_FAILURE = 'RESET_PASSWORD_FAILURE';\n\nexport const VALIDATING_SESSION_START = 'VALIDATING_SESSION_START';\nexport const VALIDATING_SESSION_END = 'VALIDATING_SESSION_END';\n\n/* Callbacks */\n\nfunction failureLoginCallback () {\n return (dispatch) => {\n dispatch({ type: LOGIN_FAIL, data: { message: 'An error has occurred.' } });\n };\n}\n\nexport function failureSessionValidationCallback () {\n return (dispatch) => {\n dispatch({ type: NOT_LOGGED });\n };\n}\n\nexport function startWizard (workspaces) {\n return (dispatch) => {\n dispatch({\n type: SET_INITIAL_STEP_WIZARD, step: WORKSPACE_SELECTION, workspaces, width: '450px', height: '506px'\n });\n dispatch(redirect('/wizard', false));\n };\n}\n\nfunction validateAutoLoginWs (workspaceName) {\n return (dispatch, getState) => {\n const { workspaces } = getState().workspace;\n const workspaceToLogIn = workspaces.find((ws) => ws.name === workspaceName);\n\n if (workspaceToLogIn) {\n const isActive = get(workspaceToLogIn, 'active', false);\n if (isActive) {\n dispatch({ type: WORKSPACE_SELECTED_FOR_WORKING, workspace: workspaceName, redirect: true });\n dispatch(redirect(`/feed/${workspaceName}`));\n } else {\n dispatch(toggleAutoSelectWs(false));\n dispatch({ type: LOGIN_TO_INACTIVE_WORKSPACE_ERROR, errorMessage: 'Attempted to log into an inactive Workspace' });\n dispatch(startWizard(workspaces));\n }\n }\n };\n}\n\nexport function setUser (user, roles, csrfToken) {\n return (dispatch) => {\n dispatch({\n type: LOGIN_SUCCESS, user, roles, csrfToken\n });\n };\n}\n\nfunction successSessionCallback (data) {\n return async (dispatch) => {\n const gitInfo = GitInfo();\n const config = await api.faraday.fetchApiConfig();\n\n let licenseStatus;\n try {\n licenseStatus = await api.faraday.getLicense(config);\n } catch (e) {\n setError('There was an error while fetching licence config');\n }\n\n await dispatch({\n type: LOAD_PREFERENCES,\n permissions: data.permissions,\n hash: gitInfo.commit.shortHash,\n apiVersion: config.ver,\n role: data.roles[0],\n email: config.email,\n userName: data.name,\n wsPort: config.websocket_port,\n licenseStatus\n });\n\n await dispatch({ type: SAVE_PREFERENCES_SUCCESS, preferences: data.preferences || {} });\n\n await dispatch(setUser(data.name, data.roles, data.csrf_token));\n\n // obtengo workspaces, esto se usa en todos lados.\n await dispatch(getWorkspaces());\n };\n}\n\nexport function createSession () {\n return async (dispatch) => {\n try {\n const data = await api.faraday.getSession();\n await dispatch(successSessionCallback(data));\n } catch (e) {\n await dispatch(failureSessionValidationCallback());\n }\n };\n}\n\nexport function setFirstLogin () {\n return async (dispatch) => {\n await dispatch({ type: SET_FIRST_LOGIN, firstLogin: true });\n await dispatch(workspaceSelectedForWorking('faraday_beta'));\n dispatch(redirect('/wizard', false));\n };\n}\n\nexport function loginRedirect () {\n return async (dispatch, getState) => {\n const autoSelect = selectAutoSelectWs(getState()); // opcion autoselec, true|false\n const workspaceActivity = selectWorkspaceActivity(getState()); // ultimos workspaces usados\n const workspaces = selectActiveWorkspaces(getState()); // listado de todos los workspaces\n const roles = selectUserRoles(getState()); // roles del usuario\n const urlReturn = selectUrlReturn(getState());\n\n if (urlReturn && urlReturn !== '/login' && urlReturn !== '/logout' && urlReturn !== '/') {\n dispatch(redirect(urlReturn));\n dispatch(setUrlReturn(''));\n } else if (includes(roles, 'admin') && workspaces.length === 0) {\n // setea el primer login, y muestra workspace por default.\n dispatch(setFirstLogin());\n } else if (autoSelect && !isEmpty(workspaceActivity)) {\n // se auto loguea en el ultimo workspace.\n dispatch(validateAutoLoginWs(head(workspaceActivity)));\n } else {\n // muestra wizard\n dispatch(startWizard(workspaces));\n }\n };\n}\n\nexport function validateSession () {\n return async (dispatch, getState) => {\n const location = selectLocation(getState());\n let isLoggedIn = selectIsLoggedIn(getState());\n\n dispatch({ type: VALIDATING_SESSION_START });\n if (!isLoggedIn && !includes(['/logout'], location.pathname)) {\n await dispatch(createSession()); // valido y creo la sesion usando la cookie del browser.\n }\n dispatch({ type: VALIDATING_SESSION_END });\n\n isLoggedIn = selectIsLoggedIn(getState());\n\n if (isLoggedIn && includes(['/login', '/'], location.pathname)) {\n dispatch(loginRedirect()); // si esta logueado lo redirecciono a donde corresponde\n } else if (!isLoggedIn && !includes(['/login'], location.pathname)) {\n dispatch(redirect('/login')); // si no esta logueado va al login\n }\n // por default queda donde está\n };\n}\n\nexport function loginStart () {\n return (dispatch) => {\n dispatch({ type: LOGIN_START });\n };\n}\n\nexport function login (user, password) {\n return async (dispatch, getState) => {\n try {\n const remember = selectRememberMe(getState());\n\n await api.auth.login({ email: user || '', password: password || '', remember });\n\n // reconstruye sesion\n await dispatch(createSession());\n\n // todo ok => redirecciona a donde corresponda\n dispatch(loginRedirect());\n\n // Force loading spinner of the Login button to change after the redirect\n dispatch({ type: LOGIN_FETCH_FINISHED });\n } catch (e) {\n dispatch(failureLoginCallback());\n }\n };\n}\n\n// TODO: Must comment line 196 in app.py of faraday\nexport function logOut () {\n return async (dispatch) => {\n try {\n const cookies = new Cookies();\n cookies.remove('remember_token');\n await api.auth.logout();\n dispatch({ type: LOGOUT_SUCCESS });\n } catch (e) {\n dispatch({ type: LOGOUT_SUCCESS_REDIRECT });\n }\n dispatch(redirect('/login', false));\n };\n}\n\nexport function hideErrorMessage () {\n return (dispatch) => {\n dispatch({ type: HIDE_ERROR_MESSAGE_LOGIN });\n };\n}\n\nexport function setRememberMe (value) {\n return (dispatch) => {\n dispatch({ type: SET_REMEMBER_ME, value });\n };\n}\n\nexport function forgotPassword (email) {\n return async (dispatch) => {\n dispatch({ type: FORGOT_PASSWORD_REQUEST });\n try {\n await api.faraday.forgotPassword(email);\n return dispatch({ type: FORGOT_PASSWORD_SUCCESS, email });\n } catch (e) {\n return dispatch({ type: FORGOT_PASSWORD_FAILURE, data: { message: 'An error has occurred.' } });\n }\n };\n}\n\nexport function resetPassword (hash, password, repeatPassword) {\n return async (dispatch) => {\n dispatch({ type: RESET_PASSWORD_REQUEST });\n try {\n await api.faraday.resetPassword(hash, password, repeatPassword);\n return dispatch({ type: RESET_PASSWORD_SUCCESS });\n } catch (e) {\n return dispatch({ type: RESET_PASSWORD_FAILURE, data: { message: 'An error has occurred.' } });\n }\n };\n}\n","var _path;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconCloseError = function SvgIconCloseError(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.929 7.497l5.2-5.2c.1441184-.14008493.2254311-.33251768.2254311-.5335S13.2731184 1.37008493 13.129 1.23c-.291119-.29771495-.76817-.3039743-1.067-.014l-5.2 5.2-5.2-5.2c-.29850991-.2985099-.78249009-.2985099-1.081 1e-8-.2985099.2985099-.2985099.78249008 0 1.08099999l5.2 5.2-5.2 5.2c-.14411837.1400849-.22543106.3325177-.22543106.5335 0 .2009823.0813127.3934151.22543106.5335.1362375.1508081.33078465.2356948.534.2330623.20019523.0016535.39265627-.0772772.534-.2190623l5.2-5.2 5.2 5.2c.2975877.2763362.7604523.2677695 1.0476109-.0193891.2871586-.2871586.2957253-.7500232.0193891-1.0476109L7.929 7.497z\",\n fill: \"#EA3158\",\n fillRule: \"nonzero\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconCloseError, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon_close_error.459e6ef9.svg\";\nexport { ForwardRef as ReactComponent };","export const CREATION_TYPE = 'CREATION_TYPE';\nexport const FILE_SELECTOR = 'FILE_SELECTOR';\nexport const INITIAL_MODE = 'INITIAL_MODE';\nexport const SUMMARY = 'SUMMARY';\nexport const WORKSPACE_NAME = 'WORKSPACE_NAME';\nexport const WORKSPACE_SELECTION = 'WORKSPACE_SELECTION';\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ReactComponent as CloseError } from 'Images/icon_close_error.svg';\n\nexport const FilterErrorContainer = styled.div`\n position: absolute;\n width: 100%;\n display: flex;\n flex-direction: row;\n top: 48px;\n height: 36px;\n flex: 1 1 0;\n border-radius: 3px;\n background-color: rgba(234, 49, 88, 0.1);\n`;\n\nexport const FilterErrorLabel = styled.div`\n overflow: hidden;\n margin-top: auto;\n margin-bottom: auto;\n margin-left: 21px;\n font-size: 12.5px;\n height: 14px;\n text-align: left;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n color: ${colors.redPink};\n`;\n\nexport const CloseErrorIcon = styled(CloseError)`\n min-width: 37px;\n margin-left: auto;\n padding-left: 12px;\n padding-right: 12px;\n cursor: pointer;\n margin-top: auto;\n margin-bottom: auto;\n `;\nCloseErrorIcon.displayName = 'CloseErrorIcon';\n","import React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getSelectedEntity, selectFilterError } from 'store/Filters/selectors';\nimport { clearFilterError, setSaveEnabled } from 'store/Filters/actions';\nimport { FilterErrorContainer, FilterErrorLabel, CloseErrorIcon } from './styled';\n\nconst FilterError = () => {\n const selectedEntity = useSelector(getSelectedEntity);\n const error = useSelector((state) => selectFilterError(selectedEntity, state));\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (error) dispatch(setSaveEnabled(false));\n }, [error, dispatch]);\n\n return error && (\n \n \n { error }\n \n dispatch(clearFilterError(selectedEntity)) } />\n \n );\n};\n\nexport default FilterError;\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: row;\n margin: auto;\n margin-left: 0;\n align-items: center;\n`;\n\nexport const SearchBarWrapper = styled.div`\n min-width: 490px;\n height: 40px;\n position: relative;\n display: flex;\n margin-top: auto;\n margin-bottom: auto;\n border-radius: 2px;\n box-shadow: 3px 15px 50px 0 '#edf2f7';\n border: solid 1px rgba(144, 169, 192, 0.3);\n background-color: '#fafbfc';\n box-shadow: 3px 15px 50px 0 '#edf2f7';\n background-color: white;\n`;\n","import { useRef, useState, useEffect } from 'react';\nimport { SEARCH_BY_ENTITIES } from 'store/Filters/entitiesConstants';\nimport { redirect } from 'store/Router/actions';\nimport { selectPathname } from 'store/Router/selectors';\nimport { selectCurrentWorkspace } from 'store/Faraday/selectors';\n\nexport function shouldRedirect (selectedEntityPathname) {\n return (dispatch, getState) => {\n const pathname = selectPathname(getState());\n const selectedWorkspace = selectCurrentWorkspace(getState());\n const currentLocationEntity = SEARCH_BY_ENTITIES.find((e) => pathname.includes(e.pathname));\n const selectedEntity = SEARCH_BY_ENTITIES.find((e) => selectedEntityPathname.includes(e.pathname));\n if (selectedEntityPathname && (currentLocationEntity.pathname !== selectedEntityPathname)) {\n let url = '';\n if (selectedEntity.wsDependant) url = `/${selectedEntityPathname}/${selectedWorkspace}`;\n else url = `/${selectedEntityPathname}`;\n dispatch(redirect(url));\n }\n };\n}\n\nexport const useKeyPress = function (targetKey) {\n const [keyPressed, setKeyPressed] = useState(false);\n\n useEffect(() => {\n const downHandler = ({ key }) => {\n if (key === targetKey) {\n setKeyPressed(true);\n }\n };\n\n const upHandler = ({ key }) => {\n if (key === targetKey) {\n setKeyPressed(false);\n }\n };\n\n window.addEventListener('keydown', downHandler);\n window.addEventListener('keyup', upHandler);\n\n return () => {\n window.removeEventListener('keydown', downHandler);\n window.removeEventListener('keyup', upHandler);\n };\n });\n\n return keyPressed;\n};\n\nexport const useFocus = () => {\n const htmlElRef = useRef(null);\n const setFocus = () => { htmlElRef.current && htmlElRef.current.focus(); };\n const setBlur = () => { htmlElRef.current && htmlElRef.current.blur(); };\n return [htmlElRef, setFocus, setBlur];\n};\n\nexport const filterByInput = (options, inputValue) => {\n const filterCriteria = (option) => (\n option.name.value.includes(inputValue.toLowerCase()) ||\n option.name.label.includes(inputValue.toLowerCase())\n );\n\n const filterResult = options.filter(filterCriteria);\n if (filterResult.length > 0) return filterResult;\n return options;\n};\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nexport const Dropdown = styled.div`\nmargin-top: ${(props) => (props.paddingTop ? `${(props.paddingTop) * 34}px` : `${0}px`)};\nmax-height: 314px;\nmin-width: 171px;\nmax-width: 300px;\nmargin-bottom: auto;\noverflow: hidden;\nz-index: 4;\nborder-radius: 3px;\nbox-shadow: 0 2px 50px 0 rgba(28, 34, 67, 0.1);\nbackground-color: #ffffff;\n`;\n\nexport const DropdownOptionContainer = styled.div`\ndisplay: flex;\nflex-direction: column;\noverflow-y: auto;\noverflow-x: hidden;\nmargin-top: 8px;\nmargin-bottom: 9px;\nmax-height: 276px;\n`;\n\nexport const DropdownOptionLabel = styled.div`\ncursor: pointer;\npadding-right: 13px;\npadding-left: 21px;\nfont-size: 13.5px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 2.52;\nletter-spacing: normal;\ncolor: #1c2243;\nheight: 34px;\ntext-align: left;\nbackground-color: ${(props) => (`${props.isActive ? colors.iceBlue : ''}`)};\n`;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState, useEffect, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useKeyPress } from 'Common/Components/SearchBar/components/BasicFilter/functions';\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport { Dropdown, DropdownOptionContainer, DropdownOptionLabel } from './styled';\n\nconst DropdownOptions = ({\n options, onSelect, onSearch, defaultSelect, isLastDropdown\n}) => {\n const [cursor, setCursor] = useState(defaultSelect ? 0 : -1);\n const downPress = useKeyPress('ArrowDown');\n const upPress = useKeyPress('ArrowUp');\n const enterPress = useKeyPress('Enter');\n const [hovered, setHovered] = useState(undefined);\n const [elRefs, setElRefs] = React.useState([]);\n\n useEffect(() => {\n setElRefs((elRefs) => (\n Array(options.length).fill().map((_, i) => elRefs[i] || createRef())\n ));\n }, [options.length]);\n\n const executeScroll = (cursor) => {\n const ref = get(elRefs, `[${cursor}].current`, null);\n if (ref) ref.scrollIntoView(false);\n };\n\n useEffect(() => {\n const maxIndex = options.length - 1;\n if (cursor > maxIndex) {\n setCursor(maxIndex);\n executeScroll(maxIndex);\n }\n if (options.length === 1) {\n if (defaultSelect) setCursor(0);\n else setCursor(-1);\n }\n }, [options]);\n\n useEffect(() => {\n if (downPress) {\n const maxIndex = options.length - 1;\n if (cursor < maxIndex) {\n const newCursor = cursor + 1;\n setCursor(newCursor);\n executeScroll(newCursor);\n } else if (cursor === maxIndex) {\n setCursor(0);\n executeScroll(0);\n }\n }\n }, [downPress]);\n\n useEffect(() => {\n if (upPress) {\n if (cursor > 0) {\n const newCursor = cursor - 1;\n setCursor(newCursor);\n executeScroll(newCursor);\n } else if (cursor === 0) {\n if (defaultSelect) {\n const newCursor = options.length - 1;\n setCursor(newCursor);\n executeScroll(newCursor);\n } else {\n setCursor(-1);\n executeScroll(0);\n }\n }\n }\n }, [upPress]);\n\n useEffect(() => {\n if (enterPress) {\n if (cursor === -1) onSearch();\n else onSelect(options[cursor]);\n }\n }, [enterPress]);\n\n useEffect(() => {\n if (hovered && options.length) {\n setCursor(options.indexOf(hovered));\n }\n }, [hovered]);\n\n if (isEmpty(options)) return null;\n return (\n \n \n {options.map((option, index) => (\n setHovered(option) }\n onMouseLeave={ () => setHovered(undefined) }\n onClick={ () => {\n onSelect(option);\n if (isLastDropdown && (option.name.value !== '')) onSearch();\n } }\n children={ `${option.name.label}` }\n />\n ))}\n \n \n );\n};\n\nDropdownOptions.propTypes = {\n options: PropTypes.array.isRequired,\n onSelect: PropTypes.func.isRequired,\n isLastDropdown: PropTypes.bool\n};\n\nDropdownOptions.defaultProps = {\n isLastDropdown: false\n};\n\nexport default DropdownOptions;\n","var _defs, _g;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgClear = function SvgClear(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 8,\n height: 8,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"filter\", {\n colorInterpolationFilters: \"auto\",\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"feColorMatrix\", {\n in: \"SourceGraphic\",\n values: \"0 0 0 0 0.388235 0 0 0 0 0.458824 0 0 0 0 0.552941 0 0 0 1.000000 0\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n filter: \"url(#a)\",\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#515A65\",\n fillRule: \"nonzero\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.63620523 4.42263207L1.47647628 7.8236949c-.21839303.23507347-.5715392.23507347-.7876089 0l-.52507261-.56517661c-.21839303-.23507346-.21839303-.61519225 0-.84776493L2.403485 4 .16379477 1.58924664c-.21839303-.23507346-.21839303-.61519225 0-.84776493L.68886738.1763051c.21839303-.23507347.5715392-.23507347.7876089 0l3.15972895 3.40106283c.21839303.23007189.21839303.61019068 0 .84526414z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.36379477 4.42263207L6.52352372 7.8236949c.21839303.23507347.5715392.23507347.7876089 0l.52507261-.56517661c.21839303-.23507346.21839303-.61519225 0-.84776493L5.596515 4l2.23969023-2.41075336c.21839303-.23507346.21839303-.61519225 0-.84776493L7.31113262.1763051c-.21839303-.23507347-.5715392-.23507347-.7876089 0L3.36379477 3.57736793c-.21839303.23007189-.21839303.61019068 0 .84526414z\"\n })))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgClear, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/clear.26371e5f.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ReactComponent as Close } from 'Images/clear.svg';\n\nexport const CloseIcon = styled(Close)`\n margin-left: 6px;\n cursor: pointer;\n `;\nCloseIcon.displayName = 'CloseIcon';\n\nconst opShadow = 'inset 0 0 12px 0 rgba(144, 169, 192, 0.16)';\nconst normalShadow = '0 0 5px 0 rgba(0, 0, 0, 0.06)';\nconst borderStyle = `solid 1px ${colors.grey12}`;\n\nexport const FilterTagContainer = styled.div`\n display:flex;\n flex-direction: row;\n`;\n\nexport const TagContainer = styled.div`\n cursor: default;\n display:flex;\n flex-direction: row;\n align-items: center;\n height: 24px;\n padding: 6px 7px 5.5px 7px;\n margin-right: ${({ type }) => (type === 'val' && '5px')};\n background-color: ${({ type }) => (type === 'op' ? `${colors.iceBlue}` : `${colors.paleGrey}`)};\n box-shadow: ${({ type }) => (type === 'op' ? opShadow : normalShadow)};\n border-top: ${({ type }) => (type === 'op' && borderStyle)};\n border-bottom: ${({ type }) => (type === 'op' && borderStyle)};\n border-right: ${({ valSelected }) => (!valSelected && borderStyle)};\n border: ${({ type }) => (type !== 'op' && borderStyle)};\n border-radius: ${({ type }) => {\n if (type === 'key') return '2px 0px 0px 2px';\n if (type === 'val') return '0px 2px 2px 0px';\n return '0px';\n }};\n`;\n\nexport const TagLabel = styled.div`\n text-align: left;\n font-size: 11.5px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #63758d;\n white-space: nowrap;\n`;\n","var _path;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconLoupe = function SvgIconLoupe(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.75618 16.4425957l-3.359277-3.3244593c2.549451-3.1747088 2.309503-7.8469218-.599871-10.7520798C12.267361.83860233 10.257793 0 8.098258 0 5.938722 0 3.899161.83860233 2.36949 2.3660566.839819 3.8935108 0 5.9001664 0 8.0865225c0 2.186356.839819 4.1930116 2.36949 5.7204659 1.529671 1.4975041 3.539239 2.3660565 5.728768 2.3660565 1.829606 0 3.629219-.6289517 5.038916-1.7670549l3.329284 3.3244593c.179961.1797005.389916.2695507.629864.2695507s.479897-.0898502.629865-.2695507c.359922-.359401.359922-.9284526.029993-1.2878536zm-3.359277-8.3560732c0 1.6772046-.659858 3.264559-1.8596 4.4326123-1.199742 1.1680532-2.759407 1.8569051-4.439045 1.8569051-1.679639 0-3.269297-.6589018-4.439045-1.8569051-1.169749-1.1980034-1.8596-2.7554077-1.8596-4.4326123 0-1.6772047.659858-3.2645591 1.8596-4.4326124 1.199742-1.1680532 2.729413-1.85690511 4.439045-1.85690511 1.679638 0 3.269297.65890181 4.439045 1.85690511 1.169748 1.1980034 1.8596 2.7254576 1.8596 4.4326124z\",\n fill: \"#FFFFFF\",\n fillRule: \"nonzero\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconLoupe, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon_loupe.663ddfdd.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getSelectedEntity, selectFilterHistory, selectLabeledHistory } from 'store/Filters/selectors';\nimport { removeFilter } from 'store/Filters/actions';\nimport PropTypes from 'prop-types';\nimport {\n CloseIcon, TagContainer, TagLabel, FilterTagContainer\n} from './styled';\nimport moment from 'moment';\n\nexport const Tag = ({\n showDelete, value, onDelete, type, valSelected, filterKey\n}) => {\n const isDate = type === 'val' && filterKey.toLowerCase().includes('date');\n const valueParsed = isDate ? moment(value).format('L') : value;\n if (!value) return null;\n return (\n \n \n {valueParsed}\n \n { showDelete && }\n \n );\n};\n\nexport const FilterTags = ({ onSearch }) => {\n const dispatch = useDispatch();\n const selectedEntity = useSelector(getSelectedEntity);\n const filterHistory = useSelector((state) => selectFilterHistory(selectedEntity, state));\n const labeledFilters = useSelector((state) => selectLabeledHistory(selectedEntity, state));\n const deleteTag = (filterIndex) => {\n dispatch(removeFilter(selectedEntity, filterHistory[filterIndex]));\n onSearch();\n };\n\n return (\n labeledFilters.map((filter, i) => (\n \n \n \n deleteTag(i) } />\n \n )));\n};\n\nexport const DraftTag = ({ draftTag }) => (\n <>\n \n \n \n);\n\nTag.propTypes = {\n showDelete: PropTypes.bool,\n type: PropTypes.string.isRequired,\n onDelete: PropTypes.func,\n value: PropTypes.string,\n filterKey: PropTypes.string\n};\n\nTag.defaultProps = {\n onDelete: null,\n showDelete: false,\n value: '',\n filterKey: ''\n};\n\nDraftTag.propTypes = {\n draftTag: PropTypes.object.isRequired\n};\n","var _path;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconClearsearch = function SvgIconClearsearch(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.38062.3664103c.47874-.455365 1.23304-.4868652 1.748522-.0913015l.106617.0913015 4.375698 4.1874353L10.988396.3664103c.512935-.4892026 1.342204-.4878911 1.855139 0 .507493.4892026.507493 1.280714 0 1.7699166L8.217592 6.559479l4.625943 4.421841c.507493.489202.507493 1.280714 0 1.769916-.512935.488547-1.342204.488547-1.855139 0L6.611457 8.564129l-4.375698 4.187107c-.47874.455977-1.233041.486376-1.748522.091196l-.106617-.091196c-.47366-.456589-.505238-1.176522-.094732-1.668224l.094732-.101692 4.625943-4.421841L.38062 2.1363269c-.507493-.4892026-.507493-1.280714 0-1.7699166z\",\n fill: \"#A1B4B6\",\n fillRule: \"nonzero\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconClearsearch, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon_clearsearch.e7b18936.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ReactComponent as Loupe } from 'Images/icon_loupe.svg';\nimport { ReactComponent as Clear } from 'Images/icon_clearsearch.svg';\nimport BlueButton from 'Common/Components/BlueButton';\n\nconst zIndex = 2;\n\nexport const SearchInput = styled.div`\n max-width: 550px;\n flex: 1 1 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: left;\n flex-direction: row;\n padding: 11px 8px 5px 10px;\n overflow-x: scroll;\n overflow-y: hidden;\n scroll-snap-align: end;\n z-index: ${zIndex + 2};\n`;\n\nexport const TagsContainer = styled.div`\n display: flex;\n flex-direction: row;\n`;\n\nexport const Input = styled.input`\n min-width: 40px;\n flex: 1 1 0;\n padding-left: 5.5px;\n border: solid 0px rgba(255, 255, 255, 0);\n background-color: rgba(255, 255, 255, 0);\n\n font-size: 13px;\n letter-spacing: 0.1px;\n color: ${colors.darkBlueGrey};\n \n :-ms-input-placeholder {\n color: rgb(222,229,236);\n }\n ::-webkit-input-placeholder {\n color: rgb(222,229,236);\n }\n`;\n\nexport const DropdownContainer = styled.div`\n left: ${(props) => (`${props.x + 48}px`)};\n position: absolute;\n display: flex;\n flex-direction: row;\n top: 45px;\n z-index: ${zIndex + 2};\n`;\n\nexport const Backdrop = styled.div`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ${zIndex + 1};\n`;\nBackdrop.displayName = 'PopupBackdrop';\n\nexport const SearchIcon = styled(Loupe)`\n width: 18px;\n`;\nSearchIcon.displayName = 'SearchIcon';\n\nexport const ClearIcon = styled(Clear)`\n margin-left: auto;\n margin-left: 13px;\n margin-top: auto;\n margin-bottom: auto;\n margin-right: 13px;\n color: #a1b4b6;\n cursor: pointer;\n background-color: white;\n `;\nClearIcon.displayName = 'ClearIcon';\n\nexport const SearchButton = styled(BlueButton)`\n width: 38px;\n height: 38px;\n padding: 0px;\n`;\nSearchButton.displayName = 'SearchButton';\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nconst Input = styled.input`\n min-width: 150px;\n flex: 1 1 0;\n padding-left: 5.5px;\n border: solid 0px rgba(255, 255, 255, 0);\n background-color: rgba(255, 255, 255, 0);\n\n font-size: 13px;\n letter-spacing: 0.1px;\n color: ${colors.darkBlueGrey};\n \n :-ms-input-placeholder {\n color: rgb(222,229,236);\n }\n ::-webkit-input-placeholder {\n color: rgb(222,229,236);\n }\n ::-webkit-calendar-picker-indicator {\n background: transparent;\n bottom: 0;\n color: transparent;\n cursor: pointer;\n height: auto;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n }\n`;\n\nexport default Input;\n","var _path;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconHelp = function SvgIconHelp(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 0C4.029437 0 0 4.029437 0 9s4.029437 9 9 9 9-4.029437 9-9c0-2.386948-.948212-4.676134-2.636039-6.363961C13.676134.948212 11.386948 0 9 0zm0 13.752l-.0876.018h-.18c-.054-.0108-.108-.0192-.1596-.0348-.492268-.1281-.809223-.60618-.735556-1.10948.073667-.503299.514343-.870487 1.022674-.852131.50833.018357.921373.416373.958547.923675.037173.507302-.31344.961276-.813665 1.053536L9 13.752zm2.88-6.5352c-.102818.331046-.28157.633487-.522.8832a5.95921827 5.95921827 0 01-.9.7392c-.18.12-.3408.2544-.51.384-.152768.126448-.26777.292517-.3324.48-.036.0972-.0768.1944-.12.2916-.09508.264678-.34517.441945-.6264.444-.155308.016986-.312333-.007873-.4548-.072-.219543-.107161-.372488-.315274-.4092-.5568-.059016-.336003.018756-.681655.216-.96.155572-.228561.346331-.431065.5652-.6.24-.192.48-.3756.72-.5688.200234-.15337.367899-.345103.4932-.564.200651-.37831.153268-.840297-.12-1.17-.142761-.155617-.33232-.260506-.54-.2988-.276879-.064774-.565504-.059826-.84.0144-.284622.077604-.521777.274504-.6504.54-.0852.1584-.1584.3204-.24.48-.058201.121409-.136962.231836-.2328.3264-.167432.146652-.388099.217456-.6096.1956-.134923-.003349-.267052-.03916-.3852-.1044-.223859-.115775-.363191-.347995-.36-.6-.009211-.39752.117819-.786234.36-1.1016.279985-.378473.651637-.67951 1.08-.8748.322923-.153288.668643-.252991 1.0236-.2952l.2016-.0192h.36l.1944.018c.481534.030291.952817.152491 1.3884.36.389699.178501.722081.461857.96.8184.18414.287026.296124.614332.3264.954.048153.284968.035888.576875-.036.8568z\",\n fill: \"#0082ED\",\n fillRule: \"nonzero\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconHelp, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon_help.1b34b217.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useRef, useEffect } from 'react';\nimport Input from './styled';\n\nconst DateInput = ({ onValueSelect }) => {\n const ref = useRef(null);\n\n useEffect(() => {\n if (ref?.current) ref.current.showPicker();\n }, []);\n\n return onValueSelect(e.target.value) } />;\n};\n\nexport default DateInput;\n","import React, { useState, useRef } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n getSelectedEntity, selectFilterError, selectFilterHistory, selectIsFiltering, selectSearchFunction, selectSelectedEntityLabel, selectSelectedEntityPathname\n} from 'store/Filters/selectors';\nimport { SEARCH_BY_ENTITIES, ENTITIES } from 'store/Filters/entitiesConstants';\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport moment from 'moment';\nimport {\n addFilter, removeFilter, setSelectedEntity, clearFilterError, clearFilters, setSaveEnabled\n} from 'store/Filters/actions';\nimport { createNameKey, SEARCH_BY_FILTER_KEYS } from 'store/Filters/constants';\nimport { selectLocation } from 'store/Router/selectors';\nimport DropdownOptions from './components/Dropdown';\nimport { FilterTags, DraftTag, Tag } from './components/FilterTags';\nimport {\n DropdownContainer, Input, SearchInput,\n TagsContainer, Backdrop, SearchIcon, ClearIcon, SearchButton\n} from './styled';\nimport { filterByInput, shouldRedirect, useFocus } from './functions';\nimport DateInput from './components/DateInput';\n\nconst BasicFilter = () => {\n const [basicInputValue, setBasicInputValue] = useState('');\n const [showDropdown, setShowDropdown] = useState(false);\n const [draftTag, setDraftTag] = useState({});\n const [selectedKey, setSelectedKey] = useState(null);\n const [selectedOp, setSelectedOp] = useState(null);\n const [selectedVal, setSelectedVal] = useState(null);\n const [inputRef, setInputFocus, setInputBlur] = useFocus();\n const tagsContainerRef = useRef(null);\n const dispatch = useDispatch();\n const location = useSelector(selectLocation);\n const currentLocationEntity = SEARCH_BY_ENTITIES.find((e) => location.pathname.includes(e.pathname));\n const selectedEntity = useSelector(getSelectedEntity);\n const selectedEntityLabel = useSelector(selectSelectedEntityLabel);\n const selectedEntityPathname = useSelector(selectSelectedEntityPathname);\n const searchFunction = useSelector(selectSearchFunction);\n const isFiltering = useSelector((state) => selectIsFiltering(selectedEntity, state));\n const filterError = useSelector((state) => selectFilterError(selectedEntity, state));\n const filterHistory = useSelector((state) => selectFilterHistory(selectedEntity, state));\n const subKey = get(selectedKey, 'name.value', '');\n const isSubKey = subKey.includes('__');\n\n const primaryKeyOperators = get(selectedKey, 'operators', []);\n const primaryKeyAutocomplete = get(selectedKey, 'autocomplete', []);\n const subKeyOperators = get(SEARCH_BY_FILTER_KEYS, `${subKey}.operators`, []);\n const subKeyAutocomplete = get(SEARCH_BY_FILTER_KEYS, `${subKey}.autocomplete`, []);\n\n const entityFilterKeys = get(ENTITIES, `${selectedEntity}.values`, []);\n const filterKeyOperators = isSubKey ? subKeyOperators : primaryKeyOperators;\n const filterKeyAutocomplete = isSubKey ? subKeyAutocomplete : primaryKeyAutocomplete;\n\n const filteredEntities = filterByInput(SEARCH_BY_ENTITIES, basicInputValue);\n const filteredEntityKeys = filterByInput(entityFilterKeys, basicInputValue);\n const filteredKeyOperators = filterByInput(filterKeyOperators, basicInputValue);\n\n const autocompleteInputSugestion = () => {\n const isDate = subKey.includes('date');\n const parsed = isDate ? moment(basicInputValue).format('L') : basicInputValue;\n return ([createNameKey(parsed || 'Type your query', basicInputValue)]);\n };\n\n const filteredKeyAutocomplete = filterByInput(filterKeyAutocomplete, basicInputValue).length > 0 ? filterByInput(filterKeyAutocomplete, basicInputValue) : autocompleteInputSugestion();\n\n const onSearchGlassClick = () => {\n if (selectedEntity) {\n dispatch(shouldRedirect(selectedEntityPathname));\n dispatch(searchFunction());\n dispatch(setSaveEnabled(true));\n }\n };\n\n const resetFilterIndexes = () => {\n setDraftTag({});\n setSelectedKey(null);\n setSelectedOp(null);\n setSelectedVal(null);\n };\n\n const onDropdownSearch = () => {\n dispatch(shouldRedirect(selectedEntityPathname));\n dispatch(searchFunction());\n setShowDropdown(false);\n dispatch(setSaveEnabled(true));\n setInputBlur();\n };\n\n const onKeyDown = (e) => {\n if (e.key === 'Escape') {\n setBasicInputValue('');\n setShowDropdown(false);\n setInputBlur();\n resetFilterIndexes();\n if (!isFiltering) dispatch(setSelectedEntity(''));\n }\n if (e.key === 'Backspace') {\n const filterHistoryCount = filterHistory.length;\n\n if (!basicInputValue) {\n if (!isEmpty(draftTag)) resetFilterIndexes();\n else if (filterHistoryCount > 0) dispatch(removeFilter(selectedEntity, filterHistory[filterHistoryCount - 1]));\n else if (filterHistoryCount === 0) {\n if (selectedEntity) dispatch(setSelectedEntity(''));\n dispatch(setSaveEnabled(false));\n }\n }\n }\n };\n\n const onSelect = (elementName, elementValue) => {\n let filterTag = {};\n\n if (elementName === 'entity') {\n dispatch(setSelectedEntity(elementValue.name.value));\n } else if (elementName === 'key') {\n setSelectedKey(elementValue);\n filterTag = { name: elementValue.name.label };\n } else if (elementName === 'val') {\n onValueSelect(elementValue);\n } else {\n setSelectedOp(elementValue);\n filterTag = { ...draftTag, op: elementValue.name.label };\n }\n\n setBasicInputValue('');\n setInputFocus();\n setDraftTag(filterTag);\n };\n\n const onValueSelect = (selectedVal) => {\n const name = selectedKey.name.value;\n const op = selectedOp.name.value;\n const val = op === 'ilike' ? `%${selectedVal.name.value}%` : selectedVal.name.value;\n\n let filter = {};\n\n if (selectedVal.name.value !== '') {\n setSelectedVal(selectedVal);\n\n if (isSubKey) {\n const value = (name === 'cve_instances__name') ? val.toUpperCase() : val;\n const complexKeys = ['cve_instances__name'];\n const isComplexSearch = complexKeys.includes(name);\n const isNotOneOf = (draftTag) && (draftTag.op === 'is not one of');\n filter = {\n name: name.split('__')[0],\n op: (isComplexSearch && isNotOneOf) ? primaryKeyOperators[1].name.value : primaryKeyOperators[0].name.value,\n val: {\n name: name.split('__')[1],\n op,\n val: value\n }\n };\n } else {\n filter = {\n name,\n op,\n val\n };\n }\n\n setBasicInputValue('');\n\n dispatch(addFilter(selectedEntity, filter));\n resetFilterIndexes();\n\n dispatch(setSaveEnabled(true));\n }\n setInputFocus();\n };\n\n const clearAllFilters = () => {\n if (selectedEntity) {\n if (filterError) dispatch(clearFilterError(selectedEntity));\n if (isFiltering) dispatch(clearFilters(selectedEntity));\n dispatch(searchFunction());\n dispatch(setSelectedEntity(''));\n }\n setBasicInputValue('');\n setInputBlur();\n resetFilterIndexes();\n };\n\n const onTagDelete = () => {\n resetFilterIndexes();\n if (!isFiltering) dispatch(setSelectedEntity(''));\n };\n\n const onBackdropClickHandler = () => {\n setShowDropdown(false);\n resetFilterIndexes();\n setBasicInputValue('');\n };\n\n const tagsContainerWidth = tagsContainerRef.current ? tagsContainerRef.current.clientWidth : 44;\n const dropdownPosition = (tagsContainerWidth < 415) ? tagsContainerWidth : 415;\n\n const isVisible = {\n entity: showDropdown && !selectedEntity,\n key: showDropdown && selectedEntity && !selectedKey,\n op: showDropdown && selectedKey && !selectedOp,\n val: showDropdown && selectedOp && !selectedVal\n };\n\n const showDateInput = subKey.includes('date') && isVisible.val;\n\n return (\n <>\n \n \n \n dispatch(searchFunction()) } />\n \n \n { !showDateInput && ( setBasicInputValue(e.target.value) }\n onFocus={ () => setShowDropdown(true) }\n onKeyDown={ onKeyDown }\n />)}\n { showDateInput && onSelect('val', createNameKey(val, val)) } />}\n \n \n { isVisible.entity && onSelect('entity', val) } /> }\n { isVisible.key && onSelect('key', val) } /> }\n { isVisible.op && onSelect('op', val) } /> }\n { isVisible.val && }\n \n { selectedEntityLabel && }\n { showDropdown && }\n } />\n \n );\n};\n\nexport default BasicFilter;\n","import React, { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n getSelectedEntity, selectFilterError, selectAdvancedFilter, selectSaveEnabled\n} from 'store/Filters/selectors';\nimport {\n setSelectedEntity, setAdvancedFilter, setFilterError, clearFilterError, setSaveEnabled, clearAdvancedFilter\n} from 'store/Filters/actions';\nimport { SEARCH_BY_ENTITIES, ENTITIES } from 'store/Filters/entitiesConstants';\nimport get from 'lodash/get';\nimport { selectLocation } from 'store/Router/selectors';\nimport DropdownOptions from '../BasicFilter/components/Dropdown';\nimport { Tag } from '../BasicFilter/components/FilterTags';\nimport { filterByInput, shouldRedirect, useFocus } from '../BasicFilter/functions';\nimport {\n DropdownContainer, Input, SearchInput,\n TagsContainer, Backdrop, SearchIcon, ClearIcon, SearchButton\n} from '../BasicFilter/styled';\n\nconst AdvancedFilter = () => {\n const [advancedFilterValue, setAdvancedFilterValue] = useState('');\n const [showDropdown, setShowDropdown] = useState(false);\n const [inputRef, setInputFocus, setInputBlur] = useFocus();\n const dispatch = useDispatch();\n const location = useSelector(selectLocation);\n const currentLocationEntity = SEARCH_BY_ENTITIES.find((e) => location.pathname.includes(e.pathname));\n const selectedEntity = useSelector(getSelectedEntity);\n const selectedEntityLabel = get(ENTITIES, `${selectedEntity}.name.label`, '');\n const selectedEntityPathname = get(ENTITIES, `${selectedEntity}.pathname`, '');\n const searchFunction = get(ENTITIES, `${selectedEntity}.searchFunction`, null);\n const storedAdvancedFilter = useSelector((state) => selectAdvancedFilter(state, selectedEntity));\n const filterError = useSelector((state) => selectFilterError(selectedEntity, state));\n const filteredEntities = filterByInput(SEARCH_BY_ENTITIES, advancedFilterValue);\n const saveEnabled = useSelector(selectSaveEnabled);\n\n useEffect(() => {\n setAdvancedFilterValue(storedAdvancedFilter);\n }, [storedAdvancedFilter]);\n\n useEffect(() => {\n if (saveEnabled) dispatch(setSaveEnabled(false));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, advancedFilterValue]);\n\n const onSelect = (entityName) => {\n dispatch(setSelectedEntity(entityName));\n setAdvancedFilterValue('');\n setInputFocus();\n };\n\n const validateFilterSyntax = () => {\n if (filterError) dispatch(clearFilterError(selectedEntity));\n try {\n const queryToParse = `{\"filters\":[${advancedFilterValue}]}`;\n JSON.parse(queryToParse);\n dispatch(shouldRedirect(selectedEntityPathname));\n dispatch(setAdvancedFilter(selectedEntity, advancedFilterValue));\n dispatch(setSaveEnabled(true));\n dispatch(searchFunction());\n setShowDropdown(false);\n setInputBlur();\n } catch (e) {\n dispatch(setFilterError(selectedEntity, 'Syntax error. Please try again. For further help check our documentation'));\n }\n };\n\n const onAdvancedKeyUp = (e) => {\n if (e.key === 'Enter') {\n if (selectedEntity && advancedFilterValue) validateFilterSyntax();\n } else if (e.key === 'Escape') {\n setInputBlur();\n setShowDropdown(false);\n }\n };\n\n const onAdvancedKeyDown = (e) => {\n if (e.key === 'Escape') {\n setAdvancedFilterValue('');\n dispatch(setSelectedEntity(''));\n } else if (e.key === 'Backspace') {\n if (!advancedFilterValue) {\n dispatch(setSelectedEntity(''));\n dispatch(setSaveEnabled(false));\n }\n }\n };\n\n const onDelete = () => {\n setAdvancedFilterValue('');\n setInputBlur();\n setShowDropdown(false);\n if (selectedEntity) {\n dispatch(clearFilterError(selectedEntity));\n dispatch(clearAdvancedFilter(selectedEntity));\n dispatch(searchFunction());\n dispatch(setSelectedEntity(''));\n }\n };\n\n return (\n <>\n \n \n \n \n setAdvancedFilterValue(target.value) }\n onBlur={ ({ target }) => setAdvancedFilterValue(target.value) }\n onKeyDown={ onAdvancedKeyDown }\n onKeyUp={ onAdvancedKeyUp }\n onFocus={ () => setShowDropdown(true) }\n />\n \n \n {showDropdown && !selectedEntity && onSelect(entity.name.value) } /> }\n \n { selectedEntityLabel && }\n { showDropdown && setShowDropdown(false) } /> }\n { if (selectedEntity && advancedFilterValue) validateFilterSyntax(); } } label={ } />\n \n );\n};\n\nexport default AdvancedFilter;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ReactComponent as Help } from 'Images/icon_help.svg';\n\nexport const AdvancedModeWrapper = styled.div`\n position: absolute;\n display: flex;\n flex-direction: row;\n top: 48px;\n right: 0px;\n`;\n\nexport const HelpIcon = styled(Help)`\n margin-right: 9px;\n background-color: ${colors.blueCerulean};\n cursor: pointer;\n`;\nHelpIcon.displayName = 'HelpIcon';\n\nexport const AdvancedModeLabel = styled.div`\n user-select: none;\n margin-left: auto;\n font-size: 13px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n color: ${colors.blueCerulean};\n cursor: pointer;\n`;\n","import React from 'react';\nimport {\n getSelectedEntity, selectIsAdvancedMode, selectFilterError, selectFilters\n} from 'store/Filters/selectors';\nimport {\n setAdvancedFilter, setAdvancedMode, clearFilters, clearAdvancedFilter\n} from 'store/Filters/actions';\nimport { useSelector, useDispatch } from 'react-redux';\nimport get from 'lodash/get';\nimport { ENTITIES } from 'store/Filters/entitiesConstants';\nimport { AdvancedModeWrapper, AdvancedModeLabel } from './styled';\n\nconst AdvancedModeSelector = () => {\n const isAdvancedMode = useSelector(selectIsAdvancedMode);\n const dispatch = useDispatch();\n const selectedEntity = useSelector(getSelectedEntity);\n const filterError = useSelector((state) => selectFilterError(selectedEntity, state));\n const searchFunction = get(ENTITIES, `${selectedEntity}.searchFunction`, null);\n const basicFilters = useSelector((state) => selectFilters(selectedEntity, state));\n\n const toggleMode = () => {\n if (selectedEntity) {\n if (isAdvancedMode) {\n dispatch(clearAdvancedFilter(selectedEntity));\n } else if (basicFilters.length > 0) {\n // We have to 'translate' basic filter into an advanced one\n dispatch(setAdvancedFilter(selectedEntity, JSON.stringify(basicFilters[0])));\n dispatch(clearFilters(selectedEntity));\n }\n dispatch(searchFunction());\n }\n dispatch(setAdvancedMode(!isAdvancedMode));\n };\n\n return !filterError && (\n \n \n { isAdvancedMode ? 'Basic search' : 'Advanced search' }\n \n \n );\n};\n\nexport default AdvancedModeSelector;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { fadeIn } from 'Styles/effects';\n\nexport const Backdrop = styled.div`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n`;\nBackdrop.displayName = 'PopupBackdrop';\n\nexport const Wrapper = styled.div`\n margin-right: 13px;\n margin-left: 13px;\n position: relative;\n`;\n\nexport const ButtonContainer = styled.div`\n cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n width: 87px;\n height: 34px;\n border-radius: 2px;\n border: solid 1px ${colors.grey12};\n border: ${({ disabled }) => (disabled ? `solid 1px ${colors.grey26}` : `solid 1px ${colors.darkBlueGrey}`)};\n background-color: #fff;\n`;\n\nexport const ButtonLabel = styled.div`\n user-select: none;\n height: 34px;\n padding: 7px 15px 10px 15px;\n width: 87px;\n font-size: 11.5px;\n font-weight: 500;\n color: ${({ disabled }) => (disabled ? `${colors.grey26}` : `${colors.darkBlueGrey}`)};\n`;\n\nexport const FilterLabelContainer = styled.div`\n display: flex;\n flex-direction: row;\n flex: 1 0 0;\n height: 13px;\n`;\n\nexport const RedAster = styled.span`\n color: #ea3158; \n`;\nRedAster.displayName = 'RedAster';\n\nexport const FilterLabel = styled.div`\n text-align: left;\n font-size: 12.5px;\n letter-spacing: 0.09px;\n color: #afb1bc;\n`;\n\nexport const NameInput = styled.input`\n width: 265px;\n height: 34px;\n font-size: 14.5px;\n letter-spacing: 0.11px;\n padding-top: 9px;\n padding-bottom: 9px;\n padding-left: 15px;\n border-top-style: hidden;\n border-right-style: hidden;\n border-left-style: hidden;\n border-bottom-style: hidden;\n box-shadow: inset 0 -1px 0 0 #afafaf;\n color: ${({ isSelected, value }) => ((isSelected || value) ? ' #1c2243' : `${colors.grey12}`)};\n background-color: ${({ isSelected, value }) => ((isSelected || value) ? '#fff' : '#EDF2F7')} ;\n &::placeholder {\n color: ${colors.grey12};\n font-size: 14.5px;\n }\n`;\n\nexport const ModalContainer = styled.div`\n ${({ flipPos }) => {\n if (flipPos) return 'right: 0';\n return 'left: 0';\n }};\n padding: 21px;\n z-index: 4;\n display: flex;\n flex-direction: column;\n border-radius: 3px;\n box-shadow: 0 2px 50px 0 rgba(28, 34, 67, 0.1);\n background-color: #fff;\n position: absolute;\n top: 40px;\n width: 306px;\n height: 145px;\n ${fadeIn(0, 1)};\n\n >:nth-child(2){\n margin-top: 8px;\n margin-left: auto;\n margin-right: auto;\n }\n >:nth-child(3){\n width: 89px;\n height: 34px;\n margin-top: 13px;\n margin-left: auto;\n }\n`;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport BlueButton from 'Common/Components/BlueButton';\nimport { getCustomFilters, createCustomFilter } from 'store/Filters/actions';\nimport {\n getSelectedEntity, selectIsFiltering, selectAdvancedFilter, selectSaveEnabled\n} from 'store/Filters/selectors';\nimport {\n ButtonContainer, ButtonLabel, ModalContainer, RedAster,\n FilterLabelContainer, FilterLabel, NameInput, Wrapper, Backdrop\n} from './styled';\n\nconst SaveFilter = () => {\n const [showModal, setShowModal] = useState(false);\n const [inputValue, setInputValue] = useState('');\n const [inputFocus, setInputFocus] = useState(false);\n const [invertedDisplayPos, setInvertDisplayPost] = useState(false);\n\n const selectedEntity = useSelector(getSelectedEntity);\n const isFiltering = useSelector((state) => selectIsFiltering(selectedEntity, state));\n const isFilteringByAdvanced = useSelector((state) => selectAdvancedFilter(state, selectedEntity));\n const dispatch = useDispatch();\n const enabled = useSelector(selectSaveEnabled);\n const disableSave = !enabled || (!isFiltering && !isFilteringByAdvanced);\n\n const onBackdropClickHandler = () => {\n setShowModal(false);\n setInputFocus(false);\n setInputValue('');\n };\n\n const saveFilter = () => {\n dispatch(createCustomFilter(selectedEntity, inputValue));\n dispatch(getCustomFilters());\n onBackdropClickHandler();\n };\n\n const onKeyUp = ({ key }) => {\n if (key === 'Enter') {\n saveFilter();\n }\n };\n\n const measuredRef = (ref) => {\n if (ref !== null) {\n const { width, x } = ref.getBoundingClientRect();\n const viewWidth = document.body.clientWidth;\n const spaceLeftToPlace = invertedDisplayPos ? (viewWidth - x - width) : (viewWidth - x);\n if (spaceLeftToPlace < width) setInvertDisplayPost(true);\n else setInvertDisplayPost(false);\n }\n };\n\n return (\n \n setShowModal(!showModal) }>\n \n Save Filter\n \n \n { showModal && (\n <>\n \n \n \n \n Filter Name\n *\n \n \n setInputFocus(false) }\n onFocus={ () => setInputFocus(true) }\n placeholder=\"My New Filter\"\n value={ inputValue }\n onChange={ (e) => setInputValue(e.target.value) }\n onKeyUp={ onKeyUp }\n />\n \n \n \n )}\n \n );\n};\n\nexport default SaveFilter;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { selectIsAdvancedMode } from 'store/Filters/selectors';\nimport FilterError from './components/FilterError';\nimport { SearchBarWrapper, Wrapper } from './styled';\nimport BasicFilter from './components/BasicFilter';\nimport AdvancedFilter from './components/AdvancedFilter';\nimport AdvancedModeSelector from './components/AdvancedModeSelector';\nimport SaveFilter from './components/SaveFilter';\n\nconst FilterBar = () => {\n const isAdvancedMode = useSelector(selectIsAdvancedMode);\n return isAdvancedMode ? : ;\n};\n\nconst SearchBar = () => (\n \n \n \n \n \n \n \n \n);\n\nexport default SearchBar;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\nimport { ReactComponent as Loupe } from 'Images/icon_loupe.svg';\nimport { ReactComponent as Clear } from 'Images/icon_clearsearch.svg';\nimport BlueButton from 'Common/Components/BlueButton';\n\nconst zIndex = 2;\n\nexport const SearchInput = styled.div`\n max-width: 550px;\n flex: 1 1 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: left;\n flex-direction: row;\n padding: 11px 8px 5px 10px;\n overflow-x: scroll;\n overflow-y: hidden;\n scroll-snap-align: end;\n z-index: ${zIndex + 2};\n`;\n\nexport const Input = styled.input`\n min-width: 150px;\n flex: 1 1 0;\n padding-left: 5.5px;\n border: solid 0px rgba(255, 255, 255, 0);\n background-color: rgba(255, 255, 255, 0);\n\n font-size: 13px;\n letter-spacing: 0.1px;\n color: ${colors.darkBlueGrey};\n \n :-ms-input-placeholder {\n color: rgb(222,229,236);\n }\n ::-webkit-input-placeholder {\n color: rgb(222,229,236);\n }\n`;\n\nexport const SearchIcon = styled(Loupe)`\n width: 18px;\n`;\nSearchIcon.displayName = 'SearchIcon';\n\nexport const ClearIcon = styled(Clear)`\n margin-left: auto;\n margin-left: 13px;\n margin-top: auto;\n margin-bottom: auto;\n margin-right: 13px;\n color: #a1b4b6;\n cursor: pointer;\n background-color: white;\n `;\nClearIcon.displayName = 'ClearIcon';\n\nexport const SearchButton = styled(BlueButton)`\n width: 38px;\n height: 38px;\n padding: 0px;\n`;\nSearchButton.displayName = 'SearchButton';\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: row;\n margin: auto;\n margin-left: 0;\n align-items: center;\n min-width: 490px;\n height: 40px;\n position: relative;\n display: flex;\n margin-top: auto;\n margin-bottom: auto;\n border-radius: 2px;\n box-shadow: 3px 15px 50px 0 '#edf2f7';\n border: solid 1px rgba(144, 169, 192, 0.3);\n background-color: '#fafbfc';\n box-shadow: 3px 15px 50px 0 '#edf2f7';\n background-color: white;\n\n .btn-loupe {\n padding: 7px 10px;\n }\n`;\n","import React, { useCallback, useState } from 'react';\nimport 'Common/styles/commonStyles.scss';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { setWorkspaceFilter } from 'Screens/Workspaces/actions/Actions';\nimport { setFilterTemplates } from 'Screens/KnowledgeBase/actions/Actions';\nimport { selectLocation } from 'store/Router/selectors';\nimport {\n Wrapper, Input, SearchInput,\n SearchIcon, ClearIcon, SearchButton\n} from './styled';\nimport get from 'lodash/get';\n\nconst BasicSearcher = () => {\n const [filterText, setFilterText] = useState('');\n const dispatch = useDispatch();\n const pathname = get(useSelector(selectLocation), 'pathname', '');\n\n const onChangeHandler = (text) => {\n if (text === '') clearFilter();\n else setFilterText(text);\n };\n\n const getPlaceholder = () => {\n if (pathname.includes('/workspaces')) return 'Search Workspaces';\n if (pathname.includes('/knowledge_base')) return 'Search Templates';\n return 'Search';\n };\n\n const clearFilter = useCallback(() => {\n setFilterText('');\n if (pathname.includes('/workspaces')) dispatch(setWorkspaceFilter(''));\n if (pathname.includes('/knowledge_base')) dispatch(setFilterTemplates(''));\n }, [dispatch, pathname]);\n\n const searchFunction = () => {\n const trimmedValue = filterText.trim();\n if (pathname.includes('/workspaces')) dispatch(setWorkspaceFilter(trimmedValue));\n if (pathname.includes('/knowledge_base')) dispatch(setFilterTemplates(trimmedValue));\n };\n\n const onEnterSearch = (e) => e.key === 'Enter' && searchFunction();\n\n return (\n \n \n onChangeHandler(e.target.value) } onKeyDown={ onEnterSearch } />\n \n \n } />\n \n );\n};\n\nexport default BasicSearcher;\n","import React from 'react';\nimport SearchBar from 'Common/Components/SearchBar/index';\nimport 'Common/styles/commonStyles.scss';\nimport { useSelector } from 'react-redux';\nimport { selectTotalVulns } from 'store/Workspace/selectors';\nimport { selectPathname } from 'store/Router/selectors';\nimport BasicSearcher from './BasicSearcher';\n\nconst Searcher = () => {\n const pathname = useSelector(selectPathname);\n const totalVulns = useSelector(selectTotalVulns);\n\n const canShowNewSearcher = (pathname.includes('/manage') && totalVulns > 0) || (pathname.includes('/host')) || (pathname.includes('/knowledge_base'));\n const canShowOldSearcher = pathname.includes('/workspaces');\n\n if (canShowNewSearcher) return ;\n if (canShowOldSearcher) return ;\n\n return null;\n};\n\nexport default Searcher;\n","import styled from 'styled-components';\nimport colors from 'Styles/colors';\n\nexport const Wrapper = styled.div`\n width: ${(props) => (props.width ? `${props.width}` : '400px')};\n margin-bottom: 20px;\n`;\nWrapper.displayName = 'Wrapper';\n\nexport const TextArea = styled.textarea` \n border-radius: 3px;\n box-shadow: 0 1px 0 0 #afafaf;\n padding: 14px;\n background-color: ${colors.iceBlue};\n font-size: 14.5px;\n font-weight: 300;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n color: #1c2243;\n width: ${(props) => (props.width ? `${props.width}` : '392px')};\n height: ${(props) => (props.height ? `${props.height}` : '137px')};\n background-color: ${(props) => (props.value ? 'white' : colors.iceBlue)};\n border: 1px solid transparent;\n\n &::placeholder {\n color: #afb1bc;\n font-size: 13.5px;\n font-weight: 300;\n }\n\n &:hover{\n border-style: solid;\n border-color: #afb1bc;\n border-width: 1px 1px 0px 1px;\n }\n\n &:focus{\n background-color: white;\n\n &::placeholder {\n color: transparent;\n }\n }\n`;\nTextArea.displayName = 'TextArea';\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { Wrapper, TextArea } from './styled';\n\nclass CustomTextArea extends React.Component {\n constructor (props) {\n super(props);\n this.onChangeHandler = this.onChangeHandler.bind(this);\n this.onBlurHandler = this.onBlurHandler.bind(this);\n\n this.state = {\n value: ''\n };\n }\n\n componentDidMount () {\n if (this.props.defaultValue !== null) {\n this.setState({ value: this.props.defaultValue });\n }\n }\n\n componentDidUpdate (prevProps) {\n const deflt = this.props.defaultValue ? this.props.defaultValue : '';\n const prevDeflt = prevProps.defaultValue ? prevProps.defaultValue : '';\n if (prevDeflt !== deflt) {\n this.setState({ value: deflt });\n }\n }\n\n onChangeHandler (v) {\n this.setState({ value: v });\n if (!this.props.hardUpdate) {\n this.props.updateValue(v);\n }\n }\n\n onBlurHandler (v) {\n if (this.props.hardUpdate) {\n this.props.updateValue(v);\n }\n }\n\n render () {\n const {\n title,\n width,\n height,\n placeholder,\n id\n } = this.props;\n\n const { value } = this.state;\n\n return (\n \n {title}
\n