\r\n \r\n \r\n \r\n \r\n Edit \r\n this.toggleModal(account, 'disable')}>Disable Account \r\n this.toggleModal(account, 'activate')}>Activate Disabled Account \r\n this.toggleModal(account, 'extend')}>Extend Account \r\n this.toggleModal(account, 'email')}>Resend Welcome E-mail \r\n {resendMSEmail}\r\n this.toggleModal(account, 'password')}>Reset MyLearning Password \r\n {resetMFA}\r\n {createPercipio}\r\n {azureAdInfo}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Display Name', selector: row => row.displayName, sortable: true, wrap: true },\r\n { name: 'Username', selector: row => row.username, sortable: true, maxWidth: '140px' },\r\n { name: 'Email', selector: row => row.emailAddress, sortable: true },\r\n { name: 'Office', selector: row => row.office, sortable: true, wrap: true },\r\n { name: 'Country', selector: row => row.country, sortable: true, maxWidth: '160px', wrap: true },\r\n { name: 'Status', selector: row => row.accountStatus, sortable: true, maxWidth: '110px' },\r\n { name: 'Expires On', selector: row => row.expirationDate, sortable: true, maxWidth: '140px' },\r\n { name: 'Edit', cell: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getAccounts, getFilterStatus, showExpandAlert })(component);","import React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { displayPortalHelp } from '../actions';\r\nimport { connect } from 'react-redux';\r\nimport '../App.css';\r\n\r\nclass AppContainer extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n this.unlisten = this.props.history.listen((location, action) => {\r\n const result = !['/clientaccessrequest', '/clientteamsrequests', '/clientguestaccounts'].includes(location.pathname);\r\n this.props.displayPortalHelp(result);\r\n });\r\n }\r\n componentWillUnmount() {\r\n this.unlisten();\r\n }\r\n render() {\r\n return (\r\n {this.props.children}
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { displayPortalHelp })(withRouter(AppContainer));","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst HelpSection = (props) => {\r\n let passwordReset = props.accountType === \"MF\" ? \r\n
\r\n )\r\n}\r\n\r\nexport default HelpSection;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { MDBDataTable } from 'mdbreact';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { getUsername } from '../../services/authService';\r\nimport { apiGet } from '../../services/apiService';\r\n\r\nclass OpenTerms extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isReload: false,\r\n openTerms: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getData(getUsername());\r\n }\r\n\r\n getData = async (e) => {\r\n var today = new Date();\r\n const url = '/api/TeamsAcceptance/OpenTerms';\r\n await apiGet(url)\r\n .then((response) => {\r\n let data = response.data;\r\n let openTerms = data.map((x) => {\r\n return ({\r\n 'siteName': x.response === 1 && new Date(x.expireDate) > today ? {x.siteName} : x.siteName,\r\n 'contactName': x.contactName,\r\n 'contact': x.contact,\r\n 'respondBy': x.respondBy,\r\n 'response': this.getTermStatus(x.response, x.sysId),\r\n 'acceptDate': x.acceptDate,\r\n 'expireDate': x.expireDate,\r\n });\r\n })\r\n\r\n this.setState({ openTerms: openTerms });\r\n })\r\n .catch(function (error) {\r\n if (error.response && error.response.status === 401 && !this.state.isReload) {\r\n this.setState({ isReload: true });\r\n this.getData();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n getTermStatus(x, sysId) {\r\n let finalStatus = '';\r\n switch (x) {\r\n case 0:\r\n finalStatus = 'Rejected';\r\n break;\r\n case 1:\r\n finalStatus = 'Accepted';\r\n break;\r\n case 2:\r\n finalStatus = 'Expired';\r\n break;\r\n case 3:\r\n finalStatus = 'Cancelled';\r\n break;\r\n default:\r\n finalStatus = ;\r\n break;\r\n };\r\n return (finalStatus);\r\n }\r\n\r\n render() {\r\n const data = {\r\n columns: [\r\n {\r\n label: 'Site Name',\r\n field: 'siteName',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Protiviti Contact',\r\n field: 'contactName',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Contact Email',\r\n field: 'contact',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Respond By',\r\n field: 'respondBy',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Response',\r\n field: 'response',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Responded On',\r\n field: 'acceptDate',\r\n sort: 'asc',\r\n width: 150\r\n },\r\n {\r\n label: 'Expiration',\r\n field: 'expireDate',\r\n sort: 'asc',\r\n width: 110\r\n }\r\n ],\r\n rows: this.state.openTerms\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n Need Help?
\r\nCall Protiviti Tech Support
\r\n (866) 450-3020
Email Protiviti Tech Support
\r\n Technical.Support@protiviti.com
\r\n
\r\n Protiviti Resources for {props.given_name}
\r\n\r\n Welcome! This page lists the sites for which you have been granted access or for which access is pending.
\r\n
\r\n \r\n
- \r\n
- Please click on \"Agree to Terms\" below to finalize your TEAMS site access, if needed. After you Agree to Terms you will usually have access within one hour. It may take up to 24 hours. \r\n
- Access your TEAMS site by clicking on either the Site Name. \r\n
- Your access expiration date is shown below. Notify your Protiviti contact if you feel more time is required. \r\n {passwordReset}\r\n
\r\n\r\n
\r\n \r\n
\r\n );\r\n };\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(OpenTerms);","import React from 'react';\r\nimport '../ManageCompanies/ManageCompaniesGrid.css';\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from \"mdbreact\";\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons'\r\nimport { fetchCompany } from '../../actions';\r\nimport { apiPut } from '../../services/apiService';\r\n\r\nclass ManageCompaniesGrid extends React.Component {\r\n data = [];\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n companyOptions: [],\r\n companyOptionsDupe: [],\r\n deleteModal: false,\r\n deletingCompany: {},\r\n isReload: false,\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n this.mapCompanies();\r\n }\r\n componentDidUpdate() {\r\n this.mapCompanies();\r\n }\r\n\r\n mapCompanies() {\r\n if (this.state.companyOptions.length !== this.props.sharedReducer.companyOptions.length && this.state.filterText === \"\") {\r\n let companies = this.assembleCompanies(this.props.sharedReducer.companyOptions).map((x, index) => ({ ...x, action: this.renderActions(this.props.sharedReducer.companyOptions[index]) }));\r\n this.setState({ companyOptions: companies, companyOptionsDupe: companies, dataLoading: false });\r\n }\r\n }\r\n\r\n assembleCompanies(response) {\r\n let allCompanies = response.map((x) => {\r\n return ({\r\n 'name': 'Protiviti ' + x.name,\r\n 'managingDirector': x.managingDirector.displayName,\r\n 'securityComplianceLevel': this.getComplianceLevelLabel(x.complianceLevel),\r\n 'isDeleted': (x.isDeleted ? 'Yes' : 'No'),\r\n \r\n })\r\n });\r\n return allCompanies;\r\n\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchDelegates(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchDelegates(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.selector, sortOrder: d }, () => {\r\n // this.fetchDelegates(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n let origData = this.state.companyOptionsDupe;\r\n let filter = e.target.value.toLowerCase();\r\n if (filter !== \"\") {\r\n origData = origData.filter(x => x.name.toLowerCase().includes(filter) || x.managingDirector.toLowerCase().includes(filter) || x.securityComplianceLevel.toLowerCase().includes(filter) || x.isDeleted.toLowerCase().includes(filter));\r\n }\r\n\r\n this.setState({ filterText: e.target.value, companyOptions: origData });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\", companyOptions: this.state.companyOptionsDupe });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n getComplianceLevelLabel(name) {\r\n let compLabel = '';\r\n switch (name) {\r\n case 0:\r\n compLabel = ' ';\r\n break;\r\n case 1:\r\n compLabel = '1 - Low';\r\n break;\r\n case 2:\r\n compLabel = '2 - Medium';\r\n break;\r\n case 3:\r\n compLabel = '3 - High';\r\n break;\r\n }\r\n return (compLabel);\r\n }\r\n renderActions(company) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Edit \r\n {!company.isDeleted ? this.toggleDeleteModal(company)}>Delete : null}\r\n \r\n \r\n
\r\n );\r\n }\r\n deleteCompany = () => {\r\n const url = '/api/Company/delete/' + this.state.deletingCompany.key;\r\n apiPut(url, null)\r\n .then(() => {\r\n this.setState({ isReload: false });\r\n this.props.fetchCompany();\r\n let newCompanys = this.props.sharedReducer.companyOptions;\r\n let deletedCompanyIndex = newCompanys.findIndex(x => {\r\n return x.key === this.state.deletingCompany.key\r\n });\r\n newCompanys[deletedCompanyIndex].isDeleted = true;\r\n let companies = this.assembleCompanies(newCompanys).map((x, index) => ({ ...x, action: this.renderActions(newCompanys[index]) }));\r\n this.setState({ companyOptions: companies, companyOptionsDupe: companies });\r\n this.toggleDeleteModal(null);\r\n })\r\n .catch(function (error) {\r\n if (error) {\r\n console.log(error)\r\n if (error.response.status === 401 && !this.state.isReload) {\r\n this.setState({ isReload: true });\r\n this.deleteCompany();\r\n }\r\n console.log(error);\r\n }\r\n })\r\n }\r\n\r\n toggleDeleteModal = (company) => {\r\n let isDelete = !this.state.deleteModal\r\n this.setState({\r\n deleteModal: isDelete,\r\n deletingCompany: company\r\n });\r\n }\r\n\r\n deleteModal() {\r\n let companyName = this.state.deletingCompany ? 'Protiviti - ' + this.state.deletingCompany.name : null\r\n return (\r\n \r\n
\r\n );\r\n }\r\n \r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { fetchCompany })(ManageCompaniesGrid);","import React from 'react';\r\nimport '../../pages/ManageDelegates/ManageDelegates.css';\r\nimport { connect } from 'react-redux';\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from \"mdbreact\";\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { Link } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons';\r\nimport config from '../../config';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass ManageDelegatesGrid extends React.Component {\r\n state = {\r\n delegates: [],\r\n delegatesDupe: [],\r\n deleteModal: false,\r\n deletingDelegate: {},\r\n responseDelegates: [],\r\n isReload: false,\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\"\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchDelegates();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n }\r\n\r\n fetchDelegates = (filter = this.state.filterText) => {\r\n this.mounted = true;\r\n //const url = config.azRedirectUri + '/api/Delegates';\r\n const url = `/api/Delegates?search=${filter}`;\r\n apiGet(url)\r\n .then((response) => {\r\n if (this.mounted) {\r\n let delegates = this.assembleDelegates(response.data).map((x, index) => ({ ...x, action: this.renderActions(response.data[index]) }));\r\n this.setState({ delegates: delegates, delegatesDupe: delegates, responseDelegates: response.data, totalRows: response.data.count, dataLoading: false });\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n if (error.response.status === 401) {\r\n window.location.replace(config.azLogin);\r\n }\r\n })\r\n }\r\n\r\n assembleDelegates = (response) => {\r\n let allDelegates = response.map((x) => {\r\n return ({\r\n 'displayName': x.displayName,\r\n 'firstName': x.firstName,\r\n 'lastName': x.lastName,\r\n 'offices': x.offices\r\n })\r\n });\r\n return allDelegates;\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchDelegates(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchDelegates(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.selector, sortOrder: d }, () => {\r\n // this.fetchDelegates(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n let delegates = this.state.delegatesDupe;\r\n let tableFilter = e.target.value.toLowerCase();\r\n if (tableFilter !== \"\") {\r\n delegates = delegates.filter(x => x.displayName.toLowerCase().includes(tableFilter) || x.firstName.toLowerCase().includes(tableFilter) || x.lastName.toLowerCase().includes(tableFilter) || x.offices.toLowerCase().includes(tableFilter));\r\n }\r\n this.setState({ filterText: tableFilter, delegates: delegates });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\" });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n //renderOffices(offices) {\r\n // return (\r\n // \r\n \r\n \r\n \r\n \r\n Edit \r\n this.toggleDeleteModal(delegate)}>Delete \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Display Name', selector: row => row.displayName, sortable: true },\r\n { name: 'Given Name', selector: row => row.firstName, sortable: true },\r\n { name: 'Surname', selector: row => row.lastName, sortable: true },\r\n { name: 'Office Association', selector: row => row.offices, sortable: true },\r\n { name: 'Edit', cell: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(ManageDelegatesGrid);","import React from 'react';\r\nimport './ManageOfficesGrid.css';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons'\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from \"mdbreact\";\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { fetchOffice } from '../../actions';\r\nimport { apiPut } from '../../services/apiService';\r\n\r\nclass ManageOfficesGrid extends React.Component {\r\n data = [];\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n officeOptions: [],\r\n deleteModal: false,\r\n deletingOffice: {},\r\n isReload: false,\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.state.officeOptions.length !== this.props.sharedReducer.officeOptions.length) {\r\n let offices = this.assembleOffices(this.props.sharedReducer.officeOptions).map((x, index) => ({ ...x, action: this.renderActions(this.props.sharedReducer.officeOptions[index]) }));\r\n this.setState({ officeOptions: offices, dataLoading: false });\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.state.officeOptions.length !== this.props.sharedReducer.officeOptions.length && this.state.filterText === \"\") {\r\n let offices = this.assembleOffices(this.props.sharedReducer.officeOptions).map((x, index) => ({ ...x, action: this.renderActions(this.props.sharedReducer.officeOptions[index]) }));\r\n this.setState({ officeOptions: offices, dataLoading: false });\r\n }\r\n }\r\n\r\n assembleOffices = (response) => {\r\n let allOffices = response.map((x) => {\r\n return ({\r\n 'name': x.name,\r\n 'company': 'Protiviti ' + x.company,\r\n 'city': x.city,\r\n 'country': x.country,\r\n 'officeManager': x.officeManager,\r\n 'isDeleted': (x.isDeleted ? 'Yes' : 'No')\r\n })\r\n });\r\n return allOffices;\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchDataByUser(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchDataByUser(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.selector, sortOrder: d }, () => {\r\n // this.fetchDataByUser(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n let origData = this.props.sharedReducer.officeOptions;\r\n origData = this.assembleOffices(origData).map((x, index) => ({ ...x, action: this.renderActions(origData[index]) }));\r\n let tableFilter = e.target.value.toLowerCase();\r\n if (tableFilter !== \"\") {\r\n origData = origData.filter(x => x.name.toLowerCase().includes(tableFilter) || x.company.toLowerCase().includes(tableFilter) || x.city.toLowerCase().includes(tableFilter) || x.country.toLowerCase().includes(tableFilter) || x.officeManager.toLowerCase().includes(tableFilter) || x.isDeleted.toLowerCase().includes(tableFilter));\r\n }\r\n this.setState({ filterText: tableFilter, officeOptions: origData });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\", officeOptions: this.props.sharedReducer.officeOptions });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n deleteOffice = () => {\r\n const url = '/api/ProOffice/delete/' + this.state.deletingOffice.key;\r\n apiPut(url, null)\r\n .then(() => {\r\n this.setState({ isReload: false });\r\n this.props.fetchOffice();\r\n let newOffices = this.props.sharedReducer.officeOptions;\r\n let deletedOfficeIndex = newOffices.findIndex(x => {\r\n return x.key === this.state.deletingOffice.key\r\n });\r\n newOffices[deletedOfficeIndex].isDeleted = true;\r\n let offices = this.assembleOffices(newOffices).map((x, index) => ({ ...x, action: this.renderActions(newOffices[index]) }));\r\n this.setState({ officeOptions: offices });\r\n this.toggleDeleteModal(null);\r\n })\r\n .catch(function (error) {\r\n if (error.response.status === 401 && !this.state.isReload) {\r\n this.setState({ isReload: true });\r\n this.deleteOffice();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n toggleDeleteModal = (office) => {\r\n this.setState({\r\n deleteModal: !this.state.deleteModal,\r\n deletingOffice: office\r\n });\r\n }\r\n\r\n deleteModal() {\r\n let officeName = this.state.deletingOffice ? this.state.deletingOffice.name : null\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Edit \r\n {!office.isDeleted ? this.toggleDeleteModal(office)}>Delete : null}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Office Name', selector: row => row.name, sortable: true, wrap: true, sortField: 'name' },\r\n { name: 'Company', selector: row => row.company, sortable: true, wrap: true, sortField: 'company' },\r\n { name: 'City', selector: row => row.city, sortable: true, sortField: 'city' },\r\n { name: 'Country', selector: row => row.country, sortable: true, sortField: 'country' },\r\n { name: 'Manager', selector: row => row.officeManager, sortable: true, wrap: true, sortField: 'officeManager' },\r\n { name: 'Deleted', selector: row => row.isDeleted, sortable: true, sortField: 'isDeleted', maxWidth: '120px' },\r\n { name: 'Edit', cell: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { fetchOffice })(ManageOfficesGrid);","import React from 'react';\r\nimport './Footer.css';\r\n\r\nclass Footer extends React.Component {\r\n render() {\r\n return (\r\n\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\nexport default Footer;","import React from 'react';\r\nimport './Header.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport config from '../../config';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';\r\nimport { faCaretDown } from '@fortawesome/free-solid-svg-icons'\r\nimport HelpPage from '../../assets/MemberFirmAdminGuide.pdf';\r\nimport { connect } from 'react-redux';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { getUsername } from '../../services/authService';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader } from 'mdbreact';\r\n\r\nclass Header extends React.Component {\r\n\r\n async componentDidMount() {\r\n let currentUser = await getUsername();\r\n this.props.getCurrentUser(currentUser.username);\r\n if (this.props.userReducer.unAuthorized) {\r\n \r\n ![\"logo\"](\"images/protivitiLogo.png\")
\r\n
\r\n \r\n \r\n © Protiviti, Inc. All Rights Reserved.\r\n
\r\n You are accessing a private Protiviti computer system which contains Protiviti proprietary and confidential\r\n information. All usage and access of this system may be monitored, recorded, and reviewed by Protiviti, at its\r\n sole discretion, except as expressly prohibited by applicable law. Unauthorized access or usage is strictly\r\n prohibited, and violators are subject to civil liabilities and criminal prosecution. You consent to the\r\n collection, storage, transfer, and use of your personal details worldwide as needed to enable your access and\r\n use of this service.\r\n
\r\n
\r\n \r\n You are accessing a private Protiviti computer system which contains Protiviti proprietary and confidential\r\n information. All usage and access of this system may be monitored, recorded, and reviewed by Protiviti, at its\r\n sole discretion, except as expressly prohibited by applicable law. Unauthorized access or usage is strictly\r\n prohibited, and violators are subject to civil liabilities and criminal prosecution. You consent to the\r\n collection, storage, transfer, and use of your personal details worldwide as needed to enable your access and\r\n use of this service.\r\n
\r\n
Guest Access
\r\nSelf-Service Account Portal
\r\n \r\n )\r\n //if (['assignteams', 'assignteamshelp', 'teamsrequests', 'clientteamsrequests', 'clientaccessrequest', 'acceptterms'].includes(urlTrimmed))\r\n // return (\r\n // \r\n //Guest Access
\r\n //Guest Access Request Form
\r\n // \r\n // )\r\n //else {\r\n // return (\r\n // \r\n //Member Firms
\r\n //Self-Service Account Portal
\r\n // \r\n // )\r\n //}\r\n }\r\n renderHelpSection() {\r\n let approvedDomains = {}\r\n let email = this.props.userReducer.currentUser.emailAddress\r\n let emailSuffix = email ? email.substring(email.lastIndexOf('@') + 1) : null\r\n let checkDrop = ['roberthalf.com', 'roberthalf.net', 'protiviti.com'].includes(emailSuffix) ? true : false\r\n return (\r\n this.props.userReducer.currentUser.isAdmin || this.props.userReducer.currentUser.isDelegate ?\r\n\r\n {this.props.sharedReducer.displayServicePortalHelp &&\r\n Self Service Portal Help
: null\r\n )\r\n\r\n }\r\n\r\n unauthorizedModal() {\r\n return (\r\n \r\n
\r\n {this.props.userReducer.currentUser.displayName}
\r\n \r\n iShare\r\n {this.props.userReducer.currentUser.isAdmin && Configuration}\r\n {checkDrop && Teams for Member Firms}\r\n {checkDrop && Teams for Clients}\r\n My Learning Password Reset\r\n
\r\n If you feel you have received this message in error, please contact isharesupport@roberthalf.com to request access.\r\n
\r\n
: null\r\n );\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(Header);","import React from 'react';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { updateOffice, getOfficeKey, updateAddOffices } from '../../actions';\r\n\r\nclass ProOffice extends React.Component {\r\n componentDidMount() {\r\n let selectedOption = null;\r\n if (this.props.proOfficeKey && (this.props.sharedReducer.officeOptions.length !== 0)) {\r\n selectedOption = this.props.sharedReducer.officeOptions.find(x => {\r\n return x.key === this.props.proOfficeKey;\r\n })\r\n }\r\n else if ((this.props.accountCreateIndex !== undefined) || this.props.accountImport) {\r\n selectedOption = null;\r\n }\r\n else {\r\n selectedOption = { name: 'My Offices' };\r\n }\r\n this.props.updateOffice(selectedOption);\r\n }\r\n\r\n onOptionChange = selectedOption => {\r\n this.props.updateOffice(selectedOption);\r\n if (this.props.accountCreateIndex !== undefined) {\r\n this.props.updateAddOffices(selectedOption, this.props.accountCreateIndex);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n Manage Delegates\r\n Manage Offices\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getFilterStatus })(StatusFilter);","import React from \"react\";\r\nimport \"./ADInfoBody.css\";\r\n\r\nexport default function ADInfoBody({ account, adGroups, ...props }) {\r\n if(!account)\r\n return null;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport './RequestFilter.css';\r\nimport { connect } from 'react-redux';\r\nimport { getLegalApprovalStatusFilter } from '../../actions';\r\n\r\nclass ApprovalFilter extends React.Component {\r\n state = {\r\n lany: true,\r\n lpending: true,\r\n lapproved: true,\r\n lsingle: true,\r\n lnr: true,\r\n lrejected: true\r\n }\r\n\r\n onChange = (event) => {\r\n if (event.target.value === 'lany') {\r\n if (!this.state.lany) {\r\n this.setState({ lany: true, lpending: true, lapproved: true, lsingle: true, lnr: true, lrejected: true }, () => {\r\n let filter = {\r\n lany: this.state.lany,\r\n lpending: this.state.lpending,\r\n lapproved: this.state.lapproved,\r\n lsingle: this.state.lsingle,\r\n lnr: this.state.lnr,\r\n lrejected: this.state.lrejected\r\n }\r\n this.props.getLegalApprovalStatusFilter(filter);\r\n });\r\n }\r\n else {\r\n this.setState({ lany: false, lpending: false, lapproved: false, lsingle: false, lnr:false, lrejected: false }, () => {\r\n let filter = {\r\n lany: this.state.lany,\r\n lpending: this.state.lpending,\r\n lapproved: this.state.lapproved,\r\n lsingle: this.state.lsingle,\r\n lnr: this.state.lnr,\r\n lrejected: this.state.lrejected\r\n }\r\n this.props.getLegalApprovalStatusFilter(filter);\r\n });\r\n }\r\n }\r\n\r\n if (event.target.value === 'lpending' || event.target.value === 'lapproved' || event.target.value === 'lsingle' || event.target.value === 'lnr' || event.target.value === 'lrejected') {\r\n let status = ((event.target.value === 'lpending') ? !this.state.lpending : ((event.target.value === 'lapproved') ? !this.state.lapproved : ((event.target.value === 'lsingle') ? !this.state.lsingle : ((event.target.value === 'lnr') ? !this.state.lnr : !this.state.lrejected))));\r\n this.setState({ [event.target.value]: status }, () => {\r\n if (this.state.lany) {\r\n this.setState({ lany: false }, () => {\r\n let filter = {\r\n lany: this.state.lany,\r\n lpending: this.state.lpending,\r\n lapproved: this.state.lapproved,\r\n lsingle: this.state.lsingle,\r\n lnr: this.state.lnr,\r\n lrejected: this.state.lrejected\r\n }\r\n this.props.getLegalApprovalStatusFilter(filter);\r\n });\r\n }\r\n else if (this.state.lpending && this.state.lapproved && this.state.lsingle && this.state.lnr && this.state.lrejected) {\r\n this.setState({ lany: true }, () => {\r\n let filter = {\r\n lany: this.state.lany,\r\n lpending: this.state.lpending,\r\n lapproved: this.state.lapproved,\r\n lsingle: this.state.lsingle,\r\n lnr: this.state.lnr,\r\n lrejected: this.state.lrejected\r\n }\r\n this.props.getLegalApprovalStatusFilter(filter);\r\n });\r\n }\r\n else {\r\n let filter = {\r\n lany: this.state.lany,\r\n lpending: this.state.lpending,\r\n lapproved: this.state.lapproved,\r\n lsingle: this.state.lsingle,\r\n lnr: this.state.lnr,\r\n lrejected: this.state.lrejected\r\n }\r\n this.props.getLegalApprovalStatusFilter(filter);\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Guest Name: {(account.lastName && account.firstName && `${account.lastName}, ${account.firstName}`) ?? account.memberFirmName} ({account.office ?? account.engagementName})\r\n
\r\n\r\n Email Address: {account.emailAddress ?? account.email}\r\n
\r\n\r\n AAD Account: {adGroups ? \"Exists\" : \"Does not exist\"}\r\n
\r\n {adGroups && (\r\n <>\r\nAAD Group Membership
\r\n\r\n {adGroups.map((x, index) => (\r\n
\r\n \r\n )}\r\n {x}
\r\n ))}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getLegalApprovalStatusFilter })(ApprovalFilter);","import React from 'react';\r\nimport './RequestFilter.css';\r\nimport { connect } from 'react-redux';\r\nimport { getClientAccessFilterStatus, getCurrentUser } from '../../actions';\r\n\r\nclass ClientGuestAccountsFilter extends React.Component {\r\n state = {\r\n rany: false,\r\n active: true,\r\n pending: true,\r\n disabled: false\r\n }\r\n\r\n onChange = (event) => {\r\n if (event.target.value === 'rany') {\r\n if (!this.state.rany) {\r\n this.setState({ rany: true, active: true, pending: true, disabled: true, }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n active: this.state.active,\r\n pending: this.state.pending,\r\n disabled: this.state.disabled\r\n }\r\n this.props.getClientAccessFilterStatus(filter);\r\n });\r\n }\r\n else {\r\n this.setState({ rany: false, active: false, pending: false, disabled: false }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n active: this.state.active,\r\n pending: this.state.pending,\r\n disabled: this.state.disabled\r\n }\r\n this.props.getClientAccessFilterStatus(filter);\r\n });\r\n }\r\n }\r\n\r\n if (event.target.value === 'active' || event.target.value === 'pending' || event.target.value === 'disabled') {\r\n let status = (event.target.value === 'active' ? !this.state.active : event.target.value === 'pending' ? !this.state.pending : !this.state.disabled);\r\n this.setState({ [event.target.value]: status }, () => {\r\n if (this.state.rany) {\r\n this.setState({ rany: false }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n active: this.state.active,\r\n pending: this.state.pending,\r\n disabled: this.state.disabled\r\n }\r\n this.props.getClientAccessFilterStatus(filter);\r\n });\r\n }\r\n else if (this.state.active && this.state.pending && this.state.disabled) {\r\n this.setState({ rany: true }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n active: this.state.active,\r\n pending: this.state.pending,\r\n disabled: this.state.disabled\r\n }\r\n this.props.getClientAccessFilterStatus(filter);\r\n });\r\n }\r\n else {\r\n let filter = {\r\n rany: this.state.rany,\r\n active: this.state.active,\r\n pending: this.state.pending,\r\n disabled: this.state.disabled\r\n }\r\n this.props.getClientAccessFilterStatus(filter);\r\n }\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getClientAccessFilterStatus, getCurrentUser })(ClientGuestAccountsFilter);","import React, { Component } from 'react';\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from \"mdbreact\";\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { connect } from 'react-redux';\r\nimport { getClientAccessFilterStatus, showExpandAlert } from '../../actions';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons'\r\nimport './ClientGuestAccountsGrid.css';\r\nimport { fetchAADGroupsByEmail } from \"../../services/graphApiService\";\r\nimport ADInfoBody from '../../components/Teams/ADInfoBody';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\nimport DetailModal from '../Teams/DetailModal';\r\n\r\nclass ClientGuestAccountsGrid extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n allTeamsRequest: [],\r\n allTeamsRequestsDupe: [],\r\n allTeamsRequestResponse: [],\r\n teamNames: [],\r\n modal: false,\r\n modalRequest: null,\r\n modalYesDisable: false,\r\n modalNoDisable: false,\r\n modalAction: null,\r\n editRequest: {},\r\n disableSuccess: false,\r\n action: null,\r\n modalAccount: {},\r\n requestStatusFilter: {\r\n rany: false,\r\n active: true,\r\n pending: true,\r\n disabled: false\r\n },\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\",\r\n adGroups: null,\r\n detailModal: false,\r\n detailModalAction: null,\r\n modalData: null,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchDataByUser();\r\n }\r\n\r\n componentDidUpdate() {\r\n if ((this.state.requestStatusFilter.rany !== this.props.sharedReducer.clientAccessFilter.rany) ||\r\n (this.state.requestStatusFilter.active !== this.props.sharedReducer.clientAccessFilter.active) ||\r\n (this.state.requestStatusFilter.pending !== this.props.sharedReducer.clientAccessFilter.pending) ||\r\n (this.state.requestStatusFilter.disabled !== this.props.sharedReducer.clientAccessFilter.disabled)) {\r\n this.setStatusFilter();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n setStatusFilter = async () => {\r\n let requestFilter = await this.state.allTeamsRequestResponse;\r\n let filteredArray = [];\r\n this.setState({ allTeamsRequest: [] });\r\n this.setState({ requestStatusFilter: this.props.sharedReducer.clientAccessFilter }, async () => {\r\n if (this.state.requestStatusFilter.active) {\r\n filteredArray = requestFilter.filter(x => x.status === 'Active');\r\n }\r\n if (this.state.requestStatusFilter.pending) {\r\n filteredArray = filteredArray.concat(requestFilter.filter(x => x.status === 'Pending'));\r\n }\r\n if (this.state.requestStatusFilter.disabled) {\r\n filteredArray = filteredArray.concat(requestFilter.filter(x => x.status === 'Disabled'));\r\n }\r\n if (this.state.requestStatusFilter.rany) {\r\n filteredArray = requestFilter;\r\n }\r\n let teamRequests = this.assembleRequests(filteredArray).map((x, index) => ({ ...x, action: this.renderActions(filteredArray[index]) }));\r\n this.setState({ allTeamsRequest: teamRequests, allTeamsRequestsDupe: teamRequests });\r\n });\r\n }\r\n\r\n fetchDataByUser = async () => {\r\n let url = '/api/ClientTeamUsers/';\r\n await apiGet(url)\r\n .then((response) => {\r\n let sortedResponse = response.data;\r\n let teamRequests = this.assembleRequests(sortedResponse).map((x, index) => ({ ...x, action: this.renderActions(sortedResponse[index]) }));\r\n this.setState({ allTeamsRequestsDupe: teamRequests, allTeamsRequestResponse: sortedResponse, totalRows: response.data.count, dataLoading: false }, () => {\r\n this.setStatusFilter();\r\n });\r\n })\r\n .catch((error) => {\r\n if (error.response != null && error.response.status === 401) {\r\n this.fetchDataByUser();\r\n }\r\n console.log(error);\r\n this.toggleDetailModal(null, \"error\");\r\n })\r\n }\r\n\r\n getAdInfo = async (account) => {\r\n await fetchAADGroupsByEmail(account.email)\r\n .then((responseJson) => {\r\n let value = responseJson.value;\r\n if (value !== undefined && value.length > 0) {\r\n // AD info\r\n this.setState({\r\n adGroups: value\r\n .map((x) => x.displayName)\r\n .sort((a, b) => (a > b ? 1 : a < b ? -1 : 0)),\r\n });\r\n this.toggleModal(account, \"adinfo\");\r\n } else if (responseJson?.error.code === \"Request_ResourceNotFound\") {\r\n // no AD info\r\n this.setState({\r\n adGroups: null,\r\n });\r\n this.toggleModal(account, \"adinfo\");\r\n } else {\r\n // some unexpected exception\r\n console.error(responseJson?.error);\r\n this.toggleModal(null, \"error\");\r\n }\r\n })\r\n .catch(() =>{\r\n this.toggleModal(null, \"error\");\r\n });\r\n };\r\n\r\n assembleRequests = (response) => {\r\n let allTeamsRequest = response.map((x) => {\r\n return ({\r\n 'guestName': x.guestName,\r\n 'email': x.email,\r\n 'clientName': x.clientName,\r\n 'engagementName': x.engagementName,\r\n 'teamsSiteName': x.teamsSiteName,\r\n 'status': x.status,\r\n 'expiresOn': this.parseExpirationDateRow(x.teamsExpiresOn)\r\n })\r\n });\r\n return allTeamsRequest;\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchDataByUser(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchDataByUser(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.selector, sortOrder: d }, () => {\r\n // this.fetchDelegates(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n let accounts = this.state.allTeamsRequestsDupe;\r\n let filter = e.target.value.toLowerCase();\r\n if (filter !== \"\") {\r\n accounts = accounts.filter(x => x.guestName.toLowerCase().includes(filter) || x.email.toLowerCase().includes(filter) || x.clientName.toLowerCase().includes(filter) || x.engagementName.toLowerCase().includes(filter) || x.teamsSiteName.toLowerCase().includes(filter) || x.status.toLowerCase().includes(filter) || x.expiresOn.toString().includes(filter));\r\n }\r\n\r\n this.setState({ filterText: e.target.value, allTeamsRequest: accounts });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\", allTeamsRequest: this.state.allTeamsRequestsDupe });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n toggleModal = async (request, action) => {\r\n this.setState({\r\n modal: !this.state.modal,\r\n modalAction: action,\r\n modalRequest: request,\r\n modalYesDisable: request === null ? false : this.state.modalYesDisable,\r\n modalNoDisable: request === null ? false : this.state.modalNoDisable,\r\n teamNames: null\r\n });\r\n\r\n if (action === 'disable') {\r\n await this.fetchUserNonExpiredTeams(request.key);\r\n }\r\n }\r\n\r\n toggleDetailModal = (modalData, action) => {\r\n this.setState({\r\n detailModal: !this.state.detailModal,\r\n detailModalAction: action,\r\n modalData: modalData,\r\n })\r\n }\r\n\r\n fetchUserNonExpiredTeams = async (key) => {\r\n const url = '/api/ClientTeamUsers/activeteams/' + key;\r\n apiGet(url)\r\n .then((response) => {\r\n this.setState({ teamNames: response.data });\r\n })\r\n .catch(async (error) => {\r\n if (error.response.status === 401) {\r\n this.fetchUserNonExpiredTeams(key);\r\n }\r\n console.log(error);\r\n this.toggleDetailModal(null, \"error\");\r\n })\r\n }\r\n\r\n resetMFAAuth = () => {\r\n const url = '/api/ClientTeamUsers/ResetMFAAuthentication';\r\n const body = '\"' + this.state.modalRequest.key + '\"';\r\n apiPut(url, body)\r\n .then(() => {\r\n this.toggleModal(null, null);\r\n })\r\n .catch((error) => {\r\n if (error.response.status === 401) {\r\n this.resetMFAAuth();\r\n }\r\n console.log(error);\r\n this.toggleModal(null, null);\r\n this.toggleDetailModal(null, \"error\");\r\n })\r\n }\r\n\r\n resendMSEmail = () => {\r\n const url = '/api/ClientTeamUsers/ResendMicrosoftEmail';\r\n const body = '\"' + this.state.modalRequest.key + '\"';\r\n apiPut(url, body)\r\n .then(() => {\r\n this.toggleModal(null, null);\r\n })\r\n .catch((error) => {\r\n if (error.response.status === 401) {\r\n this.resendMSEmail();\r\n }\r\n console.log(error);\r\n this.toggleModal(null, null);\r\n this.toggleDetailModal(null, \"error\");\r\n })\r\n }\r\n\r\n disableAccount = () => {\r\n this.setState({ disableSuccess: false });\r\n const url = '/api/ClientTeamUsers/Disable';\r\n const body = '\"' + this.state.modalRequest.key + '\"';\r\n apiPut(url, body)\r\n .then((response) => {\r\n\r\n let newAccounts = this.state.allTeamsRequestResponse;\r\n let newAccountIndex = this.state.allTeamsRequestResponse.findIndex(x => {\r\n return x.key === this.state.modalRequest.key\r\n });\r\n newAccounts[newAccountIndex].status = response.data.status;\r\n let sortedResponse = newAccounts.sort((a, b) => {\r\n return new Date(b.expiresOn) - new Date(a.expiresOn);\r\n }).reverse();\r\n\r\n let teamRequests = this.assembleRequests(sortedResponse).map((x, index) => ({ ...x, action: this.renderActions(sortedResponse[index]) }));\r\n this.setState({ allTeamsRequestsDupe: teamRequests, allTeamsRequestResponse: sortedResponse, disableSuccess: true }, () => {\r\n this.setStatusFilter();\r\n setTimeout(() => {\r\n this.setState({ disableSuccess: false });\r\n this.toggleModal(null, null);\r\n }, 3 * 1000);\r\n });\r\n\r\n })\r\n .catch((error) => {\r\n if (error.response.status === 401) {\r\n //this.setState({ isReload: true });\r\n this.disableAccount();\r\n }\r\n console.log(error);\r\n this.toggleModal(null, null);\r\n this.toggleDetailModal(null, \"error\");\r\n })\r\n }\r\n\r\n parseExpirationDateRow = (expiryDate) => {\r\n return new Date(expiryDate).toISOString().split('T')[0]\r\n }\r\n\r\n parseExpirationDateModal = (expiryDate) => {\r\n let newDateArray = new Date(expiryDate).toDateString().split(' ');\r\n return (`${newDateArray[2]}-${newDateArray[1]}-${newDateArray[3]}`)\r\n }\r\n\r\n openModal() {\r\n let clientData = this.state.modalRequest ? this.state.allTeamsRequestResponse.filter(x => x.key === this.state.modalRequest.key)[0] : null;\r\n let fullName = this.state.modalRequest !== null ? this.state.modalRequest.firstName + ' ' + this.state.modalRequest.lastName : null;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.requestId}\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.clientName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.firstName}\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.engagementName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.lastName}\r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.engagementMD}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.email}\r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.sensitive}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.status}\r\n
\r\n \r\n \r\n
\r\n \r\n {clientData.bu}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.parseExpirationDateModal(this.state.modalRequest.expiresOn)}\r\n
\r\n \r\n \r\n
\r\n \r\n {this.parseExpirationDateModal(this.state.modalRequest.teamsExpiresOn)}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.teamsSiteName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.modalRequest.teamsSiteURL}\r\n
\r\n User disabled successfully.
\r\n }\r\n {(!this.state.disableSuccess && this.state.modalAction === 'disable') && this.state.teamNames &&\r\n- \r\n {this.state.teamNames && this.state.teamNames.map(name => { return
- {name} })}\r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(request, 'detail')}>View Details \r\n this.toggleModal(request, 'disable')}>Disable and Remove Account \r\n this.toggleModal(request, 'msEmail')}>Resend Microsoft Email \r\n this.toggleModal(request, 'resetMFA')}>Reset MFA Authentication \r\n {azureAdInfo}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Guest Name', selector: row => row.guestName, sortable: true },\r\n { name: 'Email Address', selector: row => row.email, sortable: true },\r\n { name: 'Client Name', selector: row => row.clientName, sortable: true, wrap: true },\r\n { name: 'Engagement Name', selector: row => row.engagementName, sortable: true, wrap: true },\r\n { name: 'TEAMS Site Name', selector: row => row.teamsSiteName, sortable: true, wrap: true, maxWidth: '280px' },\r\n { name: 'Account Status', selector: row => row.status, sortable: true, maxWidth: '140px' },\r\n { name: 'TEAMS Expires On', selector: row => row.expiresOn, sortable: true, maxWidth: '140px' },\r\n { name: 'Edit', cell: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getClientAccessFilterStatus, showExpandAlert })(ClientGuestAccountsGrid);","import React, { Component } from 'react';\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from \"mdbreact\";\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getTeamsRequests, getRequestFilterStatus, getMdApprovalStatusFilter, showExpandAlert } from '../../actions';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons'\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport '../../pages/Teams/TeamsRequests.css';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport ExpirationModal from './ExpirationModal';\r\nimport DetailModal from './DetailModal';\r\nimport { fetchAADMembersByTeamsID, fetchAADOwnersByTeamsID } from \"../../services/graphApiService\";\r\nimport { apiPut, apiGet } from '../../services/apiService';\r\n \r\nclass component extends Component {\r\n disp = [];\r\n active = [];\r\n disabled = [];\r\n expired = [];\r\n data = [];\r\n\r\n requestStatusValue = {\r\n 0: 'Open',\r\n 1: 'Closed'\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n allTeamsRequest: [],\r\n allTeamsRequestsDupe: [],\r\n allTeamsRequestResponse: [],\r\n modal: false,\r\n modalYesDisable: false,\r\n modalNoDisable: false,\r\n editRequest: {},\r\n action: null,\r\n modalData: {},\r\n requestStatusFilter: {\r\n rany: false,\r\n open: true,\r\n closed: true,\r\n deleted: false\r\n },\r\n mdStatusFilter: {\r\n many: true,\r\n mpending: true,\r\n mapproved: true,\r\n mrejected: true,\r\n expired: true\r\n },\r\n requestKey: null,\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n detailModal: false,\r\n detailModalAction: null,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n this.fetchDataByUser();\r\n }\r\n\r\n componentDidUpdate() {\r\n if ((this.state.requestStatusFilter.rany !== this.props.sharedReducer.requestStatusFilter.rany) ||\r\n (this.state.requestStatusFilter.open !== this.props.sharedReducer.requestStatusFilter.open) ||\r\n (this.state.requestStatusFilter.closed !== this.props.sharedReducer.requestStatusFilter.closed) ||\r\n (this.state.requestStatusFilter.deleted !== this.props.sharedReducer.requestStatusFilter.deleted)) {\r\n this.setStatusFilter();\r\n }\r\n if ((this.state.mdStatusFilter.many !== this.props.sharedReducer.mdStatusFilter.many) ||\r\n (this.state.mdStatusFilter.mpending !== this.props.sharedReducer.mdStatusFilter.mpending) ||\r\n (this.state.mdStatusFilter.mapproved !== this.props.sharedReducer.mdStatusFilter.mapproved) ||\r\n (this.state.mdStatusFilter.mrejected !== this.props.sharedReducer.mdStatusFilter.mrejected) ||\r\n (this.state.mdStatusFilter.expired !== this.props.sharedReducer.mdStatusFilter.expired)) {\r\n this.setStatusFilter();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n }\r\n\r\n setStatusFilter = async () => {\r\n let requests = await this.state.allTeamsRequestsDupe;\r\n this.setState({ requestStatusFilter: this.props.sharedReducer.requestStatusFilter }, async () => {\r\n if (this.state.requestStatusFilter.deleted === false) {\r\n requests = requests.filter(x => x.isDeleted === false);\r\n }\r\n if (this.state.requestStatusFilter.open === false) {\r\n requests = requests.filter(x => x.requestStatus !== 'Open');\r\n }\r\n if (this.state.requestStatusFilter.closed === false) {\r\n requests = requests.filter(x => x.requestStatus !== 'Closed');\r\n }\r\n if (this.state.requestStatusFilter.open === false && this.state.requestStatusFilter.closed === false && this.state.requestStatusFilter.deleted === true) {\r\n requests = this.state.allTeamsRequestsDupe.filter(x => x.isDeleted === true);\r\n }\r\n });\r\n\r\n this.setState({ mdStatusFilter: this.props.sharedReducer.mdStatusFilter }, async () => {\r\n if (this.state.mdStatusFilter.mpending === false) {\r\n console.log(\"filtering pending\")\r\n requests = await requests.filter(x => x.approvalStatus !== 'Pending');\r\n }\r\n if (this.state.mdStatusFilter.mapproved === false) {\r\n console.log(\"filtering approved\")\r\n requests = await requests.filter(x => x.approvalStatus !== 'Approved')\r\n }\r\n if (this.state.mdStatusFilter.mrejected === false) {\r\n console.log(\"filtering rejected\")\r\n requests = await requests.filter(x => x.approvalStatus !== 'Rejected')\r\n }\r\n if (this.state.mdStatusFilter.expired === false) {\r\n console.log(\"filtering expired\")\r\n requests = await requests.filter(x => x.approvalStatus !== 'Expired')\r\n }\r\n requests = this.assembleRequests(requests).map((x, index) => ({ ...x, action: this.renderActions(requests[index]) }));\r\n\r\n await this.setState({ allTeamsRequest: requests });\r\n });\r\n }\r\n\r\n fetchDataByUser = async (filter = this.state.filterText) => {\r\n let url = `/api/ClientTeams?search=${filter}`;\r\n //let url = config.azRedirectUri + `/api/ClientTeams?page=${page}&size=${size}&sortBy=${sortBy}&sortOrder=${sortOrder}&search=${filter}`;\r\n //let url = config.azRedirectUri + '/api/ClientTeams/';\r\n await apiGet(url)\r\n .then((response) => {\r\n if (this.mounted) {\r\n let sortedResponse = response.data;\r\n\r\n let teamRequests = this.assembleRequests(sortedResponse).map((x, index) => ({ ...x, action: this.renderActions(sortedResponse[index]) }));\r\n this.setState({ allTeamsRequest: teamRequests, allTeamsRequestsDupe: sortedResponse, allTeamsRequestResponse: sortedResponse, totalRows: response.data.count, dataLoading: false }, () => {\r\n this.setStatusFilter();\r\n const param = new URLSearchParams(window.location.search)\r\n const requestKey = param.get('key');\r\n if (requestKey !== null) {\r\n const exists = sortedResponse.some(x => x.key === requestKey);\r\n if (exists) {\r\n let request = sortedResponse.find((element) => {\r\n return element.key === requestKey;\r\n });\r\n this.expirationModal.handleExpiration(request);\r\n }\r\n }\r\n });\r\n }\r\n })\r\n .catch(function (error) {\r\n if (error.response != null && error.response.status === 401) {\r\n //this.setState({ isReload: true });\r\n this.fetchDataByUser();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n getADMembership = async (teamsSiteUrl, teamsSiteName) => {\r\n let url = teamsSiteUrl.substring(teamsSiteUrl.indexOf('=') + 1);\r\n let groupId = url.substring(0, url.indexOf('&'));\r\n if (groupId.length != 36) {\r\n groupId = teamsSiteUrl.split('groupId=')[1].split('&')[0];\r\n }\r\n await fetchAADOwnersByTeamsID(groupId).then(async (owners) => {\r\n return fetchAADMembersByTeamsID(groupId).then(async (members) => {\r\n let teamsUsers = [...owners.value, ...members.value];\r\n teamsUsers = teamsUsers.filter((item, index) => index === teamsUsers.findIndex(e => e.mail === item.mail));\r\n teamsUsers = teamsUsers.sort((a, b) => { if (a.displayName < b.displayName) { return -1; } if (a.displayName > b.displayName) { return 1; } return 0; });\r\n this.toggleDetailModal({ accounts: teamsUsers, teamsSiteName: teamsSiteName}, \"adMembership\");\r\n })\r\n }).catch(() => {\r\n this.toggleDetailModal(null, \"error\");\r\n });\r\n }\r\n\r\n assembleRequests = (response) => {\r\n let allTeamsRequest = response.map((x) => {\r\n return ({\r\n 'requestId': x.requestId,\r\n 'requester': x.requesterName,\r\n 'status': x.requestStatus,\r\n 'mdStatus': x.approvalStatus,\r\n 'mdApprover': x.mdName,\r\n 'clientName': x.clientName,\r\n 'engagementName': x.engagementName,\r\n 'teamsSite': x.teamsSiteName,\r\n 'dateCreated': Date.parse(x.createdDate),\r\n 'teamsSiteUrl': x.teamsSiteUrl,\r\n })\r\n });\r\n return allTeamsRequest;\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchDataByUser(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchDataByUser(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.selector, sortOrder: d }, () => {\r\n // this.fetchDataByUser(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n this.setState({ filterText: e.target.value }, () => {\r\n this.fetchDataByUser();\r\n });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\" });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n toggleModal = (request, action) => {\r\n this.setState({\r\n modal: !this.state.modal,\r\n modalAction: action,\r\n modalRequest: request,\r\n modalYesDisable: request === null ? false : this.state.modalYesDisable,\r\n modalNoDisable: request === null ? false : this.state.modalNoDisable\r\n });\r\n }\r\n\r\n toggleDetailModal = (modalData, action) => {\r\n this.setState({\r\n detailModal: !this.state.detailModal,\r\n detailModalAction: action,\r\n modalData: modalData,\r\n })\r\n }\r\n\r\n handleAction = async () => {\r\n let link;\r\n switch (this.state.modalAction) {\r\n case 'Restore':\r\n case 'Delete':\r\n link = '/api/ClientTeams/delete/';\r\n this.handleUpdate(link);\r\n break;\r\n case 'Renew':\r\n this.props.history.push({ pathname: '/clientaccessrequest/', state: { key: this.state.modalRequest.key } });\r\n break;\r\n default:\r\n link = null;\r\n }\r\n }\r\n\r\n handleUpdate = async (link) => {\r\n this.setState({ modalYesDisable: true, modalNoDisable: true })\r\n const url = link + this.state.modalRequest.key;\r\n const body = '\"' + this.state.modalAction + '\"';\r\n apiPut(url, body)\r\n .then((response) => {\r\n this.setState({ modalYesDisable: false, modalNoDisable: false })\r\n this.toggleModal(null, null);\r\n this.fetchDataByUser();\r\n })\r\n .catch(function (error) {\r\n if (error.response.status === 401) {\r\n //this.setState({ isReload: true });\r\n this.handleAction();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n openModal() {\r\n let requestId;\r\n if (this.state.modalRequest)\r\n requestId = this.state.modalRequest.requestId;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n View Details \r\n {changeExpiration}\r\n {renewExpiredAccess}\r\n {softDelete}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Request Id', selector: row => row.requestId, maxWidth: '140px', sortable: true },\r\n { name: 'Requestor', selector: row => row.requester, sortable: true },\r\n { name: 'Request Status', selector: row => row.status, maxWidth: '130px', sortable: true },\r\n { name: 'MD Status', selector: row => row.mdStatus, maxWidth: '115px', sortable: true },\r\n { name: 'MD Approver', selector: row => row.mdApprover, sortable: true },\r\n { name: 'Client Name', selector: row => row.clientName, sortable: true, wrap: true },\r\n { name: 'Engagement Name', selector: row => row.engagementName, sortable: true, wrap: true },\r\n { name: 'TEAMS Site', selector: row => row.teamsSite, sortable: true, wrap: true, cell: row => this.props.userReducer.currentUser.isAdmin ? {e.preventDefault(); this.getADMembership(row.teamsSiteUrl, row.teamsSite)}}>{row.teamsSite} : row.teamsSite },\r\n { name: 'Date Created', selector: row => row.dateCreated, maxWidth: '120px', sortable: true, cell: row => new Date(row.dateCreated).toLocaleDateString() },\r\n { name: 'Edit', selector: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n return (\r\n \r\n (this.expirationModal = ref)} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, { getTeamsRequests, getRequestFilterStatus, getMdApprovalStatusFilter, showExpandAlert })(component));","import React from 'react';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { updateCompany, getCompanyKey, updateAddCompany } from '../../actions';\r\n\r\nclass Company extends React.Component {\r\n componentDidMount() {\r\n let selectedOption = null;\r\n if (this.props.proCompanyKey && (this.props.sharedReducer.companyOptions.length !== 0)) {\r\n selectedOption = this.props.sharedReducer.companyOptions.find(x => {\r\n return x.key === this.props.proCompanyKey;\r\n })\r\n }\r\n else if ((this.props.accountCreateIndex !== undefined) || this.props.accountImport) {\r\n selectedOption = null;\r\n }\r\n else {\r\n selectedOption = { name: 'All Companies' };\r\n }\r\n this.props.updateCompany(selectedOption);\r\n }\r\n\r\n onOptionChange = selectedOption => {\r\n this.props.updateCompany(selectedOption);\r\n if (this.props.accountCreateIndex !== undefined) {\r\n this.props.updateAddCompany(selectedOption, this.props.accountCreateIndex);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport ADInfoBody from \"./ADInfoBody\";\r\nimport ADMembershipBody from \"./ADMembershipBody\";\r\nimport './DetailModal.css'\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter, MDBBtn } from 'mdbreact';\r\n\r\nexport default function DetailModal({ isOpen, toggleModal, modalAction, modalData, ...props }) {\r\n let title;\r\n let header;\r\n let body;\r\n let footer;\r\n let size;\r\n switch (modalAction) {\r\n case 'resendEmail':\r\n title='Resent Terms of Use Email';\r\n body='Resend Terms of Use Email Successful';\r\n footer=\r\n break;\r\n case 'adinfo':\r\n title=\"Azure AD Guest Account Information\";\r\n body=AAD Accounts
\r\n\r\n \r\n \r\n {accounts && accounts.map((account, index) => (\r\n
\r\n
\r\n | {account.displayName} | \r\n{account.mail} | \r\n{account.userType} | \r\n
Azure AD TEAMS Membership
{modalData?.teamsSiteName}
\r\n header=\r\n \r\n \r\n Change TEAMS Access Expiration Date \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n togglePendingModal = () => {\r\n this.setState({\r\n pendingModal: !this.state.pendingModal\r\n });\r\n }\r\n\r\n pendingModal = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n You can change the date that access to a TEAMS site will expire.
\r\nShortening of the expiration date is always allowed. If you extend the expiration date beyond the current expiration date, the original approving MD will receive an email requesting approval for the new date.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ expireDate: e })}\r\n onChangeRaw={(e) => e.preventDefault()}\r\n minDate={today}\r\n maxDate={inDays}\r\n className={this.state.errorMessage === '* Marked fields are required.' && this.state.selectedDate === null ? 'warningBorder form-control' : 'form-control'} />\r\n {this.state.errorMessage === '* Marked fields are required.' && this.state.selectedDate === null ?
\r\n {this.state.errorMessage}
: null}\r\n \r\n Maximum date allowed is 6 months from today.\r\n
\r\n \r\n \r\n \r\n Change TEAMS Access Expiration Date \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n toggleSuccessModal = () => {\r\n this.setState({\r\n successModal: !this.state.successModal\r\n });\r\n }\r\n\r\n successModal = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n There is already a request to change the TEAMS guest access expiration date pending approval by the Managing Director. You cannot submit a new request until the first request is approved or rejected.
\r\n\r\n
\r\n \r\n \r\n {this.state.teamsSite}\r\n
\r\n \r\n \r\n {this.state.dateSubmitted}\r\n
\r\n \r\n \r\n {this.state.previousRequester}\r\n
\r\n \r\n \r\n {this.state.requestedExpireDate}\r\n
\r\n \r\n \r\n {this.state.approvingMD}\r\n
\r\n \r\n \r\n {this.state.requestStatus}\r\n
\r\n \r\n \r\n \r\n Update {this.state.status} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n onCancel = () => {\r\n this.setState({ expireDate: null })\r\n this.toggleExpirationModal();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.successBody}\r\n
\r\n \r\n {this.expirationModal()}\r\n {this.pendingModal()}\r\n {this.successModal()}\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(ExpirationModal);","import React from 'react';\r\nimport './RequestFilter.css';\r\nimport { connect } from 'react-redux';\r\nimport { getMdApprovalStatusFilter } from '../../actions';\r\n\r\nclass MDApprovalFilter extends React.Component {\r\n state = {\r\n many: true,\r\n mpending: true,\r\n mapproved: true,\r\n mrejected: true,\r\n expired: true\r\n }\r\n\r\n onChange = (event) => {\r\n if (event.target.value === 'many') {\r\n if (!this.state.many) {\r\n this.setState({ many: true, mpending: true, mapproved: true, mrejected: true, expired: true }, () => {\r\n let filter = {\r\n many: this.state.many,\r\n mpending: this.state.mpending,\r\n mapproved: this.state.mapproved,\r\n mrejected: this.state.mrejected,\r\n expired: this.state.expired\r\n }\r\n this.props.getMdApprovalStatusFilter(filter);\r\n });\r\n }\r\n else {\r\n this.setState({ many: false, mpending: false, mapproved: false, mrejected: false, expired: false }, () => {\r\n let filter = {\r\n many: this.state.many,\r\n mpending: this.state.mpending,\r\n mapproved: this.state.mapproved,\r\n mrejected: this.state.mrejected,\r\n expired: this.state.expired\r\n }\r\n this.props.getMdApprovalStatusFilter(filter);\r\n });\r\n }\r\n }\r\n\r\n if (event.target.value === 'mpending' || event.target.value === 'mapproved' || event.target.value === 'mrejected' || event.target.value === 'expired') {\r\n let status = ((event.target.value === 'mpending') ? !this.state.mpending : ((event.target.value === 'mapproved') ? !this.state.mapproved : ((event.target.value === 'mrejected') ? !this.state.mrejected : ((event.target.value === 'expired') ? !this.state.expired : !this.state.expired))));\r\n this.setState({ [event.target.value]: status }, () => {\r\n if (this.state.many) {\r\n this.setState({ many: false }, () => {\r\n let filter = {\r\n many: this.state.many,\r\n mpending: this.state.mpending,\r\n mapproved: this.state.mapproved,\r\n mrejected: this.state.mrejected,\r\n expired: this.state.expired\r\n }\r\n this.props.getMdApprovalStatusFilter(filter);\r\n });\r\n }\r\n else if (this.state.mpending && this.state.mapproved && this.state.mrejected && this.state.expired) {\r\n this.setState({ many: true }, () => {\r\n let filter = {\r\n many: this.state.many,\r\n mpending: this.state.mpending,\r\n mapproved: this.state.mapproved,\r\n mrejected: this.state.mrejected,\r\n expired: this.state.expired\r\n }\r\n this.props.getMdApprovalStatusFilter(filter);\r\n });\r\n }\r\n else {\r\n let filter = {\r\n many: this.state.many,\r\n mpending: this.state.mpending,\r\n mapproved: this.state.mapproved,\r\n mrejected: this.state.mrejected,\r\n expired: this.state.expired\r\n }\r\n this.props.getMdApprovalStatusFilter(filter);\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getMdApprovalStatusFilter })(MDApprovalFilter);","import React from 'react';\r\nimport './RequestFilter.css';\r\nimport { connect } from 'react-redux';\r\nimport { getRequestFilterStatus, getCurrentUser } from '../../actions';\r\n\r\nclass RequestFilter extends React.Component {\r\n state = {\r\n rany: false,\r\n open: true,\r\n closed: true,\r\n deleted: false\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getRequestFilterStatus(this.state);\r\n }\r\n\r\n onChange = (event) => {\r\n if (event.target.value === 'rany') {\r\n if (!this.state.rany) {\r\n this.setState({ rany: true, open: true, closed: true, deleted: true, }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n open: this.state.open,\r\n closed: this.state.closed,\r\n deleted: this.state.deleted\r\n }\r\n this.props.getRequestFilterStatus(filter);\r\n });\r\n }\r\n else {\r\n this.setState({ rany: false, open: false, closed: false, deleted: false }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n open: this.state.open,\r\n closed: this.state.closed,\r\n deleted: this.state.deleted\r\n }\r\n this.props.getRequestFilterStatus(filter);\r\n });\r\n }\r\n }\r\n\r\n if (event.target.value === 'open' || event.target.value === 'closed' || event.target.value === 'deleted') {\r\n let status = (event.target.value === 'open' ? !this.state.open : event.target.value === 'closed' ? !this.state.closed : !this.state.deleted);\r\n this.setState({ [event.target.value]: status }, () => {\r\n if (this.state.rany) {\r\n this.setState({ rany: false }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n open: this.state.open,\r\n closed: this.state.closed,\r\n deleted: this.state.deleted\r\n }\r\n this.props.getRequestFilterStatus(filter);\r\n });\r\n }\r\n else if (this.state.open && this.state.closed && this.state.deleted) {\r\n this.setState({ rany: true }, () => {\r\n let filter = {\r\n rany: this.state.rany,\r\n open: this.state.open,\r\n closed: this.state.closed,\r\n deleted: this.state.deleted\r\n }\r\n this.props.getRequestFilterStatus(filter);\r\n });\r\n }\r\n else {\r\n let filter = {\r\n rany: this.state.rany,\r\n open: this.state.open,\r\n closed: this.state.closed,\r\n deleted: this.state.deleted\r\n }\r\n this.props.getRequestFilterStatus(filter);\r\n }\r\n });\r\n }\r\n }\r\n\r\n renderDelete = () => {\r\n if (this.props.userReducer.currentUser.isAdmin) {\r\n return(\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getRequestFilterStatus, getCurrentUser })(RequestFilter);","import React from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEdit } from '@fortawesome/free-solid-svg-icons';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux'\r\nimport './TeamRequestActions.css';\r\nimport { CSVLink } from 'react-csv';\r\n\r\nclass TeamRequestActions extends React.Component {\r\n\r\n render() {\r\n let url = window.location.href\r\n let urlTrimmed = url.substring(url.lastIndexOf('/') + 1)\r\n let uri = '/assignTeams';\r\n if (['clientteamsrequests'].includes(urlTrimmed)) {\r\n uri = '/clientaccessrequest'\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.renderDelete()}\r\n New Request
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n View Details \r\n {changeExpiration}\r\n {legalApproval}\r\n {renewExpiredAccess}\r\n {softDelete}\r\n {reopen}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'Request Id', selector: row => row.requestId, maxWidth: '140px', sortable: true },\r\n { name: 'Requestor', selector: row => row.requester, sortable: true },\r\n { name: 'Request Status', selector: row => row.status, maxWidth: '130px', sortable: true },\r\n { name: 'Legal Status', selector: row => row.legalStatus, maxWidth: '115px', sortable: true },\r\n { name: 'MD Approver', selector: row => row.mdApprover, sortable: true },\r\n { name: 'MD Status', selector: row => row.mdStatus, maxWidth: '115px', sortable: true },\r\n { name: 'Member Firm Office', selector: row => row.memberFirmOffice, sortable: true, wrap: true },\r\n { name: 'TEAMS Site', selector: row => row.teamsSite, sortable: true, wrap: true, cell: row => this.props.userReducer.currentUser.isAdmin ? {e.preventDefault(); this.getADMembership(row.teamsSiteUrl, row.teamsSite)}}>{row.teamsSite} : row.teamsSite },\r\n { name: 'Date Created', selector: row => row.dateCreated, maxWidth: '120px', sortable: true, cell: row => new Date(row.dateCreated).toLocaleDateString() },\r\n { name: 'Edit', selector: row => row.action, allowOverflow: true, button: true }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n\r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n return (\r\n \r\n (this.expirationModal = ref)} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, { getTeamsRequests, getRequestFilterStatus, getLegalApprovalStatusFilter, getMdApprovalStatusFilter, showExpandAlert })(component));","const hostname = window && window.location && window.location.hostname;\r\n\r\nvar backendHost = `https://${hostname}`;\r\nif (hostname === 'localhost') {\r\n backendHost = 'http://localhost:64186';\r\n}\r\n\r\nconst config = {\r\n azRedirectUri: backendHost,\r\n iShareMis: 'https://ishare.protiviti.com',\r\n configure: 'https://misap.protiviti.com/configure',\r\n myLearning: 'https://roberthalf.csod.com/samldefault.aspx?ouid=3&returnurl=%252fDeepLink%252fProcessRedirect.aspx%253fmodule%253d389',\r\n legalApprover: [\r\n {\r\n 'email': 'yunhoo01@roberthalf.com',\r\n 'key': '',\r\n 'region' : '',\r\n 'name': 'Yun Ho',\r\n 'loginAddress': 'yunhoo01@roberthalf.com',\r\n },\r\n {\r\n 'email': 'mikdaw01@roberthalf.com',\r\n 'key': '',\r\n 'region': '',\r\n 'name': 'Mike Dawson',\r\n 'loginAddress': 'mikdaw01@roberthalf.com',\r\n },\r\n {\r\n 'email': 'ashhar01@protiviti.com',\r\n 'key': '',\r\n 'region': '',\r\n 'name': 'Ashley Hartley',\r\n 'loginAddress': 'ashhar01@protiviti.com',\r\n },\r\n {\r\n 'email': 'athdel01@roberthalf.com',\r\n 'key': '',\r\n 'region': '',\r\n 'name': 'Athena Dela Rosa',\r\n 'loginAddress': 'athdel01@roberthalf.com',\r\n },\r\n {\r\n 'email': 'wiltho04@roberthalf.com',\r\n 'key': '',\r\n 'region': '',\r\n 'name': 'William Thompson',\r\n 'loginAddress': 'wiltho04@roberthalf.com',\r\n },\r\n {\r\n 'email': 'kanvij01@protiviti.com',\r\n 'key': '',\r\n 'region': '',\r\n 'name': 'Kanika Vij',\r\n 'loginAddress': 'kanvij01@protiviti.com',\r\n }\r\n ],\r\n teamsExpireDaysLength: 183,\r\n contractorRegions: [\"Asia-Pacific\", \"Europe\", \"North America\"],\r\n}\r\n\r\nmodule.exports = config;","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n//import registerServiceWorker from './registerServiceWorker';\r\nimport { unregister as unregisterServiceWorker } from './registerServiceWorker'\r\nimport { Provider } from 'react-redux';\r\nimport { store } from './store/store';\r\n\r\n// MSAL imports\r\nimport { PublicClientApplication, EventType } from '@azure/msal-browser';\r\nimport { msalConfig } from './authConfig';\r\n\r\nexport const msalInstance = new PublicClientApplication(msalConfig);\r\n\r\nif (!msalInstance.getActiveAccount() && msalInstance.getAllAccounts().length > 0) {\r\n msalInstance.setActiveAccount(msalInstance.getAllAccounts()[0]);\r\n}\r\n\r\nmsalInstance.enableAccountStorageEvents();\r\n\r\nmsalInstance.addEventCallback((event) => {\r\n if (event.eventType === EventType.LOGIN_SUCCESS && event.payload.account) {\r\n const account = event.payload.account;\r\n //console.log(\"active account: \" + JSON.stringify(account));\r\n msalInstance.setActiveAccount(account);\r\n }\r\n});\r\n\r\nawait msalInstance.handleRedirectPromise().then(authResult => {\r\n const account = msalInstance.getActiveAccount();\r\n if (!account) {\r\n msalInstance.loginRedirect();\r\n console.log(\"No account\");\r\n }\r\n}).catch(err => {\r\n console.log('RedirectPromiseError', err);\r\n});\r\n\r\nconst rootElement = document.getElementById('root');\r\n\r\nconst UnsupportedBrowserPage = () => (\r\n \r\n
\r\n);\r\n\r\nvar ua = window.navigator.userAgent;\r\nvar msie = ua.indexOf('MSIE ');\r\nvar trident = ua.indexOf('Trident/');\r\n\r\nif (trident > 0 || msie > 0) {\r\n ReactDOM.render(Internet Explorer is not supported, please use Chrome or Edge browsers
\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps, { importUsersData})(ImportUsers);","import React from 'react';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { updateOffice, bulkAdded } from '../../actions';\r\nimport './AccountImport.css';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTrashAlt } from '@fortawesome/free-solid-svg-icons'; \r\nimport { apiPost, apiGet } from '../../services/apiService';\r\n\r\nclass ImportEdit extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.initialEmailError = []\r\n this.state =\r\n {\r\n accounts: [],\r\n firstNames:[],\r\n lastNames: [],\r\n emailNames: [],\r\n emailDomainSelected: [],\r\n officeNames: [],\r\n modal: false,\r\n addResponse: [],\r\n disabled: false,\r\n errorMessage: null,\r\n emailError: false,\r\n rowError: [],\r\n isReload: false,\r\n emailWhitelist: [],\r\n }\r\n this.findSelectedDomain = this.findSelectedDomain.bind(this)\r\n this.findOffice = this.findOffice.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchEmailWhitelist()\r\n }\r\n\r\n fetchEmailWhitelist = async () => {\r\n let url = '/api/EMailWhitelist';\r\n return await apiGet(url)\r\n .then((response) => {\r\n let whiteList = response.data;\r\n let emails = this.assembleEmails(response.data);\r\n this.setState({ emailWhitelist: emails }, () => this.assembleImportData());\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n assembleImportData = () => {\r\n this.setState({\r\n firstNames: this.props.sharedReducer.importData.data.map(x => {\r\n let firstName = this.props.sharedReducer.importData.headers ? x[\"First (Given Name)\"] : x[this.getByIndex(x, 0)]\r\n return firstName\r\n }),\r\n lastNames: this.props.sharedReducer.importData.data.map(x => {\r\n let lastName = this.props.sharedReducer.importData.headers ? x[\"Last (Surname)\"] : x[this.getByIndex(x, 1)]\r\n return lastName\r\n }),\r\n emailNames: this.props.sharedReducer.importData.data.map((x, index) => {\r\n let emailName = this.props.sharedReducer.importData.headers ? x[\"Email Name\"] : x[this.getByIndex(x, 3)]\r\n this.initialEmailError[index] = !this.validateEmail(emailName);\r\n return emailName\r\n }),\r\n emailDomainSelected: this.props.sharedReducer.importData.data.map(x => {\r\n let emailDomain = this.props.sharedReducer.importData.headers ? this.findSelectedDomain(x[\"Email Domain\"]) : this.findSelectedDomain(x[this.getByIndex(x, 5)])\r\n return emailDomain\r\n }),\r\n officeNames: this.props.sharedReducer.importData.data.map(x => {\r\n let office = this.props.sharedReducer.importData.headers ? this.findOffice(x[\"Office\"]) : this.findOffice(x[this.getByIndex(x, 2)])\r\n return (office)\r\n }), \r\n }, () => {\r\n if (this.state.officeNames.length === 0 || this.state.firstNames.length === 0 || this.state.lastNames.length === 0 || this.state.emailNames.length === 0 || this.state.emailDomainSelected.length === 0) {\r\n this.props.history.push({\r\n pathname: '/accountimport',\r\n state: { redirectError: true }\r\n });\r\n }\r\n else {\r\n if (!this.initialEmailError.every(x => x === false)) {\r\n this.setState({ rowError: this.initialEmailError });\r\n this.setState({ errorMessage: 'Please Enter a Valid Email Address.' });\r\n }\r\n } \r\n })\r\n }\r\n\r\n assembleEmails = (email) => {\r\n let allEmails = email.map((x) => {\r\n return ({\r\n 'key': x.key,\r\n 'name': x.name,\r\n 'createdByName': x.createdByName,\r\n 'isDeleted': x.isDeleted,\r\n })\r\n });\r\n return allEmails;\r\n }\r\n\r\n findSelectedDomain(selectedOption) {\r\n return (\r\n this.state.emailWhitelist.find(x => {\r\n return x.name === selectedOption\r\n })\r\n )\r\n }\r\n\r\n findOffice(selectedOffice)\r\n {\r\n if (selectedOffice.includes(\"-\")) {\r\n const temp = selectedOffice.split('-')\r\n const off = this.props.sharedReducer.officeOptions.find(x => {\r\n return x.city === temp[1].trim()\r\n\r\n })\r\n return off\r\n }\r\n else {\r\n const off = this.props.sharedReducer.officeOptions.find(x => {\r\n return x.city === selectedOffice\r\n })\r\n return off\r\n }\r\n }\r\n\r\n getByIndex(obj, i) {\r\n return Object.keys(obj)[i];\r\n }\r\n onGivenNameChange = (event, index) => {\r\n let newFirstName = this.state.firstNames;\r\n newFirstName[index] = event.target.value;\r\n this.setState({ firstNames: newFirstName });\r\n }\r\n\r\n onSurnameChange = (event, index) => {\r\n let newLastName = this.state.lastNames;\r\n newLastName[index] = event.target.value;\r\n this.setState({ lastNames: newLastName });\r\n\r\n }\r\n\r\n onEmailNameChange = (event, index) => {\r\n let newEmailName = this.state.emailNames;\r\n newEmailName[index] = event.target.value;\r\n let rowErr = this.state.rowError;\r\n rowErr[index] = !this.validateEmail(event.target.value);\r\n this.setState({ emailNames: newEmailName, rowError: rowErr });\r\n if (rowErr.every(x => x === false)) {\r\n this.setState({ errorMessage: null });\r\n }\r\n else {\r\n this.setState({ errorMessage: 'Please Enter a Valid Email Address.' });\r\n }\r\n }\r\n onOfficeNameChange = (selectedOption, index) => {\r\n let newOfficeName = this.state.officeNames;\r\n newOfficeName[index] = selectedOption;\r\n this.setState({ officeNames: newOfficeName })\r\n }\r\n onEmailDomainChange = (selectedOption, index) => {\r\n let newEmailDomain = this.state.emailDomainSelected;\r\n newEmailDomain[index] = selectedOption;\r\n this.setState({ emailDomainSelected: newEmailDomain })\r\n }\r\n\r\n validateEmail(email) {\r\n if (email === '') {\r\n return true;\r\n }\r\n let pattern = /^[\\._A-Za-z0-9-\\\\+]+(\\\\.[_A-Za-z0-9-]+)*$/;\r\n return pattern.test(String(email).toLowerCase());\r\n }\r\n\r\n response = () => {\r\n let added = []\r\n \r\n for (let i = 0; i < this.state.accounts.length; i++) {\r\n if (this.state.addResponse[i] === 'Success')\r\n added.push(this.state.accounts[i])\r\n }\r\n this.props.bulkAdded(added)\r\n }\r\n\r\n addAccounts = async (event) =>\r\n {\r\n event.preventDefault();\r\n if (this.state.rowError.every(x => x === false)) {\r\n let accounts = [];\r\n let firstNameLength = this.state.firstNames.filter(function (x) { return x.trim() !== ''; }).length;\r\n let lastNameLength = this.state.lastNames.filter(function (x) { return x.trim() !== ''; }).length;\r\n let emailLength = this.state.emailNames.filter(function (x) { return x.trim() !== ''; }).length;\r\n let officeLength = this.state.officeNames.filter(x => (x !== undefined) && (x !== null) && (x !== '')).length;\r\n let emailDomainLength = this.state.emailDomainSelected.filter(x => (x !== undefined) && (x !== null) && (x !== '')).length;\r\n if (firstNameLength === lastNameLength && firstNameLength === emailLength && firstNameLength === officeLength && firstNameLength === emailDomainLength && firstNameLength !== 0) {\r\n this.setState({ disabled: true });\r\n for (let i = 0; i < this.state.officeNames.length; i++) {\r\n if (this.state.firstNames[i] && this.state.lastNames[i] && this.state.emailNames[i] && this.state.emailDomainSelected[i] && this.state.officeNames[i]) {\r\n let account = {\r\n firstName: this.state.firstNames[i],\r\n lastName: this.state.lastNames[i],\r\n emailAddress: this.state.emailNames[i] + '@' + this.state.emailDomainSelected[i].name,\r\n officeKey: this.state.officeNames[i].key,\r\n city: this.state.officeNames[i].city\r\n };\r\n accounts.push(account);\r\n }\r\n }\r\n this.setState({ accounts: accounts });\r\n\r\n const url = '/api/Accounts';\r\n await apiPost(url, accounts)\r\n .then((response) => {\r\n this.setState({ isReload: false });\r\n this.setState({ addResponse: response.data, rowError: new Array(this.state.firstNames.length).fill(false) });\r\n this.toggleModal();\r\n let filledIndex = [];\r\n this.state.firstNames.forEach((x, index) => {\r\n if (x) {\r\n filledIndex.push(index);\r\n }\r\n });\r\n response.data.forEach((x, index) => {\r\n if (x !== 'Success') {\r\n let errors = this.state.rowError;\r\n errors[filledIndex[index]] = true;\r\n this.setState({ emailError: true, rowError: errors });\r\n }\r\n })\r\n })\r\n .catch(function (error) {\r\n if (error.response.status === 401 && !this.state.isReload) {\r\n this.setState({ isReload: true });\r\n this.addAccounts();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n else {\r\n if (firstNameLength !== 0) {\r\n this.setState({ errorMessage: 'Highlighted rows must be completed or cleared.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null });\r\n }, 5000);\r\n }\r\n }\r\n }\r\n }\r\n\r\n clearSuccess = (event) => {\r\n event.preventDefault();\r\n this.toggleModal();\r\n this.setState({ errorMessage: 'Email Already Exist. Please enter another email.' });\r\n this.state.rowError.forEach((x, index) => {\r\n if (x === false) {\r\n this.clearRow(index);\r\n }\r\n });\r\n setTimeout(() => {\r\n this.setState({ disabled: false, emailError: false, errorMessage: null, rowError: new Array(this.state.rowError.length).fill(false) });\r\n }, 5000);\r\n }\r\n\r\n renderModal() { \r\n return (\r\n \r\n
\r\n Import Multiple Users
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n Download Template
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n this.onChange(event)}\r\n accept={SheetJSFT} \r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.state.error ? Error: Invalid file. Please check your file and try again.
: null}\r\n {this.renderUpdateModal()}\r\n \r\n {x.lastName + ', ' + x.firstName + ' (' + x.city + '): '}\r\n \r\n {(this.state.addResponse[index] === 'Success') ? 'Success!' : ('Error: ' + this.state.addResponse[index])}\r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n toggleModal = () => {\r\n this.setState({\r\n modal: !this.state.modal\r\n });\r\n }\r\n\r\n clearRow = (index) => {\r\n let firstNameTemp = this.state.firstNames;\r\n let lastNameTemp = this.state.lastNames;\r\n let emailNameTemp = this.state.emailNames;\r\n let officeNameTemp = this.state.officeNames;\r\n let emailDomainTemp = this.state.emailDomainSelected;\r\n firstNameTemp[index] = '';\r\n lastNameTemp[index] = '';\r\n emailNameTemp[index] = '';\r\n officeNameTemp[index] = '';\r\n emailDomainTemp[index] = '';\r\n this.setState({ firstNames: firstNameTemp, lastNames: lastNameTemp, emailNames: emailNameTemp, officeNames: officeNameTemp, emailDomainSelected: emailDomainTemp });\r\n }\r\n\r\n customStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: 'red'\r\n })\r\n }\r\n\r\n noErrorcustomStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: 'hsl(0,0%,80%)'\r\n })\r\n }\r\n\r\n renderRemainingAccounts()\r\n {\r\n const acc = this.state.officeNames.length !== 0 ?\r\n [...Array(this.state.officeNames.length - 1)].map((x, index) => {\r\n return (\r\n \r\n\r\n
\r\n )\r\n }) : null\r\n return acc\r\n }\r\n\r\n\r\n render() {\r\n const remainingAcc = this.renderRemainingAccounts()\r\n \r\n return (\r\n \r\n )\r\n }\r\n }\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, { updateOffice, bulkAdded })(ImportEdit)","import React from 'react';\r\nimport './AccountCreate.css';\r\nimport { Link } from 'react-router-dom';\r\nimport ProOffice from '../../components/Shared/ProOffice';\r\nimport { connect } from 'react-redux';\r\nimport { clearAddOffices, clearAddOfficeRow } from '../../actions';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTrashAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport { getCurrentUser } from '../../reducers/userReducer';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass AddAccount extends React.Component {\r\n state = {\r\n whitelist: [],\r\n office: {},\r\n firstName: [],\r\n lastName: [],\r\n email: [],\r\n accounts: [],\r\n disableButtons: false,\r\n modal: false,\r\n addResponse: [],\r\n errorMessage: null,\r\n rowError: new Array(10).fill(false),\r\n emailError: false,\r\n message: null\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.props.clearAddOffices();\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchEmailWhitelist()\r\n if (this.props.currentUser.emailAddress) {\r\n this.renderMessage();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.currentUser !== prevProps.currentUser) {\r\n this.renderMessage();\r\n }\r\n }\r\n\r\n fetchEmailWhitelist = async () => {\r\n let url = '/api/EMailWhitelist';\r\n await apiGet(url)\r\n .then((response) => {\r\n let whiteList = response.data;\r\n whiteList = whiteList.filter(x => x.isDeleted === false).map((x) => {\r\n return (x.name)\r\n });\r\n this.setState({ whitelist: whiteList });\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n }\r\n\r\n onGivenNameChange = (event, index) => {\r\n let newFirstName = this.state.firstName;\r\n newFirstName[index] = event.target.value;\r\n this.setState({ firstName: newFirstName });\r\n }\r\n\r\n onSurnameChange = (event, index) => {\r\n let newLastName = this.state.lastName;\r\n newLastName[index] = event.target.value;\r\n this.setState({ lastName: newLastName });\r\n }\r\n\r\n onEmailChange = (event, index) => {\r\n let newEmail = this.state.email;\r\n newEmail[index] = event.target.value;\r\n let rowErr = this.state.rowError;\r\n rowErr[index] = !this.validateEmail(event.target.value);\r\n this.setState({ email: newEmail, rowError: rowErr });\r\n if (rowErr.every(x => x === false)) {\r\n this.setState({ errorMessage: null });\r\n }\r\n else {\r\n this.setState({ errorMessage: 'Please Enter a Valid Email Address.' });\r\n }\r\n }\r\n\r\n validateEmail(email) {\r\n if (email === '') {\r\n return true;\r\n }\r\n let pattern = /^[\\._A-Za-z0-9-\\\\+]+(\\\\.[_A-Za-z0-9-]+)*@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return pattern.test(String(email).toLowerCase());\r\n }\r\n\r\n formatDate() {\r\n let date = new Date();\r\n date.setDate(date.getDate() + 90);\r\n let month = '' + (date.getMonth() + 1);\r\n let day = '' + date.getDate();\r\n let year = date.getFullYear();\r\n\r\n if (month.length < 2)\r\n month = '0' + month;\r\n if (day.length < 2)\r\n day = '0' + day;\r\n\r\n return [year, month, day].join('-');\r\n }\r\n\r\n getAccountType(city) {\r\n if (city === '')\r\n return 0;\r\n return (city === \"APAC\" || city === \"EU\" || city === \"NA\") ? 1 : 0;\r\n }\r\n\r\n addAccounts = async (event) => {\r\n event.preventDefault();\r\n if (this.state.rowError.every(x => x === false)) {\r\n let accounts = [];\r\n let rowErrors = 0;\r\n let firstNameLength = this.state.firstName.filter(function (x) { return x.trim() !== ''; }).length;\r\n let lastNameLength = this.state.lastName.filter(function (x) { return x.trim() !== ''; }).length;\r\n let emailLength = this.state.email.filter(function (x) { return x.trim() !== ''; }).length;\r\n let officeLength = this.props.sharedReducer.selectedAddOffices ? this.props.sharedReducer.selectedAddOffices.filter(x => (x !== undefined) && (x !== null) && (x !== '')).length : 0;\r\n if (firstNameLength === lastNameLength && firstNameLength === emailLength && firstNameLength === officeLength && firstNameLength !== 0) {\r\n this.setState({ disableButtons: true });\r\n this.setState({ rowError: new Array(10).fill(false) });\r\n for (let i = 0; i < 10; i++) {\r\n if (this.state.firstName[i] && this.state.lastName[i] && this.state.email[i] && this.props.sharedReducer.selectedAddOffices[i]) {\r\n let account = {\r\n firstName: this.state.firstName[i],\r\n lastName: this.state.lastName[i],\r\n emailAddress: this.state.email[i],\r\n officeKey: this.props.sharedReducer.selectedAddOffices[i].key,\r\n city: this.props.sharedReducer.selectedAddOffices[i].city,\r\n accountType: this.getAccountType(this.props.sharedReducer.selectedAddOffices[i].city)\r\n };\r\n accounts.push(account);\r\n }\r\n else {\r\n if (this.state.firstName[i] || this.state.lastName[i] || this.state.email[i] || this.props.sharedReducer.selectedAddOffices[i]) {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: 'Highlighted rows must be completed or cleared.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false), disableButtons: false });\r\n }, 5000);\r\n }\r\n }\r\n }\r\n if (rowErrors === 0 && accounts.length > 0) {\r\n if (this.isEmailwhitelist(this.state.email)) {\r\n this.setState({ rowError: new Array(10).fill(false), accounts: accounts });\r\n const url = '/api/Accounts';\r\n await apiPost(url, accounts)\r\n .then((response) => {\r\n this.setState({ addResponse: response.data });\r\n let filledIndex = [];\r\n this.state.email.forEach((x, index) => {\r\n if (x) {\r\n filledIndex.push(index);\r\n }\r\n });\r\n response.data.forEach((x, index) => {\r\n if (x !== 'Success' && (filledIndex[index] || filledIndex[index] === 0)) {\r\n let errors = this.state.rowError;\r\n errors[filledIndex[index]] = true;\r\n this.setState({ rowError: errors, emailError: true });\r\n }\r\n })\r\n this.toggleModal();\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n else {\r\n this.setState({ disableButtons: false });\r\n }\r\n }\r\n }\r\n else {\r\n for (let i = 0; i < 10; i++) {\r\n if (!(this.state.firstName[i] && this.state.lastName[i] && this.state.email[i] && this.props.sharedReducer.selectedAddOffices[i])) {\r\n if (this.state.firstName[i] || this.state.lastName[i] || this.state.email[i] || this.props.sharedReducer.selectedAddOffices[i]) {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: 'Highlighted rows must be completed or cleared.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false) });\r\n }, 5000);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n isEmailwhitelist(accounts) {\r\n let emailWhitelist = this.state.whitelist;\r\n let rowErr = this.state.rowError;\r\n for (let j = 0; j < accounts.length; j++) {\r\n if (accounts[j]) {\r\n let accountEmail = accounts[j].substring(accounts[j].indexOf('@') + 1, accounts[j].length);\r\n if (!emailWhitelist.includes(accountEmail)) {\r\n rowErr[j] = true;\r\n this.setState({ errorMessage: 'Email Domain must be in Email Whitelist.', rowError: rowErr });\r\n }\r\n }\r\n }\r\n\r\n if (!rowErr.every(x => x === false)) {\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false) });\r\n }, 5000);\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n\r\n clearOffice = () => {\r\n this.props.clearAddOffices();\r\n }\r\n\r\n clearAll = () => {\r\n this.setState({ firstName: [], lastName: [], email: [], accounts: [] });\r\n for (let i = 0; i < this.props.sharedReducer.selectedAddOffices.length; i++) {\r\n this.props.clearAddOfficeRow(i);\r\n }\r\n }\r\n\r\n clearRow = (index) => {\r\n let firstNameTemp = this.state.firstName;\r\n let lastNameTemp = this.state.lastName;\r\n let emailTemp = this.state.email;\r\n firstNameTemp[index] = '';\r\n lastNameTemp[index] = '';\r\n emailTemp[index] = '';\r\n this.setState({ firstName: firstNameTemp, lastName: lastNameTemp, email: emailTemp });\r\n this.props.clearAddOfficeRow(index);\r\n }\r\n\r\n clearSuccess = (event) => {\r\n event.preventDefault();\r\n this.toggleModal();\r\n this.setState({ errorMessage: 'Email Already Exist. Please enter another email.' });\r\n this.state.rowError.forEach((x, index) => {\r\n if (x === false) {\r\n this.clearRow(index);\r\n }\r\n });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false), emailError: false, disableButtons: false });\r\n }, 5000);\r\n }\r\n\r\n successModal() {\r\n return (\r\n this.state.accounts.map((x, index) =>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.onGivenNameChange(event, index + 1)}\r\n style={((!this.state.firstNames[index + 1] && (this.state.lastNames[index + 1] || this.state.officeNames[index + 1] || this.state.emailNames[index + 1] || this.state.emailDomainSelected[index + 1])) || this.state.rowError[index + 1]) ? { border: 'thin solid red' } : null} />\r\n
\r\n \r\n\r\n this.onSurnameChange(event, index + 1)}\r\n style={((!this.state.lastNames[index + 1] && (this.state.firstNames[index + 1] || this.state.officeNames[index + 1] || this.state.emailNames[index + 1] || this.state.emailDomainSelected[index + 1])) || this.state.rowError[index + 1]) ? { border: 'thin solid red' } : null} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.onOfficeNameChange(event, index + 1)}\r\n getOptionLabel={(option) => option.name}\r\n getOptionValue={(option) => option.name}\r\n styles={((!this.state.officeNames[index + 1] && (this.state.firstNames[index + 1] || this.state.lastNames[index + 1] || this.state.emailNames[index + 1] || this.state.emailDomainSelected[index + 1])) || this.state.rowError[index + 1]) ? this.customStyles : this.noErrorcustomStyles } />\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n this.onEmailNameChange(event, index + 1)}\r\n style={((!this.state.emailNames[index + 1] && (this.state.firstNames[index + 1] || this.state.lastNames[index + 1] || this.state.officeNames[index + 1] || this.state.emailDomainSelected[index + 1])) || this.state.rowError[index + 1]) ? { border: 'thin solid red' } : null} />\r\n
\r\n \r\n
\r\n @
\r\n \r\n {\r\n return x.isDeleted === false\r\n })}\r\n getOptionLabel={(option) => option.name}\r\n getOptionValue={(option) => option.name}\r\n onChange={(event) => this.onEmailDomainChange(event, index + 1)}\r\n styles={((!this.state.emailDomainSelected[index + 1] && (this.state.firstNames[index + 1] || this.state.lastNames[index + 1] || this.state.emailNames[index + 1] || this.state.officeNames[index + 1])) || this.state.rowError[index + 1]) ? this.customStyles : this.noErrorcustomStyles} />\r\n
\r\n \r\n this.clearRow(index + 1)} /> \r\n
\r\n \r\n {x.lastName + ', ' + x.firstName + ' (' + x.city + '): '}\r\n \r\n {(this.state.addResponse[index] === 'Success') ? 'Success!' : ('Error: ' + this.state.addResponse[index])}\r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n toggleModal = () => {\r\n this.setState({\r\n modal: !this.state.modal\r\n });\r\n }\r\n\r\n renderModal() {\r\n return (\r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n renderMessage() {\r\n let userEmail = this.props.currentUser.emailAddress;\r\n if (userEmail.endsWith('@protiviti.com') || userEmail.endsWith('@roberthalf.com')) {\r\n this.setState({ message: \"When adding internal Protiviti/Roberthalf/Rhi.com users, email address must be the user's network address (e.g. jonsmi01@protiviti.com)\" });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n currentUser: getCurrentUser(state)\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { clearAddOffices, clearAddOfficeRow })(AddAccount);","import React from 'react';\r\nimport './AccountDetails.css';\r\nimport ProOffice from '../../components/Shared/ProOffice';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getOfficeKey } from '../../actions';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass AccountDetails extends React.Component {\r\n accountStatusValue = {\r\n 0: 'Active',\r\n 1: 'Expired',\r\n 2: 'Disabled',\r\n 3: 'Locked'\r\n };\r\n loginAddressError = null;\r\n state = {\r\n account: {},\r\n office: {},\r\n firstName: '',\r\n lastName: '',\r\n emailAddress: '',\r\n accountIsAdmin: false,\r\n disableButtons: false,\r\n modal: false,\r\n isAdmin: false,\r\n errorMessage: null,\r\n loginAddress: ''\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.location.pathname === '/accountdetails' && !this.props.location.state) {\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*Given Name*/}\r\n this.onGivenNameChange(event, index + 1)}\r\n />\r\n
\r\n \r\n {/*Surname*/}\r\n this.onSurnameChange(event, index + 1)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*Display Name*/}\r\n
\r\n \r\n {(this.state.firstName[index + 1] && this.state.lastName[index + 1] && (this.props.sharedReducer.selectedAddOffices[index + 1] ? this.props.sharedReducer.selectedAddOffices[index + 1].city : false)) ? (this.state.lastName[index + 1] + ', ' + this.state.firstName[index + 1] + ' (' + this.props.sharedReducer.selectedAddOffices[index + 1].city + ')') : ''}\r\n
\r\n \r\n {/*Email*/}\r\n this.onEmailChange(event, index + 1)}\r\n />\r\n
\r\n \r\n {/*Office*/}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*City*/}\r\n
\r\n {this.props.sharedReducer.selectedAddOffices[index + 1] ? this.props.sharedReducer.selectedAddOffices[index + 1].city : null}
\r\n \r\n {/*Country*/}\r\n
\r\n {this.props.sharedReducer.selectedAddOffices[index + 1] ? this.props.sharedReducer.selectedAddOffices[index + 1].country : null}
\r\n \r\n {/*Region*/}\r\n
\r\n {this.props.sharedReducer.selectedAddOffices[index + 1] ? this.props.sharedReducer.selectedAddOffices[index + 1].region : null}
\r\n \r\n {/*Expires on*/}\r\n
\r\n {(this.state.firstName[index + 1] && this.state.lastName[index + 1] && this.state.email[index + 1] && this.props.sharedReducer.selectedAddOffices[index + 1]) ? this.formatDate() : ''}
\r\n \r\n this.clearRow(index + 1)} /> \r\n
\r\n \r\n \r\n
) : null);\r\n }\r\n\r\n renderLoginAddress() {\r\n return (\r\n this.state.isAdmin ?\r\n (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n { this.onLoginChange(e) }} />\r\n
\r\n ) : null);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getOfficeKey })(AccountDetails);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport \"./AccountManagement.css\"\r\nimport ProOffice from '../../components/Shared/ProOffice';\r\nimport AccountActions from '../../components/AccountGrid/AccountActions';\r\nimport AccountGrid from '../../components/AccountGrid/AccountGrid';\r\nimport StatusFilter from '../../components/Shared/StatusFilter';\r\n\r\nclass AccountManagement extends React.Component {\r\n\r\n extendAlert() {\r\n return (\r\n this.props.sharedReducer.extendAlert ?\r\n \r\n Success! Expiration date for {this.props.sharedReducer.extendAlert} is extended to 90 days from today.\r\n
: null\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.extendAlert()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(AccountManagement);","import { faArrowDown } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport 'mdbreact';\r\nimport { MDBBtn, MDBContainer, MDBModal, MDBModalBody, MDBModalFooter, MDBModalHeader } from 'mdbreact';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport './BulkExtend.css';\r\nimport * as XLSX from 'xlsx/xlsx.mjs';\r\nimport { CSVLink } from 'react-csv';\r\nimport config from '../../config';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nexport default class BulkExtend extends React.Component {\r\n accountStatusValue = {\r\n 0: 'Active',\r\n 1: 'Expired',\r\n };\r\n\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n fileName: '',\r\n csvFile: null,\r\n modal: false, \r\n updatingModal: false,\r\n error: false,\r\n dataProcessing: false,\r\n headers: [\r\n { label: 'First Name', key: 'firstName' },\r\n { label: 'Last Name', key: 'lastName' },\r\n { label: 'Office', key: 'office' },\r\n { label: 'Email Address', key: 'emailAddress' },\r\n { label: 'Status', key: 'accountStatus' },\r\n { label: 'Expiration Date', key: 'expirationDate' },\r\n { label: 'Extend User (Mark with X)', key: 'isExtending' },\r\n ],\r\n accounts: [],\r\n };\r\n \r\n this.handleUpload = this.handleUpload.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.location.state) {\r\n if (this.props.location.state.redirectError) {\r\n this.setState({ error: true });\r\n this.props.location.state.redirectError = false;\r\n setTimeout(() => {\r\n this.setState({ error: false });\r\n }, 5000);\r\n }\r\n }\r\n\r\n this.fetchDataByUser(); \r\n }\r\n\r\n fetchDataByUser = async () => {\r\n let url = config.azRedirectUri + '/api/Accounts';\r\n this.fetchData(url);\r\n }\r\n\r\n fetchData = async (url) => {\r\n await apiGet(url)\r\n .then((response) => {\r\n let sortedResponse = response.data;\r\n let accounts = this.assembleAccounts(sortedResponse).map((x, index) => ({ ...x }));\r\n this.setState({ accounts: accounts, totalRows: response.data.count });\r\n })\r\n }\r\n\r\n assembleAccounts = (response) => {\r\n let allAccounts = response.filter(x => x.accountStatus === 0 || x.accountStatus === 1).map((x) => {\r\n return ({\r\n 'firstName': x.firstName,\r\n 'lastName': x.lastName,\r\n 'office': x.office,\r\n 'emailAddress': x.emailAddress,\r\n 'accountStatus': this.accountStatusValue[x.accountStatus],\r\n 'expirationDate': x.expirationDate ? x.expirationDate.substring(0, 10) : x.expirationDate,\r\n 'isExtending': null,\r\n })\r\n });\r\n return allAccounts;\r\n }\r\n\r\n handleXLSX() { \r\n const reader = new FileReader();\r\n const rABS = !!reader.readAsBinaryString;\r\n reader.onload = (e) => {\r\n \r\n const bstr = e.target.result;\r\n const wb = XLSX.read(bstr, { type: rABS ? 'binary' : 'array', bookVBA: true });\r\n \r\n const wsname = wb.SheetNames[0];\r\n const ws = wb.Sheets[wsname];\r\n \r\n const csdemo = XLSX.utils.sheet_to_csv(ws, { FS: \",\", RS: \"\\n\", blankrows: false })\r\n \r\n this.uploadFile(csdemo)\r\n };\r\n if (rABS) {\r\n reader.readAsBinaryString(this.state.csvFile);\r\n } else {\r\n reader.readAsArrayBuffer(this.state.csvFile);\r\n };\r\n }\r\n \r\n handleUpload(event) {\r\n this.setState({ dataProcessing: true })\r\n if (this.state.csvFile === null) {\r\n alert('Only CSV files are allowed. Please Select a File to Upload')\r\n this.setState({ dataProcessing: false })\r\n }\r\n else {\r\n const ext = this.state.fileName.split('.')\r\n if (ext[1] === 'csv')\r\n {\r\n this.uploadFile(this.state.csvFile)\r\n }\r\n //else if (ext[1] === 'xlsx' || ext[1] === 'xls')\r\n //{\r\n // this.handleXLSX()\r\n //}\r\n else\r\n //alert('Only CSV files are allowed. Please Select a Valid File')\r\n this.setState({ dataProcessing: false, error: true })\r\n }\r\n }\r\n \r\n toggleModal() {\r\n this.setState({ modal: !this.state.modal })\r\n }\r\n\r\n toggleUpdatingModal() {\r\n this.setState({ updatingModal: !this.state.updatingModal })\r\n }\r\n\r\n renderSuccessModal() {\r\n return (\r\n Account Search
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport './Error.css';\r\nimport { Link } from 'react-router-dom';\r\nclass NotFoundPage extends React.Component {\r\n render() {\r\n return \r\n
\r\n Extend Multiple Users
\r\n\r\n \r\n \r\n
\r\n\r\n Download Active and Expired User List
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.state.error ? Error: Invalid file type. Please convert the file to CSV format and reupload it.
: null}\r\n {this.renderSuccessModal()}\r\n \r\n
;\r\n }\r\n}\r\nexport default NotFoundPage;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getUsername } from '../services/authService';\r\nimport HelpSection from '../components/GuestResources/HelpSection';\r\nimport OpenTerms from '../components/GuestResources/OpenTerms';\r\nimport './GuestResource.css';\r\n\r\nclass GuestResource extends React.Component {\r\n givenName;\r\n\r\n async componentDidMount() {\r\n this.currentUser = await getUsername();\r\n }\r\n\r\n render() {\r\n return (\r\n 404
\r\nOops, you dont have access or page not found
\r\nPlease Check the URL
\r\nOtherwise, Go to Home
\r\n\r\n
\r\n );\r\n };\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(GuestResource);","import React from 'react';\r\nimport './Home.css';\r\nimport { connect } from 'react-redux';\r\nimport { getCurrentUser } from '../actions';\r\nimport { Link } from 'react-router-dom';\r\nimport config from '../config';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { apiGet } from '../services/apiService';\r\n\r\nclass AdminDashboard extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nclass MemeberFirmDelegates extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n ![\"Manage_MF_Accounts\"](\"images/Manage_MF_Accounts.png\")
\r\n
\r\n\r\n \r\n \r\n ![\"Request_MF_TeamsAccess\"](\"images/Request_MF_TeamsAccess.png\")
\r\n
\r\n\r\n \r\n \r\n ![\"RequestList_MF_TeamsAccess\"](\"images/RequestList_MF_TeamsAccess.png\")
\r\n
\r\n\r\n \r\n \r\n ![\"Request_Client_TeamsAccess\"](\"images/Request_Client_TeamsAccess.png\")
\r\n
\r\n\r\n \r\n \r\n ![\"RequestList_Client_TeamsAccess\"](\"images/RequestList_Client_TeamsAccess.png\")
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Manage_Delegates\"](\"images/Manage_Delegates.png\")
\r\n
\r\n \r\n \r\n ![\"Manage_Offices\"](\"images/Manage_Offices.png\")
\r\n
\r\n \r\n \r\n ![\"View_Audit_Logs\"](\"images/View_Audit_Logs.png\")
\r\n
\r\n \r\n \r\n ![\"Manage_Whitelist\"](\"images/Manage_Whitelist.png\")
\r\n
\r\n \r\n \r\n ![\"Manage_Blacklist\"](\"images/Manage_Blacklist.png\")
\r\n
\r\n \r\n \r\n ![\"View_Client_Accounts\"](\"images/View_Client_Accounts.png\")
\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\nclass AdminDelegateOutsider extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nclass UserNotDelegateNotOnList extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass UserNotDelegateOnList extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nclass Home extends React.Component {\r\n\r\n state = {\r\n protivitiClients: []\r\n };\r\n\r\n async componentDidMount() {\r\n await this.fetchProtivitiClients();\r\n }\r\n\r\n fetchProtivitiClients = async () => {\r\n const url = config.azRedirectUri + '/api/Config/protiviticlients';\r\n apiGet(url)\r\n .then((response) => {\r\n this.setState({ protivitiClients: response.data });\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n isProtivitiRH(email) {\r\n const domains = [\"roberthalf.com\", \"roberthalf.net\", \"protiviti.com\"];\r\n const domain = email.split('@')[1];\r\n return domains.includes(domain);\r\n }\r\n\r\n extendAlert() {\r\n return (\r\n this.props.sharedReducer.extendAlert ?\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Success! Expiration date for {this.props.sharedReducer.extendAlert} is extended to 90 days from today.\r\n
: null\r\n );\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {this.props.userReducer.currentUser && this.props.userReducer.currentUser.emailAddress &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(Home);","import React from 'react';\r\nimport './AddEditCompany.css';\r\nimport AddEditCompany from './AddEditCompany';\r\n\r\nclass AddCompany extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {this.extendAlert()}\r\n
\r\n Hello, {this.props.userReducer.currentUser.firstName}!
\r\n\r\n\r\n {this.props.userReducer.currentUser.isAdmin && this.isProtivitiRH(this.props.userReducer.currentUser.emailAddress) &&\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (AddCompany);","import React from 'react';\r\nimport './AddEditCompany.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport Select from 'react-select';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { fetchCompany } from '../../actions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { apiGet, apiPut, apiPost } from '../../services/apiService';\r\n\r\n//AddCompany & EditCompany shares this component\r\nclass AddEditCompany extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n company: '',\r\n users: [],\r\n selectedUser: null,\r\n complianceLevel: [],\r\n selectedComplianceLevel: null,\r\n disableButtons: false,\r\n modal: false,\r\n isDeleted: false,\r\n errorMessage: null,\r\n isReload: false\r\n\r\n }\r\n }\r\n componentDidMount = async () => {\r\n let pageType = this.props.location.pathname === '/editcompany' ? \"edit\" : \"add\";\r\n if (this.props.location.pathname === '/editcompany' && !this.props.company) {\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (EditCompany);","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport './ManageCompanies.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faEdit } from '@fortawesome/free-solid-svg-icons';\r\nimport { connect } from 'react-redux';\r\nimport ManageCompaniesGrid from '../../components/ManageCompanies/ManageCompaniesGrid';\r\n\r\nclass ManageCompanies extends React.Component {\r\n componentDidUpdate() {\r\n if (!this.props.userReducer.currentUser.isAdmin) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(ManageCompanies);","import React from 'react';\r\nimport './AddEditDelegate.css';\r\nimport AddEditDelegate from './AddEditDelegate';\r\n\r\nclass AddDelegate extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n Manage Companies
\r\n\r\n \r\n \r\n \r\n
\r\n Add Company
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (AddDelegate);","import React from 'react';\r\nimport './AddEditDelegate.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { apiGet, apiPut, apiPost } from '../../services/apiService';\r\n\r\nclass AddEditDelegate extends React.Component {\r\n state = {\r\n selectedOffices: [],\r\n prevSelectedOffices: [],\r\n disableButtons: false,\r\n users: [],\r\n selectedUser: null,\r\n modal: false,\r\n errorMessage: null,\r\n isReload: false\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.location.pathname === '/editdelegate' && !this.props.delegateInfo) {\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (EditDelegate);","import React from 'react';\r\nimport './ManageDelegates.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport ManageDelegatesGrid from '../../components/ManageDelegates/ManageDelegatesGrid';\r\nimport { connect } from 'react-redux';\r\n\r\nclass ManageDelegates extends React.Component {\r\n componentDidUpdate() {\r\n if (!this.props.userReducer.currentUser.isAdmin) {\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(ManageDelegates);","import React from 'react';\r\nimport './AddEditOffice.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport config from '../../config';\r\nimport Select from 'react-select';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { fetchOffice } from '../../actions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { apiGet, apiPut, apiPost } from '../../services/apiService';\r\n\r\n//AddOffice & EditOffice shares this component\r\nclass AddEditOffice extends React.Component {\r\n state = {\r\n company: [],\r\n selectedCompany: null,\r\n country: [],\r\n selectedCountry: null,\r\n users: [],\r\n selectedUser: null,\r\n office: '',\r\n city: '',\r\n officeName: '',\r\n disableButtons: false,\r\n modal: false,\r\n isDeleted: false,\r\n addCompanyModal: false,\r\n deleteCompanyModal: false,\r\n errorModal: false,\r\n addCompany: '',\r\n errorMessage: null,\r\n isReload: false\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.location.pathname === '/editoffice' && !this.props.office) {\r\n \r\n
\r\n Manage Delegates
\r\n\r\n
\r\n \r\n \r\n
\r\n Add Delegate
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (AddOffice);","import React from 'react';\r\nimport './AddEditOffice.css';\r\nimport AddEditOffice from './AddEditOffice';\r\n\r\nclass EditOffice extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default (EditOffice);","import React from 'react';\r\nimport './ManageOffices.css';\r\nimport { Link } from 'react-router-dom';\r\nimport ManageOfficesGrid from '../../components/ManageOffices/ManageOfficesGrid'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faEdit } from '@fortawesome/free-solid-svg-icons';\r\nimport { connect } from 'react-redux';\r\n\r\nclass ManageOffices extends React.Component {\r\n componentDidUpdate() {\r\n if (!this.props.userReducer.currentUser.isAdmin) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(ManageOffices);","import React, { Component } from 'react';\r\nimport './ResetConfirmation.css';\r\n\r\nclass ResetConfirmation extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\t//let prevPath = prevProps.history.location;\r\n\t\t//if (prevPath.pathname !== '/passwordreset') {\r\n\t\t//\tthis.props.history.push('/passwordreset');\r\n // }\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n Manage Offices
\r\n\r\n \r\n \r\n
\r\n Manage Companies
\r\n \r\n \r\n \r\n \r\n Add Office
\r\n \r\n \r\n \r\n
\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default ResetConfirmation;","import React, { Component } from 'react';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport config from '../../config';\r\nimport './ResetPassword.css';\r\nimport { apiPost } from '../../services/apiService';\r\n\r\nclass PasswordReset extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tinput: {},\r\n\t\t\terrors: {},\r\n\t\t\tsubmitDisabled: true,\r\n\t\t\tminLength: 8\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t//console.log(\"Current User: \" + this.props.userReducer.currentUser);\r\n\r\n\t}\r\n\r\n\thandleChange = e => {\r\n\t\tlet input = this.state.input;\r\n\t\tinput[e.target.name] = e.target.value;\r\n\r\n\t\tthis.setState({ input: input }, () => this.validate());\r\n\t}\r\n\r\n\thandleSubmit = async e => {\r\n\t\te.preventDefault();\r\n\r\n\t\tlet that = this;\r\n\t\tlet update = {\r\n\t\t\t'userEmail': this.props.userReducer.currentUser.emailAddress,\r\n\t\t\t'password': this.state.input[\"password\"]\r\n\t\t};\r\n\t\tconst url = config.azRedirectUri + '/api/Accounts/ResetPassword';\r\n\t\tawait apiPost(url, update)\r\n\t\t\t.then(() => {\r\n\t\t\t\tthis.props.history.push('/resetconfirmation');\r\n\t\t\t})\r\n\t\t\t.catch(function (error) {\r\n\t\t\t\tif (typeof error === \"object\") {\r\n\t\t\t\t\terror = error.message;\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log(\"error \" + error);\r\n\t\t\t\tlet confirmErrors = {};\r\n\t\t\t\tif (error === \"Request failed with status code 409\") {\r\n\t\t\t\t\tconfirmErrors[\"password_recent\"] = error;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconfirmErrors[\"confirm_password\"] = \"Something went wrong, please try again later\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthat.setState({ errors: confirmErrors, submitDisable: true });\r\n\t\t\t})\r\n\t}\r\n\r\n\tvalidate = () => {\r\n\t\tlet input = this.state.input;\r\n\t\tlet errors = {};\r\n\t\tlet passwordIsValid = true;\r\n\t\tlet confirmPasswordIsValid = true;\r\n\t\tlet submitDisable = true;\r\n\r\n\t\tif (!input[\"password\"]) {\r\n\t\t\tpasswordIsValid = false;\r\n\t\t\terrors[\"password\"] = \"Password required. \";\r\n\t\t}\r\n\r\n\t\tif (input[\"password\"].length < this.state.minLength) {\r\n\t\t\tpasswordIsValid = false;\r\n\t\t\terrors[\"password_length\"] = \"fail\";\r\n\t\t}\r\n\r\n\t\tlet caseMessage = this.checkCase(input[\"password\"]);\r\n\t\tif (caseMessage && !caseMessage.includes('has number ')) {\r\n\t\t\tpasswordIsValid = false;\r\n\t\t\terrors[\"password_number\"] = \"fail\";\r\n\t\t}\r\n\r\n\t\tif (caseMessage && !caseMessage.includes('has upper ')) {\r\n\t\t\tpasswordIsValid = false;\r\n\t\t\terrors[\"password_upper\"] = \"fail\";\r\n\t\t}\r\n\r\n\t\tif (caseMessage && !caseMessage.includes('has lower ')) {\r\n\t\t\tpasswordIsValid = false;\r\n\t\t\terrors[\"password_lower\"] = \"fail\";\r\n\t\t}\r\n\r\n\t\tif (input[\"confirm_password\"]) {\r\n\t\t\tif (input[\"password\"] !== input[\"confirm_password\"]) {\r\n\t\t\t\tconfirmPasswordIsValid = false;\r\n\t\t\t\terrors[\"confirm_password\"] = \"Passwords do not match. Re-enter passwords\";\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconfirmPasswordIsValid = false;\r\n\t\t}\r\n\r\n\t\tif (passwordIsValid && confirmPasswordIsValid) {\r\n\t\t\tsubmitDisable = false;\r\n\t\t}\r\n\t\tthis.setState({ errors: errors, submitDisabled: submitDisable });\r\n\t}\r\n\r\n\tcheckCase = e => {\r\n\t\tvar i = 0;\r\n\t\tlet message = null;\r\n\t\twhile (i < e.length) {\r\n\t\t\tlet character = e.charAt(i);\r\n\t\t\tif (!isNaN(character * 1)) {\r\n\t\t\t\tmessage += \"has number \";\r\n\t\t\t} else {\r\n\t\t\t\tif (character === character.toUpperCase()) {\r\n\t\t\t\t\tmessage += \"has upper \";\r\n\t\t\t\t}\r\n\t\t\t\tif (character === character.toLowerCase()) {\r\n\t\t\t\t\tmessage += \"has lower \";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ti++;\r\n\t\t}\r\n\r\n\t\treturn message;\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tYour MyLearning Password Reset Request Has Been Submitted
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tYour password reset request has been submitted. The request will take up to 15 minutes.
\r\n\t\t\t\t\t\tWhen the reset process has completed you will receive an e-mail informing you that your password has been reset. If you do not receive an e-mail in your inbox, check your spam or junk folder. If you do not receive an e-mail, please contact Protiviti Technical Support
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tsharedReducer: state.sharedReducer,\r\n\t\tuserReducer: state.userReducer\r\n\t}\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, { getCurrentUser })(PasswordReset));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux'\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalFooter, MDBModalHeader } from 'mdbreact';\r\nimport { Link, Redirect } from 'react-router-dom'\r\nimport config from '../../config';\r\nimport './EmailWhitelist.css';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass AddEmail extends Component {\r\n state = {\r\n email: '',\r\n error: null,\r\n modal: false,\r\n type: this.props.location.state.type,\r\n linkTo: '',\r\n url: '',\r\n existing: false,\r\n }\r\n\r\n componentDidMount() {\r\n this.populateValues();\r\n }\r\n\r\n populateValues = async () => {\r\n let link = '';\r\n let url = '';\r\n if (this.props.location.state.type === 'blacklist') {\r\n link = '/systemconfig/emailblacklist';\r\n url = config.azRedirectUri + '/api/EMailBlacklist/';\r\n } else if (this.props.location.state.type === 'whitelist') {\r\n link = '/systemconfig/emailwhitelist';\r\n url = config.azRedirectUri + '/api/EMailWhitelist/';\r\n } else {\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tMyLearning Password Reset Page
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tAccess My Learning
\r\n\t\t\t\t\t\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(AddEmail);","import React, { Component } from 'react';\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport config from '../../config';\r\nimport { connect } from 'react-redux';\r\nimport { apiGet } from '../../services/apiService';\r\n\r\nclass AuditLogs extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [],\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n dataLoading: true,\r\n filterText: \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchAuditLogs(1);\r\n }\r\n\r\n fetchAuditLogs = async (page, size = this.state.perPage, sortBy = this.state.sortBy, sortOrder = this.state.sortOrder, filter = this.state.filterText) => {\r\n let url = config.azRedirectUri + `/api/Log?page=${page}&size=${size}&sortBy=${sortBy}&sortOrder=${sortOrder}&search=${filter}`;\r\n await apiGet(url)\r\n .then((response) => {\r\n let logs = this.mapResponse(response.data.list);\r\n this.setState({ data: logs, totalRows: response.data.count, dataLoading: false });\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n mapResponse = (response) => {\r\n let logs = response.map((x) => {\r\n return ({\r\n 'user': x.displayName,\r\n 'date': new Date(x.createdDate).toLocaleDateString(),\r\n 'category': x.category,\r\n 'description': x.description,\r\n 'misStatus': x.misStatus,\r\n 'sNowStatus': x.sNowStatus\r\n })\r\n });\r\n return logs;\r\n }\r\n\r\n handlePageChange = page => {\r\n this.fetchAuditLogs(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n this.fetchAuditLogs(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n handleSortChange = (c, d) => {\r\n this.setState({ sortBy: c.sortField, sortOrder: d }, () => {\r\n this.fetchAuditLogs(this.state.currentPage);\r\n });\r\n }\r\n\r\n handleFilterChange = (e) => {\r\n this.setState({ filterText: e.target.value }, () => {\r\n this.fetchAuditLogs(1);\r\n });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\" });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n render() {\r\n const columns = [{ name: 'User', selector: row => row.user, sortable: true, sortField: 'user' },\r\n { name: 'Date', selector: row => row.date, sortable: true, sortField: 'date', maxWidth: '100px' },\r\n { name: 'Category', selector: row => row.category, sortable: true, sortField: 'category' },\r\n { name: 'Description', selector: row => row.description, sortable: true, sortField: 'description', wrap: true, minWidth: '550px' },\r\n { name: 'MIS AD', selector: row => row.misStatus, sortable: true, sortField: 'misStatus' },\r\n { name: 'SNow', selector: row => row.sNowStatus, sortable: true, sortField: 'sNowStatus' }]\r\n const customStyles = {\r\n header: {\r\n style: {\r\n minHeight: '56px'\r\n },\r\n },\r\n headRow: {\r\n style: {\r\n borderTopStyle: 'solid',\r\n borderTopWidth: '1px',\r\n borderTopColor: defaultThemes.default.divider.default,\r\n },\r\n },\r\n headCells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '18px',\r\n \r\n },\r\n },\r\n },\r\n cells: {\r\n style: {\r\n '&:not(:last-of-type)': {\r\n borderRightStyle: 'solid',\r\n borderRightWidth: '1px',\r\n borderRightColor: defaultThemes.default.divider.default,\r\n fontSize: '14px'\r\n },\r\n },\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n {this.responseModal()}\r\n Add Email Domain
\r\n\r\n this.handleAddDomain(e)} placeholder=\"e.g. protiviti.com\" />\r\n {this.state.error ?
\r\n {this.state.error}
: null}\r\n \r\n \r\n this.addEmail()} style={{ marginLeft: '10px' }}>Add \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, {})(AuditLogs);","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { Link } from 'react-router-dom'\r\nimport config from '../../config';\r\nimport './EmailWhitelist.css'\r\nimport { apiPut } from '../../services/apiService';\r\n\r\nclass EditEmail extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n email: this.props.location.state.emailInfo,\r\n type: this.props.location.state.type,\r\n modal: false,\r\n response: null,\r\n error: null,\r\n disabled: true,\r\n linkTo: ''\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n let link = this.state.type === 'blacklist' ? '/systemconfig/emailblacklist' : '/systemconfig/emailwhitelist';\r\n this.setState({ linkTo: link });\r\n }\r\n handleEditEmail(event) {\r\n const validEmailRegex = RegExp(/^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/g);\r\n if (validEmailRegex.test(event.target.value))\r\n {\r\n let newEmail = this.state.email\r\n newEmail.name = event.target.value\r\n this.setState({\r\n email: newEmail,\r\n disabled: false,\r\n error: null\r\n })\r\n }\r\n else\r\n this.setState({\r\n error: 'Enter a Valid Email Domain (lowercase letters only)',\r\n disabled: true\r\n })\r\n }\r\n editEmail(email) {\r\n email.isDeleted = email.isDeleted === \"Yes\" || email.isDeleted === false ? false : true;\r\n const url = this.state.type === 'blacklist' ? config.azRedirectUri + '/api/EMailBlacklist/' : config.azRedirectUri + '/api/EMailWhitelist/';\r\n apiPut(url, email)\r\n .then((response)=>{\r\n \r\n this.toggleModal(response)\r\n }).catch((err) => {\r\n console.log(err.response.data)\r\n this.setState({ error: err.response.data });\r\n })\r\n }\r\n toggleModal(response) {\r\n this.setState({\r\n modal: !this.state.modal,\r\n response: response.status\r\n })\r\n }\r\n responseModal() {\r\n return(\r\n \r\n
\r\n )\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, {})(EditEmail);","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTrashAlt, faEdit, faUndo, faPlus } from '@fortawesome/free-solid-svg-icons'\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { connect } from 'react-redux';\r\nimport config from '../../config';\r\nimport './EmailBlacklist.css'\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass EmailBlacklist extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n emailBlacklist: [],\r\n emailOptions: [],\r\n actionModal: false,\r\n deleteRestoreEmail: {},\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\"\r\n }\r\n\r\n }\r\n componentDidMount = async () => {\r\n await this.fetchEmailBlacklist(1);\r\n }\r\n\r\n fetchEmailBlacklist = async (page, size = this.state.perPage, sortBy = this.state.sortBy, sortOrder = this.state.sortOrder, filter = this.state.filterText) => {\r\n let url = config.azRedirectUri + `/api/EMailBlacklist?page=${page}&size=${size}&sortBy=${sortBy}&sortOrder=${sortOrder}&search=${filter}`;\r\n await apiGet(url)\r\n .then((response) => {\r\n let blackList = response.data;\r\n let emails = this.assembleEmails(response.data.list);\r\n this.setState({ emailOptions: emails, emailBlacklist: blackList, totalRows: response.data.count, dataLoading: false });\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n }\r\n\r\n assembleEmails = (email) => {\r\n let allEmails = email.map((x) => {\r\n return ({\r\n 'key': x.key,\r\n 'name': x.name,\r\n 'createdByName': x.createdByName,\r\n 'isDeleted': x.isDeleted ? \"No\" : \"Yes\"\r\n })\r\n });\r\n return allEmails;\r\n }\r\n\r\n handlePageChange = page => {\r\n this.fetchEmailBlacklist(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n this.fetchEmailBlacklist(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n handleSortChange = (c, d) => {\r\n this.setState({ sortBy: c.sortField, sortOrder: d }, () => {\r\n this.fetchEmailBlacklist(this.state.currentPage);\r\n });\r\n }\r\n\r\n handleFilterChange = (e) => {\r\n this.setState({ filterText: e.target.value }, () => {\r\n this.fetchEmailBlacklist(1);\r\n });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\" });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n renderActions = (email) => {\r\n let editAction = email.isDeleted === \"Yes\" ? \r\n
\r\n {this.responseModal()}\r\n Edit Email Domain
\r\n\r\n this.handleEditEmail(e)} placeholder=\"e.g. protiviti.com\" />\r\n {this.state.error ?
\r\n {this.state.error}
: ''}\r\n \r\n \r\n this.editEmail(this.state.email)} style={{ marginLeft: '10px' }}>Update \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, {})(EmailBlacklist);","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTrashAlt, faEdit, faUndo, faPlus } from '@fortawesome/free-solid-svg-icons'\r\nimport DataTable, { defaultThemes } from 'react-data-table-component';\r\nimport { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { connect } from 'react-redux';\r\nimport './EmailWhitelist.css'\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass EmailWhitelist extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n emailWhitelist: [],\r\n emailOptions: [],\r\n actionModal: false,\r\n deleteRestoreEmail: {},\r\n totalRows: 0,\r\n perPage: 10,\r\n currentPage: 1,\r\n sortBy: \"\",\r\n sortOrder: \"desc\",\r\n filterText: \"\",\r\n dataLoading: true,\r\n action: \"\"\r\n }\r\n\r\n }\r\n componentDidMount = async () => {\r\n await this.fetchEmailWhitelist(1);\r\n }\r\n\r\n fetchEmailWhitelist = async () => {\r\n let url = '/api/EMailWhitelist';\r\n await apiGet(url)\r\n .then((response) => {\r\n let whiteList = response.data;\r\n let emails = this.assembleEmails(response.data);\r\n this.setState({ emailOptions: emails, emailWhitelist: emails, totalRows: response.data.count, dataLoading: false });\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n }\r\n\r\n assembleEmails = (email) => {\r\n let allEmails = email.map((x) => {\r\n return ({\r\n 'key': x.key,\r\n 'name': x.name,\r\n 'createdByName': x.createdByName,\r\n 'isDeleted': x.isDeleted ? \"No\" : \"Yes\"\r\n })\r\n });\r\n return allEmails;\r\n }\r\n\r\n handlePageChange = page => {\r\n //this.fetchEmailWhitelist(page);\r\n this.setState({ currentPage: page })\r\n }\r\n\r\n handlePerRowsChange = async (newPerPage, page) => {\r\n //this.fetchEmailWhitelist(page, newPerPage);\r\n this.setState({ perPage: newPerPage });\r\n }\r\n\r\n //handleSortChange = (c, d) => {\r\n // this.setState({ sortBy: c.sortField, sortOrder: d }, () => {\r\n // this.fetchEmailWhitelist(this.state.currentPage);\r\n // });\r\n //}\r\n\r\n handleFilterChange = (e) => {\r\n let emailOptions = this.state.emailWhitelist;\r\n let filter = e.target.value.toLowerCase();\r\n console.log(filter)\r\n if (filter !== \"\") {\r\n emailOptions = emailOptions.filter(x => x.name.toLowerCase().includes(filter) || x.createdByName.toLowerCase().includes(filter) || x.isDeleted.toLowerCase().includes(filter));\r\n }\r\n\r\n this.setState({ filterText: e.target.value, emailOptions: emailOptions });\r\n }\r\n\r\n handleFilterClear = () => {\r\n if (this.state.filterText) {\r\n this.setState({ filterText: \"\", emailOptions: this.state.emailWhitelist });\r\n }\r\n }\r\n\r\n getSubHeaderComponent = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n renderActions(email) {\r\n let editAction = email.isDeleted === \"Yes\" ? \r\n \r\n
\r\n Add Domain
\r\n \r\n \r\n
\r\n\r\n Email Domain Blacklist
\r\n\r\n
\r\n {this.actionModal()}\r\n \r\n
\r\n )\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, {})(EmailWhitelist);","import React, { Component } from \"react\";\r\nimport { MDBContainer, MDBNav, MDBNavItem, MDBNavLink } from \"mdbreact\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCogs } from '@fortawesome/free-solid-svg-icons';\r\nimport './SystemConfiguration.css';\r\nimport { connect } from 'react-redux';\r\n\r\nclass SystemConfiguration extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n activeItem: null\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let type = this.props.location.state ? this.props.location.state.type : null\r\n if (['/systemconfig/emailwhitelist', '/systemconfig/addemail', '/systemconfig/editemail'].includes(this.props.location.pathname) || type === 'whitelist') {\r\n this.setState({ activeItem: '2' });\r\n }\r\n else if (['/systemconfig/emailblacklist', '/systemconfig/addemail', '/systemconfig/editemail'].includes(this.props.location.pathname) || type === 'blacklist') {\r\n this.setState({ activeItem: '3' });\r\n }\r\n else {\r\n this.setState({ activeItem: '1' });\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.props.userReducer.currentUser.isAdmin === false) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n\r\n toggle = tab => e => {\r\n if (this.state.activeItem !== tab) {\r\n this.setState({\r\n activeItem: tab\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n Add Domain
\r\n \r\n \r\n
\r\n\r\n Email Domain Whitelist
\r\n\r\n
\r\n {this.actionModal()}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, {})(SystemConfiguration);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { withRouter } from 'react-router-dom';\r\nimport config from '../../config';\r\nimport './AcceptTerms.css';\r\nimport queryString from 'query-string';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass AcceptTerms extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n approveTask: [],\r\n userName: null,\r\n userEmail: null,\r\n acceptance: null,\r\n sysId: null,\r\n btnDisable: false,\r\n modalState: null,\r\n isOpen: false,\r\n requestType: null\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getTask();\r\n }\r\n\r\n getTask = async () => {\r\n const query = queryString.parse(this.props.location.search)\r\n let url = config.azRedirectUri + '/api/TeamsAcceptance?taskid=' + query.taskid;\r\n await apiGet(url)\r\n .then(response => {\r\n let currentDate = new Date();\r\n let approveTask = response.data.user;\r\n let userName = approveTask.name;\r\n let userEmail = approveTask.email;\r\n let expireDate = new Date(approveTask.expireDate);\r\n let sysId = query.taskid;\r\n let requestType = response.data.requestType;\r\n this.setState({ approveTask, userName, userEmail, sysId, requestType });\r\n\r\n if (expireDate > currentDate) {\r\n if (approveTask.acceptAgreement > 0) {\r\n this.setState({ btnDisable: true, isOpen: true, modalState: 'Completed' });\r\n }\r\n } else {\r\n this.setState({ modalState: 'Expired', isOpen: true });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(typeof error, JSON.stringify(error).includes('400'))\r\n if (JSON.stringify(error).includes('400')) {\r\n
\r\n \r\n \r\n \r\n \r\n Audit Log\r\n \r\n \r\n \r\n \r\n Email Whitelist\r\n \r\n \r\n \r\n \r\n Email Blacklist\r\n \r\n \r\n \r\n
\r\n \r\n {body2}\r\n
\r\n Press OK to close this window and go to the Guest Resources page.\r\n
\r\n \r\n {this.state.requestType === \"MF\" &&\r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {})(AcceptTerms));","import React, { Component } from 'react';\r\nimport config from '../../config';\r\nimport './AssignTeams.css';\r\nimport { Link } from 'react-router-dom';\r\nimport { Redirect } from 'react-router'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faTrashAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { getCurrentUser, fetchCompany } from '../../actions';\r\nimport { graphFetch } from '../../services/graphApiService';\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass AssignTeams extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n allAccounts: [],\r\n accountNames: [],\r\n checked: false,\r\n accept: false,\r\n submit: false,\r\n backbtn: false,\r\n selectedTeam: null,\r\n selectedTeamUrl: '',\r\n guestLimit: 24,\r\n counterLimit: 22,\r\n addAnother: 0,\r\n guestNames: [],\r\n guestEmails: [],\r\n guestOffices: [],\r\n guestOfficeKeys: [],\r\n manDirector: null,\r\n manDirectorName: null,\r\n bJustification: '',\r\n selectedDate: null,\r\n guestAccounts: [],\r\n guestRequest: [],\r\n modal: false,\r\n limitModal: true,\r\n rowError: new Array(50).fill(false),\r\n errorMessage: null,\r\n adResponse: '',\r\n successModal: false,\r\n confirmationModal: false,\r\n mdErrorModal: false,\r\n teams: [],\r\n managingDirectors: [],\r\n allManagingDirectors: [],\r\n emd: [],\r\n companies: [],\r\n compliantCompanies: [],\r\n selectedCompany: null,\r\n disableMD: false,\r\n allCompanyCheckbox: false,\r\n legalApprovers: [],\r\n selectedLegalApprover: null,\r\n learningApprovers: [],\r\n selectedLerningApprover: null,\r\n requestType: '0',\r\n showMaxDate: true,\r\n // existing data\r\n existingRequestKey: null,\r\n existingGuestAccounts: [],\r\n existingCompanies: null,\r\n existingMD: null,\r\n existingMDName: null\r\n }\r\n this.handleChange = this.handleChange.bind(this);\r\n this.incrementAnother = this.incrementAnother.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n if (this.state.companies.length === 0 && this.props.sharedReducer.companyOptions.length > 0) {\r\n this.fetchCompanies(this.allCompanyCheckbox)\r\n }\r\n await this.fetchData();\r\n this.getRegionalAttronies();\r\n this.getLandDApprovers();\r\n if (this.props.location.state) {\r\n this.setState({ existingRequestKey: this.props.location.state.key }, () => this.getExistingRequest());\r\n }\r\n }\r\n componentDidUpdate() {\r\n if (this.state.companies.length === 0 && this.props.sharedReducer.companyOptions.length > 0) {\r\n this.fetchCompanies(this.allCompanyCheckbox)\r\n }\r\n }\r\n\r\n getExistingRequest = async () => {\r\n let url = config.azRedirectUri + '/api/Teams/detail/' + this.state.existingRequestKey;\r\n await apiGet(url)\r\n .then(response => {\r\n let data = response.data;\r\n if (data.requestType !== null) {\r\n this.setState({ requestType: data.requestType.toString() });\r\n }\r\n let nameSecCompanies = [{\r\n key: data.memberfirmCompanyId,\r\n name: 'Protiviti ' + data.memberFirmCompany.name,\r\n managingDirectorKey: data.memberFirmCompany.managingDirectorKey,\r\n isDeleted: data.memberFirmCompany.isDeleted,\r\n complianceLevel: data.memberFirmCompany.complianceLevel\r\n\r\n }];\r\n this.mapExistingCompany(nameSecCompanies, data.memberFirmCompanyList);\r\n let guestNames = data.guestAccessUsers.map(x => {\r\n return ({\r\n memberFirmName: x.memberFirmName,\r\n memberFirmEmail: x.memberFirmEmail,\r\n office: x.office,\r\n memberFirmOfficeId: x.memberFirmOfficeId\r\n })\r\n });\r\n let teamId = data.teamsSiteUrl;\r\n teamId = teamId.substring(teamId.indexOf('=') + 1);\r\n teamId = teamId.substring(0, teamId.indexOf('&'));\r\n let teamSite = { id: teamId, displayName: data.teamsSiteName }\r\n this.handleTeamSite(teamSite);\r\n let legalApprover = { email: data.legalApprover.email, key: data.legalApprover.key, name: data.legalApprover.name, region: data.legalApprover.region };\r\n this.handleLegalApprover(legalApprover);\r\n this.setState({\r\n addAnother: data.guestAccessUsers.length - 1,\r\n bJustification: data.justification,\r\n existingGuestAccounts: guestNames,\r\n existingMD: data.mdEmail,\r\n existingMDName: data.mdName\r\n });\r\n })\r\n .catch(function (error) {\r\n if (error.response && error.response.status === 401) {\r\n this.getExistingRequest();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n mapExistingCompany = async (e, l) => {\r\n if (e[0].name === 'Protiviti Multiple') {\r\n if (!this.state.existingCompanies) {\r\n //let companyList = [];\r\n var companies = l.split(\", \");\r\n this.getCompanyByName(companies);\r\n //console.log('mapExisting ' + JSON.stringify(companyList))\r\n //this.handleCompanyChange(companyList);\r\n } else {\r\n e.map((c) => this.handleCompanyChange(c));\r\n }\r\n } else {\r\n this.handleCompanyChange(e);\r\n }\r\n }\r\n\r\n getCompanyByName = (name) => {\r\n let url = config.azRedirectUri + '/api/Company/getbyname/' + name;\r\n apiGet(url)\r\n .then(response => {\r\n let data = response.data;\r\n this.handleCompanyChange(data);\r\n })\r\n .catch(function (error) {\r\n if (error.response && error.response.status === 401) {\r\n this.getCompanyByName(name);\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n mapExistingGuest = () => {\r\n let guests = this.state.accountNames.filter(o1 => this.state.existingGuestAccounts.some(o2 => o1.display === o2.memberFirmName));\r\n if (guests) {\r\n guests.map((guest, index) => this.handleGuest(guest, index))\r\n }\r\n }\r\n\r\n getLandDApprovers = () => {\r\n\r\n let url = config.azRedirectUri + '/api/TeamsLegal/LnDApprovers';\r\n apiGet(url)\r\n .then(response => {\r\n\r\n this.setState({ learningApprovers: response.data })\r\n //console.log(response.data)\r\n })\r\n .catch(function (error) {\r\n if (error.response.status === 401) {\r\n this.getLandDApprovers();\r\n }\r\n console.log(error);\r\n });\r\n\r\n }\r\n\r\n getRegionalAttronies = () => {\r\n let url = config.azRedirectUri + '/api/TeamsLegal/Approvers';\r\n apiGet(url)\r\n .then(response => {\r\n\r\n this.setState({ legalApprovers: response.data })\r\n //console.log(response.data)\r\n })\r\n .catch(function (error) {\r\n if (error.response.status === 401) {\r\n this.getRegionalAttornies();\r\n }\r\n console.log(error);\r\n });\r\n\r\n }\r\n\r\n getTeams = async () => {\r\n await graphFetch('https://graph.microsoft.com/v1.0/me/joinedTeams', {})\r\n .then((response) => response.json())\r\n .then((responseJson) => {\r\n let value = responseJson.value;\r\n if (value !== undefined) {\r\n let sortedValue = value.sort((a, b) => (a.displayName.toLowerCase() > b.displayName.toLowerCase()) ? 1 : ((b.displayName.toLowerCase() > a.displayName.toLowerCase()) ? -1 : 0));\r\n this.setState({ teams: sortedValue });\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n updateTeams = async (teamsId) => {\r\n this.setState({\r\n disableMD: true,\r\n manDirector: null,\r\n manDirectorName: null,\r\n existingMD: null,\r\n existingMDName: null\r\n });\r\n await graphFetch('https://graph.microsoft.com/v1.0/teams/' + teamsId, {})\r\n .then(response => response.json())\r\n .then((responseJson) => {\r\n this.setState({\r\n selectedTeam: responseJson.displayName,\r\n selectedTeamUrl: responseJson.webUrl\r\n }, async () => {\r\n await graphFetch('https://graph.microsoft.com/v1.0/groups/' + teamsId + '/members', {})\r\n .then(response => response.json())\r\n .then(async (members) => {\r\n if (this.state.requestType === '1') {\r\n this.mapLearningApprovers();\r\n }\r\n else {\r\n await graphFetch('https://graph.microsoft.com/v1.0/groups/' + teamsId + '/owners', {})\r\n .then((response) => {\r\n response.json()\r\n .then((owners) => {\r\n let fullMD = [...members.value, ...owners.value];\r\n this.mapMds(fullMD, responseJson.internalId);\r\n });\r\n });\r\n }\r\n });\r\n });\r\n\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n getMds = async () => {\r\n const url = config.azRedirectUri + '/api/Teams/md';\r\n await apiGet(url)\r\n .then((response) => {\r\n this.setState({\r\n allManagingDirectors: response.data,\r\n })\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n\r\n mapLearningApprovers = () => {\r\n let ldApprovers = this.state.learningApprovers;\r\n let loggedInLnD = ldApprovers.find(x => x.loginAddress.toLowerCase() === this.props.userReducer.currentUser.emailAddress.toLowerCase() || this.props.userReducer.currentUser.emailAddress.toLowerCase() === x.email.toLowerCase())\r\n if (loggedInLnD) {\r\n this.setState({\r\n manDirectorName: loggedInLnD.name,\r\n manDirector: loggedInLnD.loginAddress\r\n\r\n })\r\n\r\n }\r\n\r\n this.setState({\r\n disableMD: false,\r\n emd: null\r\n })\r\n }\r\n\r\n\r\n mapMds = async (teamsMD, internalId) => {\r\n let managingDirectors = this.state.allManagingDirectors;\r\n // no longer can get teamthreadid\r\n //let mappedMD = managingDirectors.filter(o1 => teamsMD.some(o2 => o1.userPrincipalName === o2.userPrincipalName));\r\n //let md = mappedMD.find(x => x.teamThreadId.find(y => y === internalId));\r\n let mappedMD = managingDirectors.filter(o1 => teamsMD.some(o2 => o1.userPrincipalName === o2.userPrincipalName));\r\n let md = null;\r\n let existingMD = this.state.existingMD;\r\n let existingMDName = this.state.existingMDName;\r\n mappedMD.sort((a, b) => (a.name > b.name) ? 1 : -1);\r\n this.setState({\r\n managingDirectors: mappedMD,\r\n manDirector: existingMD !== null ? existingMD : null,\r\n manDirectorName: existingMDName !== null ? existingMDName : null,\r\n emd: md ? md.name : null,\r\n disableMD: false\r\n })\r\n }\r\n\r\n findDuplicates = () => {\r\n this.setState({ submit: false, backbtn: true });\r\n let results = [];\r\n for (let i = 0; i < this.state.guestNames.length; i++) {\r\n for (let j = 0; j < this.state.guestNames.length; j++) {\r\n if (j === i)\r\n continue;\r\n else {\r\n if (this.state.guestNames[i] === this.state.guestNames[j])\r\n results.push(i)\r\n }\r\n }\r\n }\r\n if (results.length === 0) {\r\n this.addAccounts()\r\n }\r\n else {\r\n this.setState({ submit: true, backbtn: false });\r\n let rowErr = this.state.rowError;\r\n for (let i = 0; i < results.length; i++) {\r\n\r\n rowErr[results[i]] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Duplicate accounts must either be changed or deleted', errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false), submit: true });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false), submit: true });\r\n }, 50000);\r\n }\r\n }\r\n }\r\n\r\n fetchData = async () => {\r\n await this.getTeams()\r\n this.getMds()\r\n }\r\n fetchCompanies = (e) => {\r\n if (this.props.sharedReducer.companyOptions) {\r\n let compCompanies = this.props.sharedReducer.companyOptions.filter(x => {\r\n return x.complianceLevel >= 2 && !x.isDeleted\r\n });\r\n let allCompanies = this.props.sharedReducer.companyOptions.filter(x => {\r\n return x.complianceLevel > 0 && !x.isDeleted\r\n });\r\n let secCompanies = e ? allCompanies : compCompanies;\r\n let nameSecCompanies = secCompanies.map(x => {\r\n return ({\r\n key: x.key,\r\n name: 'Protiviti ' + x.name,\r\n managingDirectorKey: x.managingDirectorKey,\r\n isDeleted: x.isDeleted,\r\n complianceLevel: x.complianceLevel\r\n\r\n })\r\n })\r\n let nameAllCompanies = compCompanies.map(x => {\r\n return ({\r\n key: x.key,\r\n name: 'Protiviti ' + x.name,\r\n managingDirectorKey: x.managingDirectorKey,\r\n isDeleted: x.isDeleted,\r\n complianceLevel: x.complianceLevel\r\n\r\n })\r\n })\r\n this.setState({ companies: nameSecCompanies, compliantCompanies: nameAllCompanies })\r\n }\r\n }\r\n\r\n fetchDataByUser = async (id) => {\r\n let url = config.azRedirectUri + '/api/Accounts/company/';\r\n await apiPost(url, id)\r\n .then(response => {\r\n this.setState({ allAccounts: response.data.filter(x => { return x.accountStatus === 0 }) }, () => this.mapAccounttoNames());\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n mapAccounttoNames() {\r\n let names = this.state.allAccounts.sort((a, b) => a.firstName.localeCompare(b.firstName)).map(x => {\r\n return { value: x.key, display: x.firstName + ' ' + x.lastName }\r\n });\r\n if (this.state.guestNames.length > 0) {\r\n names = names.filter(a => !this.state.guestNames.find(b => b.value === a.value))\r\n }\r\n this.setState({\r\n accountNames: names\r\n }, () => {\r\n if (this.state.existingGuestAccounts) {\r\n this.mapExistingGuest();\r\n }\r\n })\r\n }\r\n\r\n handleChange(e) {\r\n if (e.target.value === 'check') {\r\n this.setState(\r\n prevState => {\r\n return {\r\n checked: !prevState.checked,\r\n submit: !this.state.submit\r\n }\r\n }\r\n )\r\n }\r\n if (e.target.id === 'allCompanyCheckbox') {\r\n let checked = e.target.checked ? true : false;\r\n this.setState(\r\n prevState => {\r\n return {\r\n allCompanyCheckbox: checked\r\n }\r\n }\r\n )\r\n this.setState({ selectedCompany: null, guestNames: [], accountNames: [] });\r\n this.fetchCompanies(checked);\r\n }\r\n }\r\n\r\n handleOptionChange = e => {\r\n this.setState({ requestType: e.target.value });\r\n if (e.target.id === 'training' || e.target.id === 'other') {\r\n let checked = true;\r\n this.setState(\r\n prevState => {\r\n return {\r\n allCompanyCheckbox: checked\r\n }\r\n }\r\n )\r\n this.setState({\r\n selectedCompany: null, guestNames: [], accountNames: [], showMaxDate: false, selectedTeam: null, selectedTeamUrl: '', manDirector: null, manDirectorName: null, disableMD: true, existingMD: null, existingMDName: null\r\n });\r\n this.fetchCompanies(checked);\r\n }\r\n if (e.target.id === 'client') {\r\n let checked = false;\r\n this.setState(\r\n prevState => {\r\n return {\r\n allCompanyCheckbox: checked\r\n }\r\n }\r\n )\r\n this.setState({ selectedCompany: null, guestNames: [], accountNames: [], showMaxDate: true, selectedTeam: null, selectedTeamUrl: '', manDirector: null, manDirectorName: null, disableMD: true, existingMD: null, existingMDName: null });\r\n this.fetchCompanies(checked);\r\n }\r\n }\r\n confirmNoClick = () => {\r\n this.setState({ submit: true, backbtn: false });\r\n this.toggleConfirmationModal();\r\n }\r\n\r\n incrementAnother() {\r\n this.setState(prevState => {\r\n return {\r\n addAnother: prevState.addAnother + 1\r\n }\r\n });\r\n }\r\n toggleModal = () => {\r\n this.setState({\r\n modal: !this.state.modal\r\n });\r\n }\r\n toggleSuccessModal = () => {\r\n this.setState({\r\n successModal: !this.state.successModal\r\n });\r\n }\r\n toggleLimitModal = () => {\r\n this.setState({\r\n limitModal: !this.state.limitModal\r\n });\r\n }\r\n toggleConfirmationModal = () => {\r\n this.setState({\r\n confirmationModal: !this.state.confirmationModal\r\n });\r\n }\r\n toggleMDErrorModal = () => {\r\n this.setState({\r\n submit: true,\r\n mdErrorModal: !this.state.mdErrorModal\r\n });\r\n }\r\n\r\n addAccounts = () => {\r\n let pattern = /^[\\._A-Za-z0-9-\\\\+]+(\\\\.[_A-Za-z0-9-]+)*@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n if (this.state.rowError.every(row => row === false)) {\r\n let accounts = []\r\n let rowErrors = 0\r\n let manDir = this.state.manDirector || this.state.emd\r\n let isEmail = pattern.test(String(manDir).toLowerCase());\r\n let hasExpiredDate = true;\r\n if (this.state.showMaxDate) {\r\n if (this.state.selectedDate == null) {\r\n hasExpiredDate = false;\r\n }\r\n }\r\n if (this.state.selectedTeam && this.state.selectedTeamUrl && isEmail && this.state.bJustification && this.state.addAnother < this.state.guestNames.length && (this.state.requestType === '1' || this.state.requestType === '2' || (this.state.requestType === '0' && this.state.selectedLegalApprover !== null)) && hasExpiredDate) {\r\n this.setState({ rowError: new Array(this.state.guestLimit).fill(false) });\r\n for (let i = 0; i < this.state.guestNames.length; i++) {\r\n if (this.state.guestNames[i] && this.state.guestEmails[i] && this.state.guestOffices[i] && this.state.guestOfficeKeys[i]) {\r\n let account = {\r\n name: this.state.guestNames[i].display,\r\n memberFirmName: this.state.guestNames[i].display,\r\n memberFirmEmail: this.state.guestEmails[i],\r\n memberFirmOfficeId: this.state.guestOfficeKeys[i],\r\n }\r\n accounts.push(account)\r\n }\r\n else {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Highlighted rows must be completed or deleted.', errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false), submit: true });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false), submit: true });\r\n }, 50000);\r\n\r\n }\r\n }\r\n let companyId = null;\r\n let companyList = null;\r\n let complianceLevel = 0;\r\n if (this.state.selectedCompany.length > 1) {\r\n companyId = '75CCF635-A9B0-4281-A52D-2FF28763639B';\r\n companyList = Array.prototype.map.call(this.state.selectedCompany, function (item) { return item.name }).join(\", \");\r\n //complianceLevel = Math.min(...this.state.selectedCompany.map(c => c.complianceLevel))\r\n complianceLevel = 0;\r\n } else {\r\n companyId = this.state.selectedCompany[0].key;\r\n companyList = this.state.selectedCompany[0].name;\r\n complianceLevel = this.state.selectedCompany[0].complianceLevel\r\n }\r\n let guestRequest = {\r\n name: 'Request',\r\n requestType: this.state.requestType,\r\n teamsSiteName: this.state.selectedTeam,\r\n teamsSiteUrl: this.state.selectedTeamUrl,\r\n justification: this.state.bJustification,\r\n memberfirmCompanyId: companyId,\r\n securityComplianceLevel: complianceLevel,\r\n mdName: this.state.manDirectorName,\r\n mdEmail: manDir,\r\n guestAccessUsers: accounts,\r\n memberfirmCompanyList: companyList,\r\n expireDate: this.state.selectedDate,\r\n legalApproverKey: (this.state.requestType === '0' && this.state.selectedLegalApprover !== null) ? this.state.selectedLegalApprover.key : null\r\n }\r\n if (rowErrors === 0 && accounts.length > 0) {\r\n\r\n this.setState({ rowError: new Array(this.state.guestLimit).fill(false), guestAccounts: accounts, guestRequest: guestRequest });\r\n this.toggleConfirmationModal()\r\n }\r\n }\r\n //else if (this.state.addAnother > this.state.guestNames.length - 1) {\r\n else if (this.state.guestNames.length > 0 && (this.state.addAnother > this.state.guestNames.length - 1)) {\r\n for (let i = this.state.addAnother; i > this.state.guestNames.length - 1; i--) {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Highlighted rows must be completed or deleted.', submit: true, errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n }, 50000);\r\n }\r\n }\r\n else {\r\n\r\n //if (this.state.selectedTeam === null || this.state.selectedTeamUrl === '' || this.state.manDirector === null || this.state.emd === null || this.state.bJustification === '' || (this.state.requestType === '0' && this.state.selectedLegalApprover === null)) {\r\n if (this.state.selectedTeam === null || this.state.selectedTeamUrl === '' || this.state.manDirector === null || this.state.emd === null || this.state.bJustification === '' && !hasExpiredDate) {\r\n this.setState({ submit: false, backbtn: false, errorMessage: '* Marked fields are required.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null });\r\n }, 50000);\r\n }\r\n if (!this.isEmail) {\r\n this.toggleMDErrorModal();\r\n }\r\n }\r\n }\r\n }\r\n renderCompanyList() {\r\n let j = Math.ceil(this.state.compliantCompanies.length / 2)\r\n\r\n const firstHalf = []\r\n for (let i = 0; i < j; i++) {\r\n const name = this.state.compliantCompanies[i].name.substr(10)\r\n firstHalf.push(name)\r\n }\r\n const secondHalf = []\r\n for (let i = j; i < this.state.compliantCompanies.length; i++) {\r\n const name = this.state.compliantCompanies[i].name.substr(10)\r\n secondHalf.push(name)\r\n\r\n }\r\n const firstCol = firstHalf.map((x, index) => \r\n
\r\n }\r\n\r\n {this.state.requestType === \"Client\" &&\r\n Please acknowledge that you understand that access to this TEAMS site may allow you access to business proprietary, confidential and/or competition sensitive information of Protiviti and its clients, contractors and/or vendors. You agree to keep all information confidential and protect it from unauthorized disclosure. You agree to comply with the confidentiality obligations contained in your Member Firm agreement with Protiviti, any subcontract or statement of work applicable to your access to this TEAMS site and/or any confidentiality requirements of the applicable client. You agree to maintain and use information solely within the TEAMS site and that you will not print, download, copy or duplicate any information outside of this TEAMS site without appropriate approval from the site owner.
\r\nIf you agree, please click the Accept button below. If you do not agree, please click the Decline button below.
\r\n\r\n
\r\n }\r\n\r\n {this.state.requestType &&\r\n \r\n }\r\n\r\n Please acknowledge that you understand that access to this TEAMS site may allow you access to business proprietary, confidential and/or competition sensitive information. Information contained in this TEAMS site is intended to be solely used and maintained within the TEAMS site. You acknowledge that information contained in this TEAMS site may be in draft form, incomplete or subject to modification or revision at any time. Protiviti does not warrant the accuracy or completeness of any information contained herein and all deliverables or work product are subject to the terms and conditions of the services agreement entered into by you and Protiviti.
\r\nTo access and use the TEAMS site, you will be required to provide us with your personal information to create and maintain your user account. You hereby warrant that the information that you provide to us is accurate, truthful, and complete. You also hereby warrant that, at all times that you access and use the TEAMS site, you are authorized to use the TEAMS site by the Protiviti client whose information you have access to, and that if that authorization ends, you will immediately stop using the Team site and inform Protiviti to terminate your access. You are responsible for maintaining the confidentiality of your password and log-in credentials and are solely and fully responsible for all activities that occur under your user account and/or password. If you know or suspect that someone else may be using your password or account, or you suspect any other breach of security of violation of use, you agree to immediately notify Protiviti. By providing your name and email, you hereby affirmatively consent to Protiviti’s use of the same to contact you regarding your account and use of the TEAMS site. Any information that we collect from you is subject to our Privacy Policy, which is incorporated herein by reference.
\r\nI acknowledge and agree to the Terms of Use and consent to the processing of my personal information for the purposes described above.
\r\n\r\n
If you have any questions, please reach out to Technical Support.
\r\n {this.renderModal()}\r\n\r\n
\r\n )\r\n }\r\n\r\n renderCancelModal() {\r\n return (\r\n \r\n
\r\n - \r\n\r\n {firstCol}\r\n
\r\n
\r\n - \r\n {secondCol}\r\n
{text}
\r\n )\r\n }\r\n renderConfirmationModal() {\r\n return (\r\n to {this.state.selectedTeam}?\r\n {this.state.requestType !== '0' ?
\r\n
Please confirm that this TEAMS site does NOT contain client data or client engagement documents. If the site contains client data, please cancel and re-submit.\r\n
: null}\r\n Please confirm that this TEAMS site does NOT contain client data or client engagement documents. If the site contains client data, please cancel and re-submit.\r\n
\r\n {x.name + ' '}\r\n\r\n
\r\n )\r\n )\r\n }\r\n confirmPost = async (event) => {\r\n this.toggleConfirmationModal()\r\n\r\n let guestRequest = this.state.guestRequest\r\n const url = '/api/Teams';\r\n await apiPost(url, guestRequest)\r\n .then((response) => {\r\n this.setState({ adResponse: response.data, rowError: new Array(this.state.guestNames.length).fill(false), backbtn: true })\r\n this.toggleSuccessModal()\r\n })\r\n .catch(function (error) {\r\n })\r\n }\r\n onCancel() {\r\n window.location.reload(true);\r\n\r\n }\r\n\r\n cancelModal() {\r\n return (\r\n\r\n \r\n Are you sure you want to Cancel and lose the changes made?\r\n
\r\n );\r\n }\r\n handleGuest = (selectedOption, i) => {\r\n let newGuestName = this.state.guestNames\r\n let prevSelected = this.state.guestNames[i];\r\n if (prevSelected !== undefined && prevSelected !== selectedOption) {\r\n //console.log('guestNames: ' + JSON.stringify(this.state.guestNames))\r\n //console.log('prevSelect: ' + JSON.stringify(prevSelected))\r\n this.pushGuestAccounts(prevSelected);\r\n }\r\n let newGuestOffices = this.state.guestOffices\r\n let newGuestEmails = this.state.guestEmails\r\n let newGuestOfficeKeys = this.state.guestOfficeKeys\r\n\r\n let selectedAllAccounts = this.state.allAccounts.filter(x => { return x.key === selectedOption.value })\r\n\r\n newGuestName[i] = selectedOption\r\n newGuestEmails[i] = selectedAllAccounts[0].emailAddress\r\n newGuestOffices[i] = selectedAllAccounts[0].office\r\n newGuestOfficeKeys[i] = selectedAllAccounts[0].officeKey\r\n for (var i = 0; i < this.state.accountNames.length; i++) {\r\n if (this.state.accountNames[i] === selectedOption) {\r\n this.state.accountNames.splice(i, 1);\r\n i--;\r\n }\r\n }\r\n this.setState({\r\n guestNames: newGuestName,\r\n guestEmails: newGuestEmails,\r\n guestOffices: newGuestOffices,\r\n guestOfficeKeys: newGuestOfficeKeys\r\n })\r\n }\r\n handleTeamSite = selectedOption => {\r\n this.updateTeams(selectedOption.id);\r\n }\r\n handleAppManager = selectedOption => {\r\n let manEmail = selectedOption.loginAddress ? selectedOption.loginAddress : selectedOption.userPrincipalName\r\n this.setState({ manDirector: manEmail, manDirectorName: selectedOption.name })\r\n\r\n }\r\n handleLegalApprover = selectedOption => {\r\n this.setState({ selectedLegalApprover: selectedOption })\r\n }\r\n handleBJustification = event => {\r\n this.setState({ bJustification: event.target.value })\r\n\r\n }\r\n handleExpireDate = event => {\r\n this.setState({ selectedDate: event })\r\n }\r\n handleCompanyChange = (selectedOption) => {\r\n let selectedId = [];\r\n\r\n let companyCount = this.state.selectedCompany === null ? 0 : this.state.selectedCompany.length;\r\n if (selectedOption !== null) {\r\n selectedOption.map((id, index) => (\r\n selectedId.push(id.key)));\r\n } else {\r\n this.setState({ selectedCompany: selectedOption });\r\n }\r\n if (selectedOption === null || selectedOption.length < companyCount) {\r\n this.setState({\r\n guestNames: [],\r\n guestOffices: [],\r\n guestEmails: [],\r\n guestOfficeKeys: [],\r\n accountNames: []\r\n });\r\n }\r\n this.setState({\r\n selectedCompany: selectedOption\r\n }, () => this.fetchDataByUser(selectedId));\r\n }\r\n\r\n handleDelete = (i) => {\r\n if (this.state.addAnother > 0) {\r\n let newGuestName = this.state.guestNames\r\n let newGuestOffices = this.state.guestOffices\r\n let newGuestOfficeKeys = this.state.guestOfficeKeys\r\n let newGuestEmails = this.state.guestEmails\r\n this.pushGuestAccounts(newGuestName[i])\r\n if (i > newGuestName.length) {\r\n this.setState(prevState => {\r\n return {\r\n addAnother: prevState.addAnother - 1\r\n }\r\n })\r\n }\r\n else {\r\n newGuestName.splice(i, 1)\r\n newGuestEmails.splice(i, 1)\r\n newGuestOffices.splice(i, 1)\r\n newGuestOfficeKeys.splice(i, 1)\r\n this.setState(prevState => {\r\n return {\r\n guestNames: newGuestName,\r\n guestEmails: newGuestEmails,\r\n guestOffices: newGuestOffices,\r\n guestOfficeKeys: newGuestOfficeKeys,\r\n addAnother: prevState.addAnother - 1\r\n }\r\n })\r\n }\r\n }\r\n else {\r\n this.pushGuestAccounts(this.state.guestNames[0])\r\n this.setState({\r\n guestNames: [],\r\n guestOffices: [],\r\n guestEmails: [],\r\n guestOfficeKeys: []\r\n })\r\n }\r\n }\r\n\r\n pushGuestAccounts = (g) => {\r\n let newList = this.state.accountNames;\r\n newList.push(g);\r\n newList.sort((a, b) => a.display.localeCompare(b.display));\r\n this.setState({ accountNames: newList });\r\n }\r\n\r\n maxLimitModal() {\r\n return (\r\n \r\n
\r\n \r\n )\r\n )\r\n }\r\n\r\n renderLegalApprover() {\r\n const customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? '#1e90ff' : '#fff',\r\n \"&:hover\": {\r\n backgroundColor: state.isSelected ? '#1e90ff' : '#d7e4f7'\r\n }\r\n })\r\n }\r\n const formatOptionLabel = ({ name, key, region }) => (\r\n\r\n \r\n
\r\n \r\n option.display}\r\n getOptionValue={(option) => option.value}\r\n onChange={(event) => this.handleGuest(event, index + 1)}\r\n className={this.state.rowError[index + 1] ? `addUserInput${index + 1}` : null} />\r\n {this.state.rowError[index + 1] && (this.state.errorMessage === '* Highlighted rows must be completed or deleted.' || this.state.errorMessage === '* Duplicate accounts must either be changed or deleted') ?\r\n
\r\n\r\n \r\n \r\n
\r\n {this.state.errorMessage}
: null}\r\n\r\n \r\n \r\n
\r\n {this.state.guestNames[index + 1] ? this.state.guestEmails[index + 1] : null}
\r\n \r\n \r\n
\r\n {this.state.guestNames[index + 1] ? this.state.guestOffices[index + 1] : null}
\r\n \r\n
\r\n \r\n this.handleDelete(index + 1)} />\r\n
\r\n \r\n
\r\n );\r\n return (\r\n \r\n
\r\n {region}
\r\n {name}
\r\n \r\n
\r\n )\r\n\r\n }\r\n render() {\r\n const another = this.state.addAnother > 0 ? this.renderAddAnother() : null;\r\n const limit = this.state.addAnother > this.state.counterLimit ? this.maxLimitModal() : null;\r\n const email = this.props.userReducer.currentUser.emailAddress;\r\n const emailSuffix = email ? email.substring(email.lastIndexOf('@') + 1) : null;\r\n const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false;\r\n let maxDate = this.state.showMaxDate ? 'Maximum date allowed is 6 months from today.' : '';\r\n const approver = this.state.requestType == '0' ? this.renderLegalApprover() : null;\r\n let days = this.state.showMaxDate ? config.teamsExpireDaysLength : 1000;\r\n const today = new Date();\r\n let inDays = new Date();\r\n inDays.setDate(inDays.getDate() + days);\r\n const directorLabel = this.state.requestType === '1' ? 'L&D Approver' : 'Approving Managing Director'\r\n const dirOptions = this.state.requestType === '1' ? this.state.learningApprovers : this.state.managingDirectors;\r\n //uncomment once complete\r\n if (!checkDrop) {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n option.name}\r\n getOptionValue={(option) => option.key}\r\n styles={customStyles}\r\n onChange={event => { this.handleLegalApprover(event) }}\r\n formatOptionLabel={formatOptionLabel}\r\n className={this.state.errorMessage === '* Marked fields are required.' && this.state.selectedLegalApprover === null ? 'warningBorder' : null} />\r\n {this.state.errorMessage === '* Marked fields are required.' && this.state.selectedLegalApprover === null ?
\r\n \r\n \r\n
\r\n {this.state.errorMessage}
: null}\r\n\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser, fetchCompany })(AssignTeams)","import React, { Component } from 'react';\r\nimport './AssignTeamsHelp.css';\r\nimport { connect } from 'react-redux';\r\nimport Select from 'react-select';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faTrashAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport { getCurrentUser, fetchCompany } from '../../actions';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport config from '../../config';\r\nimport { getUsername } from '../../services/authService';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass HelpPage extends Component {\r\n\r\n constructor(props) {\r\n const counter = 0\r\n super(props)\r\n this.state = {\r\n firstName: null,\r\n lastName: null,\r\n regionSelected: null,\r\n officeSelected: null,\r\n offices: [],\r\n allOffices: [],\r\n regions: [],\r\n localAdministrators: [],\r\n modal: false,\r\n errorMessage: null,\r\n rowError: new Array(10).fill(false),\r\n firstNames: [],\r\n lastNames: [],\r\n emails: [],\r\n guestUsers: [\r\n {\r\n email: null,\r\n firstName: null,\r\n lastName: null\r\n }\r\n ],\r\n counter: counter,\r\n addAnother: [\r\n {\r\n id: counter\r\n }\r\n ],\r\n limitModal: true,\r\n isOpen: false,\r\n sendResponse: null,\r\n sentModal: false,\r\n buttonDisabled: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n let currentUser = await getUsername();\r\n this.props.getCurrentUser(currentUser.username);\r\n this.fetchData();\r\n }\r\n\r\n fetchData = async () => {\r\n await this.fetchRegion();\r\n await this.fetchOffices();\r\n }\r\n\r\n fetchRegion = () => {\r\n const url = '/api/Country';\r\n apiGet(url)\r\n .then((response) => {\r\n this.setState({\r\n regions: response.data.map(x => x.region).filter((value, index, self) => {\r\n return self.indexOf(value) === index && !config.contractorRegions.includes(value);\r\n })\r\n })\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n fetchOffices = () => {\r\n const url = config.azRedirectUri + '/api/ProOffice/GetAll';\r\n apiGet(url)\r\n .then((response) => {\r\n const data = response.data.filter(office => { return office.isDeleted === false });\r\n console.log('office ' + JSON.stringify(data))\r\n this.setState({ allOffices: data })\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n fetchEmailWhitelist = async () => {\r\n let url = '/api/EMailWhitelist';\r\n return await apiGet(url)\r\n .then((response) => {\r\n let whiteList = response.data;\r\n let emails = this.assembleEmails(response.data);\r\n this.setState({ emailWhitelist: emails }, () => this.assembleImportData());\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n }\r\n\r\n fetchLocalAdministrators = (key) => {\r\n const url = config.azRedirectUri + '/api/Delegates/' + key;\r\n apiGet(url)\r\n .then((response) => {\r\n this.setState({ localAdministrators: response.data })\r\n })\r\n .catch(function (error) {\r\n console.log(error)\r\n })\r\n }\r\n\r\n findDuplicates = () => {\r\n let results = [];\r\n this.setState({ buttonDisabled: true });\r\n for (let i = 0; i < this.state.emails.length; i++) {\r\n for (let j = 0; j < this.state.emails.length; j++) {\r\n if (j === i)\r\n continue;\r\n else {\r\n if (this.state.emails[i] === this.state.emails[j])\r\n results.push(i)\r\n }\r\n }\r\n }\r\n if (results.length === 0) {\r\n this.sendMail()\r\n }\r\n else {\r\n this.setState({ buttonDisabled: false });\r\n let rowErr = this.state.rowError;\r\n for (let i = 0; i < results.length; i++) {\r\n\r\n rowErr[results[i]] = true;\r\n this.setState({ rowError: rowErr, errorMessage: 'Duplicate emails must either be changed or deleted' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false) });\r\n }, 5000);\r\n }\r\n }\r\n }\r\n\r\n sendMail = async () => {\r\n if (this.state.rowError.every(row => row === false)) {\r\n let firstName = this.props.userReducer.currentUser.firstName || this.state.firstName\r\n let lastName = this.props.userReducer.currentUser.lastName || this.state.lastName\r\n let guests = []\r\n let rowErrors = 0\r\n //console.log('first: ' + firstName + ' last: ' + lastName + ' firstName Length: ' + this.state.firstNames.length + ' lastName length: ' + this.state.lastNames.length + ' guestUsers length: ' + this.state.firstNames.length + ' errorMessage: ' + this.state.errorMessage);\r\n if (firstName && lastName\r\n && (this.state.emails.length > 0 || (!this.state.firstNames.length > 0 && this.state.lastNames.length > 0))\r\n && this.state.addAnother.length <= this.state.guestUsers.length\r\n && this.state.officeSelected\r\n && this.state.regionSelected) {\r\n this.setState({ rowError: new Array(10).fill(false) });\r\n for (let i = 0; i < this.state.guestUsers.length; i++) {\r\n if (typeof (this.state.emails[i]) !== 'undefined' || ((typeof(this.state.firstNames[i]) !== 'undefined' && this.state.firstNames[i] !== \"\") && (typeof (this.state.lastNames[i]) !== 'undefined' && this.state.lastNames[i] !== \"\"))) {\r\n let guest = {\r\n email: this.state.emails[i],\r\n firstName: this.state.firstNames[i],\r\n lastName: this.state.lastNames[i]\r\n }\r\n guests.push(guest)\r\n } else {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n let guest = {\r\n email: this.state.emails[i],\r\n firstName: this.state.firstNames[i],\r\n lastName: this.state.lastNames[i]\r\n }\r\n guests.push(guest)\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: 'Email OR First and Last Name must be completed or row must be deleted.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false) });\r\n }, 5000);\r\n }\r\n }\r\n this.setState({ guestUsers: guests });\r\n if (rowErrors === 0 && guests.length > 0) {\r\n let account = {\r\n firstName: this.props.userReducer.currentUser.firstName ? this.props.userReducer.currentUser.firstName : this.state.firstName,\r\n lastName: this.props.userReducer.currentUser.lastName ? this.props.userReducer.currentUser.lastName : this.state.lastName,\r\n region: this.state.regionSelected,\r\n office: this.state.officeSelected.name,\r\n guests: guests,\r\n administrators: this.state.localAdministrators.map((x) => { return x.emailAddress })\r\n }\r\n const url = config.azRedirectUri + '/api/GuestHelp';\r\n await apiPost(url, account)\r\n .then((response) => {\r\n if (response.data) {\r\n this.toggleSentModal()\r\n }\r\n })\r\n }\r\n }\r\n else if (this.state.addAnother.length > 1 || (this.state.emails.length === 0 || (this.state.firstNames.length === 0 || this.state.lastNames.length > 0))) {\r\n for (let i = this.state.addAnother.length; i > this.state.emails.length - 1; i--) {\r\n rowErrors++\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: 'Email OR First and Last Name must be completed.' });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(10).fill(false) });\r\n }, 5000);\r\n }\r\n }\r\n else {\r\n this.setState({ errorMessage: '* Marked fields are required.' })\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null });\r\n }, 5000);\r\n }\r\n }\r\n this.setState({ buttonDisabled: false });\r\n }\r\n incrementAnother = () => {\r\n let nextId = this.state.counter + 1\r\n\r\n let newAdd = [...this.state.addAnother, { id: nextId }]\r\n let newUser = [...this.state.guestUsers, { email: null, firstName: null, lastName: null }]\r\n this.setState({ addAnother: newAdd, guestUsers: newUser, counter: nextId })\r\n }\r\n handleDelete = (i, index) => {\r\n let requestEmails = this.state.emails\r\n let requestFirstNames = this.state.firstNames\r\n let requestLastNames = this.state.lastNames\r\n let requestGuestUsers = this.state.guestUsers\r\n if (this.state.addAnother.length > 1) {\r\n\r\n let newAdd = this.state.addAnother.filter(x => {\r\n return x.id !== i\r\n })\r\n requestEmails.splice(index, 1)\r\n requestFirstNames.splice(index, 1)\r\n requestLastNames.splice(index, 1)\r\n requestGuestUsers.splice(index, 1)\r\n this.setState({\r\n emails: requestEmails,\r\n firstNames: requestFirstNames,\r\n lastNames: requestLastNames,\r\n guestUsers: requestGuestUsers,\r\n addAnother: newAdd\r\n })\r\n }\r\n else {\r\n requestEmails[index] = ''\r\n requestFirstNames[index] = ''\r\n requestLastNames[index] = ''\r\n this.setState({\r\n emails: requestEmails,\r\n firstNames: requestFirstNames,\r\n lastNames: requestLastNames\r\n })\r\n }\r\n }\r\n onRegionChange = (selectedOption) => {\r\n let allOffice = this.state.allOffices;\r\n // console.log('All offices: ' + JSON.stringify(allOffice))\r\n allOffice = allOffice.filter(x => { return x.region === selectedOption });\r\n this.setState({ regionSelected: selectedOption, officeSelected: null, localAdministrators: null, offices: allOffice.filter(x => { return x.region === selectedOption }) });\r\n\r\n }\r\n onOfficeChange = async (selectedOption) => {\r\n await this.setState({ officeSelected: selectedOption })\r\n this.fetchLocalAdministrators(selectedOption.key)\r\n }\r\n toggleModal = () => {\r\n this.setState({\r\n modal: !this.state.modal\r\n });\r\n }\r\n toggleLimitModal = () => {\r\n this.setState({\r\n limitModal: !this.state.limitModal\r\n })\r\n }\r\n toggleOpen = () => { this.setState({ isOpen: !this.state.isOpen }) };\r\n toggleSentModal = () => { this.setState({ sentModal: !this.state.sentModal }) }\r\n\r\n renderCancelModal() {\r\n return (\r\n \r\n
Please complete this form to request member firm access to your TEAMS site. You can submit one form for multiple users. If the users will have access to client data, you will receive instructions for requesting a legal review of the project contracts. MD approval is required for all requests. The approving MD must be a member of the TEAMS site.\r\n
\r\n IMPORTANT NOTE: If the member firm will be handling sensitive data, or if they need to remove files from the Teams site to work on them, please request a Secure Azure Virtual Desktop (AVD) rather than admitting them to Teams. You can request a secure Azure Virtual Desktop (AVD) by contacting CORP IT NA Protiviti SCCS. For more information see iShare.\r\n\r\n
\r\n {this.renderCancelModal()}\r\n {this.renderSuccessModal()}\r\n {this.renderConfirmationModal()}\r\n {this.renderMDErrorModal()}\r\n \r\n\r\n Please complete this form to request member firm access to your TEAMS site. You can submit one form for multiple users. If the users will have access to client data, you will receive instructions for requesting a legal review of the project contracts. MD approval is required for all requests. The approving MD must be a member of the TEAMS site.\r\n
\r\n IMPORTANT NOTE: If the member firm will be handling sensitive data, or if they need to remove files from the Teams site to work on them, please request a Secure Azure Virtual Desktop (AVD) rather than admitting them to Teams. You can request a secure Azure Virtual Desktop (AVD) by contacting CORP IT NA Protiviti SCCS. For more information see iShare.\r\n\r\n
\r\n Are you sure you want to Cancel and lose the changes made?\r\n
\r\n\r\n );\r\n }\r\n maxLimitModal() {\r\n return (\r\n \r\n
\r\n\r\n\r\n )\r\n )\r\n }\r\n\r\n render() {\r\n //const email = this.props.userReducer.currentUser.emailAddress\r\n //const emailSuffix = email ? email.substring(email.lastIndexOf('@') + 1) : null\r\n //const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false\r\n const another = this.renderAnother()\r\n const limit = this.state.addAnother.length > 9 ? this.maxLimitModal() : null\r\n const emails = this.state.guestUsers ? this.state.guestUsers.map((x, index) => {\r\n if (x !== '')\r\n return (\r\n
\r\n \r\n \r\n this.onEmailChange(event, index)}\r\n />\r\n {this.state.rowError[index] && (this.state.errorMessage === 'Please Enter a Valid Email Address.' || this.state.errorMessage === 'Highlighted rows must be completed or deleted.' || this.state.errorMessage === 'Duplicate emails must either be changed or deleted' || this.state.errorMessage === 'Email Domain must be in Email Whitelist.' || this.state.errorMessage === 'Email OR First and Last Name must be completed.' || this.state.errorMessage === 'Email OR First and Last Name must be completed or row must be deleted.') ?
\r\n {this.state.errorMessage}
: null}\r\n\r\n \r\n \r\n this.onFirstNamesChange(event, index)}\r\n />\r\n
\r\n \r\n \r\n this.onLastNamesChange(event, index)}\r\n />\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.handleDelete(x.id, index)} />\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, { getCurrentUser, fetchCompany })(HelpPage)","import React, { Component } from 'react';\r\nimport config from '../../config';\r\nimport '../../pages/Teams/AssignTeams.css';\r\nimport { Link } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus, faTrashAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport Select from 'react-select';\r\nimport { connect } from 'react-redux';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport { getCurrentUser, fetchCompany } from '../../actions';\r\nimport { graphFetch } from '../../services/graphApiService';\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass ClientAccessRequest extends Component {\r\n constructor(props) {\r\n const counter = 0;\r\n super(props)\r\n this.state = {\r\n allAccounts: [],\r\n accountNames: [],\r\n engagements: [],\r\n engagementDetails: [],\r\n engagementKey: null,\r\n additionalEngagements: [],\r\n selectedEngagement: \"Loading\",\r\n hasAdditional: false,\r\n checked: false,\r\n accept: false,\r\n submit: false,\r\n backbtn: false,\r\n selectedTeam: null,\r\n selectedTeamUrl: '',\r\n iManageTeamUrl: '',\r\n teamSitePrivateChannelID: '',\r\n guestLimit: 24,\r\n counterLimit: 22,\r\n counter: counter,\r\n addAnother: [\r\n {\r\n id: counter\r\n }\r\n ],\r\n guestFirstNames: [],\r\n guestLastNames: [],\r\n guestEmails: [],\r\n bJustification: '',\r\n selectedDate: null,\r\n guestAccounts: [],\r\n guestRequest: [],\r\n modal: false,\r\n limitModal: true,\r\n rowError: new Array(50).fill(false),\r\n errorMessage: null,\r\n adResponse: '',\r\n successModal: false,\r\n confirmationModal: false,\r\n mdErrorModal: false,\r\n errorModal: false,\r\n teams: [],\r\n allManagingDirectors: [],\r\n managingDirectors: [],\r\n selectedMD: null,\r\n selectedMDName: null,\r\n disableMD: false,\r\n showMaxDate: true,\r\n disableEngagementName: true,\r\n isBlacklisted: false,\r\n selectedEmail: '',\r\n // existing data\r\n existingRequestKey: null,\r\n existingMD: null,\r\n existingMDName: null\r\n }\r\n this.handleChange = this.handleChange.bind(this);\r\n this.incrementAnother = this.incrementAnother.bind(this);\r\n }\r\n async componentDidMount() {\r\n await this.fetchData();\r\n if (this.props.location.state) {\r\n this.setState({ existingRequestKey: this.props.location.state.key }, () => this.getExistingRequest());\r\n\r\n }\r\n }\r\n\r\n getExistingRequest = async () => {\r\n let url = config.azRedirectUri + '/api/ClientTeams/detail/' + this.state.existingRequestKey;\r\n await apiGet(url)\r\n .then(response => {\r\n let data = response.data;\r\n let selectedEngagement = { name: data.clientName, key: data.engagementKey }\r\n this.handleEngagementSelect(selectedEngagement);\r\n var newGuestEmails = this.state.guestEmails;\r\n var newGuestFirstNames = this.state.guestFirstNames;\r\n var newGuestLastNames = this.state.guestLastNames;\r\n for (var i = 0; i < data.guestAccessClientUsers.length; i++) {\r\n if (i > 0) { this.incrementAnother(); }\r\n newGuestEmails.push(data.guestAccessClientUsers[i].email);\r\n newGuestFirstNames.push(data.guestAccessClientUsers[i].firstName);\r\n newGuestLastNames.push(data.guestAccessClientUsers[i].lastName);\r\n }\r\n this.setState({ guestEmails: newGuestEmails, guestFirstNames: newGuestFirstNames, guestLastNames: newGuestLastNames, bJustification: data.justification, existingMD: data.mdEmail, existingMDName: data.mdName })\r\n })\r\n .catch(function (error) {\r\n if (error.response && error.response.status === 401) {\r\n this.getExistingRequest();\r\n }\r\n console.log(error);\r\n })\r\n }\r\n\r\n fetchData = async () => {\r\n await this.getEngagements();\r\n }\r\n\r\n checkBlackListEmails = async (e) => {\r\n const url = config.azRedirectUri + '/api/EMailBlacklist/details/' + e;\r\n await apiGet(url)\r\n .then((response) => {\r\n let blackList = false;\r\n let responseValue = response.data[0]\r\n if (responseValue != null) {\r\n if (responseValue.toLowerCase() === e) {\r\n blackList = true;\r\n }\r\n }\r\n\r\n this.setState({ isBlacklisted: blackList })\r\n })\r\n .catch((error) => {\r\n console.log(error)\r\n })\r\n }\r\n\r\n getEngagements = async () => {\r\n const url = config.azRedirectUri + '/api/Engagements';\r\n await apiGet(url)\r\n .then((response) => this.setState({ engagements: response.data, disableEngagementName: false, selectedEngagement: null }))\r\n .catch((error) => {\r\n console.log(error)\r\n })\r\n }\r\n\r\n updateEngagement = async (engagementKey) => {\r\n this.setState({ allManagingDirectors: null, disableMD: true, errorMessage: null })\r\n const url = config.azRedirectUri + '/api/Engagements/Details/' + engagementKey;\r\n await apiGet(url)\r\n .then((response) => {\r\n let hasAdditional = false;\r\n if (response.data[0].relatedEngagements.length > 0) {\r\n hasAdditional = true;\r\n }\r\n this.setState({ engagementDetails: response.data[0], allManagingDirectors: response.data[0].managingDirectors, engagementKey, hasAdditional, teamSitePrivateChannelID: response.data[0].teamSitePrivateChannelID }, async () => {\r\n if (response.data[0].teamsSiteUrl != null) {\r\n let url = response.data[0].teamsSiteUrl.substring(response.data[0].teamsSiteUrl.indexOf('=') + 1);\r\n let groupId = url.substring(0, url.indexOf('&'));\r\n if (groupId.length != 36) {\r\n groupId = response.data[0].teamsSiteUrl.split('groupId=')[1].split('&')[0];\r\n }\r\n await this.updateTeams(groupId);\r\n } else {\r\n this.setState({ errorMessage: \"This client engagement does not have an associated Teams site.\" }, () => this.toggleMDErrorModal());\r\n }\r\n })\r\n });\r\n }\r\n\r\n updateTeams = async (teamsId) => {\r\n await graphFetch('https://graph.microsoft.com/v1.0/teams/' + teamsId, {})\r\n .then((response) => {\r\n response.json()\r\n .then((responseJson) => {\r\n this.setState({\r\n selectedTeam: responseJson.displayName ? responseJson.displayName : \"Unknown TEAMS site\",\r\n selectedTeamUrl: responseJson.webUrl,\r\n iManageTeamUrl: this.state.engagementDetails.teamsSiteUrl\r\n }, async () => {\r\n await graphFetch('https://graph.microsoft.com/v1.0/groups/' + teamsId + '/members', {})\r\n .then((response) => {\r\n response.json()\r\n .then(async (members) => {\r\n await graphFetch('https://graph.microsoft.com/v1.0/groups/' + teamsId + '/owners', {})\r\n .then((response) => {\r\n response.json()\r\n .then((owners) => {\r\n let fullMD = [...members.value, ...owners.value];\r\n this.mapMds(fullMD);\r\n }).catch((error) => {\r\n console.log(error)\r\n });\r\n });\r\n });\r\n }).catch((error) => {\r\n console.log(error)\r\n });\r\n });\r\n\r\n });\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n\r\n });\r\n }\r\n\r\n mapMds = async (teamsMD) => {\r\n let managingDirectors = this.state.allManagingDirectors;\r\n let mappedMD = managingDirectors.filter(o1 => teamsMD.some(o2 => o1.userPrincipalName === o2.userPrincipalName));\r\n let md = mappedMD;\r\n let existingMD = this.state.existingMD;\r\n let existingMDName = this.state.existingMDName;\r\n mappedMD.sort((a, b) => (a.name > b.name) ? 1 : -1);\r\n this.setState({\r\n managingDirectors: mappedMD,\r\n selectedMD: existingMD !== null ? existingMD : null,\r\n selectedMDName: existingMDName !== null ? existingMDName : null,\r\n disableMD: false\r\n })\r\n }\r\n\r\n mapSensitivity = (sensitivity) => {\r\n let result = '';\r\n if (sensitivity) {\r\n result = sensitivity === 'True' ? 'Yes' : 'No';\r\n }\r\n return result;\r\n }\r\n\r\n handleChange(e) {\r\n if (e.target.value === 'check') {\r\n this.setState(\r\n prevState => {\r\n return {\r\n checked: !prevState.checked,\r\n submit: !this.state.submit\r\n }\r\n }\r\n )\r\n }\r\n }\r\n\r\n confirmNoClick = () => {\r\n this.setState({ submit: true, backbtn: false });\r\n this.toggleConfirmationModal();\r\n }\r\n\r\n incrementAnother = () => {\r\n let nextId = this.state.counter + 1;\r\n let newAdd = [...this.state.addAnother, { id: nextId }]\r\n\r\n this.setState({ addAnother: newAdd, counter: nextId });\r\n }\r\n toggleModal = () => {\r\n this.setState({\r\n modal: !this.state.modal\r\n });\r\n }\r\n toggleSuccessModal = () => {\r\n this.setState({\r\n successModal: !this.state.successModal\r\n });\r\n }\r\n toggleLimitModal = () => {\r\n this.setState({\r\n limitModal: !this.state.limitModal\r\n });\r\n }\r\n toggleConfirmationModal = () => {\r\n this.setState({\r\n confirmationModal: !this.state.confirmationModal\r\n });\r\n }\r\n toggleMDErrorModal = () => {\r\n let submit = this.state.submit;\r\n if (this.state.checked && !submit) submit = !submit\r\n this.setState({ mdErrorModal: !this.state.mdErrorModal, submit });\r\n }\r\n toggleErrorModal = () => {\r\n this.setState({\r\n submit: !this.state.submit,\r\n errorModal: !this.state.errorModal\r\n });\r\n }\r\n\r\n emailTest = (e) => {\r\n let pattern = /^[\\._A-Za-z0-9-\\\\+]+(\\\\.[_A-Za-z0-9-]+)*@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return pattern.test(String(e.trim()).toLowerCase());\r\n }\r\n\r\n findDuplicates = () => {\r\n this.setState({ submit: false, backbtn: true });\r\n let results = [];\r\n for (let i = 0; i < this.state.guestEmails.length; i++) {\r\n for (let j = 0; j < this.state.guestEmails.length; j++) {\r\n if (j === i)\r\n continue;\r\n else {\r\n if (this.state.guestEmails[i] === this.state.guestEmails[j])\r\n results.push(i)\r\n }\r\n }\r\n }\r\n if (results.length === 0) {\r\n this.addAccounts()\r\n }\r\n else {\r\n this.setState({ submit: true, backbtn: false });\r\n let rowErr = this.state.rowError;\r\n for (let i = 0; i < results.length; i++) {\r\n rowErr[results[i]] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Duplicate accounts must either be changed or deleted', errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n }, 50000);\r\n }\r\n }\r\n }\r\n\r\n addAccounts = () => {\r\n let accounts = []\r\n let rowErrors = 0\r\n let manDir = this.state.selectedMD\r\n let isEmail = this.emailTest(manDir);\r\n let hasExpiredDate = true;\r\n if (this.state.showMaxDate) {\r\n if (this.state.selectedDate == null) {\r\n hasExpiredDate = false;\r\n }\r\n }\r\n if (this.state.rowError.every(row => row === false)) {\r\n if (this.state.selectedTeam && this.state.selectedTeamUrl && isEmail && this.state.addAnother.length === this.state.guestEmails.length && hasExpiredDate) {\r\n this.setState({ rowError: new Array(this.state.guestLimit).fill(false) });\r\n for (let i = 0; i < this.state.guestEmails.length; i++) {\r\n if (this.state.guestFirstNames[i] && this.state.guestEmails[i] && this.state.guestLastNames[i]) {\r\n let account = {\r\n name: this.state.guestFirstNames[i] + ' ' + this.state.guestLastNames[i],\r\n firstName: this.state.guestFirstNames[i],\r\n lastName: this.state.guestLastNames[i],\r\n email: this.state.guestEmails[i]\r\n }\r\n accounts.push(account)\r\n }\r\n else {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Highlighted rows must be completed or deleted.', submit: true });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false), submit: true });\r\n }, 50000);\r\n\r\n }\r\n }\r\n\r\n let guestRequest = {\r\n name: 'Request',\r\n requestType: 0,\r\n teamsSiteName: this.state.selectedTeam,\r\n teamsSiteUrl: this.state.selectedTeamUrl,\r\n privateChannelID: this.state.teamSitePrivateChannelID,\r\n //iManageTeamUrl: this.state.iManageTeamUrl,\r\n justification: this.state.bJustification,\r\n securityComplianceLevel: 0,\r\n mdName: this.state.selectedMDName,\r\n mdEmail: manDir,\r\n guestAccessClientUsers: accounts,\r\n expireDate: this.state.selectedDate,\r\n clientName: this.state.engagementDetails.clientName,\r\n engagementKey: this.state.engagementKey,\r\n engagementName: this.state.selectedEngagement,\r\n emd: this.state.engagementDetails.emd,\r\n bu: this.state.engagementDetails.bu,\r\n sensitivity: this.mapSensitivity(this.state.engagementDetails.sensitivity)\r\n }\r\n if (rowErrors === 0 && accounts.length > 0) {\r\n this.setState({ rowError: new Array(this.state.guestLimit).fill(false), guestAccounts: accounts, guestRequest: guestRequest });\r\n this.toggleConfirmationModal()\r\n }\r\n }\r\n //else if (this.state.addAnother > this.state.guestEmails.length - 1) {\r\n else if (this.state.guestEmails.length > 0 && (this.state.addAnother > this.state.guestEmails.length - 1)) {\r\n for (let i = this.state.addAnother; i > this.state.guestEmails.length - 1; i--) {\r\n rowErrors++;\r\n let rowErr = this.state.rowError;\r\n rowErr[i] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Highlighted rows must be completed or deleted.', submit: true, errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null, rowError: new Array(this.state.guestLimit).fill(false) });\r\n }, 50000);\r\n }\r\n }\r\n else {\r\n if (this.state.selectedTeam === null || this.state.selectedTeamUrl === '' || this.state.selectedMD === null && !hasExpiredDate) {\r\n this.setState({ submit: true, backbtn: true, errorMessage: '* Marked fields are required.' });\r\n } else {\r\n this.setState({ errorMessage: \"There was an error submitting your request. Please verify all required fields are populated.\" }, () => this.toggleMDErrorModal());\r\n }\r\n }\r\n } else if (!isEmail || this.state.rowError.some(row => row === true) || this.state.selectedTeam === null || this.state.selectedTeamUrl === '' || this.state.selectedMD === null || this.state.selectedDate == null && !hasExpiredDate) {\r\n this.setState({ submit: true, backbtn: true, errorMessage: '* Marked fields are required.' });\r\n } else {\r\n this.setState({ errorMessage: \"There was an error submitting your request. Please verify all required fields are populated.\" }, () => this.toggleMDErrorModal());\r\n }\r\n setTimeout(() => {\r\n this.setState({ errorMessage: null });\r\n }, 50000);\r\n }\r\n\r\n renderCancelModal() {\r\n return (\r\n \r\n Help, I Can't Find a Guest Account!\r\n
\r\n \r\n
\r\n There are few reasons why you may not be able to find a guest to add to your Microsoft Teams Site Request.\r\n
\r\n To check the details or status of a member firm employee, you can send a request to the local assigned administrator. Simply provide the information requested in the form below and click the submit button. An email will be sent to the appropriate administrators who can check on the status of the people in question and ensure that they have active guest accounts. When the guest account has been activated you will be able to return to the TEAMS access request form and submit the request to add them to your Microsoft Teams site.\r\n\r\n
\r\n \r\n There are few reasons why you may not be able to find a guest to add to your Microsoft Teams Site Request.\r\n
\r\n
\r\n 1) You can only request to add active Member Firm employees of certain firms. Some firms have now met specific security and compliance criteria. Others are working on it and cannot be added yet. Employees of Protiviti clients may not be added at this time.
\r\n 2) If the person is a new Member Firm employee, it's possible that their Protiviti guest account has not yet been created. You can try again soon.
\r\n 3) The guest account may have expired. Guest accounts expire every 90 days and must be renewed by the local administrators. It’s possible that the account lapsed or was disabled because the person left. In this case the guest account may need to be renewed for another 90 days by the local administrator at the Member Firm. (See below for instructions.)
\r\n 4) Are you sure about the name and spelling? It is possible that the guest account was set up under a different name than the one you are familiar with.\r\n
\r\n \r\n 1) You can only request to add active Member Firm employees of certain firms. Some firms have now met specific security and compliance criteria. Others are working on it and cannot be added yet. Employees of Protiviti clients may not be added at this time.
\r\n 2) If the person is a new Member Firm employee, it's possible that their Protiviti guest account has not yet been created. You can try again soon.
\r\n 3) The guest account may have expired. Guest accounts expire every 90 days and must be renewed by the local administrators. It’s possible that the account lapsed or was disabled because the person left. In this case the guest account may need to be renewed for another 90 days by the local administrator at the Member Firm. (See below for instructions.)
\r\n 4) Are you sure about the name and spelling? It is possible that the guest account was set up under a different name than the one you are familiar with.\r\n
\r\n To check the details or status of a member firm employee, you can send a request to the local assigned administrator. Simply provide the information requested in the form below and click the submit button. An email will be sent to the appropriate administrators who can check on the status of the people in question and ensure that they have active guest accounts. When the guest account has been activated you will be able to return to the TEAMS access request form and submit the request to add them to your Microsoft Teams site.\r\n\r\n
\r\n
\r\n
\r\n {this.renderCancelModal()}\r\n {this.renderSentModal()}\r\n \r\n
to {this.state.selectedTeam}?\r\n
\r\n
Please confirm that you wish to add these users to the selected Teams site.\r\n
\r\n Please confirm that you wish to add these users to the selected Teams site.\r\n
\r\n {x.firstName + ' ' + x.lastName + ' '}\r\n
\r\n )\r\n )\r\n }\r\n confirmPost = async (event) => {\r\n this.toggleConfirmationModal()\r\n let guestRequest = this.state.guestRequest\r\n const url = config.azRedirectUri + '/api/ClientTeams';\r\n await apiPost(url, guestRequest)\r\n .then((response) => {\r\n this.setState({ adResponse: response.data, rowError: new Array(this.state.guestEmails.length).fill(false), backbtn: true })\r\n this.toggleSuccessModal()\r\n })\r\n .catch(function (error) {\r\n console.log(error)\r\n })\r\n }\r\n onCancel() {\r\n window.location.reload(true);\r\n\r\n }\r\n\r\n cancelModal() {\r\n return (\r\n\r\n \r\n Are you sure you want to Cancel and lose the changes made?\r\n
\r\n );\r\n }\r\n handleGuestEmail = async (event, index) => {\r\n event.preventDefault();\r\n let email = event.target.value.trim();\r\n this.setState({ selectedEmail: email });\r\n\r\n const lastError = this.state.errorMessage;\r\n let rowErr = this.state.rowError;\r\n let emailList = this.state.guestEmails;\r\n emailList[index] = email;\r\n let isEmail = this.emailTest(email);\r\n\r\n let firstNameList = this.state.guestFirstNames;\r\n let lastNameList = this.state.guestLastNames;\r\n\r\n if (isEmail) {\r\n setTimeout(async () => {\r\n var domain = this.state.selectedEmail.length >= email.length ? this.state.selectedEmail.split('@')[1].toLowerCase() : email.split('@')[1].toLowerCase();\r\n await this.checkBlackListEmails(domain);\r\n if (!this.state.isBlacklisted) {\r\n const url = config.azRedirectUri + '/api/ClientTeamUsers/' + email;\r\n await apiGet(url)\r\n .then(async (response) => {\r\n if (response.data.length > 0) {\r\n let userData = response.data[0];\r\n firstNameList[index] = userData.firstName;\r\n lastNameList[index] = userData.lastName;\r\n } else {\r\n firstNameList[index] = null;\r\n lastNameList[index] = null;\r\n }\r\n\r\n rowErr = this.state.rowError;\r\n rowErr[index] = !isEmail;\r\n\r\n var errorMessage = null;\r\n var isThereValue = rowErr.includes(true);\r\n if (isThereValue) {\r\n errorMessage = this.state.isBlacklisted ? '* Cannot use blacklisted email' : lastError;\r\n rowErr[index] = true;\r\n }\r\n\r\n this.setState({ guestEmails: emailList, rowError: rowErr, guestFirstName: firstNameList, guestLastNames: lastNameList, errorMessage: errorMessage });\r\n })\r\n }\r\n else {\r\n rowErr[index] = true;\r\n this.setState({ rowError: rowErr, errorMessage: '* Cannot use blacklisted email' });\r\n }\r\n }, 300);\r\n } else {\r\n rowErr[index] = !isEmail;\r\n this.setState({ rowError: rowErr, errorMessage: \"* Not valid email\" });\r\n }\r\n }\r\n handleGuestFirstName = (event, index) => {\r\n let firstNameList = this.state.guestFirstNames;\r\n firstNameList[index] = event.target.value;\r\n this.setState({ guestFirstNames: firstNameList })\r\n }\r\n handleGuestLastName = (event, index) => {\r\n let lastNameList = this.state.guestLastNames;\r\n lastNameList[index] = event.target.value;\r\n this.setState({ guestLastNames: lastNameList })\r\n }\r\n\r\n handleEngagementSelect = selectedOption => {\r\n this.setState({ selectedEngagement: selectedOption.name, selectedMD: null, selectedMDName: null, existingMD: null, existingMDName: null }, () => this.updateEngagement(selectedOption.key));\r\n }\r\n\r\n handleTeamSite = selectedOption => {\r\n this.updateTeams(selectedOption.id);\r\n }\r\n handleAppManager = selectedOption => {\r\n let manEmail = selectedOption.loginAddress ? selectedOption.loginAddress : selectedOption.userPrincipalName\r\n this.setState({ selectedMD: manEmail, selectedMDName: selectedOption.name })\r\n\r\n }\r\n handleBJustification = event => {\r\n this.setState({ bJustification: event.target.value })\r\n\r\n }\r\n handleExpireDate = event => {\r\n this.setState({ selectedDate: event })\r\n }\r\n\r\n handleDelete = (i, index) => {\r\n let requestEmails = this.state.guestEmails\r\n let requestFirstNames = this.state.guestFirstNames\r\n let requestLastNames = this.state.guestLastNames\r\n if (this.state.addAnother.length > 1) {\r\n\r\n let newAdd = this.state.addAnother.filter(x => {\r\n return x.id !== i\r\n })\r\n requestEmails.splice(index, 1)\r\n requestFirstNames.splice(index, 1)\r\n requestLastNames.splice(index, 1)\r\n this.setState({\r\n guestEmails: requestEmails,\r\n guestFirstNames: requestFirstNames,\r\n guestLastNames: requestLastNames,\r\n addAnother: newAdd\r\n })\r\n }\r\n else {\r\n requestEmails[index] = ''\r\n requestFirstNames[index] = ''\r\n requestLastNames[index] = ''\r\n this.setState({\r\n guestEmails: requestEmails,\r\n guestFirstNames: requestFirstNames,\r\n guestLastNames: requestLastNames\r\n })\r\n }\r\n }\r\n\r\n pushGuestAccounts = (g) => {\r\n let newList = this.state.accountNames;\r\n newList.push(g);\r\n newList.sort((a, b) => a.display.localeCompare(b.display));\r\n this.setState({ accountNames: newList });\r\n }\r\n\r\n maxLimitModal() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n renderAdditionalEngagements = () => {\r\n return (\r\n this.state.engagementDetails.relatedEngagements.map((x, index) =>\r\n \r\n Other client engagements that are using the same Teams site as the engagement selected above.\r\n
\r\n \r\n
\r\n )\r\n )\r\n }\r\n\r\n renderAddAnother = () => {\r\n return (\r\n this.state.addAnother.map((x, index) =>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n )\r\n }\r\n render() {\r\n const additionalEngagements = this.state.hasAdditional ? this.renderAdditionalEngagements() : null;\r\n const another = this.renderAddAnother();\r\n const limit = this.state.addAnother > this.state.counterLimit ? this.maxLimitModal() : null;\r\n const email = this.props.userReducer.currentUser.emailAddress;\r\n const emailSuffix = email ? email.substring(email.lastIndexOf('@') + 1) : null;\r\n const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false;\r\n let additionalEngagementMessage = this.state.hasAdditional ? this.renderAdditionalEngagementMessage() : null;\r\n let days = this.state.showMaxDate ? config.teamsExpireDaysLength : 1000;\r\n const today = new Date();\r\n let inDays = new Date();\r\n inDays.setDate(inDays.getDate() + days);\r\n\r\n //uncomment once complete\r\n //if (!checkDrop) {\r\n // return \r\n
\r\n \r\n \r\n this.handleGuestEmail(event, index)} className={(this.state.errorMessage === '* Marked fields are required.' || this.state.errorMessage === '* Highlighted rows must be completed or deleted.') && (this.state.guestEmails[index] === null || this.state.rowError[index]) ? 'warningBorder form-control' : 'form-control'} />\r\n {this.state.errorMessage === '* Marked fields are required.' && (this.state.guestEmails[index] === null || this.state.rowError[index]) ?
\r\n {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === '* Highlighted rows must be completed or deleted.' || this.state.errorMessage === '* Duplicate accounts must either be changed or deleted') ? {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === '* Not valid email') ? {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === '* Cannot use blacklisted email') ? {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === null) ? * {this.state.errorMessage}
: null}\r\n \r\n \r\n this.handleGuestFirstName(event, index)} className={(this.state.errorMessage === '* Marked fields are required.' || this.state.errorMessage === '* Highlighted rows must be completed or deleted.') && this.state.guestFirstNames[index] === null ? 'warningBorder form-control' : 'form-control'} />\r\n {this.state.errorMessage === '* Marked fields are required.' && this.state.guestFirstNames[index] === null ?
\r\n {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === '* Highlighted rows must be completed or deleted.' || this.state.errorMessage === '* Duplicate accounts must either be changed or deleted') ? {this.state.errorMessage}
: null}\r\n \r\n \r\n this.handleGuestLastName(event, index)} className={(this.state.errorMessage === '* Marked fields are required.' || this.state.errorMessage === '* Highlighted rows must be completed or deleted.') && this.state.guestLastNames[index] === null ? 'warningBorder form-control' : 'form-control'} />\r\n {this.state.errorMessage === '* Marked fields are required.' && this.state.guestLastNames[index] === null ?
\r\n {this.state.errorMessage}
: null}\r\n {this.state.rowError[index] && (this.state.errorMessage === '* Highlighted rows must be completed or deleted.' || this.state.errorMessage === '* Duplicate accounts must either be changed or deleted') ? {this.state.errorMessage}
: null}\r\n \r\n
\r\n \r\n this.handleDelete(x.id, index)} />\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser, fetchCompany })(ClientAccessRequest)","import React, { Component } from 'react';\r\nimport '../Teams/TeamsRequests.css';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n// import ClientGuestAccountsActions from '../../components/Teams/ClientGuestAccountsActions';\r\nimport ClientGuestAccountsGrid from '../../components/Teams/ClientGuestAccountsGrid';\r\nimport ClientGuestAccountsFilter from '../../components/Teams/ClientGuestAccountsFilter';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { getUsername } from '../../services/authService';\r\n\r\nclass ClientGuestAccounts extends Component {\r\n async componentDidMount() {\r\n let currentUser = await getUsername();\r\n const emailSuffix = currentUser.userName ? currentUser.userName.substring(currentUser.userName.lastIndexOf('@') + 1) : null\r\n const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false\r\n if (!checkDrop) {\r\n return \r\n
\r\n Please complete this form to request client access to your Teams site. You can request access for multiple clients at once for the same site. MD approval is required for all requests. The approving MD must be a member of the Teams site. Make sure your contract with the client allows their data and documents to be stored in the Robert Half/Protiviti environment. Make sure your Team members know that the client will have access to the posts and files and they should take special care to manage discussions and documents accordingly.\r\n
\r\n
\r\n {this.renderCancelModal()}\r\n {this.renderSuccessModal()}\r\n {this.renderConfirmationModal()}\r\n {this.renderMDErrorModal()}\r\n {this.renderErrorModal()}\r\n \r\n \r\n Please complete this form to request client access to your Teams site. You can request access for multiple clients at once for the same site. MD approval is required for all requests. The approving MD must be a member of the Teams site. Make sure your contract with the client allows their data and documents to be stored in the Robert Half/Protiviti environment. Make sure your Team members know that the client will have access to the posts and files and they should take special care to manage discussions and documents accordingly.\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(ClientGuestAccounts);","import React from 'react';\r\nimport '../Teams/TeamRequestDetail.css';\r\n//import ProOffice from './ProOffice';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n//import { getOfficeKey } from '../actions';\r\nimport config from '../../config';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\nimport {fetchAADGroupsByEmail, fetchAADMembersByTeamsID, fetchAADOwnersByTeamsID} from \"../../services/graphApiService\"\r\nimport DetailModal from '../../components/Teams/DetailModal';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass ClientTeamsRequestDetail extends React.Component {\r\n state = {\r\n request: {},\r\n guestUsersName: [],\r\n relatedEngagements: [],\r\n memberFirCompanyName: '',\r\n modal: false,\r\n modalAction: null,\r\n modalData: {},\r\n };\r\n\r\n componentDidMount() {\r\n var location = this.props.location.pathname;\r\n var n = location.lastIndexOf('/');\r\n const requestKey = location.substring(n + 1);\r\n if (!requestKey) {\r\n Account Search
\r\n\r\n
\r\n \r\n
\r\n {/*\r\n
\r\n \r\n \r\n
\r\n */}\r\n {/*
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, { getCurrentUser })(ClientTeamsRequestDetail);","import React, { Component } from 'react';\r\nimport '../Teams/TeamsRequests.css';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport TeamRequestActions from '../../components/Teams/TeamRequestActions';\r\nimport ClientTeamsRequestGrid from '../../components/Teams/ClientTeamsRequestGrid';\r\nimport RequestFilter from '../../components/Teams/RequestFilter';\r\nimport MDApprovalFilter from '../../components/Teams/MDApprovalFilter';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { getUsername } from '../../services/authService';\r\n\r\nclass ClientTeamsRequests extends Component {\r\n async componentDidMount() {\r\n let currentUser = await getUsername();\r\n const emailSuffix = currentUser.userName ? currentUser.userName.substring(currentUser.userName.lastIndexOf('@') + 1) : null\r\n const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false\r\n if (!checkDrop) {\r\n return \r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n TEAMS Guest Access Request Details
\r\nTEAMS Request ID: {req.requestId}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/*\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n */}\r\n {/*
*/}\r\n */}\r\n {/*
*/}\r\n\r\n\r\n {/**/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/* \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(ClientTeamsRequests);","import React from 'react';\r\nimport './LegalApproval.css';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getUsername } from '../../services/authService';\r\nimport config from '../../config';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEdit, faTrash, faSearch } from '@fortawesome/free-solid-svg-icons';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter, MDBBtn } from 'mdbreact';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { apiGet, apiPut, apiPost, apiDelete } from '../../services/apiService';\r\n\r\nclass LegalApproval extends React.Component {\r\n state = {\r\n requestData: {},\r\n guestUsersName: [],\r\n mfCompnayName: null,\r\n teamRequestInfo: {},\r\n canAccess: false,\r\n approveDisable: true,\r\n rejectDisable: true,\r\n saveDisable: false,\r\n modal: false,\r\n attachmentModal: false,\r\n approvalModal: false,\r\n modalMessage: null,\r\n errorMessage: null,\r\n commentArea: null,\r\n button: null,\r\n buttonDisable: false,\r\n submitButtonDisable: false,\r\n uploadFile: null,\r\n uploadButton: 'Upload File',\r\n fileCheck: false,\r\n legalStatus: null,\r\n isTextAreaDisabled: false,\r\n uploadDisable: true,\r\n displaySize: null,\r\n exceedCSS: null,\r\n attachmentList: null,\r\n legalApprovers: [],\r\n selectedRequestType: null,\r\n notRequiredButtonDisbled: false,\r\n expireDate: null,\r\n updatedRequest: null,\r\n hasRelated: false,\r\n requestType: [{ label: 'Client Engagement Site', value: 0 }, { label: 'Protiviti Training', value: 1 }, { label: 'Other', value: 2 }]\r\n };\r\n\r\n currentUser;\r\n\r\n async componentDidMount() {\r\n this.currentUser = await getUsername();\r\n this.props.getCurrentUser(this.currentUser.username);\r\n this.getLegalApprovers();\r\n }\r\n\r\n getLegalApprovers = () => {\r\n let url = config.azRedirectUri + '/api/TeamsLegal/AllApprovers';\r\n apiGet(url)\r\n .then(response => {\r\n let allApprovers = this.props.userReducer.currentUser.isAdmin ? config.legalApprover.concat(response.data) : response.data;\r\n //console.log(allApprovers, response.data, getUsername().username)\r\n this.setState({ legalApprovers: allApprovers });\r\n this.getRequest();\r\n })\r\n .catch(function (error) {\r\n if (error.response && error.response.status === 401) {\r\n this.getLegalApprovers();\r\n }\r\n console.log(error);\r\n });\r\n }\r\n\r\n getRequest() {\r\n const requestKey = this.props.match.params.id;\r\n const validUsers = this.state.legalApprovers;\r\n if (!validUsers.filter(x => x.email === this.currentUser.username || x.loginAddress === this.currentUser.username).length > 0 || !requestKey) {\r\n Protiviti TEAMS Site Access Requests for Client Guest Users
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n } else {\r\n fileDetails =\r\n File Details:
\r\nFile Name: {this.state.uploadFile.name}
\r\n File Type: {this.state.uploadFile.type}
\r\n File Size: {this.state.displaySize}
\r\n \r\n Last Modified:{\" \"}\r\n {this.state.uploadFile.lastModifiedDate.toDateString()}\r\n
\r\n \r\n
\r\n
\r\n }\r\n return (\r\n \r\n
Choose before Pressing the Upload button. Max 25mb size limit.
\r\n\r\n
\r\n );\r\n })\r\n this.setState({ attachmentList: list });\r\n }\r\n\r\n handleDownloadAttachment = async (e) => {\r\n const url = config.azRedirectUri + '/api/TeamsLegal/' + e.key;\r\n await apiGet(url, null, { responseType: 'arraybuffer' })\r\n .then((response) => {\r\n const url = window.URL.createObjectURL(new Blob([response.data]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', e.name);\r\n document.body.appendChild(link);\r\n link.click();\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n }\r\n\r\n handleDeleteAttachment = async (e) => {\r\n const url = config.azRedirectUri + '/api/TeamsLegal/' + e.key;\r\n await apiDelete(url)\r\n .then(() => {\r\n this.getRequest();\r\n this.renderAttachmentList();\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n }\r\n\r\n handleSubmit = async (e) => {\r\n e.preventDefault();\r\n let updatedRequest = JSON.parse(JSON.stringify(this.state.requestData));\r\n updatedRequest.legalComment = this.state.commentArea;\r\n this.setState({ isTextAreaDisabled: true, modalMessage: 'saved' });\r\n console.log('button: ' + this.state.button)\r\n if (this.state.button === 'approveAll' || this.state.button === 'reject' || this.state.button === 'approveOne') {\r\n updatedRequest.legalStatusUpdated = new Date();\r\n updatedRequest.legalStatusUpdater = this.currentUser.username;\r\n updatedRequest.legalStatusUpdaterName = this.currentUser.name;\r\n updatedRequest.requestType = this.state.selectedRequestType;\r\n let status;\r\n switch (this.state.button) {\r\n case 'approveAll': // approve and future\r\n updatedRequest.legalApprovalStatus = 1;\r\n this.setState({ modalMessage: 'completed', updatedRequest: updatedRequest })\r\n this.toggleApprovalModal()\r\n break;\r\n case 'reject':\r\n updatedRequest.legalApprovalStatus = 2;\r\n updatedRequest.requestStatus = 1;\r\n this.status = 'rejected';\r\n break;\r\n case 'approveOne': // approve, this one only\r\n updatedRequest.legalApprovalStatus = 5;\r\n this.status = 'completed';\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n if (this.state.button !== 'approveAll') {\r\n this.setState({ modalMessage: this.status, updatedRequest: updatedRequest }, () => {\r\n if (this.state.button === 'save') {\r\n this.saveComment();\r\n } else {\r\n this.submitRequest();\r\n }\r\n });\r\n }\r\n }\r\n\r\n submitRequest = async (e) => {\r\n if (this.state.approvalModal === true)\r\n this.toggleApprovalModal()\r\n\r\n this.setState({ approveDisable: true, rejectDisable: true, buttonDisable: true, submitButtonDisable: true })\r\n const url = config.azRedirectUri + '/api/TeamsLegal/Update';\r\n await apiPut(url, this.state.updatedRequest)\r\n .then(() => {\r\n //\r\n \r\n \r\n \r\n
\r\n \r\n In the future, this engagement team will be able to admit Member Firm users to this TEAMS Site with MD approval. The contracts will not need to be reviewed again by legal.\r\n
\r\n {hasRelatedMessage}\r\n\r\n Please Note: An attorney previously indicated that contracts should be re-reviewed for further requests to the TEAMS site. Please confirm that is no longer necessary.\r\n
\r\n )\r\n }\r\n\r\n confirmNoClick = () => {\r\n this.toggleApprovalModal();\r\n }\r\n\r\n handleRequestTypeChange = e => {\r\n this.setState({ selectedRequestType: e.value }, () => { this.toggleApproveButton(); });\r\n }\r\n\r\n handleCommentChange = e => {\r\n this.setState({ commentArea: e.target.value }, () => { this.toggleApproveButton(); });\r\n }\r\n\r\n onCancelUpload = () => {\r\n this.setState({ fileCheck: false, uploadDisable: true, uploadFile: null });\r\n this.toggleAttachmentModal();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(LegalApproval);","import React from 'react';\r\nimport './TeamRequestDetail.css';\r\n//import ProOffice from './ProOffice';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n//import { getOfficeKey } from '../actions';\r\nimport config from '../../config';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\nimport {fetchAADGroupsByEmail, fetchAADMembersByTeamsID, fetchAADOwnersByTeamsID} from \"../../services/graphApiService\"\r\nimport DetailModal from '../../components/Teams/DetailModal';\r\nimport { apiGet, apiPost } from '../../services/apiService';\r\n\r\nclass TeamRequestDetail extends React.Component {\r\n state = {\r\n request: {},\r\n guestUsersName: [],\r\n memberFirCompanyName: '',\r\n modal: false,\r\n modalAction: null,\r\n modalData: {},\r\n legalApprovers: [],\r\n };\r\n\r\n componentDidMount() {\r\n const requestKey = this.props.match.params.id\r\n if (!requestKey) {\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\nexport default connect(mapStateToProps, { getCurrentUser })(TeamRequestDetail);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { graphFetch } from '../../services/graphApiService';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';\r\nimport Select from 'react-select';\r\nimport config from '../../config';\r\nimport './TeamRequestEdit.css';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass TeamRequestEdit extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n teams: [],\r\n teamRequest: {},\r\n allManagingDirectors: [],\r\n submit: true,\r\n backbtn: false,\r\n disableMD: true,\r\n successModal: false,\r\n emd: null,\r\n userList: null,\r\n selectedMD: null,\r\n requestKey: null,\r\n manDirector: null,\r\n selectedTeam: null,\r\n errorMessage: null,\r\n submitResponse: null,\r\n legalApprovers: null,\r\n selectedTeamUrl: null,\r\n selectedMDEmail: null,\r\n manDirectorName: null,\r\n managingDirectors: null,\r\n selectedJustification: null,\r\n initial: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.request) {\r\n this.getTeamsRequest(this.props.request.key);\r\n } else if (this.props.match.params.id) {\r\n this.getTeamsRequest(this.props.match.params.id)\r\n } else {\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n TEAMS Guest Access Request Details
\r\nTEAMS Request ID: {req.requestId}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {req.legalApprover && }\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/*\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/*\r\n
*/}\r\n
\r\n
\r\n
\r\n */}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {item.memberFirmName} \r\n\r\n {item.memberFirmEmail}\r\n
\r\n )\r\n });\r\n this.setState({ userList: userList });\r\n }\r\n\r\n updateRequest = async () => {\r\n this.setState({ submit: true, backbtn: true })\r\n let guestRequest = {\r\n requestid: this.state.teamRequest.requestId,\r\n requesterName: this.state.teamRequest.requesterName,\r\n requesterEmail: this.state.teamRequest.requesterEmail,\r\n teamsSiteName: this.state.selectedTeam,\r\n teamsSiteUrl: this.state.selectedTeamUrl,\r\n mDName: this.state.selectedMD,\r\n mDEmail: this.state.selectedMDEmail,\r\n justification: this.state.selectedJustification,\r\n legalApprovalStatus: this.state.teamRequest.legalApprovalStatus\r\n }\r\n const url = config.azRedirectUri + '/api/Teams/' + this.state.requestKey;\r\n await apiPut(url, guestRequest)\r\n .then((response) => {\r\n this.setState({ submitResponse: response.data }, () => this.toggleSuccessModal());\r\n })\r\n .catch(function (error) {\r\n })\r\n }\r\n\r\n render() {\r\n const req = this.state.teamRequest;\r\n return (\r\n \r\n \r\n {this.renderSuccessModal()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(TeamRequestEdit);","import React from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { MDBContainer, MDBModal, MDBModalBody, MDBModalHeader } from 'mdbreact';\r\nimport config from '../../config';\r\nimport { getUsername } from '../../services/authService';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { apiGet, apiPut } from '../../services/apiService';\r\n\r\nclass TeamsExtensionApproval extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n request: [],\r\n requestKey: null,\r\n requestType: null,\r\n noticeModal: false,\r\n modalTitle: null,\r\n modalBody: null,\r\n submitButton: false\r\n }\r\n }\r\n currentUser;\r\n\r\n async componentDidMount() {\r\n this.currentUser = await getUsername();\r\n this.props.getCurrentUser(this.currentUser.username);\r\n this.validateUser();\r\n }\r\n\r\n validateUser = async () => {\r\n const requestKey = this.props.match.params.id\r\n let url = config.azRedirectUri + '/api/TeamsExtension/extension/' + requestKey;\r\n await apiGet(url)\r\n .then(response => {\r\n let data = response.data;\r\n let requestType = null;\r\n if (data.requestId === null) {\r\n this.setState({ modalTitle: 'TEAMS Extension Approval', modalBody: 'The extension request you are trying to reach has already been completed, and no further action is required. You can close your browser window' }, () => this.toggleModal());\r\n }\r\n if ((data.mdEmail !== this.currentUser.username && !this.props.userReducer.currentUser.isAdmin) || !requestKey) {\r\n \r\n \r\n \r\n {this.state.modalTitle} \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {this.state.modalBody}\r\n
\r\n \r\n
\r\n TEAMS Site Name: {this.state.request.teamsName}
\r\n Original Expiration Date: {this.state.request.originalExpireDate}
\r\n Requested Expiration Date: {this.state.request.newExpireDate}
\r\n {this.state.requestType === \"client\" &&\r\n
\r\n\r\n {this.state.request.acknowledgementText}\r\n\r\n
\r\n \r\n \r\n {this.generateModal()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(TeamsExtensionApproval)","import React from 'react';\r\nimport './TeamsRequests.css';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport Company from '../../components/Teams/Company';\r\nimport TeamRequestActions from '../../components/Teams/TeamRequestActions';\r\nimport TeamsRequestGrid from '../../components/Teams/TeamsRequestGrid';\r\nimport RequestFilter from '../../components/Teams/RequestFilter';\r\nimport ApprovalFilter from '../../components/Teams/ApprovalFilter';\r\nimport MDApprovalFilter from '../../components/Teams/MDApprovalFilter';\r\nimport { getCurrentUser } from '../../actions';\r\nimport { getUsername } from '../../services/authService';\r\n\r\nclass Home extends React.Component {\r\n async componentDidMount() {\r\n let currentUser = await getUsername();\r\n const emailSuffix = currentUser.userName ? currentUser.userName.substring(currentUser.userName.lastIndexOf('@') + 1) : null\r\n const checkDrop = emailSuffix === 'protiviti.com' || emailSuffix === 'roberthalf.com' ? true : false\r\n if (!checkDrop) {\r\n return TEAMS Extension Approval
\r\n{this.state.request.requesterName} has requested an extension until {this.state.request.newExpireDate} for the guests listed below to access the TEAMS site. Please approve or reject this request below.
\r\n\r\n Request ID: {this.state.request.requestId}\r\n TEAMS Site Name: {this.state.request.teamsName}
\r\n Original Expiration Date: {this.state.request.originalExpireDate}
\r\n Requested Expiration Date: {this.state.request.newExpireDate}
\r\n {this.state.requestType === \"client\" &&\r\n
\r\n Client: {this.state.request.clientName}
\r\n EMD: {this.state.request.emd}
\r\n Engagement Sensitivity: {this.state.request.sensitivity}
\r\n External Guest Users: {this.state.request.guestUsers}
\r\n
\r\n }\r\n\r\n Original Explanation: {this.state.request.businessJustification}\r\n EMD: {this.state.request.emd}
\r\n Engagement Sensitivity: {this.state.request.sensitivity}
\r\n External Guest Users: {this.state.request.guestUsers}
\r\n
\r\n\r\n {this.state.request.acknowledgementText}\r\n\r\n
\r\n \r\n \r\n {this.generateModal()}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sharedReducer: state.sharedReducer,\r\n userReducer: state.userReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCurrentUser })(Home);","import { combineReducers } from 'redux';\r\nimport sharedReducer from './sharedReducer';\r\nimport userReducer from './userReducer';\r\n\r\nexport default combineReducers({\r\n sharedReducer,\r\n userReducer\r\n});","import { getToken } from '../services/authService';\r\nimport { getCookie } from '../services/cookieService'\r\n\r\nconst INITIAL_STATE = {\r\n //AuthorizationUpload: { Authorization: `Bearer ${await getToken()}`, 'Content-Type': undefined, 'X-XSRF-TOKEN': getCookie(\"X-REQUEST-TOKEN\") },\r\n officeOptions: [],\r\n selectedOffice: [],\r\n selectedAddOffices: [],\r\n selectedOfficeKey: null,\r\n selectedAddCompany: [],\r\n selectedCompany: [],\r\n selectedCompanyKey: null,\r\n accountOptions: [],\r\n accountStatusFilter: {\r\n any: false,\r\n active: true,\r\n expired: true,\r\n pending: true,\r\n disabled: false\r\n },\r\n clientAccessFilter: {\r\n rany: false,\r\n active: true,\r\n pending: true,\r\n disabled: false\r\n },\r\n requestStatusFilter: {\r\n rany: false,\r\n open: true,\r\n closed: true,\r\n deleted: false\r\n },\r\n legalStatusFilter: {\r\n lany: true,\r\n lpending: true,\r\n lapproved: true,\r\n lrejected: true\r\n },\r\n mdStatusFilter: {\r\n many: true,\r\n mpending: true,\r\n mapproved: true,\r\n mrejected: true,\r\n expired: true\r\n },\r\n importData: {\r\n data: [],\r\n headers: true\r\n },\r\n emailWhitelist: [],\r\n /*emailBlacklist: [],\r\n emailsInBlackList: [],*/\r\n companyOptions: [],\r\n usersBulkAdded: [],\r\n users: [],\r\n extendAlert: null,\r\n displayServicePortalHelp: true\r\n};\r\n\r\nexport default (state = INITIAL_STATE, action) => {\r\n switch (action.type) {\r\n case 'FETCH_OFFICE':\r\n return { ...state, officeOptions: action.payload };\r\n case 'UPDATE_OFFICE':\r\n return { ...state, selectedOffice: action.payload };\r\n case 'UPDATE_ADDOFFICE':\r\n return { ...state, selectedAddOffices: action.payload };\r\n case 'CLEAR_ADDOFFICE':\r\n return { ...state, selectedAddOffices: action.payload };\r\n case 'GET_OFFICEKEY':\r\n return { ...state, selectedOfficeKey: action.payload };\r\n case 'GET_ACCOUNTS':\r\n return { ...state, accountOptions: action.payload };\r\n case 'GET_FILTER_STATUS':\r\n return { ...state, accountStatusFilter: action.payload };\r\n case 'GET_CLIENT_ACCESS_FILTER_STATUS':\r\n return { ...state, clientAccessFilter: action.payload };\r\n case 'GET_REQUEST_FILTER_STATUS':\r\n return { ...state, requestStatusFilter: action.payload };\r\n case 'GET_LEGAL_APPROVAL_FILTER_STATUS':\r\n return { ...state, legalStatusFilter: action.payload };\r\n case 'GET_MD_APPROVAL_FILTER_STATUS':\r\n return { ...state, mdStatusFilter: action.payload };\r\n case 'IMPORT_USERS':\r\n return {\r\n ...state,\r\n importData: {\r\n data: action.payload.data,\r\n headers: action.payload.headers\r\n }\r\n }\r\n case 'FETCH_COMPANY':\r\n return { ...state, companyOptions: action.payload };\r\n case 'UPDATE_COMPANY':\r\n return { ...state, selectedCompany: action.payload };\r\n case 'UPDATE_ADDCOMPANY':\r\n return { ...state, selectedAddCompany: action.payload };\r\n case 'CLEAR_ADDCOMPANY':\r\n return { ...state, selectedAddCompany: action.payload };\r\n case 'GET_COMPANYKEY':\r\n return { ...state, selectedCompanyKey: action.payload };\r\n case 'FETCH_USERS':\r\n return { ...state, users: action.payload };\r\n case 'BULK_ADDED':\r\n return { ...state, usersBulkAdded: action.payload };\r\n case 'SHOW_EXTEND_ALERT':\r\n return { ...state, extendAlert: action.payload };\r\n case 'DISPLAY_PORTALHELP':\r\n return { ...state, displayServicePortalHelp: action.payload };\r\n default:\r\n return state;\r\n }\r\n};","const INITIAL_STATE = {\r\n currentUser: {},\r\n unAuthorized: false\r\n};\r\nexport default (state = INITIAL_STATE, action) => {\r\n switch (action.type) {\r\n case 'GET_USER':\r\n return { ...state, currentUser: action.payload };\r\n case 'SET_UNAUTHORIZED':\r\n return { ...state, unAuthorized: action.payload };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport const getCurrentUser = state => state.userReducer.currentUser ? state.userReducer.currentUser : null","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import axios from \"axios\";\r\nimport config from \"../config\";\r\nimport { getCookie } from \"./cookieService\";\r\nimport { getToken } from './authService';\r\n\r\nexport async function apiGet(url, headers, options) {\r\n [url, headers] = await prepareApiCall(url, headers);\r\n return axios.get(url, { headers, ...options }).catch((error) => {\r\n catchApiCall(error);\r\n });\r\n}\r\n\r\nexport async function apiPut(url, data, headers) {\r\n [url, headers] = await prepareApiCall(url, headers);\r\n return axios.put(url, data, { headers }).catch((error) => {\r\n catchApiCall(error);\r\n });\r\n}\r\n\r\nexport async function apiPost(url, data, headers) {\r\n [url, headers] = await prepareApiCall(url, headers);\r\n return axios.post(url, data, { headers }).catch((error) => {\r\n catchApiCall(error);\r\n });\r\n}\r\n\r\nexport async function apiDelete(url, headers) {\r\n [url, headers] = await prepareApiCall(url, headers);\r\n return axios.delete(url, { headers }).catch((error) => {\r\n catchApiCall(error);\r\n });\r\n}\r\n\r\nasync function prepareApiCall(url, headers) {\r\n if (url.startsWith(\"/\")) {\r\n url = config.azRedirectUri + url;\r\n }\r\n let token = await getToken();\r\n let newHeaders = {\r\n Authorization: `Bearer ${token}`,\r\n \"X-XSRF-TOKEN\": getCookie(\"X-REQUEST-TOKEN\"),\r\n };\r\n if (headers) {\r\n Object.assign(newHeaders, headers);\r\n } else {\r\n Object.assign(newHeaders, { \"Content-Type\": \"application/json\" });\r\n }\r\n return [url, newHeaders];\r\n}\r\n\r\nfunction catchApiCall(error) {\r\n // log it\r\n console.error(error);\r\n // let the caller handle it\r\n throw error;\r\n}\r\n","import { msalInstance } from '../index';\r\n\r\nexport async function getToken(scope) {\r\n var request = {\r\n scopes: ['d0ed6353-0629-41f8-b4c9-3f96fea8558c/.default']\r\n }\r\n if (scope === 'graph') {\r\n request = {\r\n scopes: ['User.Read']\r\n }\r\n }\r\n \r\n var token = null;\r\n await msalInstance.acquireTokenSilent(request).then(response => {\r\n token = response.accessToken;\r\n return token;\r\n }).catch(err => {\r\n console.log('GetTokenSilent failed, using redirect');\r\n if (err?.name === 'InteractionRequiredAuthError') {\r\n msalInstance.acquireTokenRedirect(request).then(response => {\r\n token = response.accessToken;\r\n console.log('acquiretokenredirect: ' + token);\r\n return token;\r\n }).catch(err => {\r\n console.log('Acquire token failed: ' + err);\r\n });\r\n }\r\n })\r\n //console.log(\"token \" + token)\r\n return token;\r\n}\r\n\r\nexport async function getUsername() {\r\n const account = await msalInstance.getActiveAccount();\r\n if (account) {\r\n return account;\r\n }\r\n}\r\n\r\nexport function logout() {\r\n window.open('https://login.microsoftonline.com/16532572-d567-4d67-8727-f12f7bb6aed3/oauth2/logout');\r\n}","export const getCookie = cname => {\r\n var name = cname + \"=\";\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var ca = decodedCookie.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) == ' ') {\r\n c = c.substring(1);\r\n }\r\n if (c.indexOf(name) == 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n \r\n return \"\";\r\n}","import { getToken } from './authService';\r\n\r\nexport async function graphFetch(uri, headerParam) {\r\n const headers = new Headers();\r\n if (headerParam !== null) {\r\n Object.assign(headers, headerParam);\r\n }\r\n headers.append(\"Authorization\", `Bearer ${await getToken('graph')}`);\r\n headers.append(\"ConsistencyLevel\", \"eventual\");\r\n\r\n return fetch(uri, { method: \"GET\", headers });\r\n}\r\nexport async function fetchGraphData(resource, param, childSelector) {\r\n let apiUrl = `https://graph.microsoft.com/v1.0/${resource}`;\r\n apiUrl = param ? `${apiUrl}/${param}` : apiUrl;\r\n apiUrl = childSelector ? `${apiUrl}/${childSelector}` : apiUrl;\r\n\r\n return graphFetch(apiUrl)\r\n .then((response) => response.json())\r\n .catch((error) => {\r\n console.error(error);\r\n });\r\n}\r\n\r\nexport async function fetchAADGroupsByEmail(loginEmail) {\r\n return fetchGraphData(\"users\", `?$search=\"mail:${loginEmail}\"`).then(\r\n (user) => {\r\n if (!user.value.length > 0) {\r\n Object.assign(user, { error: { code: \"Request_ResourceNotFound\" } });\r\n return user;\r\n }\r\n\r\n return fetchGraphData(\r\n \"users\",\r\n encodeURIComponent(user.value[0].userPrincipalName),\r\n \"memberOf/microsoft.graph.group?$count=true&$select=displayName\"\r\n );\r\n }\r\n );\r\n}\r\n\r\nexport async function fetchAADMembersByTeamsID(teamsId) {\r\n return fetchGraphData(\"groups\", teamsId, \"members?$select=displayName,mail,userType\");\r\n}\r\n\r\nexport async function fetchAADOwnersByTeamsID(teamsId) {\r\n return fetchGraphData(\"groups\", teamsId, \"owners?$select=displayName,mail,userType\");\r\n}\r\n","import { compose, applyMiddleware, createStore } from 'redux';\r\nimport thunkMiddleware from 'redux-thunk';\r\nimport reducers from '../reducers';\r\nimport * as actions from '../actions';\r\n\r\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\r\nconst store = createStore(\r\n reducers,\r\n composeEnhancers(applyMiddleware(thunkMiddleware))\r\n);\r\n\r\nexport { actions, store };","/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\n\r\n/**\r\n * Enumeration of operations that are instrumented by have their performance measured by the PerformanceClient.\r\n *\r\n * @export\r\n * @enum {number}\r\n */\r\nexport enum PerformanceEvents {\r\n\r\n /**\r\n * acquireTokenByCode API (msal-browser and msal-node).\r\n * Used to acquire tokens by trading an authorization code against the token endpoint.\r\n */\r\n AcquireTokenByCode = \"acquireTokenByCode\",\r\n\r\n /**\r\n * acquireTokenByRefreshToken API (msal-browser and msal-node).\r\n * Used to renew an access token using a refresh token against the token endpoint.\r\n */\r\n AcquireTokenByRefreshToken = \"acquireTokenByRefreshToken\",\r\n\r\n /**\r\n * acquireTokenSilent API (msal-browser and msal-node).\r\n * Used to silently acquire a new access token (from the cache or the network).\r\n */\r\n AcquireTokenSilent = \"acquireTokenSilent\",\r\n\r\n /**\r\n * acquireTokenSilentAsync (msal-browser).\r\n * Internal API for acquireTokenSilent.\r\n */\r\n AcquireTokenSilentAsync = \"acquireTokenSilentAsync\",\r\n\r\n /**\r\n * acquireTokenPopup (msal-browser).\r\n * Used to acquire a new access token interactively through pop ups\r\n */\r\n AcquireTokenPopup = \"acquireTokenPopup\",\r\n\r\n /**\r\n * getPublicKeyThumbprint API in CryptoOpts class (msal-browser).\r\n * Used to generate a public/private keypair and generate a public key thumbprint for pop requests.\r\n */\r\n CryptoOptsGetPublicKeyThumbprint = \"cryptoOptsGetPublicKeyThumbprint\",\r\n\r\n /**\r\n * signJwt API in CryptoOpts class (msal-browser).\r\n * Used to signed a pop token.\r\n */\r\n CryptoOptsSignJwt = \"cryptoOptsSignJwt\",\r\n\r\n /**\r\n * acquireToken API in the SilentCacheClient class (msal-browser).\r\n * Used to read access tokens from the cache.\r\n */\r\n SilentCacheClientAcquireToken = \"silentCacheClientAcquireToken\",\r\n\r\n /**\r\n * acquireToken API in the SilentIframeClient class (msal-browser).\r\n * Used to acquire a new set of tokens from the authorize endpoint in a hidden iframe.\r\n */\r\n SilentIframeClientAcquireToken = \"silentIframeClientAcquireToken\",\r\n\r\n /**\r\n * acquireToken API in SilentRereshClient (msal-browser).\r\n * Used to acquire a new set of tokens from the token endpoint using a refresh token.\r\n */\r\n SilentRefreshClientAcquireToken = \"silentRefreshClientAcquireToken\",\r\n\r\n /**\r\n * ssoSilent API (msal-browser).\r\n * Used to silently acquire an authorization code and set of tokens using a hidden iframe.\r\n */\r\n SsoSilent = \"ssoSilent\",\r\n\r\n /**\r\n * getDiscoveredAuthority API in StandardInteractionClient class (msal-browser).\r\n * Used to load authority metadata for a request.\r\n */\r\n StandardInteractionClientGetDiscoveredAuthority = \"standardInteractionClientGetDiscoveredAuthority\",\r\n\r\n /**\r\n * acquireToken APIs in msal-browser.\r\n * Used to make an /authorize endpoint call with native brokering enabled.\r\n */\r\n FetchAccountIdWithNativeBroker = \"fetchAccountIdWithNativeBroker\",\r\n\r\n /**\r\n * acquireToken API in NativeInteractionClient class (msal-browser).\r\n * Used to acquire a token from Native component when native brokering is enabled.\r\n */\r\n NativeInteractionClientAcquireToken = \"nativeInteractionClientAcquireToken\",\r\n /**\r\n * Time spent creating default headers for requests to token endpoint\r\n */\r\n BaseClientCreateTokenRequestHeaders = \"baseClientCreateTokenRequestHeaders\",\r\n /**\r\n * Used to measure the time taken for completing embedded-broker handshake (PW-Broker).\r\n */\r\n BrokerHandhshake = \"brokerHandshake\",\r\n /**\r\n * acquireTokenByRefreshToken API in BrokerClientApplication (PW-Broker) .\r\n */\r\n AcquireTokenByRefreshTokenInBroker = \"acquireTokenByRefreshTokenInBroker\",\r\n /**\r\n * Time taken for token acquisition by broker\r\n */\r\n AcquireTokenByBroker = \"acquireTokenByBroker\",\r\n\r\n /**\r\n * Time spent on the network for refresh token acquisition\r\n */\r\n RefreshTokenClientExecuteTokenRequest = \"refreshTokenClientExecuteTokenRequest\",\r\n\r\n /**\r\n * Time taken for acquiring refresh token , records RT size\r\n */\r\n RefreshTokenClientAcquireToken = \"refreshTokenClientAcquireToken\",\r\n\r\n /**\r\n * Time taken for acquiring cached refresh token\r\n */\r\n RefreshTokenClientAcquireTokenWithCachedRefreshToken = \"refreshTokenClientAcquireTokenWithCachedRefreshToken\",\r\n\r\n /**\r\n * acquireTokenByRefreshToken API in RefreshTokenClient (msal-common).\r\n */\r\n RefreshTokenClientAcquireTokenByRefreshToken = \"refreshTokenClientAcquireTokenByRefreshToken\",\r\n\r\n /**\r\n * Helper function to create token request body in RefreshTokenClient (msal-common).\r\n */\r\n RefreshTokenClientCreateTokenRequestBody = \"refreshTokenClientCreateTokenRequestBody\",\r\n\r\n /**\r\n * acquireTokenFromCache (msal-browser).\r\n * Internal API for acquiring token from cache\r\n */\r\n AcquireTokenFromCache = \"acquireTokenFromCache\",\r\n\r\n /**\r\n * acquireTokenBySilentIframe (msal-browser).\r\n * Internal API for acquiring token by silent Iframe\r\n */\r\n AcquireTokenBySilentIframe = \"acquireTokenBySilentIframe\",\r\n\r\n /**\r\n * Internal API for initializing base request in BaseInteractionClient (msal-browser)\r\n */\r\n InitializeBaseRequest = \"initializeBaseRequest\",\r\n\r\n /**\r\n * Internal API for initializing silent request in SilentCacheClient (msal-browser)\r\n */\r\n InitializeSilentRequest = \"initializeSilentRequest\",\r\n\r\n InitializeClientApplication = \"initializeClientApplication\",\r\n\r\n /**\r\n * Helper function in SilentIframeClient class (msal-browser).\r\n */\r\n SilentIframeClientTokenHelper = \"silentIframeClientTokenHelper\",\r\n\r\n /**\r\n * SilentHandler\r\n */\r\n SilentHandlerInitiateAuthRequest = \"silentHandlerInitiateAuthRequest\",\r\n SilentHandlerMonitorIframeForHash = \"silentHandlerMonitorIframeForHash\",\r\n SilentHandlerLoadFrame = \"silentHandlerLoadFrame\",\r\n\r\n /**\r\n * Helper functions in StandardInteractionClient class (msal-browser)\r\n */\r\n StandardInteractionClientCreateAuthCodeClient = \"standardInteractionClientCreateAuthCodeClient\",\r\n StandardInteractionClientGetClientConfiguration = \"standardInteractionClientGetClientConfiguration\",\r\n StandardInteractionClientInitializeAuthorizationRequest = \"standardInteractionClientInitializeAuthorizationRequest\",\r\n StandardInteractionClientInitializeAuthorizationCodeRequest = \"standardInteractionClientInitializeAuthorizationCodeRequest\",\r\n\r\n /**\r\n * getAuthCodeUrl API (msal-browser and msal-node).\r\n */\r\n GetAuthCodeUrl = \"getAuthCodeUrl\",\r\n\r\n /**\r\n * Functions from InteractionHandler (msal-browser)\r\n */\r\n HandleCodeResponseFromServer = \"handleCodeResponseFromServer\",\r\n HandleCodeResponseFromHash = \"handleCodeResponseFromHash\",\r\n UpdateTokenEndpointAuthority = \"updateTokenEndpointAuthority\",\r\n\r\n /**\r\n * APIs in Authorization Code Client (msal-common)\r\n */\r\n AuthClientAcquireToken = \"authClientAcquireToken\",\r\n AuthClientExecuteTokenRequest = \"authClientExecuteTokenRequest\",\r\n AuthClientCreateTokenRequestBody = \"authClientCreateTokenRequestBody\",\r\n AuthClientCreateQueryString = \"authClientCreateQueryString\",\r\n\r\n /**\r\n * Generate functions in PopTokenGenerator (msal-common)\r\n */\r\n PopTokenGenerateCnf = \"popTokenGenerateCnf\",\r\n PopTokenGenerateKid = \"popTokenGenerateKid\",\r\n\r\n /**\r\n * handleServerTokenResponse API in ResponseHandler (msal-common)\r\n */\r\n HandleServerTokenResponse = \"handleServerTokenResponse\",\r\n\r\n /**\r\n * Authority functions\r\n */\r\n AuthorityFactoryCreateDiscoveredInstance = \"authorityFactoryCreateDiscoveredInstance\",\r\n AuthorityResolveEndpointsAsync = \"authorityResolveEndpointsAsync\",\r\n AuthorityGetCloudDiscoveryMetadataFromNetwork = \"authorityGetCloudDiscoveryMetadataFromNetwork\",\r\n AuthorityUpdateCloudDiscoveryMetadata = \"authorityUpdateCloudDiscoveryMetadata\",\r\n AuthorityGetEndpointMetadataFromNetwork = \"authorityGetEndpointMetadataFromNetwork\",\r\n AuthorityUpdateEndpointMetadata = \"authorityUpdateEndpointMetadata\",\r\n AuthorityUpdateMetadataWithRegionalInformation = \"authorityUpdateMetadataWithRegionalInformation\",\r\n\r\n /**\r\n * Region Discovery functions\r\n */\r\n RegionDiscoveryDetectRegion = \"regionDiscoveryDetectRegion\",\r\n RegionDiscoveryGetRegionFromIMDS = \"regionDiscoveryGetRegionFromIMDS\",\r\n RegionDiscoveryGetCurrentVersion = \"regionDiscoveryGetCurrentVersion\",\r\n\r\n AcquireTokenByCodeAsync = \"acquireTokenByCodeAsync\",\r\n\r\n GetEndpointMetadataFromNetwork = \"getEndpointMetadataFromNetwork\",\r\n GetCloudDiscoveryMetadataFromNetworkMeasurement = \"getCloudDiscoveryMetadataFromNetworkMeasurement\",\r\n\r\n HandleRedirectPromiseMeasurement= \"handleRedirectPromiseMeasurement\",\r\n\r\n UpdateCloudDiscoveryMetadataMeasurement = \"updateCloudDiscoveryMetadataMeasurement\",\r\n\r\n UsernamePasswordClientAcquireToken = \"usernamePasswordClientAcquireToken\",\r\n\r\n NativeMessageHandlerHandshake = \"nativeMessageHandlerHandshake\",\r\n\r\n /**\r\n * Cache operations\r\n */\r\n ClearTokensAndKeysWithClaims = \"clearTokensAndKeysWithClaims\",\r\n}\r\n\r\n/**\r\n * State of the performance event.\r\n *\r\n * @export\r\n * @enum {number}\r\n */\r\nexport enum PerformanceEventStatus {\r\n NotStarted,\r\n InProgress,\r\n Completed\r\n}\r\n\r\n/**\r\n * Fields whose value will not change throughout a request\r\n */\r\nexport type StaticFields = {\r\n /**\r\n * The Silent Token Cache Lookup Policy\r\n *\r\n * @type {?(number | undefined)}\r\n */\r\n cacheLookupPolicy?: number | undefined,\r\n\r\n /**\r\n * Size of the id token\r\n *\r\n * @type {number}\r\n */\r\n idTokenSize?: number,\r\n\r\n /**\r\n *\r\n * Size of the access token\r\n *\r\n * @type {number}\r\n */\r\n\r\n accessTokenSize?: number,\r\n\r\n /**\r\n *\r\n * Size of the refresh token\r\n *\r\n * @type {number}\r\n */\r\n\r\n refreshTokenSize?: number | undefined,\r\n\r\n /**\r\n * Application name as specified by the app.\r\n *\r\n * @type {?string}\r\n */\r\n appName?: string,\r\n\r\n /**\r\n * Application version as specified by the app.\r\n *\r\n * @type {?string}\r\n */\r\n appVersion?: string,\r\n\r\n /**\r\n * The following are fields that may be emitted in native broker scenarios\r\n */\r\n extensionId?: string,\r\n extensionVersion?: string\r\n matsBrokerVersion?: string;\r\n matsAccountJoinOnStart?: string;\r\n matsAccountJoinOnEnd?: string;\r\n matsDeviceJoin?: string;\r\n matsPromptBehavior?: string;\r\n matsApiErrorCode?: number;\r\n matsUiVisible?: boolean;\r\n matsSilentCode?: number;\r\n matsSilentBiSubCode?: number;\r\n matsSilentMessage?: string;\r\n matsSilentStatus?: number;\r\n matsHttpStatus?: number\r\n matsHttpEventCount?: number;\r\n httpVerToken?: string;\r\n httpVerAuthority?: string;\r\n\r\n /**\r\n * Native broker fields\r\n */\r\n allowNativeBroker?: boolean;\r\n extensionInstalled?: boolean;\r\n extensionHandshakeTimeoutMs?: number;\r\n extensionHandshakeTimedOut?: boolean;\r\n};\r\n\r\n/**\r\n * Fields whose value may change throughout a request\r\n */\r\nexport type Counters = {\r\n visibilityChangeCount?: number;\r\n incompleteSubsCount?: number;\r\n /**\r\n * Amount of times queued in the JS event queue.\r\n *\r\n * @type {?number}\r\n */\r\n queuedCount?: number\r\n /**\r\n * Amount of manually completed queue events.\r\n *\r\n * @type {?number}\r\n */\r\n queuedManuallyCompletedCount?: number;\r\n};\r\n\r\nexport type SubMeasurement = {\r\n name: PerformanceEvents,\r\n startTimeMs: number\r\n};\r\n\r\n/**\r\n * Performance measurement taken by the library, including metadata about the request and application.\r\n *\r\n * @export\r\n * @typedef {PerformanceEvent}\r\n */\r\nexport type PerformanceEvent = StaticFields & Counters & {\r\n /**\r\n * Unique id for the event\r\n *\r\n * @type {string}\r\n */\r\n eventId: string,\r\n\r\n /**\r\n * State of the perforance measure.\r\n *\r\n * @type {PerformanceEventStatus}\r\n */\r\n status: PerformanceEventStatus,\r\n\r\n /**\r\n * Login authority used for the request\r\n *\r\n * @type {string}\r\n */\r\n authority: string,\r\n\r\n /**\r\n * Client id for the application\r\n *\r\n * @type {string}\r\n */\r\n clientId: string\r\n\r\n /**\r\n * Correlation ID used for the request\r\n *\r\n * @type {string}\r\n */\r\n correlationId: string,\r\n\r\n /**\r\n * End-to-end duration in milliseconds.\r\n * @date 3/22/2022 - 3:40:05 PM\r\n *\r\n * @type {number}\r\n */\r\n durationMs?: number,\r\n\r\n /**\r\n * Visibility of the page when the event completed.\r\n * Read from: https://developer.mozilla.org/docs/Web/API/Page_Visibility_API\r\n *\r\n * @type {?(string | null)}\r\n */\r\n endPageVisibility?: string | null,\r\n\r\n /**\r\n * Whether the result was retrieved from the cache.\r\n *\r\n * @type {(boolean | null)}\r\n */\r\n fromCache?: boolean | null,\r\n\r\n /**\r\n * Event name (usually in the form of classNameFunctionName)\r\n *\r\n * @type {PerformanceEvents}\r\n */\r\n name: PerformanceEvents,\r\n\r\n /**\r\n * Visibility of the page when the event completed.\r\n * Read from: https://developer.mozilla.org/docs/Web/API/Page_Visibility_API\r\n *\r\n * @type {?(string | null)}\r\n */\r\n startPageVisibility?: string | null,\r\n\r\n /**\r\n * Unix millisecond timestamp when the event was initiated.\r\n *\r\n * @type {number}\r\n */\r\n startTimeMs: number,\r\n\r\n /**\r\n * Whether or the operation completed successfully.\r\n *\r\n * @type {(boolean | null)}\r\n */\r\n success?: boolean | null,\r\n\r\n /**\r\n * Add specific error code in case of failure\r\n *\r\n * @type {string}\r\n */\r\n errorCode?: string,\r\n\r\n /**\r\n * Add specific sub error code in case of failure\r\n *\r\n * @type {string}\r\n */\r\n subErrorCode?: string,\r\n\r\n /**\r\n * Name of the library used for the operation.\r\n *\r\n * @type {string}\r\n */\r\n libraryName: string,\r\n\r\n /**\r\n * Version of the library used for the operation.\r\n *\r\n * @type {string}\r\n */\r\n libraryVersion: string,\r\n\r\n /**\r\n * Whether the response is from a native component (e.g., WAM)\r\n *\r\n * @type {?boolean}\r\n */\r\n isNativeBroker?: boolean,\r\n\r\n /**\r\n * Request ID returned from the response\r\n *\r\n * @type {?string}\r\n */\r\n requestId?: string\r\n\r\n /**\r\n * Cache lookup policy\r\n *\r\n * @type {?number}\r\n */\r\n cacheLookupPolicy?: number | undefined,\r\n\r\n /**\r\n * Amount of time spent in the JS queue in milliseconds.\r\n *\r\n * @type {?number}\r\n */\r\n queuedTimeMs?: number,\r\n\r\n /**\r\n * Sub-measurements for internal use. To be deleted before flushing.\r\n */\r\n incompleteSubMeasurements?: MapProtiviti TEAMS Site Access Requests for Guest Users
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n