{children}
\n}\n\nSectionHeader.defaultProps = {\n style: {},\n}\n\nSectionHeader.propTypes = {\n children: PropTypes.node,\n small: PropTypes.bool,\n style: PropTypes.object,\n}\n\nexport default SectionHeader\n","/**\n *\n * NodeViewLayout\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { Responsive } from 'react-grid-layout'\nimport SizeMe from 'components/SizeMe'\nconst ResponsiveGridLayout = SizeMe(Responsive)\n\nimport 'react-grid-layout/css/styles.css'\nimport 'react-resizable/css/styles.css'\n\nconst styles = {\n grid: {\n overflow: 'auto',\n padding: '0.5em',\n },\n}\n\nexport class NodeViewBody extends React.Component {\n render() {\n return (\n\n \n {this.props.children}\n \n
\n )\n }\n}\n\nconst layoutShape = PropTypes.shape({\n i: PropTypes.string,\n w: PropTypes.number,\n h: PropTypes.number,\n x: PropTypes.number,\n y: PropTypes.number,\n static: PropTypes.bool,\n})\n\nNodeViewBody.defaultProps = {\n cols: { lg: 8, md: 7, sm: 6, xs: 4 },\n}\n\nNodeViewBody.propTypes = {\n children: PropTypes.node,\n layouts: PropTypes.shape({\n lg: PropTypes.arrayOf(layoutShape),\n md: PropTypes.arrayOf(layoutShape),\n sm: PropTypes.arrayOf(layoutShape),\n xs: PropTypes.arrayOf(layoutShape),\n }),\n cols: PropTypes.object,\n}\n\nexport default NodeViewBody\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport Radium from 'radium'\n\nimport { getNodeViewPushParams, truncateMiddle } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport TextLink from 'components/TextLink'\nimport NodeViewDetails from './NodeViewDetails'\n\nclass PreviewCard extends Component {\n styles = {\n container: {\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateAreas: '\"header\" \"body\" \"children\"',\n height: '100%',\n },\n header: {\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n gridArea: 'header',\n },\n body: {\n gridArea: 'body',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n children: {\n gridArea: 'children',\n },\n nameContainer: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n ':hover': {\n textDecoration: 'underline',\n },\n },\n name: {\n fontSize: '28px',\n fontWeight: '200',\n },\n headerContent: {\n marginTop: '1.25rem',\n },\n iconMenu: {\n display: 'flex',\n alignSelf: 'flex-start',\n alignItems: 'center',\n },\n }\n\n render() {\n const selectedSrn = this.props.nodeData.srn\n return (\n \n
\n )\n }\n}\n\nPreviewCard.propTypes = {\n actions: PropTypes.node,\n children: PropTypes.node,\n nodeData: PropTypes.object,\n fields: PropTypes.array,\n}\n\nexport default Radium(PreviewCard)\n","export { default as NodeViewDetailString } from './NodeViewDetailString'\nexport { default as NodeViewDetailBool } from './NodeViewDetailBool'\nexport { default as NodeViewDetailDate } from './NodeViewDetailDate'\nexport { default as NodeViewDetailAccount } from './NodeViewDetailAccount'\nexport { default as NodeViewDetailSrn } from './NodeViewDetailSrn'\nexport { default as NodeViewBody } from './NodeViewBody'\nexport { default as NodeViewDetails } from './NodeViewDetails'\nexport { default as NodeViewSrn } from './NodeViewDetailSrn'\nexport { default as NodeViewTabs } from './NodeViewTabs'\nexport { default as NodeViewTab } from './NodeViewTab'\nexport { default as NodeViewDetailCode } from './NodeViewDetailCode'\nexport { default as NodeViewDetailLabel } from './NodeViewDetailLabel'\nexport { default as NodeViewDetailInt } from './NodeViewDetailInt'\nexport { default as NodeViewDetailMetadata } from './NodeViewDetailMetadata'\nexport { default as PreviewCard } from './PreviewCard'\n","import { createSelector } from 'reselect'\nimport { Map, List } from 'immutable'\nimport qs from 'query-string'\nimport { getFieldsForType } from 'query-builder'\nimport _ from 'lodash'\n\nimport { selectTags as selectSonraiTags } from 'containers/SonraiData/selectors'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport { selectQueryTypes } from 'containers/SonraiData/selectors'\nimport { SKIP_PROPERTIES } from './constants'\n\nexport const nodeSolutionCenterDomain = state =>\n state.get('nodeSolutionCenter') || Map()\n\nexport const selectIsLoading = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => {\n return nodeSolutionCenter.get('isLoading')\n }\n)\n\nexport const selectData = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => {\n return nodeSolutionCenter.get('data') || Map()\n }\n)\n\nexport const selectTagOptions = createSelector(selectSonraiTags, tags => tags)\n\nexport const selectSavingTag = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => nodeSolutionCenter.get('savingTag')\n)\n\nexport const selectDetailsLoading = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => nodeSolutionCenter.get('detailsLoading')\n)\n\nexport const selectSwimlaneDetailsFailure = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => nodeSolutionCenter.get('swimlaneDetailsFailure')\n)\n\nexport const selectNodeId = (state, props) => {\n return (\n props.nodeId || //NodeID can be passed from quicksearch or other areas where its in a slideout panel\n _.get(props, ['nodeData', 'srn']) || //When the selector is used in a subcomponent of NodeSolutionCenter\n qs.parse(_.get(props, ['location', 'search'], '')).nodeId ||\n qs.parse(location.search).nodeId ||\n ''\n )\n}\n\nexport const selectFields = createSelector(\n [selectNodeId, selectQueryTypes],\n (nodeId, types) => {\n const type = getTypeFromSrn(nodeId).toLowerCase()\n const toSkip = [...SKIP_PROPERTIES]\n if (type !== 'image') {\n toSkip.push('sid')\n }\n const fields = getFieldsForType(type, types).filter(\n field => !toSkip.includes(field.get('name'))\n )\n\n return fields\n }\n)\n\nexport const selectNodeData = createSelector(selectData, data =>\n data ? _.get(data, [Object.keys(data)[0], 'items', 0], {}) : {}\n)\n\nexport const selectSwimlaneDetailsLoading = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('swimlaneDetailsLoading')\n)\n\nexport const selectIsMonitored = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => {\n return nodeSolutionCenter.get('isMonitored')\n }\n)\n\nexport const selectMonitoredProperties = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => {\n return nodeSolutionCenter.get('monitoredProperties') || List()\n }\n)\n\nexport const selectLoadingAccessPaths = createSelector(\n nodeSolutionCenterDomain,\n nodeSolutionCenter => nodeSolutionCenter.get('loadingAccessPaths')\n)\n\nexport const selectKeyVaultCreds = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('keyVaultCreds') || Map()\n)\n\nexport const selectFetchingKeyVaultCreds = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('fetchingKeyVaultCreds') || Map()\n)\n\nexport const selectDeletingKeyVaultCreds = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('deletingKeyVaultCreds') || Map()\n)\n\nexport const selectAddingKeyVaultCreds = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('addingAzureKeyVault') || Map()\n)\n\nexport const selectUpdatingKeyVaultCreds = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('updatingKeyVaultCreds') || Map()\n)\n\nexport const selectKeyVaultError = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('keyVaultError')\n)\n\nexport const selectShouldUpdateNodeSwimlanes = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('shouldUpdateNodeSwimlanes')\n)\n\nexport const selectEffectivePermissions = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('effectivePermissions')\n)\n\nexport const selectUsedEffectivePermissions = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('usedEffectivePermissions')\n)\n\nexport const selectEffectivePermissionsLoading = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('fetchingEffectivePermissions')\n)\n\nexport const selectUsedEffectivePermissionsLoading = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('fetchingUsedEffectivePermissions')\n)\n\nexport const selectUberPolicy = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('uberPolicy') || Map()\n)\n\nexport const selectTicketCount = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('ticketCount')\n)\n\nexport const selectCrmTickets = createSelector(\n nodeSolutionCenterDomain,\n state => state.get('crmTickets') || List()\n)\n","import PropTypes from 'prop-types'\n\nexport const PopoverBody = ({ children }) => {\n return children\n}\n\nPopoverBody.propTypes = {\n children: PropTypes.node,\n}\n\nexport default PopoverBody\n","import PropTypes from 'prop-types'\n\nexport const PopoverAnchor = ({ children }) => {\n return children\n}\n\nPopoverAnchor.propTypes = {\n children: PropTypes.node,\n}\n\nexport default PopoverAnchor\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport TooltipTrigger from 'react-popper-tooltip'\n\nimport PopoverBody from './PopoverBody'\nimport PopoverAnchor from './PopoverAnchor'\n\nexport class Popover extends React.Component {\n render() {\n return (\n \n
\n \n \n {truncateMiddle(\n this.props.nodeData.friendlyName ||\n this.props.nodeData.name ||\n this.props.nodeData.srn\n )}\n \n
\n\n {this.props.actions}
\n \n
\n {this.props.children}
\n \n
\n )\n }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport ReactTooltip from 'react-tooltip'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport uuid from 'uuid/v4'\nimport { selectSwimlanes } from 'containers/SonraiData/selectors'\nimport {\n getSwimlaneNameFromSrn,\n getSwimlaneSrnFromResourceId,\n} from 'utils/sonraiUtils'\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport TextLink from 'components/TextLink'\nimport Hoverable from 'components/Hoverable'\nimport qs from 'query-string'\n\nclass SwimlaneDisplay extends React.PureComponent {\n constructor(props) {\n super(props)\n this.uuid = uuid()\n\n this.styles = {\n textStyle: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n clipboardButton: {\n marginBottom: '5px',\n width: '32px',\n height: '32px',\n },\n }\n }\n\n getSwimlaneTooltip = () => {\n if (this.props.hasTooltip) {\n return (\n \n (\n
\n )\n }\n\n return (\n \n \n {name}\n \n {hasCopy &&\n (hovered ? (\n
\n )}\n />\n {this.getSwimlaneTooltip()}\n \n
\n ) : (\n \n ))}\n \n (\n
\n )\n }\n}\n\nSwimlaneDisplay.defaultProps = {\n static: true,\n}\n\nSwimlaneDisplay.propTypes = {\n srn: PropTypes.string.isRequired,\n resourceId: PropTypes.string,\n hasLink: PropTypes.bool,\n hasCopy: PropTypes.bool,\n hasTooltip: PropTypes.bool,\n swimlanes: ImmutablePropTypes.iterable.isRequired,\n}\n\nconst mapStateToProps = createStructuredSelector({\n swimlanes: selectSwimlanes,\n})\n\nconst withConnect = connect(mapStateToProps)\n\nexport default withConnect(SwimlaneDisplay)\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react'\nimport PropTypes from 'prop-types'\nimport colorLib from 'color'\n\nexport const ChartTooltip = ({\n title,\n color,\n label,\n value,\n onHover,\n onEndHover,\n colorShadow,\n}) => {\n const styles = {\n container: {\n border: '1px solid #eee',\n borderRadius: '4px',\n backgroundColor: '#fff',\n fontSize: '0.8em',\n },\n header: {\n backgroundColor: '#fafafa',\n borderBottom: '1px solid #eee',\n padding: '0.5em',\n },\n body: {\n padding: '0.5em 1em',\n },\n color: {\n display: 'inline-block',\n borderRadius: '50%',\n backgroundColor: color,\n height: '1em',\n width: '1em',\n marginRight: '1em',\n },\n value: {\n fontWeight: 'bold',\n marginLeft: '0.5em',\n },\n }\n\n if (!color || colorLib(color).hex() === '#FFFFFF') {\n styles.color.border = '1px solid #eee'\n }\n\n if (colorShadow) {\n styles.container.boxShadow = `${colorLib(color)\n .alpha(0.12)\n .rgb()\n .string()} 0px 1px 3px, ${colorLib(color)\n .alpha(0.24)\n .rgb()\n .string()} 0px 1px 4px`\n }\n\n return (\n \n {name}\n {hasCopy &&\n (hovered ? (\n
\n )}\n />\n {this.getSwimlaneTooltip()}\n \n
\n ) : (\n \n ))}\n {title}
\n \n \n {label}: {value}\n
\n \n )\n}\n\nChartTooltip.propTypes = {\n color: PropTypes.string,\n title: PropTypes.node,\n label: PropTypes.node,\n value: PropTypes.node,\n onEndHover: PropTypes.func,\n onHover: PropTypes.func,\n colorShadow: PropTypes.bool,\n}\n\nexport default ChartTooltip\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\n\nimport CodeMirror from 'codemirror'\nimport 'codemirror/addon/runmode/runmode'\nimport 'codemirror/mode/javascript/javascript'\n\nconst styles = {\n displayStyles: {\n filterMatch: {\n fontWeight: 'bold',\n backgroundColor: '#ffc1075e',\n },\n property: {\n color: 'black',\n },\n string: {\n color: '#007ad9',\n },\n },\n}\n\nexport const JsonView = props => {\n const [stringifiedText, setStringifiedText] = useState('')\n useEffect(() => {\n if (stringifiedText) {\n props.onStringify(stringifiedText)\n }\n }, [stringifiedText])\n\n let obj\n if (_.isObject(props.value)) {\n obj = props.value\n } else {\n try {\n obj = JSON.parse(props.value)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('could not parse props.value as JSON: ' + props.value, e)\n }\n }\n\n const jsonText = JSON.stringify(obj, null, 2)\n if (stringifiedText != jsonText) {\n setStringifiedText(jsonText)\n }\n\n const tokens = []\n CodeMirror.runMode(\n jsonText,\n {\n name: 'text/javascript',\n json: 'true',\n },\n (token, style) => {\n const tokenStyles = (style || '')\n .split(' ')\n .map(className => {\n return styles.displayStyles[className.trim()]\n })\n .filter(style => style)\n .reduce((allStyles, style) => {\n return {\n ...allStyles,\n ...style,\n }\n }, {})\n\n // if the text matches the search text, add an additional class\n if (props.highlightText) {\n let highlightText = props.highlightText.toLowerCase()\n if (\n token &&\n highlightText !== '' &&\n token.toLowerCase().includes(highlightText)\n ) {\n style += ' filter-match'\n Object.assign(tokenStyles, styles.displayStyles.filterMatch)\n }\n }\n tokens.push(\n \n {token}\n \n )\n }\n )\n\n return (\n \n
\n )\n}\n\nJsonView.defaultProps = {\n onStringify: () => {},\n}\n\nJsonView.propTypes = {\n highlightText: PropTypes.string,\n onStringify: PropTypes.func,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n}\n\nexport default JsonView\n","import { handleActions } from 'redux-actions'\nimport { fromJS, Map } from 'immutable'\nimport _ from 'lodash'\nimport {\n FETCH_CD_OPTIONS,\n FETCH_CD_OPTIONS_ERROR,\n FETCH_CD_OPTIONS_SUCCESS,\n FETCH_TICKET_LIST,\n FETCH_TICKET_LIST_ERROR,\n FETCH_TICKET_LIST_SUCCESS,\n SET_TICKET_LIST_FILTER,\n CLEAR_TICKET_LIST_FILTER,\n} from './constants'\n\nexport const initialState = fromJS({\n changeDectionOptions: {\n data: [],\n error: false,\n loading: true,\n },\n ticketList: {\n data: {},\n error: false,\n loading: true,\n },\n ticketListFilter: {},\n})\n\nexport default handleActions(\n {\n [FETCH_CD_OPTIONS]: state =>\n state\n .setIn(['changeDectionOptions', 'error'], false)\n .setIn(['changeDectionOptions', 'loading'], true),\n [FETCH_CD_OPTIONS_ERROR]: state =>\n state\n .setIn(['changeDectionOptions', 'error'], true)\n .setIn(['changeDectionOptions', 'loading'], false),\n [FETCH_CD_OPTIONS_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['changeDectionOptions', 'error'], false)\n .setIn(['changeDectionOptions', 'loading'], false)\n .setIn(['changeDectionOptions', 'data'], fromJS(payload.data)),\n [FETCH_TICKET_LIST]: state =>\n state\n .setIn(['ticketList', 'loading'], true)\n .setIn(['ticketList', 'error'], false),\n [FETCH_TICKET_LIST_ERROR]: state =>\n state\n .setIn(['ticketList', 'loading'], false)\n .setIn(['ticketList', 'error'], true),\n [FETCH_TICKET_LIST_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['ticketList', 'loading'], false)\n .setIn(['ticketList', 'error'], false)\n .setIn(['ticketList', 'data'], fromJS(payload.data)),\n [SET_TICKET_LIST_FILTER]: (state, { payload }) => {\n const currentTicketFilterState = state.get('ticketListFilter')\n const updated = _.keys(payload).reduce((nextState, type) => {\n const value = payload[type]\n return value === undefined\n ? nextState.delete(type)\n : nextState.set(type, fromJS(value))\n }, currentTicketFilterState)\n\n return state.set('ticketListFilter', updated)\n },\n [CLEAR_TICKET_LIST_FILTER]: state => state.set('ticketListFilter', Map()),\n },\n initialState\n)\n","import { createSelector } from 'reselect'\nimport { Map } from 'immutable'\n\nexport const selectTicketListFilterPanelDomain = state =>\n state.get('ticketListFilterPanel') || Map()\n\nexport const selectTicketListFilterPanel = createSelector(\n selectTicketListFilterPanelDomain,\n state => state.get('ticketListFilters') || Map()\n)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport { FormattedMessage } from 'react-intl'\nimport { exists } from 'utils/sonraiUtils'\nimport { POLICY_EVAL_TYPES, POLICY_OP_TYPES } from './constants'\nimport Icon from 'components/Icon'\nimport Button from 'components/Button'\nimport TextLink from 'components/TextLink'\nimport { updatePolicy } from 'containers/ControlFrameworkData/actions'\nimport {\n selectSonraiSearches,\n selectSavedSearches,\n} from 'containers/SonraiData/selectors'\nimport { Map } from 'immutable'\n\nimport messages from './messages'\nimport { selectSaving } from './selectors'\nimport PolicyEditor from './PolicyEditor'\n\nexport class EditPolicyModal extends React.Component {\n constructor(props) {\n super(props)\n\n const evalCriteria = props.policy.get('evalCriteria') || Map()\n const firstCriteriaKey =\n evalCriteria.size > 0 ? evalCriteria.keySeq().first() : null\n\n const search = props.policy.getIn(['contains', 'items', 0], Map())\n\n this.state = {\n title: props.policy.get('title'),\n policyDescription: props.policy.get('description'),\n selectedSearchSrn: search.get('srn'),\n selectedSearchValue:\n search.get('__typename') === 'Savedquery'\n ? search.get('name')\n : search.get('sid'),\n policyEvalType: firstCriteriaKey\n ? props.policy.getIn(['evalCriteria', firstCriteriaKey, 0])\n : POLICY_EVAL_TYPES.COUNT,\n policyRemediationType: props.policy.get('remediationType'),\n policyEvalTarget: firstCriteriaKey\n ? props.policy.getIn(['evalCriteria', firstCriteriaKey, 1])\n : 0,\n policyEvalOp: firstCriteriaKey || POLICY_OP_TYPES.GT,\n alertingLevelNumeric: props.policy.get('alertingLevelNumeric') || 5,\n }\n }\n\n componentDidUpdate(oldProps) {\n if (\n (oldProps.saving && !this.props.saving) ||\n (oldProps.policy && oldProps.policy !== this.props.policy)\n ) {\n this.props.toggle()\n }\n }\n\n setPolicyDescription = value => {\n this.setState({\n policyDescription: value,\n })\n }\n\n setPolicyTitle = e => {\n this.setState({\n title: e.target.value,\n })\n }\n\n setPolicyEvalOp = e => {\n this.setState({\n policyEvalOp: e.target.value,\n })\n }\n\n setPolicyRemediationType = opt => {\n this.setState({\n policyRemediationType: opt.value,\n })\n }\n\n setPolicyEvalTarget = e => {\n const parsed = parseInt(e.target.value)\n this.setState({\n policyEvalTarget: isNaN(parsed) ? e.target.value : parsed,\n })\n }\n\n setPolicyEvalType = e => {\n this.setState({\n policyEvalType: e.target.value,\n })\n }\n\n handleSave = () => {\n const evalCriteria = {\n [this.state.policyEvalOp]: [\n this.state.policyEvalType,\n this.state.policyEvalTarget,\n ],\n }\n\n this.props.updatePolicy({\n title: this.state.title,\n description: this.state.policyDescription,\n searchId: this.state.selectedSearchSrn,\n srn: this.props.policy.get('srn'),\n evalCriteria: evalCriteria,\n alertingLevelNumeric: this.state.alertingLevelNumeric,\n remediationType: this.state.policyRemediationType,\n })\n }\n\n setSelectedSearch = value => {\n if (!value) {\n this.setState({\n selectedSearchValue: null,\n selectedSearchSrn: null,\n })\n } else {\n this.setState({\n selectedSearchValue: value.value,\n selectedSearchSrn: value.srn,\n })\n }\n }\n\n render() {\n const isOpen = exists(this.props.isOpen) ? this.props.isOpen : true\n return (\n {tokens}\n \n
\n
\n )\n}\n\nStep1.propTypes = {\n allEscallations: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n error: PropTypes.bool,\n data: ImmutablePropTypes.listOf(ImmutablePropTypes.map),\n }),\n bots: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n data: ImmutablePropTypes.listOf(ImmutablePropTypes.map),\n }),\n selectBot: PropTypes.func.isRequired,\n nextStep: PropTypes.func.isRequired,\n ticket: ImmutablePropTypes.map,\n}\n","import React, { Fragment, useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport styled from 'styled-components'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport CopyToClipBoard from 'components/CopyToClipboard'\nimport JsonView from 'components/JsonView'\n\nimport messages from './messages'\n\nconst TombstoneInfoContainer = styled.div`\n display: grid;\n grid-template-columns: 132px auto;\n margin-bottom: 16px;\n row-gap: 4px;\n\n & .label {\n font-weight: 500;\n }\n`\n\nconst PolicyContainer = styled.div`\n border: 1px solid #dddddd;\n margin-top: 8px;\n padding: 8px;\n position: relative;\n\n & button {\n margin: 0 !important;\n }\n`\n\nexport default function Step2(props) {\n const [policyJSON, setPolicyJSON] = useState()\n\n useEffect(() => {\n if (!props.selectedBot) {\n props.prevStep()\n }\n }, [props.selectedBot])\n if (!props.selectedBot) {\n return null\n }\n\n return (\n \n
{extraInstructions}
\n \n {body}\n\n \n \n
\n )\n}\n\nStep2.propTypes = {\n prevStep: PropTypes.func.isRequired,\n selectedBot: PropTypes.shape({\n title: PropTypes.string,\n type: PropTypes.string,\n description: PropTypes.string,\n blob: PropTypes.any,\n }),\n}\n","import React, { Fragment } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\n\nimport BarLoadingAnimation from 'components/BarLoadingAnimation'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport TextLink from 'components/TextLink'\n\nimport messages from './messages'\n\nexport default function Step3(props) {\n if (props.submitAutoRemediateStatus.get('loading')) {\n return \n
\n
\n {props.selectedBot.title}
\n \n
\n {props.selectedBot.type}
\n \n
\n {props.selectedBot.description}
\n \n {props.selectedBot.blob !== null && (\n \n \n \n \n )}\n
\n \n {props.step == 2 && (\n \n
\n \n {\n props.close()\n props.resetState()\n }}\n style={{ marginRight: '0.5em' }}\n >\n Cancel\n \n nextButtonOnClick(props)}\n >\n
\n \n
\n \n \n this.handleSelectAction(this.state.action)}\n >\n {TICKET_ACTIONS[this.state.action].label}\n \n \n \n \n {this.getActions()} \n \n
\n \n \n \n
\n )\n }\n const { resource } = ticket\n if (!resource) {\n return \n \n \n
\n )\n }\n\n getSwimlanes = ticket => {\n let swimlaneSRNs = []\n if (ticket.resource && Object.keys(ticket.resource).length > 0) {\n swimlaneSRNs = ticket.resource.swimlaneSRNs ?? []\n } else if (ticket.swimlaneSRNs) {\n swimlaneSRNs = ticket.swimlaneSRNs\n }\n return (\n \n {swimlaneSRNs.map((srn, index) => {\n const name = getSwimlaneNameFromSrn(srn, this.props.swimlanes)\n const path = {\n pathname: '/App/SwimlaneDetails',\n search: qs.stringify({\n srn,\n }),\n }\n return (\n \n \n {name || srn}\n \n \n )\n })}\n
\n )\n }\n\n render() {\n const { ticket } = this.props\n return (\n \n
\n )\n }\n}\n\nTicketDetailsHeaderProperties.propTypes = {\n theme: themeShape,\n swimlanes: ImmutablePropTypes.iterable.isRequired,\n ticket: PropTypes.object.isRequired,\n}\n\nexport default themeable(TicketDetailsHeaderProperties)\n","import React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\n\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\n\nimport Button from 'components/Button'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\n\nimport messages from '../messages'\n\nexport default function ErrorChangeStatusModal(props) {\n let errorMessageKey = ''\n if (props.acceptRiskTicketStatus.get('error')) {\n errorMessageKey = 'actionErrorAcceptRiskTicket'\n }\n\n if (props.closeTicketStatus.get('error')) {\n errorMessageKey = 'actionErrorCloseTicket'\n }\n\n if (props.snoozeTicketStatus.get('error')) {\n errorMessageKey = 'actionErrorSnoozeTicket'\n }\n\n if (props.reopenTicketStatus.get('error')) {\n errorMessageKey = 'actionErrorReopenTicket'\n }\n\n if (props.reassignToUserStatus.get('error')) {\n errorMessageKey = 'actionErrorReassign'\n }\n\n if (props.isOpen && '' === errorMessageKey) {\n // hopefully this doesn't happen:\n // eslint-disable-next-line no-console\n console.warn(\n `ErrorChangeStatusModal: could not generate error message`,\n this.props\n )\n props.close()\n return null\n }\n\n return (\n \n
\n Severity
\n {this.getAlertLevel(ticket.severityCategory)}
\n \n
\n Resource
\n {this.getResourceLink(ticket.resource)}
\n \n
\n Account
\n {this.getAccount(ticket)}
\n \n
\n Type
\n {ticket.ticketType || '-'}
\n \n
\n Swimlane(s)
\n {this.getSwimlanes(ticket)}
\n \n
\n )\n }\n\n renderResolvedIndication = () => {\n const status = _.startCase(\n _.lowerCase(this.props.ticket.get('status') || '')\n )\n const time = moment(this.props.ticket.get('transitionDate')).format('ll')\n return (\n Snoozed
\n Snoozed until {time}
\n \n
\n )\n }\n\n render() {\n const title = getFriendlyTicketName(this.props.ticket, this.props.policies)\n const isSnoozed = !!this.props.ticket.get('snoozedUntil')\n const isResolved =\n !isSnoozed &&\n (this.props.ticket.get('status') === 'CLOSED' ||\n this.props.ticket.get('status') === 'RISK_ACCEPTED')\n return (\n Resolved
\n \n Resolved as {status} on {time}\n
\n \n
\n \n {title}\n
\n \n
\n \n
\n {searchCard.get('name')}
\n\n {type.toLowerCase() !==\n searchCard.get('name', '').toLowerCase() ? (\n ({type})
\n ) : (\n ''\n )}\n \n {searchCard.get('parentId') &&\n nearestParentWithContent &&\n (nonGte0Relations.length > 0 || cardConditions.length > 0) && (\n \n {nearestParentWithContent.get('id') ===\n searchCard.get('parentId')\n ? `Has a ${searchCard.getIn([\n 'definition',\n 'name',\n ])} relation from ${nearestParentNameWithContent}`\n : `Has a relationship chain from ${nearestParentNameWithContent}`}\n \n )}\n {cardConditions.map(cond => (\n \n No relevant filters on the root card\n \n )}\n\n {cardEffectivePermissions.length > 0 && (\n
\n )}\n\n {searchCard\n .get('selectionSet', List())\n .toJS()\n .map(cardId => {\n const childCard = fields.get(cardId)\n const childCardRelationName = childCard.getIn([\n 'definition',\n 'name',\n ])\n const childCardRelation =\n cardRelations.find(\n rel => rel.field === childCardRelationName\n ) || {}\n\n if (\n childCardRelation.message &&\n childCardRelation.message.includes('at least one')\n ) {\n return null\n }\n\n return (\n \n {cond.field === 'metadata' ? (\n cond.triggerCondition\n ) : (\n
\n
\n \n Has effective permissions matching:{' '}\n
\n\n \n {cardEffectivePermissions.map((epGroup, index) => {\n return (\n \n {index !== 0 && \n {epGroup.map(cond => (\n \n \n ))}\n
\n \n )\n })}\n AND
}\n \n {cond.triggerCondition}\n
\n\n {childCardRelation.message}\n
\n )\n })}\n \n \n )}\n {searchCard\n .get('selectionSet', List())\n .toJS()\n .map(cardId => {\n const childCard = fields.get(cardId)\n let childCardRelationName = childCard.getIn(['definition', 'name'])\n\n if (!results.get(childCardRelationName)) {\n childCardRelationName = getAliasForField(\n cardId,\n childCardRelationName\n )\n }\n\n return this.renderTriggerConditions(\n childCard,\n fields,\n results.getIn([childCardRelationName, 'items', 0], Map())\n )\n })}\n\n {this.renderTriggerConditions(\n rootSearchField,\n fields,\n this.props.results\n )}\n
\n )\n }\n}\n\nPolicySearchConditions.defaultProps = {\n results: Map(),\n allTriggerProps: false,\n}\n\nPolicySearchConditions.propTypes = {\n alertTime: PropTypes.number,\n results: ImmutablePropTypes.map.isRequired,\n search: ImmutablePropTypes.map.isRequired,\n}\n\nexport default PolicySearchConditions\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { fromJS, isImmutable, List, Map } from 'immutable'\nimport _ from 'lodash'\n\nimport EmptyText from 'components/EmptyText'\nimport BarLoadingAnimation from 'components/BarLoadingAnimation'\nimport DataTable from 'components/DataTable'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport PathWidget from 'components/PathWidget'\nimport PolicySearchConditions from 'components/PolicySearchConditions'\n\nimport { flattenData } from 'utils/sonraiUtils'\n\nimport messages from '../messages'\n\nfunction getPolicyEvidence(props) {\n const { ticket } = props\n let policyEvidence = props.useLegacyPolicyEvidence\n ? props.policyEvidenceLegacy.get('data') ?? Map()\n : ticket.getIn(['evidence', 'policyEvidence'], null)\n\n if (policyEvidence == null) {\n // eslint-disable-next-line no-console\n console.warn(`ticket ${ticket.get('srn')} did not have policyEvidence`)\n return null\n }\n\n if (_.isString(policyEvidence)) {\n try {\n return fromJS(JSON.parse(policyEvidence))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(`Could not parse policy evidence ${policyEvidence}`, e)\n return null\n }\n }\n\n return policyEvidence\n}\n\n/**\n * Flatten the root item and then try to reposition the EP columns\n * after the fied they were defined on.\n *\n * Note: this'll break if the EP fields were defined on more than one\n * field until we fix CRC-1101\n */\nconst flattenRootItem = rootItem => {\n if (!rootItem) {\n return\n }\n\n const flattenedRootItems = flattenData({\n items: [rootItem.toJS()],\n })\n try {\n const actualItem = rootItem.toJS()\n\n // find which field has the effective permissions\n let epField = null\n if (actualItem.hasEffectivePermissions) {\n epField = actualItem\n } else {\n let children = Object.values(actualItem)\n .filter(value => _.isObject(value))\n .filter(value => value.items)\n .map(value => value.items)\n\n while (children.length > 0 && epField == null) {\n const temp = []\n for (let child of children) {\n if (child.hasEffectivePermissions) {\n epField = child\n break\n } else {\n let innerChildren = Object.values(child)\n .filter(value => _.isObject(value))\n .filter(value => value.items)\n .map(value => value.items)\n innerChildren.forEach(ic => temp.push(ic))\n }\n }\n children = temp\n }\n }\n\n if (!epField) {\n return flattenedRootItems\n }\n\n const epParentType = epField.__typename\n if (!epParentType) {\n //eslint-disable-next-line no-console\n console.warn('epField did not have typename ', epField)\n return flattenedRootItems\n }\n\n // want to insert the EP keys right after the parent keys\n const row1 = flattenedRootItems[0]\n if (!row1) {\n return flattenedRootItems // if there's no rows don't do anything\n }\n\n const allKeys = Object.keys(row1)\n const parentKeys = allKeys\n .filter(k => k.startsWith(epParentType))\n .filter(k => !k.endsWith('__typename'))\n const lastParentKey = _.last(parentKeys)\n const epKeys = allKeys.filter(k => k.startsWith('EffectivePermission'))\n\n // now insert them\n const keys = allKeys.filter(k => !k.startsWith('EffectivePermission'))\n const insertAtBase = keys.indexOf(lastParentKey)\n for (var i = 0; i < epKeys.length; i++) {\n keys.splice(insertAtBase + i, 0, epKeys[i])\n }\n\n // now we have a list of the fields in correct order make choose fields\n return flattenedRootItems.map(item => _.pick(item, keys))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('an error happened tryng to reposition the ep columns', e)\n return flattenedRootItems\n }\n}\n\nconst getAnalyticResultColumns = data => {\n //The analytics data result can have any properties with any shape of values.\n //We will consdier any non-string result to be something that is worth viewing as JSON.\n //Find the non-primitive values from a sample row, and add to the list of jsonCols\n const sampleRow = _.get(data, [0])\n const objectColumns = []\n\n if (sampleRow) {\n Object.keys(sampleRow).forEach(key => {\n const value = sampleRow[key]\n if (typeof value === 'object' && value !== null) {\n objectColumns.push(key)\n }\n })\n }\n\n return objectColumns\n}\n\nexport default function TicketPolicyEvidence(props) {\n if (props.useLegacyPolicyEvidence) {\n if (props.policyEvidenceLegacy.get('loading')) {\n return \n {search.isEmpty() ? (\n \n Some details could not be displayed because this policy does not have\n a search attached.\n \n ) : (\n \n \n )}\n\n \n
\n \n )\n}\n\nTicketPolicyEvidence.propTypes = {\n policy: ImmutablePropTypes.map,\n searches: ImmutablePropTypes.map,\n advancedSearches: ImmutablePropTypes.list,\n ticket: ImmutablePropTypes.contains({\n srn: PropTypes.string.isRequired,\n evidence: ImmutablePropTypes.contains({}),\n }),\n policyEvidenceLegacy: ImmutablePropTypes.map,\n useLegacyPolicyEvidence: PropTypes.bool,\n policyPath: ImmutablePropTypes.map,\n}\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { List, fromJS } from 'immutable'\nimport { FlatPathWidget } from 'components/PathWidget'\nimport _ from 'lodash'\n\nclass ShowPath extends Component {\n styles = {\n titleName: {\n fontWeight: 500,\n },\n }\n\n getPath = () => {\n if (!this.props.resourceId || _.isEmpty(this.props.accessPaths)) {\n return List()\n }\n return fromJS([this.props.accessPaths])\n }\n\n render() {\n return (\n \n
\n {hasSubValues && (\n \n
\n )\n }\n}\n\nShowPath.propTypes = {\n accessPaths: PropTypes.array,\n resourceId: PropTypes.string,\n sourceId: PropTypes.string.isRequired,\n onDoubleClick: PropTypes.func,\n}\n\nexport default ShowPath\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { List, Map } from 'immutable'\n\nimport DataTable from 'components/DataTable'\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport { srnIsCRMActionable } from 'utils/widgetUtils'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport SectionHeader from 'components/SectionHeader'\n\nimport ShowPath from './ShowPath'\n\nclass CRMAlertDetails extends React.Component {\n styles = {\n base: {\n zIndex: '0',\n padding: '0em 1em 1em 1em',\n overflow: 'hidden',\n },\n tableHeightWrapper: {\n height: '350px',\n },\n pathHeightWrapper: {\n height: '350px',\n marginTop: '1em',\n },\n }\n\n shouldComponentUpdate(nextProps) {\n return this.props.activeAlertActions !== nextProps.activeAlertActions\n }\n\n onDoubleClickPathNode = ({ nodes }) => {\n if (nodes.length > 0) {\n const srn = nodes[0]\n\n if (srn.startsWith('srn:')) {\n this.props.push(getNodeViewPushParams(srn, getTypeFromSrn(srn)))\n }\n }\n }\n\n handleActionsNav = (srn, type) => {\n let nav = getNodeViewPushParams(srn, type)\n nav.search = `${nav.search}`\n\n this.props.push(nav)\n }\n\n renderAccessAlert = () => {\n const evidence = this.props.alert.get('evidence')\n\n let path = evidence.get('path') || List()\n if (typeof path === 'string') {\n path = JSON.parse(path)\n } else {\n path = path.toJS()\n }\n\n const resourceId = evidence.get('resourceSet', List()).first()\n\n return (\n \n Access Path \n
\n )\n }\n\n renderActivityAlert = () => {\n if (this.props.activeAlertActionsLoading) {\n return \n {this.props.showHeader && (\n Actions for this Ticket \n )}\n
\n )\n )\n }\n\n renderPropertyAlert = () => {\n const property = this.props.alert.get('ticketKey')\n const evidence = this.props.alert.get('evidence', Map())\n\n const hasBoolEvidence = evidence.get('fieldType') === 'Boolean'\n const hasStringEvidence = evidence.get('fieldType') === 'String'\n const hasIntEvidence = evidence.get('fieldType') === 'Int'\n const hasLongEvidence = evidence.get('fieldType') === 'Long'\n\n let prevVal\n let currVal\n\n if (hasBoolEvidence) {\n prevVal = evidence.get('prevBoolValue')\n currVal = evidence.get('boolValue')\n } else if (hasStringEvidence) {\n prevVal = evidence.get('prevValue')\n currVal = evidence.get('value')\n } else if (hasIntEvidence) {\n prevVal = evidence.get('prevIntValue')\n currVal = evidence.get('intValue')\n } else if (hasLongEvidence) {\n prevVal = evidence.get('prevLongValue')\n currVal = evidence.get('longValue')\n }\n\n prevVal = String(prevVal)\n currVal = String(currVal)\n\n return (\n \n
\n \n {this.props.showHeader && (\n Information \n )}\n Property {property} changed\n from{' '}\n \n {prevVal}\n {' '}\n to{' '}\n \n {currVal}\n \n
\n )\n }\n\n render() {\n return (\n \n {this.props.alert.get('ticketType') === 'Access'\n ? this.renderAccessAlert()\n : this.props.alert.get('ticketType') === 'Activity'\n ? this.renderActivityAlert()\n : this.renderPropertyAlert()}\n
\n )\n }\n}\n\nCRMAlertDetails.defaultProps = {\n showHeader: true,\n}\n\nCRMAlertDetails.propTypes = {\n activeAlertActions: PropTypes.array,\n activeAlertActionsLoading: PropTypes.bool,\n push: PropTypes.func,\n alert: ImmutablePropTypes.map.isRequired,\n showHeader: PropTypes.bool,\n hiddenColumns: PropTypes.array,\n}\n\nexport default CRMAlertDetails\n","import React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { List } from 'immutable'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport { push } from 'connected-react-router'\n\nimport { fetchActivityTicketActions } from 'containers/TicketDetailsData/actions'\nimport { selectActivityTicketActions } from 'containers/TicketDetailsData/selectors'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\n\nimport CRMAlertDetails from './CRMAlertDetails'\nexport class TicketCRMEvidence extends React.Component {\n constructor(props, context) {\n super(props, context)\n props.fetchActivityTicketActions({ ticket: props.ticket.toJS() })\n }\n\n render() {\n if (this.props.activityTicketActions.get('loading')) {\n return \n \n {policy.get('title')}\n \n
\n\n \n Alerting Level: \n
\n \n )\n }\n\n getEvidenceData = (ticket, fieldName) => {\n return ticket.getIn(['evidence', fieldName], List())\n }\n\n renderTicketEvidence = ticket => {\n const resourceSet = this.getEvidenceData(ticket, 'resourceSet')\n const regionSet = this.getEvidenceData(ticket, 'regionSet')\n const userAgentSet = this.getEvidenceData(ticket, 'userAgentSet')\n return (\n {policy.get('alertingLevelNumeric')}
\n Control Frameworks: \n \n {controlGroups.map(cf => (\n
\n Search: \n \n \n \n {cf.get('title')}\n \n \n
\n ))}\n \n
\n Description:\n \n \n \n
\n Resource
\n \n {!resourceSet.isEmpty() ? (\n
\n \n {getTypeFromSrn(resourceSet.first())} -{' '}\n \n {getNameFromSrn(resourceSet.first())}\n \n
\n ) : (\n '-'\n )}\n Region(s):
\n {!regionSet.isEmpty() ? (\n - \n {regionSet.map((item, index) => (\n
- \n {item}\n \n ))}\n
User Agent(s):
\n {!userAgentSet.isEmpty() ? (\n - \n {userAgentSet.map((item, index) => (\n
- \n {item}\n \n ))}\n
\n {this.props.ticket.get('ticketType') === 'Custom' && (\n \n \n \n
\n
\n \n )}\n {nodeId && (\n \n \n Resource Details{' '}\n \n {!hasNoResource && '(Go to Resource Node View)'}\n \n \n\n {!hasNoResource ? (\n \n This resource is no longer available as it was removed from the\n Sonrai platform.\n
\n )}\n \n )}\n\n {this.props.showRemediationModal && (\n \n {this.props.ticket.get('description') ? (\n
\n \n
\n
\n \n
\n \n \n Ticket Evidence\n \n {this.renderTicketEvidence(this.props.ticket)}\n
\n )}\n\n {this.props.ticket.get('ticketType') === 'Activity' && (\n \n \n {' '}\n Actions for this Ticket{' '}\n \n
\n )}\n\n {hasPolicy && this.getPolicyInfo()}\n {this.props.ticket.get('ticketType') !== 'Custom' && (\n \n
\n )\n }\n}\n\nComment.propTypes = {\n comment: ImmutablePropTypes.iterable.isRequired,\n user: ImmutablePropTypes.iterable.isRequired,\n isFirst: PropTypes.bool,\n isLast: PropTypes.bool,\n}\n\nexport default Comment\n","import React, { Component } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { List, Map } from 'immutable'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport Error from 'components/Error'\nimport Comment from './Comment'\nimport moment from 'moment'\n\nclass TicketCommentsDisplay extends Component {\n styles = {\n container: {\n height: '100%',\n },\n secondayContainer: {\n height: '100%',\n minHeight: '64px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n empty: {\n color: '#ABABAB',\n },\n }\n\n getUser = comment => {\n const createdBy = comment.get('createdBy')\n return this.props.users.get(createdBy) || Map()\n }\n\n render() {\n if (this.props.ticketComments.get('error')) {\n return (\n \n
\n \n
\n \n \n {this.props.user.get('name')}\n \n
\n\n \n {moment(this.props.comment.get('createdDate')).fromNow()}\n
\n \n
\n \n {' '}\n
\n \n
\n )\n }\n\n if (this.props.ticketComments.get('loading')) {\n return (\n \n
\n )\n }\n\n const comments = this.props.ticketComments.get('data') || List()\n if (comments.isEmpty()) {\n return (\n \n This ticket has no comments.\n
\n )\n }\n\n return (\n \n {comments\n .sort(\n (a, b) =>\n moment(b.get('createdDate')) - moment(a.get('createdDate'))\n ) // sort by most recent\n .map((comment, index) => {\n const user = this.getUser(comment)\n return (\n
\n )\n }\n}\n\nTicketCommentsDisplay.propTypes = {\n users: ImmutablePropTypes.iterable.isRequired,\n ticketComments: ImmutablePropTypes.iterable.isRequired,\n}\n\nexport default TicketCommentsDisplay\n","import React, { Component } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport PropTypes from 'prop-types'\nimport MarkdownEditor from 'components/MarkdownEditor'\nimport Button from 'components/Button'\n\nclass AddTicketComment extends Component {\n state = {\n comment: '',\n }\n\n styles = {\n container: {\n height: '100%',\n margin: '0.25rem 0rem 0.5rem 0rem',\n },\n disabled: {\n height: '100%',\n backgroundColor: this.props.theme.neutralLight,\n pointerEvents: 'none',\n },\n footer: {\n display: 'flex',\n alignItems: 'center',\n },\n error: {\n fontSize: '0.9rem',\n color: this.props.theme.fail,\n margin: '0rem 0rem 0rem 1rem',\n },\n }\n\n handleChange = comment => this.setState({ comment })\n\n handleBlur = comment => this.setState({ comment })\n\n handleAddComment = () => {\n this.props.addComment({\n ticketSrn: this.props.ticketSrn,\n body: this.state.comment,\n createdBy: this.props.currentUser,\n })\n this.setState({ comment: null })\n }\n\n render() {\n const isDisabled =\n this.props.ticketComments.get('loading') ||\n this.props.ticketComments.get('error') ||\n !this.state.comment\n const isEditDisabled =\n this.props.ticketComments.get('loading') ||\n this.props.ticketComments.get('error')\n return (\n \n \n {isEditDisabled ? (\n
\n \n )\n }\n}\n\nAddTicketComment.propTypes = {\n ticketComments: ImmutablePropTypes.iterable.isRequired,\n addComment: PropTypes.func.isRequired,\n ticketSrn: PropTypes.string.isRequired,\n currentUser: PropTypes.string.isRequired,\n addCommentError: PropTypes.bool.isRequired,\n theme: themeShape,\n}\n\nexport default themeable(AddTicketComment)\n","import React, { Component } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { List } from 'immutable'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport TicketCommentsDisplay from './TicketCommentsDisplay'\nimport AddTicketComment from './AddTicketComment'\nimport {\n fetchTicketComments,\n addComment,\n} from 'containers/TicketDetailsData/actions'\nimport {\n selectTicketComments,\n selectAddCommentError,\n} from 'containers/TicketDetailsData/selectors'\nimport SectionHeader from 'components/SectionHeader'\nimport { selectSonraiUserSrn } from 'containers/UserProfileData/selectors'\nimport { selectSonraiUsers } from 'containers/SonraiData/selectors'\n\nclass TicketCommentsTab extends Component {\n constructor(props) {\n super(props)\n\n props.fetchTicketComments({ ticketSrn: props.ticket.get('srn') })\n }\n styles = {\n container: {\n padding: '0rem 0.5rem 0.5rem 0.5rem',\n },\n }\n\n render() {\n const count = (this.props.ticketComments.get('data') || List()).size\n return (\n \n
\n ) : (\n \n
\n )}\n \n \n Add Comment\n \n {this.props.addCommentError && (\n
\n Failed to add comment
\n )}\n \n {!this.props.ticketComments.get('loading') && (\n \n Comments ({count})\n \n )}\n
\n )\n }\n}\n\nTicketCommentsTab.propTypes = {\n fetchTicketComments: PropTypes.func.isRequired,\n ticket: ImmutablePropTypes.iterable.isRequired,\n ticketComments: ImmutablePropTypes.iterable.isRequired,\n users: ImmutablePropTypes.iterable.isRequired,\n addComment: PropTypes.func.isRequired,\n addCommentError: PropTypes.bool,\n currentUser: PropTypes.string,\n}\n\nconst mapStateToProps = createStructuredSelector({\n ticketComments: selectTicketComments,\n addCommentError: selectAddCommentError,\n currentUser: selectSonraiUserSrn,\n users: selectSonraiUsers,\n})\n\nconst mapDispatchToProps = dispatch =>\n bindActionCreators(\n {\n fetchTicketComments,\n addComment,\n },\n dispatch\n )\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect)(TicketCommentsTab)\n","import React, { Component } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { List } from 'immutable'\nimport qs from 'query-string'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport _ from 'lodash'\n\nimport TextLink from 'components/TextLink'\nimport DataTable from 'components/DataTable'\nimport { fetchTicketHistory } from 'containers/TicketDetailsData/actions'\nimport { selectTicketHistory } from 'containers/TicketDetailsData/selectors'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport Error from 'components/Error'\nimport UserWidget from 'components/UserWidget'\nimport BotWidget from 'components/BotWidget'\nimport SectionHeader from 'components/SectionHeader'\n\nclass TicketHistoryTab extends Component {\n constructor(props) {\n super(props)\n\n props.fetchTicketHistory({\n ticketSrn: props.ticket.get('srn'),\n })\n\n this.styles = {\n container: {\n display: 'grid',\n gridTemplateRows: 'auto 1fr',\n gridGap: '1rem',\n },\n secondaryContainer: {\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n content: {\n height: '350px',\n },\n }\n }\n\n formatEvent = ({ actionType }) => {\n if ('TICKET_BOT_EXECUTED' === actionType) {\n return 'Ticket Bot Submitted'\n } else {\n return _.startCase(_.lowerCase(actionType || '-'))\n }\n }\n\n getData = () => {\n const data = this.props.ticketHistory.get('data') || List()\n return data\n .sortBy(hist => hist.get('createdDate'))\n .reverse()\n .toJS()\n .map(item => {\n return {\n message: item.message,\n event: this.formatEvent(item),\n performedBy: item.actorSrn,\n succeeded: item.succeeded,\n date: item.createdDate,\n srn: item.srn,\n }\n })\n }\n\n render() {\n if (this.props.ticketHistory.get('error')) {\n return (\n \n
\n )\n }\n\n if (this.props.ticketHistory.get('loading')) {\n return (\n \n
\n )\n }\n return (\n \n Ticket History \n {\n if (!data || !value) {\n return null\n }\n\n if (data.performedBy && data.performedBy.includes(':bot/')) {\n //Make the message clickable to view the full action details\n return (\n \n {value}\n \n )\n }\n\n return value\n },\n },\n performedBy: {\n cellRendererFramework: ({ data, value }) => {\n if (!data || !value) {\n return null\n }\n\n if (value.includes(':bot/')) {\n //If the actor is actually a bot srn from an action:\n return
\n )\n }\n}\n\nTicketHistoryTab.propTypes = {\n fetchTicketHistory: PropTypes.func.isRequired,\n ticket: ImmutablePropTypes.iterable.isRequired,\n ticketHistory: ImmutablePropTypes.iterable.isRequired,\n}\n\nconst mapStateToProps = createStructuredSelector({\n ticketHistory: selectTicketHistory,\n})\n\nconst mapDispatchToProps = dispatch =>\n bindActionCreators(\n {\n fetchTicketHistory,\n },\n dispatch\n )\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect)(TicketHistoryTab)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { isImmutable } from 'immutable'\nimport _ from 'lodash'\nimport { push } from 'connected-react-router'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport SectionHeader from 'components/SectionHeader'\nimport {\n changeSimilarTicketsFilters,\n fetchSimilarTickets,\n} from 'containers/TicketDetailsData/actions'\nimport CenterContent from 'components/CenterContent'\nimport { selectSimilarTickets } from 'containers/TicketDetailsData/selectors'\nimport {\n selectSonraiUsers,\n selectSonraiUsersLoading,\n} from 'containers/SonraiData/selectors'\n\nimport TicketList from 'containers/Tickets/components/TicketList'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\n\nimport messages from '../messages'\n\n/**\n * Transform to state from:\n * { severityCategory: high }\n * to\n * { severityCategory: { value: high } }\n */\nfunction filterToReduxState(filter) {\n if (isImmutable(filter)) {\n return filterToReduxState(filter.toJS())\n }\n return _.mapValues(filter, value => ({ value }))\n}\n\n/**\n * Transform to state from:\n * { severityCategory: { value: high } }\n * to\n * { severityCategory: high }\n */\nfunction filterFromReduxState(filter) {\n if (isImmutable(filter)) {\n return filterFromReduxState(filter.toJS())\n }\n return _.mapValues(filter, ({ value }) => value)\n}\n\nexport class SimilarTicketsTab extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.fetchTickets()\n this.state = {\n filter: filterFromReduxState(props.similarTickets.get('filter')),\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.filter != this.state.filter) {\n this.props.changeSimilarTicketsFilters({\n ticket: this.props.ticket.toJS(),\n filter: filterToReduxState(this.state.filter),\n })\n }\n }\n\n fetchTickets = () => {\n this.props.fetchSimilarTickets({ ticket: this.props.ticket.toJS() })\n }\n\n handleFilterChange = value => {\n this.setState({ filter: value })\n }\n\n render() {\n if (this.props.similarTickets.get('loading')) {\n return (\n \n
\n \n Similar Tickets \n
\n )\n }\n}\n\nSimilarTicketsTab.propTypes = {\n // ~ passed props ~\n policies: ImmutablePropTypes.map,\n ticket: ImmutablePropTypes.map.isRequired,\n\n // ~ bound action creators ~\n changeSimilarTicketsFilters: PropTypes.func.isRequired,\n fetchSimilarTickets: PropTypes.func.isRequired,\n push: PropTypes.func.isRequired,\n\n // ~ props from redux ~\n similarTickets: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n error: PropTypes.bool,\n data: ImmutablePropTypes.listOf(ImmutablePropTypes.map),\n filter: ImmutablePropTypes.map,\n }),\n users: selectSonraiUsers,\n usersLoading: selectSonraiUsersLoading,\n}\n\nconst mapDispatchToProps = dispatch => {\n return bindActionCreators(\n { changeSimilarTicketsFilters, fetchSimilarTickets, push },\n dispatch\n )\n}\n\nconst mapStateToProps = createStructuredSelector({\n similarTickets: selectSimilarTickets,\n users: selectSonraiUsers,\n usersLoading: selectSonraiUsersLoading,\n})\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\nexport default compose(withConnect)(SimilarTicketsTab)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { push } from 'connected-react-router'\nimport { createStructuredSelector } from 'reselect'\nimport { Map } from 'immutable'\n\nimport { NodeViewTabs } from 'components/NodeView'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport DetailsTab from 'containers/TicketDetails/components/DetailsTab'\nimport TicketCommentsTab from 'containers/TicketDetails/components/TicketCommentsTab'\nimport TicketHistoryTab from 'containers/TicketDetails/components/TicketHistoryTab'\nimport { selectChangeDetectionOptions } from 'containers/Tickets/selectors'\nimport SimilarTicketsTab from './components/SimilarTicketsTab'\n\nimport {\n fetchPolicyEvidenceLegacy,\n fetchPolicyPath,\n} from 'containers/TicketDetailsData/actions'\n\nimport {\n selectPolicies,\n selectControlGroups,\n} from 'containers/ControlFrameworkData/selectors'\nimport {\n selectSwimlanes,\n selectSwimlanesLoading,\n selectSavedSearches,\n selectSonraiSearches,\n} from 'containers/SonraiData/selectors'\nimport {\n selectPolicyEvidenceLegacy,\n selectTicketComments,\n selectPolicyPath,\n} from 'containers/TicketDetailsData/selectors'\n\nexport class TicketDetailsTabs extends Component {\n constructor(props, context) {\n super(props, context)\n if (this.requiresLegacyPolicyEvidence()) {\n props.fetchPolicyEvidenceLegacy({ ticket: props.ticket.toJS() })\n }\n if (!props.policies.isEmpty()) {\n const policy = props.policies.get(props.ticket.get('ticketKey')) || Map()\n props.fetchPolicyPath({\n resourceSrn: props.ticket.get('resourceSRN'),\n searchId: policy.getIn(['contains', 'items', 0, 'sid']),\n })\n }\n }\n\n style = {\n container: {\n minHeight: '100%',\n display: 'grid',\n gridTemplateRows: 'auto 1fr',\n },\n tabContainer: {\n height: '100%',\n padding: '1rem',\n backgroundColor: this.props.theme.light,\n borderTop: 0,\n overflow: 'auto',\n borderBottom: `1px solid ${this.props.theme.neutralMedium}`,\n borderLeft: `1px solid ${this.props.theme.neutralMedium}`,\n borderRight: `1px solid ${this.props.theme.neutralMedium}`,\n },\n }\n\n requiresLegacyPolicyEvidence() {\n if (\n 'Policy' === this.props.ticket.get('ticketType') &&\n null === this.props.ticket.getIn(['evidence', 'policyEvidence'], null)\n ) {\n return true\n }\n return false\n }\n\n render() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n Will escalate to\n \n {rules.map((rule, index) => {\n return (\n \n {this.getBotEscalation(rule)}\n {index !== rules.size - 1 && ', '}\n
\n )\n })}\n \n )\n } else {\n return (\n \n \n Will escalate to\n \n {rules.map((rule, index) => {\n return
\n )\n }\n }\n\n getNextAssigne = rule => {\n const actionType = rule.get('actionType')\n\n if (!actionType) {\n return '-'\n }\n\n switch (actionType) {\n case 'ASSIGN_USER':\n return {this.getNextAssigne(rule)}
\n })}\n \n {_.startCase(\n _.toLower(rule.getIn(['assignRole', 'ActionRoleType'], null))\n ) || '-'}\n
\n )\n default:\n return '-'\n }\n }\n\n render() {\n return (\n \n {this.props.hasError ? (\n \n
\n ) : (\n \n
\n )}\n \n )\n }\n}\n\nEscalation.propTypes = {\n hasError: PropTypes.bool,\n ticket: ImmutablePropTypes.map.isRequired,\n bots: ImmutablePropTypes.map.isRequired,\n}\n\nexport default themeable(Escalation)\n","import React, { Component, Fragment } from 'react'\n// import PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport moment from 'moment'\nimport { connect } from 'react-redux'\nimport { List } from 'immutable'\nimport { compose, bindActionCreators } from 'redux'\nimport { push } from 'connected-react-router'\nimport { createStructuredSelector } from 'reselect'\n\nimport Escalation from 'containers/TicketDetails/components/Escalation'\nimport { selectBots } from 'containers/SonraiData/selectors'\n\nimport TicketStatusIcon from 'components/TicketStatusIcon'\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\n\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport BorderedCard from 'components/BorderedCard'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport CreatedByBadge from 'components/CreatedByBadge'\nimport SectionHeader from 'components/SectionHeader'\nimport TextLink from 'components/TextLink'\nimport UserWidget from 'components/UserWidget'\n\nimport messages from './messages'\n\nexport class TicketDetailsEscalation extends Component {\n style = {\n container: {\n marginTop: '34px',\n display: 'flex',\n flexDirection: 'column',\n },\n propertiesContainer: {\n padding: '0.5rem 0rem',\n },\n property: {\n display: 'flex',\n flexDirection: 'column',\n marginBottom: '2rem',\n },\n label: {\n fontSize: '1rem',\n fontWeight: '400',\n margin: '0rem 0rem 0.5rem 0rem',\n },\n value: {\n fontSize: '0.95rem',\n maxWidth: '360px',\n overflow: 'hidden',\n wordWrap: 'break-word',\n },\n }\n\n getCreatedBy = () => {\n const createdBy = this.props.ticket.get('createdBy')\n return \n Next Escalation\n
\n \n
\n \n
\n {this.renderRules()}\n {this.getTime()}
\n \n {this.getCustomFieldValue(\n customField.set('value', value).set('isMulti', false)\n )}\n
\n ))\n }\n }\n\n if (type === 'CHECKBOX') {\n // for checkbox, always false unless explicitly true (e.g. null = false)\n return `${value == 'true'}`\n }\n\n if (value === null) {\n return \n \n
\n\n \n {this.props.ticket.get('customFields').map(customField => {\n return (\n \n
\n )\n })}\n \n )}\n \n \n
\n Status
\n \n
\n \n
\n Assigned To
\n \n {this.props.ticket.get('assignedTo') ? (\n \n \n )}\n
\n \n
\n Date Created
\n \n {this.props.ticket.get('createdDate')\n ? moment(this.props.ticket.get('createdDate')).format(\n 'MMM Do YYYY h:mm a'\n )\n : '-'}\n
\n \n
\n {this.props.ticket.get('ticketType') === 'Custom' &&\n this.props.ticket.get('customFields') != null &&\n this.props.ticket.get('customFields').size > 0 && (\n // render display of custom fields from custom ticket template:\n Created By
\n {this.getCreatedBy()}
\n \n
\n {customField.get('name')}\n
\n \n {this.getCustomFieldValue(customField)}\n
\n No suggested policy for this resource
\n }\n\n const oldCode = JSON.stringify(currentPol, null, 2)\n const newCode = JSON.stringify(suggestedPol, null, 2)\n\n return (\n \n
\n )\n }\n\n const renderPolicyDiff = () => {\n const options = data.map(({ policySrn }) => ({\n label: getNameFromSrn(policySrn),\n value: policySrn,\n }))\n\n return (\n \n
\n \n Original Policy\n
\n \n \n {tabIndex === 0\n ? 'Recommended Policy'\n : 'Monitored Actions Policy'}\n \n\n
\n \n {selectedPolicy && (\n
\n )\n }\n\n const renderManualRemediationSteps = () => {\n //TODO: replace this with the remediation steps on the ticket itself (a new field)\n\n return (\n \n
\n )}\n \n \n Select Policy to Compare{' '}\n \n
\n \n \n setTabIndex(0)}\n >\n Recommended Policy\n \n setTabIndex(1)}\n >\n Monitored Actions Policy\n \n \n
\n \n {selectedPolicy ? (\n renderPolicyDiffView()\n ) : (\n
\n No suggested policy for this resource
\n )}\n \n
\n )\n }\n\n if (this.props.ticketDetails.get('error')) {\n return \n
\n )\n }\n}\n\nTicket.propTypes = {\n fetchTicketDetails: PropTypes.func,\n policies: ImmutablePropTypes.map.isRequired,\n ticketDetails: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n error: PropTypes.bool,\n data: ImmutablePropTypes.map,\n }),\n ticketSrn: PropTypes.string,\n actionStatus: ImmutablePropTypes.map,\n}\n\nconst mapStateToProps = createStructuredSelector({\n ticketDetails: selectTicketDetails,\n actionStatus: selectActionStatus,\n policies: selectPolicies,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n fetchTicketDetails,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect)(Ticket)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { default as ReactSplitterLayout } from 'react-splitter-layout'\nimport 'react-splitter-layout/lib/index.css'\nimport './gridStyles.css'\nimport './styles.css'\n\nexport class SplitterLayout extends React.Component {\n render() {\n const { children, grid, ...pprops } = this.props\n return (\n \n
\n {this.state.showRemediationModal && (\n \n {this.getActions(this.props.actions)}\n
\n )\n }\n}\n\nContextMenu.propTypes = {\n actions: PropTypes.array,\n coords: PropTypes.array,\n theme: themeShape,\n}\n\nexport default themeable(ContextMenu)\n","import { createSelector } from 'reselect'\n\n/**\n * Direct selector to the explorer state domain\n */\nconst selectExplorerDomain = state => state.get('explorer')\n\nexport const selectSourceNodes = createSelector(\n selectExplorerDomain,\n state => state.get('sourceNodes')\n)\n\nexport const selectIsLoading = createSelector(\n selectExplorerDomain,\n state => state.get('isLoading')\n)\n\nexport const selectAvailableFilters = createSelector(\n selectExplorerDomain,\n state => state.get('availableFilters')\n)\n\nexport const selectNodes = createSelector(\n selectExplorerDomain,\n state => state.get('nodes')\n)\n\nexport const selectSelectedNode = createSelector(\n selectExplorerDomain,\n state => state.get('selectedNode')\n)\n\nexport const selectNodePreview = createSelector(\n selectExplorerDomain,\n state => state.get('nodePreview')\n)\nexport const selectNodePreviewRelations = createSelector(\n selectExplorerDomain,\n state => state.get('nodePreviewRelations') || Map()\n)\n\nexport const selectIsLoadingNodePreview = createSelector(\n selectExplorerDomain,\n state => state.get('isLoadingNodePreview')\n)\n\nexport const selectHiddenNodes = createSelector(\n selectExplorerDomain,\n state => state.get('hiddenNodes')\n)\n\nexport const selectExpandedNodeTypes = createSelector(\n selectExplorerDomain,\n state => state.get('expandedNodeTypes')\n)\n\nexport const selectIsLoadingNodes = createSelector(\n selectExplorerDomain,\n state => state.get('isLoadingNodes')\n)\n/**\n * Other specific selectors\n */\n\n/**\n * Default selector used by Explorer\n */\n\nconst makeSelectExplorer = () =>\n createSelector(\n selectExplorerDomain,\n substate => substate.toJS()\n )\n\nexport default makeSelectExplorer\nexport { selectExplorerDomain }\n","/*\n *\n * Explorer constants\n *\n */\n\nexport const GET_SOURCE_NODE = 'app/Explorer/GET_SOURCE_NODE'\nexport const GET_MULTI_SOURCE_NODES = 'app/Explorer/GET_MULTI_SOURCE_NODES'\nexport const SET_SOURCE_NODES = 'app/Explorer/SET_SOURCE_NODES'\nexport const GET_RELATIONS = 'app/Explorer/GET_RELATIONS'\nexport const SET_RELATIONS = 'app/Explorer/SET_RELATIONS'\nexport const REMOVE_RELATIONS = 'app/Explorer/REMOVE_RELATIONS'\nexport const SET_FILTER = 'app/Explorer/SET_FILTER'\nexport const REMOVE_FILTER = 'app/Explorer/REMOVE_FILTER'\nexport const SELECT_NODE = 'app/Explorer/SELECT_NODE'\nexport const SET_AVAILABLE_FILTERS = 'app/Explorer/SET_AVAILABLE_FILTERS'\nexport const CLEAR_GRAPH = 'app/Explorer/CLEAR_GRAPH'\nexport const GET_NODE_PREVIEW = 'app/Explorer/GET_NODE_PREVIEW'\nexport const SET_NODE_PREVIEW = 'app/Explorer/SET_NODE_PREVIEW'\nexport const LOAD_ALL_CHILDREN = 'app/Explorer/LOAD_ALL_CHILDREN'\nexport const CLEAR_FILTERS = 'app/Explorer/CLEAR_FILTERS'\nexport const REMOVE_NODE = 'app/Explorer/REMOVE_NODE'\nexport const GET_NODE_PREVIEW_RELATIONS =\n 'app/Explorer/GET_NODE_PREVIEW_RELATIONS'\nexport const SET_NODE_PREVIEW_RELATIONS =\n 'app/Explorer/SET_NODE_PREVIEW_RELATIONS'\n\nexport const HANDLE_EXPAND = 'app/Explorer/HANDLE_EXPAND'\nexport const HANDLE_HIDE = 'app/Explorer/HANDLE_HIDE'\nexport const HANDLE_SHOW = 'app/Explorer/HANDLE_SHOW'\nexport const HANDLE_UPDATE = 'app/Explorer/HANDLE_UPDATE'\nexport const LOAD_NODES = 'app/Explorer/LOAD_NODES'\n","/*\n *\n * Explorer reducer\n *\n */\n\nimport { fromJS, Map, List } from 'immutable'\nimport _ from 'lodash'\nimport { handleActions } from 'redux-actions'\nimport {\n SET_RELATIONS,\n REMOVE_RELATIONS,\n GET_SOURCE_NODE,\n GET_MULTI_SOURCE_NODES,\n SET_SOURCE_NODES,\n SET_FILTER,\n REMOVE_FILTER,\n SELECT_NODE,\n SET_AVAILABLE_FILTERS,\n CLEAR_GRAPH,\n GET_NODE_PREVIEW,\n SET_NODE_PREVIEW,\n LOAD_ALL_CHILDREN,\n CLEAR_FILTERS,\n REMOVE_NODE,\n SET_NODE_PREVIEW_RELATIONS,\n HANDLE_EXPAND,\n HANDLE_HIDE,\n HANDLE_SHOW,\n LOAD_NODES,\n HANDLE_UPDATE,\n} from './constants'\nimport { EXPLORER_VIEW_TYPES } from 'appConstants'\n\nconst initialState = fromJS({\n sourceNodes: [],\n isLoading: false,\n nodes: {},\n selectedNode: null,\n availableFilters: {},\n isLoadingNodePreview: false,\n nodePreview: {},\n nodePreviewRelations: {},\n hiddenNodes: [],\n expandedNodeTypes: [],\n isLoadingNodes: false,\n})\n\nconst explorerReducer = handleActions(\n {\n [REMOVE_NODE]: (state, { payload }) => {\n const node = payload.get('srn')\n const allNodes = state.get('nodes')\n\n let children = List()\n allNodes.forEach(n => {\n const parents = n.get('parents', List())\n if (parents.includes(node)) {\n children = children.push(n)\n }\n })\n\n const childNodeIds = children.map(child => child.get('srn'))\n const newNodes = allNodes.filter(\n x => !childNodeIds.includes(x.get('srn')) && x.get('srn') !== node\n )\n\n return state.set('selectedNode', null).set('nodes', newNodes)\n },\n [CLEAR_GRAPH]: state =>\n state\n .set('selectedNode', null)\n .set('sourceNodes', fromJS([]))\n .set('nodes', fromJS({}))\n .set('availableFilters', fromJS({}))\n .set('tableData', fromJS([]))\n .set('viewType', EXPLORER_VIEW_TYPES.EXPLORER)\n .set('nodePreview', fromJS({}))\n .set('nodePreviewRelations', fromJS({}))\n .set('hiddenNodes', fromJS([]))\n .set('expandedNodeTypes', fromJS([])),\n [LOAD_ALL_CHILDREN]: (state, { payload }) => {\n let nodes = {}\n _.keys(payload.relations).map(a => {\n nodes[a] = []\n payload.relations[a].map(b => {\n let srns = nodes[a].map(y => y.item.srn)\n let sourceNodes = state.get('sourceNodes')\n if (!srns.includes(b.item.srn)) {\n if (!sourceNodes.includes(b.item.srn)) {\n nodes[a].push(b)\n }\n }\n })\n })\n const relations = fromJS(nodes)\n let newState = state.setIn(['nodes', payload.srn, 'relations'], relations)\n relations.forEach(relationsForType => {\n relationsForType.forEach(relation => {\n const item = relation.get('item')\n if (!newState.get('nodes').has(item.get('srn'))) {\n newState = newState.setIn(\n ['nodes', item.get('srn')],\n item\n .set('filters', Map())\n .set('isSourceNode', false)\n .set('parents', fromJS([payload.srn]))\n )\n }\n })\n })\n return newState\n },\n [CLEAR_FILTERS]: (state, { payload }) => {\n let currentRelations = state\n .getIn(['nodes', payload.node, 'relations'])\n .toJS()\n\n let newState = state.deleteIn(['nodes', payload.node, 'relations'])\n const sourceNodes = payload.sourceNodes.toJS()\n let clearRelations = {}\n for (let i = 0; i < _.keys(currentRelations).length; i++) {\n clearRelations[_.keys(currentRelations)[i]] = _.uniqBy(\n currentRelations[_.keys(currentRelations)[i]].filter(\n x => !sourceNodes.includes(x.item.srn)\n ),\n x => x.item.srn\n )\n }\n\n fromJS(clearRelations).forEach(type => {\n type.forEach(rel => {\n newState = removeDeselectedNodes(newState, rel.get('item').get('srn'))\n })\n })\n return newState.setIn(\n ['nodes', state.get('selectedNode'), 'filters'],\n Map()\n )\n },\n [SET_RELATIONS]: (state, { payload }) => {\n const sourceNodes = state.get('sourceNodes')\n const parentNodes = state.getIn(['nodes', payload.srn, 'parents'])\n\n let relations = payload.relations.filter(\n x => !sourceNodes.includes(x.item.srn)\n )\n if (parentNodes && !parentNodes.isEmpty()) {\n relations = relations.filter(y => !parentNodes.includes(y.item.srn))\n }\n\n let newState = state\n .setIn(\n ['nodes', payload.srn, 'relations', payload.label],\n fromJS(relations.map(rel => ({ parent: payload.srn, ...rel })))\n )\n .setIn(\n ['nodes', payload.srn, 'filters', payload.label],\n fromJS({ selected: true })\n )\n\n for (let relation of relations) {\n if (!newState.get('nodes').has(relation.item.srn)) {\n newState = newState.setIn(\n ['nodes', relation.item.srn],\n fromJS({\n ...relation.item,\n filters: {},\n isSourceNode: false,\n parents: [payload.srn],\n })\n )\n } else {\n let parents = newState.getIn(['nodes', relation.item.srn, 'parents'])\n\n let currentParents = parents.filter(\n x => !state.get('sourceNodes').includes(x)\n )\n\n if (!currentParents.isEmpty()) {\n if (!currentParents.contains(payload.srn)) {\n newState = newState.setIn(\n ['nodes', relation.item.srn, 'parents'],\n currentParents.add(payload.srn)\n )\n }\n }\n }\n }\n return newState.set('isLoading', false).set('isLoadingNodes', false)\n },\n [REMOVE_RELATIONS]: (state, { payload }) => {\n let currentRelations = fromJS(\n _.uniqBy(\n state\n .getIn(['nodes', payload.srn, 'relations', payload.label])\n .toJS(),\n x => x.item.srn\n )\n )\n\n const sourceNodes = payload.sourceNodes.toJS()\n currentRelations = currentRelations.filter(\n rel => !sourceNodes.includes(rel.getIn(['item', 'srn']))\n )\n\n let newState = state.deleteIn([\n 'nodes',\n payload.srn,\n 'relations',\n payload.label,\n ])\n\n currentRelations.forEach(rel => {\n newState = removeDeselectedNodes(newState, rel.get('item').get('srn'))\n })\n return newState\n },\n [GET_SOURCE_NODE]: state => state.set('isLoading', true),\n [GET_MULTI_SOURCE_NODES]: state => state.set('isLoading', true),\n [SET_SOURCE_NODES]: (state, { payload }) => {\n let nodes = payload.nodes\n let sourceNodes = []\n let stateNodes = {}\n nodes.forEach(node => {\n sourceNodes.push(node.srn)\n stateNodes[node.srn] = {\n ...node,\n filters: {},\n isSourceNode: true,\n name: node.friendlyName || node.name,\n type: node.__typename,\n relations: {},\n }\n })\n let newState = state\n .set('isLoading', false)\n .set('nodes', fromJS(stateNodes))\n .set('sourceNodes', fromJS(sourceNodes))\n return newState\n },\n [LOAD_NODES]: (state, { payload }) => {\n let nodes = {}\n payload.forEach(node => {\n nodes[node.get('srn')] = { ...node.toJS() }\n })\n\n const sourceNodes = payload\n .filter(node => node.get('isSourceNode'))\n .map(node => node.get('srn'))\n\n return state.set('nodes', fromJS(nodes)).set('sourceNodes', sourceNodes)\n },\n [SET_FILTER]: (state, { payload }) => {\n return state.setIn(\n ['nodes', state.get('selectedNode'), 'filters', payload],\n fromJS({ selected: true })\n )\n },\n [REMOVE_FILTER]: (state, { payload }) => {\n return state.setIn(\n ['nodes', state.get('selectedNode'), 'filters', payload],\n fromJS({ selected: false })\n )\n },\n [SELECT_NODE]: (state, { payload }) => {\n return state.set('selectedNode', payload.node)\n },\n [SET_AVAILABLE_FILTERS]: (state, { payload }) => {\n return state.setIn(['availableFilters', payload.type], payload.filters)\n },\n [HANDLE_HIDE]: (state, { payload }) => {\n const sourceNodes = state.get('sourceNodes')\n const nodesToHide = payload.listOfSrnsToHide\n .filter(node => {\n if (!sourceNodes.includes(node)) {\n return node\n }\n })\n .map(node =>\n fromJS({\n srn: node,\n __typename: payload.typename,\n })\n )\n const hiddenNodes = state.get('hiddenNodes').concat(nodesToHide)\n\n return state.set('hiddenNodes', hiddenNodes)\n },\n [HANDLE_SHOW]: (state, { payload }) => {\n const hiddenNodes = state.get('hiddenNodes')\n const newHiddenNodes = hiddenNodes.filter(\n node => node.get('__typename') !== payload\n )\n return state.set('hiddenNodes', newHiddenNodes)\n },\n [GET_NODE_PREVIEW]: state => state.set('isLoadingNodePreview', true),\n [SET_NODE_PREVIEW]: (state, { payload }) => {\n return state\n .set('nodePreview', fromJS(payload))\n .set('isLoadingNodePreview', false)\n },\n [SET_NODE_PREVIEW_RELATIONS]: (state, { payload }) => {\n return state.set('nodePreviewRelations', fromJS(payload))\n },\n [HANDLE_EXPAND]: (state, { payload }) => {\n const types = payload.map(x => x.typename)\n const expandedNodeTypes = state.get('expandedNodeTypes').toJS()\n const updatedExpandedNodeTypes = fromJS(\n [].concat(types, expandedNodeTypes)\n )\n return state\n .set('isLoadingNodes', true)\n .set('expandedNodeTypes', updatedExpandedNodeTypes)\n },\n [HANDLE_UPDATE]: (state, { payload }) => {\n return state\n .set('nodes', fromJS(payload))\n .set('hiddenNodes', List())\n .set('expandedNodeTypes', List())\n },\n },\n initialState\n)\n\nconst removeDeselectedNodes = (state, srn) => {\n let newState = state\n const currentNode = newState.getIn(['nodes', srn])\n\n if (currentNode && currentNode.get('parents')) {\n if (currentNode.get('parents').size <= 1) {\n newState = newState.deleteIn(['nodes', srn])\n }\n }\n\n const currentRelations = newState.getIn([\n 'nodes',\n currentNode.get('srn'),\n 'relations',\n ])\n if (currentRelations) {\n currentRelations.forEach(relationsForType => {\n relationsForType.forEach(item => {\n newState = removeDeselectedNodes(newState, item.get('srn'))\n })\n })\n }\n\n newState.get('nodes').forEach(node => {\n if (node.get('parents')) {\n if (\n node\n .get('parents')\n .toJS()\n .includes(currentNode.get('srn'))\n ) {\n newState = removeDeselectedNodes(newState, node.get('srn'))\n }\n }\n })\n\n return newState\n}\n\nexport default explorerReducer\n","/*\n *\n * Explorer actions\n *\n */\n\nimport {\n GET_SOURCE_NODE,\n SET_SOURCE_NODES,\n GET_MULTI_SOURCE_NODES,\n GET_RELATIONS,\n SET_RELATIONS,\n REMOVE_RELATIONS,\n SET_FILTER,\n REMOVE_FILTER,\n SELECT_NODE,\n SET_AVAILABLE_FILTERS,\n CLEAR_GRAPH,\n GET_NODE_PREVIEW,\n SET_NODE_PREVIEW,\n LOAD_ALL_CHILDREN,\n CLEAR_FILTERS,\n REMOVE_NODE,\n SET_NODE_PREVIEW_RELATIONS,\n GET_NODE_PREVIEW_RELATIONS,\n HANDLE_EXPAND,\n HANDLE_HIDE,\n HANDLE_SHOW,\n LOAD_NODES,\n HANDLE_UPDATE,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const getSourceNode = createAction(GET_SOURCE_NODE)\nexport const getMultiSourceNodes = createAction(GET_MULTI_SOURCE_NODES)\nexport const setSourceNodes = createAction(SET_SOURCE_NODES)\nexport const getRelations = createAction(GET_RELATIONS)\nexport const setRelations = createAction(SET_RELATIONS)\nexport const removeRelations = createAction(REMOVE_RELATIONS)\nexport const setFilter = createAction(SET_FILTER)\nexport const removeFilter = createAction(REMOVE_FILTER)\nexport const selectNode = createAction(SELECT_NODE)\nexport const setAvailableFilters = createAction(SET_AVAILABLE_FILTERS)\nexport const clearGraph = createAction(CLEAR_GRAPH)\nexport const getNodePreview = createAction(GET_NODE_PREVIEW)\nexport const setNodePreview = createAction(SET_NODE_PREVIEW)\nexport const loadAllChildren = createAction(LOAD_ALL_CHILDREN)\nexport const clearFilters = createAction(CLEAR_FILTERS)\nexport const removeNode = createAction(REMOVE_NODE)\nexport const getNodePreviewRelations = createAction(GET_NODE_PREVIEW_RELATIONS)\nexport const setNodePreviewRelations = createAction(SET_NODE_PREVIEW_RELATIONS)\nexport const handleExpand = createAction(HANDLE_EXPAND)\nexport const handleHide = createAction(HANDLE_HIDE)\nexport const handleShow = createAction(HANDLE_SHOW)\nexport const loadNodes = createAction(LOAD_NODES)\nexport const handleUpdate = createAction(HANDLE_UPDATE)\n","import { all, put, takeLatest, call } from 'redux-saga/effects'\nimport { fromJS, List, Map } from 'immutable'\nimport _ from 'lodash'\nimport {\n FETCH_ALL_TYPES_RELATIONS_QUERY,\n FETCH_ACTIONS_RELATIONS_QUERY,\n MULTI_FETCH_ALL_TYPES_RELATIONS_QUERY,\n FETCH_ACCOUNT_SOURCE_NODES_QUERY,\n GET_RELATIONS_QUERY,\n DEFAULT_EXPLORER_LIMIT,\n} from 'static-queries'\n\nimport {\n GET_SOURCE_NODE,\n GET_RELATIONS,\n GET_NODE_PREVIEW,\n GET_NODE_PREVIEW_RELATIONS,\n HANDLE_EXPAND,\n GET_MULTI_SOURCE_NODES,\n} from './constants'\nimport { getClient } from 'apolloClient'\nimport {\n setSourceNodes,\n setRelations,\n setNodePreview,\n setNodePreviewRelations,\n} from './actions'\nimport gql from 'graphql-tag'\nimport { exists } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils.js'\n\nconst uniqByLabel = relations => {\n let uniqByLabel = {}\n relations.forEach(result => {\n if (uniqByLabel[result.label]) {\n uniqByLabel[result.label] = [\n ...uniqByLabel[result.label],\n result.relation,\n ]\n } else {\n uniqByLabel[result.label] = [result.relation]\n }\n })\n return uniqByLabel\n}\n\nfunction* getRelationsOnType(action) {\n const arrOfExpandableNodeTypes = action.payload\n const listOfSrns = [].concat(\n ...arrOfExpandableNodeTypes.map(x => x.listOfSrnsToExpand)\n )\n\n const results = yield all(\n listOfSrns.map(node => call(fetchRelationsOnSourceNodes, node, true))\n )\n\n const resultsToDisplay = results.map(result => ({\n relations: uniqByLabel(result.relations),\n srn: result.srn,\n }))\n\n yield all(\n resultsToDisplay.map(result =>\n _.keys(result.relations).map(key =>\n put(\n setRelations({\n srn: result.srn,\n relations: result.relations[key],\n label: key,\n })\n )\n )\n )\n )\n}\n\nfunction* fetchRelationsOnSourceNodes(node, uniqByLabel) {\n const client = getClient()\n const results = yield client.query({\n fetchPolicy: 'no-cache',\n query: gql`\n query fetchAllRelations {\n Entities(where: { srn: { value: \"${node}\" } }) {\n items {\n label\n srn\n ... on Resource { \n name\n }\n relations(limit: ${DEFAULT_EXPLORER_LIMIT}) {\n item {\n srn\n label\n ... on Resource {\n name\n friendlyName\n }\n }\n relation {\n direction\n name\n }\n }\n }\n }\n }\n `,\n })\n\n const entity = _.get(results, ['data', 'Entities', 'items', 0], {})\n const entityRelations = _.get(entity, ['relations'], [])\n\n const relations = uniqByLabel\n ? entityRelations.map(rel => ({\n label: rel.item.label,\n parent: node,\n relation: rel,\n }))\n : entityRelations\n\n return {\n srn: node,\n label: entity.__typename,\n relations,\n }\n}\n\nfunction* getRelationsOnNodePreview(action) {\n try {\n const client = getClient()\n const query =\n 'Action' === getTypeFromSrn(action.payload)\n ? FETCH_ACTIONS_RELATIONS_QUERY\n : FETCH_ALL_TYPES_RELATIONS_QUERY\n const results = yield client.query({\n fetchPolicy: 'no-cache',\n query: gql`\n ${query}\n `,\n variables: {\n sourceNodeId: action.payload,\n },\n })\n\n if (results.data.Entities.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n yield put(setNodePreviewRelations(results.data.Entities.items[0].relations))\n } catch (e) {\n console.error(`${e}`) //eslint-disable-line no-console\n }\n}\n\nfunction* getMultiSourceNodes({ payload }) {\n const client = getClient()\n try {\n const result = yield client.query({\n query: gql`\n ${MULTI_FETCH_ALL_TYPES_RELATIONS_QUERY}\n `,\n fetchPolicy: 'no-cache',\n variables: {\n sourceNodeIds: payload.ids,\n },\n })\n const nodes = _.get(result, ['data', 'Entities', 'items'])\n\n yield put(setSourceNodes({ nodes: nodes, search: false }))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`${e}`)\n }\n}\n\nfunction* getSourceNode(action) {\n const client = getClient()\n\n let result\n if (exists(action.payload.id)) {\n const query =\n 'Action' === getTypeFromSrn(action.payload.id)\n ? FETCH_ACTIONS_RELATIONS_QUERY\n : FETCH_ALL_TYPES_RELATIONS_QUERY\n result = yield client.query({\n query: gql`\n ${query}\n `,\n fetchPolicy: 'no-cache',\n variables: {\n sourceNodeId: action.payload.id,\n },\n })\n } else {\n result = yield client.query({\n query: gql`\n ${FETCH_ACCOUNT_SOURCE_NODES_QUERY}\n `,\n fetchPolicy: 'no-cache',\n })\n }\n\n if (result.data[_.keys(result.data)[0]].items.length > 0) {\n const node = result.data[_.keys(result.data)[0]].items[0]\n yield put(setSourceNodes({ nodes: [node], search: false }))\n\n let groupedRelations = Map()\n node.relations.forEach(relation => {\n const typename = relation.item.__typename\n const newRelation = fromJS({ parent: node.srn, ...relation })\n\n if (!groupedRelations.get(typename)) {\n groupedRelations = groupedRelations.set(typename, List([newRelation]))\n } else {\n groupedRelations = groupedRelations.update(typename, typeRelations =>\n typeRelations.push(newRelation)\n )\n }\n })\n\n yield all(\n groupedRelations\n .map((typedRelations, label) =>\n put(\n setRelations({\n srn: node.srn,\n relations: typedRelations,\n label: label,\n })\n )\n )\n .toJS()\n )\n }\n}\n\nfunction* getRelations({ payload }) {\n const { srn, itemFilter } = payload\n const query = gql`\n ${GET_RELATIONS_QUERY}\n `\n\n const client = getClient()\n\n try {\n const result = yield client.query({\n query,\n variables: { srn, itemFilter, limit: DEFAULT_EXPLORER_LIMIT },\n fetchPolicy: 'no-cache',\n })\n\n if (result.data.Entities.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const relations = result.data.Entities.items[0].relations\n yield put(setRelations({ srn, relations, label: itemFilter.label.value }))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting relationships for node', e.message)\n yield put(\n setRelations({ srn, relations: [], label: itemFilter.label.value })\n )\n }\n}\n\nfunction* getNodePreview(action) {\n const query = action.payload.query\n const variables = action.payload.variables\n\n const client = getClient()\n const result = yield client.query({\n query,\n variables,\n fetchPolicy: 'no-cache',\n })\n\n yield put(setNodePreview(result.data.Resources.items[0]))\n}\n\nfunction* explorerSaga() {\n yield all([\n takeLatest(GET_RELATIONS, getRelations),\n takeLatest(GET_SOURCE_NODE, getSourceNode),\n takeLatest(GET_MULTI_SOURCE_NODES, getMultiSourceNodes),\n takeLatest(GET_NODE_PREVIEW, getNodePreview),\n takeLatest(GET_NODE_PREVIEW_RELATIONS, getRelationsOnNodePreview),\n takeLatest(HANDLE_EXPAND, getRelationsOnType),\n ])\n}\n\nexport default explorerSaga\n","import React, { Component, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport _ from 'lodash'\nimport { List } from 'immutable'\nimport MultiSelect from 'react-select'\nimport makeAnimated from 'react-select/animated'\nimport { Dropdown, DropdownToggle } from 'reactstrap'\n\nimport TimeoutLoader from 'components/TimeoutLoader'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { getNodeInfoQuery } from 'utils/graphDataUtils'\nimport { getFieldsForType, getFullType } from 'query-builder'\nimport Icon from 'components/Icon'\nimport {\n selectQueryNames,\n selectQueryTypes,\n selectQueryRelations,\n} from 'containers/SonraiData/selectors'\nimport { computeAvailableFilters } from 'utils/sonraiUtils'\nimport BorderlessButton from 'components/BorderlessButton'\nimport TextLink from 'components/TextLink'\nimport CenterContent from 'components/CenterContent'\nimport { PreviewCard } from 'components/NodeView'\nimport DropdownMenu from 'components/StyledReactstrapDropdownMenu'\n\nimport {\n selectAvailableFilters,\n selectNodes,\n selectSelectedNode,\n selectIsLoadingNodePreview,\n selectNodePreview,\n selectNodePreviewRelations,\n} from './selectors'\nimport {\n getRelations,\n removeRelations,\n setFilter,\n removeFilter,\n selectNode,\n clearFilters,\n loadAllChildren,\n getNodePreview,\n setAvailableFilters,\n removeNode,\n getNodePreviewRelations,\n} from './actions'\n\nconst skipValues = [\n 'srn',\n 'sid',\n 'observedDate',\n 'loadId',\n 'resourceId',\n 'createdBy',\n 'content',\n]\n\nclass NodePreview extends Component {\n styles = {\n container: {\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateAreas: '\"header\" \"body\" \"children\"',\n maxHeight: '80%',\n },\n header: {\n minWidth: '100%',\n maxWidth: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gridArea: 'header',\n },\n body: {\n gridArea: 'body',\n maxHeight: '500px',\n },\n closeButton: {\n alignSelf: 'start',\n margin: '0.05rem 0rem 0rem 0.5rem',\n },\n removeNode: {\n display: 'block',\n width: '100%',\n marginBottom: '0.5em',\n paddingTop: '0.25em',\n paddingBottom: '0.25em',\n paddingLeft: '1em',\n paddingRight: '1em',\n textAlign: 'left',\n },\n filterTitle: {\n margin: '0.5rem 0rem',\n fontWeight: '400',\n },\n disabledSelectAll: {\n cursor: 'default',\n color: '#c8c8c8',\n },\n selectHeader: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n moreButton: {\n padding: '0 0.3em',\n border: 'none',\n display: 'inline',\n boxShadow: 'none',\n backgroundColor: 'transparent',\n },\n iconMenu: {\n display: 'flex',\n alignSelf: 'flex-start',\n alignItems: 'center',\n },\n }\n\n constructor(props) {\n super(props)\n\n this.state = {\n dropdownExpanded: false,\n }\n if (props.selectedNode) {\n const query = this.getGenericQuery(props.selectedNode)\n const variables = { srn: props.selectedNode }\n props.getNodePreview({ query, variables })\n\n const nodeConfig = props.nodes.get(props.selectedNode)\n\n const nodeType = getFullType(nodeConfig.get('__typename'))\n\n const itemType = props.queryTypes\n .getIn([nodeType, 'fields'], List())\n .find(i => i.get('name') === 'items')\n .getIn(['type', 'ofType', 'name'])\n\n if (!this.props.availableFilters.get(itemType)) {\n const availableRelations = computeAvailableFilters(\n itemType,\n props.queryRelations,\n props.queryTypes\n )\n\n props.setAvailableFilters({\n type: itemType,\n filters: availableRelations,\n })\n }\n }\n }\n\n componentDidUpdate(oldProps) {\n const { nodePreview } = this.props\n const srn = nodePreview.get('srn')\n if (oldProps.nodePreview.get('srn') !== srn) {\n if (srn) {\n this.props.getNodePreviewRelations(srn)\n }\n }\n }\n\n getGenericQuery = nodeId => {\n return getNodeInfoQuery(\n nodeId,\n this.props.queryNames,\n this.props.queryTypes\n )\n }\n\n isActive = label => {\n const filterForLabel = this.props.nodes\n .get(this.props.selectedNode)\n .get('filters')\n .get(label)\n if (filterForLabel && filterForLabel.get('selected')) {\n return true\n }\n return false\n }\n\n handleSelectAll = () => {\n if (this.props.nodePreviewRelations.isEmpty()) {\n return\n }\n\n const node = this.props.nodePreview\n const sourceNodes = this.props.sourceNodes.toJS()\n const parentNodes = this.props.nodes\n .get(this.props.selectedNode)\n .get('parents')\n ? this.props.nodes.get(this.props.selectedNode).get('parents').toJS()\n : []\n\n let relations = {}\n const srn = node.get('srn')\n\n this.props.nodePreviewRelations.forEach(relation => {\n const typename = relation.getIn(['item', '__typename'])\n const newRelation = { parent: srn, ...relation.toJS() }\n if (!relations[typename]) {\n relations[typename] = [newRelation]\n } else {\n relations[typename].push(newRelation)\n }\n })\n\n _.keys(relations).forEach(type => {\n const typeArr = relations[type]\n .filter(x => !sourceNodes.includes(x.item.srn))\n .filter(y => !parentNodes.includes(y.item.srn))\n if (!_.isEmpty(typeArr)) {\n this.props.setFilter(type)\n }\n })\n\n this.props.loadAllChildren({\n srn,\n relations,\n })\n }\n\n handleChildFilter = (newValue, actionMeta) => {\n switch (actionMeta.action) {\n case 'select-option':\n this.props.setFilter(actionMeta.option.value)\n this.props.getRelations({\n srn: this.props.selectedNode,\n itemFilter: {\n label: { value: actionMeta.option.value, caseSensitive: false },\n },\n })\n break\n case 'clear':\n this.props.clearFilters({\n node: this.props.selectedNode,\n sourceNodes: this.props.sourceNodes,\n })\n break\n default:\n this.props.removeFilter(actionMeta.removedValue.value)\n this.props.removeRelations({\n srn: this.props.selectedNode,\n label: actionMeta.removedValue.value,\n sourceNodes: this.props.sourceNodes,\n })\n }\n }\n\n getPreviewFields = () => {\n const type = this.props.nodePreview.get('__typename').toLowerCase()\n const fields = getFieldsForType(type, this.props.queryTypes).filter(\n field => !skipValues.includes(field.get('name'))\n )\n\n return fields.toJS()\n }\n\n getOptions = nodeId => {\n if (nodeId && this.props.nodes) {\n const selectedNode = this.props.nodes.get(nodeId)\n if (selectedNode) {\n const selectedType = selectedNode.get('__typename')\n return _.keys(this.props.availableFilters.get(selectedType))\n .filter(filter => filter !== 'Action')\n .map(filter => ({\n label: filter,\n value: filter,\n }))\n .sort((a, b) => a.label.localeCompare(b.label))\n }\n }\n }\n\n toggleDropdown = () => {\n this.setState(oldState => ({\n dropdownExpanded: !oldState.dropdownExpanded,\n }))\n }\n\n getValues = options => {\n return options.filter(option => this.isActive(option.value))\n }\n\n render() {\n if (this.props.nodePreview.isEmpty() || this.props.isLoadingNodePreview) {\n return (\n \n
\n )\n }\n\n const node = this.props.nodePreview\n const selectOptions = this.getOptions(this.props.selectedNode)\n const value = this.getValues(selectOptions)\n\n return (\n \n \n
\n \n this.props.selectNode({ node: null })}\n >\n
\n \n \n \n
\n \n Show Relations:\n \n {this.props.nodePreviewRelations.isEmpty() && (\n
\n\n \n \n
\n )\n }\n}\n\nNodeSearch.defaultProps = {\n style: {},\n}\n\nNodeSearch.propTypes = {\n setTerms: PropTypes.func.isRequired,\n style: PropTypes.object,\n theme: themeShape,\n filterActive: PropTypes.bool,\n toggleFilterPanel: PropTypes.func,\n}\n\nexport default themeable(NodeSearch)\n","import React, { Component } from 'react'\nimport BorderedCard from 'components/BorderedCard'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport {\n Input,\n InputGroup,\n InputGroupAddon,\n InputGroupText,\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n} from 'reactstrap'\n\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport Button from 'components/Button'\nimport Checkbox from 'components/Checkbox'\nimport Icon from 'components/Icon'\nimport BorderlessButton from 'components/BorderlessButton'\nimport TextLink from 'components/TextLink'\nimport Tooltip from 'components/Tooltip'\nimport { getIconMapping } from 'utils/sonraiUtils'\nimport { getColor } from 'components/GraphVis/nodeIcons'\n\nclass FilterPanel extends Component {\n state = {\n filter: '',\n selected: [],\n }\n\n style = {\n container: {\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n },\n title: { fontSize: '1.2rem' },\n filterBar: { margin: '1rem 0rem' },\n toggleFilterPanel: {\n top: '1rem',\n right: '1rem',\n position: 'absolute',\n cursor: 'pointer',\n },\n button: {\n padding: '0.25rem',\n fontSize: '0.8rem',\n },\n buttonContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n minWidth: '140px',\n },\n entityTitle: { fontSize: '0.95rem', marginLeft: '1rem' },\n entityContainer: {\n display: 'flex',\n alignItems: 'center',\n padding: '0.85rem 0.4rem',\n justifyContent: 'space-between',\n margin: '0.25rem',\n },\n count: { color: '#c8c8c8' },\n filterBarContainer: {\n padding: '0.8rem 0.4rem',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderBottom: '1px solid lightgrey',\n },\n tooltip: {\n fontWeight: '400',\n fontSize: '14px',\n overflow: 'hidden',\n },\n }\n\n isHidden = type => {\n const types = this.props.hiddenNodes.map(x => x.get('__typename'))\n return types.includes(type)\n }\n\n handleCollapse = () => {\n const { selected } = this.state\n const { expandedNodeTypes, nodes } = this.props\n const labels = selected.filter(x => expandedNodeTypes.toJS().includes(x))\n const nodeTypesToCollapse = nodes.filter(node => {\n if (labels.includes(node.get('label'))) {\n return node\n }\n })\n const parents = _.keys(nodeTypesToCollapse.toJS())\n let update = []\n let updatedNodes = {}\n nodes.forEach(node => {\n if (node.get('parents') || node.get('isSourceNode')) {\n if (\n !parents.includes(node.getIn(['parents', '0'])) ||\n node.get('isSourceNode')\n ) {\n update.push(node.toJS())\n }\n }\n })\n\n update.forEach(node => {\n updatedNodes[node.srn] = node\n })\n\n this.setState({\n selected: [],\n })\n this.props.handleUpdate(updatedNodes)\n }\n\n handleExpand = () => {\n const { selected } = this.state\n\n const totalNumberOfEntites = _.sum(\n selected.map(x => this.getCount(x, true))\n )\n\n if (totalNumberOfEntites >= 10) {\n this.setState({\n warningModal: true,\n })\n } else {\n this.setState({\n selected: [],\n })\n this.props.handleExpand(selected)\n }\n }\n\n getCount = (type, int) => {\n const nodes = this.props.nodes\n .toList()\n .filter(node => node.get('__typename') == type)\n if (int) {\n return nodes.size\n }\n return nodes.size < 100 ? `${nodes.size}` : `100+`\n }\n\n handleChecked = type => {\n if (this.state.selected.includes(type)) {\n this.setState(oldState => {\n const newArr = [...oldState.selected]\n const index = newArr.indexOf(type)\n newArr.splice(index, 1)\n return { selected: newArr }\n })\n } else {\n this.setState(oldState => {\n const newArr = [...oldState.selected]\n newArr.push(type)\n return {\n selected: newArr,\n }\n })\n }\n }\n\n renderEntityTypes = () => {\n if (!this.props.data.isEmpty()) {\n const entityTypes =\n this.state.filter !== ''\n ? this.props.data.filter(type =>\n type.toLowerCase().includes(this.state.filter)\n )\n : this.props.data\n\n if (!entityTypes.isEmpty()) {\n return entityTypes.map((type, i) => {\n const isHidden = this.isHidden(type)\n const onClick = isHidden\n ? () => this.props.handleShow(type)\n : () => this.props.handleHide(type)\n const count = this.getCount(type)\n const iconName = getIconMapping(type).faIcon\n\n return (\n \n
\n \n
\n \n this.handleChecked(type)}\n checked={\n this.state.selected && this.state.selected.includes(type)\n }\n scale={0.8}\n />\n
\n \n
\n \n {isHidden ? `Show ${type}` : `Hide ${type}`}\n
\n }\n position=\"right\"\n />\n \n \n )\n })\n }\n }\n }\n isCollapseDisabled = () => {\n const { selected } = this.state\n const { expandedNodeTypes } = this.props\n if (!expandedNodeTypes || expandedNodeTypes.isEmpty()) {\n return true\n }\n\n return !!_.isEmpty(\n selected.filter(x => expandedNodeTypes.toJS().includes(x))\n )\n }\n\n isResetDisabled = () => {\n const { hiddenNodes, expandedNodeTypes } = this.props\n\n return !!hiddenNodes.isEmpty() && !!expandedNodeTypes.isEmpty()\n }\n\n handleReset = () => {\n const { sourceNodes, nodes } = this.props\n let update = []\n let updateNodes = {}\n sourceNodes.forEach(sourceNode => {\n nodes.forEach(node => {\n if (\n node.get('isSourceNode') ||\n node.get('parents').includes(sourceNode)\n ) {\n update.push(node.toJS())\n }\n })\n })\n\n update.forEach(node => {\n updateNodes[node.srn] = node\n })\n\n this.setState({\n selected: [],\n })\n\n this.props.handleUpdate(updateNodes)\n }\n\n getFilterBar = () => {\n const { selected } = this.state\n return (\n \n \n \n \n
\n )\n }\n\n handleFilter = e => {\n this.setState({\n filter: e.target.value,\n })\n }\n\n handleModalConfirm = () => {\n this.setState({ warningModal: false })\n this.props.handleExpand(this.state.selected)\n }\n\n handleModalCancel = () => {\n this.setState({ warningModal: false, selected: [] })\n }\n\n renderWarningModal = () => (\n \n \n
\n {this.renderWarningModal()}\n Global Filters
\n {this.getFilterBar()}
\n {this.renderEntityTypes()}
\n \n \n
\n )\n }\n\n return (\n \n \n \n {item =>\n item &&\n (styles => (\n \n Node Previews are disabled in split view.\n
\n ))\n }\n \n\n \n
\n )}\n\n \n \n
\n )}\n \n \n )\n }\n\n toggleFilterPanel = () => {\n this.setState(oldState => ({ filterActive: !oldState.filterActive }))\n this.updateDimensions()\n }\n\n renderTable = () => {\n return (\n \n \n \n
\n )\n }\n\n render() {\n if (this.props.isLoading || this.props.queryTypes.isEmpty()) {\n return \n \n
\n \n {this.state.filterActive && (\n
\n )\n }\n}\n\nExplorer.propTypes = {\n theme: themeShape,\n isLoading: PropTypes.bool,\n sourceNodes: PropTypes.object,\n nodes: PropTypes.object,\n getSourceNode: PropTypes.func,\n getMultiSourceNodes: PropTypes.func,\n history: PropTypes.object,\n clearGraph: PropTypes.func,\n selectNode: PropTypes.func,\n selectedNode: PropTypes.string,\n data: PropTypes.object,\n push: PropTypes.func,\n loadNodes: PropTypes.func,\n queryTypes: ImmutablePropTypes.iterable,\n removeNode: PropTypes.func,\n handleExpand: PropTypes.func,\n expandedNodeTypes: ImmutablePropTypes.iterable,\n hiddenNodes: ImmutablePropTypes.iterable,\n handleHide: PropTypes.func,\n handleShow: PropTypes.func,\n isLoadingNodes: PropTypes.bool,\n handleUpdate: PropTypes.func,\n}\n\nconst mapStateToProps = createStructuredSelector({\n sourceNodes: selectSourceNodes,\n isLoading: selectIsLoading,\n nodes: selectNodes,\n selectedNode: selectSelectedNode,\n queryTypes: selectQueryTypes,\n hiddenNodes: selectHiddenNodes,\n expandedNodeTypes: selectExpandedNodeTypes,\n isLoadingNodes: selectIsLoadingNodes,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setRelations,\n setSourceNodes,\n getSourceNode,\n getMultiSourceNodes,\n selectNode,\n clearGraph,\n removeNode,\n handleExpand,\n handleHide,\n handleShow,\n push,\n loadNodes,\n handleUpdate,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps\n)\nconst withReducer = injectReducer({ key: 'explorer', reducer })\nconst withSaga = injectSaga({ key: 'explorer', saga: sagas })\n\nexport default compose(\n withReducer,\n withConnect,\n withSaga,\n themeable,\n Radium\n)(Explorer)\n","import _ from 'lodash'\nimport color from 'color'\n\nimport { getAlertLevelColorHML } from 'utils/widgetUtils'\nimport {\n colorForString as colorForStringLib,\n colorForEntityString,\n exists,\n} from 'utils/sonraiUtils'\nimport { SEVERITY_CATEGORIES } from 'appConstants'\n\nconst ALERT_TYPES = {\n POLICY: 'Policy',\n CRM: 'CRM',\n FRAMEWORK: 'Framework',\n ACCESS: 'Access',\n PROPERTY: 'Property',\n ACTIVITY: 'Activity',\n}\n\nconst formatMap = map => {\n Object.keys(map).forEach(\n key =>\n (!exists(map[key]) || key === 'null' || key === 'undefined') &&\n delete map[key]\n )\n return map\n}\n\nexport const sliceBySeverity = (tickets, options) => {\n const groupingMap = formatMap(\n _.groupBy(tickets, ticket => ticket.severityCategory)\n )\n return _.keys(groupingMap).map(key => {\n const childrenValues = groupingMap[key]\n\n return {\n name: getTitleForSeverity(key),\n hex: getAlertLevelColorHML(key),\n children: groupByTicketType(childrenValues, {\n ...options,\n severity: key,\n }),\n keyName: 'severityCategory',\n keyValue: key,\n value: childrenValues.reduce((sum, ticket) => (sum += ticket.count), 0),\n }\n })\n}\n\nconst groupByTicketType = (tickets, options) => {\n const groupingMap = formatMap(_.groupBy(tickets, ticket => ticket.ticketType))\n\n return _.keys(groupingMap).map(ticketType => {\n const childrenValues = groupingMap[ticketType]\n\n return {\n name: getTitleForAlertType(ticketType),\n hex: getColorForAlertType(ticketType),\n children: groupByTicketKey(childrenValues, options),\n value: childrenValues.reduce((sum, alert) => (sum += alert.count), 0),\n keyName: 'ticketType',\n keyValue: ticketType,\n }\n })\n}\n\nconst groupByTicketKey = (tickets, options) => {\n const groupingMap = formatMap(_.groupBy(tickets, ticket => ticket.ticketKey))\n\n return _.keys(groupingMap).map(ticketKey => {\n const childrenValues = groupingMap[ticketKey]\n const sample = childrenValues[0]\n\n let name = ticketKey\n const { controlPolicies, controlGroups } = options\n if (controlPolicies && controlGroups) {\n name =\n controlGroups.getIn([ticketKey, 'title']) ||\n controlPolicies.getIn([ticketKey, 'title']) ||\n ticketKey\n }\n\n const sliceColor = colorForStringLib(name)\n return {\n name,\n hex: options.colorBySeverity\n ? shiftColorForSeverity(sliceColor, options.severity)\n : sliceColor,\n children: groupByLabel(childrenValues, options),\n value: childrenValues.reduce((sum, alert) => (sum += alert.count), 0),\n keyName:\n sample.ticketType === 'Framework' && sample.ticketKey.startsWith('srn')\n ? 'controlFrameworkId'\n : 'ticketKey',\n keyValue: ticketKey,\n }\n })\n}\n\nconst groupByLabel = (alerts, options) => {\n const groupingMap = formatMap(_.groupBy(alerts, alert => alert.resourceLabel))\n\n return _.keys(groupingMap).map(keyName => {\n const childrenValues = groupingMap[keyName]\n\n return {\n name: keyName,\n hex: colorForEntityString(keyName, options.typeColors),\n children: groupBySwimlane(childrenValues, options),\n value: childrenValues.reduce((sum, alert) => (sum += alert.count), 0),\n keyName: 'resourceLabel',\n keyValue: keyName,\n }\n })\n}\n\nconst groupBySwimlane = (alerts, options) => {\n const groupingMap = formatMap(\n _.groupBy(alerts, alert => {\n return _.first(alert.swimlaneSrns)\n })\n )\n\n return _.keys(groupingMap).map(key => {\n const childrenValues = groupingMap[key]\n return {\n name: options.swimlanes.getIn([key, 'title']),\n hex: colorForStringLib(key),\n keyName: 'swimlaneSrns',\n keyValue: key,\n value: childrenValues.reduce((sum, alert) => (sum += alert.count), 0),\n }\n })\n}\n\nconst shiftColorForSeverity = (originalColor, HMLSeverity) => {\n const baseColor = color(getAlertLevelColorHML(HMLSeverity))\n const baseHue = baseColor.hue()\n\n return color(originalColor).hue(baseHue).hex()\n}\n\nconst getColorForAlertType = type => {\n switch (type) {\n case ALERT_TYPES.POLICY:\n case ALERT_TYPES.FRAMEWORK:\n return '#231E36'\n case ALERT_TYPES.CRM:\n case ALERT_TYPES.ACCESS:\n case ALERT_TYPES.PROPERTY:\n case ALERT_TYPES.ACTIVITY:\n return '#806bd6'\n default:\n return colorForStringLib(type)\n }\n}\n\nconst getTitleForAlertType = type => {\n switch (type) {\n case ALERT_TYPES.POLICY:\n case ALERT_TYPES.FRAMEWORK:\n return 'Control Framework'\n case ALERT_TYPES.CRM:\n case ALERT_TYPES.ACCESS:\n case ALERT_TYPES.PROPERTY:\n case ALERT_TYPES.ACTIVITY:\n return 'Critical Resource Monitor'\n default:\n return type\n }\n}\n\nexport const getTitleForSeverity = severity => {\n switch (severity) {\n case SEVERITY_CATEGORIES.HIGH:\n return 'High Severity'\n case SEVERITY_CATEGORIES.MEDIUM:\n return 'Medium Severity'\n case SEVERITY_CATEGORIES.LOW:\n return 'Low Severity'\n default:\n return severity\n }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ContainerDimensions from 'react-container-dimensions'\nimport EmptyWidgetResults from 'components/EmptyWidgetResults'\nimport ApexChart from 'react-apexcharts'\n\nimport Scrollable from 'components/Scrollable'\nimport BorderlessButton from 'components/BorderlessButton'\nimport ChartLegendEntry from 'components/ChartLegendEntry'\n\nexport class SunburstPieChart extends React.Component {\n styles = {\n container: {\n height: '100%',\n width: '100%',\n },\n title: {\n fontWeight: 400,\n marginBottom: '0.5em',\n },\n }\n\n onHoverLegend = e => {\n let series = this.apexChartInstance.series\n series.toggleSeriesOnHover(e, e.target)\n }\n\n getOptions = width => {\n return {\n width: width,\n height: width,\n grid: {\n padding: {\n top: 0,\n right: -5,\n bottom: -5,\n left: -5,\n },\n },\n chart: {\n offsetY: 0,\n toolbar: {\n show: false,\n },\n animations: {\n enabled: true,\n },\n events: {\n beforeMount: apexChartInstance => {\n this.apexChartInstance = apexChartInstance\n },\n dataPointSelection: (e, chart, options) => {\n if (\n (this.props.onClickPoint &&\n this.props.yLabels[options.dataPointIndex] !== 'null') ||\n this.props.yLabels[options.dataPointIndex] !== '-'\n ) {\n this.props.onClickPoint({\n values: this.props.yValues,\n labels: this.props.yLabels,\n displayLabels: this.props.yValueDisplayLabels,\n index: options.dataPointIndex,\n sectionTitle: this.props.title,\n })\n }\n },\n },\n },\n dataLabels: {\n enabled: false,\n },\n xaxis: {\n categories: this.props.yValueDisplayLabels || this.props.yLabels || [],\n },\n colors: this.props.colors,\n labels: this.props.yValueDisplayLabels || this.props.yLabels || [],\n legend: {\n show: false,\n },\n states: {\n active: {\n filter: 'lighten',\n },\n },\n }\n }\n renderScrollableLegend = height => {\n return (\n \n this.setState({ isDragging: true })}\n onDragEnd={() => this.setState({ isDragging: false })}\n >\n {this.renderGraph()}\n\n {this.state.viewType === EXPLORER_VIEW_TYPES.TABLE &&\n this.renderTable()}\n \n
\n {this.props.title}
\n \n {(this.props.yValueDisplayLabels || this.props.yLabels || []).map(\n (label, index) => (\n {\n this.props.onClickPoint({\n values: this.props.yValues,\n labels: this.props.yLabels,\n displayLabels: this.props.yValueDisplayLabels,\n index: index,\n sectionTitle: this.props.title,\n })\n }}\n >\n
\n \n )\n }\n render() {\n //Note: Using height as the width on the pie charts so that their boundries are always square and aligned left\n //This gives more room for the legend\n return (\n \n \n {({ height }) => (\n \n
\n )}\n \n \n )\n }\n}\n\nSunburstPieChart.propTypes = {\n yLabels: PropTypes.arrayOf(PropTypes.string),\n yValues: PropTypes.arrayOf(PropTypes.number),\n yValueDisplayLabels: PropTypes.arrayOf(PropTypes.string),\n onClickPoint: PropTypes.func,\n colors: PropTypes.array,\n title: PropTypes.node,\n}\n\nexport default SunburstPieChart\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport { Set, fromJS } from 'immutable'\n\nimport { getTitleForSeverity } from 'containers/RapSheet/processData.js'\nimport { getAlertLevelColorHML } from 'utils/widgetUtils'\nimport themeable from 'containers/ThemeManager/Themeable'\nimport { colorForString, colorForEntityString } from 'utils/sonraiUtils'\nimport SunburstPieChart from './SunburstPieChart'\nclass SunburstMultiView extends Component {\n //TODO: move this logic to another component in Rapsheet to keep components/SunburstVis more generic\n styles = {\n container: {\n gridArea: 'sunburst',\n paddingRight: '0.5em',\n marginRight: '0.5em',\n height: '100%',\n display: 'grid',\n gridTemplateColumns: '1fr 1fr 1fr',\n gridTemplateRows: '1fr 1fr',\n gridRowGap: '0.5em',\n gridTemplateAreas:\n '\"severitychart typechart swimlanechart\" \"catchart namechart .\"',\n },\n }\n\n dedupeDataBySwimlane = () => {\n const noSwimlane = fromJS(this.props.data).map(alertLog =>\n alertLog.delete('swimlaneSRNs').delete('swimlaneSrn')\n )\n\n return new Set(noSwimlane).toList().toJS()\n }\n\n getAlertCounts = (data, property) => {\n const groupMap = _.groupBy(data, property)\n const keys = _.keys(groupMap)\n const countMap = {}\n keys.forEach(key => {\n countMap[key] = groupMap[key].reduce(\n (sum, alert) => (sum += alert.count),\n 0\n )\n })\n\n return countMap\n }\n\n getSeverityPieChartData = data => {\n const countMap = this.getAlertCounts(data, 'severityCategory')\n const keys = _.keys(countMap)\n\n const sortedKeys = _.orderBy(keys, key => countMap[key], 'desc')\n\n let colors = []\n let slices = []\n let labels = []\n let displayLabels = []\n\n sortedKeys.forEach(key => {\n colors.push(getAlertLevelColorHML(key))\n slices.push(countMap[key])\n labels.push(key)\n displayLabels.push(getTitleForSeverity(key))\n })\n\n return { labels, slices, colors, displayLabels }\n }\n\n getResourceLabelPieChartData = data => {\n const countMap = this.getAlertCounts(data, 'resourceLabel')\n const keys = _.keys(countMap)\n const sortedKeys = _.orderBy(keys, key => countMap[key], 'desc')\n\n let colors = []\n let slices = []\n let labels = []\n\n sortedKeys.forEach(key => {\n colors.push(colorForEntityString(key, this.props.typeColors))\n slices.push(countMap[key])\n labels.push(key)\n })\n\n return { labels, slices, colors }\n }\n\n getTicketTypePieChartData = data => {\n const nameMap = {}\n const groupMap = _.groupBy(data, alert => {\n if (alert.ticketType === 'Policy') {\n const controlFrameworkId = this.props.policies.getIn([\n alert.ticketKey,\n 'containedByControlFramework',\n 'items',\n 0,\n 'srn',\n ])\n\n const controlFrameworkName = this.props.controlFrameworks.getIn([\n controlFrameworkId,\n 'title',\n ])\n if (controlFrameworkName) {\n nameMap[controlFrameworkId] = controlFrameworkName\n return controlFrameworkId\n }\n }\n\n return alert.ticketType\n })\n\n const keys = _.keys(groupMap)\n const countMap = {}\n keys.forEach(key => {\n countMap[key] = groupMap[key].reduce(\n (sum, alert) => (sum += alert.count),\n 0\n )\n })\n\n const sortedKeys = _.orderBy(keys, key => countMap[key], 'desc')\n\n let colors = []\n let slices = []\n let labels = []\n let displayLabels = []\n\n sortedKeys.forEach(key => {\n colors.push(colorForString(key))\n slices.push(countMap[key])\n labels.push(key)\n displayLabels.push(nameMap[key] || key)\n })\n\n return { labels, slices, colors, displayLabels }\n }\n\n getKeyNamePieChartData = data => {\n const nameMap = {}\n\n const countMap = this.getAlertCounts(data, entry => {\n if (entry.ticketType === 'Policy') {\n nameMap[entry.ticketKey] = this.props.policies.getIn(\n [entry.ticketKey, 'title'],\n entry.ticketKey\n )\n }\n\n return entry.ticketKey\n })\n const keys = _.keys(countMap)\n const sortedKeys = _.orderBy(keys, key => countMap[key], 'desc')\n\n let colors = []\n let slices = []\n let labels = []\n let displayLabels = []\n\n sortedKeys.forEach(key => {\n colors.push(colorForString(key))\n slices.push(countMap[key])\n labels.push(key)\n displayLabels.push(nameMap[key] || key)\n })\n\n return { labels, slices, colors, displayLabels }\n }\n\n getSwimlanePieChartData = data => {\n const groupMap = _.groupBy(\n data.flatMap(ticket => {\n return ticket.swimlaneSrns.map(swimlaneSrn => {\n return { ...ticket, swimlaneSrn }\n })\n }),\n alert => alert.swimlaneSrn\n )\n const keys = _.keys(groupMap)\n const countMap = {}\n keys.forEach(key => {\n countMap[key] = groupMap[key].reduce(\n (sum, alert) => (sum += alert.count),\n 0\n )\n })\n\n const sortedKeys = _.orderBy(keys, key => countMap[key], 'desc')\n\n let colors = []\n let slices = []\n let labels = []\n let displayLabels = []\n\n sortedKeys.forEach(key => {\n colors.push(colorForString(key))\n slices.push(countMap[key])\n labels.push(key)\n displayLabels.push(this.props.swimlanes.getIn([key, 'title']) || 'ALL')\n })\n return { labels, slices, colors, displayLabels }\n }\n\n handleClick = (\n { index, labels, values, displayLabels, sectionTitle },\n key\n ) => {\n const label = _.get(labels, index)\n const value = _.get(values, index)\n const displayLabel = _.get(displayLabels, index) || label\n\n this.props.onClickSlice({\n key,\n label,\n displayLabel,\n value,\n index,\n sectionTitle,\n })\n }\n\n render() {\n const swimlanePieChartData = this.getSwimlanePieChartData(this.props.data)\n\n const deduped = this.dedupeDataBySwimlane()\n const severityPieChartData = this.getSeverityPieChartData(deduped)\n const resourceLabelPieChartData = this.getResourceLabelPieChartData(deduped)\n const ticketTypePieChartData = this.getTicketTypePieChartData(deduped)\n const keyNamePieChartData = this.getKeyNamePieChartData(deduped)\n\n return (\n \n {this.props.yValues.length === 0 ? (\n
\n \n {this.renderScrollableLegend(height)}\n
\n \n \n \n this.handleClick(params, 'severityCategory')\n }\n yValues={severityPieChartData.slices}\n yLabels={severityPieChartData.labels}\n yValueDisplayLabels={severityPieChartData.displayLabels}\n colors={severityPieChartData.colors}\n title=\"Severity Category\"\n />\n
\n \n \n All\n \n {this.state.clickedPath.map(this.renderBreadcrumb)}\n
\n\n \n {this.state.hoverPath.map(this.renderHoverBreadcrumb)}\n
\n \n \n
\n )\n }\n\n renderAlerts = () => {\n if (this.props.alertListLoading) {\n return (\n \n
\n )\n }\n\n return (\n \n \n Clear All Filters\n \n
\n\n \n \n Filters\n
\n \n
\n \n
\n \n ({\n label: this.getTicketKeyLabel(value),\n value,\n }))\n : []\n }\n isClearable\n isMulti\n options={this.getTicketKeyOptions()}\n />\n
\n \n ({\n label: this.getSwimlaneLabel(value),\n value,\n }))\n : []\n }\n isClearable\n isMulti\n options={(this.props.swimlanes.toList() || List())\n .toJS()\n .map(item => ({ label: item.title, value: item.srn }))}\n />\n
\n \n
\n \n \n \n Cancel\n \n \n
\n \n
\n )\n }\n\n if (props.ticketList.get('error')) {\n return (\n \n \n \n
\n )\n }\n return (\n \n
\n \n
\n )\n }\n\n render() {\n let tableRows = null\n let samplesAreEncrypted = false\n let renderCountsOnlyView = this.shouldRenderCountsOnlyView()\n\n // if the user has samples, init data for table\n if (!renderCountsOnlyView) {\n tableRows = this.getTableRows()\n samplesAreEncrypted = this.isSamplesBase64Encoded(tableRows)\n if (samplesAreEncrypted && this.props.privateKey) {\n tableRows = this.decryptSamples(tableRows)\n }\n }\n\n return (\n - {lis}
\n \n \n \n
\n )}\n \n \n {!renderCountsOnlyView &&\n this.renderSamplesTable(tableRows, samplesAreEncrypted)}\n {renderCountsOnlyView && this.renderCountsOnlyView()}\n \n )\n }\n}\n\nClassificationDataView.propTypes = {\n dataContainerContent: ImmutablePropTypes.contains({\n contains: ImmutablePropTypes.contains({\n srn: PropTypes.string,\n items: ImmutablePropTypes.listOf(\n ImmutablePropTypes.contains({\n classificationSet: ImmutablePropTypes.listOf(PropTypes.string),\n })\n ),\n }),\n }),\n nodeData: PropTypes.shape({\n classificationSet: PropTypes.arrayOf(PropTypes.string).isRequired,\n label: PropTypes.string.isRequired,\n __typename: PropTypes.string.isRequired,\n }).isRequired,\n openFormView: PropTypes.func.isRequired,\n privateKey: PropTypes.string,\n setPrivateKey: PropTypes.func.isRequired,\n}\n\nexport default ClassificationDataView\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport TextLink from 'components/TextLink'\n\nimport messages from './messages'\n\nclass NoClassificationsView extends Component {\n render() {\n return (\n \n \n \n \n
\n \n \n {isClassificationSupported(this.props.nodeData) && (\n \n \n )}\n
\n {!renderCountsOnlyView && samplesAreEncrypted && (\n \n {this.props.canSubmitJob && (\n
\n {/* eslint-disable-next-line react/prop-types */}\n {props.children}\n
\n )\n}\n\nexport default class SubmitFormBaseComponent extends Component {\n constructor(props) {\n super(props)\n this.RequiredSpan = RequiredSpan // allow access to children if they dont wanna import\n\n this.DefaultFieldControlContainer = DefaultFieldControlContainer\n\n this.styles = {\n fieldHelpContent: {\n marginTop: '6px',\n marginBottom: '6px',\n fontSize: '13px',\n fontWeight: 300,\n overflow: 'hidden',\n },\n fieldHelpContentClosed: {\n maxHeight: '0px',\n transition: 'max-height 0.2s ease-out',\n },\n fieldHelpContentOpen: {\n maxHeight: '500px',\n transition: 'max-height 0.5s',\n },\n formHeadingErrors: {\n color: 'red',\n },\n }\n\n /**\n * Here are three methods that you must subclass this class and implement\n *\n * if you implement the subclass like this ...\n * renderHelpContent() { }\n *\n * ... not using an arrow function make sure you bind the method in the\n * constructor\n */\n this.renderTitleText = () => {\n throw new Error(\n `${this.displayName} (${\n this.props.fieldKey\n }) must impement method renderTitleText`\n )\n }\n this.renderHelpContent = () => {\n throw new Error(\n `${this.displayName} (${\n this.props.fieldKey\n }) must impement method renderHelpContent`\n )\n }\n this.renderFieldControls = () => {\n throw new Error(\n `${this.displayName} (${\n this.props.fieldKey\n }) must impement method renderFieldControls`\n )\n }\n }\n\n render() {\n return (\n \n \n {this.renderHelpContent()}\n
\n {this.renderFieldControls()}\n \n )\n }\n}\n\nSubmitFormBaseComponent.propTypes = {\n fieldKey: PropTypes.string.isRequired,\n formErrors: PropTypes.object.isRequired,\n required: PropTypes.bool,\n\n // some props aren't used by the base class, but children can expect them to be passed:\n authenticationType: PropTypes.string, // eslint-disable-line react/no-unused-prop-types\n formValues: PropTypes.object.isRequired, // eslint-disable-line react/no-unused-prop-types\n setFormFields: PropTypes.func.isRequired, // eslint-disable-line react/no-unused-prop-types\n}\n\nexport const RadioInstructionMessage = styled.span`\n font-size: 12px;\n`\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Input } from 'reactstrap'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport messages from '../messages'\nimport SubmitFormBaseComponent, {\n RequiredSpan,\n DefaultFieldControlContainer,\n} from './SubmitFormBaseComponent'\nimport {\n AUTH_MODE_USERNAME_KV,\n AUTH_MODE_USERNAME_SECRETMGR,\n} from '../constants'\n\nconst FormFieldsContainer = styled.div`\n display: grid;\n grid-row-gap: 8px;\n grid-template-columns: 200px auto;\n`\n\nconst Label = styled.label`\n padding-top: 8px;\n padding-right: 8px;\n`\n\nconst authModeMessages = {\n [AUTH_MODE_USERNAME_KV]: {\n name: messages.submitFormAuthenticationKVName,\n path: messages.submitFormAuthenticationKVPath,\n nameInstructions: messages.submitFormAuthenticationKVNameInstructions,\n pathInstructions: messages.submitFormAuthenticationKVPathInstructions,\n },\n [AUTH_MODE_USERNAME_SECRETMGR]: {\n name: messages.submitFormAuthenticationSecretName,\n path: messages.submitFormAuthenticationSecretPath,\n nameInstructions:\n messages.submitFormAuthenticationSecretsManagerArnInstructions,\n pathInstructions:\n messages.submitFormAuthenticationSecretsManagerPathInstructions,\n },\n}\n\nexport default class SubmitFormAuthenticationSection extends SubmitFormBaseComponent {\n renderTitleText = () => {\n return (\n \n \n {this.renderTitleText()}\n \n
\n \n \n \n \n \n \n \n \n \n
\n )\n }\n\n changeUsername = event => {\n const { value } = event.target\n this.props.setFormFields({\n [this.props.fieldKey]: {\n ...this.props.formValues[this.props.fieldKey],\n username: value,\n },\n })\n }\n\n changeKVName = event => {\n const { value } = event.target\n this.props.setFormFields({\n [this.props.fieldKey]: {\n ...this.props.formValues[this.props.fieldKey],\n kvName: value,\n },\n })\n }\n\n changeKVPath = event => {\n const { value } = event.target\n this.props.setFormFields({\n [this.props.fieldKey]: {\n ...this.props.formValues[this.props.fieldKey],\n kvPath: value,\n },\n })\n }\n\n validateUsername = ({ target: { value } }) => {\n if (!value) {\n this.props.setFormErrors({\n [this.props.fieldKey]: 'username is required',\n })\n }\n }\n\n validateKVName = ({ target: { value } }) => {\n if (!value) {\n this.props.setFormErrors({\n [this.props.fieldKey]: 'name is required',\n })\n }\n }\n\n validateKVPath = ({ target: { value } }) => {\n if (!value) {\n this.props.setFormErrors({\n [this.props.fieldKey]: 'path is required',\n })\n }\n }\n\n renderFieldControls = () => {\n return (\n \n {this.props.loadingCustomClassifiers ? (\n \n \n \n )}\n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n There was a problem submitting the job\n
\n )}\n\n \n
\n )}\n {!this.props.submitStatus.get('success') && (\n Job submitted Successfully
\n \n \n
\n \n {this.renderCardContents()} \n
\n )\n }\n}\n\nDataClassification.propTypes = {\n // ~ passed props ~\n dataContainerContent: ImmutablePropTypes.contains({\n contains: ImmutablePropTypes.contains({\n items: ImmutablePropTypes.listOf(\n ImmutablePropTypes.contains({\n classificationSet: ImmutablePropTypes.listOf(PropTypes.string),\n })\n ),\n }),\n }),\n nodeData: PropTypes.shape({\n srn: PropTypes.string.isRequired,\n label: PropTypes.string,\n account: PropTypes.string.isRequired,\n classificationSet: PropTypes.arrayOf(PropTypes.string),\n swimlaneSRNs: PropTypes.arrayOf(PropTypes.string).isRequired,\n __typename: PropTypes.string.isRequired,\n }).isRequired,\n\n // ~ props from redux ~\n privateKey: PropTypes.string,\n\n // ~ bound action creators ~\n setPrivateKey: PropTypes.func.isRequired,\n\n // HOC misc.\n userHasPermission: PropTypes.func.isRequired,\n // custom classifiers stuff\n fetchCustomClassifiers: PropTypes.func.isRequired,\n customClassifiers: ImmutablePropTypes.list,\n loadingCustomClassifiers: PropTypes.bool,\n}\n\nconst mapStateToProps = createStructuredSelector({\n privateKey: selectPrivateKey,\n submitJobStatus: selectSubmitJob,\n customClassifiers: selectCustomClassifiers,\n loadingCustomClassifiers: selectFetchingClassifiers,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n setPrivateKey,\n submitJob,\n fetchCustomClassifiers,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nconst withReducer = injectReducer({ key: 'dataClassification', reducer })\n\nconst withSaga = injectSaga({\n key: 'dataClassification',\n saga: sagas,\n mode: DAEMON,\n})\n\nexport default compose(\n permissionChecker,\n withReducer,\n withSaga,\n withConnect\n)(DataClassification)\n\n// connect a modal version of this page too\nimport DisconnectedModal from './SubmitFormModal'\nexport const Modal = compose(withReducer, withSaga)(DisconnectedModal)\n","/*\n * NotFoundPage Messages\n *\n * This contains all the text for the NotFoundPage component.\n */\nimport { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n NotFound: {\n id: 'app.components.NotFoundPage.NotFound',\n defaultMessage: 'Oops! You missed the mark on that one',\n },\n})\n","/**\n * NotFoundPage\n *\n * This is the page we show when the user visits a url that doesn't have a route\n *\n * NOTE: while this component should technically be a stateless functional\n * component (SFC), hot reloading does not currently support SFCs. If hot\n * reloading is not a necessity for you then you can refactor it and remove\n * the linting exception.\n */\n\nimport React from 'react'\nimport { FormattedMessage } from 'react-intl'\nimport img from 'assets/iamghost.png'\nimport messages from './messages'\n\nexport default class NotFound extends React.PureComponent {\n // eslint-disable-line react/prefer-stateless-function\n render() {\n return (\n \n
\n )\n }\n}\n","/*\n *\n * RapSheet constants\n *\n */\n\nexport const SET_SELECTED_RESOURCE_ALERT_HISTORY =\n 'app/RapSheet/SET_SELECTED_RESOURCE_ALERT_HISTORY'\nexport const SET_DEDUPED_ALERTS = 'app/RapSheet/SET_DEDUPED_ALERTS'\n\nexport const GET_ACTIVE_ALERT_ACTIONS = 'app/RapSheet/GET_ACTIVE_ALERT_ACTIONS'\nexport const SET_ACTIVE_ALERT_ACTIONS = 'app/RapSheet/SET_ACTIVE_ALERT_ACTIONS'\nexport const SET_FILTER = 'app/RapSheet/SET_FILTER'\nexport const REMOVE_FILTER = 'app/RapSheet/REMOVE_FILTER'\nexport const RESET_RESOURCE = 'app/RapSheet/RESET_RESOURCE'\nexport const FETCH_CATEGORY_ROLLUP_DATA =\n 'app/RapSheet/FETCH_CATEGORY_ROLLUP_DATA'\nexport const SET_CATEGORY_ROLLUP_DATA = 'app/RapSheet/SET_CATEGORY_ROLLUP_DATA'\nexport const FETCH_FILTERED_ALERTS = 'app/RapSheet/FETCH_FILTERED_ALERTS'\nexport const TOGGLE_SUNBURST_VIEW = 'app/RapSheet/TOGGLE_SUNBURST_VIEW'\nexport const SET_RESOURCES = 'app/RapSheet/SET_RESOURCES'\nexport const SET_RESOURCES_LOADING = 'app/RapSheet/SET_RESOURCES_LOADING'\nexport const UPDATE_RAPSHEET_RESOURCE_MONITOR =\n 'app/RapSheet/UPDATE_RAPSHEET_RESOURCE_MONITOR'\n","/**\n *\n * Select\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Select from 'react-select'\nimport _ from 'lodash'\nimport { isImmutable } from 'immutable'\n\nclass SelectBar extends React.Component {\n getValue = originalValue => {\n //The Select component from react-select requires `value` to be:\n // - one of the objects from `options` (an object like {label, value})\n // - A list of objects from `options`, if multiselect\n // - null or undefined\n //In order to make this component a bit easier to use, we will automatically convert a plain `value` prop to the {label, value} format.\n let rawValue = originalValue\n if (isImmutable(originalValue)) {\n rawValue = originalValue.toJS()\n }\n\n if (this.props.isMulti && Array.isArray(rawValue)) {\n return rawValue.map(this.getValue)\n }\n\n if (rawValue && typeof rawValue === 'object') {\n //`null` is considered an object so we need to also make sure rawValue is truthy\n\n //Check if we've just been passed in an object with {label, value}:\n if (rawValue.label !== undefined && rawValue.value !== undefined) {\n //If we have a `value` of {label, value} we can just pass it straight through to react-select!\n return rawValue\n }\n }\n\n //To create option groups, you can nest options inside other options. So we should flatten these first\n //(Note: assumes only one level of nesting)\n const orginialOptions = isImmutable(this.props.options)\n ? this.props.options.toJS()\n : this.props.options\n const options = []\n orginialOptions.forEach(option => {\n if (!option.options && option.value !== undefined) {\n options.push(option)\n } else if (option.options) {\n const { options: childOpts, ...currentOpt } = option\n options.push(currentOpt)\n options.push.apply(options, childOpts)\n }\n })\n\n //At this point, we've probably only been given the `value` part of some option.\n //So search though the options and find one with a matching value\n //If none, fall back to using the `rawValue`, which could be null or undefined\n return options.find(opt => _.isEqual(opt.value, rawValue)) || rawValue\n }\n\n render() {\n const options = isImmutable(this.props.options)\n ? this.props.options.toJS()\n : this.props.options\n const finalValue = this.getValue(this.props.value)\n const orderedOptions = this.props.autoSort\n ? _.sortBy(options, opt =>\n opt.label && typeof opt.label === 'string'\n ? opt.label.toLowerCase()\n : opt\n )\n : options\n return (\n \n
\n \n
\n \n (\n
\n )\n }\n\n if (this.props.static) {\n return this.getContent()\n }\n\n return (\n \n \n {this.getContent()}\n \n {this.props.hasCopy &&\n (hovered ? (\n
\n )}\n />\n {this.getAccountTooltip()}\n \n
\n ) : (\n \n ))}\n \n (\n
\n )\n }\n}\n\nCloudAccount.defaultProps = {\n static: true,\n}\n\nCloudAccount.propTypes = {\n accountSrn: PropTypes.string,\n static: PropTypes.bool,\n hasLink: PropTypes.bool,\n accountsBySrn: ImmutablePropTypes.map.isRequired,\n accountsByAccountId: ImmutablePropTypes.map.isRequired,\n style: PropTypes.object,\n accountId: PropTypes.string,\n hasCopy: PropTypes.bool,\n hasTooltip: PropTypes.bool,\n hasAccountNumber: PropTypes.bool,\n}\n\nconst mapStateToProps = createStructuredSelector({\n accountsBySrn: selectAccountsBySrn,\n accountsByAccountId: selectAccountsByAccountId,\n})\n\nconst withConnect = connect(mapStateToProps)\n\nexport default withConnect(CloudAccount)\n","export const SET_RELATIONS = 'app/SonraiData/SET_RELATIONS'\nexport const SET_TYPES = 'app/SonraiData/SET_TYPES'\nexport const RUN_INSPECTION_QUERY = 'app/SonraiData/RUN_INSPECTION_QUERY'\nexport const FETCH_SAVED_SEARCHES = 'app/SonraiData/FETCH_SAVED_SEARCHES'\nexport const FETCH_SAVED_SEARCHES_DETAILS =\n 'app/SonraiData/FETCH_SAVED_SEARCHES_DETAILS,'\nexport const SET_SAVED_SEARCHES = 'app/SonraiData/SET_SAVED_SEARCHES'\nexport const SET_ALLOWED_ROOT_QUERIES =\n 'app/SonraiData/SET_ALLOWED_ROOT_QUERIES'\nexport const SET_SAVED_SEARCH = 'all/SonraiData/SET_SAVED_SEARCH'\nexport const FETCH_SONRAI_SEARCHES = 'app/SonraiData/FETCH_SONRAI_SEARCHES'\nexport const SET_SONRAI_SEARCHES = 'app/SonraiData/SET_SONRAI_SEARCHES'\nexport const FETCH_ACCOUNTS = 'app/SonraiData/FETCH_ACCOUNTS'\nexport const FETCH_ACCOUNTS_SUCCESS = 'app/SonraiData/FETCH_ACCOUNTS_SUCCESS'\nexport const FETCH_SUBSCRIPTIONS = 'app/SonraiData/FETCH_SUBSCRIPTIONS'\nexport const FETCH_SUBSCRIPTIONS_SUCCESS =\n 'app/SonraiData/FETCH_SUBSCRIPTIONS_SUCCESS'\nexport const FETCH_TAGS = 'app/SonraiData/FETCH_TAGS'\nexport const FETCH_TAGS_SUCCESS = 'app/SonraiData/FETCH_TAGS_SUCCESS'\nexport const LOAD_TAG = 'app/SonraiData/LOAD_TAG'\nexport const SET_PIVOT = 'app/SolutionCenter/SET_PIVOT'\nexport const FETCH_DATA_CONTAINERS = 'app/SonraiData/FETCH_DATA_CONTAINERS'\nexport const FETCH_DATA_CONTAINERS_SUCCESS =\n 'app/SonraiData/FETCH_DATA_CONTAINERS_SUCCESS'\nexport const START_UPDATE_DATA_POLL = 'app/SonraiData/START_UPDATE_DATA_POLL'\nexport const STOP_UPDATE_DATA_POLL = 'app/SonraiData/STOP_UPDATE_DATA_POLL'\nexport const SET_QUERY_NAMES = 'app/SonraiData/SET_QUERY_NAMES'\nexport const SET_GRAPHQL_SCHEMA = 'app/SonraiData/SET_GRAPHQL_SCHEMA'\nexport const FETCH_GRAPHQL_SCHEMA = 'app/SonraiData/FETCH_GRAPHQL_SCHEMA'\nexport const REMOVE_SAVED_SEARCH = 'app/SonraiData/REMOVE_SAVED_SEARCH'\nexport const CHECK_IF_HAS_COLLECTORS = 'app/SonraiData/CHECK_IF_HAS_COLLECTORS'\nexport const SET_HAS_COLLECTORS = 'app/SonraiData/SET_HAS_COLLECTORS'\nexport const GET_MONITORED_RESOURCES_COUNT =\n 'app/SonraiData/GET_MONITORED_RESOURCES_COUNT'\nexport const SET_MONITORED_RESOURCES_COUNT =\n 'app/SonraiData/SET_MONITORED_RESOURCES_COUNT'\nexport const FETCH_SWIMLANES = 'app/SonraiData/FETCH_SWIMLANES'\nexport const FETCH_SWIMLANES_SUCCESS = 'app/SonraiData/FETCH_SWIMLANES_SUCCESS'\nexport const ADD_SWIMLANE = 'app/SonraiData/ADD_SWIMLANE'\nexport const REMOVE_SWIMLANE = 'app/SonraiData/REMOVE_SWIMLANE'\nexport const REMOVE_SWIMLANE_SUCCESS = 'app/SonraiData/REMOVE_SWIMLANE_SUCCESS'\nexport const UPDATE_SWIMLANE = 'app/SonraiData/UPDATE_SWIMLANE'\nexport const SET_GLOBAL_ERROR = 'app/SonraiData/SET_GLOBAL_ERROR'\nexport const FETCH_SONRAI_USERS = 'app/SonraiData/FETCH_SONRAI_USERS'\nexport const FETCH_SONRAI_USERS_SUCCESS =\n 'app/SonraiData/FETCH_SONRAI_USERS_SUCCESS'\nexport const UPDATE_SONRAI_USER = 'app/SonraiData/UPDATE_SONRAI_USER'\nexport const UPDATE_SONRAI_USER_SUCCESS =\n 'app/SonraiData/UPDATE_SONRAI_USER_SUCCESS'\nexport const GET_ALL_ROLES = 'app/SonraiData/GET_ALL_ROLES'\nexport const SET_ALL_ROLES = 'app/SonraiData/SET_ALL_ROLES'\nexport const ERR_ALL_ROLES = 'app/SonraiData/ERR_ALL_ROLES'\nexport const UPDATE_USER_ROLES = 'app/SonraiData/UPDATE_USER_ROLES'\nexport const UPDATE_USER_ROLES_SUCCESS =\n 'app/SonraiData/UPDATE_USER_ROLES_SUCCESS'\n\nexport const GET_BOTS = 'app/BotManagement/GET_BOTS'\nexport const SET_BOTS = 'app/BotManagement/SET_BOTS'\nexport const CREATE_BOT = 'app/BotManagement/CREATE_BOT'\nexport const CREATE_BOT_SUCCESS = 'app/BotManagement/CREATE_BOT_SUCCESS'\nexport const UPDATE_BOT_ASSIGNMENT = 'app/BotManagement/UPDATE_BOT_ASSIGNMENT'\nexport const UPDATE_BOT_ASSIGNMENT_SUCCESS =\n 'app/BotManagement/UPDATE_BOT_ASSIGNMENT_SUCCESS'\n\nexport const GET_EXEMPTED_IDENTITIES =\n 'app/BotManagement/GET_EXEMPTED_IDENTITIES'\nexport const SET_EXEMPTED_IDENTITIES =\n 'app/BotManagement/SET_EXEMPTED_IDENTITIES'\nexport const SET_EXEMPTED_IDENTITIES_ERROR =\n 'app/BotManagement/SET_EXEMPTED_IDENTITIES_ERROR'\n\nexport const ADD_EXEMPTED_IDENTITIES =\n 'app/BotManagement/ADD_EXEMPTED_IDENTITIES'\nexport const ADD_EXEMPTED_IDENTITIES_SUCCESS =\n 'app/BotManagement/ADD_EXEMPTED_IDENTITIES_SUCCESS'\n\nexport const DELETE_EXEMPTED_IDENTITIES =\n 'app/BotManagement/DELETE_EXEMPTED_IDENTITIES'\nexport const DELETE_EXEMPTED_IDENTITIES_SUCCESS =\n 'app/BotManagement/DELETE_EXEMPTED_IDENTITIES_SUCCESS'\n\nexport const VALIDATE_SOURCE_URL = 'app/BotManagement/VALIDATE_SOURCE_URL'\nexport const VALIDATE_SOURCE_URL_SUCCESS =\n 'app/BotManagement/VALIDATE_SOURCE_URL_SUCCESS'\nexport const CLEAR_SOURCE_URL_VALIDATION =\n 'app/BotManagement/CLEAR_SOURCE_URL_VALIDATION'\n\nexport const HANDLE_DELETE_BOTS = 'app/BotManagement/HANDLE_DELETE_BOTS'\nexport const HANDLE_DELETE_BOTS_SUCCESS =\n 'app/BotManagement/HANDLE_DELETE_BOTS_SUCCESS'\n\nexport const FETCH_OBJECTIVES = 'app/SonraiData/FETCH_OBJECTIVES'\nexport const FETCH_OBJECTIVES_ERROR = 'app/SonraiData/FETCH_OBJECTIVES_ERROR'\nexport const SET_OBJECTIVES = 'app/SonraiData/SET_OBJECTIVES'\n\nexport const ENABLE_OBJECTIVE = 'app/SonraiData/ENABLE_OBJECTIVE'\nexport const ENABLE_OBJECTIVE_SUCCESS =\n 'app/SonraiData/ENABLE_OBJECTIVE_SUCCESS'\nexport const ENABLE_OBJECTIVE_ERROR = 'app/SonraiData/ENABLE_OBJECTIVE_ERROR'\n\nexport const ENABLE_ALL_OBJECTIVES = 'app/SonraiData/ENABLE_ALL_OBJECTIVES'\nexport const ENABLE_ALL_OBJECTIVES_SUCCESS =\n 'app/SonraiData/ENABLE_ALL_OBJECTIVES_SUCCESS'\nexport const ENABLE_ALL_OBJECTIVES_ERROR =\n 'app/SonraiData/ENABLE_ALL_OBJECTIVES_ERROR'\n\nexport const ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE =\n 'app/SonraiData/ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE'\nexport const ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_SUCCESS =\n 'app/SonraiData/ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_SUCCESS'\nexport const ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_ERROR =\n 'app/SonraiData/ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_ERROR'\n\nexport const FETCH_SONRAI_CONFIG = 'app/SonraiData/FETCH_SONRAI_CONFIG'\nexport const SET_SONRAI_CONFIG = 'app/SonraiData/SET_SONRAI_CONFIG'\n","import {\n GET_ESCALATIONS,\n SET_ESCALATIONS,\n SET_ESCALATIONS_ERROR,\n CREATE_ESCALATION,\n CREATE_ESCALATION_SUCCESS,\n CREATE_ESCALATION_ERROR,\n DELETE_ESCALATION,\n DELETE_ESCALATION_SUCCESS,\n DELETE_ESCALATION_ERROR,\n FETCH_ESCALATION_FILTER_OPTIONS,\n FETCH_ESCALATION_FILTER_OPTIONS_SUCCESS,\n FETCH_ESCALATION_FILTER_OPTIONS_ERROR,\n UPDATE_ESCALATION,\n UPDATE_ESCALATION_SUCCESS,\n UPDATE_ESCALATION_ERROR,\n UPDATE_ESCALATION_SWIMLANE_EDIT_CUSTOM_TICKET_ERROR,\n CLEAR_UPDATE_ESCALATION_SWIMLANE_EDIT_CUSTOM_TICKET_ERROR,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const getEscalations = createAction(GET_ESCALATIONS)\nexport const setEscalations = createAction(SET_ESCALATIONS)\nexport const setEscalationsError = createAction(SET_ESCALATIONS_ERROR)\n\nexport const createEscalation = createAction(CREATE_ESCALATION)\nexport const createEscalationSuccess = createAction(CREATE_ESCALATION_SUCCESS)\nexport const createEscalationError = createAction(CREATE_ESCALATION_ERROR)\n\nexport const deleteEscalation = createAction(DELETE_ESCALATION)\nexport const deleteEscalationSuccess = createAction(DELETE_ESCALATION_SUCCESS)\nexport const deleteEscalationError = createAction(DELETE_ESCALATION_ERROR)\n\nexport const fetchEscalationOptions = createAction(\n FETCH_ESCALATION_FILTER_OPTIONS\n)\nexport const fetchEscalationOptionsSuccess = createAction(\n FETCH_ESCALATION_FILTER_OPTIONS_SUCCESS\n)\nexport const fetchEscalationOptionsError = createAction(\n FETCH_ESCALATION_FILTER_OPTIONS_ERROR\n)\n\nexport const updateEscalation = createAction(UPDATE_ESCALATION)\nexport const updateEscalationSuccess = createAction(UPDATE_ESCALATION_SUCCESS)\nexport const updateEscalationError = createAction(UPDATE_ESCALATION_ERROR)\nexport const updateEscalationSwimlaneCustomTicketError = createAction(\n UPDATE_ESCALATION_SWIMLANE_EDIT_CUSTOM_TICKET_ERROR\n)\nexport const clearUpdateEscalationSwimlaneEditCustomTicketError = createAction(\n CLEAR_UPDATE_ESCALATION_SWIMLANE_EDIT_CUSTOM_TICKET_ERROR\n)\n","/*\n *\n * RapSheet actions\n *\n */\n\nimport {\n SET_SELECTED_RESOURCE_ALERT_HISTORY,\n FETCH_CATEGORY_ROLLUP_DATA,\n SET_CATEGORY_ROLLUP_DATA,\n SET_RESOURCES,\n SET_RESOURCES_LOADING,\n FETCH_FILTERED_ALERTS,\n TOGGLE_SUNBURST_VIEW,\n UPDATE_RAPSHEET_RESOURCE_MONITOR,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const setSelectedResourceAlertHistory = createAction(\n SET_SELECTED_RESOURCE_ALERT_HISTORY\n)\n\nexport const fetchCategoryRollupData = createAction(FETCH_CATEGORY_ROLLUP_DATA)\nexport const setCategoryRollupData = createAction(SET_CATEGORY_ROLLUP_DATA)\nexport const fetchFilteredAlerts = createAction(FETCH_FILTERED_ALERTS)\nexport const toggleSunburstView = createAction(TOGGLE_SUNBURST_VIEW)\nexport const setResources = createAction(SET_RESOURCES)\nexport const setResourcesLoading = createAction(SET_RESOURCES_LOADING)\nexport const updateRapsheetResourceMonitor = createAction(\n UPDATE_RAPSHEET_RESOURCE_MONITOR\n)\n","import React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose } from 'redux'\nimport { Map } from 'immutable'\nimport SonraiBadge from 'components/SonraiBadge'\nimport { SONRAI_ORG_NAME } from 'appConstants'\nimport {\n selectSonraiUsers,\n selectSonraiUsersLoading,\n} from 'containers/SonraiData/selectors'\nimport ProfileIcon from 'components/ProfileIcon'\nimport TextLink from 'components/TextLink'\nimport qs from 'query-string'\nimport { TextLineShimmer } from 'components/ShimmerLoader'\nimport { stripTags } from 'utils/sonraiUtils'\n\nclass UserWidget extends React.Component {\n styles = {\n container: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n alignItems: 'center',\n },\n }\n\n getPushLink = srn => {\n return {\n pathname: `/App/UserManagement/User`,\n search: qs.stringify({\n srn: srn,\n }),\n }\n }\n\n render() {\n if (this.props.loading) {\n return (\n \n {this.getContent()}\n {this.props.hasCopy &&\n (hovered ? (\n
\n )}\n />\n {this.getAccountTooltip()}\n \n
\n ) : (\n \n ))}\n \n
\n )\n }\n\n if (!this.props.srn || typeof this.props.srn !== 'string') {\n return '-'\n }\n\n if (\n this.props.srn.includes('SonraiComponent') ||\n !this.props.srn.startsWith('srn:') ||\n this.props.srn.includes(SONRAI_ORG_NAME)\n ) {\n return \n
\n \n
\n )\n }\n}\n\nUserWidget.propTypes = {\n users: ImmutablePropTypes.map,\n loading: PropTypes.bool,\n srn: PropTypes.string,\n table: PropTypes.bool,\n noLink: PropTypes.bool,\n}\nconst mapStateToProps = createStructuredSelector({\n users: selectSonraiUsers,\n loading: selectSonraiUsersLoading,\n})\n\nconst withConnect = connect(mapStateToProps)\n\nexport default compose(withConnect)(UserWidget)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Color from 'color'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nclass Checkbox extends React.PureComponent {\n renderCheckbox = () => {\n const styles = {\n svg: {\n width: '22px',\n height: '22px',\n position: 'relative',\n },\n }\n if (this.props.checked && this.props.semiChecked) {\n return (\n \n )\n }\n\n if (this.props.checked) {\n return (\n \n )\n }\n\n return (\n \n {this.props.noLink ? (\n stripTags(user.get('name'))\n ) : (\n \n {stripTags(user.get('name'))}\n \n )}\n
\n \n
\n )\n }\n}\n\nCheckbox.propTypes = {\n agGridTheme: PropTypes.bool,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n theme: themeShape,\n semiChecked: PropTypes.bool,\n}\n\nexport default themeable(Checkbox)\n","/**\n *\n * Checkbox\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Hoverable from 'components/Hoverable'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nimport './checkbox.css'\nclass Checkbox extends React.PureComponent {\n render() {\n const styles = {\n base: {\n height: '22px',\n width: '22px',\n overflow: 'visible',\n },\n wrapper: {\n cursor: 'pointer',\n position: 'relative',\n top: '-13px',\n left: '-13px',\n width: '48px',\n height: '48px',\n borderRadius: '50%',\n transition: 'background 0.2s ease',\n },\n circle: {\n background: 'rgba(34, 50, 84, 0.03)',\n },\n svg: {\n width: '22px',\n height: '22px',\n position: 'relative',\n top: '12px',\n left: '12px',\n fill: 'none',\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n stroke: this.props.checked\n ? this.props.theme.primary\n : this.props.theme.secondary,\n strokeWidth: 1.5,\n },\n }\n\n return (\n this.props.onChange(!this.props.checked)}>\n
\n \n \n \n
\n )\n }\n}\n\nCheckbox.defaultProps = {\n scale: 1,\n}\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n theme: themeShape,\n value: PropTypes.bool,\n}\n\nexport default themeable(Checkbox)\nexport { default as PlainCheckbox } from './PlainCheckbox'\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ContentLoader from 'react-content-loader'\n\nconst TextLineShimmer = ({\n baseLength = 175,\n containerWidth = 300,\n randomize = false,\n ...props\n}) => {\n const random = Math.random() * (1 - 0.7) + 0.7\n\n return (\n this.props.onChange(this.props.value)}>\n {}}\n />\n \n
\n \n \n
\n \n )\n }\n\n return (\n \n 
\n
\n \n
\n
\n
\n \n )\n }\n}\n\nLoadingAnim.propTypes = {\n error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n inverse: PropTypes.bool,\n theme: themeShape,\n}\n\nexport default themeable(LoadingAnim)\n","/*\n *\n * PlatformSettingsData actions\n *\n */\n\nimport {\n GET_INTEGRATIONS,\n SET_INTEGRATIONS,\n SET_INTEGRATIONS_ERROR,\n CREATE_INTEGRATION,\n CREATE_INTEGRATION_SUCCESS,\n CREATE_INTEGRATION_ERROR,\n DELETE_INTEGRATION,\n DELETE_INTEGRATION_SUCCESS,\n DELETE_INTEGRATION_ERROR,\n UPDATE_INTEGRATION,\n UPDATE_INTEGRATION_SUCCESS,\n UPDATE_INTEGRATION_ERROR,\n UPDATE_INTEGRATION_CONFIG,\n UPDATE_INTEGRATION_CONFIG_SUCCESS,\n UPDATE_INTEGRATION_CONFIG_ERROR,\n ASSIGN_INTEGRATION,\n ASSIGN_INTEGRATION_SUCCESS,\n ASSIGN_INTEGRATION_ERROR,\n DELETE_INTEGRATION_ASSIGNMENT,\n DELETE_INTEGRATION_ASSIGNMENT_SUCCESS,\n DELETE_INTEGRATION_ASSIGNMENT_ERROR,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const getIntegrations = createAction(GET_INTEGRATIONS)\nexport const setIntegrations = createAction(SET_INTEGRATIONS)\nexport const setIntegrationsError = createAction(SET_INTEGRATIONS_ERROR)\n\nexport const createIntegration = createAction(CREATE_INTEGRATION)\nexport const createIntegrationSuccess = createAction(CREATE_INTEGRATION_SUCCESS)\nexport const createIntegrationError = createAction(CREATE_INTEGRATION_ERROR)\n\nexport const deleteIntegration = createAction(DELETE_INTEGRATION)\nexport const deleteIntegrationSuccess = createAction(DELETE_INTEGRATION_SUCCESS)\nexport const deleteIntegrationError = createAction(DELETE_INTEGRATION_ERROR)\n\nexport const updateIntegration = createAction(UPDATE_INTEGRATION)\nexport const updateIntegrationSuccess = createAction(UPDATE_INTEGRATION_SUCCESS)\nexport const updateIntegrationError = createAction(UPDATE_INTEGRATION_ERROR)\n\nexport const updateIntegrationConfig = createAction(UPDATE_INTEGRATION_CONFIG)\nexport const updateIntegrationConfigSuccess = createAction(\n UPDATE_INTEGRATION_CONFIG_SUCCESS\n)\nexport const updateIntegrationConfigError = createAction(\n UPDATE_INTEGRATION_CONFIG_ERROR\n)\n\nexport const assignIntegration = createAction(ASSIGN_INTEGRATION)\nexport const assignIntegrationSuccess = createAction(ASSIGN_INTEGRATION_SUCCESS)\nexport const assignIntegrationError = createAction(ASSIGN_INTEGRATION_ERROR)\n\nexport const deleteIntegrationAssignment = createAction(\n DELETE_INTEGRATION_ASSIGNMENT\n)\nexport const deleteIntegrationAssignmentSuccess = createAction(\n DELETE_INTEGRATION_ASSIGNMENT_SUCCESS\n)\nexport const deleteIntegrationAssignmentError = createAction(\n DELETE_INTEGRATION_ASSIGNMENT_ERROR\n)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactMarkdown from 'react-markdown'\nimport './styles.css'\n\nconst LinkRenderer = props => {\n return (\n \n {props.children}\n \n )\n}\n\nLinkRenderer.propTypes = {\n children: PropTypes.node,\n href: PropTypes.string,\n}\n\nexport class MarkdownDisplay extends React.Component {\n render() {\n return (\n \n \n \n
\n \n \n \n
\n \n
\n )\n }\n}\n\nMarkdownDisplay.propTypes = {\n content: PropTypes.string,\n}\n\nexport default MarkdownDisplay\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n policyTitleLabel: {\n id: 'app.containers.PolicyEdit.policyTitleLabel',\n defaultMessage: 'Title',\n },\n policyDescriptionLabel: {\n id: 'app.containers.PolicyEdit.policyDescriptionLabel',\n defaultMessage: 'Description',\n },\n policySearchLabel: {\n id: 'app.containers.PolicyEdit.policySearchLabel',\n defaultMessage: 'Search',\n },\n policyAlertingLevelLabel: {\n id: 'app.containers.PolicyEdit.policyAlertingLevelLabel',\n defaultMessage: 'Alert Level',\n },\n policyLastTriggeredLabel: {\n id: 'app.containers.PolicyEdit.policyLastTriggeredLabel',\n defaultMessage: 'Last Run',\n },\n policyFindingsLabel: {\n id: 'app.containers.PolicyEdit.policyFindingsLabel',\n defaultMessage: 'Findings',\n },\n cancelButton: {\n id: 'app.containers.PolicyEdit.cancelButton',\n defaultMessage: 'Cancel',\n },\n createButton: {\n id: 'app.containers.PolicyEdit.createButton',\n defaultMessage: 'Create',\n },\n addButton: {\n id: 'app.containers.PolicyEdit.addButton',\n defaultMessage: 'Add',\n },\n saveEditButton: {\n id: 'app.containers.PolicyEdit.saveEditButton',\n defaultMessage: 'Save',\n },\n policyLabel: {\n id: 'app.containers.PolicyEdit.policyLabel',\n defaultMessage: 'Policy',\n },\n evalTypeLabel: {\n id: 'app.containers.PolicyEdit.evalTypeLabel',\n defaultMessage: 'Trigger',\n },\n remTypeLabel: {\n id: 'app.containers.PolicyEdit.remTypeLabel',\n defaultMessage: 'Remediation Type',\n },\n evalTypeCountLabel: {\n id: 'app.containers.PolicyEdit.evalTypeCountLabel',\n defaultMessage: 'Count',\n },\n evalOpGTLabel: {\n id: 'app.containers.PolicyEdit.evalOpGTLabel',\n defaultMessage: 'Greater Than',\n },\n evalOpLTLabel: {\n id: 'app.containers.PolicyEdit.evalOpLTLabel',\n defaultMessage: 'Less Than',\n },\n evalOpEQLabel: {\n id: 'app.containers.PolicyEdit.evalOpEQLabel',\n defaultMessage: 'Equal To',\n },\n editPolicyHeader: {\n id: 'app.containers.PolicyEdit.editPolicyHeader',\n defaultMessage: 'Edit Policy',\n },\n})\n","import ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport permissionChecker from './index'\n\n/**\n * This react component will only render its children if the currently\n * logged in user has the permission passed by prop 'permissionName'\n */\nexport function WithPermission(props) {\n let renderIt = false\n if (props.multiPermissions) {\n props.multiPermissions.forEach(permission => {\n if (\n props.userHasPermission({\n permissionName: permission.permissionName,\n swimlanes: permission.swimlanes,\n resourceId: permission.resourceId,\n })\n ) {\n renderIt = true\n }\n })\n } else {\n renderIt = props.userHasPermission({\n permissionName: props.permissionName,\n swimlanes: props.swimlanes,\n resourceId: props.resourceId,\n })\n }\n\n if (props.invertCheck) {\n renderIt = !renderIt\n }\n if (renderIt) {\n return props.children\n } else {\n return null\n }\n}\n\nPropTypes.defaultProps = {\n invertCheck: false,\n}\n\nPropTypes.propTypes = {\n permissionName: PropTypes.string,\n resourceId: PropTypes.oneOfType([\n PropTypes.string,\n // if func, it's a function that can be used to generate the resourceId\n // from the args defined in 'resourceIdGeneratorArgs'\n PropTypes.func,\n ]),\n swimlanes: PropTypes.arrayOf(PropTypes.string),\n\n // if you have multiple permissions, passs it this bad boy\n multiPermissions: PropTypes.arrayOf(\n PropTypes.shape({\n permissionName: PropTypes.string,\n resourceId: PropTypes.string,\n swimlanes: PropTypes.arrayOf(PropTypes.string),\n })\n ),\n\n // this is the contents of the auth0 id_token\n userData: ImmutablePropTypes.map,\n\n // userHasPermission populated from permissionChecker hoc\n userHasPermission: PropTypes.func.isRequired,\n\n // whether we should invert the permission check, and only render the\n // children if user doesn't have permission. Instead of passing this try\n // using WithoutPermission component instead\n invertCheck: PropTypes.bool,\n}\n\nexport default permissionChecker(WithPermission)\n","/**\n *\n * BarLoadingAnimation\n *\n */\n\nimport React from 'react'\n\nclass BarLoadingAnimation extends React.PureComponent {\n render() {\n return (\n \n \n \n \n \n \n
\n )\n }\n}\n\nBarLoadingAnimation.propTypes = {}\n\nexport default BarLoadingAnimation\n","var map = {\n\t\"./index.js\": 2021\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 2020;","\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js!./light-bootstrap-dashboard.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../node_modules/css-loader/dist/cjs.js!./light-bootstrap-dashboard.css\", function() {\n\t\tvar newContent = require(\"!!../../node_modules/css-loader/dist/cjs.js!./light-bootstrap-dashboard.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"/*!\\n\\n =========================================================\\n * Light Bootstrap Dashboard React - v1.1.0\\n * Based on Light Bootstrap Dashboard - v1.3.0\\n =========================================================\\n\\n * Product Page: http://www.creative-tim.com/product/light-bootstrap-dashboard-react\\n * Copyright 2017 Creative Tim (http://www.creative-tim.com)\\n * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)\\n\\n =========================================================\\n\\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\\n\\n */\\n/* light colors */\\n@keyframes spin {\\n from {\\n transform: rotate(0deg);\\n }\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n\\n@-webkit-keyframes spin {\\n from {\\n -webkit-transform: rotate(0deg);\\n }\\n to {\\n -webkit-transform: rotate(360deg);\\n }\\n}\\n\\n@-moz-keyframes spin {\\n from {\\n -moz-transform: rotate(0deg);\\n }\\n to {\\n -moz-transform: rotate(360deg);\\n }\\n}\\n\\n@-ms-keyframes spin {\\n from {\\n -ms-transform: rotate(0deg);\\n }\\n to {\\n -ms-transform: rotate(360deg);\\n }\\n}\\n\\n/* Font Smoothing */\\nbody,\\nh1,\\n.h1,\\nh2,\\n.h2,\\nh3,\\n.h3,\\nh4,\\n.h4,\\nh5,\\n.h5,\\nh6,\\n.h6,\\np,\\n.navbar,\\n.brand,\\n.btn-simple,\\n.alert,\\na,\\n.td-name,\\ntd,\\nbutton.close {\\n -moz-osx-font-smoothing: grayscale;\\n -webkit-font-smoothing: antialiased;\\n font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;\\n font-weight: 400;\\n}\\n\\nh1,\\n.h1,\\nh2,\\n.h2,\\nh3,\\n.h3,\\nh4,\\n.h4 {\\n font-weight: 300;\\n margin: 30px 0 15px;\\n}\\n\\nh1,\\n.h1 {\\n font-size: 52px;\\n}\\n\\nh2,\\n.h2 {\\n font-size: 36px;\\n}\\n\\nh3,\\n.h3 {\\n font-size: 28px;\\n margin: 20px 0 10px;\\n}\\n\\nh4,\\n.h4 {\\n font-size: 22px;\\n line-height: 30px;\\n}\\n\\nh5,\\n.h5 {\\n font-size: 16px;\\n margin-bottom: 15px;\\n}\\n\\nh6,\\n.h6 {\\n font-size: 14px;\\n font-weight: 600;\\n text-transform: uppercase;\\n}\\n\\np {\\n font-size: 16px;\\n line-height: 1.5;\\n}\\n\\nh1 small,\\nh2 small,\\nh3 small,\\nh4 small,\\nh5 small,\\nh6 small,\\n.h1 small,\\n.h2 small,\\n.h3 small,\\n.h4 small,\\n.h5 small,\\n.h6 small,\\nh1 .small,\\nh2 .small,\\nh3 .small,\\nh4 .small,\\nh5 .small,\\nh6 .small,\\n.h1 .small,\\n.h2 .small,\\n.h3 .small,\\n.h4 .small,\\n.h5 .small,\\n.h6 .small {\\n color: #9a9a9a;\\n font-weight: 300;\\n line-height: 1.5;\\n}\\n\\nh1 small,\\nh2 small,\\nh3 small,\\nh1 .small,\\nh2 .small,\\nh3 .small {\\n font-size: 60%;\\n}\\n\\nh1 .subtitle {\\n display: block;\\n margin: 0 0 30px;\\n}\\n\\n.text-muted {\\n color: #9a9a9a;\\n}\\n\\n.text-primary,\\n.text-primary:hover {\\n color: #1d62f0 !important;\\n}\\n\\n.text-info,\\n.text-info:hover {\\n color: #1dc7ea !important;\\n}\\n\\n.text-success,\\n.text-success:hover {\\n color: #87cb16 !important;\\n}\\n\\n.text-warning,\\n.text-warning:hover {\\n color: #ff9500 !important;\\n}\\n\\n.text-danger,\\n.text-danger:hover {\\n color: #ff4a55 !important;\\n}\\n\\n/* General overwrite */\\nbody,\\n.wrapper {\\n min-height: 100vh;\\n position: relative;\\n background-color: white;\\n}\\n\\na {\\n color: #1dc7ea;\\n}\\na:hover,\\na:focus {\\n color: #42d0ed;\\n text-decoration: none;\\n}\\n\\na:focus,\\na:active,\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner,\\ninput[type='reset']::-moz-focus-inner,\\ninput[type='button']::-moz-focus-inner,\\ninput[type='submit']::-moz-focus-inner,\\nselect::-moz-focus-inner,\\ninput[type='file'] > input[type='button']::-moz-focus-inner {\\n outline: 0;\\n}\\n\\n.ui-slider-handle:focus,\\n.navbar-toggle,\\ninput:focus {\\n outline: 0 !important;\\n}\\n\\n/* Animations */\\n.form-control,\\n.input-group-addon,\\n.tagsinput,\\n.navbar,\\n.navbar .alert {\\n -webkit-transition: all 300ms linear;\\n -moz-transition: all 300ms linear;\\n -o-transition: all 300ms linear;\\n -ms-transition: all 300ms linear;\\n transition: all 300ms linear;\\n}\\n\\n.sidebar .nav a,\\n.table > tbody > tr .td-actions .btn {\\n -webkit-transition: all 150ms ease-in;\\n -moz-transition: all 150ms ease-in;\\n -o-transition: all 150ms ease-in;\\n -ms-transition: all 150ms ease-in;\\n transition: all 150ms ease-in;\\n}\\n\\n.btn {\\n -webkit-transition: all 100ms ease-in;\\n -moz-transition: all 100ms ease-in;\\n -o-transition: all 100ms ease-in;\\n -ms-transition: all 100ms ease-in;\\n transition: all 100ms ease-in;\\n}\\n\\n.fa {\\n width: 18px;\\n text-align: center;\\n}\\n\\n.margin-top {\\n margin-top: 50px;\\n}\\n\\n.wrapper {\\n position: relative;\\n top: 0;\\n height: 100vh;\\n}\\n\\n.sidebar {\\n position: fixed;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n width: 260px;\\n display: block;\\n z-index: 1;\\n color: #fff;\\n font-weight: 200;\\n background-size: cover;\\n background-position: center center;\\n}\\n.sidebar .sidebar-wrapper {\\n position: relative;\\n height: calc(100vh - 75px);\\n overflow: auto;\\n width: 260px;\\n z-index: 4;\\n padding-bottom: 30px;\\n}\\n.sidebar .sidebar-background {\\n position: absolute;\\n z-index: 1;\\n height: 100%;\\n width: 100%;\\n display: block;\\n top: 0;\\n left: 0;\\n background-size: cover;\\n background-position: center center;\\n}\\n.sidebar .logo {\\n padding: 10px 30px;\\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\\n position: relative;\\n z-index: 4;\\n}\\n.sidebar .logo p {\\n float: left;\\n font-size: 20px;\\n margin: 10px 10px;\\n color: #ffffff;\\n line-height: 20px;\\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\\n}\\n.sidebar .logo a.logo-mini {\\n float: left;\\n text-align: center;\\n width: 30px;\\n margin-right: 15px;\\n}\\n.sidebar .logo a.logo-mini img {\\n width: 40px;\\n margin-left: -3px;\\n display: block;\\n margin-top: 2px;\\n}\\n.sidebar .logo a.logo-normal {\\n display: block;\\n}\\n.sidebar .logo .logo-img {\\n width: 34px;\\n display: inline-block;\\n height: 34px;\\n margin-left: -2px;\\n margin-top: -2px;\\n margin-right: 10px;\\n border-radius: 30px;\\n text-align: center;\\n}\\n.sidebar .logo-tim {\\n border-radius: 50%;\\n border: 1px solid #333;\\n display: block;\\n height: 61px;\\n width: 61px;\\n float: left;\\n overflow: hidden;\\n}\\n.sidebar .logo-tim img {\\n width: 60px;\\n height: 60px;\\n}\\n.sidebar .nav {\\n margin-top: 20px;\\n}\\n.sidebar .nav li > a {\\n color: #ffffff;\\n margin: 5px 15px;\\n opacity: 0.86;\\n border-radius: 4px;\\n}\\n.sidebar .nav li:hover > a,\\n.sidebar .nav li.open > a,\\n.sidebar .nav li.open > a:focus,\\n.sidebar .nav li.open > a:hover {\\n background: rgba(255, 255, 255, 0.13);\\n opacity: 1;\\n}\\n.sidebar .nav li.active > a {\\n color: #ffffff;\\n opacity: 1;\\n background: rgba(255, 255, 255, 0.23);\\n}\\n.sidebar .nav p {\\n margin: 0;\\n line-height: 30px;\\n font-size: 12px;\\n font-weight: 600;\\n text-transform: uppercase;\\n}\\n.sidebar .nav .caret {\\n top: 24px;\\n position: absolute;\\n right: 15px;\\n}\\n.sidebar .nav i {\\n font-size: 28px;\\n float: left;\\n margin-right: 15px;\\n line-height: 30px;\\n width: 30px;\\n text-align: center;\\n}\\n\\n.sidebar .logo,\\nbody > .navbar-collapse .logo {\\n padding: 10px 30px;\\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\\n}\\n.sidebar .logo p,\\nbody > .navbar-collapse .logo p {\\n float: left;\\n font-size: 20px;\\n margin: 10px 10px;\\n color: #ffffff;\\n line-height: 20px;\\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\\n}\\n.sidebar .logo .simple-text,\\nbody > .navbar-collapse .logo .simple-text {\\n text-transform: uppercase;\\n padding: 5px 0px;\\n display: block;\\n font-size: 18px;\\n color: #ffffff;\\n font-weight: 400;\\n line-height: 30px;\\n}\\n\\n.sidebar .logo-tim,\\nbody > .navbar-collapse .logo-tim {\\n border-radius: 50%;\\n border: 1px solid #333;\\n display: block;\\n height: 61px;\\n width: 61px;\\n float: left;\\n overflow: hidden;\\n}\\n.sidebar .logo-tim img,\\nbody > .navbar-collapse .logo-tim img {\\n width: 60px;\\n height: 60px;\\n}\\n\\n.sidebar:after,\\n.sidebar:before,\\nbody > .navbar-collapse:after,\\nbody > .navbar-collapse:before {\\n display: block;\\n content: '';\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n top: 0;\\n left: 0;\\n z-index: 2;\\n}\\n\\n.sidebar:before,\\nbody > .navbar-collapse:before {\\n opacity: 0.33;\\n background: #000000;\\n}\\n\\n.sidebar:after,\\nbody > .navbar-collapse:after {\\n background: #282828;\\n background: -moz-linear-gradient(top, #282828 0%, #111 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #282828),\\n color-stop(100%, #111)\\n );\\n background: -webkit-linear-gradient(top, #282828 0%, #111 100%);\\n background: -o-linear-gradient(top, #282828 0%, #111 100%);\\n background: -ms-linear-gradient(top, #282828 0%, #111 100%);\\n background: linear-gradient(to bottom, #282828 0%, #111 100%);\\n background-size: 150% 150%;\\n z-index: 3;\\n opacity: 1;\\n}\\n\\n.sidebar[data-image]:after,\\n.sidebar.has-image:after,\\nbody > .navbar-collapse[data-image]:after,\\nbody > .navbar-collapse.has-image:after {\\n opacity: 0.77;\\n}\\n\\n.sidebar[data-color='blue']:after,\\nbody > .navbar-collapse[data-color='blue']:after {\\n background: #1b8dff;\\n background: -moz-linear-gradient(top, #1b8dff 0%, #2632c1 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #1b8dff),\\n color-stop(100%, #2632c1)\\n );\\n background: -webkit-linear-gradient(top, #1b8dff 0%, #2632c1 100%);\\n background: -o-linear-gradient(top, #1b8dff 0%, #2632c1 100%);\\n background: -ms-linear-gradient(top, #1b8dff 0%, #2632c1 100%);\\n background: linear-gradient(to bottom, #1b8dff 0%, #2632c1 100%);\\n background-size: 150% 150%;\\n}\\n\\n.sidebar[data-color='azure']:after,\\nbody > .navbar-collapse[data-color='azure']:after {\\n background: #1dc7ea;\\n background: -moz-linear-gradient(top, #1dc7ea 0%, #4091ff 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #1dc7ea),\\n color-stop(100%, #4091ff)\\n );\\n background: -webkit-linear-gradient(top, #1dc7ea 0%, #4091ff 100%);\\n background: -o-linear-gradient(top, #1dc7ea 0%, #4091ff 100%);\\n background: -ms-linear-gradient(top, #1dc7ea 0%, #4091ff 100%);\\n background: linear-gradient(to bottom, #1dc7ea 0%, #4091ff 100%);\\n background-size: 150% 150%;\\n}\\n\\n.sidebar[data-color='green']:after,\\nbody > .navbar-collapse[data-color='green']:after {\\n background: #87cb16;\\n background: -moz-linear-gradient(top, #87cb16 0%, #6dc030 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #87cb16),\\n color-stop(100%, #6dc030)\\n );\\n background: -webkit-linear-gradient(top, #87cb16 0%, #6dc030 100%);\\n background: -o-linear-gradient(top, #87cb16 0%, #6dc030 100%);\\n background: -ms-linear-gradient(top, #87cb16 0%, #6dc030 100%);\\n background: linear-gradient(to bottom, #87cb16 0%, #6dc030 100%);\\n background-size: 150% 150%;\\n}\\n\\n.sidebar[data-color='orange']:after,\\nbody > .navbar-collapse[data-color='orange']:after {\\n background: #ffa534;\\n background: -moz-linear-gradient(top, #ffa534 0%, #ff5221 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #ffa534),\\n color-stop(100%, #ff5221)\\n );\\n background: -webkit-linear-gradient(top, #ffa534 0%, #ff5221 100%);\\n background: -o-linear-gradient(top, #ffa534 0%, #ff5221 100%);\\n background: -ms-linear-gradient(top, #ffa534 0%, #ff5221 100%);\\n background: linear-gradient(to bottom, #ffa534 0%, #ff5221 100%);\\n background-size: 150% 150%;\\n}\\n\\n.sidebar[data-color='red']:after,\\nbody > .navbar-collapse[data-color='red']:after {\\n background: #fb404b;\\n background: -moz-linear-gradient(top, #fb404b 0%, #bb0502 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #fb404b),\\n color-stop(100%, #bb0502)\\n );\\n background: -webkit-linear-gradient(top, #fb404b 0%, #bb0502 100%);\\n background: -o-linear-gradient(top, #fb404b 0%, #bb0502 100%);\\n background: -ms-linear-gradient(top, #fb404b 0%, #bb0502 100%);\\n background: linear-gradient(to bottom, #fb404b 0%, #bb0502 100%);\\n background-size: 150% 150%;\\n}\\n\\n.sidebar[data-color='purple']:after,\\nbody > .navbar-collapse[data-color='purple']:after {\\n background: #9368e9;\\n background: -moz-linear-gradient(top, #9368e9 0%, #943bea 100%);\\n background: -webkit-gradient(\\n linear,\\n left top,\\n left bottom,\\n color-stop(0%, #9368e9),\\n color-stop(100%, #943bea)\\n );\\n background: -webkit-linear-gradient(top, #9368e9 0%, #943bea 100%);\\n background: -o-linear-gradient(top, #9368e9 0%, #943bea 100%);\\n background: -ms-linear-gradient(top, #9368e9 0%, #943bea 100%);\\n background: linear-gradient(to bottom, #9368e9 0%, #943bea 100%);\\n background-size: 150% 150%;\\n}\\n\\n.main-panel {\\n background: rgba(203, 203, 210, 0.15);\\n position: relative;\\n float: right;\\n width: calc(100% - 260px);\\n}\\n.main-panel > .content {\\n padding: 30px 15px;\\n min-height: calc(100% - 123px);\\n}\\n.main-panel > .footer {\\n border-top: 1px solid #e7e7e7;\\n}\\n.main-panel .navbar {\\n margin-bottom: 0;\\n}\\n\\n.sidebar,\\n.main-panel {\\n -webkit-transition-property: top, bottom;\\n transition-property: top, bottom;\\n -webkit-transition-duration: 0.2s, 0.2s;\\n transition-duration: 0.2s, 0.2s;\\n -webkit-transition-timing-function: linear, linear;\\n transition-timing-function: linear, linear;\\n -webkit-overflow-scrolling: touch;\\n}\\n\\n.btn {\\n border-width: 2px;\\n background-color: transparent;\\n font-weight: 400;\\n opacity: 0.8;\\n filter: alpha(opacity=80);\\n padding: 8px 16px;\\n border-color: #888888;\\n color: #888888;\\n}\\n.btn:hover,\\n.btn:focus,\\n.btn:active,\\n.btn.active,\\n.open > .btn.dropdown-toggle {\\n background-color: transparent;\\n color: #777777;\\n border-color: #777777;\\n}\\n.btn.disabled,\\n.btn.disabled:hover,\\n.btn.disabled:focus,\\n.btn.disabled.focus,\\n.btn.disabled:active,\\n.btn.disabled.active,\\n.btn:disabled,\\n.btn:disabled:hover,\\n.btn:disabled:focus,\\n.btn:disabled.focus,\\n.btn:disabled:active,\\n.btn:disabled.active,\\n.btn[disabled],\\n.btn[disabled]:hover,\\n.btn[disabled]:focus,\\n.btn[disabled].focus,\\n.btn[disabled]:active,\\n.btn[disabled].active,\\nfieldset[disabled] .btn,\\nfieldset[disabled] .btn:hover,\\nfieldset[disabled] .btn:focus,\\nfieldset[disabled] .btn.focus,\\nfieldset[disabled] .btn:active,\\nfieldset[disabled] .btn.active {\\n background-color: transparent;\\n border-color: #888888;\\n}\\n.btn.btn-fill {\\n color: #ffffff;\\n background-color: #888888;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn.btn-fill:hover,\\n.btn.btn-fill:focus,\\n.btn.btn-fill:active,\\n.btn.btn-fill.active,\\n.open > .btn.btn-fill.dropdown-toggle {\\n background-color: #777777;\\n color: #ffffff;\\n}\\n.btn.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn .caret {\\n border-top-color: #888888;\\n}\\n.btn:hover,\\n.btn:focus {\\n opacity: 1;\\n filter: alpha(opacity=100);\\n outline: 0 !important;\\n}\\n.btn:active,\\n.btn.active,\\n.open > .btn.dropdown-toggle {\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n outline: 0 !important;\\n}\\n.btn.btn-icon {\\n padding: 8px;\\n}\\n\\n.btn-primary {\\n border-color: #3472f7;\\n color: #3472f7;\\n}\\n.btn-primary:hover,\\n.btn-primary:focus,\\n.btn-primary:active,\\n.btn-primary.active,\\n.open > .btn-primary.dropdown-toggle {\\n background-color: transparent;\\n color: #1d62f0;\\n cursor: default;\\n border-color: #1d62f0;\\n}\\n.btn-primary.disabled,\\n.btn-primary.disabled:hover,\\n.btn-primary.disabled:focus,\\n.btn-primary.disabled.focus,\\n.btn-primary.disabled:active,\\n.btn-primary.disabled.active,\\n.btn-primary:disabled,\\n.btn-primary:disabled:hover,\\n.btn-primary:disabled:focus,\\n.btn-primary:disabled.focus,\\n.btn-primary:disabled:active,\\n.btn-primary:disabled.active,\\n.btn-primary[disabled],\\n.btn-primary[disabled]:hover,\\n.btn-primary[disabled]:focus,\\n.btn-primary[disabled].focus,\\n.btn-primary[disabled]:active,\\n.btn-primary[disabled].active,\\nfieldset[disabled] .btn-primary,\\nfieldset[disabled] .btn-primary:hover,\\nfieldset[disabled] .btn-primary:focus,\\nfieldset[disabled] .btn-primary.focus,\\nfieldset[disabled] .btn-primary:active,\\nfieldset[disabled] .btn-primary.active {\\n background-color: transparent;\\n color: #c0c0c0;\\n border-color: #c0c0c0;\\n}\\n.btn-primary.btn-fill {\\n color: #ffffff;\\n background-color: #3472f7;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-primary.btn-fill:hover,\\n.btn-primary.btn-fill:focus,\\n.btn-primary.btn-fill:active,\\n.btn-primary.btn-fill.active,\\n.open > .btn-primary.btn-fill.dropdown-toggle {\\n background-color: #1d62f0;\\n color: #ffffff;\\n}\\n.btn-primary.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-primary .caret {\\n border-top-color: #3472f7;\\n}\\n\\n.btn-success {\\n border-color: #87cb16;\\n color: #87cb16;\\n}\\n.btn-success:hover,\\n.btn-success:focus,\\n.btn-success:active,\\n.btn-success.active,\\n.open > .btn-success.dropdown-toggle {\\n background-color: transparent;\\n color: #049f0c;\\n border-color: #049f0c;\\n}\\n.btn-success.disabled,\\n.btn-success.disabled:hover,\\n.btn-success.disabled:focus,\\n.btn-success.disabled.focus,\\n.btn-success.disabled:active,\\n.btn-success.disabled.active,\\n.btn-success:disabled,\\n.btn-success:disabled:hover,\\n.btn-success:disabled:focus,\\n.btn-success:disabled.focus,\\n.btn-success:disabled:active,\\n.btn-success:disabled.active,\\n.btn-success[disabled],\\n.btn-success[disabled]:hover,\\n.btn-success[disabled]:focus,\\n.btn-success[disabled].focus,\\n.btn-success[disabled]:active,\\n.btn-success[disabled].active,\\nfieldset[disabled] .btn-success,\\nfieldset[disabled] .btn-success:hover,\\nfieldset[disabled] .btn-success:focus,\\nfieldset[disabled] .btn-success.focus,\\nfieldset[disabled] .btn-success:active,\\nfieldset[disabled] .btn-success.active {\\n background-color: transparent;\\n border-color: #87cb16;\\n}\\n.btn-success.btn-fill {\\n color: #ffffff;\\n background-color: #87cb16;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-success.btn-fill:hover,\\n.btn-success.btn-fill:focus,\\n.btn-success.btn-fill:active,\\n.btn-success.btn-fill.active,\\n.open > .btn-success.btn-fill.dropdown-toggle {\\n background-color: #049f0c;\\n color: #ffffff;\\n}\\n.btn-success.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-success .caret {\\n border-top-color: #87cb16;\\n}\\n\\n.btn-info {\\n border-color: #1dc7ea;\\n color: #1dc7ea;\\n}\\n.btn-info:hover,\\n.btn-info:focus,\\n.btn-info:active,\\n.btn-info.active,\\n.open > .btn-info.dropdown-toggle {\\n background-color: transparent;\\n color: #42d0ed;\\n border-color: #42d0ed;\\n}\\n.btn-info.disabled,\\n.btn-info.disabled:hover,\\n.btn-info.disabled:focus,\\n.btn-info.disabled.focus,\\n.btn-info.disabled:active,\\n.btn-info.disabled.active,\\n.btn-info:disabled,\\n.btn-info:disabled:hover,\\n.btn-info:disabled:focus,\\n.btn-info:disabled.focus,\\n.btn-info:disabled:active,\\n.btn-info:disabled.active,\\n.btn-info[disabled],\\n.btn-info[disabled]:hover,\\n.btn-info[disabled]:focus,\\n.btn-info[disabled].focus,\\n.btn-info[disabled]:active,\\n.btn-info[disabled].active,\\nfieldset[disabled] .btn-info,\\nfieldset[disabled] .btn-info:hover,\\nfieldset[disabled] .btn-info:focus,\\nfieldset[disabled] .btn-info.focus,\\nfieldset[disabled] .btn-info:active,\\nfieldset[disabled] .btn-info.active {\\n background-color: transparent;\\n border-color: #1dc7ea;\\n}\\n.btn-info.btn-fill {\\n color: #ffffff;\\n background-color: #1dc7ea;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-info.btn-fill:hover,\\n.btn-info.btn-fill:focus,\\n.btn-info.btn-fill:active,\\n.btn-info.btn-fill.active,\\n.open > .btn-info.btn-fill.dropdown-toggle {\\n background-color: #42d0ed;\\n color: #ffffff;\\n}\\n.btn-info.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-info .caret {\\n border-top-color: #1dc7ea;\\n}\\n\\n.btn-warning {\\n border-color: #ff9500;\\n color: #ff9500;\\n}\\n.btn-warning:hover,\\n.btn-warning:focus,\\n.btn-warning:active,\\n.btn-warning.active,\\n.open > .btn-warning.dropdown-toggle {\\n background-color: transparent;\\n color: #ed8d00;\\n border-color: #ed8d00;\\n}\\n.btn-warning.disabled,\\n.btn-warning.disabled:hover,\\n.btn-warning.disabled:focus,\\n.btn-warning.disabled.focus,\\n.btn-warning.disabled:active,\\n.btn-warning.disabled.active,\\n.btn-warning:disabled,\\n.btn-warning:disabled:hover,\\n.btn-warning:disabled:focus,\\n.btn-warning:disabled.focus,\\n.btn-warning:disabled:active,\\n.btn-warning:disabled.active,\\n.btn-warning[disabled],\\n.btn-warning[disabled]:hover,\\n.btn-warning[disabled]:focus,\\n.btn-warning[disabled].focus,\\n.btn-warning[disabled]:active,\\n.btn-warning[disabled].active,\\nfieldset[disabled] .btn-warning,\\nfieldset[disabled] .btn-warning:hover,\\nfieldset[disabled] .btn-warning:focus,\\nfieldset[disabled] .btn-warning.focus,\\nfieldset[disabled] .btn-warning:active,\\nfieldset[disabled] .btn-warning.active {\\n background-color: transparent;\\n border-color: #ff9500;\\n}\\n.btn-warning.btn-fill {\\n color: #ffffff;\\n background-color: #ff9500;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-warning.btn-fill:hover,\\n.btn-warning.btn-fill:focus,\\n.btn-warning.btn-fill:active,\\n.btn-warning.btn-fill.active,\\n.open > .btn-warning.btn-fill.dropdown-toggle {\\n background-color: #ed8d00;\\n color: #ffffff;\\n}\\n.btn-warning.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-warning .caret {\\n border-top-color: #ff9500;\\n}\\n\\n.btn-danger {\\n border-color: #ff4a55;\\n color: #ff4a55;\\n}\\n.btn-danger:hover,\\n.btn-danger:focus,\\n.btn-danger:active,\\n.btn-danger.active,\\n.open > .btn-danger.dropdown-toggle {\\n background-color: transparent;\\n color: #ee2d20;\\n border-color: #ee2d20;\\n}\\n.btn-danger.disabled,\\n.btn-danger.disabled:hover,\\n.btn-danger.disabled:focus,\\n.btn-danger.disabled.focus,\\n.btn-danger.disabled:active,\\n.btn-danger.disabled.active,\\n.btn-danger:disabled,\\n.btn-danger:disabled:hover,\\n.btn-danger:disabled:focus,\\n.btn-danger:disabled.focus,\\n.btn-danger:disabled:active,\\n.btn-danger:disabled.active,\\n.btn-danger[disabled],\\n.btn-danger[disabled]:hover,\\n.btn-danger[disabled]:focus,\\n.btn-danger[disabled].focus,\\n.btn-danger[disabled]:active,\\n.btn-danger[disabled].active,\\nfieldset[disabled] .btn-danger,\\nfieldset[disabled] .btn-danger:hover,\\nfieldset[disabled] .btn-danger:focus,\\nfieldset[disabled] .btn-danger.focus,\\nfieldset[disabled] .btn-danger:active,\\nfieldset[disabled] .btn-danger.active {\\n background-color: transparent;\\n border-color: #ff4a55;\\n}\\n.btn-danger.btn-fill {\\n color: #ffffff;\\n background-color: #ff4a55;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-danger.btn-fill:hover,\\n.btn-danger.btn-fill:focus,\\n.btn-danger.btn-fill:active,\\n.btn-danger.btn-fill.active,\\n.open > .btn-danger.btn-fill.dropdown-toggle {\\n background-color: #ee2d20;\\n color: #ffffff;\\n}\\n.btn-danger.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-danger .caret {\\n border-top-color: #ff4a55;\\n}\\n\\n.btn-neutral {\\n border-color: #ffffff;\\n color: #ffffff;\\n}\\n.btn-neutral:hover,\\n.btn-neutral:focus,\\n.btn-neutral:active,\\n.btn-neutral.active,\\n.open > .btn-neutral.dropdown-toggle {\\n background-color: transparent;\\n color: #ffffff;\\n border-color: #ffffff;\\n}\\n.btn-neutral.disabled,\\n.btn-neutral.disabled:hover,\\n.btn-neutral.disabled:focus,\\n.btn-neutral.disabled.focus,\\n.btn-neutral.disabled:active,\\n.btn-neutral.disabled.active,\\n.btn-neutral:disabled,\\n.btn-neutral:disabled:hover,\\n.btn-neutral:disabled:focus,\\n.btn-neutral:disabled.focus,\\n.btn-neutral:disabled:active,\\n.btn-neutral:disabled.active,\\n.btn-neutral[disabled],\\n.btn-neutral[disabled]:hover,\\n.btn-neutral[disabled]:focus,\\n.btn-neutral[disabled].focus,\\n.btn-neutral[disabled]:active,\\n.btn-neutral[disabled].active,\\nfieldset[disabled] .btn-neutral,\\nfieldset[disabled] .btn-neutral:hover,\\nfieldset[disabled] .btn-neutral:focus,\\nfieldset[disabled] .btn-neutral.focus,\\nfieldset[disabled] .btn-neutral:active,\\nfieldset[disabled] .btn-neutral.active {\\n background-color: transparent;\\n border-color: #ffffff;\\n}\\n.btn-neutral.btn-fill {\\n color: #ffffff;\\n background-color: #ffffff;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n.btn-neutral.btn-fill:hover,\\n.btn-neutral.btn-fill:focus,\\n.btn-neutral.btn-fill:active,\\n.btn-neutral.btn-fill.active,\\n.open > .btn-neutral.btn-fill.dropdown-toggle {\\n background-color: #ffffff;\\n color: #ffffff;\\n}\\n.btn-neutral.btn-fill .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-neutral .caret {\\n border-top-color: #ffffff;\\n}\\n.btn-neutral:active,\\n.btn-neutral.active,\\n.open > .btn-neutral.dropdown-toggle {\\n background-color: #ffffff;\\n color: #888888;\\n}\\n.btn-neutral.btn-fill,\\n.btn-neutral.btn-fill:hover,\\n.btn-neutral.btn-fill:focus {\\n color: #888888;\\n}\\n.btn-neutral.btn-simple:active,\\n.btn-neutral.btn-simple.active {\\n background-color: transparent;\\n}\\n\\n.btn:disabled,\\n.btn[disabled],\\n.btn.disabled {\\n opacity: 0.5;\\n filter: alpha(opacity=50);\\n}\\n\\n.btn-round {\\n border-width: 1px;\\n border-radius: 30px !important;\\n padding: 9px 18px;\\n}\\n.btn-round.btn-icon {\\n padding: 9px;\\n}\\n\\n.btn-simple {\\n border: 0;\\n font-size: 16px;\\n padding: 8px 16px;\\n}\\n.btn-simple.btn-icon {\\n padding: 8px;\\n}\\n\\n.btn-lg {\\n font-size: 18px;\\n border-radius: 6px;\\n padding: 14px 30px;\\n font-weight: 400;\\n}\\n.btn-lg.btn-round {\\n padding: 15px 30px;\\n}\\n.btn-lg.btn-simple {\\n padding: 16px 30px;\\n}\\n\\n.btn-sm {\\n font-size: 12px;\\n border-radius: 3px;\\n padding: 5px 10px;\\n}\\n.btn-sm.btn-round {\\n padding: 6px 10px;\\n}\\n.btn-sm.btn-simple {\\n padding: 7px 10px;\\n}\\n\\n.btn-xs {\\n font-size: 12px;\\n border-radius: 3px;\\n padding: 1px 5px;\\n}\\n.btn-xs.btn-round {\\n padding: 2px 5px;\\n}\\n.btn-xs.btn-simple {\\n padding: 3px 5px;\\n}\\n\\n.btn-wd {\\n min-width: 140px;\\n}\\n\\n.btn-group.select {\\n width: 100%;\\n}\\n\\n.btn-group.select .btn {\\n text-align: left;\\n}\\n\\n.btn-group.select .caret {\\n position: absolute;\\n top: 50%;\\n margin-top: -1px;\\n right: 8px;\\n}\\n\\n.form-control::-moz-placeholder {\\n color: #dddddd;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n\\n.form-control:-moz-placeholder {\\n color: #dddddd;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n\\n.form-control::-webkit-input-placeholder {\\n color: #dddddd;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n\\n.form-control:-ms-input-placeholder {\\n color: #dddddd;\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n\\n.form-control {\\n background-color: #ffffff;\\n border: 1px solid #e3e3e3;\\n border-radius: 4px;\\n color: #565656;\\n padding: 8px 12px;\\n height: 40px;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n}\\n.form-control:focus {\\n background-color: #ffffff;\\n border: 1px solid #aaaaaa;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n outline: 0 !important;\\n color: #333333;\\n}\\n.has-success .form-control,\\n.has-error .form-control,\\n.has-success .form-control:focus,\\n.has-error .form-control:focus {\\n border-color: #e3e3e3;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n}\\n.has-success .form-control {\\n color: #87cb16;\\n}\\n.has-success .form-control:focus {\\n border-color: #87cb16;\\n}\\n.has-error .form-control {\\n color: #ff4a55;\\n}\\n.has-error .form-control:focus {\\n border-color: #ff4a55;\\n}\\n.form-control + .form-control-feedback {\\n border-radius: 6px;\\n font-size: 14px;\\n margin-top: -7px;\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n vertical-align: middle;\\n}\\n.open .form-control {\\n border-radius: 4px 4px 0 0;\\n border-bottom-color: transparent;\\n}\\n\\n.input-lg {\\n height: 55px;\\n padding: 14px 30px;\\n}\\n\\n.has-error .form-control-feedback {\\n color: #ff4a55;\\n}\\n\\n.has-success .form-control-feedback {\\n color: #87cb16;\\n}\\n\\n.input-group-addon {\\n background-color: #ffffff;\\n border: 1px solid #e3e3e3;\\n border-radius: 4px;\\n}\\n.has-success .input-group-addon,\\n.has-error .input-group-addon {\\n background-color: #ffffff;\\n border: 1px solid #e3e3e3;\\n}\\n.has-error .form-control:focus + .input-group-addon {\\n border-color: #ff4a55;\\n color: #ff4a55;\\n}\\n.has-success .form-control:focus + .input-group-addon {\\n border-color: #87cb16;\\n color: #87cb16;\\n}\\n.form-control:focus + .input-group-addon,\\n.form-control:focus ~ .input-group-addon {\\n background-color: #ffffff;\\n border-color: #9a9a9a;\\n}\\n\\n.input-group .form-control:first-child,\\n.input-group-addon:first-child,\\n.input-group-btn:first-child > .dropdown-toggle,\\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {\\n border-right: 0 none;\\n}\\n\\n.input-group .form-control:last-child,\\n.input-group-addon:last-child,\\n.input-group-btn:last-child > .dropdown-toggle,\\n.input-group-btn:first-child > .btn:not(:first-child) {\\n border-left: 0 none;\\n}\\n\\n.form-control[disabled],\\n.form-control[readonly],\\nfieldset[disabled] .form-control {\\n background-color: #f5f5f5;\\n color: #888888;\\n cursor: not-allowed;\\n}\\n\\n.input-group-btn .btn {\\n border-width: 1px;\\n padding: 9px 16px;\\n}\\n\\n.input-group-btn .btn-default:not(.btn-fill) {\\n border-color: #dddddd;\\n}\\n\\n.input-group-btn:last-child > .btn {\\n margin-left: 0;\\n}\\n\\n.input-group-focus .input-group-addon {\\n border-color: #9a9a9a;\\n}\\n\\n.alert {\\n border: 0;\\n border-radius: 0;\\n color: #ffffff;\\n padding: 10px 15px;\\n font-size: 14px;\\n}\\n.container .alert {\\n border-radius: 4px;\\n}\\n.navbar .alert {\\n border-radius: 0;\\n left: 0;\\n position: absolute;\\n right: 0;\\n top: 85px;\\n width: 100%;\\n z-index: 3;\\n}\\n.navbar:not(.navbar-transparent) .alert {\\n top: 70px;\\n}\\n.alert span[data-notify='icon'] {\\n font-size: 30px;\\n display: block;\\n left: 15px;\\n position: absolute;\\n top: 50%;\\n margin-top: -15px;\\n}\\n.alert button.close {\\n position: absolute;\\n right: 10px;\\n top: 50%;\\n margin-top: -13px;\\n z-index: 1033;\\n background-color: #ffffff;\\n display: block;\\n border-radius: 50%;\\n opacity: 0.4;\\n line-height: 20px;\\n font-size: 12px;\\n width: 25px;\\n height: 25px;\\n outline: 0 !important;\\n text-align: center;\\n padding: 3px;\\n font-weight: 300;\\n}\\n.alert button.close:hover {\\n opacity: 0.55;\\n}\\n.alert .close ~ span {\\n display: block;\\n max-width: 89%;\\n}\\n.alert[data-notify='container'] {\\n padding: 10px 10px 10px 20px;\\n border-radius: 4px;\\n}\\n.alert.alert-with-icon {\\n padding-left: 65px;\\n}\\n.alert a,\\n.alert a:hover,\\n.alert a:focus {\\n text-decoration: underline;\\n color: white;\\n}\\n\\n.alert-info {\\n background-color: #63d8f1;\\n}\\n\\n.alert-success {\\n background-color: #a1e82c;\\n}\\n\\n.alert-warning {\\n background-color: #ffbc67;\\n}\\n\\n.alert-danger {\\n background-color: #fc727a;\\n}\\n\\n.table .radio,\\n.table .checkbox {\\n position: relative;\\n height: 20px;\\n display: block;\\n width: 20px;\\n padding: 0px 0px;\\n margin: 0px 5px;\\n text-align: center;\\n}\\n.table .radio .icons,\\n.table .checkbox .icons {\\n left: 5px;\\n}\\n\\n.table > thead > tr > th,\\n.table > tbody > tr > th,\\n.table > tfoot > tr > th,\\n.table > thead > tr > td,\\n.table > tbody > tr > td,\\n.table > tfoot > tr > td {\\n padding: 12px 8px;\\n vertical-align: middle;\\n}\\n\\n.table > tbody > tr > td {\\n font-size: 14px;\\n}\\n\\n.table > thead > tr > th {\\n border-bottom-width: 1px;\\n font-size: 12px;\\n text-transform: uppercase;\\n color: #9a9a9a;\\n font-weight: 400;\\n padding-bottom: 5px;\\n}\\n\\n.table .td-actions .btn {\\n opacity: 0.36;\\n filter: alpha(opacity=36);\\n}\\n.table .td-actions .btn.btn-xs {\\n padding-left: 3px;\\n padding-right: 3px;\\n}\\n\\n.table .td-actions {\\n min-width: 90px;\\n}\\n\\n.table > tbody > tr {\\n position: relative;\\n}\\n.table > tbody > tr:hover .td-actions .btn {\\n opacity: 1;\\n filter: alpha(opacity=100);\\n}\\n\\n/* Checkbox and radio */\\n.checkbox,\\n.radio {\\n margin-bottom: 12px;\\n}\\n\\n.checkbox label,\\n.radio label {\\n display: inline-block;\\n position: relative;\\n cursor: pointer;\\n padding-left: 24px;\\n margin-bottom: 0;\\n}\\n\\n.checkbox label::before,\\n.checkbox label::after {\\n font-family: 'FontAwesome';\\n content: '\\\\f096';\\n display: inline-block;\\n position: absolute;\\n width: 20px;\\n height: 20px;\\n left: 0;\\n cursor: pointer;\\n line-height: 19px;\\n font-size: 20px;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n top: 1px;\\n color: #dddddd;\\n transition: color 0.2s linear;\\n padding: 1px;\\n}\\n\\n.checkbox label::after {\\n content: '';\\n text-align: center;\\n opacity: 1;\\n left: 1px;\\n color: #dddddd;\\n}\\n\\n.checkbox input[type='checkbox'],\\n.radio input[type='radio'] {\\n opacity: 0;\\n margin-left: 0;\\n}\\n\\n.checkbox input[type='checkbox']:checked + label::after {\\n font-family: 'FontAwesome';\\n content: '\\\\f046';\\n}\\n\\n.checkbox input[type='checkbox']:checked + label::after {\\n color: #1dc7ea;\\n}\\n\\n.checkbox input[type='checkbox']:checked + label::before {\\n opacity: 0;\\n}\\n\\n.checkbox input[type='checkbox']:disabled + label,\\n.radio input[type='radio']:disabled + label,\\n.checkbox input[type='checkbox']:disabled:checked + label::after {\\n color: #dddddd;\\n}\\n\\n.checkbox input[type='checkbox']:disabled + label::before,\\n.checkbox input[type='checkbox']:disabled + label::after {\\n cursor: not-allowed;\\n}\\n\\n.checkbox input[type='checkbox']:disabled + label,\\n.radio input[type='radio']:disabled + label {\\n cursor: not-allowed;\\n}\\n\\n.checkbox.checkbox-circle label::before {\\n border-radius: 50%;\\n}\\n\\n.checkbox.checkbox-inline {\\n padding-left: 0;\\n}\\n\\n.checkbox-primary input[type='checkbox']:checked + label::before {\\n background-color: #428bca;\\n border-color: #428bca;\\n}\\n\\n.checkbox-primary input[type='checkbox']:checked + label::after {\\n color: #fff;\\n}\\n\\n.checkbox-danger input[type='checkbox']:checked + label::before {\\n background-color: #d9534f;\\n border-color: #d9534f;\\n}\\n\\n.checkbox-danger input[type='checkbox']:checked + label::after {\\n color: #fff;\\n}\\n\\n.checkbox-info input[type='checkbox']:checked + label::before {\\n background-color: #5bc0de;\\n border-color: #5bc0de;\\n}\\n\\n.checkbox-info input[type='checkbox']:checked + label::after {\\n color: #fff;\\n}\\n\\n.checkbox-warning input[type='checkbox']:checked + label::before {\\n background-color: #f0ad4e;\\n border-color: #f0ad4e;\\n}\\n\\n.checkbox-warning input[type='checkbox']:checked + label::after {\\n color: #fff;\\n}\\n\\n.checkbox-success input[type='checkbox']:checked + label::before {\\n background-color: #5cb85c;\\n border-color: #5cb85c;\\n}\\n\\n.checkbox-success input[type='checkbox']:checked + label::after {\\n color: #fff;\\n}\\n\\n.radio label::before,\\n.radio label::after {\\n font-family: 'FontAwesome';\\n content: '\\\\f10c';\\n font-size: 20px;\\n height: 20px;\\n width: 20px;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n display: inline-block;\\n position: absolute;\\n line-height: 19px;\\n left: 0;\\n top: 0;\\n color: #dddddd;\\n padding: 1px;\\n transition: color 0.2s linear;\\n}\\n\\n.radio input[type='radio']:checked + label::after {\\n font-family: 'FontAwesome';\\n content: '\\\\f192';\\n color: #dddddd;\\n}\\n\\n.radio input[type='radio']:checked + label::after {\\n color: #1dc7ea;\\n}\\n\\n.radio input[type='radio']:disabled + label {\\n color: #ddd;\\n}\\n\\n.radio input[type='radio']:disabled + label::before,\\n.radio input[type='radio']:disabled + label::after {\\n color: #ddd;\\n}\\n\\n.radio.radio-inline {\\n margin-top: 0;\\n}\\n\\n/**\\n * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.\\n *\\n * @version v3.3.4\\n * @homepage https://bttstrp.github.io/bootstrap-switch\\n * @author Mattia Larentis \n
\n {title}
}\n{description}
\n\n {errorMessage}\n
\n\n
\n )\n }\n\n renderBodyWithData = () => {\n const type = getTypeFromSrn(this.props.nodeId)\n const linkParams = getNodeViewPushParams(this.props.nodeId, type)\n\n return (\n \n
\n
\n \n \n
\n \n e.preventDefault()}\n >\n \n \n \n
\n \n
\n \n
\n \n )\n }\n\n renderCardBody = () => {\n if (this.props.data.get('loading')) {\n return this.renderLoadingBody()\n }\n if (this.props.data.get('error')) {\n return this.renderErrorBody()\n }\n return this.renderBodyWithData()\n }\n\n render() {\n const containerStyle = this.props.open\n ? styles.openContainer\n : styles.closedContainer\n\n const overlayStyle = this.props.open\n ? styles.openOverlay\n : styles.closedOverlay\n\n const contentStyle = this.props.open\n ? styles.openContent\n : styles.closedContent\n\n return (\n \n
\n \n \n \n {this.props.open && this.renderCardBody()}\n \n
\n \n )\n }\n}\n\nMiniNodeViewPopout.propTypes = {\n // passed props\n handleClose: PropTypes.func.isRequired,\n nodeId: PropTypes.string.isRequired,\n open: PropTypes.bool,\n\n // props mapped from state\n data: ImmutablePropTypes.map.isRequired,\n fields: ImmutablePropTypes.list,\n queryNames: ImmutablePropTypes.iterable.isRequired,\n types: ImmutablePropTypes.map,\n\n // bound action creators\n getData: PropTypes.func.isRequired,\n push: PropTypes.func.isRequired,\n}\n\nconst mapStateToProps = createStructuredSelector({\n data: selectData,\n fields: selectFields,\n queryNames: selectQueryNames,\n types: selectQueryTypes,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators({ getData, push }, dispatch)\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps\n)\n\nconst withReducer = injectReducer({ key: 'nodeViewMiniPopout', reducer })\n\nconst withSaga = injectSaga({\n key: 'nodeViewMiniPopout',\n saga: sagas,\n})\n\nexport default compose(\n withConnect,\n withSaga,\n withReducer\n)(MiniNodeViewPopout)\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./checkbox.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./checkbox.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./checkbox.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".checkbox-check-hidden {\\n stroke-dasharray: 62;\\n stroke-dashoffset: 0;\\n}\\n\\n.checkbox-animate-in {\\n animation-name: animateCheckIn;\\n animation-duration: 0.3s;\\n stroke-dasharray: 60;\\n stroke-dashoffset: 60;\\n}\\n\\n@keyframes animateCheckIn {\\n from {\\n stroke-dashoffset: 0;\\n }\\n\\n to {\\n stroke-dashoffset: 60;\\n }\\n}\\n\\n.checkbox-box-visible {\\n stroke-dasharray: 22;\\n stroke-dashoffset: 66;\\n}\\n\\n.checkbox-animate-away {\\n animation-name: animateBoxOut;\\n animation-duration: 0.5s;\\n stroke-dashoffset: 42;\\n stroke-dasharray: 22;\\n}\\n\\n@keyframes animateBoxOut {\\n from {\\n stroke-dashoffset: 66;\\n }\\n\\n to {\\n stroke-dashoffset: 42;\\n }\\n}\\n\", \"\"]);\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"div.ag-root .ag-cell-focus {\\n -webkit-user-select: text;\\n -moz-user-select: text;\\n -ms-user-select: text;\\n user-select: text;\\n}\\n\", \"\"]);\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { ThemeContext } from './ThemeContext'\nimport { getDisplayName } from 'utils/hocHelpers'\n\nexport default WrappedComponent => {\n return class extends React.PureComponent {\n displayName = `Themeable(${getDisplayName(WrappedComponent)})`\n\n render() {\n return (\n \n {this.props.tooltipContent}\n
\n \n \n \n
\n \n {elements}\n \n \n )\n }\n}\n\nJSONDisplay.propTypes = {\n content: PropTypes.object,\n}\n\nexport default JSONDisplay\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { DropdownMenu } from 'reactstrap'\nimport _ from 'lodash'\n\n/**\n * as of reactstrap 8, if we pass the style property to DropdownMenu it will\n * break the application, so we can pass it using modifiers, but its cubmersome\n * to type out the whole modifiers object, so we can use this instead\n */\nexport class StyledReactstrapDropdownMenu extends Component {\n render() {\n const props = _.omit(this.props, ['style', 'modifiers'])\n\n let modifiers = this.props.modifiers || {}\n props.modifiers = modifiers\n\n if (this.props.style) {\n modifiers.setStyle = {\n enabled: true,\n order: 900,\n fn: data => ({\n ...data,\n styles: {\n ...data.styles,\n ...this.props.style,\n },\n }),\n }\n }\n return \n \n \n \n this.changeDisplayMode(DISPKV)}\n >\n
\n \n {elements}\n \n \n )\n }\n\n /**\n * this method renders the table view\n */\n renderTableBody = () => {\n const metaObject = metadataToObj(this.props.value)\n const keysToDisplay = Object.keys(metaObject)\n return (\n | Key | \nValue | \n
|---|---|
\n {this.state.search && (\n
\n )\n }\n}\n\nNodeViewDetailMetadataBody.defaultProps = {\n search: SEARCH_HEADER,\n}\n\nNodeViewDetailMetadataBody.propTypes = {\n theme: themeShape,\n value: PropTypes.string,\n}\n\nexport default themeable(NodeViewDetailMetadataBody)\n","import {\n SET_CHANGE_DETECTION_DATA,\n ADD_CHANGE_DETECTION_PROPERTIES,\n ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS,\n REMOVE_CHANGE_DETECTION_PROPERTIES,\n REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS,\n UPDATE_CHANGE_DETECTION_PROPERTY,\n UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS,\n} from './constants'\n\nimport { createAction } from 'redux-actions'\n\nexport const setChangeDetectionData = createAction(SET_CHANGE_DETECTION_DATA)\n\nexport const addChangeDetectionProperties = createAction(\n ADD_CHANGE_DETECTION_PROPERTIES\n)\nexport const addChangeDetectionPropertiesSuccess = createAction(\n ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS\n)\n\nexport const removeChangeDetectionProperties = createAction(\n REMOVE_CHANGE_DETECTION_PROPERTIES\n)\n\nexport const removeChangeDetectionPropertiesSuccess = createAction(\n REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS\n)\n\nexport const updateChangeDetectionProperty = createAction(\n UPDATE_CHANGE_DETECTION_PROPERTY\n)\n\nexport const updateChangeDetectionPropertySuccess = createAction(\n UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS\n)\n","import { createSelector } from 'reselect'\nimport { List, Map } from 'immutable'\nimport _ from 'lodash'\nimport qs from 'query-string'\n\nexport const selectQueryStringTicketSrn = (state, props) => {\n return qs.parse(_.get(props, ['location', 'search'], '')).ticketSrn\n}\n\nconst selectRapSheetDomain = state => state.get('rapSheet') || Map()\n\nexport const selectResourcesLoading = createSelector(selectRapSheetDomain, sc =>\n sc.get('resourcesLoading')\n)\n\nexport const selectResources = createSelector(\n selectRapSheetDomain,\n sc => sc.get('resources') || Map()\n)\n\nexport const selectAlertListLoading = createSelector(selectRapSheetDomain, sc =>\n sc.get('alertListLoading')\n)\n\nexport const selectSelectedResourceAlerts = createSelector(\n selectRapSheetDomain,\n sc => sc.get('selectedResourceAlerts') || List()\n)\n\nexport const selectCategoryRollupData = createSelector(\n selectRapSheetDomain,\n sc => sc.get('categoryRollupData') || List()\n)\n\nexport const selectCategoryRollupLoading = createSelector(\n selectRapSheetDomain,\n sc => sc.get('categoryRollupLoading')\n)\n\nexport const selectIsSunburstViewMulti = createSelector(\n selectRapSheetDomain,\n sc => sc.get('isSunburstViewMulti')\n)\n","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".DateRangePickerInput {\\n display: flex;\\n background-color: transparent;\\n}\\n\\n.DateRangePickerInput_arrow {\\n margin: 6px 5px 0px 5px;\\n}\\n\\n.access-activity-list-card-link {\\n font-weight: 300;\\n}\\n\\n.show-path-modal-metadata-container table tr td {\\n font-size: 12px;\\n padding: 8px 4px;\\n}\\n\", \"\"]);\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".center-sunburst {\\n margin: auto auto;\\n}\\n\", \"\"]);\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./gridStyles.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./gridStyles.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./gridStyles.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".splitter-layout-grid.splitter-layout {\\n display: grid;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n grid-template-columns: auto auto 1fr;\\n}\\n\\n.splitter-layout-grid .layout-pane > div {\\n height: 100%;\\n}\\n\", \"\"]);\n","\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".splitter-layout {\\n position: inherit;\\n}\\n\", \"\"]);\n","module.exports = __webpack_public_path__ + \"favicon.ico\";","module.exports = __webpack_public_path__ + \"icon-72x72.png\";","module.exports = __webpack_public_path__ + \"icon-96x96.png\";","module.exports = __webpack_public_path__ + \"icon-128x128.png\";","module.exports = __webpack_public_path__ + \"icon-144x144.png\";","module.exports = __webpack_public_path__ + \"icon-152x152.png\";","module.exports = __webpack_public_path__ + \"icon-192x192.png\";","module.exports = __webpack_public_path__ + \"icon-384x384.png\";","module.exports = __webpack_public_path__ + \"icon-512x512.png\";","import { Map, List } from 'immutable'\nimport { getFieldsForType, getFullType } from 'query-builder'\nimport {\n getGenericNodeQuery,\n getGenericNodeQueryFieldsOnly,\n} from 'static-queries'\nimport gql from 'graphql-tag'\nimport _ from 'lodash'\nimport { getCurrentOrg } from 'auth/current-org'\n\nexport const getTypeFromSrn = srn => {\n if (srn) {\n if (srn.startsWith('srn:kubernetes')) {\n const srnWithoutPreamble = srn.split('::')\n if (srnWithoutPreamble.length > 1) {\n srn = srnWithoutPreamble[1]\n }\n }\n\n if (srn.includes('srn:sonrai::')) {\n const parts = srn.split('::')\n const typeAndIdentifier = parts[1]\n const idParts = typeAndIdentifier.split('/')\n return idParts[0]\n } else {\n const parts = srn.split('/')\n if (parts[1]) {\n return parts[1]\n } else {\n return ''\n }\n }\n }\n\n return ''\n}\n\nexport const getCloudTypeFromSRN = srn => {\n if (srn) {\n const parts = srn.split(':')\n if (parts.length > 1) {\n return parts[1]\n }\n }\n}\n\n// If query-builder is not up to date - use this\n// export const getFieldsForType = (type, types) => {\n// const acceptableTypes = ['SCALAR', 'LIST']\n// const objectType = type.charAt(0).toUpperCase() + type.slice(1)\n// const nodeDefinition = types.get(objectType, Map())\n\n// const fields = nodeDefinition\n// .get('fields', List())\n// .filter(field => acceptableTypes.includes(field.getIn(['type', 'kind'])))\n\n// return fields\n// }\n\nexport const getNodeInfoQuery = (nodeId, queryNames, queryTypes) => {\n const config = getNodeInfo(nodeId, queryNames, queryTypes)\n\n const nodeProperties = getAllFields(nodeId, queryTypes)\n if (\n nodeProperties\n .find(property => property.get('name') === 'isIn', null, Map())\n .getIn(['type', 'name']) === 'ResourceEdgeRelation'\n ) {\n return gql`\n ${getGenericNodeQuery(config.nodeType, config.fields)}\n `\n } else {\n return gql`\n ${getGenericNodeQueryFieldsOnly(config.nodeType, config.fields)}\n `\n }\n}\n\nexport const getGraphEndpoint = () => {\n const config = window.config || {}\n let orgName = getCurrentOrg()\n\n if (config.graph_host_template !== undefined) {\n if (config.graph_host_template.includes('__ORGNAME__')) {\n if (orgName) {\n return config.graph_host_template.replace('__ORGNAME__', orgName)\n } else {\n //eslint-disable-next-line no-console\n console.error(\n 'Adam, there was an error while building graphQL endpoint: No org_name is present in localstorage or redux'\n )\n //eslint-disable-next-line no-console\n console.log(\n 'per the error above, we dont know what to do so setting the host to: ',\n config.graph_host_template\n )\n return config.graph_host_template\n }\n } else {\n return config.graph_host_template\n }\n } else {\n //TODO: use users profile value from redux, not localstorage...\n let domain = config.environment_domain\n\n if (process.env.NODE_ENV !== 'production') {\n if (config.local_dev_graph_host) {\n return config.local_dev_graph_host\n }\n\n if (!orgName) {\n orgName = 'dev'\n }\n\n if (!domain) {\n domain = 's.sonraisecurity.com'\n }\n }\n\n if (orgName === undefined) {\n //eslint-disable-next-line no-console\n console.log(\n 'Error while building graphQL endpoint: No org_name is present in localstorage. '\n )\n return setTimeout(getGraphEndpoint, 1000)\n }\n\n //eslint-disable-next-line no-console\n console.warn(\n 'No graph_host_template found in config.json. Building graphql endpoint from default template \"https://${orgName}-graphql-server.${domain}/\"'\n )\n\n return `https://${orgName}.${domain}/`\n }\n}\n\nexport const getAllFields = (nodeId, types) => {\n const type = getTypeFromSrn(nodeId).toLowerCase()\n const nodeType = getFullType(type).replace('EdgeRelation', '')\n\n const definition = types.get(nodeType, Map())\n const fields = definition.get('fields', List())\n return fields\n}\n\nexport const getNodeInfo = (nodeId, queryNames, types) => {\n const type = getTypeFromSrn(nodeId).toLowerCase() || ''\n const nodeType = getFullType(type)\n\n const queryName = queryNames.get(nodeType, Map()).get('name', 'Resources')\n\n const SKIP_PROPERTIES = [\n 'observedDate',\n 'loadId',\n 'createdBy',\n 'content',\n 'relations',\n 'taggedBy',\n 'relationsToParent',\n ]\n\n let fields = getFieldsForType(type, types)\n .map(field => field.get('name'))\n .filter(field => !SKIP_PROPERTIES.includes(field))\n\n let finalNodeType = queryName\n if (!nodeType) {\n finalNodeType = 'Resources'\n }\n\n return {\n nodeType: finalNodeType,\n fields: fields,\n nodeId: nodeId,\n }\n}\n\nexport const getSwimlaneFields = (nodeId, queryNames, types) => {\n const type = getTypeFromSrn(nodeId).toLowerCase() || ''\n const nodeType = getFullType(type)\n\n // check if has swimlane prop\n const checkMeForSwimmi =\n types.get(type.charAt(0).toUpperCase() + type.slice(1)) || Map()\n\n let fields = List()\n const queryName = queryNames.get(nodeType, Map()).get('name', 'Resources')\n if (\n checkMeForSwimmi.get('fields').filter(field => {\n return field.get('name') === 'swimlane'\n }).size > 0\n ) {\n const swimmy = `swimlane {\n items {\n title\n defaultImportance\n srn\n }\n }\n `\n fields = fields.push(swimmy)\n } else if (queryName === 'Identities') {\n const swimmy = `...on Resource {\n swimlane {\n items {\n srn\n title\n }\n }\n }\n `\n fields = fields.push(swimmy)\n }\n return fields\n}\n\nexport const formatUpdateSwimlaneTags = arr => {\n const { add, remove } = arr\n let updateAdd = add.map(tag => {\n if (hasBeenStarred(tag)) {\n return tag\n }\n return `*${tag}*`\n })\n let updateRemove = remove.map(tag => {\n if (hasBeenStarred(tag)) {\n return tag\n }\n return `*${tag}*`\n })\n return { add: updateAdd, remove: updateRemove }\n}\n\nexport const formatCreateSwimlaneTags = tags => {\n if (!_.isEmpty(tags)) {\n return tags.map(tag => {\n if (!hasBeenStarred(tag)) {\n return `*${tag}*`\n }\n return tag\n })\n }\n return tags\n}\n\nconst hasBeenStarred = tag => {\n if (tag) {\n const arr = tag.split('')\n if (_.first(arr) === '*' || _.last(arr) === '*') {\n return true\n }\n }\n return false\n}\n\n// search nested relationships for label type\nexport const dudeWheresMyType = (dude, relation, type) => {\n if (!dude || !relation || !type) {\n return []\n }\n if (dude.items && dude.items.length > 0) {\n for (let item of dude.items) {\n if (item.label && item.label === type) {\n return item\n } else if (item[relation]) {\n return dudeWheresMyType(item[relation], relation, type)\n } else {\n return []\n }\n }\n } else {\n return []\n }\n}\n\n//field - immutable map\nexport const getTypeFromDefinition = field => {\n return field\n .getIn(['definition', 'type', 'name'], '')\n .replace('EdgeRelation', '')\n}\n","module.exports = __webpack_public_path__ + \"favicon-32x32.png\";","module.exports = __webpack_public_path__ + \"favicon-16x16.png\";","module.exports = __webpack_public_path__ + \"apple-touch-icon.png\";","module.exports = __webpack_public_path__ + \"safari-pinned-tab.svg\";","module.exports = __webpack_public_path__ + \"browserconfig.xml\";","module.exports = __webpack_public_path__ + \".htaccess.bin\";","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n title: {\n id: 'app.components.ChooseOrgModal.title',\n defaultMessage: 'Choose Organization',\n },\n buttonText: {\n id: 'app.components.ChooseOrgModal.buttonText',\n defaultMessage: 'Confirm',\n },\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\n\nimport Select from 'react-select'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Icon from 'components/Icon'\n\nimport messages from './messages'\n\nconst ModalOverlay = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100vw;\n`\nconst ModalContainer = styled.div`\n position: absolute;\n height: 300px;\n width: 300px;\n background: white;\n top: calc(50% - 185px);\n left: calc(50% - 150px);\n box-shadow: rgb(17, 17, 24) 0px 0px 40px 4px;\n border-radius: 5px;\n`\n\nconst TopPartContainer = styled.div`\n height: 121px;\n background: rgba(241, 241, 241, 0.8);\n font-size: 22px;\n text-align: center;\n border-radius: 5px;\n`\n\nconst ControlContainer = styled.div`\n font-size: 12px;\n padding: 20px;\n`\n\nconst BigButton = styled.button`\n border: none;\n cursor: pointer;\n color: white;\n font-size: 15px;\n font-weight: 400;\n background-color: green;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n padding: 20px;\n position: absolute;\n bottom: 0;\n height: 80px;\n width: 100%;\n text-align: center;\n\n transition: font-size 0.1s, padding 0.1s;\n &:hover {\n padding: 19px;\n font-size: 16px;\n }\n &:focus {\n text-decoration: underline;\n }\n`\n\nexport default class ChooseOrgModal extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n error: null,\n value: null,\n }\n }\n\n onConfirm = () => {\n if (this.state.value) {\n this.props.onConfirm(this.state.value)\n } else {\n this.setState({ error: true })\n }\n }\n\n onButtonKeyUp = event => {\n if (event.keyCode === 13) {\n event.preventDefault()\n this.onConfirm()\n }\n }\n\n setValue = ({ value }) => this.setState({ value, error: false })\n\n render() {\n const options = this.props.allowedOrgs.map(org => {\n return { label: org, value: org }\n })\n\n return (\n \n
\n )}\n {this.renderBody()}\n \n
\n \n {this.props.children}\n
\n )\n }\n}\n\nSonraiPageContent.propTypes = {\n children: PropTypes.node,\n}\n\nexport default SonraiPageContent\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles'\n\nclass SonraiPageFooter extends React.PureComponent {\n render() {\n return (\n \n )\n }\n}\n\nSonraiPageFooter.propTypes = {\n children: PropTypes.node,\n}\n\nexport default SonraiPageFooter\n","/**\n *\n * SonraiPage\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport logo from 'assets/logo.png'\nimport vidsrcWEBM from 'assets/clouds1.webm'\nimport poster from 'assets/poster.png'\n\nimport styles from './styles'\n\nclass SonraiPage extends React.PureComponent {\n render() {\n return (\n \n {this.props.videoBackground && (\n \n
\n )\n }\n}\n\nSonraiPage.propTypes = {\n children: PropTypes.node,\n videoBackground: PropTypes.bool,\n}\n\nexport default SonraiPage\nexport SonraiPageContent from './SonraiPageContent'\nexport SonraiPageFooter from './SonraiPageFooter'\n","export default {\n loginContainer: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n gridTemplateRows: '1fr 250px 1fr',\n height: '100%',\n textAlign: 'center',\n },\n\n footerLink: {\n fontFamily: 'comfortaa',\n fontSize: '14px',\n color: '#FFFFFF',\n fontWeight: '100',\n float: 'left',\n marginBottom: '2em',\n marginLeft: '2em',\n marginTop: '2em',\n },\n copyright: {\n fontFamily: 'comfortaa',\n fontSize: '14px',\n color: '#FFFFFF',\n fontWeight: '100',\n float: 'right',\n marginBottom: '2em',\n marginLeft: '1em',\n marginRight: '2em',\n marginTop: '2em',\n },\n}\n","/**\n *\n * Login\n *\n */\n\nimport React, { useEffect } from 'react'\nimport { Redirect } from 'react-router-dom'\n\nimport ChooseOrgModal from 'components/ChooseOrgModal'\nimport SonraiPage, {\n SonraiPageContent,\n SonraiPageFooter,\n} from 'components/SonraiPage'\nimport { useAuth0 } from 'react-auth0-wrapper'\n\nimport OrgSelector from 'auth/current-org'\n\nimport styles from './styles'\nexport const Login = props => {\n const { loginWithRedirect } = useAuth0()\n useEffect(() => {\n // just go right to login screen, don't give user the chance to click\n if (!props.authenticated) {\n loginWithRedirect()\n }\n })\n\n let mustChooseOrg = false\n let chooseOrgModal = null\n if (props.authenticated && window.aat) {\n mustChooseOrg = !OrgSelector.getCurrentOrg()\n if (mustChooseOrg) {\n chooseOrgModal = (\n \n 
\n
\n\n {this.props.children}\n \n loginWithRedirect()}\n style={{ background: 'rgba(255,255,255,0.6)', color: 'blue' }}\n >\n Login\n \n
\n */\n }\n \n
\n )\n }\n\n return this.props.children\n }\n}\n\nAppLayoutErrorBoundry.propTypes = {\n children: PropTypes.node,\n location: PropTypes.object.isRequired,\n}\n\nexport default withRouter(AppLayoutErrorBoundry)\n","/*\n *\n * SonraiData reducer\n *\n */\nimport { fromJS, Map, merge, List } from 'immutable'\n\nimport {\n SET_TYPES,\n SET_RELATIONS,\n SET_SAVED_SEARCHES,\n SET_ALLOWED_ROOT_QUERIES,\n SET_SAVED_SEARCH,\n SET_SONRAI_SEARCHES,\n FETCH_ACCOUNTS_SUCCESS,\n FETCH_SUBSCRIPTIONS_SUCCESS,\n FETCH_SONRAI_SEARCHES,\n FETCH_TAGS_SUCCESS,\n LOAD_TAG,\n SET_PIVOT,\n FETCH_DATA_CONTAINERS_SUCCESS,\n SET_QUERY_NAMES,\n SET_GRAPHQL_SCHEMA,\n REMOVE_SAVED_SEARCH,\n SET_HAS_COLLECTORS,\n FETCH_SAVED_SEARCHES,\n START_UPDATE_DATA_POLL,\n SET_MONITORED_RESOURCES_COUNT,\n FETCH_SWIMLANES,\n FETCH_SWIMLANES_SUCCESS,\n ADD_SWIMLANE,\n REMOVE_SWIMLANE_SUCCESS,\n UPDATE_SWIMLANE,\n SET_GLOBAL_ERROR,\n CHECK_IF_HAS_COLLECTORS,\n FETCH_SONRAI_USERS,\n FETCH_SONRAI_USERS_SUCCESS,\n UPDATE_SONRAI_USER,\n UPDATE_SONRAI_USER_SUCCESS,\n GET_ALL_ROLES,\n SET_ALL_ROLES,\n ERR_ALL_ROLES,\n UPDATE_USER_ROLES,\n UPDATE_USER_ROLES_SUCCESS,\n GET_BOTS,\n SET_BOTS,\n CREATE_BOT,\n CREATE_BOT_SUCCESS,\n VALIDATE_SOURCE_URL,\n VALIDATE_SOURCE_URL_SUCCESS,\n CLEAR_SOURCE_URL_VALIDATION,\n HANDLE_DELETE_BOTS,\n HANDLE_DELETE_BOTS_SUCCESS,\n UPDATE_BOT_ASSIGNMENT,\n UPDATE_BOT_ASSIGNMENT_SUCCESS,\n GET_EXEMPTED_IDENTITIES,\n SET_EXEMPTED_IDENTITIES,\n SET_EXEMPTED_IDENTITIES_ERROR,\n DELETE_EXEMPTED_IDENTITIES,\n DELETE_EXEMPTED_IDENTITIES_SUCCESS,\n ADD_EXEMPTED_IDENTITIES,\n ADD_EXEMPTED_IDENTITIES_SUCCESS,\n SET_OBJECTIVES,\n FETCH_OBJECTIVES,\n FETCH_OBJECTIVES_ERROR,\n ENABLE_OBJECTIVE,\n ENABLE_ALL_OBJECTIVES,\n ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE,\n ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_SUCCESS,\n ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_ERROR,\n ENABLE_ALL_OBJECTIVES_SUCCESS,\n ENABLE_ALL_OBJECTIVES_ERROR,\n ENABLE_OBJECTIVE_SUCCESS,\n ENABLE_OBJECTIVE_ERROR,\n FETCH_SONRAI_CONFIG,\n SET_SONRAI_CONFIG,\n} from './constants'\nimport { handleActions } from 'redux-actions'\nimport { exists } from 'utils/sonraiUtils'\n\nconst initialState = fromJS({\n allowedRootQueries: [],\n queryTypes: {},\n queryRelations: {},\n queryNames: {},\n globalError: null,\n savedSearches: {},\n savedSearchesLoading: false,\n savedSearchesDetailsLoaded: false,\n sonraiSearches: {},\n sonraiSearchesLoading: false,\n swimlanes: undefined,\n swimlanesLoading: false,\n accounts: [],\n subscriptions: [],\n tags: [],\n pivot: {},\n dataContainers: [],\n schema: undefined,\n objectives: [],\n objectivesError: null,\n objectivesLoading: false,\n enablingObjectives: List(),\n enablingAllObjectives: false,\n enablingAllObjectivesForSwimlane: null,\n hasCollectors: null,\n monitoredResourcesCount: null,\n checkCollectorsLoading: false,\n sonraiUsers: null,\n sonraiUsersLoading: false,\n updatingSonraiUser: Map(),\n allRoles: {\n loading: false,\n error: false,\n data: [],\n },\n updatingUserRoles: false,\n bots: { data: [], isLoading: false },\n isUpdatingBotAssignment: false,\n isCreatingBot: false,\n sourceUrlValidation: { isValid: undefined, isValidating: false },\n permissions: List(),\n exemptedIdentities: null,\n exemptedIdentitiesError: null,\n exemptedIdentitiesLoading: false,\n exemptedIdentitiesDeleting: Map(),\n exemptedIdentitiesAdding: false,\n sonraiConfigLoading: false,\n})\n\nconst sonraiDataReducer = handleActions(\n {\n [ADD_SWIMLANE]: (state, { payload }) => {\n const newSwimlane = fromJS(payload)\n\n return state.setIn(['swimlanes', newSwimlane.get('title')], newSwimlane)\n },\n [FETCH_SAVED_SEARCHES]: state => state.set('savedSearchesLoading', true),\n [FETCH_ACCOUNTS_SUCCESS]: (state, { payload }) =>\n state.set('accounts', payload),\n [FETCH_SUBSCRIPTIONS_SUCCESS]: (state, { payload }) =>\n state.set('subscriptions', payload),\n [FETCH_DATA_CONTAINERS_SUCCESS]: (state, { payload }) =>\n state.set('dataContainers', payload),\n [FETCH_SWIMLANES]: state => state.set('swimlanesLoading', true),\n [FETCH_SWIMLANES_SUCCESS]: (state, { payload }) =>\n state.set('swimlanes', payload).set('swimlanesLoading', false),\n [FETCH_TAGS_SUCCESS]: (state, { payload }) => state.set('tags', payload),\n [LOAD_TAG]: (state, { payload }) => {\n if (state.get('tags').includes(payload)) {\n return state\n }\n\n return state.update('tags', oldTags => oldTags.push(payload))\n },\n [SET_GLOBAL_ERROR]: (state, { payload }) =>\n state.set('globalError', payload),\n [SET_GRAPHQL_SCHEMA]: (state, { payload }) => state.set('schema', payload),\n [SET_ALLOWED_ROOT_QUERIES]: (state, { payload }) =>\n state.set('allowedRootQueries', fromJS(payload)),\n [CHECK_IF_HAS_COLLECTORS]: state =>\n state.set('checkCollectorsLoading', true),\n [SET_HAS_COLLECTORS]: (state, { payload }) =>\n state.set('checkCollectorsLoading', false).set('hasCollectors', payload),\n [SET_MONITORED_RESOURCES_COUNT]: (state, { payload }) =>\n state.set('monitoredResourcesCount', payload),\n [SET_SAVED_SEARCHES]: (state, { payload }) =>\n state\n .set('savedSearches', fromJS(payload.results))\n .set('savedSearchesDetailsLoaded', payload.withDetails)\n .set('savedSearchesLoading', false),\n [FETCH_SONRAI_SEARCHES]: state => state.set('sonraiSearchesLoading', true),\n [SET_SONRAI_SEARCHES]: (state, { payload }) =>\n state\n .set('sonraiSearches', fromJS(payload))\n .set('sonraiSearchesLoading', false),\n [SET_TYPES]: (state, { payload }) =>\n state.set('queryTypes', fromJS(payload)),\n [SET_RELATIONS]: (state, { payload }) =>\n state.set('queryRelations', fromJS(payload)),\n [SET_QUERY_NAMES]: (state, { payload }) =>\n state.set('queryNames', fromJS(payload)),\n [REMOVE_SAVED_SEARCH]: (state, { payload }) =>\n state.deleteIn(['savedSearches', payload]),\n [REMOVE_SWIMLANE_SUCCESS]: (state, { payload }) =>\n state.deleteIn(['swimlanes', payload]),\n [SET_SAVED_SEARCH]: (state, { payload }) =>\n state.setIn(['savedSearches', payload.sid], fromJS(payload)),\n [SET_PIVOT]: (state, { payload }) => {\n if (!exists(payload.value)) {\n return state.deleteIn(['pivot', payload.type])\n } else {\n return state.setIn(['pivot', payload.type], fromJS(payload.value))\n }\n },\n [START_UPDATE_DATA_POLL]: (state, { payload: { permissions } }) =>\n state\n .set('savedSearchesLoading', true)\n .set('swimlanesLoading', true)\n .set('permissions', fromJS(permissions)),\n [UPDATE_SWIMLANE]: (state, { payload }) => {\n let newState = state\n const newSwimlane = payload.swimlane\n const oldSwimlane = state\n .get('swimlanes', Map())\n .find(swimlane => swimlane.get('srn') === payload.srn, null, Map())\n\n if (oldSwimlane.get('title') !== newSwimlane.title) {\n newState = newState.deleteIn(['swimlanes', oldSwimlane.get('title')])\n }\n\n return newState.setIn(\n ['swimlanes', newSwimlane.title],\n fromJS(newSwimlane).set('srn', payload.srn)\n )\n },\n [UPDATE_SONRAI_USER]: (state, { payload }) =>\n state.setIn(['updatingSonraiUser', payload.srn], true),\n [UPDATE_SONRAI_USER_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['sonraiUsers', payload.srn], fromJS(payload.guy))\n .deleteIn(['updatingSonraiUser', payload.srn]),\n [FETCH_SONRAI_USERS]: state => state.set('sonraiUsersLoading', true),\n [FETCH_SONRAI_USERS_SUCCESS]: (state, { payload }) => {\n let userObj = {}\n payload.users.forEach(user => {\n userObj[user.srn] = user\n })\n return state\n .set('sonraiUsers', fromJS(userObj))\n .set('sonraiUsersLoading', false)\n },\n [GET_ALL_ROLES]: state =>\n state\n .setIn(['allRoles', 'error'], false)\n .setIn(['allRoles', 'loading'], true),\n [SET_ALL_ROLES]: (state, { payload }) =>\n state\n .setIn(['allRoles', 'error'], false)\n .setIn(['allRoles', 'loading'], false)\n .setIn(['allRoles', 'data'], fromJS(payload.data)),\n [ERR_ALL_ROLES]: state =>\n state\n .setIn(['allRoles', 'error'], true)\n .setIn(['allRoles', 'loading'], false),\n [UPDATE_USER_ROLES]: state => state.set('updatingUserRoles', true),\n [UPDATE_USER_ROLES_SUCCESS]: (state, { payload }) => {\n const newRoleAssignments = merge(\n state\n .getIn(['sonraiUsers', payload.userSrn, 'roleAssignments', 'items'])\n .filter(item => !payload.deletedSrns.includes(item.get('srn'))),\n fromJS(payload.addedRoles)\n )\n return state\n .setIn(\n ['sonraiUsers', payload.userSrn, 'roleAssignments', 'items'],\n newRoleAssignments\n )\n .set('updatingUserRoles', false)\n },\n [GET_BOTS]: state => state.setIn(['bots', 'isLoading'], true),\n [SET_BOTS]: (state, { payload }) =>\n state\n .setIn(['bots', 'data'], fromJS(payload))\n .setIn(['bots', 'isLoading'], false),\n [CREATE_BOT]: state => state.set('isCreatingBot', true),\n [CREATE_BOT_SUCCESS]: (state, { payload }) =>\n state\n .updateIn(['bots', 'data'], data => data.push(fromJS(payload))) // payoad = new bot obj\n .set('isCreatingBot', false),\n [GET_EXEMPTED_IDENTITIES]: state =>\n state.set('exemptedIdentitiesLoading', true),\n [SET_EXEMPTED_IDENTITIES]: (state, { payload }) =>\n state\n .set('exemptedIdentitiesLoading', false)\n .set('exemptedIdentitiesError', null)\n .set('exemptedIdentities', fromJS(payload.identities)),\n [SET_EXEMPTED_IDENTITIES_ERROR]: (state, { payload }) =>\n state\n .set('exemptedIdentitiesLoading', false)\n .set('exemptedIdentitiesAdding', false)\n .set('exemptedIdentitiesDeleting', Map())\n .set('exemptedIdentitiesError', payload.error),\n [ADD_EXEMPTED_IDENTITIES]: state =>\n state.set('exemptedIdentitiesAdding', true),\n [ADD_EXEMPTED_IDENTITIES_SUCCESS]: (state, { payload }) =>\n state\n .set('exemptedIdentitiesAdding', false)\n .set(\n 'exemptedIdentities',\n state.get('exemptedIdentities').merge(fromJS(payload.identities))\n )\n .set('exemptedIdentitiesError', null),\n [DELETE_EXEMPTED_IDENTITIES]: (state, { payload }) =>\n state.setIn(['exemptedIdentitiesDeleting', payload.resourceIds[0]], true),\n [DELETE_EXEMPTED_IDENTITIES_SUCCESS]: (state, { payload }) =>\n state\n .deleteIn(['exemptedIdentitiesDeleting', payload.resourceId])\n .set(\n 'exemptedIdentities',\n state\n .get('exemptedIdentities')\n .filter(id => id.get('resourceId') !== payload.resourceId)\n )\n .set('exemptedIdentitiesError', null),\n [VALIDATE_SOURCE_URL]: state =>\n state.setIn(['sourceUrlValidation', 'isValidating'], true),\n [VALIDATE_SOURCE_URL_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['sourceUrlValidation', 'isValid'], payload)\n .setIn(['sourceUrlValidation', 'isValidating'], false),\n [CLEAR_SOURCE_URL_VALIDATION]: state =>\n state.setIn(['sourceUrlValidation', 'isValid'], undefined),\n [HANDLE_DELETE_BOTS]: state => state.setIn(['bots', 'isLoading'], true),\n [HANDLE_DELETE_BOTS_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['bots', 'data'], fromJS(payload))\n .setIn(['bots', 'isLoading'], false),\n [UPDATE_BOT_ASSIGNMENT]: state =>\n state.set('isUpdatingBotAssignment', true),\n [UPDATE_BOT_ASSIGNMENT_SUCCESS]: (state, { payload }) => {\n const swombo = state\n .get('swimlanes')\n .find(lane => lane.get('srn') === payload.swimlaneSrn)\n return state\n .set('isUpdatingBotAssignment', false)\n .setIn(['swimlanes', swombo.get('title'), 'bots'], fromJS(payload.bots))\n },\n [SET_OBJECTIVES]: (state, { payload }) =>\n state.set('objectives', fromJS(payload)).set('objectivesLoading', false),\n [FETCH_OBJECTIVES]: state =>\n state.set('objectivesLoading', true).set('objectivesError', null),\n [FETCH_OBJECTIVES_ERROR]: (state, { payload }) =>\n state.set('objectivesLoading', false).set('objectivesError', payload),\n [ENABLE_OBJECTIVE]: (state, { payload }) =>\n state.set(\n 'enablingObjectives',\n state.get('enablingObjectives').push(fromJS(payload))\n ),\n [ENABLE_ALL_OBJECTIVES]: state => state.set('enablingAllObjectives', true),\n [ENABLE_ALL_OBJECTIVES_SUCCESS]: state =>\n state.set('enablingAllObjectives', false),\n [ENABLE_ALL_OBJECTIVES_ERROR]: state =>\n state.set('enablingAllObjectives', false),\n [ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE]: (state, { payload }) =>\n state.set('enablingAllObjectivesForSwimlane', payload.swimlaneSrn),\n [ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_ERROR]: state =>\n state.set('enablingAllObjectivesForSwimlane', null),\n [ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE_SUCCESS]: state =>\n state.set('enablingAllObjectivesForSwimlane', null),\n [ENABLE_OBJECTIVE_ERROR]: state => state.set('enablingObjectives', List()),\n [ENABLE_OBJECTIVE_SUCCESS]: (state, { payload }) =>\n state.set(\n 'enablingObjectives',\n state\n .get('enablingObjectives')\n .filter(\n obj =>\n obj.get('swimlaneSrn') !== payload.swimlaneSrn &&\n obj.get('objectiveSrn') !== payload.objectiveSrn\n )\n ),\n [FETCH_SONRAI_CONFIG]: state => state.set('sonraiConfigLoading', true),\n [SET_SONRAI_CONFIG]: state => state.set('sonraiConfigLoading', false),\n },\n initialState\n)\n\nexport default sonraiDataReducer\n","/**\n *\n * SonraiData\n *\n */\n\nimport React from 'react'\nimport { compose } from 'redux'\n\nimport { getDisplayName } from 'utils/hocHelpers'\nimport sonraiDatareducer from './reducer'\nimport sagas from './sagas'\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\n\nconst sonraiData = WrappedComponent => {\n return class extends React.Component {\n displayName = `SonraiData(${getDisplayName(WrappedComponent)})`\n render() {\n return \n \n
\n \n An Error Occured -{' '}\n
\n If the error persists, you can try{' '}\n
\n \n \n \n
\n )}\n \n {this.state.errorMessage}\n
\n \n{this.state.errorSource}\n {this.state.errorStack}\n {this.state.componentStack}\n \n \n \n \n
\n \n \n \n
\n - \n
\n
\n \n )\n }\n}\n\nGlobalNavBar.propTypes = {\n pathname: PropTypes.string,\n matchPath: PropTypes.string.isRequired,\n match: PropTypes.shape({\n path: PropTypes.string,\n }).isRequired,\n navigateToOverview: PropTypes.func,\n resetEditor: PropTypes.func.isRequired,\n resetQuery: PropTypes.func.isRequired,\n theme: themeShape,\n}\n\nconst mapStateToProps = createStructuredSelector({\n pathname: selectPathname,\n matchPath: selectMatchPath,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n resetEditor,\n resetQuery,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect, themeable, featureFlags)(GlobalNavBar)\n","export const selectPathname = (state, props) => props.location.pathname\n\nexport const selectMatchPath = (state, props) => props.match.path\n","/*\n *\n * QuickSearch constants\n *\n */\n\nexport const QUICK_SEARCH_LOADING = 'app/QuickSearch/QUICK_SEARCH_LOADING'\nexport const FETCH_QUICK_SEARCH = 'app/QuickSearch/FETCH_QUICK_SEARCH'\nexport const SET_QUICK_SEARCH_RESULTS =\n 'app/QuickSearch/SET_QUICK_SEARCH_RESULTS'\nexport const CLEAR_QUICK_SEARCH_RESULTS =\n 'app/QuickSearch/CLEAR_QUICK_SEARCH_RESULTS'\nexport const RESULT_LIMIT_EXCEEDED = 'app/QuickSearch/RESULT_LIMIT_EXCEEDED'\nexport const SET_QUICK_SEARCH_ERROR = 'app/QuickSearch/QUICK_SEARCH_ERROR'\n","import { fromJS, Map } from 'immutable'\n\nimport {\n FETCH_QUICK_SEARCH,\n SET_QUICK_SEARCH_RESULTS,\n QUICK_SEARCH_LOADING,\n CLEAR_QUICK_SEARCH_RESULTS,\n RESULT_LIMIT_EXCEEDED,\n SET_QUICK_SEARCH_ERROR,\n} from './constants'\nimport { handleActions } from 'redux-actions'\n\nconst initialState = fromJS({\n resultLimitExceeded: false,\n quickSearchLoading: false,\n error: null,\n quickSearchResults: {},\n})\n\nconst quicksearchReducer = handleActions(\n {\n [SET_QUICK_SEARCH_ERROR]: (state, { payload }) =>\n state.set('error', payload),\n [SET_QUICK_SEARCH_RESULTS]: (state, { payload }) =>\n state.setIn(\n ['quickSearchResults', payload.type],\n fromJS(payload.results)\n ),\n [CLEAR_QUICK_SEARCH_RESULTS]: state =>\n state\n .set('quickSearchResults', Map())\n .set('resultLimitExceeded', false)\n .set('error', null),\n [RESULT_LIMIT_EXCEEDED]: state => state.set('resultLimitExceeded', true),\n [FETCH_QUICK_SEARCH]: state =>\n state\n .set('resultLimitExceeded', false)\n .set('quickSearchResults', Map())\n .set('error', null),\n [QUICK_SEARCH_LOADING]: (state, { payload }) => {\n return state.set('quickSearchLoading', payload)\n },\n },\n initialState\n)\n\nexport default quicksearchReducer\n","/*\n *\n * QuickSearch actions\n *\n */\n\nimport {\n FETCH_QUICK_SEARCH,\n SET_QUICK_SEARCH_RESULTS,\n QUICK_SEARCH_LOADING,\n CLEAR_QUICK_SEARCH_RESULTS,\n RESULT_LIMIT_EXCEEDED,\n SET_QUICK_SEARCH_ERROR,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const fetchQuickSearch = createAction(FETCH_QUICK_SEARCH)\nexport const setQuickSearchResults = createAction(SET_QUICK_SEARCH_RESULTS)\nexport const clearQuickSearchResults = createAction(CLEAR_QUICK_SEARCH_RESULTS)\nexport const quickSearchLoading = createAction(QUICK_SEARCH_LOADING)\nexport const resultLimitExceeded = createAction(RESULT_LIMIT_EXCEEDED)\nexport const setQuickSearchError = createAction(SET_QUICK_SEARCH_ERROR)\n","import { all, put, takeLatest, select, call } from 'redux-saga/effects'\n\nimport { resultsLimitExceeded } from 'utils/sonraiUtils'\nimport {\n quickSearchLoading,\n setQuickSearchResults,\n resultLimitExceeded,\n setQuickSearchError,\n} from './actions'\nimport { FETCH_QUICK_SEARCH } from './constants'\nimport { getClient } from 'apolloClient'\nimport gql from 'graphql-tag'\nimport { selectQueryTypes } from 'containers/SonraiData/selectors'\n\nfunction* getResultsForType(searchTerm, type) {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n query getQuickSearch${type}Results(\n $searchParam: String!\n $limit: Int = 500\n ) {\n QuickSearch(searchTerm: $searchParam) {\n ${type}(limit: $limit) {\n active\n account\n createdDate\n createdBy\n name\n modifiedDate\n resourceId\n sid\n observedDate\n loadId\n label\n srn\n }\n }\n }\n `,\n variables: {\n searchParam: searchTerm,\n },\n })\n\n const formattedResults = { items: results.data.QuickSearch[type] }\n\n if (resultsLimitExceeded(formattedResults)) {\n yield put(resultLimitExceeded())\n }\n\n yield put(setQuickSearchResults({ results: formattedResults, type }))\n}\n\nfunction* getIdentities(searchTerm) {\n yield call(getResultsForType, searchTerm, 'Identities')\n}\n\nfunction* getData(searchTerm) {\n yield call(getResultsForType, searchTerm, 'Data')\n}\n\nfunction* getInfrastructure(searchTerm) {\n yield call(getResultsForType, searchTerm, 'Infrastructure')\n}\n\nfunction* getProtections(searchTerm) {\n const queryTypes = yield select(selectQueryTypes)\n\n // Before doing query we try to check Protections is actually a field on\n // QuickSearchResultSet, if it's not it just means the GraphQL server doesn't\n // support it yet. It will support it soon, but doing this check makes\n // front-end not coupled to graphql-server\n\n const quickSearchGraphQLType = queryTypes.get('QuickSearchResultSet')\n if (!quickSearchGraphQLType) {\n // eslint-disable-next-line no-console\n console.error('Could not find GraphQL type QuickSearch')\n yield put(setQuickSearchResults({ results: [], type: 'Protection' }))\n return\n }\n\n const protectionsField = quickSearchGraphQLType\n .get('fields')\n .find(field => 'Protection' === field.get('name'))\n if (!protectionsField) {\n // this is OK, it probably means Protection isn't implemented yet\n // (it is forthcoming)\n\n // eslint-disable-next-line no-console\n console.warn('No Protections on QuickSearchResultSet')\n yield put(setQuickSearchResults({ results: [], type: 'Protection' }))\n return\n }\n\n yield call(getResultsForType, searchTerm, 'Protection')\n}\n\nfunction* getQuickSearchResults(action) {\n try {\n yield put(quickSearchLoading(true))\n\n yield all([\n call(getIdentities, action.payload),\n call(getData, action.payload),\n call(getInfrastructure, action.payload),\n call(getProtections, action.payload),\n ])\n\n yield put(quickSearchLoading(false))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Failed to run quick search for: ${action.payload}`, e)\n\n yield put(\n setQuickSearchError(\n e.message || 'Error when fetching Quick Search results'\n )\n )\n }\n}\n\nfunction* quickSearchSaga() {\n yield all([takeLatest(FETCH_QUICK_SEARCH, getQuickSearchResults)])\n}\n\nexport default quickSearchSaga\n","import { createSelector } from 'reselect'\nimport { Map } from 'immutable'\nimport qs from 'query-string'\n\nexport const selectQuickSearchDomain = state => state.get('quicksearch', Map())\n\nexport const selectQuickSearchResults = createSelector(\n selectQuickSearchDomain,\n state => state.get('quickSearchResults') || Map()\n)\n\nexport const selectQuickSearchLoading = createSelector(\n selectQuickSearchDomain,\n state => state.get('quickSearchLoading') || false\n)\n\nexport const selectResultLimitExceeded = createSelector(\n selectQuickSearchDomain,\n state => state.get('resultLimitExceeded')\n)\n\nexport const selectError = createSelector(\n selectQuickSearchDomain,\n state => state.get('error')\n)\n\nexport const selectQuery = () => {\n return qs.parse(location.search).query\n}\n","/**\n *\n * QuickSearch\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators, compose } from 'redux'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport LoadingAnim from 'components/LoadingAnim'\nimport { List } from 'immutable'\nimport Error from 'components/Error'\nimport { push } from 'connected-react-router'\n\nimport Icon from 'components/Icon'\nimport TextLink from 'components/TextLink'\nimport BorderedCard from 'components/BorderedCard'\nimport DataTable from 'components/DataTable'\nimport TableLoader from 'components/TableLoader'\nimport NodeSolutionCenter from 'containers/NodeSolutionCenter'\nimport SlideoutPanel from 'components/SlideoutPanel'\nimport EmptySection from 'components/EmptySection'\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\n\nimport reducer from './reducer'\nimport sagas from './sagas'\nimport {\n selectResultLimitExceeded,\n selectQuickSearchResults,\n selectQuickSearchLoading,\n selectQuery,\n selectError,\n} from './selectors'\nimport {\n fetchQuickSearch,\n clearQuickSearchResults,\n quickSearchLoading,\n} from './actions'\n\nexport class QuickSearch extends React.Component {\n constructor(props) {\n super(props)\n\n this.props.fetchQuickSearch(props.query)\n this.state = {\n showPanel: false,\n type: null,\n nodeId: null,\n }\n\n this.styles = {\n container: {\n display: 'grid',\n gridTemplateColumns: '100%',\n gridTemplateAreas: \"'results'\",\n overflow: 'hidden',\n height: '100%',\n },\n containerWithPanel: {\n display: 'grid',\n gridTemplateColumns: '50% 50%',\n gridTemplateAreas: \"'results details'\",\n overflow: 'hidden',\n height: '100%',\n },\n resultsColumn: {\n gridArea: 'results',\n display: 'grid',\n gridTemplateRows: 'auto 1fr',\n gridRowGap: '0.5em',\n overflow: 'hidden',\n },\n panelColumn: {\n gridArea: 'details',\n paddingLeft: '1em',\n },\n header: {\n padding: '1em',\n borderBottom: '1px solid #eee',\n fontSize: '1.3em',\n },\n queryText: {\n fontWeight: 400,\n },\n resultLimitExceeded: {\n color: '#555',\n },\n content: {\n overflow: 'auto',\n padding: '0 1em',\n },\n resultsCard: {\n height: '45%',\n minHeight: '500px',\n margin: '0.5em 0',\n display: 'grid',\n gridTemplateRows: 'auto 1fr',\n overflowX: 'auto',\n },\n cardTitle: {\n fontSize: '22px',\n fontWeight: '300',\n },\n mainCard: {\n margin: '1em',\n },\n }\n }\n\n componentWillUnmount() {\n this.props.clearQuickSearchResults()\n }\n\n componentDidUpdate(oldProps) {\n if (oldProps.query !== this.props.query) {\n this.props.fetchQuickSearch(this.props.query)\n this.setState({ showPanel: false })\n }\n }\n\n onClickNodeView = (nodeId, type) => {\n this.setState({ showPanel: true, type, nodeId })\n }\n\n getHasNoResults = () => {\n return (\n this.props.quicksearch.isEmpty() ||\n (this.props.quicksearch\n .getIn(['Identities', 'items'], List())\n .isEmpty() &&\n this.props.quicksearch.getIn(['Data', 'items'], List()).isEmpty() &&\n this.props.quicksearch\n .getIn(['Infrastructure', 'items'], List())\n .isEmpty() &&\n this.props.quicksearch.getIn(['Protection', 'items'], List()).isEmpty())\n )\n }\n\n getTables = () => {\n const identities = this.props.quicksearch.getIn(\n ['Identities', 'items'],\n List()\n )\n const data = this.props.quicksearch.getIn(['Data', 'items'], List())\n const infrastructures = this.props.quicksearch.getIn(\n ['Infrastructure', 'items'],\n List()\n )\n const protection = this.props.quicksearch.getIn(\n ['Protection', 'items'],\n List()\n )\n\n const hiddenCols = [\n 'resourceId',\n 'loadId',\n 'sid',\n 'srn',\n 'observedDate',\n 'modifiedDate',\n 'createdBy',\n ]\n\n return (\n - \n
\n
\n )\n }\n\n goToNodeView = () => {\n const nav = getNodeViewPushParams(this.state.nodeId, this.state.nodeType)\n return nav\n }\n\n render() {\n if (this.props.error) {\n return (\n \n Displaying Search Results for:{' '}\n {this.props.query} \n {this.props.resultLimitExceeded && (\n
\n\n \n This search has 500 or more results\n
\n )}\n\n {!identities.isEmpty() && (\n \n \n )}\n\n {identities.isEmpty() && this.props.isLoading && (\n \n \n )}\n\n {!data.isEmpty() && (\n \n \n )}\n\n {data.isEmpty() && this.props.isLoading && (\n \n \n )}\n\n {!infrastructures.isEmpty() && (\n \n \n )}\n\n {infrastructures.isEmpty() && this.props.isLoading && (\n \n \n )}\n\n {!protection.isEmpty() && (\n \n \n )}\n\n {protection.isEmpty() && this.props.isLoading && (\n \n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n }\n\n if (this.getHasNoResults()) {\n return (\n \n No results for query: {this.props.query} \n
\n )\n }\n\n if (\n this.props.quicksearch === undefined ||\n this.props.quicksearch.isEmpty()\n ) {\n return \n \n \n \n \n \n this.handleValue(e.target.value)}\n style={this.styles.input}\n value={this.props.searchValue}\n />\n \n \n \n \n \n
\n )\n }\n}\n\nHeaderSearchBar.propTypes = {\n intl: intlShape,\n executeSearch: PropTypes.func.isRequired,\n searchValue: PropTypes.string.isRequired,\n setSearchValue: PropTypes.func.isRequired,\n}\n\nexport default injectIntl(HeaderSearchBar)\n","import React, { Fragment, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators, compose } from 'redux'\nimport { push } from 'connected-react-router'\nimport qs from 'query-string'\nimport { injectIntl } from 'react-intl'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport Popover, { PopoverAnchor, PopoverBody } from 'components/Popover'\nimport ProfileIcon from 'components/ProfileIcon'\nimport { selectSonraiUserSrn } from 'containers/UserProfileData/selectors'\nimport { useAuth0 } from 'react-auth0-wrapper'\nimport BorderlessButton from 'components/BorderlessButton'\nimport Icon from 'components/Icon'\nimport { getCurrentOrg } from 'auth/current-org'\n\nimport { clearCurrentOrg, canSetDefaultOrg } from 'auth/current-org'\n\nexport const UserMenu = props => {\n const [state, setState] = useState({\n open: false,\n })\n const { user, logout } = useAuth0()\n\n const styles = {\n popover: {\n boxShadow: '-2px 6px 5px 0px rgba(136,136,136,0.41)',\n },\n popoverBody: {\n padding: '0.5em',\n },\n username: {\n color: props.theme.neutralDark,\n padding: '0.5em 0',\n },\n divider: {\n borderBottom: `1px solid ${props.theme.neutralLight}`,\n margin: '0.5em',\n },\n menuOption: {\n display: 'flex',\n padding: '0.4em 0',\n cursor: 'pointer',\n },\n icon: {\n marginRight: '0.5em',\n width: '30px',\n },\n }\n\n const onDropdownToggle = newVisibility => {\n setState({\n open: newVisibility,\n })\n }\n\n const getPhoto = () => user.picture\n\n const getName = () => user.name\n\n const goToUserProfile = () => {\n props.push({\n pathname: '/App/UserManagement/User',\n search: qs.stringify({\n srn: props.sonraiUserSrn,\n }),\n })\n\n setState({\n open: false,\n })\n }\n\n const gotoKnowledgeBase = () => {\n props.push({\n pathname: '/App/HelpCenter',\n })\n\n setState({\n open: false,\n })\n }\n\n return (\n \n \n clearCurrentOrg()}\n >\n \n \n \n License Agreement\n \n \n \n \n \n
\n \n {getName()}\n
\n Organization: {getCurrentOrg()}\n
\n \n \n Organization: {getCurrentOrg()}\n
\n
\n )\n }\n}\n\nGlobalHeaderBar.propTypes = {\n intl: PropTypes.shape({\n formatMessage: PropTypes.func.isRequired,\n }).isRequired,\n match: PropTypes.object,\n push: PropTypes.func.isRequired,\n}\n\nconst mapStateToProps = createStructuredSelector({})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n push,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\nexport default compose(withConnect, injectIntl)(GlobalHeaderBar)\n","/**\n *\n * Asynchronously loads the component for NodeSolutionCenter\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","export const FETCH_SAVED_SEARCH_WIDGET_RESULTS =\n 'app/WidgetResultExplorer/FETCH_SAVED_SEARCH_WIDGET_RESULTS'\nexport const FETCH_ADVANCED_SEARCH_WIDGET_RESULTS =\n 'app/WidgetResultExplorer/FETCH_ADVANCED_SEARCH_WIDGET_RESULTS'\nexport const SET_WIDGET_RESULTS = 'app/WidgetResultExplorer/SET_WIDGET_RESULTS'\nexport const SET_TITLE = 'app/WidgetResultExplorer/SET_TITLE'\nexport const SET_SONRAI_SEARCH_NAME =\n 'app/WidgetResultExplorer/SET_SONRAI_SEARCH_NAME'\nexport const SET_SAVED_SEARCH_ID =\n 'app/WidgetResultExplorer/SET_SAVED_SEARCH_ID'\nexport const SET_SAVED_SEARCH_FILTER_CARD_ID =\n 'app/WidgetResultExplorer/SET_SAVED_SEARCH_FILTER_CARD_ID'\nexport const SET_WIDGET_RESULTS_ERROR =\n 'app.WidgetResultExplorer/SET_WIDGET_RESULTS_ERROR'\nexport const SET_FILTER = 'app.WidgetResultExplorer/SET_FILTER'\nexport const SET_ADVANCED_QUERY = 'app.WidgetResultExplorer/SET_ADVANCED_QUERY'\nexport const FETCH_CUSTOM_SEARCH_WIDGET_RESULTS =\n 'app/WidgetResultsExplorer/FETCH_CUSTOM_SEARCH_WIDGET_RESULTS'\n","import {\n FETCH_SAVED_SEARCH_WIDGET_RESULTS,\n FETCH_ADVANCED_SEARCH_WIDGET_RESULTS,\n FETCH_CUSTOM_SEARCH_WIDGET_RESULTS,\n SET_WIDGET_RESULTS,\n SET_TITLE,\n SET_SONRAI_SEARCH_NAME,\n SET_SAVED_SEARCH_ID,\n SET_WIDGET_RESULTS_ERROR,\n SET_FILTER,\n SET_SAVED_SEARCH_FILTER_CARD_ID,\n SET_ADVANCED_QUERY,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const fetchSavedSearchWidgetResults = createAction(\n FETCH_SAVED_SEARCH_WIDGET_RESULTS\n)\nexport const fetchAdvancedSearchWidgetResults = createAction(\n FETCH_ADVANCED_SEARCH_WIDGET_RESULTS\n)\nexport const fetchCustomSearchWidgetResults = createAction(\n FETCH_CUSTOM_SEARCH_WIDGET_RESULTS\n)\nexport const setWidgetResults = createAction(SET_WIDGET_RESULTS)\nexport const setTitle = createAction(SET_TITLE)\nexport const setSonraiSearchName = createAction(SET_SONRAI_SEARCH_NAME)\nexport const setSavedSearchId = createAction(SET_SAVED_SEARCH_ID)\nexport const setWidgetResultsError = createAction(SET_WIDGET_RESULTS_ERROR)\nexport const setFilter = createAction(SET_FILTER)\nexport const setSavedSearchFilterCardId = createAction(\n SET_SAVED_SEARCH_FILTER_CARD_ID\n)\nexport const setAdvancedQuery = createAction(SET_ADVANCED_QUERY)\n","import { createSelector } from 'reselect'\nimport { Map } from 'immutable'\n\nexport const selectWidgetResultExplorerDomain = state =>\n state.get('widgetResultExplorer', Map())\n\nexport const selectResults = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('results') || Map()\n)\n\nexport const selectTitle = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('title')\n)\n\nexport const selectSonraiSearchName = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('sonraiSearchName')\n)\n\nexport const selectSavedSearchId = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('savedSearchId')\n)\n\nexport const selectLoading = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('loading')\n)\n\nexport const selectError = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('error')\n)\n\nexport const selectFilter = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('filter')\n)\n\nexport const selectSavedSearchFilterCardId = createSelector(\n selectWidgetResultExplorerDomain,\n sonraiData => sonraiData.get('savedSearchFilterCardId')\n)\n","import { fromJS } from 'immutable'\nimport {\n FETCH_SAVED_SEARCH_WIDGET_RESULTS,\n FETCH_ADVANCED_SEARCH_WIDGET_RESULTS,\n FETCH_CUSTOM_SEARCH_WIDGET_RESULTS,\n SET_WIDGET_RESULTS,\n SET_TITLE,\n SET_SONRAI_SEARCH_NAME,\n SET_SAVED_SEARCH_ID,\n SET_WIDGET_RESULTS_ERROR,\n SET_FILTER,\n SET_SAVED_SEARCH_FILTER_CARD_ID,\n} from './constants'\nimport { createNestedOrderMap } from 'utils/sonraiUtils'\nimport { handleActions } from 'redux-actions'\n\nconst initialState = fromJS({\n results: {},\n title: '',\n error: null,\n loading: true,\n sonraiSearchName: null,\n savedSearchId: null,\n filter: {},\n savedSearchFilterCardId: null,\n})\n\nconst widgetResultExplorerReducer = handleActions(\n {\n [FETCH_SAVED_SEARCH_WIDGET_RESULTS]: state =>\n state.set('loading', true).set('error', null),\n [FETCH_ADVANCED_SEARCH_WIDGET_RESULTS]: state =>\n state.set('loading', true).set('error', null),\n [FETCH_CUSTOM_SEARCH_WIDGET_RESULTS]: state =>\n state.set('loading', true).set('error', null),\n [SET_WIDGET_RESULTS]: (state, { payload }) =>\n state\n .set('results', createNestedOrderMap(payload))\n .set('error', null)\n .set('loading', false),\n [SET_WIDGET_RESULTS_ERROR]: (state, { payload }) =>\n state.set('error', payload).set('loading', false),\n [SET_TITLE]: (state, { payload }) => state.set('title', payload),\n [SET_SONRAI_SEARCH_NAME]: (state, { payload }) =>\n state.set('sonraiSearchName', payload),\n [SET_SAVED_SEARCH_ID]: (state, { payload }) =>\n state.set('savedSearchId', payload),\n [SET_FILTER]: (state, { payload }) => state.set('filter', fromJS(payload)),\n [SET_SAVED_SEARCH_FILTER_CARD_ID]: (state, { payload }) =>\n state.set('savedSearchFilterCardId', payload),\n },\n initialState\n)\n\nexport default widgetResultExplorerReducer\n","import { all, put, takeLatest, select } from 'redux-saga/effects'\nimport { fromJS, Map } from 'immutable'\nimport { getClient } from 'apolloClient'\nimport gql from 'graphql-tag'\nimport {\n QueryBuilder,\n getFields,\n getExploreSonraiSearchQueryString,\n} from 'query-builder'\nimport _ from 'lodash'\n\nimport {\n selectSavedSearches,\n selectQueryTypes,\n} from 'containers/SonraiData/selectors'\n\nimport { setWidgetResults, setWidgetResultsError } from './actions'\nimport {\n FETCH_SAVED_SEARCH_WIDGET_RESULTS,\n FETCH_ADVANCED_SEARCH_WIDGET_RESULTS,\n FETCH_CUSTOM_SEARCH_WIDGET_RESULTS,\n} from './constants'\n\nfunction* getSavedSearchResults({ payload }) {\n const savedSearches = yield select(selectSavedSearches)\n\n let fields = getFields(savedSearches, payload.searchId)\n\n if (!fields.isEmpty()) {\n const rootField = fields.find(\n statement => !statement.get('parentId'),\n null,\n Map()\n )\n\n if (payload.filter && !_.isEmpty(payload.filter)) {\n //Add the custom filter arg to the query\n const searchCardId = payload.filterCardId || rootField.get('id')\n fields = fields.updateIn([searchCardId, 'arguments', 'and'], andArgs =>\n andArgs.push(\n fromJS({\n [payload.filter.label]: {\n caseSensitive: false,\n dateOffset: null,\n op: 'EQ',\n value: payload.filter.value,\n },\n })\n )\n )\n }\n\n const flatten = fields.size > 1\n\n const queryTypes = yield select(selectQueryTypes)\n\n const queryBuilder = new QueryBuilder({\n query: fields,\n types: queryTypes,\n })\n\n queryBuilder.addDefaultResultViews()\n queryBuilder.skipCounts()\n\n if (flatten) {\n queryBuilder.enableFlattenMode()\n }\n\n const query = queryBuilder.buildPivotableSource(rootField.get('id'))\n\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n ${query.gqlStatement}\n `,\n variables: query.variables,\n })\n\n yield put(setWidgetResults(result.data))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Failed to fetch results for widget explorer', e)\n yield put(setWidgetResultsError(e.message))\n }\n }\n}\n\nfunction* getAdvancedSearchResults({ payload }) {\n const query = getExploreSonraiSearchQueryString(payload.searchName)\n\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n ${query}\n `,\n })\n\n yield put(setWidgetResults(result.data))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Failed to fetch results for widget explorer', e)\n yield put(setWidgetResultsError(e.message))\n }\n}\n\nfunction* getCustomSearchResults({ payload }) {\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n ${payload.query}\n `,\n })\n\n yield put(setWidgetResults(result.data))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Failed to fetch results for widget explorer', e)\n yield put(setWidgetResultsError(e.message))\n }\n}\n\nfunction* widgetResultsSaga() {\n yield all([\n takeLatest(FETCH_SAVED_SEARCH_WIDGET_RESULTS, getSavedSearchResults),\n takeLatest(FETCH_ADVANCED_SEARCH_WIDGET_RESULTS, getAdvancedSearchResults),\n takeLatest(FETCH_CUSTOM_SEARCH_WIDGET_RESULTS, getCustomSearchResults),\n ])\n}\n\nexport default widgetResultsSaga\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n filteredBy: {\n id: 'app.container.WidgetResultExplorer.filteredBy',\n defaultMessage: 'Filter:',\n },\n equalTo: {\n id: 'app.container.WidgetResultExplorer.equalTo',\n defaultMessage: 'equals:',\n },\n emptyWidgetSearch: {\n id: 'app.container.WidgetResultExplorer.emptyWidgetSearch',\n defaultMessage: 'No Widget Search was found.',\n },\n exploringResults: {\n id: 'app.container.WidgetResultExplorer.exploringResults',\n defaultMessage:\n 'Exploring results for widget \"{title}\" with search \"{searchName}\"',\n },\n})\n","/**\n *\n * WidgetResultExplorer\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators, compose } from 'redux'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport qs from 'query-string'\nimport { fromJS, List, Map } from 'immutable'\nimport { push } from 'connected-react-router'\nimport _ from 'lodash'\n\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport TextLink from 'components/TextLink'\nimport CenterContent from 'components/CenterContent'\nimport TimeoutLoader from 'components/TimeoutLoader'\nimport NodeSolutionCenter from 'containers/NodeSolutionCenter'\nimport BorderedCard from 'components/BorderedCard'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport Icon from 'components/Icon'\nimport { clearData } from 'containers/NodeSolutionCenter/actions'\nimport SlideoutPanel from 'components/SlideoutPanel'\nimport Error from 'components/Error'\nimport {\n fetchSavedSearchWidgetResults,\n fetchAdvancedSearchWidgetResults,\n fetchCustomSearchWidgetResults,\n setSonraiSearchName,\n setSavedSearchId,\n setFilter,\n setSavedSearchFilterCardId,\n setTitle,\n setAdvancedQuery,\n} from './actions'\nimport {\n selectResults,\n selectSonraiSearchName,\n selectSavedSearchId,\n selectLoading,\n selectError,\n selectTitle,\n selectFilter,\n} from './selectors'\nimport widgetResultExplorerReducer from './reducer'\nimport sagas from './sagas'\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\nimport DataTable from 'components/DataTable'\nimport { FormattedMessage } from 'react-intl'\nimport messages from './messages.js'\nimport { SEARCH_VIEWS } from 'containers/Search/constants'\nimport { selectSavedSearches } from 'containers/SonraiData/selectors'\n\nconst styles = {\n container: {\n display: 'grid',\n gridTemplateColumns: '100%',\n gridTemplateAreas: \"'results'\",\n overflow: 'hidden',\n height: '100%',\n },\n filterText: {\n marginRight: '0.4rem',\n marginLeft: '0.4rem',\n fontWeight: '500',\n color: 'rgb(85, 85, 85)',\n },\n noResultsText: {\n margin: '0.5rem',\n color: '#A8A8A8',\n fontSize: '1.2rem',\n },\n noResults: {\n height: '100%',\n width: '100%',\n padding: '10em',\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n },\n textCont: {\n marginLeft: '0.3rem',\n marginTop: '0.25rem',\n },\n closeIcon: { fontSize: '1.1rem', marginTop: '0.1rem' },\n filterCont: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: '0.75rem',\n },\n filterIcon: { color: 'rgb(228, 198, 71)', fontSize: '1.2rem' },\n containerWithPanel: {\n display: 'grid',\n gridTemplateColumns: '50% 50%',\n gridTemplateAreas: \"'results details'\",\n overflow: 'hidden',\n height: '100%',\n },\n closeIconCont: { marginTop: '0.15rem' },\n resultsColumn: {\n gridArea: 'results',\n height: '100%',\n padding: '1em',\n display: 'grid',\n gridTemplateRows: 'auto 1fr',\n gridRowGap: '0.5em',\n },\n resultsCard: {\n height: '100%',\n overflow: 'auto',\n },\n header: {\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n },\n viewName: {\n fontSize: '1.5em',\n },\n panelColumn: {\n gridArea: 'details',\n paddingLeft: '1em',\n },\n}\n\nexport class WidgetResultExplorer extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n showNodeViewPanel: false,\n nodeId: null,\n nodeType: null,\n }\n\n const params = _.get(this.props.location, 'state')\n if (params) {\n this.props.setTitle(params.searchTitle)\n this.props.setSavedSearchId(params.savedSearchId)\n this.props.setSonraiSearchName(params.sonraiSearchName)\n this.props.setFilter(params.filter)\n this.props.setSavedSearchFilterCardId(params.savedSearchFilterCardId)\n this.props.setAdvancedQuery(params.advancedQuery)\n }\n }\n\n componentDidMount() {\n const params = _.get(this.props.location, 'state')\n if (params) {\n if (params.savedSearchId) {\n this.props.fetchSavedSearchWidgetResults({\n searchId: params.savedSearchId,\n filter: params.filter,\n filterCardId: params.savedSearchFilterCardId,\n })\n } else if (params.sonraiSearchName) {\n if (params.advancedQuery) {\n this.props.fetchCustomSearchWidgetResults({\n query: params.advancedQuery,\n })\n } else {\n this.props.fetchAdvancedSearchWidgetResults({\n searchName: params.sonraiSearchName,\n })\n }\n }\n }\n }\n\n goToSelectedNodeView = () => {\n return getNodeViewPushParams(this.state.nodeId, this.state.nodeType)\n }\n\n onClickNodeView = (nodeId, nodeType) => {\n if (this.state.nodeId) {\n if (this.state.nodeId !== nodeId) {\n this.props.clearData()\n }\n }\n this.setState({ showNodeViewPanel: true, nodeType, nodeId })\n }\n\n onClickFlattenedNodeView = row => {\n const srn = fromJS(row).find((value, key) => key.includes('_srn'))\n const type = getTypeFromSrn(srn)\n\n if (!srn) {\n return\n }\n\n this.setState({ showNodeViewPanel: true, nodeType: type, nodeId: srn })\n }\n\n renderPanel() {\n return (\n \n \n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.nodeView)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.solutionCenter\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.setup)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.graphExplorer\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.search)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.search)}`}\n \n \n \n )}\n />\n\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.widgetResults\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.quickSearch\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.reports)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.config)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.controlCenter\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.explorer)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.alert)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.deploy)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.helpCenter\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.securityCenter\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.escalation\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.ticketDetails\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(messages.tickets)}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.monitoredResources\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.botManagement\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.swimlaneCheckupDetails\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.swimlaneCheckup\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.botDetails\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.roleManagement\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.roleDetails\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.userManagement\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.userDetails\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.objectivesManager\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.swimlanes\n )}`}\n \n \n \n )}\n />\n (\n \n \n \n {`${this.props.intl.formatMessage(\n messages.appTitle\n )} - ${this.props.intl.formatMessage(\n messages.platformSettings\n )}`}\n \n \n \n )}\n />\n } />\n \n
\n \n
\n \n
\n \n \n {this.renderContent()}\n \n
\n\n {this.renderPanel()}\n \n )\n }\n}\n\nWidgetResultExplorer.propTypes = {\n clearData: PropTypes.func.isRequired,\n error: PropTypes.string,\n fetchAdvancedSearchWidgetResults: PropTypes.func.isRequired,\n fetchSavedSearchWidgetResults: PropTypes.func.isRequired,\n fetchCustomSearchWidgetResults: PropTypes.func.isRequired,\n filter: ImmutablePropTypes.contains({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n loading: PropTypes.bool,\n location: PropTypes.shape({\n state: PropTypes.shape({\n savedSearchId: PropTypes.string,\n sonraiSearchName: PropTypes.string,\n searchTitle: PropTypes.string,\n savedSearchFilterCardId: PropTypes.string,\n filter: PropTypes.shape({\n value: PropTypes.any,\n label: PropTypes.string,\n }),\n }),\n }),\n push: PropTypes.func.isRequired,\n results: ImmutablePropTypes.iterable.isRequired,\n savedSearchId: PropTypes.string,\n savedSearches: ImmutablePropTypes.iterable.isRequired,\n setAdvancedQuery: PropTypes.func.isRequired,\n setFilter: PropTypes.func.isRequired,\n setSavedSearchId: PropTypes.func,\n setSavedSearchFilterCardId: PropTypes.func.isRequired,\n setSonraiSearchName: PropTypes.func,\n setTitle: PropTypes.func,\n sonraiSearchName: PropTypes.string,\n title: PropTypes.string,\n}\n\nconst mapStateToProps = createStructuredSelector({\n error: selectError,\n loading: selectLoading,\n results: selectResults,\n savedSearchId: selectSavedSearchId,\n savedSearches: selectSavedSearches,\n sonraiSearchName: selectSonraiSearchName,\n filter: selectFilter,\n title: selectTitle,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n clearData,\n fetchSavedSearchWidgetResults,\n fetchAdvancedSearchWidgetResults,\n fetchCustomSearchWidgetResults,\n setAdvancedQuery,\n setTitle,\n setSonraiSearchName,\n setSavedSearchId,\n setFilter,\n setSavedSearchFilterCardId,\n push,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nconst withReducer = injectReducer({\n key: 'widgetResultExplorer',\n reducer: widgetResultExplorerReducer,\n})\nconst withSaga = injectSaga({ key: 'widgetResultExplorer', saga: sagas })\n\nexport default compose(withConnect, withReducer, withSaga)(WidgetResultExplorer)\n","/**\n *\n * Asynchronously loads the component for ControlCenter\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import { createSelector } from 'reselect'\nimport { Map, List } from 'immutable'\nimport qs from 'query-string'\nimport { selectSonraiSearches } from 'containers/SonraiData/selectors'\nimport {\n selectControlGroups,\n selectPolicies,\n} from 'containers/ControlFrameworkData/selectors'\n\nconst selectControlGroupDomain = state => state.get('controlGroup') || Map()\nconst selectContentLibraryDomain = state =>\n state.get('cfContentLibrary') || Map()\n\nexport const selectSaving = createSelector(selectControlGroupDomain, state =>\n state.get('saving')\n)\n\nexport const selectCloning = createSelector(selectControlGroupDomain, state =>\n state.get('cloning')\n)\n\nexport const selectControlGroupId = (state, props) => {\n if (props && props.location && props.location.search) {\n return qs.parse(props.location.search).controlGroupId\n } else {\n return null\n }\n}\n\nexport const selectActiveFramework = createSelector(\n selectContentLibraryDomain,\n state => state.get('activeFramework')\n)\n\nexport const selectControlGroup = createSelector(\n [selectControlGroups, selectControlGroupId, selectActiveFramework],\n (controlGroups, id, activeFramework) => {\n if (activeFramework) {\n return controlGroups.get(activeFramework, Map())\n } else {\n return controlGroups.get(id, Map())\n }\n }\n)\n\nexport const selectIndexedSonraiSearches = createSelector(\n selectSonraiSearches,\n sonraiSearchList => {\n return Map(sonraiSearchList.map(search => [search.get('name'), search]))\n }\n)\n\nexport const selectPoliciesForControlGroup = createSelector(\n [selectControlGroup, selectPolicies],\n (controlGroup, allPolicies) => {\n const policyList = controlGroup\n .getIn(['contains', 'items'], List())\n .map(policy => allPolicies.get(policy.get('srn'), Map()))\n .filterNot(policy => policy.isEmpty())\n\n return Map(policyList.map(policy => [policy.get('srn'), policy]))\n }\n)\n","/*\n *\n * ControlGroup reducer\n *\n */\n\nimport { fromJS } from 'immutable'\nimport { handleActions } from 'redux-actions'\n\nimport {\n CREATE_POLICY,\n CREATE_POLICY_SUCCESS,\n UPDATE_CONTROL_GROUP,\n UPDATE_CONTROL_GROUP_SUCCESS,\n ADD_POLICY,\n ADD_POLICY_SUCCESS,\n SET_POLICY_ERROR,\n} from 'containers/ControlFrameworkData/constants'\nimport { SET_CLONING } from './constants'\n\nconst initialState = fromJS({\n saving: false,\n cloning: null,\n})\n\nconst controlGroupReducer = handleActions(\n {\n [ADD_POLICY]: state => state.set('saving', true),\n [SET_POLICY_ERROR]: state =>\n state.set('saving', false).set('cloning', null),\n [ADD_POLICY_SUCCESS]: state => state.set('saving', false),\n [CREATE_POLICY]: state => state.set('saving', true),\n [CREATE_POLICY_SUCCESS]: state =>\n state.set('saving', false).set('cloning', null),\n [SET_CLONING]: (state, { payload }) => state.set('cloning', payload),\n [UPDATE_CONTROL_GROUP]: state => state.set('saving', true),\n [UPDATE_CONTROL_GROUP_SUCCESS]: state => state.set('saving', false),\n },\n initialState\n)\n\nexport default controlGroupReducer\n","/*\n *\n * ControlGroup constants\n *\n */\n\nexport const SET_CLONING = 'app/ControlGroup/SET_CLONING'\n","import { SET_CLONING } from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const setCloning = createAction(SET_CLONING)\n","/*\n * ControlGroup Messages\n *\n * This contains all the text for the Alerts component.\n */\nimport { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n createPolicyHeader: {\n id: 'app.containers.ControlGroup.createPolicyHeader',\n defaultMessage: 'Add Policy',\n },\n policyTitleLabel: {\n id: 'app.containers.ControlGroup.policyTitleLabel',\n defaultMessage: 'Title',\n },\n policyDescriptionLabel: {\n id: 'app.containers.ControlGroup.policyDescriptionLabel',\n defaultMessage: 'Description',\n },\n policySearchLabel: {\n id: 'app.containers.ControlGroup.policySearchLabel',\n defaultMessage: 'Search',\n },\n policyLastTriggeredLabel: {\n id: 'app.containers.ControlGroup.policyLastTriggeredLabel',\n defaultMessage: 'Last Run',\n },\n policyFindingsLabel: {\n id: 'app.containers.ControlGroup.policyFindingsLabel',\n defaultMessage: 'Findings',\n },\n addPolicyButton: {\n id: 'app.containers.ControlGroup.addPolicyButton',\n defaultMessage: 'Add Policy',\n },\n enableOnSwimlaneButton: {\n id: 'app.containers.ControlGroup.enableOnSwimlaneButton',\n defaultMessage: 'Apply to specific Swimlane',\n },\n enableGloballyButton: {\n id: 'app.containers.ControlGroup.enableGloballyButton',\n defaultMessage: 'Enable Globally',\n },\n enableButton: {\n id: 'app.containers.ControlGroup.enableButton',\n defaultMessage: 'Enable',\n },\n disableButton: {\n id: 'app.containers.ControlGroup.disableButton',\n defaultMessage: 'Disable',\n },\n disableGloballyButton: {\n id: 'app.containers.ControlGroup.disableGloballyButton',\n defaultMessage: 'Disable Globally',\n },\n cancelButton: {\n id: 'app.containers.ControlGroup.cancelButton',\n defaultMessage: 'Cancel',\n },\n createButton: {\n id: 'app.containers.ControlGroup.createButton',\n defaultMessage: 'Create',\n },\n enableSwimlanes: {\n id: 'app.containers.ControlGroup.enableSwimlanes',\n defaultMessage: 'Enable',\n },\n disableSwimlane: {\n id: 'app.containers.ControlGroup.disableSwimlane',\n defaultMessage: 'Disable',\n },\n enableSwimlaneTitle: {\n id: 'app.containers.ControlGroup.enableSwimlaneTitle',\n defaultMessage: 'Select Swimlanes to Enable on Control Framework',\n },\n notEnabledModalMessage: {\n id: 'app.containers.ControlGroup.notEnabledModalMessage',\n defaultMessage:\n 'This Control Framework is not enabled. Tickets wil not be created for your swimlane unless it is enabled.',\n },\n addButton: {\n id: 'app.containers.ControlGroup.addButton',\n defaultMessage: 'Add',\n },\n saveEditButton: {\n id: 'app.containers.ControlGroup.saveEditButton',\n defaultMessage: 'Save',\n },\n policyLabel: {\n id: 'app.containers.ControlGroup.policyLabel',\n defaultMessage: 'Policy',\n },\n editCGHeader: {\n id: 'app.containers.ControlGroup.createCGHeader',\n defaultMessage: 'Edit Control Framework',\n },\n cGTitleLabel: {\n id: 'app.containers.ControlGroup.cGTitleLabel',\n defaultMessage: 'Title',\n },\n cGDescriptionLabel: {\n id: 'app.containers.ControlGroup.cGDescriptionLabel',\n defaultMessage: 'Description',\n },\n cGFriendlyNameLabel: {\n id: 'app.containers.ControlGroup.cGFriendlyNameLabel',\n defaultMessage: 'Short Name',\n },\n editActionLabel: {\n id: 'app.containers.ControlGroup.editActionLabel',\n defaultMessage: 'Edit',\n },\n deleteActionLabel: {\n id: 'app.containers.ControlGroup.deleteActionLabel',\n defaultMessage: 'Delete Policy',\n },\n removeActionLabel: {\n id: 'app.containers.ControlGroup.removeActionLabel',\n defaultMessage: 'Remove Policy from Control Framework',\n },\n evalTypeLabel: {\n id: 'app.containers.ControlGroup.evalTypeLabel',\n defaultMessage: 'Trigger',\n },\n evalTypeCountLabel: {\n id: 'app.containers.ControlGroup.evalTypeCountLabel',\n defaultMessage: 'Count',\n },\n evalOpGTLabel: {\n id: 'app.containers.ControlGroup.evalOpGTLabel',\n defaultMessage: 'Greater Than',\n },\n evalOpLTLabel: {\n id: 'app.containers.ControlGroup.evalOpLTLabel',\n defaultMessage: 'Less Than',\n },\n evalOpEQLabel: {\n id: 'app.containers.ControlGroup.evalOpEQLabel',\n defaultMessage: 'Equal To',\n },\n newPolicyTabLabel: {\n id: 'app.containers.ControlGroup.newPolicyTabLabel',\n defaultMessage: 'Create New Policy',\n },\n addPolicyTabLabel: {\n id: 'app.containers.ControlGroup.addPolicyTabLabel',\n defaultMessage: 'Add Existing Policy',\n },\n editPolicyHeader: {\n id: 'app.containers.ControlGroup.editPolicyHeader',\n defaultMessage: 'Edit Policy',\n },\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport { FormattedMessage, injectIntl, intlShape } from 'react-intl'\nimport SelectBar from 'components/SelectBar'\nimport { List } from 'immutable'\n\nimport Icon from 'components/Icon'\nimport TabBar from 'components/TabBar'\nimport FormLabel from 'components/FormLabel'\nimport Button from 'components/Button'\nimport TextLink from 'components/TextLink'\nimport {\n createPolicy,\n addPolicy,\n} from 'containers/ControlFrameworkData/actions'\nimport {\n selectSonraiSearches,\n selectSavedSearches,\n} from 'containers/SonraiData/selectors'\nimport { selectPolicies } from 'containers/ControlFrameworkData/selectors'\n\nimport {\n POLICY_EVAL_TYPES,\n POLICY_OP_TYPES,\n} from 'containers/PolicyEdit/constants'\nimport messages from './messages'\nimport { selectSaving } from './selectors'\nimport PolicyEditor from 'containers/PolicyEdit/PolicyEditor'\n\nexport class AddPolicyModal extends React.Component {\n componentDidUpdate(oldProps) {\n if (oldProps.saving && !this.props.saving) {\n this.props.toggle()\n }\n }\n\n constructor(props) {\n super(props)\n\n this.state = {\n title: '',\n description: '',\n selectedSearchValue: null,\n selectedSearchSrn: null,\n selectedPolicySrn: null,\n policyEvalType: POLICY_EVAL_TYPES.COUNT,\n policyEvalTarget: 0,\n policyEvalOp: POLICY_OP_TYPES.GT,\n policyRemediationType: null,\n activeTabIndex: 0,\n alertingLevelNumeric: 5,\n }\n\n this.styles = {\n tabbar: {\n paddingBottom: 0,\n fontWeight: '300',\n },\n triggerConfig: {\n display: 'grid',\n gridTemplateColumns: '30% 1fr 30%',\n gridColumnGap: '1em',\n },\n }\n }\n setPolicyDescription = value => {\n this.setState({\n description: value,\n })\n }\n\n setPolicyTitle = e => {\n this.setState({\n title: e.target.value,\n })\n }\n\n setPolicyEvalOp = e => {\n this.setState({\n policyEvalOp: e.target.value,\n })\n }\n\n setPolicyRemediationType = item =>\n this.setState({ policyRemediationType: item ? item.value : item })\n\n setPolicyEvalTarget = e => {\n const parsed = parseInt(e.target.value)\n this.setState({\n policyEvalTarget: isNaN(parsed) ? e.target.value : parsed,\n })\n }\n\n setPolicyEvalType = e => {\n this.setState({\n policyEvalType: e.target.value,\n })\n }\n\n handleCreate = () => {\n const evalCriteria = {\n [this.state.policyEvalOp]: [\n this.state.policyEvalType,\n this.state.policyEvalTarget,\n ],\n }\n\n this.props.createPolicy({\n title: this.state.title,\n description: this.state.description,\n searchId: this.state.selectedSearchSrn,\n controlGroupId: this.props.controlGroup.get('srn'),\n alertingLevelNumeric: this.state.alertingLevelNumeric,\n remediationType: this.state.policyRemediationType,\n evalCriteria: evalCriteria,\n })\n }\n\n handleAdd = () => {\n this.props.addPolicy({\n controlGroupId: this.props.controlGroup.get('srn'),\n policyId: this.state.selectedPolicySrn,\n })\n }\n\n setSelectedSearch = value => {\n if (!value) {\n this.setState({\n selectedSearchValue: null,\n selectedSearchSrn: null,\n })\n } else {\n this.setState({\n selectedSearchValue: value.value,\n selectedSearchSrn: value.srn,\n })\n }\n }\n\n setSelectedPolicy = value => {\n if (!value) {\n this.setState({\n selectedPolicySrn: null,\n })\n } else {\n this.setState({\n selectedPolicySrn: value.value,\n })\n }\n }\n\n changeTab = tab => {\n this.setState({\n activeTabIndex: tab,\n })\n }\n\n getFilteredPolicies = () => {\n const currentPolicyIds = this.props.controlGroup\n .getIn(['contains', 'items'], List())\n .map(policy => policy.get('srn'))\n\n return this.props.policies\n .toList()\n .filterNot(policy => currentPolicyIds.includes(policy.get('srn')))\n }\n\n triggerIsValid = () => {\n return typeof this.state.policyEvalTarget === 'number'\n }\n\n renderSubmitButton = () => {\n if (this.props.saving) {\n return (\n \n )\n }\n\n if (this.state.activeTabIndex === 0) {\n return (\n \n {this.renderTitle()}\n {this.renderSearchNav()}\n {this.props.filter && !this.props.filter.isEmpty() && (\n
\n \n \n (Clear Filter)\n \n
\n )}\n \n
\n \n ({\n value: field.srn,\n label: field.title,\n }))}\n onChange={this.setSelectedPolicy}\n />\n
\n )\n }\n\n render() {\n return (\n \n
\n )\n}\n\nDescriptionRenderer.propTypes = {\n data: PropTypes.shape({\n description: PropTypes.string,\n }),\n}\n\nexport default DescriptionRenderer\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { Modal, ModalBody, ModalHeader, ModalFooter } from 'reactstrap'\nimport { List } from 'immutable'\n\nimport TextLink from 'components/TextLink'\nimport Button from 'components/Button'\nimport EditPolicyModal from 'containers/PolicyEdit/EditPolicyModal'\nimport permissionChecker from 'containers/PermissionChecker'\nimport BorderlessButton from 'components/BorderlessButton'\nimport Icon from 'components/Icon'\nimport { getCurrentOrg } from 'auth/current-org'\nimport { SONRAI_ORG_NAME } from 'appConstants'\n\nexport class PolicyActions extends React.Component {\n constructor(props) {\n super(props)\n\n this.styles = {\n button: {\n margin: '0 0.3em',\n },\n }\n\n this.state = {\n editPolicy: false,\n deleteModalOpen: false,\n }\n }\n\n toggleDeleteModal = () => {\n this.setState(oldState => ({\n deleteModalOpen: !oldState.deleteModalOpen,\n }))\n }\n\n closeDeleteModal = () => {\n this.setState({ deleteModalOpen: false })\n }\n\n handleEditPolicy = () => {\n this.setState(oldState => ({ editPolicy: !oldState.editPolicy }))\n }\n\n handleDeletePolicy = () => {\n this.closeDeleteModal()\n this.props.deletePolicy(this.props.policy.get('srn'))\n }\n\n handleRemovePolicy = () => {\n this.props.removePolicy(this.props.policy.get('srn'))\n }\n\n handleClonePolicy = () => {\n this.props.clonePolicy(this.props.policy.get('srn'))\n }\n\n getDeleteModal = () => {\n const usedInSrns = this.props.policy\n .getIn(['containedByControlFramework', 'items'], List())\n .map(relation => relation.get('srn'))\n\n return (\n \n This policy is used in {usedInSrns.size} frameworks. Deleting it\n will remove it from all frameworks. This cannot be undone.\n
\n )}\n \n \n \n \n
\n )\n }\n\n return (\n \n {!canEdit ? (\n \n \n \n \n \n \n
\n \n {\n if (!data) {\n return null\n }\n\n const canAssignSwimmy = this.props.userHasPermission({\n permissionName: 'assign.integrations',\n swimlanes: [data.actions],\n })\n return (\n {\n this.openConfirmDisableSwimlaneModal(data)\n }\n : undefined\n }\n disabled={\n !canAssignSwimmy ||\n this.props.updatingCFs.get(\n this.props.controlGroup.get('srn')\n )\n }\n style={{ marginRight: '1em' }}\n >\n
\n )\n }\n\n renderPolicies = () => {\n if (!this.props.policiesLoaded) {\n return No Policies
\n \n )\n }\n\n const activePolicies = this.getFilteredPolicies()\n\n const tableData = activePolicies\n .map(policy => {\n let search\n const polsearch = policy.getIn(['contains', 'items', 0])\n if (polsearch !== undefined) {\n const sonraiSearch = this.props.sonraiSearches.get(\n polsearch.get('name'),\n Map()\n )\n\n const savedSearch = this.props.savedSearches.find(\n s => s.get('srn') === polsearch.get('srn')\n )\n\n search = !sonraiSearch.isEmpty() ? sonraiSearch : savedSearch\n }\n\n return {\n title: policy.get('title'),\n alertingLevel: policy.get('alertingLevelNumeric'),\n description: policy.get('description'),\n search: search,\n createdBy: policy.get('createdBy'),\n remediationType:\n policy.get('remediationType') &&\n _.startCase(_.toLower(policy.get('remediationType'))),\n createdByUser: this.props.sonraiUsers.get(\n policy.get('createdBy'),\n Map()\n ),\n actions: '',\n srn: policy.get('srn'),\n }\n })\n .toJS()\n\n const canEdit = this.props.userHasPermission({\n permissionName: 'assign.integrations',\n })\n\n return (\n \n Working...',\n masterDetail: true,\n detailCellRenderer: 'descriptionRenderer',\n frameworkComponents: { descriptionRenderer: DescriptionRenderer },\n detailCellRendererParams: {\n detailGridOptions: {\n columnDefs: [{ field: 'description' }],\n defaultColDef: { flex: 1, minWidth: 100 },\n },\n getDetailRowData: function (params) {\n params.successCallback([\n { description: params.data.description },\n ])\n },\n },\n }}\n data={tableData}\n customColumnConfig={{\n srn: {\n hide: true,\n },\n createdByUser: {\n hide: true,\n },\n createdBy: {\n minWidth: 200,\n width: 200,\n valueGetter: params => {\n if (!params.data) {\n return ''\n }\n\n return params.data.createdByUser.name || 'Sonrai'\n },\n cellRendererFramework: ({ data }) => {\n if (!data) {\n return null\n }\n return this.toggleDescription(params)}\n style={{ marginLeft: '0.3em' }}\n >\n (Toggle Expand)\n \n \n )\n },\n },\n search: {\n minWidth: 300,\n flex: 1,\n cellRendererFramework: params => {\n if (!params.data) {\n return\n }\n return (\n
\n )\n }\n\n handleAddEnableSwimlanes = () => {\n if (this.state.swimlaneOptions) {\n this.toggleEnabledSwimlanes({\n add: this.state.swimlaneOptions.map(option => option.value),\n })\n }\n this.setState({ swimlaneOptions: null })\n this.toggleSwimlaneModal()\n }\n\n openConfirmDisableSwimlaneModal = data => {\n this.setState({\n showConfirmDeleteSwimlaneModal: true,\n confirmSwimlaneDelete: data,\n })\n }\n\n closeConfirmDisableSwimlaneModal = () => {\n this.setState({\n showConfirmDeleteSwimlaneModal: false,\n confirmSwimlaneDelete: null,\n })\n }\n\n handleDisableSwimlane = () => {\n if (!this.props.updatingCFs.get(this.props.controlGroup.get('srn'))) {\n this.toggleEnabledSwimlanes({\n remove: [this.state.confirmSwimlaneDelete.actions],\n })\n }\n this.closeConfirmDisableSwimlaneModal()\n }\n\n toggleEnabledSwimlanes = params => {\n this.props.toggleEnabledOnSwimlanes({\n srn: this.props.controlGroup.get('srn'),\n add: params.add ? params.add : null,\n remove: params.remove ? params.remove : null,\n })\n }\n\n enableGlobally = () => {\n this.props.setFrameworkEnabled({\n enabled: true,\n srn: this.props.controlGroup.get('srn'),\n redirect:\n this.props.controlGroup.getIn([\n 'ownedByOrganization',\n 'items',\n 0,\n 'name',\n ]) === SONRAI_ORG_NAME,\n })\n }\n\n disableGlobally = () => {\n this.props.setFrameworkEnabled({\n enabled: false,\n srn: this.props.controlGroup.get('srn'),\n })\n }\n\n getSwimlaneOptions = () =>\n this.props.swimlanes\n .map(swim => ({\n value: swim.get('srn'),\n label: swim.get('title'),\n }))\n .filter(\n item =>\n !(this.props.controlGroup.get('swimlaneSRNs')\n ? this.props.controlGroup.get('swimlaneSRNs')\n : []\n ).includes(item.value)\n )\n .toList()\n .toJS()\n\n handleSwimlaneOptionChange = params => {\n this.setState({ swimlaneOptions: params })\n }\n\n handleCloneFramework = () => {\n this.props.cloneFramework(this.props.controlGroup.get('srn'))\n }\n\n handleDeleteFramework = () => {\n this.props.deleteControlGroup(this.props.controlGroup.get('srn'))\n }\n\n handleToggleEnabled = () => {\n this.props.setFrameworkEnabled({\n srn: this.props.controlGroup.get('srn'),\n enabled: !this.props.controlGroup.get('enabled'),\n })\n }\n\n getMenuItems = canEdit => {\n const items = []\n if (canEdit) {\n items.push(\n \n \n Enabled Globally\n \n \n
\n )\n } else if (numSwimlanes > 0 && isEnabled) {\n return (\n \n \n Enabled on {numSwimlanes} swimlanes\n \n \n
\n )\n } else {\n return (\n \n {this.state.showCreatePolicyModal && (\n \n {this.renderGlobalButton()}\n \n \n \n \n {updating ? (\n
\n \n \n \n \n \n All Control Frameworks\n \n \n Control Framework Details \n \n
\n \n
\n \n \n \n View Parent Framework\n \n \n )}\n
\n \n {this.props.controlGroup.get('title')}\n
\n \n
\n {parentCF && (\n \n \n {' '}\n Created By:{' '}\n
\n \n | \n
\n \n Swimlanes\n \n {this.props.updatingCFs.get(\n this.props.controlGroup.get('srn')\n ) ? (\n
\n {this.renderSwimlanes(canEnableOnSwimlane)}\n \n Policies\n \n
\n {this.renderPolicies()}\n \n \n {this.state.errorMsg}\n \n
\n )}\n \n {true !== this.props.controlGroup.get('enabled') && (\n
\n \n \n \n \n \n \n \n\n
\n )\n }\n}\n\nNewAccountState.propTypes = {\n theme: themeShape,\n}\n\nexport default themeable(NewAccountState)\n","/**\n *\n * Asynchronously loads the component for SolutionCenter\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for Bot Management\n *\n */\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for Bot Details\n *\n */\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for SwimlaneManager\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for SwimlaneDetails\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for MonitoredResources\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for PlatformSettings\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for Escalation\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for EscalationDetails\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","/**\n *\n * Asynchronously loads the component for DataClassifierManagement\n *\n */\n\nimport loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","import React, { useState } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators, compose } from 'redux'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport Button from 'components/Button'\nimport TextLink from 'components/TextLink'\nimport { PlainCheckbox } from 'components/Checkbox'\nimport { selectUserProfile } from 'containers/UserProfileData/selectors'\nimport { acceptLicense } from 'containers/UserProfileData/actions'\nimport { useAuth0 } from 'react-auth0-wrapper'\n\nexport const AcceptLicenseModal = props => {\n const { logout } = useAuth0()\n const [state, setState] = useState({\n checkedAccept: !!props.userInfo.get('hasAcceptedLegal'),\n })\n\n const handleAccept = checked => {\n setState({\n checkedAccept: checked,\n })\n }\n\n const handleSubmit = () => {\n if (state.checkedAccept) {\n props.acceptLicense()\n }\n }\n\n return (\n \n
\n \n Welcome to Sonrai Security\n
\n\n Your Cloud Data Control (CDC) account is ready to go!\n
\n\n The next step is to deploy a collector into your\n cloud and add your cloud accounts to it for monitoring\n
\n\n \n \n
\n\n \n Once the collector deploy is complete and you’ve added\n accounts, it will automatically begin collecting information\n from your cloud accounts and you should see updates within\n about 15 minutes.\n
\n\n CDC intelligence collection is divided into multiple\n components: an initial discovery pass collects high level\n resource information from the account and a background\n discovery process collects lower level details from those\n resources. At the same time, it will subscribe to and report\n current audit activity, while another background component\n gathers the last 7 days of audit history.\n
\n\n\n
\n
\n \n \n\n \n \n\n \n \n
\n \n
\n Installation instructions for supported cloud\n platforms are available in the{' '}\n
\n
\n If you have questions at any time during the setup & configuration\n process or would like to schedule assistance to get your\n collectors deployed and configured, reach out to us via email at{' '}\n {SUPPORT_EMAIL}\n
\n\n
\n For a quick overview of other areas of the CDC Service, take a\n look at the Getting Started Guide in the{' '}\n
\n
\n \n
\n There was an error connecting to the server. You can try{' '}\n
\n If the error persists, you can{' '}\n
\n \n {props.globalError && (\n \n {props.globalError}\n \n )}\n
\n \n {props.userHasAcceptedLicense ? (\n
\n \n {getAppPage()} \n
\n ) : (\n \n \n \n
\n )}\n \n {
\n \n \n {false && props.globalError && (\n \n {props.globalError}\n \n )}\n
\n \n
\n )\n }\n}\n\nLoading.propTypes = {\n error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n}\n\nexport default Loading\n","import axios from 'axios'\n\nconst configureAxios = authToken => {\n window.axios = axios.create({\n headers: {\n common: {\n Authorization: `Bearer ${authToken}`,\n 'Access-Control-Allow-Origin': '*',\n },\n },\n })\n}\n\nexport { configureAxios }\nexport default configureAxios\n","import { takeLatest, put, call, select } from 'redux-saga/effects'\nimport { configureAxios } from 'axiosConfig'\nimport jwt from 'jsonwebtoken'\nimport { getClient } from 'apolloClient'\nimport gql from 'graphql-tag'\nimport { List, fromJS } from 'immutable'\nimport _ from 'lodash'\n\nimport {\n LOAD_USER,\n SET_USER_PROFILE_TABLES,\n SAVE_USER_PROFILE,\n FETCH_USER_PROFILE,\n UNHIDE_SOLUTION_CARDS,\n HIDE_SOLUTION_CARD,\n ACCEPT_LICENSE,\n SET_SECURITY_CENTER_WELCOME_MODAL,\n} from './constants'\nimport {\n setUserProfile,\n setSonraiUserSrn,\n setUserProfileError,\n} from './actions'\nimport { selectUserProfile } from './selectors'\n\nconst UPDATE_USER_PROFILE_MUTATION = gql`\n mutation saveUserProfile($profile: Blob) {\n UpdateSonraiCurrentUsers(input: [{ profile: $profile }]) {\n items {\n srn\n profile\n }\n }\n }\n`\n\nasync function updateUserProfile({ profile }) {\n const client = await getClient()\n const result = await client.mutate({\n mutation: UPDATE_USER_PROFILE_MUTATION,\n variables: {\n profile,\n },\n forceFetch: true,\n fetchPolicy: 'no-cache',\n })\n return result.data.UpdateSonraiCurrentUsers.items[0].profile\n}\n\nfunction* saveUserProfile(prof, srn) {\n try {\n let profile, newSRN\n\n if (prof.payload) {\n profile = prof.payload\n newSRN = profile.srn\n } else {\n profile = prof.profile\n newSRN = srn || prof.srn\n }\n const client = getClient()\n\n yield client.mutate({\n mutation: UPDATE_USER_PROFILE_MUTATION,\n variables: {\n profile,\n },\n forceFetch: true,\n fetchPolicy: 'no-cache',\n })\n\n yield put(setUserProfile(profile, newSRN))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error saving user profile', e)\n }\n}\n\nfunction* setSecurityCenterWelcomeModal() {\n const profile = yield select(selectUserProfile)\n const updatedProfile = {\n ...profile.toJS(),\n hasSeenSecurityCenterWelcomeModal: true,\n }\n\n yield put(setUserProfile(updatedProfile)) //optimistic update\n\n try {\n const newProfile = yield updateUserProfile({ profile: updatedProfile })\n yield put(setUserProfile(newProfile))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating User Profile', e)\n }\n}\n\nfunction* setUserProfileTables(action) {\n const profile = yield select(selectUserProfile)\n\n const oldConfig = profile.getIn(\n ['tables', action.payload.set, 'widgets'],\n List()\n )\n const index = oldConfig.findIndex(\n tableConf => tableConf.get('id') === action.payload.id\n )\n\n const tableConfig = fromJS({\n id: action.payload.id,\n grid: action.payload.grid,\n })\n const newConfig =\n index > -1 ? oldConfig.set(index, tableConfig) : oldConfig.push(tableConfig)\n const updatedProfile = profile\n .setIn(['tables', action.payload.set, 'widgets'], newConfig)\n .toJS()\n\n yield put(setUserProfile(updatedProfile)) //optimistic update\n\n try {\n const newProfile = yield updateUserProfile({ profile: updatedProfile })\n yield put(setUserProfile(newProfile))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating User Profile', e)\n }\n}\n\nfunction* getSonraiUser(srn) {\n const FETCH_SONRAI_USER_SRN_QUERY = `\n query sonrai_user($srn: String) {\n SonraiUsers(where: { srn: { value: $srn } }) {\n items {\n srn\n }\n }\n }\n `\n try {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n ${FETCH_SONRAI_USER_SRN_QUERY}\n `,\n forceFetch: true,\n fetchPolicy: 'no-cache',\n variables: {\n srn: srn,\n },\n })\n\n yield put(\n setSonraiUserSrn(\n _.get(results, ['data', 'SonraiUsers', 'items', 0, 'srn'], null)\n )\n )\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error fetching sonrai user', e)\n }\n}\n\nfunction* fetchUserProfile(id) {\n try {\n const client = getClient()\n\n const results = yield client.query({\n query: gql`\n query currentUser {\n SonraiCurrentUsers {\n items {\n profile\n srn\n }\n }\n }\n `,\n forceFetch: true,\n fetchPolicy: 'no-cache',\n variables: {\n userId: id,\n },\n })\n\n const user = _.get(\n results,\n ['data', 'SonraiCurrentUsers', 'items', 0],\n null\n )\n if (user === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n let { profile, srn } = user\n\n // if profile has not been init yet, do that now\n if (!profile || profile.profile === null) {\n profile = {\n srn: srn,\n hasAcceptedLegal: false,\n }\n\n yield call(saveUserProfile, profile, srn)\n }\n\n yield call(getSonraiUser, srn)\n return { profile, srn }\n } catch (e) {\n yield put(setUserProfileError(`Error fetching User Profile: ${e.message}`))\n\n //eslint-disable-next-line no-console\n console.error('error fetching user profile', e)\n }\n}\n\nfunction* loadUser({ payload }) {\n const accessToken = payload\n if (accessToken) {\n configureAxios(accessToken)\n\n try {\n const { sub } = jwt.decode(accessToken)\n\n const userProfile = yield call(fetchUserProfile, sub)\n let srn = userProfile.srn\n let profile = userProfile.profile\n yield put(setUserProfile(profile, srn))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error loading the user info', e)\n }\n }\n}\n\nfunction* unhideSolutionCardUserProfile(action) {\n const cardsToUnhide = action.payload\n const profile = yield select(selectUserProfile)\n\n const newHiddenCards = profile\n .get('hiddenSolutionCards', List())\n .filter(cardSrn => !cardsToUnhide.includes(cardSrn))\n\n const updatedProfile = profile\n .set('hiddenSolutionCards', newHiddenCards)\n .toJS()\n\n yield put(setUserProfile(updatedProfile)) //Optimistic update\n\n try {\n const newProfile = yield updateUserProfile({ profile: updatedProfile })\n yield put(setUserProfile(newProfile))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Unable to unhide solution cards ${e}`)\n }\n}\n\nfunction* hideSolutionCardUserProfile(action) {\n const cardId = action.payload\n const profile = yield select(selectUserProfile)\n\n try {\n const oldConfig = profile.get('hiddenSolutionCards', List())\n if (oldConfig.includes(cardId)) {\n return\n }\n\n const updatedProfile = profile\n .set('hiddenSolutionCards', oldConfig.push(cardId))\n .toJS()\n\n yield put(setUserProfile(updatedProfile)) //for optimistic updating\n\n const newProfile = yield updateUserProfile({ profile: updatedProfile })\n yield put(setUserProfile(newProfile))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Failed to hide solution card ${e}`)\n }\n}\n\nfunction* acceptLicense() {\n const profile = yield select(selectUserProfile)\n try {\n const updatedProfile = profile\n .set('hasAcceptedLegal', true)\n .set('acceptedLegalOn', new Date())\n .toJS()\n\n yield put(setUserProfile(updatedProfile)) //for optimistic updating\n const newProfile = yield updateUserProfile({ profile: updatedProfile })\n yield put(setUserProfile(newProfile))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Failed to accept legal ${e}`)\n }\n}\n\nfunction* userProfileDataSaga() {\n yield takeLatest(SET_USER_PROFILE_TABLES, setUserProfileTables)\n yield takeLatest(LOAD_USER, loadUser)\n yield takeLatest(SAVE_USER_PROFILE, saveUserProfile)\n yield takeLatest(FETCH_USER_PROFILE, fetchUserProfile)\n yield takeLatest(UNHIDE_SOLUTION_CARDS, unhideSolutionCardUserProfile)\n yield takeLatest(HIDE_SOLUTION_CARD, hideSolutionCardUserProfile)\n yield takeLatest(ACCEPT_LICENSE, acceptLicense)\n yield takeLatest(\n SET_SECURITY_CENTER_WELCOME_MODAL,\n setSecurityCenterWelcomeModal\n )\n}\n\nexport default userProfileDataSaga\n","import { fromJS } from 'immutable'\nimport { handleActions } from 'redux-actions'\nimport {\n SET_USER_PROFILE,\n TOGGLE_SWIMLANE_MANAGER,\n SET_SONRAI_USER_SRN,\n SET_USER_PROFILE_ERROR,\n} from './constants'\n\nconst initialState = fromJS({\n userProfile: {\n loading: true,\n },\n sonraiUserSrn: null,\n swimlaneManagerOpen: false,\n error: null,\n})\n\nconst userProfileDataReducer = handleActions(\n {\n [SET_USER_PROFILE]: (state, { payload }) => {\n return state.set('userProfile', fromJS(payload))\n },\n [SET_USER_PROFILE_ERROR]: (state, { payload }) => {\n return state.set('error', payload)\n },\n [TOGGLE_SWIMLANE_MANAGER]: (state, { payload }) =>\n state.set('swimlaneManagerOpen', payload),\n [SET_SONRAI_USER_SRN]: (state, { payload }) =>\n state.set('sonraiUserSrn', payload),\n },\n initialState\n)\n\nexport default userProfileDataReducer\n","import React from 'react'\nimport { compose } from 'redux'\n\nimport { getDisplayName } from 'utils/hocHelpers'\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\nimport userProfileDataSaga from './sagas'\nimport userProfileDataReducer from './reducer'\n\nconst userProfileData = WrappedComponent => {\n return class extends React.Component {\n displayName = `UserProfileData(${getDisplayName(WrappedComponent)})`\n\n render() {\n return \n 
\n
\n \n {errStr.includes('Received status code 504') ? (\n 'Timed out'\n ) : (\n
\n
There was an error loading the data
\n \n The path is too large to display\n
\n )\n }\n\n return (\nNo Path to show
\n }\n\n return (\n \n
\n )\n }\n}\n\nTableLoader.propTypes = {\n style: PropTypes.object,\n}\n\nexport default TableLoader\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport UserWidget from 'components/UserWidget'\n\nconst CreatedByBadge = ({ createdBy, table }) => {\n return \n \n \n \n \n \n \n \n
\n )\n }\n}\n\nSearchInput.propTypes = {\n style: PropTypes.object,\n quickFilter: PropTypes.bool,\n}\n\nexport default SearchInput\n","export default {\n noBorderButton: {\n border: 'none',\n margin: '0',\n padding: '0',\n backgroundColor: 'inherit',\n boxShadow: 'none',\n whiteSpace: 'nowrap',\n ':focus': {\n border: 'none',\n backgroundColor: 'inherit',\n boxShadow: 'none',\n outline: 'none',\n },\n ':active': {\n border: 'none',\n backgroundColor: 'inherit',\n boxShadow: 'none',\n outline: 'none',\n },\n },\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button } from 'reactstrap'\nimport { Link } from 'react-router-dom'\n\nimport styles from './styles'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nexport class BorderlessButton extends React.PureComponent {\n getColor = () => {\n if (this.props.disabled) {\n return this.props.theme.neutralMedium\n }\n\n if (this.props.color === 'primary') {\n return this.props.theme.primary\n }\n\n if (this.props.color === 'secondary') {\n return this.props.theme.secondary\n }\n }\n\n render() {\n const {\n children,\n style,\n theme, //eslint-disable-line no-unused-vars\n className,\n typeColors, //eslint-disable-line no-unused-vars\n ...pprops\n } = this.props\n\n if (this.props.to) {\n return (\n \n \n
\n )\n }\n }\n}\n\nProfileIcon.propTypes = {\n img: PropTypes.string,\n name: PropTypes.string,\n height: PropTypes.string,\n width: PropTypes.string,\n style: PropTypes.object,\n}\n\nexport default ProfileIcon\n","export default {\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n detail: {},\n key: {\n fontSize: '0.95rem',\n color: '#485460',\n fontWeight: 400,\n },\n code: {\n fontFamily: 'monospace',\n fontSize: '1.1rem',\n },\n codeBlock: {\n backgroundColor: '#fafafa',\n fontFamily: 'monospace',\n fontSize: '1.1rem',\n marginBottom: '0.5em',\n },\n emptyCard: {\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n}\n","import conformsTo from 'lodash/conformsTo'\nimport isFunction from 'lodash/isFunction'\nimport isObject from 'lodash/isObject'\nimport invariant from 'invariant'\n\n/**\n * Validate the shape of redux store\n */\nexport default function checkStore(store) {\n const shape = {\n dispatch: isFunction,\n subscribe: isFunction,\n getState: isFunction,\n replaceReducer: isFunction,\n injectedReducers: isObject,\n }\n invariant(\n conformsTo(store, shape),\n '(app/utils...) injectors: Expected a valid redux store'\n )\n}\n","import _ from 'lodash'\n\nlet authDB\nexport function getAuthDB() {\n return authDB\n}\n\nexport function setAuthDB(_it_) {\n authDB = _it_\n}\n\nexport const MAX_STORAGE_SIZE = 1_000_000 // ~1MB\n\nexport function cleanupOldAuthDBs() {\n const start = new Date().getTime()\n const authDB = getAuthDB()\n if (!authDB) {\n return\n }\n\n const allDBs = authDB.getAllDBs()\n\n const storageSize = {}\n for (let db of allDBs) {\n const key = authDB.makeLocalStorageKey(db.tab)\n const dbRaw = localStorage.getItem(key)\n storageSize[key] = dbRaw.length\n }\n\n let totalSize = Object.values(storageSize).reduce(\n (acc, curr) => acc + curr,\n 0\n )\n\n let cleanupCount = 0\n if (totalSize > MAX_STORAGE_SIZE) {\n const dbsOldestToNewest = _.sortBy(allDBs, 'time')\n while (totalSize > MAX_STORAGE_SIZE) {\n cleanupCount++\n const db = dbsOldestToNewest.shift()\n const key = authDB.makeLocalStorageKey(db.tab)\n localStorage.removeItem(key)\n totalSize -= storageSize[key]\n }\n }\n\n const end = new Date().getTime()\n // eslint-disable-next-line no-console\n console.debug(`cleaned up ${cleanupCount} old DBs in ${end - start}ms`)\n}\n\nexport default function startCleanup(authDB) {\n setAuthDB(authDB)\n return setInterval(() => {\n cleanupOldAuthDBs()\n }, 30_000)\n}\n","import uuid from 'uuid/v4'\nimport _ from 'lodash'\nimport moment from 'moment'\nimport jwt from 'jsonwebtoken'\nimport startCleanup from './auth-db-cleanup'\n\nconst LS_PREFIX = 'authDB_'\nexport const UIEXPCLAIM = 'https://sonraisecurity.com/uiexp'\n\nconst EventTypes = {\n TOKEN_FETCH: 't',\n LOGOUT: 'l',\n}\n\nexport const TokenFetchType = {\n INITIAL: 'i',\n REFETCH: 'r',\n}\n\nexport const LogoutEventType = {\n EXPIRE_TIMEOUT: 'e',\n UNAUTH_RESP: 'u',\n}\n\nconst DATE_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS Z'\nexport function formatDateTime(value) {\n if (!value) {\n return ''\n }\n return moment(value).format(DATE_FORMAT)\n}\n\nexport function parseDateTime(value) {\n return moment(value, DATE_FORMAT).valueOf()\n}\n\nexport function isTelemetryEnabled(user) {\n const env = user['https://sonraisecurity.com/env']\n const meta = user['https://sonraisecurity.com/userMeta']\n if (meta && meta[env]) {\n const envMeta = meta[env]\n return envMeta.sessionTelemetryEnabled || false\n }\n}\n\nexport default class AuthDB {\n constructor(user) {\n // this is the auth0 ID token as an object:\n // e.g. { name: \"albert1@sonraisecurity.com\", sub: \"auth0|728...\", ...etc }\n this.user = user\n this.enabled = isTelemetryEnabled(user)\n\n // each time the user navigates to the page, their tab gets an ID\n this.tab = uuid()\n\n this.localStorageKey = this.makeLocalStorageKey(this.tab)\n this.events = []\n this.db = {\n tab: this.tab,\n at: new Date().getTime(),\n active: true,\n events: this.events,\n }\n\n window.onbeforeunload = () => {\n try {\n this.db.active = false\n this.flushDB()\n } catch {\n // eslint-disable-next-line no-empty\n }\n return null\n }\n\n startCleanup(this)\n }\n\n /**\n * Flush the events to localstorage\n */\n flushDB() {\n if (this.enabled) {\n localStorage.setItem(this.localStorageKey, JSON.stringify(this.db))\n }\n }\n\n /**\n * when a new token is fetched, call this method\n */\n tokenFetchEvent(token, type) {\n try {\n const event = this.makeEvent(EventTypes.TOKEN_FETCH, type, token)\n\n // eslint-disable-next-line no-console\n console.debug(\n `[TOKEN_FETCH]: tab=${this.tab} eventType=${event.type} keyId=${\n event.kid\n } iat=${event.iat}`\n )\n this.events.push(event)\n this.flushDB()\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('error happen tokenFetchEvent', e)\n }\n }\n\n logoutEvent(type, token = window.aat) {\n try {\n const event = this.makeEvent(EventTypes.LOGOUT, type, token)\n // eslint-disable-next-line no-console\n console.debug(\n `[LOGOUT]: tab=${this.tab} eventType=${event.type} keyId=${\n event.kid\n } iat=${event.iat}`\n )\n this.events.push(event)\n this.db.active = false\n this.flushDB()\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('error happen logoutEvent', e)\n }\n }\n\n makeEvent(evt, type, token) {\n const time = new Date().getTime()\n let tokenClaims\n try {\n tokenClaims = jwt.decode(token)\n } catch (e) {\n tokenClaims = {}\n }\n const event = {\n evt,\n type,\n at: time,\n env: this.user['https://sonraisecurity.com/env'],\n sub: this.user.sub,\n exp: tokenClaims.exp,\n iat: tokenClaims.iat,\n uiexp: tokenClaims[UIEXPCLAIM],\n }\n return event\n }\n\n getAllDBs() {\n const allDBs = Object.keys(localStorage)\n .filter(key => key.startsWith(LS_PREFIX))\n .map(key => {\n try {\n return JSON.parse(localStorage.getItem(key))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('invalid content in DB: ' + key)\n return null\n }\n })\n .filter(db => db)\n return allDBs\n }\n\n clearAll() {\n for (let db of this.getAllDBs()) {\n this.clearDB(db)\n }\n }\n\n clearDB(db) {\n const { tab } = db\n if (tab) {\n localStorage.removeItem(this.makeLocalStorageKey(tab))\n }\n }\n\n /**\n * user could call this from the console window to get their session logs\n */\n getSessionLogs(filter = {}) {\n let allEvents = []\n for (let db of this.getAllDBs()) {\n const { tab, active, at, events } = db\n if (events) {\n for (let event of events) {\n const prettyEvent = {\n tab,\n active,\n tabOpen: formatDateTime(at),\n ...this.getPrettyEvent(event),\n }\n if (this.filterEvent(prettyEvent, filter)) {\n allEvents.push(prettyEvent)\n }\n }\n }\n }\n\n allEvents.sort((a, b) => {\n return parseDateTime(b.time) - parseDateTime(a.time)\n })\n return allEvents\n }\n\n filterEvent(event, filter = {}) {\n for (let key of Object.keys(filter)) {\n if (event[key] != filter[key]) {\n return false\n }\n }\n return true\n }\n\n /**\n * get a more human readable version of the event stored in the DB\n */\n getPrettyEvent(event) {\n const prettyEvent = {\n time: formatDateTime(event.at),\n sub: event.sub,\n env: event.env,\n iat: formatDateTime(event.iat * 1000),\n exp: formatDateTime(event.exp * 1000),\n uiexp: formatDateTime(event.uiexp * 1000),\n }\n\n if (event.evt === 't') {\n prettyEvent.eventType = 'TOKEN_FETCH'\n if (event.type === 'i') {\n prettyEvent.type = 'INITIAL'\n }\n if (event.type === 'r') {\n prettyEvent.type = 'REFETCH'\n }\n }\n\n if (event.evt === 'l') {\n prettyEvent.eventType = 'LOGOUT'\n if (event.type === 'e') {\n prettyEvent.type = 'EXPIRE_TIMEOUT'\n }\n if (event.type === 'u') {\n prettyEvent.type = 'UNAUTH_RESP'\n }\n }\n return prettyEvent\n }\n\n /**\n * get all the session logs formatted as a CSV\n */\n sessionLogsCSV(filter, logs = this.getSessionLogs(filter)) {\n const fields = [\n 'time',\n 'tab',\n 'active',\n 'tabOpen',\n 'eventType',\n 'type',\n 'sub',\n 'env',\n 'iat',\n 'exp',\n 'uiexp',\n ]\n const lines = [fields.join(',')]\n for (let log of logs) {\n lines.push(Object.values(_.pick(log, fields, undefined)).join(','))\n }\n return lines.join('\\n')\n }\n\n makeLocalStorageKey(tab) {\n return LS_PREFIX + tab\n }\n}\n","export default {\n container: {\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n borderedCard: {\n width: '100%',\n height: '100%',\n display: 'grid',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateAreas: '\"top-title\" \"widget-content\" \"bottom-title\"',\n },\n leftHeader: { \n position: 'absolute',\n padding: '0.25em',\n top: '1px',\n left: '1px' \n },\n rightHeader: {\n display: 'flex',\n position: 'absolute',\n padding: '0.25em',\n top: '1px',\n right: '1px'\n },\n topTitle: {\n gridArea: 'top-title',\n },\n bottomTitle: {\n gridArea: 'bottom-title',\n textAlign: 'center',\n },\n body: {\n gridArea: 'widget-content',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n closeButton: {\n marginRight: '0.3em',\n },\n toolbarButton: {\n fontSize: '16px',\n cursor: 'pointer',\n margin: '0.25em',\n },\n filterIcon: {\n fontSize: '16px',\n margin: '0.25em 0 0.25em 0.25em',\n },\n hidden: {\n height: 0,\n width: 0,\n display: 'none',\n },\n error: {\n textAlign: 'center',\n gridArea: 'widget-content',\n },\n moreButton: {\n padding: '0 0.3em',\n border: 'none',\n display: 'inline',\n boxShadow: 'none',\n backgroundColor: 'transparent',\n },\n link: {\n display: 'block',\n width: '100%',\n marginBottom: '0.5em',\n paddingTop: '0.25em',\n paddingBottom: '0.25em',\n paddingLeft: '1em',\n paddingRight: '1em',\n textAlign: 'left',\n },\n loading: {\n height: '100%',\n width: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column',\n gridArea: 'widget-content',\n textAlign: 'center',\n },\n loadingTitle: {\n paddingTop: '0.5em',\n },\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles'\n\nclass TopTitle extends React.PureComponent {\n render() {\n return (\n \n {this.props.children}\n
\n )\n }\n}\n\nTopTitle.propTypes = {\n children: PropTypes.node,\n style: PropTypes.object,\n}\n\nexport default TopTitle\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles'\n\nclass CardBody extends React.PureComponent {\n render() {\n return (\n \n {this.props.leftToolbarButtons.map((button, index) => {\n return (\n \n {button}\n \n )\n })}\n
\n )\n }\n\n renderRightToolbar = () => {\n return (\n \n {this.props.rightToolbarButtons.map((button, index) => {\n return (\n \n {button}\n \n )\n })}\n\n {this.props.statusButtons}\n {this.renderDropdown()}\n
\n )\n }\n\n renderDropdown = () => {\n if (this.props.dropdownActions.length > 0) {\n return (\n \n \n Metadata\n \n\n {this.renderMetadataView()}\n
\n )\n }\n return (\n \n \n this.setState({ selectedTab: 0 })}\n >\n Policy JSON\n \n this.setState({ selectedTab: 1 })}\n >\n Metadata\n \n
\n {this.state.selectedTab === 0\n ? this.renderPolicyJSONView()\n : this.renderMetadataView()}\n \n )\n }\n\n getTitleDetailsKeyName = key => {\n return key\n .replace('zzmetadata_', '')\n .split(/(?=[A-Z\\\\.])/)\n .map(segment => segment.replace('.', ''))\n .map(_.capitalize)\n .join(' ')\n }\n\n getFieldValueText = ({ key, value, item }) => {\n if (key === 'account') {\n const cloudType = item.cloudType\n const accountNumber = item.account\n const accountSRN = `srn:${cloudType}:account::${accountNumber}/Account/${accountNumber}`\n return \n {Object.keys(fields)\n .sort()\n .map((key, index) => {\n const value = fields[key]\n return (\n \n \n {this.getTitleDetailsKeyName(key)}\n \n \n {this.getFieldValueText({\n key,\n value,\n item: this.props.pathEndItem,\n })}\n \n
\n )\n })}\n {this.renderJSONViews()}\n \n )\n }\n\n getPath = () => {\n if (this.props.leaveItBeFFS) {\n return this.props.paths\n } else {\n return this.props.paths.map(path => {\n return path.push(\n this.props.actionableByMode\n ? this.props.sourceId\n : this.props.resourceId\n )\n })\n }\n }\n\n render() {\n const { isOpen, toggle } = this.props\n\n // give a little mote room if don't need to show title details\n let modalBodyHeight = '600px'\n if (this.props.pathEndItem) {\n if (this.props.pathEndItem.metadata) {\n modalBodyHeight = '300px' // leave extra vertical height for metadata\n } else {\n modalBodyHeight = '450px'\n }\n }\n\n return (\n \n {this.props.actionableByMode ? (\n \n \n {this.props.classification}\n {' '}\n Access Paths from{' '}\n \n {getNameFromSrn(this.props.resourceId)}\n {' '}\n to{' '}\n \n {this.props.sourceName}\n \n \n ) : (\n \n \n {this.props.classification}\n {' '}\n Access Paths from{' '}\n \n {this.props.sourceName}\n {' '}\n to{' '}\n \n {getNameFromSrn(this.props.resourceId)}\n \n \n )}\n
\n {this.getTitleDetails()}\n \n \n (\n \n {this.props.value}\n \n
\n )\n }\n}\n\nNodeViewDetailSrn.propTypes = {\n value: PropTypes.string,\n}\n\nexport default NodeViewDetailSrn\n","module.exports = __webpack_public_path__ + \"4bd91c46e9b5e2d45d47127d028debc0.png\";","/**\n *\n * BounceLoadingAnimation\n *\n */\n\nimport React from 'react'\n\nclass BounceLoadingAnimation extends React.PureComponent {\n render() {\n return (\n \n
\n )}\n />\n \n {truncateMiddle(this.props.value, 40, 19)}\n
\n {hovered ? (\n \n
\n ) : (\n \n )}\n \n \n \n
\n )\n }\n}\n\nBounceLoadingAnimation.propTypes = {}\n\nexport default BounceLoadingAnimation\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport CloudAccount from 'components/CloudAccount'\nimport { getAccountFromSrn } from 'utils/sonraiUtils'\nclass NodeViewDetailAccount extends React.PureComponent {\n hasLink = () => {\n const { __typename, srn } = this.props.nodeData\n if (__typename === 'Account') {\n if (getAccountFromSrn(srn) === this.props.accountId) {\n return false\n }\n }\n return true\n }\n render() {\n return (\n \n
\n )\n }\n}\n\nNodeViewDetailAccount.propTypes = {\n accountId: PropTypes.string.isRequired,\n nodeData: PropTypes.object,\n}\n\nexport default NodeViewDetailAccount\n","/**\n *\n * IconDivider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Icon from 'components/Icon'\n\nconst styles = {\n wrapper: {\n display: 'flex',\n },\n line: {\n width: '100%',\n margin: '1em 0.3em',\n },\n}\n\nclass IconDivider extends React.PureComponent {\n render() {\n let lineStyle = { ...styles.line }\n lineStyle.borderBottom = `1px solid ${this.props.color}`\n\n return (\n \n \n {this.props.iconName ? (\n
\n )\n }\n}\n\nIconDivider.defaultProps = {\n color: '#eeeeee',\n}\n\nIconDivider.propTypes = {\n children: PropTypes.node,\n color: PropTypes.string,\n iconName: PropTypes.string,\n}\n\nexport default IconDivider\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\n\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport { exists } from 'utils/sonraiUtils'\nimport CenterContent from 'components/CenterContent'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { GRAPHQL_TIMEOUT } from 'appConstants'\nexport class TimeoutLoader extends React.Component {\n state = {\n loadingMessage: null,\n hideLoader: false,\n }\n\n constructor(props) {\n super(props)\n\n this.timer = _.delay(this.setFirstMessage, 8000)\n\n this.styles = {\n loading: {\n margin: '1rem',\n padding: '0rem 25%',\n },\n loadingContainer: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n },\n loadingMessageContainer: {\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n color: props.theme.neutralDark,\n },\n }\n }\n\n componentWillUnmount() {\n if (this.timer) {\n clearTimeout(this.timer)\n }\n }\n\n setFirstMessage = () => {\n this.setState({\n loadingMessage: this.props.firstMessage,\n })\n\n this.timer = _.delay(this.setFinalMessage, GRAPHQL_TIMEOUT - 8000)\n }\n\n setFinalMessage = () => {\n this.setState({\n loadingMessage: this.props.finalMessage,\n hideLoader: true,\n })\n }\n\n render() {\n const { loadingMessage } = this.state\n\n if (!exists(loadingMessage)) {\n return (\n \n
\n \n {this.state.loadingMessage}\n
\n \n {this.props.value.map((value, index) => {\n const created = value.createdDate\n ? moment(value.createdDate).format('LLL')\n : '-'\n const lastUsed = value.lastUsed\n ? moment(value.lastUsed).format('LLL')\n : '-'\n\n return (\n
\n )\n })}\n \n )\n } else {\n return \n \n {lastUsed}\n
\n )}\n Name:
\n {value.name}
\n Created:
\n {created}
\n Last Used:
\n {lastUsed === '-' ? (\n {lastUsed}
\n ) : (\n -
\n }\n }\n}\n\nNodeViewDetailAccessKeys.propTypes = {\n value: PropTypes.arrayOf(PropTypes.object),\n}\n\nexport default NodeViewDetailAccessKeys\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n blockStorageEncrypted: {\n id: 'app.container.NodeView.blockStorageEncrypted',\n defaultMessage: 'Encrypted',\n },\n blockStorageUnencrypted: {\n id: 'app.container.NodeView.blockStorageUnencrypted',\n defaultMessage: 'Unencrypted',\n },\n classificationsNone: {\n id: 'app.container.NodeView.classificationsNone',\n defaultMessage: 'This resource has no classifications.',\n },\n classificationFound: {\n id: 'app.container.NodeView.classificationFound',\n defaultMessage: 'Data was found with the following classifications:',\n },\n classificationsNoneFound: {\n id: 'app.container.NodeView.classificationsNoneFound',\n defaultMessage: 'No data data was found with classifiers',\n },\n classificationsConfigJob: {\n id: 'app.container.NodeView.classificationsNone',\n defaultMessage: 'Click here to configure it.',\n },\n})\n","import React, { Component, Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Modal as DataClassificationModal } from 'containers/DataClassification'\n\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport TextLink from 'components/TextLink'\n\nimport dataClassificationMessages from 'containers/DataClassification/messages'\nimport messages from './messages'\n\nimport permissionChecker from 'containers/PermissionChecker'\nimport { isClassificationSupported } from 'containers/DataClassification/utils'\n\nexport class NodeViewDetailsClassification extends Component {\n constructor(props) {\n super(props)\n this.state = {\n modalOpen: false,\n }\n }\n\n closeModal = () => {\n this.setState({ modalOpen: false })\n }\n\n openModal = () => {\n this.setState({ modalOpen: true })\n }\n\n /**\n * Classifications look like:\n * \n
\n {hasPermission && classificationSupported && (\n \n
\n \n
\n )\n }\n\n render() {\n return (\n - {lis}
\n
\n )\n }\n}\n\nNodeViewDetailsClassification.propTypes = {\n nodeData: PropTypes.object.isRequired,\n value: PropTypes.arrayOf(PropTypes.string),\n userHasPermission: PropTypes.func.isRequired,\n}\n\nexport default permissionChecker(NodeViewDetailsClassification)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport TextLink from 'components/TextLink'\nimport { getNodeViewPushParams, getNameFromSrn } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport ReactTooltip from 'react-tooltip'\nimport Hoverable from 'components/Hoverable'\nimport uuid from 'uuid/v4'\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport { truncateMiddle } from 'utils/sonraiUtils'\n\nclass NodeViewSrn extends React.PureComponent {\n constructor(props) {\n super(props)\n\n this.styles = {\n textStyle: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n height: '30px',\n },\n }\n\n this.uuid = uuid()\n }\n\n formatSrn = value => {\n const name = truncateMiddle(\n value.name || value.friendlyName || getNameFromSrn(value.srn || value),\n this.props.start || 40,\n this.props.end || 19\n )\n if (name.length === value.srn ? value.srn.length : value.length) {\n return truncateMiddle(value.srn || value) || '-'\n }\n return name || '-'\n }\n\n render() {\n const { value } = this.props\n return (\n \n (\n \n {value.srn || value}\n \n
\n )\n }\n}\n\nNodeViewSrn.propTypes = {\n value: PropTypes.string,\n start: PropTypes.number,\n end: PropTypes.number,\n}\n\nexport default NodeViewSrn\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Hoverable from 'components/Hoverable'\nimport TextLink from 'components/TextLink'\nimport NodeViewMiniPopout from 'containers/NodeViewMiniPopout'\n\nimport messages from './messages'\n\nconst styles = {\n clipboardButton: {\n float: 'right',\n position: 'relative',\n top: '-8px',\n },\n encrypted: {\n color: 'black',\n },\n unencrypted: {\n color: 'red',\n },\n}\n\nexport default class NodeViewDetailBlockStorage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n miniNodeViewOpen: false,\n miniNodeViewNodeId: '',\n }\n }\n\n closeMiniNodeView = () => {\n this.setState({\n miniNodeViewOpen: false,\n miniNodeViewNodeId: '',\n })\n }\n\n openMiniNodeView = nodeId => {\n this.setState({\n miniNodeViewOpen: true,\n miniNodeViewNodeId: nodeId,\n })\n }\n\n render() {\n return (\n \n \n \n {this.formatSrn(value)}\n \n \n {hovered ? (\n
\n )}\n />\n \n
\n ) : null}\n \n {this.props.value.length > 0 ? (\n this.props.value.map((blockStorage, index) => (\n (\n
\n )\n }\n}\n\nNodeViewDetailBlockStorage.propTypes = {\n value: PropTypes.arrayOf(PropTypes.object).isRequired,\n}\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport Hoverable from 'components/Hoverable'\nimport TextLink from 'components/TextLink'\nimport NodeViewMiniPopout from 'containers/NodeViewMiniPopout'\n\nconst styles = {\n clipboardButton: {\n float: 'right',\n position: 'relative',\n top: '-8px',\n },\n}\n\nexport default class NodeViewDetailPublicKey extends Component {\n constructor(props) {\n super(props)\n this.state = {\n miniNodeViewOpen: false,\n miniNodeViewNodeId: '',\n }\n }\n\n closeMiniNodeView = () => {\n this.setState({\n miniNodeViewOpen: false,\n miniNodeViewNodeId: '',\n })\n }\n\n openMiniNodeView = nodeId => {\n this.setState({\n miniNodeViewOpen: true,\n miniNodeViewNodeId: nodeId,\n })\n }\n\n render() {\n return (\n \n this.openMiniNodeView(blockStorage.srn)}\n >\n {blockStorage.name}\n {' '}\n (\n {blockStorage.encryptionEnabled ? (\n \n
\n )}\n />\n ))\n ) : (\n \n
\n ) : (\n \n )}\n )\n -
\n )}\n \n {this.props.value.length > 0 ? (\n this.props.value.map((publicKey, index) => (\n (\n
\n )\n }\n}\n\nNodeViewDetailPublicKey.propTypes = {\n value: PropTypes.arrayOf(PropTypes.object).isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nclass MFADevice extends React.PureComponent {\n getColor = () => {\n if (this.props.value === 'Virtual' || this.props.value === 'Hardware') {\n return { color: this.props.theme.success }\n } else {\n return { color: this.props.theme.fail }\n }\n }\n\n render() {\n if (this.props.value === 'Loading...') {\n return \n this.openMiniNodeView(publicKey.srn)}\n >\n {publicKey.name}\n {hovered ? (\n
\n )}\n />\n ))\n ) : (\n \n
\n ) : (\n \n )}\n \n -
\n )}\n {this.props.value}
\n } else {\n return {this.props.value}
\n }\n }\n}\n\nMFADevice.propTypes = {\n value: PropTypes.string,\n theme: themeShape,\n}\n\nexport default themeable(MFADevice)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { getPrincipalType } from 'utils/sonraiUtils'\n\nclass ServicePrincipal extends React.PureComponent {\n styles = {}\n\n render() {\n const principalString = this.props.value\n .map((principal, index) => {\n if (index < this.props.value.length - 1) {\n return `${getPrincipalType(principal.srn)} | `\n } else {\n return `${getPrincipalType(principal.srn)}`\n }\n })\n .join('')\n\n return {principalString}
\n }\n}\n\nServicePrincipal.propTypes = {\n value: PropTypes.array,\n}\n\nexport default ServicePrincipal\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nclass ConsoleEnabled extends React.PureComponent {\n render() {\n if (this.props.value === 'Loading...') {\n return {this.props.value}
\n } else {\n return (\n \n {label} \n
\n )\n }\n\n return label\n }\n\n toggleExpand = () => {\n this.setState(oldState => ({\n expand: !oldState.expand,\n }))\n }\n\n renderDetail = field => {\n const node = this.props.nodeData\n const propOfInterest = this.getPropOfInterestMatches(field.name)\n const value = node[field.name]\n const mappedLabel = getMappedBoolLabel(field.name, value)\n const translatedLabel = messages.fields[field.name]\n ? this.props.intl.formatMessage(messages.fields[field.name])\n : _.startCase(field.name)\n const finalLabel = mappedLabel || translatedLabel\n const type = field.type.name || field.type.kind\n const count = this.getFieldCount(type, value)\n const label = this.getLabel(field.name, finalLabel, count)\n\n return (\n {prop.message}
\n ))}\n />\n -
\n }\n }\n\n if (fieldName === 'swimlaneSRNs') {\n if (type === 'LIST') {\n return (\n | \n {this.renderField(fieldName, val, 'String')}\n | \n
| \n {this.renderField(fieldName, val, 'String')}\n | \n
\n {!this.state.expand\n ? hide.map((item, i) => \n \n {this.state.expand ? (\n \n
\n )\n }\n return value.map((item = '', i) =>\n item.srn ? (\n \n
\n ) : (\n \n
\n )}\n \n \n
\n )\n }\n}\n\nNodeViewDetailsSection.defaultProps = {\n detailStyle: {},\n propsOfInterest: [],\n style: {},\n}\n\nNodeViewDetailsSection.propTypes = {\n fields: PropTypes.array.isRequired,\n nodeData: PropTypes.object.isRequired,\n intl: PropTypes.shape({\n formatMessage: PropTypes.func,\n }),\n theme: themeShape,\n detailStyle: PropTypes.object,\n style: PropTypes.object,\n propsOfInterest: PropTypes.arrayOf(\n PropTypes.shape({\n field: PropTypes.string,\n message: PropTypes.node,\n })\n ),\n title: PropTypes.node,\n titleActions: PropTypes.node,\n cloudLink: PropTypes.string,\n}\n\nexport default injectIntl(themeable(NodeViewDetailsSection))\n","/**\n *\n * NodeViewDetails\n *\n */\n\nimport React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { injectIntl } from 'react-intl'\nimport Color from 'color'\nimport _ from 'lodash'\n\nimport {\n groupNodeViewDetails,\n exists,\n getCloudFromSrn,\n buildAzureResourceLink,\n metadataToObj,\n metdataNestedObject,\n} from 'utils/sonraiUtils'\nimport { isClassificationSupported } from 'containers/DataClassification/utils'\n\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport Icon from 'components/Icon'\nimport IconDivider from 'components/IconDivider'\nimport BorderlessButton from 'components/BorderlessButton'\nimport NodeViewDetailsSection from './NodeViewDetailsSection'\nimport TextLink from 'components/TextLink'\nimport CloudBadge from '../CloudBadge'\n\nconst SKIP_FIELDS = [\n 'cloudType',\n 'friendlyName',\n 'highestAlertSeverity',\n 'importance',\n 'lastAlertDate',\n 'sonraiConfig',\n 'tagCount',\n 'tagSet',\n 'srcId',\n 'srcIds',\n 'swimlaneCount',\n 'policyJSON',\n]\n\nclass NodeViewDetails extends React.Component {\n constructor(props) {\n super(props)\n\n this.styles = {\n highlight: {\n backgroundColor: Color(props.theme.emphasis)\n .lighten(0.4)\n .rotate(10)\n .hex(),\n },\n expandButton: {\n fontSize: '0.8em',\n },\n horizontalWrapper: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n }\n\n this.state = {\n expand: false,\n }\n }\n\n toggleExpand = () => {\n this.setState(oldState => ({\n expand: !oldState.expand,\n }))\n }\n\n getLinkToResource = () => {\n const noneOfTheseGuys = [\n 'PolicyVersion',\n 'PolicyEntry',\n 'PermissionList',\n 'Action',\n ]\n if (\n getCloudFromSrn(this.props.nodeData.srn) === 'azure' &&\n this.props.nodeData.active &&\n !noneOfTheseGuys.includes(this.props.nodeData.label)\n ) {\n return (\n \n {this.props.title && (\n {this.props.title} \n )}\n\n {this.props.cloudLink}\n {this.props.titleActions}\n
\n {this.props.fields.map(this.renderDetail)}\n \n {newNodeView\n ? this.getSingleDetailGroup(details, commonProps)\n : this.getAllGroups(detailGroups, commonProps)}\n {nullFields.length > 0 && !newNodeView && (\n
\n )\n }\n\n getSingleDetailGroup = (details, commonProps) => {\n return (\n \n \n \n {this.state.expand ? (\n \n \n ) : (\n \n \n )}\n \n \n\n {this.state.expand && (\n
\n )}\n \n
\n \n )\n }\n\n getAllGroups = (detailGroups, commonProps) => {\n const dataDetails = detailGroups.data\n if (\n isClassificationSupported(this.props.nodeData) ||\n this.props.nodeData.__typename === 'Dataobject'\n ) {\n if (!dataDetails.find(detail => detail.name === 'classificationSet')) {\n if (\n this.props.nodeData.cloudType === 'aws' &&\n this.props.nodeData.type === 'Bucket'\n ) {\n dataDetails.push({\n name: 'classificationSet',\n type: { name: 'String' },\n })\n }\n if (\n this.props.nodeData.cloudType === 'azure' &&\n this.props.nodeData.type === 'Container'\n ) {\n dataDetails.push({\n name: 'classificationSet',\n type: { name: 'String' },\n })\n }\n }\n }\n\n return (\n {this.props.additionalHeaderDetails}
\n )}\n \n
\n {detailGroups.location.length > 0 && (\n {this.props.additionalHeaderDetails}
\n )}\n \n {this.getHeaderContent()}\n
\n )\n }\n}\n\nNodeViewDetails.defaultProps = {\n style: {},\n detailStyle: {},\n propsOfInterest: [],\n}\n\nNodeViewDetails.propTypes = {\n detailsTag: PropTypes.node,\n horizontal: PropTypes.bool,\n fields: PropTypes.array.isRequired,\n nodeData: PropTypes.object.isRequired,\n additionalHeaderDetails: PropTypes.arrayOf(PropTypes.node),\n intl: PropTypes.shape({\n formatMessage: PropTypes.func,\n }),\n style: PropTypes.object,\n theme: themeShape,\n detailStyle: PropTypes.object,\n propsOfInterest: PropTypes.arrayOf(\n PropTypes.shape({\n field: PropTypes.string,\n message: PropTypes.node,\n })\n ),\n}\n\nexport default injectIntl(themeable(NodeViewDetails))\n","/*\n *\n * ThemeManager actions\n *\n */\n\nimport { LOAD_THEME, GENERATE_TYPE_COLORS, SET_TYPE_COLORS } from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const loadTheme = createAction(LOAD_THEME)\nexport const generateTypeColors = createAction(GENERATE_TYPE_COLORS)\nexport const setTypeColors = createAction(SET_TYPE_COLORS)\n","/**\n *\n * NodeViewDetail\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { HAS_COPY } from 'appConstants'\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport Hoverable from 'components/Hoverable'\n\nclass NodeViewDetail extends React.PureComponent {\n styles = {\n container: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n height: '30px',\n },\n textStyle: {\n width: '370px',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n clipboardButton: {\n marginBottom: '5px',\n width: '30px',\n },\n }\n\n render() {\n const { value, fieldName } = this.props\n const hasCopy = HAS_COPY.includes(fieldName)\n\n if (hasCopy) {\n const realValue =\n typeof value === 'object'\n ? value.name || value.friendlyName || value.srn || '-'\n : value\n return (\n \n (\n
\n )\n }\n return \n
\n )}\n />\n {realValue}
\n {hovered ? (\n \n
\n ) : (\n \n )}\n {value || '-'}
\n }\n}\n\nNodeViewDetail.propTypes = {\n value: PropTypes.string,\n fieldName: PropTypes.string,\n}\n\nexport default NodeViewDetail\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles'\nimport { exists } from 'utils/sonraiUtils'\n\nclass NodeViewDetailCode extends React.PureComponent {\n render() {\n if (Array.isArray(this.props.value)) {\n return this.props.value.map((val, index) => (\n \n {val}\n
\n ))\n }\n\n return (\n \n {this.props.value || '-'}\n
\n )\n }\n}\n\nNodeViewDetailCode.propTypes = {\n value: PropTypes.string,\n}\n\nexport default NodeViewDetailCode\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport hoistNonReactStatics from 'hoist-non-react-statics'\n\nimport getInjectors from './reducerInjectors'\n\n/**\n * Dynamically injects a reducer\n *\n * @param {string} key A key of the reducer\n * @param {function} reducer A reducer that will be injected\n *\n */\nexport default ({ key, reducer }) => WrappedComponent => {\n class ReducerInjector extends React.Component {\n static WrappedComponent = WrappedComponent\n static contextTypes = {\n store: PropTypes.object.isRequired,\n }\n static displayName = `withReducer(${WrappedComponent.displayName ||\n WrappedComponent.name ||\n 'Component'})`\n\n constructor(props, context) {\n super(props, context)\n const injectors = getInjectors(this.context.store)\n const { injectReducer } = injectors\n injectReducer(key, reducer)\n }\n\n render() {\n return - {sortedData.map(this.renderListItem)}
\n
\n )\n }\n}\n\nInlineEdit.propTypes = {\n children: PropTypes.node,\n onSubmit: PropTypes.func,\n}\n\nexport default InlineEdit\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Input } from 'reactstrap'\n\nimport Hoverable from 'components/Hoverable'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport InlineEdit from 'components/InlineEdit'\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport ReactTooltip from 'react-tooltip'\n\nexport class InlineEditableText extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n editing: false,\n text: this.props.value || '',\n }\n this.container = React.createRef()\n this.input = React.createRef()\n\n this.styles = {\n container: {\n width: '100%',\n maxWidth: '800px',\n },\n display: {\n cursor: 'text',\n height: '42px',\n padding: '5px 5px',\n fontSize: '1rem',\n width: '100%',\n display: 'flex',\n overflowY: 'hidden',\n },\n inputStyle: {\n fontWeight: 300,\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n maxWidth: '800px',\n ...props.style,\n ...props.inputStyle,\n },\n hoverStyle: {\n borderRadius: '3px',\n backgroundColor: props.theme.neutralLight,\n },\n copy: {\n marginTop: '-3px',\n },\n stopBeingBig: {\n maxWidth: '800px',\n overflowX: 'hidden',\n textOverflow: 'ellipsis',\n flex: '1 0 86%',\n paddingLeft: '1px',\n },\n inactiveText: {\n marginLeft: '0.5rem',\n fontSize: '0.9rem',\n fontWeight: '500',\n letterSpacing: '1.2px',\n color: props.theme.red,\n backgroundColor: '#FFF',\n padding: '3px 5px',\n borderRadius: '0.8rem',\n textTransform: 'uppercase',\n height: '26px',\n alignSelf: 'center',\n },\n error: {\n fontSize: '0.8rem',\n fontWeight: '400',\n margin: '0.25rem 0rem 0.5rem 0.25rem',\n color: props.theme.red,\n },\n }\n }\n\n componentDidUpdate(oldProps) {\n if (oldProps.value !== this.props.value) {\n this.setState({ text: this.props.value })\n }\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClick)\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClick)\n }\n\n handleClick = e => {\n if (this.props.isNodeView) {\n if (!this.container.current.contains(e.target)) {\n this.hideErrorMessage()\n }\n }\n }\n\n hideErrorMessage = () => this.setState({ error: false })\n\n onChange = e => {\n const text = this.props.trim\n ? e.target.value.replace(/ /g, '')\n : e.target.value\n this.setState({\n text: text,\n })\n }\n\n onKeyDown = e => {\n if (e.key === 'Escape') {\n this.cancelEditing()\n }\n }\n\n setEditing = () => {\n if (this.props.isNodeView) {\n if (this.props.canEdit) {\n this.setState({\n editing: true,\n })\n } else {\n this.setState({ error: true })\n }\n } else {\n this.setState({\n editing: true,\n })\n }\n }\n\n cancelEditing = () => {\n this.setState({\n editing: false,\n text: this.props.value,\n })\n }\n\n onSubmit = () => {\n this.setState({\n editing: false,\n })\n if (this.state.text !== this.props.value) {\n this.props.onSubmit(this.state.text)\n }\n }\n\n getTooltip = text => {\n return (\n {this.props.children}
\n \n (\n \n
\n )}\n />\n {this.props.value}
\n\n {hovered ? (\n \n
\n ) : null}\n Inactive
\n \n )\n }\n\n return (\n \n (\n \n
\n )}\n />\n {this.state.error && (\n \n {!this.props.value && this.props.placeholder\n ? this.props.placeholder\n : this.props.value}{' '}\n
\n {hovered ? (\n \n
\n ) : null}\n Cannot edit this node type
\n )}\n \n )\n }\n}\n\nInlineEditableText.defaultProps = {\n style: {},\n inputStyle: {},\n canEdit: true,\n}\n\nInlineEditableText.propTypes = {\n value: PropTypes.string.isRequired,\n placeholder: PropTypes.string,\n theme: themeShape,\n onSubmit: PropTypes.func,\n saving: PropTypes.bool,\n style: PropTypes.object,\n inputStyle: PropTypes.object,\n activeNode: PropTypes.bool,\n trim: PropTypes.bool,\n canEdit: PropTypes.bool,\n isNodeView: PropTypes.bool,\n}\n\nexport default themeable(InlineEditableText)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Badge as RSBadge } from 'reactstrap'\n\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nexport class Badge extends React.PureComponent {\n constructor(props) {\n super(props)\n\n this.styles = {\n base: {\n fontSize: '0.9rem',\n fontWeight: '500',\n letterSpacing: '1.2px',\n color: props.theme.light,\n backgroundColor: props.theme.primary,\n borderRadius: '0.8rem',\n padding: '.35em .5em',\n ...props.style,\n },\n }\n }\n\n render() {\n const { style, ...pprops } = this.props //eslint-disable-line no-unused-vars\n\n return \n \n
\n ) : (\n this.props.children\n )}\n \n )\n }\n}\n\nBorderedCard.defaultProps = {\n className: '',\n style: {},\n loadingStyle: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n}\n\nBorderedCard.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n loading: PropTypes.bool,\n loadingStyle: PropTypes.object,\n style: PropTypes.object,\n title: PropTypes.string,\n}\n\nexport default BorderedCard\n","/**\n *\n * PageLoader\n *\n */\n\nimport React from 'react'\nimport BarLoadingAnimation from 'components/BarLoadingAnimation'\n\nconst styles = {\n centerContent: {\n display: 'flex',\n height: '100vh',\n width: '100vw',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}\n\nclass PageLoader extends React.PureComponent {\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default PageLoader\n","module.exports = __webpack_public_path__ + \"e4693939466dbce114a4dd2ff5715442.png\";","export const CRM_ALERT_INDICATOR = 'alertIndicator'\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport moment from 'moment'\nimport { exists } from 'utils/sonraiUtils'\nimport Icon from 'components/Icon'\nimport Hoverable from 'components/Hoverable'\nimport Popover, { PopoverAnchor, PopoverBody } from 'components/Popover'\nimport BorderlessButton from 'components/BorderlessButton'\nimport SearchInput from 'components/SearchInput'\nimport { CRM_ALERT_INDICATOR } from './constants'\nimport { PlainCheckbox } from 'components/Checkbox'\nimport TextLink from 'components/TextLink'\nimport _ from 'lodash'\nconst styles = {\n option: {\n backgroundColor: '#FFFFFF',\n width: '100%',\n padding: '0.5rem',\n margin: '0.5rem 0rem',\n alignSelf: 'center',\n },\n hoveredOption: {\n backgroundColor: '#EEE',\n },\n anchor: {\n fontSize: '0.9em',\n },\n column: {\n backgroundColor: '#FFFFFF',\n width: '100%',\n padding: '0.75rem',\n margin: '0.25rem 0rem',\n alignSelf: 'center',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n mainContainer: { width: '100%', height: '100%' },\n tabContainer: {\n minWidth: '200px',\n minHeight: '250px',\n overflow: 'auto',\n borderRadius: '5px',\n display: 'flex',\n flexDirection: 'column',\n backgroundColor: '#FFFFFF',\n boxShadow: '0px 2px 10px 3px rgba(200,200,200,1)',\n opacity: 1,\n },\n tabHeader: {\n height: '30px',\n display: 'flex',\n fontSize: '12px',\n },\n tab: {\n backgroundColor: '#EEE',\n flex: 1,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: 0,\n },\n optionsContainer: {\n flex: 1,\n maxHeight: '255px',\n overflow: 'auto',\n fontSize: '13px',\n fontWeight: 400,\n width: '250px',\n },\n filterInput: {\n padding: '0.3em',\n },\n}\n\nexport class TableActions extends React.Component {\n state = {\n main: true,\n column: false,\n open: false,\n filter: '',\n }\n\n setFilter = e => {\n this.setState({\n filter: e.target.value,\n })\n }\n\n getEmptyColumns = () => {\n const { rows } = this.props\n const columnNames = _.keys(_.first(rows))\n let emptyRows = []\n columnNames.forEach(column => {\n rows.forEach(row => {\n if (row[column] === '-' || !exists(row[column])) {\n emptyRows.push(column)\n }\n })\n })\n const countOfEmptyRows = emptyRows.reduce((obj, x) => {\n obj[x] = ++obj[x] || 1\n return obj\n }, {})\n const columnsToHide = _.keys(countOfEmptyRows).filter(key => {\n if (countOfEmptyRows[key] === rows.length) {\n return true\n }\n })\n\n return columnsToHide\n }\n\n hideEmptyColumns = () => {\n const { rows } = this.props\n if (rows && !_.isEmpty(rows)) {\n let columnsToHide = this.getEmptyColumns()\n if (columnsToHide && !_.isEmpty(columnsToHide)) {\n this.props.columnApi.setColumnsVisible(columnsToHide, false)\n }\n }\n }\n\n toggleMenu = () => {\n this.setState(currentState => ({\n open: !currentState.open,\n }))\n }\n\n autoSize = () => {\n const columns = this.props.columnApi\n .getAllGridColumns()\n .filter(col => col.colId !== CRM_ALERT_INDICATOR)\n this.props.columnApi.autoSizeColumns(columns)\n }\n\n toggleMainTab = e => {\n if (!this.state.main) {\n if (this.state.column) {\n this.setState({\n column: false,\n })\n }\n this.setState({\n main: true,\n })\n }\n\n e.stopPropagation()\n }\n\n toggleColumnTab = e => {\n if (!this.state.column) {\n if (this.state.main) {\n this.setState({\n main: false,\n })\n }\n this.setState({\n column: true,\n })\n }\n e.stopPropagation()\n }\n\n handleColumnSelect = column => {\n this.props.columnApi.setColumnVisible(column.colId, column.hide)\n }\n\n handleSelectAllChange = checked => {\n const columns = this.props.columnApi\n .getAllGridColumns()\n .map(col => col.colId)\n\n if (checked) {\n this.props.columnApi.setColumnsVisible(columns, true)\n } else {\n this.props.columnApi.setColumnsVisible(columns, false)\n }\n }\n\n getOptions = () => {\n if (this.state.main) {\n const options = [\n {\n name: 'Hide Empty Columns',\n action: () => {\n this.hideEmptyColumns()\n this.toggleMenu()\n },\n },\n {\n name: 'Expand All',\n action: () => {\n this.props.api.expandAll()\n this.toggleMenu()\n },\n },\n {\n name: 'Collapse All',\n action: () => {\n this.props.api.collapseAll()\n this.toggleMenu()\n },\n },\n {\n name: 'Auto Size All',\n action: () => {\n this.autoSize()\n this.toggleMenu()\n },\n },\n {\n name: 'Reset Columns',\n action: () => {\n this.props.columnApi.resetColumnState()\n this.toggleMenu()\n },\n },\n {\n name: 'Export CSV',\n action: () => {\n this.props.api.exportDataAsCsv({\n fileName: this.props.exportFileName\n ? `${this.props.exportFileName} - ${moment().format(\n 'YYYY-M-D H:mm'\n )}`\n : undefined,\n processCellCallback: ({ column: { colId }, value }) => {\n if (typeof value === 'string') {\n if (\n value.startsWith('=') ||\n value.startsWith('+') ||\n value.startsWith('-') ||\n value.startsWith('@')\n ) {\n return `'${value}'`\n }\n }\n if (\n colId === 'resource' &&\n value &&\n typeof value === 'object'\n ) {\n return value.friendlyName || value.name || value.srn\n }\n\n return value\n },\n })\n this.toggleMenu()\n },\n },\n ]\n return options.map(option => (\n \n \n Select All\n
\n {columns.map(column => (\n \n
\n \n {column.colId} \n this.handleColumnSelect(column)}\n />\n
\n ))}\n \n )\n }\n }\n\n render() {\n return (\n \n \n \n
\n {this.getOptions()}
\n \n
\n )\n}\n\nExpandRenderer.propTypes = {\n data: PropTypes.object.isRequired,\n colName: PropTypes.string.isRequired,\n}\n\nexport default ExpandRenderer\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\nimport { Map, fromJS } from 'immutable'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators, compose } from 'redux'\nimport { AgGridReact, AgGridColumn } from '@ag-grid-community/react'\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap'\n\nimport JSONDisplay from 'components/JSONDisplay'\nimport { flattenData, getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport { exists, stripTags } from 'utils/sonraiUtils'\nimport TableActions from './TableActions'\nimport getColumnProps from './getColumnProps'\nimport BulkActionToolbar from 'components/BulkActionToolbar'\nimport ActionToolbar from 'components/ActionToolbar'\nimport SearchInput from 'components/SearchInput'\nimport TextLink from 'components/TextLink'\nimport './styles.css'\nimport { CRM_ALERT_INDICATOR } from './constants'\nimport { BlockShimmer } from 'components/ShimmerLoader'\nimport ShowPathModal from 'containers/AccessActivity/ShowPathModal'\n\nimport ExpandRenderer from './ExpandRenderer'\n\nconst styles = {\n tableContainer: {\n gridArea: 'table',\n overflow: 'hidden', //Required to make tables stay in widget card. See https://www.ag-grid.com/javascript-grid-responsiveness/\n },\n mainContainer: {\n display: 'grid',\n position: 'relative',\n gridTemplateRows: 'auto 1fr',\n gridTemplateAreas: '\"header\" \"table\"',\n height: '100%',\n width: '100%',\n overflow: 'hidden',\n },\n headerContainer: {\n height: '45px',\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n },\n selectAllButton: {\n fontSize: '0.9rem',\n padding: '0.45rem',\n margin: '0rem 0rem 0rem 0.75rem',\n // border: '1px solid #74B4DF',\n },\n loadingOverlay: {\n opacity: 0.7,\n backgroundColor: '#eee',\n position: 'absolute',\n borderRadius: '4px',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n },\n}\n\nexport class AGGridDataTable extends React.Component {\n containerRef = React.createRef()\n state = {\n loaded: false,\n quickFilter: '',\n isIdentityChainModalOpen: false,\n pathData: Map(),\n sourceName: null,\n json: null,\n }\n\n componentWillUnmount() {\n this.api = null\n this.columnApi = null\n }\n\n constructor(props) {\n super(props)\n this.state = {\n rows: this.getRows(props.data),\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.data !== this.props.data) {\n this.setState({ rows: this.getRows(this.props.data) })\n }\n }\n\n hasGrouping = () => {\n const columnApi = this.getColumnApi()\n if (columnApi) {\n const groupColumns = columnApi.getRowGroupColumns()\n if (groupColumns && groupColumns.length > 0) {\n return true\n }\n }\n return false\n }\n\n getCleanData = data => {\n if (_.isEmpty(data)) {\n return []\n }\n\n let newData = _.cloneDeep(data)\n\n if (newData[Object.keys(newData)[0]].items) {\n newData = newData[Object.keys(newData)[0]].items\n }\n\n return newData || []\n }\n\n getRows = data => {\n if (data && !_.isArray(data)) {\n const key = _.first(_.keys(data))\n data = _.get(data, [key, 'items'], [])\n }\n const strippedData = (data || []).map(row => {\n let safeRow = { ...row }\n Object.keys(row).forEach(col => {\n if (typeof safeRow[col] === 'string') {\n safeRow[col] = stripTags(safeRow[col])\n }\n })\n return safeRow\n })\n if (this.props.flatten) {\n const cleanData = this.getCleanData(strippedData)\n return flattenData(cleanData)\n } else {\n return strippedData\n }\n }\n\n groupHeaderName = () => {\n if (this.hasGrouping()) {\n return `Grouped By ${\n this.getColumnApi().getRowGroupColumns()[0].colDef.headerName\n }`\n } else {\n return 'Grouped'\n }\n }\n\n headerValueGetter = params => {\n if (\n params.location === 'header' &&\n this.hasGrouping() &&\n params.column.aggFunc\n ) {\n return `${params.colDef.headerName} (${params.column.aggFunc})`\n } else {\n return `${params.colDef.headerName}`\n }\n }\n groupedBy = values => {\n const types = values.map(x => typeof x)\n if (!types.includes('undefined') && !types.includes('object')) {\n return _.uniq(values).join(', ')\n }\n }\n\n onGridReady = params => {\n this.api = params.api\n this.columnApi = params.columnApi\n\n this.api.setPopupParent(document.querySelector('body'))\n const allCols = this.columnApi.getAllGridColumns() || []\n\n if (this.props.autosize) {\n const columnsStateWidthOverrides = new Set() // eslint-disable-line no-restricted-globals\n if (this.props.gridState.columnState) {\n this.props.gridState.columnState.forEach(columnState => {\n if (columnState.width) {\n columnsStateWidthOverrides.add(columnState.colId)\n }\n })\n }\n this.columnApi.autoSizeColumns(\n allCols.filter(\n col =>\n !columnsStateWidthOverrides.has(col.colId) &&\n !col.colId.includes('Set')\n )\n )\n }\n\n if (this.props.groupBy) {\n this.columnApi.setRowGroupColumns([this.props.groupBy])\n }\n\n this.setState({\n loaded: true,\n })\n\n if (this.props.onLoad) {\n this.props.onLoad({\n api: params.api,\n columnApi: params.columnApi,\n })\n }\n }\n\n filterOutCell = (cell, rows) => {\n const filterModel = this.getApi().getFilterModel() || {}\n\n const filterState = _.get(filterModel, [cell.colId, 'values'], {})\n const columnIdValues = _.isEmpty(filterState)\n ? _.uniq(rows.map(row => row[cell.colId]))\n : filterState\n const filteredColumnIdValues = columnIdValues.filter(\n id => id !== cell.value\n )\n\n this.getApi().setFilterModel({\n [cell.colId]: {\n filterType: 'set',\n values: filteredColumnIdValues,\n },\n })\n }\n\n filterInCell = cell =>\n this.getApi().setFilterModel({\n [cell.colId]: {\n filterType: 'set',\n values: [`${cell.value}`],\n },\n })\n\n getContextMenuItems = (items, rows) => {\n const standard = [...items.defaultItems]\n const exportIndex = standard.indexOf('export')\n if (exportIndex > -1) {\n standard.splice(exportIndex, 1)\n }\n\n const toolPanelIndex = standard.indexOf('toolPanel')\n if (toolPanelIndex > -1) {\n standard.splice(toolPanelIndex, 1)\n }\n\n const cell = {\n colId: items.column.colId,\n value: items.value,\n }\n\n const contextMenuItems = [\n ...standard,\n {\n name: 'Cell Filters',\n subMenu: [\n {\n name: `Exclude ${cell.value}`,\n action: () => this.filterOutCell(cell, rows),\n },\n {\n name: `Show only ${cell.value}`,\n action: () => this.filterInCell(cell),\n },\n ],\n },\n ]\n\n return contextMenuItems\n }\n\n countUnique = values => {\n const uniqueValues = new Set(values) //eslint-disable-line no-restricted-globals\n const count = uniqueValues.size\n return count === 1 ? values[0] : count\n }\n\n getMainMenuItems = ({ column, columnApi, defaultItems }) => {\n const itemsToExclude = [\n 'resetColumns',\n 'toolPanel',\n 'autoSizeAll',\n 'expandAll',\n 'contractAll',\n ]\n\n const items = defaultItems.filter(x => !itemsToExclude.includes(x))\n\n const groupedColumns = columnApi.getRowGroupColumns()\n const isGrouped = groupedColumns.find(col => col.colId === column.colId)\n if (isGrouped) {\n items.push('rowUnGroup')\n } else if (!_.get(column, ['colDef', 'enableRowGroup'])) {\n items.push('rowGroup')\n }\n\n if (_.get(column, ['colDef', 'showRowGroup'])) {\n //expand/collapse only works on autogrouped column\n items.push('expandAll')\n items.push('contractAll')\n } else {\n //hide column function doesn't work on the AutoGroup column\n items.push({\n name: 'Hide Column',\n action: () => {\n columnApi.setColumnVisible(column.colId, false)\n },\n })\n }\n\n return items\n }\n\n getApi = () => {\n return this.api\n }\n\n getColumnApi = () => {\n return this.columnApi\n }\n\n onDoubleClickPathNode = ({ nodes }) => {\n if (nodes.length > 0) {\n const srn = nodes[0]\n\n if (srn.startsWith('srn:')) {\n this.props.push(getNodeViewPushParams(srn, getTypeFromSrn(srn)))\n }\n }\n }\n\n toggleIsIdentityChainModalOpen = () => {\n this.setState(prevState => {\n return { isIdentityChainModalOpen: !prevState.isIdentityChainModalOpen }\n })\n }\n\n setJSON = value => {\n this.setState({\n json: value,\n })\n }\n\n showEPPath = data => {\n if (data.EffectivePermission_identityChain) {\n const chain = data.EffectivePermission_identityChain.split(',')\n chain.push(data.EffectivePermission_policySrn)\n const name = data[Object.keys(data).find(col => col.includes('name'))]\n this.setState({\n epPathData: fromJS([chain]),\n epSourceName: name,\n isIdentityChainModalOpen: true,\n })\n }\n }\n\n getColumns = rows => {\n if (rows !== undefined && rows.length > 0) {\n const sampleRow = rows[0]\n let columns = Object.keys(sampleRow)\n\n let cols = columns.map(col => {\n const sampleValue = sampleRow[col]\n let columnConfig = getColumnProps({\n field: col,\n sampleValue,\n getColumnName: this.props.getColumnName,\n customColumnConfig: this.props.customColumnConfig,\n })\n\n if (this.props.crm && col === 'highestAlertSeverity') {\n columnConfig.sort = 'desc'\n columnConfig.hide = true\n }\n\n if (\n this.props.hiddenColumns &&\n this.props.hiddenColumns.includes(col)\n ) {\n columnConfig.hide = true\n }\n\n // if flex or maxWidth not set, make default max column width\n const { flex, maxWidth } =\n (this.props.customColumnConfig || {})[col] || {}\n if (!flex && !maxWidth) {\n columnConfig.maxWidth = 900\n }\n\n if (col === this.props.expandCollapseColumn) {\n columnConfig.flex = 1\n columnConfig.minWidth = 400\n columnConfig.tooltip = params => {\n if (\n !params.value ||\n typeof params.value !== 'string' ||\n params.value.trim().length === 0\n ) {\n return ''\n }\n\n if (params.value.length > 40) {\n return params.value.slice(0, 40) + '...'\n }\n\n return params.value\n }\n columnConfig.cellRendererFramework = params => {\n if (!params.data) {\n return\n }\n\n if (\n !params.value ||\n typeof params.value !== 'string' ||\n params.value.trim().length === 0\n ) {\n return ''\n }\n\n return (\n \n {params.value.length > 40\n ? params.value.slice(0, 40) + '...'\n : params.value}\n \n
\n )\n }\n\n if (\n !this.props.customFilter &&\n !this.props.disableSearchBar &&\n rows.length > 0\n ) {\n return (\n \n
\n )\n }\n }\n\n renderToolbar = rows => {\n if (this.props.noTableActions) {\n return (\n {this.props.actions}
\n {this.state.loaded &&\n rows.length > 0 &&\n this.containerRef.current ? (\n \n
\n ) : (\n \n )}\n \n {this.renderToolbar(rows)}
\n )}\n\n \n {icon && (typeof icon === 'string' ?
\n {children}
\n \n {React.Children.map(children, child => {\n if (!child) {\n return null\n }\n\n return React.cloneElement(child, {\n disabled: working || child.props.disabled,\n })\n })}\n {working && (\n
\n )\n}\n\nActionToolbar.defaultProps = {\n style: {},\n}\n\nActionToolbar.propTypes = {\n children: PropTypes.node,\n hidden: PropTypes.bool,\n style: PropTypes.object,\n theme: themeShape,\n working: PropTypes.bool,\n}\nexport default themeable(ActionToolbar)\nexport { default as ToolbarItem } from './ToolbarItem'\nexport { default as ToolbarDivider } from './ToolbarDivider'\n","import { createSelector } from 'reselect'\nimport { Map, List } from 'immutable'\nimport { getCurrentOrg } from 'auth/current-org'\n\nconst selectUser = (state, props) => {\n return props.userData || new Map()\n}\n\nconst selectAppMeta = createSelector(\n selectUser,\n user => {\n return user.get('https://sonraisecurity.com/appMeta', Map())\n }\n)\n\nconst selectEnvKey = createSelector(\n selectUser,\n user => {\n return user.get('https://sonraisecurity.com/env')\n }\n)\n\nconst selectEnvConfig = createSelector(\n [selectAppMeta, selectEnvKey],\n (appMeta, envKey) => {\n return appMeta.get(envKey, Map())\n }\n)\n\nconst selectCurrentOrgConfig = createSelector(\n [selectEnvConfig],\n config => {\n const currentOrg = getCurrentOrg()\n return config\n .get('orgs', List())\n .find(orgConf => orgConf.get('name') === currentOrg, null, Map())\n }\n)\n\nexport const selectFeatureFlagConfig = createSelector(\n selectCurrentOrgConfig,\n config => config.get('feature_flags', Map())\n)\n","/**\n *\n * FeatureFlags\n *\n */\n\nimport React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport createFlags from 'flag'\nimport { compose } from 'redux'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { selectFeatureFlagConfig } from './selectors'\nimport _ from 'lodash'\nimport permissionChecker from 'containers/PermissionChecker'\nimport { getDisplayName } from 'utils/hocHelpers'\n\nconst { FlagsProvider, Flag, useFlags } = createFlags()\n\nconst featureFlags = WrappedComponent => {\n return class extends React.Component {\n displayName = `FeatureFlags(${getDisplayName(WrappedComponent)})`\n static propTypes = {\n featureFlagConfig: ImmutablePropTypes.map.isRequired,\n }\n\n render() {\n const flags = {\n ...window.config.feature_flags,\n ...this.props.featureFlagConfig.toJS(),\n }\n _.keys(flags).forEach(flag => {\n flags[flag] = flags[flag] === 'true'\n })\n return (\n \n
\n )}\n \n \n \n \n \n
\n )\n }\n}\n\nSquareLoadingAnimation.propTypes = {}\n\nexport default SquareLoadingAnimation\n","export const GET_INTEGRATIONS = 'app/PlatformSettingsData/GET_INTEGRATIONS'\nexport const SET_INTEGRATIONS = 'app/PlatformSettingsData/SET_INTEGRATIONS'\nexport const SET_INTEGRATIONS_ERROR =\n 'app/PlatformSettingsData/SET_INTEGRATIONS_ERROR'\n\nexport const CREATE_INTEGRATION = 'app/PlatformSettingsData/CREATE_INTEGRATION'\nexport const CREATE_INTEGRATION_SUCCESS =\n 'app/PlatformSettingsData/CREATE_INTEGRATION_SUCCESS'\nexport const CREATE_INTEGRATION_ERROR =\n 'app/PlatformSettingsData/CREATE_INTEGRATION_ERROR'\n\nexport const DELETE_INTEGRATION = 'app/PlatformSettingsData/DELETE_INTEGRATION'\nexport const DELETE_INTEGRATION_SUCCESS =\n 'app/PlatformSettingsData/DELETE_INTEGRATION_SUCCESS'\nexport const DELETE_INTEGRATION_ERROR =\n 'app/PlatformSettingsData/DELETE_INTEGRATION_ERROR'\n\nexport const UPDATE_INTEGRATION = 'app/PlatformSettingsData/UPDATE_INTEGRATION'\nexport const UPDATE_INTEGRATION_SUCCESS =\n 'app/PlatformSettingsData/UPDATE_INTEGRATION_SUCCESS'\nexport const UPDATE_INTEGRATION_ERROR =\n 'app/PlatformSettingsData/UPDATE_INTEGRATION_ERROR'\n\nexport const UPDATE_INTEGRATION_CONFIG =\n 'app/PlatformSettingsData/UPDATE_INTEGRATION_CONFIG'\nexport const UPDATE_INTEGRATION_CONFIG_SUCCESS =\n 'app/PlatformSettingsData/UPDATE_INTEGRATION_CONFIG_SUCCESS'\nexport const UPDATE_INTEGRATION_CONFIG_ERROR =\n 'app/PlatformSettingsData/UPDATE_INTEGRATION_CONFIG_ERROR'\n\nexport const ASSIGN_INTEGRATION = 'app/PlatformSettingsData/ASSIGN_INTEGRATION'\nexport const ASSIGN_INTEGRATION_SUCCESS =\n 'app/PlatformSettingsData/ASSIGN_INTEGRATION_SUCCESS'\nexport const ASSIGN_INTEGRATION_ERROR =\n 'app/PlatformSettingsData/ASSIGN_INTEGRATION_ERROR'\n\nexport const DELETE_INTEGRATION_ASSIGNMENT =\n 'app/PlatformSettingsData/DELETE_INTEGRATION_ASSIGNMENT'\nexport const DELETE_INTEGRATION_ASSIGNMENT_SUCCESS =\n 'app/PlatformSettingsData/DELETE_INTEGRATION_ASSIGNMENT_SUCCESS'\nexport const DELETE_INTEGRATION_ASSIGNMENT_ERROR =\n 'app/PlatformSettingsData/DELETE_INTEGRATION_ASSIGNMENT_ERROR'\n\nexport const INTEGRATION_TYPES = {\n SLACK: 'slack',\n SERVICE_NOW: 'service_now',\n JIRA: 'jira',\n}\n\nexport const slackActionTypeKey = {\n TICKET_OPENED: 'Ticket Opens',\n TICKET_CLOSED: 'Ticket Closes',\n TICKET_REOPENED: 'Ticket Reopens',\n TICKET_SNOOZED: 'Ticket Snoozed',\n TICKET_RISK_ACCEPTED: 'Ticket Risk Accepted',\n TICKET_ASSIGNED: 'Ticket Assigned',\n TICKET_COMMENT_ADDED: 'Ticket Comment Added',\n TICKET_ESCALATION_EXECUTED: 'Ticket Escalation Executed',\n}\n\nexport const slackActionTypes = Object.keys(slackActionTypeKey).map(type => ({\n value: type,\n label: slackActionTypeKey[type],\n}))\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport IHelp from 'containers/IHelp'\nimport TextLink from 'components/TextLink'\n\nclass SavedSearchDisplay extends Component {\n styles = {\n container: { display: 'flex', alignItems: 'center' },\n tooltipContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n padding: '0.5rem',\n minHeight: '50px',\n minWidth: '200px',\n },\n description: {\n color: this.props.theme.neutralDark,\n fontStyle: 'italic',\n padding: '0.25rem 0rem 0rem 0rem',\n fontSize: '0.9rem',\n },\n title: { fontWeight: '500px', fontSize: '0.95rem' },\n }\n renderIHelp = () => (\n \n
\n )}\n iconSize=\"20px\"\n position=\"bottom\"\n />\n )\n\n render() {\n if (!this.props.search) {\n return '-'\n }\n\n const { description, name } = this.props.search\n if (description) {\n if (this.props.position === 'right') {\n return (\n Description
\n \n {this.props.search.description}\n
\n \n {name} \n
\n )\n } else {\n return (\n {this.renderIHelp()}
\n \n {name} \n
\n )\n }\n }\n return (\n {this.renderIHelp()}
\n \n {name} \n
\n )\n }\n}\n\nSavedSearchDisplay.defaultProps = {\n position: 'left',\n}\n\nSavedSearchDisplay.propTypes = {\n theme: themeShape,\n search: PropTypes.object.isRequired,\n to: PropTypes.object,\n}\n\nexport default themeable(SavedSearchDisplay)\n","import gql from 'graphql-tag'\nexport const GET_ALL_BOTS = gql`\n query getBots {\n Bots {\n items {\n title\n description\n type\n isCustom\n url\n status\n cloud\n operation\n lastSync\n version\n srn\n resourceId\n blob\n }\n }\n }\n`\n\nexport const GET_FILTERED_BOTS = gql`\n query getFilteredBots($filters: BotFilter!) {\n Bots(where: $filters) {\n items {\n title\n description\n type\n isCustom\n url\n status\n cloud\n operation\n lastSync\n version\n srn\n resourceId\n blob\n }\n }\n }\n`\n\nexport const CREATE_BOT_MUTATION = gql`\n mutation createBot($url: String!) {\n CreateBot(input: { url: $url }) {\n title\n description\n type\n isCustom\n url\n status\n cloud\n operation\n lastSync\n version\n srn\n resourceId\n }\n }\n`\n","/**\n *\n * NodeViewDetailBool\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles'\n\nclass NodeViewDetailBool extends React.PureComponent {\n getValue = () => {\n return this.props.value !== undefined && this.props.value !== null\n ? this.props.value.toString()\n : '-'\n }\n\n render() {\n const value = this.getValue()\n return {value}
\n }\n}\n\nNodeViewDetailBool.propTypes = {\n value: PropTypes.bool,\n}\n\nexport default NodeViewDetailBool\n","/**\n *\n * NodeViewDetailDate\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport moment from 'moment'\n\nclass NodeViewDetailDate extends React.PureComponent {\n getValue = () => {\n return this.props.value ? moment(this.props.value).format('lll') : '-'\n }\n\n render() {\n return {this.getValue()}
\n }\n}\n\nNodeViewDetailDate.propTypes = {\n value: PropTypes.string,\n}\n\nexport default NodeViewDetailDate\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { exists } from 'utils/sonraiUtils'\n\nclass NodeViewDetailInt extends React.PureComponent {\n getValue = () => {\n return exists(this.props.value) ? this.props.value.toString() : '-'\n }\n\n render() {\n return {this.getValue()}
\n }\n}\n\nNodeViewDetailInt.propTypes = {\n value: PropTypes.bool,\n}\n\nexport default NodeViewDetailInt\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles'\n\nclass NodeViewDetailLabel extends React.PureComponent {\n render() {\n return {this.props.children}
\n }\n}\n\nNodeViewDetailLabel.propTypes = {\n children: PropTypes.node,\n}\n\nexport default NodeViewDetailLabel\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport ReactTooltip from 'react-tooltip'\nimport _ from 'lodash'\nimport NodeViewDetailMetadataBody from './NodeViewDetailMetadataBody'\nimport TextLink from 'components/TextLink'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport metadataMap from 'metadataMapping.json'\nimport { metadataToObj } from 'utils/sonraiUtils'\nimport './styles.css'\n\nexport class NodeViewDetailMetadata extends React.PureComponent {\n constructor(props) {\n super(props)\n\n this.state = {\n isOpen: false,\n filterText: '',\n }\n\n this.styles = {\n label: {\n fontStyle: 'italic',\n },\n modalBody: {\n maxHeight: '80vh',\n overflow: 'auto',\n },\n key: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontWeight: 400,\n opacity: 0.8,\n },\n value: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n }\n }\n\n toggle = () => {\n this.setState({\n isOpen: false,\n })\n }\n\n open = () => {\n this.setState({\n isOpen: true,\n })\n }\n\n setFilterText = ({ target: { value } }) =>\n this.setState({ filterText: value })\n\n isMatch = key => {\n let keyText = key.toLowerCase()\n let filterText = this.state.filterText.toLowerCase()\n if (filterText !== '') {\n if (keyText.includes(filterText)) {\n return {\n backgroundColor: this.props.theme.highlight,\n }\n }\n return {\n color: 'rgba(171, 171, 171, 0.51)',\n }\n }\n return {}\n }\n\n doesMetadataMappingFilterMatch = item => {\n const { type, label, cloudType } = this.props.nodeData\n // make sure the config has a 'filter' field and it is an array\n if (!item.filter) {\n // without filter, ignore it. This might be undesired behaviour, like if we\n // want a \"global\" config, it this could return true instead.\n return false\n }\n const { filter } = item\n if (!_.isObject(filter)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'invalid metadataMapping config, expected filter to be an object: ' +\n JSON.stringify(filter)\n )\n return false\n }\n\n // make sure at least one field is in the filter\n if (!filter.cloudType && !filter.type && !filter.label) {\n // eslint-disable-next-line no-console\n console.warn(\n 'filter must have at least one field \"cloudType\", \"type\" or \"label\"'\n )\n return false\n }\n\n // if cloudType doesnt match, return false\n if (filter.cloudType) {\n if (!_.isArray(filter.cloudType)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'invalid metadataMapping config, expected filter.cloudtype to be an array: ' +\n JSON.stringify(filter)\n )\n return false\n }\n\n if (!filter.cloudType.includes(cloudType)) {\n return false\n }\n }\n\n // if label doesnt match, return false\n if (filter.label) {\n if (!_.isArray(filter.label)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'invalid metadataMapping config, expected filter.type to be an array: ' +\n JSON.stringify(filter)\n )\n return false\n }\n\n if (!filter.label.includes(label)) {\n return false\n }\n }\n\n // if label doesn't match, return false\n if (filter.type) {\n if (!_.isArray(filter.type)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'invalid metadataMapping config, expected filter.type to be an array: ' +\n JSON.stringify(filter)\n )\n return false\n }\n\n if (!filter.type.includes(type)) {\n return false\n }\n }\n\n // have passed every opportunity to filter out this mapping, it must match\n return true\n }\n\n getMetadataKeyPreviews = values => {\n const metadataObject = metadataToObj(values)\n let keysToDisplay = metadataMap\n .filter(item => {\n // make sure there is actually a keys field\n if (!item.keys) {\n // eslint-disable-next-line no-console\n console.warn(\n 'metadata mapping is invalid, has no \"keys\": ' +\n JSON.stringify(item)\n )\n return false\n }\n\n // filter has to match\n return this.doesMetadataMappingFilterMatch(item)\n })\n .reduce(\n (allKeys, currentMapping) => [...allKeys, ...currentMapping.keys],\n []\n )\n keysToDisplay = _.uniq(keysToDisplay)\n\n if (keysToDisplay.length > 0) {\n const currentValues = values.map(item => _.first(item.split(':')))\n return (\n \n \n {currentValues\n .filter(item => keysToDisplay.includes(item))\n .map((item, i) => {\n return [\n \n {item}:{' '}\n
,\n \n {this.getMetadataKeyPreviews(this.props.value)}\n \n (See More)\n \n \n Metadata \n \n \n \n \n Close\n \n \n \n
\n )\n }\n\n return -
\n }\n}\n\nNodeViewDetailMetadata.propTypes = {\n theme: themeShape,\n value: PropTypes.array,\n nodeData: PropTypes.object,\n}\n\nexport default themeable(NodeViewDetailMetadata)\n","/**\n *\n * Tag\n *\n */\n\nimport React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport Color from 'color'\n\nimport Icon from 'components/Icon'\nimport BorderlessButton from 'components/BorderlessButton'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nclass Tag extends React.Component {\n constructor(props) {\n super(props)\n\n this.styles = {\n removeButton: {\n marginLeft: '0.5em',\n backgroundColor: 'auto',\n },\n tag: {\n display: 'inline-grid',\n margin: '0.5rem',\n alignContent: 'center',\n maxWidth: '100%',\n overflow: 'hidden',\n gridTemplateColumns: 'auto 1fr',\n },\n key: {\n padding: '0rem 0.7rem',\n borderTopLeftRadius: '1rem',\n borderBottomLeftRadius: '1rem',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n backgroundColor: Color(props.theme.secondary)\n .blacken(0.5)\n .hex(),\n color: props.theme.light,\n height: this.props.tagHeight || '30px',\n lineHeight: this.props.tagHeight || '30px',\n },\n val: {\n paddingLeft: '0.5rem',\n paddingRight: this.props.removeTag ? '0.6rem' : '0.5rem',\n borderTopRightRadius: '1.2rem',\n borderBottomRightRadius: '1.2rem',\n backgroundColor: props.invert\n ? props.theme.light\n : props.theme.neutralLight,\n color: props.theme.dark,\n height: this.props.tagHeight || '30px',\n lineHeight: this.props.tagHeight || '30px',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n tagText: {\n fontSize: (this.props.style && this.props.style.fontSize) || '0.9rem',\n maxWidth: '10rem',\n width: 'auto',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n },\n }\n }\n\n render() {\n return (\n \n \n {decodeURIComponent(this.props.tag.get('key'))}\n \n
\n \n \n {this.props.tag.get('value')}{' '}\n \n {this.props.removeTag && (\n \n
\n \n )\n }\n}\n\nTag.propTypes = {\n removeTag: PropTypes.func,\n tag: ImmutablePropTypes.contains({\n srn: PropTypes.string,\n key: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n }).isRequired,\n tagHeight: PropTypes.string,\n theme: themeShape,\n style: PropTypes.object,\n invert: PropTypes.bool,\n}\n\nexport default themeable(Tag)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nclass NodeViewTab extends Component {\n styles = {\n tab: {\n display: 'inline-block',\n marginBottom: '-1px',\n border: '1px solid #ccc',\n padding: '0.5rem 1.5rem',\n marginRight: '0.5rem',\n borderTopRightRadius: '2.5px',\n borderTopLeftRadius: '2.5px',\n cursor: 'pointer',\n position: 'relative',\n },\n activeTab: {\n backgroundColor: '#fff',\n display: 'inline-block',\n marginBottom: '-1px',\n borderTop: '1px solid #ccc',\n borderRight: '1px solid #ccc',\n borderLeft: '1px solid #ccc',\n borderBottom: '1px solid #fff',\n padding: '0.5rem 1.5rem',\n marginRight: '0.5rem',\n borderTopRightRadius: '2.5px',\n borderTopLeftRadius: '2.5px',\n position: 'relative',\n },\n }\n\n onClick = () => {\n const { label, onClick } = this.props\n onClick(label)\n }\n\n isActive = (activeTab, label) => {\n if (activeTab == label) {\n return this.styles.activeTab\n } else {\n return this.styles.tab\n }\n }\n\n render() {\n const {\n onClick,\n props: { activeTab, label },\n } = this\n\n return (\n \n {label}\n {this.props.children}\n
\n )\n }\n}\n\nNodeViewTab.propTypes = {\n children: PropTypes.node,\n activeTab: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n}\n\nexport default NodeViewTab\n","import React from 'react'\n\nexport const ChartLegendEntry = ({ style, color, title }) => {\n const wrapperStyle = {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n marginBottom: '5px',\n ...style,\n }\n\n const legendTitleStyle = {\n fontSize: '12px',\n }\n\n const styledTitle = (\n \n
\n )\n\n return styledTitle\n}\n\nexport default ChartLegendEntry\n","import { createSelector } from 'reselect'\nimport { DOMAIN } from './constants'\nimport { initialState } from './reducers'\nimport { Map } from 'immutable'\n\nexport const selectDomain = state => state.get(DOMAIN) || initialState\n\nexport const selectChangeDetectionOptions = createSelector(\n selectDomain,\n state => state.get('changeDectionOptions')\n)\n\nexport const selectTicketList = createSelector(selectDomain, state =>\n state.get('ticketList')\n)\n\nexport const selectTicketListFilter = createSelector(\n selectDomain,\n state => state.get('ticketListFilter') || Map()\n)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nconst CodeBlock = ({ theme, children }) => {\n const style = {\n wrapper: {\n padding: '0.7em',\n fontFamily: 'monospace',\n backgroundColor: theme.neutralLight,\n whiteSpace: 'pre',\n borderRadius: '3px',\n },\n }\n\n return {children}
\n}\n\nCodeBlock.propTypes = {\n children: PropTypes.node,\n theme: themeShape,\n}\n\nexport default themeable(CodeBlock)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Transition } from 'react-spring/renderprops.cjs'\n\nimport Card from 'components/Card'\nimport BorderlessButton from 'components/BorderlessButton'\nimport Icon from 'components/Icon'\n\nexport class SlideoutPanel extends React.PureComponent {\n styles = {\n container: {\n width: '100%',\n position: 'relative',\n overflow: 'auto',\n },\n card: {\n padding: '0',\n minWidth: '0px',\n boxShadow: '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)',\n transition: 'all 2s',\n },\n scrollWrapper: {\n maxHeight: '100%',\n overflowX: 'hidden',\n overflowY: 'auto',\n padding: '0 0 1em 1em',\n },\n actionsContainer: {\n padding: '0.5em 1em',\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n },\n }\n\n render() {\n return (\n \n \n
\n {this.props.actions}
\n \n {this.props.children}\n
\n \n
\n )\n }\n}\n\nPolicyEdit.propTypes = {\n intl: PropTypes.shape({\n formatMessage: PropTypes.func.isRequired,\n }).isRequired,\n setPolicyEvalTarget: PropTypes.func,\n setPolicyTitle: PropTypes.func,\n setPolicyDescription: PropTypes.func,\n setPolicyEvalType: PropTypes.func,\n setPolicyEvalOp: PropTypes.func,\n setSelectedSearch: PropTypes.func,\n policyEvalTarget: PropTypes.number,\n policyEvalOp: PropTypes.string,\n policyEvalType: PropTypes.string,\n description: PropTypes.string,\n title: PropTypes.string,\n savedSearches: ImmutablePropTypes.map,\n sonraiSearches: ImmutablePropTypes.list,\n selectedSearchValue: PropTypes.string,\n onAlertingLevelNumericChange: PropTypes.func,\n alertingLevelNumeric: PropTypes.number,\n loading: PropTypes.bool,\n policyRemediationType: PropTypes.string,\n setPolicyRemediationType: PropTypes.func,\n}\n\nexport default injectIntl(PolicyEdit)\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n error: {\n id: 'app.components.MissingDataNode.error',\n defaultMessage: 'The resource you are looking for no longer exists',\n },\n contact: {\n id: 'app.components.MissingDataNode.contact',\n defaultMessage: 'For more information, you can contact support at',\n },\n})\n","/**\n *\n * MissingDataNode\n *\n */\n\nimport React from 'react'\nimport crash from 'assets/iamghost.png'\nimport { FormattedMessage } from 'react-intl'\n\nimport { SUPPORT_EMAIL } from 'appConstants'\n\nimport messages from './messages'\n\nconst styles = {\n failContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n height: '90vh',\n },\n crashImg: {\n width: '30%',\n maxWidth: '90px',\n opacity: 0.3,\n },\n crashText: {\n fontSize: 20,\n fontWeight: '400',\n color: '#676767',\n marginTop: '30px',\n },\n}\n\nexport class MissingDataNode extends React.Component {\n render() {\n return (\n \n )\n }\n}\nexport default MissingDataNode\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n servicesTitle: {\n id: 'app.container.NodeViewLayouts.AccountNodeViewCardLayout.servicesTitle',\n defaultMessage: 'Services',\n },\n accountLabel: {\n id: 'app.container.NodeViewLayouts.AccountNodeViewCardLayout.accountLabel',\n defaultMessage: 'Account',\n },\n createdOnLabel: {\n id:\n 'app.container.NodeViewLayouts.AccountNodeViewCardLayout.createdOnLabel',\n defaultMessage: 'Created On',\n },\n activeLabel: {\n id: 'app.container.NodeViewLayouts.AccountNodeViewCardLayout.activeLabel',\n defaultMessage: 'Active',\n },\n})\n","export const GET_ACCOUNT_CONTENT =\n 'app/AccountNodeViewCardLayout/GET_ACCOUNT_CONTENT'\nexport const SET_ACCOUNT_CONTENT =\n 'app/AccountNodeViewCardLayout/SET_ACCOUNT_CONTENT'\n","import { handleActions } from 'redux-actions'\nimport { fromJS, Map } from 'immutable'\nimport { SET_ACCOUNT_CONTENT, GET_ACCOUNT_CONTENT } from './constants'\nimport { CLEAR_DATA } from 'containers/NodeSolutionCenter/constants'\n\nconst initialState = fromJS({\n accountContent: {},\n isLoading: false,\n})\n\nconst accountNodeViewCardLayoutReducer = handleActions(\n {\n [GET_ACCOUNT_CONTENT]: state => state.set('isLoading', true),\n [SET_ACCOUNT_CONTENT]: (state, { payload }) => {\n return state\n .set('accountContent', fromJS(payload))\n .set('isLoading', false)\n },\n [CLEAR_DATA]: state => state.set('accountContent', Map()),\n },\n initialState\n)\n\nexport default accountNodeViewCardLayoutReducer\n","import { GET_ACCOUNT_CONTENT, SET_ACCOUNT_CONTENT } from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const getAccountContent = createAction(GET_ACCOUNT_CONTENT)\nexport const setAccountContent = createAction(SET_ACCOUNT_CONTENT)\n","import { put, takeLatest } from 'redux-saga/effects'\nimport gql from 'graphql-tag'\nimport _ from 'lodash'\nimport { getClient } from 'apolloClient'\nimport { ACCOUNT_NODE_VIEW_QUERY } from 'static-queries'\n\nimport { GET_ACCOUNT_CONTENT } from './constants'\nimport { setAccountContent } from './actions'\n\nfunction* getAccountContent(action) {\n try {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n ${ACCOUNT_NODE_VIEW_QUERY}\n `,\n variables: {\n srn: action.payload,\n },\n })\n const content = results.data.Accounts.items\n if (content === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n yield put(setAccountContent(_.get(content, 0)))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n }\n}\n\nfunction* accountNodeSaga() {\n yield takeLatest(GET_ACCOUNT_CONTENT, getAccountContent)\n}\n\nexport default accountNodeSaga\n","import { createSelector } from 'reselect'\nimport { Map } from 'immutable'\n\nconst selectAccountNodeViewCardLayoutDomain = state =>\n state.get('accountNodeViewCardLayout', Map())\n\nexport const selectAccountContent = createSelector(\n selectAccountNodeViewCardLayoutDomain,\n state => state.get('accountContent') || Map()\n)\n\nexport const selectIsLoading = createSelector(\n selectAccountNodeViewCardLayoutDomain,\n state => state.get('isLoading')\n)\n","/**\n *\n * AccountNodeViewCardLayout\n *\n */\n\nimport React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { push } from 'connected-react-router'\nimport { injectIntl } from 'react-intl'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport { List } from 'immutable'\n\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { setUserProfileTables } from 'containers/UserProfileData/actions'\nimport { selectUserProfile } from 'containers/UserProfileData/selectors'\nimport NodeView from 'containers/NodeSolutionCenter/NodeView'\nimport NodeViewHeader from 'containers/NodeViewHeader'\nimport { NodeViewDetailString, NodeViewDetailLabel } from 'components/NodeView'\n\nimport messages from './messages'\nimport reducer from './reducer'\nimport sagas from './sagas'\nimport { getAccountContent } from './actions'\nimport { selectAccountContent, selectIsLoading } from './selectors'\n\nexport class AccountNodeViewCardLayout extends React.Component {\n constructor(props) {\n super(props)\n\n props.getAccountContent(props.nodeData.srn)\n }\n\n onClickNodeView = (nodeId, type) => {\n this.props.push(getNodeViewPushParams(nodeId, type))\n }\n\n getServices = () => {\n return this.props.accountContent\n .getIn(['contains', 'items'], List())\n .toJS()\n .map(service => service.ServiceName)\n }\n\n getLayouts = () => {\n return {\n graph: {\n lg: { w: 8, h: 3 },\n md: { w: 7, h: 3 },\n sm: { w: 6, h: 3 },\n xs: { w: 4, h: 3 },\n },\n }\n }\n\n getHeaderDetails = () => {\n return [\n Details
\n \n
\n\n \n ({\n label: _.startCase(_.toLower(value)),\n value,\n }))}\n value={\n this.props.policyRemediationType\n ? {\n label: _.startCase(\n _.toLower(this.props.policyRemediationType)\n ),\n value: this.props.policyRemediationType,\n }\n : this.props.policyRemediationType\n }\n onChange={this.props.setPolicyRemediationType}\n disabled={this.props.loading}\n />\n
\n Alerting
\n\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n this.handleRangeChange(filter)}\n >\n \n \n \n
\n }\n onClickNodeView={this.onClickNodeView}\n loading={this.props.loading}\n />\n ,\n \n
,\n \n
,\n \n
,\n ]\n }\n\n render() {\n let nodeData = { ...this.props.nodeData }\n nodeData.ownedBy = this.getKeysOwned()\n if (this.props.nodeData.type === 'User') {\n nodeData.user = {}\n nodeData.user.content = this.props.userContent\n nodeData.user.loading = this.props.loadingUserContent\n }\n\n return (\n {this.props.label}
\n {this.props.value}
\n {this.props.label}
\n {this.getValue()}
\n {this.props.label}
\n {value}
\n \n {this.props.title} \n
\n \n {React.Children.map(this.props.children, child => (\n
\n {child}
\n ))}\n \n
{this.renderContainerCard(containerData)}
,\n ]\n }\n\n render() {\n return (\n \n \n \n \n \n \n \n
\n }\n loading={this.props.loadingActions}\n />\n ,\n {this.getContentsTable()}
,\n \n
,\n ]\n }\n\n render() {\n return (\n loading ...
\n }\n\n if (this.props.dataStoreContent.get('error')) {\n return error loading content...
\n }\n\n if (!this.props.dataStoreContent.get('data').isEmpty()) {\n return this.renderTablesAndColumnsView()\n }\n\n return null\n }\n\n getColumns = () => {\n return {\n xs: [\n {\n widthPercent: 100,\n items: ['contents'],\n heights: {\n graph: 3,\n },\n },\n ],\n }\n }\n\n getLayouts = () => {\n return {\n contents: {\n lg: { w: 8, h: 3 },\n md: { w: 7, h: 3 },\n sm: { w: 6, h: 3 },\n xs: { w: 4, h: 3 },\n },\n }\n }\n\n getGridContent = () => {\n return [\n \n \n \n \n {this.renderDBAnatomy()}\n \n
,\n ]\n }\n\n render() {\n return (\n \n \n \n \n {this.props.intl.formatMessage(messages.topTitleText)}\n \n {accessed.ComputeName || '-'}\n \n\n \n {\n return {\n eventName: item.eventName,\n createdDate: item.createdDate,\n performedBy: _.get(item, [\n 'performedBy',\n 'items',\n 0,\n 'name',\n ]),\n }\n })}\n />\n \n \n
\n )\n })\n\n return usedToAccesses\n }\n\n getColumns = items => {\n return {\n md: [\n {\n widthPercent: 50,\n items: ['graph'],\n heights: {\n graph: 3,\n },\n },\n {\n widthPercent: 50,\n items: items.map(item => item.ComputeName),\n heights: items.reduce((heights, item) => {\n heights[item.ComputeName] = 2\n return heights\n }, {}),\n },\n ],\n xs: [\n {\n widthPercent: 100,\n items: [...items.map(item => item.ComputeName), 'graph'],\n heights: {\n ...items.reduce((heights, item) => {\n heights[item.ComputeName] = 2\n return heights\n }, {}),\n graph: 3,\n },\n },\n ],\n }\n }\n\n render() {\n const usedToAccess = this.getUsedToAccess()\n return (\n \n
\n \n \n {this.props.intl.formatMessage(messages.lastLaunched)}\n \n {accessed.launchTime\n ? moment(accessed.launchTime).format('lll')\n : '-'}\n
\n \n \n {this.props.intl.formatMessage(messages.architecture)}\n \n {accessed.architecture ? accessed.architecture : '-'}\n
\n \n
,\n \n
,\n \n \n \n this.handleRangeChange(filter)}\n >\n \n \n \n
\n }\n onClickNodeView={this.onClickNodeView}\n loading={this.props.loadingActions}\n />\n ,\n ]\n }\n\n render() {\n let nodeData = {\n ...this.props.nodeData,\n servicePrincipals: this.getPrincipals(),\n }\n\n return (\n \n
\n )}\n \n )\n }\n}\n\nPolicyEntryInfo.propTypes = {\n policyEntry: PropTypes.shape({\n name: PropTypes.string,\n conditions: PropTypes.string,\n resourceFilter: PropTypes.string,\n }),\n index: PropTypes.number,\n setContent: PropTypes.func,\n active: PropTypes.bool,\n activeSubkey: PropTypes.string,\n allowsLabel: PropTypes.node,\n deniesLabel: PropTypes.node,\n}\n\nexport default PolicyEntryInfo\n","/**\n *\n * PolicyVersionWidget\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { Table } from 'reactstrap'\nimport _ from 'lodash'\nimport Card, { TopTitle, CardBody } from 'components/Card'\nimport PolicyEntryInfo from './PolicyEntryInfo'\nimport InfoCard from 'components/InfoCard'\n\nconst styles = {\n entryContainer: {\n display: 'grid',\n gridTemplateColumns: '30% 1fr',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n },\n entryList: {\n overflow: 'auto',\n },\n permissionsTitle: {\n fontSize: '1.3em',\n padding: '0.3em 1em 1em 0',\n },\n policyEntryTitle: {\n fontSize: '1.3em',\n marginBottom: '0.5em',\n },\n tableContainer: {\n padding: '1em',\n backgroundColor: '#fff',\n },\n contentsWrapper: {\n backgroundColor: 'rgb(249, 251, 255)',\n padding: '1em',\n border: '1px solid #eee',\n overflow: 'auto',\n },\n}\n\nclass PolicyVersionWidget extends React.Component {\n state = {\n selectedPolicyIndex: 0,\n selectedSubKey: 'allows',\n }\n\n getSelectedPolicyEntry = () => {\n return _.get(\n this.props.hasPolicyEntry,\n ['items', this.state.selectedPolicyIndex],\n {}\n )\n }\n\n getSelectedSubKey = () => {\n return this.state.selectedSubKey || 'allows'\n }\n\n getTableContents = () => {\n return _.get(\n this.getSelectedPolicyEntry(),\n ['hasPermissionList', 'items', 0, this.getSelectedSubKey(), 'items'],\n []\n )\n }\n\n setContent = (policyIndex, subkey) => {\n this.setState({\n selectedPolicyIndex: policyIndex,\n selectedSubKey: subkey,\n })\n\n if (this.props.recalculateGrid) {\n setTimeout(this.props.recalculateGrid, 100)\n }\n }\n\n renderPolicyEntryList = () => {\n return this.props.hasPolicyEntry.items.map((policyEntry, index) => {\n return (\n \n Conditions:\n
\n {this.props.policyEntry.conditions}
\n \n Resource Filter:\n\n
\n \n {this.props.policyEntry.resourceFilter}\n
\n \n \n \n {this.renderPolicySubButton('allows', this.props.allowsLabel)}\n {this.renderPolicySubButton('denies', this.props.deniesLabel)}\n \n
\n
\n Policy Entries
\n \n
\n \n {this.renderPolicyEntryList()}
\n \n
\n \n {this.state.selectedSubKey === 'allows' ? 'Allows' : 'Denies'}\n
\n \n \n \n
\n
\n | Permission | \nService Type | \n
|---|
{this.renderDesc()}
,\n \n
\n
\n Permission List Description
\n \n
{desc}
\n \n {this.props.intl.formatMessage(messages.Version)}\n {this.getPolicyJSON() && (\n \n (View Policy JSON)\n \n )}\n
\n \n
,\n ]\n }\n\n render() {\n return (\n \n
\n )\n }\n\n renderCardBody = () => {\n if (this.props.isLoading) {\n return \n this.props.handleClick(interfaze.srn)}\n >\n {interfaze.name}\n \n
\n\n \n
\n \n this.props.handleClick(subnet.srn)}\n >\n {subnet.name}\n \n
\n \n
\n \n this.props.handleClick(vpc.srn)}\n >\n {vpc.name}\n \n
\n {rowData.map(this.renderRow)}
\n }\n\n render() {\n return (\n | Protocol | \nCIDR | \nPort | \n
|---|---|---|
| {row.protocol} | \n{row.cidr} | \n{row.port} | \n
\n {this.props.filterLabel}: None\n
\n )\n }\n\n return (\n \n
\n )\n }\n\n renderPath = () => {\n if (this.props.path.get('items', List()).size === 0) {\n return (\n \n
\n {this.renderFilterTable()}\n {this.props.filterLabel}
\n \n {this.props.pathLabel}: None\n
\n )\n }\n\n return (\n \n
\n )\n }\n\n render() {\n return (\n \n \n {this.state.showPath ? (\n \n Hide Path
\n\n {this.props.path.get('items', List()).size > 0 && this.state.showPath && (\n {this.props.pathLabel}
\n \n
\n )}\n \n {this.renderFilters()}\n\n {this.renderPath()}\n
\n )\n }\n}\n\nFilterAndPath.propTypes = {\n path: ImmutablePropTypes.map.isRequired,\n filters: ImmutablePropTypes.map.isRequired,\n filterLabel: PropTypes.node,\n pathLabel: PropTypes.node,\n loadingPath: PropTypes.bool,\n onDoubleClick: PropTypes.func,\n theme: themeShape,\n onToggle: PropTypes.func,\n}\nexport default themeable(FilterAndPath)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { push } from 'connected-react-router'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { bindActionCreators } from 'redux'\nimport { List } from 'immutable'\n\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport Card, { CardBody, TopTitle } from 'components/Card'\n\nimport FilterAndPath from './FilterAndPath'\n\nexport class AccessWidget extends React.Component {\n constructor(props) {\n super(props)\n\n this.styles = {\n content: {\n display: 'grid',\n gridTemplateColumns: '1fr 1fr',\n width: '100%',\n height: '100%',\n gridColumnGap: '3em',\n },\n\n columnHeader: {\n display: 'grid',\n gridTemplateColumns: '220px 1fr',\n fontWeight: 400,\n },\n }\n }\n\n onDoubleClick = ({ nodes }) => {\n if (nodes.length > 0 && nodes[0].includes('srn:')) {\n const srn = nodes[0]\n this.props.push(getNodeViewPushParams(srn, getTypeFromSrn(srn)))\n }\n }\n\n getExposedToPublic = () => {\n return (\n this.props.publicFilters.get('items', List()).size > 0 &&\n this.props.publicPath.get('items', List()).size > 0\n )\n }\n\n onToggle = () => {\n if (this.props.recalculateGrid) {\n setTimeout(this.props.recalculateGrid, 100)\n }\n }\n\n getExposedToPrivate = () => {\n return (\n this.props.privateFilters.get('items', List()).size > 0 &&\n this.props.privatePath.get('items', List()).size > 0\n )\n }\n\n render() {\n return (\n \n
\n \n
\n\n \n
\n Exposed to Public Access:
\n {this.getExposedToPublic() ? 'Yes' : 'No'}\n \n
\n \n
\n Exposed to Private Access:
\n {this.getExposedToPrivate() ? 'Yes' : 'No'}\n \n \n
\n )\n }\n\n render() {\n return (\n \n this.openMiniNodeView(target.srn)}\n push={this.props.push}\n title={
\n \n
\n \n
\n \n
\n \n
\n \n \n Version\n {policyJSON && (\n \n (View Policy JSON)\n \n )}\n
{' '}\n \n
,\n \n
,\n ]\n }\n\n getHeaderContent = () => {\n return [\n \n
\n
\n
\n )\n }\n\n getGridContent = () => {\n return [\n {this.getPerformedByWidget()}
,\n \n
,\n \n \n \n {!this.props.isLoading &&\n this.props.actionContent.get('coalescedCount') > 1 ? (\n \n \n {this.getEventDetails()}\n \n
,\n ]\n }\n\n getLayouts = () => {\n return {\n performedby: {\n lg: { w: 3, h: 2 },\n md: { w: 3, h: 2 },\n sm: { w: 3, h: 2 },\n xs: { w: 3, h: 2 },\n },\n performedon: {\n lg: { w: 5, h: 2 },\n md: { w: 5, h: 2 },\n sm: { w: 5, h: 2 },\n xs: { w: 5, h: 2 },\n },\n eventdetails: {\n sm: { w: 8 },\n xs: { w: 1 },\n },\n }\n }\n\n getCols = () => {\n return {\n lg: 8,\n md: 8,\n sm: 8,\n xs: 1,\n }\n }\n\n getHeaderBadge = () => {\n if (\n this.props.nodeData.coalescedCount &&\n this.props.nodeData.coalescedCount > 1\n ) {\n return (\n \n {\n
\n }\n />\n ) : (\n \n \n
,\n \n
,\n ]\n }\n\n render() {\n return (\n \n
,\n \n
,\n ]\n }\n\n render() {\n return (\n \n
,\n ]\n }\n\n getColumns = () => {\n return {\n xs: [\n {\n widthPercent: 100,\n items: ['table', 'graph'],\n heights: {\n table: 3,\n graph: 3,\n },\n },\n ],\n }\n }\n\n render() {\n return (\n \n
,\n ]\n }\n\n render() {\n return (\n {val}
)\n } catch (e) {\n //eslint-disable-next-line no-console\n console.warn('could not parse json from metadata', e)\n }\n }\n\n if (key === 'role.policy_document') {\n try {\n const parsedValue = JSON.stringify(JSON.parse(value), null, 4)\n value = \n {metadata} \n
,\n ]\n }\n\n return []\n }\n\n render() {\n return (\n \n \n this.setState(oldState => ({\n selectedPolicyIndex: oldState.selectedPolicyIndex - 1,\n }))\n }\n >\n Prev\n \n \n this.setState(oldState => ({\n selectedPolicyIndex: oldState.selectedPolicyIndex + 1,\n }))\n }\n >\n Next\n \n
\n )\n }\n\n togglePolicyEntriesModal = () =>\n this.setState(oldState => ({ isOpen: !oldState.isOpen }))\n\n renderPolicyEntriesModal = () => {\n const version = this.getSelectedVersion()\n const root =\n this.props.encryptionKeyContent.getIn([\n 'hasAttached',\n 'items',\n this.state.selectedPolicyIndex,\n ]) || Map()\n\n const title =\n root.get('friendlyName') || root.get('name') || root.get('srn') || ''\n return (\n \n {this.state.selectedPolicyIndex + 1} of{' '}\n {\n this.props.encryptionKeyContent.getIn(\n ['hasAttached', 'items'],\n List()\n ).size\n }\n
\n \n \n Protects \n
,\n \n \n Alias \n
,\n \n \n Polices \n this.onClickPolicy(srn)}\n data={this.getPolicies()}\n customColumnConfig={{\n name: {\n maxWidth: 250,\n },\n showPolicy: {\n width: 200,\n minWidth: 160,\n pinned: 'right',\n headerName: '',\n enableRowGroup: false,\n menuTabs: [],\n suppressMenu: true,\n cellRendererFramework: ({ data: { srn } }) => {\n return (\n this.handlePolicyModal(srn)}\n >\n Show Policy Entries\n \n )\n },\n },\n }}\n />\n \n
,\n ]\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nNodeSolutionCenter.propTypes = {\n detailsLoading: PropTypes.bool,\n fetchTags: PropTypes.func,\n getData: PropTypes.func,\n horizontal: PropTypes.bool,\n //Used in the selectors!!\n //eslint-disable-next-line react/no-unused-prop-types\n location: PropTypes.shape({\n pathname: PropTypes.string,\n search: PropTypes.string,\n }),\n nodeId: PropTypes.string,\n nodeData: PropTypes.object,\n propsOfInterest: PropTypes.arrayOf(\n PropTypes.shape({\n field: PropTypes.string,\n message: PropTypes.node,\n })\n ),\n queryNames: ImmutablePropTypes.iterable.isRequired,\n type: PropTypes.string,\n types: ImmutablePropTypes.map,\n tagOptions: ImmutablePropTypes.iterable.isRequired,\n isMonitored: PropTypes.bool,\n shouldReloadSwimlanes: PropTypes.bool,\n setShouldUpdateNodeSwimlanes: PropTypes.func.isRequired,\n policies: ImmutablePropTypes.iterable,\n fetchPolicies: PropTypes.func.isRequired,\n}\n\nconst mapStateToProps = createStructuredSelector({\n data: selectData,\n detailsLoading: selectDetailsLoading,\n queryNames: selectQueryNames,\n types: selectQueryTypes,\n tagOptions: selectTagOptions,\n nodeId: selectNodeId,\n nodeData: selectNodeData,\n isMonitored: selectIsMonitored,\n shouldReloadSwimlanes: selectShouldUpdateNodeSwimlanes,\n policies: selectPolicies,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n getData,\n fetchTags,\n fetchPolicies,\n setShouldUpdateNodeSwimlanes,\n getTicketCount,\n getCrmTickets,\n },\n dispatch\n )\n}\n\nconst withReducer = injectReducer({ key: 'nodeSolutionCenter', reducer })\n\nconst withSaga = injectSaga({\n key: 'nodeSolutionCenter',\n saga: sagas,\n mode: DAEMON,\n})\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect, withSaga, withReducer)(NodeSolutionCenter)\n","export const ASSIGN_TICKET_ESCALTION_ERROR = `app/containers/CreateUpdateTicketModal/ASSIGN_TICKET_ESCALTION_ERROR`\n\nexport const FETCH_TICKET_TEMPLATES = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATES`\nexport const FETCH_TICKET_TEMPLATES_ERROR = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATES_ERROR`\nexport const FETCH_TICKET_TEMPLATES_SUCCESS = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATES_SUCCESS`\n\nexport const FETCH_TICKET_TEMPLATE_FIELD_SELECT = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATE_FIELD_SELECT`\nexport const FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR`\nexport const FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS = `app/containers/CreateUpdateTicketModal/FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS`\n\nexport const SAVE_CUSTOM_TICKET = `app/containers/CreateUpdateTicketModal/SAVE_CUSTOM_TICKET`\nexport const SAVE_CUSTOM_TICKET_ERROR = `app/containers/CreateUpdateTicketModal/SAVE_CUSTOM_TICKET_ERROR`\nexport const SAVE_CUSTOM_TICKET_SUCCES = `app/containers/CreateUpdateTicketModal/SAVE_CUST_TICKET_SUCCES`\n\nexport const UPDATE_CUSTOM_TICKET = `app/containers/CreateUpdateTicketModal/UPDATE_CUSTOM_TICKET`\nexport const UPDATE_CUSTOM_TICKET_ERROR = `app/containers/CreateUpdateTicketModal/UPDATE_CUSTOM_TICKET_ERROR`\nexport const UPDATE_CUSTOM_TICKET_SUCCES = `app/containers/CreateUpdateTicketModal/UPDATE_CUSTOM_TICKET_SUCCES`\n\nexport const SET_TICKET_TYPE = `app/CreateUpdateTicketModal/SET_TICKET_TYPE`\nexport const SET_SELECTED_TICKET_TEMPLATE = `app/CreateUpdateTicketModal/SET_SELECTED_TICKET_TEMPLATE`\nexport const CLEAR_STATE = `app/CreateUpdateTicketModal/CLEAR_STATE`\nexport const SET_TICKET_TEMPLATE_FIELD_VALUE = `app/containers/CreateUpdateTicketModal/SET_TICKET_TEMPLATE_FIELD_VALUE`\n","import { handleActions } from 'redux-actions'\nimport { fromJS } from 'immutable'\nimport {\n ASSIGN_TICKET_ESCALTION_ERROR,\n FETCH_TICKET_TEMPLATES,\n FETCH_TICKET_TEMPLATES_ERROR,\n FETCH_TICKET_TEMPLATES_SUCCESS,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS,\n SAVE_CUSTOM_TICKET,\n SAVE_CUSTOM_TICKET_ERROR,\n SAVE_CUSTOM_TICKET_SUCCES,\n UPDATE_CUSTOM_TICKET,\n UPDATE_CUSTOM_TICKET_ERROR,\n UPDATE_CUSTOM_TICKET_SUCCES,\n SET_TICKET_TYPE,\n SET_SELECTED_TICKET_TEMPLATE,\n CLEAR_STATE,\n SET_TICKET_TEMPLATE_FIELD_VALUE,\n} from './constants'\n\nexport const fieldSelectInitialState = fromJS({\n select: {\n loading: false,\n error: false,\n data: null,\n },\n value: null,\n})\n\nexport const initialState = fromJS({\n ticketType: null,\n selectedTicketTemplate: null,\n createTicketStatus: {\n loading: false,\n error: false,\n assignEscalationError: false,\n },\n ticketTemplates: {\n loading: false,\n error: false,\n data: null,\n },\n ticketTemplateFields: {},\n})\n\nfunction setFieldInitialStateIfUnset(state, field) {\n if (!state.getIn(['ticketTemplateFields', field.name])) {\n return state.setIn(\n ['ticketTemplateFields', field.name],\n fieldSelectInitialState\n )\n } else {\n return state\n }\n}\n\nconst createTicketModalReducer = handleActions(\n {\n [FETCH_TICKET_TEMPLATES]: state =>\n state\n .setIn(['ticketTemplates', 'loading'], true)\n .setIn(['ticketTemplates', 'error'], false),\n [FETCH_TICKET_TEMPLATES_ERROR]: state =>\n state\n .setIn(['ticketTemplates', 'loading'], false)\n .setIn(['ticketTemplates', 'error'], true),\n [FETCH_TICKET_TEMPLATES_SUCCESS]: (state, { payload }) =>\n state\n .setIn(['ticketTemplates', 'loading'], false)\n .setIn(['ticketTemplates', 'error'], false)\n .setIn(['ticketTemplates', 'data'], fromJS(payload.data)),\n [SET_TICKET_TYPE]: (state, { payload }) => state.set('ticketType', payload),\n [SET_SELECTED_TICKET_TEMPLATE]: (state, { payload }) =>\n state.set('selectedTicketTemplate', payload),\n [CLEAR_STATE]: state =>\n initialState\n // we want to keep ticket templates otherwise we need to refech them\n .set('ticketTemplates', state.get('ticketTemplates')),\n\n [SET_TICKET_TEMPLATE_FIELD_VALUE]: (state, { payload: { field, value } }) =>\n setFieldInitialStateIfUnset(state, field).setIn(\n ['ticketTemplateFields', field.name, 'value'],\n value\n ),\n [FETCH_TICKET_TEMPLATE_FIELD_SELECT]: (state, { payload: { field } }) =>\n setFieldInitialStateIfUnset(state, field)\n .setIn(['ticketTemplateFields', field.name, 'select', 'loading'], true)\n .setIn(['ticketTemplateFields', field.name, 'select', 'error'], false),\n [FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR]: (\n state,\n { payload: { field } }\n ) =>\n state\n .setIn(['ticketTemplateFields', field.name, 'select', 'loading'], false)\n .setIn(['ticketTemplateFields', field.name, 'select', 'error'], true),\n [FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS]: (\n state,\n { payload: { field, data } }\n ) =>\n state\n .setIn(['ticketTemplateFields', field.name, 'select', 'loading'], false)\n .setIn(['ticketTemplateFields', field.name, 'select', 'error'], false)\n .setIn(\n ['ticketTemplateFields', field.name, 'select', 'data'],\n fromJS(data)\n ),\n [SAVE_CUSTOM_TICKET]: state =>\n state\n .setIn(['createTicketStatus', 'error'], false)\n .setIn(['createTicketStatus', 'assignEscalationError'], false)\n .setIn(['createTicketStatus', 'loading'], true),\n [SAVE_CUSTOM_TICKET_ERROR]: state =>\n state\n .setIn(['createTicketStatus', 'error'], true)\n .setIn(['createTicketStatus', 'loading'], false),\n [SAVE_CUSTOM_TICKET_SUCCES]: (state, { payload }) =>\n state\n .setIn(['createTicketStatus', 'error'], false)\n .setIn(['createTicketStatus', 'loading'], false)\n .setIn(['createTicketStatus', 'data'], fromJS(payload.data)),\n [UPDATE_CUSTOM_TICKET]: state =>\n state\n .setIn(['createTicketStatus', 'error'], false)\n .setIn(['createTicketStatus', 'assignEscalationError'], false)\n .setIn(['createTicketStatus', 'loading'], true),\n [UPDATE_CUSTOM_TICKET_ERROR]: state =>\n state\n .setIn(['createTicketStatus', 'error'], true)\n .setIn(['createTicketStatus', 'loading'], false),\n [UPDATE_CUSTOM_TICKET_SUCCES]: (state, { payload }) =>\n state\n .setIn(['createTicketStatus', 'error'], false)\n .setIn(['createTicketStatus', 'loading'], false)\n .setIn(['createTicketStatus', 'data'], fromJS(payload.data)),\n [ASSIGN_TICKET_ESCALTION_ERROR]: state =>\n state\n .setIn(['createTicketStatus', 'error'], true)\n .setIn(['createTicketStatus', 'assignEscalationError'], true),\n },\n initialState\n)\n\nexport default createTicketModalReducer\n","import { createAction } from 'redux-actions'\nimport {\n ASSIGN_TICKET_ESCALTION_ERROR,\n FETCH_TICKET_TEMPLATES,\n FETCH_TICKET_TEMPLATES_ERROR,\n FETCH_TICKET_TEMPLATES_SUCCESS,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS,\n SAVE_CUSTOM_TICKET,\n SAVE_CUSTOM_TICKET_ERROR,\n SAVE_CUSTOM_TICKET_SUCCES,\n UPDATE_CUSTOM_TICKET,\n UPDATE_CUSTOM_TICKET_ERROR,\n UPDATE_CUSTOM_TICKET_SUCCES,\n SET_TICKET_TYPE,\n SET_SELECTED_TICKET_TEMPLATE,\n CLEAR_STATE,\n SET_TICKET_TEMPLATE_FIELD_VALUE,\n} from './constants'\n\nexport const assignTicketEscalationError = createAction(\n ASSIGN_TICKET_ESCALTION_ERROR\n)\n\nexport const fetchTicketTemplates = createAction(FETCH_TICKET_TEMPLATES)\nexport const fetchTicketTemplatesError = createAction(\n FETCH_TICKET_TEMPLATES_ERROR\n)\nexport const fetchTicketTemplatesSucces = createAction(\n FETCH_TICKET_TEMPLATES_SUCCESS\n)\n\nexport const fetchTicketTemplateFieldSelect = createAction(\n FETCH_TICKET_TEMPLATE_FIELD_SELECT\n)\nexport const fetchTicketTemplateFieldSelectError = createAction(\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_ERROR\n)\nexport const fetchTicketTemplateFieldSelectSuccess = createAction(\n FETCH_TICKET_TEMPLATE_FIELD_SELECT_SUCCESS\n)\n\nexport const saveCustomTicket = createAction(SAVE_CUSTOM_TICKET)\nexport const saveCustomTicketError = createAction(SAVE_CUSTOM_TICKET_ERROR)\nexport const saveCustomTicketSucces = createAction(SAVE_CUSTOM_TICKET_SUCCES)\n\nexport const updateCustomTicket = createAction(UPDATE_CUSTOM_TICKET)\nexport const updateCustomTicketError = createAction(UPDATE_CUSTOM_TICKET_ERROR)\nexport const updateCustomTicketSuccess = createAction(\n UPDATE_CUSTOM_TICKET_SUCCES\n)\n\nexport const setTicketType = createAction(SET_TICKET_TYPE)\nexport const setSelectedTicketTemplate = createAction(\n SET_SELECTED_TICKET_TEMPLATE\n)\nexport const clearState = createAction(CLEAR_STATE)\n\nexport const setTicketTemplateFieldValue = createAction(\n SET_TICKET_TEMPLATE_FIELD_VALUE\n)\n","import gql from 'graphql-tag'\n\nexport const FETCH_TICKET_TEMPLATES_QUERY = gql`\n query fetchTicketTemplates {\n TicketTemplates {\n items(limit: 1000, orderBy: [{ title: { order: ASC } }]) {\n srn\n title\n description\n fields {\n name\n required\n type\n multi\n select {\n search\n path\n valueField\n labelFields\n }\n }\n __typename\n }\n }\n }\n`\n\nexport const ASSIGN_TICKET_ESCALATION_MUTATION = gql`\n mutation assignCustomTicketEscalationScheme(\n $escalationSchemeSrn: String\n $ticketSrn: String\n ) {\n CreateEscalationFilter(\n input: {\n schemeSrn: $escalationSchemeSrn\n ticketKey: $ticketSrn\n ticketType: \"Custom\"\n }\n ) {\n srn\n }\n }\n`\n\nexport const REMOVE_TICKET_ESCALTION_MUTATION = gql`\n mutation removeTicketEscalationAssignment($filterSrn: String) {\n DeleteEscalationFilter(input: { srn: $filterSrn }) {\n srn\n }\n }\n`\n\nexport const CREATE_TICKET_MUTATION = gql`\n mutation createTicket($ticket: CreateTicketRequestInput) {\n CreateTicket(input: $ticket) {\n srn\n }\n }\n`\n\nexport const UPDATE_TICKET_MUTATION = gql`\n mutation updateTicket($ticket: UpdateTicketInput) {\n UpdateTicket(input: $ticket) {\n srn\n }\n }\n`\n","import _ from 'lodash'\n\n/**\n * get the object containing the entities that would populate the objects\n *\n * @param {object} resultData response from gql query\n * @returns {object[]}\n */\nexport function getSelectOptionsObjects(result, field) {\n // if there's no data, no point in trying to get result\n if (!result.data) {\n return null\n }\n\n let path\n if (!field.select.path) {\n path = ['data', Object.keys(result.data)[0], 'items']\n } else {\n path = [...field.select.path]\n }\n\n return _.get(result, path, null)\n}\n\n/**\n * get the value that would go in an option in select\n */\nexport function getValue(item, field) {\n if (field.select.valueField) {\n return _.get(item, field.select.valueField)\n } else {\n return item.srn\n }\n}\n\n/**\n * get the label that would go in an option in select\n */\nexport function getLabel(item, field) {\n if (field.select.labelFields) {\n let label = field.select.labelFields.reduce((currentValue, nextKey) => {\n if (currentValue) {\n return currentValue\n }\n return item[nextKey]\n }, null)\n if (label) {\n return label\n }\n }\n return item.srn\n}\n","import { all, put, select, takeEvery, takeLatest } from 'redux-saga/effects'\nimport gql from 'graphql-tag'\nimport { List } from 'immutable'\nimport _ from 'lodash'\nimport { getClient } from 'apolloClient'\n\nimport {\n assignTicketEscalationError,\n fetchTicketTemplatesError,\n fetchTicketTemplatesSucces,\n fetchTicketTemplateFieldSelectError,\n fetchTicketTemplateFieldSelectSuccess,\n saveCustomTicketError,\n saveCustomTicketSucces,\n updateCustomTicketError,\n updateCustomTicketSuccess,\n} from './actions'\n\nimport {\n SAVE_CUSTOM_TICKET,\n FETCH_TICKET_TEMPLATES,\n FETCH_TICKET_TEMPLATE_FIELD_SELECT,\n UPDATE_CUSTOM_TICKET,\n} from './constants'\n\nimport {\n ASSIGN_TICKET_ESCALATION_MUTATION,\n REMOVE_TICKET_ESCALTION_MUTATION,\n FETCH_TICKET_TEMPLATES_QUERY,\n CREATE_TICKET_MUTATION,\n UPDATE_TICKET_MUTATION,\n} from './queries'\n\nimport { getEscalations } from 'containers/EscalationData/actions'\nimport { selectEscalations } from 'containers/EscalationData/selectors'\n\nimport { getSelectOptionsObjects } from './utils'\n\nfunction* fetchTicketTemplates() {\n try {\n const client = yield getClient()\n const result = yield client.query({ query: FETCH_TICKET_TEMPLATES_QUERY })\n const path = ['data', 'TicketTemplates', 'items']\n const data = _.get(result, path, null)\n if (data == null) {\n throw new Error(`no data at path ${path.join('/')}`)\n }\n yield put(fetchTicketTemplatesSucces({ data }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(`an error happened fetching ticket templates`, e)\n yield put(fetchTicketTemplatesError())\n }\n}\n\nfunction* fetchTicketTemplateSelect({ payload: { field } }) {\n try {\n const client = yield getClient()\n const result = yield client.query({\n query: gql`\n ${field.select.search}\n `,\n })\n if (result.data === null) {\n throw new Error('no data')\n }\n const data = getSelectOptionsObjects(result, field)\n yield put(fetchTicketTemplateFieldSelectSuccess({ field, data }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(\n `error happen fetching options field ${JSON.stringify(field)})`,\n e\n )\n yield put(fetchTicketTemplateFieldSelectError({ field }))\n }\n}\n\n/**\n * Assign the ticketto the escaltion scheme\n *\n * @param {String} ticket ticketSrn of ticket\n * @param {String} escalationSchemeSrn srn of escalation schema\n */\nfunction* assignTicketEscalationSchema({ escalationSchemeSrn, ticketSrn }) {\n try {\n const client = yield getClient()\n const result = yield client.mutate({\n mutation: ASSIGN_TICKET_ESCALATION_MUTATION,\n variables: { escalationSchemeSrn, ticketSrn },\n })\n const path = ['data', 'CreateEscalationFilter', 'srn']\n const data = _.get(result, path, null)\n if (data === null) {\n throw new Error(`no data for path ${path.join('/')}`)\n }\n yield put(getEscalations())\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(`an error occurred assigning escalation to ticket`, e)\n yield put(assignTicketEscalationError())\n }\n}\n\n/**\n * remove the ticket from the escalation schema\n *\n * @param {String} ticket ticketSrn of ticket\n * @param {Immutable.Map} escalationScheme escalation scheme ticket is assigned to\n */\nfunction* removeCurrentEscalation({ escalationScheme, ticketSrn }) {\n const currentFilter = escalationScheme.get('filters').find(filter => {\n return filter.get('ticketKey') === ticketSrn\n })\n if (!currentFilter) {\n // eslint-disable-next-line no-console\n console.warn(\n `cannot remove escalationScheme from ticket ${ticketSrn}`,\n escalationScheme\n )\n return\n }\n\n try {\n const client = yield getClient()\n const result = yield client.mutate({\n mutation: REMOVE_TICKET_ESCALTION_MUTATION,\n variables: { filterSrn: currentFilter.get('srn') },\n })\n const path = ['data', 'DeleteEscalationFilter', 'srn']\n const data = _.get(result, path, null)\n if (data === null) {\n throw new Error(`no result at path ${path.join('/')}`)\n }\n yield put(getEscalations())\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(`an error occurred removing escalation to ticket`, e)\n yield put(assignTicketEscalationError())\n }\n}\n\nfunction* saveCustomTicket({ payload }) {\n try {\n const client = yield getClient()\n const result = yield client.mutate({\n mutation: CREATE_TICKET_MUTATION,\n variables: { ticket: payload.ticket },\n })\n const path = ['data', 'CreateTicket']\n const newTicket = _.get(result, path, null)\n if (newTicket === null) {\n throw new Error(`no data for path ${path}`)\n }\n\n if (payload.escalationSchemeSrn) {\n yield assignTicketEscalationSchema({\n escalationSchemeSrn: payload.escalationSchemeSrn,\n ticketSrn: newTicket.srn,\n })\n }\n yield put(saveCustomTicketSucces({ data: newTicket }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happen saving custom ticket: ', e)\n yield put(saveCustomTicketError())\n }\n}\n\nfunction* updateCustomTicket({ payload }) {\n try {\n const client = yield getClient()\n const result = yield client.mutate({\n mutation: UPDATE_TICKET_MUTATION,\n variables: { ticket: payload.ticket },\n })\n const path = ['data', 'UpdateTicket']\n const data = _.get(result, path, null)\n if (data === null) {\n throw new Error(`no data for path ${path}`)\n }\n\n // find currently assigned escalation\n let currentEscalation = undefined\n const escalations = yield select(selectEscalations)\n if (!escalations.isEmpty()) {\n // find previously assigned escalation\n currentEscalation = escalations.valueSeq().find(escalation => {\n return (\n undefined !==\n (escalation.get('filters') ?? List()).find(filter => {\n return filter.get('ticketKey') === payload.ticket.ticketSrn\n })\n )\n })\n }\n\n if (payload.escalationSchemeSrn) {\n let alreadyAssigned = false // is ticket already assigned to scheme\n if (currentEscalation) {\n if (currentEscalation.get('srn') !== payload.escalationSchemeSrn) {\n // we're assigned to a different escalation, so remove assignment\n yield removeCurrentEscalation({\n escalationScheme: currentEscalation,\n ticketSrn: payload.ticket.ticketSrn,\n })\n } else {\n // already assigned to this escalation, no need to reassign\n alreadyAssigned = true\n }\n }\n if (!alreadyAssigned) {\n // assign an escaltion scheme to the ticket\n yield assignTicketEscalationSchema({\n escalationSchemeSrn: payload.escalationSchemeSrn,\n ticketSrn: payload.ticket.ticketSrn,\n })\n }\n }\n // handle no escalation assginment:\n else {\n if (currentEscalation) {\n // remove current escalation\n yield removeCurrentEscalation({\n escalationScheme: currentEscalation,\n ticketSrn: payload.ticket.ticketSrn,\n })\n }\n }\n yield put(updateCustomTicketSuccess({ data }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happen saving custom ticket: ', e)\n yield put(updateCustomTicketError())\n }\n}\n\nexport default function* sagas() {\n yield all([\n takeLatest(SAVE_CUSTOM_TICKET, saveCustomTicket),\n takeLatest(FETCH_TICKET_TEMPLATES, fetchTicketTemplates),\n takeEvery(FETCH_TICKET_TEMPLATE_FIELD_SELECT, fetchTicketTemplateSelect),\n takeLatest(UPDATE_CUSTOM_TICKET, updateCustomTicket),\n ])\n}\n","import { createSelector } from 'reselect'\nimport { initialState } from './reducers'\n\nconst selectCreateUpdateTicketModalDomain = state =>\n state.get('createTicketModal') || initialState\n\nexport const selectTicketType = createSelector(\n selectCreateUpdateTicketModalDomain,\n state => state.get('ticketType')\n)\n\nexport const selectSelectedTicketTemplate = createSelector(\n selectCreateUpdateTicketModalDomain,\n state => state.get('selectedTicketTemplate')\n)\n\nexport const selectTicketTemplates = createSelector(\n selectCreateUpdateTicketModalDomain,\n state => state.get('ticketTemplates')\n)\n\nexport const selectTicketTemplateFields = createSelector(\n selectCreateUpdateTicketModalDomain,\n state => state.get('ticketTemplateFields')\n)\n\nexport const selectCreateTicketStatus = createSelector(\n selectCreateUpdateTicketModalDomain,\n state => state.get('createTicketStatus')\n)\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n assignEscalationError: {\n id: 'app.containers.CreateUpdateTicketModal.createError',\n defaultMessage: 'There was an assigning ticket escalations.',\n },\n createError: {\n id: 'app.containers.CreateUpdateTicketModal.createError',\n defaultMessage: 'There was an error saving the ticket',\n },\n 'error.required': {\n id: 'app.containers.CreateUpdateTicketModal.error.required',\n defaultMessage: \"The field '{field}' is required\",\n },\n invalidTemplate: {\n id: 'app.containers.CreateUpdateTicketModal.invalidTemplate',\n defaultMessage: 'Selected Template is Invalid.',\n },\n validationErrors: {\n id: 'app.containers.CreateUpdateTicketModal.validationErrors',\n defaultMessage: 'There are some form validation errors.',\n },\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport styled from 'styled-components'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\n\nimport messages from '../messages'\n\nconst StyledErrorContainer = styled.div`\n color: red;\n`\n\n/**\n * this component is to show error message on CreateUpdateTicketModal\n */\nexport default function FormErrorMessage(props) {\n if (!props.error) {\n return null\n }\n\n return (\n \n
\n )\n}\n\nDefaultFields.propTypes = {\n account: PropTypes.object,\n accounts: ImmutablePropTypes.listOf(\n ImmutablePropTypes.contains({\n srn: PropTypes.string.isRequired,\n account: PropTypes.string.isRequired,\n })\n ),\n handleAccountChange: PropTypes.func.isRequired,\n formErrors: PropTypes.object,\n resource: PropTypes.object,\n escalationsLoading: PropTypes.bool,\n escalation: PropTypes.object,\n handleEscalationChange: PropTypes.func.isRequired,\n handleAssignedToChange: PropTypes.func.isRequired,\n assignedTo: PropTypes.object,\n users: ImmutablePropTypes.iterable.isRequired,\n selectedSwimlanes: PropTypes.array,\n currentUser: PropTypes.string,\n handleSelfAssign: PropTypes.func.isRequired,\n handleSeverityChange: PropTypes.func.isRequired,\n severity: PropTypes.object,\n handleSwimlaneChange: PropTypes.func.isRequired,\n swimlanes: ImmutablePropTypes.iterable.isRequired,\n handleDescriptionChange: PropTypes.func.isRequired,\n description: PropTypes.string,\n title: PropTypes.string,\n handleTitleChange: PropTypes.func.isRequired,\n userHasPermission: PropTypes.func.isRequired,\n}\n\nexport default permissionChecker(DefaultFields)\n","import React, { useEffect, useState } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\n\nimport Checkbox from 'components/Checkbox'\n\nexport default function TemplateFieldCheckbox(props) {\n const [isChecked, setIsChecked] = useState(false)\n useEffect(() => {\n if (!props.fieldState) {\n return\n }\n const value = props.fieldState.get('value')\n\n // if the field is required make sure the value is explicitly set false\n if (props.fieldDefinition.required) {\n props.setTicketTemplateFieldValue({\n value: value ?? false,\n field: props.fieldDefinition,\n })\n }\n }, [])\n\n // try to set the value from the property\n useEffect(() => {\n if (!props.fieldState) {\n return\n }\n const value = props.fieldState.get('value')\n\n // is this a dumb way to check this? I don't even know anymore\n if (value === 'false' || value === false) {\n setIsChecked(false)\n }\n if (value === 'true' || value === true) {\n setIsChecked(true)\n }\n }, [props.fieldState])\n\n return (\n \n \n Title\n \n props.handleTitleChange(value)}\n />\n {props.formErrors.title && (\n
\n \n Description \n props.handleDescriptionChange(value)}\n value={props.description}\n />\n
\n \n Swimlanes \n \n props.userHasPermission({\n permissionName: 'edit.tickets',\n swimlanes: [swimlane.srn],\n })\n )\n .map(swimlane => ({\n label: swimlane.title || swimlane.srn,\n value: swimlane.srn,\n })),\n option => (option.label ?? '').toLowerCase()\n )}\n value={\n props.selectedSwimlanes &&\n !_.isEmpty(props.selectedSwimlanes) &&\n props.selectedSwimlanes\n }\n onChange={props.handleSwimlaneChange}\n isMulti\n isDisabled={!!props.resource}\n />\n {props.formErrors.swimlanes && (\n
\n {!props.resource && (\n \n Account \n ({\n label:\n account.get('friendlyName') ||\n account.get('name') ||\n account.get('account'),\n value: account.get('srn'),\n }))\n .toJS(),\n option => (option.label ?? '').toLowerCase()\n )}\n value={props.account}\n formatOptionLabel={option => {\n return
\n )}\n \n Severity \n
\n \n ({ label: item.name || item.srn, value: item.srn })),\n option => (option.label ?? '').toLowerCase()\n )}\n value={props.assignedTo}\n formatOptionLabel={option => (\n
\n \n Assign To \n \n {' '}\n Assign to me{' '}\n \n
\n \n Escalation Scheme \n
\n {props.resource && (\n \n Resource \n
\n )}\n \n
\n )\n }\n}\n\nTemplateField.propTypes = {\n fetchTicketTemplateFieldSelect: PropTypes.func.isRequired,\n setTicketTemplateFieldValue: PropTypes.func.isRequired,\n fieldDefinition: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n type: PropTypes.string.isRequired,\n select: PropTypes.shape({\n labelFields: PropTypes.arrayOf(PropTypes.string),\n valueField: PropTypes.string,\n search: PropTypes.string,\n path: PropTypes.arrayOf(PropTypes.string),\n }),\n })\n ),\n fieldState: ImmutablePropTypes.contains({\n value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n select: ImmutablePropTypes.contains({\n loading: PropTypes.bool,\n error: PropTypes.bool,\n data: ImmutablePropTypes.listOf(PropTypes.map),\n }),\n }),\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\n\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport FormLabel from 'components/FormLabel'\nimport FormErrorMessage from './FormErrorMessage'\nimport TemplateField from './TemplateField'\n\nimport { fieldSelectInitialState } from '../reducers'\nimport messages from '../messages'\n\nexport default function TemplateFields(props) {\n const fields = props.selectedTicketTemplate.fields\n\n // if there are no fields defined, display error message\n if (!fields) {\n return (\n \n
\n )\n }\n\n // render an input for each field from template\n return fields.map((field, i) => {\n // don't show the required star for checkboxes that are required cause\n // it might look like something the user has to click like the \"I agree\"\n // checkbox on some installers.\n const required = field.type != 'checkbox' && field.required\n\n return (\n \n
\n\n {field.name}\n \n
\n )\n })\n}\n\nTemplateFields.propTypes = {\n fetchTicketTemplateFieldSelect: PropTypes.func.isRequired,\n setTicketTemplateFieldValue: PropTypes.func.isRequired,\n ticketTemplateFields: ImmutablePropTypes.map,\n selectedTicketTemplate: PropTypes.shape({\n fields: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n type: PropTypes.string.isRequired,\n select: PropTypes.shape({\n labelFields: PropTypes.arrayOf(PropTypes.string),\n valueField: PropTypes.string,\n search: PropTypes.string,\n path: PropTypes.arrayOf(PropTypes.string),\n }),\n })\n ),\n }),\n}\n","import React from 'react'\n\nimport DefaultFields from './DefaultFields'\nimport TemplateFields from './components/TemplateFields'\n\nexport default function TicketTemplateForm(props) {\n return (\n \n
\n
\n )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport _ from 'lodash'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport qs from 'querystring'\nimport { push } from 'connected-react-router'\nimport { selectEscalations } from 'containers/EscalationData/selectors'\nimport { getEscalations } from 'containers/EscalationData/actions'\nimport Button from 'components/Button'\nimport TextLink from 'components/TextLink'\nimport injectReducer from 'utils/injectReducer'\nimport {\n selectSonraiUsers,\n selectSwimlanes,\n} from 'containers/SonraiData/selectors'\nimport { selectSonraiUserSrn } from 'containers/UserProfileData/selectors'\nimport { List, Map } from 'immutable'\nimport injectSaga from 'utils/injectSaga'\nimport { DAEMON } from 'utils/constants'\nimport reducer, { fieldSelectInitialState } from './reducers'\nimport sagas from './sagas'\n\nimport { fetchTicketDetails } from 'containers/TicketDetailsData/actions'\nimport {\n fetchTicketTemplates,\n setTicketType,\n setSelectedTicketTemplate,\n clearState,\n fetchTicketTemplateFieldSelect,\n setTicketTemplateFieldValue,\n saveCustomTicket,\n updateCustomTicket,\n} from './actions'\n\nimport { selectAccounts } from 'containers/SonraiData/selectors'\nimport {\n selectTicketType,\n selectSelectedTicketTemplate,\n selectTicketTemplates,\n selectTicketTemplateFields,\n selectCreateTicketStatus,\n} from './selectors'\n\nimport Select from 'react-select'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport permissionChecker from 'containers/PermissionChecker'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Icon from 'components/Icon'\nimport DefaultFields from './DefaultFields'\nimport TicketTemplateForm from './TicketTemplateForm'\n\nimport messages from './messages'\n\nfunction SelectTicketType(props) {\n const ticketTemplates = (props.ticketTemplates.get('data') ?? List())\n .toJS()\n .map(ticketTemplate => {\n return {\n value: ticketTemplate,\n label: ticketTemplate.title,\n }\n })\n const styles = {\n container: {\n display: 'grid',\n gridTemplateRows: '1fr 1fr',\n },\n header: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n margin: '0rem 0rem 0.5rem 0rem',\n },\n }\n return (\n \n
\n )\n}\n\nSelectTicketType.propTypes = {\n handleTicketTemplateChange: PropTypes.func.isRequired,\n ticketTemplate: PropTypes.object,\n ticketTemplates: ImmutablePropTypes.contains({\n error: PropTypes.bool,\n loading: PropTypes.bool,\n data: ImmutablePropTypes.iterable,\n }),\n}\n\nfunction handleTicketType(props, type, template) {\n if (template) {\n props.setSelectedTicketTemplate(template.value)\n }\n props.setTicketType(type)\n}\n\nfunction TicketBody(props) {\n switch (props.ticketType) {\n case 'CUSTOM':\n return \n \n Manage Ticket Templates\n \n handleTicketType(props, 'CUSTOM')}\n >\n {' '}\n No Template{' '}\n \n
\n \n {modalTitle}\n
\n {swimmies}
\n}\nSwimlanesColumn.propTypes = {\n ...cellRendererFrameworksShape,\n swimlanes: ImmutablePropTypes.map.isRequired,\n swimlanesLoading: PropTypes.bool,\n}\n\nSwimlanesColumn.getQuickFilterText = (\n { value },\n { swimlanes, swimlanesLoading }\n) => {\n if (swimlanesLoading) {\n return null\n }\n\n return swimlanes\n .valueSeq()\n .filter(swimlane => value.includes(swimlane.get('srn')))\n .toJS()\n .map(swombo => swombo.title)\n .join(' ')\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport qs from 'query-string'\n\nimport TextLink from 'components/TextLink'\nimport { getTicketId } from 'utils/sonraiUtils'\nimport Ticket from 'containers/TicketDetails/Ticket'\n\nconst TicketDetails = ({\n allTickets,\n ticketSrn,\n closeDetails,\n setActiveTicketSrn,\n}) => {\n if (!ticketSrn) {\n return null\n }\n\n const currIndex = allTickets.findIndex(t => t.srn === ticketSrn)\n if (currIndex < 0) {\n return null\n }\n\n const isFirst = currIndex === 0\n const isLast = currIndex === allTickets.length - 1\n\n const prevTicket = () => {\n if (!isFirst) {\n setActiveTicketSrn(allTickets[currIndex - 1].srn)\n }\n }\n\n const nextTicket = () => {\n if (!isLast) {\n setActiveTicketSrn(allTickets[currIndex + 1].srn)\n }\n }\n\n return (\n \n {currIndex + 1} of {allTickets.length} Tickets\n
\n \n
\n\n {!_.isEmpty(this.state.tags) &&\n this.state.tags.map((tag, i) => (\n \n \n Key\n \n \n
\n \n \n Value\n \n \n
\n \n \n this.handleChange({\n key: this.state.key,\n value: this.state.value,\n })\n }\n color=\"primary\"\n >\n Add\n \n
\n \n {this.props.loading ? (\n
\n )\n }\n}\n\nHeaderLabelLink.propTypes = {\n tooltip: PropTypes.string,\n data: PropTypes.any,\n copy: PropTypes.bool,\n noLink: PropTypes.bool,\n loading: PropTypes.bool,\n}\n\nexport default HeaderLabelLink\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nexport class SmolExpand extends React.Component {\n constructor(props) {\n super(props)\n this.styles = {\n expanded: {\n height: 'auto',\n overflow: 'visible',\n },\n content: {\n wordBreak: 'break-word',\n wordWrap: 'break-word', //Needed for Firefox\n overflow: 'hidden',\n position: 'relative',\n },\n expandButton: {\n fontSize: '0.8em',\n },\n }\n\n this.state = {\n contentOverflows: null,\n }\n\n this.containerRef = React.createRef()\n }\n\n componentDidMount() {\n const element = this.containerRef.current\n if (element) {\n this.setState({\n contentOverflows: element.scrollHeight > element.clientHeight,\n })\n this.props.setContentOverflow(element.scrollHeight > element.clientHeight)\n }\n }\n\n componentDidUpdate() {\n if (this.props.autoUpdate) {\n const element = this.containerRef.current\n if (element) {\n if (element.scrollHeight <= Number.parseInt(this.props.height)) {\n if (this.state.contentOverflows) {\n this.props.setContentOverflow(false)\n this.setState({ contentOverflows: false })\n }\n } else {\n if (!this.state.contentOverflows) {\n this.props.setContentOverflow(true)\n this.setState({ contentOverflows: true })\n }\n }\n }\n }\n }\n\n render() {\n return (\n \n {name ? (\n (\n
\n )}\n \n
\n )}\n />\n ) : (\n `-`\n )}\n {this.props.tooltip && this.getTooltop(this.props.tooltip)}\n \n {this.props.noLink ? (\n name\n ) : (\n \n {name}\n \n )}\n
\n {hovered && this.props.copy ? (\n \n
\n ) : (\n \n )}\n \n
\n )\n }\n}\n\nSubscription.propTypes = {\n subscriptions: ImmutablePropTypes.iterable,\n subscriptionId: PropTypes.string,\n}\n\nconst mapStateToProps = createStructuredSelector({\n subscriptions: selectSubscriptions,\n})\n\nconst withConnect = connect(mapStateToProps)\n\nexport default withConnect(Subscription)\n","const PREFIX = 'app/containers/NodeViewHeader/'\n\nexport const GET_NODE_DATA = `${PREFIX}GET_NODE_DATA`\nexport const SET_NODE_DATA = `${PREFIX}SET_NODE_DATA`\nexport const ERR_NODE_DATA = `${PREFIX}ERR_NODE_DATA`\n\nexport const SET_CRM_DATA = `${PREFIX}SET_CRM_DATA`\nexport const ERR_CRM_DATA = `${PREFIX}ERR_CRM_DATA`\n\nexport const SET_SWIMLANES = `${PREFIX}SET_SWIMLANES`\nexport const ERR_SWIMLANES = `${PREFIX}ERR_SWIMLANES`\n\nexport const GET_KEYVAULT_DATA = `${PREFIX}GET_KEYVAULT_DATA`\nexport const SET_KEYVAULT_DATA = `${PREFIX}SET_KEYVAULT_DATA`\nexport const ERR_KEYVAULT_DATA = `${PREFIX}ERR_KEYVAULT_DATA`\n\nexport const GET_RESOURCE_GROUP = `${PREFIX}GET_RESOURCE_GROUP`\nexport const SET_RESOURCE_GROUP = `${PREFIX}SET_RESOURCE_GROUP`\nexport const ERR_RESOURCE_GROUP = `${PREFIX}ERR_RESOURCE_GROUP`\n\nexport const ADD_KEYVAULT_CREDS = `${PREFIX}ADD_KEYVAULT_CREDS`\nexport const ADD_KEYVAULT_CREDS_SUCCESS = `${PREFIX}ADD_KEYVAULT_CREDS_SUCCESS`\n\nexport const ADD_RESOURCE_TO_SWIMLANE = `${PREFIX}ADD_RESOURCE_TO_SWIMLANE`\nexport const ADD_RESOURCE_TO_SWIMLANE_SUCCESS = `${PREFIX}ADD_RESOURCE_TO_SWIMLANE_SUCCESS`\n\nexport const ADD_TAG = `${PREFIX}ADD_TAG`\nexport const ADD_TAG_SUCCESS = `${PREFIX}ADD_TAG_SUCCESS`\n\nexport const REMOVE_TAG = `${PREFIX}REMOVE_TAG`\nexport const REMOVE_TAG_SUCCESS = `${PREFIX}REMOVE_TAG_SUCCESS`\n\nexport const REMOVE_KEYVAULT_CREDS = `${PREFIX}REMOVE_KEYVAULT_CREDS`\nexport const REMOVE_KEYVAULT_CREDS_SUCCESS = `${PREFIX}REMOVE_KEYVAULT_CREDS_SUCCESS`\n\nexport const UPDATE_KEYVAULT_CREDS = `${PREFIX}UPDATE_KEYVAULT_CREDS`\nexport const UPDATE_KEYVAULT_CREDS_SUCCESS = `${UPDATE_KEYVAULT_CREDS}UPDATE_KEYVAULT_CREDS_SUCCESS`\n\nexport const ADD_CHANGE_DETECTION_PROPERTIES = `${PREFIX}ADD_CHANGE_DETECTION_PROPERTIES`\nexport const ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS = `${PREFIX}ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS`\n\nexport const REMOVE_CHANGE_DETECTION_PROPERTIES = `${PREFIX}REMOVE_CHANGE_DETECTION_PROPERTIES`\nexport const REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS = `${PREFIX}REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS`\n\nexport const TOGGLE_RESOURCE_MONITORING = `${PREFIX}TOGGLE_RESOURCE_MONITORING`\nexport const TOGGLE_RESOURCE_MONITORING_SUCCESS = `${PREFIX}TOGGLE_RESOURCE_MONITORING_SUCCESS`\n\nexport const UPDATE_CHANGE_DETECTION_PROPERTY = `${PREFIX}UPDATE_CHANGE_DETECTION_PROPERTY`\nexport const UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS = `${PREFIX}UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS`\n\nexport const UPDATE_FRIENDLY_NAME = `${PREFIX}UPDATE_FRIENDLY_NAME`\nexport const UPDATE_FRIENDLY_NAME_SUCCESS = `${PREFIX}UPDATE_FRIENDLY_NAME_SUCCESS`\n\nexport const UPDATE_IMPORTANCE = `${PREFIX}UPDATE_IMPORTANCE`\nexport const UPDATE_IMPORTANCE_SUCCESS = `${PREFIX}UPDATE_IMPORTANCE_SUCCESS`\n","import { createAction } from 'redux-actions'\n\nimport {\n GET_NODE_DATA,\n SET_NODE_DATA,\n ERR_NODE_DATA,\n SET_CRM_DATA,\n ERR_CRM_DATA,\n GET_KEYVAULT_DATA,\n SET_KEYVAULT_DATA,\n ERR_KEYVAULT_DATA,\n GET_RESOURCE_GROUP,\n SET_RESOURCE_GROUP,\n ERR_RESOURCE_GROUP,\n SET_SWIMLANES,\n ERR_SWIMLANES,\n ADD_CHANGE_DETECTION_PROPERTIES,\n ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS,\n ADD_KEYVAULT_CREDS,\n ADD_KEYVAULT_CREDS_SUCCESS,\n ADD_RESOURCE_TO_SWIMLANE,\n ADD_RESOURCE_TO_SWIMLANE_SUCCESS,\n ADD_TAG,\n ADD_TAG_SUCCESS,\n REMOVE_CHANGE_DETECTION_PROPERTIES,\n REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS,\n REMOVE_KEYVAULT_CREDS,\n REMOVE_KEYVAULT_CREDS_SUCCESS,\n REMOVE_TAG,\n REMOVE_TAG_SUCCESS,\n UPDATE_CHANGE_DETECTION_PROPERTY,\n UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS,\n TOGGLE_RESOURCE_MONITORING,\n TOGGLE_RESOURCE_MONITORING_SUCCESS,\n UPDATE_FRIENDLY_NAME,\n UPDATE_FRIENDLY_NAME_SUCCESS,\n UPDATE_IMPORTANCE,\n UPDATE_IMPORTANCE_SUCCESS,\n UPDATE_KEYVAULT_CREDS,\n UPDATE_KEYVAULT_CREDS_SUCCESS,\n} from './constants'\n\nexport const getNodeData = createAction(GET_NODE_DATA)\nexport const setNodeData = createAction(SET_NODE_DATA)\nexport const errNodeData = createAction(ERR_NODE_DATA)\n\nexport const setCrmData = createAction(SET_CRM_DATA)\nexport const errCrmData = createAction(ERR_CRM_DATA)\n\nexport const setSwimlanes = createAction(SET_SWIMLANES)\nexport const errSwimlanes = createAction(ERR_SWIMLANES)\n\nexport const getResourceGroup = createAction(GET_RESOURCE_GROUP)\nexport const setResourceGroup = createAction(SET_RESOURCE_GROUP)\nexport const errResourceGroup = createAction(ERR_RESOURCE_GROUP)\n\nexport const getKeyVaultData = createAction(GET_KEYVAULT_DATA)\nexport const setKeyVaultData = createAction(SET_KEYVAULT_DATA)\nexport const errKeyVaultData = createAction(ERR_KEYVAULT_DATA)\n\nexport const addChangeDetectionProperties = createAction(\n ADD_CHANGE_DETECTION_PROPERTIES\n)\nexport const addChangeDetectionPropertiesSuccess = createAction(\n ADD_CHANGE_DETECTION_PROPERTIES_SUCCESS\n)\n\nexport const addKeyVaultCreds = createAction(ADD_KEYVAULT_CREDS)\nexport const addKeyVaultCredsSuccess = createAction(ADD_KEYVAULT_CREDS_SUCCESS)\n\nexport const addResourceToSwimlane = createAction(ADD_RESOURCE_TO_SWIMLANE)\nexport const addResourceToSwimlaneSuccess = createAction(\n ADD_RESOURCE_TO_SWIMLANE_SUCCESS\n)\n\nexport const addTag = createAction(ADD_TAG)\nexport const addTagSuccess = createAction(ADD_TAG_SUCCESS)\n\nexport const removeChangeDetectionProperties = createAction(\n REMOVE_CHANGE_DETECTION_PROPERTIES\n)\nexport const removeChangeDetectionPropertiesSuccess = createAction(\n REMOVE_CHANGE_DETECTION_PROPERTIES_SUCCESS\n)\n\nexport const removeKeyVaultCreds = createAction(REMOVE_KEYVAULT_CREDS)\nexport const removeKeyVaultCredsSuccess = createAction(\n REMOVE_KEYVAULT_CREDS_SUCCESS\n)\n\nexport const removeTag = createAction(REMOVE_TAG)\nexport const removeTagSuccess = createAction(REMOVE_TAG_SUCCESS)\n\nexport const updateChangeDetectionProperty = createAction(\n UPDATE_CHANGE_DETECTION_PROPERTY\n)\nexport const updateChangeDetectionPropertySucces = createAction(\n UPDATE_CHANGE_DETECTION_PROPERTY_SUCCESS\n)\n\nexport const toggleResourceMonitoring = createAction(TOGGLE_RESOURCE_MONITORING)\nexport const toggleResourceMonitoringSuccess = createAction(\n TOGGLE_RESOURCE_MONITORING_SUCCESS\n)\n\nexport const updateFriendlyName = createAction(UPDATE_FRIENDLY_NAME)\nexport const updateFriendlyNameSuccess = createAction(\n UPDATE_FRIENDLY_NAME_SUCCESS\n)\n\nexport const updateImportance = createAction(UPDATE_IMPORTANCE)\nexport const updateImportanceSuccess = createAction(UPDATE_IMPORTANCE_SUCCESS)\n\nexport const updateKeyVaultCreds = createAction(UPDATE_KEYVAULT_CREDS)\nexport const updateKeyVaultCredsSuccess = createAction(\n UPDATE_KEYVAULT_CREDS_SUCCESS\n)\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n account: {\n id: 'app.containers.NodeViewHeader.account',\n defaultMessage: 'Account',\n },\n add: {\n id: 'app.containers.NodeViewHeader.add',\n defaultMessage: 'Add',\n },\n addTag: {\n id: 'app.containers.NodeViewHeader.addTag',\n defaultMessage: 'Add Tag',\n },\n addToSwimlane: {\n id: 'app.containers.NodeViewHeader.addToSwimlane',\n defaultMessage: 'Add To Swimlane',\n },\n aksDiscoveryInstructions: {\n id: 'app.containers.NodeViewHeader.aksDiscoveryInstructions',\n defaultMessage:\n 'Some extra steps are required to discover Kubernetes Resources. If you have not already done so please complete the steps in the Help Center Document {docLink}',\n },\n cancel: {\n id: 'app.containers.NodeViewHeader.cancel',\n defaultMessage: 'Cancel',\n },\n close: {\n id: 'app.containers.NodeViewHeader.enableMonitoring',\n defaultMessage: 'Close',\n },\n disableMonitoring: {\n id: 'app.containers.NodeViewHeader.enableMonitoring',\n defaultMessage: 'Disable Monitoring',\n },\n enableMonitoring: {\n id: 'app.containers.NodeViewHeader.enableMonitoring',\n defaultMessage: 'Enable Monitoring',\n },\n key: {\n id: 'app.containers.NodeViewHeader.key',\n defaultMessage: 'Key',\n },\n manageKeyVaultCredentials: {\n id: 'app.containers.NodeViewHeader.manageKeyVaultCredentials',\n defaultMessage: 'Manage KeyVault Credentials',\n },\n showAll: {\n id: 'app.containers.NodeViewHeader.showMore',\n defaultMessage: 'Show All',\n },\n showLess: {\n id: 'app.containers.NodeViewHeader.showMore',\n defaultMessage: 'Show Less',\n },\n swimlanes: {\n id: 'app.containers.NodeViewHeader.swimlanes',\n defaultMessage: 'Swimlanes',\n },\n tags: {\n id: 'app.containers.NodeViewHeader.tags',\n defaultMessage: 'Tags',\n },\n tenant: {\n id: 'app.containers.NodeViewHeader.tenant',\n defaultMessage: 'Tenant',\n },\n value: {\n id: 'app.containers.NodeViewHeader.value',\n defaultMessage: 'Value',\n },\n})\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\n\nimport permissionChecker from 'containers/PermissionChecker'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport CloudAccount from 'components/CloudAccount'\nimport Button from 'components/Button'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Icon from 'components/Icon'\nimport Popover, { PopoverAnchor, PopoverBody } from 'components/Popover'\nimport SelectBar from 'components/SelectBar'\nimport TextLink from 'components/TextLink'\n\nimport { addResourceToSwimlane } from './actions'\n\nimport { selectSwimlanes } from 'containers/SonraiData/selectors'\n\nimport { getAccountFromSrn } from 'utils/sonraiUtils'\n\nimport messages from './messages'\n\nexport class AddSwimlaneForm extends Component {\n constructor(props) {\n super(props)\n\n this.state = {\n value: '',\n open: false,\n suggestions: [],\n autoValue: '',\n errorKey: false,\n clearMe: false,\n }\n\n this.styles = {\n keyInput: {},\n addTagButton: {\n padding: '0rem 0.7rem',\n borderRadius: '1rem',\n border: `1px dashed ${props.theme.neutralMedium}`,\n backgroundColor: 'transparent',\n height: '20px',\n lineHeight: '20px',\n fontSize: '0.9em',\n margin: '0.5rem',\n },\n inputWrapper: {\n width: '100%',\n paddingBottom: '0.5em',\n },\n inputLabel: {\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n },\n actionButtons: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n },\n addIcon: { fontSize: '17px', top: '-2px', position: 'relative' },\n }\n }\n\n handleAddSL = () => {\n this.props.addResourceToSwimlane({\n srn: this.props.srn,\n swimlaneSrn: this.state.value,\n resourceId: this.props.resourceId,\n })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.savingSL && !this.props.savingSL) {\n this.toggleAddSL()\n }\n }\n\n onChange = swim => {\n this.setState({\n value: swim.value,\n })\n }\n\n toggleAddSL = () => {\n this.setState(oldState => ({\n open: !oldState.open,\n }))\n }\n\n renderPopover = () => {\n if (!this.props.resourceId) {\n return (\n \n {subscription ? (\n (\n
\n \n
\n )}\n />\n ) : (\n `${this.props.subscriptionId}`\n )}\n {this.getTooltop(this.props.subscriptionId)}\n \n \n {name}\n \n
\n {hovered ? (\n \n
\n ) : (\n \n )}\n \n This resource has no ResourceID and cannot be added to a swimlane\n directly.\n
\n )\n }\n\n const alreadyIn = []\n const options = []\n const account = getAccountFromSrn(this.props.srn)\n\n if (this.props.currentSwimlanes) {\n this.props.currentSwimlanes.forEach(swombo => {\n alreadyIn.push(swombo.srn)\n })\n }\n\n if (this.props.swimlanes) {\n this.props.swimlanes.forEach(lane => {\n const canEdit = this.props.userHasPermission({\n permissionName: 'edit.swimlanes',\n resourceId: lane.get('resourceId'),\n })\n if (canEdit && !alreadyIn.includes(lane.get('srn'))) {\n if (!lane.get('accounts') || lane.get('accounts').isEmpty()) {\n options.push({ label: lane.get('title'), value: lane.get('srn') })\n } else if (lane.get('accounts').includes(account)) {\n options.push({ label: lane.get('title'), value: lane.get('srn') })\n }\n }\n })\n }\n\n if (options.length === 0) {\n return (\n \n
\n )\n }\n\n return (\n There are no more valid swimlanes for this resource.
\n\n In order to add this resource to another swimlane, the swimlane must\n either apply to all accounts, or be applied to the{' '}\n
\n
\n )\n }\n\n render() {\n return (\n \n Valid swimlanes either apply to all accounts, or are applied to the{' '}\n
\n
\n \n \n \n \n {this.props.savingSL ? (\n
\n {suggestion}
\n\n toggleAddTag = () => {\n if (this.state.errorKey) {\n this.setState({ errorKey: false })\n }\n this.setState(oldState => ({\n open: !oldState.open,\n }))\n }\n\n onChange = (event, { newValue }) => {\n if (this.state.errorKey) {\n this.setState({ errorKey: false })\n }\n this.setState({\n value: newValue,\n })\n }\n\n handleAddTag = () => {\n if (this.state.value === '' || this.state.autoValue === '') {\n this.setState({\n errorKey: true,\n })\n } else {\n this.props.addTag({\n srn: this.props.nodeId,\n tag: {\n key: encodeURIComponent(this.state.value),\n value: this.state.autoValue,\n },\n })\n }\n }\n\n handleKeyPress = e => {\n const { value, autoValue } = this.state\n if (value.trim() !== '' && autoValue.trim() !== '') {\n if (e.key === 'Enter') {\n this.handleAddTag()\n }\n }\n }\n\n handleVal = event => {\n this.setState({\n autoValue: event.target.value,\n })\n }\n\n render() {\n return (\n \n \n \n \n \n
\n \n \n \n \n {this.props.tags.saving ? (\n
\n \n
\n )\n }\n}\n\nEnableChangeDetection.propTypes = {\n selectionChanged: PropTypes.func.isRequired,\n data: PropTypes.array.isRequired,\n}\n\nexport default EnableChangeDetection\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport TextLink from 'components/TextLink'\nimport Button from 'components/Button'\nimport { exists } from 'utils/sonraiUtils'\nimport { fromJS, List } from 'immutable'\nimport Icon from 'components/Icon'\nimport Popup from 'reactjs-popup'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport SelectBar from 'components/SelectBar'\nimport { getFriendlyActionName, getFriendlyKeyName } from 'utils/widgetUtils'\nimport MultiSelect, { components } from 'react-select'\nimport _ from 'lodash'\nclass AddProperty extends Component {\n state = {\n popup: false,\n keyName: null,\n alertLevel: null,\n actionClassification: null,\n }\n\n style = {\n container: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n button: {\n background: '#FFFFFF',\n borderRadius: '2px',\n paddingTop: '0.1em',\n paddingBottom: '0.1em',\n paddingRight: '0.5em',\n paddingLeft: '0.5em',\n marginRight: '0.5em',\n height: '2em',\n },\n }\n\n isDisabled = () => {\n const { keyName, alertLevel, actionClassification } = this.state\n if (this.hasActionClassifications()) {\n if (\n exists(keyName) &&\n exists(alertLevel) &&\n exists(actionClassification) &&\n !_.isEmpty(actionClassification)\n ) {\n return false\n }\n } else {\n if (exists(keyName) && exists(alertLevel)) {\n return false\n }\n }\n return true\n }\n\n hasActionClassifications = () => {\n const { keyName } = this.state\n const { changeDetectionOptions } = this.props\n if (keyName) {\n const option = changeDetectionOptions.find(\n x => x.get('keyName') === keyName\n )\n if (\n option &&\n option.get('keyType') === 'PATH' &&\n option.get('actionClassification') &&\n !option.get('actionClassification').isEmpty()\n ) {\n return true\n }\n }\n return false\n }\n\n handleAdd = () => {\n const { keyName, alertLevel, actionClassification } = this.state\n const {\n resourceSrn,\n addChangeDetectionProperties,\n changeDetectionOptions,\n } = this.props\n const option = changeDetectionOptions.find(x => x.get('keyName') == keyName)\n const properties = fromJS([\n {\n keyName: option.get('keyName'),\n keyType: option.get('keyType'),\n alertLevel: parseInt(alertLevel),\n actionClassification:\n actionClassification && actionClassification.map(x => x.value),\n },\n ])\n this.setState({\n keyName: null,\n alertLevel: null,\n actionClassification: null,\n })\n addChangeDetectionProperties({\n properties,\n resourceSrn,\n })\n }\n\n handleSelectAllActions = actionClassificationsUsed => {\n const option = this.props.changeDetectionOptions.find(\n x => x.get('keyName') == this.state.keyName\n )\n const actionClassification = option\n .get('actionClassification')\n .filter(option => !actionClassificationsUsed.includes(option))\n .toJS()\n .map(y => ({\n label: getFriendlyActionName(y, this.state.keyName),\n value: y,\n }))\n this.setState({ actionClassification })\n }\n\n getContents = () => {\n const { keyName } = this.state\n const { changeDetectionOptions, changeDetectionProperties } = this.props\n const alertLevelList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\n const changeDetectionPropertiesWithKeyName = changeDetectionProperties.filter(\n x => x.get('keyName') === keyName\n )\n\n const propertyIndexes = changeDetectionPropertiesWithKeyName.map(x =>\n changeDetectionProperties.indexOf(x)\n )\n\n const optionIndex = changeDetectionOptions.findIndex(\n x => x.get('keyName') === keyName\n )\n\n const actionClassificationsUsed = List().merge(\n ...propertyIndexes.map(index =>\n changeDetectionProperties.getIn([index, 'actionClassification'])\n )\n )\n\n const actionClassificationOptions = changeDetectionOptions\n .getIn([optionIndex, 'actionClassification'])\n .toJS()\n .map(option => {\n return {\n label: getFriendlyActionName(option, keyName),\n value: option,\n }\n })\n\n actionClassificationOptions.forEach(option => {\n if (actionClassificationsUsed.includes(option.value)) {\n option.isDisabled = true\n } else {\n option.isDisabled = false\n }\n })\n\n const keyNameOptions = changeDetectionOptions.filter(option => {\n if (option.get('keyType') === 'PROPERTY') {\n if (\n changeDetectionProperties\n .map(property => property.get('keyName'))\n .includes(option.get('keyName'))\n ) {\n return false\n }\n }\n return true\n })\n\n return (\n \n
\n {\n return getFriendlyKeyName(params.value)\n },\n },\n }}\n multiRowSelect\n hasCheckBoxes\n selectionChanged={this.props.selectionChanged}\n autosize={false}\n />\n
\n \n \n \n this.handleSelectAllActions(actionClassificationsUsed)\n }\n style={{\n fontSize: '0.9rem',\n margin: '0rem 0.5rem 0.5rem 0rem',\n cursor: 'pointer',\n alignSelf: 'flex-end',\n color: this.props.theme.secondary,\n }}\n >\n Select All\n \n {\n if (props.isDisabled) {\n return (\n
\n )}\n Add New Property
\n \n What would you like to monitor for changes?\n
\n \n ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n singleValue: provided => ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n }}\n onChange={params => this.setState({ keyName: params.value })}\n options={keyNameOptions\n .map(option => ({\n label: getFriendlyKeyName(option.get('keyName')),\n value: option.get('keyName'),\n }))\n .toJS()}\n value={this.state.keyName || 'Select...'}\n />\n
\n\n \n When a change occurs, what level should the alert be?\n
\n \n ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n singleValue: provided => ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n }}\n onChange={params => this.setState({ alertLevel: params.value })}\n options={alertLevelList.map(level => ({\n label: level,\n value: level,\n }))}\n value={this.state.alertLevel || 'Select...'}\n />\n
\n {this.hasActionClassifications() && (\n \n Which actions types should change detection be restricted to?\n
\n )}\n {this.hasActionClassifications() && (\n \n \n \n
\n )\n } else {\n return \n {props.data.label}\n \n (Already Enabled)\n \n
\n \n this.setState({ popup: false })}\n style={{\n fontSize: '0.9rem',\n marginRight: '0.5rem',\n cursor: 'pointer',\n }}\n >\n Cancel\n \n \n Add\n \n
\n \n \n )\n }\n\n render() {\n return (\n \n this.setState({ popup: true })}\n onClose={() => this.setState({ popup: false })}\n modal\n trigger={\n \n
\n )\n }\n}\n\nAddProperty.propTypes = {\n theme: themeShape,\n changeDetectionOptions: ImmutablePropTypes.iterable.isRequired,\n resourceSrn: PropTypes.string.isRequired,\n addChangeDetectionProperties: PropTypes.func.isRequired,\n changeDetectionProperties: ImmutablePropTypes.iterable.isRequired,\n}\n\nexport default themeable(AddProperty)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport TextLink from 'components/TextLink'\nimport Button from 'components/Button'\nimport { exists } from 'utils/sonraiUtils'\nimport { List } from 'immutable'\nimport Icon from 'components/Icon'\nimport Popup from 'reactjs-popup'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport SelectBar from 'components/SelectBar'\nimport { getFriendlyActionName, getFriendlyKeyName } from 'utils/widgetUtils'\nimport MultiSelect, { components } from 'react-select'\nimport _ from 'lodash'\n\nclass EditProperty extends Component {\n state = {\n popup: false,\n newAlertLevel: null,\n newActionClassification: null,\n }\n\n style = {\n container: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n button: {\n background: '#FFFFFF',\n borderRadius: '2px',\n paddingTop: '0.1em',\n paddingBottom: '0.1em',\n paddingRight: '0.5em',\n paddingLeft: '0.5em',\n marginRight: '0.5em',\n height: '2em',\n },\n }\n\n isDisabled = () => {\n const { newAlertLevel, newActionClassification } = this.state\n const { alertLevel, actionClassification } = this.props.selected\n if (exists(actionClassification)) {\n const oldState = { alertLevel, actionClassification }\n if (\n (exists(newAlertLevel) || exists(newActionClassification)) &&\n !_.isEqual(oldState, this.state)\n ) {\n return false\n }\n }\n if (exists(newAlertLevel)) {\n if (newAlertLevel !== alertLevel) {\n return false\n }\n }\n return true\n }\n\n hasActionClassifications = () => {\n const { keyName } = this.state\n const { changeDetectionOptions } = this.props\n if (keyName) {\n const option = changeDetectionOptions.find(\n x => x.get('keyName') === keyName\n )\n if (\n option &&\n option.get('keyType') === 'PATH' &&\n option.get('actionClassification') &&\n !option.get('actionClassification').isEmpty()\n ) {\n return true\n }\n }\n return false\n }\n\n getRemoveProperty = (oldList, newList, oldProperty) => {\n let removingActionClassifications = []\n if (oldList && !_.isEmpty(newList)) {\n oldList.forEach(action => {\n if (!newList.map(x => x.value).includes(action)) {\n removingActionClassifications.push(action)\n }\n })\n }\n\n delete oldProperty.actionClassification\n const x = {\n ...oldProperty,\n actionClassification: removingActionClassifications,\n }\n if (_.isEmpty(x.actionClassification)) {\n return null\n } else {\n return x\n }\n }\n\n handleUpdate = () => {\n const { newAlertLevel, newActionClassification } = this.state\n const {\n resourceSrn,\n selected,\n updateChangeDetectionProperty,\n changeDetectionProperties,\n } = this.props\n const oldList = selected.actionClassification\n const keyName = selected.keyName\n const keyType = selected.actionClassification === null ? 'PROPERTY' : 'PATH'\n const alertLevel = newAlertLevel || selected.alertLevel\n const oldProperty = selected\n\n const newProperty = {\n keyName,\n keyType,\n alertLevel,\n actionClassification:\n exists(newActionClassification) && !_.isEmpty(newActionClassification)\n ? newActionClassification.map(x => x.value)\n : selected.actionClassification,\n __typename: 'Cdconfig',\n }\n\n const toRemove = this.getRemoveProperty(\n oldList,\n newActionClassification,\n oldProperty\n )\n\n const index = changeDetectionProperties.findIndex(\n x =>\n x.get('keyName') === selected.keyName &&\n x.get('alertLevel') === selected.alertLevel\n )\n\n if (index !== -1) {\n this.setState({ popup: false })\n updateChangeDetectionProperty({\n toRemove,\n resourceSrn,\n newProperty,\n oldProperty,\n index,\n })\n }\n }\n\n handleSelectAllActions = () => {\n if (!this.props.changeDetectionOptions.isEmpty()) {\n const newActionClassification = this.props.changeDetectionOptions\n .find(x => x.get('keyName') == this.props.selected.keyName)\n .get('actionClassification')\n .toJS()\n .map(y => ({\n label: getFriendlyActionName(y, this.props.selected.keyName),\n value: y,\n }))\n\n this.setState({ newActionClassification })\n }\n }\n\n getContents = () => {\n const { keyName, alertLevel, actionClassification } = this.props.selected\n const { changeDetectionOptions, changeDetectionProperties } = this.props\n const alertLevelList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\n const changeDetectionPropertiesWithKeyName = changeDetectionProperties.filter(\n x => x.get('keyName') === keyName\n )\n\n const propertyIndexes = changeDetectionPropertiesWithKeyName.map(x =>\n changeDetectionProperties.indexOf(x)\n )\n\n const optionIndex = changeDetectionOptions.findIndex(\n x => x.get('keyName') === keyName\n )\n const actionClassificationsUsed = List().merge(\n ...propertyIndexes.map(index =>\n changeDetectionProperties.getIn([index, 'actionClassification'])\n )\n )\n\n const actionClassificationOptions = changeDetectionOptions\n .getIn([optionIndex, 'actionClassification'])\n .toJS()\n .map(option => {\n return {\n label: getFriendlyActionName(option, keyName),\n value: option,\n }\n })\n\n actionClassificationOptions.forEach(option => {\n if (actionClassificationsUsed.includes(option.value)) {\n option.isDisabled = true\n } else {\n option.isDisabled = false\n }\n })\n\n return (\n \n \n \n this.handleSelectAllActions()}\n style={{\n fontSize: '0.9rem',\n cursor: 'pointer',\n color: this.props.theme.secondary,\n }}\n >\n Select All\n \n
\n \n Edit {getFriendlyKeyName(keyName)}\n
\n\n \n Alert Level\n
\n \n ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n singleValue: provided => ({\n ...provided,\n fontSize: '0.85rem',\n fontWeight: '400',\n }),\n }}\n onChange={params => this.setState({ newAlertLevel: params.value })}\n options={alertLevelList.map(level => ({\n label: level,\n value: level,\n }))}\n value={\n exists(this.state.newAlertLevel)\n ? this.state.newAlertLevel\n : alertLevel\n }\n />\n
\n\n {exists(actionClassification) && !_.isEmpty(actionClassification) && (\n Action Classification(s)
\n \n \n \n
\n )\n } else {\n return \n {props.value}\n \n (Already Enabled)\n \n
\n \n this.setState({ popup: false })}\n style={{\n fontSize: '0.9rem',\n marginRight: '0.5rem',\n cursor: 'pointer',\n }}\n >\n Cancel\n \n \n Update\n \n
\n \n \n )\n }\n\n render() {\n return (\n \n this.setState({ popup: true })}\n onClose={() => this.setState({ popup: false })}\n modal\n trigger={\n \n
\n )\n }\n}\n\nEditProperty.propTypes = {\n theme: themeShape,\n changeDetectionOptions: ImmutablePropTypes.iterable.isRequired,\n resourceSrn: PropTypes.string.isRequired,\n changeDetectionProperties: ImmutablePropTypes.iterable.isRequired,\n updateChangeDetectionProperty: PropTypes.func.isRequired,\n selected: PropTypes.object.isRequired,\n}\n\nexport default themeable(EditProperty)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport AddProperty from './AddProperty'\nimport DataTable from 'components/DataTable'\nimport { getFriendlyKeyName } from 'utils/widgetUtils'\nimport { exists } from 'utils/sonraiUtils'\nimport _ from 'lodash'\nimport EditProperty from './EditProperty'\nimport { getFriendlyActionName } from 'utils/widgetUtils'\nimport { ToolbarItem } from 'components/ActionToolbar'\nclass ManageChangeDetection extends Component {\n style = {\n table: {\n height: '50vh',\n width: '100%',\n minWidth: '500px',\n },\n propertyContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n },\n button: {\n backgroundColor: `${this.props.theme.primary}`,\n fontSize: '0.9rem',\n color: '#fff',\n padding: '0.5rem 1rem',\n },\n }\n render() {\n const {\n data,\n selected,\n propertySelectionChanged,\n resourceSrn,\n changeDetectionOptions,\n changeDetectionProperties,\n addChangeDetectionProperties,\n handleRemoveChangeDetectionProperties,\n updateChangeDetectionProperty,\n } = this.props\n const orderedData = data\n .map(row => ({\n ...row,\n actualKeyName: row.keyName,\n keyName: getFriendlyKeyName(row.keyName),\n }))\n .sort((a, b) => (!a.keyName ? false : a.keyName.localeCompare(b.keyName)))\n\n return (\n \n
\n )\n }\n}\n\nManageChangeDetection.propTypes = {\n theme: themeShape,\n data: PropTypes.array.isRequired,\n selected: PropTypes.array,\n resourceSrn: PropTypes.string.isRequired,\n changeDetectionOptions: ImmutablePropTypes.iterable.isRequired,\n changeDetectionProperties: ImmutablePropTypes.iterable.isRequired,\n addChangeDetectionProperties: PropTypes.func.isRequired,\n updateChangeDetectionProperty: PropTypes.func.isRequired,\n handleRemoveChangeDetectionProperties: PropTypes.func.isRequired,\n propertySelectionChanged: PropTypes.func.isRequired,\n}\n\nexport default themeable(ManageChangeDetection)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport TextLink from 'components/TextLink'\nimport Button from 'components/Button'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { fromJS } from 'immutable'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport EnableChangeDetection from './EnableChangeDetection'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport ManageChangeDetection from './ManageChangeDetection'\nimport { DEFAULT_ACTION_CLASSIFICATIONS_TO_ENABLE } from 'appConstants'\nclass ChangeDetectionModal extends Component {\n constructor(props) {\n super(props)\n this.state = {}\n this.style = {\n propertyContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n },\n enableChangeDetectionText: {\n width: '100%',\n textAlign: 'center',\n padding: '0.25rem',\n color: '#888',\n fontSize: '0.9rem',\n fontWeight: '400',\n },\n enableButton: {\n marginLeft: '1rem',\n },\n table: {\n height: '50vh',\n width: '100%',\n minWidth: '500px',\n },\n button: {\n backgroundColor: `${this.props.theme.primary}`,\n fontSize: '0.9rem',\n color: '#fff',\n padding: '0.5rem 1rem',\n },\n loadingContainer: {\n height: '50vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n }\n this.modalRef = React.createRef()\n }\n\n handleEscPress = ({ key }) => {\n if (key && key === 'Escape') {\n this.props.close()\n }\n }\n\n componentDidMount() {\n document.addEventListener('keypress', this.handleEscPress)\n document.addEventListener('keydown', this.handleEscPress)\n }\n\n componentWillUnmount() {\n document.removeEventListener('keypress', this.handleEscPress)\n document.removeEventListener('keydown', this.handleEscPress)\n }\n\n optionSelectionChanged = ({ api }) => {\n const { changeDetectionOptions } = this.props\n const selectedKeyNames = api.getSelectedRows().map(row => row.keyName)\n const selectedChangeDetectionOptions = changeDetectionOptions\n .toJS()\n .filter(option => selectedKeyNames.includes(option.keyName))\n\n this.setState({\n selectedChangeDetectionOptions,\n })\n }\n\n propertySelectionChanged = ({ api }) => {\n const { changeDetectionProperties } = this.props\n const selectedProperties = api.getSelectedRows()\n\n const selectedChangeDetectionProperties = changeDetectionProperties\n .toJS()\n .filter(option =>\n selectedProperties.map(x => x.actualKeyName).includes(option.keyName)\n )\n .filter(option =>\n selectedProperties.map(x => x.alertLevel).includes(option.alertLevel)\n )\n\n this.setState({\n selectedChangeDetectionProperties,\n })\n }\n\n handleUpdateChangeDetectionProperty = params => {\n this.props.updateChangeDetectionProperty(params)\n }\n\n handleEnableChangeDetectionProperties = () => {\n const { resourceSrn, addChangeDetectionProperties } = this.props\n const { selectedChangeDetectionOptions } = this.state\n\n selectedChangeDetectionOptions.forEach(option => {\n option.alertLevel = 5\n if (!_.isEmpty(option.actionClassification)) {\n option.actionClassification = DEFAULT_ACTION_CLASSIFICATIONS_TO_ENABLE\n }\n })\n\n addChangeDetectionProperties({\n properties: fromJS(selectedChangeDetectionOptions),\n resourceSrn,\n })\n }\n\n handleRemoveChangeDetectionProperties = () => {\n const {\n resourceSrn,\n removeChangeDetectionProperties,\n changeDetectionProperties,\n } = this.props\n const { selectedChangeDetectionProperties } = this.state\n let indexes = []\n selectedChangeDetectionProperties.forEach(property => {\n const index = changeDetectionProperties.findIndex(\n x =>\n x.get('keyName') === property.keyName &&\n x.get('alertLevel') === property.alertLevel\n )\n\n if (index !== -1) {\n indexes.push(index)\n }\n })\n\n removeChangeDetectionProperties({\n properties: fromJS(selectedChangeDetectionProperties),\n resourceSrn,\n indexes,\n })\n this.setState({ selectedChangeDetectionProperties: undefined })\n }\n\n getModalBody = () => {\n const {\n isLoading,\n changeDetectionProperties,\n changeDetectionOptions,\n } = this.props\n\n if (isLoading) {\n return (\n \n {exists(selected) && selected.length === 1 ? (\n
\n \n \n Disable\n \n }\n style={{ width: '100%', minWidth: '600px' }}\n data={orderedData}\n rowHeight\n customColumnConfig={{\n keyName: {\n width: 280,\n pinned: 'left',\n },\n actualKeyName: {\n hide: true,\n },\n actionClassification: {\n valueFormatter: params => {\n return exists(params.value)\n ? params.value.map(action =>\n getFriendlyActionName(action, params.data.keyName)\n )\n : '-'\n },\n },\n }}\n multiRowSelect\n hasCheckBoxes\n selectionChanged={propertySelectionChanged}\n autosize={false}\n />\n
\n \n
\n )\n }\n\n if (!changeDetectionProperties.isEmpty()) {\n return (\n \n \n
,\n \n
\n \n {isMonitored && (\n \n
,\n ]\n }\n}\n\nChangeDetectionActions.propTypes = {\n theme: themeShape,\n isLoading: PropTypes.bool,\n // ~ passed props ~\n direction: PropTypes.string,\n nodeData: PropTypes.object,\n nodeId: PropTypes.string.isRequired,\n onNodeView: PropTypes.bool, // see comment in NodeViewHeader\n\n // ~ bound action creators ~\n addChangeDetectionProperties: PropTypes.func.isRequired,\n push: PropTypes.func.isRequired,\n removeChangeDetectionProperties: PropTypes.func.isRequired,\n toggleResourceMonitoring: PropTypes.func.isRequired,\n updateChangeDetectionProperty: PropTypes.func.isRequired,\n\n // ~ props from redux store ~\n crmData: PropTypes.shape({\n error: PropTypes.bool,\n monitored: PropTypes.bool,\n importance: PropTypes.number,\n // TODO - change this to shape below?\n changeDetectionProperties: PropTypes.arrayOf(PropTypes.object),\n changeDetectionOptions: PropTypes.arrayOf(PropTypes.object),\n }),\n location: PropTypes.object.isRequired,\n}\n\nconst makeMapStateToProps = () => {\n const selectCrmData = makeSelectCrmData()\n return createStructuredSelector({\n crmData: selectCrmData,\n })\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n addChangeDetectionProperties,\n push,\n removeChangeDetectionProperties,\n toggleResourceMonitoring,\n updateChangeDetectionProperty,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(\n makeMapStateToProps,\n mapDispatchToProps\n)\n\nexport default compose(\n withConnect,\n withRouter,\n themeable\n)(ChangeDetectionActions)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { Input } from 'reactstrap'\nimport ImmutablePureComponent from 'components/ImmutablePureComponent'\n// import BorderCard from 'components/BorderCard'\nimport Button from 'components/Button'\nimport Icon from 'components/Icon'\nimport FormLabel from 'components/FormLabel'\nimport { Map } from 'immutable'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport InlineEditableText from 'components/InlineEditableText'\nimport { Alert } from 'reactstrap'\nimport BorderlessButton from 'components/BorderlessButton'\n\nexport class KeyVaultConfig extends ImmutablePureComponent {\n styles = {\n addCredForm: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto auto',\n gridColumnGap: '1em',\n gridRowGap: '1em',\n gridTemplateAreas: '\". .\" \". .\" \". .\" \". submit\"',\n },\n addButtonWrapper: {\n gridArea: 'submit',\n },\n existingContainer: {\n marginBottom: '1em',\n maxHeight: '400px',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n cardContainer: {\n // backgroundColor: this.props.theme.neutralLight,\n marginBottom: '10px',\n },\n rowContainer: {\n display: 'grid',\n gridTemplateColumns: '115px 1fr',\n whiteSpace: 'nowrap',\n },\n title: { fontWeight: '400', marginTop: '8px', textAlign: 'right' },\n content: {\n display: 'inline-block',\n marginLeft: '5px',\n textOverflow: 'ellipsis',\n overflowX: 'hidden',\n backgroundColor: this.props.theme.highlight,\n borderRadius: '5px',\n },\n name: {\n paddingLeft: '0.3em',\n width: '100%',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n alignItems: 'center',\n },\n }\n\n state = {\n containerName: '',\n path: '',\n reset: false,\n editingNames: Map(),\n editingPaths: Map(),\n }\n\n componentDidUpdate() {\n if (!this.props.isAdding && this.state.reset) {\n this.setState({\n containerName: '',\n path: '',\n reset: false,\n })\n }\n }\n\n setEditingName = (id, name) => {\n this.setState(prevState => {\n return { editingNames: prevState.editingNames.set(id, name) }\n })\n }\n\n setEditingPath = (id, path) => {\n this.setState(prevState => {\n return {\n editingPaths: prevState.editingPaths.set(id, path),\n }\n })\n }\n\n setContainerName = e => {\n this.setState({\n containerName: e.target.value,\n })\n }\n\n setPath = e => {\n this.setState({\n path: e.target.value.replace(/ /g, ''),\n })\n }\n\n addVaultCreds = () => {\n this.setState({ reset: true })\n\n this.props.addAzureKeyVaultCreds({\n srn: this.props.srn,\n name: this.state.containerName,\n path: this.state.path,\n })\n }\n\n removeVaultCreds = id => {\n this.props.removeAzureKeyVaultCreds({\n id: id,\n srn: this.props.srn,\n })\n }\n\n updateName = (id, name, path) => {\n this.setEditingName(id, name)\n this.props.updateAzureKeyVaultCreds({\n srn: this.props.srn,\n id: id,\n containerName: name,\n containerPrefix: path.replace(/ /g, ''),\n })\n }\n\n updatePath = (id, path, name) => {\n this.setEditingPath(id, path)\n this.props.updateAzureKeyVaultCreds({\n srn: this.props.srn,\n id: id,\n containerName: name,\n containerPrefix: path.replace(/ /g, ''),\n })\n }\n\n dismissError = () => {\n this.props.setAzureKeyVaultError({ error: null })\n }\n\n render() {\n const keyVaultCreds = this.props.keyVaultCreds.toJS()\n\n const submitDisabled = !this.state.containerName || !this.state.path\n\n return (\n \n
\n {hasChangeDetectionEnabled\n ? 'Manage Change Detection'\n : 'Enable Change Detection'}\n \n )}\n \n {this.props.error && (\n \n \n \n \n )}\n {keyVaultCreds.length > 0 ? (\n
\n \n {this.props.error}
\n \n
\n \n {keyVaultCreds.map(creds => {\n const deleting = !!this.props.isDeleting.get(creds.id)\n const updating = !!this.props.isUpdating.get(creds.id)\n\n const nameValue =\n updating && this.state.editingNames.get(creds.id)\n ? this.state.editingNames.get(creds.id)\n : creds.blob.containerName\n const pathValue =\n updating && this.state.editingPaths.get(creds.id)\n ? this.state.editingPaths.get(creds.id)\n : creds.blob.containerPrefix\n\n if (\n creds.blob.containerName ===\n this.state.editingNames.get(creds.id)\n ) {\n this.setState(prevState => {\n return {\n editingNames: prevState.editingNames.delete(creds.id),\n }\n })\n }\n\n if (\n creds.blob.containerPrefix ===\n this.state.editingPaths.get(creds.id)\n ) {\n this.setState(prevState => {\n return {\n editingPaths: prevState.editingPaths.delete(creds.id),\n }\n })\n }\n\n return (\n \n \n \n
\n \n \n {\n if (creds.blob.containerName !== name) {\n this.updateName(creds.id, name, pathValue)\n }\n }}\n style={this.styles.name}\n saving={updating || deleting}\n />\n
\n KeyVault Name:
\n \n \n {\n if (creds.blob.containerPrefix !== path) {\n this.updatePath(creds.id, path, nameValue)\n }\n }}\n style={this.styles.name}\n saving={updating || deleting}\n trim={true}\n />\n
\n Secret Name:
\n Delete
\n {!deleting ? (\n \n \n \n KeyVault Name\n \n \n Secret Name\n \n
\n )}\n \n )\n }\n}\n\nKeyVaultConfig.propTypes = {\n isAdding: PropTypes.bool,\n srn: PropTypes.string,\n theme: themeShape,\n removeAzureKeyVaultCreds: PropTypes.func,\n keyVaultCreds: ImmutablePropTypes.list,\n isDeleting: ImmutablePropTypes.map,\n setAzureKeyVaultError: PropTypes.func,\n error: PropTypes.string,\n}\n\nexport default themeable(KeyVaultConfig)\n","import React, { Component, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { compose } from 'redux'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\n\nimport color from 'color'\n\nimport KeyVaultConfig from 'containers/Deploy/KeyVaultConfig'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport { FormattedMessage } from 'react-intl'\nimport styled from 'styled-components'\nimport BorderlessButton from 'components/BorderlessButton'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Icon from 'components/Icon'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport TextLink from 'components/TextLink'\n\nimport {\n addKeyVaultCreds,\n getKeyVaultData,\n errKeyVaultData,\n removeKeyVaultCreds,\n updateKeyVaultCreds,\n} from './actions'\n\nimport { makeSelectKeyVault } from './selectors'\n\nimport messages from './messages'\nimport { bindActionCreators } from 'redux'\n\nconst AKS_HELP_ARTICLE_NAME = 'Enable AKS Discovery'\n\nconst HelpCenterTextContainer = styled.div`\n margin-left: 12px;\n margin-bottom: 8px;\n`\n\nfunction getAKSHelpCenterHREF() {\n const protocol = window.origin.startsWith('http:') ? 'http://' : 'https://'\n return (\n protocol +\n window.location.host +\n '/App/HelpCenter?preloadSearch=' +\n AKS_HELP_ARTICLE_NAME\n )\n}\n\nfunction AKSHelpCenterLink() {\n return (\n Configure New Credentials:
\n \n \n {this.props.isAdding\n ? 'Adding Credentials..'\n : 'Add Credentials'}\n \n
\n \n \n \n \n \n \n \n {this.props.keyVault.get('loading') ? (\n \n {'AzureKubernetesCluster' === this.props.nodeType && (\n \n )}\n \n \n \n \n \n \n
\n )\n }\n}\n\nKeyVaultActions.propTypes = {\n theme: themeShape,\n\n // ~ passed props ~\n nodeId: PropTypes.string.isRequired,\n onNodeView: PropTypes.bool.isRequired,\n nodeType: PropTypes.string,\n\n // ~ props from redux store ~\n keyVault: PropTypes.object.isRequired,\n\n // ~ bound action creators ~\n addKeyVaultCreds: PropTypes.func.isRequired,\n errKeyVaultData: PropTypes.func.isRequired,\n getKeyVaultData: PropTypes.func.isRequired,\n removeKeyVaultCreds: PropTypes.func.isRequired,\n updateKeyVaultCreds: PropTypes.func.isRequired,\n}\n\nconst makeMapStateToProps = () => {\n const selectKeyVault = makeSelectKeyVault()\n return createStructuredSelector({\n keyVault: selectKeyVault,\n })\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n addKeyVaultCreds,\n getKeyVaultData,\n errKeyVaultData,\n removeKeyVaultCreds,\n updateKeyVaultCreds,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(\n makeMapStateToProps,\n mapDispatchToProps\n)\n\nexport default compose(\n withConnect,\n themeable\n)(KeyVaultActions)\n","import { all, call, put, takeLatest, select } from 'redux-saga/effects'\nimport _ from 'lodash'\nimport gql from 'graphql-tag'\nimport { parse, print } from 'graphql'\nimport { fromJS } from 'immutable'\nimport { RESOURCE_GROUP_FOR_NODE } from 'static-queries'\n\nimport { getClient } from 'apolloClient'\nimport { DATA_TYPES_FOR_CRM, TYPES_WITH_CRM } from 'appConstants'\n\nimport {\n dudeWheresMyType,\n getNodeInfoQuery,\n getTypeFromSrn,\n} from 'utils/graphDataUtils'\nimport { isMonitored, formatChangeDetectionProperties } from 'utils/sonraiUtils'\n\nimport {\n ADD_CHANGE_DETECTION_PROPERTIES,\n ADD_KEYVAULT_CREDS,\n ADD_RESOURCE_TO_SWIMLANE,\n ADD_TAG,\n GET_NODE_DATA,\n GET_KEYVAULT_DATA,\n GET_RESOURCE_GROUP,\n REMOVE_CHANGE_DETECTION_PROPERTIES,\n TOGGLE_RESOURCE_MONITORING,\n REMOVE_TAG,\n REMOVE_KEYVAULT_CREDS,\n UPDATE_CHANGE_DETECTION_PROPERTY,\n UPDATE_FRIENDLY_NAME,\n UPDATE_IMPORTANCE,\n UPDATE_KEYVAULT_CREDS,\n} from './constants'\n\nimport {\n addChangeDetectionPropertiesSuccess as changeManagerAddChangeDetectionPropertiesSuccess,\n removeChangeDetectionPropertiesSuccess as changeManagerRemoveChangeDetectionPropertiesSuccess,\n updateChangeDetectionPropertySuccess as changeManagerUpdateChangeDetectionPropertySuccess,\n} from 'containers/ChangeDetectionManager/actions'\nimport { setResourceMonitoring as nodeSolutionCenterSetResourceMonitor } from 'containers/NodeSolutionCenter/actions'\nimport { updateRapsheetResourceMonitor } from 'containers/RapSheet/actions'\nimport { loadTag as sonraiDataLoadTag } from 'containers/SonraiData/actions'\nimport {\n addChangeDetectionPropertiesSuccess,\n addKeyVaultCredsSuccess,\n addResourceToSwimlaneSuccess,\n addTagSuccess,\n setCrmData,\n errCrmData,\n setNodeData,\n errNodeData,\n setKeyVaultData,\n errKeyVaultData,\n setResourceGroup,\n errResourceGroup,\n setSwimlanes,\n errSwimlanes,\n removeChangeDetectionPropertiesSuccess,\n removeKeyVaultCredsSuccess,\n removeTagSuccess,\n toggleResourceMonitoringSuccess,\n updateChangeDetectionPropertySucces,\n updateFriendlyNameSuccess,\n updateImportanceSuccess,\n updateKeyVaultCredsSuccess,\n} from './actions'\n\nimport { addProperty } from 'containers/ChangeDetectionManager/sagas'\nimport { removeProperty } from '../ChangeDetectionManager/sagas'\n\nimport { selectTags } from 'containers/SonraiData/selectors'\n\n// these are selectors to pull the respective fields from the state\nexport const getQueryNames = state => state.getIn(['sonraiData', 'queryNames'])\nexport const getQueryTypes = state => state.getIn(['sonraiData', 'queryTypes'])\n\n/**\n * Add CD some properties to the thing in the header\n */\nfunction* addChangeDetectionProperties(action) {\n const { srn, properties, onNodeView } = action.payload\n try {\n // be optimistic\n const actions = [\n put(addChangeDetectionPropertiesSuccess({ srn, properties })),\n ]\n if (onNodeView) {\n actions.push(\n put(changeManagerAddChangeDetectionPropertiesSuccess(properties))\n )\n }\n yield all(actions)\n\n for (let property of properties.toJS()) {\n yield call(addProperty, property, srn)\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error adding change detection properties', e)\n }\n}\n\nfunction* addKeyVaultCreds(action) {\n const { srn } = action.payload\n try {\n const client = yield getClient()\n const results = yield client.mutate({\n mutation: gql`\n mutation addKeyVaultCreds($config: CollectorConfigurationInput!) {\n CreateCollectorConfiguration(input: $config) {\n id\n srn\n targetSrn\n enabled\n type\n blob\n }\n }\n `,\n variables: {\n config: {\n targetSrn: srn,\n enabled: true,\n type: 'AzureTokenCredentials',\n blob: JSON.stringify({\n location: 'keyvault',\n containerName: action.payload.name,\n containerPrefix: action.payload.path,\n }),\n },\n },\n })\n\n const path = ['data', 'CreateCollectorConfiguration']\n const newCreds = _.get(results, path)\n if (!newCreds) {\n throw `result did not return ${path.join('.')}`\n }\n\n const actions = [put(addKeyVaultCredsSuccess({ srn, newCreds }))]\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened adding the KeyVault creds', e)\n yield put(errKeyVaultData({ srn }))\n }\n}\n\nfunction* removeKeyVaultCreds(action) {\n try {\n const { srn, id } = action.payload\n const client = yield getClient()\n const results = yield client.mutate({\n variables: { id },\n mutation: gql`\n mutation deleteKeyVault($id: String!) {\n DeleteCollectorConfiguration(id: $id)\n }\n `,\n })\n\n const path = ['data', 'DeleteCollectorConfiguration']\n if (!_.get(results, path)) {\n throw `result did not return ${path.join}`\n }\n const actions = [put(removeKeyVaultCredsSuccess({ srn, id }))]\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error removing adding the KeyVault creds', e)\n }\n}\n\nfunction* updateKeyVaultCreds(action) {\n try {\n const { srn, id } = action.payload\n const client = yield getClient()\n const results = yield client.mutate({\n mutation: gql`\n mutation updateCollectorConfiguration(\n $config: CollectorConfigurationInput!\n $id: String!\n ) {\n UpdateCollectorConfiguration(id: $id, input: $config) {\n id\n srn\n targetSrn\n enabled\n type\n blob\n }\n }\n `,\n variables: {\n config: {\n targetSrn: srn,\n enabled: true,\n type: 'AzureTokenCredentials',\n blob: JSON.stringify({\n location: 'keyvault',\n containerName: action.payload.containerName,\n containerPrefix: action.payload.containerPrefix,\n }),\n },\n id: id,\n },\n })\n\n const path = ['data', 'UpdateCollectorConfiguration']\n const updateCreds = _.get(results, path)\n // nodeSolutionCenterUpdateAzureKeyVaultCredsSuccess\n if (!updateCreds) {\n throw `result did not return ${path.join('.')}`\n }\n\n const actions = [put(updateKeyVaultCredsSuccess({ srn, id, updateCreds }))]\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened updating KeyVault creds', e)\n }\n}\n\nfunction* addResourceToSwimlane(action) {\n const client = yield getClient()\n try {\n const results = yield client.mutate({\n mutation: gql`\n mutation addResourceToSwimlane($srn: ID!, $resourceId: String!) {\n UpdateSwimlane(\n srn: $srn\n value: { resourceIds: { add: [$resourceId] } }\n ) {\n srn\n title\n }\n }\n `,\n variables: {\n resourceId: action.payload.resourceId,\n srn: action.payload.swimlaneSrn,\n },\n })\n\n if (results) {\n yield put(\n addResourceToSwimlaneSuccess({\n srn: action.payload.srn,\n swimlane: results.data.UpdateSwimlane,\n })\n )\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('An error happened adding resource to swimlane', e)\n }\n}\n\nfunction* addTag(action) {\n const {\n tag: { key, value },\n srn,\n } = action.payload\n try {\n const client = yield getClient()\n const response = yield client.mutate({\n variables: { key, value, srn },\n mutation: gql`\n mutation addTagsWithNoDuplicates(\n $key: String\n $value: String\n $srn: ID\n ) {\n AddTag(\n value: { key: $key, value: $value, tagsEntity: { add: [$srn] } }\n ) {\n srn\n key\n value\n }\n }\n `,\n })\n const newTag = _.get(response, ['data', 'AddTag'])\n if (!newTag) {\n throw 'the response did not return a new tag'\n }\n\n const actions = [put(addTagSuccess({ srn, newTag }))]\n\n // if we created a new tag, save it for dropdown population\n const existingTags = yield select(selectTags)\n const existedBefore = existingTags.find(t => t.get('key') === newTag.key)\n if (!existedBefore) {\n actions.push(put(sonraiDataLoadTag(fromJS(newTag))))\n }\n\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened in nodeViewHeader adding tag', e)\n }\n}\n\nfunction* removeTag(action) {\n try {\n const client = yield getClient()\n const { srn, nodeId } = action.payload\n const response = yield client.mutate({\n mutation: gql`\n mutation removeTag($resourceSrn: ID!, $value: ResourceUpdater!) {\n UpdateResource(srn: $resourceSrn, value: $value) {\n resourceId\n }\n }\n `,\n variables: {\n resourceSrn: nodeId,\n value: {\n hasTag: {\n remove: [srn],\n },\n },\n },\n })\n const { data } = response\n if (!data) {\n throw 'the response did not return data'\n }\n yield put(\n removeTagSuccess({\n srn: nodeId,\n tagSrn: srn,\n })\n )\n } catch (e) {\n // eslint-disable-next-line\n console.error('Error removing tag', e)\n }\n}\n\n/**\n * Remove some properties from the thing in the header\n */\nfunction* removeChangeDetectionProperties(action) {\n const { srn, properties, onNodeView } = action.payload\n try {\n const actions = [\n put(removeChangeDetectionPropertiesSuccess({ srn, properties })),\n ]\n if (onNodeView) {\n actions.push(\n put(changeManagerRemoveChangeDetectionPropertiesSuccess(properties))\n )\n }\n yield all(actions)\n\n for (let property of properties.toJS()) {\n yield call(removeProperty, property, srn)\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error removing change detection properties', e)\n }\n}\n\nfunction* updateChangeDetectionProperty(action) {\n const { srn, toRemove, newProperty, onNodeView, index } = action.payload\n try {\n // do API calls\n if (toRemove) {\n yield call(removeProperty, toRemove, srn)\n }\n yield call(addProperty, newProperty, srn)\n\n // put changes\n const actions = [\n put(updateChangeDetectionPropertySucces({ srn, property: newProperty })),\n ]\n if (onNodeView) {\n actions.push(\n changeManagerUpdateChangeDetectionPropertySuccess({\n newProperty,\n index,\n })\n )\n }\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating CD Property in header', e)\n }\n}\n\n/**\n * modifies the passed query to get the CDConfigs field in the query operation\n */\nconst addFetchChangeDetectionPropertiesFields = query => {\n const cdQuery = gql`\n query {\n CDConfigs(\n where: { resourceSrn: { value: $srn }, active: { value: true } }\n ) {\n items {\n keyType\n keyName\n alertLevel\n actionClassification\n }\n }\n }\n `\n const querySelections = query.definitions[0].selectionSet.selections\n const cdSelections = cdQuery.definitions[0].selectionSet.selections\n cdSelections.forEach(selection => querySelections.push(selection))\n}\n\n/**\n * modifies the passed query (parsed document) to include the\n * getChangeDetection field in the query operation\n */\nexport const addFetchChangeDetectionOptionsFields = query => {\n const cdQuery = gql`\n query getOptions($type: ResourceType) {\n getChangeDetectionOptions(resourceType: $type) {\n keyType\n keyName\n actionClassification\n }\n }\n `\n const queryOpDef = query.definitions[0]\n const cdOpDef = cdQuery.definitions[0]\n\n const queryVarDefs = queryOpDef.variableDefinitions\n const cdVarDefs = cdOpDef.variableDefinitions\n cdVarDefs.forEach(varDef => queryVarDefs.push(varDef))\n\n const querySelections = queryOpDef.selectionSet.selections\n const cdSelections = cdOpDef.selectionSet.selections\n cdSelections.forEach(selection => querySelections.push(selection))\n}\n\n/**\n * Add fields to query for the swimlane for the resource\n */\nconst SWIMLANE_ALIAS = 'resource_swimlane'\nexport const addSwimlaneOptionsFields = query => {\n const swQuery = gql`\n query resource_swimlane($srn: String) {\n ${SWIMLANE_ALIAS}: Resources(where: { srn: { value: $srn } }) {\n items(limit: 1) {\n swimlane {\n items {\n description\n label\n title\n srn\n defaultImportance\n createdBy\n sid\n lastModified\n createdDate\n name\n }\n }\n }\n }\n }\n `\n\n const querySelections = query.definitions[0].selectionSet.selections\n const swimlaneSelections = swQuery.definitions[0].selectionSet.selections\n swimlaneSelections.forEach(selection => querySelections.push(selection))\n}\n\n/**\n * Fetches node data and also the CRM data\n */\nfunction* getNodeData(action) {\n const { srn } = action.payload\n let cdConfigs\n let cdOptions\n let swimlanes\n let item\n\n // this part just fetches everything, but only puts actions for fetching node data\n try {\n const queryNames = yield select(getQueryNames)\n const queryTypes = yield select(getQueryTypes)\n\n // in this saga we get the prebuild node info query, and then add other stuff to it\n // so we make fewer requests to graphql server to get all the data\n //\n // we do parse(print()) b/c if we don't and this saga runs twice we get the original\n // unmodified query passed into client.query({}) below don't know why\n const query = parse(print(getNodeInfoQuery(srn, queryNames, queryTypes)))\n addFetchChangeDetectionPropertiesFields(query)\n addFetchChangeDetectionOptionsFields(query)\n addSwimlaneOptionsFields(query, queryTypes)\n const type = DATA_TYPES_FOR_CRM.includes(getTypeFromSrn(srn).toLowerCase())\n ? 'Data'\n : 'Identity'\n\n const client = yield getClient()\n const result = yield client.query({\n variables: { srn, type },\n query: gql`\n ${print(query)}\n `,\n })\n\n const { data } = result\n if (!data || data == null) {\n throw 'the result had no data'\n }\n\n const { items } = Object.values(data)[0]\n if (!items || items == null) {\n throw 'the result had no items'\n }\n\n if (items.length == 0) {\n throw 'the result had no items'\n }\n\n item = items[0]\n yield put(setNodeData({ srn, data: item }))\n\n cdConfigs = _.get(data, ['CDConfigs', 'items'])\n cdOptions = _.get(data, ['getChangeDetectionOptions'])\n swimlanes = _.get(data, [SWIMLANE_ALIAS, 'items', 0, 'swimlane', 'items'])\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened fetching nodeViewHeader nodeData ', e)\n yield put(errNodeData({ srn }))\n }\n\n // this part uses the response from the first part to formulate the CRM data\n try {\n if (!cdConfigs || cdConfigs == null) {\n throw 'the result had no cdConfigs'\n }\n\n if (!cdOptions || cdOptions == null) {\n throw 'the result had no cdOptions'\n }\n\n const cdProperties = formatChangeDetectionProperties(cdConfigs)\n\n cdOptions.forEach(option => {\n if (\n option.keyType !== 'PATH' ||\n option.keyName === 'activeFrom' ||\n option.keyName === 'accessedUsing' ||\n option.keyName === 'accessedFrom'\n ) {\n option.actionClassification = []\n }\n })\n // Get's rid of the Activity action classification as this is not a valid action classification type (should do this server side)\n cdOptions.forEach(option => {\n if (!_.isEmpty(option.actionClassification)) {\n option.actionClassification = [...option.actionClassification].filter(\n x => x !== 'Activity'\n )\n }\n })\n\n const type = getTypeFromSrn(srn).toLowerCase()\n const monitoredField = TYPES_WITH_CRM.includes(type)\n ? item.sonraiConfig\n : undefined\n\n yield put(\n setCrmData({\n srn,\n monitored: isMonitored(monitoredField),\n importance: item.importance,\n changeDetectionProperties: cdProperties,\n changeDetectionOptions: cdOptions,\n })\n )\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened fetching nodeViewHeader CRM data', e)\n yield put(errCrmData({ srn }))\n }\n\n // this part uses the response from the first part to formulate the swimlane data\n try {\n if (!swimlanes) {\n const path = [SWIMLANE_ALIAS, 'items', 0, 'swimlane', 'items']\n throw `response did not have results ${path.join('.')}`\n }\n\n yield put(setSwimlanes({ srn, swimlanes }))\n } catch (e) {\n // eslint-disable-next-line no-console\n yield put(errSwimlanes({ srn }))\n }\n}\n\nfunction* getKeyVaultData(action) {\n const { srn } = action.payload\n try {\n const client = yield getClient()\n const results = yield client.query({\n variables: { srn },\n query: gql`\n query getKeyVaultData($srn: String) {\n CollectorConfigurations(where: { targetSrn: $srn }) {\n items {\n id\n srn\n targetSrn\n enabled\n type\n blob\n }\n }\n }\n `,\n })\n\n const path = ['data', 'CollectorConfigurations', 'items']\n const data = _.get(results, path)\n if (!data) {\n throw `the response did not return ${path.join('.')}`\n }\n const actions = [put(setKeyVaultData({ srn, data }))]\n yield all(actions)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened fetching nodeViewHeader KeyVault data', e)\n yield put(errKeyVaultData({ srn }))\n }\n}\n\nfunction* getResourceGroup(action) {\n const { srn } = action.payload\n try {\n const client = yield getClient()\n const results = yield client.query({\n variables: { srn },\n query: gql`\n ${RESOURCE_GROUP_FOR_NODE}\n `,\n })\n\n const path = ['data', 'Resources', 'items']\n if (_.get(results, path, false)) {\n const resourceGroup = dudeWheresMyType(\n results.data.Resources,\n 'isIn',\n 'ResourceGroup'\n )\n const storageAccount = dudeWheresMyType(\n results.data.Resources,\n 'isIn',\n 'DataStore'\n )\n\n yield put(\n setResourceGroup({\n srn,\n group: resourceGroup,\n storageAccount: storageAccount,\n })\n )\n } else {\n throw `the result did not return ${path.join('.')}`\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error happened nodeViewHeader fetching resource groups', e)\n yield put(errResourceGroup({ srn }))\n }\n}\n\n/**\n * multiple places read the isMonitored state, change them all for good measure\n */\nconst allMonitorChangeActions = ({ change, srn, onNodeView }) => {\n const actions = [\n toggleResourceMonitoringSuccess({ srn, isMonitored: change }),\n updateRapsheetResourceMonitor({ srn, isMonitored: change }),\n ]\n\n if (onNodeView) {\n actions.push(nodeSolutionCenterSetResourceMonitor(change))\n }\n return actions.map(action => put(action))\n}\n\n/**\n * Toggle monitoring for the resource\n */\nfunction* toggleResourceMonitoring(action) {\n try {\n const { isMonitored, onNodeView, srn } = action.payload\n const change = !isMonitored\n\n //optimiticly update change in many places that may want the change\n yield all(allMonitorChangeActions({ srn, change, onNodeView }))\n\n const client = yield getClient()\n const response = yield client.mutate({\n variables: { srn, change },\n mutation: gql`\n mutation toggleResourceMonitoring($srn: String!, $change: Boolean!) {\n setMonitor(monitorStatusBySrn: [{ srn: $srn, monitor: $change }]) {\n srn\n monitor\n }\n }\n `,\n })\n\n const update = _.get(response, ['data', 'setMonitor', 0, 'monitor'])\n if (!update && false !== update) {\n throw 'The response did not return data.setMonitor.0.monitor'\n }\n\n // compare result of change to our assumption, if they are the same do\n // nothing, if not, correct the data\n if (update !== change) {\n yield all(allMonitorChangeActions({ srn, change: update }))\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('An error happened toggling resource monitoring: ', e)\n }\n}\n\nfunction* updateFriendlyName(action) {\n try {\n const client = getClient()\n const { srn, value } = action.payload\n const response = yield client.mutate({\n variables: { srn, value },\n mutation: gql`\n mutation update_resource($srn: ID!, $value: String) {\n UpdateResource(srn: $srn, value: { friendlyName: $value }) {\n srn\n friendlyName\n }\n }\n `,\n })\n yield put(\n updateFriendlyNameSuccess({\n srn: srn,\n value: response.data.UpdateResource.friendlyName,\n })\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error saving friendly name', e)\n }\n}\n\n/**\n * change the 'importance' value of the resource\n */\nfunction* updateImportance(action) {\n const { srn, importance } = action.payload\n try {\n const client = getClient()\n const result = yield client.mutate({\n variables: { srn, importance },\n mutation: gql`\n mutation setImportance($srn: String!, $importance: Long!) {\n setImportance(srn: $srn, importance: $importance) {\n srn\n importance\n }\n }\n `,\n })\n\n const path = ['data', 'setImportance', 'importance']\n const updatedImportance = _.get(result, path)\n if (!updatedImportance && !_.isNumber(updatedImportance)) {\n throw `result did not return ${path.join('.')}`\n }\n yield put(updateImportanceSuccess({ srn, importance: updatedImportance }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating resource importance', e)\n }\n}\n\nfunction* nodeViewHeaderSaga() {\n yield all([\n takeLatest(ADD_CHANGE_DETECTION_PROPERTIES, addChangeDetectionProperties),\n takeLatest(ADD_KEYVAULT_CREDS, addKeyVaultCreds),\n takeLatest(ADD_RESOURCE_TO_SWIMLANE, addResourceToSwimlane),\n takeLatest(ADD_TAG, addTag),\n takeLatest(GET_NODE_DATA, getNodeData),\n takeLatest(GET_KEYVAULT_DATA, getKeyVaultData),\n takeLatest(GET_RESOURCE_GROUP, getResourceGroup),\n takeLatest(\n REMOVE_CHANGE_DETECTION_PROPERTIES,\n removeChangeDetectionProperties\n ),\n takeLatest(REMOVE_KEYVAULT_CREDS, removeKeyVaultCreds),\n takeLatest(REMOVE_TAG, removeTag),\n takeLatest(TOGGLE_RESOURCE_MONITORING, toggleResourceMonitoring),\n takeLatest(UPDATE_CHANGE_DETECTION_PROPERTY, updateChangeDetectionProperty),\n takeLatest(UPDATE_FRIENDLY_NAME, updateFriendlyName),\n takeLatest(UPDATE_IMPORTANCE, updateImportance),\n takeLatest(UPDATE_KEYVAULT_CREDS, updateKeyVaultCreds),\n ])\n}\n\nexport default nodeViewHeaderSaga\n","import React, { Component, Fragment } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport { push } from 'connected-react-router'\nimport { withRouter } from 'react-router'\nimport { connect } from 'react-redux'\nimport { compose, bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\n\nimport color from 'color'\nimport { fromJS, List } from 'immutable'\nimport _ from 'lodash'\nimport qs from 'query-string'\n\nimport HeaderLabelLink from 'containers/NodeSolutionCenter/HeaderLabelLink'\nimport permissionChecker from 'containers/PermissionChecker'\nimport WithPermission from 'containers/PermissionChecker/WithPermission'\nimport WithoutPermission from 'containers/PermissionChecker/WithoutPermission'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nimport { Dropdown, DropdownToggle } from 'reactstrap'\n\nimport Pill from 'components/Badge/Pill'\nimport BorderlessButton from 'components/BorderlessButton'\nimport Button from 'components/Button'\nimport CloudBadge from 'components/CloudBadge'\nimport CopyToClipboard from 'components/CopyToClipboard'\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport Icon from 'components/Icon'\nimport InlineEditableText from 'components/InlineEditableText'\nimport ImportanceWidget from 'components/ImportanceWidget'\nimport Hoverable from 'components/Hoverable'\nimport NodeViewDetailAccount from 'components/NodeView/NodeViewDetailAccount'\nimport { TitleShimmer } from 'components/ShimmerLoader'\n\nimport { BlockShimmer } from 'components/ShimmerLoader'\nimport SmolExpand from 'components/SmolExpand'\nimport Subscription from 'components/Subscription'\nimport DropdownMenu from 'components/StyledReactstrapDropdownMenu'\nimport Tag from 'components/Tag'\nimport TextLink from 'components/TextLink'\n\nimport AddSwimlaneForm from './AddSwimlaneForm'\nimport AddTagForm from './AddTagForm'\nimport ChangeDetectionActions from './ChangeDetectionActions'\nimport KeyVaultActions from './KeyVaultActions'\n\nimport injectReducer from 'utils/injectReducer'\nimport injectSaga from 'utils/injectSaga'\nimport { DAEMON } from 'utils/constants'\nimport reducer, { REDUX_KEY } from './reducers'\nimport sagas from './sagas'\n\nimport {\n getNodeData,\n getResourceGroup,\n removeTag,\n updateFriendlyName,\n updateImportance,\n} from './actions'\n\nimport { selectQueryTypes } from 'containers/SonraiData/selectors'\nimport {\n makeSelectCrmData,\n makeSelectNodeDataIsLoading,\n makeSelectNodeData,\n makeSelectNodeDataError,\n makeSelectResourceGroup,\n makeSelectSwimlanes,\n makeSelectTags,\n makeSelectUpdateFriendlyName,\n} from './selectors'\n\nimport {\n selectSwimlanes,\n selectSwimlanesLoading,\n} from 'containers/SonraiData/selectors'\n\nimport messages from './messages'\n\nimport { TYPES_WITH_CRM } from 'appConstants'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport {\n buildAzureResourceLink,\n buildAwsResourceLink,\n getCloudFromSrn,\n getIconMapping,\n getSubscriptionFromSrn,\n} from 'utils/sonraiUtils'\nimport CreateUpdateTicketModal from 'containers/CreateUpdateTicketModal'\n\nexport class NodeViewHeader extends Component {\n constructor(props) {\n super(props)\n this.state = {\n actionDropdownExpanded: false,\n tagOverflow: true,\n swimmyOverflow: true,\n tagExpanded: false,\n expandSwimmy: true,\n createTicketModal: false,\n }\n\n this.styles = {\n accountBar: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n actionDropdownButton: {\n width: '100%',\n textAlign: 'right',\n display: 'flex',\n justifyContent: 'flex-end',\n padding: '4px',\n },\n property: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridColumnGap: '0.3em',\n alignItems: 'center',\n padding: '0 0.5em',\n },\n fieldLabel: {\n fontSize: '0.8em',\n fontWeight: '400',\n color: '#485460',\n },\n actions: {\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'center',\n },\n actionsContainer: {\n overflow: 'hidden',\n display: 'flex',\n },\n button: {\n height: '1.85rem',\n fontSize: '0.85rem',\n border: `1px solid ${this.props.theme.primary}`,\n padding: '0 0.5rem',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginRight: '5px',\n color: color(this.props.theme.neutralDark).darken(0.6),\n },\n container: {\n margin: '0px 12px 12px 12px',\n boxShadow: `rgba(0, 0, 0, 0.1) 1px 4px 3px -1px`,\n borderRadius: '0.25em',\n border: '1px solid #e7e7e9',\n ...props.styles,\n },\n headerItem: {\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n },\n labelType: {\n marginTop: '2px',\n marginLeft: '12px',\n color: '#aaaaaa',\n fontVariant: 'small-caps',\n fontSize: '0.9em',\n fontWeight: '400',\n },\n linkGuy: {\n fontSize: '0.9em',\n gridArea: 'link',\n display: 'flex',\n justifyContent: 'flex-end',\n alignItems: 'center',\n marginTop: '1.5em',\n marginRight: '1.1em',\n },\n name: {\n fontSize: '1.3em',\n width: '100%',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n maxWidth: '550px',\n },\n noFriendlyName: {\n color: 'black',\n display: 'grid',\n height: '40px',\n gridTemplateColumns: '80% 20%',\n fontSize: '18px',\n padding: '5px',\n },\n noFriendlyNameCopy: {\n position: 'relative',\n top: '-16px',\n height: '35px',\n textAlign: 'right',\n },\n noFriendlyNameHover: {\n backgroundColor: props.theme.neutralLight,\n },\n swimlanes: {\n fontSize: '0.9em',\n fontWeight: '300',\n color: this.props.theme.dark,\n marginRight: '0.5em',\n },\n top: {\n backgroundColor: this.props.theme.background,\n display: 'grid',\n gridTemplateColumns: 'auto',\n borderTopRightRadius: '0.25rem',\n borderTopLeftRadius: '0.25rem',\n padding: '0.25rem 0.5rem 0 0.5rem',\n },\n topNameStuff: {\n display: 'grid',\n gridTemplateColumns: '30px minmax(200px, 550px) 1fr',\n gridColumnGap: '5px',\n alignItems: 'flex-start',\n },\n mySides: {\n display: 'grid',\n gridTemplateColumns: 'auto 300px',\n },\n title: {\n minWidth: '240px',\n },\n }\n }\n\n componentDidMount() {\n this.props.getNodeData({ srn: this.props.nodeId })\n this.props.getResourceGroup({ srn: this.props.nodeId })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.nodeId !== this.props.nodeId) {\n this.props.getNodeData({ srn: this.props.nodeId })\n this.props.getResourceGroup({ srn: this.props.nodeId })\n }\n }\n\n setTagOverflow = overflow => {\n this.setState({ tagOverflow: overflow })\n }\n\n setSwimmyOverflow = overflow => {\n this.setState({ swimmyOverflow: overflow })\n }\n\n toggleSwimmyExpand = () => {\n this.setState(oldState => ({\n expandSwimmy: !oldState.expandSwimmy,\n }))\n }\n\n toggleActionMenu = () => {\n this.setState(oldState => ({\n actionDropdownExpanded: !oldState.actionDropdownExpanded,\n }))\n }\n\n getActions = () => {\n const actions = [this.props.actions]\n\n const canEditResource = this.props.userHasPermission({\n permissionName: 'edit.resources',\n swimlanes: this.props.nodeData.swimlaneSRNs,\n })\n const canEditCrm = this.props.userHasPermission({\n permissionName: 'edit.crmsettings',\n swimlanes: this.props.nodeData.swimlaneSRNs,\n })\n\n actions.push(\n \n
\n \n \n
\n )\n\n const hasCRM = TYPES_WITH_CRM.includes(\n getTypeFromSrn(this.props.nodeData.srn).toLowerCase()\n )\n\n if (hasCRM && canEditCrm) {\n actions.push(\n \n
\n Relations\n \n \n
\n Open Ticket\n \n )\n }\n\n return actions\n }\n\n getAccountTitle = () => {\n if (this.props.nodeData.cloudType === 'azure') {\n return \n \n
\n )}\n {this.props.nodeData.region && (\n \n \n
\n )}\n {this.props.nodeData.cloudType === 'azure' &&\n storageAccount &&\n this.props.nodeData.label !== 'DataStore' && (\n \n
\n {!!subscriptionId && this.props.nodeData.label !== 'Subscription' && (\n {this.getAccountTitle()}:
\n \n
\n \n
\n )}\n {this.props.nodeData.cloudType === 'azure' &&\n resourceGroup &&\n this.props.nodeData.label !== 'ResourceGroup' && (\n Subscription:
\n Resource Group:
\n Storage Account:
\n \n
\n )}\n \n Region:
\n \n {this.props.nodeData.region}\n
\n \n {hasImportance && (\n \n \n \n \n {' '}\n Importance:{' '}\n
\n {!importance ? (\n \n
\n )\n }\n\n renderName = () => {\n const canEdit = this.props.userHasPermission({\n permissionName: 'edit.resources',\n swimlanes: this.props.nodeData.swimlaneSRNs,\n })\n const displayName = this.getDisplayName()\n if (!this.getSupportsFriendlyName() || !canEdit) {\n return (\n \n
\n \n (\n
\n )\n }\n\n return (\n \n
\n )}\n />\n {displayName}
\n \n {hovered && (\n
\n \n
\n )\n }\n\n if (swimlanes.length === 0) {\n return null\n }\n\n return (\n \n \n \n \n \n \n {swimlanes.map((swimlane, index) => {\n return (\n \n {swimlane.title}\n \n )\n })}\n \n
\n )\n }\n\n renderTags = () => {\n if (!this.getSupportsTags()) {\n return null\n }\n\n if (this.props.tags.loading || !this.props.tags.data) {\n return (\n \n
\n \n {this.state.swimmyOverflow && (\n \n {this.state.expandSwimmy ? (\n \n \n ) : (\n \n \n )}\n \n )}\n
\n \n
\n )\n }\n\n const swimlanesSrns = this.props.nodeData.swimlaneSRNs\n const canEdit = this.props.userHasPermission({\n permissionName: 'edit.resources',\n swimlanes: swimlanesSrns,\n })\n\n return (\n \n \n \n \n
\n )\n }\n\n render() {\n if (this.props.isLoading) {\n return this.renderLoading()\n }\n const nodeLabel = this.props.nodeData.label.toUpperCase()\n const nodeType = this.props.nodeData.type\n ? ` - ${this.props.nodeData.type.toUpperCase()}`\n : ''\n\n const nodeDataSwombos = new Set(this.props.nodeData.swimlaneSRNs || []) // eslint-disable-line no-restricted-globals\n const swimlanes = this.props.swimlanes.filter(swombo =>\n nodeDataSwombos.has(swombo.get('srn'))\n )\n\n return (\n \n
\n \n {this.props.tags.data\n .sort(tag =>\n decodeURIComponent(\n typeof tag.key === 'string' && tag.key.toLowerCase()\n )\n )\n .map((tag, index) => {\n let removeTag = canEdit\n ? () =>\n this.props.removeTag({\n srn: tag.srn,\n nodeId: this.props.nodeId,\n })\n : null\n\n return (\n \n {this.state.tagOverflow && (\n \n {this.state.tagExpanded ? (\n \n Show Less \n ) : (\n \n Show All \n )}\n \n )}\n
\n \n \n \n \n \n
\n {`${nodeLabel}${nodeType}`}
\n {this.renderName()}
\n \n {!this.props.horizontal ? (\n \n
\n ) : (\n \n {this.getActions()}\n
\n \n \n \n \n {this.getActions()} \n \n
\n \n )}\n \n \n {this.renderAccountBar(swimlanes)}\n {this.renderTags(swimlanes)}\n {this.renderSwimlanes(swimlanes.toList().toJS())}\n
\n \n \n
\n )\n }\n\n render() {\n const {\n data: { content },\n } = this.props\n\n if (!content) {\n return (\n \n \n {this.props.title || getMappedBoolLabel(keyName, currentValue)}\n \n
\n \n {getCrmPropertySubtitle(this.props.resourceSrn, keyName)}\n
\n \n
\n \n Current State:\n \n {this.props.isLocked ? 'Locked' : 'Unlocked'}\n \n
\n \n \n
\n )\n }\n\n return (\n \n \n {content}\n \n
\n \n }\n position=\"right top\"\n closeOnDocumentClick\n contentStyle={this.styles.contentStyle}\n >\n {this.getContent()}\n \n \n )\n }\n}\n\nChangeDetectionPopup.propTypes = {\n isLocked: PropTypes.bool.isRequired,\n style: PropTypes.object,\n color: PropTypes.string,\n resourceSrn: PropTypes.string,\n data: PropTypes.shape({\n keyName: PropTypes.string,\n currentValue: PropTypes.any,\n content: PropTypes.node,\n }),\n title: PropTypes.string,\n}\n\nexport default ChangeDetectionPopup\n","import React, { Component, Fragment } from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\n\nimport BorderlessButton from 'components/BorderlessButton'\nimport Icon from 'components/Icon'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\n\nimport ChangeDetectionPopup from './ChangeDetectionPopup'\n\nclass WidgetPopup extends Component {\n render() {\n const keyName = this.props.data.keyName\n const showLinkToTickets = !this.props.crmTickets\n .filter(ticket => ticket.get('ticketKey') === keyName)\n .isEmpty()\n\n return (\n \n
\n )\n }\n\n handleRowDoubleClick = (srn, type) => {\n let nav = getNodeViewPushParams(srn, type)\n this.props.push(nav)\n }\n\n handleActionsModal = ({ resourceSet, how }) => {\n const { srn, path, date } = this.props\n this.props.getSelectedRowActions({\n data: {\n actionClassification: how,\n resourceSet,\n criticalResourceSRN: srn,\n },\n path,\n date,\n })\n }\n\n render() {\n const { title, isLoading } = this.props\n const didAccessData = this.getData(this.props.didAccessData)\n return (\n \n \n {title}\n {count !== 0 && (\n \n (\n {count >= CRM_TABLE_MAX_SIZE ? `${CRM_TABLE_MAX_SIZE}+` : count}\n )\n \n )}\n \n
\n \n
\n )\n }\n\n handleActionsModal = ({ userAgentSet, timestamp }) => {\n const { srn } = this.props\n this.props.getSelectedRowActions({\n data: {\n userAgentSet,\n criticalResourceSRN: srn,\n },\n path: this.props.path,\n date: {\n fromDate: moment.utc(timestamp).utc().startOf('day'),\n toDate: moment.utc(timestamp).utc().endOf('day'),\n },\n })\n }\n\n getContent = () => {\n const accessedUsingData = this.getData(this.props.accessedUsingData)\n const { isLoading } = this.props\n if (isLoading) {\n return (\n \n \n {title}\n \n {this.props.isMonitored && (\n
\n \n \n Results from this widget are only available if the resource is\n monitored.\n
\n \n )\n },\n}\n\nAccessedUsingWidget.propTypes = {\n theme: themeShape,\n title: PropTypes.string,\n isLocked: PropTypes.bool,\n recalculateGrid: PropTypes.func,\n srn: PropTypes.string,\n crmTickets: ImmutablePropTypes.list.isRequired,\n accessedUsingData: PropTypes.object,\n isLoading: PropTypes.bool,\n getSelectedRowActions: PropTypes.func,\n path: PropTypes.string,\n isMonitored: PropTypes.bool,\n renderCRMOverlay: PropTypes.func,\n}\n\nexport default themeable(AccessedUsingWidget)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport TextLink from 'components/TextLink'\nimport DataTable from 'components/DataTable'\nimport { TopTitle, CardBody } from 'components/Card'\nimport Card from 'components/Card'\nimport WidgetPopup from 'components/WidgetPopup'\nimport { getAccountFromSrn, getNodeViewPushParams } from 'utils/sonraiUtils'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { exists } from 'utils/sonraiUtils'\nimport { CRM_TABLE_MAX_SIZE } from 'containers/AccessActivity/constants'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\n\nclass CanAccessWidget extends Component {\n styles = {\n title: {\n fontSize: '22px',\n fontWeight: '300',\n marginRight: '0px',\n },\n card: {\n minHeight: 0,\n display: 'grid',\n gridTemplateRows: '1fr',\n height: 'auto',\n overflow: 'hidden',\n justifyContent: 'inherit',\n alignItems: 'inherit',\n },\n }\n\n state = {\n showPathId: null,\n showPathClassification: null,\n }\n\n resourceOfResource = alertLog => {\n const { resourceSetFull } = alertLog\n if (!resourceSetFull) {\n // eslint-disable-next-line no-console\n console.warn(\n `alertLog ${JSON.stringify(alertLog)} has no resourceSetFull}`\n )\n return undefined\n }\n\n if (resourceSetFull.length == 0) {\n // eslint-disable-next-line no-console\n console.warn(\n `alertLog ${JSON.stringify(alertLog)} has empty resourceSetFull}`\n )\n return undefined\n }\n\n const resource = resourceSetFull[0]\n return resource\n }\n\n importanceOfResource = alertLog => {\n const resource = this.resourceOfResource(alertLog)\n if (!resource) {\n return ''\n }\n\n if (resource.importance) {\n return resource.importance\n }\n\n const swimlanes = _.get(resource, ['swimlane', 'items'])\n if (!swimlanes) {\n return ''\n }\n\n const maxImportance = swimlanes.reduce((max, current) => {\n return Math.max(current.defaultImportance, max)\n }, -1)\n return maxImportance > 0 ? maxImportance : ''\n }\n\n tagsOfResource = alertLog => {\n const resource = this.resourceOfResource(alertLog)\n if (!resource) {\n return ''\n }\n\n if (resource.tagSet) {\n return resource.tagSet.join(', ')\n } else {\n return ''\n }\n }\n\n swimlanesOfResource = alertLog => {\n const resource = this.resourceOfResource(alertLog)\n const swimlanes = _.get(resource, ['swimlane', 'items'])\n if (!swimlanes) {\n return ''\n }\n\n return swimlanes.map(swimlane => swimlane.title).join(', ')\n }\n\n getData = canAccessData => {\n if (\n exists(canAccessData) &&\n exists(canAccessData.data) &&\n !_.isEmpty(canAccessData.data)\n ) {\n if (true === _.get(canAccessData, ['data', 0, 'isSpecialAzureData'])) {\n return canAccessData.data.map(row => {\n return _.pick(row, [\n 'isSpecialAzureData',\n 'who',\n 'How',\n 'account',\n 'Service',\n 'Conditions',\n 'Swimlanes',\n 'Importance',\n 'Tags',\n 'action',\n 'srn',\n ])\n })\n }\n const resources = canAccessData.data.map(resource => ({\n ...resource,\n ...resource.resource,\n }))\n let rows = resources.map(resource => {\n if (resource) {\n const row = {\n [this.props.actionableByMode\n ? 'who'\n : 'what']: resource.resourceSetFull\n ? resource.resourceSetFull\n .map(\n resource =>\n resource.friendlyName ||\n resource.name ||\n _.last(resource.srn.split('/'))\n )\n .join(', ')\n : resource.resourceSet &&\n resource.resourceSet\n .map(resource => _.last(resource.split('/')))\n .join(', '),\n srn: resource.resourceSetFull\n ? resource.resourceSetFull\n .map(resource => resource.srn)\n .join(', ')\n : resource.resourceSet &&\n resource.resourceSet.map(resource => resource.srn).join(', '),\n how: resource.actionClassification,\n action: resource.resourceSet,\n highestAlertSeverity: resource.highestAlertSeverity,\n account: resource.resourceSetFull\n ? resource.resourceSetFull.map(y => y.account).join(', ')\n : resource.resourceSet &&\n resource.resourceSet.map(y => getAccountFromSrn(y)).join(', '),\n service:\n resource.resourceSet &&\n resource.resourceSet.map(x => x.split(':')[2]).join(', '),\n conditions: resource.conditions,\n swimlanes: this.swimlanesOfResource(resource),\n importance: this.importanceOfResource(resource),\n tags: this.tagsOfResource(resource),\n }\n return row\n }\n })\n\n rows = _.uniqBy(rows, row => {\n return `${this.props.actionableByMode ? row.who : row.what}${row.how}${\n row.account\n }${row.service}${row.conditions}`\n })\n\n rows = _.sortBy(rows, row =>\n this.props.actionableByMode ? row.who : row.what\n )\n\n return rows\n }\n\n return []\n }\n\n showPath = (resourceIds, actionClassification, conditions) => {\n //For now, assume only one resourceID per line\n this.props.onShowPath(resourceIds[0], actionClassification, conditions)\n }\n\n onShowPathFromList = (...args) => {\n this.props.onShowPathFromList(...args)\n }\n\n getHeader = count => {\n const { isLocked, title } = this.props\n\n const keyName = this.props.actionableByMode\n ? 'actionableBy'\n : 'hasPermissionTo'\n\n return (\n \n
\n )\n }\n\n getContent = () => {\n const canAccessData = this.getData(this.props.canAccessData)\n\n const { isLoading, isMonitored } = this.props\n if (isLoading) {\n return (\n \n \n {title}{' '}\n {count !== 0 && (\n \n (\n {count >= CRM_TABLE_MAX_SIZE ? `${CRM_TABLE_MAX_SIZE}+` : count}\n )\n \n )}\n \n
\n \n \n Results from this widget are only available if the resource is\n monitored.\n
\n \n )\n },\n}\n\nCanAccessWidget.propTypes = {\n actionableByMode: PropTypes.bool,\n canAccessData: PropTypes.object,\n crmTickets: ImmutablePropTypes.list.isRequired,\n isLoading: PropTypes.bool,\n isLocked: PropTypes.bool,\n isMonitored: PropTypes.bool,\n onShowPath: PropTypes.func.isRequired,\n onShowPathFromList: PropTypes.func,\n push: PropTypes.func,\n recalculateGrid: PropTypes.func,\n renderCRMOverlay: PropTypes.func,\n srn: PropTypes.string,\n theme: themeShape,\n title: PropTypes.string,\n usesEP: PropTypes.bool,\n}\n\nexport default themeable(CanAccessWidget)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport { TopTitle, CardBody } from 'components/Card'\nimport Card from 'components/Card'\nimport WidgetPopup from 'components/WidgetPopup'\nimport moment from 'moment'\nimport DataTable from 'components/DataTable'\nimport { exists } from 'utils/sonraiUtils'\nimport TextLink from 'components/TextLink'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\n\nclass ActivityFromRegions extends Component {\n styles = {\n title: {\n fontSize: '22px',\n fontWeight: '300',\n },\n }\n\n getData = activityData => {\n if (\n exists(activityData) &&\n exists(activityData.data) &&\n !_.isEmpty(activityData.data)\n ) {\n const rows = activityData.data.map(resource => {\n const row = {\n timestamp: resource.timestamp,\n from: resource.regionSet,\n showActions: '',\n }\n return row\n })\n return rows\n }\n return []\n }\n\n handleActionsModal = ({ from, timestamp }) => {\n const { srn, path } = this.props\n this.props.getSelectedRowActions({\n data: {\n regionSet: from,\n criticalResourceSRN: srn,\n },\n path,\n date: {\n fromDate: moment(timestamp).utc().startOf('day'),\n toDate: moment(timestamp).utc().endOf('day'),\n },\n })\n }\n\n getHeader = () => {\n const { isLocked, title } = this.props\n const keyName = this.props.actionableByMode ? 'accessedFrom' : 'activeFrom'\n\n //TODO: support resourceSrn as a filter in tickets page\n return (\n \n
\n )\n }\n\n getContent = () => {\n const activityData = this.getData(this.props.activityWidget)\n const { isLoading } = this.props\n if (isLoading) {\n return (\n \n {title}\n {this.props.isMonitored && (\n
\n \n \n Results from this widget are only available if the resource is\n monitored.\n
\n \n )\n },\n}\n\nActivityFromRegions.propTypes = {\n crmTickets: ImmutablePropTypes.list.isRequired,\n theme: themeShape,\n actionableByMode: PropTypes.bool,\n title: PropTypes.string,\n srn: PropTypes.string,\n isLocked: PropTypes.bool,\n recalculateGrid: PropTypes.func,\n activityWidget: PropTypes.object,\n isLoading: PropTypes.bool,\n getSelectedRowActions: PropTypes.func,\n path: PropTypes.string,\n isMonitored: PropTypes.bool,\n renderCRMOverlay: PropTypes.func,\n}\n\nexport default themeable(ActivityFromRegions)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport BorderedCard from 'components/BorderedCard'\nimport WidgetPopup from 'components/WidgetPopup'\nimport { getMappedBoolLabel } from 'utils/widgetUtils'\nimport { exists } from 'utils/sonraiUtils'\nclass PropertiesWidget extends Component {\n styles = {\n header: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n },\n title: {\n fontSize: '22px',\n marginRight: '0.5rem',\n display: 'inline-flex',\n },\n loading: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n propertiesContainer: {\n display: 'flex',\n flexWrap: 'wrap',\n padding: '0.5rem 0.25rem',\n position: 'relative',\n alignItems: 'flex-start',\n height: 'calc(100% - 55px)',\n },\n key: {\n fontSize: '0.95rem',\n fontWeight: '400',\n color: '#FFF',\n },\n code: {\n fontFamily: 'monospace',\n fontSize: '1.1rem',\n },\n }\n\n componentDidUpdate() {\n if (this.props.recalculateGrid) {\n setTimeout(this.props.recalculateGrid, 100)\n }\n }\n\n getProperties = () => {\n if (!this.props.propertyWidget.isEmpty()) {\n if (\n exists(this.props.propertyWidget.get('data')) &&\n !this.props.propertyWidget.isEmpty()\n ) {\n return this.props.propertyWidget\n .get('data')\n .sort((a, b) => a.get('keyName').localeCompare(b.get('keyName')))\n .map((property, i) => {\n const label = getMappedBoolLabel(\n property.get('keyName'),\n property.get('currentValue')\n )\n if (exists(label)) {\n return (\n \n {label}
,\n keyName: property.get('keyName'),\n currentValue: property.get('currentValue'),\n }}\n color=\"#FFF\"\n isLocked={this.props.changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes(property.get('keyName'))}\n />\n \n )\n }\n })\n }\n }\n }\n\n render() {\n const properties = this.getProperties()\n return (\n \n
\n Attributes
\n {properties}
\n \n )\n }\n}\n\nPropertiesWidget.propTypes = {\n changeDetectionProperties: PropTypes.object,\n crmTickets: ImmutablePropTypes.list.isRequired,\n srn: PropTypes.string,\n recalculateGrid: PropTypes.func,\n propertyWidget: ImmutablePropTypes.iterable.isRequired,\n}\n\nexport default PropertiesWidget\n","/*\n *\n * Access Activity reducer\n *\n */\n\nimport { fromJS } from 'immutable'\nimport moment from 'moment'\nimport _ from 'lodash'\nimport {\n SET_CRITICAL_RESOURCE_MONITOR_DATE,\n SET_PROPERTY_WIDGET_DATA,\n GET_PROPERTY_WIDGET_DATA,\n GET_DID_ACCESS_DATA,\n SET_DID_ACCESS_DATA,\n GET_CAN_ACCESS_DATA,\n SET_CAN_ACCESS_DATA,\n GET_ACCESSED_USING_DATA,\n SET_ACCESSED_USING_DATA,\n GET_ACTIVITY_WIDGET_DATA,\n SET_ACTIVITY_WIDGET_DATA,\n GET_SELECTED_ROW_ACTIONS,\n SET_SELECTED_ROW_ACTIONS,\n TOGGLE_ACTIONS_MODAL,\n GET_CAN_ACCESS_PATH,\n SET_CAN_ACCESS_PATH,\n GET_EP_PATHS,\n ERR_EP_PATHS,\n SET_LAST_CAN_ACCESS_JOB_TIMESTAMP,\n} from './constants'\nimport { handleActions } from 'redux-actions'\nimport { exists } from 'utils/sonraiUtils'\n\nexport const initialState = fromJS({\n activityWidget: {\n data: null,\n isLoading: false,\n },\n accessedUsing: {\n data: null,\n isLoading: false,\n },\n canAccess: {\n data: null,\n isLoading: false,\n },\n didAccess: {\n data: null,\n isLoading: false,\n },\n propertyWidget: {\n data: null,\n isLoading: false,\n },\n lastCanAccessJobTimestamp: null,\n selectedRowActions: null,\n selectedRowActionsLoading: false,\n actionsModal: false,\n canAccessPaths: {},\n canAccessPathLoading: true,\n canAccessPathsError: false,\n}).set('date', {\n fromDate: moment().subtract(1, 'days').startOf('day'),\n toDate: moment().endOf('day'),\n})\n\nconst accessActivityReducer = handleActions(\n {\n [SET_CRITICAL_RESOURCE_MONITOR_DATE]: (state, { payload }) => {\n return state.set('date', payload)\n },\n [GET_PROPERTY_WIDGET_DATA]: state =>\n state.setIn(['propertyWidget', 'isLoading'], true),\n [SET_PROPERTY_WIDGET_DATA]: (state, { payload }) => {\n return state\n .setIn(['propertyWidget', 'data'], fromJS(payload))\n .setIn(['propertyWidget', 'isLoading'], false)\n },\n [GET_DID_ACCESS_DATA]: state =>\n state.setIn(['didAccess', 'isLoading'], true),\n [SET_DID_ACCESS_DATA]: (state, { payload }) => {\n return state\n .setIn(['didAccess', 'data'], fromJS(payload))\n .setIn(['didAccess', 'isLoading'], false)\n },\n [GET_CAN_ACCESS_DATA]: state =>\n state.setIn(['canAccess', 'isLoading'], true),\n [SET_CAN_ACCESS_DATA]: (state, { payload }) => {\n return state\n .setIn(['canAccess', 'data'], fromJS(payload))\n .setIn(['canAccess', 'isLoading'], false)\n },\n [GET_ACCESSED_USING_DATA]: state =>\n state.setIn(['accessedUsing', 'isLoading'], true),\n [SET_ACCESSED_USING_DATA]: (state, { payload }) => {\n return state\n .setIn(['accessedUsing', 'data'], fromJS(payload))\n .setIn(['accessedUsing', 'isLoading'], false)\n },\n [GET_ACTIVITY_WIDGET_DATA]: state =>\n state.setIn(['activityWidget', 'isLoading'], true),\n [SET_ACTIVITY_WIDGET_DATA]: (state, { payload }) => {\n return state\n .setIn(['activityWidget', 'data'], fromJS(payload))\n .setIn(['activityWidget', 'isLoading'], false)\n },\n [TOGGLE_ACTIONS_MODAL]: state =>\n state.set('actionsModal', !state.get('actionsModal')),\n [GET_SELECTED_ROW_ACTIONS]: state =>\n state.set('actionsModal', true).set('selectedRowActionsLoading', true),\n [SET_SELECTED_ROW_ACTIONS]: (state, { payload }) => {\n return state\n .set('selectedRowActions', fromJS(payload))\n .set('selectedRowActionsLoading', false)\n },\n [GET_CAN_ACCESS_PATH]: state =>\n state.set('canAccessPathLoading', true).set('canAccessPathError', false),\n [GET_EP_PATHS]: state =>\n state.set('canAccessPathLoading', true).set('canAccessPathError', false),\n [ERR_EP_PATHS]: state =>\n state.set('canAccessPathLoading', false).set('canAccessPathError', true),\n [SET_CAN_ACCESS_PATH]: (state, { payload }) => {\n return state\n .set('canAccessPathLoading', false)\n .set('canAccessPathError', false)\n .setIn(\n [\n 'canAccessPaths',\n payload.srn,\n payload.actionClassification,\n payload.fromDate,\n payload.conditions,\n ],\n fromJS(payload.paths)\n )\n },\n [SET_LAST_CAN_ACCESS_JOB_TIMESTAMP]: (state, { payload }) => {\n return state.set('lastCanAccessJobTimestamp', payload)\n },\n },\n initialState\n)\n\nexport default accessActivityReducer\n","import {\n SET_CRITICAL_RESOURCE_MONITOR_DATE,\n GET_PROPERTY_WIDGET_DATA,\n SET_PROPERTY_WIDGET_DATA,\n GET_DID_ACCESS_DATA,\n SET_DID_ACCESS_DATA,\n GET_CAN_ACCESS_DATA,\n SET_CAN_ACCESS_DATA,\n GET_ACCESSED_USING_DATA,\n SET_ACCESSED_USING_DATA,\n GET_ACTIVITY_WIDGET_DATA,\n SET_ACTIVITY_WIDGET_DATA,\n GET_SELECTED_ROW_ACTIONS,\n SET_SELECTED_ROW_ACTIONS,\n TOGGLE_ACTIONS_MODAL,\n GET_CAN_ACCESS_PATH,\n SET_CAN_ACCESS_PATH,\n GET_EP_PATHS,\n ERR_EP_PATHS,\n SET_LAST_CAN_ACCESS_JOB_TIMESTAMP,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const setCriticalResourceMonitorDate = createAction(\n SET_CRITICAL_RESOURCE_MONITOR_DATE\n)\n\nexport const getPropertyWidgetData = createAction(GET_PROPERTY_WIDGET_DATA)\n\nexport const setPropertyWidgetData = createAction(SET_PROPERTY_WIDGET_DATA)\n\nexport const getDidAccessData = createAction(GET_DID_ACCESS_DATA)\nexport const setDidAccessData = createAction(SET_DID_ACCESS_DATA)\n\nexport const getCanAccessData = createAction(GET_CAN_ACCESS_DATA)\nexport const setCanAccessData = createAction(SET_CAN_ACCESS_DATA)\n\nexport const getAccessedUsingData = createAction(GET_ACCESSED_USING_DATA)\nexport const setAccessedUsingData = createAction(SET_ACCESSED_USING_DATA)\n\nexport const getActivityWidgetData = createAction(GET_ACTIVITY_WIDGET_DATA)\nexport const setActivityWidgetData = createAction(SET_ACTIVITY_WIDGET_DATA)\n\nexport const getSelectedRowActions = createAction(GET_SELECTED_ROW_ACTIONS)\nexport const setSelectedRowActions = createAction(SET_SELECTED_ROW_ACTIONS)\nexport const toggleActionsModal = createAction(TOGGLE_ACTIONS_MODAL)\n\nexport const getCanAccessPath = createAction(GET_CAN_ACCESS_PATH)\nexport const setCanAccessPath = createAction(SET_CAN_ACCESS_PATH)\n\nexport const getEPPaths = createAction(GET_EP_PATHS)\nexport const errEPPaths = createAction(ERR_EP_PATHS)\n\nexport const setLastCanAccessJobTimestamp = createAction(\n SET_LAST_CAN_ACCESS_JOB_TIMESTAMP\n)\n","import { all, takeLatest, put, call, select } from 'redux-saga/effects'\nimport _ from 'lodash'\nimport {\n setPropertyWidgetData,\n setDidAccessData,\n setCanAccessData,\n setAccessedUsingData,\n setActivityWidgetData,\n setSelectedRowActions,\n setCanAccessPath,\n errEPPaths,\n setLastCanAccessJobTimestamp,\n} from './actions'\n\nimport { selectLastCanAccessJobTimestamp } from './selectors'\nimport {\n GET_PROPERTY_WIDGET_DATA,\n GET_DID_ACCESS_DATA,\n GET_CAN_ACCESS_DATA,\n GET_ACCESSED_USING_DATA,\n GET_ACTIVITY_WIDGET_DATA,\n GET_SELECTED_ROW_ACTIONS,\n GET_CAN_ACCESS_PATH,\n GET_EP_PATHS,\n} from './constants'\nimport {\n GET_PROPERTIES_WIDGET,\n GET_DID_ACCESS_WIDGET,\n GET_CAN_ACCESS_WIDGET,\n GET_CAN_ACCESS_PATHS,\n GET_ACCESSED_USING_WIDGET_RESOURCE_SET,\n GET_ACCESSED_USING_WIDGET_CRITICAL_RESOURCE_SRN,\n GET_ACTIVITY_WIDGET,\n GET_ACCESSED_ACTIONS,\n GET_ACCESSED_BY_ACTIONS,\n GET_ACTIVE_FROM_ACTIONS,\n GET_ACCESSED_FROM_ACTIONS,\n GET_ACCESSED_USING_ACTIONS,\n GET_WAS_ACCESSED_USING_ACTIONS,\n} from 'static-queries'\nimport gql from 'graphql-tag'\nimport { getClient } from 'apolloClient'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport { srnIsCRMActionable } from 'utils/widgetUtils'\nimport {\n selectQueryTypes,\n selectSwimlanes,\n} from 'containers/SonraiData/selectors'\n\nimport moment from 'moment'\nfunction* getPropertyWidget(action) {\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_PROPERTIES_WIDGET}\n `,\n variables: {\n srn: action.payload,\n },\n })\n const properties = response.data.getMonitoredProperties\n yield put(setPropertyWidgetData(properties))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting property data', e)\n }\n}\n\nfunction* getDidAccess(action) {\n const { srn, fromDate, toDate, keyName } = action.payload\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_DID_ACCESS_WIDGET}\n `,\n variables: {\n srn,\n toDate: parseInt(toDate),\n fromDate: parseInt(fromDate),\n keyName,\n },\n })\n yield put(setDidAccessData(response.data.AlertLogs.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting did access data', e)\n }\n}\n\nconst CAN_ACCESS_FROM_EP_GCP = gql`\n query getCanAccessFromEPGCP($resourceId: String) {\n Actors(\n where: {\n and: [{ and: [{ active: { op: EQ, value: true } }] }, {}, {}]\n hasEffectivePermissions: {\n includes: [\n {\n gcpResource: { op: EQ, value: $resourceId, caseSensitive: false }\n }\n ]\n }\n }\n ) {\n items {\n hasEffectivePermissions(\n distinct: [\n permission\n policySrn\n permissionActionClassifications\n policyEntryConditions\n identityChain\n ]\n where: {\n includes: [\n {\n gcpResource: {\n op: EQ\n value: $resourceId\n caseSensitive: false\n }\n }\n ]\n }\n ) {\n items {\n permission\n policySrn\n permissionActionClassifications\n policyEntryConditions\n identityChain\n }\n }\n Who: name\n Where: account\n Service: serviceType\n highestAlertSeverity\n srn\n ... on Resource {\n swimlane {\n items {\n title\n defaultImportance\n }\n }\n }\n importance\n tagSet\n }\n }\n }\n`\n\nconst CAN_ACCESS_FROM_EP = gql`\n query getCanAccessFromEP($srn: String) {\n Actors(\n where: {\n and: [{ and: [{ active: { op: EQ, value: true } }] }, {}, {}]\n hasEffectivePermissions: {\n includes: [\n { azureResource: { op: EQ, value: $srn, caseSensitive: false } }\n ]\n }\n }\n ) {\n items {\n hasEffectivePermissions(\n distinct: [\n permission\n policySrn\n permissionActionClassifications\n policyEntryConditions\n identityChain\n ]\n where: {\n includes: [\n { azureResource: { op: EQ, value: $srn, caseSensitive: false } }\n ]\n }\n ) {\n items {\n permission\n policySrn\n permissionActionClassifications\n policyEntryConditions\n identityChain\n }\n }\n Who: name\n Where: account\n Service: serviceType\n highestAlertSeverity\n srn\n ... on Resource {\n swimlane {\n items {\n title\n defaultImportance\n }\n }\n }\n importance\n tagSet\n }\n }\n }\n`\n\nfunction* getTypesForAzureData(action) {\n const { srn, resourceId } = action.payload\n const type = getTypeFromSrn(srn)\n if (!type) {\n // eslint-disable-next-line no-console\n console.warn('could not get the type from the srn: ' + srn)\n return\n }\n const queryTypes = yield select(selectQueryTypes)\n const possibleDataTypes = queryTypes.getIn(['Data', 'possibleTypes'], null)\n if (possibleDataTypes === null) {\n // eslint-disable-next-line no-console\n console.warn('could not get Data.possibleTypes from queryTypes')\n return\n }\n\n const lowercaseType = type.toLowerCase()\n const dataType = possibleDataTypes.find(\n pt => lowercaseType === pt.get('name').toLowerCase()\n )\n\n if (!dataType) {\n // this is an OK scenario, it just means the thing is Azure but not data\n return\n }\n\n const client = yield getClient()\n\n let response\n const isGCPNode = srn && srn.includes('gcp')\n if (isGCPNode && resourceId) {\n response = yield client.query({\n query: CAN_ACCESS_FROM_EP_GCP,\n variables: { resourceId },\n })\n } else {\n response = yield client.query({\n query: CAN_ACCESS_FROM_EP,\n variables: { srn: resourceId }, // <-- not a typo\n })\n }\n\n const results = []\n\n const path = ['data', 'Actors', 'items']\n const actors = _.get(response, path, null)\n if (path === null) {\n throw 'The response did not have ' + path.join('/')\n }\n\n const allSwimlanes = yield select(selectSwimlanes)\n const swimlanesSrnToName = {}\n if (!allSwimlanes) {\n // eslint-disable-next-line no-console\n console.warn('no swimlanes')\n } else {\n for (let swimlane of allSwimlanes) {\n swimlanesSrnToName[swimlane.srn] = swimlane.name\n }\n }\n\n for (let actor of actors) {\n const {\n Who: who,\n Where: where,\n Service,\n tagSet: Tags,\n swimlane,\n importance,\n srn,\n } = actor\n const eps = _.get(actor, ['hasEffectivePermissions', 'items'], null)\n if (eps === null) {\n // eslint-disable-next-line no-console\n console.warn('actor has null eps ', actor)\n }\n\n const alreadyfoundHows = []\n for (let ep of eps) {\n const {\n policyEntryConditions: Conditions,\n permissionActionClassifications: How,\n identityChain,\n policySrn,\n } = ep\n\n const path = identityChain.split(',')\n path.push(policySrn)\n\n if (!alreadyfoundHows.includes(How)) {\n results.push({\n srn,\n isSpecialAzureData: true,\n who,\n How,\n where,\n Service,\n action: path,\n Conditions: Conditions != '' ? Conditions : '[]',\n Swimlanes: _.get(swimlane, ['items'], []).map(sw => sw.title),\n Importance: importance\n ? importance\n : _.get(swimlane, ['items'], []).reduce(\n (acc, curr) => Math.max(acc, curr.defaultImportance),\n 0\n ),\n Tags,\n })\n alreadyfoundHows.push(How)\n }\n }\n }\n\n return results\n}\n\nfunction* getCanAccess(action) {\n const { srn, cloudType, fromDate, toDate, keyName } = action.payload\n try {\n if ('azure' === cloudType || 'gcp' === cloudType) {\n const azureDataCanAccess = yield getTypesForAzureData(action)\n if (azureDataCanAccess) {\n yield put(setCanAccessData(azureDataCanAccess))\n return\n }\n }\n\n const fromDateSeven = moment.unix(toDate).subtract(7, 'days')\n let momentFromDate = moment.unix(fromDate)\n\n if (fromDateSeven.isBefore(momentFromDate)) {\n momentFromDate = fromDateSeven\n }\n\n const client = getClient()\n\n const lastRunTimestampResponse = yield client.query({\n query: gql`\n query getMostRecentCanAccessAlertLog(\n $srn: String\n $fromDate: DateTime\n $toDate: DateTime\n $keyName: String\n ) {\n AlertLogs(\n where: {\n timestamp: { op: BETWEEN, values: [$fromDate, $toDate] }\n criticalResourceSRN: { value: $srn }\n keyName: { value: $keyName }\n }\n ) {\n items(limit: 1, orderBy: [{ timestamp: { order: DESC } }]) {\n timestamp\n }\n }\n }\n `,\n variables: {\n srn,\n toDate: moment.unix(toDate).toISOString(),\n fromDate: momentFromDate.toISOString(),\n keyName,\n },\n })\n\n if (!lastRunTimestampResponse.data) {\n throw new Error(\n `Error fetching last Can Access data: ${lastRunTimestampResponse.errors}`\n )\n }\n\n if (lastRunTimestampResponse.data.AlertLogs.items.length === 0) {\n yield put(setCanAccessData([]))\n return\n }\n\n const timestamp = lastRunTimestampResponse.data.AlertLogs.items[0].timestamp\n const lastTimestamp = moment(timestamp).toISOString()\n\n yield put(setLastCanAccessJobTimestamp(lastTimestamp))\n\n const response = yield client.query({\n query: gql`\n ${GET_CAN_ACCESS_WIDGET}\n `,\n variables: {\n srn,\n toDate: lastTimestamp,\n fromDate: lastTimestamp,\n keyName,\n },\n })\n\n const parsedData = response.data.AlertLogs.items.map(crmData => {\n if (typeof crmData.path === 'string') {\n crmData.path = JSON.parse(crmData.path)\n }\n\n return crmData\n })\n\n yield put(setCanAccessData(parsedData))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting can access data', e)\n }\n}\n\nfunction* getCanAccessPaths(action) {\n let {\n srn,\n fromDate,\n toDate,\n keyName,\n resourceId,\n actionClassification,\n conditions,\n } = action.payload\n\n const lastRunTimestamp = yield select(selectLastCanAccessJobTimestamp)\n if (lastRunTimestamp) {\n fromDate = lastRunTimestamp\n toDate = lastRunTimestamp\n }\n\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_CAN_ACCESS_PATHS}\n `,\n variables: {\n srn,\n conditions,\n fromDate,\n toDate,\n keyName,\n resourceId,\n actionClassification,\n },\n })\n\n const parsedData = response.data.AlertLogs.items.map(crmData => {\n let path = crmData.path\n if (typeof crmData.path === 'string') {\n path = JSON.parse(crmData.path)\n }\n\n return path\n })\n\n yield put(\n setCanAccessPath({\n srn: resourceId,\n actionClassification: actionClassification,\n paths: parsedData,\n fromDate: action.payload.fromDate,\n conditions,\n })\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting can access paths', e)\n }\n}\n\nfunction* getAccessedUsing(action) {\n const { srn, fromDate, toDate } = action.payload\n if (srnIsCRMActionable(srn)) {\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_ACCESSED_USING_WIDGET_RESOURCE_SET}\n `,\n variables: {\n srn,\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n },\n })\n yield put(setAccessedUsingData(response.data.AlertLogs.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting accessed using data', e)\n }\n } else {\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_ACCESSED_USING_WIDGET_CRITICAL_RESOURCE_SRN}\n `,\n variables: {\n srn,\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n },\n })\n yield put(setAccessedUsingData(response.data.AlertLogs.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting accessed using data', e)\n }\n }\n}\n\nfunction* getActivityWidget(action) {\n const { srn, fromDate, toDate, keyName } = action.payload\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_ACTIVITY_WIDGET}\n `,\n variables: {\n srn,\n toDate: parseInt(toDate),\n fromDate: parseInt(fromDate),\n keyName,\n },\n })\n yield put(setActivityWidgetData(response.data.AlertLogs.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting activity regions data', e)\n }\n}\n\nfunction* getActions(action) {\n const { data, date, path } = action.payload\n const dates = {\n fromDate: date.fromDate\n ? moment.utc(moment(date.fromDate).format('MMM D YYYY')).format('X')\n : moment.utc(moment().format('MMM D YYYY')).format('X'),\n toDate:\n moment\n .utc(date || moment().format('MMM D YYYY'))\n .add(1, 'days')\n .format('X') - 1,\n }\n\n switch (path) {\n case 'accessed':\n yield call(getAccessedActions, data, dates)\n break\n case 'accessedBy':\n yield call(getAccessedByActions, data, dates)\n break\n case 'activeFrom':\n yield call(getActiveFromActions, data, dates)\n break\n case 'accessedFrom':\n yield call(getAccessedFromActions, data, dates)\n break\n case 'accessedUsing':\n yield call(getAccessedUsingActions, data, dates)\n break\n case 'wasAccessedUsing':\n yield call(getWasAccessedUsingActions, data, dates)\n break\n default:\n return\n }\n}\n\nfunction* getAccessedActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, actionClassification, resourceSet } = data\n const performedOnValue = resourceSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n actionClassification,\n performedOnValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getAccessedByActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, actionClassification, resourceSet } = data\n const performedByValue = resourceSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_BY_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n actionClassification,\n performedByValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getActiveFromActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, regionSet } = data\n const countryValue = regionSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACTIVE_FROM_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n countryValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getAccessedFromActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, regionSet } = data\n const countryValue = regionSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_FROM_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n countryValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getAccessedUsingActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, userAgentSet } = data\n const userValue = userAgentSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_USING_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n userValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getWasAccessedUsingActions(data, dates) {\n const { fromDate, toDate } = dates\n const { criticalResourceSRN, userAgentSet } = data\n const userValue = userAgentSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_WAS_ACCESSED_USING_ACTIONS}\n `,\n variables: {\n fromDate: parseInt(fromDate),\n toDate: parseInt(toDate),\n criticalResourceSRN,\n userValue,\n },\n })\n yield put(setSelectedRowActions(response.data.Actions.items))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getEffectivePermissionIdentityChains(action) {\n const client = yield getClient()\n const { epFilter: epFilterArg, srn } = action.payload\n const epFilter = _.mapValues(epFilterArg, arg => ({ value: arg }))\n try {\n const result = yield client.query({\n variables: {\n epFilter,\n srn,\n permissionSrn: epFilterArg.permissionSrn,\n },\n query: gql`\n query effectivePermChains(\n $srn: String\n $permissionSrn: String\n $epFilter: EffectivePermissionFilterType\n ) {\n Permissions(where: { srn: { value: $permissionSrn } }) {\n items {\n cloudType\n label\n name\n srn\n metadata\n }\n }\n Users(where: { srn: { value: $srn } }) {\n items {\n hasEffectivePermissions(where: { includes: [$epFilter] }) {\n items {\n identityChain\n permission\n permissionSrn\n permissionCloudType\n permissionActionClassifications\n permissionListLoadId\n permissionServiceType\n policySrn\n policyType\n policyVersionId\n policyEntryCloudType\n policyEntryLoadId\n policyEntryPrincipals\n policyEntryResourceFilter\n policyEntryConditions\n resourceAccount\n resourceFriendlyName\n resourceId\n resourceLabel\n resourceLoadId\n resourceSrn\n resourceCloud\n restriction\n activityCount\n identityChainDepth\n lastUsedDate\n }\n }\n }\n }\n }\n `,\n })\n\n const permission = _.get(result, ['data', 'Permissions', 'items', 0])\n const permissionSRN = (permission || {}).srn\n\n if (undefined === permissionSRN) {\n throw 'The result did not return permission SRN'\n }\n\n const eps = _.get(result, [\n 'data',\n 'Users',\n 'items',\n 0,\n 'hasEffectivePermissions',\n 'items',\n ])\n if (undefined === eps) {\n throw 'Rhe result did not return effective permissions'\n }\n\n const paths = _.uniq(\n eps.map(({ identityChain, policySrn }) => `${identityChain},${policySrn}`)\n ).map(it => it.split(','))\n\n const { actionClassification, fromDate, conditions } = action.payload\n\n action.payload.pathDataCallback({\n srn: permissionSRN,\n permission,\n })\n yield put(\n setCanAccessPath({\n srn: permissionSRN,\n fromDate,\n actionClassification,\n conditions,\n paths,\n })\n )\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(\n `There was error fetching effective permission identity chain: ${e}`\n )\n yield put(errEPPaths())\n }\n}\n\nfunction* accessActivitySaga() {\n yield all([\n takeLatest(GET_PROPERTY_WIDGET_DATA, getPropertyWidget),\n takeLatest(GET_DID_ACCESS_DATA, getDidAccess),\n takeLatest(GET_CAN_ACCESS_DATA, getCanAccess),\n takeLatest(GET_ACCESSED_USING_DATA, getAccessedUsing),\n takeLatest(GET_ACTIVITY_WIDGET_DATA, getActivityWidget),\n takeLatest(GET_SELECTED_ROW_ACTIONS, getActions),\n takeLatest(GET_CAN_ACCESS_PATH, getCanAccessPaths),\n takeLatest(GET_EP_PATHS, getEffectivePermissionIdentityChains),\n ])\n}\n\nexport default accessActivitySaga\n","import { createSelector } from 'reselect'\nimport { Map, List } from 'immutable'\n\n/**\n * Direct selector to the Change Detection Manager state domain\n */\nconst selectChangeDetectionManagerDomain = state =>\n state.get('changeDetectionManager')\n\n/**\n * Other specific selectors\n */\n\n/**\n * Default selector used by Change Detection Manager\n */\n\nexport const selectChangeDetectionManager = createSelector(\n selectChangeDetectionManagerDomain,\n state => state || Map()\n)\n\nexport const selectIsLoading = createSelector(\n selectChangeDetectionManagerDomain,\n changeDetectionManager => {\n return changeDetectionManager.get('isLoading')\n }\n)\n\nexport const selectChangeDetectionOptions = createSelector(\n selectChangeDetectionManagerDomain,\n changeDetectionManager => {\n return changeDetectionManager.get('changeDetectionOptions') || List()\n }\n)\n\nexport const selectChangeDetectionProperties = createSelector(\n selectChangeDetectionManagerDomain,\n changeDetectionManager => {\n return changeDetectionManager.get('changeDetectionProperties') || List()\n }\n)\n\nexport default selectChangeDetectionManager\nexport { selectChangeDetectionManagerDomain }\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'\nimport DataTable from 'components/DataTable'\nimport TextLink from 'components/TextLink'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\n\nclass UnderlyingActionsModal extends Component {\n render() {\n const {\n isOpen,\n toggle,\n selectedRowActions,\n selectedRowActionsLoading,\n } = this.props\n return (\n \n \n this.setState({ focusedInput })}\n onDatesChange={this.handleDatesChange}\n isOutsideRange={date => moment(date).isAfter(moment())}\n displayFormat={'MMMM D YYYY'}\n />\n
\n \n
\n \n x.get('keyName'))\n .includes('accessed') ||\n changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('accessedBy')\n }\n date={date}\n type={type}\n didAccessData={this.props.didAccessData.toJS()}\n isLoading={this.props.didAccessData.get('isLoading')}\n title={actionableByMode ? 'Who & What Did Access' : 'Did Access'}\n actionableByMode={actionableByMode}\n path={actionableByMode ? 'accessedBy' : 'accessed'}\n />\n
\n \n x.get('keyName'))\n .includes('activeFrom') ||\n changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('accessedFrom')\n }\n title={\n actionableByMode ? 'Accessed From Region' : 'Active From Region'\n }\n srn={this.props.nodeId}\n activityWidget={this.props.activityWidget.toJS()}\n isLoading={this.props.activityWidget.get('isLoading')}\n actionableByMode={actionableByMode}\n path={actionableByMode ? 'accessedFrom' : 'activeFrom'}\n />\n
\n \n x.get('keyName'))\n .includes('hasPermissionTo') ||\n changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('actionableBy')\n }\n title={actionableByMode ? 'Who & What Can Access' : 'Can Access'}\n canAccessData={this.props.canAccessData.toJS()}\n isLoading={this.props.canAccessData.get('isLoading')}\n onShowPath={this.onShowPath}\n actionableByMode={actionableByMode}\n />\n
\n \n x.get('keyName'))\n .includes('accessedUsing')}\n type={type}\n accessedUsingData={this.props.accessedUsingData.toJS()}\n isLoading={this.props.accessedUsingData.get('isLoading')}\n title={actionableByMode ? 'Was Accessed Using' : 'Accessed Using'}\n getSelectedRowActions={this.props.getSelectedRowActions}\n path={actionableByMode ? 'wasAccessedUsing' : 'accessedUsing'}\n />\n
\n \n \n )\n }\n}\n\nAccessActivity.propTypes = {\n accessedUsingData: ImmutablePropTypes.iterable.isRequired,\n actionsModal: PropTypes.bool,\n activityWidget: ImmutablePropTypes.iterable.isRequired,\n alertTime: PropTypes.number,\n canAccessData: ImmutablePropTypes.iterable.isRequired,\n canAccessPaths: ImmutablePropTypes.map.isRequired,\n changeDetectionProperties: ImmutablePropTypes.iterable,\n crmTickets: ImmutablePropTypes.list.isRequired,\n date: PropTypes.string,\n didAccessData: ImmutablePropTypes.iterable.isRequired,\n getCanAccessPath: PropTypes.func.isRequired,\n getSelectedRowActions: PropTypes.func,\n intl: PropTypes.shape({ formatMessage: PropTypes.func.isRequired }),\n nodeId: PropTypes.string.isRequired,\n propertyWidget: ImmutablePropTypes.iterable.isRequired,\n push: PropTypes.func.isRequired,\n selectedRowActions: PropTypes.array,\n selectedRowActionsLoading: PropTypes.bool,\n setCriticalResourceMonitorDate: PropTypes.func.isRequired,\n toggleActionsModal: PropTypes.func,\n}\n\nconst mapStateToProps = createStructuredSelector({\n date: selectCriticalResourceMonitorDate,\n canAccessPaths: selectCanAccessPaths,\n changeDetectionProperties: selectChangeDetectionProperties,\n accessPaths: selectAccessPaths,\n propertyWidget: selectPropertyWidget,\n didAccessData: selectDidAccessData,\n canAccessData: selectCanAccessData,\n accessedUsingData: selectAccessedUsingData,\n activityWidget: selectActivityWidget,\n selectedRowActions: selectSelectedRowActions,\n actionsModal: selectActionsModal,\n selectedRowActionsLoading: selectSelectedRowActionsLoading,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n push,\n setCriticalResourceMonitorDate,\n getPropertyWidgetData,\n getDidAccessData,\n getCanAccessData,\n getAccessedUsingData,\n getActivityWidgetData,\n getSelectedRowActions,\n toggleActionsModal,\n getCanAccessPath,\n setCanAccessPath,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\nconst withReducer = injectReducer({ key: 'accessActivity', reducer })\nconst withSaga = injectSaga({ key: 'accessActivity', saga: saga })\n\nexport default compose(withReducer, withSaga, withConnect)(AccessActivity)\n","export const GET_PERFORMED_ACTIONS = 'app/Activity/GET_PERFORMED_ACTIONS'\nexport const SET_PERFORMED_ACTIONS = 'app/Activity/SET_PERFORMED_ACTIONS'\nexport const SET_ACTIVITY_DATE = 'app/Activity/SET_ACTIVITY_DATE'\nexport const TOGGLE_PERFORMED_ACTION_FIELDS =\n 'app/Activity/TOGGLE_PERFORMED_ACTION_FIELDS'\nexport const SET_PERFORMED_ACTION_FIELDS =\n 'app/Activity/SET_PERFORMED_ACTION_FIELDS'\nexport const CLEAR_ACTIVITY = 'app/Activity/CLEAR_ACTIVITY'\nexport const GET_ROLES_ASSUMED = 'app/Activity/GET_ROLES_ASSUMED'\nexport const SET_ROLES_ASSUMED = 'app/Activity/SET_ROLES_ASSUMED'\nexport const GET_ROLES_ASSUMED_BY = 'app/Activity/GET_ROLES_ASSUMED_BY'\nexport const SET_ROLES_ASSUMED_BY = 'app/Activity/SET_ROLES_ASSUMED_BY'\nexport const GET_ACTIVE_FROM = 'app/Activity/GET_ACTIVE_FROM'\nexport const SET_ACTIVE_FROM = 'app/Activity/SET_ACTIVE_FROM'\nexport const GET_ACCESSED_USING = 'app/Activity/GET_ACCESSED_USING'\nexport const SET_ACCESSED_USING = 'app/Activity/SET_ACCESSED_USING'\n\nexport const GET_SELECTED_ROW_ACTIONS = 'app/Activity/GET_SELECTED_ROW_ACTIONS'\nexport const SET_SELECTED_ROW_ACTIONS = 'app/Activity/SET_SELECTED_ROW_ACTIONS'\nexport const TOGGLE_ACTIONS_MODAL = 'app/Activity /TOGGLE_ACTIONS_MODAL'\n","/*\n *\n * Activity reducer\n *\n */\n\nimport { fromJS } from 'immutable'\nimport moment from 'moment'\nimport {\n GET_PERFORMED_ACTIONS,\n SET_PERFORMED_ACTIONS,\n SET_ACTIVITY_DATE,\n TOGGLE_PERFORMED_ACTION_FIELDS,\n CLEAR_ACTIVITY,\n GET_ROLES_ASSUMED,\n SET_ROLES_ASSUMED,\n GET_ROLES_ASSUMED_BY,\n SET_ROLES_ASSUMED_BY,\n GET_ACTIVE_FROM,\n SET_ACTIVE_FROM,\n GET_ACCESSED_USING,\n SET_ACCESSED_USING,\n GET_SELECTED_ROW_ACTIONS,\n SET_SELECTED_ROW_ACTIONS,\n TOGGLE_ACTIONS_MODAL,\n SET_PERFORMED_ACTION_FIELDS,\n} from './constants'\nimport { handleActions } from 'redux-actions'\n\nconst initialState = fromJS({\n performedActions: {\n data: null,\n isLoading: false,\n },\n rolesAssumed: {\n data: null,\n isLoading: false,\n },\n rolesAssumedBy: {\n data: null,\n isLoading: false,\n },\n activeFrom: {\n data: null,\n isLoading: false,\n },\n accessedUsing: {\n data: null,\n isLoading: false,\n },\n selectedRowActions: null,\n selectedRowActionsLoading: false,\n actionsModal: false,\n})\n .set('date', {\n fromDate: moment().subtract(1, 'days'),\n toDate: moment(),\n })\n .set('performedActionFields', fromJS(['performedByValue']))\n\nconst activityReducer = handleActions(\n {\n [GET_PERFORMED_ACTIONS]: state =>\n state\n .setIn(['performedActions', 'isLoading'], true)\n .setIn(['performedActions', 'data'], null),\n [SET_PERFORMED_ACTIONS]: (state, { payload }) =>\n state\n .setIn(['performedActions', 'data'], fromJS(payload))\n .setIn(['performedActions', 'isLoading'], false),\n [GET_ROLES_ASSUMED]: state =>\n state\n .setIn(['rolesAssumed', 'isLoading'], true)\n .setIn(['rolesAssumed', 'data'], null),\n [SET_ROLES_ASSUMED]: (state, { payload }) =>\n state\n .setIn(['rolesAssumed', 'data'], fromJS(payload))\n .setIn(['rolesAssumed', 'isLoading'], false),\n [GET_ROLES_ASSUMED_BY]: state =>\n state\n .setIn(['rolesAssumedBy', 'isLoading'], true)\n .setIn(['rolesAssumedBy', 'data'], null),\n [SET_ROLES_ASSUMED_BY]: (state, { payload }) =>\n state\n .setIn(['rolesAssumedBy', 'data'], fromJS(payload))\n .setIn(['rolesAssumedBy', 'isLoading'], false),\n [SET_ACTIVITY_DATE]: (state, { payload }) => state.set('date', payload),\n [SET_PERFORMED_ACTION_FIELDS]: (state, { payload }) =>\n state.set('performedActionFields', fromJS(payload)),\n [TOGGLE_PERFORMED_ACTION_FIELDS]: (state, { payload }) => {\n const index = state.get('performedActionFields').indexOf(payload)\n if (index === -1) {\n return state.set(\n 'performedActionFields',\n state.get('performedActionFields').push(payload)\n )\n } else {\n return state.set(\n 'performedActionFields',\n state.get('performedActionFields').splice(index, 1)\n )\n }\n },\n [GET_ACTIVE_FROM]: state =>\n state\n .setIn(['activeFrom', 'isLoading'], true)\n .setIn(['activeFrom', 'data'], null),\n [SET_ACTIVE_FROM]: (state, { payload }) =>\n state\n .setIn(['activeFrom', 'data'], fromJS(payload))\n .setIn(['activeFrom', 'isLoading'], false),\n [GET_ACCESSED_USING]: state =>\n state\n .setIn(['accessedUsing', 'isLoading'], true)\n .setIn(['accessedUsing', 'data'], null),\n [SET_ACCESSED_USING]: (state, { payload }) =>\n state\n .setIn(['accessedUsing', 'data'], fromJS(payload))\n .setIn(['accessedUsing', 'isLoading'], false),\n [TOGGLE_ACTIONS_MODAL]: state =>\n state.set('actionsModal', !state.get('actionsModal')),\n [GET_SELECTED_ROW_ACTIONS]: state =>\n state.set('actionsModal', true).set('selectedRowActionsLoading', true),\n [SET_SELECTED_ROW_ACTIONS]: (state, { payload }) => {\n return state\n .set('selectedRowActions', fromJS(payload))\n .set('selectedRowActionsLoading', false)\n },\n [CLEAR_ACTIVITY]: () => {\n return initialState\n },\n },\n initialState\n)\n\nexport default activityReducer\n","import {\n GET_PERFORMED_ACTIONS,\n SET_PERFORMED_ACTIONS,\n SET_ACTIVITY_DATE,\n SET_PERFORMED_ACTION_FIELDS,\n TOGGLE_PERFORMED_ACTION_FIELDS,\n CLEAR_ACTIVITY,\n GET_ROLES_ASSUMED,\n SET_ROLES_ASSUMED,\n GET_ROLES_ASSUMED_BY,\n SET_ROLES_ASSUMED_BY,\n GET_ACTIVE_FROM,\n SET_ACTIVE_FROM,\n GET_ACCESSED_USING,\n SET_ACCESSED_USING,\n GET_SELECTED_ROW_ACTIONS,\n SET_SELECTED_ROW_ACTIONS,\n TOGGLE_ACTIONS_MODAL,\n} from './constants'\nimport { createAction } from 'redux-actions'\n\nexport const getPerformedActions = createAction(GET_PERFORMED_ACTIONS)\nexport const setPerformedActions = createAction(SET_PERFORMED_ACTIONS)\nexport const setActivityDate = createAction(SET_ACTIVITY_DATE)\nexport const togglePerformedActionFields = createAction(\n TOGGLE_PERFORMED_ACTION_FIELDS\n)\nexport const setPerformedActionFields = createAction(\n SET_PERFORMED_ACTION_FIELDS\n)\nexport const clearActivity = createAction(CLEAR_ACTIVITY)\nexport const getRolesAssumed = createAction(GET_ROLES_ASSUMED)\nexport const setRolesAssumed = createAction(SET_ROLES_ASSUMED)\nexport const getRolesAssumedBy = createAction(GET_ROLES_ASSUMED_BY)\nexport const setRolesAssumedBy = createAction(SET_ROLES_ASSUMED_BY)\nexport const getActiveFrom = createAction(GET_ACTIVE_FROM)\nexport const setActiveFrom = createAction(SET_ACTIVE_FROM)\nexport const getAccessedUsing = createAction(GET_ACCESSED_USING)\nexport const setAccessedUsing = createAction(SET_ACCESSED_USING)\nexport const getSelectedRowActions = createAction(GET_SELECTED_ROW_ACTIONS)\nexport const setSelectedRowActions = createAction(SET_SELECTED_ROW_ACTIONS)\nexport const toggleActionsModal = createAction(TOGGLE_ACTIONS_MODAL)\n","import { createSelector } from 'reselect'\nimport { Map, List } from 'immutable'\n\nconst selectActivityDomain = state => state.get('activity')\n\nexport const selectActivity = createSelector(\n selectActivityDomain,\n state => state || Map()\n)\n\nexport const selectPerformedActions = createSelector(\n selectActivity,\n state => state.get('performedActions')\n)\n\nexport const selectActivityDate = createSelector(\n selectActivity,\n state => state.get('date')\n)\n\nexport const selectPerformedActionFields = createSelector(\n selectActivity,\n state => state.get('performedActionFields')\n)\n\nexport const selectRolesAssumed = createSelector(\n selectActivity,\n state => state.get('rolesAssumed')\n)\n\nexport const selectRolesAssumedBy = createSelector(\n selectActivity,\n state => state.get('rolesAssumedBy')\n)\n\nexport const selectActiveFrom = createSelector(\n selectActivity,\n state => state.get('activeFrom')\n)\n\nexport const selectAccessedUsing = createSelector(\n selectActivity,\n state => state.get('accessedUsing')\n)\n\nexport const selectSelectedRowActions = createSelector(\n selectActivity,\n state => {\n return state.get('selectedRowActions') || List()\n }\n)\n\nexport const selectSelectedRowActionsLoading = createSelector(\n selectActivity,\n state => {\n return state.get('selectedRowActionsLoading')\n }\n)\n\nexport const selectActionsModal = createSelector(\n selectActivity,\n state => {\n return state.get('actionsModal')\n }\n)\n\nexport default selectActivity\nexport { selectActivityDomain }\n","export const GET_ACCESSED_FROM_ACTIONS = ` \nquery getActiveFromActions($criticalResourceSRN: String, $countryValue: String, $fromDate: DateTime, $toDate: DateTime) {\n Actions(\n where: {\n performedOnValue: { value: $criticalResourceSRN }\n performedAtCountryValues: { value: $countryValue }\n createdDate: {\n and: [\n { op: GT, value: $fromDate}\n { op: LTE, value: $toDate}\n ]\n }\n }\n ) {\n count\n items {\n srn\n eventName\n service\n createdDate\n performedByValue\n }\n }\n }`\n\nexport const GET_ACTIVITY_WIDGET = `\n query getActivityFromRegions($srn: String, $fromDate: DateTime, $toDate: DateTime, $keyName: String) {\n AlertLogs(\n where: { \n and: { \n criticalResourceSRN: { value: $srn }\n timestamp: { op: BETWEEN values: [$fromDate, $toDate] }\n keyName: { value: $keyName }\n }\n }\n )\n {\n items {\n count\n regionSet\n timestamp\n }\n }\n}`\n\nexport const GET_ACCESSED_USING_WIDGET_CRITICAL_RESOURCE_SRN = `\n query getAccessedUsing($srn: String, $fromDate: DateTime, $toDate: DateTime, $keyName: String) {\n AlertLogs(\n where: { \n and: { \n criticalResourceSRN: { value: $srn }\n timestamp: { op: BETWEEN values: [$fromDate, $toDate] }\n keyName: { value: $keyName }\n }\n }\n ) {\n items { \n criticalResourceSRN\n userAgentSet\n timestamp\n }\n }\n }`\n","import { all, takeLatest, put, select, call } from 'redux-saga/effects'\nimport gql from 'graphql-tag'\nimport { getClient } from 'apolloClient'\nimport {\n setPerformedActions,\n setRolesAssumed,\n setRolesAssumedBy,\n setActiveFrom,\n setAccessedUsing,\n setSelectedRowActions,\n} from './actions'\nimport {\n GET_PERFORMED_ACTIONS,\n GET_ROLES_ASSUMED,\n GET_ROLES_ASSUMED_BY,\n GET_ACTIVE_FROM,\n GET_ACCESSED_USING,\n GET_SELECTED_ROW_ACTIONS,\n} from './constants'\nimport { selectPerformedActionFields } from './selectors'\nimport {\n GET_ACTIVE_FROM_ACTIONS,\n GET_ACCESSED_USING_ACTIONS,\n GET_WAS_ACCESSED_USING_ACTIONS,\n} from 'static-queries'\nimport { DEFAULT_DISPLAY_COLUMNS } from 'query-builder'\nimport _ from 'lodash'\n\nimport {\n GET_ACCESSED_FROM_ACTIONS,\n GET_ACTIVITY_WIDGET,\n GET_ACCESSED_USING_WIDGET_CRITICAL_RESOURCE_SRN,\n} from './queries'\n\nfunction* getPerformedActions(action) {\n const performedActionFields = yield select(selectPerformedActionFields)\n\n const {\n payload: { srn, fromDate, toDate },\n } = action\n\n let fields = ''\n if (performedActionFields.includes('performedByValue')) {\n fields = `performedByValue: { value: \"${srn}\" }`\n }\n\n if (performedActionFields.includes('performedOnValue')) {\n fields = `performedOnValue: { value: \"${srn}\" }`\n }\n\n if (\n performedActionFields.includes('performedOnValue') &&\n performedActionFields.includes('performedByValue')\n ) {\n fields = ` or: [ { performedOnValue: { value: \"${srn}\" } } { performedByValue: { value: \"${srn}\" } } ]`\n }\n\n const formattedFromDate = fromDate.format('YYYY-MM-DD')\n const formattedToDate = toDate.format('YYYY-MM-DD')\n\n try {\n const client = yield getClient()\n const response = yield client.query({\n query: gql`\n query getPerformedActionsBetweenDates(\n $fromDate: DateTime\n $toDate: DateTime\n ) {\n Actions(\n where: {\n createdDate: {\n and: [\n { op: GTE, value: $fromDate }\n { op: LTE, value: $toDate }\n ]\n }\n ${fields}\n }\n ) {\n count\n items(limit: 500) {\n ${DEFAULT_DISPLAY_COLUMNS.action.join(`\\n\n `)}\n }\n }\n }\n `,\n variables: { toDate: formattedToDate, fromDate: formattedFromDate },\n })\n yield put(setPerformedActions(response.data.Actions.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting performed actions', e)\n }\n}\n\nfunction* getRolesAssumed(action) {\n const {\n payload: { srn, fromDate, toDate },\n } = action\n\n const formattedFromDate = fromDate.utc().format()\n const formattedToDate = toDate.utc().format()\n\n try {\n const client = yield getClient()\n const response = yield client.query({\n query: gql`\n query getRolesAssumed(\n $srn: String!\n $fromDate: DateTime\n $toDate: DateTime\n ) {\n Actions(\n where: {\n performedByValue: { value: $srn }\n eventName: { value: \"AssumeRole\" }\n createdDate: {\n and: [\n { op: GTE, value: $fromDate }\n { op: LTE, value: $toDate }\n ]\n }\n succeeded: { value: true }\n }\n ) {\n items {\n srn\n performedOnValue\n createdDate\n performedOn {\n items {\n srn\n ... on Role {\n name\n friendlyName\n }\n }\n }\n }\n }\n }\n `,\n variables: { srn, toDate: formattedToDate, fromDate: formattedFromDate },\n })\n\n yield put(\n setRolesAssumed(_.get(response, ['data', 'Actions', 'items'], []))\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting roles assumed', e)\n }\n}\n\nfunction* getRolesAssumedBy(action) {\n const {\n payload: { srn, fromDate, toDate },\n } = action\n\n const formattedFromDate = fromDate.utc().format()\n const formattedToDate = toDate.utc().format()\n\n try {\n const client = yield getClient()\n const response = yield client.query({\n query: gql`\n query getRolesAssumedBy(\n $srn: String!\n $fromDate: DateTime\n $toDate: DateTime\n ) {\n Actions(\n where: {\n performedOnValue: { value: $srn }\n createdDate: {\n and: [\n { op: GTE, value: $fromDate }\n { op: LTE, value: $toDate }\n ]\n }\n eventName: { value: \"AssumeRole\" }\n succeeded: { value: true }\n }\n ) {\n items(limit: 1000) {\n srn\n performedOnValue\n performedByValue\n createdDate\n performedBy {\n items {\n srn\n name\n }\n }\n }\n }\n }\n `,\n variables: { srn, toDate: formattedToDate, fromDate: formattedFromDate },\n })\n\n yield put(\n setRolesAssumedBy(_.get(response, ['data', 'Actions', 'items'], []))\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting roles assumed', e)\n }\n}\n\nfunction* getActiveFrom(action) {\n const { srn, fromDate, toDate, actionableByMode } = action.payload\n\n const formattedFromDate = fromDate.utc().format()\n const formattedToDate = toDate.utc().format()\n\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n ${GET_ACTIVITY_WIDGET}\n `,\n variables: {\n srn,\n toDate: formattedToDate,\n fromDate: formattedFromDate,\n keyName: actionableByMode ? 'accessedFrom' : 'activeFrom',\n },\n })\n yield put(setActiveFrom(response.data.AlertLogs.items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting activity regions data', e)\n }\n}\n\nfunction* getAccessedUsing(action) {\n const {\n payload: { srn, fromDate, toDate, actionableByMode },\n } = action\n const formattedFromDate = fromDate.utc().format()\n const formattedToDate = toDate.utc().format()\n\n try {\n const client = yield getClient()\n const response = yield client.query({\n query: gql`\n ${GET_ACCESSED_USING_WIDGET_CRITICAL_RESOURCE_SRN}\n `,\n variables: {\n srn,\n toDate: formattedToDate,\n fromDate: formattedFromDate,\n keyName: actionableByMode ? 'accessedFrom' : 'activeFrom',\n },\n })\n const items = !_.isEmpty(response.data.AlertLogs.items)\n ? response.data.AlertLogs.items\n : []\n yield put(setAccessedUsing(items))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error getting user agents', e)\n }\n}\n\nfunction* getActiveFromActions(data, fromDate, toDate) {\n const { criticalResourceSRN, regionSet } = data\n const countryValue = regionSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACTIVE_FROM_ACTIONS}\n `,\n variables: {\n fromDate,\n toDate,\n criticalResourceSRN,\n countryValue,\n },\n })\n\n const actions = _.get(response, ['data', 'Actions', 'items'], [])\n yield put(\n setSelectedRowActions(_.sortBy(actions, ['createdDate']).reverse())\n )\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getAccessedFromActions(data, fromDate, toDate) {\n const { criticalResourceSRN, regionSet } = data\n const countryValue = regionSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_FROM_ACTIONS}\n `,\n variables: {\n fromDate,\n toDate,\n criticalResourceSRN,\n countryValue,\n },\n })\n const actions = _.get(response, ['data', 'Actions', 'items'], [])\n yield put(\n setSelectedRowActions(_.sortBy(actions, ['createdDate']).reverse())\n )\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getAccessedUsingActions(data, fromDate, toDate) {\n const { criticalResourceSRN, userAgentSet } = data\n const userValue = userAgentSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_WAS_ACCESSED_USING_ACTIONS}\n `,\n variables: {\n fromDate,\n toDate,\n criticalResourceSRN,\n userValue,\n },\n })\n const actions = _.get(response, ['data', 'Actions', 'items'], [])\n yield put(\n setSelectedRowActions(_.sortBy(actions, ['createdDate']).reverse())\n )\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getActiveUsingActions(data, fromDate, toDate) {\n const { criticalResourceSRN, userAgentSet } = data\n const userValue = userAgentSet[0]\n try {\n const client = getClient()\n let response = yield client.query({\n query: gql`\n ${GET_ACCESSED_USING_ACTIONS}\n `,\n variables: {\n fromDate,\n toDate,\n criticalResourceSRN,\n userValue,\n },\n })\n const actions = _.get(response, ['data', 'Actions', 'items'], [])\n yield put(\n setSelectedRowActions(_.sortBy(actions, ['createdDate']).reverse())\n )\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error('Error getting actions for selected node ', err)\n }\n}\n\nfunction* getActions(action) {\n const {\n data,\n date: { fromDate, toDate },\n path,\n } = action.payload\n\n const formattedFromDate = fromDate.format()\n const formattedToDate = toDate.format()\n\n switch (path) {\n case 'activeFrom':\n yield call(getActiveFromActions, data, formattedFromDate, formattedToDate)\n break\n case 'accessedFrom':\n yield call(\n getAccessedFromActions,\n data,\n formattedFromDate,\n formattedToDate\n )\n break\n case 'accessedUsing':\n yield call(\n getAccessedUsingActions,\n data,\n formattedFromDate,\n formattedToDate\n )\n break\n case 'activeUsing':\n yield call(\n getActiveUsingActions,\n data,\n formattedFromDate,\n formattedToDate\n )\n break\n default:\n return\n }\n}\n\nfunction* activitySaga() {\n yield all([\n takeLatest(GET_PERFORMED_ACTIONS, getPerformedActions),\n takeLatest(GET_ROLES_ASSUMED, getRolesAssumed),\n takeLatest(GET_ROLES_ASSUMED_BY, getRolesAssumedBy),\n takeLatest(GET_ACTIVE_FROM, getActiveFrom),\n takeLatest(GET_ACCESSED_USING, getAccessedUsing),\n takeLatest(GET_SELECTED_ROW_ACTIONS, getActions),\n ])\n}\n\nexport default activitySaga\n","/**\n *\n * CustomDateRange\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport TextLink from 'components/TextLink'\nimport { DateRangePicker } from 'react-dates'\nimport moment from 'moment'\nimport SelectBar from 'components/SelectBar'\n\nconst defaultValue = { label: 'Within the past 24 hours', value: 1 }\n\nclass CustomDateRange extends React.Component {\n state = {\n isAdvanced: false,\n }\n\n styles = {\n container: {\n display: 'grid',\n gridTemplateColumns: '375px 150px',\n padding: '0.75rem 0.75rem 0.25rem 0.75rem',\n },\n textContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n },\n }\n\n toggleDateRange = () => {\n const { isAdvanced } = this.state\n if (isAdvanced) {\n this.props.onDatesChange(defaultValue)\n }\n this.setState(oldState => ({ isAdvanced: !oldState.isAdvanced }))\n }\n\n render() {\n const options = [\n { label: 'Within the past 24 hours', value: 1 },\n { label: 'Within the past 7 days', value: 7 },\n { label: 'Within the past 30 days', value: 30 },\n { label: 'Within the past 60 days', value: 60 },\n { label: 'Within the past 90 days', value: 90 },\n ]\n return (\n \n
\n )\n }\n}\n\nCustomDateRange.defaultProps = {\n displayFormat: 'MMMM D YYYY',\n}\n\nCustomDateRange.propTypes = {\n startDate: PropTypes.object.isRequired,\n endDate: PropTypes.object.isRequired,\n displayFormat: PropTypes.string,\n onDatesChange: PropTypes.func.isRequired,\n}\n\nexport default CustomDateRange\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport _ from 'lodash'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport BorderlessButton from 'components/BorderlessButton'\nimport { TopTitle } from 'components/Card'\nimport Card from 'components/Card'\nimport DataTable from 'components/DataTable'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport TextLink from 'components/TextLink'\nimport NodeViewMiniPopout from '../NodeViewMiniPopout'\nimport { getNameFromSrn } from 'utils/sonraiUtils'\n\nclass PerformedActions extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n miniNodeViewNodeId: '',\n miniNodeViewOpen: false,\n }\n\n this.styles = {\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n title: {\n fontSize: '22px',\n fontWeight: '300',\n marginRight: '0px',\n },\n buttonContainer: {\n display: 'flex',\n alignItem: 'center',\n position: 'absolute',\n top: '10px',\n right: '10px',\n },\n button: {\n borderRadius: '25px',\n margin: '0.5rem',\n padding: '0.5rem',\n },\n buttonText: {\n fontSize: '0.85rem',\n },\n content: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: '15px',\n },\n }\n }\n\n openMiniNodeView = nodeId => {\n this.setState({\n miniNodeViewNodeId: nodeId,\n miniNodeViewOpen: true,\n })\n }\n\n closeMiniNodeView = () => {\n this.setState({\n miniNodeViewNodeId: '',\n miniNodeViewOpen: false,\n })\n }\n\n getData = data => {\n if (data) {\n return data.map(item => ({\n srn: item.srn,\n eventName: item.eventName || '-',\n actionClassification: item.hasActionClassificationValue || '-',\n createdDate: item.createdDate || '-',\n ..._.omit(item, [\n 'srn',\n 'eventName',\n 'hasActionClassificationValue',\n 'createdDate',\n ]),\n }))\n }\n\n return []\n }\n\n renderPerformedLink = params => {\n if (typeof params.value === 'string') {\n if (params.value.startsWith('srn:')) {\n return (\n \n {this.state.isAdvanced ? (\n this.setState({ focusedInput })}\n isOutsideRange={date => moment(date).isAfter(moment())}\n {...this.props}\n />\n ) : (\n
\n \n \n {this.state.isAdvanced ? 'Relative Date' : 'Custom Date Range'}\n \n
\n \n Actions \n
\n \n togglePerformedActionFields('performedByValue')}\n style={{\n ...this.styles.button,\n ...{\n background: performedActionFields.includes('performedByValue')\n ? this.props.theme.secondary\n : this.props.theme.neutralLight,\n },\n }}\n >\n \n Actions this resource performed\n \n \n togglePerformedActionFields('performedOnValue')}\n style={{\n ...this.styles.button,\n ...{\n background: performedActionFields.includes('performedOnValue')\n ? this.props.theme.secondary\n : this.props.theme.neutralLight,\n },\n }}\n >\n \n Actions performed on this resource\n \n \n
\n \n {isLoading ? (\n
\n \n No Roles Assumed\n
\n )\n }\n\n getRolesAssumedBy = () => {\n if (this.props.rolesAssumedBy.get('isLoading')) {\n return \n Role Not Assumed\n
\n )\n }\n\n getCRMOverlay = () => {\n return (\n \n \n Results from this widget are only available if the resource is\n monitored.\n
\n \n \n
\n )\n }\n}\n\nActivity.propTypes = {\n crmTickets: ImmutablePropTypes.list.isRequired,\n push: PropTypes.func,\n performedActions: ImmutablePropTypes.iterable,\n getPerformedActions: PropTypes.func,\n setActivityDate: PropTypes.func,\n date: PropTypes.string,\n performedActionFields: ImmutablePropTypes.iterable,\n setPerformedActionFields: PropTypes.func,\n togglePerformedActionFields: PropTypes.func,\n nodeId: PropTypes.string,\n clearActivity: PropTypes.func,\n rolesAssumed: ImmutablePropTypes.iterable,\n rolesAssumedBy: ImmutablePropTypes.iterable,\n isMonitored: PropTypes.bool,\n toggleResourceMonitoring: PropTypes.func,\n activeFrom: ImmutablePropTypes.iterable,\n accessedUsing: ImmutablePropTypes.iterable,\n changeDetectionProperties: ImmutablePropTypes.iterable,\n getSelectedRowActions: PropTypes.func,\n selectedRowActionsLoading: PropTypes.bool,\n selectedRowActions: ImmutablePropTypes.iterable,\n toggleActionsModal: PropTypes.func,\n actionsModal: PropTypes.bool,\n queryTypes: ImmutablePropTypes.map,\n}\n\nconst mapStateToProps = createStructuredSelector({\n performedActions: selectPerformedActions,\n date: selectActivityDate,\n performedActionFields: selectPerformedActionFields,\n rolesAssumed: selectRolesAssumed,\n rolesAssumedBy: selectRolesAssumedBy,\n activeFrom: selectActiveFrom,\n accessedUsing: selectAccessedUsing,\n isMonitored: selectIsMonitored,\n changeDetectionProperties: selectChangeDetectionProperties,\n selectedRowActionsLoading: selectSelectedRowActionsLoading,\n selectedRowActions: selectSelectedRowActions,\n actionsModal: selectActionsModal,\n queryTypes: selectQueryTypes,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n push,\n clearActivity,\n getPerformedActions,\n setActivityDate,\n setPerformedActionFields,\n togglePerformedActionFields,\n getRolesAssumed,\n getRolesAssumedBy,\n toggleResourceMonitoring,\n getActiveFrom,\n getAccessedUsing,\n getSelectedRowActions,\n toggleActionsModal,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\nconst withReducer = injectReducer({ key: 'activity', reducer })\nconst withSaga = injectSaga({ key: 'activity', saga: saga })\n\nexport default compose(withReducer, withSaga, withConnect)(Activity)\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { createStructuredSelector } from 'reselect'\nimport { List } from 'immutable'\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap'\n\nimport JSONDisplay from 'components/JSONDisplay'\nimport BarLoadingAnimation from 'components/BarLoadingAnimation'\nimport Button from 'components/Button'\nimport {\n fetchEffectivePermissionsForActor,\n fetchUberPolicy,\n} from 'containers/NodeSolutionCenter/actions'\nimport {\n getNodeViewPushParams,\n getNameFromSrn,\n getCloudFromSrn,\n} from 'utils/sonraiUtils'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport CenterContent from 'components/CenterContent'\nimport TimeoutLoader from 'components/TimeoutLoader'\nimport {\n selectEffectivePermissions,\n selectUsedEffectivePermissions,\n selectEffectivePermissionsLoading,\n selectUsedEffectivePermissionsLoading,\n selectUberPolicy,\n} from 'containers/NodeSolutionCenter/selectors'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport Card from 'components/Card'\nimport { TopTitle, CardBody } from 'components/Card'\nimport DataTable from 'components/DataTable'\nimport TextLink from 'components/TextLink'\n\nclass EffectivePermissionWidget extends React.Component {\n styles = {\n card: {\n minHeight: 0,\n },\n }\n\n state = {\n showUberPolicy: false,\n }\n\n componentDidMount() {\n this.props.fetchEffectivePermissionsForActor({\n srn: this.props.srn,\n usedPermissions: this.props.usedPermissions,\n })\n\n if (this.hasUberPolicy()) {\n this.props.fetchUberPolicy(this.props.srn)\n }\n }\n\n getEPData = () => {\n if (this.props.usedPermissions) {\n return (this.props.usedEffectivePermissions || List()).toJS().map(row => {\n const newCols = {\n permission: row.permission,\n policy: row.policySrn,\n resourceFilter: row.policyEntryResourceFilter,\n conditions: row.policyEntryConditions,\n identityChain: row.identityChain,\n }\n\n if (this.props.onShowPath) {\n newCols.showPath = row\n }\n\n return newCols\n })\n } else {\n return (this.props.effectivePermissions || List()).toJS().map(row => {\n const newCols = {\n permission: row.permission,\n policy: row.policySrn,\n resourceFilter: row.policyEntryResourceFilter,\n conditions: row.policyEntryConditions,\n identityChain: row.identityChain,\n }\n\n if (this.props.onShowPath) {\n newCols.showPath = row\n }\n\n return newCols\n })\n }\n }\n\n onShowPath = perm => {\n if (this.props.onShowPath) {\n this.props.onShowPath(perm)\n }\n }\n\n getRowRows = () => {\n return '\n
\n \n {type === 'Role' ? (\n \n Role Assumed By \n \n {this.getRolesAssumedBy()}\n \n \n ) : (\n \n Roles Assumed \n \n {this.getRolesAssumed()}\n \n \n )}\n
\n \n this.getCRMOverlay()}\n isMonitored={this.props.isMonitored}\n getSelectedRowActions={this.props.getSelectedRowActions}\n isLocked={\n this.props.changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('activeFrom') ||\n this.props.changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('accessedFrom')\n }\n title={actionableByMode ? 'Accessed From' : 'Active From'}\n srn={this.props.nodeId}\n activityWidget={this.props.activeFrom.toJS()}\n isLoading={this.props.activeFrom.get('isLoading')}\n actionableByMode={actionableByMode}\n path={actionableByMode ? 'accessedFrom' : 'activeFrom'}\n />\n
\n \n this.getCRMOverlay()}\n isMonitored={this.props.isMonitored}\n srn={this.props.nodeId}\n isLocked={this.props.changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('accessedUsing')}\n accessedUsingData={this.props.accessedUsing.toJS()}\n isLoading={this.props.accessedUsing.get('isLoading')}\n title={actionableByMode ? 'Was Accessed Using' : 'Accessed Using'}\n getSelectedRowActions={this.props.getSelectedRowActions}\n path={actionableByMode ? 'accessedUsing' : 'activeUsing'}\n />\n
\n \n No IAM or RBAC Permissions
'\n }\n\n openUberPolicy = () => {\n this.setState({\n showUberPolicy: true,\n })\n }\n\n closeUberPolicy = () => {\n this.setState({\n showUberPolicy: false,\n })\n }\n\n hasUberPolicy = () => {\n if (this.props.usedPermissions) {\n return false\n }\n\n if (!getCloudFromSrn(this.props.srn) === 'aws') {\n return false\n }\n\n const type = getTypeFromSrn(this.props.srn).toLowerCase()\n if (type !== 'user' && type !== 'group' && type !== 'role') {\n return false\n }\n\n return true\n }\n\n render() {\n const permissionData = this.getEPData()\n const isLoading = this.props.usedPermissions\n ? this.props.loadingUsed\n : this.props.loading\n\n return (\n \n 0 ? '100%' : '60px',\n }}\n sortColumns={true}\n data={permissionData}\n overlayNoRowsTemplate={this.getRowRows()}\n customColumnConfig={{\n showPath: {\n width: 120,\n minWidth: 120,\n pinned: 'right',\n headerName: '',\n enableRowGroup: false,\n menuTabs: [],\n suppressMenu: true,\n cellRendererFramework: params => {\n return (\n this.onShowPath(params.value)}\n >\n Show Path\n \n )\n },\n },\n policy: {\n cellRendererFramework: params => {\n return (\n \n {getNameFromSrn(params.value)}\n \n )\n },\n },\n }}\n />\n
\n \n {this.hasUberPolicy() && (\n \n )}\n
\n \n \n
\n \n {this.props.policies.get('isLoading') ? (\n \n
\n ) : (\n \n \n Results from this widget are only available if the resource is\n monitored.\n
\n \n \n
\n )\n }\n}\n\nAccess.propTypes = {\n alertsCanAccess: ImmutablePropTypes.list,\n alertTime: PropTypes.number,\n canAccessData: ImmutablePropTypes.iterable.isRequired,\n canAccessPaths: ImmutablePropTypes.map.isRequired,\n canAccessPathsLoading: PropTypes.bool,\n canAccessPathsError: PropTypes.bool,\n canAssumeRoles: ImmutablePropTypes.map,\n canBeAssumedBy: ImmutablePropTypes.map,\n changeDetectionProperties: ImmutablePropTypes.iterable,\n crmTickets: ImmutablePropTypes.list.isRequired,\n date: PropTypes.string,\n directAttachedPolicies: ImmutablePropTypes.map,\n getCanAccessPath: PropTypes.func.isRequired,\n getCanAssumeRoles: PropTypes.func.isRequired,\n getCanBeAssumedBy: PropTypes.func.isRequired,\n getCanAccessData: PropTypes.func.isRequired,\n getDirectAttachedPolicies: PropTypes.func.isRequired,\n getEPPaths: PropTypes.func.isRequired,\n getGroupMemberships: PropTypes.func.isRequired,\n getInstanceProfiles: PropTypes.func.isRequired,\n getPermissionInfo: PropTypes.func.isRequired,\n getSCPs: PropTypes.func.isRequired,\n groupMemberships: ImmutablePropTypes.map,\n instanceProfiles: ImmutablePropTypes.map,\n nodeId: PropTypes.string.isRequired,\n nodeData: PropTypes.object.isRequired,\n permissions: ImmutablePropTypes.contains({\n data: ImmutablePropTypes.map,\n }),\n push: PropTypes.func.isRequired,\n scps: ImmutablePropTypes.map,\n setCanAccessPath: PropTypes.func.isRequired,\n setCriticalResourceMonitorDate: PropTypes.func.isRequired,\n toggleResourceMonitoring: PropTypes.func,\n isMonitored: PropTypes.bool,\n}\n\nconst mapStateToProps = createStructuredSelector({\n canAccessPaths: selectCanAccessPaths,\n canAccessData: selectCanAccessData,\n canAssumeRoles: selectCanAssumeRoles,\n canBeAssumedBy: selectCanBeAssumedBy,\n canAccessPathsLoading: selectCanAccessPathsLoading,\n canAccessPathsError: selectCanAccessPathsError,\n changeDetectionProperties: selectChangeDetectionProperties,\n date: selectCriticalResourceMonitorDate,\n directAttachedPolicies: selectDirectAttachedPolicies,\n groupMemberships: selectGroupMemberships,\n scps: selectSCPs,\n instanceProfiles: selectInstanceProfiles,\n isMonitored: selectIsMonitored,\n permissions: selectPermissions,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n push,\n setCriticalResourceMonitorDate,\n getCanAccessData,\n getCanAccessPath,\n setCanAccessPath,\n getCanAssumeRoles,\n getGroupMemberships,\n getDirectAttachedPolicies,\n getSCPs,\n getCanBeAssumedBy,\n getEPPaths,\n getInstanceProfiles,\n toggleResourceMonitoring,\n getPermissionInfo,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\nconst withReducer = injectMultipleReducers({\n reducers: [\n {\n key: 'access',\n reducer,\n },\n {\n key: 'accessActivity',\n reducer: legacyReducer,\n },\n ],\n})\nconst withSaga = injectMultipleSagas({\n sagas: [\n { key: 'access', saga: saga },\n { key: 'accessactivity', saga: legacySaga },\n ],\n})\n\nexport default compose(withReducer, withSaga, withConnect)(Access)\n","import loadable from 'utils/loadable'\nexport default loadable(() => import('./index'))\n","export const getBreakpoint = ({ width, breakpoints }) => {\n if (width <= breakpoints.xs) {\n return 'xs'\n } else if (width <= breakpoints.sm) {\n return 'sm'\n } else if (width <= breakpoints.md) {\n return 'md'\n }\n\n return 'lg'\n}\n\nconst breakpointOrder = ['xs', 'sm', 'md', 'lg']\n\nexport const getLayoutForChild = ({ child, width, breakpoints, layouts }) => {\n const breakpoint = getBreakpoint({ width, breakpoints })\n const breakpointIndex = breakpointOrder.indexOf(breakpoint)\n\n const layout = layouts[child.key]\n\n if (layout[breakpoint]) {\n return layout[breakpoint]\n } else {\n for (let i = breakpointIndex; i >= 0; i--) {\n const lowerBreakPoint = breakpointOrder[i]\n if (layout[lowerBreakPoint]) {\n return layout[lowerBreakPoint]\n }\n }\n }\n\n return {\n w: 1,\n }\n}\n\nexport const getLayoutForBreakpoint = ({ width, breakpoints, layout }) => {\n const breakpoint = getBreakpoint({ width, breakpoints })\n const breakpointIndex = breakpointOrder.indexOf(breakpoint)\n\n if (layout[breakpoint]) {\n return layout[breakpoint]\n } else {\n for (let i = breakpointIndex; i >= 0; i--) {\n const lowerBreakPoint = breakpointOrder[i]\n if (layout[lowerBreakPoint]) {\n return layout[lowerBreakPoint]\n }\n }\n }\n\n return []\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport SizeMe from 'components/SizeMe'\nimport Masonry from 'react-masonry-component'\n\nimport { getBreakpoint, getLayoutForChild } from './utils'\nexport class AutoLayout extends React.Component {\n styles = {}\n masonry = null\n\n constructor(props) {\n super(props)\n }\n\n getNumberOfCols = () => {\n const breakpoint = this.getBreakpoint()\n return this.props.cols[breakpoint]\n }\n\n getBreakpoint = () => {\n return getBreakpoint({\n width: this.props.size.width,\n breakpoints: this.props.breakpoints,\n })\n }\n\n getLayoutForChild = child => {\n return getLayoutForChild({\n width: this.props.size.width,\n breakpoints: this.props.breakpoints,\n child,\n layouts: this.props.layouts,\n })\n }\n\n recalculateGrid = () => {\n if (this.masonry) {\n this.masonry.layout()\n }\n }\n\n render() {\n const colWidth = this.props.size.width / this.getNumberOfCols()\n\n return (\n \n {('User' === type || 'Compute' === type || 'Role' === type) && (\n \n
\n \n \n \n {\n if (!params.data) {\n return null\n }\n return (\n \n this.onShowPathFromList({\n item: {\n srn: params.data.srn,\n name: params.data.name,\n path: JSON.stringify(\n params.data.how\n .split(',')\n .splice(\n 0,\n params.data.how.split(',').length - 1\n )\n ),\n },\n showPathClassification: 'Authentication',\n })\n }\n >\n Show Path\n \n )\n },\n },\n }}\n onDoubleClickRow={item => this.navigateToNodeView(item.srn)}\n />\n
\n \n )}\n \n {'Role' === type && (\n \n
\n\n \n \n \n {\n if (!params.data) {\n return null\n }\n return (\n \n this.onShowPathFromList({\n item: {\n srn: params.data.srn,\n name: params.data.name,\n path: JSON.stringify(\n params.data.how\n .split(',')\n .splice(\n 0,\n params.data.how.split(',').length - 1\n )\n ),\n },\n showPathClassification: 'Authentication',\n })\n }\n >\n Show Path\n \n )\n },\n },\n }}\n data={(this.props.canBeAssumedBy.get('data') || []).map(\n item => ({\n ...item,\n resourceType: getTypeFromSrn(item.srn),\n account: getAccountFromSrn(item.srn),\n })\n )}\n onDoubleClickRow={item => this.navigateToNodeView(item.srn)}\n />\n
\n \n )}\n \n {('Role' === type || 'User' === type) && (\n \n this.onShowPathFromList({\n item,\n showPathClassification: 'Group Membership',\n })\n }\n isLoading={this.props.groupMemberships.get('isLoading')}\n push={this.props.push}\n title={\n
\n\n \n {('Role' === type ||\n 'User' === type ||\n DATALAYOUT_TYPES.includes(type)) && (\n \n this.onShowPathFromList({\n item,\n showPathClassification: 'Direct Policies',\n })\n }\n account={this.props.nodeData.account}\n push={this.props.push}\n />\n )}\n
\n \n \n this.onShowPathFromList({\n item,\n showPathClassification: 'SCP',\n })\n }\n isLoading={this.props.scps.get('isLoading')}\n push={this.props.push}\n title={\n
\n \n
\n }\n />\n \n {'Compute' === type && (\n this.openMiniNodeView(item.srn)}\n isLoading={this.props.instanceProfiles.get('isLoading')}\n push={this.props.push}\n title={\n 'aws' === this.props.nodeData.cloudType ? (\n
\n \n {renderEffectivePermissions && (\n
\n \n {renderEffectivePermissions && (\n
\n \n this.getCRMOverlay()}\n isMonitored={this.props.isMonitored}\n push={this.props.push}\n srn={this.props.nodeId}\n isLocked={\n changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('hasPermissionTo') ||\n changeDetectionProperties\n .map(x => x.get('keyName'))\n .includes('actionableBy')\n }\n title={actionableByMode ? 'Who & What Can Access' : 'Can Access'}\n canAccessData={this.props.canAccessData.toJS()}\n isLoading={this.props.canAccessData.get('isLoading')}\n onShowPath={this.onShowPath}\n onShowPathFromList={(...args) => {\n this.onShowPathFromList(...args)\n }}\n actionableByMode={actionableByMode}\n />\n
\n \n \n {\n this.masonry = c ? c.masonry : null\n }}\n options={{\n gutter: 0,\n columnWidth: colWidth,\n fitWidth: true,\n }}\n >\n {React.Children.map(this.props.children, child => {\n const childLayout = this.getLayoutForChild(child)\n\n const width = childLayout.w * colWidth\n if (childLayout.h) {\n const height = childLayout.h * this.props.rowHeight\n\n return (\n \n {React.cloneElement(child, {\n style: { ...child.props.style, height: '100%' },\n recalculateGrid: this.recalculateGrid,\n })}\n
\n )\n } else {\n return (\n \n {columnLayout.map((col, index) => {\n const colWidth = this.props.size.width * (col.widthPercent * 0.01)\n return (\n \n {\n this.masonry[`col${index}`] = c ? c.masonry : null\n }}\n options={{\n gutter: 0,\n columnWidth:\n this.props.size.width * (col.widthPercent * 0.01),\n fitWidth: true,\n }}\n >\n {React.Children.map(this.props.children, child => {\n return col.items.includes(child.key)\n ? React.cloneElement(child, {\n childkey: child.key,\n })\n : null\n })\n .filter(child => {\n return !!child\n })\n .map(child => {\n const childHeight = _.get(col, [\n 'heights',\n child.props.childkey,\n ])\n\n return (\n \n {childHeight\n ? React.cloneElement(child, {\n style: { ...child.props.style, height: '100%' },\n recalculateGrid: () =>\n this.recalculateGrid(index),\n })\n : React.cloneElement(child, {\n recalculateGrid: () =>\n this.recalculateGrid(index),\n })}\n
\n )\n })}\n \n \n )\n })}\n \n )\n }\n}\n\nColumnLayout.defaultProps = {\n breakpoints: { lg: 1390, md: 1153, sm: 916, xs: 679 },\n rowHeight: 180,\n}\n\nconst ColumnShape = PropTypes.shape({\n widthPercent: PropTypes.number.isRequired,\n items: PropTypes.arrayOf(PropTypes.string).isRequired,\n height: PropTypes.objectOf(PropTypes.number),\n})\n\nColumnLayout.propTypes = {\n columns: PropTypes.shape({\n lg: PropTypes.arrayOf(ColumnShape),\n md: PropTypes.arrayOf(ColumnShape),\n sm: PropTypes.arrayOf(ColumnShape),\n xs: PropTypes.arrayOf(ColumnShape),\n }),\n breakpoints: PropTypes.shape({\n lg: PropTypes.number,\n md: PropTypes.number,\n sm: PropTypes.number,\n xs: PropTypes.number,\n }),\n children: PropTypes.node,\n rowHeight: PropTypes.number,\n size: PropTypes.shape({\n width: PropTypes.number,\n }).isRequired,\n}\n\nexport default SizeMe(ColumnLayout)\n","/**\n *\n * NodeView\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport qs from 'querystring'\nimport { injectIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport _ from 'lodash'\nimport { withRouter } from 'react-router'\nimport moment from 'moment'\nimport { Map } from 'immutable'\n\nimport BorderedCard from 'components/BorderedCard'\nimport { getTypeFromSrn } from 'utils/graphDataUtils'\nimport { getNodeViewPushParams } from 'utils/sonraiUtils'\nimport { NodeViewDetails, NodeViewTabs } from 'components/NodeView'\n\nimport sizeMe from 'components/SizeMe'\nimport {\n selectFields,\n selectTicketCount,\n selectIsMonitored,\n selectCrmTickets,\n} from './selectors'\nimport { TYPES_WITH_CRM } from 'appConstants'\nimport LegacyAccessActivity from 'containers/AccessActivity'\nimport Activity from 'containers/Activity'\nimport Access from 'containers/Access'\nimport DataClassification from 'containers/DataClassification/Loadable'\nimport DynamicHeightGrid, { ColumnLayout } from 'components/DynamicHeightGrid'\nimport RapSheet from 'containers/RapSheet'\nimport { DEFAULT_RAPSHEET_ALERTS_DAYS } from './constants'\nimport { FILTER_DATE_FORMAT } from 'appConstants'\nimport { hasClassifications } from 'containers/DataClassification/utils'\n\nexport const TYPES_WITH_NEW_ACCESS_ACTIVITY_VIEW = [\n 'user',\n 'role',\n 'compute',\n 'datacontainer',\n 'dataobject',\n 'datastore',\n 'secretstore',\n 'secret',\n 'encryptionkey',\n]\n\nclass NodeView extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n rapsheetFromDate: moment()\n .subtract(DEFAULT_RAPSHEET_ALERTS_DAYS, 'days')\n .startOf('day')\n .toISOString(),\n rapsheetToDate: moment().endOf('day').toISOString(),\n }\n this.styles = {\n details: {\n borderTop: 0,\n borderRadius: 0,\n overflow: 'auto',\n padding: '0',\n },\n gridBody: {\n overflow: 'auto',\n },\n nodeContainer: {\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n margin: '0 12px 12px 12px',\n },\n }\n }\n\n hasAccessActivityTabParam = () => {\n const { alert } = qs.parse(window.location.search.substring(1))\n if (alert) {\n return true\n }\n\n const urlShowAccessActivity = qs.parse(\n _.get(this.props, ['location', 'search'], '')\n ).showAccessActivity\n\n const locationAccessActivity = _.get(this.props, [\n 'location',\n 'state',\n 'AccessActivity',\n ])\n\n if (locationAccessActivity || urlShowAccessActivity) {\n return true\n }\n\n return false\n }\n\n navigateToNodeView = srn => {\n const nodeType = getTypeFromSrn(srn)\n this.props.push(getNodeViewPushParams(srn, nodeType))\n }\n\n setRapsheetDateRange = dateRange => {\n const rapsheetFromDate = dateRange.startDate\n const rapsheetToDate = dateRange.endDate\n\n this.setState({ rapsheetFromDate, rapsheetToDate })\n }\n\n setRapsheetDateFilter = ({ fromDate, toDate }) => {\n this.setState({\n rapsheetFromDate: moment(fromDate).format(FILTER_DATE_FORMAT),\n rapsheetToDate: moment(toDate).format(FILTER_DATE_FORMAT),\n })\n }\n\n renderGridBody = () => {\n if (this.props.columns) {\n return (\n \n \n {this.props.gridContent}\n \n
\n )\n }\n\n if (this.props.horizontal) {\n return (\n \n \n {this.props.gridContent}\n \n
\n )\n }\n\n return (\n \n \n {this.props.gridContent}\n \n
\n )\n }\n\n renderOverview = () => {\n const horizontal = this.props.width < 900 || this.props.horizontal\n\n const type = getTypeFromSrn(this.props.nodeData.srn).toLowerCase()\n\n const cardStyle =\n TYPES_WITH_CRM.includes(type) && this.props.isMonitored\n ? { overflow: 'auto' }\n : {}\n\n const content = [\n \n {this.renderGridBody()}\n
,\n ]\n\n if (horizontal) {\n return (\n \n {content}\n
\n )\n }\n\n return (\n \n {content}\n
\n )\n }\n\n renderSidebar = () => {\n const horizontal = this.props.width < 900 || this.props.horizontal\n const style = {\n maxWidth: !horizontal ? '325px' : undefined,\n }\n\n return (\n {this.renderSidebar()}
)\n }\n if (this.props.renderDetailsTab) {\n sonbabies.push({this.renderOverview()}
)\n }\n\n if (\n TYPES_WITH_CRM.includes(type) &&\n !TYPES_WITH_NEW_ACCESS_ACTIVITY_VIEW.includes(type) &&\n this.props.isMonitored\n ) {\n sonbabies.push(\n \n
\n )\n }\n\n if (TYPES_WITH_NEW_ACCESS_ACTIVITY_VIEW.includes(type)) {\n sonbabies.push(\n \n
\n )\n }\n\n if (TYPES_WITH_NEW_ACCESS_ACTIVITY_VIEW.includes(type)) {\n sonbabies.push(\n \n
\n )\n }\n\n if (supportsClassification) {\n sonbabies.push(\n \n
\n )\n }\n\n if (this.props.tabs) {\n sonbabies.push(...this.props.tabs)\n }\n\n sonbabies.push(\n \n
\n )\n }\n}\n\nNodeViewTabs.defaultProps = {\n activeTabId: 0,\n tabStyle: { overflow: 'auto' },\n}\n\nNodeViewTabs.propTypes = {\n children: PropTypes.array,\n activeTabId: PropTypes.number,\n style: PropTypes.object,\n tabStyle: PropTypes.object,\n theme: themeShape,\n}\n\nexport default themeable(NodeViewTabs)\n","import { createSelector } from 'reselect'\nimport { List, Map } from 'immutable'\nimport { VIEWS } from './constants'\nimport qs from 'query-string'\n\nconst selectSecurityCenterDomain = state => state.get('securityCenter') || Map()\n\nexport const selectResources = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('resources') || Map()\n)\n\nexport const selectBulkDisablingMonitoring = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('bulkDisablingMonitoring')\n)\n\nexport const selectSelectedResourceId = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('selectedResourceId')\n)\n\nexport const selectSelectedResource = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('selectedResource')\n)\n\nexport const selectSelectedSwimlaneName = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('selectedSwimlaneName')\n)\n\nexport const selectStatus = createSelector(selectSecurityCenterDomain, sc =>\n sc.get('status')\n)\n\nexport const selectSelectedCategory = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('selectedCategory')\n)\n\nexport const selectSelectedSeverity = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('selectedSeverity')\n)\n\nexport const selectView = (state, props) =>\n qs.parse(props.location.search).view || VIEWS.VIS\n\nexport const selectLaneFilters = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('filters')\n)\n\nexport const selectLoadingRollupData = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('loadingRollupData')\n)\n\nexport const selectCategoryRollupData = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('categoryRollupData') || List()\n)\n\nexport const selectCategorySeverityRollupData = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('categorySeverityRollupData') || List()\n)\n\nexport const selectTimelineRollupData = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('timelineRollupData') || List()\n)\n\nexport const selectVisFilters = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('visFilters') || Map()\n)\n\nexport const selectCategorySeriesTotals = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('categorySeriesTotals') || Map()\n)\n\nexport const selectSCInfoModal = createSelector(\n selectSecurityCenterDomain,\n sc => sc.get('scInfoModal')\n)\n","import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n assignmentControlAll: {\n id: 'app.containers.Tickets.assignmentControlAll',\n defaultMessage: 'All Assignees',\n },\n assignmentControlMyself: {\n id: 'app.containers.Tickets.assignmentControlMyself',\n defaultMessage: 'Assigned to Me',\n },\n assignmentControlUnassigned: {\n id: 'app.containers.Tickets.assignmentControlUnassigned',\n defaultMessage: 'Unassigned',\n },\n createdByCriticalAssetMonitor: {\n id: 'app.containers.Tickets.createdByCriticalAssetMonitor',\n defaultMessage: 'Critical Asset Monitor',\n },\n createdByPolicyEvaluation: {\n id: 'app.containers.Tickets.createdByPolicyEvaluation',\n defaultMessage: 'Policy Evaluation',\n },\n fetchErrorMessage: {\n id: 'app.containers.Tickets.fetchErrorMessage',\n defaultMessage: 'There was an error fetching tickets.',\n },\n manageTicketTemplates: {\n id: 'app.containers.Tickets.manageTicketTemplates',\n defaultMessage: 'Manage Custom Ticket Templates',\n },\n pageTitle: {\n id: 'app.containers.Tickets.pageTitle',\n defaultMessage: 'Tickets',\n },\n statusControlOpen: {\n id: 'app.containers.Tickets.statusControlOpen',\n defaultMessage: 'Open',\n },\n statusControlAll: {\n id: 'app.containers.Tickets.statusControlAll',\n defaultMessage: 'All Statuses',\n },\n ticketStatusNew: {\n id: 'app.containers.Tickets.ticketStatusNew',\n defaultMessage: 'New',\n },\n ticketStatusSNOOZED: {\n id: 'app.containers.Tickets.ticketStatusSNOOZED',\n defaultMessage: 'Snoozed',\n },\n ticketStatusRISK_ACCEPTED: {\n id: 'app.containers.Tickets.ticketStatusRISK_ACCEPTED',\n defaultMessage: 'Accepted Risk',\n },\n ticketStatusCLOSED: {\n id: 'app.containers.Tickets.ticketStatusRISK_ACCEPTED',\n defaultMessage: 'Closed',\n },\n unassigned: {\n id: 'app.containers.Tickets.unassigned',\n defaultMessage: 'Unassigned',\n },\n})\n","import {\n all,\n put,\n takeLatest,\n take,\n race,\n call,\n select,\n} from 'redux-saga/effects'\nimport { delay } from 'redux-saga'\nimport {\n FETCH_SAVED_SEARCHES_QUERY,\n FETCH_SONRAI_SEARCHES_QUERY,\n FETCH_ACCOUNTS_QUERY,\n FETCH_TAGS_QUERY,\n FETCH_DATA_CONTAINERS_QUERY,\n CHECK_FOR_CLOUD_ACCOUNTS_QUERY,\n MONITORED_RESOURCES_COUNT_QUERY,\n FETCH_SUBSCRIPTIONS_QUERY,\n} from 'static-queries'\n\nimport {\n GET_ALL_BOTS,\n CREATE_BOT_MUTATION,\n GET_FILTERED_BOTS,\n} from 'containers/BotManagement/static-queries'\n\nimport { setSwimlaneBotError } from 'containers/SwimlaneDetails/actions'\n\nimport {\n setRelations,\n setTypes,\n setSavedSearches,\n setAllowedRootQueries,\n setSonraiSearches,\n fetchAccountsSuccess,\n fetchTagsSuccess,\n fetchDataContainersSuccess,\n setQueryNames,\n setGraphQLSchema,\n setHasCollectors,\n setMonitoredResourcesCount,\n fetchSwimlanesSuccess,\n fetchSubscriptionsSuccess,\n fetchSonraiUsersSuccess,\n updateSonraiUserSuccess,\n setAllRoles,\n errAllRoles,\n updateUserRolesSuccess,\n setGlobalError,\n setBots,\n validateSourceUrlSuccess,\n createBotSuccess,\n handleDeleteBotsSuccess,\n updateBotAssignmentsSuccess,\n removeSwimlaneSuccess,\n setExemptedIdentities,\n setExemptedIdentitiesError,\n addExemptedIdentitiesSuccess,\n deleteExemptedIdentitiesSuccess,\n setObjectives,\n fetchObjectivesError,\n fetchObjectives as fetchObjectivesAction,\n enableObjectiveSuccess,\n enableObjectiveError,\n setSonraiConfig,\n enableAllObjectivesSuccess,\n enableAllObjectivesError,\n enableAllObjectivesForSwimlaneSuccess,\n enableAllObjectivesForSwimlaneError,\n} from './actions'\n\nimport { generateTypeColors } from 'containers/ThemeManager/actions'\nimport { fetchControlGroups } from 'containers/ControlFrameworkData/actions'\nimport {\n RUN_INSPECTION_QUERY,\n FETCH_SAVED_SEARCHES,\n FETCH_SAVED_SEARCHES_DETAILS,\n FETCH_SONRAI_SEARCHES,\n FETCH_ACCOUNTS,\n FETCH_TAGS,\n FETCH_DATA_CONTAINERS,\n START_UPDATE_DATA_POLL,\n STOP_UPDATE_DATA_POLL,\n CHECK_IF_HAS_COLLECTORS,\n GET_MONITORED_RESOURCES_COUNT,\n FETCH_SWIMLANES,\n FETCH_SUBSCRIPTIONS,\n FETCH_SONRAI_USERS,\n UPDATE_SONRAI_USER,\n GET_ALL_ROLES,\n UPDATE_USER_ROLES,\n GET_BOTS,\n VALIDATE_SOURCE_URL,\n HANDLE_DELETE_BOTS,\n UPDATE_BOT_ASSIGNMENT,\n REMOVE_SWIMLANE,\n FETCH_GRAPHQL_SCHEMA,\n GET_EXEMPTED_IDENTITIES,\n ADD_EXEMPTED_IDENTITIES,\n DELETE_EXEMPTED_IDENTITIES,\n FETCH_OBJECTIVES,\n ENABLE_OBJECTIVE,\n ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE,\n FETCH_SONRAI_CONFIG,\n ENABLE_ALL_OBJECTIVES,\n} from './constants'\nimport {\n selectBots,\n selectSavedSearches,\n selectPermissions,\n selectObjectives,\n} from './selectors'\nimport { getClient } from 'apolloClient'\nimport { INSPECTION_QUERY } from 'query-builder'\nimport gql from 'graphql-tag'\nimport { List, fromJS, Map } from 'immutable'\nimport { getIntrospectionQuery } from 'graphql'\nimport { POLL_FREQUENCY } from 'appConstants'\nimport _ from 'lodash'\n\nfunction* runInspectionQuery() {\n try {\n const client = getClient()\n\n var data = null\n\n // try to fetch the data multiple times, retry if there is timeout\n const MAX_INTROSPECTION_ATTEMPTS = 5\n for (var attempt = 0; attempt < MAX_INTROSPECTION_ATTEMPTS; attempt++) {\n try {\n const result = yield client.query({\n query: INSPECTION_QUERY,\n fetchPolicy: 'no-cache',\n context: {\n queryName: 'pivoted-inspection-query',\n },\n })\n data = result.data\n break\n } catch (e) {\n // check error to make sure we did timeout\n const networkErrorMessage = _.get(\n e,\n ['networkError', 'result', 'errors', 0, 'message'],\n ''\n )\n const networkStatusCode = _.get(e, ['networkError', 'statusCode'], -1)\n\n const isTimeoutStatus = networkStatusCode === 504\n const isTimeoutMessage = networkErrorMessage.startsWith(\n 'The request timed out after '\n )\n if (!(isTimeoutStatus && isTimeoutMessage)) {\n throw e // if it's some other error, throw up\n } else {\n // eslint-disable-next-line no-console\n console.warn(\n `retrying introspection query fetch attempt ${\n attempt + 1\n }/${MAX_INTROSPECTION_ATTEMPTS}`\n )\n }\n }\n }\n\n if (data === null) {\n throw new Error(\n `could not fetch after ${MAX_INTROSPECTION_ATTEMPTS} attempts due to timeout`\n )\n }\n\n if (data.Queries) {\n let queries = ['AnalyticsResults'].concat(data.Queries)\n queries.sort()\n yield put(setAllowedRootQueries(queries))\n }\n\n if (data.Relations) {\n const relations = data.Relations\n yield put(setRelations(relations))\n }\n\n if (data.PivotedIntrospection) {\n yield put(setTypes(data.PivotedIntrospection.types))\n yield put(generateTypeColors())\n }\n\n if (data.__type) {\n const queryNames = data.__type.fields.reduce((types, nextType) => ({\n ...types,\n [nextType.type.name]: nextType,\n }))\n\n yield put(setQueryNames(queryNames))\n }\n } catch (e) {\n if (Object.values(e)[2] === 'Network error: Failed to fetch') {\n yield put(setGlobalError(e.message))\n }\n //eslint-disable-next-line no-console\n console.error('Error running introspection query', e)\n }\n}\n\nfunction* getGraphqlSchema() {\n try {\n const client = getClient()\n\n const schema_response = yield client.query({\n query: gql`\n ${getIntrospectionQuery()}\n `,\n fetchPolicy: 'no-cache',\n context: {\n queryName: 'graphiql-inspection-query',\n },\n })\n if (schema_response) {\n const schema_data = schema_response.data\n\n if (schema_data) {\n yield put(setGraphQLSchema(schema_data))\n }\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error fetching the graphql schema', e)\n }\n}\n\nfunction* getSonraiConfig() {\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n query getSonraiUIConfig {\n SonraiUiConfigs {\n items {\n config\n }\n }\n }\n `,\n })\n\n if (result.data.SonraiUiConfigs.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n const sonraiConfig = _.get(\n _.first(result.data.SonraiUiConfigs.items),\n ['config'],\n {}\n )\n\n const config = _.merge(window.config, sonraiConfig)\n window.config = config\n\n yield put(setSonraiConfig())\n } catch (e) {\n yield put(setSonraiConfig())\n yield put(setGlobalError(`Error fetching Sonrai UI Config: ${e.message}`))\n\n //eslint-disable-next-line no-console\n console.error('Failed to load Sonrai UI Config', e)\n }\n}\n\nexport function* fetchSavedSearches(action) {\n try {\n const client = getClient(action.poll)\n\n let includeDetails = true\n const isFirstPoll = (yield select(selectSavedSearches)).isEmpty()\n if (isFirstPoll && action.forceIncludeDetails != true) {\n // we can save ourselves some time on initial render by not fetching the\n // relationships for the seaches. They're only needed on the Manage Searches page\n const location = yield select(state => {\n return state.getIn(['router', 'location', 'pathname'], '')\n })\n if (!location.startsWith('/App/SearchManager')) {\n includeDetails = false\n }\n }\n\n const results = yield client.query({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n query: gql`\n ${FETCH_SAVED_SEARCHES_QUERY}\n `,\n variables: { includeDetails },\n })\n\n if (results.data.Searches.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const immutableResults = fromJS(results.data)\n const resultsMappedById = Map(\n immutableResults\n .getIn(['Searches', 'items'], List())\n .map(search => List([search.get('sid'), search]))\n )\n\n yield put(\n setSavedSearches({\n results: resultsMappedById,\n withDetails: includeDetails,\n })\n )\n\n if (!includeDetails) {\n // if we didn't load details this time, we can preemtively load it now\n yield call(fetchSavedSearchesDetails)\n }\n } catch (e) {\n yield put(setGlobalError(`Error fetching Saved Searches: ${e.message}`))\n //eslint-disable-next-line no-console\n console.error('error fetching saved searches', e)\n }\n}\n\nfunction* fetchSavedSearchesDetails() {\n yield call(fetchSavedSearches, { forceIncludeDetails: true })\n}\n\nfunction* getSavedSonraiSeaches(action) {\n try {\n const client = getClient(action.poll)\n const result = yield client.query({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n query: gql`\n ${FETCH_SONRAI_SEARCHES_QUERY}\n `,\n })\n\n if (result.data.SavedQueries.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n yield put(setSonraiSearches(result.data.SavedQueries.items))\n } catch (e) {\n yield put(setGlobalError(`Error fetching Sonrai Searches: ${e.message}`))\n\n //eslint-disable-next-line no-console\n console.error('Failed to load Sonrai saved searches', e)\n }\n}\n\nfunction* getAccounts(action) {\n try {\n const client = getClient(action.poll)\n const results = yield client.query({\n query: gql`\n ${FETCH_ACCOUNTS_QUERY}\n `,\n })\n\n if (results.data.Accounts.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const immutableResults = fromJS(results.data).getIn(\n ['Accounts', 'items'],\n List()\n )\n\n yield put(fetchAccountsSuccess(immutableResults))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error fetching accounts', e)\n }\n}\n\nfunction* getAzureSubscriptions() {\n try {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n ${FETCH_SUBSCRIPTIONS_QUERY}\n `,\n })\n\n if (results.data.Subscriptions.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const immutableResults = fromJS(results.data).getIn(\n ['Subscriptions', 'items'],\n List()\n )\n\n yield put(fetchSubscriptionsSuccess(immutableResults))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error fetching subscriptions', e)\n }\n}\n\nfunction* getTags() {\n try {\n const client = getClient()\n\n const results = yield client.query({\n query: gql`\n ${FETCH_TAGS_QUERY}\n `,\n })\n\n const immutableResults = fromJS(\n results.data.Tags.group\n // filter to ensure we don't end up with null/undef. in list of tags\n .filter(tagGroup => (tagGroup.items || []).length > 0)\n .map(groupedResult => groupedResult.items[0])\n )\n\n yield put(fetchTagsSuccess(immutableResults))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error fetching tags', e)\n }\n}\n\nfunction* getDataContainers() {\n try {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n ${FETCH_DATA_CONTAINERS_QUERY}\n `,\n })\n\n if (results.data.DataContainers.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const immutableResults = fromJS(results.data).getIn(\n ['DataContainers', 'items'],\n List()\n )\n\n yield put(fetchDataContainersSuccess(immutableResults))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error fetching data containers', e)\n }\n}\n\nexport function* checkIfHasCollectors() {\n try {\n const client = getClient()\n const results = yield client.query({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n query: gql`\n ${CHECK_FOR_CLOUD_ACCOUNTS_QUERY}\n `,\n })\n\n const count = results.data.PlatformAccounts.count\n\n yield put(setHasCollectors(count > 0))\n } catch (err) {\n yield put(setGlobalError(`Error verifying org collectors: ${err.message}`))\n\n //eslint-disable-next-line no-console\n console.error(err)\n yield put(setHasCollectors(true))\n }\n}\n\nexport function* getMonitoredResourcesCount() {\n try {\n const client = getClient()\n const results = yield client.query({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n query: gql`\n ${MONITORED_RESOURCES_COUNT_QUERY}\n `,\n })\n\n const count = results.data.Resources.count\n\n yield put(setMonitoredResourcesCount(count))\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error(err)\n }\n}\n\nfunction* getSonraiUsers() {\n const SONRAI_USERS_QUERY = `\n query getSonraiUsers {\n SonraiUsers {\n items {\n srn\n email\n name\n isActive\n lastLogin\n resourceId\n roleAssignments {\n items {\n srn\n scope\n resourceId\n role {\n items {\n srn\n resourceId\n name\n description\n permissions\n }\n }\n }\n }\n orgs\n avatarUrl\n lastLogin\n }\n }\n }\n `\n try {\n const client = getClient()\n const results = yield client.query({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n query: gql`\n ${SONRAI_USERS_QUERY}\n `,\n })\n\n yield put(\n fetchSonraiUsersSuccess({\n users: _.get(results, ['data', 'SonraiUsers', 'items'], []),\n })\n )\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error(err)\n }\n}\n\nfunction* updateSonraiUser(action) {\n const UPDATE_SONRAI_USER_QUERY = `\n ${\n action.payload.me\n ? `mutation updateSonraiGuy($updateGuy: [SonraiCurrentUserUpdater!]!) {\n UpdateSonraiCurrentUsers(input: $updateGuy) {`\n : `mutation updateSonraiGuy($updateGuy: [SonraiUserUpdater!]!) {\n UpdateSonraiUsers(input: $updateGuy) {`\n }\n items {\n srn\n email\n name\n isActive\n lastLogin\n resourceId\n roleAssignments {\n items {\n srn\n scope\n resourceId\n role {\n items {\n srn\n resourceId\n name\n description\n permissions\n }\n }\n }\n }\n orgs\n avatarUrl\n lastLogin\n }\n }\n }\n `\n const srnMaybe = action.payload.me ? {} : { srn: action.payload.srn }\n const variables = {\n ...srnMaybe,\n ...action.payload.variables,\n }\n\n try {\n const client = getClient()\n const results = yield client.mutate({\n forceFetch: true,\n fetchPolicy: 'no-cache',\n mutation: gql`\n ${UPDATE_SONRAI_USER_QUERY}\n `,\n variables: {\n updateGuy: variables,\n },\n })\n\n const updatedGuy = _.get(\n results,\n [\n 'data',\n action.payload.me ? `UpdateSonraiCurrentUsers` : `UpdateSonraiUsers`,\n 'items',\n 0,\n ],\n null\n )\n if (updatedGuy) {\n yield put(\n updateSonraiUserSuccess({ srn: action.payload.srn, guy: updatedGuy })\n )\n }\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error(err)\n }\n}\n\nfunction* getBotAssignments(contentSrn) {\n try {\n const client = getClient()\n const results = yield client.query({\n query: gql`\n query getBotAssignemntsOnSwimlane {\n BotAssignments(\n where: {\n contentSrn: {\n value: \"${contentSrn}\"\n }\n }\n ) {\n items {\n srn\n bot {\n srn\n title\n description\n cloud\n url\n }\n }\n }\n }\n `,\n })\n if (results.errors) {\n yield put(setSwimlaneBotError('Error fetching Bots for Swimlane'))\n return []\n } else {\n let nullBoiz = 0\n const botties = _.get(\n results,\n ['data', 'BotAssignments', 'items'],\n []\n ).map(\n //temp fix to prevent null bots ruining EVERYTHING\n item => {\n if (!item) {\n nullBoiz++\n return null\n } else {\n return {\n ...item.bot,\n botAssignmentSrn: item.srn,\n }\n }\n }\n )\n if (nullBoiz > 0) {\n yield put(setSwimlaneBotError('Error fetching Bots for Swimlane'))\n }\n return botties\n }\n } catch (err) {\n //eslint-disable-next-line no-console\n console.error(err)\n }\n}\n\nfunction* getSwimlanes(action) {\n try {\n const client = getClient(action.poll)\n const results = yield client.query({\n query: gql`\n query fetchSwimlanes {\n Swimlanes {\n items {\n description\n label\n title\n srn\n defaultImportance\n createdBy\n sid\n preventionEnabled\n lastModified\n createdDate\n name\n accounts\n names\n resourceIds\n tags\n resourceId\n }\n }\n }\n `,\n })\n\n if (results.data.Swimlanes.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n const bots = yield all(\n results.data.Swimlanes.items.map(swimlane =>\n call(getBotAssignments, swimlane.srn)\n )\n )\n const updatedSwimlanes = results.data.Swimlanes.items.map(\n (swimlane, index) => {\n return { ...swimlane, bots: bots[index] }\n }\n )\n const immutableResults = fromJS(updatedSwimlanes)\n\n const mappedByTitle = Map(\n immutableResults.map(swimlane => List([swimlane.get('title'), swimlane]))\n )\n\n yield put(fetchSwimlanesSuccess(mappedByTitle))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error fetching swimlanes', e)\n }\n}\n\nfunction* getAllRoles(action) {\n if (action.payload.skipAssignments) {\n return yield call(getRolesWithoutAssignments)\n }\n\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n query get_all_roles {\n SonraiRoles {\n items {\n name\n srn\n permissions\n expandedPermissions\n description\n resourceId\n roleAssignments {\n items {\n scope\n srn\n user {\n items {\n srn\n name\n email\n resourceId\n }\n }\n }\n }\n }\n }\n }\n `,\n })\n\n const roles = _.get(result, ['data', 'SonraiRoles', 'items'], null)\n if (roles == null) {\n throw 'the response did not return SonraiRoles.items'\n }\n\n const data = roles\n .map(role => {\n // try to get a list of unique users in the role\n const assignments = _.get(role, ['roleAssignments', 'items'], null)\n if (!assignments) {\n // eslint-disable-next-line no-console\n console.error(\n 'role ' + role.srn + ' did not have roleAssignments.items'\n )\n return null\n }\n const users = assignments\n .map(assignment => {\n const user = _.get(assignment, ['user', 'items', 0], null)\n if (!user) {\n // eslint-disable-next-line no-console\n console.error(\n 'role ' +\n role.srn +\n ' assigment ' +\n assignment.srn +\n ' did not have field user.items'\n )\n return null\n }\n return user\n })\n .filter(user => user != null)\n const uniqueUserNames = _.uniq(users.map(user => user.name))\n return {\n // omit description and put in after so the columns are in right order\n ..._.omit(role, ['description']),\n users: uniqueUserNames.length,\n description: role.description,\n }\n })\n .filter(role => role != null)\n\n yield put(setAllRoles({ data }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('There was an error fetching all roles ', e)\n yield put(errAllRoles())\n }\n}\n\nfunction* getRolesWithoutAssignments() {\n try {\n const client = getClient()\n const result = yield client.query({\n query: gql`\n query get_all_roles {\n SonraiRoles {\n items {\n name\n srn\n permissions\n expandedPermissions\n description\n resourceId\n }\n }\n }\n `,\n })\n\n const roles = _.get(result, ['data', 'SonraiRoles', 'items'], null)\n if (roles == null) {\n throw 'the response did not return SonraiRoles.items'\n }\n\n //Fill in blank roleAssignments\n const data = roles.map(role => {\n role.roleAssignments = { items: [] }\n return role\n })\n\n yield put(setAllRoles({ data }))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('There was an error fetching the roles ', e)\n yield put(errAllRoles())\n }\n}\n\nfunction* updateRoles(action) {\n const DELETE_USER_ROLES_MUTATION = `\n mutation deleteRoleAssignment($deleteMe: [SonraiRoleAssignmentDeleter!]!) {\n DeleteSonraiRoleAssignments(input: $deleteMe) {\n items {\n srn\n deleted\n }\n }\n }\n `\n const CREATE_ROLE_ASSIGNMENT_MUTATION = `\n mutation assignRole($assignment: [SonraiRoleAssignmentCreator!]!) {\n CreateSonraiRoleAssignments(input: $assignment) {\n items {\n srn\n resourceId\n role {\n items {\n srn\n name\n description\n permissions\n }\n }\n scope\n }\n }\n }\n `\n const removed = []\n const added = []\n\n try {\n const client = getClient()\n if (action.payload.remove) {\n const response = yield client.mutate({\n mutation: gql`\n ${DELETE_USER_ROLES_MUTATION}\n `,\n variables: {\n deleteMe: action.payload.remove.map(srn => ({ srn: srn })),\n },\n })\n\n _.get(\n response,\n ['data', 'DeleteSonraiRoleAssignments', 'items'],\n []\n ).forEach(item => {\n if (item.deleted) {\n removed.push(item.srn)\n }\n })\n }\n\n if (action.payload.add) {\n const response = yield client.mutate({\n mutation: gql`\n ${CREATE_ROLE_ASSIGNMENT_MUTATION}\n `,\n variables: {\n assignment: action.payload.add.map(addMe => ({\n userSrn: action.payload.srn,\n roleSrn: addMe.roleSrn,\n scope: addMe.scope,\n })),\n },\n })\n\n _.get(\n response,\n ['data', 'CreateSonraiRoleAssignments', 'items'],\n []\n ).forEach(item => {\n added.push(item)\n })\n }\n\n yield put(\n updateUserRolesSuccess({\n userSrn: action.payload.srn,\n deletedSrns: removed,\n addedRoles: added,\n })\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error saving user profile', e)\n }\n}\n\n// BOT time\n\nfunction* getAllBots(action) {\n const fields = action.payload.filters\n let filters = {}\n _.keys(fields).forEach(field => {\n if (fields[field]) {\n filters[field] = { value: fields[field].value }\n }\n })\n const client = getClient()\n let result\n\n try {\n if (!_.isEmpty(filters)) {\n result = yield client.query({\n query: GET_FILTERED_BOTS,\n variables: { filters },\n })\n } else {\n result = yield client.query({\n query: GET_ALL_BOTS,\n })\n }\n\n if (!result.data.Bots) {\n throw new Error('Bots query returned null')\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Error getting filtered bots ${e}`)\n }\n\n const bots = result.data.Bots.items\n\n yield put(setBots(bots))\n}\n\nfunction* removeBot(srn) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation deleteBot($srn: String!) {\n DeleteBot(input: { srn: $srn })\n }\n `,\n variables: { srn },\n })\n return { srn, success: result.data.DeleteBot }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(`Error deleting bot ${e}`)\n }\n}\n\nfunction* deleteBots(action) {\n const { bots } = action.payload\n const results = yield all(bots.map(bot => call(removeBot, bot)))\n const currentBots = yield select(selectBots)\n const confirmedDeleted = results\n .filter(item => item.success === true)\n .map(item => item.srn)\n const updatedBots = currentBots\n .get('data')\n .toJS()\n .filter(bot => !confirmedDeleted.includes(bot.srn))\n yield put(handleDeleteBotsSuccess(updatedBots))\n}\n\nfunction* createBot(url) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: CREATE_BOT_MUTATION,\n variables: { url },\n })\n if (result.data.CreateBot) {\n return result.data.CreateBot\n } else {\n return {}\n }\n } catch (e) {\n return {}\n }\n}\n\nfunction* updateBotAssignments(action) {\n const CREATE_BOT_ASSIGNMENT_MUTATION = `\n mutation createAssignmentForSwimlane($input: [CreateBotAssignmentInput!]!) {\n CreateBotAssignments(input: $input) {\n items {\n srn\n bot {\n srn\n title\n description\n cloud\n url\n } \n }\n }\n }\n `\n\n const DELETE_BOT_ASSIGNMENT_MUTATION = `\n mutation deleteBotAssignment($input: [RemoveBotAssignmentInput!]!) {\n RemoveBotAssignments(input: $input) {\n items\n }\n }\n `\n\n try {\n const client = getClient()\n\n if (action.payload.add) {\n const result = yield client.mutate({\n mutation: gql`\n ${CREATE_BOT_ASSIGNMENT_MUTATION}\n `,\n variables: {\n input: action.payload.add,\n },\n })\n\n if (result.errors) {\n yield put(\n setSwimlaneBotError(\n _.get(result, ['errors', 0, 'message'], 'Error assigning bot')\n )\n )\n }\n }\n\n if (action.payload.remove) {\n const result = yield client.mutate({\n mutation: gql`\n ${DELETE_BOT_ASSIGNMENT_MUTATION}\n `,\n variables: {\n input: action.payload.remove.map(srn => ({ srn: srn })),\n },\n })\n\n if (result.errors) {\n yield put(\n setSwimlaneBotError(\n _.get(result, ['errors', 0, 'message'], 'Error assigning bot')\n )\n )\n }\n }\n\n const bots = yield call(getBotAssignments, action.payload.swimlaneSrn)\n\n yield put(\n updateBotAssignmentsSuccess({\n swimlaneSrn: action.payload.swimlaneSrn,\n bots: bots,\n })\n )\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('Error updating bot assignments', e)\n }\n}\n\nfunction* validateSourceUrl(action) {\n const { url } = action.payload\n // //some query here to give us a boolean val of valid or not\n // const isValid = url.includes('github') // this is palceholder - delete after real query\n // yield put(validateSourceUrlSuccess(isValid))\n const bot = yield call(createBot, url)\n const isValid = !_.isEmpty(bot)\n yield put(validateSourceUrlSuccess(isValid))\n if (isValid) {\n yield put(createBotSuccess(bot))\n }\n}\n\nfunction* deleteSwimlane(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation deleteSwimlane($srn: ID!) {\n DeleteSwimlane(srn: $srn)\n }\n `,\n variables: { srn: action.payload.srn },\n })\n\n if (result.errors && result.errors.length > 0) {\n result.errors.map(err => {\n throw new Error(err.message)\n })\n }\n\n yield put(removeSwimlaneSuccess(action.payload.title))\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error('error deleting swimlanes', e)\n }\n}\n\nfunction* runAllDataFetcher() {\n const permissions = yield select(selectPermissions)\n const permissionKeys = _.keys(permissions.get('data'))\n\n let pollsSet = Map({\n getSavedSonraiSeaches: call(getSavedSonraiSeaches, { poll: true }),\n fetchSavedSearches: call(fetchSavedSearches, { poll: true }),\n })\n\n permissionKeys.forEach(permission => {\n if (permission === 'edit.swimlanes' || permission === 'assign.bots') {\n pollsSet = pollsSet.set(\n 'getSwimlanes',\n call(getSwimlanes, { poll: true })\n )\n }\n\n if (permission === 'view.data') {\n pollsSet = pollsSet.set('getAccounts', call(getAccounts, { poll: true }))\n pollsSet = pollsSet.set(\n 'getSwimlanes',\n call(getSwimlanes, { poll: true })\n )\n pollsSet = pollsSet.set(\n 'getAzureSubscriptions',\n call(getAzureSubscriptions, { poll: true })\n )\n }\n })\n\n const polls = pollsSet.toList().toJS()\n\n while (true) {\n yield all(polls)\n yield call(delay, POLL_FREQUENCY)\n }\n}\n\nfunction* getExemptedIdentities() {\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n query getExemptedIdentities {\n BotsExemptedIdentities {\n items {\n resourceId\n cloud\n }\n }\n }\n `,\n })\n\n const ids = _.get(\n response,\n ['data', 'BotsExemptedIdentities', 'items'],\n null\n )\n\n if (response.errors || !ids) {\n const message = _.get(\n response,\n ['errors', 0, 'message'],\n 'Error retrieving Exempted Identities'\n )\n yield put(\n setExemptedIdentitiesError({\n error: message,\n })\n )\n } else {\n yield put(setExemptedIdentities({ identities: ids }))\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n }\n}\n\nfunction* addExemptedIdentities(action) {\n try {\n setTimeout(() => {}, 2500)\n const client = getClient()\n const response = yield client.mutate({\n mutation: gql`\n mutation createExemptItem($input: [BotsExemptedIdentityCreator!]!) {\n CreateBotsExemptedIdentities(input: $input) {\n items {\n resourceId\n cloud\n }\n }\n }\n `,\n variables: {\n input: action.payload.resourceIds.map(id => ({\n resourceId: id,\n cloud: action.payload.cloudType,\n })),\n },\n })\n\n const ids = _.get(\n response,\n ['data', 'CreateBotsExemptedIdentities', 'items'],\n null\n )\n\n if (response.errors || !ids) {\n const message = _.get(\n response,\n ['errors', 0, 'message'],\n 'Error adding Exempted Identities'\n )\n yield put(\n setExemptedIdentitiesError({\n error: message,\n })\n )\n } else {\n yield put(addExemptedIdentitiesSuccess({ identities: ids }))\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n }\n}\n\nfunction* deleteExemptedIdentities(action) {\n try {\n setTimeout(() => {}, 2500)\n const client = getClient()\n const response = yield client.mutate({\n mutation: gql`\n mutation deleteExemptedIdentity(\n $input: [BotsExemptedIdentityDeleter!]!\n ) {\n DeleteBotsExemptedIdentities(input: $input) {\n items {\n resourceId\n }\n }\n }\n `,\n variables: {\n input: action.payload.resourceIds.map(id => ({\n resourceId: id,\n })),\n },\n })\n\n const id = _.get(\n response,\n ['data', 'DeleteBotsExemptedIdentities', 'items', 0, 'resourceId'],\n null\n )\n\n if (response.errors || !id) {\n const message = _.get(\n response,\n ['errors', 0, 'message'],\n 'Error deleting Exempted Identities'\n )\n yield put(\n setExemptedIdentitiesError({\n error: message,\n })\n )\n } else {\n yield put(deleteExemptedIdentitiesSuccess({ resourceId: id }))\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n }\n}\n\nexport function* fetchObjectives() {\n try {\n const client = getClient()\n const response = yield client.query({\n query: gql`\n query getObjectives {\n SonraiObjectives {\n items {\n srn\n resourceId\n name\n description\n createdBy\n definedControlFrameworks {\n controlFrameworkSrn\n controlFrameworkOrder\n }\n appliedControlFrameworks {\n items {\n srn\n swimlaneSRNs\n contains {\n items {\n srn\n }\n }\n }\n }\n }\n }\n }\n `,\n })\n\n const objectives = _.get(\n response,\n ['data', 'SonraiObjectives', 'items'],\n null\n )\n\n if (response.errors || !objectives) {\n throw new Error(`Error fetching objectives: ' ${response.errors}`)\n } else {\n yield put(setObjectives(objectives))\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n yield put(fetchObjectivesError(e.message))\n }\n}\n\nfunction* enableObjective({ payload }) {\n try {\n const client = getClient()\n const response = yield client.mutate({\n mutation: gql`\n mutation enableObjective($input: [SonraiObjectiveAssignmentCreator!]!) {\n CreateSonraiObjectiveAssignment(input: $input) {\n items {\n controlFrameworkSrn\n swimlaneSrn\n }\n }\n }\n `,\n variables: {\n input: [\n {\n objectiveSrn: payload.objectiveSrn,\n swimlaneSrn: payload.swimlaneSrn,\n enableEscalationSchemes: payload.enableEscalationSchemes,\n },\n ],\n },\n })\n\n if (response.errors) {\n throw new Error(response.errors)\n } else {\n yield put(\n enableObjectiveSuccess({\n objectiveSrn: payload.objectiveSrn,\n swimlaneSrn: payload.swimlaneSrn,\n enableEscalationSchemes: payload.enableEscalationSchemes,\n })\n )\n yield put(fetchObjectivesAction())\n yield put(fetchControlGroups())\n }\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n yield put(enableObjectiveError())\n }\n}\nfunction* enableAllObjectives({ payload }) {\n try {\n const objectives = yield select(selectObjectives)\n\n const client = getClient()\n const enableResults = yield all([\n ...objectives.toJS().map(obj =>\n client.mutate({\n mutation: gql`\n mutation enableObjective(\n $input: [SonraiObjectiveAssignmentCreator!]!\n ) {\n CreateSonraiObjectiveAssignment(input: $input) {\n items {\n controlFrameworkSrn\n swimlaneSrn\n }\n }\n }\n `,\n variables: {\n input: {\n objectiveSrn: obj.srn,\n swimlaneSrn: null,\n enableEscalationSchemes: payload.enableEscalationSchemes,\n },\n },\n })\n ),\n ])\n\n for (let index in enableResults) {\n if (enableResults[index].errors) {\n throw new Error(enableResults[index].errors)\n }\n }\n\n yield put(enableAllObjectivesSuccess())\n yield put(fetchObjectivesAction())\n yield put(fetchControlGroups())\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n yield put(enableAllObjectivesError())\n }\n}\n\nfunction* enableAllObjectivesForSwimlane({ payload }) {\n try {\n const swimlaneSrn = payload.swimlaneSrn\n const objectives = yield select(selectObjectives)\n\n const client = getClient()\n const enableResults = yield all([\n ...objectives.toJS().map(obj =>\n client.mutate({\n mutation: gql`\n mutation enableObjective(\n $input: [SonraiObjectiveAssignmentCreator!]!\n ) {\n CreateSonraiObjectiveAssignment(input: $input) {\n items {\n controlFrameworkSrn\n swimlaneSrn\n }\n }\n }\n `,\n variables: {\n input: {\n objectiveSrn: obj.srn,\n swimlaneSrn: swimlaneSrn,\n enableEscalationSchemes: payload.enableEscalationSchemes,\n },\n },\n })\n ),\n ])\n\n for (let index in enableResults) {\n if (enableResults[index].errors) {\n throw new Error(enableResults[index].errors)\n }\n }\n\n yield put(enableAllObjectivesForSwimlaneSuccess())\n yield put(fetchObjectivesAction())\n yield put(fetchControlGroups())\n } catch (e) {\n //eslint-disable-next-line no-console\n console.error(e)\n yield put(enableAllObjectivesForSwimlaneError())\n }\n}\n\nfunction* sonraiDataSaga() {\n yield all([\n takeLatest(RUN_INSPECTION_QUERY, runInspectionQuery),\n takeLatest(FETCH_SONRAI_CONFIG, getSonraiConfig),\n takeLatest(FETCH_SAVED_SEARCHES, fetchSavedSearches),\n takeLatest(FETCH_SAVED_SEARCHES_DETAILS, fetchSavedSearchesDetails),\n takeLatest(FETCH_SONRAI_SEARCHES, getSavedSonraiSeaches),\n takeLatest(FETCH_ACCOUNTS, getAccounts),\n takeLatest(FETCH_SUBSCRIPTIONS, getAzureSubscriptions),\n takeLatest(FETCH_TAGS, getTags),\n takeLatest(FETCH_DATA_CONTAINERS, getDataContainers),\n takeLatest(CHECK_IF_HAS_COLLECTORS, checkIfHasCollectors),\n takeLatest(GET_MONITORED_RESOURCES_COUNT, getMonitoredResourcesCount),\n takeLatest(FETCH_SWIMLANES, getSwimlanes),\n takeLatest(FETCH_SONRAI_USERS, getSonraiUsers),\n takeLatest(UPDATE_SONRAI_USER, updateSonraiUser),\n takeLatest(GET_ALL_ROLES, getAllRoles),\n takeLatest(UPDATE_USER_ROLES, updateRoles),\n takeLatest(GET_BOTS, getAllBots),\n takeLatest(VALIDATE_SOURCE_URL, validateSourceUrl),\n takeLatest(HANDLE_DELETE_BOTS, deleteBots),\n takeLatest(UPDATE_BOT_ASSIGNMENT, updateBotAssignments),\n takeLatest(REMOVE_SWIMLANE, deleteSwimlane),\n takeLatest(FETCH_GRAPHQL_SCHEMA, getGraphqlSchema),\n takeLatest(GET_EXEMPTED_IDENTITIES, getExemptedIdentities),\n takeLatest(ADD_EXEMPTED_IDENTITIES, addExemptedIdentities),\n takeLatest(DELETE_EXEMPTED_IDENTITIES, deleteExemptedIdentities),\n takeLatest(FETCH_OBJECTIVES, fetchObjectives),\n takeLatest(ENABLE_OBJECTIVE, enableObjective),\n takeLatest(ENABLE_ALL_OBJECTIVES, enableAllObjectives),\n takeLatest(\n ENABLE_ALL_OBJECTIVES_FOR_SWIMLANE,\n enableAllObjectivesForSwimlane\n ),\n ])\n\n while (true) {\n yield take(START_UPDATE_DATA_POLL)\n yield race([call(runAllDataFetcher), take(STOP_UPDATE_DATA_POLL)])\n }\n}\n\nexport default sonraiDataSaga\n","import {\n all,\n put,\n takeLatest,\n takeEvery,\n call,\n select,\n} from 'redux-saga/effects'\nimport _ from 'lodash'\nimport gql from 'graphql-tag'\nimport { push } from 'connected-react-router'\nimport qs from 'query-string'\nimport {\n policyProps,\n controlFrameworkProps,\n FETCH_CONTROL_FRAMEWORKS_QUERY,\n FETCH_POLICIES_QUERY,\n FETCH_POLICY_SEARCH_NAME_QUERY,\n} from 'static-queries'\n\nimport { selectControlGroups } from './selectors'\nimport { getCurrentOrg } from 'auth/current-org'\nimport { SONRAI_ORG_NAME } from 'appConstants'\nimport { getClient } from 'apolloClient'\nimport {\n setPolicies,\n createPolicySuccess,\n updateControlGroupSuccess,\n setControlGroups,\n createControlGroupSuccess,\n deleteControlGroupSuccess,\n deletePolicySuccess,\n updatePolicySuccess,\n addPolicySuccess,\n removePolicySuccess,\n cloneFrameworkSuccess,\n setFrameworkEnabledSuccess,\n fetchControlGroups,\n setPolicyError,\n toggleEnabledOnSwimlanesSuccess,\n toggleSwimlaneOnCFsSuccess,\n toggleSwimlaneOnCFsError,\n} from './actions'\n\nimport {\n FETCH_POLICIES,\n CREATE_POLICY,\n FETCH_CONTROL_GROUPS,\n UPDATE_CONTROL_GROUP,\n CREATE_CONTROL_GROUP,\n DELETE_CONTROL_GROUP,\n DELETE_POLICY,\n UPDATE_POLICY,\n ADD_POLICY,\n REMOVE_POLICY,\n CLONE_FRAMEWORK,\n SET_FRAMEWORK_ENABLED,\n TOGGLE_ENABLED_ON_SWIMLANES,\n TOGGLE_SWIMLANE_ON_CFS,\n} from './constants'\n\nexport function* getControlGroups() {\n try {\n const client = getClient()\n const result = yield client.query({\n forceFetch: true,\n fetchPolicy: 'network-only',\n query: gql`\n ${FETCH_CONTROL_FRAMEWORKS_QUERY}\n `,\n })\n\n const controlGroups = _.get(result, ['data', 'ControlFrameworks', 'items'])\n\n if (!controlGroups) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n yield put(setControlGroups(controlGroups))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error fetching control groups', e)\n }\n}\n\nfunction* addControlGroup(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation addControlFramework(\n $controlFramework: ControlframeworkCreator!\n ) {\n CreateControlframework(value: $controlFramework) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFramework: {\n title: action.payload.title,\n description: action.payload.description,\n shortDescription: action.payload.friendlyName,\n enabled: true,\n },\n },\n })\n\n const createdControlGroup = result.data.CreateControlframework\n\n yield put(createControlGroupSuccess(createdControlGroup))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error creating a control group', e)\n }\n}\n\nfunction* updateControlGroup(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`mutation updateControlFramework(\n $controlFramework: ControlframeworkUpdater!\n ) {\n UpdateControlframework (srn: \"${action.payload.srn}\", value: $controlFramework) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFramework: {\n title: action.payload.title,\n shortDescription: action.payload.friendlyName,\n description: action.payload.description,\n },\n },\n })\n\n const updatedControlGroup = result.data.UpdateControlframework\n yield put(updateControlGroupSuccess(updatedControlGroup))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating control group', e)\n }\n}\n\nexport function* deleteControlGroup(action) {\n try {\n const client = getClient()\n yield client.mutate({\n mutation: gql`mutation deleteControlFramework {\n DeleteControlframework (srn: \"${action.payload}\")\n }\n `,\n })\n yield put(deleteControlGroupSuccess(action.payload))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error deleting control group', e)\n }\n}\n\nexport function* deletePolicy(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`mutation deletePolicy {\n DeleteControlpolicy (srn: \"${action.payload}\")\n }\n `,\n })\n\n if (result.errors) {\n yield put(\n setPolicyError({\n msg: _.get(result.errors, [0, 'message'], 'Error Deleting Policy'),\n srn: action.payload,\n })\n )\n } else {\n yield put(deletePolicySuccess(action.payload))\n yield put(fetchControlGroups())\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error deleting policy', e)\n }\n}\n\nexport function* getPolicies() {\n try {\n const client = getClient()\n const result = yield client.query({\n forceFetch: true,\n fetchPolicy: 'network-only',\n query: gql`\n ${FETCH_POLICIES_QUERY}\n `,\n })\n\n if (result.data.ControlPolicies.items === null) {\n throw new Error('Bad formatting of response from server: items is null')\n }\n\n const policies = result.data.ControlPolicies.items.map(pol => {\n if (typeof pol.evalCriteria === 'string') {\n try {\n pol.evalCriteria = JSON.parse(pol.evalCriteria)\n } catch (e) {\n pol.evalCriteria = {}\n }\n }\n\n return pol\n })\n\n yield put(setPolicies(policies))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error fetching policies', e)\n }\n}\n\nfunction* createPolicy(action) {\n // const bots = action.payload.bots.map(bot => bot.value) --- an arr of srns\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation addControlPolicy($controlPolicy: ControlpolicyCreator!) {\n CreateControlpolicy(value: $controlPolicy) {\n ${policyProps}\n }\n }\n `,\n variables: {\n controlPolicy: {\n alertingLevelNumeric: action.payload.alertingLevelNumeric,\n title: action.payload.title,\n description: action.payload.description,\n evalCriteria: JSON.stringify(action.payload.evalCriteria),\n contains: {\n add: action.payload.searchId,\n },\n containedByControlFramework: {\n add: action.payload.controlGroupId,\n },\n //bots\n },\n },\n })\n if (result.errors) {\n yield put(\n setPolicyError({\n msg: _.get(result.errors, [0, 'message'], 'Error Creating Policy'),\n srn: '',\n })\n )\n } else {\n const createdPolicy = result.data.CreateControlpolicy\n createdPolicy.evalCriteria = JSON.parse(createdPolicy.evalCriteria)\n yield put(createPolicySuccess(createdPolicy))\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error creating a policy', e)\n }\n}\n\nfunction* addPolicy(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`mutation addControlPolicy {\n UpdateControlframework (srn: \"${action.payload.controlGroupId}\",\n value: {\n contains: {\n add: \"${action.payload.policyId}\"\n }\n }) {\n ${controlFrameworkProps}\n }\n }\n `,\n })\n\n if (result.errors) {\n yield put(\n setPolicyError({\n msg: _.get(result.errors, [0, 'message'], 'Error Adding Policy'),\n srn: '',\n })\n )\n } else {\n yield put(\n addPolicySuccess(_.get(result, ['data', 'UpdateControlframework']))\n )\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error creating a policy', e)\n }\n}\n\nfunction* removePolicy(action) {\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`mutation removeControlPolicy {\n UpdateControlframework (srn: \"${action.payload.controlGroupId}\",\n value: {\n contains: {\n remove: \"${action.payload.policyId}\"\n }\n }) {\n ${controlFrameworkProps}\n }\n }\n `,\n })\n\n if (result.errors) {\n yield put(\n setPolicyError({\n msg: _.get(result.errors, [0, 'message'], 'Error Adding Policy'),\n srn: action.payload.policyId,\n })\n )\n } else {\n yield put(\n removePolicySuccess({\n cf: _.get(result, ['data', 'UpdateControlframework']),\n policyId: action.payload.policyId,\n srn: action.payload.controlGroupId,\n })\n )\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error creating a policy', e)\n }\n}\n\nfunction* updatePolicy(action) {\n try {\n const client = getClient()\n\n const oldPolicySearch = yield client.query({\n forceFetch: true,\n fetchPolicy: 'network-only',\n query: gql`\n ${FETCH_POLICY_SEARCH_NAME_QUERY}\n `,\n variables: {\n policySrn: action.payload.srn,\n },\n })\n\n const oldSearchId = _.get(oldPolicySearch, [\n 'data',\n 'ControlPolicies',\n 'items',\n 0,\n 'contains',\n 'items',\n 0,\n 'srn',\n ])\n\n const result = yield client.mutate({\n mutation: gql`mutation updateControlPolicy($controlPolicy: ControlpolicyUpdater!) {\n UpdateControlpolicy (srn: \"${action.payload.srn}\", value: $controlPolicy) {\n ${policyProps}\n }\n }\n `,\n variables: {\n controlPolicy: {\n title: action.payload.title,\n description: action.payload.description,\n remediationType: action.payload.remediationType,\n alertingLevelNumeric: action.payload.alertingLevelNumeric,\n evalCriteria: JSON.stringify(action.payload.evalCriteria),\n contains:\n action.payload.searchId && oldSearchId !== action.payload.searchId\n ? {\n remove: oldSearchId,\n add: action.payload.searchId,\n }\n : undefined,\n },\n },\n })\n\n if (result.errors) {\n yield put(\n setPolicyError({\n msg: _.get(result.errors, [0, 'message'], 'Error Adding Policy'),\n srn: action.payload.policyId,\n })\n )\n } else {\n const updatedPolicy = _.get(result, ['data', 'UpdateControlpolicy'])\n if (updatedPolicy) {\n updatedPolicy.evalCriteria = JSON.parse(updatedPolicy.evalCriteria)\n }\n yield put(updatePolicySuccess(updatedPolicy))\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating control policy', e)\n }\n}\n\nfunction* cloneAndEnableFramework(action) {\n try {\n const client = getClient()\n const cloneResult = yield client.mutate({\n mutation: gql`\n mutation cloneControlFramework {\n CloneControlframework(\n srn: \"${action.payload}\"\n ) {\n srn\n }\n }\n `,\n })\n\n const newSrn = cloneResult.data.CloneControlframework.srn\n\n //The clone mutation doesn't update the enabled property, so manually enable the new CF\n const result = yield client.mutate({\n mutation: gql`mutation updateControlFramework(\n $controlFramework: ControlframeworkUpdater!\n ) {\n UpdateControlframework (srn: \"${newSrn}\", value: $controlFramework) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFramework: {\n enabled: true,\n },\n },\n })\n\n const createdControlGroup = result.data.UpdateControlframework\n\n yield put(createControlGroupSuccess(createdControlGroup))\n yield put(cloneFrameworkSuccess(createdControlGroup.srn))\n yield put(cloneFrameworkSuccess(action.payload))\n yield put(setFrameworkEnabledSuccess(createdControlGroup.srn))\n yield put(updateControlGroupSuccess(createdControlGroup))\n return createdControlGroup.srn\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error cloning a control group', e)\n }\n}\n\nfunction* cloneAndEnableFrameworkOnSwimlane({ payload }) {\n try {\n const client = getClient()\n const cloneResult = yield client.mutate({\n mutation: gql`\n mutation cloneControlFramework {\n CloneControlframework(\n srn: \"${payload.srn}\"\n ) {\n srn\n }\n }\n `,\n })\n\n if (!cloneResult.data.CloneControlframework || cloneResult.errors) {\n throw new Error('Toggle Enabled mutation error')\n }\n\n const newSrn = cloneResult.data.CloneControlframework.srn\n\n //The clone mutation doesn't update the enabled property, so manually enable the new CF\n const result = yield client.mutate({\n mutation: gql`mutation updateControlFramework(\n $controlFramework: ControlframeworkUpdater!, $srn: ID!\n ) {\n UpdateControlframework (srn: $srn, value: $controlFramework) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n srn: newSrn,\n controlFramework: {\n enabled: true,\n swimlaneSRNs: {\n add: payload.add ? payload.add : [],\n remove: payload.remove ? payload.remove : [],\n },\n },\n },\n })\n\n const createdControlGroup = result.data.UpdateControlframework\n if (!createdControlGroup || result.errors) {\n throw new Error('Toggle Enabled mutation error')\n }\n\n if (payload.redirect) {\n yield put(\n push({\n pathname: '/App/ControlCenter/ControlGroup',\n search: qs.stringify({\n controlGroupId: newSrn,\n }),\n })\n )\n }\n\n yield put(\n toggleEnabledOnSwimlanesSuccess({\n srn: payload.srn,\n cf: createdControlGroup,\n })\n )\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error enabling a control group with swimanes', e)\n }\n}\n\nfunction* toggleSwimlaneOnCFs({ payload }) {\n try {\n const client = getClient()\n\n const addResults = yield all([\n ...payload.add.map(cfSrn =>\n client.mutate({\n mutation: gql`\n mutation assignControlFramework(\n $controlFrameworkSrn: String!,\n $add: [String],\n $remove: [String]\n ) {\n AssignControlFrameworksToSwimlanes(input: [\n {\n controlFrameworkSrn: $controlFrameworkSrn,\n swimlaneSrns: {\n add: $add,\n remove: $remove,\n },\n }\n ]) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFrameworkSrn: cfSrn,\n add: [payload.srn],\n remove: [],\n },\n })\n ),\n ])\n\n const removeResults = yield all([\n ...payload.remove.map(cfSrn =>\n client.mutate({\n mutation: gql`\n mutation assignControlFramework(\n $controlFrameworkSrn: String!,\n $add: [String],\n $remove: [String]\n ) {\n AssignControlFrameworksToSwimlanes(input: [\n {\n controlFrameworkSrn: $controlFrameworkSrn,\n swimlaneSrns: {\n add: $add,\n remove: $remove,\n },\n }\n ]) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFrameworkSrn: cfSrn,\n add: [],\n remove: [payload.srn],\n },\n })\n ),\n ])\n\n if (addResults && addResults.length > 0) {\n for (let addResult of addResults) {\n const cf = _.get(\n addResult,\n ['data', 'AssignControlFrameworksToSwimlanes', 0],\n null\n )\n if (cf) {\n yield put(toggleEnabledOnSwimlanesSuccess({ srn: cf.srn, cf }))\n } else if (addResult.errors) {\n throw new Error(\n _.get(\n addResult,\n ['errors', 0, 'message'],\n 'Toggle Enabled mutation error'\n )\n )\n }\n }\n }\n\n if (removeResults && removeResults.length > 0) {\n for (let removeResult of removeResults) {\n const cf = _.get(\n removeResult,\n ['data', 'AssignControlFrameworksToSwimlanes', 0],\n null\n )\n\n if (cf) {\n yield put(toggleEnabledOnSwimlanesSuccess({ srn: cf.srn, cf }))\n } else if (removeResult.errors) {\n throw new Error(\n _.get(\n removeResult,\n ['errors', 0, 'message'],\n 'Toggle Enabled mutation error'\n )\n )\n }\n }\n }\n\n yield put(toggleSwimlaneOnCFsSuccess({ srn: payload.srn }))\n } catch (e) {\n yield put(toggleSwimlaneOnCFsError({ srn: payload.srn, error: e.message }))\n // eslint-disable-next-line no-console\n console.error('Error enabling swimlanes on a control group', e)\n }\n}\n\nfunction* toggleEnabledOnSwimlane({ payload }) {\n const frameworks = yield select(selectControlGroups)\n const cf = frameworks.get(payload.srn)\n const org = cf.getIn(['ownedByOrganization', 'items', 0, 'name'])\n\n if (org === SONRAI_ORG_NAME && getCurrentOrg() !== SONRAI_ORG_NAME) {\n //We cannot modify CFs that are owned by sonrai, so to enable them we actually have to clone them first.\n yield call(cloneAndEnableFrameworkOnSwimlane, {\n payload,\n })\n\n return\n }\n\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation assignControlFramework(\n $controlFrameworkSrn: String!,\n $add: [String],\n $remove: [String]\n ) {\n AssignControlFrameworksToSwimlanes(input: [\n {\n controlFrameworkSrn: $controlFrameworkSrn,\n swimlaneSrns: {\n add: $add,\n remove: $remove,\n },\n }\n ]) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFrameworkSrn: payload.srn,\n add: payload.add ? payload.add : [],\n remove: payload.remove ? payload.remove : [],\n },\n })\n\n const stuff = _.get(\n result,\n ['data', 'AssignControlFrameworksToSwimlanes', 0],\n null\n )\n if (stuff) {\n yield put(\n toggleEnabledOnSwimlanesSuccess({ srn: payload.srn, cf: stuff })\n )\n } else if (result.errors) {\n throw new Error('Toggle Enabled mutation error')\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error enabling swimlanes on a control group', e)\n }\n}\n\nexport function* setFrameworkEnabled(action) {\n const frameworks = yield select(selectControlGroups)\n const cf = frameworks.get(action.payload.srn)\n const org = cf.getIn(['ownedByOrganization', 'items', 0, 'name'])\n\n if (org === SONRAI_ORG_NAME && getCurrentOrg() !== SONRAI_ORG_NAME) {\n //We cannot modify CFs that are owned by sonrai, so to enable them we actually have to clone them first.\n const newSrn = yield call(cloneAndEnableFramework, {\n payload: action.payload.srn,\n })\n\n if (action.payload.redirect) {\n yield put(\n push({\n pathname: '/App/ControlCenter/ControlGroup',\n search: qs.stringify({\n controlGroupId: newSrn,\n }),\n })\n )\n }\n\n return\n }\n\n try {\n const client = getClient()\n const result = yield client.mutate({\n mutation: gql`\n mutation assignControlFramework(\n $controlFrameworkSrn: String!,\n $enabled: Boolean,\n ) {\n AssignControlFrameworksToSwimlanes(input: [\n {\n controlFrameworkSrn: $controlFrameworkSrn,\n enabled: $enabled\n }\n ]) {\n ${controlFrameworkProps}\n }\n }\n `,\n variables: {\n controlFrameworkSrn: action.payload.srn,\n enabled: action.payload.enabled,\n },\n })\n\n const updatedControlGroup =\n result.data.AssignControlFrameworksToSwimlanes[0]\n\n yield put(setFrameworkEnabledSuccess(action.payload.srn))\n yield put(updateControlGroupSuccess(updatedControlGroup))\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error('Error updating control group', e)\n }\n}\n\nfunction* controlFrameworkDataSaga() {\n yield all([\n takeLatest(FETCH_POLICIES, getPolicies),\n takeLatest(CREATE_POLICY, createPolicy),\n takeLatest(FETCH_CONTROL_GROUPS, getControlGroups),\n takeLatest(UPDATE_CONTROL_GROUP, updateControlGroup),\n takeLatest(CREATE_CONTROL_GROUP, addControlGroup),\n takeEvery(DELETE_CONTROL_GROUP, deleteControlGroup),\n takeEvery(DELETE_POLICY, deletePolicy),\n takeLatest(UPDATE_POLICY, updatePolicy),\n takeLatest(ADD_POLICY, addPolicy),\n takeEvery(REMOVE_POLICY, removePolicy),\n takeLatest(CLONE_FRAMEWORK, cloneAndEnableFramework),\n takeEvery(SET_FRAMEWORK_ENABLED, setFrameworkEnabled),\n takeEvery(TOGGLE_ENABLED_ON_SWIMLANES, toggleEnabledOnSwimlane),\n takeEvery(TOGGLE_SWIMLANE_ON_CFS, toggleSwimlaneOnCFs),\n ])\n}\n\nexport default controlFrameworkDataSaga\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport Slider from 'rc-slider'\nimport 'rc-slider/assets/index.css'\nconst Handle = Slider.Handle\n\nclass ImportanceWidget extends Component {\n styles = {\n slider: {\n width: '168px',\n margin: '0.5rem 0',\n },\n }\n\n handleChange = props => {\n const { value, dragging, ...restProps } = props\n\n //Convert dragging to a string to remove a warning in console\n //See: https://github.com/react-component/slider/issues/502\n return (\n \n
\n \n {React.Children.map(children, child => {\n if (!child) {\n return null\n }\n\n const { label, notification, notificationTitle } = child.props\n if (!label) {\n return null\n }\n return (\n \n {notification ? (\n
\n \n {React.Children.map(children, child => {\n if (!child) {\n return null\n }\n\n if (child.props.label !== activeTab) return undefined\n return child.props.children\n }).filter(child => child)}\n
\n \n {\n this.setImportance(nodeId, importance)\n }}\n min={1}\n max={10}\n defaultValue={\n typeof this.props.importance !== undefined &&\n this.props.importance !== 0\n ? this.props.importance\n : 1\n }\n handle={this.handleChange}\n disabled={this.props.disabled}\n />\n
\n )\n }\n}\n\nImportanceWidget.propTypes = {\n importance: PropTypes.number,\n setImportance: PropTypes.func.isRequired,\n nodeId: PropTypes.string,\n disabled: PropTypes.bool,\n}\n\nexport default ImportanceWidget\n","/**\n *\n * IconCount\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nclass IconCount extends React.PureComponent {\n render() {\n return (\n \n \n \n {stripTags(bot.get('title'))}\n \n
\n \n )\n }\n}\n\nBotWidget.propTypes = {\n bots: ImmutablePropTypes.map,\n srn: PropTypes.string,\n table: PropTypes.bool,\n}\nconst mapStateToProps = createStructuredSelector({\n bots: selectBotsMap,\n})\n\nconst withConnect = connect(mapStateToProps)\n\nexport default compose(withConnect)(BotWidget)\n","/**\n *\n * SonraiCountDisplay\n *\n */\n\nimport PropTypes from 'prop-types'\nimport { sonraiCountDisplay } from 'utils/sonraiUtils'\n\nconst SonraiCountDisplay = ({ count, hasSearchLimit }) => {\n return sonraiCountDisplay(count, hasSearchLimit)\n}\n\nSonraiCountDisplay.defaultProps = {\n hasSearchLimit: false,\n}\n\nSonraiCountDisplay.propTypes = {\n count: PropTypes.number.isRequired,\n hasSearchLimit: PropTypes.bool,\n}\n\nexport default SonraiCountDisplay\n","import { styled as stylesIn } from 'react-tabtab'\nimport styled from 'styled-components'\n\nexport const getTheme = (theme, small) => {\n let { TabListStyle, ActionButtonStyle, TabStyle, PanelStyle } = stylesIn\n\n TabStyle = styled(TabStyle)`\n color: ${theme.dark};\n font-weight: 300;\n padding: 0;\n margin: 0 5px;\n transition: color 0.28s ease;\n border: none;\n border-bottom: 2px solid #fff;\n height: ${small ? '37px' : '47px'};\n &:hover {\n border-bottom: 2px solid ${theme.primary};\n }\n ${props => {\n return props.active\n ? `\n color: ${theme.primary};\n `\n : null\n }}\n ${props =>\n props.active && !props.vertical\n ? `\n border-bottom: 2px solid ${theme.primary};\n `\n : null};\n `\n\n ActionButtonStyle = styled(ActionButtonStyle)`\n background-color: transparent;\n border: none;\n padding: 0px;\n margin-top: -0.1em;\n border-radius: 0;\n &:hover {\n color: #1b75bc;\n }\n `\n\n PanelStyle = styled(PanelStyle)`\n border-left: 1px solid rgba(0, 0, 0, 0.12);\n border-right: 1px solid rgba(0, 0, 0, 0.12);\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n padding: 30px 30px;\n transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;\n border-radius: 2px;\n `\n\n return {\n TabList: TabListStyle,\n ActionButton: ActionButtonStyle,\n Tab: TabStyle,\n Panel: PanelStyle,\n }\n}\n","/**\n *\n * Tab\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Radium from 'radium'\nimport { Dropdown, DropdownToggle, Fade } from 'reactstrap'\n\nimport BorderlessButton from 'components/BorderlessButton'\nimport Icon from 'components/Icon'\nimport DropdownMenu from 'components/StyledReactstrapDropdownMenu'\n\nclass Tab extends React.Component {\n constructor(props) {\n super(props)\n\n this.styles = {\n moreButton: {\n padding: '0 0.3em 0 0.7em',\n marginRight: '-3px',\n border: 0,\n display: 'inline',\n },\n link: {\n display: 'block',\n width: '100%',\n marginBottom: '0.5em',\n paddingTop: '0.25em',\n paddingBottom: '0.25em',\n paddingLeft: '1em',\n paddingRight: '1em',\n cursor: 'pointer',\n ':hover': { backgroundColor: 'rgba(116, 180, 223, 0.4)' },\n textAlign: 'left',\n },\n tab: {\n padding: props.small ? '5px' : '10px',\n fontSize: props.small ? '16px' : '18px',\n },\n }\n\n this.state = {\n hover: false,\n dropdownExpanded: false,\n }\n }\n\n toggleActionMenu = event => {\n event.stopPropagation() //Required to prevent navigation when clicking the options dropdown\n\n this.setState(oldState => {\n return {\n dropdownExpanded: !oldState.dropdownExpanded,\n }\n })\n }\n\n render() {\n return (\n \n \n {numeral(this.props.data).format('0.[00]a')}\n \n
\n )\n }\n}\n\nBigStat.propTypes = {\n onClick: PropTypes.func,\n data: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n title: PropTypes.string,\n height: PropTypes.number,\n width: PropTypes.number,\n}\n\nexport default SizeMe(BigStat)\n","/**\n *\n * BigStatWidget\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport { Query } from 'react-apollo'\nimport _ from 'lodash'\nimport gql from 'graphql-tag'\nimport Color from 'color'\nimport Card, { BottomTitle, CardBody } from 'components/Card'\nimport TextLink from 'components/TextLink'\nimport WidgetCard from 'components/WidgetCard'\nimport { BOUNDARY_OPTIONS } from 'appConstants'\nimport { queryHasPivotFilter } from 'query-builder'\nimport {\n getFields,\n getSonraiSearchQuery,\n getSearchCard,\n getSonraiSearchData,\n getSelection,\n hasSonraiSearch,\n} from 'query-builder'\nimport BigStat from './BigStat'\nimport { getSearchIdForSonraiSearches } from 'utils/sonraiUtils'\nimport { widgetSearchUsesFirstCard } from 'utils/widgetUtils'\nimport { Map } from 'immutable'\n\nexport class BigStatWidget extends React.Component {\n getQuery = () => {\n if (hasSonraiSearch(this.props.options, 'bigcountsearch')) {\n return getSonraiSearchQuery(\n this.props.options.sonraiSearches.bigcountsearch\n )\n } else {\n const fields = getFields(\n this.props.savedSearches,\n this.props.resultLayout.indexedSearches.bigcountsearch\n )\n\n if (fields.isEmpty()) {\n return {}\n }\n\n const rootField = fields.find(\n statement => !statement.get('parentId'),\n null,\n Map()\n )\n\n const queryBuilder = this.props.getQueryBuilder(fields)\n queryBuilder.countsOnly()\n\n if (this.searchUsesFirstCard()) {\n //Performance optimization: skip aggregations if the query is reading the count from the first card\n queryBuilder.enableFlattenMode()\n }\n\n return queryBuilder.buildPivotableSource(\n rootField.get('id'),\n 'bigstatquery'\n )\n }\n }\n\n searchUsesFirstCard = () => {\n const searchCardId = getSearchCard(\n this.props.resultLayout,\n 'bigcountsearch'\n ).id\n\n return widgetSearchUsesFirstCard(\n this.props.resultLayout.indexedSearches.bigcountsearch,\n this.props.savedSearches,\n searchCardId\n )\n }\n\n getSearchName = () => {\n return hasSonraiSearch(this.props.options, 'bigcountsearch')\n ? this.props.options.sonraiSearches.bigcountsearch\n : this.props.savedSearches.getIn([\n this.props.resultLayout.indexedSearches.bigcountsearch,\n 'name',\n ])\n }\n\n getNumber = data => {\n if (_.isEmpty(data)) {\n return ''\n }\n\n if (!_.isEmpty(this.props.options.sonraiSearches.bigcountsearch)) {\n return this.getNumberFromSonraiSearch(data)\n } else {\n return this.getNumberFromSavedSearch(data)\n }\n }\n\n getNumberFromSavedSearch = data => {\n const fields = getFields(\n this.props.savedSearches,\n this.props.resultLayout.indexedSearches.bigcountsearch\n ).toJS()\n\n const searchCard = getSearchCard(this.props.resultLayout, 'bigcountsearch')\n const selection = getSelection(\n fields,\n searchCard,\n 'count',\n this.searchUsesFirstCard() ? 'items' : 'aggregation'\n )\n\n if (!selection) {\n return 'DATA ERROR'\n }\n\n const number = _.get(data, [...selection])\n\n if (typeof number === 'string' || typeof number === 'number') {\n return number\n } else {\n return 'DATA ERROR'\n }\n }\n\n getNumberFromSonraiSearch = data => {\n let num = getSonraiSearchData(data).count\n if (num) {\n return num\n } else {\n return 0\n }\n }\n\n getBorderStyle = count => {\n if (count === '' || count === null) {\n return {}\n }\n\n if (typeof count === `object`) {\n count = count.for\n }\n\n const thresholds = _.get(this.props.resultLayout, [\n 'widgetOptions',\n 'thresholds',\n ])\n if (!thresholds) {\n return\n } else {\n let style = {}\n\n thresholds.forEach(threshold => {\n let isMatch = false\n\n if (threshold.type === 'between') {\n if (count >= threshold.start && count <= threshold.end) {\n isMatch = true\n }\n } else {\n const sign = threshold.operatorSign\n switch (sign) {\n case BOUNDARY_OPTIONS.GREATER:\n if (count > threshold.operatorVal) {\n isMatch = true\n }\n break\n case BOUNDARY_OPTIONS.LESS:\n if (count < threshold.operatorVal) {\n isMatch = true\n }\n break\n case BOUNDARY_OPTIONS.EQUAL:\n if (count === threshold.operatorVal) {\n isMatch = true\n }\n break\n }\n }\n\n if (isMatch) {\n const shadowColor = Color(threshold.color).alpha(0.5).rgb().string()\n\n const borderColor = Color(threshold.color).alpha(0.7).rgb().string()\n\n style = {\n borderRadius: '3px',\n border: `1px solid ${borderColor}`,\n boxShadow: `0 2px 5px 3px ${shadowColor}`,\n }\n }\n })\n return style\n }\n }\n\n onClickSearch = () => {\n this.props.onClickSearch({\n savedSearchId: this.props.resultLayout.indexedSearches.bigcountsearch,\n sonraiSearchName: this.props.options.sonraiSearches.bigcountsearch,\n searchTitle: this.props.title,\n })\n }\n\n getTitleFontSize = title => {\n const width = this.props.layout.w\n const numChars = title.length\n\n let fontSize = 16\n\n let textToWidthRatio = numChars / width\n\n if (textToWidthRatio > 4.6) {\n fontSize = 13\n }\n\n return {\n fontSize: `${fontSize}px`,\n }\n }\n\n getSearchId = () => {\n const { options, sonraiSearches, resultLayout } = this.props\n let searchObj = Map({ uiSearch: null, advancedSearch: null })\n if (hasSonraiSearch(options, 'bigcountsearch')) {\n const searches = getSearchIdForSonraiSearches(options, sonraiSearches)\n searchObj = searchObj.set('advancedSearch', searches)\n } else {\n searchObj = searchObj.set(\n 'uiSearch',\n resultLayout.indexedSearches.bigcountsearch\n )\n }\n return searchObj\n }\n\n render() {\n if (this.props.data === undefined) {\n const searchId = this.getSearchId()\n const query = this.getQuery()\n if (!query.gqlStatement) {\n return (\n \n
\n )\n }\n\n render() {\n if (this.props.data === undefined) {\n const searchId = this.getSearchId()\n const queryConfig = this.getQuery()\n if (!queryConfig.gqlStatement) {\n return (\n \n {this.props.onClickSearch ? (\n \n {title}\n \n ) : (\n {title}\n )}\n
\n\n \n {this.props.subtitle}\n
\n