\n {/*
*/}\n
\n \n Cancel\n \n \n Save\n \n
\n
\n \n )\n }\n\n isNameValid = () => {\n const { swimlane, swimlanes } = this.props\n const title = this.state.swimlaneTitle.trim().toLowerCase()\n\n if (title === 'all' || /\\s/g.test(title)) {\n return false\n }\n\n let filteredSwimlanes = swimlanes\n\n if (swimlanes) {\n if (swimlane) {\n filteredSwimlanes = filteredSwimlanes.filter(\n sl => sl.get('srn') !== swimlane.get('srn')\n )\n }\n\n if (\n filteredSwimlanes.find(\n swimlane => swimlane.get('title', '').toLowerCase() === title\n )\n ) {\n return false\n }\n }\n\n return true\n }\n\n render() {\n const nameIsValid = this.isNameValid()\n\n return (\n
\n
\n \n Edit Swimlane Details\n \n \n \n \n {this.renderButtons(nameIsValid)} \n
\n
\n )\n }\n}\n\nEditDetails.propTypes = {\n theme: themeShape,\n swimlane: ImmutablePropTypes.map,\n swimlanes: ImmutablePropTypes.map,\n save: PropTypes.func,\n close: PropTypes.func,\n toggleModal: PropTypes.func,\n updating: PropTypes.bool,\n}\n\nexport default themeable(EditDetails)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\n\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from 'reselect'\nimport { compose, bindActionCreators } from 'redux'\nimport { push } from 'connected-react-router'\nimport qs from 'query-string'\nimport _ from 'lodash'\nimport { Modal, ModalBody, ModalHeader, ModalFooter, Alert } from 'reactstrap'\n\nimport CloudBadge from 'components/CloudBadge'\nimport permissionChecker from 'containers/PermissionChecker'\nimport { ToolbarItem } from 'components/BulkActionToolbar'\nimport {\n selectIsUpdatingBotAssignment,\n selectBots,\n} from 'containers/SonraiData/selectors'\nimport { updateBotAssignments, getBots } from 'containers/SonraiData/actions'\nimport SectionHeader from 'components/SectionHeader'\nimport TextLink from 'components/TextLink'\nimport WithPermission from 'containers/PermissionChecker/WithPermission'\nimport { List, fromJS } from 'immutable'\nimport DataTable from 'components/DataTable'\nimport Button from 'components/Button'\nimport Icon from 'components/Icon'\nimport SelectBar from 'components/SelectBar'\nimport SquareLoadingAnimation from 'components/SquareLoadingAnimation'\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport { getAcceptableCloudAccountTypesForBots } from 'utils/sonraiUtils'\n\nimport { setSwimlaneBotError as setError, updateSwimlane } from './actions'\nimport { selectSwimlaneBotError, selectUpdatingSwimlanes } from './selectors'\nclass SwimlaneBots extends Component {\n styles = {\n contentWrapper: {\n height: '100%',\n display: 'grid',\n gridTemplateRows: 'auto auto auto 1fr',\n gridTemplateAreas: '\"header\" \"instructions\" \"error\" \"table\"',\n },\n body: {\n gridArea: 'table',\n },\n alert: { marginTop: '0.25em', marginBottom: '-0.5em', gridArea: 'error' },\n preventionYes: {\n color: this.props.theme.success,\n borderColor: this.props.theme.success,\n marginRight: '1em',\n },\n preventionNah: {\n color: this.props.theme.fail,\n borderColor: this.props.theme.fail,\n marginRight: '1em',\n },\n swimlaneTitleWrapper: {\n gridArea: 'header',\n display: 'grid',\n gridTemplateColumns: '1fr auto auto',\n },\n }\n\n constructor(props) {\n super(props)\n if (props.allBots.get('data').isEmpty()) {\n props.getBots({ filters: {} })\n }\n this.state = {\n selectedBots: List(),\n addBotsSelected: [],\n addBotModalOpen: false,\n errorMsg: null,\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.error && !prevState.errorMsg) {\n this.setError(prevProps.error)\n }\n }\n\n toggleBotModal = () => {\n this.setState(prevState => ({\n addBotModalOpen: !prevState.addBotModalOpen,\n }))\n }\n\n closeAddBotModal = () => {\n this.setState({ addBotModalOpen: false, addBotsSelected: [] })\n }\n\n handleAddBotsSelectChange = bots => {\n if (!bots) {\n this.setState({ addBotsSelected: [] })\n } else {\n this.setState({ addBotsSelected: bots })\n }\n }\n\n addBots = () => {\n this.props.updateBotAssignments({\n swimlaneSrn: this.props.swimlane.get('srn'),\n add: this.state.addBotsSelected.map(bot => {\n return {\n botSrn: bot.value,\n contentSrn: this.props.swimlane.get('srn'),\n }\n }),\n })\n this.setState({ addBotModalOpen: false })\n }\n\n unassignBots = () => {\n this.props.updateBotAssignments({\n swimlaneSrn: this.props.swimlane.get('srn'),\n remove: this.state.selectedBots.toJS(),\n })\n this.setState({ selectedBots: List() })\n }\n\n getBotBadge = botSrn => {\n const bot = this.props.allBots\n .get('data', List())\n .find(bot => bot.get('srn') === botSrn)\n\n return (\n
\n \n {bot.get('title')}\n \n )\n }\n\n getModalBody = () => {\n const swimlaneAccounts = this.props.swimlane.get('accounts') || List()\n const currentBotSrns = (\n this.props.swimlane.get('bots') || List()\n ).map(bot => bot.get('srn'))\n const accountTypes = getAcceptableCloudAccountTypesForBots(\n swimlaneAccounts,\n this.props.accounts\n )\n const allBots = this.props.allBots\n .get('data')\n .filter(item => item)\n .filter(bot => {\n if (!_.isEmpty(accountTypes)) {\n if (accountTypes.includes(bot.get('cloud').toLowerCase())) {\n return true\n } else {\n return false\n }\n }\n return true\n })\n .map(bot => ({\n value: bot.get('srn'),\n label: bot.get('title'),\n }))\n .filter(guy => !currentBotSrns.includes(guy.value))\n\n if (this.props.allBots.get('isLoading')) {\n return
\n }\n\n return (\n
\n this.getBotBadge(option.value)}\n />\n
\n )\n }\n\n formatData = () => {\n return this.props.swimlane\n .get('bots')\n .toJS()\n .map(bot => {\n return {\n cloud: bot.cloud,\n name: bot.title,\n description: bot.description,\n srn: bot.srn,\n botAssignmentSrn: bot.botAssignmentSrn,\n }\n })\n }\n\n handleSelectionChanged = event => {\n const rows = event.api.getSelectedRows() || []\n const selectedBots = []\n rows.forEach(row => {\n selectedBots.push(row.botAssignmentSrn)\n })\n this.setState({\n selectedBots: fromJS(selectedBots),\n })\n }\n\n clearError = () => {\n this.setState({ errorMsg: null })\n }\n\n setError = msg => {\n this.setState({\n errorMsg: msg,\n selectedBots: List(),\n addBotsSelected: [],\n addBotModalOpen: false,\n })\n this.props.setError(null)\n setTimeout(() => {\n this.setState({ errorMsg: null })\n }, 5000)\n }\n\n handleBotNav = srn => {\n if (srn) {\n this.props.push({\n pathname: '/App/BotManagement/BotDetails',\n search: qs.stringify({\n botId: srn,\n }),\n })\n }\n }\n\n toggleBotsEnabled = () => {\n this.props.updateSwimlane({\n srn: this.props.swimlane.get('srn'),\n swimlane: {\n ...this.props.swimlane.toJS(),\n preventionEnabled: this.props.swimlane.get('preventionEnabled')\n ? false\n : true,\n },\n })\n }\n\n render() {\n const canAssign = this.props.userHasPermission({\n permissionName: 'assign.bots',\n resourceId: this.props.swimlane.get('resourceId'),\n })\n\n return (\n
\n
\n
Prevention Bots\n
\n \n Preventions are{' '}\n \n {this.props.swimlane.get('preventionEnabled')\n ? 'Enabled'\n : 'Disabled'}\n \n \n \n \n {this.props.swimlane.get('preventionEnabled')\n ? 'Disable'\n : 'Enable'}\n Prevention Bots\n \n \n
\n\n
\n \n Add Bot\n \n \n \n
\n Prevention bots apply cloud-native policies to all accounts included\n in this swimlane. These policies can block functionality in your\n environment, so carefully review which preventions you enable.\n
\n {this.state.errorMsg && (\n
\n {this.state.errorMsg}\n \n )}\n \n \n Remove Bot(s)\n ,\n ]\n : undefined\n }\n checkboxSelectedRows={\n canAssign ? this.state.selectedBots.toJS() : undefined\n }\n bulkActionWorking={this.props.isUpdating}\n data={this.formatData()}\n onClickNodeView={this.handleBotNav}\n customColumnConfig={{\n srn: {\n hide: true,\n },\n description: {\n flex: 1,\n },\n cloud: {\n cellRendererFramework: ({ value }) => {\n if (!value || typeof value !== 'string') {\n return value\n }\n\n return (\n \n {value}\n \n )\n },\n },\n botAssignmentSrn: {\n hide: true,\n },\n }}\n hasCheckBoxes={canAssign}\n selectionChanged={this.handleSelectionChanged}\n />\n
\n \n Select Bot(s)\n {this.getModalBody()}\n \n \n Cancel\n \n \n \n Add Bot(s)\n \n \n \n \n \n )\n }\n}\n\nSwimlaneBots.propTypes = {\n isUpdating: PropTypes.bool,\n getBots: PropTypes.func,\n setError: PropTypes.func,\n updateBotAssignments: PropTypes.func,\n error: PropTypes.string,\n allBots: ImmutablePropTypes.map,\n updatingSwimlanes: ImmutablePropTypes.map,\n userHasPermission: PropTypes.func.isRequired,\n swimlane: ImmutablePropTypes.map,\n theme: themeShape,\n push: PropTypes.func,\n updateSwimlane: PropTypes.func,\n accounts: ImmutablePropTypes.iterable,\n}\n\nconst mapStateToProps = createStructuredSelector({\n isUpdating: selectIsUpdatingBotAssignment,\n error: selectSwimlaneBotError,\n updatingSwimlanes: selectUpdatingSwimlanes,\n allBots: selectBots,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n push,\n updateBotAssignments,\n updateSwimlane,\n getBots,\n setError,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect, permissionChecker)(themeable(SwimlaneBots))\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'\n\nimport themeable, { themeShape } from 'containers/ThemeManager/Themeable'\nimport {\n selectSonraiUsers,\n selectAllRoles,\n} from 'containers/SonraiData/selectors'\nimport { selectAssigningUsers } from './selectors'\nimport { updateUserInSwimlane } from './actions'\n\nimport { List } from 'immutable'\nimport WithPermission from 'containers/PermissionChecker/WithPermission'\nimport Button from 'components/Button'\nimport TextLink from 'components/TextLink'\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap'\nimport SelectBar from 'components/SelectBar'\n\nexport class AddAssignmentModal extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n usersSelected: [],\n rolesSelected: [],\n }\n }\n\n changeUsersSelected = users => {\n this.setState({ usersSelected: users })\n }\n\n changeRolesSelected = roles => {\n this.setState({ rolesSelected: roles })\n }\n\n assignUsers = () => {\n const assignUs = []\n this.state.usersSelected.forEach(user => {\n this.state.rolesSelected.forEach(role => {\n assignUs.push({\n roleSrn: role.value,\n userSrn: user.value,\n scope: this.props.swimlaneResourceId,\n })\n })\n })\n this.props.toggle()\n this.props.updateUserInSwimlane({ create: assignUs })\n }\n\n getValidityMessage = () => {\n const assignedRoles = this.props.sonraiUsers.map(user => {\n return user\n .getIn(['roleAssignments', 'items'], List())\n .filter(item => item.get('scope') === this.props.swimlaneResourceId)\n .map(roleAssignment =>\n roleAssignment.getIn(['role', 'items', 0, 'srn'])\n )\n })\n\n let message = null\n\n if (this.state.usersSelected && this.state.rolesSelected) {\n this.state.usersSelected.forEach(userOpt => {\n const userSrn = userOpt.value\n this.state.rolesSelected.forEach(roleOpt => {\n if (\n assignedRoles.get(userSrn) &&\n assignedRoles.get(userSrn).includes(roleOpt.value)\n ) {\n message = `User ${userOpt.label} already has role ${roleOpt.label} for this swimlane`\n }\n })\n })\n }\n\n return message\n }\n\n getUserModalBody = () => {\n const roles = this.props.allRoles.get('data').map(role => ({\n label: role.get('name'),\n value: role.get('srn'),\n }))\n\n const users = this.props.sonraiUsers\n .toList()\n .map(user => ({ label: user.get('name'), value: user.get('srn') }))\n\n const invalidMessage = this.getValidityMessage()\n let disabled = !!invalidMessage\n\n if (!this.state.rolesSelected || this.state.rolesSelected.length < 1) {\n if (!this.state.usersSelected || !this.state.usersSelected.length < 1) {\n if (this.props.assigningUsers) {\n disabled = true\n }\n }\n }\n\n return (\n
\n
\n Select User(s)\n \n
\n
\n Select Role(s)\n
\n {invalidMessage && (\n
\n {invalidMessage}\n
\n )}\n
\n
\n
\n Cancel\n \n \n \n \n Assign User(s)\n \n \n
\n \n
\n )\n }\n\n render() {\n return (\n
\n Select User(s) and Role(s)\n {this.getUserModalBody()}\n \n )\n }\n}\n\nAddAssignmentModal.propTypes = {\n sonraiUsers: ImmutablePropTypes.map,\n allRoles: ImmutablePropTypes.map,\n assigningUsers: PropTypes.bool,\n swimlaneResourceId: PropTypes.string,\n theme: themeShape,\n toggle: PropTypes.func.isRequired,\n updateUserInSwimlane: PropTypes.func,\n}\n\nconst mapStateToProps = createStructuredSelector({\n sonraiUsers: selectSonraiUsers,\n allRoles: selectAllRoles,\n assigningUsers: selectAssigningUsers,\n})\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n updateUserInSwimlane,\n },\n dispatch\n )\n}\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps)\n\nexport default compose(withConnect, themeable)(AddAssignmentModal)\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 { push } from 'connected-react-router'\n\nimport {\n selectSonraiUsers,\n selectSonraiUsersLoading,\n} from 'containers/SonraiData/selectors'\nimport { selectAssigningUsers } from './selectors'\nimport { updateUserInSwimlane } from './actions'\n\nimport { List, fromJS } from 'immutable'\nimport WithPermission from 'containers/PermissionChecker/WithPermission'\nimport Button from 'components/Button'\nimport DataTable from 'components/DataTable'\nimport { ToolbarItem } from 'components/BulkActionToolbar'\nimport SectionHeader from 'components/SectionHeader'\nimport Icon from 'components/Icon'\nimport qs from 'query-string'\nimport _ from 'lodash'\nimport AddAssignmentModal from './AddAssignmentModal'\n\nexport class SwimlaneUsers extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n selectedUserAssignmentSrns: List(),\n userRoleModalOpen: false,\n }\n this.styles = {\n swimlaneTitleWrapper: {\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n },\n tabTitle: {\n fontSize: '1.2em',\n fontWeight: '400',\n },\n body: {\n marginTop: '1em',\n height: '100%',\n },\n }\n }\n\n toggleUserRoleModal = () => {\n this.setState(prevState => ({\n userRoleModalOpen: !prevState.userRoleModalOpen,\n }))\n }\n\n closeUserRoleModal = () => {\n this.setState({ userRoleModalOpen: false })\n }\n\n handleUserSelectionChange = event => {\n const rows = event.api.getSelectedRows() || []\n const selectedUserAssignmentSrns = []\n rows.forEach(row => {\n selectedUserAssignmentSrns.push({\n assignmentSrn: row.assignmentSrn,\n userSrn: row.userSrn,\n })\n })\n this.setState({\n selectedUserAssignmentSrns: fromJS(selectedUserAssignmentSrns),\n })\n }\n\n handleUserNav = srn => {\n if (srn) {\n this.props.push({\n pathname: '/App/UserManagement/User',\n search: qs.stringify({\n srn,\n }),\n })\n }\n }\n\n unassignUsers = () => {\n this.props.updateUserInSwimlane({\n delete: this.state.selectedUserAssignmentSrns.toJS(),\n })\n this.setState({ selectedUserAssignmentSrns: List() })\n }\n\n render() {\n if (this.props.usersLoading) {\n return null\n }\n\n const users = this.props.sonraiUsers\n .toList()\n .map(user => {\n if (\n user\n .getIn(['roleAssignments', 'items'], List())\n .findIndex(\n item => item.get('scope') === this.props.swimlaneResourceId\n ) !== -1\n ) {\n return user\n } else {\n return null\n }\n })\n .filter(item => !!item)\n .toJS()\n\n const data = []\n users.forEach(user => {\n user.roleAssignments.items.forEach(item => {\n if (item.scope === this.props.swimlaneResourceId) {\n data.push({\n name: user.name,\n email: user.email,\n role: _.get(item, ['role', 'items', 0, 'name'], ''),\n userSrn: user.srn,\n assignmentSrn: item.srn,\n })\n }\n })\n })\n\n return (\n
\n \n Users Scoped to Swimlane\n \n \n Add User\n \n \n
\n \n \n Unassign User(s)\n ,\n ]}\n checkboxSelectedRows={this.state.selectedUserAssignmentSrns.toJS()}\n data={data}\n hiddenColumns={['assignmentSrn', 'userSrn']}\n multiRowSelect\n hasCheckBoxes\n onClickNodeView={this.handleUserNav}\n selectionChanged={this.handleUserSelectionChange}\n />\n
\n\n {this.state.userRoleModalOpen && (\n \n )}\n