\n {activeSideTab === SYSTEM\n ? this.renderSystemFields()\n : (\n <>\n {this.renderSavedFields()}\n {this.renderNewFields()}\n \n )}\n
\n );\n }\n\n render() {\n const { newFields, disabled, requestPending, loading, activeTab, activeSideTab } = this.props;\n const { fields, showConfirm, tempField, showDeleteConfirm, conflictCount, editField } = this.state;\n const hitFieldLimit = (fields.length + newFields.length) > 79;\n const deleteFieldConfirmLabel = activeTab === SELF_PERFORM ? PEOPLE : activeTab;\n const itemCount = pluralize(deleteFieldConfirmLabel, conflictCount, true).toLowerCase();\n\n return (\n \n {showDeleteConfirm && (\n \n \n You have reached the maximum of 80 custom fields. Contact Bridgit Support for help. }\n \n )}\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, accountSettings }) {\n const loading = accountSettings.collectFieldsPending;\n const updating = accountSettings.updatePersonFieldsPending || accountSettings.updateProjectFieldsPending || accountSettings.updateHourlyPersonFieldsPending;\n const deleting = accountSettings.removePersonFieldsPending || accountSettings.removeProjectFieldsPending || accountSettings.removeHourlyPersonFieldsPending;\n const adding = accountSettings.addPersonFieldsPending || accountSettings.addProjectFieldsPending || accountSettings.addHourlyPersonFieldsPending;\n const requestPending = updating || deleting || adding || loading;\n\n return {\n accountId: common.accountId,\n loading,\n requestPending,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ProfileFields);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Divider,\n List,\n ListItem,\n ListItemText,\n ListSubheader,\n} from '@material-ui/core';\n\nexport class SelectionLists extends PureComponent {\n static propTypes = {\n lists: PropTypes.arrayOf(PropTypes.object).isRequired,\n selectList: PropTypes.func.isRequired,\n selectedListName: PropTypes.string.isRequired,\n disableUnselected: PropTypes.bool.isRequired,\n };\n\n selectList = field => () => {\n const { selectList, selectedListName } = this.props;\n selectList(field.name === selectedListName ? '' : field);\n };\n\n render() {\n const { lists, selectedListName, disableUnselected } = this.props;\n const classes = { selected: 'list-item-selected' };\n\n return (\n {`Are you sure you want to delete this field? It is currently used for ${itemCount}. This action cannot be undone.`}
\n \n )}\n {showConfirm && (\n Are you sure you want to cancel? All changes will be deleted.
\n \n )}\n {loading && (\n \n {activeSideTab === CUSTOM && (\n \n Add custom field\n \n )}\n {(newFields.length > 0 || editField) && (\n
\n {hitFieldLimit && \n
\n );\n }\n}\nexport default SelectionLists;\n","import React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport pluralize from 'pluralize';\nimport classNames from 'classnames';\nimport {\n Button,\n Divider,\n Grid,\n IconButton,\n List,\n ListItem,\n ListItemText,\n ListItemSecondaryAction,\n ListSubheader,\n Tooltip,\n} from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { OutlinedInput, EditControls } from '../wrapped-components';\nimport { Confirm, Modal } from '../common';\nimport { cloneDeep } from '../../utils/miscUtils';\nimport { validateListItem } from '../../utils/validators';\nimport { MAX_LIST_ITEM_LENGTH, MAX_LIST_LENGTH } from './redux/constants';\n\nexport class CustomLists extends PureComponent {\n static propTypes = {\n list: PropTypes.object.isRequired,\n onCancel: PropTypes.func.isRequired,\n updateSelectionList: PropTypes.func.isRequired,\n pending: PropTypes.bool,\n };\n\n static defaultProps = {\n pending: false,\n };\n\n constructor(props) {\n super(props);\n\n this.inputProps = { maxLength: MAX_LIST_ITEM_LENGTH };\n this.classes = {\n modal: { root: ' common-modal delete-list-item-modal' },\n subheader: { root: 'lists__subheader lists__flex' },\n listItem: { root: 'list-item-spacing' },\n listItemText: { root: 'form__li--small' },\n };\n\n this.state = {\n values: cloneDeep(naturalSort(props.list.definedValues, 'definedValue')),\n tempValue: '',\n hasChanged: false,\n showError: false,\n showEditError: false,\n confirmDeletingIndex: -1,\n preventDeleteModal: false,\n editIndex: -1,\n tempEditValue: '',\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { list } = this.props;\n if (list.name !== nextProps.list.name || list.definedValues.length !== nextProps.list.definedValues.length) {\n this.setState({\n values: cloneDeep(naturalSort(nextProps.list.definedValues, 'definedValue')),\n hasChanged: false,\n });\n }\n }\n\n setValue = (e) => {\n this.setState({\n tempValue: e.currentTarget.value,\n });\n }\n\n setEditValue = (e) => {\n this.setState({\n tempEditValue: e.currentTarget.value,\n });\n }\n\n onCancel = () => {\n const { onCancel } = this.props;\n onCancel();\n }\n\n onSubmit = (values, preventClose) => {\n const { updateSelectionList, list } = this.props;\n const submitValues = values.map(value => ({ valueId: value.valueId, definedValue: value.definedValue, forRemoval: value.forRemoval }));\n updateSelectionList(list.name, submitValues, list.id, preventClose);\n }\n\n removeItem = (index, inUse) => () => {\n const { values } = this.state;\n const { list } = this.props;\n\n if (inUse && list.isRequired) {\n this.setState({\n preventDeleteModal: true,\n });\n } else if (list.id) {\n if (!inUse) {\n const newValues = [...values];\n newValues[index] = {\n ...newValues[index],\n forRemoval: true,\n };\n this.onSubmit(newValues, true);\n this.setState({\n showError: false,\n });\n } else {\n this.setState({\n confirmDeletingIndex: index,\n });\n }\n } else {\n // remove item from index from an immutable array\n const newValues = values.filter((_, valueIndex) => valueIndex !== index);\n this.setState({\n values: newValues,\n hasChanged: true,\n showError: false,\n });\n }\n }\n\n checkEnter = (e) => {\n const { list } = this.props;\n const { showError, values } = this.state;\n const value = e.currentTarget.value.trim();\n\n if (e.keyCode === 13) {\n if (value.length === 0) {\n return;\n }\n\n if (validateListItem(values, 'definedValue', value)) {\n const { values } = this.state;\n const newValues = naturalSort([...values, { definedValue: value }], 'definedValue');\n this.setState({\n values: newValues,\n tempValue: '',\n hasChanged: true,\n });\n if (list.id) {\n this.onSubmit(newValues, true);\n }\n } else {\n this.setState({\n showError: true,\n });\n }\n } else if (showError) {\n this.setState({\n showError: false,\n });\n }\n }\n\n checkEditEnter = (e) => {\n const { showEditError, values, editIndex } = this.state;\n const { list } = this.props;\n\n if (e.keyCode === 13) {\n const value = e.currentTarget.value.trim();\n\n if (value.length === 0) {\n const { editIndex, values } = this.state;\n const existingValue = values[editIndex];\n this.removeItem(existingValue.definedValue);\n this.setState({\n tempEditValue: '',\n editIndex: -1,\n });\n } else if (validateListItem(values, 'definedValue', value, editIndex)) {\n const { values, editIndex } = this.state;\n const newValues = [...values];\n newValues[editIndex].definedValue = value;\n this.setState({\n values: newValues,\n tempEditValue: '',\n hasChanged: true,\n editIndex: -1,\n });\n\n if (list.id) {\n this.onSubmit(newValues, true);\n }\n } else {\n this.setState({\n showEditError: true,\n });\n }\n } else if (showEditError) {\n this.setState({\n showEditError: false,\n });\n }\n }\n\n onSave = () => {\n const { values } = this.state;\n this.onSubmit(values, false);\n }\n\n hideModal = () => {\n this.setState({\n confirmDeletingIndex: -1,\n preventDeleteModal: false,\n });\n }\n\n onDeleteUnRequiredField = () => {\n const { values, confirmDeletingIndex } = this.state;\n\n const newValues = [...values];\n newValues[confirmDeletingIndex] = {\n ...newValues[confirmDeletingIndex],\n forRemoval: true,\n };\n this.onSubmit(newValues, true);\n\n this.hideModal();\n }\n\n editItem = (e) => {\n const { values, editIndex } = this.state;\n const index = parseInt(e.currentTarget.dataset.id, 10);\n if (editIndex !== index) {\n this.setState({\n editIndex: index,\n tempEditValue: values[index].definedValue,\n });\n }\n }\n\n exitEdit = () => {\n this.setState({\n editIndex: -1,\n tempEditValue: '',\n });\n }\n\n render() {\n const {\n values,\n tempValue,\n hasChanged,\n showError,\n showEditError,\n confirmDeletingIndex,\n preventDeleteModal,\n editIndex,\n tempEditValue,\n } = this.state;\n const { list, pending } = this.props;\n const isNewList = !list.id;\n\n return (\n Select a list below to view and edit their content
\n\n- \n
Since this is a required field, you cannot delete this item while it is in use.
\n \n )}\n\n {confirmDeletingIndex !== -1 && (\n This item is currently in use. Are you sure you want to delete it?
\n \n )}\n - \n
- \n
\n {`The limit of ${MAX_LIST_LENGTH} list items has been reached`}\n
\n )\n : (\n \n \n Manage Defaults\n \n )}\n \n \n \n )}\n\n {showEdit && (\n \n \n \n \n )}\n\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ launchDarkly }) {\n const { defaultCostRate: defaultCostRateFlag } = launchDarkly;\n\n return {\n defaultCostRateFlag,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(CustomField);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { cloneDeep } from '../../utils/miscUtils';\nimport { OutlinedInput } from '../wrapped-components';\nimport { FieldTypeMap } from '../../common/constants';\nimport CancelButton from '../common/CancelButton';\nimport { RequiredToggle, PrivateToggle } from '.';\n\nexport class CustomFieldEdit extends PureComponent {\n static propTypes = {\n field: PropTypes.object.isRequired,\n onUpdateField: PropTypes.func.isRequired,\n onDeleteField: PropTypes.func.isRequired,\n allFields: PropTypes.array.isRequired,\n currentId: PropTypes.number,\n isSystemField: PropTypes.bool,\n showRequiredToggle: PropTypes.bool,\n showPrivateToggle: PropTypes.bool,\n };\n\n static defaultProps = {\n isSystemField: false,\n currentId: -1,\n showRequiredToggle: true,\n showPrivateToggle: true,\n }\n\n inputProps = {\n OutlinedInput: { maxLength: 50 },\n }\n\n onTitleChange = (e) => {\n const { field, onUpdateField } = this.props;\n const clonedField = cloneDeep(field);\n\n clonedField.name = e.currentTarget.value;\n clonedField.nameError = false;\n\n onUpdateField(clonedField);\n }\n\n onRequiredChange = () => {\n const { onUpdateField, field } = this.props;\n const clonedField = cloneDeep(field);\n\n clonedField.isRequired = !clonedField.isRequired;\n\n onUpdateField(clonedField);\n }\n\n onPrivateChange = () => {\n const { onUpdateField, field } = this.props;\n const clonedField = cloneDeep(field);\n\n clonedField.isPrivate = !clonedField.isPrivate;\n\n onUpdateField(clonedField);\n }\n\n validateTrimName = () => {\n const { field, onUpdateField } = this.props;\n const errorField = cloneDeep(field);\n\n errorField.name = errorField.name.trim();\n\n if (!errorField.name) {\n errorField.nameError = 'empty';\n } else if (!this.isUniqueName(errorField.name)) {\n errorField.nameError = 'unique';\n }\n\n onUpdateField(errorField);\n }\n\n trimName = () => {\n const { field, onUpdateField } = this.props;\n const clonedField = cloneDeep(field);\n clonedField.name = clonedField.name.trim();\n onUpdateField(clonedField);\n }\n\n isUniqueName = (name) => {\n const { allFields, currentId } = this.props;\n const reservedFieldNames = ['notes'];\n const lowerName = name.toLowerCase();\n\n for (let i = 0; i < allFields.length; i += 1) {\n const field = allFields[i];\n if ((field?.name?.toLowerCase() === lowerName && field.id !== currentId) || reservedFieldNames.includes(lowerName)) {\n return false;\n }\n }\n\n return true;\n }\n\n render() {\n const { field, onDeleteField, isSystemField, showRequiredToggle, showPrivateToggle } = this.props;\n const isList = field.type === 'SingleSelect' || field.type === 'MultiSelect';\n\n return (\n \n
\n \n
\n );\n }\n}\nexport default CustomFieldEdit;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n IconButton,\n Tooltip,\n} from '@material-ui/core';\nimport { Star, StarBorder } from '@material-ui/icons';\n\nexport class RequiredToggle extends PureComponent {\n static propTypes = {\n onClick: PropTypes.func,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n type: PropTypes.string,\n };\n\n static defaultProps = {\n onClick: () => {},\n disabled: false,\n required: true,\n type: 'view',\n }\n\n render() {\n const { onClick, required, disabled, type } = this.props;\n const isViewOnly = type === 'view';\n const title = required ? 'Click to make field non-mandatory' : 'Click to make field mandatory';\n const star = required\n ? \n \n {option.display}\n \n ))}\n \n\n {isList && (!field.definedValues?.length) && (\n \n Create a list\n \n )}\n\n {isList && field.definedValues?.length > 0 && (\n
\n );\n}\n\nCustomFieldAdd.propTypes = {\n field: PropTypes.object.isRequired,\n onBlur: PropTypes.func.isRequired,\n onFieldRemove: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n onTypeChange: PropTypes.func.isRequired,\n onRequiredChange: PropTypes.func.isRequired,\n onPrivateChange: PropTypes.func.isRequired,\n onCreateList: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n id: PropTypes.string.isRequired,\n disabledFieldTypes: PropTypes.array.isRequired,\n};\n\nCustomFieldAdd.defaultProps = {\n disabled: false,\n};\n\nexport default CustomFieldAdd;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { VisibilityOutlined, VisibilityOff } from '@material-ui/icons';\n\nfunction PrivateToggle({\n onClick,\n disabled,\n isPrivate,\n type,\n tooltipMessage,\n}) {\n const message = isPrivate ? 'Click to make field non-private' : 'Click to make field private';\n const tooltip = tooltipMessage || message;\n const classes = classNames('icon--private', { 'icon-disabled': disabled });\n const icon = isPrivate\n ? \n {activePhase\n ? (\n
\n );\n }\n\n updatePhases = (newPhases) => {\n const { accountId, actions } = this.props;\n actions.updatePhases(accountId, newPhases);\n }\n\n updateSubPhases = (newSubPhases) => {\n const { accountId, actions } = this.props;\n const { activePhase } = this.state;\n actions.updateSubPhases(accountId, activePhase.id, newSubPhases);\n }\n\n render() {\n const { phases, getPhasesPending } = this.props;\n const { editing, activePhase, activeSubPhase, editingSubPhase } = this.state;\n\n return (\n \n
\n \n
\n {pluralize('phase', phases.length, true)}
\n {phases.length >= PHASES_LIMIT &&Limit for phases reached
}\n\n 
\n
\n )\n : (\n Click the blue + button to add your first phase
\n\n \n \n \n \n
\n )}\n \n {editing && this.renderPhaseForm()}\n
\n {`Are you sure you want to delete the certification${name ? ` \"${name}\"` : ''} and any attachments associated with it?`}
\n {`It will be removed from the ${pluralInUse} it was added to.`}
\n \n )\n : {`Are you sure you want to delete the certification${name ? ` \"${name}\"` : ''}?`}
\n ), [name, pluralInUse]);\n\n const isDeleteDisabled = useMemo(\n () => getAccountCertificationByIdPending || !!getAccountCertificationByIdError || !name,\n [getAccountCertificationByIdPending, getAccountCertificationByIdError, name],\n );\n\n return (\n \n {getAccountCertificationByIdPending\n ?
\n \n );\n};\n\nDeleteCertificationModal.propTypes = {\n open: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n certificationId: PropTypes.number.isRequired,\n};\n\nexport default DeleteCertificationModal;\n","import React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, NavigateBack } from '@bridgit/foundation';\nimport {\n Divider,\n FormControlLabel,\n FormGroup,\n Checkbox,\n} from '@material-ui/core';\nimport pluralize from 'pluralize';\n\nimport { EditButton } from '../wrapped-components';\nimport DeleteCertificationModal from './DeleteCertificationModal';\n\nconst CertificationDetails = ({ certification, onClose, onEdit }) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const { name, daysWarnBeforeExpire, requireExpiration, id } = certification;\n\n const toggleModal = useCallback(open => () => setIsModalOpen(open), []);\n\n return (\n \n
\n );\n};\n\nCertificationDetails.propTypes = {\n certification: PropTypes.object,\n onClose: PropTypes.func.isRequired,\n onEdit: PropTypes.func.isRequired,\n};\n\nCertificationDetails.defaultProps = {\n certification: {},\n};\n\nexport default CertificationDetails;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport {\n Checkbox,\n Divider,\n FormControlLabel,\n FormHelperText,\n Grid,\n InputLabel,\n TextField,\n} from '@material-ui/core';\nimport { Button, HelpTooltip, EditControls } from '@bridgit/foundation';\n\nimport DeleteCertificationModal from './DeleteCertificationModal';\nimport { isEmptyObject } from '../../utils/miscUtils';\nimport { addAccountCertification, updateAccountCertification } from './redux/actions';\nimport { generateAbbreviation, trimField } from '../../utils/formatters';\nimport {\n composeFormValidators,\n isRequired,\n isNumberInRange,\n isLengthInRange,\n isValueInUse,\n} from '../../utils/validators';\nimport { AUTOMATION_CERTIFICATION_NAME_TEXTFIELD_ID, AUTOMATION_CERTIFICATION_SHORTFORM_TEXTFIELD_ID } from './ids';\n\nconst CertificationForm = ({ certification, onClose, onEditClose }) => {\n const dispatch = useDispatch();\n\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [abbreviationDefault, setAbbreviationDefault] = useState('');\n const { accountId } = useSelector(({ common }) => common);\n const { certifications } = useSelector(({ accountSettings }) => accountSettings);\n\n const toggleModal = useCallback(open => () => setIsModalOpen(open), []);\n\n const isEditing = useMemo(() => !!certification, [certification]);\n\n // Filter out the current certification so its name/abbreviation\n // doesn't cause a unique form error\n const uniqueCertifications = useMemo(\n () => (\n isEditing\n ? certifications.filter(cert => cert.id !== certification.id)\n : certifications\n ),\n [isEditing, certifications, certification],\n );\n\n // Default to a disabled form if not editing\n const [disabled, setDisabled] = useState(!isEditing);\n\n // Reset abbreviation on certification change\n useEffect(() => {\n setAbbreviationDefault(certification?.abbreviation || '');\n }, [certification]);\n\n const onSubmit = useCallback((data) => {\n const daysWarnBeforeExpireInt = parseInt(data.daysWarnBeforeExpire, 10);\n const actionData = {\n ...data,\n daysWarnBeforeExpire: data.requireWarningRange && !Number.isNaN(daysWarnBeforeExpireInt)\n ? daysWarnBeforeExpireInt\n : null,\n };\n\n if (isEditing) {\n dispatch(updateAccountCertification(accountId, certification.id, actionData));\n return onEditClose();\n }\n\n dispatch(addAccountCertification(accountId, actionData));\n return onClose();\n }, [accountId, certification, dispatch, isEditing, onClose, onEditClose]);\n\n const onNameChange = useCallback(onChange => (event) => {\n const name = event.target.value.trim();\n const abbreviation = generateAbbreviation(name);\n\n onChange(event);\n setAbbreviationDefault(abbreviation);\n setDisabled(!name.length);\n }, []);\n\n const renderNameTextField = useCallback(({ input, meta }) => (\n <>\n \n
\n\n \n {name}\n \n Expiration date required}\n control={(\n \n {daysWarnBeforeExpire && (\n \n {`Warning ${pluralize('day', daysWarnBeforeExpire, true)} before expiration`}\n \n )}\n
\n\n \n
\n\n \n Warning \n days before expiration \n
\n \n (\n <>\n \n \n \n\n \n \n\n \n \n \n\n
\n );\n};\n\nCertificationForm.propTypes = {\n certification: PropTypes.object,\n onClose: PropTypes.func.isRequired,\n onEditClose: PropTypes.func.isRequired,\n};\n\nCertificationForm.defaultProps = {\n certification: null,\n};\n\nexport default CertificationForm;\n","const AUTOMATION_CERTIFICATION_NAME_TEXTFIELD_ID = 'AUTOMATION_CERTIFICATION_NAME_TEXTFIELD_ID';\nconst AUTOMATION_CERTIFICATION_SHORTFORM_TEXTFIELD_ID = 'AUTOMATION_CERTIFICATION_SHORTFORM_TEXTFIELD_ID';\n\nexport { AUTOMATION_CERTIFICATION_NAME_TEXTFIELD_ID,\n AUTOMATION_CERTIFICATION_SHORTFORM_TEXTFIELD_ID };\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { SplitMenu, MenuListItem } from '@bridgit/foundation';\nimport { getAccountCertifications } from './redux/actions';\nimport CertificationDetails from './CertificationDetails';\nimport CertificationForm from './CertificationForm';\nimport { isAuthorized } from '../permissions/utils/permissionUtils';\nimport { PERM_WRITE, PERM_PERSON } from '../permissions/utils/constants';\n\nconst Certifications = () => {\n const dispatch = useDispatch();\n\n const [activeCertificationId, setActiveCertificationId] = useState();\n const [isAdding, setIsAdding] = useState();\n const [isEditing, setIsEditing] = useState();\n const { accountId } = useSelector(({ common }) => common);\n const { permissions } = useSelector(({ login: { userInfo } }) => userInfo);\n const {\n certifications,\n getAccountCertificationsPending,\n } = useSelector(({ accountSettings }) => accountSettings);\n\n const hasPeoplePerms = useMemo(\n () => isAuthorized(accountId, permissions, PERM_WRITE, PERM_PERSON),\n [accountId, permissions],\n );\n\n const activeCertification = useMemo(\n () => certifications.find(cert => cert.id === activeCertificationId),\n [activeCertificationId, certifications],\n );\n\n const isMenuActive = useMemo(\n () => !!activeCertification || isAdding,\n [activeCertification, isAdding],\n );\n\n const onAdd = useCallback(() => {\n setIsAdding(true);\n setIsEditing(false);\n setActiveCertificationId(null);\n }, []);\n\n const onEdit = useCallback(() => {\n setIsEditing(true);\n }, []);\n\n const onClose = useCallback(() => {\n setIsAdding(false);\n setIsEditing(false);\n setActiveCertificationId(null);\n }, []);\n\n const onEditClose = useCallback(() => {\n setIsEditing(false);\n }, []);\n\n const onCertificationClick = useCallback(certificationId => () => {\n setIsAdding(false);\n setIsEditing(false);\n setActiveCertificationId(certificationId);\n }, []);\n\n // Load account certifications on render\n useEffect(() => {\n dispatch(getAccountCertifications(accountId));\n\n return () => onClose();\n }, [dispatch, accountId, onClose]);\n\n const renderCertificationListItem = useCallback((certification) => {\n const { id, name } = certification;\n\n return (\n \n
\n \n )}\n />\n\n {isEditing && (\n \n (\n
\n \n \n Click the blue + button to add your first certification\n
\n )\n ), [isAdding]);\n\n const activeMenu = useMemo(() => (\n !isAdding && !isEditing\n ? (\n \n \n Title \n {error} \n )}\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common }) {\n return {\n accountId: common.accountId,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(AddPhaseForm);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n Input,\n FormHelperText,\n FormControlLabel,\n Checkbox,\n Typography,\n} from '@material-ui/core';\nimport { AddCircle } from '@material-ui/icons';\nimport { Button, NavigateBack } from '@bridgit/foundation';\nimport { SUB_PHASES_LIMIT } from 'src/common/constants';\nimport { Confirm } from '../common';\nimport { EditControls, EditButton } from '../wrapped-components';\nimport { AddSubPhaseForm } from '.';\n\nexport function EditPhase({\n accountId,\n activePhase,\n deletePhase,\n updatePhase,\n updatePhasePending,\n closeEditor,\n phases,\n addSubPhase,\n addSubPhasePending,\n setEditingSubPhase,\n editingSubPhase,\n activeSubPhase,\n deleteSubPhase,\n updateSubPhase,\n updateSubPhasePending,\n}) {\n const [confirming, setConfirming] = useState(false);\n const [editing, setEditing] = useState(false);\n const [name, setName] = useState(activePhase.name);\n const [subName, setSubName] = useState(activeSubPhase ? activeSubPhase.name : '');\n const [error, setError] = useState(null);\n const [includeOnNewProjects, setIncludeOnNewProjects] = useState(activePhase.includeOnNewProjects);\n\n const cancelConfirm = () => setConfirming(false);\n\n const handleEditClick = () => {\n if (activeSubPhase) setSubName(activeSubPhase.name);\n setEditing(true);\n };\n\n const handleAddSubPhaseClick = () => setEditingSubPhase(true);\n\n const closeAdding = () => setEditingSubPhase(false);\n\n const cancelEdit = () => {\n setEditing(false);\n setName(activePhase.name);\n setIncludeOnNewProjects(activePhase.includeOnNewProjects);\n setError(null);\n if (activeSubPhase) setSubName(activeSubPhase.name);\n };\n\n const handleDeletePhase = () => {\n if (activeSubPhase) {\n deleteSubPhase(parseInt(activeSubPhase.id, 10));\n } else {\n deletePhase(parseInt(activePhase.id, 10));\n }\n setConfirming(false);\n };\n\n const handleDeleteClick = () => {\n const projectsWithPhase = activeSubPhase ? activeSubPhase.projects : activePhase.projects;\n if (projectsWithPhase && projectsWithPhase.length) {\n setConfirming(true);\n } else {\n handleDeletePhase();\n }\n };\n\n const handleSave = () => {\n if (activeSubPhase) {\n const data = { name: subName };\n updateSubPhase(accountId, parseInt(activePhase.id, 10), parseInt(activeSubPhase.id, 10), data);\n } else {\n const data = { name, includeOnNewProjects };\n updatePhase(accountId, parseInt(activePhase.id, 10), data);\n }\n setEditing(false);\n };\n\n const validate = (name) => {\n let isNotUnique = phases.some((phase) => {\n const phaseMatch = phase.name.toLowerCase() === name;\n const subMatch = phase.subPhases ? phase.subPhases.find(sp => sp.name.toLowerCase() === name) : false;\n return phaseMatch || subMatch;\n });\n\n if (activeSubPhase) {\n isNotUnique = isNotUnique && name !== activeSubPhase.name.toLowerCase();\n } else {\n isNotUnique = isNotUnique && name !== activePhase.name.toLowerCase();\n }\n const isEmpty = !name.length;\n let error = null;\n\n if (isEmpty) {\n error = 'Please enter a name';\n } else if (isNotUnique) {\n error = `${activeSubPhase ? 'Sub-phase' : 'Phase'} name must be unique`;\n }\n setError(error);\n };\n\n const onNameChange = (e) => {\n const newName = e.target.value;\n validate(newName.trim().toLowerCase());\n if (activeSubPhase) {\n setSubName(newName);\n } else {\n setName(newName);\n }\n };\n\n const toggleIncludeOnNewProjects = () => {\n setIncludeOnNewProjects(!includeOnNewProjects);\n };\n\n const isDisabled = () => error !== null || !name.length;\n\n const checkEnter = (e) => {\n const disabled = isDisabled();\n if (e.keyCode === 13 && !disabled) {\n handleSave();\n }\n };\n\n useEffect(() => {\n if (activeSubPhase) {\n setSubName(activeSubPhase.name);\n } else {\n setName(activePhase.name);\n setIncludeOnNewProjects(activePhase.includeOnNewProjects);\n }\n setEditing(false);\n setError(null);\n }, [activeSubPhase, activePhase]);\n\n const renderAddSub = () => {\n if (activeSubPhase) return null;\n return activePhase.subPhases && activePhase.subPhases.length < SUB_PHASES_LIMIT\n ? (\n Limit for sub-phases reached
;\n };\n\n return (\n\n {editingSubPhase ? (\n \n
\n );\n}\n\nEditPhase.propTypes = {\n accountId: PropTypes.number.isRequired,\n activePhase: PropTypes.object.isRequired,\n deletePhase: PropTypes.func.isRequired,\n updatePhase: PropTypes.func.isRequired,\n updatePhasePending: PropTypes.bool.isRequired,\n closeEditor: PropTypes.func.isRequired,\n phases: PropTypes.array.isRequired,\n addSubPhase: PropTypes.func.isRequired,\n addSubPhasePending: PropTypes.bool.isRequired,\n setEditingSubPhase: PropTypes.func.isRequired,\n editingSubPhase: PropTypes.bool.isRequired,\n activeSubPhase: PropTypes.object,\n deleteSubPhase: PropTypes.func.isRequired,\n updateSubPhase: PropTypes.func.isRequired,\n updateSubPhasePending: PropTypes.bool.isRequired,\n};\n\nEditPhase.defaultProps = {\n activeSubPhase: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common }) {\n return {\n accountId: common.accountId,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(EditPhase);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport deepEqual from 'react-fast-compare';\nimport pluralize from 'pluralize';\nimport { TextField, InputAdornment, LinearProgress } from '@material-ui/core';\nimport { Clear, Search } from '@material-ui/icons';\nimport { DEACTIVATED_VIEW } from 'src/common/constants';\nimport { SORT_STORAGE_KEY, getStorageKey } from 'src/common/localStorageKeys';\nimport * as peopleActions from '../people/redux/actions';\nimport { Table, SortableTableCell } from '../table';\nimport { PeopleProfile } from '../people';\nimport { filterTable, sortTable } from '../table/filterUtils';\nimport { getValidatedLocalStorage } from '../../utils/validators';\nimport { DEFAULT_PEOPLE_SORT, DEACTIVATED_PEOPLE_SELECTION_ID } from '../people/redux/constants';\nimport { setSortQuery, clearQueries, setSearchQuery } from '../queries/redux/actions';\nimport { DEACTIVATED_PEOPLE_QUERY_ID } from '../queries/redux/constants';\n\nexport class DeactivatedPeople extends PureComponent {\n static propTypes = {\n peopleActions: PropTypes.object.isRequired,\n accountId: PropTypes.number.isRequired,\n userId: PropTypes.string.isRequired,\n people: PropTypes.object.isRequired,\n setSortQuery: PropTypes.func.isRequired,\n setSearchQuery: PropTypes.func.isRequired,\n clearQueries: PropTypes.func.isRequired,\n queries: PropTypes.object,\n selectedPerson: PropTypes.object,\n };\n\n static defaultProps = {\n selectedPerson: null,\n queries: {},\n }\n\n constructor(props) {\n super(props);\n\n const { accountId, userId } = props;\n\n const sortStorageKey = getStorageKey(DEACTIVATED_VIEW, accountId, SORT_STORAGE_KEY, userId);\n this.sortStorageKey = sortStorageKey;\n\n this.columns = [{\n name: 'Name',\n type: 'Text',\n }];\n\n this.state = {\n sortStorageKey,\n tableData: [],\n };\n }\n\n componentDidMount() {\n const { accountId, peopleActions, setSortQuery, clearQueries } = this.props;\n\n // We need the list of people who are not deactivated to show them in\n // the project details modal if the user clicks on any of the projects\n // associated with a deactivated person.\n peopleActions.getPeople(accountId);\n peopleActions.getDeactivatedPeople(accountId);\n peopleActions.getPersonFieldValues(accountId, 'deactivated');\n\n clearQueries(DEACTIVATED_PEOPLE_QUERY_ID);\n setSortQuery(\n DEACTIVATED_PEOPLE_QUERY_ID,\n getValidatedLocalStorage(this.sortStorageKey) || DEFAULT_PEOPLE_SORT,\n this.sortStorageKey,\n );\n }\n\n componentDidUpdate = (prevProps) => {\n const { people, queries, accountId, peopleActions, selectedPerson } = this.props;\n\n const peopleChanged = prevProps.people.getPeoplePending && !people.getPeoplePending;\n const deactivatedPeopleChanged = prevProps.people.getDeactivatedPeoplePending && !people.getDeactivatedPeoplePending;\n const personUpdated = prevProps.people.updatePersonPending && !people.updatePersonPending;\n const profilePicUpdated = prevProps.people.setProfilePicturePending && !people.setProfilePicturePending;\n const personReactivated = prevProps.people.reactivatePersonPending && !people.reactivatePersonPending;\n const queryChanged = !deepEqual(prevProps.queries, queries);\n const isAccountChanged = accountId !== prevProps.accountId;\n\n if (isAccountChanged) peopleActions.getDeactivatedPeople(accountId);\n\n if (deactivatedPeopleChanged || peopleChanged || queryChanged || personReactivated || personUpdated || profilePicUpdated) {\n const parsedPeople = this.parsePeople(people.deactivatedPeople, people.unavailabilities);\n const tableData = this.mapRows(parsedPeople, queries);\n\n if (tableData && tableData.length && !selectedPerson) {\n if (tableData[0].rowMeta && tableData[0].rowMeta.rawData && tableData[0].rowMeta.rawData.id) {\n peopleActions.getPersonById(accountId, tableData[0].rowMeta.rawData.id, DEACTIVATED_PEOPLE_SELECTION_ID, 'Deactivated');\n }\n }\n\n if ((!tableData || !tableData.length) && selectedPerson) {\n peopleActions.clearPersonSelection(DEACTIVATED_PEOPLE_SELECTION_ID);\n }\n\n this.updateTableState(tableData);\n }\n }\n\n updateTableState = tableData => this.setState({ tableData })\n\n parsePeople = (deactivatedPeople, unavailabilities) => deactivatedPeople.map((person) => {\n const pous = unavailabilities.find(pou => person.id === pou.personId);\n return {\n ...person,\n unavailabilities: (pous && pous.unavailabilities) || [],\n };\n })\n\n mapRows = (deactivatedPeople, queries) => {\n if (!deactivatedPeople) return [];\n const sortQuery = queries.sort;\n\n const people = deactivatedPeople.map(person => ({\n rowMeta: {\n rawData: { ...person, Name: person.name },\n },\n rowData: [person.name],\n rowId: person.id,\n }));\n\n return sortTable(sortQuery, filterTable(queries.search, people));\n }\n\n handleSetSearchQuery = (queryString) => {\n const { setSearchQuery } = this.props;\n\n const query = {\n name: 'search',\n args: [queryString],\n };\n\n setSearchQuery(DEACTIVATED_PEOPLE_QUERY_ID, query, this.sortStorageKey);\n }\n\n onSearchChange = (evt) => {\n this.handleSetSearchQuery(evt.target.value);\n }\n\n onClearSearch = () => {\n this.handleSetSearchQuery('');\n }\n\n onRowClick = (rowId, rowMeta) => {\n const { peopleActions, accountId } = this.props;\n const { getPersonById } = peopleActions;\n\n getPersonById(accountId, rowMeta.rawData.id, DEACTIVATED_PEOPLE_SELECTION_ID, 'Deactivated');\n }\n\n activatePerson = () => {\n const { peopleActions, accountId, selectedPerson } = this.props;\n peopleActions.reactivatePerson(accountId, selectedPerson.id);\n peopleActions.clearPersonSelection(DEACTIVATED_PEOPLE_SELECTION_ID);\n }\n\n onUpdateColumnSort = (sortQuery) => {\n const { setSortQuery } = this.props;\n const { sortStorageKey } = this.state;\n setSortQuery(DEACTIVATED_PEOPLE_QUERY_ID, sortQuery, sortStorageKey);\n }\n\n renderLoading = () => (\n <>\n \n
\n \n {editing\n ? (\n <>\n {error} \n )}\n \n ) : (\n
\n \n {activeSubPhase ? subName : name} \n {renderAddSub()}\n
\n )}\n {!activeSubPhase && (\n \n
\n )}\n \n \n {`Delete ${activeSubPhase ? 'Sub-' : ''}Phase`}\n \n {editing && (\n
\n {confirming && (\n \n
\n \n )}\n \n )}\n {`Are you sure you want to delete the ${activeSubPhase ? `sub-phase \"${activeSubPhase.name}\"` : `phase \"${name}\" and any sub-phases associated with it`}?`}
\n{`It will be removed from the ${activeSubPhase ? activeSubPhase.projects.length : activePhase.projects.length} projects it was added to.`}
\n\n
\n Deactivated People
\n \n
\n \n )\n\n renderColumn = (column) => {\n const { queries } = this.props;\n return (\n \n \n \n {filterString.length > 0 && (\n \n ),\n classes: {\n root: 'filter-text-field',\n focused: 'focused',\n },\n }}\n />\n
\n Deactivated People
\n {pluralize('Person', people.deactivatedPeople.length, true)}
\n \n
\n \n );\n }\n\n render() {\n const { people } = this.props;\n\n return (\n \n
\n {selectedPerson && (\n \n {people.getPeoplePending\n ? this.renderLoading()\n : this.renderContent()}\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people, common, queries, login }) {\n const { sub: userId } = login.userInfo;\n const { personSelections } = people;\n\n return {\n userId,\n people,\n accountId: common.accountId,\n queries: queries[DEACTIVATED_PEOPLE_QUERY_ID],\n selectedPerson: personSelections[DEACTIVATED_PEOPLE_SELECTION_ID],\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n peopleActions: bindActionCreators({ ...peopleActions }, dispatch),\n setSortQuery: bindActionCreators(setSortQuery, dispatch),\n setSearchQuery: bindActionCreators(setSearchQuery, dispatch),\n clearQueries: bindActionCreators(clearQueries, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DeactivatedPeople);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport {\n Input,\n FormControl,\n InputLabel,\n FormHelperText,\n} from '@material-ui/core';\nimport { EditControls } from '../wrapped-components';\n\nexport function AddSubPhaseForm({\n addSubPhase,\n accountId,\n addSubPhasePending,\n close,\n phase,\n setEditingSubPhase,\n phases,\n}) {\n const [name, setName] = useState('');\n const [error, setError] = useState(null);\n\n const validate = (newName) => {\n const isNotUnique = phases.some((phase) => {\n const phaseMatch = phase.name.toLowerCase() === newName;\n const subMatch = phase.subPhases ? phase.subPhases.find(sp => sp.name.toLowerCase() === newName) : false;\n return phaseMatch || subMatch;\n });\n const isEmpty = !newName.length;\n let error = null;\n\n if (isEmpty) {\n error = 'Please enter a name';\n } else if (isNotUnique) {\n error = 'Sub-phase name must be unique';\n }\n setError(error);\n };\n\n const isDisabled = () => error !== null || !name.length;\n\n const handleAddSubPhase = () => {\n addSubPhase(accountId, phase.id, { name: name.trim() });\n setEditingSubPhase(false);\n };\n\n const handleOnChange = (e) => {\n const name = e.target.value;\n validate(name.trim().toLowerCase());\n setName(name);\n };\n\n const checkEnter = (e) => {\n const disabled = isDisabled();\n if (e.keyCode === 13 && !disabled) {\n handleAddSubPhase();\n }\n };\n\n return (\n \n \n Title \n {error} \n )}\n \n
\n );\n}\n\nAddSubPhaseForm.propTypes = {\n addSubPhase: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n addSubPhasePending: PropTypes.bool.isRequired,\n close: PropTypes.func.isRequired,\n phase: PropTypes.object.isRequired,\n setEditingSubPhase: PropTypes.func.isRequired,\n phases: PropTypes.array.isRequired,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common }) {\n return {\n accountId: common.accountId,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(AddSubPhaseForm);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { LinearProgress } from '@material-ui/core';\nimport { DragHandle } from '@material-ui/icons';\nimport classNames from 'classnames';\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\nimport { SubPhaseList } from '.';\nimport { reorderList } from '../../utils/miscUtils';\n\nfunction PhaseList({\n phases,\n getPhasesPending,\n activePhase,\n editing,\n activeSubPhase,\n editingSubPhase,\n setActivePhase,\n setActiveSubPhase,\n updatePhases,\n updateSubPhases,\n}) {\n const [orderedPhases, setOrderedPhases] = useState(phases);\n const [draggingIndex, setDraggingIndex] = useState(null);\n\n useEffect(() => {\n if (!activePhase) setOrderedPhases(phases);\n }, [activePhase, phases]);\n\n const onDragStart = (result) => {\n const { source } = result;\n setDraggingIndex(source.index);\n };\n\n const onDragEnd = (result) => {\n const { source, destination } = result;\n if (!destination || (destination.droppableId === source.droppableId && destination.index === source.index)) {\n setDraggingIndex(null);\n return;\n }\n const newPhases = reorderList(orderedPhases, source.index, destination.index);\n setOrderedPhases(newPhases);\n setDraggingIndex(null);\n updatePhases(newPhases);\n };\n\n const phaseItems = activePhase ? phases : orderedPhases;\n\n const renderPhaseList = () => (\n \n
\n \n
\n {phase.name}
\n\n {getPhasesPending ? \n {renderPhaseList()}\n {editing && !activePhase && (\n \n )}\n
\n );\n}\n\nPhaseList.propTypes = {\n phases: PropTypes.array.isRequired,\n getPhasesPending: PropTypes.bool.isRequired,\n activePhase: PropTypes.object,\n editing: PropTypes.bool.isRequired,\n activeSubPhase: PropTypes.object,\n editingSubPhase: PropTypes.bool.isRequired,\n setActivePhase: PropTypes.func.isRequired,\n setActiveSubPhase: PropTypes.func.isRequired,\n updatePhases: PropTypes.func.isRequired,\n updateSubPhases: PropTypes.func.isRequired,\n};\n\nPhaseList.defaultProps = {\n activePhase: null,\n activeSubPhase: null,\n};\n\nexport default PhaseList;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { DragHandle } from '@material-ui/icons';\nimport classNames from 'classnames';\nimport pluralize from 'pluralize';\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\nimport { reorderList } from '../../utils/miscUtils';\n\nfunction SubPhaseList({\n phase,\n phases,\n activePhase,\n activeSubPhase,\n editingSubPhase,\n setActiveSubPhase,\n updateSubPhases,\n}) {\n const [orderedSubPhases, setOrderedSubPhases] = useState(activePhase && activePhase.subPhases ? activePhase.subPhases : []);\n const [subDraggingIndex, setSubDraggingIndex] = useState(null);\n\n useEffect(() => {\n if (activePhase && activePhase.subPhases) setOrderedSubPhases(activePhase.subPhases);\n }, [activePhase, phases]);\n\n const onSubDragStart = (result) => {\n const { source } = result;\n setSubDraggingIndex(source.index);\n };\n\n const onSubDragEnd = (result) => {\n const { source, destination } = result;\n if (!destination || (destination.droppableId === source.droppableId && destination.index === source.index)) {\n setSubDraggingIndex(null);\n return;\n }\n const newSubPhases = reorderList(orderedSubPhases, source.index, destination.index);\n setOrderedSubPhases(newSubPhases);\n setSubDraggingIndex(null);\n updateSubPhases(newSubPhases);\n };\n\n const renderSubPhaseList = () => (\n \n
\n )}\n Phase
\n\n {orderedSubPhases.map((sp, index) => (\n \n {provided => (\n \n
\n )}\n \n ))}\n {provided.placeholder}\n {editingSubPhase && \n
\n \n
\n {sp.name}
\nSub-phase
}\n \n )}\n\n {activePhase && phase.id === activePhase.id\n ? renderSubPhaseList()\n : (\n
\n );\n}\n\nSubPhaseList.propTypes = {\n phase: PropTypes.object.isRequired,\n phases: PropTypes.array.isRequired,\n activePhase: PropTypes.object,\n activeSubPhase: PropTypes.object,\n editingSubPhase: PropTypes.bool.isRequired,\n setActiveSubPhase: PropTypes.func.isRequired,\n updateSubPhases: PropTypes.func.isRequired,\n};\n\nSubPhaseList.defaultProps = {\n activePhase: null,\n activeSubPhase: null,\n};\n\nexport default SubPhaseList;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport pluralize from 'pluralize';\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\nimport {\n Button,\n Divider,\n FormControlLabel,\n Grid,\n IconButton,\n List,\n ListItemText,\n ListItemSecondaryAction,\n ListSubheader,\n Switch,\n Tooltip,\n} from '@material-ui/core';\nimport { Close, DragHandle } from '@material-ui/icons';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { OutlinedInput } from '../wrapped-components';\nimport { reorderList } from '../../utils/miscUtils';\nimport { validateListItem } from '../../utils/validators';\nimport { Confirm, Modal } from '../common';\nimport { MAX_LIST_ITEM_LENGTH, MAX_LIST_LENGTH } from './redux/constants';\n\nexport class SortList extends PureComponent {\n static propTypes = {\n list: PropTypes.object.isRequired,\n updateList: PropTypes.func.isRequired,\n removeItem: PropTypes.func.isRequired,\n pendingUpdate: PropTypes.bool.isRequired,\n maxItemLength: PropTypes.number,\n inUseModalText: PropTypes.string,\n };\n\n static defaultProps = {\n maxItemLength: MAX_LIST_ITEM_LENGTH,\n inUseModalText: '',\n }\n\n constructor(props) {\n super(props);\n\n this.classes = {\n ListSubheader: {\n root: 'subheader',\n },\n ListItemText: {\n root: 'form__li--small',\n },\n };\n\n this.inputProps = { maxLength: props.maxItemLength || MAX_LIST_ITEM_LENGTH };\n\n this.state = {\n values: props.list.definedValues || [],\n tempValue: '',\n showError: false,\n showEditError: false,\n showConfirm: false,\n showInUseModal: false,\n editingIndex: -1,\n tempEditValue: '',\n draggingIndex: null,\n alphabetize: !props.list.definedValues || props.list.definedValues.length === 0 || !!props.list.definedValues[0].alphabetize,\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { list, pendingUpdate } = this.props;\n const nameChange = list.name !== nextProps.list.name;\n const newList = !list.definedValues && nextProps.list.definedValues && nextProps.list.definedValues.length;\n const lengthChange = list.definedValues && nextProps.list.definedValues && list.definedValues.length !== nextProps.list.definedValues.length;\n const updated = pendingUpdate && !nextProps.pendingUpdate;\n\n if (nameChange || newList || lengthChange || updated) {\n this.setState({\n values: nextProps.list.definedValues,\n });\n }\n }\n\n setValue = (event) => {\n this.setState({\n tempValue: event.currentTarget.value,\n });\n }\n\n setConfirm = (event) => {\n const { values } = this.state;\n const alphabetize = event.target.checked;\n\n if (alphabetize) {\n const sortedValues = naturalSort(values, 'name');\n let isSameOrder = true;\n\n for (let i = 0; i < values.length; i += 1) {\n if (values[i].id !== sortedValues[i].id) {\n isSameOrder = false;\n break;\n }\n }\n\n if (isSameOrder) {\n this.setAlphabetize(alphabetize, values);\n } else {\n this.setState({\n showConfirm: true,\n });\n }\n } else {\n this.setAlphabetize(alphabetize, values);\n }\n }\n\n confirmAlphabetize = () => {\n const { values } = this.state;\n\n const sortedValues = naturalSort(values, 'name');\n this.setAlphabetize(true, sortedValues);\n }\n\n setAlphabetize = (alphabetize, values) => {\n const { updateList, list: { name } } = this.props;\n this.setState({\n alphabetize,\n values,\n showConfirm: false,\n });\n\n updateList(values, alphabetize, false);\n\n window.mixpanel.track(`${name} order toggle used`, {\n 'Toggle Selected': alphabetize ? 'Alphabetize' : 'Custom order',\n });\n }\n\n hideConfirm = () => {\n this.setState({\n showConfirm: false,\n });\n }\n\n toggleInUseModal = () => {\n const { showInUseModal } = this.state;\n this.setState({\n showInUseModal: !showInUseModal,\n });\n }\n\n onDragStart = (result) => {\n const { source } = result;\n this.setState({\n draggingIndex: source.index,\n });\n }\n\n onDragEnd = (result) => {\n const { values } = this.state;\n const { updateList, list: { name } } = this.props;\n const { source, destination } = result;\n\n if (!destination || (destination.droppableId === source.droppableId && destination.index === source.index)) {\n this.setState({\n draggingIndex: null,\n });\n return;\n }\n const newValues = reorderList(values, source.index, destination.index);\n this.setState({\n values: newValues,\n draggingIndex: null,\n });\n\n updateList(newValues, false, false);\n window.mixpanel.track(`${name} Reordered`);\n }\n\n setEditValue = (e) => {\n this.setState({\n tempEditValue: e.currentTarget.value,\n });\n }\n\n removeItem = (id, inUse) => (event) => {\n const { removeItem } = this.props;\n event.stopPropagation();\n\n if (inUse) {\n this.toggleInUseModal();\n return;\n }\n\n removeItem(id);\n }\n\n checkEnter = (e) => {\n const { updateList } = this.props;\n const { showError, alphabetize, values } = this.state;\n const value = e.currentTarget.value.trim();\n\n if (e.keyCode === 13) {\n if (value.length === 0) {\n return;\n }\n\n if (validateListItem(values, 'name', value)) {\n let newValues;\n if (alphabetize) {\n newValues = naturalSort([...values, { name: value }], 'name');\n } else {\n newValues = [{ name: value }, ...values];\n }\n this.setState({\n tempValue: '',\n });\n\n updateList(newValues, alphabetize);\n } else {\n this.setState({\n showError: true,\n });\n }\n } else if (showError) {\n this.setState({\n showError: false,\n });\n }\n }\n\n checkEditEnter = (e) => {\n const { showEditError, editingIndex, values, alphabetize } = this.state;\n const { updateList } = this.props;\n const value = e.currentTarget.value.trim();\n\n if (e.keyCode === 13) {\n if (value.length === 0) {\n const existingValue = values[editingIndex];\n this.removeItem(existingValue.id, existingValue.inUse);\n this.setState({\n tempEditValue: '',\n editingIndex: -1,\n });\n } else if (validateListItem(values, 'name', value, editingIndex)) {\n const newValues = [...values];\n newValues[editingIndex].name = value;\n const sortedValues = alphabetize ? naturalSort(newValues, 'name') : newValues;\n\n updateList(sortedValues, alphabetize);\n this.setState({\n values: newValues,\n tempEditValue: '',\n editingIndex: -1,\n });\n } else {\n this.setState({\n showEditError: true,\n });\n }\n } else if (showEditError) {\n this.setState({\n showEditError: false,\n });\n }\n }\n\n editItem = (e) => {\n const { values, editingIndex } = this.state;\n const index = parseInt(e.currentTarget.dataset.id, 10);\n if (editingIndex !== index) {\n this.setState({\n editingIndex: index,\n tempEditValue: values[index].name,\n });\n }\n }\n\n exitEdit = () => {\n this.setState({\n editingIndex: -1,\n tempEditValue: '',\n });\n }\n\n render() {\n const {\n alphabetize,\n draggingIndex,\n values,\n tempValue,\n showError,\n showEditError,\n showConfirm,\n showInUseModal,\n editingIndex,\n tempEditValue,\n } = this.state;\n const { inUseModalText, list } = this.props;\n const disableDragging = editingIndex !== -1;\n\n return (\n \n {phase.subPhases && phase.subPhases.length > 0 &&
\n )}\n {pluralize('sub-phase', phase.subPhases.length, true)}
}\n- \n
\n {`The limit of ${MAX_LIST_LENGTH} list items has been reached`}\n
\n )\n : (\n \n
\n {editingIndex === index\n ? (\n \n
\n )), [data]);\n\n const onDelete = useCallback(() => onDeleteClick(roleTemplate), [roleTemplate, onDeleteClick]);\n\n return (\n {quantity}
\n{roleName}
\n{percent}
\n\n
\n );\n};\n\nRoleTemplate.propTypes = {\n roleTemplate: PropTypes.shape({\n name: PropTypes.string,\n data: PropTypes.arrayOf(PropTypes.shape({\n quantity: PropTypes.number,\n roleName: PropTypes.string,\n percent: PropTypes.number,\n })),\n }).isRequired,\n onBackClick: PropTypes.func.isRequired,\n onEditClick: PropTypes.func.isRequired,\n onDeleteClick: PropTypes.func.isRequired,\n};\n\nexport default RoleTemplate;\n","import React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport {\n NavigateBack,\n PopperButton,\n RoleTemplateListItem,\n EditControls,\n b500bridgitBlue,\n} from '@bridgit/foundation';\nimport PropTypes from 'prop-types';\nimport { TextField, Divider } from '@material-ui/core';\nimport deepEqual from 'react-fast-compare';\nimport { useDispatch } from 'react-redux';\nimport FilterList from '../filters/FilterList';\nimport { addRoleTemplate } from '../accounts/redux/addRoleTemplate';\nimport { updateRoleTemplate } from '../accounts/redux/updateRoleTemplate';\nimport { ROLE_TEMPLATE_NAME_MAX_LENGTH } from './common/constants';\n\nexport const EditRoleTemplate = ({\n accountId,\n onBackClick,\n roles,\n editedTemplate,\n roleTemplates,\n}) => {\n const [templateRoles, setTemplateRoles] = useState(editedTemplate?.roles || []);\n const [templateName, setTemplateName] = useState(editedTemplate?.name || '');\n const [isOpen, setIsOpen] = useState(false);\n\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (!editedTemplate) {\n setTemplateRoles([]);\n setTemplateName('');\n }\n }, [editedTemplate]);\n\n const isDuplicateTemplateName = !!roleTemplates.filter(({ name }) => {\n if (name === editedTemplate?.name) return false;\n return name === templateName;\n }).length;\n\n const onChangeHandler = useCallback((changes, index) => {\n const formattedChanges = { ...changes, role: { name: changes.role.name } };\n\n if (!deepEqual(formattedChanges, templateRoles[index])) {\n const updatedTemplateRoles = [...templateRoles];\n\n updatedTemplateRoles.splice(index, 1, formattedChanges);\n\n setTemplateRoles(updatedTemplateRoles);\n }\n }, [templateRoles]);\n\n const onTemplateNameChangeHandler = event => setTemplateName(event.target.value);\n\n const onDeleteRoleHandler = useCallback((index) => {\n const templateRolesCopy = [...templateRoles];\n templateRolesCopy.splice(index, 1);\n\n setTemplateRoles(templateRolesCopy);\n }, [templateRoles]);\n\n const onClickHandler = useCallback(isOpen => setIsOpen(isOpen), []);\n\n const onSelectHandler = useCallback((role) => {\n const roleWithValues = { quantity: 1, role, allocationPercentage: 100 };\n\n setTemplateRoles([...templateRoles, roleWithValues]);\n setIsOpen(false);\n }, [templateRoles]);\n\n const onSaveHandler = () => {\n const formattedTemplateRoles = templateRoles.map(({ allocationPercentage, quantity, role: { name } }) => (\n {\n roleName: name,\n percent: allocationPercentage,\n quantity,\n }\n ));\n\n const newRoleTemplate = {\n name: templateName,\n data: formattedTemplateRoles,\n };\n\n if (editedTemplate?.id) {\n dispatch(updateRoleTemplate(accountId, newRoleTemplate, editedTemplate.id));\n } else {\n dispatch(addRoleTemplate(accountId, newRoleTemplate));\n }\n\n onBackClick();\n };\n\n const renderAddRoleButton = useMemo(() => (\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n {name}
\n\n
\n \n
\n Quantity
\nRole
\nAllocation %
\n\n {renderedRoles}\n
\n \n \n
\n ), [isOpen, onClickHandler, onSelectHandler, roles]);\n\n const renderEditingRoles = useMemo(() => templateRoles.map(({ role, quantity, allocationPercentage }, index) => (\n /* eslint-disable react/no-array-index-key */\n \n
\n );\n }\n return (\n No roles have been added to this template
\n\n
\n );\n }, [renderEditingRoles, templateRoles.length]);\n\n const errorHelperText = (!templateName && '* Required') || (isDuplicateTemplateName && '* Template name must be unique');\n\n const hasEditedTemplateChanged = !(editedTemplate?.name === templateName && deepEqual(templateRoles, editedTemplate?.roles));\n\n const isSaveDisabled = !templateRoles.length || !templateName || isDuplicateTemplateName || (editedTemplate?.id && !hasEditedTemplateChanged);\n\n return (\n \n
\n Quantity
\nRole
\nAllocation %
\n\n {renderEditingRoles}\n
\n \n
\n );\n};\n\nEditRoleTemplate.propTypes = {\n accountId: PropTypes.number.isRequired,\n onBackClick: PropTypes.func.isRequired,\n roles: PropTypes.array.isRequired,\n editedTemplate: PropTypes.shape({\n name: PropTypes.string,\n roles: PropTypes.array,\n id: PropTypes.number,\n }),\n roleTemplates: PropTypes.array,\n};\n\nEditRoleTemplate.defaultProps = {\n editedTemplate: null,\n roleTemplates: [],\n};\n\nexport default EditRoleTemplate;\n\n","import React, { useCallback, useMemo, useEffect, useState } from 'react';\nimport { Button, Divider } from '@material-ui/core';\nimport { SplitMenu, ConfirmationModal } from '@bridgit/foundation';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport pluralize from 'pluralize';\nimport { useSelector, useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport { getRoleTemplates } from '../accounts/redux/getRoleTemplates';\nimport { RoleTemplate } from './RoleTemplate';\nimport { EditRoleTemplate } from './EditRoleTemplate';\nimport { DATE_DISPLAY_FORMAT, DATE_INPUT_FORMAT } from '../../common/constants';\nimport { deleteRoleTemplate } from '../accounts/redux/deleteRoleTemplate';\n\nconst RoleTemplatesContainer = ({\n accountId,\n}) => {\n const dispatch = useDispatch();\n const roleTemplates = useSelector(({ accounts: { roleTemplates } }) => roleTemplates);\n const roleTemplatesLoading = useSelector(({ accounts: { getRoleTemplatesPending } }) => getRoleTemplatesPending);\n const deleteRoleTemplateLoading = useSelector(({ accounts: { deleteRoleTemplatePending } }) => deleteRoleTemplatePending);\n const addRoleTemplateLoading = useSelector(({ accounts: { addRoleTemplatePending } }) => addRoleTemplatePending);\n const updateRoleTemplateLoading = useSelector(({ accounts: { updateRoleTemplatePending } }) => updateRoleTemplatePending);\n const roles = useSelector(({ accountSettings: { roles } }) => roles);\n const [isOpen, setIsOpen] = useState(false);\n const [selectedRoleTemplate, setSelectedRoleTemplate] = useState(null);\n const [isConfirmingDelete, setIsConfirmingDelete] = useState(false);\n const [isEditing, setIsEditing] = useState(false);\n const [editedTemplate, setEditedTemplate] = useState(null);\n\n const isLoading = useMemo(() => (\n roleTemplatesLoading || deleteRoleTemplateLoading || addRoleTemplateLoading || updateRoleTemplateLoading\n ), [roleTemplatesLoading, deleteRoleTemplateLoading, addRoleTemplateLoading, updateRoleTemplateLoading]);\n\n useEffect(() => {\n dispatch(getRoleTemplates(accountId));\n }, [dispatch, accountId]);\n\n useEffect(() => {\n setIsOpen(!!selectedRoleTemplate || isEditing);\n }, [selectedRoleTemplate, isEditing]);\n\n const onRoleTemplateClick = useCallback((roleTemplate) => {\n if (selectedRoleTemplate?.id === roleTemplate.id) {\n setSelectedRoleTemplate(null);\n } else {\n window.mixpanel.track('Open Role Template', {\n 'Role template name': roleTemplate.name,\n });\n setSelectedRoleTemplate(roleTemplate);\n setIsEditing(false);\n }\n }, [selectedRoleTemplate]);\n\n const onBackClick = useCallback((isReset = true) => {\n setIsOpen(false);\n setIsEditing(false);\n if (isReset) setSelectedRoleTemplate(null);\n setEditedTemplate(null);\n }, []);\n\n const onDeleteClick = useCallback(() => setIsConfirmingDelete(true), []);\n\n const onEditClick = useCallback(() => {\n setIsEditing(true);\n\n const formattedTemplateRoles = selectedRoleTemplate.data.map(({ roleName, percent, quantity }) => (\n {\n quantity,\n role: {\n name: roleName,\n },\n allocationPercentage: percent,\n }\n ));\n\n setEditedTemplate({\n id: selectedRoleTemplate.id,\n name: selectedRoleTemplate.name,\n roles: formattedTemplateRoles,\n });\n }, [selectedRoleTemplate]);\n\n const onAdd = useCallback(() => {\n setIsOpen(true);\n setIsEditing(true);\n setSelectedRoleTemplate(null);\n setEditedTemplate(null);\n }, []);\n\n const renderItems = useCallback((roleTemplate) => {\n const { name, id, data, createdOn } = roleTemplate;\n const numRoles = data.reduce((collector, { quantity }) => collector + quantity, 0);\n const formattedDate = moment(createdOn, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n return (\n \n
\n \n onBackClick(false)}\n disabled={isSaveDisabled}\n />\n
\n \n onRoleTemplateClick(roleTemplate)}\n >\n
\n );\n }, [isOpen, onRoleTemplateClick, selectedRoleTemplate]);\n\n const headerRightNode = useMemo(() => {\n const numTemplates = roleTemplates?.length ?? 0;\n if (numTemplates === 0 || isOpen || isLoading) {\n return null;\n }\n return (\n \n
\n {!isOpen && (\n {name}
\n{`Created ${formattedDate}`}
\n\n
\n )}\n \n {pluralize('role', numRoles, true)}
\n{pluralize('Template', numTemplates, true)}
\n );\n }, [roleTemplates, isOpen, isLoading]);\n\n const emptyState = useMemo(() => {\n if (isOpen) return null;\n return (\n\n
\n );\n }, [isOpen]);\n\n const rightPanel = useMemo(() => {\n if (isOpen && isEditing) {\n return (\n Click the blue + button to add your first Role Template
\nAre you sure you want to delete this role template?
\n \n ), [deleteTemplate, isConfirmingDelete, onCancelDelete]);\n\n return (\n\n
\n );\n};\n\nRoleTemplatesContainer.propTypes = {\n accountId: PropTypes.number.isRequired,\n};\n\nexport default RoleTemplatesContainer;\n","import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport classNames from 'classnames';\nimport { Grid, Paper, Button } from '@material-ui/core';\nimport { PersonPropDisplayNames } from 'src/common/descriptors/person';\nimport { PROJECT_DISPLAY_NAMES } from 'src/common/descriptors/project';\nimport { HOURLY_PERSON_DISPLAY_NAMES } from 'src/common/descriptors/hourlyPerson';\nimport { SKILL_SET_FIELD } from 'src/features/self-perform/constants';\nimport { PURSUIT_TRACKING_FIELD, ACCOUNT_MODULE_PURSUIT_TRACKING } from 'src/common/constants';\nimport { MAX_ROLE_NAME_LENGTH, MAX_LIST_ITEM_LENGTH } from './redux/constants';\nimport {\n removeRoleNames,\n updateRoleNames,\n updatePersonFields,\n updateHourlyPersonFields,\n updateProjectFields,\n updateSkillSet,\n addPersonFields,\n addHourlyPersonFields,\n addProjectFields,\n removePersonFields,\n removeHourlyPersonFields,\n removeProjectFields,\n removeSkill,\n dismissUpdateProjectFieldsError,\n dismissUpdatePersonFieldsError,\n dismissUpdateHourlyPersonFieldsError,\n} from './redux/actions';\nimport {\n ProfileFields,\n SelectionLists,\n CustomLists,\n SortList,\n Phases,\n DeactivatedPeople,\n Certifications,\n SystemDefaults,\n} from '.';\nimport { Modal, PageHeader } from '../common';\nimport { cloneDeep } from '../../utils/miscUtils';\nimport {\n SETTINGS_TABS,\n SETTINGS_SIDE_TABS,\n SETTINGS_SIDE_TABS_LIST_HEADLINES,\n SETTINGS_SIDE_TABS_FIELD_HEADLINES,\n LIST_ITEM_IN_USE_MODAL_TEXT,\n ADDITIONAL_DEFAULT_FIELDS,\n} from './common/constants';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport RoleTemplatesContainer from './RoleTemplatesContainer';\n\nconst { PEOPLE, PROJECTS, SELF_PERFORM } = SETTINGS_TABS;\nconst { ROLES, CUSTOM, SYSTEM, PHASES, DEACTIVATED_PEOPLE, CERTIFICATIONS } = SETTINGS_SIDE_TABS;\n\nfunction ContentSettings({\n activeTab,\n activeSideTab,\n}) {\n const dispatch = useDispatch();\n const accountSettings = useSelector(({ accountSettings }) => accountSettings);\n const accountId = useSelector(({ common: { accountId } }) => accountId);\n const hourlyPeopleFieldValues = useSelector(({ selfPerform: { hourlyPeopleFieldValues } }) => hourlyPeopleFieldValues);\n const personFieldValues = useSelector(({ people: { personFieldValues } }) => personFieldValues);\n const projectFieldValues = useSelector(({ projects: { projectFieldValues } }) => projectFieldValues);\n\n const [newFields, setNewFields] = useState([]);\n const [selectedListName, setSelectedListName] = useState('');\n const [selectionLists, setSelectionLists] = useState([]);\n const [addingNewList, setAddingNewList] = useState(false);\n\n const defaultValuesSectionRef = useRef(null);\n\n const fieldSet = useMemo(() => {\n switch (activeTab) {\n case PEOPLE:\n return accountSettings.personFields;\n case PROJECTS:\n return accountSettings.projectFields;\n case SELF_PERFORM:\n return accountSettings.hourlyPersonFields;\n default:\n return [];\n }\n }, [activeTab, accountSettings.hourlyPersonFields, accountSettings.personFields, accountSettings.projectFields]);\n\n useMemo(() => {\n let activeSelectionList = [];\n if (activeTab === PEOPLE) {\n activeSelectionList = accountSettings.personFields.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n } else if (activeTab === PROJECTS) {\n if (activeSideTab === ROLES) {\n activeSelectionList = [{\n id: 'roles',\n name: 'Roles',\n type: 'SingleSelect',\n isRequired: true,\n definedValues: accountSettings.roles,\n }];\n } else {\n activeSelectionList = accountSettings.projectFields.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n }\n } else if (activeTab === SELF_PERFORM) {\n activeSelectionList = [{\n id: 'skill-set',\n name: SKILL_SET_FIELD,\n type: 'MultiSelect',\n isRequired: true,\n isSystem: true,\n definedValues: accountSettings.skillSet,\n }];\n activeSelectionList.push(...accountSettings.hourlyPersonFields.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect'));\n }\n setSelectionLists(activeSelectionList);\n }, [\n activeTab,\n activeSideTab,\n accountSettings.personFields,\n accountSettings.hourlyPersonFields,\n accountSettings.roles,\n accountSettings.projectFields,\n accountSettings.skillSet,\n ]);\n\n useEffect(() => {\n setNewFields([]);\n }, [\n activeTab,\n activeSideTab,\n accountSettings.personFields,\n accountSettings.hourlyPersonFields,\n accountSettings.projectFields,\n ]);\n\n useEffect(() => {\n setSelectedListName('');\n setAddingNewList(false);\n }, [\n activeTab,\n activeSideTab,\n ]);\n\n const deleteListItem = cb => (id) => {\n dispatch(cb(accountId, [id]));\n };\n\n const updateList = cb => (listItems, alphabetize, hasUpdateEvent = true) => {\n const mappedItems = listItems.map(({ id, name }) => ({ id, name }));\n\n dispatch(cb(accountId, mappedItems, alphabetize, hasUpdateEvent));\n };\n\n const updateFields = (newFields, type, cb) => {\n if (type === 'list') {\n const selectionLists = fieldSet.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n const filteredNewFields = newFields.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n setSelectionLists([...selectionLists, ...filteredNewFields]);\n }\n\n setNewFields(newFields);\n if (cb) cb();\n };\n\n const onEditFields = (accountId, fields) => {\n if (activeTab === PEOPLE) {\n dispatch(updatePersonFields(accountId, fields));\n } else if (activeTab === PROJECTS) {\n dispatch(updateProjectFields(accountId, fields));\n } else if (activeTab === SELF_PERFORM) {\n dispatch(updateHourlyPersonFields(accountId, fields));\n }\n };\n\n const updateSelectionList = (listName, values, existingListId, preventClose) => {\n if (existingListId) {\n const field = fieldSet.find(field => field.id === existingListId);\n const data = [{\n ...field,\n definedValues: values,\n }];\n onEditFields(accountId, data);\n updateFields([], 'list');\n } else {\n const clonedFields = cloneDeep(newFields);\n const field = clonedFields.find(field => field.name === listName);\n\n if (field) {\n field.definedValues = values;\n }\n\n updateFields(clonedFields, 'list');\n }\n\n if (!preventClose) {\n setSelectedListName('');\n setAddingNewList(false);\n }\n };\n\n const removeField = (index, type) => {\n if (type === 'list') {\n const remainingFields = newFields.slice(0, index).concat(newFields.slice(index + 1, newFields.length));\n const selectionLists = fieldSet.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n const filteredNewFields = remainingFields.filter(field => field.type === 'SingleSelect' || field.type === 'MultiSelect');\n setNewFields(remainingFields);\n setSelectionLists([...selectionLists, ...filteredNewFields]);\n } else {\n setNewFields(newFields.slice(0, index).concat(newFields.slice(index + 1, newFields.length)));\n }\n };\n\n const onAddFields = (accountId, fields) => {\n if (activeTab === PEOPLE) {\n dispatch(addPersonFields(accountId, fields));\n } else if (activeTab === PROJECTS) {\n dispatch(addProjectFields(accountId, fields));\n } else if (activeTab === SELF_PERFORM) {\n dispatch(addHourlyPersonFields(accountId, fields));\n }\n };\n\n const onDeleteFields = (accountId, fields) => {\n const selectedList = selectionLists.find(list => list.id === fields[0]);\n\n if (selectedList) {\n setSelectedListName('');\n }\n\n if (activeTab === PEOPLE) {\n dispatch(removePersonFields(accountId, fields));\n } else if (activeTab === PROJECTS) {\n dispatch(removeProjectFields(accountId, fields));\n } else if (activeTab === SELF_PERFORM) {\n dispatch(removeHourlyPersonFields(accountId, fields));\n }\n };\n\n const hideModal = () => {\n if (accountSettings.updateProjectFieldsError) {\n dispatch(dismissUpdateProjectFieldsError());\n }\n if (accountSettings.updatePersonFieldsError) {\n dispatch(dismissUpdatePersonFieldsError());\n }\n if (accountSettings.updateHourlyPersonFieldsError) {\n dispatch(dismissUpdateHourlyPersonFieldsError());\n }\n };\n\n const selectList = (list) => {\n setSelectedListName((list && list.name) || '');\n setAddingNewList(!!list && !list.id);\n };\n\n const getAdditionalFields = (type) => {\n const mapDescriptor = (additionalFields, descriptorNames) => {\n const systemFieldNames = additionalFields.map(f => f.name);\n\n return descriptorNames.reduce((acc, name) => {\n if (!systemFieldNames.includes(name) && name.length) {\n acc.push({\n name,\n hidden: true,\n });\n }\n return acc;\n }, additionalFields);\n };\n\n // Some fields are columns and not actually editable fields, we need them here to prevent creating a field with the same title as them.\n // They are defined as hidden.\n let additionalFields = ADDITIONAL_DEFAULT_FIELDS[type];\n switch (type) {\n case PEOPLE:\n return mapDescriptor(additionalFields, PersonPropDisplayNames);\n case PROJECTS:\n if (!hasModuleEnabled(accountSettings.accountModules, ACCOUNT_MODULE_PURSUIT_TRACKING)) {\n additionalFields = additionalFields.filter(field => field.name !== PURSUIT_TRACKING_FIELD);\n }\n return mapDescriptor(additionalFields, PROJECT_DISPLAY_NAMES);\n case SELF_PERFORM:\n return mapDescriptor(additionalFields, HOURLY_PERSON_DISPLAY_NAMES);\n default:\n return [];\n }\n };\n\n const compareListName = list => list.name === selectedListName;\n\n const renderFullList = (lists) => {\n if (selectedListName) {\n const customList = lists.find(compareListName);\n if (customList) {\n if (activeSideTab === ROLES) {\n return (\n \n
\n \n {(!!accountSettings.updatePersonFieldsError || !!accountSettings.updateProjectFieldsError) && (\n \n Ok\n \n )]}\n >\n
\n );\n}\n\nContentSettings.propTypes = {\n activeTab: PropTypes.string.isRequired,\n activeSideTab: PropTypes.string.isRequired,\n};\n\nexport default ContentSettings;\n","import React, { useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Button } from '@bridgit/foundation';\nimport { SimpleTable } from '../common';\nimport { MAX_ALLOWED_SERVICE_ACCOUNTS, SERVICE_ACCOUNTS_LIST_COLUMNS } from './constants';\nimport { getSortedAccounts } from './utils/serviceAccoutsListUtils';\nimport { selectServiceAccount } from './redux/actions';\nimport { getPermissionGroups } from '../permissions/redux/actions';\n\nconst ServiceAccountsList = ({ onNextClick }) => {\n const dispatch = useDispatch();\n\n const { accounts } = useSelector(({ serviceAccounts }) => serviceAccounts);\n const { accountId } = useSelector(({ common }) => common);\n const { permissionGroups } = useSelector(({ permissions }) => permissions);\n\n useEffect(() => {\n if (!permissionGroups.length) dispatch(getPermissionGroups(accountId));\n }, [accountId, permissionGroups.length, dispatch]);\n\n const accountsData = useMemo(() => {\n if (!accounts.length) return [];\n\n return getSortedAccounts(accounts, 'name');\n }, [accounts]);\n\n const handleRowClick = useCallback((selectedAccountId) => {\n const { name } = accounts.find(({ id }) => id === selectedAccountId);\n const analyticsPayload = { name };\n\n dispatch(selectServiceAccount(selectedAccountId, analyticsPayload));\n\n onNextClick();\n }, [accounts, dispatch, onNextClick]);\n\n const isServiceAccountLimitReached = accounts.length >= MAX_ALLOWED_SERVICE_ACCOUNTS;\n\n return (\n <>\n There was a problem updating the list item
\n \n )}\n {renderMain()}\n \n
\n Password
\n{password}
\n\n Make sure you save this password. You will not be able to access it again.\n
\n\n \n Done\n \n
\n \n );\n};\n\nServiceAccountDetails.propTypes = {\n onNextClick: PropTypes.func.isRequired,\n};\n\nexport default ServiceAccountDetails;\n","import React, { useEffect, useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Loader } from '@bridgit/foundation';\nimport { getServiceAccounts, resetServiceAccount } from './redux/actions';\nimport { SERVICE_ACCOUNTS_STEPS } from './constants';\nimport { ServiceAccountsList, ServiceAccountDetails, AddServiceAccountForm } from '.';\n\nconst { ACCOUNTS_LIST, ACCOUNT_DETAILS, ADD_ACCOUNT_FORM } = SERVICE_ACCOUNTS_STEPS;\n\nexport const ServiceAccountsTab = ({\n accountId,\n getServiceAccounts,\n loading,\n resetServiceAccount,\n account,\n}) => {\n const [step, setStep] = useState(ACCOUNTS_LIST);\n\n useEffect(() => {\n if (step === ACCOUNTS_LIST) getServiceAccounts(accountId);\n\n if (account) setStep(ACCOUNT_DETAILS);\n }, [getServiceAccounts, accountId, account, step]);\n\n // reset service account data on component unmount\n useEffect(() => () => {\n resetServiceAccount();\n }, [resetServiceAccount]);\n\n const goToNextStep = useCallback(() => {\n if ([ACCOUNT_DETAILS, ADD_ACCOUNT_FORM].includes(step)) {\n resetServiceAccount();\n\n return setStep(ACCOUNTS_LIST);\n }\n\n return setStep(ADD_ACCOUNT_FORM);\n }, [resetServiceAccount, step]);\n\n const goToPreviousStep = useCallback(() => {\n setStep(ACCOUNTS_LIST);\n }, []);\n\n if (loading) {\n return (\n \n
\n \n
\n Name
\n{name}
\n\n
\n Permission group
\n{group}
\n\n
\n \n
\n Unique Identifier
\n{login}
\n\n {renderPassword()}\n
\n\n \n
\n );\n }\n\n const renderChildren = () => {\n switch (step) {\n case ACCOUNTS_LIST:\n return \n
\n );\n};\n\nServiceAccountsTab.propTypes = {\n accountId: PropTypes.number.isRequired,\n getServiceAccounts: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n resetServiceAccount: PropTypes.func.isRequired,\n account: PropTypes.object,\n};\n\nServiceAccountsTab.defaultProps = {\n loading: false,\n account: null,\n};\n\nconst mapStateToProps = ({\n serviceAccounts: {\n getServiceAccountsPending,\n addServiceAccountPending,\n resetServiceAccountPasswordPending,\n deleteServiceAccountPending,\n account,\n },\n common: { accountId },\n}) => ({\n accountId,\n loading:\n getServiceAccountsPending\n || addServiceAccountPending\n || resetServiceAccountPasswordPending\n || deleteServiceAccountPending,\n account,\n});\n\nconst mapDispatchToProps = dispatch => ({\n getServiceAccounts: bindActionCreators(getServiceAccounts, dispatch),\n resetServiceAccount: bindActionCreators(resetServiceAccount, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ServiceAccountsTab);\n","import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { validateServiceAccountName } from 'src/utils/validators';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { EditControls, ValidatedForm } from '../wrapped-components';\nimport { addServiceAccountInputs, VALIDATION_ERRORS } from './constants';\nimport { addServiceAccount } from './redux/actions';\n\nconst AddServiceAccountForm = ({ onCancelClick }) => {\n const dispatch = useDispatch();\n\n const { permissionGroups } = useSelector(({ permissions }) => permissions);\n const { accountId } = useSelector(({ common }) => common);\n const { accounts, addServiceAccountPending } = useSelector(({ serviceAccounts }) => serviceAccounts);\n\n const addServiceAccountData = useRef(null);\n const [disableSend, setDisableSend] = useState(false);\n const sortedPermissions = useMemo(() => naturalSort(permissionGroups, 'name'), [permissionGroups]);\n\n const onValueChanged = useCallback((input, values) => {\n addServiceAccountData.current = values;\n }, []);\n\n const onAddServiceAccount = useCallback(() => {\n const { name, permissionGroup } = addServiceAccountData.current;\n\n const accountData = {\n accountId,\n name,\n group: permissionGroup,\n };\n const analyticsPayload = { name };\n\n dispatch(addServiceAccount(accountData, analyticsPayload));\n }, [accountId, dispatch]);\n\n const validate = useCallback((values) => {\n const { name, permissionGroup } = values;\n const errors = {};\n\n if (!validateServiceAccountName(name)) {\n errors.name = VALIDATION_ERRORS.INVALID_NAME;\n }\n\n const existingAccount = accounts.find(account => account.name === name);\n\n if (existingAccount) {\n errors.name = VALIDATION_ERRORS.DUPLICATE_NAME;\n }\n\n if (!permissionGroup) {\n errors.permissionGroup = VALIDATION_ERRORS.REQUIRED;\n }\n\n setDisableSend(!!(errors.name || errors.permissionGroup));\n\n return errors;\n }, [accounts]);\n\n return (\n \n
\n Service Accounts
\n\n {renderChildren()}\n \n
\n );\n};\n\nAddServiceAccountForm.propTypes = {\n onCancelClick: PropTypes.func.isRequired,\n};\n\nexport default AddServiceAccountForm;\n","import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { ManagedModal } from '../modal-manager';\nimport { EditControls } from '../wrapped-components';\nimport { deleteServiceAccount } from './redux/actions';\nimport { closeModal } from '../modal-manager/redux/closeModal';\nimport { DELETE_SERVICE_ACCOUNT_MODAL } from './constants';\n\nconst DeleteServiceAccountModal = ({ onAccountDeleted }) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { deleteServiceAccountPending, account } = useSelector(({ serviceAccounts }) => serviceAccounts);\n\n const handleCloseDeleteServiceAccountModal = useCallback(() => {\n dispatch(closeModal(DELETE_SERVICE_ACCOUNT_MODAL));\n }, [dispatch]);\n\n const handleDeleteServiceAccount = useCallback(() => {\n const { name, id } = account;\n const analyticsPayload = { name };\n\n dispatch(deleteServiceAccount(accountId, id, analyticsPayload));\n\n handleCloseDeleteServiceAccountModal();\n\n onAccountDeleted();\n }, [account, dispatch, accountId, handleCloseDeleteServiceAccountModal, onAccountDeleted]);\n\n\n return (\n \n
\n \n );\n};\n\nDeleteServiceAccountModal.propTypes = {\n onAccountDeleted: PropTypes.func.isRequired,\n};\n\nexport default DeleteServiceAccountModal;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Button } from '@bridgit/foundation';\nimport { AccountDetails, AccountUserList } from 'src/features/accounts';\nimport { Can } from 'src/features/wrapped-components';\nimport { Confirm } from 'src/features/common';\nimport { PERM_ACCOUNT, PERM_WRITE } from 'src/features/permissions/utils/constants';\nimport { BRIDGIT_SUPPORT_EMAIL } from 'src/common/constants';\nimport { PermissionGroups } from 'src/features/permissions';\nimport { ServiceAccountsTab } from 'src/features/service-accounts';\nimport {\n deactivateAccount,\n reactivateAccount,\n dismissInviteUserError,\n} from 'src/features/accounts/redux/actions';\nimport { BridgitAccountDetails, AccountModule } from '.';\nimport { SETTINGS_SIDE_TABS } from './common/constants';\n\nfunction AccountSettings({\n accounts,\n accountId,\n deactivateAccount,\n reactivateAccount,\n dismissInviteUserError,\n activeSideTab,\n}) {\n const [confirmDeactivate, setConfirmDeactivate] = useState(false);\n\n const account = useMemo(\n () => accounts.entities.find(account => account.id === accountId),\n [accounts.entities, accountId],\n );\n\n const isActive = useMemo(() => account && account.status === 'Active', [account]);\n\n const action = isActive ? 'Deactivate' : 'Reactivate';\n const actionPending = accounts.deactivateAccountPending || accounts.reactivateAccountPending;\n const message = {\n Deactivate: () => (\n Are you sure want to delete this service account?
\nThis service account can not be restored after this action is taken.
\n\n\n
\n ),\n Reactivate: () => (\n Are you sure you want to deactivate this account?
\nAll users in this account will be deactivated and will no longer be able to log into Bench.
\n\n
\n ),\n };\n\n const toggleConfirm = () => setConfirmDeactivate(!confirmDeactivate);\n\n const changeAccountStatus = () => {\n if (isActive) {\n deactivateAccount(accountId);\n } else {\n reactivateAccount(accountId);\n }\n\n toggleConfirm();\n };\n\n const renderContent = () => {\n const {\n USERS,\n SERVICE_ACCOUNTS,\n PERMISSION_GROUPS,\n ACCOUNT_MANAGEMENT,\n BRIDGIT_ACCOUNT_MANAGEMENT,\n } = SETTINGS_SIDE_TABS;\n\n switch (activeSideTab) {\n case USERS:\n return Are you sure you want to reactivate this account?
\nThis will not reactivate any users in this account.
\n\n {renderContent()}\n\n {(confirmDeactivate || actionPending) && (\n \n {message[action]()}\n \n )}\n\n {accounts.inviteUserError &&\n (\n \n
\n );\n}\n\nAccountSettings.propTypes = {\n accounts: PropTypes.object.isRequired,\n accountId: PropTypes.number.isRequired,\n deactivateAccount: PropTypes.func.isRequired,\n reactivateAccount: PropTypes.func.isRequired,\n dismissInviteUserError: PropTypes.func.isRequired,\n activeSideTab: PropTypes.string.isRequired,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ accounts, common }) {\n const { accountId } = common;\n\n return {\n accounts,\n accountId,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n deactivateAccount: bindActionCreators(deactivateAccount, dispatch),\n reactivateAccount: bindActionCreators(reactivateAccount, dispatch),\n dismissInviteUserError: bindActionCreators(dismissInviteUserError, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccountSettings);\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Loader } from '@bridgit/foundation';\nimport { ValidatedForm } from 'src/features/wrapped-components';\nimport { COUNTRIES } from 'src/features/account-settings/common/constants';\nimport { getAccountProperties, updateAccountProperties } from './redux/actions';\n\nfunction BridgitAccountDetails({\n accountId,\n accountProperties,\n accountPropertyOptions,\n getAccountPropertiesPending,\n getAccountProperties,\n updateAccountProperties,\n}) {\n const inputs = useMemo(() => {\n const {\n enr400,\n country,\n provinceState,\n demo,\n } = accountProperties;\n\n return [\n {\n label: 'Country',\n name: 'country',\n type: 'select',\n placeholder: 'Select a country',\n options: COUNTRIES,\n value: country,\n },\n ...(country === 'Canada' || country === 'United States')\n ? [{\n label: country === 'Canada' ? 'Province' : 'State',\n name: 'provinceState',\n type: 'select',\n placeholder: `Select a ${country === 'Canada' ? 'province' : 'state'}`,\n options: accountPropertyOptions[country].map(option => ({\n value: option,\n label: option,\n })),\n value: provinceState,\n }]\n : [],\n {\n label: 'ENR 400 Company',\n name: 'enr400',\n type: 'checkbox',\n value: enr400,\n },\n {\n label: 'Demo Account',\n name: 'demo',\n type: 'checkbox',\n value: demo,\n },\n ];\n }, [accountProperties, accountPropertyOptions]);\n\n useEffect(() => {\n getAccountProperties(accountId);\n }, [accountId, getAccountProperties]);\n\n const onValueChanged = useCallback((input, values) => {\n let { provinceState } = values;\n\n // If country changed, clear value for provinceState\n if (input === 'country' || provinceState === '') {\n provinceState = null;\n }\n\n updateAccountProperties(accountId, {\n ...values,\n provinceState,\n });\n }, [updateAccountProperties, accountId]);\n\n if (getAccountPropertiesPending) {\n return (\n \n
\n \n )}\n {`Unable to add ${accounts.inviteUserError.email} to this account.`}
\n\n Please contact\n {' '}\n \n {BRIDGIT_SUPPORT_EMAIL}\n \n
\n\n
\n );\n }\n\n return (\n \n
\n );\n}\n\nBridgitAccountDetails.propTypes = {\n accountId: PropTypes.number.isRequired,\n accountProperties: PropTypes.object,\n accountPropertyOptions: PropTypes.object,\n getAccountPropertiesPending: PropTypes.bool,\n getAccountProperties: PropTypes.func.isRequired,\n updateAccountProperties: PropTypes.func.isRequired,\n};\n\nBridgitAccountDetails.defaultProps = {\n accountProperties: {},\n accountPropertyOptions: {},\n getAccountPropertiesPending: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, accountSettings }) {\n const { accountId } = common;\n const {\n accountProperties,\n accountPropertyOptions,\n getAccountPropertiesPending,\n } = accountSettings;\n return {\n accountId,\n accountProperties,\n accountPropertyOptions: accountPropertyOptions?.countries,\n getAccountPropertiesPending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getAccountProperties: bindActionCreators(getAccountProperties, dispatch),\n updateAccountProperties: bindActionCreators(updateAccountProperties, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(BridgitAccountDetails);\n","import React, { useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { SWITCH_TYPE } from '../../common/constants';\nimport { MODULE_NAME_TRANSLATION } from './common/constants';\nimport {\n getModules,\n addAccountModule,\n removeAccountModule,\n} from './redux/actions';\nimport { CheckboxForm } from '../common';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\n\nconst AccountModule = () => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { modules, accountModules } = useSelector(({ accountSettings }) => accountSettings);\n\n useEffect(() => {\n dispatch(getModules());\n }, [dispatch]);\n\n const controls = useMemo(() => modules.map(mod => ({\n name: mod.name,\n label: MODULE_NAME_TRANSLATION[mod.name] || mod.name,\n })), [modules]);\n\n const checkedList = useMemo(() => {\n const tempList = {};\n modules.forEach((mod) => {\n tempList[mod.name] = hasModuleEnabled(accountModules, mod.name);\n });\n return tempList;\n }, [accountModules, modules]);\n\n const onChange = (name, checked) => {\n const relativeModule = modules.find(mod => mod.name === name);\n if (!relativeModule) return;\n\n const { id, components } = relativeModule;\n if (checked) {\n const componentObj = {};\n\n // Add component call expects components in object with bool values\n components.forEach((comp) => {\n componentObj[comp] = true;\n });\n\n dispatch(addAccountModule(accountId, { id, components: componentObj }, name));\n } else {\n dispatch(removeAccountModule(accountId, id, name));\n }\n };\n\n return (\n Account Properties
\n \n
\n \n
\n );\n};\n\nexport default AccountModule;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener, Tooltip } from '@material-ui/core';\n\nexport const CustomTooltip = ({ onClickAway, children, title, placement, ...rest }) => (\n \n
\n ), [onChangeHandler, distanceUnit, updateAccountPending]);\n\n return (\n \n \n
\n ), [activeMenu]);\n\n const rightSplit = useMemo(() => {\n switch (activeMenu) {\n case PEOPLE_DISPLAY_COST_RATE:\n return (\n
\n \n {menuName}
\n{pluralize('Default', count, true)}
\n\n
\n );\n};\n\nSystemDefaults.propTypes = {\n accountId: PropTypes.number.isRequired,\n refProp: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n ]),\n};\n\nSystemDefaults.defaultProps = {\n refProp: null,\n};\n\nexport default SystemDefaults;\n","import React, { useState, useCallback, useMemo, useEffect, useRef } from 'react';\nimport { Divider, InputAdornment } from '@material-ui/core';\nimport { OutlinedInput } from '@bridgit/foundation';\nimport { AttachMoney } from '@material-ui/icons';\nimport PropTypes from 'prop-types';\nimport { sortAlphabetically } from 'src/utils/sortUtils';\nimport { useDispatch } from 'react-redux';\nimport { setTitleCosts } from '../accounts/redux/setTitleCosts';\nimport { validateAPICurrencyString } from '../../utils/validators';\nimport { MAX_TITLE_COST } from './common/constants';\n\nconst DefaultCostRateMenu = ({ titleCosts, accountId }) => {\n const dispatch = useDispatch();\n const [focusedCostRate, setFocusedCostRate] = useState(null);\n const [valueChanged, setValueChanged] = useState(false);\n const [hasErrorState, setHasErrorState] = useState(false);\n const inputsRef = useRef([]);\n\n useEffect(() => {\n inputsRef.current = inputsRef.current.slice(0, titleCosts.length);\n }, [titleCosts]);\n\n const onInputFocus = useCallback(id => setFocusedCostRate(id), []);\n\n const sortedTitleCosts = useMemo(() => sortAlphabetically(titleCosts, true, 'name'), [titleCosts]);\n const onChange = useCallback((updated, original) => {\n if (updated === '' || updated == null) {\n setValueChanged(updated !== original);\n return;\n }\n if (validateAPICurrencyString(updated)) {\n const parsedNumber = Number.parseFloat(updated);\n setHasErrorState(parsedNumber < 0 || parsedNumber > MAX_TITLE_COST);\n setValueChanged(updated !== original);\n } else {\n setHasErrorState(true);\n }\n }, []);\n\n const onEnter = useCallback((event, id, title, index) => {\n const nextInputRef = inputsRef?.current?.[index + 1];\n if (nextInputRef && !hasErrorState) {\n nextInputRef.focus();\n } else {\n inputsRef.current?.[index]?.blur();\n }\n if (hasErrorState || !valueChanged) {\n return;\n }\n dispatch(setTitleCosts(accountId, id, Number.parseFloat(event?.target?.value), { title }));\n setValueChanged(false);\n }, [accountId, dispatch, hasErrorState, valueChanged]);\n\n return (\n \n
\n );\n};\n\nDefaultCostRateMenu.propTypes = {\n accountId: PropTypes.number.isRequired,\n titleCosts: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n hourlyCost: PropTypes.number,\n })),\n};\n\nDefaultCostRateMenu.defaultProps = {\n titleCosts: [],\n};\n\nexport default DefaultCostRateMenu;\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN,\n ACCOUNT_SETTINGS_ADD_CERTIFICATION_SUCCESS,\n ACCOUNT_SETTINGS_ADD_CERTIFICATION_FAILURE,\n ACCOUNT_SETTINGS_ADD_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { insertToSortedArray } from '../../../utils/sortUtils';\n\nexport function addAccountCertification(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddAccountCertificationError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doAddAccountCertification(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/certifications`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_ADD_CERTIFICATION_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddAccountCertification() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN, doAddAccountCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN:\n return {\n ...state,\n addAccountCertificationPending: true,\n addAccountCertificationError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_CERTIFICATION_SUCCESS: {\n const { certifications } = state;\n const compareName = (a, b) => a.name.localeCompare(b.name);\n const newSortedCertifications = insertToSortedArray(certifications, action.data, compareName);\n\n return {\n ...state,\n certifications: newSortedCertifications,\n addAccountCertificationPending: false,\n addAccountCertificationError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_CERTIFICATION_FAILURE:\n return {\n ...state,\n addAccountCertificationPending: false,\n addAccountCertificationError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n addAccountCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN,\n ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_SUCCESS,\n ACCOUNT_SETTINGS_ADD_PURSUIT_TRACKING_MODULE_SUCCESS,\n ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_FAILURE,\n ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from '../../../common/constants';\n\nexport function addAccountModule(accountId, data, moduleName) {\n return {\n type: ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN,\n accountId,\n data,\n moduleName,\n };\n}\n\nexport function dismissAddAccountModuleError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddAccountModule(action) {\n const { accountId, data, moduleName } = action;\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/modules`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n if (moduleName === ACCOUNT_MODULE_PURSUIT_TRACKING) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PURSUIT_TRACKING_MODULE_SUCCESS,\n moduleName,\n accountId,\n });\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_SUCCESS,\n data,\n moduleName,\n });\n}\n\nexport function* watchAddAccountModule() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN, doAddAccountModule);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN:\n return {\n ...state,\n addAccountModulePending: true,\n addAccountModuleError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_SUCCESS: {\n const { moduleName, data } = action;\n return {\n ...state,\n accountModules: [\n ...state.accountModules,\n {\n name: moduleName,\n ...data,\n },\n ],\n addAccountModulePending: false,\n addAccountModuleError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_FAILURE:\n return {\n ...state,\n addAccountModulePending: false,\n addAccountModuleError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_DISMISS_ERROR:\n return {\n ...state,\n addAccountModuleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addHourlyPersonFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddHourlyPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doAddHourlyPersonFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/hourly-person-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddHourlyPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN, doAddHourlyPersonFields);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n addHourlyPersonFieldsPending: true,\n addHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_SUCCESS: {\n const newHourlyPersonFieldList = [...state.hourlyPersonFields, ...action.data];\n\n return {\n ...state,\n hourlyPersonFields: newHourlyPersonFieldList,\n addHourlyPersonFieldsPending: false,\n addHourlyPersonFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n addHourlyPersonFieldsPending: false,\n addHourlyPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n addHourlyPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addPersonFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doAddPersonFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/person-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN, doAddPersonFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n addPersonFieldsPending: true,\n addPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_SUCCESS: {\n const newPersonFieldList = [...state.personFields, ...action.data];\n\n return {\n ...state,\n personFields: newPersonFieldList,\n addPersonFieldsPending: false,\n addPersonFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n addPersonFieldsPending: false,\n addPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n addPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_PHASE_BEGIN,\n ACCOUNT_SETTINGS_ADD_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_ADD_PHASE_FAILURE,\n ACCOUNT_SETTINGS_ADD_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addPhase(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_PHASE_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddPhaseError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddPhase(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/phases`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PHASE_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddPhase() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_PHASE_BEGIN, doAddPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_PHASE_BEGIN:\n return {\n ...state,\n addPhasePending: true,\n addPhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_PHASE_SUCCESS:\n return {\n ...state,\n phases: [\n ...state.phases,\n {\n ...action.data,\n subPhases: [],\n },\n ],\n addPhasePending: false,\n addPhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_PHASE_FAILURE:\n return {\n ...state,\n addPhasePending: false,\n addPhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_PHASE_DISMISS_ERROR:\n return {\n ...state,\n addPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addProjectFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddProjectFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/project-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddProjectFields() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN, doAddProjectFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN:\n return {\n ...state,\n addProjectFieldsPending: true,\n addProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_SUCCESS: {\n const newProjectFieldList = [...state.projectFields, ...action.data];\n\n return {\n ...state,\n projectFields: newProjectFieldList,\n addProjectFieldsPending: false,\n addProjectFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_FAILURE:\n return {\n ...state,\n addProjectFieldsPending: false,\n addProjectFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n addProjectFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN,\n ACCOUNT_SETTINGS_ADD_SUB_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_ADD_SUB_PHASE_FAILURE,\n ACCOUNT_SETTINGS_ADD_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addSubPhase(accountId, phaseId, data) {\n return {\n type: ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN,\n accountId,\n phaseId,\n data,\n };\n}\n\nexport function dismissAddSubPhaseError() {\n return {\n type: ACCOUNT_SETTINGS_ADD_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddSubPhase(action) {\n const { accountId, phaseId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/phases/${phaseId}/subphases`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_ADD_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: ACCOUNT_SETTINGS_ADD_SUB_PHASE_SUCCESS,\n phaseId,\n data: res,\n });\n}\n\nexport function* watchAddSubPhase() {\n yield takeLatest(ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN, doAddSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN:\n return {\n ...state,\n addSubPhasePending: true,\n addSubPhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_ADD_SUB_PHASE_SUCCESS: {\n const newPhases = state.phases.map((phase) => {\n if (action.phaseId === phase.id) {\n return {\n ...phase,\n subPhases: [\n ...phase.subPhases,\n {\n ...action.data,\n parentId: action.phaseId,\n },\n ],\n };\n }\n return phase;\n });\n\n return {\n ...state,\n phases: newPhases,\n addSubPhasePending: false,\n addSubPhaseError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_ADD_SUB_PHASE_FAILURE:\n return {\n ...state,\n addSubPhasePending: false,\n addSubPhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_ADD_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n addSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n ACCOUNT_SETTINGS_CLEAR_SELECTED_CERTIFICATION,\n} from './constants';\n\nexport function clearSelectedAccountCertification() {\n return {\n type: ACCOUNT_SETTINGS_CLEAR_SELECTED_CERTIFICATION,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_CLEAR_SELECTED_CERTIFICATION:\n return {\n ...state,\n selectedCertification: {},\n };\n\n default:\n return state;\n }\n}\n","import { put, takeLatest, all } from 'redux-saga/effects';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PERM_PERSON, PERM_WRITE, PERM_HOURLY_PERSON } from 'src/features/permissions/utils/constants';\nimport {\n ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_COLLECT_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_COLLECT_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_COLLECT_FIELDS_DISMISS_ERROR,\n} from './constants';\n\nimport { doGetPersonFields } from './getPersonFields';\nimport { doGetProjectFields } from './getProjectFields';\nimport { doGetRoleNames } from './getRoleNames';\nimport { doGetSkillSet } from './getSkillSet';\nimport { doGetHourlyPersonFields } from './getHourlyPersonFields';\nimport { doGetPersonFieldValues } from '../../people/redux/getPersonFieldValues';\nimport { doGetProjectFieldValues } from '../../projects/redux/getProjectFieldValues';\nimport { doGetHourlyPeopleFieldValues } from '../../self-perform/redux/getHourlyPeopleFieldValues';\n\nexport function collectFields(accountId, permissions) {\n return {\n type: ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN,\n accountId,\n permissions,\n };\n}\n\nexport function dismissCollectFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_COLLECT_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectFields(action) {\n const { accountId, permissions } = action;\n const accountParam = { accountId };\n\n const hasPersonPermissions = isAuthorized(accountId, permissions, PERM_WRITE, PERM_PERSON);\n const hasHourlyPersonPermissions = isAuthorized(accountId, permissions, PERM_WRITE, PERM_HOURLY_PERSON);\n\n try {\n yield all([\n doGetPersonFields(accountParam),\n doGetProjectFields(accountParam),\n doGetRoleNames(accountParam),\n ...(hasPersonPermissions ? [\n doGetPersonFieldValues(accountParam),\n doGetProjectFieldValues(accountParam),\n ]\n : []),\n ...(hasHourlyPersonPermissions\n ? [\n doGetHourlyPersonFields(accountParam),\n doGetSkillSet(accountParam),\n doGetHourlyPeopleFieldValues(accountParam),\n ]\n : []),\n ]);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_COLLECT_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_COLLECT_FIELDS_SUCCESS,\n });\n}\n\nexport function* watchCollectFields() {\n yield takeLatest(ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN, doCollectFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN:\n return {\n ...state,\n collectFieldsPending: true,\n collectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_COLLECT_FIELDS_SUCCESS:\n return {\n ...state,\n collectFieldsPending: false,\n collectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_COLLECT_FIELDS_FAILURE:\n return {\n ...state,\n collectFieldsPending: false,\n collectFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_COLLECT_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n collectFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","export const MAX_LIST_ITEM_LENGTH = 250;\nexport const MAX_ROLE_NAME_LENGTH = 50;\nexport const MAX_LIST_LENGTH = 250;\n\nexport const TOGGLE_REQUIRED_SYSTEM_FIELDS = ['Home Address', 'Address', 'Cell number'];\nexport const EDITABLE_SYSTEM_FIELDS = [\n ...TOGGLE_REQUIRED_SYSTEM_FIELDS,\n 'Other',\n 'Employee ID',\n];\n\nexport const ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_GET_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_GET_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_PROJECT_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN = 'ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_ROLE_NAMES_SUCCESS = 'ACCOUNT_SETTINGS_GET_ROLE_NAMES_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_ROLE_NAMES_FAILURE = 'ACCOUNT_SETTINGS_GET_ROLE_NAMES_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_ROLE_NAMES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_ROLE_NAMES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_PHASES_BEGIN = 'ACCOUNT_SETTINGS_GET_PHASES_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_PHASES_SUCCESS = 'ACCOUNT_SETTINGS_GET_PHASES_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_PHASES_FAILURE = 'ACCOUNT_SETTINGS_GET_PHASES_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_PHASES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_PHASES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_PHASE_BEGIN = 'ACCOUNT_SETTINGS_ADD_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_ADD_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_PHASE_FAILURE = 'ACCOUNT_SETTINGS_ADD_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN = 'ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_DELETE_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_DELETE_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_DELETE_PHASE_FAILURE = 'ACCOUNT_SETTINGS_DELETE_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_DELETE_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_DELETE_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASE_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN = 'ACCOUNT_SETTINGS_ADD_SUB_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_SUB_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_ADD_SUB_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_SUB_PHASE_FAILURE = 'ACCOUNT_SETTINGS_ADD_SUB_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_SUB_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_SUB_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN = 'ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_DELETE_SUB_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_DELETE_SUB_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_DELETE_SUB_PHASE_FAILURE = 'ACCOUNT_SETTINGS_DELETE_SUB_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_DELETE_SUB_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_DELETE_SUB_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASES_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_PHASES_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASES_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_PHASES_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_PHASES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_PHASES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_COLLECT_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_COLLECT_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_COLLECT_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_COLLECT_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_COLLECT_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_COLLECT_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_COLLECT_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN = 'ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_SUCCESS = 'ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_FAILURE = 'ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN = 'ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_SUCCESS = 'ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_FAILURE = 'ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_ACCOUNT_MODULE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN = 'ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_SUCCESS = 'ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_FAILURE = 'ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_MODULES_BEGIN = 'ACCOUNT_SETTINGS_GET_MODULES_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_MODULES_SUCCESS = 'ACCOUNT_SETTINGS_GET_MODULES_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_MODULES_FAILURE = 'ACCOUNT_SETTINGS_GET_MODULES_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_MODULES_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_MODULES_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN = 'ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_SKILL_SET_SUCCESS = 'ACCOUNT_SETTINGS_GET_SKILL_SET_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_SKILL_SET_FAILURE = 'ACCOUNT_SETTINGS_GET_SKILL_SET_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_SKILL_SET_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_SKILL_SET_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS_NO_EVENT = 'ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS_NO_EVENT';\nexport const ACCOUNT_SETTINGS_UPDATE_SKILL_SET_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_SKILL_SET_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_SKILL_SET_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_SKILL_SET_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_SKILL_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_SKILL_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_SKILL_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_SKILL_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_SKILL_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_SKILL_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_HOURLY_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN = 'ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN';\nexport const ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_FAILURE = 'ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_FAILURE';\nexport const ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_PURSUIT_TRACKING_MODULE_SUCCESS = 'ACCOUNT_SETTINGS_ADD_PURSUIT_TRACKING_MODULE_SUCCESS';\nexport const ACCOUNT_SETTINGS_REMOVE_PURSUIT_TRACKING_MODULE_SUCCESS = 'ACCOUNT_SETTINGS_REMOVE_PURSUIT_TRACKING_MODULE_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN = 'ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_SUCCESS = 'ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_FAILURE = 'ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN = 'ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATIONS_SUCCESS = 'ACCOUNT_SETTINGS_GET_CERTIFICATIONS_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATIONS_FAILURE = 'ACCOUNT_SETTINGS_GET_CERTIFICATIONS_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATIONS_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_CERTIFICATIONS_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN = 'ACCOUNT_SETTINGS_ADD_CERTIFICATION_BEGIN';\nexport const ACCOUNT_SETTINGS_ADD_CERTIFICATION_SUCCESS = 'ACCOUNT_SETTINGS_ADD_CERTIFICATION_SUCCESS';\nexport const ACCOUNT_SETTINGS_ADD_CERTIFICATION_FAILURE = 'ACCOUNT_SETTINGS_ADD_CERTIFICATION_FAILURE';\nexport const ACCOUNT_SETTINGS_ADD_CERTIFICATION_DISMISS_ERROR = 'ACCOUNT_SETTINGS_ADD_CERTIFICATION_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN = 'ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN';\nexport const ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_SUCCESS = 'ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_SUCCESS';\nexport const ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_FAILURE = 'ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_FAILURE';\nexport const ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_DISMISS_ERROR = 'ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN = 'ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN';\nexport const ACCOUNT_SETTINGS_DELETE_CERTIFICATION_SUCCESS = 'ACCOUNT_SETTINGS_DELETE_CERTIFICATION_SUCCESS';\nexport const ACCOUNT_SETTINGS_DELETE_CERTIFICATION_FAILURE = 'ACCOUNT_SETTINGS_DELETE_CERTIFICATION_FAILURE';\nexport const ACCOUNT_SETTINGS_DELETE_CERTIFICATION_DISMISS_ERROR = 'ACCOUNT_SETTINGS_DELETE_CERTIFICATION_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN = 'ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_SUCCESS = 'ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_SUCCESS';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_FAILURE = 'ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_FAILURE';\nexport const ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_DISMISS_ERROR = 'ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_DISMISS_ERROR';\nexport const ACCOUNT_SETTINGS_CLEAR_SELECTED_CERTIFICATION = 'ACCOUNT_SETTINGS_CLEAR_SELECTED_CERTIFICATION';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN,\n ACCOUNT_SETTINGS_DELETE_CERTIFICATION_SUCCESS,\n ACCOUNT_SETTINGS_DELETE_CERTIFICATION_FAILURE,\n ACCOUNT_SETTINGS_DELETE_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteAccountCertification(accountId, certificationId) {\n return {\n type: ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN,\n accountId,\n certificationId,\n };\n}\n\nexport function dismissDeleteAccountCertificationError() {\n return {\n type: ACCOUNT_SETTINGS_DELETE_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteAccountCertification(action) {\n const { accountId, certificationId } = action;\n\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/certifications/${certificationId}`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_CERTIFICATION_SUCCESS,\n data: certificationId,\n });\n}\n\nexport function* watchDeleteAccountCertification() {\n yield takeLatest(ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN, doDeleteAccountCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_DELETE_CERTIFICATION_BEGIN:\n return {\n ...state,\n deleteAccountCertificationPending: true,\n deleteAccountCertificationError: null,\n };\n\n case ACCOUNT_SETTINGS_DELETE_CERTIFICATION_SUCCESS: {\n const { data: certificationId } = action;\n const { certifications } = state;\n const newCertifications = certifications.filter(({ id }) => id !== certificationId);\n\n return {\n ...state,\n certifications: newCertifications,\n deleteAccountCertificationPending: false,\n deleteAccountCertificationError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_DELETE_CERTIFICATION_FAILURE:\n return {\n ...state,\n deleteAccountCertificationPending: false,\n deleteAccountCertificationError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_DELETE_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n deleteAccountCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN,\n ACCOUNT_SETTINGS_DELETE_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_DELETE_PHASE_FAILURE,\n ACCOUNT_SETTINGS_DELETE_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deletePhase(accountId, phaseIds) {\n return {\n type: ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN,\n accountId,\n phaseIds,\n };\n}\n\nexport function dismissDeletePhaseError() {\n return {\n type: ACCOUNT_SETTINGS_DELETE_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeletePhase(action) {\n const { accountId, phaseIds } = action;\n\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/phases`, phaseIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_PHASE_SUCCESS,\n data: phaseIds,\n });\n}\n\nexport function* watchDeletePhase() {\n yield takeLatest(ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN, doDeletePhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_DELETE_PHASE_BEGIN:\n return {\n ...state,\n deletePhasePending: true,\n deletePhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_DELETE_PHASE_SUCCESS: {\n const { data } = action;\n const { phases } = state;\n const newPhases = phases.filter(phase => !data.includes(phase.id));\n\n return {\n ...state,\n phases: newPhases,\n deletePhasePending: false,\n deletePhaseError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_DELETE_PHASE_FAILURE:\n return {\n ...state,\n deletePhasePending: false,\n deletePhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_DELETE_PHASE_DISMISS_ERROR:\n return {\n ...state,\n deletePhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN,\n ACCOUNT_SETTINGS_DELETE_SUB_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_DELETE_SUB_PHASE_FAILURE,\n ACCOUNT_SETTINGS_DELETE_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteSubPhase(accountId, phaseId, subPhaseIds) {\n return {\n type: ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN,\n accountId,\n phaseId,\n subPhaseIds,\n };\n}\n\nexport function dismissDeleteSubPhaseError() {\n return {\n type: ACCOUNT_SETTINGS_DELETE_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteSubPhase(action) {\n const { accountId, phaseId, subPhaseIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/phases/${phaseId}/subphases`, subPhaseIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_DELETE_SUB_PHASE_SUCCESS,\n phaseId,\n data: subPhaseIds,\n });\n}\n\nexport function* watchDeleteSubPhase() {\n yield takeLatest(ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN, doDeleteSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_DELETE_SUB_PHASE_BEGIN:\n return {\n ...state,\n deleteSubPhasePending: true,\n deleteSubPhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_DELETE_SUB_PHASE_SUCCESS: {\n const { data, phaseId } = action;\n const { phases } = state;\n\n const newPhases = phases.map((phase) => {\n if (phaseId === phase.id) {\n const newSubPhases = phase.subPhases ? phase.subPhases.filter(sp => !data.includes(sp.id)) : [];\n return {\n ...phase,\n subPhases: newSubPhases,\n };\n }\n return phase;\n });\n\n return {\n ...state,\n phases: newPhases,\n deleteSubPhasePending: false,\n deleteSubPhaseError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_DELETE_SUB_PHASE_FAILURE:\n return {\n ...state,\n deleteSubPhasePending: false,\n deleteSubPhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_DELETE_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n deleteSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN,\n ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_SUCCESS,\n ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_FAILURE,\n ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getAccountCertificationById(accountId, certificationId) {\n return {\n type: ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN,\n accountId,\n certificationId,\n };\n}\n\nexport function dismissGetAccountCertificationByIdError() {\n return {\n type: ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountCertificationById(action) {\n const { accountId, certificationId } = action;\n let res;\n\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/certifications/${certificationId}`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetAccountCertificationById() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN, doGetAccountCertificationById);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_BEGIN:\n return {\n ...state,\n getAccountCertificationByIdPending: true,\n getAccountCertificationByIdError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_SUCCESS: {\n const { data } = action;\n\n return {\n ...state,\n selectedCertification: data,\n getAccountCertificationByIdPending: false,\n getAccountCertificationByIdError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_FAILURE:\n return {\n ...state,\n getAccountCertificationByIdPending: false,\n getAccountCertificationByIdError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATION_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getAccountCertificationByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN,\n ACCOUNT_SETTINGS_GET_CERTIFICATIONS_SUCCESS,\n ACCOUNT_SETTINGS_GET_CERTIFICATIONS_FAILURE,\n ACCOUNT_SETTINGS_GET_CERTIFICATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getAccountCertifications(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetAccountCertificationsError() {\n return {\n type: ACCOUNT_SETTINGS_GET_CERTIFICATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountCertifications(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/certifications`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_CERTIFICATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_CERTIFICATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetAccountCertifications() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN, doGetAccountCertifications);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_CERTIFICATIONS_BEGIN:\n return {\n ...state,\n getAccountCertificationsPending: true,\n getAccountCertificationsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATIONS_SUCCESS:\n return {\n ...state,\n certifications: action.data,\n getAccountCertificationsPending: false,\n getAccountCertificationsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATIONS_FAILURE:\n return {\n ...state,\n getAccountCertificationsPending: false,\n getAccountCertificationsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_CERTIFICATIONS_DISMISS_ERROR:\n return {\n ...state,\n getAccountCertificationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN,\n ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_SUCCESS,\n ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_FAILURE,\n ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getAccountLimits(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetAccountLimitsError() {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountLimits(action) {\n const { accountId } = action;\n let limits;\n try {\n limits = yield call(protectedJsonGet, `/accounts/${accountId}/limits`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_SUCCESS,\n limits,\n });\n}\n\nexport function* watchGetAccountLimits() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN, doGetAccountLimits);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_BEGIN:\n return {\n ...state,\n getAccountLimitsPending: true,\n getAccountLimitsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_SUCCESS:\n return {\n ...state,\n accountLimits: action.limits,\n getAccountLimitsPending: false,\n getAccountLimitsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_FAILURE:\n return {\n ...state,\n getAccountLimitsPending: false,\n getAccountLimitsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_LIMITS_DISMISS_ERROR:\n return {\n ...state,\n getAccountLimitsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN,\n ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_SUCCESS,\n ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_FAILURE,\n ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getAccountModules(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetAccountModulesError() {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountModules(action) {\n const { accountId } = action;\n let accountModules;\n\n try {\n accountModules = yield call(protectedJsonGet, `accounts/${accountId}/modules`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_SUCCESS,\n accountModules,\n });\n}\n\nexport function* watchGetAccountModules() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN, doGetAccountModules);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_BEGIN:\n return {\n ...state,\n getAccountModulesPending: true,\n getAccountModulesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_SUCCESS: {\n const { accountModules } = action;\n return {\n ...state,\n accountModules,\n getAccountModulesPending: false,\n getAccountModulesError: null,\n };\n }\n case ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_FAILURE:\n return {\n ...state,\n getAccountModulesPending: false,\n getAccountModulesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_MODULES_DISMISS_ERROR:\n return {\n ...state,\n getAccountModulesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest, all } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN,\n ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_SUCCESS,\n ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_FAILURE,\n ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet, getBaseRequest } from '../../../utils/api';\n\nexport function getAccountProperties(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetAccountPropertiesError() {\n return {\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountProperties(action) {\n const { accountId } = action;\n let props;\n let options;\n try {\n [props, options] = yield all([\n call(protectedJsonGet, `accounts/${accountId}/properties`),\n call(getBaseRequest, 'bench-defaults/countries'),\n ]);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_SUCCESS,\n data: props,\n options,\n });\n}\n\nexport function* watchGetAccountProperties() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN, doGetAccountProperties);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_BEGIN:\n return {\n ...state,\n getAccountPropertiesPending: true,\n getAccountPropertiesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_SUCCESS:\n return {\n ...state,\n accountProperties: action.data,\n accountPropertyOptions: action.options,\n getAccountPropertiesPending: false,\n getAccountPropertiesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_FAILURE:\n return {\n ...state,\n getAccountPropertiesPending: false,\n getAccountPropertiesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_ACCOUNT_PROPERTIES_DISMISS_ERROR:\n return {\n ...state,\n getAccountPropertiesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getHourlyPersonFields(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetHourlyPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetHourlyPersonFields(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/hourly-person-fields`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetHourlyPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN, doGetHourlyPersonFields);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n getHourlyPersonFieldsPending: true,\n getHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_SUCCESS:\n return {\n ...state,\n hourlyPersonFields: action.data || [],\n getHourlyPersonFieldsPending: false,\n getHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n getHourlyPersonFieldsPending: false,\n getHourlyPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_HOURLY_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n getHourlyPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_MODULES_BEGIN,\n ACCOUNT_SETTINGS_GET_MODULES_SUCCESS,\n ACCOUNT_SETTINGS_GET_MODULES_FAILURE,\n ACCOUNT_SETTINGS_GET_MODULES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getModules() {\n return {\n type: ACCOUNT_SETTINGS_GET_MODULES_BEGIN,\n };\n}\n\nexport function dismissGetModulesError() {\n return {\n type: ACCOUNT_SETTINGS_GET_MODULES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetModules() {\n let modules;\n try {\n modules = yield call(protectedJsonGet, 'modules');\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_MODULES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_MODULES_SUCCESS,\n modules,\n });\n}\n\nexport function* watchGetModules() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_MODULES_BEGIN, doGetModules);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_MODULES_BEGIN:\n return {\n ...state,\n getModulesPending: true,\n getModulesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_MODULES_SUCCESS: {\n const { modules } = action;\n return {\n ...state,\n modules,\n getModulesPending: false,\n getModulesError: null,\n };\n }\n case ACCOUNT_SETTINGS_GET_MODULES_FAILURE:\n return {\n ...state,\n getModulesPending: false,\n getModulesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_MODULES_DISMISS_ERROR:\n return {\n ...state,\n getModulesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_GET_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_GET_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_GET_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonFields(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_GET_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PERSON_FIELDS_BEGIN actions\nexport function* doGetPersonFields(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/person-fields`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNT_SETTINGS_GET_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN, doGetPersonFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n getPersonFieldsPending: true,\n getPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_PERSON_FIELDS_SUCCESS: {\n const { data } = action;\n\n return {\n ...state,\n personFields: data || [],\n getPersonFieldsPending: false,\n getPersonFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_GET_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n getPersonFieldsPending: false,\n getPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n getPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_PHASES_BEGIN,\n ACCOUNT_SETTINGS_GET_PHASES_SUCCESS,\n ACCOUNT_SETTINGS_GET_PHASES_FAILURE,\n ACCOUNT_SETTINGS_GET_PHASES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPhases(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_PHASES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetPhasesError() {\n return {\n type: ACCOUNT_SETTINGS_GET_PHASES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPhases(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/phases`, { includeSubPhases: true });\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_PHASES_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: ACCOUNT_SETTINGS_GET_PHASES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetPhases() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_PHASES_BEGIN, doGetPhases);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_PHASES_BEGIN:\n return {\n ...state,\n getPhasesPending: true,\n getPhasesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_PHASES_SUCCESS:\n return {\n ...state,\n phases: action.data,\n getPhasesPending: false,\n getPhasesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_PHASES_FAILURE:\n return {\n ...state,\n getPhasesPending: false,\n getPhasesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_PHASES_DISMISS_ERROR:\n return {\n ...state,\n getPhasesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectFields(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetProjectFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectFields(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/project-fields`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectFields() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN, doGetProjectFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_BEGIN:\n return {\n ...state,\n getProjectFieldsPending: true,\n getProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_SUCCESS:\n return {\n ...state,\n projectFields: action.data || [],\n getProjectFieldsPending: false,\n getProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_FAILURE:\n return {\n ...state,\n getProjectFieldsPending: false,\n getProjectFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_PROJECT_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n getProjectFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN,\n ACCOUNT_SETTINGS_GET_ROLE_NAMES_SUCCESS,\n ACCOUNT_SETTINGS_GET_ROLE_NAMES_FAILURE,\n ACCOUNT_SETTINGS_GET_ROLE_NAMES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getRoleNames(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetRoleNamesError() {\n return {\n type: ACCOUNT_SETTINGS_GET_ROLE_NAMES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetRoleNames(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/role-names`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_ROLE_NAMES_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: ACCOUNT_SETTINGS_GET_ROLE_NAMES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetRoleNames() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN, doGetRoleNames);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_ROLE_NAMES_BEGIN:\n return {\n ...state,\n getRoleNamesPending: true,\n getRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ROLE_NAMES_SUCCESS:\n return {\n ...state,\n roles: action.data || [],\n getRoleNamesPending: false,\n getRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_ROLE_NAMES_FAILURE:\n return {\n ...state,\n getRoleNamesPending: false,\n getRoleNamesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_ROLE_NAMES_DISMISS_ERROR:\n return {\n ...state,\n getRoleNamesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN,\n ACCOUNT_SETTINGS_GET_SKILL_SET_SUCCESS,\n ACCOUNT_SETTINGS_GET_SKILL_SET_FAILURE,\n ACCOUNT_SETTINGS_GET_SKILL_SET_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getSkillSet(accountId) {\n return {\n type: ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetSkillSetError() {\n return {\n type: ACCOUNT_SETTINGS_GET_SKILL_SET_DISMISS_ERROR,\n };\n}\n\nexport function* doGetSkillSet(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/skill-set`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_GET_SKILL_SET_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_GET_SKILL_SET_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetSkillSet() {\n yield takeLatest(ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN, doGetSkillSet);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_GET_SKILL_SET_BEGIN:\n return {\n ...state,\n getSkillSetPending: true,\n getSkillSetError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_SKILL_SET_SUCCESS:\n return {\n ...state,\n skillSet: action.data || [],\n getSkillSetPending: false,\n getSkillSetError: null,\n };\n\n case ACCOUNT_SETTINGS_GET_SKILL_SET_FAILURE:\n return {\n ...state,\n getSkillSetPending: false,\n getSkillSetError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_GET_SKILL_SET_DISMISS_ERROR:\n return {\n ...state,\n getSkillSetError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_DISMISS_ERROR,\n ACCOUNT_SETTINGS_REMOVE_PURSUIT_TRACKING_MODULE_SUCCESS,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from '../../../common/constants';\n\nexport function removeAccountModule(accountId, moduleId, moduleName) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN,\n accountId,\n moduleId,\n moduleName,\n };\n}\n\nexport function dismissRemoveAccountModuleError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveAccountModule(action) {\n const { accountId, moduleId, moduleName } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/modules/${moduleId}`);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n if (moduleName === ACCOUNT_MODULE_PURSUIT_TRACKING) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_PURSUIT_TRACKING_MODULE_SUCCESS,\n moduleName,\n accountId,\n });\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_SUCCESS,\n moduleName,\n });\n}\n\nexport function* watchRemoveAccountModule() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN, doRemoveAccountModule);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_BEGIN:\n return {\n ...state,\n removeAccountModulePending: true,\n removeAccountModuleError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_SUCCESS: {\n const { moduleName } = action;\n return {\n ...state,\n accountModules: state.accountModules.filter(module => module.name !== moduleName),\n removeAccountModulePending: false,\n removeAccountModuleError: null,\n };\n }\n case ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_FAILURE:\n return {\n ...state,\n removeAccountModulePending: false,\n removeAccountModuleError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_ACCOUNT_MODULE_DISMISS_ERROR:\n return {\n ...state,\n removeAccountModuleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeHourlyPersonFields(accountId, fieldIds) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN,\n accountId,\n fieldIds,\n };\n}\n\nexport function dismissRemoveHourlyPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveHourlyPersonFields(action) {\n const { accountId, fieldIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/hourly-person-fields`, fieldIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_SUCCESS,\n data: fieldIds,\n });\n}\n\nexport function* watchRemoveHourlyPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN, doRemoveHourlyPersonFields);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n removeHourlyPersonFieldsPending: true,\n removeHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_SUCCESS:\n return {\n ...state,\n hourlyPersonFields: state.hourlyPersonFields.filter(({ id }) => action.data.indexOf(id) === -1),\n removeHourlyPersonFieldsPending: false,\n removeHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n removeHourlyPersonFieldsPending: false,\n removeHourlyPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_HOURLY_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n removeHourlyPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removePersonFields(accountId, fieldIds) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN,\n accountId,\n fieldIds,\n };\n}\n\nexport function dismissRemovePersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doRemovePersonFields(action) {\n const { accountId, fieldIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/person-fields`, fieldIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_SUCCESS,\n data: fieldIds,\n });\n}\n\nexport function* watchRemovePersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN, doRemovePersonFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n removePersonFieldsPending: true,\n removePersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_SUCCESS:\n return {\n ...state,\n personFields: state.personFields.filter(field => action.data.indexOf(field.id) === -1),\n removePersonFieldsPending: false,\n removePersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n removePersonFieldsPending: false,\n removePersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n removePersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeProjectFields(accountId, fieldIds) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN,\n accountId,\n fieldIds,\n };\n}\n\nexport function dismissRemoveProjectFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveProjectFields(action) {\n const { accountId, fieldIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/project-fields`, fieldIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_SUCCESS,\n data: fieldIds,\n });\n}\n\nexport function* watchRemoveProjectFields() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN, doRemoveProjectFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_BEGIN:\n return {\n ...state,\n removeProjectFieldsPending: true,\n removeProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_SUCCESS:\n return {\n ...state,\n projectFields: state.projectFields.filter(field => action.data.indexOf(field.id) === -1),\n removeProjectFieldsPending: false,\n removeProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_FAILURE:\n return {\n ...state,\n removeProjectFieldsPending: false,\n removeProjectFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_PROJECT_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n removeProjectFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeRoleNames(accountId, roleIds) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN,\n accountId,\n roleIds,\n };\n}\n\nexport function dismissRemoveRoleNamesError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveRoleNames(action) {\n const { accountId, roleIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/role-names`, roleIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_SUCCESS,\n roleIds,\n });\n}\n\nexport function* watchRemoveRoleNames() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN, doRemoveRoleNames);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_BEGIN:\n return {\n ...state,\n removeRoleNamesPending: true,\n removeRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_SUCCESS:\n return {\n ...state,\n roles: state.roles.filter(role => action.roleIds.indexOf(role.id) === -1),\n removeRoleNamesPending: false,\n removeRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_FAILURE:\n return {\n ...state,\n removeRoleNamesPending: false,\n removeRoleNamesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_ROLE_NAMES_DISMISS_ERROR:\n return {\n ...state,\n removeRoleNamesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN,\n ACCOUNT_SETTINGS_REMOVE_SKILL_SUCCESS,\n ACCOUNT_SETTINGS_REMOVE_SKILL_FAILURE,\n ACCOUNT_SETTINGS_REMOVE_SKILL_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeSkill(accountId, skillIds) {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN,\n accountId,\n skillIds,\n };\n}\n\nexport function dismissRemoveSkillError() {\n return {\n type: ACCOUNT_SETTINGS_REMOVE_SKILL_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveSkill(action) {\n const { accountId, skillIds } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/skill-set`, skillIds);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_SKILL_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_REMOVE_SKILL_SUCCESS,\n skillIds,\n });\n}\n\nexport function* watchRemoveSkill() {\n yield takeLatest(ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN, doRemoveSkill);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_REMOVE_SKILL_BEGIN:\n return {\n ...state,\n removeSkillPending: true,\n removeSkillError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_SKILL_SUCCESS:\n return {\n ...state,\n skillSet: state.skillSet?.filter(({ id }) => action.skillIds.indexOf(id) === -1),\n removeSkillPending: false,\n removeSkillError: null,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_SKILL_FAILURE:\n return {\n ...state,\n removeSkillPending: false,\n removeSkillError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_REMOVE_SKILL_DISMISS_ERROR:\n return {\n ...state,\n removeSkillError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\n\nexport function updateAccountCertification(accountId, certificationId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN,\n accountId,\n certificationId,\n data,\n };\n}\n\nexport function dismissUpdateAccountCertificationError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateAccountCertification(action) {\n const { accountId, certificationId, data } = action;\n try {\n yield call(protectedJsonPatch, `accounts/${accountId}/certifications/${certificationId}`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_SUCCESS,\n accountId,\n certificationId,\n data,\n });\n}\n\nexport function* watchUpdateAccountCertification() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN, doUpdateAccountCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_BEGIN:\n return {\n ...state,\n updateCertificationPending: true,\n updateCertificationError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_SUCCESS: {\n const newCertifications = state.certifications.map(certification => (\n action.certificationId === certification.id\n ? { ...certification, ...action.data }\n : certification\n ));\n\n return {\n ...state,\n certifications: newCertifications,\n updateCertificationPending: false,\n updateCertificationError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_FAILURE:\n return {\n ...state,\n updateCertificationPending: false,\n updateCertificationError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n updateCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\n\nexport function updateAccountModule(accountId, moduleId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN,\n accountId,\n moduleId,\n data,\n };\n}\n\nexport function dismissUpdateAccountModuleError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateAccountModule(action) {\n const { accountId, moduleId, data } = action;\n let response;\n try {\n response = yield call(protectedJsonPatch, `accounts/${accountId}/modules/${moduleId}`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_SUCCESS,\n data, // Mixpanel\n response,\n });\n}\n\nexport function* watchUpdateAccountModule() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN, doUpdateAccountModule);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_BEGIN:\n return {\n ...state,\n updateAccountModulePending: true,\n updateAccountModuleError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_SUCCESS: {\n const { response } = action;\n return {\n ...state,\n accountModules: [\n ...state.accountModules.filter(mod => mod.id !== response.id),\n response,\n ],\n updateAccountModulePending: false,\n updateAccountModuleError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_FAILURE:\n return {\n ...state,\n updateAccountModulePending: false,\n updateAccountModuleError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_MODULE_DISMISS_ERROR:\n return {\n ...state,\n updateAccountModuleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function updateAccountProperties(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissUpdateAccountPropertiesError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateAccountProperties(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPut, `accounts/${accountId}/properties`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchUpdateAccountProperties() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN, doUpdateAccountProperties);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_BEGIN:\n return {\n ...state,\n updateAccountPropertiesPending: true,\n updateAccountPropertiesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_SUCCESS:\n return {\n ...state,\n accountProperties: action.data,\n updateAccountPropertiesPending: false,\n updateAccountPropertiesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_FAILURE:\n return {\n ...state,\n updateAccountPropertiesPending: false,\n updateAccountPropertiesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ACCOUNT_PROPERTIES_DISMISS_ERROR:\n return {\n ...state,\n updateAccountPropertiesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function updateHourlyPersonFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissUpdateHourlyPersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateHourlyPersonFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/hourly-person-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchUpdateHourlyPersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN, doUpdateHourlyPersonFields);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n updateHourlyPersonFieldsPending: true,\n updateHourlyPersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_SUCCESS: {\n const hourlyPersonFields = state.hourlyPersonFields?.map((field) => {\n const newField = action.data.find(data => data.id === field.id);\n if (newField) {\n return {\n ...field,\n ...newField,\n };\n }\n return field;\n });\n return {\n ...state,\n hourlyPersonFields,\n updateHourlyPersonFieldsPending: false,\n updateHourlyPersonFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n updateHourlyPersonFieldsPending: false,\n updateHourlyPersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_HOURLY_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n updateHourlyPersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPost } from '../../../utils/api';\nimport {\n ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_DISMISS_ERROR,\n} from './constants';\n\nexport function updatePersonFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissUpdatePersonFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePersonFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/person-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchUpdatePersonFields() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN, doUpdatePersonFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_BEGIN:\n return {\n ...state,\n updatePersonFieldsPending: true,\n updatePersonFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_SUCCESS: {\n const newPersonFields = state.personFields.map((field) => {\n const newField = action.data.find(data => data.id === field.id);\n if (newField) {\n return {\n ...field,\n ...newField,\n };\n }\n return field;\n });\n\n return {\n ...state,\n personFields: newPersonFields,\n updatePersonFieldsPending: false,\n updatePersonFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_FAILURE:\n return {\n ...state,\n updatePersonFieldsPending: false,\n updatePersonFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PERSON_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n updatePersonFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport {\n ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_PHASE_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_PHASE_DISMISS_ERROR,\n} from './constants';\n\nexport function updatePhase(accountId, phaseId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN,\n accountId,\n phaseId,\n data,\n };\n}\n\nexport function dismissUpdatePhaseError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePhase(action) {\n const { accountId, phaseId, data } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/phases/${phaseId}`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PHASE_SUCCESS,\n accountId,\n phaseId,\n data,\n });\n}\n\nexport function* watchUpdatePhase() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN, doUpdatePhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_PHASE_BEGIN:\n return {\n ...state,\n updatePhasePending: true,\n updatePhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PHASE_SUCCESS: {\n const newPhases = state.phases.map((phase) => {\n if (action.phaseId === phase.id) {\n return {\n ...phase,\n ...action.data,\n };\n }\n return phase;\n });\n\n return {\n ...state,\n phases: newPhases,\n updatePhasePending: false,\n updatePhaseError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_PHASE_FAILURE:\n return {\n ...state,\n updatePhasePending: false,\n updatePhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PHASE_DISMISS_ERROR:\n return {\n ...state,\n updatePhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport {\n ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_PHASES_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_PHASES_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_PHASES_DISMISS_ERROR,\n} from './constants';\n\nexport function updatePhases(accountId, newPhases) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN,\n accountId,\n data: newPhases,\n };\n}\n\nexport function dismissUpdatePhasesError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PHASES_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePhases(action) {\n const { accountId, data } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/phases`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PHASES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PHASES_SUCCESS,\n accountId,\n data,\n });\n}\n\nexport function* watchUpdatePhases() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN, doUpdatePhases);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_PHASES_BEGIN:\n return {\n ...state,\n updatePhasesPending: true,\n updatePhasesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PHASES_SUCCESS:\n return {\n ...state,\n phases: action.data,\n updatePhasesPending: false,\n updatePhasesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PHASES_FAILURE:\n return {\n ...state,\n updatePhasesPending: false,\n updatePhasesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PHASES_DISMISS_ERROR:\n return {\n ...state,\n updatePhasesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function updateProjectFields(accountId, data) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissUpdateProjectFieldsError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectFields(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/project-fields`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchUpdateProjectFields() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN, doUpdateProjectFields);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_BEGIN:\n return {\n ...state,\n updateProjectFieldsPending: true,\n updateProjectFieldsError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_SUCCESS: {\n const newProjectFields = state.projectFields.map((field) => {\n const newField = action.data.find(data => data.id === field.id);\n if (newField) {\n return {\n ...field,\n ...newField,\n };\n }\n return field;\n });\n\n return {\n ...state,\n projectFields: newProjectFields,\n updateProjectFieldsPending: false,\n updateProjectFieldsError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_FAILURE:\n return {\n ...state,\n updateProjectFieldsPending: false,\n updateProjectFieldsError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_PROJECT_FIELDS_DISMISS_ERROR:\n return {\n ...state,\n updateProjectFieldsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function updateRoleNames(accountId, roles, alphabetize) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN,\n accountId,\n roles,\n alphabetize,\n };\n}\n\nexport function dismissUpdateRoleNamesError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateRoleNames(action) {\n const { accountId, roles, alphabetize } = action;\n let res;\n try {\n const url = `accounts/${accountId}/role-names${alphabetize ? '?alphabetize=true' : ''}`;\n res = yield call(protectedJsonPost, url, roles);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchUpdateRoleNames() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN, doUpdateRoleNames);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_BEGIN:\n return {\n ...state,\n updateRoleNamesPending: true,\n updateRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_SUCCESS:\n return {\n ...state,\n roles: action.data,\n updateRoleNamesPending: false,\n updateRoleNamesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_FAILURE:\n return {\n ...state,\n updateRoleNamesPending: false,\n updateRoleNamesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_ROLE_NAMES_DISMISS_ERROR:\n return {\n ...state,\n updateRoleNamesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS_NO_EVENT,\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function updateSkillSet(accountId, skills, alphabetize, hasUpdateEvent = true) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN,\n accountId,\n skills,\n alphabetize,\n hasUpdateEvent,\n };\n}\n\nexport function dismissUpdateSkillSetError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SKILL_SET_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateSkillSet(action) {\n const { accountId, skills, alphabetize, hasUpdateEvent } = action;\n let res;\n try {\n const url = `accounts/${accountId}/skill-set${alphabetize ? '?alphabetize=true' : ''}`;\n res = yield call(protectedJsonPost, url, skills);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_SKILL_SET_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n // Only fire `Custom Field Updated` event on name add / change\n // Do not fire on list re-order / alphabetize\n const type = hasUpdateEvent ?\n ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS : ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS_NO_EVENT;\n\n yield put({\n type,\n data: res,\n });\n}\n\nexport function* watchUpdateSkillSet() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN, doUpdateSkillSet);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_SKILL_SET_BEGIN:\n return {\n ...state,\n updateSkillSetPending: true,\n updateSkillSetError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS:\n case ACCOUNT_SETTINGS_UPDATE_SKILL_SET_SUCCESS_NO_EVENT:\n return {\n ...state,\n skillSet: action.data,\n updateSkillSetPending: false,\n updateSkillSetError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SKILL_SET_FAILURE:\n return {\n ...state,\n updateSkillSetPending: false,\n updateSkillSetError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SKILL_SET_DISMISS_ERROR:\n return {\n ...state,\n updateSkillSetError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport {\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\n\nexport function updateSubPhase(accountId, phaseId, subPhaseId, data) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN,\n accountId,\n phaseId,\n subPhaseId,\n data,\n };\n}\n\nexport function dismissUpdateSubPhaseError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateSubPhase(action) {\n const { accountId, phaseId, subPhaseId, data } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/phases/${phaseId}/subphases/${subPhaseId}`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_SUCCESS,\n accountId,\n phaseId,\n subPhaseId,\n data,\n });\n}\n\nexport function* watchUpdateSubPhase() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN, doUpdateSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_BEGIN:\n return {\n ...state,\n updateSubPhasePending: true,\n updateSubPhaseError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_SUCCESS: {\n const { phases } = state;\n const { phaseId, subPhaseId, data } = action;\n\n const newPhases = phases.map((phase) => {\n if (phaseId === phase.id) {\n const subPhases = phase.subPhases || [];\n const newSubPhases = subPhases.map((sp) => {\n if (sp.id === subPhaseId) {\n return {\n id: subPhaseId,\n ...data,\n parentId: action.phaseId,\n };\n }\n return sp;\n });\n return {\n ...phase,\n subPhases: newSubPhases,\n };\n }\n return phase;\n });\n\n return {\n ...state,\n phases: newPhases,\n updateSubPhasePending: false,\n updateSubPhaseError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_FAILURE:\n return {\n ...state,\n updateSubPhasePending: false,\n updateSubPhaseError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n updateSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport {\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_SUCCESS,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_FAILURE,\n ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_DISMISS_ERROR,\n} from './constants';\n\nexport function updateSubPhases(accountId, phaseId, newSubPhases) {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN,\n accountId,\n phaseId,\n data: newSubPhases,\n };\n}\n\nexport function dismissUpdateSubPhasesError() {\n return {\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateSubPhases(action) {\n const { accountId, phaseId, data } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/phases/${phaseId}/subphases`, data);\n } catch (err) {\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_SUCCESS,\n accountId,\n phaseId,\n data,\n });\n}\n\nexport function* watchUpdateSubPhases() {\n yield takeLatest(ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN, doUpdateSubPhases);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_BEGIN:\n return {\n ...state,\n updateSubPhasesPending: true,\n updateSubPhasesError: null,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_SUCCESS: {\n const { phases } = state;\n const { phaseId, data } = action;\n\n const newPhases = phases.map((phase) => {\n if (phaseId === phase.id) {\n return {\n ...phase,\n subPhases: data,\n };\n }\n return phase;\n });\n\n return {\n ...state,\n phases: newPhases,\n updateSubPhasesPending: false,\n updateSubPhasesError: null,\n };\n }\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_FAILURE:\n return {\n ...state,\n updateSubPhasesPending: false,\n updateSubPhasesError: action.data.error,\n };\n\n case ACCOUNT_SETTINGS_UPDATE_SUB_PHASES_DISMISS_ERROR:\n return {\n ...state,\n updateSubPhasesError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n ACCOUNT_MODULE_ASSIGNMENT_COMMUNICATION,\n ACCOUNT_MODULE_ATTACHMENTS,\n ACCOUNT_MODULE_LOCATION,\n} from '../../../common/constants';\n\nconst invitationInputs = groups => [\n {\n id: 1,\n label: 'Email',\n name: 'email',\n type: 'text',\n placeholder: 'Enter an email address',\n required: true,\n },\n {\n id: 2,\n label: 'Permission Group',\n name: 'permissionGroup',\n type: 'select',\n placeholder: 'Select a permission group',\n options: groups.map(group => ({ label: group.name, value: group.name })),\n required: true,\n },\n];\n\nconst INVITE_USER_MODAL = 'INVITE_USER_MODAL';\n\nconst MANAGED_MODULES = [\n ACCOUNT_MODULE_ASSIGNMENT_COMMUNICATION,\n ACCOUNT_MODULE_ATTACHMENTS,\n ACCOUNT_MODULE_LOCATION,\n];\n\nconst DISTANCE_UNITS = {\n KM: {\n value: 'km',\n label: 'kilometers',\n conversionFactorMetric: 1_000,\n },\n MI: {\n value: 'mi',\n label: 'miles',\n conversionFactorMetric: 1_609.344,\n },\n};\n\nconst ACCOUNTS_COLUMNS = [\n { name: 'Account Name' },\n { name: '# of Projects' },\n { name: '# of People' },\n { name: '# of Bench Users' },\n];\n\nconst ACCOUNTS_SORT_KEY = 'sortedColumns-accounts';\n\nconst ACCOUNTS_DEBOUNCE_DURATION = 200;\n\nexport {\n invitationInputs,\n INVITE_USER_MODAL,\n MANAGED_MODULES,\n DISTANCE_UNITS,\n ACCOUNTS_COLUMNS,\n ACCOUNTS_SORT_KEY,\n ACCOUNTS_DEBOUNCE_DURATION,\n};\n","import loadable from 'react-loadable';\nimport ChunkErrorReloader from 'src/features/common/ChunkErrorReloader';\n\nexport default loadable({\n loader: () => import(/* webpackChunkName: \"accounts-accounts\" */ './Accounts'),\n loading: ChunkErrorReloader,\n});\n","import {\n Button,\n DialogActions,\n FormControl,\n FormHelperText,\n InputLabel,\n TextField,\n} from '@material-ui/core';\nimport { Image } from '@material-ui/icons';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Field, Form } from 'react-final-form';\nimport { AddLogo } from '.';\n\nexport class CreateNewAccountForm extends Component {\n static propTypes = {\n accounts: PropTypes.object.isRequired,\n createAccount: PropTypes.func.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n disableForm: false,\n logoImage: null,\n logoUrl: '',\n logoOpen: false,\n };\n }\n\n validate = (values) => {\n const errors = {};\n\n if (!values.name || !values.name.replace(/\\s/g, '').length) {\n errors.name = 'Please enter an account name';\n }\n if (this.checkAccountName(values.name) !== undefined) {\n errors.name = 'Please enter a unique account name';\n }\n\n return errors;\n }\n\n checkAccountName = (name) => {\n const { accounts } = this.props;\n const newName = (name || '').toLowerCase();\n return accounts.entities.find(account => account.name.toLowerCase() === newName);\n }\n\n addAccount = (values) => {\n const { createAccount } = this.props;\n const { logoImage } = this.state;\n\n createAccount(values, logoImage);\n }\n\n onAddLogo = (image) => {\n this.setState({\n logoOpen: false,\n logoImage: image,\n logoUrl: window.URL.createObjectURL(image),\n });\n }\n\n onDeleteLogo = () => {\n this.setState({\n logoImage: null,\n logoUrl: '',\n });\n }\n\n showLogo = () => {\n this.setState({\n logoOpen: true,\n });\n }\n\n hideLogo = () => {\n this.setState({\n logoOpen: false,\n });\n }\n\n render() {\n const { disableForm, logoUrl, logoOpen } = this.state;\n\n return (\n Cost rate defaults
\nPeople will inherit these values based on their titles. This field can still be updated individually on a person’s profile. The cost rate will be used to calculate the Bench cost for a person.
\n\n Title\n Value\n
\n \n
\n ))}\n \n {name}\n onEnter(event, id, name, index)}\n onChange={({ target: { value } }) => onChange(value, hourlyCost)}\n materialProps={({\n startAdornment: (\n \n \n ),\n onFocus: () => onInputFocus(id),\n error: focusedCostRate === id && hasErrorState,\n inputRef: (element) => {\n inputsRef.current[index] = element;\n },\n })}\n />\n
\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n createAccount: bindActionCreators(createNewAccount, dispatch),\n };\n}\n\nexport default connect(null, mapDispatchToProps)(CreateNewAccountModal);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { RadioGroup, Radio, FormControlLabel } from '@material-ui/core';\n\nexport default class UserPermissionOptions extends PureComponent {\n static propTypes = {\n onChange: PropTypes.func.isRequired,\n selectedRole: PropTypes.string,\n };\n\n static defaultProps = {\n selectedRole: 'admin',\n };\n\n render() {\n const { onChange, selectedRole } = this.props;\n return (\n \n \n \n \n New Account \n \n \n \n\n
\n \n \n
\n );\n }\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Delete } from '@material-ui/icons';\nimport { CircularProgress, IconButton } from '@material-ui/core';\nimport { FileUploader } from '@bridgit/foundation';\nimport { ImageCrop } from '../common';\nimport {\n LOGO_UPLOAD_CONFIG,\n LOGO_UPLOAD_ERROR_MESSAGES,\n} from './redux/constants';\n\nfunction AddLogo({\n logo,\n onSave,\n onDelete,\n open,\n showModal,\n hideModal,\n loading,\n}) {\n const [image, setImage] = useState(null);\n\n const resetDefaults = () => {\n setImage(null);\n };\n\n const onUpload = (file) => {\n setImage(file);\n showModal();\n };\n\n const onClose = () => {\n hideModal();\n resetDefaults();\n };\n\n const onSaveBlob = (blob) => {\n onSave(blob);\n resetDefaults();\n };\n\n if (loading) {\n return (\n \n
\n );\n }\n\n return (\n \n
\n \n {!logo\n ? (\n
\n );\n}\n\nAddLogo.propTypes = {\n logo: PropTypes.string,\n onSave: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n open: PropTypes.bool.isRequired,\n showModal: PropTypes.func.isRequired,\n hideModal: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n};\n\nAddLogo.defaultProps = {\n logo: '',\n loading: false,\n};\n\nexport default AddLogo;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {\n Button,\n Divider,\n FormControl,\n FormHelperText,\n Grid,\n Input,\n LinearProgress,\n Paper,\n Typography,\n} from '@material-ui/core/';\nimport { Image } from '@material-ui/icons/';\nimport { Form } from 'react-final-form';\nimport { Field } from 'react-final-form-html5-validation';\n\nimport { isAuthorized, hasOneOfModules } from '../permissions/utils/permissionUtils';\nimport { PERM_ACCOUNT, PERM_WRITE } from '../permissions/utils/constants';\nimport * as actions from './redux/actions';\nimport { Confirm } from '../common';\nimport { EditButton, Can } from '../wrapped-components';\nimport { AddLogo } from '.';\nimport { ModuleManagement, LocationUnitSelect } from '../account-settings';\nimport { MANAGED_MODULES } from './common/constants';\nimport {\n ACCOUNT_MODULE_ASSIGNMENT_COMMUNICATION,\n ACCOUNT_MODULE_ATTACHMENTS,\n} from '../../common/constants';\n\nexport class AccountDetails extends Component {\n static propTypes = {\n accounts: PropTypes.object.isRequired,\n accountId: PropTypes.number.isRequired,\n userInfo: PropTypes.object.isRequired,\n actions: PropTypes.object.isRequired,\n accountModules: PropTypes.arrayOf(PropTypes.object).isRequired,\n };\n\n constructor(props) {\n super(props);\n\n const { accountId } = props;\n const retrievedAccount = props.accounts.entities.find(account => account.id === accountId);\n\n this.state = {\n editingName: false,\n currentAccount: { ...retrievedAccount },\n tempAccountName: retrievedAccount ? retrievedAccount.name : '',\n nameError: false,\n logoOpen: false,\n };\n }\n\n UNSAFE_componentWillReceiveProps = (nextProps) => {\n const { accounts, accountId } = this.props;\n const { currentAccount } = this.state;\n\n const accountsLoaded = !currentAccount.id && accounts.entities.length !== nextProps.accounts.entities.length;\n const updatedAccount = accounts.updateAccountPending && !nextProps.accounts.updateAccountPending && !nextProps.accounts.updateAccountError;\n const addedLogo = accounts.setLogoPending && !nextProps.accounts.setLogoPending;\n const deletedLogo = accounts.deleteLogoPending && !nextProps.accounts.deleteLogoPending;\n const isAccountChanged = nextProps.accountId !== accountId;\n\n if (isAccountChanged) {\n const retrievedAccount = accounts.entities.find(account => account.id === nextProps.accountId);\n\n this.setState({\n currentAccount: { ...retrievedAccount },\n tempAccountName: retrievedAccount.name,\n });\n }\n\n if (accountsLoaded || updatedAccount || addedLogo || deletedLogo) {\n const retrievedAccount = nextProps.accounts.entities.find(account => account.id === accountId);\n this.setState({\n currentAccount: { ...retrievedAccount },\n tempAccountName: retrievedAccount ? retrievedAccount.name : '',\n editingName: false,\n nameError: false,\n });\n } else if (!accounts.updateAccountError && nextProps.accounts.updateAccountError && nextProps.accounts.updateAccountError.status === 409) {\n this.setState({\n nameError: 'Please enter a unique account name',\n });\n }\n }\n\n updateAccountName = () => {\n const { actions } = this.props;\n const { tempAccountName, currentAccount } = this.state;\n\n if (tempAccountName !== currentAccount.name) {\n const updatedAccount = {\n id: currentAccount.id,\n name: tempAccountName,\n };\n\n actions.updateAccount(updatedAccount);\n } else {\n this.setState({\n editingName: false,\n });\n }\n }\n\n onAcountNameChange = (e) => {\n const { value } = e.currentTarget;\n let nameError = '';\n if (!value) nameError = 'Please enter an account name';\n if (this.checkAccountName(value)) nameError = 'Please enter a unique account name';\n this.setState({\n tempAccountName: value,\n nameError,\n });\n }\n\n onAccountNameCancel = () => {\n const { currentAccount } = this.state;\n this.setState({\n tempAccountName: currentAccount.name,\n });\n this.editForm();\n }\n\n checkAccountName = (name) => {\n const { accounts } = this.props;\n const { currentAccount } = this.state;\n return accounts.entities.filter(a => a.id !== currentAccount.id).find(a => a.name === name);\n }\n\n editForm = () => {\n this.setState(state => ({\n editingName: !state.editingName,\n nameError: false,\n }));\n }\n\n isDisabled = () => {\n const { accountId, userInfo } = this.props;\n return !isAuthorized(accountId, userInfo.permissions, PERM_WRITE, PERM_ACCOUNT);\n }\n\n onAddLogo = (image) => {\n const { actions, accountId } = this.props;\n\n this.setState({\n logoOpen: false,\n });\n\n actions.setLogo(accountId, image);\n }\n\n onDeleteLogo = () => {\n const { actions, accountId } = this.props;\n\n this.setState({\n deleteModalOpen: false,\n });\n\n actions.deleteLogo(accountId);\n }\n\n showLogo = () => {\n this.setState({\n logoOpen: true,\n });\n }\n\n hideLogo = () => {\n this.setState({\n logoOpen: false,\n });\n }\n\n showDeleteModal = () => {\n this.setState({\n deleteModalOpen: true,\n });\n }\n\n hideDeleteModal = () => {\n this.setState({\n deleteModalOpen: false,\n });\n }\n\n render() {\n const { accounts, accountModules } = this.props;\n const {\n tempAccountName,\n nameError,\n currentAccount,\n editingName,\n logoOpen,\n deleteModalOpen,\n } = this.state;\n\n const currentLogo = currentAccount?.logoUrl || '';\n const hasModuleToManage = hasOneOfModules(accountModules, MANAGED_MODULES);\n\n return (\n \n 
\n
\n )}\n {open && !!image && (\n \n \n \n
\n Are you sure you want to delete this logo?
\n \n )}\n \n \n \n \n ) : (\n Sent\n )}\n
\n ),\n },\n },\n {\n name: 'Email',\n type: 'Text',\n options: { sort: false },\n },\n {\n name: 'Permission group',\n type: 'Text',\n options: { sort: false },\n },\n {\n name: 'Invitation sent',\n type: 'Date',\n options: {\n sort: false,\n customBodyRender: value => (value ? moment(value, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT) : ''),\n },\n },\n {\n name: '',\n options: {\n sort: false,\n customBodyRender: (value, rowMeta) => (\n {value}
\n {sent !== rowMeta.email ? (\n \n {value}\n {rowMeta.title &&
\n ),\n },\n },\n {\n name: 'Email',\n type: 'Text',\n options: { sort: false },\n },\n {\n name: 'Permission group',\n type: 'Text',\n options: {\n customBodyRender: (value, rowMeta) => {\n if (rowMeta.email === userEmail) return value;\n if (editingUser && editingUser.id === rowMeta.id && updateUserPermissionsPending) {\n return (\n {rowMeta.title}
}\n\n
\n );\n }\n return (\n \n
\n );\n }\n\n return (\n \n \n \n
\n );\n}\n\nAccountUserList.propTypes = {\n accountId: PropTypes.number.isRequired,\n accounts: PropTypes.object.isRequired,\n userEmail: PropTypes.string,\n userSub: PropTypes.string,\n queries: PropTypes.object,\n invitedUsersQueries: PropTypes.object,\n permissionGroups: PropTypes.arrayOf(PropTypes.object).isRequired,\n loading: PropTypes.bool,\n updateUserPermissionsPending: PropTypes.bool,\n getUsers: PropTypes.func.isRequired,\n getInvitations: PropTypes.func.isRequired,\n removeInvitation: PropTypes.func.isRequired,\n inviteUser: PropTypes.func.isRequired,\n reinviteUser: PropTypes.func.isRequired,\n updateUserPermissions: PropTypes.func.isRequired,\n removeUser: PropTypes.func.isRequired,\n setSortQuery: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n getPermissionGroups: PropTypes.func.isRequired,\n};\n\nAccountUserList.defaultProps = {\n queries: {},\n invitedUsersQueries: {},\n loading: false,\n updateUserPermissionsPending: false,\n userEmail: null,\n userSub: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ accounts, common, queries, permissions, login }) {\n const { accountId } = common;\n const { userInfo = {} } = login;\n const { email, sub } = userInfo;\n const { permissionGroups } = permissions;\n const { getUsersPending, getInvitationsPending, updateUserPermissionsPending } = accounts;\n const loading = getUsersPending || getInvitationsPending;\n\n return {\n accounts,\n accountId,\n userEmail: email,\n userSub: sub,\n queries: queries[ACTIVE_USERS_QUERY_ID],\n invitedUsersQueries: queries[INVITED_USERS_QUERY_ID],\n permissionGroups,\n loading,\n updateUserPermissionsPending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getUsers: bindActionCreators(getUsers, dispatch),\n getInvitations: bindActionCreators(getInvitations, dispatch),\n removeInvitation: bindActionCreators(removeInvitation, dispatch),\n inviteUser: bindActionCreators(inviteUser, dispatch),\n reinviteUser: bindActionCreators(reinviteUser, dispatch),\n updateUserPermissions: bindActionCreators(updateUserPermissions, dispatch),\n removeUser: bindActionCreators(removeUser, dispatch),\n setSortQuery: bindActionCreators(setSortQuery, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n getPermissionGroups: bindActionCreators(getPermissionGroups, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccountUserList);\n","const AUTOMATION_CONFIRM_INVITE_BUTTON = 'AUTOMATION_CONFIRM_INVITE_BUTTON';\n\nexport {\n AUTOMATION_CONFIRM_INVITE_BUTTON,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN,\n ACCOUNTS_ADD_ROLE_TEMPLATE_SUCCESS,\n ACCOUNTS_ADD_ROLE_TEMPLATE_FAILURE,\n ACCOUNTS_ADD_ROLE_TEMPLATE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addRoleTemplate(accountId, roleTemplate) {\n return {\n type: ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN,\n accountId,\n roleTemplate,\n };\n}\n\nexport function dismissAddRoleTemplateError() {\n return {\n type: ACCOUNTS_ADD_ROLE_TEMPLATE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddRoleTemplate(action) {\n const { accountId, roleTemplate } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/role-templates`, roleTemplate);\n } catch (err) {\n yield put({\n type: ACCOUNTS_ADD_ROLE_TEMPLATE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_ADD_ROLE_TEMPLATE_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchAddRoleTemplate() {\n yield takeLatest(ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN, doAddRoleTemplate);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN:\n return {\n ...state,\n addRoleTemplatePending: true,\n addRoleTemplateError: null,\n };\n\n case ACCOUNTS_ADD_ROLE_TEMPLATE_SUCCESS:\n return {\n ...state,\n addRoleTemplatePending: false,\n addRoleTemplateError: null,\n roleTemplates: [...state.roleTemplates, action.data],\n };\n\n case ACCOUNTS_ADD_ROLE_TEMPLATE_FAILURE:\n return {\n ...state,\n addRoleTemplatePending: false,\n addRoleTemplateError: action.data.error,\n };\n\n case ACCOUNTS_ADD_ROLE_TEMPLATE_DISMISS_ERROR:\n return {\n ...state,\n addRoleTemplateError: null,\n };\n\n default:\n return state;\n }\n}\n","export const MAX_FILE_SIZE = 500000; // 500000 b is 500 KB\nexport const DEFAULT_ACCOUNT_SORT = { name: 'sort', args: [{ column: 'name', label: 'Account Name', ascending: true, type: null }] };\nexport const DEFAULT_ACTIVE_USER_SORT = { name: 'sort', args: [{ column: 'Name', label: 'Name', ascending: true, type: null }] };\nexport const LOGO_UPLOAD_CONFIG = { maxSize: MAX_FILE_SIZE, accept: 'image/*' };\nexport const LOGO_UPLOAD_ERROR_MESSAGES = {\n 'too-many-files': 'Please upload one file at a time',\n 'file-too-large': 'Your photo is too large to upload. It must be smaller than 500kb. Please resize or select a different image.',\n 'file-invalid-type': 'This file type is not supported. Please select a different image.',\n};\n\nexport const ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN = 'ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN';\nexport const ACCOUNTS_CREATE_NEW_ACCOUNT_SUCCESS = 'ACCOUNTS_CREATE_NEW_ACCOUNT_SUCCESS';\nexport const ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE = 'ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE';\nexport const ACCOUNTS_CREATE_NEW_ACCOUNT_DISMISS_ERROR = 'ACCOUNTS_CREATE_NEW_ACCOUNT_DISMISS_ERROR';\nexport const ACCOUNTS_GET_ACCOUNTS_BEGIN = 'ACCOUNTS_GET_ACCOUNTS_BEGIN';\nexport const ACCOUNTS_GET_ACCOUNTS_SUCCESS = 'ACCOUNTS_GET_ACCOUNTS_SUCCESS';\nexport const ACCOUNTS_GET_ACCOUNTS_FAILURE = 'ACCOUNTS_GET_ACCOUNTS_FAILURE';\nexport const ACCOUNTS_GET_ACCOUNTS_DISMISS_ERROR = 'ACCOUNTS_GET_ACCOUNTS_DISMISS_ERROR';\nexport const ACCOUNTS_UPDATE_ACCOUNT_BEGIN = 'ACCOUNTS_UPDATE_ACCOUNT_BEGIN';\nexport const ACCOUNTS_UPDATE_ACCOUNT_SUCCESS = 'ACCOUNTS_UPDATE_ACCOUNT_SUCCESS';\nexport const ACCOUNTS_UPDATE_ACCOUNT_FAILURE = 'ACCOUNTS_UPDATE_ACCOUNT_FAILURE';\nexport const ACCOUNTS_UPDATE_ACCOUNT_DISMISS_ERROR = 'ACCOUNTS_UPDATE_ACCOUNT_DISMISS_ERROR';\nexport const ACCOUNTS_INVITE_USER_BEGIN = 'ACCOUNTS_INVITE_USER_BEGIN';\nexport const ACCOUNTS_INVITE_USER_SUCCESS = 'ACCOUNTS_INVITE_USER_SUCCESS';\nexport const ACCOUNTS_INVITE_USER_FAILURE = 'ACCOUNTS_INVITE_USER_FAILURE';\nexport const ACCOUNTS_INVITE_USER_DISMISS_ERROR = 'ACCOUNTS_INVITE_USER_DISMISS_ERROR';\nexport const ACCOUNTS_REINVITE_USER_BEGIN = 'ACCOUNTS_REINVITE_USER_BEGIN';\nexport const ACCOUNTS_REINVITE_USER_SUCCESS = 'ACCOUNTS_REINVITE_USER_SUCCESS';\nexport const ACCOUNTS_REINVITE_USER_FAILURE = 'ACCOUNTS_REINVITE_USER_FAILURE';\nexport const ACCOUNTS_REINVITE_USER_DISMISS_ERROR = 'ACCOUNTS_REINVITE_USER_DISMISS_ERROR';\nexport const ACCOUNTS_GET_USERS_BEGIN = 'ACCOUNTS_GET_USERS_BEGIN';\nexport const ACCOUNTS_GET_USERS_SUCCESS = 'ACCOUNTS_GET_USERS_SUCCESS';\nexport const ACCOUNTS_GET_USERS_FAILURE = 'ACCOUNTS_GET_USERS_FAILURE';\nexport const ACCOUNTS_GET_USERS_DISMISS_ERROR = 'ACCOUNTS_GET_USERS_DISMISS_ERROR';\nexport const ACCOUNTS_REMOVE_USER_BEGIN = 'ACCOUNTS_REMOVE_USER_BEGIN';\nexport const ACCOUNTS_REMOVE_USER_SUCCESS = 'ACCOUNTS_REMOVE_USER_SUCCESS';\nexport const ACCOUNTS_REMOVE_USER_FAILURE = 'ACCOUNTS_REMOVE_USER_FAILURE';\nexport const ACCOUNTS_REMOVE_USER_DISMISS_ERROR = 'ACCOUNTS_REMOVE_USER_DISMISS_ERROR';\nexport const ACCOUNTS_REMOVE_INVITATION_BEGIN = 'ACCOUNTS_REMOVE_INVITATION_BEGIN';\nexport const ACCOUNTS_REMOVE_INVITATION_SUCCESS = 'ACCOUNTS_REMOVE_INVITATION_SUCCESS';\nexport const ACCOUNTS_REMOVE_INVITATION_FAILURE = 'ACCOUNTS_REMOVE_INVITATION_FAILURE';\nexport const ACCOUNTS_REMOVE_INVITATION_DISMISS_ERROR = 'ACCOUNTS_REMOVE_INVITATION_DISMISS_ERROR';\nexport const ACCOUNTS_GET_INVITATIONS_BEGIN = 'ACCOUNTS_GET_INVITATIONS_BEGIN';\nexport const ACCOUNTS_GET_INVITATIONS_SUCCESS = 'ACCOUNTS_GET_INVITATIONS_SUCCESS';\nexport const ACCOUNTS_GET_INVITATIONS_FAILURE = 'ACCOUNTS_GET_INVITATIONS_FAILURE';\nexport const ACCOUNTS_GET_INVITATIONS_DISMISS_ERROR = 'ACCOUNTS_GET_INVITATIONS_DISMISS_ERROR';\nexport const ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN = 'ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN';\nexport const ACCOUNTS_UPDATE_USER_PERMISSIONS_SUCCESS = 'ACCOUNTS_UPDATE_USER_PERMISSIONS_SUCCESS';\nexport const ACCOUNTS_UPDATE_USER_PERMISSIONS_FAILURE = 'ACCOUNTS_UPDATE_USER_PERMISSIONS_FAILURE';\nexport const ACCOUNTS_UPDATE_USER_PERMISSIONS_DISMISS_ERROR = 'ACCOUNTS_UPDATE_USER_PERMISSIONS_DISMISS_ERROR';\nexport const ACCOUNTS_SET_LOGO_BEGIN = 'ACCOUNTS_SET_LOGO_BEGIN';\nexport const ACCOUNTS_SET_LOGO_SUCCESS = 'ACCOUNTS_SET_LOGO_SUCCESS';\nexport const ACCOUNTS_SET_LOGO_FAILURE = 'ACCOUNTS_SET_LOGO_FAILURE';\nexport const ACCOUNTS_SET_LOGO_DISMISS_ERROR = 'ACCOUNTS_SET_LOGO_DISMISS_ERROR';\nexport const ACCOUNTS_DELETE_LOGO_BEGIN = 'ACCOUNTS_DELETE_LOGO_BEGIN';\nexport const ACCOUNTS_DELETE_LOGO_SUCCESS = 'ACCOUNTS_DELETE_LOGO_SUCCESS';\nexport const ACCOUNTS_DELETE_LOGO_FAILURE = 'ACCOUNTS_DELETE_LOGO_FAILURE';\nexport const ACCOUNTS_DELETE_LOGO_DISMISS_ERROR = 'ACCOUNTS_DELETE_LOGO_DISMISS_ERROR';\nexport const ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN = 'ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN';\nexport const ACCOUNTS_DEACTIVATE_ACCOUNT_SUCCESS = 'ACCOUNTS_DEACTIVATE_ACCOUNT_SUCCESS';\nexport const ACCOUNTS_DEACTIVATE_ACCOUNT_FAILURE = 'ACCOUNTS_DEACTIVATE_ACCOUNT_FAILURE';\nexport const ACCOUNTS_DEACTIVATE_ACCOUNT_DISMISS_ERROR = 'ACCOUNTS_DEACTIVATE_ACCOUNT_DISMISS_ERROR';\nexport const ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN = 'ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN';\nexport const ACCOUNTS_REACTIVATE_ACCOUNT_SUCCESS = 'ACCOUNTS_REACTIVATE_ACCOUNT_SUCCESS';\nexport const ACCOUNTS_REACTIVATE_ACCOUNT_FAILURE = 'ACCOUNTS_REACTIVATE_ACCOUNT_FAILURE';\nexport const ACCOUNTS_REACTIVATE_ACCOUNT_DISMISS_ERROR = 'ACCOUNTS_REACTIVATE_ACCOUNT_DISMISS_ERROR';\nexport const ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN = 'ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN';\nexport const ACCOUNTS_GET_ACCOUNT_COLORS_SUCCESS = 'ACCOUNTS_GET_ACCOUNT_COLORS_SUCCESS';\nexport const ACCOUNTS_GET_ACCOUNT_COLORS_FAILURE = 'ACCOUNTS_GET_ACCOUNT_COLORS_FAILURE';\nexport const ACCOUNTS_GET_ACCOUNT_COLORS_DISMISS_ERROR = 'ACCOUNTS_GET_ACCOUNT_COLORS_DISMISS_ERROR';\nexport const ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN = 'ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN';\nexport const ACCOUNTS_GET_ROLE_TEMPLATES_SUCCESS = 'ACCOUNTS_GET_ROLE_TEMPLATES_SUCCESS';\nexport const ACCOUNTS_GET_ROLE_TEMPLATES_FAILURE = 'ACCOUNTS_GET_ROLE_TEMPLATES_FAILURE';\nexport const ACCOUNTS_GET_ROLE_TEMPLATES_DISMISS_ERROR = 'ACCOUNTS_GET_ROLE_TEMPLATES_DISMISS_ERROR';\nexport const ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN = 'ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN';\nexport const ACCOUNTS_DELETE_ROLE_TEMPLATE_SUCCESS = 'ACCOUNTS_DELETE_ROLE_TEMPLATE_SUCCESS';\nexport const ACCOUNTS_DELETE_ROLE_TEMPLATE_FAILURE = 'ACCOUNTS_DELETE_ROLE_TEMPLATE_FAILURE';\nexport const ACCOUNTS_DELETE_ROLE_TEMPLATE_DISMISS_ERROR = 'ACCOUNTS_DELETE_ROLE_TEMPLATE_DISMISS_ERROR';\nexport const ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN = 'ACCOUNTS_ADD_ROLE_TEMPLATE_BEGIN';\nexport const ACCOUNTS_ADD_ROLE_TEMPLATE_SUCCESS = 'ACCOUNTS_ADD_ROLE_TEMPLATE_SUCCESS';\nexport const ACCOUNTS_ADD_ROLE_TEMPLATE_FAILURE = 'ACCOUNTS_ADD_ROLE_TEMPLATE_FAILURE';\nexport const ACCOUNTS_ADD_ROLE_TEMPLATE_DISMISS_ERROR = 'ACCOUNTS_ADD_ROLE_TEMPLATE_DISMISS_ERROR';\nexport const ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN = 'ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN';\nexport const ACCOUNTS_UPDATE_ROLE_TEMPLATE_SUCCESS = 'ACCOUNTS_UPDATE_ROLE_TEMPLATE_SUCCESS';\nexport const ACCOUNTS_UPDATE_ROLE_TEMPLATE_FAILURE = 'ACCOUNTS_UPDATE_ROLE_TEMPLATE_FAILURE';\nexport const ACCOUNTS_UPDATE_ROLE_TEMPLATE_DISMISS_ERROR = 'ACCOUNTS_UPDATE_ROLE_TEMPLATE_DISMISS_ERROR';\nexport const ACCOUNTS_GET_TITLE_COSTS_BEGIN = 'ACCOUNTS_GET_TITLE_COSTS_BEGIN';\nexport const ACCOUNTS_GET_TITLE_COSTS_SUCCESS = 'ACCOUNTS_GET_TITLE_COSTS_SUCCESS';\nexport const ACCOUNTS_GET_TITLE_COSTS_FAILURE = 'ACCOUNTS_GET_TITLE_COSTS_FAILURE';\nexport const ACCOUNTS_GET_TITLE_COSTS_DISMISS_ERROR = 'ACCOUNTS_GET_TITLE_COSTS_DISMISS_ERROR';\nexport const ACCOUNTS_SET_TITLE_COSTS_BEGIN = 'ACCOUNTS_SET_TITLE_COSTS_BEGIN';\nexport const ACCOUNTS_SET_TITLE_COSTS_SUCCESS = 'ACCOUNTS_SET_TITLE_COSTS_SUCCESS';\nexport const ACCOUNTS_SET_TITLE_COSTS_FAILURE = 'ACCOUNTS_SET_TITLE_COSTS_FAILURE';\nexport const ACCOUNTS_SET_TITLE_COSTS_DISMISS_ERROR = 'ACCOUNTS_SET_TITLE_COSTS_DISMISS_ERROR';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPost, uploadLogo } from '../../../utils/api';\nimport {\n ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN,\n ACCOUNTS_CREATE_NEW_ACCOUNT_DISMISS_ERROR,\n ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE,\n ACCOUNTS_CREATE_NEW_ACCOUNT_SUCCESS,\n} from './constants';\n\nexport function createNewAccount(account, logo) {\n return {\n type: ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN,\n account,\n logo,\n };\n}\n\nexport function dismissCreateNewAccountError() {\n return {\n type: ACCOUNTS_CREATE_NEW_ACCOUNT_DISMISS_ERROR,\n };\n}\n\nexport function* doCreateNewAccount(action) {\n const { account, logo } = action;\n let accountResult;\n let logoResult;\n\n try {\n accountResult = yield call(protectedJsonPost, 'accounts', account);\n } catch (err) {\n yield put({\n type: ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n if (logo) {\n try {\n logoResult = yield call(uploadLogo, `accounts/${accountResult.id}/logos`, logo);\n accountResult = { ...accountResult, logoUrl: logoResult };\n } catch (err) {\n yield put({\n type: ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE,\n data: { error: err },\n });\n return;\n }\n }\n\n yield put({\n type: ACCOUNTS_CREATE_NEW_ACCOUNT_SUCCESS,\n data: accountResult,\n });\n}\n\nexport function* watchCreateNewAccount() {\n yield takeLatest(ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN, doCreateNewAccount);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_CREATE_NEW_ACCOUNT_BEGIN:\n return {\n ...state,\n createNewAccountPending: true,\n createNewAccountError: null,\n };\n\n case ACCOUNTS_CREATE_NEW_ACCOUNT_SUCCESS: {\n const entities = [...state.entities, action.data];\n\n return {\n ...state,\n entities,\n createNewAccountPending: false,\n createNewAccountError: null,\n };\n }\n\n case ACCOUNTS_CREATE_NEW_ACCOUNT_FAILURE:\n return {\n ...state,\n createNewAccountPending: false,\n createNewAccountError: action.data.error,\n };\n\n case ACCOUNTS_CREATE_NEW_ACCOUNT_DISMISS_ERROR:\n return {\n ...state,\n createNewAccountError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN,\n ACCOUNTS_DEACTIVATE_ACCOUNT_SUCCESS,\n ACCOUNTS_DEACTIVATE_ACCOUNT_FAILURE,\n ACCOUNTS_DEACTIVATE_ACCOUNT_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deactivateAccount(id) {\n return {\n type: ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN,\n id,\n };\n}\n\nexport function dismissDeactivateAccountError() {\n return {\n type: ACCOUNTS_DEACTIVATE_ACCOUNT_DISMISS_ERROR,\n };\n}\n\nexport function* doDeactivateAccount(action) {\n try {\n yield call(protectedJsonDelete, `accounts/${action.id}`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_DEACTIVATE_ACCOUNT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_DEACTIVATE_ACCOUNT_SUCCESS,\n data: action,\n });\n}\n\nexport function* watchDeactivateAccount() {\n yield takeLatest(ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN, doDeactivateAccount);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_DEACTIVATE_ACCOUNT_BEGIN:\n return {\n ...state,\n deactivateAccountPending: true,\n deactivateAccountError: null,\n };\n\n case ACCOUNTS_DEACTIVATE_ACCOUNT_SUCCESS: {\n const entities = state.entities.map((account) => {\n if (account.id === action.data.id) {\n return {\n ...account,\n status: 'Deactivated',\n };\n }\n return account;\n });\n return {\n ...state,\n entities,\n deactivateAccountPending: false,\n deactivateAccountError: null,\n };\n }\n\n case ACCOUNTS_DEACTIVATE_ACCOUNT_FAILURE:\n return {\n ...state,\n deactivateAccountPending: false,\n deactivateAccountError: action.data.error,\n };\n\n case ACCOUNTS_DEACTIVATE_ACCOUNT_DISMISS_ERROR:\n return {\n ...state,\n deactivateAccountError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_DELETE_LOGO_BEGIN,\n ACCOUNTS_DELETE_LOGO_SUCCESS,\n ACCOUNTS_DELETE_LOGO_FAILURE,\n ACCOUNTS_DELETE_LOGO_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteLogo(accountId) {\n return {\n type: ACCOUNTS_DELETE_LOGO_BEGIN,\n accountId,\n };\n}\n\nexport function dismissDeleteLogoError() {\n return {\n type: ACCOUNTS_DELETE_LOGO_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteLogo(action) {\n const { accountId } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/logos`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_DELETE_LOGO_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_DELETE_LOGO_SUCCESS,\n accountId,\n });\n}\n\nexport function* watchDeleteLogo() {\n yield takeLatest(ACCOUNTS_DELETE_LOGO_BEGIN, doDeleteLogo);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_DELETE_LOGO_BEGIN:\n return {\n ...state,\n deleteLogoPending: true,\n deleteLogoError: null,\n };\n\n case ACCOUNTS_DELETE_LOGO_SUCCESS: {\n const { accountId } = action;\n const foundAccount = state.entities.find(account => account.id === accountId);\n const updatedAccount = { ...foundAccount, logoUrl: '' };\n\n return {\n ...state,\n entities: [\n ...state.entities.filter(account => account.id !== accountId),\n updatedAccount,\n ],\n deleteLogoPending: false,\n deleteLogoError: null,\n };\n }\n\n case ACCOUNTS_DELETE_LOGO_FAILURE:\n return {\n ...state,\n deleteLogoPending: false,\n deleteLogoError: action.data.error,\n };\n\n case ACCOUNTS_DELETE_LOGO_DISMISS_ERROR:\n return {\n ...state,\n deleteLogoError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN,\n ACCOUNTS_DELETE_ROLE_TEMPLATE_SUCCESS,\n ACCOUNTS_DELETE_ROLE_TEMPLATE_FAILURE,\n ACCOUNTS_DELETE_ROLE_TEMPLATE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteRoleTemplate(accountId, templateId, analyticsPayload = { }) {\n return {\n type: ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN,\n accountId,\n templateId,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteRoleTemplateError() {\n return {\n type: ACCOUNTS_DELETE_ROLE_TEMPLATE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteRoleTemplate(action) {\n const { accountId, templateId, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/role-templates/${templateId}`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_DELETE_ROLE_TEMPLATE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_DELETE_ROLE_TEMPLATE_SUCCESS,\n data: res,\n analyticsPayload,\n templateId,\n });\n}\n\nexport function* watchDeleteRoleTemplate() {\n yield takeLatest(ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN, doDeleteRoleTemplate);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_DELETE_ROLE_TEMPLATE_BEGIN:\n return {\n ...state,\n deleteRoleTemplatePending: true,\n deleteRoleTemplateError: null,\n };\n\n case ACCOUNTS_DELETE_ROLE_TEMPLATE_SUCCESS:\n return {\n ...state,\n deleteRoleTemplatePending: false,\n deleteRoleTemplateError: null,\n roleTemplates: (state.roleTemplates ? [...state.roleTemplates] : []).filter(({ id }) => id !== action.templateId),\n };\n case ACCOUNTS_DELETE_ROLE_TEMPLATE_FAILURE:\n return {\n ...state,\n deleteRoleTemplatePending: false,\n deleteRoleTemplateError: action.data.error,\n };\n\n case ACCOUNTS_DELETE_ROLE_TEMPLATE_DISMISS_ERROR:\n return {\n ...state,\n deleteRoleTemplateError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\n\nconst ACCOUNT_COLORS_QUERY = gql`\n query getAccountColorsQuery($accountId: Int!){\n accountColors(accountId: $accountId) {\n items\n count\n }\n }\n `;\n\nconst getAccountColorsQuery = (accountId) => {\n const variables = { accountId };\n\n return {\n query: ACCOUNT_COLORS_QUERY,\n variables,\n };\n};\n\nexport {\n getAccountColorsQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN,\n ACCOUNTS_GET_ACCOUNT_COLORS_SUCCESS,\n ACCOUNTS_GET_ACCOUNT_COLORS_FAILURE,\n ACCOUNTS_GET_ACCOUNT_COLORS_DISMISS_ERROR,\n} from './constants';\nimport { getAccountColorsQuery } from '../queries/getAccountColorsQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getAccountColors(accountId) {\n const { query, variables } = getAccountColorsQuery(accountId);\n\n return {\n type: ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetAccountColorsError() {\n return {\n type: ACCOUNTS_GET_ACCOUNT_COLORS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountColors(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_ACCOUNT_COLORS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_GET_ACCOUNT_COLORS_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetAccountColors() {\n yield takeLatest(ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN, doGetAccountColors);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_ACCOUNT_COLORS_BEGIN:\n return {\n ...state,\n getAccountColorsPending: true,\n getAccountColorsError: null,\n };\n\n case ACCOUNTS_GET_ACCOUNT_COLORS_SUCCESS: {\n const { data } = action;\n\n return {\n ...state,\n accountColors: data?.accountColors?.items || [],\n getAccountColorsPending: false,\n getAccountColorsError: null,\n };\n }\n\n case ACCOUNTS_GET_ACCOUNT_COLORS_FAILURE:\n return {\n ...state,\n getAccountColorsPending: false,\n getAccountColorsError: action.data.error,\n };\n\n case ACCOUNTS_GET_ACCOUNT_COLORS_DISMISS_ERROR:\n return {\n ...state,\n getAccountColorsError: null,\n };\n\n default:\n return state;\n }\n}\n","export const userInfoSelector = state => state.login.userInfo;\n","import { call, put, takeLatest, select } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_ACCOUNTS_BEGIN,\n ACCOUNTS_GET_ACCOUNTS_SUCCESS,\n ACCOUNTS_GET_ACCOUNTS_FAILURE,\n ACCOUNTS_GET_ACCOUNTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { setActiveAccountId } from '../../common/redux/actions';\nimport { getOrSetAccountId } from '../utils/accountUtils';\nimport { userInfoSelector } from './selectors';\nimport { accountIdSelector } from '../../common/redux/selectors';\n\nexport function getAccounts() {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: ACCOUNTS_GET_ACCOUNTS_BEGIN,\n };\n}\n\nexport function dismissGetAccountsError() {\n return {\n type: ACCOUNTS_GET_ACCOUNTS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on ACCOUNTS_GETACCOUNTS_BEGIN actions\nexport function* doGetAccounts() {\n try {\n const accounts = yield call(protectedJsonGet, 'accounts');\n\n // if the user sings up, accountId will be accessible from the store, but userInfo won't be\n const isUserSigningUp = yield select(accountIdSelector);\n\n if (!isUserSigningUp) {\n const userInfo = yield select(userInfoSelector);\n const { sub: userId, permissions } = userInfo;\n const isBridgitAdmin = permissions?.['*'];\n\n if (!isBridgitAdmin) {\n const accountId = getOrSetAccountId(accounts, userId);\n yield put(setActiveAccountId(accountId, { isNavigatingBetweenAccounts: false }));\n }\n }\n\n yield put({\n type: ACCOUNTS_GET_ACCOUNTS_SUCCESS,\n data: accounts,\n });\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_ACCOUNTS_FAILURE,\n data: { error: err },\n });\n }\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetAccounts() {\n yield takeLatest(ACCOUNTS_GET_ACCOUNTS_BEGIN, doGetAccounts);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_ACCOUNTS_BEGIN:\n return {\n ...state,\n getAccountsPending: true,\n getAccountsError: null,\n };\n\n case ACCOUNTS_GET_ACCOUNTS_SUCCESS:\n return {\n ...state,\n entities: action.data,\n getAccountsPending: false,\n getAccountsError: null,\n };\n\n case ACCOUNTS_GET_ACCOUNTS_FAILURE:\n return {\n ...state,\n getAccountsPending: false,\n getAccountsError: action.data.error,\n };\n\n case ACCOUNTS_GET_ACCOUNTS_DISMISS_ERROR:\n return {\n ...state,\n getAccountsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_INVITATIONS_BEGIN,\n ACCOUNTS_GET_INVITATIONS_SUCCESS,\n ACCOUNTS_GET_INVITATIONS_FAILURE,\n ACCOUNTS_GET_INVITATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getInvitations(accountId) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: ACCOUNTS_GET_INVITATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetInvitationsError() {\n return {\n type: ACCOUNTS_GET_INVITATIONS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on ACCOUNTS_GET_INVITATIONS_BEGIN actions\nexport function* doGetInvitations(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/invitations`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_INVITATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNTS_GET_INVITATIONS_SUCCESS,\n accountId,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetInvitations() {\n yield takeLatest(ACCOUNTS_GET_INVITATIONS_BEGIN, doGetInvitations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_INVITATIONS_BEGIN:\n return {\n ...state,\n getInvitationsPending: true,\n getInvitationsError: null,\n };\n\n case ACCOUNTS_GET_INVITATIONS_SUCCESS:\n return {\n ...state,\n invitations: {\n ...state.invitations,\n [action.accountId]: action.data,\n },\n getInvitationsPending: false,\n getInvitationsError: null,\n };\n\n case ACCOUNTS_GET_INVITATIONS_FAILURE:\n return {\n ...state,\n getInvitationsPending: false,\n getInvitationsError: action.data.error,\n };\n\n case ACCOUNTS_GET_INVITATIONS_DISMISS_ERROR:\n return {\n ...state,\n getInvitationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN,\n ACCOUNTS_GET_ROLE_TEMPLATES_SUCCESS,\n ACCOUNTS_GET_ROLE_TEMPLATES_FAILURE,\n ACCOUNTS_GET_ROLE_TEMPLATES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getRoleTemplates(accountId) {\n return {\n type: ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetRoleTemplatesError() {\n return {\n type: ACCOUNTS_GET_ROLE_TEMPLATES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetRoleTemplates(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/role-templates`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_ROLE_TEMPLATES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_GET_ROLE_TEMPLATES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetRoleTemplates() {\n yield takeLatest(ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN, doGetRoleTemplates);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_ROLE_TEMPLATES_BEGIN:\n return {\n ...state,\n getRoleTemplatesPending: true,\n getRoleTemplatesError: null,\n };\n\n case ACCOUNTS_GET_ROLE_TEMPLATES_SUCCESS:\n return {\n ...state,\n getRoleTemplatesPending: false,\n getRoleTemplatesError: null,\n roleTemplates: action.data,\n };\n\n case ACCOUNTS_GET_ROLE_TEMPLATES_FAILURE:\n return {\n ...state,\n getRoleTemplatesPending: false,\n getRoleTemplatesError: action.data.error,\n };\n\n case ACCOUNTS_GET_ROLE_TEMPLATES_DISMISS_ERROR:\n return {\n ...state,\n getRoleTemplatesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_TITLE_COSTS_BEGIN,\n ACCOUNTS_GET_TITLE_COSTS_SUCCESS,\n ACCOUNTS_GET_TITLE_COSTS_FAILURE,\n ACCOUNTS_GET_TITLE_COSTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getTitleCosts(accountId) {\n return {\n type: ACCOUNTS_GET_TITLE_COSTS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetTitleCostsError() {\n return {\n type: ACCOUNTS_GET_TITLE_COSTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetTitleCosts(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `/accounts/${accountId}/title-costs`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_TITLE_COSTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_GET_TITLE_COSTS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetTitleCosts() {\n yield takeLatest(ACCOUNTS_GET_TITLE_COSTS_BEGIN, doGetTitleCosts);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_TITLE_COSTS_BEGIN:\n return {\n ...state,\n getTitleCostsPending: true,\n getTitleCostsError: null,\n };\n\n case ACCOUNTS_GET_TITLE_COSTS_SUCCESS:\n return {\n ...state,\n getTitleCostsPending: false,\n getTitleCostsError: null,\n titleCosts: action.data,\n };\n\n case ACCOUNTS_GET_TITLE_COSTS_FAILURE:\n return {\n ...state,\n getTitleCostsPending: false,\n getTitleCostsError: action.data.error,\n };\n\n case ACCOUNTS_GET_TITLE_COSTS_DISMISS_ERROR:\n return {\n ...state,\n getTitleCostsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_GET_USERS_BEGIN,\n ACCOUNTS_GET_USERS_SUCCESS,\n ACCOUNTS_GET_USERS_FAILURE,\n ACCOUNTS_GET_USERS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getUsers(accountId, params) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: ACCOUNTS_GET_USERS_BEGIN,\n accountId,\n ...params,\n };\n}\n\nexport function dismissGetUsersError() {\n return {\n type: ACCOUNTS_GET_USERS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on ACCOUNTS_GET_USERS_BEGIN actions\nexport function* doGetUsers({ accountId, group }) {\n // If necessary, use argument to receive the begin action with parameters.\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/users${group ? `?group=${group}` : ''}`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_GET_USERS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNTS_GET_USERS_SUCCESS,\n data: {\n id: accountId,\n users: res,\n },\n });\n}\n\n/*\n Alternatively you may use takeEvery.\nq\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetUsers() {\n yield takeLatest(ACCOUNTS_GET_USERS_BEGIN, doGetUsers);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_GET_USERS_BEGIN:\n return {\n ...state,\n getUsersPending: true,\n getUsersError: null,\n };\n\n case ACCOUNTS_GET_USERS_SUCCESS: {\n return {\n ...state,\n users: {\n ...state.users,\n [action.data.id]: action.data.users,\n },\n getUsersPending: false,\n getUsersError: null,\n };\n }\n\n case ACCOUNTS_GET_USERS_FAILURE:\n return {\n ...state,\n getUsersPending: false,\n getUsersError: action.data.error,\n };\n\n case ACCOUNTS_GET_USERS_DISMISS_ERROR:\n return {\n ...state,\n getUsersError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_INVITE_USER_BEGIN,\n ACCOUNTS_INVITE_USER_SUCCESS,\n ACCOUNTS_INVITE_USER_FAILURE,\n ACCOUNTS_INVITE_USER_DISMISS_ERROR,\n ACCOUNTS_REINVITE_USER_BEGIN,\n ACCOUNTS_REINVITE_USER_DISMISS_ERROR,\n ACCOUNTS_REINVITE_USER_FAILURE,\n ACCOUNTS_REINVITE_USER_SUCCESS,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function inviteUser(accountId, email, group) {\n return {\n type: ACCOUNTS_INVITE_USER_BEGIN,\n accountId,\n email,\n group,\n };\n}\n\nexport function reinviteUser(accountId, email, group) {\n return {\n type: ACCOUNTS_REINVITE_USER_BEGIN,\n accountId,\n email,\n group,\n };\n}\n\nexport function dismissInviteUserError() {\n return {\n type: ACCOUNTS_INVITE_USER_DISMISS_ERROR,\n };\n}\n\nexport function dismissReinviteUserError() {\n return {\n type: ACCOUNTS_REINVITE_USER_DISMISS_ERROR,\n };\n}\n\nexport function* doInviteUser(action) {\n const { accountId, email, group } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/invitations`, { email, group });\n } catch (err) {\n yield put({\n type: ACCOUNTS_INVITE_USER_FAILURE,\n data: { error: err },\n accountId,\n email,\n });\n return;\n }\n yield put({\n type: ACCOUNTS_INVITE_USER_SUCCESS,\n data: res,\n accountId,\n });\n}\n\nexport function* doReinviteUser(action) {\n const { accountId, email, group } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/invitations`, { email, group });\n } catch (err) {\n yield put({\n type: ACCOUNTS_REINVITE_USER_FAILURE,\n data: { error: err },\n accountId,\n email,\n });\n return;\n }\n yield put({\n type: ACCOUNTS_REINVITE_USER_SUCCESS,\n data: res,\n accountId,\n });\n}\n\nexport function* watchInviteUser() {\n yield takeLatest(ACCOUNTS_INVITE_USER_BEGIN, doInviteUser);\n}\n\nexport function* watchReinviteUser() {\n yield takeLatest(ACCOUNTS_REINVITE_USER_BEGIN, doReinviteUser);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_INVITE_USER_BEGIN:\n case ACCOUNTS_REINVITE_USER_BEGIN:\n return {\n ...state,\n inviteUserPending: true,\n inviteUserError: null,\n };\n\n case ACCOUNTS_REINVITE_USER_SUCCESS:\n case ACCOUNTS_INVITE_USER_SUCCESS: {\n const updatedInvitations = state.invitations[action.accountId].filter(i => i.email !== action.data.email).concat(action.data);\n return {\n ...state,\n invitations: {\n ...state.invitations,\n [action.accountId]: updatedInvitations,\n },\n inviteUserPending: false,\n inviteUserError: null,\n };\n }\n\n case ACCOUNTS_REINVITE_USER_FAILURE:\n case ACCOUNTS_INVITE_USER_FAILURE: {\n const { email } = action;\n return {\n ...state,\n inviteUserPending: false,\n inviteUserError: {\n ...action.data.error,\n email,\n },\n };\n }\n\n case ACCOUNTS_REINVITE_USER_DISMISS_ERROR:\n case ACCOUNTS_INVITE_USER_DISMISS_ERROR:\n return {\n ...state,\n inviteUserError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN,\n ACCOUNTS_REACTIVATE_ACCOUNT_SUCCESS,\n ACCOUNTS_REACTIVATE_ACCOUNT_FAILURE,\n ACCOUNTS_REACTIVATE_ACCOUNT_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function reactivateAccount(id) {\n return {\n type: ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN,\n id,\n };\n}\n\nexport function dismissReactivateAccountError() {\n return {\n type: ACCOUNTS_REACTIVATE_ACCOUNT_DISMISS_ERROR,\n };\n}\n\nexport function* doReactivateAccount(action) {\n try {\n yield call(protectedJsonPost, `accounts/${action.id}/restore`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_REACTIVATE_ACCOUNT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_REACTIVATE_ACCOUNT_SUCCESS,\n data: action,\n });\n}\n\nexport function* watchReactivateAccount() {\n yield takeLatest(ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN, doReactivateAccount);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_REACTIVATE_ACCOUNT_BEGIN:\n return {\n ...state,\n reactivateAccountPending: true,\n reactivateAccountError: null,\n };\n\n case ACCOUNTS_REACTIVATE_ACCOUNT_SUCCESS: {\n const entities = state.entities.map((account) => {\n if (account.id === action.data.id) {\n return {\n ...account,\n status: 'Active',\n };\n }\n return account;\n });\n return {\n ...state,\n entities,\n reactivateAccountPending: false,\n reactivateAccountError: null,\n };\n }\n\n case ACCOUNTS_REACTIVATE_ACCOUNT_FAILURE:\n return {\n ...state,\n reactivateAccountPending: false,\n reactivateAccountError: action.data.error,\n };\n\n case ACCOUNTS_REACTIVATE_ACCOUNT_DISMISS_ERROR:\n return {\n ...state,\n reactivateAccountError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_REMOVE_INVITATION_BEGIN,\n ACCOUNTS_REMOVE_INVITATION_SUCCESS,\n ACCOUNTS_REMOVE_INVITATION_FAILURE,\n ACCOUNTS_REMOVE_INVITATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeInvitation(accountId, invitationId, analytics) {\n return {\n type: ACCOUNTS_REMOVE_INVITATION_BEGIN,\n accountId,\n invitationId,\n analytics,\n };\n}\n\nexport function dismissRemoveInvitationError() {\n return {\n type: ACCOUNTS_REMOVE_INVITATION_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveInvitation(action) {\n const { accountId, invitationId, analytics } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/invitations/${invitationId}`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_REMOVE_INVITATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_REMOVE_INVITATION_SUCCESS,\n accountId,\n invitationId,\n analytics,\n });\n}\n\nexport function* watchRemoveInvitation() {\n yield takeLatest(ACCOUNTS_REMOVE_INVITATION_BEGIN, doRemoveInvitation);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_REMOVE_INVITATION_BEGIN:\n return {\n ...state,\n removeInvitationPending: true,\n removeInvitationError: null,\n };\n\n case ACCOUNTS_REMOVE_INVITATION_SUCCESS: {\n const updatedInvitations = state.invitations[action.accountId].filter(i => i.id !== action.invitationId);\n\n return {\n ...state,\n invitations: {\n ...state.invitations,\n [action.accountId]: updatedInvitations,\n },\n removeInvitationPending: false,\n removeInvitationError: null,\n };\n }\n\n case ACCOUNTS_REMOVE_INVITATION_FAILURE:\n return {\n ...state,\n removeInvitationPending: false,\n removeInvitationError: action.data.error,\n };\n\n case ACCOUNTS_REMOVE_INVITATION_DISMISS_ERROR:\n return {\n ...state,\n removeInvitationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_REMOVE_USER_BEGIN,\n ACCOUNTS_REMOVE_USER_SUCCESS,\n ACCOUNTS_REMOVE_USER_FAILURE,\n ACCOUNTS_REMOVE_USER_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeUser(accountId, userId) {\n return {\n type: ACCOUNTS_REMOVE_USER_BEGIN,\n accountId,\n userId,\n };\n}\n\nexport function dismissRemoveUserError() {\n return {\n type: ACCOUNTS_REMOVE_USER_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveUser(action) {\n const { accountId, userId } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/users/${userId}`);\n } catch (err) {\n yield put({\n type: ACCOUNTS_REMOVE_USER_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_REMOVE_USER_SUCCESS,\n accountId,\n userId,\n });\n}\n\nexport function* watchRemoveUser() {\n yield takeLatest(ACCOUNTS_REMOVE_USER_BEGIN, doRemoveUser);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_REMOVE_USER_BEGIN:\n return {\n ...state,\n removeUserPending: true,\n removeUserError: null,\n };\n\n case ACCOUNTS_REMOVE_USER_SUCCESS: {\n const newAccountUsers = state.users[action.accountId].filter(user => user.id !== action.userId);\n\n return {\n ...state,\n users: {\n ...state.users,\n [action.accountId]: newAccountUsers,\n },\n removeUserPending: false,\n removeUserError: null,\n };\n }\n\n case ACCOUNTS_REMOVE_USER_FAILURE:\n return {\n ...state,\n removeUserPending: false,\n removeUserError: action.data.error,\n };\n\n case ACCOUNTS_REMOVE_USER_DISMISS_ERROR:\n return {\n ...state,\n removeUserError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_SET_LOGO_BEGIN,\n ACCOUNTS_SET_LOGO_SUCCESS,\n ACCOUNTS_SET_LOGO_FAILURE,\n ACCOUNTS_SET_LOGO_DISMISS_ERROR,\n} from './constants';\nimport { uploadLogo } from '../../../utils/api';\n\nexport function setLogo(accountId, image) {\n return {\n type: ACCOUNTS_SET_LOGO_BEGIN,\n accountId,\n image,\n };\n}\n\nexport function dismissSetLogoError() {\n return {\n type: ACCOUNTS_SET_LOGO_DISMISS_ERROR,\n };\n}\n\nexport function* doSetLogo(action) {\n const { accountId, image } = action;\n let res;\n try {\n res = yield call(uploadLogo, `accounts/${accountId}/logos`, image);\n } catch (err) {\n yield put({\n type: ACCOUNTS_SET_LOGO_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_SET_LOGO_SUCCESS,\n data: res,\n accountId,\n });\n}\n\nexport function* watchSetLogo() {\n yield takeLatest(ACCOUNTS_SET_LOGO_BEGIN, doSetLogo);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_SET_LOGO_BEGIN:\n return {\n ...state,\n setLogoPending: true,\n setLogoError: null,\n };\n\n case ACCOUNTS_SET_LOGO_SUCCESS: {\n const { accountId, data } = action;\n const foundAccount = state.entities.find(account => account.id === accountId);\n const updatedAccount = { ...foundAccount, logoUrl: data };\n\n return {\n ...state,\n entities: [\n ...state.entities.filter(account => account.id !== accountId),\n updatedAccount,\n ],\n setLogoPending: false,\n setLogoError: null,\n };\n }\n\n case ACCOUNTS_SET_LOGO_FAILURE:\n return {\n ...state,\n setLogoPending: false,\n setLogoError: action.data.error,\n };\n\n case ACCOUNTS_SET_LOGO_DISMISS_ERROR:\n return {\n ...state,\n setLogoError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_SET_TITLE_COSTS_BEGIN,\n ACCOUNTS_SET_TITLE_COSTS_SUCCESS,\n ACCOUNTS_SET_TITLE_COSTS_FAILURE,\n ACCOUNTS_SET_TITLE_COSTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function setTitleCosts(accountId, titleId, hourlyCost, analyticsPayload = {}) {\n return {\n type: ACCOUNTS_SET_TITLE_COSTS_BEGIN,\n accountId,\n titleCosts: [{\n id: titleId,\n hourlyCost,\n }],\n analyticsPayload,\n };\n}\n\nexport function dismissSetTitleCostsError() {\n return {\n type: ACCOUNTS_SET_TITLE_COSTS_DISMISS_ERROR,\n };\n}\n\nexport function* doSetTitleCosts(action) {\n const { accountId, titleCosts } = action;\n let res;\n try {\n res = yield call(protectedJsonPut, `/accounts/${accountId}/title-costs`, titleCosts);\n } catch (err) {\n yield put({\n type: ACCOUNTS_SET_TITLE_COSTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_SET_TITLE_COSTS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchSetTitleCosts() {\n yield takeLatest(ACCOUNTS_SET_TITLE_COSTS_BEGIN, doSetTitleCosts);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_SET_TITLE_COSTS_BEGIN:\n return {\n ...state,\n setTitleCostsPending: true,\n setTitleCostsError: null,\n };\n\n case ACCOUNTS_SET_TITLE_COSTS_SUCCESS: {\n const newTitleCosts = [];\n const updatedTitleCosts = action.data;\n state.titleCosts?.forEach((existingTitleCost) => {\n const updatedTitleCost = updatedTitleCosts.find(updated => updated.id === existingTitleCost.id);\n if (updatedTitleCost) {\n newTitleCosts.push(updatedTitleCost);\n } else {\n newTitleCosts.push(existingTitleCost);\n }\n });\n return {\n ...state,\n setTitleCostsPending: false,\n setTitleCostsError: null,\n titleCosts: newTitleCosts,\n };\n }\n case ACCOUNTS_SET_TITLE_COSTS_FAILURE:\n return {\n ...state,\n setTitleCostsPending: false,\n setTitleCostsError: action.data.error,\n };\n\n case ACCOUNTS_SET_TITLE_COSTS_DISMISS_ERROR:\n return {\n ...state,\n setTitleCostsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\n\nimport {\n ACCOUNTS_UPDATE_ACCOUNT_BEGIN,\n ACCOUNTS_UPDATE_ACCOUNT_DISMISS_ERROR,\n ACCOUNTS_UPDATE_ACCOUNT_FAILURE,\n ACCOUNTS_UPDATE_ACCOUNT_SUCCESS,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\n\nexport function updateAccount(data) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: ACCOUNTS_UPDATE_ACCOUNT_BEGIN,\n data,\n };\n}\n\nexport function dismissUpdateAccountError() {\n return {\n type: ACCOUNTS_UPDATE_ACCOUNT_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on ACCOUNTS_UPDATE_ACCOUNT_BEGIN actions\nexport function* doUpdateAccount(action) {\n // If necessary, use argument to receive the begin action with parameters.\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${action.data.id}`, action.data);\n } catch (err) {\n yield put({\n type: ACCOUNTS_UPDATE_ACCOUNT_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: ACCOUNTS_UPDATE_ACCOUNT_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchUpdateAccount() {\n yield takeLatest(ACCOUNTS_UPDATE_ACCOUNT_BEGIN, doUpdateAccount);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_UPDATE_ACCOUNT_BEGIN:\n return {\n ...state,\n updateAccountPending: true,\n updateAccountError: null,\n };\n\n case ACCOUNTS_UPDATE_ACCOUNT_SUCCESS: {\n const updateAccountList = state.entities.map((account) => {\n if (account.id === action.data.id) {\n const newAcct = {\n ...account,\n ...action.data,\n };\n return newAcct;\n }\n return account;\n });\n\n return {\n ...state,\n entities: updateAccountList,\n updateAccountPending: false,\n updateAccountError: null,\n };\n }\n\n case ACCOUNTS_UPDATE_ACCOUNT_FAILURE:\n return {\n ...state,\n updateAccountPending: false,\n updateAccountError: action.data.error,\n };\n\n case ACCOUNTS_UPDATE_ACCOUNT_DISMISS_ERROR:\n return {\n ...state,\n updateAccountError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN,\n ACCOUNTS_UPDATE_ROLE_TEMPLATE_SUCCESS,\n ACCOUNTS_UPDATE_ROLE_TEMPLATE_FAILURE,\n ACCOUNTS_UPDATE_ROLE_TEMPLATE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function updateRoleTemplate(accountId, roleTemplate, templateId) {\n return {\n type: ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN,\n accountId,\n roleTemplate,\n templateId,\n };\n}\n\nexport function dismissUpdateRoleTemplateError() {\n return {\n type: ACCOUNTS_UPDATE_ROLE_TEMPLATE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateRoleTemplate(action) {\n const { accountId, roleTemplate, templateId } = action;\n let res;\n try {\n res = yield call(protectedJsonPut, `accounts/${accountId}/role-templates/${templateId}`, roleTemplate);\n } catch (err) {\n yield put({\n type: ACCOUNTS_UPDATE_ROLE_TEMPLATE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_UPDATE_ROLE_TEMPLATE_SUCCESS,\n data: res,\n roleTemplate,\n templateId,\n });\n}\n\nexport function* watchUpdateRoleTemplate() {\n yield takeLatest(ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN, doUpdateRoleTemplate);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_UPDATE_ROLE_TEMPLATE_BEGIN:\n return {\n ...state,\n updateRoleTemplatePending: true,\n updateRoleTemplateError: null,\n };\n\n case ACCOUNTS_UPDATE_ROLE_TEMPLATE_SUCCESS: {\n const { roleTemplate, templateId } = action;\n\n // Combine roles with the same name and allocation percent (increment quantity by current role quantity instead)\n const templateRolesCombined = roleTemplate.data.reduce((newTemplateRoles, currentRole) => {\n const sameRole = newTemplateRoles.find(({ roleName, percent }) => roleName === currentRole.roleName && percent === currentRole.percent);\n\n if (sameRole) {\n sameRole.quantity += currentRole.quantity;\n } else {\n newTemplateRoles.push(currentRole);\n }\n\n return newTemplateRoles;\n }, []);\n\n const roleTemplatesCopy = [...state.roleTemplates];\n const templateToUpdate = roleTemplatesCopy.find(({ id }) => id === templateId);\n\n if (templateToUpdate) {\n templateToUpdate.data = templateRolesCombined;\n templateToUpdate.name = roleTemplate.name;\n }\n\n return {\n ...state,\n updateRoleTemplatePending: false,\n updateRoleTemplateError: null,\n roleTemplates: roleTemplatesCopy,\n };\n }\n\n case ACCOUNTS_UPDATE_ROLE_TEMPLATE_FAILURE:\n return {\n ...state,\n updateRoleTemplatePending: false,\n updateRoleTemplateError: action.data.error,\n };\n\n case ACCOUNTS_UPDATE_ROLE_TEMPLATE_DISMISS_ERROR:\n return {\n ...state,\n updateRoleTemplateError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN,\n ACCOUNTS_UPDATE_USER_PERMISSIONS_SUCCESS,\n ACCOUNTS_UPDATE_USER_PERMISSIONS_FAILURE,\n ACCOUNTS_UPDATE_USER_PERMISSIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function updateUserPermissions(accountId, userId, group, analytics) {\n return {\n type: ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN,\n accountId,\n userId,\n group,\n analytics,\n };\n}\n\nexport function dismissUpdateUserPermissionsError() {\n return {\n type: ACCOUNTS_UPDATE_USER_PERMISSIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateUserPermissions(action) {\n const { accountId, userId, group, analytics } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/users/${userId}/membership`, { group });\n } catch (err) {\n yield put({\n type: ACCOUNTS_UPDATE_USER_PERMISSIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: ACCOUNTS_UPDATE_USER_PERMISSIONS_SUCCESS,\n accountId,\n userId,\n group,\n analytics,\n });\n}\n\nexport function* watchUpdateUserPermissions() {\n yield takeLatest(ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN, doUpdateUserPermissions);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case ACCOUNTS_UPDATE_USER_PERMISSIONS_BEGIN:\n return {\n ...state,\n updateUserPermissionsPending: true,\n updateUserPermissionsError: null,\n };\n\n case ACCOUNTS_UPDATE_USER_PERMISSIONS_SUCCESS: {\n const { accountId, userId, group } = action;\n const user = state.users[accountId].find(user => user.id === userId);\n user.group = group;\n\n const newUsers = {\n ...state.users,\n ...{\n [accountId]: [\n ...state.users[accountId].filter(user => user.id !== userId),\n user,\n ],\n },\n };\n return {\n ...state,\n users: newUsers,\n updateUserPermissionsPending: false,\n updateUserPermissionsError: null,\n };\n }\n\n case ACCOUNTS_UPDATE_USER_PERMISSIONS_FAILURE:\n return {\n ...state,\n updateUserPermissionsPending: false,\n updateUserPermissionsError: action.data.error,\n };\n\n case ACCOUNTS_UPDATE_USER_PERMISSIONS_DISMISS_ERROR:\n return {\n ...state,\n updateUserPermissionsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { matchPath } from 'react-router-dom';\nimport { LAST_VISITED_ACCOUNT_ID_KEY } from '../../../common/localStorageKeys';\n\nexport const getOrSetAccountId = (accounts, userId) => {\n let accountId = localStorage.getItem(`${LAST_VISITED_ACCOUNT_ID_KEY}-${userId}`);\n\n if (!accountId) {\n // copy accounts, in order to avoid mutation caused by sorting\n accountId = [...accounts].sort((a, b) => a.name.localeCompare(b.name))[0].id;\n\n localStorage.setItem(`${LAST_VISITED_ACCOUNT_ID_KEY}-${userId}`, accountId);\n }\n\n return Number(accountId);\n};\n\nexport const selectLastVisitedAccountId = (pathname, userId) => {\n let accountId = localStorage.getItem(`${LAST_VISITED_ACCOUNT_ID_KEY}-${userId}`);\n\n if (accountId) return Number(accountId);\n\n const mp = matchPath(pathname, {\n path: '/accounts/:id',\n });\n\n if (mp && mp.params) {\n accountId = Number(mp.params.id);\n localStorage.setItem(`${LAST_VISITED_ACCOUNT_ID_KEY}-${userId}`, accountId);\n }\n\n return accountId;\n};\n","const DISTANCE_FILTER_RANGE = {\n MIN: 1,\n MAX: 150,\n};\n\nconst EMPTY_RADIUS = 0;\n\nexport {\n DISTANCE_FILTER_RANGE,\n EMPTY_RADIUS,\n};\n","import moment from 'moment';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport { defaultFilters } from 'src/features/filters/common/constants';\n\nfunction getTitlesFromFieldDefs(personFields) {\n if (!Array.isArray(personFields)) return [];\n\n const { definedValues } = personFields.find(f => (\n f.name === 'Title' && 'definedValues' in f && Array.isArray(f.definedValues))) || {};\n\n return definedValues\n ? definedValues.map(f => f.definedValue)\n : [];\n}\n\nfunction getInitialFilters(startDate, endDate, resourceTitles, titles = []) {\n let dateFilterLabel = '';\n\n if (typeof startDate === 'string'\n && typeof endDate === 'string'\n && startDate.length\n && endDate.length) {\n const roleStartFormatted = moment(startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n const roleEndFormatted = moment(endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n\n dateFilterLabel = `${roleStartFormatted} - ${roleEndFormatted}`;\n }\n\n const matchingTitles = titles.filter(name => resourceTitles.find(title => name === title));\n\n return {\n name: 'filter',\n args: defaultFilters.roleAvailabilities(matchingTitles, dateFilterLabel),\n };\n}\n\nexport {\n getTitlesFromFieldDefs,\n getInitialFilters,\n};\n","const PLACE_A_PERSON_OPENED = 'Place a Person - Opened';\nconst PLACE_A_PERSON_FILTERS_USED = 'Place a Person - Filters Used';\nconst PAYLOAD_DISTANCE_FROM_PROJECT = 'Distance from project';\n\nexport {\n PLACE_A_PERSON_OPENED,\n PLACE_A_PERSON_FILTERS_USED,\n PAYLOAD_DISTANCE_FROM_PROJECT,\n};\n","import React, { PureComponent } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport moment from 'moment';\nimport {\n getPersonFieldValues,\n getPersonAllocationsByDate,\n getPersonAllocations,\n} from '../people/redux/actions';\nimport {\n addProjectRoleAllocation,\n replaceProjectRoleAllocation,\n getProjectNames,\n sendRoleNotification,\n getProjectRole,\n} from '../projects/redux/actions';\nimport { ROLE_AVAILABILITIES_QUERY_ID } from '../queries/redux/constants';\nimport { getActiveFiltersCount, getFilterNames } from '../filters/utils/filterUtils';\nimport {\n FILTER_ALLOCATION,\n FILTER_ALLOCATED_PEOPLE,\n FILTER_PHASE,\n FILTER_ROLES,\n FILTER_DISTANCE_FROM_PROJECT,\n} from '../../filters/constants';\nimport {\n RoleRequirementPopper,\n SelectedPerson,\n AllocationModalContentHeader,\n CandidateList,\n CandidateFilters,\n CandidateSearch,\n AllocationModalContentStructure,\n EditCandidateFilters,\n FilterMismatchWarning,\n} from '.';\nimport { EMPTY_RADIUS } from './common/constants';\nimport { getFilteredRoleAvailabilities, setRadius } from './redux/actions';\nimport { setFilterQuery, clearQueries } from '../queries/redux/actions';\nimport {\n DATE_INPUT_FORMAT,\n ALLOCATION_MODAL_PAGE_SIZE,\n FIELD_TYPE_MULTI_SELECT,\n ACCOUNT_MODULE_ASSIGNMENT_COMMUNICATION,\n COMPONENT_ASSIGNMENT_COMMUNICATION_EMAIL,\n TIME_OFF,\n FIELD_TYPE_ADDRESS,\n} from '../../common/constants';\nimport { getTitlesFromFieldDefs, getInitialFilters } from './utils/allocationFilterUtils';\nimport { getPersonFields } from '../account-settings/redux/actions';\nimport { EditControls } from '../wrapped-components';\nimport {\n clearSelectedProjectId,\n setModalActiveView,\n setBackButtonState,\n trackAnalytics,\n} from '../common/redux/actions';\nimport { closeModal } from '../modal-manager/redux/actions';\nimport { MULTI_STATE_MODAL_ID, COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT } from '../common/redux/constants';\nimport { CommunicateAssignmentRemovalOrReplacementModal } from '../projects';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport {\n ALLOCATION_REPLACED,\n INCLUDE_PROJECT_ADDRESS,\n INCLUDE_ROLE_NAME,\n ROLE_NOTIFY_EMAIL,\n ROLE_NOTIFY_TYPE_CLEAR,\n LOST,\n CANCELED,\n PURSUIT,\n} from '../projects/constants';\nimport { updateColumnFilter } from '../table/filterUtils';\nimport {\n PLACE_A_PERSON_OPENED,\n PLACE_A_PERSON_FILTERS_USED,\n PAYLOAD_DISTANCE_FROM_PROJECT,\n} from '../../analytics/allocations/constants';\nimport { getPageName } from '../../analytics/utils';\nimport { DISTANCE_UNITS } from '../accounts/common/constants';\nimport { convertMetersToDistance } from '../../utils/formatters';\n\nconst { KM, MI } = DISTANCE_UNITS;\n\nexport class AllocatePerson extends PureComponent {\n static propTypes = {\n accountActions: PropTypes.object.isRequired,\n peopleActions: PropTypes.object.isRequired,\n projectActions: PropTypes.object.isRequired,\n people: PropTypes.object.isRequired, // eslint-disable-line react/no-unused-prop-types\n selectedResource: PropTypes.object.isRequired,\n selectedProject: PropTypes.object.isRequired,\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n currentlyAllocatedPerson: PropTypes.object,\n loading: PropTypes.bool.isRequired,\n updatePending: PropTypes.bool.isRequired,\n accountId: PropTypes.number.isRequired,\n getFilteredRoleAvailabilities: PropTypes.func.isRequired,\n roleAvailabilities: PropTypes.array.isRequired, // eslint-disable-line react/no-unused-prop-types\n originalRoleAvailabilities: PropTypes.array.isRequired,\n radius: PropTypes.number.isRequired,\n queries: PropTypes.object,\n getFilteredRoleAvailabilitiesPending: PropTypes.bool.isRequired, // eslint-disable-line react/no-unused-prop-types\n setFilterQuery: PropTypes.func.isRequired,\n clearQueries: PropTypes.func.isRequired,\n personFields: PropTypes.array.isRequired, // eslint-disable-line react/no-unused-prop-types\n clearSelectedProjectId: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n setModalActiveView: PropTypes.func.isRequired,\n setBackButtonState: PropTypes.func.isRequired,\n showProjectOnCancel: PropTypes.bool.isRequired,\n runsInModal: PropTypes.bool,\n modalOrigin: PropTypes.string,\n benchy20Flag: PropTypes.bool.isRequired,\n sendRoleNotification: PropTypes.func.isRequired,\n accountModules: PropTypes.arrayOf(PropTypes.object).isRequired,\n personAllocations: PropTypes.objectOf(PropTypes.array),\n getProjectRole: PropTypes.func.isRequired,\n activeRole: PropTypes.object,\n setRadius: PropTypes.func.isRequired,\n trackAnalytics: PropTypes.func.isRequired,\n conversionFactorMetric: PropTypes.number.isRequired,\n activeView: PropTypes.number.isRequired,\n contentView: PropTypes.number.isRequired,\n };\n\n static defaultProps = {\n currentlyAllocatedPerson: null,\n runsInModal: false,\n modalOrigin: null,\n queries: {},\n personAllocations: {},\n activeRole: null,\n };\n\n constructor(props) {\n super(props);\n const { updatePending } = props;\n\n this.customPopperTarget = null;\n\n this.state = {\n initialFilters: null,\n filteredPeople: [],\n initialFilteredPeople: [],\n originalFilteredPeople: [], // Original order before recommendation\n valid: false,\n selectedPerson: null,\n showCustomModal: false,\n updatePending,\n showFilterEdit: false,\n showFilterWarning: false,\n isNotifyModalShown: false,\n relatedTitles: [],\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const {\n selectedPerson,\n initialFilteredPeople,\n originalFilteredPeople,\n } = prevState;\n const {\n people,\n roleAvailabilities,\n originalRoleAvailabilities,\n currentlyAllocatedPerson,\n selectedResource,\n startDate,\n endDate,\n getFilteredRoleAvailabilitiesPending,\n queries,\n activeRole,\n benchy20Flag,\n } = nextProps;\n\n const stateUpdates = {\n updatePending: nextProps.updatePending,\n };\n\n const titles = getTitlesFromFieldDefs(nextProps.personFields);\n const relatedTitles = benchy20Flag ? activeRole?.relatedTitles || [] : [];\n const roleFilters = getInitialFilters(startDate, endDate, [selectedResource.name, ...relatedTitles.filter(related => related !== selectedResource.name)], titles);\n\n // Rebuild the dataset\n if (!nextProps.loading && !getFilteredRoleAvailabilitiesPending) {\n stateUpdates.filteredPeople = roleAvailabilities.reduce((peopleAcc, availablePerson) => {\n if (currentlyAllocatedPerson && availablePerson.id === currentlyAllocatedPerson.id) {\n return peopleAcc;\n }\n\n const apiPerson = people.entities.find(p => availablePerson.id === p.id);\n\n if (apiPerson && 'photoUrl' in apiPerson) {\n peopleAcc.push({\n ...availablePerson,\n photoUrl: apiPerson.photoUrl ? apiPerson.photoUrl : '',\n });\n }\n\n return peopleAcc;\n }, []);\n\n if (currentlyAllocatedPerson && !selectedPerson) {\n const person = nextProps.currentlyAllocatedPerson;\n\n stateUpdates.selectedPerson = {\n id: person.id,\n name: person.name,\n title: person.title,\n photoUrl: person.photoUrl ? person.photoUrl : '',\n };\n }\n\n // Set initial filtered people when the filter query is the default\n if (deepEqual(roleFilters, queries.filter) && !initialFilteredPeople.length && !originalFilteredPeople.length) {\n stateUpdates.initialFilteredPeople = roleAvailabilities;\n const filteredRelatedTitles = relatedTitles.filter(relatedTitle => relatedTitle !== selectedResource.name);\n const additionalIds = roleAvailabilities.filter(roleAvailability => filteredRelatedTitles.find(relatedTitle => relatedTitle === roleAvailability.title)).map(({ id }) => id);\n stateUpdates.originalFilteredPeople = originalRoleAvailabilities.filter(filteredPerson => !additionalIds.find(additionalId => additionalId === filteredPerson.id));\n }\n }\n\n return stateUpdates;\n }\n\n componentDidMount() {\n const {\n accountActions,\n peopleActions,\n projectActions,\n getProjectRole,\n accountId,\n selectedProject,\n selectedResource,\n modalOrigin,\n trackAnalytics,\n } = this.props;\n\n accountActions.getPersonFields(accountId);\n peopleActions.getPersonFieldValues(accountId);\n projectActions.getProjectNames(accountId);\n getProjectRole(accountId, selectedProject.id, selectedResource.id);\n\n const analyticsPayload = {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Role Name': selectedResource.name,\n 'Role ID': selectedResource.id,\n 'Navigated to from': modalOrigin,\n };\n\n trackAnalytics(PLACE_A_PERSON_OPENED, analyticsPayload);\n }\n\n componentDidUpdate(prevProps, prevState) {\n const {\n queries,\n clearSelectedProjectId,\n closeModal,\n showProjectOnCancel,\n setModalActiveView,\n setBackButtonState,\n personFields,\n benchy20Flag,\n activeRole,\n startDate,\n endDate,\n selectedResource,\n setFilterQuery,\n getFilteredRoleAvailabilities,\n accountId,\n selectedProject,\n loading,\n radius,\n setRadius,\n } = this.props;\n const {\n updatePending,\n initialFilters,\n relatedTitles: stateRelatedTitles,\n } = this.state;\n\n if ((queries && !deepEqual(prevProps.queries, queries)) || prevProps.radius !== radius) {\n this.loadRoleAvailabilities();\n }\n\n const titles = getTitlesFromFieldDefs(personFields);\n const relatedTitles = benchy20Flag ? activeRole?.relatedTitles || [] : [];\n const roleFilters = getInitialFilters(startDate, endDate, [selectedResource.name, ...relatedTitles.filter(related => related !== selectedResource.name)], titles);\n\n if (!loading && ((!initialFilters && personFields.length) || (!deepEqual(stateRelatedTitles, relatedTitles)))) {\n if (!queries.filter || !deepEqual(roleFilters, queries.filter)) {\n setRadius(EMPTY_RADIUS);\n setFilterQuery(ROLE_AVAILABILITIES_QUERY_ID, roleFilters);\n getFilteredRoleAvailabilities({\n accountId,\n projectId: selectedProject.id,\n roleId: selectedResource.id,\n queries: {\n filter: roleFilters,\n },\n startDate,\n endDate,\n requireAvailability: false,\n pageFrom: 0,\n pageSize: ALLOCATION_MODAL_PAGE_SIZE,\n radius: EMPTY_RADIUS,\n });\n }\n this.updateAllocatePersonState({\n relatedTitles,\n initialFilters: roleFilters,\n showFilterWarning: Array.isArray(roleFilters.args) && !roleFilters.args.find(filter => filter.column === 'title'),\n });\n }\n\n // Close the modal when done saving an allocation\n if (prevState.updatePending && !updatePending) {\n if (showProjectOnCancel) {\n setBackButtonState(false);\n setModalActiveView(COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT);\n } else {\n clearSelectedProjectId();\n closeModal(MULTI_STATE_MODAL_ID);\n }\n }\n }\n\n updateAllocatePersonState = newState => this.setState(newState)\n\n loadRoleAvailabilities = (pageFrom = 0) => {\n const {\n queries,\n accountId,\n selectedProject,\n selectedResource,\n startDate,\n endDate,\n getFilteredRoleAvailabilities,\n radius,\n } = this.props;\n\n getFilteredRoleAvailabilities({\n accountId,\n projectId: selectedProject.id,\n roleId: selectedResource.id,\n queries,\n startDate,\n endDate,\n requireAvailability: false,\n pageFrom,\n pageSize: ALLOCATION_MODAL_PAGE_SIZE,\n radius,\n });\n }\n\n setInitialFilters = () => {\n const { setFilterQuery, setRadius } = this.props;\n const { initialFilters } = this.state;\n\n setFilterQuery(ROLE_AVAILABILITIES_QUERY_ID, initialFilters);\n setRadius(EMPTY_RADIUS);\n }\n\n onApplyFilter = (column, updatedFilters = []) => {\n const { setFilterQuery, queries } = this.props;\n const filter = updateColumnFilter(column, updatedFilters, queries?.filter); // this filter is not remembered\n setFilterQuery(ROLE_AVAILABILITIES_QUERY_ID, filter);\n\n this.setState({\n showFilterWarning: false,\n });\n\n const type = column.type || column.filterType;\n const count = getActiveFiltersCount(updatedFilters);\n const isMultiFilter = (type === FIELD_TYPE_MULTI_SELECT ||\n type === FILTER_ALLOCATION ||\n type === FILTER_ALLOCATED_PEOPLE ||\n type === FILTER_PHASE ||\n type === FILTER_ROLES);\n\n if (count === 0) { // Filter was effectively cleared, do not log\n return;\n }\n\n const values = getFilterNames(updatedFilters);\n const filterValues = isMultiFilter && values.length > 1\n ? JSON.stringify(values) : values.join(', ');\n\n this.trackApplyFilter(PLACE_A_PERSON_FILTERS_USED, column.name, filterValues, type, count);\n };\n\n onApplyDistanceFilter = (radius) => {\n this.trackApplyFilter(PLACE_A_PERSON_FILTERS_USED, PAYLOAD_DISTANCE_FROM_PROJECT, radius, FILTER_DISTANCE_FROM_PROJECT, 1);\n }\n\n trackApplyFilter = (event, property, value, type, count) => {\n const { selectedProject, selectedResource, trackAnalytics } = this.props;\n const analyticsPayload = {\n 'Project name': selectedProject.name,\n 'Project id': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Role name': selectedResource.name,\n 'Role id': selectedResource.id,\n 'Property filtered by': property,\n 'Value filtered by': value,\n 'Field type filtered by': type,\n 'Number of filtered values': count,\n };\n\n trackAnalytics(event, analyticsPayload);\n }\n\n onSaveAllocation = () => {\n const {\n projectActions,\n selectedResource,\n currentlyAllocatedPerson,\n startDate,\n endDate,\n selectedProject,\n accountId,\n updatePending,\n modalOrigin,\n clearQueries,\n personAllocations,\n conversionFactorMetric,\n activeView,\n contentView,\n } = this.props;\n const {\n selectedPerson,\n initialFilteredPeople,\n originalFilteredPeople,\n } = this.state;\n\n const hasAllocationHistory = personAllocations[selectedPerson.id].length > 0;\n const defaultResultRank = initialFilteredPeople.findIndex(({ id }) => id === selectedPerson.id) + 1 || null;\n const originalDefaultResultRank = originalFilteredPeople.findIndex(({ id }) => id === selectedPerson.id) + 1 || null;\n const isInDefaultResult = !!defaultResultRank;\n const isInDefaultOriginalResult = !!originalDefaultResultRank;\n\n const analyticsPayload = {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Role Name': selectedResource.name,\n 'Role ID': selectedResource.id,\n 'Person Name': selectedPerson.name,\n 'Person ID': selectedPerson.id,\n 'In default filters': isInDefaultResult,\n 'Rank in default filters': defaultResultRank,\n 'In original filters': isInDefaultOriginalResult,\n 'Rank in original filters': originalDefaultResultRank,\n 'Has allocation history': hasAllocationHistory,\n };\n\n const newAllocation = {\n roleId: selectedResource.id,\n personId: selectedPerson.id,\n name: selectedPerson.name,\n startDate,\n endDate,\n };\n\n if (updatePending) {\n return;\n }\n\n clearQueries(ROLE_AVAILABILITIES_QUERY_ID);\n\n if (currentlyAllocatedPerson) {\n const oldData = {\n roleId: selectedResource.id,\n personId: currentlyAllocatedPerson.id,\n startDate,\n endDate,\n };\n\n const analytics = {\n ...analyticsPayload,\n modalOrigin,\n };\n\n projectActions.replaceProjectRoleAllocation(accountId, selectedProject.id, oldData, newAllocation, analytics);\n } else {\n const allocationCausedConflicts = ![LOST, CANCELED, PURSUIT].includes(selectedProject.state) && !selectedPerson.canFillAllocationRange;\n const distanceAnalytics = selectedPerson.distanceFromProject != null\n ? convertMetersToDistance(selectedPerson.distanceFromProject, conversionFactorMetric)\n : null;\n const analytics = {\n ...analyticsPayload,\n [PAYLOAD_DISTANCE_FROM_PROJECT]: distanceAnalytics,\n 'Page added from': getPageName(activeView, contentView),\n modalOrigin,\n allocationCausedConflicts,\n };\n\n projectActions.addProjectRoleAllocation(accountId, selectedProject.id, newAllocation, analytics);\n }\n }\n\n onHideFilterWarning = () => {\n this.setState({\n showFilterWarning: false,\n });\n }\n\n onSelectPerson = (selectedPerson) => {\n const {\n peopleActions: { getPersonAllocations },\n accountId,\n } = this.props;\n\n getPersonAllocations(accountId, selectedPerson.id, 0, 'All', 1);\n\n this.setState({\n selectedPerson,\n valid: true,\n });\n }\n\n onClearSelectedPerson = () => {\n this.setState({\n selectedPerson: null,\n valid: false,\n });\n }\n\n onCustomClick = (evt) => {\n this.customPopperTarget = evt.currentTarget;\n\n this.setState({\n showCustomModal: true,\n });\n }\n\n onHideCustom = () => {\n this.setState({\n showCustomModal: false,\n });\n }\n\n toggleFilterEdit = () => {\n const { showFilterEdit } = this.state;\n this.setState({\n showFilterEdit: !showFilterEdit,\n });\n }\n\n stopPropagation = (event) => {\n event.stopPropagation();\n }\n\n dismissModal = () => {\n const {\n clearSelectedProjectId,\n closeModal,\n showProjectOnCancel,\n setModalActiveView,\n clearQueries,\n setBackButtonState,\n } = this.props;\n\n clearQueries(ROLE_AVAILABILITIES_QUERY_ID);\n\n if (showProjectOnCancel) {\n setBackButtonState(false);\n setModalActiveView(COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT);\n } else {\n clearSelectedProjectId();\n closeModal(MULTI_STATE_MODAL_ID);\n }\n }\n\n showNotifyModal = () => this.setState({ isNotifyModalShown: true });\n\n hideNotifyModal = () => this.setState({ isNotifyModalShown: false, valid: false })\n\n sendReplacementNotification = (message, standardMessage, options) => {\n const {\n accountId,\n selectedProject,\n selectedResource,\n currentlyAllocatedPerson,\n sendRoleNotification,\n startDate,\n endDate,\n } = this.props;\n\n const data = [{\n personId: currentlyAllocatedPerson.id,\n method: ROLE_NOTIFY_EMAIL,\n type: ROLE_NOTIFY_TYPE_CLEAR,\n ...(message ? { message } : {}),\n includeProjectAddress: options[INCLUDE_PROJECT_ADDRESS],\n includeRoleName: options[INCLUDE_ROLE_NAME],\n }];\n\n const allocation = {\n ...currentlyAllocatedPerson,\n startDate,\n endDate,\n };\n\n const analyticsPayload = {\n project: selectedProject,\n role: selectedResource,\n allocations: selectedResource.allocations,\n allocation,\n options,\n allocationChangeType: ALLOCATION_REPLACED,\n };\n\n sendRoleNotification(accountId, selectedProject.id, selectedResource.id, data, analyticsPayload, this.onSaveAllocation);\n\n this.hideNotifyModal();\n }\n\n doNotSendReplacementNotification = () => {\n this.onSaveAllocation();\n this.hideNotifyModal();\n }\n\n render() {\n const {\n loading,\n selectedResource,\n selectedProject,\n startDate,\n endDate,\n updatePending,\n currentlyAllocatedPerson,\n runsInModal,\n accountModules,\n } = this.props;\n const {\n valid,\n selectedPerson,\n filteredPeople,\n showCustomModal,\n showFilterEdit,\n showFilterWarning,\n isNotifyModalShown,\n } = this.state;\n\n if (loading || !selectedResource) {\n return null;\n }\n\n const allocations = selectedResource && selectedResource.requirements ? selectedResource.requirements : [];\n\n const leftContent = showFilterEdit ? (\n \n \n Invite user\n \n
\n Invited Users
\n \n
\n\n {confirmRemove && (\n Active Users
\n {`${activeData.length} ${pluralize('User', activeData.length)}`}
\n \n
\n \n )}\n\n Are you sure you want to delete this user?
\nOnce deleted, they will no longer be able to log in.
\n\n
\n \n \n \n Send\n \n
\n \n {isNotifyModalShown && (\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({\n accountSettings,\n projects,\n people,\n common,\n allocations,\n queries,\n launchDarkly,\n accounts,\n}) {\n const { personFields, accountModules } = accountSettings;\n const { entities, personAllocations } = people;\n const { roleAvailabilities, originalRoleAvailabilities, radius } = allocations;\n const { accountId, multiStateModal, activeView, contentView } = common;\n const { showProjectOnCancel, modalOrigin } = multiStateModal;\n const { benchy20 } = launchDarkly;\n const { getProjectNamesPending, addProjectRoleAllocationPending, replaceProjectRoleAllocationPending, getProjectRolePending, activeRole } = projects;\n const { entities: accountEntities } = accounts;\n\n const loading =\n people.getPersonFieldValuesPending ||\n accountSettings.getPersonFieldsPending ||\n getProjectRolePending ||\n getProjectNamesPending;\n\n const updatePending =\n addProjectRoleAllocationPending ||\n replaceProjectRoleAllocationPending;\n\n const { useMetricUnits } = accountEntities.find(({ id }) => id === accountId) || {};\n const { conversionFactorMetric } = useMetricUnits ? KM : MI;\n\n return {\n roleAvailabilities,\n originalRoleAvailabilities,\n radius,\n personFields,\n people: {\n entities,\n },\n personAllocations,\n accountId,\n loading,\n updatePending,\n queries: queries[ROLE_AVAILABILITIES_QUERY_ID],\n getFilteredRoleAvailabilitiesPending: allocations.getFilteredRoleAvailabilitiesPending,\n showProjectOnCancel,\n modalOrigin,\n benchy20Flag: benchy20,\n accountModules,\n activeRole,\n conversionFactorMetric,\n activeView,\n contentView,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n accountActions: bindActionCreators({ getPersonFields }, dispatch),\n peopleActions: bindActionCreators({ getPersonFieldValues, getPersonAllocationsByDate, getPersonAllocations }, dispatch),\n projectActions: bindActionCreators({ addProjectRoleAllocation, replaceProjectRoleAllocation, getProjectNames }, dispatch),\n getFilteredRoleAvailabilities: bindActionCreators(getFilteredRoleAvailabilities, dispatch),\n setFilterQuery: bindActionCreators(setFilterQuery, dispatch),\n clearQueries: bindActionCreators(clearQueries, dispatch),\n clearSelectedProjectId: bindActionCreators(clearSelectedProjectId, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n setModalActiveView: bindActionCreators(setModalActiveView, dispatch),\n setBackButtonState: bindActionCreators(setBackButtonState, dispatch),\n sendRoleNotification: bindActionCreators(sendRoleNotification, dispatch),\n getProjectRole: bindActionCreators(getProjectRole, dispatch),\n setRadius: bindActionCreators(setRadius, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AllocatePerson);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Button, LinearProgress, Popper } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\n\nexport class InfoPopper extends PureComponent {\n static propTypes = {\n loading: PropTypes.bool,\n popperTargetRef: PropTypes.object,\n popperOpen: PropTypes.bool.isRequired,\n onPopperClose: PropTypes.func.isRequired,\n children: PropTypes.node.isRequired,\n };\n\n static defaultProps = {\n loading: false,\n popperTargetRef: null,\n }\n\n state = {\n arrowRef: null,\n }\n\n classes = {\n button: { root: 'button-close' },\n close: { root: 'icon-close' },\n }\n\n handleArrowRef = (node) => {\n this.setState({\n arrowRef: node,\n });\n };\n\n render() {\n const {\n popperOpen,\n popperTargetRef,\n onPopperClose,\n loading,\n children,\n } = this.props;\n const { arrowRef } = this.state;\n\n const containers = document.getElementsByClassName('allocations-allocation-modal-content-structure');\n const boundariesElement = containers instanceof HTMLCollection && containers.length ? containers[0] : 'window';\n\n const modifiers = {\n arrow: {\n enabled: true,\n element: arrowRef,\n },\n flip: {\n enabled: true,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement,\n },\n };\n\n return (\n \n
\n \n { selectedPerson && (\n
\n \n { selectedPersonHasTimeOff && (\n \n This person has time off during the selected dates\n \n )}\n
\n \n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people }) {\n const { getPersonAllocationsByDatePending } = people;\n\n return {\n loading: getPersonAllocationsByDatePending,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(InfoPopper);\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgDeactivatedAvatar = function SvgDeactivatedAvatar(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 54,\n height: 54,\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.484 6.457A26.89 26.89 0 0 1 27 0c14.904 0 27 12.096 27 27a26.89 26.89 0 0 1-6.457 17.516l-5.368-5.369c.362-.45.704-.918 1.025-1.401-.055-3.633-4.985-6.155-9.834-7.407l-6.045-6.045A8.089 8.089 0 0 0 35.1 16.2 8.09 8.09 0 0 0 27 8.1a8.089 8.089 0 0 0-8.094 7.779L9.484 6.457Zm-5.319 6.136 17.496 17.496c-5.158 1.146-10.802 3.764-10.861 7.657 3.483 5.238 9.45 8.694 16.2 8.694 3.192 0 6.209-.773 8.87-2.142l5.537 5.537A26.863 26.863 0 0 1 27 54C12.096 54 0 41.904 0 27a26.863 26.863 0 0 1 4.165-14.407Z\",\n fill: \"#000\",\n fillRule: \"evenodd\",\n fillOpacity: 0.7\n })));\n};\n\nexport default SvgDeactivatedAvatar;","import React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport { Button } from '@material-ui/core';\nimport moment from 'moment';\nimport { stitchSegmentsByRange } from 'src/utils/dateSegmentUtils';\nimport { ConfirmOverlay } from 'src/features/common';\nimport { AllocationSinglePopulated, AllocationSingleEmpty } from '.';\nimport deactivatedAvatar from '../../images/deactivated_avatar.svg';\nimport { openModal } from '../modal-manager/redux/actions';\nimport { MULTI_STATE_MODAL_ID, COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_ALLOCATE_PERSON } from '../common/redux/constants';\nimport { setSelectedProjectId } from '../common/redux/actions';\nimport { backupProjectSelection } from '../projects/redux/actions';\nimport { PROJECT_LIST_SELECTION_ID } from '../projects/redux/constants';\n\nclass AllocationDetailRow extends PureComponent {\n static propTypes = {\n people: PropTypes.array.isRequired,\n role: PropTypes.object.isRequired,\n selectedProject: PropTypes.object.isRequired,\n allocations: PropTypes.array.isRequired,\n openPopper: PropTypes.func.isRequired,\n onDeleteAllocationConfirm: PropTypes.func.isRequired,\n onDeleteAllocation: PropTypes.func.isRequired,\n onEditAllocation: PropTypes.func.isRequired,\n editingAllocation: PropTypes.bool.isRequired,\n onAllocationChange: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n setSelectedProjectId: PropTypes.func.isRequired,\n activeModal: PropTypes.string,\n onClickAway: PropTypes.func,\n updateProjectRoleAllocationPending: PropTypes.bool.isRequired,\n getProjectAllocationsPending: PropTypes.bool.isRequired,\n confirmUpdateAllocation: PropTypes.func.isRequired,\n onEditAllocationCancel: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n backupProjectSelection: PropTypes.func.isRequired,\n onDeleteAllocationWithoutConfirm: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n activeModal: null,\n onClickAway: () => {},\n runsInModal: false,\n };\n\n constructor(props) {\n super(props);\n const { role, allocations, people } = props;\n this.state = {\n allocationRows: this.mapRows(role, allocations, people),\n showReplaceConfirm: false,\n roleDetails: null,\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { allocations, role, people } = this.props;\n const roleChanged = !deepEqual(role, nextProps.role);\n const allocationsChanged = !deepEqual(allocations, nextProps.allocations);\n const peopleChanged = !deepEqual(people, nextProps.people);\n\n if (roleChanged || allocationsChanged || peopleChanged) {\n this.setState({\n allocationRows: this.mapRows(nextProps.role, nextProps.allocations, nextProps.people),\n });\n }\n }\n\n mapRows = (role, allocations, people) => {\n const zeroPercent = role.requirements?.filter(req => req?.allocatedPercent === 0) || [];\n\n /*\n Overlay allocations and zero-percent ranges, then filter\n the zero-percent requirement blocks back out since they can't\n receive allocations.\n */\n const viableTimeline = stitchSegmentsByRange([\n { startDate: role.startDate, endDate: role.endDate },\n ...allocations,\n ...zeroPercent,\n ]).filter(block => block.allocatedPercent !== 0);\n\n const existingPeopleIds = people.map(person => person.id);\n\n return viableTimeline.map((allocation) => {\n if (allocation.state === 'Deactivated') {\n return {\n allocation,\n name: allocation.name,\n title: 'Deactivated',\n photoUrl: deactivatedAvatar,\n populated: true,\n };\n }\n\n if ('personId' in allocation && existingPeopleIds.includes(allocation.personId)) {\n const person = people.find(p => p.id === allocation.personId);\n\n return {\n allocation,\n name: person.name,\n title: person.title,\n photoUrl: person.photoUrl ? person.photoUrl : '',\n populated: true,\n };\n }\n return {\n populated: false,\n allocation,\n };\n });\n }\n\n handleClick = (startDate, endDate, selectedPerson = null) => {\n const {\n openModal,\n setSelectedProjectId,\n selectedProject,\n role,\n activeModal,\n runsInModal,\n backupProjectSelection,\n } = this.props;\n\n const today = moment().startOf('day');\n\n const showReplaceConfirm = (selectedPerson && (moment(startDate) <= today));\n const showModal = !showReplaceConfirm;\n\n const roleDetails = {\n id: role.id,\n segmentStart: startDate || role.startDate,\n segmentEnd: endDate || role.endDate,\n currentlyAllocatedPerson: selectedPerson,\n };\n\n if (showModal) {\n const multiStateModalIsActive = activeModal === MULTI_STATE_MODAL_ID;\n const modalOrigin = `Project Details${runsInModal ? ' Modal' : ''}`;\n const analyticsPayload = {\n runsInModal,\n data: {\n projectName: selectedProject.name,\n projectId: selectedProject.id,\n from: 'Project Details Modal',\n to: 'Place a Person Modal',\n projectStatus: selectedProject.state,\n projectType: selectedProject.type,\n },\n };\n setSelectedProjectId(\n selectedProject.id,\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_ALLOCATE_PERSON,\n roleDetails,\n multiStateModalIsActive,\n false,\n modalOrigin,\n analyticsPayload,\n );\n backupProjectSelection(multiStateModalIsActive ? MULTI_STATE_MODAL_ID : PROJECT_LIST_SELECTION_ID);\n if (!activeModal) openModal(MULTI_STATE_MODAL_ID);\n }\n\n this.setState({\n showReplaceConfirm,\n roleDetails,\n });\n }\n\n hideConfirm = () => {\n this.setState({\n showReplaceConfirm: false,\n });\n }\n\n showAllocationModal = () => {\n const {\n selectedProject,\n setSelectedProjectId,\n openModal,\n activeModal,\n runsInModal,\n backupProjectSelection,\n } = this.props;\n\n const { roleDetails } = this.state;\n const showProjectOnCancel = activeModal === MULTI_STATE_MODAL_ID;\n const modalOrigin = `Project Details${runsInModal ? ' Modal' : ''}`;\n const analyticsPayload = {\n runsInModal,\n data: {\n projectName: selectedProject.name,\n projectId: selectedProject.id,\n from: 'Project Details Modal',\n to: 'Place a Person Modal',\n projectStatus: selectedProject.state,\n projectType: selectedProject.type,\n },\n };\n setSelectedProjectId(\n selectedProject.id,\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_ALLOCATE_PERSON,\n roleDetails,\n showProjectOnCancel,\n false,\n modalOrigin,\n analyticsPayload,\n );\n\n const multiStateModalIsActive = activeModal === MULTI_STATE_MODAL_ID;\n backupProjectSelection(multiStateModalIsActive ? MULTI_STATE_MODAL_ID : PROJECT_LIST_SELECTION_ID);\n\n if (!activeModal) openModal(MULTI_STATE_MODAL_ID);\n\n this.setState({\n showReplaceConfirm: false,\n });\n }\n\n AllocationRows = () => {\n const {\n openPopper,\n role,\n onDeleteAllocationConfirm,\n onDeleteAllocation,\n selectedProject,\n onEditAllocation,\n editingAllocation,\n onAllocationChange,\n onClickAway,\n updateProjectRoleAllocationPending,\n getProjectAllocationsPending,\n confirmUpdateAllocation,\n onEditAllocationCancel,\n runsInModal,\n onDeleteAllocationWithoutConfirm,\n } = this.props;\n const { allocationRows } = this.state;\n\n return allocationRows.map((a) => {\n if (a.populated) {\n return (\n \n \n
\n \n \n
\n )}\n\n \n {children}\n
\n \n Replace\n )}\n />\n )}\n
\n );\n }\n}\n\nconst mapStateToProps = ({ modalManager }) => {\n const { activeModal } = modalManager;\n return {\n activeModal,\n };\n};\n\nconst mapDispatchToProps = dispatch => ({\n openModal: bindActionCreators(openModal, dispatch),\n setSelectedProjectId: bindActionCreators(setSelectedProjectId, dispatch),\n backupProjectSelection: bindActionCreators(backupProjectSelection, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AllocationDetailRow);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { PERM_WRITE, PERM_ALLOCATION } from 'src/features/permissions/utils/constants';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\nimport { Can } from '../wrapped-components';\n\nexport default class AllocationSingleEmpty extends PureComponent {\n static propTypes = {\n startDate: PropTypes.string,\n endDate: PropTypes.string,\n onRowClick: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n startDate: '',\n endDate: '',\n }\n\n handleRowClick = () => {\n const { onRowClick, startDate, endDate } = this.props;\n if (startDate && endDate) {\n onRowClick(startDate, endDate);\n } else {\n onRowClick();\n }\n }\n\n render() {\n const { startDate, endDate } = this.props;\n\n const startDateFormatted = startDate.length ? moment(startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT) : '';\n const endDateFormatted = endDate.length ? moment(endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT) : '';\n\n return (\n \n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { Link } from 'react-router-dom';\nimport deepEqual from 'react-fast-compare';\nimport { Error, Close, EventBusy } from '@material-ui/icons';\nimport { Avatar, IconButton, Tooltip, ClickAwayListener } from '@material-ui/core';\nimport { PERM_WRITE, PERM_ALLOCATION } from 'src/features/permissions/utils/constants';\nimport { AllocationTimeOffPopper } from 'src/features/allocations';\nimport { DateEditor } from '../common';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\nimport emptyAvatar from '../../images/empty_avatar_blue.svg?url';\nimport deactivatedAvatar from '../../images/deactivated_avatar.svg?url';\nimport { Can, EditControls } from '../wrapped-components';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { setSelectedPersonId } from '../common/redux/actions';\nimport { openModal } from '../modal-manager/redux/actions';\nimport { PROFILE_DETAILS_MODAL_CONTEXT } from '../people/constants';\nimport { ALLOCATION_END_DATE_UPDATED, ALLOCATION_START_DATE_UPDATED } from '../../analytics/projects/constants';\n\nexport class AllocationSinglePopulated extends PureComponent {\n static propTypes = {\n accountId: PropTypes.number.isRequired,\n selectedProject: PropTypes.object.isRequired,\n role: PropTypes.object.isRequired,\n allocation: PropTypes.object.isRequired,\n personId: PropTypes.number.isRequired,\n personName: PropTypes.string.isRequired,\n personTitle: PropTypes.string.isRequired,\n personPhoto: PropTypes.string,\n openPopper: PropTypes.func.isRequired,\n onRowClick: PropTypes.func.isRequired,\n onDeleteAllocationConfirm: PropTypes.func.isRequired,\n onDeleteAllocation: PropTypes.func.isRequired,\n onEditAllocation: PropTypes.func.isRequired,\n editingAllocation: PropTypes.bool.isRequired,\n onAllocationChange: PropTypes.func.isRequired,\n setSelectedPersonId: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n activeModal: PropTypes.string,\n onClickAway: PropTypes.func,\n updateProjectRoleAllocationPending: PropTypes.bool.isRequired,\n getProjectAllocationsPending: PropTypes.bool.isRequired,\n confirmUpdateAllocation: PropTypes.func.isRequired,\n onEditAllocationCancel: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n modalOrigin: PropTypes.string,\n onDeleteAllocationWithoutConfirm: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n personPhoto: '',\n activeModal: null,\n onClickAway: () => {},\n runsInModal: false,\n modalOrigin: null,\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n startDate: moment(props.allocation.startDate, DATE_INPUT_FORMAT),\n endDate: moment(props.allocation.endDate, DATE_INPUT_FORMAT),\n fieldEditing: null,\n valid: false,\n touched: false,\n timeOffPopperOpen: false,\n mixpanelPayload: {\n 'Project Name': props.selectedProject.name,\n 'Project ID': props.selectedProject.id,\n 'Project status': props.selectedProject.state,\n 'Project type': props.selectedProject.type,\n 'Role Name': props.role.name,\n 'Role ID': props.role.id,\n 'Person Name': props.personName,\n 'Person ID': props.allocation.personId,\n },\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { allocation, editingAllocation } = this.props;\n const allocationsChanged = !deepEqual(allocation, nextProps.allocation);\n if (allocationsChanged) {\n this.setState({\n startDate: moment(nextProps.allocation.startDate, DATE_INPUT_FORMAT),\n endDate: moment(nextProps.allocation.endDate, DATE_INPUT_FORMAT),\n });\n }\n\n if (editingAllocation && !nextProps.editingAllocation) {\n this.setState({\n fieldEditing: null,\n startDate: moment(nextProps.allocation.startDate, DATE_INPUT_FORMAT),\n endDate: moment(nextProps.allocation.endDate, DATE_INPUT_FORMAT),\n });\n }\n }\n\n timeOffPopperTarget = null;\n\n onDateError = (error = '') => {\n const { valid, touched } = this.state;\n const isValid = !error.length && touched;\n if (isValid !== valid) {\n this.setState({\n valid: isValid,\n });\n }\n }\n\n onEditAllocation = override => () => {\n const { onEditAllocation, allocation } = this.props;\n this.setState({\n fieldEditing: override,\n });\n onEditAllocation(allocation);\n }\n\n onStartDateChange = (date) => {\n const { onAllocationChange, modalOrigin, runsInModal } = this.props;\n const { mixpanelPayload } = this.state;\n this.setState({\n startDate: moment(date),\n touched: true,\n });\n\n const updatedFrom = modalOrigin || `Project Details${runsInModal ? ' Modal' : ''}`;\n\n // Mixpanel - Track Deleting Allocations\n window.mixpanel.track('Allocation Updated', {\n ...mixpanelPayload,\n [ALLOCATION_START_DATE_UPDATED]: true,\n [ALLOCATION_END_DATE_UPDATED]: false,\n 'Allocated Person Updated': false,\n 'Allocation updated from': updatedFrom,\n });\n\n onAllocationChange({ startDate: moment(date) });\n }\n\n onEndDateChange = (date) => {\n const { onAllocationChange, modalOrigin, runsInModal } = this.props;\n const { mixpanelPayload } = this.state;\n this.setState({\n endDate: moment(date),\n touched: true,\n });\n\n const updatedFrom = modalOrigin || `Project Details${runsInModal ? ' Modal' : ''}`;\n\n // Mixpanel - Track Deleting Allocations\n window.mixpanel.track('Allocation Updated', {\n ...mixpanelPayload,\n [ALLOCATION_START_DATE_UPDATED]: false,\n [ALLOCATION_END_DATE_UPDATED]: true,\n 'Allocated Person Updated': false,\n 'Allocation updated from': updatedFrom,\n });\n\n onAllocationChange({ endDate: moment(date) });\n }\n\n handleRowClick = () => {\n const { allocation, onRowClick, personId, personName, personTitle, personPhoto } = this.props;\n const selectedPerson = {\n id: personId,\n name: personName,\n title: personTitle,\n photoUrl: personPhoto,\n };\n onRowClick(allocation.startDate, allocation.endDate, selectedPerson);\n }\n\n handleDeleteAllocation = () => {\n const {\n accountId,\n selectedProject,\n role,\n allocation,\n personName,\n onDeleteAllocationConfirm,\n onDeleteAllocation,\n runsInModal,\n onDeleteAllocationWithoutConfirm,\n onEditAllocation,\n } = this.props;\n const { mixpanelPayload } = this.state;\n\n // set selected allocation as the one being changed in ProjectRole.js\n onEditAllocation(allocation);\n\n const { personId, startDate, endDate } = allocation;\n const { isCommunicated } = role;\n\n const data = {\n roleId: role.id,\n personId,\n startDate,\n endDate,\n };\n\n const deleteAllocation = () => {\n const deletedFrom = `Project Details${runsInModal ? ' Modal' : ''}`;\n window.mixpanel.track('Allocation Deleted', {\n ...mixpanelPayload,\n 'Allocation deleted from': deletedFrom,\n });\n onDeleteAllocation(accountId, selectedProject.id, data);\n };\n\n // role has NOT been communicated and allocation starts in the future -> remove without Confirmation Dialog and NotifyModal\n if (!isCommunicated && moment(startDate).isAfter()) {\n return deleteAllocation();\n }\n\n // role has been communicated and allocation starts in the future -> show NotifyModal\n if (isCommunicated && moment(startDate).isAfter()) {\n return onDeleteAllocationWithoutConfirm(deleteAllocation);\n }\n\n // allocation started in the past (role status is irrelevant) -> show Confirmation Dialog\n return onDeleteAllocationConfirm(personName, deleteAllocation);\n }\n\n onCancel = () => {\n const { onEditAllocationCancel, allocation } = this.props;\n const { startDate, endDate } = allocation;\n this.setState({\n startDate: moment(startDate, DATE_INPUT_FORMAT),\n endDate: moment(endDate, DATE_INPUT_FORMAT),\n });\n onEditAllocationCancel();\n }\n\n onClickAway = () => {\n const { onClickAway } = this.props;\n const { touched } = this.state;\n if (!touched) {\n onClickAway();\n }\n }\n\n handleTimeOffClick = ({ currentTarget }) => {\n this.timeOffPopperTarget = currentTarget;\n this.setState({\n timeOffPopperOpen: true,\n });\n }\n\n onPopperClose = () => {\n this.timeOffPopperTarget = null;\n\n this.setState({\n timeOffPopperOpen: false,\n });\n };\n\n onVisitProfileClick = (event) => {\n const {\n personName,\n personId,\n setSelectedPersonId,\n activeModal,\n openModal,\n runsInModal,\n } = this.props;\n\n event.preventDefault();\n const analyticsPayload = {\n runsInModal,\n data: {\n personName,\n personId,\n to: PROFILE_DETAILS_MODAL_CONTEXT,\n from: 'Project Details Modal',\n },\n };\n setSelectedPersonId(personId, false, analyticsPayload);\n\n if (!activeModal || activeModal !== MULTI_STATE_MODAL_ID) {\n openModal(MULTI_STATE_MODAL_ID);\n window.mixpanel.track('Profile Details Modal Displayed', {\n 'Person Name': personName,\n 'Person ID': personId,\n 'Launched from': 'Project Details',\n });\n }\n }\n\n RenderIdentity = () => {\n const { allocation, personName, personTitle } = this.props;\n\n if (allocation.state && allocation.state === 'Deactivated') {\n return (\n \n \n Place a person\n \n )}\n no={(\n
\n \n \n
\n Unfilled
\n )}\n />\n{startDateFormatted}
\n \n {endDateFormatted}
\n \n \n
\n );\n }\n\n return (\n \n {allocation.name}\n Deactivated\n
\n \n {personName}\n {personTitle}\n
\n \n )}\n no={(\n \n
\n )}\n />\n );\n }\n\n RenderAvatar = () => {\n const { allocation, personPhoto, accountId } = this.props;\n\n if (allocation.state && allocation.state === 'Deactivated') {\n return (\n \n {personName}\n {personTitle}\n
\n \n
\n );\n }\n\n return (\n \n \n \n \n
\n );\n }\n\n renderEditControls = () => {\n const {\n updateProjectRoleAllocationPending,\n getProjectAllocationsPending,\n confirmUpdateAllocation,\n } = this.props;\n const { valid } = this.state;\n\n return (\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, modalManager }) {\n const { accountId, multiStateModal } = common;\n const { activeModal } = modalManager;\n const { modalOrigin } = multiStateModal;\n return {\n accountId,\n activeModal,\n modalOrigin,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n setSelectedPersonId: bindActionCreators(setSelectedPersonId, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AllocationSinglePopulated);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Popper, LinearProgress } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport moment from 'moment';\nimport { ProjectLinkToModalContainer } from '../common';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\n\nclass AllocationIssuePopper extends PureComponent {\n static propTypes = {\n allocations: PropTypes.array,\n popperTargetRef: PropTypes.object,\n popperOpen: PropTypes.bool.isRequired,\n onPopperClose: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n };\n\n static defaultProps = {\n allocations: [],\n popperTargetRef: null,\n }\n\n render() {\n const { allocations, popperOpen, popperTargetRef, onPopperClose, loading } = this.props;\n\n const modifiers = {\n offset: {\n offset: 32,\n },\n flip: {\n enabled: false,\n },\n };\n\n return (\n \n \n \n \n \n )}\n />\n
\n \n \n
\n \n \n
\n \n )}\n no={{startDateFormatted}}\n />\n \n \n
\n \n
\n \n )}\n no={{endDateFormatted}}\n />\n \n { allocation?.upcomingTimeOff?.length > 0 && (\n \n \n \n )}\n { allocation.hasConflict && (\n \n \n \n )}\n
\n { timeOffPopperOpen && (\n \n \n \n
\n );\n }\n}\n\nexport default AllocationIssuePopper;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n RadioGroup,\n FormControlLabel,\n Radio,\n} from '@material-ui/core';\nimport { AddCircle } from '@material-ui/icons';\nimport { Loader } from '@bridgit/foundation';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport {\n sortSegmentsByStartDate,\n} from 'src/utils/dateSegmentUtils';\nimport { BREAKDOWN_CUSTOM, BREAKDOWN_MONTHLY, BREAKDOWN_WEEKLY, BREAKDOWN_PHASES } from './redux/constants';\nimport { Modal } from '../common';\nimport { EditControls } from '../wrapped-components';\nimport {\n getMonthlyAllocations,\n getWeeklyAllocations,\n getPhaseAllocations,\n updateRequirements,\n mergeRequirements,\n deleteRequirement,\n} from './utils/roleRequirementUtils';\nimport {\n RequirementModalContentHeader,\n CustomRequirements,\n PeriodicRequirements,\n RequirementBulkInput,\n} from '.';\n\nexport default class CustomRoleRequirementModal extends Component {\n static propTypes = {\n selectedProject: PropTypes.object.isRequired,\n onHideModal: PropTypes.func.isRequired,\n role: PropTypes.object.isRequired,\n onSave: PropTypes.func,\n selectedPhases: PropTypes.array,\n loading: PropTypes.bool,\n };\n\n static defaultProps = {\n onSave: () => {},\n selectedPhases: [],\n loading: false,\n };\n\n constructor(props) {\n super(props);\n\n const { role, selectedPhases, selectedProject } = props;\n const requirements = sortSegmentsByStartDate(this.sanitizeRequirements(role?.requirements || []));\n const percentage = requirements?.[0]?.allocatedPercent || 100;\n\n const workingRole = {\n ...role,\n allocations: [\n {\n startDate: role.startDate,\n endDate: role.endDate,\n allocatedPercent: percentage,\n },\n ],\n };\n\n let phaseRequirements = [];\n if (selectedPhases.length) {\n phaseRequirements = getPhaseAllocations(selectedProject.phases, selectedPhases, workingRole);\n }\n\n this.state = {\n valid: true,\n breakdownType: selectedPhases.length ? BREAKDOWN_PHASES : BREAKDOWN_CUSTOM,\n requirementBreakdowns: {\n [BREAKDOWN_CUSTOM]: [...requirements],\n [BREAKDOWN_PHASES]: phaseRequirements,\n [BREAKDOWN_MONTHLY]: [],\n [BREAKDOWN_WEEKLY]: [],\n },\n workingRole,\n };\n }\n\n breakdownLabels = {\n [BREAKDOWN_CUSTOM]: 'Custom',\n [BREAKDOWN_PHASES]: 'Range',\n [BREAKDOWN_MONTHLY]: 'Monthly',\n [BREAKDOWN_WEEKLY]: 'Weekly',\n };\n\n listRef = React.createRef();\n\n toggledOptions = [];\n\n sanitizeRequirements = requirements => requirements.map((req) => {\n const { startDate, endDate, allocatedPercent } = req;\n\n return {\n startDate: moment(startDate, DATE_INPUT_FORMAT).format(DATE_INPUT_FORMAT),\n endDate: moment(endDate, DATE_INPUT_FORMAT).format(DATE_INPUT_FORMAT),\n allocatedPercent,\n };\n })\n\n validateRequirements = (requirements = []) => {\n // Check if any requirements are missing a start or end date\n const allPopulated = requirements.every(req => req.startDate !== null && req.endDate !== null);\n\n // Check that not all requirements have an allocatedPercent of 0\n const allZero = requirements.every(r => r.allocatedPercent === 0);\n\n this.setState({\n valid: allPopulated && !allZero,\n allZero,\n });\n }\n\n getActiveRequirements = () => {\n const { requirementBreakdowns, breakdownType } = this.state;\n return requirementBreakdowns[breakdownType] || [];\n }\n\n setActiveRequirements = (updatedRequirements, cb) => {\n const { requirementBreakdowns, breakdownType } = this.state;\n this.validateRequirements(updatedRequirements);\n\n this.setState({\n requirementBreakdowns: {\n ...requirementBreakdowns,\n [breakdownType]: updatedRequirements,\n },\n }, cb);\n }\n\n onError = () => {\n this.setState({ valid: false });\n }\n\n onSave = () => {\n const { role, onSave, selectedProject } = this.props;\n const { breakdownType } = this.state;\n\n // Merge adjacent segments with the same allocation percent value before saving\n const mergedRequirements = mergeRequirements(this.getActiveRequirements());\n\n const hasZeroPercent = mergedRequirements.some(req => req.allocatedPercent === 0);\n const breakdownTypeMixPanel = {\n [BREAKDOWN_CUSTOM]: 'Custom Range',\n [BREAKDOWN_PHASES]: 'Phases',\n [BREAKDOWN_MONTHLY]: 'Monthly',\n [BREAKDOWN_WEEKLY]: 'Weekly',\n };\n\n // Mixpanel - Track custom allocation set up\n window.mixpanel.track('Custom Allocation Setup', {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Allocation Breakdown Type': breakdownTypeMixPanel[breakdownType],\n 'Includes periods at 0%': hasZeroPercent,\n });\n\n onSave(role.rowId, mergedRequirements);\n }\n\n handleTypeChange = (evt) => {\n const { selectedProject, selectedPhases } = this.props;\n const { requirementBreakdowns, workingRole } = this.state;\n const { value: breakdownType } = evt.target;\n let requirements;\n\n this.toggledOptions.push(breakdownType);\n\n // Mixpanel - Track what selections are made by the user\n window.mixpanel.track('Navigation within the Custom Allocation modal', {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Toggled Allocation Breakdown Types': this.toggledOptions,\n 'Number of times a user toggles between options within a session': this.toggledOptions.length,\n });\n\n // If there is already a cached value for this particular breakdown, do not recalculate\n if (requirementBreakdowns[breakdownType].length) {\n this.setState({ breakdownType });\n this.validateRequirements(requirementBreakdowns[breakdownType]);\n return;\n }\n\n if (breakdownType === BREAKDOWN_MONTHLY) {\n requirements = getMonthlyAllocations(workingRole);\n }\n\n if (breakdownType === BREAKDOWN_WEEKLY) {\n requirements = getWeeklyAllocations(workingRole);\n }\n\n if (breakdownType === BREAKDOWN_PHASES) {\n requirements = getPhaseAllocations(selectedProject.phases, selectedPhases, workingRole);\n }\n\n this.setState({\n breakdownType,\n requirementBreakdowns: {\n ...requirementBreakdowns,\n [breakdownType]: requirements,\n },\n });\n\n this.validateRequirements(requirements);\n }\n\n bulkUpdatePercentages = (newPercentValue) => {\n if (Number(newPercentValue).isNaN) return;\n\n const updatedRequirements = this.getActiveRequirements().map(r => ({ ...r, allocatedPercent: Number(newPercentValue) }));\n this.setActiveRequirements(updatedRequirements);\n }\n\n updateRequirements = (originalRequirement, updatedRequirement) => {\n const requirements = this.getActiveRequirements();\n let updated;\n\n if (updatedRequirement === null) {\n updated = deleteRequirement(originalRequirement, requirements);\n } else {\n updated = updateRequirements(originalRequirement, updatedRequirement, requirements);\n }\n\n this.setActiveRequirements(updated);\n }\n\n addRequirement = () => {\n const requirements = this.getActiveRequirements();\n const newRequirement = { startDate: null, endDate: null, allocatedPercent: 100 };\n\n const scrollToBottom = () => {\n if (!this.listRef?.current) return;\n\n this.listRef.current.scrollTo({\n top: this.listRef.current.offsetHeight,\n behavior: 'smooth',\n });\n };\n\n this.setActiveRequirements([...requirements, newRequirement], scrollToBottom);\n }\n\n render() {\n const { onHideModal, role, selectedProject, loading } = this.props;\n const { breakdownType, valid, allZero } = this.state;\n const allocations = this.getActiveRequirements();\n const reqPercentages = allocations.map(a => a.allocatedPercent);\n\n return (\n \n \n
\n \n Issues
\n\n \n Project Name\n Allocation Dates\n %\n
\n\n { loading && (\n \n
\n )}\n\n \n { !loading && allocations.map((a) => {\n const startDateFormatted = moment(a.startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n const endDateFormatted = moment(a.endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n\n return (\n
\n\n \n
\n );\n })}\n \n
\n {`${startDateFormatted} - ${endDateFormatted}`}\n {a.allocatedPercent}\n \n \n
,\n ]}\n >\n {loading && \n
\n \n \n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { Clear } from '@material-ui/icons';\nimport { Avatar } from '@material-ui/core';\nimport emptyAvatar from '../../images/empty_avatar_blue.svg?url';\n\nexport default class SelectedPerson extends PureComponent {\n static propTypes = {\n onDelete: PropTypes.func.isRequired,\n person: PropTypes.object.isRequired,\n showClearButton: PropTypes.bool,\n };\n\n static defaultProps = {\n showClearButton: true,\n }\n\n render() {\n const { person, onDelete, showClearButton } = this.props;\n return (\n \n
\n\n Allocation breakdown
\n \n \n
\n \n { (breakdownType === BREAKDOWN_PHASES && !selectedProject.phases.length)\n ?
\n There are currently no phases on this project.
\n : (\n <>\n\n
\n\n {this.breakdownLabels[breakdownType]}
\n { breakdownType === BREAKDOWN_PHASES && (\n Phase(s)
\n )}\n \n { breakdownType === BREAKDOWN_CUSTOM ? (\n
\n\n \n { breakdownType === BREAKDOWN_CUSTOM && (\n \n
\n \n )}\n \n {!person.photoUrl\n ?
\n );\n }\n}\n","import React, { useCallback } from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { OverflowTooltip, useIsRefOverflowing } from '@bridgit/foundation';\nimport { LocationOffOutlined } from '@material-ui/icons';\n\nimport { AllocationValue } from '.';\nimport {\n DATE_DISPLAY_FORMAT,\n ACCOUNT_MODULE_LOCATION,\n} from '../../common/constants';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\n\nconst AllocationModalContentHeader = ({\n name,\n note,\n startDate,\n endDate,\n allocations,\n onCustomClick,\n projectAddress,\n}) => {\n const isProjectAddressShown = useSelector(({ accountSettings }) => {\n const { accountModules } = accountSettings;\n\n return hasModuleEnabled(accountModules, ACCOUNT_MODULE_LOCATION);\n });\n\n const roleStartFormatted = moment(startDate).format(DATE_DISPLAY_FORMAT);\n const roleEndFormatted = moment(endDate).format(DATE_DISPLAY_FORMAT);\n const showCustom = allocations.length > 1;\n const percent = allocations && allocations.length > 0 ? allocations[0].allocatedPercent : 100;\n\n const { ref: refName, isOverflowing: isNameOverflowing } = useIsRefOverflowing(name);\n const { ref: refNote, isOverflowing: isNoteOverflowing } = useIsRefOverflowing(note);\n const { ref: refAddress, isOverflowing: isAddressOverflowing } = useIsRefOverflowing(projectAddress);\n\n const renderProjectAddressHeaderItem = useCallback(() => (\n \n {person.name}\n {person.title}\n
\n\n { showClearButton && \n Project Address\n {projectAddress\n ? (\n \n {projectAddress}\n \n )\n : (\n
\n ), [isAddressOverflowing, projectAddress, refAddress]);\n\n return (\n \n
\n )}\n \n
\n );\n};\n\nAllocationModalContentHeader.propTypes = {\n name: PropTypes.string.isRequired,\n note: PropTypes.string,\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n allocations: PropTypes.arrayOf(PropTypes.object).isRequired,\n onCustomClick: PropTypes.func.isRequired,\n projectAddress: PropTypes.string,\n};\n\nAllocationModalContentHeader.defaultProps = {\n note: '',\n projectAddress: null,\n};\n\nexport default AllocationModalContentHeader;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '@material-ui/core';\nimport { MoreHoriz } from '@material-ui/icons';\n\nfunction AllocationValue({\n allocatedPercent,\n showCustom,\n onCustomClick,\n}) {\n return (\n \n Role\n \n {name}\n \n
\n\n {note && (\n \n Note\n \n {note}\n \n
\n )}\n\n \n Start Date\n {roleStartFormatted}\n
\n\n \n End Date\n {roleEndFormatted}\n
\n\n \n Allocation\n \n
\n\n {isProjectAddressShown && renderProjectAddressHeaderItem()}\n \n {!showCustom && `${allocatedPercent}%`}\n {showCustom && (\n \n \n \n \n )}\n
\n );\n}\n\nAllocationValue.propTypes = {\n allocatedPercent: PropTypes.number.isRequired,\n showCustom: PropTypes.bool,\n onCustomClick: PropTypes.func,\n};\n\nAllocationValue.defaultProps = {\n showCustom: false,\n onCustomClick: () => {},\n};\n\nexport default AllocationValue;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Event } from '@material-ui/icons';\nimport { DatePicker } from '@material-ui/pickers';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { PERM_WRITE, PERM_ALLOCATION } from 'src/features/permissions/utils/constants';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\nimport { Can } from '../wrapped-components';\n\nfunction AllocationDateEditor({\n allocation,\n setDatePicker,\n confirmUpdate,\n}) {\n const [tempStartDate, setTempStartDate] = useState(moment(allocation.startDate.format(DATE_INPUT_FORMAT)));\n const [tempEndDate, setTempEndDate] = useState(moment(allocation.endDate.format(DATE_INPUT_FORMAT)));\n\n const { startDate, endDate } = allocation;\n\n const onOpen = () => setDatePicker(true);\n const onClose = () => {\n setDatePicker(false);\n setTempStartDate(moment(allocation.startDate.format(DATE_INPUT_FORMAT)));\n setTempEndDate(moment(allocation.endDate.format(DATE_INPUT_FORMAT)));\n };\n\n const onChangeStartDate = date => setTempStartDate(moment(date));\n const onChangeEndDate = date => setTempEndDate(moment(date));\n\n const onAcceptStart = date => confirmUpdate(moment(date), null, 'start date');\n const onAcceptEnd = date => confirmUpdate(null, moment(date), 'end date');\n\n const outerTheme = {\n overrides: {\n MuiInput: {\n root: {\n opacity: 0,\n height: '100%',\n width: '100%',\n cursor: 'pointer',\n '&::after': {\n borderBottom: 'none',\n },\n },\n input: {\n cursor: 'pointer',\n },\n },\n },\n };\n\n return (\n Custom
\n \n \n
\n );\n}\n\nAllocationDateEditor.propTypes = {\n allocation: PropTypes.object.isRequired,\n setDatePicker: PropTypes.func,\n confirmUpdate: PropTypes.func,\n};\n\nAllocationDateEditor.defaultProps = {\n setDatePicker: () => {},\n confirmUpdate: () => {},\n};\n\nexport default AllocationDateEditor;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n CircularProgress,\n} from '@material-ui/core';\n\nfunction ConfirmAllocationChange({\n open,\n loading,\n primaryActionText,\n primaryAction,\n secondaryAction,\n message,\n subMessage,\n}) {\n if (!open) return null;\n\n return (\n \n Start Date\n End Date\n
\n \n \n
\n \n {startDate.format(DATE_DISPLAY_FORMAT)}\n {endDate.format(DATE_DISPLAY_FORMAT)}\n
\n \n \n \n
\n \n \n \n
\n \n )}\n />\n \n {loading\n ?
\n );\n}\n\nConfirmAllocationChange.propTypes = {\n open: PropTypes.bool,\n loading: PropTypes.bool,\n primaryActionText: PropTypes.string,\n primaryAction: PropTypes.func,\n secondaryAction: PropTypes.func,\n message: PropTypes.string,\n subMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n};\n\nConfirmAllocationChange.defaultProps = {\n open: true,\n loading: false,\n primaryActionText: '',\n primaryAction: () => {},\n secondaryAction: () => {},\n message: '',\n subMessage: '',\n};\n\nexport default ConfirmAllocationChange;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Button } from '@material-ui/core';\nimport { validateAllocationUpdate } from 'src/features/people/utils/unavailabilityUtils';\nimport { trimSegmentsToRange } from 'src/utils/dateSegmentUtils';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { ConfirmOverlay } from 'src/features/common';\nimport { deleteProjectRole } from 'src/features/projects/redux/actions';\nimport { roleIsShrinking, getPersonImpacted } from './utils/allocationUtils';\n\nexport const ConfirmUpdateRole = ({\n accountId,\n cancelConfirm,\n onSave,\n editMode,\n project,\n startDate,\n endDate,\n role,\n people,\n pending,\n projectAllocations,\n deleteProjectRole,\n displayVertical,\n}) => {\n const [overlapWarningMessages, setOverlapWarningMessages] = useState(null);\n const [expand, setExpand] = useState(false);\n\n const editDateMode = editMode === 'startDate' || editMode === 'endDate';\n\n const peopleAllocations = projectAllocations[project.id]?.find(a => a.roleId === role.id)?.allocations || [];\n const personImpacted = getPersonImpacted(peopleAllocations, people?.entities, role, moment(startDate));\n\n const handleSave = (expandAllocations = false, skipValidation = false) => () => {\n setExpand(expandAllocations);\n\n if (expandAllocations && personImpacted && !skipValidation) {\n const pous = people.unavailabilities.find(person => person.personId === personImpacted.id);\n const data = editMode === 'startDate'\n ? {\n startDate: moment(startDate).format(DATE_INPUT_FORMAT),\n endDate: moment(role.startDate).format(DATE_INPUT_FORMAT),\n }\n : {\n startDate: moment(role.endDate).format(DATE_INPUT_FORMAT),\n endDate: moment(endDate).format(DATE_INPUT_FORMAT),\n };\n\n const overlap = validateAllocationUpdate(personImpacted && personImpacted.employmentDates, pous && pous.unavailabilities, data);\n\n if (overlap && overlap.length) {\n setOverlapWarningMessages(overlap);\n } else {\n onSave(expandAllocations);\n }\n } else {\n onSave(expandAllocations);\n }\n };\n\n const logRoleDeleteDecision = (didDeleteRole) => {\n const startDateUpdated = !moment(startDate).isSame(role.startDate);\n const endDateUpdated = !moment(endDate).isSame(role.endDate);\n\n // Mixpanel - Track role edit leaving only 0% requirements resulting in deletion\n window.mixpanel.track('Role Update caused Role Deletion', {\n 'Start date updated': startDateUpdated,\n 'End date updated': endDateUpdated,\n 'Deletion cancelled': !didDeleteRole,\n 'Deletion confirmed': didDeleteRole,\n });\n };\n\n const onCancelDeleteRole = () => {\n logRoleDeleteDecision(false);\n cancelConfirm();\n };\n\n const onDeleteRole = () => {\n const startDateUpdated = !moment(startDate).isSame(role.startDate);\n const endDateUpdated = !moment(endDate).isSame(role.endDate);\n const analyticsPayload = {\n startDateUpdated,\n endDateUpdated,\n isRoleDeleted: true,\n };\n\n deleteProjectRole(accountId, project.id, role.id, analyticsPayload);\n };\n\n const roleShrinking = roleIsShrinking(startDate, endDate, role);\n\n const trimmedSegments = trimSegmentsToRange(role.requirements, startDate, endDate);\n const allRequirementsZero = trimmedSegments.every(req => req.allocatedPercent === 0);\n\n /*\n If edit date mode and roleIsShrinking and the role will only have zero-percent left,\n offer the option to just delete the role\n */\n if (editDateMode && roleShrinking && allRequirementsZero) {\n const confirmMessage = 'A role must have at least one day with an allocation % greater than 0%.';\n const confirmSubMessage = 'Making this change will delete this role.';\n\n return (\n \n
\n )}\n {message}
\n \n {Array.isArray(subMessage) ? subMessage.join(', ') : subMessage }\n
\n \n \n Cancel\n \n \n {primaryActionText}\n \n
\n \n \n Remove\n \n )}\n />\n
\n );\n};\n\nConfirmDeleteRole.propTypes = {\n role: PropTypes.object.isRequired,\n onCancel: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n deleteProjectRolePending: PropTypes.bool.isRequired,\n};\n\nfunction mapStateToProps({ projects }) {\n const { deleteProjectRolePending } = projects;\n return {\n deleteProjectRolePending,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ConfirmDeleteRole);\n","var _path, _path2, _circle, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgWrongLocation = function SvgWrongLocation(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n height: 24,\n width: 24\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"none\",\n d: \"M0 0h24v24H0z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 11v.2c0 2.34-1.95 5.44-6 9.14-4.05-3.7-6-6.79-6-9.14C6 7.57 8.65 5 12 5c.34 0 .68.03 1 .08V3.06c-.33-.04-.66-.06-1-.06-4.2 0-8 3.22-8 8.2 0 3.32 2.67 7.25 8 11.8 5.33-4.55 8-8.48 8-11.8V11h-2z\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 12,\n cy: 11,\n r: 2\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m22.54 2.88-1.42-1.42L19 3.59l-2.12-2.13-1.42 1.42L17.59 5l-2.13 2.12 1.42 1.42L19 6.41l2.12 2.13 1.42-1.42L20.41 5z\"\n })));\n};\n\nexport default SvgWrongLocation;","import React, { PureComponent } from 'react';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport pluralize from 'pluralize';\nimport { Link } from 'react-router-dom';\nimport { Avatar, Tooltip } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { stringToMoment } from 'src/utils/dateUtils';\nimport {\n ACCOUNT_MODULE_LOCATION,\n FIELD_TYPE_ADDRESS,\n HOME_ADDRESS_FIELD,\n UNAVAILABILITY,\n} from '../../common/constants';\nimport { AvailabilityIndicator } from '.';\nimport emptyAvatar from '../../images/empty_avatar_blue.svg?url';\nimport { setSelectedPersonId } from '../common/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { openModal } from '../modal-manager/redux/actions';\nimport { PROFILE_DETAILS_MODAL_CONTEXT } from '../people/constants';\nimport { Can } from '../wrapped-components';\nimport { PERM_PRIVATE, PERM_READ } from '../permissions/utils/constants';\nimport WrongLocationIcon from '../../images/wrong-location.svg';\nimport { convertMetersToDistance } from '../../utils/formatters';\nimport { DISTANCE_UNITS } from '../accounts/common/constants';\n\nconst { KM, MI } = DISTANCE_UNITS;\n\n/* We have layered click actions here so we could not use a button */\n/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n\nexport class RoleCandidate extends PureComponent {\n static propTypes = {\n selected: PropTypes.bool,\n roleStart: PropTypes.instanceOf(moment).isRequired,\n roleEnd: PropTypes.instanceOf(moment).isRequired,\n person: PropTypes.object.isRequired,\n onClick: PropTypes.func.isRequired,\n onAvailabilityClick: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n roleRequirements: PropTypes.array,\n setSelectedPersonId: PropTypes.func.isRequired,\n activeModal: PropTypes.string,\n openModal: PropTypes.func.isRequired,\n onPursuitsClick: PropTypes.func.isRequired,\n roleName: PropTypes.string.isRequired,\n roleId: PropTypes.number.isRequired,\n project: PropTypes.object.isRequired,\n isAddressPrivate: PropTypes.bool.isRequired,\n conversionFactorMetric: PropTypes.number.isRequired,\n };\n\n static defaultProps = {\n selected: false,\n roleRequirements: [],\n activeModal: null,\n }\n\n onVisitProfileClick = (event) => {\n const {\n person,\n setSelectedPersonId,\n activeModal,\n openModal,\n } = this.props;\n\n event.preventDefault();\n\n const analyticsPayload = {\n runsInModal: true,\n data: {\n personName: person.name,\n personId: person.id,\n to: PROFILE_DETAILS_MODAL_CONTEXT,\n from: 'Place a person modal',\n },\n };\n setSelectedPersonId(person.id, true, analyticsPayload);\n\n if (!activeModal || activeModal !== MULTI_STATE_MODAL_ID) {\n openModal(MULTI_STATE_MODAL_ID);\n window.mixpanel.track('Profile Details Modal Displayed', {\n 'Person Name': person.name,\n 'Person ID': person.id,\n 'Launched from': 'Place a person modal',\n });\n }\n }\n\n onSelectPerson = () => {\n const { onClick, person } = this.props;\n\n if (this.candidateUnavailable()) return;\n\n onClick(person);\n }\n\n candidateUnavailable = () => {\n const { person, roleStart, roleEnd } = this.props;\n\n // See if the candidate has unavailability spanning the entire role\n const { startDate, endDate, rangeType } = person?.unavailabilities?.[0] || {};\n const hasBackfillRequired = rangeType === UNAVAILABILITY;\n\n return startDate && endDate && hasBackfillRequired\n && stringToMoment(startDate).isSame(roleStart)\n && stringToMoment(endDate).isSame(roleEnd);\n }\n\n handlePursuitClick = (event) => {\n const { onPursuitsClick, person, roleName, roleId, project } = this.props;\n event.stopPropagation();\n onPursuitsClick(event.currentTarget, person.id);\n\n window.mixpanel.track('Place a Person - Pursuits indicator selected', {\n 'Project name': project.name,\n 'Project id': project.id,\n 'Project status': project.state,\n 'Project type': project.type,\n 'Role Name': roleName,\n 'Role id': roleId,\n 'Person name': person.name,\n 'Person id': person.id,\n });\n }\n\n render() {\n const {\n person,\n roleStart,\n roleEnd,\n selected,\n onAvailabilityClick,\n accountId,\n roleRequirements,\n isAddressPrivate,\n conversionFactorMetric,\n project,\n } = this.props;\n const { distanceFromProject } = person;\n const unavailable = this.candidateUnavailable();\n const hasDistanceResult = distanceFromProject != null; // non-strict equality; check for undefined as well\n // Round displayed distance up\n const displayedDistance = convertMetersToDistance(distanceFromProject, conversionFactorMetric);\n const projectAddress = project?.fields?.find(({ name }) => name === FIELD_TYPE_ADDRESS)?.values?.[0];\n\n return (\n \n {person.name}\n {person.title}\n { person.pursuitProjectsCount > 0 && (\n \n \n On\n {' '}\n {person.pursuitProjectsCount}\n {' '}\n {pluralize('pursuit', person.pursuitProjectsCount)}\n \n
\n )}\n \n \n \n
\n \n
\n \n
\n No result\n \n
\n );\n }\n\n if (getFilteredRoleAvailabilitiesPending) {\n return (\n \n
\n There are no people matching your role criteria.
\nTry updating your filters or searching for a person by name.
\n\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, allocations }) {\n const { accountId } = common;\n const {\n getFilteredRoleAvailabilitiesPending,\n getFilteredRoleAvailabilitiesPagePending,\n getFilteredRoleAvailabilitiesPageError,\n hasMore,\n pageFrom,\n roleAvailabilities,\n } = allocations;\n\n const loadingPage = getFilteredRoleAvailabilitiesPagePending;\n const pagingError = !!getFilteredRoleAvailabilitiesPageError;\n\n return {\n accountId,\n getFilteredRoleAvailabilitiesPending,\n loadingPage,\n pagingError,\n hasMore,\n pageFrom,\n roleAvailabilities,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getPersonAllocationsByDate: bindActionCreators(getPersonAllocationsByDate, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(CandidateList);\n","import React, { useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { AUTOMATION_ADD_FILTER_BUTTON } from '../filters/ids';\nimport { getFilterOptions } from '../table/filterUtils';\nimport { formatTableColumn } from '../common/listUtils';\nimport { FILTER_AVAILABILITIES, BLANK_FILTER } from '../../filters/constants';\nimport { EXCLUDED_ALLOCATE_PERSON_MODAL_FILTERS, PRIORITY_PEOPLE_FILTERS } from '../filters/common/constants';\nimport { PersonDescriptor } from '../../common/descriptors/person';\nimport { ROLE_AVAILABILITIES_QUERY_ID } from '../queries/redux/constants';\nimport { FilterContainer } from '../filters';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { getMappedFilters } from '../filters/utils/filterUtils';\n\nexport const EditCandidateFilters = ({\n onApplyFilter,\n}) => {\n const { personFields, accountModules } = useSelector(({ accountSettings }) => accountSettings);\n const { projectNames } = useSelector(({ projects }) => projects);\n const filterQueries = useSelector(({ queries }) => {\n const allQueries = queries[ROLE_AVAILABILITIES_QUERY_ID] || {};\n\n return 'filter' in allQueries ? allQueries.filter : {};\n });\n\n const [columns, setColumns] = useState([]);\n\n /*\n Migrate to usePeopleFilter and getMappedFilters approach instead of this useEffect.\n See People.js for reference.\n */\n useEffect(() => {\n const generateColumns = () => {\n const columnOptions = {\n currentProjects: {\n filterOptions: projectNames,\n filterEmptyOption: true,\n },\n };\n\n const columns = PersonDescriptor.reduce((visibleColumns, current) => {\n if (current.module && !hasModuleEnabled(accountModules, current.module)) return visibleColumns;\n if (current.visible && current.filter) {\n const additionalOptions = current.schemaName in columnOptions ? columnOptions[current.schemaName] : {};\n\n // Allow run-time options to override column visibility\n if (('visible' in additionalOptions && !additionalOptions.visible)) return visibleColumns;\n\n visibleColumns.push({\n name: current.displayName,\n schemaName: current.schemaName,\n type: current.type,\n filterType: current.filterType,\n options: {\n sort: current.sort,\n filter: current.filter,\n singleFilter: current.filterType === FILTER_AVAILABILITIES,\n ...(current.filterOptions && { filterOptions: current.filterOptions }),\n ...additionalOptions,\n },\n });\n }\n\n return visibleColumns;\n }, []);\n\n personFields.forEach((field) => {\n if (!field.isSystem || field.type === 'Address') columns.push(formatTableColumn(field));\n });\n\n columns.forEach((column, index) => {\n if (column.options && column.options.filter) {\n const filterOptions = getFilterOptions(column.name, personFields);\n\n if (!('filterOptions' in column.options)) {\n columns[index].options.filterOptions = [];\n }\n\n if (column.options.filterEmptyOption && !column.options.filterOptions.find(option => option.name === BLANK_FILTER)) {\n filterOptions.push({ name: BLANK_FILTER, value: BLANK_FILTER });\n }\n\n columns[index].options.filterOptions.push(...filterOptions);\n }\n });\n\n return getMappedFilters(columns);\n };\n\n setColumns(generateColumns());\n }, [personFields, projectNames, accountModules]);\n\n return (\n \n Name\n Time Availability\n
\n\n \n
\n \n {filteredPeople.map((p) => {\n const selected = selectedPerson && selectedPerson.id === p.id;\n return (\n \n \n
\n \n
\n )}\n\n \n \n { allocationPopperOpen && (\n
\n \n Filters\n\n
\n );\n};\n\nEditCandidateFilters.propTypes = {\n onApplyFilter: PropTypes.func,\n};\n\nEditCandidateFilters.defaultProps = {\n onApplyFilter: () => {},\n};\n\nexport default EditCandidateFilters;\n","import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from '@material-ui/core';\nimport { ChevronRight } from '@material-ui/icons';\nimport { trackAnalytics } from 'src/features/common/redux/actions';\nimport { useDispatch } from 'react-redux';\nimport { ChipBowl } from '../table';\nimport { NoFilterMessage, DistanceFromProjectCandidateFilter } from '.';\nimport { ROLE_AVAILABILITIES_QUERY_ID } from '../queries/redux/constants';\nimport { projectAllocationFilterChipRemovePayload } from '../../analytics/mixpanel/filterChips';\nimport { PAPM_FILTERS_RESET, PAPM_CLEAR_FILTER_CHIP } from '../../analytics/filters/constants';\n\nconst CandidateFilters = ({\n toggleFilterEdit,\n onResetFilters,\n editing,\n onApplyDistanceFilter,\n}) => {\n const dispatch = useDispatch();\n\n const resetFilters = useCallback(() => {\n dispatch(trackAnalytics(PAPM_FILTERS_RESET));\n onResetFilters();\n }, [onResetFilters, dispatch]);\n\n const onUpdateFilters = useCallback((columnName, filterLabel) => {\n dispatch(trackAnalytics(PAPM_CLEAR_FILTER_CHIP, projectAllocationFilterChipRemovePayload(columnName, filterLabel)));\n }, [dispatch]);\n\n return (\n \n \n Reset filters\n \n\n \n Add filters\n \n Back to results\n
\n );\n};\n\nCandidateFilters.propTypes = {\n toggleFilterEdit: PropTypes.func.isRequired,\n onResetFilters: PropTypes.func.isRequired,\n onApplyDistanceFilter: PropTypes.func.isRequired,\n editing: PropTypes.bool,\n};\n\nCandidateFilters.defaultProps = {\n editing: false,\n};\n\nexport default CandidateFilters;\n","import React, { useCallback } from 'react';\nimport { FILTER_NAME } from 'src/filters/constants';\nimport { ROLE_AVAILABILITIES_QUERY_ID } from 'src/features/queries/redux/constants';\nimport { SearchBox } from 'src/features/filters';\n\nexport default function CandidateSearch() {\n const onSearch = useCallback(() => {\n // Mixpanel - Track person search\n window.mixpanel.track('Place A Person - Search Used');\n }, []);\n\n return (\n \n
\n );\n}\n\nCandidateSearch.propTypes = {};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default function AllocationModalContentStructure({\n leftColumnClass,\n rightColumnClass,\n leftContent,\n rightContent,\n}) {\n return (\n \n
\n );\n}\n\nAllocationModalContentStructure.propTypes = {\n leftColumnClass: PropTypes.string,\n rightColumnClass: PropTypes.string,\n leftContent: PropTypes.node,\n rightContent: PropTypes.node,\n};\n\nAllocationModalContentStructure.defaultProps = {\n leftColumnClass: 'width-100',\n rightColumnClass: 'width-100',\n leftContent: '',\n rightContent: '',\n};\n","import React from 'react';\n\nexport default function NoFilterMessage() {\n return (\n \n {leftContent}\n
\n \n {rightContent}\n
\n \n No filters applied.\n Try resetting or adding filters to refine results.\n
\n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Clear } from '@material-ui/icons';\nimport { Chip } from '@material-ui/core';\n\nexport default function FilterMismatchWarning({\n onDelete,\n}) {\n return (\n \n \n
\n );\n};\n\nAvailabilityIndicator.propTypes = {\n personId: PropTypes.number.isRequired,\n fullCoverage: PropTypes.bool.isRequired,\n availabilities: PropTypes.arrayOf(PropTypes.object).isRequired,\n unavailabilities: PropTypes.arrayOf(PropTypes.object),\n roleRequirements: PropTypes.array,\n roleStart: PropTypes.string.isRequired,\n roleEnd: PropTypes.string.isRequired,\n onSegmentClick: PropTypes.func,\n placeholder: PropTypes.string,\n};\n\nAvailabilityIndicator.defaultProps = {\n onSegmentClick: () => {},\n unavailabilities: [],\n roleRequirements: [],\n placeholder: '',\n};\n\nexport default AvailabilityIndicator;\n","import React, { useMemo } from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport pluralize from 'pluralize';\nimport { Obfuscator } from '@bridgit/foundation';\nimport { getGapDays, getDurationDays } from 'src/utils/dateUtils';\nimport {\n DATE_INPUT_FORMAT,\n DATE_DISPLAY_FORMAT,\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n TIME_OFF,\n UNAVAILABILITY,\n PRIVATE_MODE_TOOLTIP_TEXT,\n} from '../../common/constants';\n\nconst BlackoutInfo = ({\n startDate,\n endDate,\n description,\n rangeType,\n showTimeHelperText,\n isPrivate,\n}) => {\n const { privateModeEnabled } = useSelector(({ common }) => common);\n\n const getFormattedDate = dateString => (\n dateString\n && dateString.length\n && dateString !== DEFAULT_POU_START\n && dateString !== DEFAULT_POU_END\n ? moment(dateString, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT)\n : ''\n );\n\n const startFormatted = getFormattedDate(startDate);\n const endFormatted = getFormattedDate(endDate);\n\n const blackoutHelperText = useMemo(() => {\n if (!showTimeHelperText) return `${rangeType === TIME_OFF ? 'No backfill' : 'Backfill'} required`;\n const today = moment().startOf('day');\n if (moment(startDate).isAfter(today)) {\n return `Starts in ${pluralize('day', getGapDays(today, startDate), true)}`;\n }\n return `Ends in ${pluralize('day', getDurationDays(today, endDate), true)}`;\n }, [endDate, rangeType, showTimeHelperText, startDate]);\n\n const verifiedDescription = description?.length ? description : 'Unavailable';\n\n return (\n \n
\n \n
\n );\n};\n\nBlackoutInfo.propTypes = {\n startDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]).isRequired,\n endDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]).isRequired,\n description: PropTypes.string,\n rangeType: PropTypes.oneOf([UNAVAILABILITY, TIME_OFF]).isRequired,\n showTimeHelperText: PropTypes.bool,\n isPrivate: PropTypes.bool,\n};\n\nBlackoutInfo.defaultProps = {\n description: '',\n showTimeHelperText: false,\n isPrivate: false,\n};\n\nexport default BlackoutInfo;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { ProjectLinkToModalContainer } from '../common';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\n\nclass AllocationInfo extends PureComponent {\n static propTypes = {\n personId: PropTypes.number,\n personAllocationsByDate: PropTypes.object,\n loading: PropTypes.bool.isRequired,\n runsInModal: PropTypes.bool,\n };\n\n static defaultProps = {\n personId: null,\n personAllocationsByDate: {},\n runsInModal: false,\n }\n\n render() {\n const {\n loading,\n personAllocationsByDate,\n personId,\n runsInModal,\n } = this.props;\n const allocations = personAllocationsByDate[personId] || [];\n\n return (\n \n \n {verifiedDescription}\n \n {`${startFormatted} - ${endFormatted}`}\n
\n \n {blackoutHelperText}\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people }) {\n const { personAllocationsByDate, getPersonAllocationsByDatePending } = people;\n\n return {\n personAllocationsByDate,\n loading: getPersonAllocationsByDatePending,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(AllocationInfo);\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener, Paper } from '@material-ui/core';\nimport { CustomPopper, Can, EditButton } from 'src/features/wrapped-components';\nimport { PERM_WRITE, PERM_ROLE } from 'src/features/permissions/utils/constants';\nimport { RoleRequirementList } from '.';\n\nconst RoleRequirementPopper = ({\n onHidePopper,\n onEditRequirements,\n roleRequirements,\n targetRef,\n project,\n}) => {\n const modifiers = {\n offset: {\n offset: '12px, 9px',\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n };\n\n useEffect(() => {\n const payload = {\n 'Project name': project.name,\n 'Project id': project.id,\n 'Project status': project.state,\n 'Project type': project.type,\n };\n window.mixpanel.track('View allocation % breakdown for a role', payload);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n // Close the popper if the parent element scrolls out of sight\n const onPopperUpdate = (popperData) => {\n const { hide } = popperData;\n if (hide) onHidePopper();\n };\n\n return (\n \n Project\n Role\n %\n
\n\n { !loading && allocations.map((a, index) => {\n const startFormatted = moment(a.startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n const endFormatted = moment(a.endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n\n /* eslint-disable react/no-array-index-key */\n return (\n \n
\n );\n })}\n \n
\n \n {a.roleName}\n {`${startFormatted} - ${endFormatted}`}\n
\n {a.allocatedPercent}
\n \n Custom allocation breakdown\n { onEditRequirements && (\n
\n \n {formattedDates}\n {percentage}\n
\n );\n};\n\nSingleRoleRequirement.propTypes = {\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n percentage: PropTypes.number.isRequired,\n};\n\nexport default SingleRoleRequirement;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DATE_DISPLAY_FORMAT } from '../../common/constants';\n\nconst RequirementModalContentHeader = ({\n role,\n}) => {\n const roleStartFormatted = moment(role.startDate).format(DATE_DISPLAY_FORMAT);\n const roleEndFormatted = moment(role.endDate).format(DATE_DISPLAY_FORMAT);\n\n return (\n \n
\n );\n};\n\nRequirementModalContentHeader.propTypes = {\n role: PropTypes.object.isRequired,\n};\n\nexport default RequirementModalContentHeader;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { DatePicker, RemoveButton } from 'src/features/common';\nimport moment from 'moment';\nimport { validateDate } from 'src/utils/dateUtils';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { NumberInput } from '../wrapped-components';\n\nconst CustomRequirementRow = React.memo(({\n reqStart,\n reqEnd,\n allocatedPercent,\n onUpdate,\n onError,\n roleStart,\n roleEnd,\n}) => {\n const initialRequirement = {\n startDate: reqStart,\n endDate: reqEnd,\n allocatedPercent,\n };\n\n const format = date => (date === null ? date : moment(date, DATE_INPUT_FORMAT).format(DATE_INPUT_FORMAT));\n const parse = date => (date === null ? date : moment(date, DATE_INPUT_FORMAT));\n\n const reqStartParsed = parse(reqStart);\n const reqEndParsed = parse(reqEnd);\n const roleStartParsed = parse(roleStart);\n const roleEndParsed = parse(roleEnd);\n\n const [workingStart, setWorkingStart] = useState(reqStartParsed);\n const [workingEnd, setWorkingEnd] = useState(reqEndParsed);\n const [startDisabled, setStartDisabled] = useState(false);\n const [endDisabled, setEndDisabled] = useState(false);\n\n useEffect(() => { setWorkingStart(parse(reqStart)); }, [reqStart]);\n useEffect(() => { setWorkingEnd(parse(reqEnd)); }, [reqEnd]);\n\n const updateRequirement = updatedRequirement => onUpdate(initialRequirement, updatedRequirement);\n\n const updateStart = (newStart) => {\n setWorkingStart(newStart);\n\n if (validateDate(newStart, roleStartParsed, reqEndParsed)) {\n updateRequirement({\n ...initialRequirement,\n startDate: format(newStart),\n });\n }\n };\n\n const updateEnd = (newEnd) => {\n setWorkingEnd(newEnd);\n\n if (validateDate(newEnd, reqStartParsed, roleEndParsed)) {\n updateRequirement({\n ...initialRequirement,\n endDate: format(newEnd),\n });\n }\n };\n\n const updateAllocatedPercent = newPercent => updateRequirement({\n ...initialRequirement,\n allocatedPercent: newPercent,\n });\n\n const handleError = (err) => {\n if (err.length) onError();\n };\n\n const handleStartError = (err) => {\n handleError(err);\n setEndDisabled(!!err.length);\n };\n\n const handleEndError = (err) => {\n handleError(err);\n setStartDisabled(!!err.length);\n };\n\n const removeRange = () => {\n updateRequirement(null);\n };\n\n const allowDelete = reqStart === null || reqEnd === null;\n\n const dateRangeError = 'Date outside of role date range';\n\n return (\n \n Role\n {role.name}\n
\n \n Start date\n {roleStartFormatted}\n
\n \n End date\n {roleEndFormatted}\n
\n \n
\n );\n});\n\nCustomRequirementRow.propTypes = {\n reqStart: PropTypes.string,\n reqEnd: PropTypes.string,\n allocatedPercent: PropTypes.number,\n onUpdate: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n roleStart: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]).isRequired,\n roleEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]).isRequired,\n};\n\nCustomRequirementRow.defaultProps = {\n reqStart: null,\n reqEnd: null,\n allocatedPercent: 100,\n};\n\nexport default CustomRequirementRow;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { CustomRequirementRow } from '.';\n\nconst CustomRequirements = ({\n role,\n requirements,\n onRequirementChange,\n onError,\n}) => (\n \n
\n\n \n { requirements.map((req) => {\n const { startDate, endDate, allocatedPercent } = req;\n\n return (\n
\n);\n\nCustomRequirements.propTypes = {\n role: PropTypes.object.isRequired,\n requirements: PropTypes.array.isRequired,\n onRequirementChange: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n};\n\nexport default CustomRequirements;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '@material-ui/core';\nimport { NumberInput } from 'src/features/wrapped-components';\nimport classNames from 'classnames';\n\nconst RequirementBulkInput = ({\n className,\n onUpdate,\n percentages,\n}) => {\n const getSingleValue = useCallback(() => {\n const isCustom = new Set(percentages).size > 1;\n return isCustom ? '' : percentages?.[0];\n }, [percentages]);\n\n const [workingValue, setWorkingValue] = useState(getSingleValue());\n\n useEffect(() => {\n setWorkingValue(getSingleValue());\n }, [getSingleValue, percentages]);\n\n const onInputChange = value => setWorkingValue(value);\n\n const onBlur = () => {\n if (workingValue !== '') onUpdate(workingValue);\n };\n\n return (\n \n
\n \n {requirements.map((req) => {\n const { startDate, endDate, allocatedPercent, name } = req;\n\n return (\n
\n);\n\nPeriodicRequirements.propTypes = {\n requirements: PropTypes.array.isRequired,\n onRequirementChange: PropTypes.func.isRequired,\n breakdownType: PropTypes.string.isRequired,\n};\n\nexport default PeriodicRequirements;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport { NumberInput } from '../wrapped-components';\nimport { BREAKDOWN_MONTHLY } from './redux/constants';\n\nconst PeriodicRequirementRow = React.memo(({\n startDate,\n endDate,\n allocatedPercent,\n onUpdate,\n breakdownType,\n name,\n}) => {\n const initialRequirement = {\n startDate,\n endDate,\n allocatedPercent,\n name,\n };\n\n const updateRequirement = (updatedPercent) => {\n onUpdate(initialRequirement, { ...initialRequirement, allocatedPercent: updatedPercent });\n };\n\n const getFormattedDateString = () => {\n if (breakdownType === BREAKDOWN_MONTHLY) {\n return moment(startDate, DATE_INPUT_FORMAT).format('MMMM YYYY');\n }\n return `${moment(startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT)} \n - ${moment(endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT)}`;\n };\n\n return (\n \n
\n );\n});\n\nPeriodicRequirementRow.propTypes = {\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n allocatedPercent: PropTypes.number.isRequired,\n onUpdate: PropTypes.func.isRequired,\n breakdownType: PropTypes.string.isRequired,\n name: PropTypes.string,\n};\n\nPeriodicRequirementRow.defaultProps = {\n name: '',\n};\n\nexport default PeriodicRequirementRow;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { sortSegmentsByStartDate } from 'src/utils/dateSegmentUtils';\nimport { SingleRoleRequirement } from '.';\n\nexport const RoleRequirementList = ({\n className,\n roleRequirements,\n}) => {\n const sortedRequirements = sortSegmentsByStartDate(roleRequirements);\n\n return (\n {getFormattedDateString()}
\n { name && (\n \n {name}\n
\n )}\n \n
\n \n {sortedRequirements.map(requirement => (\n
\n );\n};\n\nRoleRequirementList.propTypes = {\n className: PropTypes.string,\n roleRequirements: PropTypes.array,\n};\n\nRoleRequirementList.defaultProps = {\n className: '',\n roleRequirements: [],\n};\n\nexport default RoleRequirementList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener, Button } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { trackTimeOffClick } from 'src/common/analyticsHelper';\nimport { CustomPopper } from '../wrapped-components';\nimport { BlackoutInfo } from '.';\n\nconst AllocationTimeOffPopper = ({\n onPopperClose,\n open,\n target,\n allocation,\n runsInModal,\n}) => {\n if (open) {\n const { personId, name } = allocation;\n trackTimeOffClick(\n name,\n personId,\n runsInModal ? 'Project modal' : 'Project profile',\n null,\n true,\n );\n }\n\n return (\n \n \n
\n );\n};\n\nAllocationTimeOffPopper.propTypes = {\n onPopperClose: PropTypes.func,\n open: PropTypes.bool,\n target: PropTypes.object,\n allocation: PropTypes.object,\n runsInModal: PropTypes.bool,\n};\n\nAllocationTimeOffPopper.defaultProps = {\n onPopperClose: () => {},\n open: false,\n target: null,\n allocation: {},\n runsInModal: false,\n};\n\nexport default AllocationTimeOffPopper;\n","import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Slider } from '@material-ui/core';\n\nimport { DISTANCE_FILTER_RANGE, EMPTY_RADIUS } from './common/constants';\nimport { DISTANCE_UNITS } from '../accounts/common/constants';\nimport { PERM_PRIVATE, PERM_READ } from '../permissions/utils/constants';\nimport { ACCOUNT_MODULE_LOCATION, HOME_ADDRESS_FIELD } from '../../common/constants';\nimport { Can } from '../wrapped-components';\nimport { setRadius } from './redux/actions';\nimport { convertDistanceToMeters } from '../../utils/formatters';\n\nconst { MIN, MAX } = DISTANCE_FILTER_RANGE;\nconst { KM, MI } = DISTANCE_UNITS;\n\nconst DistanceFromProjectCandidateFilter = ({ onChangeCommitted }) => {\n const [value, setValue] = useState(null);\n const [committedValue, setCommittedValue] = useState(null);\n\n const dispatch = useDispatch();\n\n const { radius } = useSelector(({ allocations }) => allocations);\n const { accountId } = useSelector(({ common }) => common);\n const isAddressPrivate = useSelector(({ accountSettings: { personFields } }) => (\n personFields.find(({ name }) => name === HOME_ADDRESS_FIELD)?.isPrivate ?? true\n ));\n const selectedUnit = useSelector(({ accounts: { entities } }) => {\n const { useMetricUnits } = entities.find(({ id }) => id === accountId);\n\n return useMetricUnits ? KM : MI;\n });\n\n // Reset the slider when the radius is reset\n useEffect(() => {\n if (radius === EMPTY_RADIUS) {\n setValue(MAX);\n setCommittedValue(MAX);\n }\n }, [radius]);\n\n const renderRadius = useCallback(() => {\n const radiusDisplay = committedValue === MAX ? `${MAX}+` : committedValue;\n\n return `${radiusDisplay} ${selectedUnit.value}`;\n }, [selectedUnit, committedValue]);\n\n const changeHandler = useCallback((_, newValue) => {\n setValue(newValue);\n }, []);\n\n const changeCommittedHandler = useCallback((_, newValue) => {\n const newRadius = newValue === MAX\n ? EMPTY_RADIUS\n // Round up in case we compute fractional meters (e.g. when converting miles to meters)\n : Math.ceil(convertDistanceToMeters(newValue, selectedUnit.conversionFactorMetric));\n\n dispatch(setRadius(newRadius));\n setCommittedValue(newValue);\n onChangeCommitted(newValue);\n }, [selectedUnit, dispatch, onChangeCommitted]);\n\n const distanceFilter = useMemo(() => (\n \n \n
\n \n \n \n
\n \n \n
\n ), [changeCommittedHandler, changeHandler, renderRadius, value]);\n\n return (\n Distance from project:
\n {renderRadius()}
\n \n
\n {MIN}
\n {`${MAX}+`}
\n \n 
\n
\n\n We're sorry. The browser you're using is not supported by Bridgit.\n \n \n For the best experience, please use one of the following browsers.\n \n
\n );\n};\n\nexport default UnsupportedBrowser;\n","import React, { useEffect } from 'react';\nimport { Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport googleStoreSmall from '../../images/download-app-buttons/googleplay-download-1X.png';\nimport googleStoreMed from '../../images/download-app-buttons/googleplay-download-2X.png';\nimport googleStoreLg from '../../images/download-app-buttons/googleplay-download-3X.png';\nimport appleStoreSm from '../../images/download-app-buttons/iOS-download-1X.png';\nimport appleStoreMed from '../../images/download-app-buttons/iOS-download-2X.png';\nimport appleStoreLg from '../../images/download-app-buttons/iOS-download-3X.png';\nimport { BRIDGIT_SUPPORT_EMAIL } from '../../common/constants';\nimport { BRIDGIT_APP_ICON, BRIDGIT_LOGO } from './constants';\n\nexport default function UnsupportedMobileBrowser({ os }) {\n useEffect(() => {\n window.mixpanel.track('Unsupported Browser Message Displayed');\n }, []);\n\n const onClick = OS => () => {\n window.mixpanel.track('Get Mobile App Button Clicked', { OS });\n };\n\n const googleStoreButton = (\n \n \n
\n {SUPPORTED_BROWSERS.map(({ name, url, src }) => (\n \n ))}\n
\n \n \n \n To use Bridgit Bench on your mobile device, please download the app.\n \n
\n );\n}\n\nUnsupportedMobileBrowser.propTypes = {\n os: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport {\n Build,\n Domain,\n Person,\n Dashboard,\n Assignment,\n} from '@material-ui/icons';\nimport { Badge } from '@material-ui/core';\nimport {\n PERM_READ,\n PERM_ROLE,\n PERM_PERSON,\n PERM_PROJECT,\n PERM_HOURLY_PERSON,\n PERM_REQUEST,\n PERM_ASSIGNMENT,\n} from 'src/features/permissions/utils/constants';\nimport { ACCOUNT_MODULE_HOURLY, ACCOUNT_MODULE_STANDARD } from 'src/common/constants';\n\nexport const NAV_ITEMS = [\n {\n path: 'dashboard',\n component: \n
\n \n Contact Support:\n {' '}\n \n {BRIDGIT_SUPPORT_EMAIL}\n \n \n \n 
\n Bridgit Bench \n
\n {createButtons()}\n \n {title} \n {isMultiAccountSelectAvailable && (\n \n {entities.map(({ name, id }) => (\n \n {name}\n \n ))}\n \n )}\n
\n\n \n
\n )\n }\n \n {NAV_ITEMS.map(({ path, component, title, action, subject, module }, idx) => (\n \n this.handleListItemClick(event, path)}\n button\n divider={idx === NAV_ITEMS.length - 1}\n >\n {collapsedNav ? (\n \n {component} \n \n ) : (\n {component} \n )}\n {!collapsedNav && \n this.handleListItemClick(event, 'settings')}\n >\n {collapsedNav ? (\n \n \n \n \n ) : (\n \n \n )}\n {!collapsedNav &&
\n );\n\n backToAccountList = (\n \n \n \n {\n this.anchorEl = node;\n }}\n classes={{ root: 'icon-account' }}\n color=\"inherit\"\n aria-label=\"Profile\"\n aria-owns={open ? AUTOMATION_POPPER_MENU : null}\n aria-haspopup=\"true\"\n onClick={this.handleToggle}\n >\n \n {popper}\n \n ) : (\n <>\n \n {userInfo.name}\n \n \n {userInfo.email}\n \n <>\n {\n this.anchorEl = node;\n }}\n aria-owns={open ? AUTOMATION_POPPER_MENU : null}\n aria-haspopup=\"true\"\n onClick={this.handleToggle}\n className=\"icon-arrow\"\n >\n
\n\n - \n {!checkAccount && hasBridgitPerms && (\n \n
\n Permissions \n
\n \n
\n \n )}\n This admin will no longer be able to log in.
\nAre you sure you want to delete them?
\n\n {headline}\n
\n {children}\n\n \n \n
\n {showPicker && (\n \n {!editMode && (\n <>\n {formattedDate}\n \n \n \n \n \n )}\n {editMode && (\n
\n {editMode && onSave && (\n \n
\n )}\n \n \n \n {searchString.length > 0 && (\n \n ),\n }}\n />\n
\n );\n }\n\n renderSelectAll = () => {\n const { visibleIds, visibleItems } = this.state;\n const someSelected = visibleIds.length > 0;\n\n return (\n \n
\n );\n }\n\n renderFooter = () => {\n const { applyDisabled } = this.state;\n\n return (\n \n \n Cancel\n \n \n Apply\n \n
\n );\n }\n\n renderItems = () => {\n const { filterKey, singleFilter } = this.props;\n const { visibleIds, visibleItems } = this.state;\n\n if (visibleItems.length === 0) {\n return No results found
;\n }\n\n return (\n - \n {visibleItems.map((item) => {\n const checked = visibleIds.indexOf(item[filterKey]) !== -1;\n return (\n
\n \n
\n \n
\n {this.renderItems()}\n {!autoApply && this.renderFooter()}\n {title}
\n {showSearch && this.renderSearch()}\n {showSelectAll && this.renderSelectAll()}\n \n {!!pageTitle &&
\n );\n }\n}\n\nexport default TabbedPageHeader;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { DATE_DISPLAY_FORMAT } from '../../common/constants';\n\n// Asynchronously loads moment-timezone and formats a date string\n// after it's been loaded.\nclass LoadableMomentDate extends PureComponent {\n static propTypes = {\n date: PropTypes.string.isRequired,\n }\n\n state = {\n moment: null,\n }\n\n async componentDidMount() {\n const moment = await import(/* webpackChunkName: \"moment-timezone\" */ 'moment-timezone');\n this.setState({ moment });\n }\n\n render() {\n const { date } = this.props;\n const { moment } = this.state;\n return moment && date\n ? <>{moment.default(date).format(DATE_DISPLAY_FORMAT)}\n : null;\n }\n}\n\nexport default LoadableMomentDate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Tooltip } from '@material-ui/core';\n\nfunction TodayIndicator({\n startDate,\n endDate,\n}) {\n if (moment().isBetween(startDate, endDate)) {\n const projectLength = moment(endDate).diff(startDate, 'days');\n const offset = moment().diff(startDate, 'days');\n const offsetPercent = (offset / projectLength) * 100;\n return (\n \n \n {pageTitle}
}\n\n \n {tabs}\n
\n \n {controls}\n
\n \n
\n \n
\n \n
\n\n {this.renderSelectList()}\n {title}
\n \n {showAddFilter && (\n \n )}\n
\n \n \n Cancel\n \n \n Apply\n \n
\n \n \n
\n \n
\n\n {title}
\n {!blankFilter && (\n \n \n \n {searchString.length > 0 && (\n \n ),\n }}\n />\n
\n )}\n \n
\n \n \n Cancel\n \n \n Apply\n \n
\n \n
\n )\n : null;\n\n return (\n \n
\n \n );\n };\n\n const renderDisplayMode = () => {\n if (displayOnly) {\n return (\n \n \n {showName && {item.name} }\n {renderItem()}\n \n
\n );\n }\n\n if (!permission) {\n return renderButton();\n }\n\n return (\n \n
\n \n \n Cancel\n \n \n Apply\n \n
\n );\n }\n\n render() {\n const {\n anchorEl,\n open,\n title,\n includeBlank,\n } = this.props;\n const { verb, date, endDate } = this.state;\n\n return (\n \n \n
\n \n
\n {title}
\n \n \n \n
\n );\n\n return (\n \n
\n Share
\nCreate a link to share this People Gantt configuration with other people in Bench.
\n\n This link will be active until\n \n {' '}\n {sharePeopleGanttDataExpiryDate.format(SHARED_GANTT_EXPIRATION_TIMESTAMP_FORMAT)}\n \n
\n )}\n\n \n {renderShareGanttPopper()}\n \n
\n );\n}\n\nHeaderControls.propTypes = {\n onSearch: PropTypes.func,\n options: PropTypes.shape({\n showShareAction: PropTypes.bool,\n showSearch: PropTypes.bool,\n showSort: PropTypes.bool,\n filters: PropTypes.arrayOf(PropTypes.shape({\n filterKey: PropTypes.string.isRequired,\n queryId: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n buttonId: PropTypes.string.isRequired,\n })),\n filterOptions: PropTypes.array,\n searchType: PropTypes.string,\n viewColumns: PropTypes.bool,\n columnSelectionKey: PropTypes.string,\n showExport: PropTypes.bool,\n exportLoading: PropTypes.bool,\n exportTitle: PropTypes.string,\n }),\n queryId: PropTypes.string,\n searchPlaceholder: PropTypes.string,\n children: PropTypes.node,\n};\n\nHeaderControls.defaultProps = {\n onSearch: () => {},\n options: {\n showSearch: true,\n viewColumns: true,\n },\n searchPlaceholder: null,\n queryId: '',\n children: undefined,\n};\n\nexport default HeaderControls;\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport {\n ClickAwayListener,\n Select,\n} from '@material-ui/core';\nimport { AttachMoney } from '@material-ui/icons';\nimport { RangeTextField } from '.';\nimport { CustomPopper, EditControls } from '../wrapped-components';\nimport { formatDollarValue } from '../../utils/formatters';\nimport {\n BLANK_FILTER,\n ABOVE_FILTER,\n BELOW_FILTER,\n BETWEEN_FILTER,\n EQUALS_FILTER,\n} from '../../filters/constants';\nimport { setPopperIsOpen } from '../filters/redux/actions';\n\nfunction CurrencyFilterPopper({\n open,\n anchorEl,\n title,\n onApply,\n onCancel,\n placeholder,\n origSelected,\n setPopperIsOpen,\n}) {\n const origVerb = origSelected.length ? origSelected[0].verb : ABOVE_FILTER;\n const origValue = origSelected.length ? origSelected[0].selected[0].value : '';\n const origSecondary = origSelected.length && origSelected[0].verb === BETWEEN_FILTER ? origSelected[0].selected[0].secondaryValue : '';\n const [verb, setVerb] = useState(origVerb);\n const [value, setValue] = useState(origValue);\n const [secondaryValue, setSecondaryValue] = useState(origSecondary);\n const [disableApply, setDisableApply] = useState(true);\n\n const isInvalid = (newValue, newSecondary, newVerb = verb) => {\n if (newVerb === BLANK_FILTER && newVerb !== origVerb) {\n return false;\n }\n\n if (newVerb !== BETWEEN_FILTER) {\n return newValue === '' || (newVerb === origVerb && newValue === origValue);\n }\n\n return newValue === '' || newSecondary === '' || (newVerb === origVerb && newValue === origValue && newSecondary === origSecondary);\n };\n\n const onVerbChange = (evt) => {\n setVerb(evt.target.value);\n setDisableApply(isInvalid(value, secondaryValue, evt.target.value));\n };\n\n const onValueChange = isSecondary => (evt) => {\n if (isSecondary) {\n setSecondaryValue(evt.target.value);\n setDisableApply(isInvalid(value, evt.target.value));\n } else {\n setValue(evt.target.value);\n setDisableApply(isInvalid(evt.target.value, secondaryValue));\n }\n };\n\n const onClickAway = (evt) => {\n const { target: { className } } = evt;\n if (className && typeof className === 'string' && (className.indexOf('verb-select') !== -1 || className.indexOf('MuiBackdrop') !== -1)) {\n return;\n }\n onCancel();\n setPopperIsOpen(false);\n };\n\n const onFilterApply = () => {\n const selected = [];\n\n if (verb === BLANK_FILTER) {\n selected.push({ name: BLANK_FILTER, value: '' });\n } else if (verb === BETWEEN_FILTER) {\n const min = Math.min(value, secondaryValue);\n const max = Math.max(value, secondaryValue);\n selected.push({\n name: `${formatDollarValue(min)} - ${formatDollarValue(max)}`,\n value,\n secondaryValue,\n });\n } else {\n selected.push({\n name: formatDollarValue(value),\n value,\n });\n }\n\n onApply([{\n verb,\n selected,\n }]);\n setDisableApply(true);\n };\n\n return (\n \n {renderShareAction()}\n {renderFileExportMenu()}\n {viewColumns && (\n \n \n \n )}\n\n {showSort && (\n <>\n
\n\n {viewColumns && (\n \n
\n \n
\n {title}
\n \n \n \n \n \n \n \n \n
\n \n
\n \n \n {startAdornment}\n \n ),\n endAdornment: endAdornment && (\n \n {endAdornment}\n \n ),\n }}\n // Attributes applied to the HTML input element. Different than InputProps.\n // eslint-disable-next-line react/jsx-no-duplicate-props\n inputProps={{\n min,\n max,\n }}\n />\n {verb === BETWEEN_FILTER && (\n <>\n \n {startAdornment}\n \n ),\n endAdornment: endAdornment && (\n \n {endAdornment}\n \n ),\n }}\n // Attributes applied to the HTML input element. Different than InputProps.\n // eslint-disable-next-line react/jsx-no-duplicate-props\n inputProps={{\n min,\n max,\n }}\n />\n \n )}\n
\n );\n}\n\nRangeTextField.propTypes = {\n verb: PropTypes.string.isRequired,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n secondaryValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onValueChange: PropTypes.func,\n startAdornment: PropTypes.node,\n endAdornment: PropTypes.node,\n min: PropTypes.number,\n max: PropTypes.number,\n};\n\nRangeTextField.defaultProps = {\n placeholder: '',\n value: '',\n secondaryValue: '',\n onValueChange: () => {},\n startAdornment: '',\n endAdornment: '',\n min: null,\n max: null,\n};\n\nexport default RangeTextField;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { ZoomIn, ZoomOut, RotateLeft } from '@material-ui/icons';\nimport { Button, IconButton } from '@material-ui/core';\nimport Slider from '@material-ui/core/Slider';\nimport AvatarEditor from 'react-avatar-editor';\nimport { Modal } from '.';\n\nfunction ImageCrop({\n image,\n saveBlob,\n onClose,\n borderRadius,\n disableBoundaryChecks,\n minScale,\n zoomStep,\n zoomMax,\n}) {\n const [scale, setScale] = useState(1);\n const [rotation, setRotation] = useState(0);\n const editor = useRef(null);\n\n const onZoomOut = () => {\n setScale(scale <= minScale ? minScale : scale - zoomStep);\n };\n\n const onZoomIn = () => {\n setScale(scale >= zoomMax ? zoomMax : scale + zoomStep);\n };\n\n const handleZoom = (e, scale) => {\n setScale(Math.round(scale * 10) / 10);\n };\n\n const onRotate = () => {\n setRotation(rotation <= 0 ? 270 : rotation - 90);\n };\n\n const onSave = () => {\n if (editor.current) {\n editor.current.getImage().toBlob(saveBlob, image.type);\n }\n };\n\n return (\n and
\n \n \n \n
\n \n \n \n = zoomMax} variant=\"contained\" onClick={onZoomIn}>\n = zoomMax ? 'disabled' : 'primary'} />\n \n
\n Adjust and drag the picture into position.
\n \n );\n}\n\nImageCrop.propTypes = {\n image: PropTypes.object.isRequired,\n saveBlob: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n borderRadius: PropTypes.number,\n disableBoundaryChecks: PropTypes.bool,\n minScale: PropTypes.number,\n zoomStep: PropTypes.number,\n zoomMax: PropTypes.number,\n};\n\nImageCrop.defaultProps = {\n borderRadius: 150,\n disableBoundaryChecks: false,\n minScale: 1,\n zoomStep: 0.2,\n zoomMax: 6,\n};\n\nexport default ImageCrop;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n IconButton,\n Tooltip,\n} from '@material-ui/core';\nimport {\n Close,\n} from '@material-ui/icons';\n\nconst RemoveButton = ({\n className,\n tooltipValue,\n tooltipPlacement,\n onClick,\n}) => (\n \n
\n );\n}\n\nConfirmOverlay.propTypes = {\n className: PropTypes.string,\n message: PropTypes.string.isRequired,\n subtext: PropTypes.string,\n pending: PropTypes.bool,\n onCancel: PropTypes.func.isRequired,\n onAccept: PropTypes.func,\n actionButtons: PropTypes.node,\n displayVertical: PropTypes.bool,\n displayCompact: PropTypes.bool,\n};\n\nConfirmOverlay.defaultProps = {\n className: '',\n subtext: '',\n pending: false,\n onAccept: () => {},\n actionButtons: null,\n displayVertical: false,\n displayCompact: false,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { CircularProgress } from '@material-ui/core';\n\nfunction LoadingPaper({\n loading,\n children,\n className,\n title,\n}) {\n return (\n \n {pending\n ?
\n {message}
\n {subtext}
\n \n \n Cancel\n \n\n { !actionButtons\n ? (\n \n OK\n \n )\n : (actionButtons)}\n
\n \n )}\n \n {title}\n {children}\n {loading &&
\n );\n}\n\nLoadingPaper.propTypes = {\n loading: PropTypes.bool,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n title: PropTypes.node,\n};\n\nLoadingPaper.defaultProps = {\n loading: false,\n className: '',\n title: null,\n};\n\nexport default LoadingPaper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n FormControl,\n FormLabel,\n FormGroup,\n FormControlLabel,\n Checkbox,\n Switch,\n} from '@material-ui/core';\nimport {\n CHECKBOX_TYPE,\n SWITCH_TYPE,\n} from 'src/common/constants';\n\nexport default function CheckboxForm({\n title,\n controls,\n onChange,\n checkedList,\n type,\n pending,\n}) {\n const onChangeHandler = (evt) => {\n const { name, checked } = evt.target;\n onChange(name, checked);\n };\n\n const renderControl = (control) => {\n if (type === SWITCH_TYPE) {\n return (\n {tableTitle}
}\n\n\n {pluralize(subText, item.subOptions.length, true)}\n {!isSearching && isExpandedSubs &&
\n )}\n - \n {item.subOptions.map(subItem => (\n
\n \n \n {searchString.length > 0 && (\n \n ),\n }}\n />\n
\n );\n}\n\nMultiSearch.propTypes = {\n placeholder: PropTypes.string,\n onClearSearch: PropTypes.func.isRequired,\n searchString: PropTypes.string,\n onSearch: PropTypes.func.isRequired,\n isSelectListSearch: PropTypes.bool.isRequired,\n};\n\nMultiSearch.defaultProps = {\n placeholder: '',\n searchString: '',\n};\n","import React from 'react';\nimport {\n Checkbox,\n FormControlLabel,\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nexport default function SelectAll({\n selectedAll,\n selectedSome,\n onSelectAll,\n}) {\n return (\n \n {!hideVerbSelector && (\n
\n );\n}\n\nMultiSelect.propTypes = {\n selectedAll: PropTypes.bool,\n selectedSome: PropTypes.bool,\n onSelectAll: PropTypes.func,\n visibleItems: PropTypes.arrayOf(PropTypes.object).isRequired,\n expanded: PropTypes.string.isRequired,\n filterKey: PropTypes.string.isRequired,\n noResultsFound: PropTypes.bool,\n searchString: PropTypes.string,\n selectedItems: PropTypes.object.isRequired,\n selectedVerb: PropTypes.string,\n onVerbChange: PropTypes.func.isRequired,\n verbs: PropTypes.arrayOf(PropTypes.object),\n verbText: PropTypes.string.isRequired,\n disableDelete: PropTypes.bool.isRequired,\n onDelete: PropTypes.func.isRequired,\n onSelect: PropTypes.func.isRequired,\n placeholder: PropTypes.string,\n onSearch: PropTypes.func.isRequired,\n onExpand: PropTypes.func.isRequired,\n onClearSearch: PropTypes.func.isRequired,\n expandedSubs: PropTypes.array,\n subText: PropTypes.string,\n onExpandSub: PropTypes.func,\n controlOptions: PropTypes.array,\n hideVerbSelector: PropTypes.bool,\n showSelectedCount: PropTypes.bool,\n primaryContent: PropTypes.string,\n};\n\nMultiSelect.defaultProps = {\n onSelectAll: () => {},\n onExpandSub: () => {},\n noResultsFound: null,\n searchString: '',\n selectedSome: false,\n selectedAll: false,\n placeholder: '',\n expandedSubs: [],\n subText: '',\n controlOptions: null,\n hideVerbSelector: false,\n showSelectedCount: false,\n verbs: null,\n selectedVerb: null,\n primaryContent: undefined,\n};\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\nimport { withRouter } from 'react-router';\nimport { getPermissionsForAccount, isAuthorized } from '../permissions/utils/permissionUtils';\nimport {\n PERM_READ,\n PERM_PERSON,\n PERM_REQUEST,\n PERM_ASSIGNMENT,\n} from '../permissions/utils/constants';\nimport { getOrSetAccountId } from '../accounts/utils/accountUtils';\n\nconst supportedRedirect = ['/accounts/', '/accounts', '/'];\n\nconst Redirector = ({\n accounts,\n location,\n permissions,\n userId,\n incompleteProfile,\n history,\n}) => {\n const hasBridgitPerms = useMemo(() => getPermissionsForAccount('*', permissions), [permissions]);\n\n if (incompleteProfile) {\n return \n {controlOptions && (\n
\n \n
\n )}\n \n
\n {isSelectListSearch && !searchString && !hasSelectedItems && (\n Use search to narrow down people results
\n )}\n {noResults && No results found
}\n {showSelectedCount && listCount > 0 && (\n {`${listCount} selected`}
\n )}\n - \n {visibleItems.map(item => (\n
\n
\n );\n};\n\nFieldInputForm.propTypes = {\n fields: PropTypes.arrayOf(PropTypes.object),\n onSave: PropTypes.func,\n onCancel: PropTypes.func,\n validate: PropTypes.func,\n onSaveText: PropTypes.string,\n onCancelText: PropTypes.string,\n pending: PropTypes.bool,\n};\n\nFieldInputForm.defaultProps = {\n fields: [],\n onSave: () => {},\n onCancel: () => {},\n validate: () => {},\n onSaveText: SAVE,\n onCancelText: CANCEL,\n pending: false,\n};\n\nexport default FieldInputForm;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDurationDays } from 'src/utils/dateUtils';\nimport { TimelineSegment } from 'src/features/common';\n\nexport default function Timeline({\n startDate,\n endDate,\n onSegmentClick,\n segments,\n placeholder,\n}) {\n const [roleDays, setRoleDays] = useState(getDurationDays(startDate, endDate));\n\n useEffect(() => {\n setRoleDays(getDurationDays(startDate, endDate));\n }, [startDate, endDate]);\n\n const timeBlocks = segments.map((block) => {\n const { startDate: blockStart, endDate: blockEnd, topClass, bottomClass } = block;\n const segmentDays = getDurationDays(blockStart, blockEnd);\n const percentWidth = (segmentDays / roleDays) * 100;\n\n return (\n Required Fields
\n \n {required.map(renderFormField(true))}\n
\n Other Fields
\n \n {optional.map(renderFormField(false))}\n
\n \n {timeBlocks}\n
\n );\n}\n\nTimeline.propTypes = {\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n onSegmentClick: PropTypes.func,\n segments: PropTypes.arrayOf(PropTypes.object).isRequired,\n placeholder: PropTypes.string,\n};\n\nTimeline.defaultProps = {\n onSegmentClick: () => {},\n placeholder: '',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nexport default function TimelineSegment({\n blockData,\n percentWidth,\n topClass,\n bottomClass,\n onSegmentClick,\n placeholder,\n}) {\n const onClick = (evt) => {\n evt.stopPropagation();\n onSegmentClick(evt.currentTarget, blockData);\n };\n\n const style = { width: `${percentWidth}%` };\n\n const renderSplitSegment = [topClass, bottomClass].reduce((splitSegment, barClass, index) => {\n const barType = index === 0 ? 'top-bar' : 'bottom-bar';\n const splitBar = (\n \n );\n\n if (barClass.includes('tooltip-hover')) {\n splitSegment.push(\n \n \n \n \n \n \n {includeBlank && }\n \n
\n );\n\n const renderDatePickers = () => {\n const isBetween = verb === BETWEEN_FILTER;\n\n const maxDate = isBetween && isStringOrMoment(endDate) ? endDate : MAX_CONFIGURABLE_DATE;\n const minDate = isStringOrMoment(date) ? date : MIN_CONFIGURABLE_DATE;\n\n return (\n <>\n {verb !== BLANK_FILTER && (\n \n
\n )}\n {isBetween && (\n <>\n and
\n \n
\n \n )}\n \n );\n };\n\n return (\n \n {renderSelect()}\n {renderDatePickers()}\n
\n );\n};\n\nDateFilter.propTypes = {\n className: PropTypes.string,\n includeBlank: PropTypes.bool,\n initialVerb: PropTypes.string,\n initialDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n initialEndDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n onChange: PropTypes.func.isRequired,\n onOpenDatePicker: PropTypes.func,\n onCloseDatePicker: PropTypes.func,\n onError: PropTypes.func,\n};\n\nDateFilter.defaultProps = {\n className: '',\n initialVerb: AFTER_FILTER,\n initialDate: null,\n initialEndDate: null,\n includeBlank: true,\n onOpenDatePicker: () => {},\n onCloseDatePicker: () => {},\n onError: () => {},\n};\n\nexport default DateFilter;\n","import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport {\n ClickAwayListener,\n Select,\n List,\n ListItem,\n ListItemText,\n} from '@material-ui/core';\nimport { momentToString } from 'src/utils/dateUtils';\nimport { validatePercentInput } from 'src/utils/validators';\nimport { RangeTextField, DateFilter } from '.';\nimport { CustomPopper, EditControls } from '../wrapped-components';\nimport {\n ABOVE_FILTER,\n BELOW_FILTER,\n BETWEEN_FILTER,\n EQUALS_FILTER,\n ON_FILTER,\n NO_AVAILABILITY_FILTER,\n AVAILABLE_NOW_FILTER,\n AVAILABILITY_FILTER_LIST_ITEMS,\n CUSTOM,\n PERCENT_FILTER_TYPE,\n DATE_FILTER_TYPE,\n} from '../../filters/constants';\nimport { setPopperIsOpen } from '../filters/redux/actions';\nimport { generateSelectedFilter } from '../filters/utils/filterUtils';\n\nexport function AvailabilityFilterPopper({\n open,\n anchorEl,\n title,\n onApply,\n onCancel,\n placeholder,\n origSelected,\n setPopperIsOpen,\n}) {\n const percentFilter = useMemo(() => origSelected.find(({ type }) => type === PERCENT_FILTER_TYPE), [origSelected]);\n const dateFilter = useMemo(() => origSelected.find(({ type }) => type === DATE_FILTER_TYPE), [origSelected]);\n const initialListSelection = useMemo(() => {\n if (!origSelected.length) return null;\n return (percentFilter || dateFilter) ? CUSTOM : origSelected?.[0]?.value;\n }, [dateFilter, origSelected, percentFilter]);\n const initialPercentVerb = percentFilter?.verb || ABOVE_FILTER;\n const initialPercentValue = percentFilter?.value || '';\n const initialPercentSecondaryValue = percentFilter?.verb === BETWEEN_FILTER ? percentFilter?.secondaryValue : '';\n const initialDateVerb = dateFilter?.verb || ON_FILTER;\n const initialDate = dateFilter?.value || null;\n const initialEndDate = dateFilter?.verb === BETWEEN_FILTER ? dateFilter?.secondaryValue : null;\n const [percentVerb, setPercentVerb] = useState(initialPercentVerb);\n const [percentValue, setPercentValue] = useState(initialPercentValue);\n const [percentSecondaryValue, setPercentSecondaryValue] = useState(initialPercentSecondaryValue);\n const [dateVerb, setDateVerb] = useState(initialDateVerb);\n const [date, setDate] = useState(initialDate);\n const [endDate, setEndDate] = useState(initialEndDate);\n const [listSelection, setListSelection] = useState(initialListSelection);\n const [customOpen, setCustomOpen] = useState(initialListSelection === CUSTOM);\n const [dateError, setDateError] = useState('');\n const [applyDisabled, setApplyDisabled] = useState(true);\n\n const isDisabled = useCallback(() => {\n if (dateError) return true;\n const selectionChanged = (\n percentValue !== initialPercentValue\n || percentSecondaryValue !== initialPercentSecondaryValue\n || percentVerb !== initialPercentVerb\n || date !== initialDate\n || endDate !== initialEndDate\n || dateVerb !== initialDateVerb\n );\n if (listSelection) {\n if (listSelection !== CUSTOM) return false;\n if (selectionChanged &&\n (((percentVerb === BETWEEN_FILTER && percentValue && percentSecondaryValue)\n || (dateVerb === BETWEEN_FILTER && date && endDate))\n || ((percentVerb !== BETWEEN_FILTER && percentValue)\n || (dateVerb !== BETWEEN_FILTER && date)))) {\n return false;\n }\n }\n return true;\n }, [\n percentValue,\n initialPercentValue,\n percentSecondaryValue,\n initialPercentSecondaryValue,\n percentVerb,\n initialPercentVerb,\n date,\n initialDate,\n endDate,\n initialEndDate,\n dateVerb,\n initialDateVerb,\n listSelection,\n dateError,\n ]);\n\n useEffect(() => {\n setApplyDisabled(isDisabled());\n }, [\n isDisabled,\n percentVerb,\n percentValue,\n percentSecondaryValue,\n dateVerb,\n date,\n endDate,\n listSelection,\n dateError,\n ]);\n\n const onVerbChange = (evt) => {\n setPercentVerb(evt.target.value);\n };\n\n const onPercentFilterChange = isSecondary => (evt) => {\n const newValue = evt.target.value;\n const validatedValue = validatePercentInput(newValue, 0);\n if (!Number.isNaN(validatedValue)) {\n if (isSecondary) {\n setPercentSecondaryValue(newValue);\n } else {\n setPercentValue(newValue);\n }\n }\n };\n\n const handleCancel = useCallback(() => {\n setPercentVerb(initialPercentVerb);\n setPercentValue(initialPercentVerb);\n setPercentSecondaryValue(initialPercentSecondaryValue);\n setDateVerb(initialDateVerb);\n setDate(initialDate);\n setEndDate(initialEndDate);\n setApplyDisabled(true);\n setPopperIsOpen(false);\n onCancel();\n }, [\n initialDate,\n initialDateVerb,\n initialEndDate,\n initialPercentSecondaryValue,\n initialPercentVerb,\n onCancel,\n setPopperIsOpen,\n ]);\n\n const onClickAway = () => {\n handleCancel();\n };\n\n const onFilterApply = useCallback(() => {\n const selected = [];\n\n if (listSelection === NO_AVAILABILITY_FILTER) {\n selected.push({\n name: 'No availability',\n verb: '',\n value: NO_AVAILABILITY_FILTER,\n });\n } else if (listSelection === AVAILABLE_NOW_FILTER) {\n selected.push({\n name: 'Available now',\n verb: '',\n value: AVAILABLE_NOW_FILTER,\n });\n } else if (listSelection === CUSTOM) {\n const percentFilter = generateSelectedFilter(PERCENT_FILTER_TYPE, percentVerb, percentValue, percentSecondaryValue);\n if (percentFilter) selected.push(percentFilter);\n const dateRangeFilter = generateSelectedFilter(DATE_FILTER_TYPE, dateVerb, date, endDate);\n if (dateRangeFilter) selected.push(dateRangeFilter);\n }\n\n onApply(selected);\n setApplyDisabled(true);\n }, [date, dateVerb, endDate, listSelection, onApply, percentSecondaryValue, percentValue, percentVerb]);\n\n const onDateFilterChange = (newDateVerb, newDate, newEndDate) => {\n setDateVerb(newDateVerb);\n setDate(momentToString(newDate));\n setEndDate(momentToString(newEndDate));\n };\n\n const onSelectListItem = selection => () => {\n setListSelection(selection);\n setCustomOpen(selection === CUSTOM);\n };\n\n const onDateError = (error = '') => {\n setDateError(error);\n };\n\n const renderListItems = () => (\n - \n { AVAILABILITY_FILTER_LIST_ITEMS.map(({ label, value }) => (\n
\n
\n \n
\n { renderListItems() }\n { customOpen && (\n {title}
\n \n
\n )}\n \n \n \n \n \n \n \n
\n \n
\n \n \n \n {selectList}\n \n
\n )}\n no={(\n \n \n {label}\n \n
\n )}\n />\n \n\n );\n}\n\nChipDropdownToggle.propTypes = {\n options: PropTypes.arrayOf(PropTypes.object),\n selectedId: PropTypes.string,\n onSelect: PropTypes.func,\n permissions: PropTypes.object,\n};\n\nChipDropdownToggle.defaultProps = {\n options: [],\n selectedId: '',\n onSelect: () => {},\n permissions: null,\n};\n","import React, { useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { collectAppPrerequisites } from './redux/actions';\nimport { setUserInfo } from '../../common/analyticsHelper';\nimport { hasWebPerms } from '../permissions/utils/permissionUtils';\nimport { AccessDenied } from '../permissions';\n\nconst MainContent = ({\n children,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId, collectAppPrerequisitesPending } = useSelector(({ common }) => common);\n const { userInfo } = useSelector(({ login }) => login);\n const { accountModules } = useSelector(({ accountSettings }) => accountSettings);\n const { isLDReady } = useSelector(({ launchDarkly }) => launchDarkly);\n\n const hasWebPermissions = useMemo(\n () => hasWebPerms(accountId, userInfo?.permissions),\n [accountId, userInfo?.permissions],\n );\n\n useEffect(() => {\n if (accountId) {\n dispatch(collectAppPrerequisites(accountId));\n }\n }, [accountId, dispatch]);\n\n useEffect(() => {\n setUserInfo(userInfo, accountId, accountModules);\n }, [accountId, accountModules, userInfo]);\n\n // If critical data is still loading or Launch Darkly isn't initialized, do not attempt to render the app\n if (collectAppPrerequisitesPending || !isLDReady) return null;\n\n // If user does not have permissions for web (ie. Self Perform Requester ) return access denied\n if (!hasWebPermissions) {\n return (\n \n
\n );\n }\n\n return (\n \n { children }\n
\n );\n};\n\nMainContent.propTypes = {\n children: PropTypes.node,\n};\n\nMainContent.defaultProps = {\n children: null,\n};\n\nexport default MainContent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { AppBar } from '@material-ui/core';\nimport { BRIDGIT_LOGO } from 'src/features/common/constants';\n\nconst RootContent = ({ children }) => (\n \n
\n);\n\nRootContent.propTypes = {\n children: PropTypes.node,\n};\n\nRootContent.defaultProps = {\n children: null,\n};\n\nexport default RootContent;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Select, MenuItem } from '@material-ui/core';\n\nconst ModalSidePanel = ({\n className,\n options,\n activePanel,\n onChange,\n children,\n}) => {\n const renderValue = (option) => {\n const { value, display } = option;\n return ;\n };\n\n if (!options.length || !activePanel) return null;\n\n return (\n \n \n
\n {children}\n \n
\n );\n};\n\nModalSidePanel.propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.number,\n display: PropTypes.string,\n eventName: PropTypes.string,\n icon: PropTypes.node,\n })),\n activePanel: PropTypes.shape({\n value: PropTypes.number,\n display: PropTypes.string,\n eventName: PropTypes.string,\n icon: PropTypes.node,\n }).isRequired,\n onChange: PropTypes.func,\n children: PropTypes.node,\n};\n\nModalSidePanel.defaultProps = {\n className: '',\n options: [],\n onChange: () => {},\n children: null,\n};\n\nexport default ModalSidePanel;\n","import React from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport {\n Checkbox,\n FormControlLabel,\n} from '@material-ui/core';\nimport { DATE_DISPLAY_FORMAT, LIST_TAB } from '../../common/constants';\nimport { formatDollarValue, formatPhoneNumber } from '../../utils/formatters';\nimport { getValidatedLocalStorage } from '../../utils/validators';\n\nfunction formatTableColumn(field) {\n const { name, type, isPrivate } = field;\n const column = { name, type, isPrivate };\n switch (type) {\n case 'Date':\n column.options = {\n customBodyRender: value => (value ? moment(value).format(DATE_DISPLAY_FORMAT) : ''),\n filter: true,\n filterEmptyOption: true,\n };\n break;\n\n case 'PhoneNumber':\n column.options = {\n customBodyRender: value => (\n {activePanel.icon}\n {options.length > 1\n ? (\n \n {options.map(option => renderValue(option))}\n \n )\n :
\n {children}\n {activePanel.display}
}\n {value ? formatPhoneNumber(value) : ''}
),\n };\n break;\n\n case 'Boolean':\n column.options = {\n customBodyRender: value => (\n \n
\n );\n\n parseProjects = (projects) => {\n const upperBound = Math.max(...projects.map(project => project.totalRoles), 0);\n let totalUnfilledRoles = 0;\n let totalRoles = 0;\n let totalFilledRoles = 0;\n const activeProjects = [];\n const upcomingProjects = [];\n const pursuitProjects = [];\n\n projects.forEach((project) => {\n const bars = [];\n const filledRoles = project.totalRoles - project.unfilledRoles;\n const unfilledWidth = (project.unfilledRoles / upperBound) * 100;\n const filledWidth = (filledRoles / upperBound) * 100;\n const startDate = moment.utc(project.startDate).format(DATE_DISPLAY_FORMAT);\n const endDate = moment.utc(project.endDate).format(DATE_DISPLAY_FORMAT);\n\n if (filledWidth > 0) {\n bars.push({\n id: 2,\n class: `filled-bar${unfilledWidth > 0 ? ' no-border-radius-right' : ''}`,\n width: filledWidth,\n filled: true,\n roleCount: this.renderRoleCount(project.totalRoles, filledRoles, true),\n });\n }\n if (unfilledWidth > 0) {\n bars.push({\n id: 1,\n class: `unfilled-bar${filledWidth > 0 ? ' no-border-left' : ''}`,\n width: unfilledWidth,\n filled: false,\n roleCount: this.renderRoleCount(project.totalRoles, project.unfilledRoles, false),\n });\n }\n\n totalRoles += project.totalRoles;\n totalUnfilledRoles += project.unfilledRoles;\n totalFilledRoles += filledRoles;\n\n const filteredProject = {\n id: project.id,\n name: project.name,\n color: project.colour,\n countPosition: unfilledWidth + filledWidth,\n totalRoles: project.totalRoles,\n unfilledRoles: project.unfilledRoles,\n state: project.state,\n statusClass: project.state.toLowerCase(),\n dateRange: `${startDate} - ${endDate}`,\n filledRoles,\n roles: project.roles || [],\n bars,\n currentPhases: project.currentPhases,\n };\n\n if (project.state === ACTIVE) {\n activeProjects.push(filteredProject);\n } else if (project.state === UPCOMING) {\n upcomingProjects.push(filteredProject);\n } else if (project.state === PURSUIT) {\n pursuitProjects.push(filteredProject);\n }\n });\n\n return { activeProjects, upcomingProjects, pursuitProjects, totalRoles, totalUnfilledRoles, totalFilledRoles };\n }\n\n getProjectAllocations = (accountId, projectId) => {\n const { projectActions } = this.props;\n projectActions.getProjectAllocations(accountId, projectId);\n }\n\n renderSection = (title, filteredProjects) => {\n if (!filteredProjects.length) return null;\n\n const { projectAllocations, people, loadingAllocations } = this.props;\n\n return (\n <>\n { totalRoles === 0 ? 'No resources defined' : `${filled ? 'Filled' : 'Unfilled'} Roles`}
\n {totalRoles !== 0 &&{roleCount}
}\n{`${title} (${filteredProjects.length})`}
\n \n {filteredProjects.map(project => (\n
\n \n );\n }\n\n renderEmpty = () => {\n const { accountId, filterGroupApplied, isPursuitModuleOn } = this.props;\n const accountPath = `/accounts/${accountId}`;\n\n let noMatch;\n if (filterGroupApplied === INVALID_STATUS_FILTER) {\n noMatch = getDashboardEmptyResultText(isPursuitModuleOn);\n } else if (filterGroupApplied === 'filtered') {\n noMatch = 'No projects match the filters applied';\n } else {\n noMatch = 'There are currently no active or upcoming projects with roles assigned!';\n }\n\n return (\n \n
\n ))}\n \n
\n \n {project.bars.map(bar => (\n
\n \n
\n );\n }\n\n render() {\n const { activeProjects, upcomingProjects, pursuitProjects, totalRoles, totalFilledRoles, totalUnfilledRoles } = this.state;\n const { loading, filterGroupApplied } = this.props;\n const isEmpty = activeProjects.length === 0 && upcomingProjects.length === 0 && pursuitProjects.length === 0;\n\n const isNoProjectsWithRoles = isEmpty && !['filtered', INVALID_STATUS_FILTER].includes(filterGroupApplied);\n\n if (loading) {\n return (\n {noMatch}
\n {filterGroupApplied !== 'filtered' && filterGroupApplied !== INVALID_STATUS_FILTER && (\n <>\n \n \n
\n \n \n
\n \n )}\n \n
\n {isEmpty\n ? this.renderEmpty()\n : (\n Project Breakdown
\n \n
\n {`Total roles: ${totalRoles}`}
\n \n {DOT}\n {`Filled roles: ${totalFilledRoles}`}\n
\n \n {DOT}\n {`Unfilled roles: ${totalUnfilledRoles}`}\n
\n \n {this.renderSection(`${ACTIVE} Projects`, activeProjects)}\n {this.renderSection(`${UPCOMING} Projects`, upcomingProjects)}\n {this.renderSection(`${PURSUIT} Projects`, pursuitProjects)}\n
\n )}\n {(value ? moment(value, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT) : '')}
);\n\n this.columns = [\n {\n name: 'Role',\n type: 'Text',\n options: {\n customBodyRender: (value, rowMeta) => (\n\n {value}\n {!!rowMeta.note && {` - ${rowMeta.note}`}}\n
\n ),\n columnClass: 'wide-column column-text',\n },\n },\n {\n name: 'Project',\n options: {\n customBodyRender: (value, rowMeta) => (\n{(value === 'Custom' ? value : `${value}%`)}
),\n columnClass: 'short-column column-text',\n },\n },\n ];\n }\n\n getTimeFilter() {\n const { filter } = this.state;\n return filter || 3;\n }\n\n handleChange = (e) => {\n const { unfilledRoles, queries, trackAnalytics } = this.props;\n const filter = e.target.value;\n localStorage.setItem(this.intervalStorageKey, filter);\n const filteredRoles = filterRoles(unfilledRoles, filter);\n\n // Mixpanel - Track time filter change\n const analyticsPayload = {\n [TIME_FILTER_SELECTED]: filter === -1 ? 'All unfilled roles' : `Next ${filter} months`,\n };\n trackAnalytics(UNFILLED_ROLES_FILTER_CHANGED, analyticsPayload);\n\n this.setState({\n filter,\n roles: this.mapRoles(filteredRoles, queries.sort),\n projectCount: this.countUniqueProjects(filteredRoles),\n unfilledCount: filteredRoles.length,\n });\n }\n\n countUniqueProjects = (roles) => {\n const projectIds = roles.map(role => role.projectId);\n return new Set(projectIds).size;\n }\n\n onUpdateColumnSort = (sortQuery) => {\n const { trackAnalytics } = this.props;\n const name = sortQuery?.args?.[0]?.label;\n if (name) {\n const { event, payload } = mixpanelSortEvent(name, DASHBOARD_VIEW, '');\n\n if (event && payload) {\n trackAnalytics(event, payload);\n }\n }\n const { setSortQuery } = this.props;\n const { sortStorageKey } = this.state;\n setSortQuery(DASHBOARD_UNFILLED_ROLES_QUERY_ID, sortQuery, sortStorageKey);\n }\n\n mapRoles = (roles, sortQuery) => {\n const unfilledRoles = [];\n\n roles.forEach((role) => {\n const percent = role.requirements.length === 1 ? role.requirements[0].allocatedPercent : 'Custom';\n if (!role.isfilled && role?.unfilledRanges?.length) {\n role.unfilledRanges.forEach((gap) => {\n unfilledRoles.push(this.mapRow(role, gap.startDate, gap.endDate, percent));\n });\n }\n });\n\n return sortTable(sortQuery, unfilledRoles);\n }\n\n mapRow = (role, startDate, endDate, percent) => {\n const roleObj = {\n id: role.projectId,\n Role: role.name,\n Project: role.projectName,\n 'Start Date': startDate,\n 'End Date': endDate,\n '%': percent,\n };\n\n const rowData = this.columns.map((column) => {\n if (typeof roleObj[column.name] !== 'undefined') {\n return roleObj[column.name];\n }\n return '';\n });\n\n return {\n rowMeta: {\n id: role.id,\n colour: role.projectColour,\n sortOrder: role.sortOrder,\n note: role.note,\n projectId: role.projectId,\n rawData: roleObj,\n },\n rowData,\n rowId: shortid.generate(),\n };\n }\n\n renderColumn = (column) => {\n const { queries } = this.props;\n return (\n\n
\n Unfilled Roles
\n \n
\n {`Total unfilled roles: ${unfilledCount}`}
\n {`Projects with unfilled roles: ${projectCount}`}
\n \n \n \n
\n \n
\n {person.name}
\n{`${moment(person.startDate).format(DATE_DISPLAY_FORMAT)} - ${moment(person.endDate).format(DATE_DISPLAY_FORMAT)}`}
\n \n );\n\n filterPeople = (allocations) => {\n const { people } = this.props;\n return allocations.reduce((result, alloc) => {\n const person = people.find(entity => entity.id === alloc.personId);\n if (person) result.push({ ...person, ...alloc });\n return result;\n }, []);\n }\n\n renderAllocations = (allocations) => {\n const filteredPeople = this.filterPeople(allocations);\n return filteredPeople.map(person => this.renderPerson(person));\n }\n\n renderUnfilledRoles = (role) => {\n const { projectAllocations } = this.props;\n const allocations = projectAllocations.filter(allocation => role.id === allocation.roleId);\n const partiallyAllocated = allocations.map(({ allocations }) => this.filterPeople(allocations));\n const unfilled = (!role || !role.unfilledRanges) ? [] : role.unfilledRanges.map(gap => ({\n id: 0,\n name: 'Unfilled',\n startDate: gap.startDate,\n endDate: gap.endDate,\n }));\n\n const combinedRoles = [...partiallyAllocated, ...unfilled].flat();\n return (\n\n {combinedRoles.map(role => this.renderPerson(role))}\n
\n );\n }\n\n renderRoleTitle = role => (\n {getPercentageLabel(role.requirements)}
\n \n )\n\n renderRoles = () => {\n const { project, projectAllocations, bar } = this.props;\n\n if (bar.filled) {\n const filledRoles = project.roles ? project.roles.filter(role => role.isFilled) : [];\n\n return filledRoles.map((role) => {\n const allocations = projectAllocations.filter(allocation => role.id === allocation.roleId);\n return (\n\n {this.renderRoleTitle(role)}\n {allocations.map(allocation => this.renderAllocations(allocation.allocations))}\n
\n );\n });\n }\n\n const unfilledRoles = project.roles ? project.roles.filter(role => !role.isFilled) : [];\n return unfilledRoles.map(role => (\n \n {this.renderRoleTitle(role)}\n {this.renderUnfilledRoles(role)}\n
\n ));\n }\n\n onProjectClick = () => {\n this.setState({\n popperOpen: false,\n anchorEl: null,\n });\n }\n\n render() {\n const { project, bar, loadingAllocations, classes, width } = this.props;\n const { popperOpen, anchorEl } = this.state;\n\n return (\n \n { popperOpen && (\n \n \n \n
\n \n \n ) }\n \n \n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common }) {\n const { accountId } = common;\n return {\n accountId,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ProjectBreakdownBar);\n","import React, { useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport moment from 'moment';\nimport { DASHBOARD_OVERVIEW_TAB, DASHBOARD_TABS, DASHBOARD_VIEW } from '../../common/constants';\nimport { FILTER_STORAGE_KEY, LocalStorageKeys, getStorageKey } from '../../common/localStorageKeys';\nimport { clearUnfilledRoles, getProjectBreakdownAndRoles, getMonthlyIdleTimeOverview } from './redux/actions';\nimport { getProjects } from '../projects/redux/actions';\nimport { getPeople, getPersonFieldValues } from '../people/redux/actions';\nimport { RoleBreakdown, UnfilledRoles, IdleTimeWidgit, IdleTimeByTitle } from '.';\nimport { HeaderControls, TabbedPageHeader } from '../common';\nimport { clearMultiStateModalState, trackAnalytics } from '../common/redux/actions';\nimport { closeModal } from '../modal-manager/redux/actions';\nimport { ChipBowl } from '../table';\nimport { FILTERED_PROJECT_DASHBOARD_QUERY_ID } from '../queries/redux/constants';\nimport { getFilterGroupApplied } from './utils/dashboardUtils';\nimport { PROJECT_FILTER_TYPE, EXCLUDED_PROJECT_HEADER_FILTERS, PRIORITY_PROJECT_FILTERS } from '../filters/common/constants';\nimport { AUTOMATION_PROJECT_FILTER_MENU_BUTTON } from '../filters/ids';\nimport { getMappedFilters } from '../filters/utils/filterUtils';\nimport useSavedFilters from '../filters/utils/useSavedFilters';\nimport { FilterMenu, SavedFiltersDropdown } from '../filters';\nimport { PermissionTabs } from '../wrapped-components';\nimport {\n filterClearEvent,\n filterClearPayload,\n filterChipRemoveEvent,\n filterChipRemovePayload,\n} from '../../analytics/mixpanel/filterChips';\nimport { DASHBOARD } from '../../analytics/dashboard/constants';\n\nfunction DashboardOverview({ isPursuitsEnabled, onTabsChange }) {\n const accountId = useSelector(({ common }) => common.accountId);\n const { userInfo: { sub: userId } } = useSelector(({ login }) => login);\n const {\n addProjectRoleAllocationPending,\n deleteProjectAllocationPending,\n replaceProjectRoleAllocationPending,\n updateProjectPending,\n addProjectRolesPending,\n deleteProjectRolePending,\n updateProjectRolePending,\n } = useSelector(({ projects }) => projects);\n const queries = useSelector(({ queries }) => queries[FILTERED_PROJECT_DASHBOARD_QUERY_ID]?.filter);\n const { projectFilterData } = useSelector(({ filters }) => filters);\n\n const dispatch = useDispatch();\n\n const changeProjectPending =\n addProjectRoleAllocationPending ||\n deleteProjectAllocationPending ||\n replaceProjectRoleAllocationPending ||\n updateProjectPending ||\n addProjectRolesPending ||\n deleteProjectRolePending ||\n updateProjectRolePending;\n\n const filterGroupApplied = useMemo(() => getFilterGroupApplied(queries), [queries]);\n\n const storageKey = getStorageKey(DASHBOARD_VIEW, accountId, FILTER_STORAGE_KEY, userId);\n\n useEffect(() => {\n localStorage.setItem(LocalStorageKeys.dashboardView, DASHBOARD_OVERVIEW_TAB);\n }, []);\n\n useEffect(() => {\n dispatch(clearMultiStateModalState());\n dispatch(closeModal());\n dispatch(clearUnfilledRoles());\n dispatch(getProjects(accountId));\n dispatch(getPeople(accountId));\n dispatch(getPersonFieldValues(accountId, 'active'));\n dispatch(getMonthlyIdleTimeOverview(accountId, moment(), moment().add(12, 'week')));\n }, [accountId, dispatch]);\n\n const prevChangeProjectPending = useRef(changeProjectPending);\n\n useEffect(() => {\n if (queries) {\n if (prevChangeProjectPending.current && !changeProjectPending) {\n setTimeout(() => {\n dispatch(getProjectBreakdownAndRoles());\n }, 3000); // TODO: Find a better solution.\n } else {\n dispatch(getProjectBreakdownAndRoles());\n }\n }\n prevChangeProjectPending.current = changeProjectPending;\n }, [dispatch, changeProjectPending, queries]);\n\n const trackingContext = useMemo(() => ({\n page: 'Dashboard',\n view: 'Dashboard',\n viewType: 'Dashboard',\n }), []);\n\n const {\n applyFilter,\n updateCurrentFilter,\n savedFilters,\n isSavedFiltersReady,\n deleteSavedFilter,\n filterToDelete,\n cancelDeleteSavedFilter,\n confirmDeleteSavedFilter,\n } = useSavedFilters({\n accountId,\n userId,\n viewId: DASHBOARD_VIEW,\n isPursuitsEnabled,\n filterType: PROJECT_FILTER_TYPE,\n trackingContext,\n });\n\n const tabs = useMemo(() => (\n \n
\n \n
\n \n {project.dateRange}
\n \n {bar.roleCount}\n
\n \n {loadingAllocations\n ? (\n
\n \n
\n )\n : this.renderRoles()}\n \n {filterChips}\n
\n \n );\n}\n\nDashboardOverview.propTypes = {\n isPursuitsEnabled: PropTypes.bool.isRequired,\n onTabsChange: PropTypes.func.isRequired,\n};\n\nexport default DashboardOverview;\n","import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport {\n Widgit,\n InsightfulStatement,\n BarGraph,\n b500bridgitBlue,\n b300clearSkyBlue,\n DeltaWidgit,\n g600stoneGrey,\n} from '@bridgit/foundation';\nimport { useDispatch, useSelector } from 'react-redux';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport { Link as RouterLink } from 'react-router-dom';\nimport histogram from '../../images/horizontal-histogram.png';\nimport { stringToMoment } from '../../utils/dateUtils';\nimport {\n IDLE_TIME_CONTROLS,\n IDLE_TIME_TOOLTIPS,\n IDLE_TIME,\n UTILIZATION,\n TRUE_UTILIZATION_RATE,\n POSITIVE,\n NEGATIVE,\n IDLE_TIME_GRAPH_Y_TICKS,\n IDLE_TIME_VALUE,\n} from './constants';\nimport { generateInsightfulStatement, generateXLabels } from './utils/dashboardUtils';\nimport { RadioChipForm } from '../common';\nimport { getIdleTimeOverview } from './redux/getIdleTimeOverview';\nimport { MONTH_DAY_RANGE_FORMAT, FORECAST_TAB } from '../../common/constants';\nimport { trackAnalytics } from '../common/redux/trackAnalytics';\nimport {\n IDLE_TIME_CTA_CLICK,\n IDLE_TIME_GRAPH_CLICK,\n IDLE_TIME_METRIC_CLICK,\n} from '../../analytics/dashboard/constants';\n\n\nexport const IdleTimeWidgit = ({ onTabsChange }) => {\n const [currentChip, setCurrentChip] = useState(IDLE_TIME_VALUE);\n const [selectedBar, setSelectedBar] = useState(null);\n\n const { accountId } = useSelector(({ common }) => common);\n const {\n idleTimeOverview,\n getIdleTimeOverviewPending,\n monthlyIdleTimeOverview,\n getMonthlyIdleTimeOverviewPending,\n idleTimeSentiment,\n } = useSelector(({ dashboard }) => dashboard);\n\n const hasEmptyUtilizationData = useMemo(() => (idleTimeOverview.length === 0 && !getIdleTimeOverviewPending) && (monthlyIdleTimeOverview.length === 0 && !getMonthlyIdleTimeOverviewPending), [getIdleTimeOverviewPending, idleTimeOverview, monthlyIdleTimeOverview, getMonthlyIdleTimeOverviewPending]);\n const graphStartDate = useMemo(() => stringToMoment(idleTimeOverview?.[0]?.x), [idleTimeOverview]);\n\n const dispatch = useDispatch();\n\n const isIdleTimeSelected = useMemo(() => currentChip === IDLE_TIME_VALUE, [currentChip]);\n\n useEffect(() => {\n dispatch(getIdleTimeOverview(accountId, moment(), moment().add(12, 'weeks')));\n }, [accountId, dispatch]);\n\n const transformUtilizationData = useCallback(data => (isIdleTimeSelected ? data.map(week => ({ ...week, y: 100 - week.y })) : data), [isIdleTimeSelected]);\n\n const barData = useMemo(() => transformUtilizationData(idleTimeOverview), [transformUtilizationData, idleTimeOverview]);\n const deltaData = useMemo(() => transformUtilizationData(monthlyIdleTimeOverview), [transformUtilizationData, monthlyIdleTimeOverview]);\n\n const setNonIntegerValueToFixed = value => (Number.isInteger(value) ? Number(value) : Number(value.toFixed(1)));\n\n const { currentPercent, firstDelta, secondDelta, secondDeltaText } = useMemo(() => {\n if (getMonthlyIdleTimeOverviewPending || deltaData.length < 3) return {};\n\n const firstMonth = deltaData[0];\n const secondMonth = deltaData[1];\n const thirdMonth = deltaData[2];\n\n const firstDelta = (secondMonth?.y - firstMonth?.y);\n const secondDelta = (thirdMonth?.y - firstMonth?.y);\n\n const secondDeltaText = `In ${moment(thirdMonth?.x).format('MMMM')}`;\n\n return {\n currentPercent: setNonIntegerValueToFixed(firstMonth?.y),\n firstDelta: setNonIntegerValueToFixed(firstDelta),\n secondDelta: setNonIntegerValueToFixed(secondDelta),\n secondDeltaText,\n };\n }, [deltaData, getMonthlyIdleTimeOverviewPending]);\n\n const selectedBarFormattedDateRange = useCallback(() => {\n if (selectedBar) {\n const selectedBarStartDate = stringToMoment(selectedBar.x).format(MONTH_DAY_RANGE_FORMAT);\n const selectedBarEndDate = stringToMoment(selectedBar.x).add(6, 'days').format(MONTH_DAY_RANGE_FORMAT);\n return `${selectedBarStartDate} - ${selectedBarEndDate}`;\n }\n return null;\n }, [selectedBar]);\n\n const xLabels = useMemo(() => (generateXLabels(monthlyIdleTimeOverview, graphStartDate)), [graphStartDate, monthlyIdleTimeOverview]);\n\n const graphTypeLabel = useMemo(() => IDLE_TIME_CONTROLS[currentChip].secondaryLabel, [currentChip]);\n\n const handleChipChange = useCallback((value) => {\n setCurrentChip(value);\n\n const analyticsPayload = {\n 'Metric Clicked': IDLE_TIME_CONTROLS[value].secondaryLabel,\n };\n\n dispatch(trackAnalytics(IDLE_TIME_METRIC_CLICK, analyticsPayload));\n }, [dispatch]);\n\n const onInsightfulStatementClick = useCallback(() => {\n onTabsChange(null, FORECAST_TAB);\n\n dispatch(trackAnalytics(IDLE_TIME_CTA_CLICK));\n }, [onTabsChange, dispatch]);\n\n const onBarClick = useCallback((bar) => {\n setSelectedBar(bar);\n\n const barClicked = barData.findIndex(({ x, y }) => bar.x === x && bar.y === y) + 1;\n\n const analyticsPayload = {\n 'Metric Clicked': graphTypeLabel,\n 'Time Period': barClicked,\n };\n\n dispatch(trackAnalytics(IDLE_TIME_GRAPH_CLICK, analyticsPayload));\n }, [dispatch, barData, graphTypeLabel]);\n\n const handleClearSelection = useCallback(() => {\n setSelectedBar(null);\n }, []);\n\n const widgitCurrentPercent = selectedBar?.y ? setNonIntegerValueToFixed(selectedBar.y) : currentPercent;\n\n const mainContent = useMemo(() => (\n \n
\n \n
\n \n
\n \n
\n ), [barData, widgitCurrentPercent, firstDelta, isIdleTimeSelected, secondDelta, secondDeltaText, selectedBarFormattedDateRange, xLabels, onBarClick, handleClearSelection]);\n\n const tooltipText = useMemo(() => (\n \n
\n \n
\n \n `${tick}%`}\n axisColor={g600stoneGrey}\n onClearSelection={handleClearSelection}\n />\n
\n \n {xLabels.map(label => ({label}))}\n
\n \n \n
\n
\n ), [currentChip, isIdleTimeSelected]);\n\n const emptyState = useMemo(() => (\n \n {`${isIdleTimeSelected ? IDLE_TIME : TRUE_UTILIZATION_RATE}`}\n {IDLE_TIME_TOOLTIPS[currentChip]}\n
\n \n
\n {isIdleTimeSelected ? IDLE_TIME : TRUE_UTILIZATION_RATE}\n {' '}\n is the exact inverse of\n {' '}\n {isIdleTimeSelected ? TRUE_UTILIZATION_RATE : IDLE_TIME}\n .\n
\n \n 
\n
\n ), [accountId]);\n\n const widgitFooter = useMemo(() => {\n if (!idleTimeSentiment) {\n return null;\n }\n const insightfulStatement = generateInsightfulStatement(isIdleTimeSelected ? IDLE_TIME : UTILIZATION)[idleTimeSentiment];\n\n return (\n \n
\n See how your idle time or utilization rate is trending.
\n \n Add some projects \n {' '}\n with roles assigned to them to get started.\n
\n \n
\n );\n};\n\nIdleTimeWidgit.propTypes = {\n onTabsChange: PropTypes.func.isRequired,\n};\n\nexport default IdleTimeWidgit;\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n InsightfulStatement,\n Widgit,\n BarGraph,\n b300clearSkyBlue,\n b500bridgitBlue,\n} from '@bridgit/foundation';\nimport moment from 'moment';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { stringToMoment } from '../../utils/dateUtils';\nimport {\n AVAILABILITY_SORT_COLUMN,\n AVAILABILITY_SORT_LABEL,\n IDLE_TIME_BY_TITLE_HEADER,\n IDLE_TIME_BY_TITLE_TOOLTIP,\n TITLE_FIELD_NAME,\n IDLE_TIME_STATEMENTS,\n IDLE_TIME_GRAPH_Y_TICKS,\n IDLE_TIME_BY_TITLE_EMPTY_FIRST,\n IDLE_TIME_BY_TITLE_EMPTY_SECOND,\n IDLE_TIME_BY_TITLE_EMPTY_LINK,\n} from './constants';\nimport { getIdleTimeBreakdown } from './redux/getIdleTimeBreakdown';\nimport { IDLE_TIME_TITLE_CTA_CLICK, IDLE_TIME_TITLE_GRAPH_CLICK, IDLE_TIME_TITLE_CLICK } from '../../analytics/dashboard/constants';\nimport { getPeople } from '../people/redux/getPeople';\nimport { trackAnalytics } from '../common/redux/trackAnalytics';\nimport { MONTH_DAY_RANGE_FORMAT, PEOPLE_VIEW } from '../../common/constants';\nimport { FILTER_STORAGE_KEY, getStorageKey, SORT_STORAGE_KEY } from '../../common/localStorageKeys';\nimport { FILTERED_PEOPLE_QUERY_ID } from '../queries/redux/constants';\nimport { setFilterQuery } from '../queries/redux/setFilterQuery';\nimport { setSortQuery } from '../queries/redux/setSortQuery';\nimport emptyImage from '../../images/IdleTimeByTitle_EmptyState.svg?url';\nimport { getProjects } from '../projects/redux/getProjects';\nimport { generateXLabels } from './utils/dashboardUtils';\n\nconst IdleTimeByTitle = () => {\n const dispatch = useDispatch();\n const accountId = useSelector(({ common }) => common.accountId);\n const userId = useSelector(({ login: { userInfo: { sub } } }) => sub);\n const { personFields, getPersonFieldsPending } = useSelector(({ accountSettings }) => accountSettings);\n const {\n idleTimeBreakdown,\n getIdleTimeBreakdownPending,\n idleTimeSentiment,\n monthlyIdleTimeOverview,\n } = useSelector(({ dashboard }) => dashboard);\n const { entities: people, getPeoplePending } = useSelector(({ people }) => people);\n const { projects, getProjectsPending } = useSelector(({ projects }) => projects);\n const [selectedIndex, setSelectedIndex] = useState(null);\n const [hoverIndex, setHoverIndex] = useState(null);\n const isLoading = useMemo(() => (\n getIdleTimeBreakdownPending\n || getPersonFieldsPending\n || getPeoplePending\n || getProjectsPending\n ), [\n getIdleTimeBreakdownPending,\n getPersonFieldsPending,\n getPeoplePending,\n getProjectsPending,\n ]);\n const isEmpty = useMemo(() => (!people?.length || !projects?.length), [people, projects]);\n const filterStorageKey = useMemo(() => getStorageKey(PEOPLE_VIEW, accountId, FILTER_STORAGE_KEY, userId), [accountId, userId]);\n const sortStorageKey = useMemo(() => getStorageKey(PEOPLE_VIEW, accountId, SORT_STORAGE_KEY, userId), [accountId, userId]);\n const graphStartDate = stringToMoment(idleTimeBreakdown?.[0]?.barData?.[0].x);\n\n const titleId = useMemo(() => {\n if (getPersonFieldsPending) {\n return null;\n }\n return personFields.find(field => field.name === TITLE_FIELD_NAME)?.id ?? null;\n }, [getPersonFieldsPending, personFields]);\n\n useEffect(() => {\n dispatch(getPeople(accountId));\n dispatch(getProjects(accountId));\n if (titleId === null) {\n return;\n }\n dispatch(getIdleTimeBreakdown(accountId, moment(), moment().add(12, 'week'), titleId));\n }, [accountId, titleId, dispatch]);\n\n const onBarClick = useCallback((index, clickedBar) => {\n dispatch(trackAnalytics(IDLE_TIME_TITLE_GRAPH_CLICK), {\n 'Time period': `${index + 1}`,\n });\n const rowClicked = idleTimeBreakdown[index];\n const selectedIndex = rowClicked.barData.indexOf(clickedBar);\n setSelectedIndex(selectedIndex ?? 0);\n }, [dispatch, idleTimeBreakdown]);\n\n const selectedDateRangeString = useMemo(() => {\n if (selectedIndex === null) {\n return 'This Month';\n }\n\n const breakdownRawDate = idleTimeBreakdown?.[0]?.barData[selectedIndex]?.x;\n if (!breakdownRawDate) {\n return '';\n }\n\n const startDate = moment(breakdownRawDate);\n const endDate = moment(startDate).add(6, 'day');\n\n const startFormat = startDate.format(MONTH_DAY_RANGE_FORMAT);\n const endFormat = endDate.format(MONTH_DAY_RANGE_FORMAT);\n return `${startFormat} - ${endFormat}`;\n }, [selectedIndex, idleTimeBreakdown]);\n\n const xLabels = useMemo(() => ((generateXLabels(monthlyIdleTimeOverview, graphStartDate))), [graphStartDate, monthlyIdleTimeOverview]);\n\n const sortByAvailability = useCallback(() => {\n const sortArgs = [{\n ascending: true,\n column: AVAILABILITY_SORT_COLUMN,\n label: AVAILABILITY_SORT_LABEL,\n type: null,\n }];\n dispatch(setSortQuery(FILTERED_PEOPLE_QUERY_ID, {\n name: 'sort',\n args: sortArgs,\n }, sortStorageKey));\n }, [dispatch, sortStorageKey]);\n\n const onTitleClick = useCallback((title) => {\n dispatch(trackAnalytics(IDLE_TIME_TITLE_CLICK), {\n Title: title,\n });\n\n const filterArgs = [{\n activeFilters: [{\n name: title,\n value: title,\n }],\n column: TITLE_FIELD_NAME.toLowerCase(),\n label: TITLE_FIELD_NAME,\n type: 'SingleSelect',\n }];\n\n sortByAvailability();\n\n dispatch(setFilterQuery(FILTERED_PEOPLE_QUERY_ID, {\n name: 'filter',\n args: filterArgs,\n }, filterStorageKey));\n }, [dispatch, filterStorageKey, sortByAvailability]);\n\n const onInsightfulStatementClick = useCallback(() => {\n dispatch(trackAnalytics(IDLE_TIME_TITLE_CTA_CLICK));\n\n sortByAvailability();\n\n // Reset filters if any exist\n dispatch(setFilterQuery(FILTERED_PEOPLE_QUERY_ID, {\n name: 'filter',\n args: [],\n }, filterStorageKey));\n }, [dispatch, filterStorageKey, sortByAvailability]);\n\n const onBarHover = useCallback(hoverBarIndex => setHoverIndex(hoverBarIndex !== undefined ? hoverBarIndex : null), []);\n const hoverBarLeftPosition = useMemo(() => (hoverIndex !== null ? `${18 + (22 * hoverIndex)}px` : ''), [hoverIndex]);\n\n const widgitContent = useMemo(() => (\n \n
\n ), [\n selectedDateRangeString,\n xLabels,\n idleTimeBreakdown,\n selectedIndex,\n accountId,\n onBarHover,\n hoverIndex,\n onTitleClick,\n onBarClick,\n hoverBarLeftPosition,\n ]);\n\n const widgitFooter = useMemo(() => {\n if (!idleTimeSentiment) {\n return null;\n }\n return (\n \n \n
\n {idleTimeBreakdown.map(({ title, barData, thisMonth }, index) => {\n const numPeople = selectedIndex !== null ? barData[selectedIndex].numPeople : thisMonth?.numPeople ?? 0;\n const idleTime = selectedIndex !== null ? barData[selectedIndex].y : thisMonth?.idleTime ?? 0;\n return (\n \n
\n {selectedDateRangeString}
\n \n People\n Idle Time\n
\n \n
\n Trend - Idle Time
\n \n {xLabels.map(scale => ({scale}))}\n
\n \n onTitleClick(title)}>\n {title}\n \n
\n );\n })}\n \n {numPeople}\n
\n \n {`${parseFloat(idleTime).toFixed(1)}%`}\n
\n \n
\n \n onBarClick(index, clickedBar)}\n yTicks={IDLE_TIME_GRAPH_Y_TICKS}\n currentSelectedIndex={selectedIndex}\n onHover={onBarHover}\n useOpacity={false}\n />\n
\n {hoverIndex !== null && ()}\n \n \n \n {IDLE_TIME_BY_TITLE_HEADER}\n \n {IDLE_TIME_BY_TITLE_TOOLTIP}\n \n
\n ), []);\n\n const emptyState = useMemo(() => (\n \n \n
\n ), [accountId]);\n\n return (\n {IDLE_TIME_BY_TITLE_EMPTY_FIRST}
\n \n \n {IDLE_TIME_BY_TITLE_EMPTY_LINK}\n \n {IDLE_TIME_BY_TITLE_EMPTY_SECOND}\n
\n \n
\n );\n};\n\nexport default IdleTimeByTitle;\n","import { gql } from 'apollo-boost';\nimport { momentToString } from '../../../utils/dateUtils';\nimport { WEEK } from '../constants';\n\nconst IDLE_TIME_OVERVIEW_QUERY = gql`\n query idleTimeOverviewQuery($accountId: Int!, $trueValue: Boolean!, $startDate: String!, $endDate: String!, $period: String!) {\n forecastingOverview(accountId: $accountId, trueValue: $trueValue, startDate: $startDate, endDate: $endDate, period: $period) {\n items {\n x\n y\n }\n count\n }\n }\n `;\n\nconst getIdleTimeOverviewQuery = (accountId, startDate, endDate, period = WEEK) => {\n const variables = {\n accountId,\n trueValue: true,\n startDate: momentToString(startDate),\n endDate: momentToString(endDate),\n period,\n };\n\n return {\n query: IDLE_TIME_OVERVIEW_QUERY,\n variables,\n };\n};\n\nexport {\n getIdleTimeOverviewQuery,\n};\n","import {\n DASHBOARD_CLEAR_UNFILLED_ROLES,\n} from './constants';\n\nexport function clearUnfilledRoles() {\n return {\n type: DASHBOARD_CLEAR_UNFILLED_ROLES,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_CLEAR_UNFILLED_ROLES:\n return {\n ...state,\n unfilledRoles: [],\n };\n\n default:\n return state;\n }\n}\n","/* eslint-disable no-dupe-keys */\nexport const DEFAULT_UNFILLED_ROLES_SORT = { name: 'sort', args: [{ column: 'startDate', label: 'Start Date', ascending: true, type: null }] };\n\nexport const FILTER_UNPLANNED_PROJECTS = [{\n bool: {\n must_not: [ // eslint-disable-line camelcase\n {\n match: {\n state: 'Complete',\n },\n },\n {\n match: {\n state: 'Canceled',\n },\n },\n {\n match: {\n state: 'Lost',\n },\n },\n ],\n },\n}];\n\nexport const DEFAULT_MONTH_OFFSET = 3;\n\nexport const DASHBOARD_GET_UNFILLED_ROLES_BEGIN = 'DASHBOARD_GET_UNFILLED_ROLES_BEGIN';\nexport const DASHBOARD_GET_UNFILLED_ROLES_SUCCESS = 'DASHBOARD_GET_UNFILLED_ROLES_SUCCESS';\nexport const DASHBOARD_GET_UNFILLED_ROLES_FAILURE = 'DASHBOARD_GET_UNFILLED_ROLES_FAILURE';\nexport const DASHBOARD_GET_UNFILLED_ROLES_DISMISS_ERROR = 'DASHBOARD_GET_UNFILLED_ROLES_DISMISS_ERROR';\nexport const DASHBOARD_CLEAR_UNFILLED_ROLES = 'DASHBOARD_CLEAR_UNFILLED_ROLES';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN = 'DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_SUCCESS = 'DASHBOARD_GET_PROJECT_BREAKDOWN_SUCCESS';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_FAILURE = 'DASHBOARD_GET_PROJECT_BREAKDOWN_FAILURE';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_DISMISS_ERROR = 'DASHBOARD_GET_PROJECT_BREAKDOWN_DISMISS_ERROR';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN = 'DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_SUCCESS = 'DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_SUCCESS';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_FAILURE = 'DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_FAILURE';\nexport const DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_DISMISS_ERROR = 'DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_DISMISS_ERROR';\nexport const DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN = 'DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN';\nexport const DASHBOARD_GET_IDLE_TIME_BREAKDOWN_SUCCESS = 'DASHBOARD_GET_IDLE_TIME_BREAKDOWN_SUCCESS';\nexport const DASHBOARD_GET_IDLE_TIME_BREAKDOWN_FAILURE = 'DASHBOARD_GET_IDLE_TIME_BREAKDOWN_FAILURE';\nexport const DASHBOARD_GET_IDLE_TIME_BREAKDOWN_DISMISS_ERROR = 'DASHBOARD_GET_IDLE_TIME_BREAKDOWN_DISMISS_ERROR';\nexport const DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN = 'DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN';\nexport const DASHBOARD_GET_IDLE_TIME_OVERVIEW_SUCCESS = 'DASHBOARD_GET_IDLE_TIME_OVERVIEW_SUCCESS';\nexport const DASHBOARD_GET_IDLE_TIME_OVERVIEW_FAILURE = 'DASHBOARD_GET_IDLE_TIME_OVERVIEW_FAILURE';\nexport const DASHBOARD_GET_IDLE_TIME_OVERVIEW_DISMISS_ERROR = 'DASHBOARD_GET_IDLE_TIME_OVERVIEW_DISMISS_ERROR';\nexport const DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN = 'DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN';\nexport const DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_SUCCESS = 'DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_SUCCESS';\nexport const DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_FAILURE = 'DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_FAILURE';\nexport const DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_DISMISS_ERROR = 'DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_DISMISS_ERROR';\n","import { gql } from 'apollo-boost';\nimport { momentToString } from '../../../utils/dateUtils';\n\nconst IDLE_TIME_BREAKDOWN_QUERY = gql`\n query idleTimeBreakdownQuery($accountId: Int!, $trueValue: Boolean!, $startDate: String!, $endDate: String!, $fieldId: Int!) {\n idleTimeBreakdown(accountId: $accountId, trueValue: $trueValue, startDate: $startDate, endDate: $endDate, fieldId: $fieldId) {\n items {\n title\n barData {\n x\n y\n numPeople\n }\n thisMonth {\n numPeople\n idleTime\n }\n }\n count\n }\n }\n `;\n\nconst getIdleTimeBreakdownQuery = (accountId, startDate, endDate, fieldId) => {\n const variables = {\n accountId,\n trueValue: true,\n startDate: momentToString(startDate),\n endDate: momentToString(endDate),\n fieldId,\n };\n\n return {\n query: IDLE_TIME_BREAKDOWN_QUERY,\n variables,\n };\n};\n\nexport {\n getIdleTimeBreakdownQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN,\n DASHBOARD_GET_IDLE_TIME_BREAKDOWN_SUCCESS,\n DASHBOARD_GET_IDLE_TIME_BREAKDOWN_FAILURE,\n DASHBOARD_GET_IDLE_TIME_BREAKDOWN_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getIdleTimeBreakdownQuery } from '../queries/getIdleTimeBreakdownQuery';\n\nexport function getIdleTimeBreakdown(accountId, startDate, endDate, fieldId) {\n const { query, variables } = getIdleTimeBreakdownQuery(accountId, startDate, endDate, fieldId);\n return {\n type: DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetIdleTimeBreakdownError() {\n return {\n type: DASHBOARD_GET_IDLE_TIME_BREAKDOWN_DISMISS_ERROR,\n };\n}\n\nexport function* doGetIdleTimeBreakdown(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_IDLE_TIME_BREAKDOWN_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_IDLE_TIME_BREAKDOWN_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetIdleTimeBreakdown() {\n yield takeLatest(DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN, doGetIdleTimeBreakdown);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_IDLE_TIME_BREAKDOWN_BEGIN:\n return {\n ...state,\n getIdleTimeBreakdownPending: true,\n getIdleTimeBreakdownError: null,\n };\n\n case DASHBOARD_GET_IDLE_TIME_BREAKDOWN_SUCCESS:\n return {\n ...state,\n idleTimeBreakdown: action?.data?.idleTimeBreakdown?.items || [],\n getIdleTimeBreakdownPending: false,\n getIdleTimeBreakdownError: null,\n };\n\n case DASHBOARD_GET_IDLE_TIME_BREAKDOWN_FAILURE:\n return {\n ...state,\n getIdleTimeBreakdownPending: false,\n getIdleTimeBreakdownError: action.data.error,\n };\n\n case DASHBOARD_GET_IDLE_TIME_BREAKDOWN_DISMISS_ERROR:\n return {\n ...state,\n getIdleTimeBreakdownError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN,\n DASHBOARD_GET_IDLE_TIME_OVERVIEW_SUCCESS,\n DASHBOARD_GET_IDLE_TIME_OVERVIEW_FAILURE,\n DASHBOARD_GET_IDLE_TIME_OVERVIEW_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getIdleTimeOverviewQuery } from '../queries/getIdleTimeOverviewQuery';\n\nexport function getIdleTimeOverview(accountId, startDate, endDate) {\n const { query, variables } = getIdleTimeOverviewQuery(accountId, startDate, endDate);\n return {\n type: DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetIdleTimeOverviewError() {\n return {\n type: DASHBOARD_GET_IDLE_TIME_OVERVIEW_DISMISS_ERROR,\n };\n}\n\nexport function* doGetIdleTimeOverview(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_IDLE_TIME_OVERVIEW_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_IDLE_TIME_OVERVIEW_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetIdleTimeOverview() {\n yield takeLatest(DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN, doGetIdleTimeOverview);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_IDLE_TIME_OVERVIEW_BEGIN:\n return {\n ...state,\n getIdleTimeOverviewPending: true,\n getIdleTimeOverviewError: null,\n };\n\n case DASHBOARD_GET_IDLE_TIME_OVERVIEW_SUCCESS:\n return {\n ...state,\n idleTimeOverview: action?.data?.forecastingOverview?.items || [],\n getIdleTimeOverviewPending: false,\n getIdleTimeOverviewError: null,\n };\n\n case DASHBOARD_GET_IDLE_TIME_OVERVIEW_FAILURE:\n return {\n ...state,\n getIdleTimeOverviewPending: false,\n getIdleTimeOverviewError: action.data.error,\n };\n\n case DASHBOARD_GET_IDLE_TIME_OVERVIEW_DISMISS_ERROR:\n return {\n ...state,\n getIdleTimeOverviewError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN,\n DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_SUCCESS,\n DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_FAILURE,\n DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getIdleTimeOverviewQuery } from '../queries/getIdleTimeOverviewQuery';\nimport { MONTH } from '../constants';\nimport { getIdleTimeSentiment } from '../utils/dashboardUtils';\n\nexport function getMonthlyIdleTimeOverview(accountId, startDate, endDate) {\n const { query, variables } = getIdleTimeOverviewQuery(accountId, startDate, endDate, MONTH);\n return {\n type: DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetMonthlyIdleTimeOverviewError() {\n return {\n type: DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_DISMISS_ERROR,\n };\n}\n\nexport function* doGetMonthlyIdleTimeOverview(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetMonthlyIdleTimeOverview() {\n yield takeLatest(DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN, doGetMonthlyIdleTimeOverview);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_BEGIN:\n return {\n ...state,\n getMonthlyIdleTimeOverviewPending: true,\n getMonthlyIdleTimeOverviewError: null,\n };\n\n case DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_SUCCESS: {\n const overviewItems = action?.data?.forecastingOverview?.items;\n const month1 = overviewItems?.[0]?.y;\n const month2 = overviewItems?.[1]?.y;\n const idleTimeSentiment = getIdleTimeSentiment(month1, month2);\n return {\n ...state,\n monthlyIdleTimeOverview: overviewItems || [],\n idleTimeSentiment,\n getMonthlyIdleTimeOverviewPending: false,\n getMonthlyIdleTimeOverviewError: null,\n };\n }\n case DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_FAILURE:\n return {\n ...state,\n getMonthlyIdleTimeOverviewPending: false,\n getMonthlyIdleTimeOverviewError: action.data.error,\n };\n\n case DASHBOARD_GET_MONTHLY_IDLE_TIME_OVERVIEW_DISMISS_ERROR:\n return {\n ...state,\n getMonthlyIdleTimeOverviewError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { generateRequestFilter, generateRequestSort } from 'src/filters/graphqlUtils';\nimport { PROJECT_SCHEMAS } from 'src/common/descriptors/project';\nimport { MAX_SIZE } from 'src/common/constants';\nimport { FILTER_UNPLANNED_PROJECTS } from '../redux/constants';\nimport { getFilterIssues } from '../../filters/utils/filterUtils';\nimport { ALL_ISSUES, FILTER_ISSUES } from '../../../filters/constants';\n\nconst PROJECT_BREAKDOWN_QUERY = gql`\n query projectBreakdownQuery($accountId: Int!, $structuredSort: [ProjectSort], $from: Int, $size: Int, $filters: [ESQuery], $filterIssues: Int){\n projects(accountId: $accountId, structuredSort: $structuredSort, from: $from, size: $size, filters: $filters, filterIssues: $filterIssues ) {\n hasMore\n cursor\n count\n items {\n id\n state\n name\n startDate\n endDate\n totalRoles\n unfilledRoles\n hasIssues\n colour\n currentPhases {\n name\n subPhases\n }\n roles {\n id\n name\n startDate\n endDate\n isFilled\n sortOrder\n note\n requirements {\n startDate\n endDate\n allocatedPercent: percent\n }\n allocations {\n startDate\n endDate\n personId\n allocatedPercent: percent\n }\n unfilledRanges {\n startDate\n endDate\n }\n }\n }\n }\n }\n`;\n\nexport const getProjectBreakdownQuery = (accountId, queries = {}, pageFrom, pageSize) => {\n const defaults = {\n size: pageSize || MAX_SIZE,\n };\n\n const defaultSort = [\n { name: { order: 'asc' } },\n {\n roles: {\n nested: {\n path: 'roles',\n structuredSort: [\n { startDate: { order: 'asc' } },\n { endDate: { order: 'asc' } },\n { sortOrder: { order: 'asc' } },\n ],\n },\n },\n },\n ];\n\n const { filter, sort } = queries;\n const hasFilterQuery = filter && filter.args;\n\n const filterIssues = hasFilterQuery ? getFilterIssues(filter.args) : ALL_ISSUES;\n const filteredQuery = hasFilterQuery ? { ...filter, args: filter.args.filter(arg => arg.filterType !== FILTER_ISSUES) } : {};\n\n const filters = generateRequestFilter(filteredQuery, PROJECT_SCHEMAS).concat(FILTER_UNPLANNED_PROJECTS);\n const structuredSort = generateRequestSort(sort, PROJECT_SCHEMAS, defaultSort);\n\n const variables = { accountId, filters, filterIssues, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: PROJECT_BREAKDOWN_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN,\n DASHBOARD_GET_PROJECT_BREAKDOWN_SUCCESS,\n DASHBOARD_GET_PROJECT_BREAKDOWN_FAILURE,\n DASHBOARD_GET_PROJECT_BREAKDOWN_DISMISS_ERROR,\n} from './constants';\nimport { getProjectBreakdownQuery } from '../queries/getProjectBreakdownQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getProjectBreakdown(accountId, queries) {\n const { query, variables } = getProjectBreakdownQuery(accountId, queries);\n return {\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetProjectBreakdownError() {\n return {\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectBreakdown(action) {\n const { query, variables } = action;\n\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetProjectBreakdown() {\n yield takeLatest(DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN, doGetProjectBreakdown);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_PROJECT_BREAKDOWN_BEGIN:\n return {\n ...state,\n getProjectBreakdownPending: true,\n getProjectBreakdownError: null,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_SUCCESS:\n return {\n ...state,\n projectBreakdown: action?.data?.projects?.items?.length ? action.data.projects.items : [],\n getProjectBreakdownPending: false,\n getProjectBreakdownError: null,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_FAILURE:\n return {\n ...state,\n getProjectBreakdownPending: false,\n getProjectBreakdownError: action.data.error,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_DISMISS_ERROR:\n return {\n ...state,\n getProjectBreakdownError: null,\n };\n\n default:\n return state;\n }\n}\n","import { FILTERED_PROJECT_DASHBOARD_QUERY_ID } from '../../queries/redux/constants';\n\nexport const filteredDashboardSelector = state => state.queries[FILTERED_PROJECT_DASHBOARD_QUERY_ID];\n","import { put, takeLatest, select } from 'redux-saga/effects';\nimport {\n DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN,\n DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_SUCCESS,\n DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_FAILURE,\n DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_DISMISS_ERROR,\n} from './constants';\nimport { getProjectBreakdown } from './getProjectBreakdown';\nimport { filteredDashboardSelector } from './selectors';\nimport { getUnfilledRoles } from './getUnfilledRoles';\nimport { accountIdSelector } from '../../common/redux/selectors';\n\nexport function getProjectBreakdownAndRoles() {\n return {\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN,\n };\n}\n\nexport function dismissGetProjectBreakdownAndRolesError() {\n return {\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectBreakdownAndRoles() {\n try {\n const accountId = yield select(accountIdSelector);\n const queries = yield select(filteredDashboardSelector);\n\n yield put(getProjectBreakdown(accountId, queries));\n yield put(getUnfilledRoles(accountId, queries));\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_SUCCESS,\n });\n}\n\nexport function* watchGetProjectBreakdownAndRoles() {\n yield takeLatest(DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN, doGetProjectBreakdownAndRoles);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_BEGIN:\n return {\n ...state,\n getProjectBreakdownAndRolesPending: true,\n getProjectBreakdownAndRolesError: null,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_SUCCESS:\n return {\n ...state,\n getProjectBreakdownAndRolesPending: false,\n getProjectBreakdownAndRolesError: null,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_FAILURE:\n return {\n ...state,\n getProjectBreakdownAndRolesPending: false,\n getProjectBreakdownAndRolesError: action.data.error,\n };\n\n case DASHBOARD_GET_PROJECT_BREAKDOWN_AND_ROLES_DISMISS_ERROR:\n return {\n ...state,\n getProjectBreakdownAndRolesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { generateRequestFilter, generateRequestSort } from 'src/filters/graphqlUtils';\nimport { PROJECT_SCHEMAS } from 'src/common/descriptors/project';\nimport { MAX_SIZE } from 'src/common/constants';\nimport { FILTER_UNPLANNED_PROJECTS } from '../redux/constants';\nimport { getFilterIssues } from '../../filters/utils/filterUtils';\nimport { ALL_ISSUES, FILTER_ISSUES } from '../../../filters/constants';\n\nconst UNFILLED_ROLES_QUERY = gql`\n query unfilledRolesQuery($accountId: Int!, $structuredSort: [ProjectSort], $from: Int, $size: Int, $filters: [ESQuery], $filterIssues: Int){\n projects(accountId: $accountId, structuredSort: $structuredSort, from: $from, size: $size, filters: $filters, filterIssues: $filterIssues ) {\n hasMore\n cursor\n count\n items {\n id\n name\n colour\n roles {\n id\n name\n startDate\n endDate\n isFilled\n sortOrder\n note\n requirements {\n startDate\n endDate\n allocatedPercent: percent\n }\n unfilledRanges {\n startDate\n endDate\n }\n }\n }\n }\n }\n`;\n\nexport const getUnfilledRolesQuery = (accountId, queries = {}, pageFrom, pageSize) => {\n const defaults = {\n size: pageSize || MAX_SIZE,\n };\n\n const defaultSort = [{\n name: { order: 'asc' },\n }];\n\n const { filter, sort } = queries;\n const hasFilterQuery = filter && filter.args;\n\n const filterIssues = hasFilterQuery ? getFilterIssues(filter.args) : ALL_ISSUES;\n const filteredQuery = hasFilterQuery ? { ...filter, args: filter.args.filter(arg => arg.filterType !== FILTER_ISSUES) } : {};\n\n const filters = generateRequestFilter(filteredQuery, PROJECT_SCHEMAS).concat(FILTER_UNPLANNED_PROJECTS);\n const structuredSort = generateRequestSort(sort, PROJECT_SCHEMAS, defaultSort);\n\n const variables = { accountId, filters, filterIssues, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: UNFILLED_ROLES_QUERY,\n variables,\n };\n};\n","import { call, put, takeEvery } from 'redux-saga/effects';\nimport moment from 'moment';\nimport {\n DASHBOARD_GET_UNFILLED_ROLES_BEGIN,\n DASHBOARD_GET_UNFILLED_ROLES_SUCCESS,\n DASHBOARD_GET_UNFILLED_ROLES_FAILURE,\n DASHBOARD_GET_UNFILLED_ROLES_DISMISS_ERROR,\n} from './constants';\nimport { getUnfilledRolesQuery } from '../queries/getUnfilledRolesQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getUnfilledRoles(accountId, queries) {\n const { query, variables } = getUnfilledRolesQuery(accountId, queries);\n return {\n type: DASHBOARD_GET_UNFILLED_ROLES_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetUnfilledRolesError() {\n return {\n type: DASHBOARD_GET_UNFILLED_ROLES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetUnfilledRoles(action) {\n const { query, variables } = action;\n let res;\n\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: DASHBOARD_GET_UNFILLED_ROLES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: DASHBOARD_GET_UNFILLED_ROLES_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetUnfilledRoles() {\n yield takeEvery(DASHBOARD_GET_UNFILLED_ROLES_BEGIN, doGetUnfilledRoles);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case DASHBOARD_GET_UNFILLED_ROLES_BEGIN:\n return {\n ...state,\n getUnfilledRolesPending: true,\n getUnfilledRolesError: null,\n };\n\n case DASHBOARD_GET_UNFILLED_ROLES_SUCCESS: {\n const unfilledRoles = [];\n const today = moment();\n if (action?.data?.projects?.items?.length) {\n action.data.projects.items.forEach((project) => {\n if (project.roles) {\n const roleProject = {\n projectId: project.id,\n projectName: project.name,\n projectColour: project.colour,\n };\n\n project.roles.forEach((role) => {\n if (!role.isFilled && today.isSameOrBefore(role.endDate)) {\n const unfilledRanges = role.unfilledRanges.filter(range => today.isSameOrBefore(range.endDate));\n if (unfilledRanges.length) {\n unfilledRoles.push({\n ...roleProject,\n ...role,\n unfilledRanges,\n });\n }\n }\n });\n }\n });\n }\n\n return {\n ...state,\n unfilledRoles,\n getUnfilledRolesPending: false,\n getUnfilledRolesError: null,\n };\n }\n\n case DASHBOARD_GET_UNFILLED_ROLES_FAILURE:\n return {\n ...state,\n getUnfilledRolesPending: false,\n getUnfilledRolesError: action.data.error,\n };\n\n case DASHBOARD_GET_UNFILLED_ROLES_DISMISS_ERROR:\n return {\n ...state,\n getUnfilledRolesError: null,\n };\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport {\n DATE_INPUT_FORMAT,\n INVALID_STATUS_FILTER,\n MONTH_YEAR_SHORT_FORMAT,\n} from '../../../common/constants';\nimport { DEFAULT_MONTH_OFFSET } from '../redux/constants';\nimport { ACTIVE, UPCOMING, PURSUIT } from '../../projects/constants';\nimport {\n UTILIZATION,\n ENSURE_FILLED_ROLES,\n INSIGHT_SENTIMENT,\n UTILIZATION_STATE,\n IDLE_TIME_SENTIMENT_MATRIX,\n} from '../constants';\n\nconst filterRoles = (roles, monthOffset = DEFAULT_MONTH_OFFSET) => {\n if (monthOffset === -1) {\n return roles;\n }\n\n const endFilter = moment().add(monthOffset, 'month').endOf('day');\n\n return roles.filter((role) => {\n if (role.isFilled) return false;\n\n // Make sure this role has unfilled ranges\n if (!role?.unfilledRanges?.length) return false;\n\n // Make sure the first unfilled range has the expected properties\n const firstUnfilledRange = role.unfilledRanges[0];\n if (!('startDate' in firstUnfilledRange && 'endDate' in firstUnfilledRange)) return false;\n\n const startDate = moment(firstUnfilledRange.startDate, DATE_INPUT_FORMAT);\n return startDate <= endFilter;\n });\n};\n\nconst getFilterGroupApplied = (filter) => {\n if (!filter?.args?.length) return 'empty';\n\n for (let queryIndex = 0; queryIndex < filter.args.length; queryIndex += 1) {\n const query = filter.args[queryIndex];\n\n if (query.column === 'state' && query.activeFilters?.length > 0) {\n // filtering by only status of complete, no other status, could be with other filters\n if (!query.activeFilters.some(fil => [ACTIVE, UPCOMING, PURSUIT].includes(fil.value))) {\n return INVALID_STATUS_FILTER;\n }\n\n // filtering only by status, no other filters\n if (filter.args.length === 1) {\n return 'default';\n }\n\n return 'filtered';\n }\n }\n\n return 'filtered';\n};\n\nconst getIdleTimeState = (utilization) => {\n if (utilization >= 85) {\n return UTILIZATION_STATE.GOOD;\n }\n if (utilization < 70) {\n return UTILIZATION_STATE.BAD;\n }\n return UTILIZATION_STATE.NEUTRAL;\n};\n\nconst getIdleTimeSentiment = (utilization1, utilization2) => {\n const state1 = getIdleTimeState(utilization1);\n const state2 = getIdleTimeState(utilization2);\n\n return IDLE_TIME_SENTIMENT_MATRIX?.[state1]?.[state2] ?? null;\n};\n\nconst generateInsightfulStatement = type => ({\n [INSIGHT_SENTIMENT.POSITIVE]: `${type} looks great this month. Keep it up!`,\n [INSIGHT_SENTIMENT.IMPROVING]: `${type} is expected to ${type === UTILIZATION ? 'rise' : 'fall'}. Keep it up!`,\n [INSIGHT_SENTIMENT.NEUTRAL]: `Keep ${type === UTILIZATION ? 'increasing' : 'lowering'} ${type}! ${ENSURE_FILLED_ROLES}`,\n [INSIGHT_SENTIMENT.WORSENING]: `${type} is expected to ${type === UTILIZATION ? 'fall' : 'rise'}. ${ENSURE_FILLED_ROLES}`,\n [INSIGHT_SENTIMENT.NEGATIVE]: `${type} is ${type === UTILIZATION ? 'low' : 'high'} this month. ${ENSURE_FILLED_ROLES}`,\n});\n\nconst generateXLabels = (data, graphStartDate) => data.map(({ x }) => {\n // Start with next months label if graph start date is within 7 days of the next month (to prevent xLabels from not lining up with the correct month)\n if (!graphStartDate.clone().add(7, 'days').isSame(moment(graphStartDate), 'month')) {\n return moment(x).add(1, 'month').format(MONTH_YEAR_SHORT_FORMAT);\n }\n return moment(x).format(MONTH_YEAR_SHORT_FORMAT);\n});\n\nexport {\n filterRoles,\n getFilterGroupApplied,\n generateInsightfulStatement,\n getIdleTimeState,\n getIdleTimeSentiment,\n generateXLabels,\n};\n","const SEGMENT_TYPE_PROJECT = 'ProjectById';\nconst SEGMENT_TYPE_PHASE = 'Phase';\nconst SEGMENT_TYPE_ROLE = 'ProjectRoleById';\nconst SEGMENT_TYPE_PRIMARY_PHASE = 'PrimaryPhase';\nconst EDITABLE_SEGMENT_TYPES = [SEGMENT_TYPE_PRIMARY_PHASE, SEGMENT_TYPE_PROJECT, SEGMENT_TYPE_PHASE, SEGMENT_TYPE_ROLE];\n\nconst PHASE_WILL_BE_DELETED = 'This phase will be deleted on save';\nconst ROLE_WILL_BE_DELETED = 'This role will be deleted on save';\nconst ITEM_WILL_BE_DELETED = 'This item will be deleted on save';\n\nexport {\n SEGMENT_TYPE_PROJECT,\n SEGMENT_TYPE_PHASE,\n SEGMENT_TYPE_ROLE,\n SEGMENT_TYPE_PRIMARY_PHASE,\n EDITABLE_SEGMENT_TYPES,\n PHASE_WILL_BE_DELETED,\n ROLE_WILL_BE_DELETED,\n ITEM_WILL_BE_DELETED,\n};\n","export const EDIT_DATES_SET_EDITOR_CONFIG = 'EDIT_DATES_SET_EDITOR_CONFIG';\nexport const EDIT_DATES_SET_EDITOR_SEGMENTS = 'EDIT_DATES_SET_EDITOR_SEGMENTS';\nexport const EDIT_DATES_SET_SEGMENT_SELECTED = 'EDIT_DATES_SET_SEGMENT_SELECTED';\nexport const EDIT_DATES_RESET_EDITOR_STATE = 'EDIT_DATES_RESET_EDITOR_STATE';\n","const initialState = {\n editAction: null,\n dateUnderEdit: null,\n typeUnderEdit: null,\n offset: 0,\n newStartDate: null,\n newEndDate: null,\n boundingStartDate: null,\n boundingEndDate: null,\n segments: {},\n parentName: '',\n primaryId: null,\n};\n\nexport default initialState;\n","import {\n EDIT_DATES_RESET_EDITOR_STATE,\n} from './constants';\nimport initialState from './initialState';\n\nexport function resetEditorState() {\n return {\n type: EDIT_DATES_RESET_EDITOR_STATE,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case EDIT_DATES_RESET_EDITOR_STATE:\n return {\n ...initialState,\n };\n\n default:\n return state;\n }\n}\n","import { getProjectEditorConfig, getPhaseEditorConfig } from 'src/features/edit-dates/utils/dateEditorUtils';\nimport { SEGMENT_TYPE_PHASE } from '../common/constants';\nimport {\n EDIT_DATES_SET_EDITOR_CONFIG,\n} from './constants';\n\nexport function setEditorConfig(\n typeUnderEdit,\n projectStart,\n projectEnd,\n newStartDate,\n newEndDate,\n parentName = '',\n primaryId,\n phaseStart,\n phaseEnd,\n) {\n let configValues;\n\n if (typeUnderEdit === SEGMENT_TYPE_PHASE) {\n configValues = getPhaseEditorConfig(typeUnderEdit, projectStart, projectEnd, newStartDate, newEndDate, phaseStart, phaseEnd);\n } else {\n configValues = getProjectEditorConfig(typeUnderEdit, projectStart, projectEnd, newStartDate, newEndDate);\n }\n\n return {\n type: EDIT_DATES_SET_EDITOR_CONFIG,\n parentName,\n primaryId,\n ...configValues,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case EDIT_DATES_SET_EDITOR_CONFIG: {\n const {\n editAction,\n dateUnderEdit,\n typeUnderEdit,\n offset,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n parentName,\n primaryId,\n } = action;\n\n return {\n ...state,\n editAction,\n dateUnderEdit,\n typeUnderEdit,\n offset,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n parentName,\n primaryId,\n };\n }\n default:\n return state;\n }\n}\n","import {\n EDIT_DATES_SET_EDITOR_SEGMENTS,\n} from './constants';\nimport { setSegmentFlags } from '../utils/dateEditorUtils';\n\nexport function setEditorSegments(segments = {}) {\n return {\n type: EDIT_DATES_SET_EDITOR_SEGMENTS,\n segments,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case EDIT_DATES_SET_EDITOR_SEGMENTS: {\n const { editAction, typeUnderEdit, newStartDate, newEndDate, dateUnderEdit } = state;\n const { segments } = action;\n const flaggedSegments = setSegmentFlags(segments, editAction, typeUnderEdit, newStartDate, newEndDate, dateUnderEdit);\n\n return {\n ...state,\n segments: flaggedSegments,\n };\n }\n default:\n return state;\n }\n}\n","import {\n EDIT_DATES_SET_SEGMENT_SELECTED,\n} from './constants';\nimport { EDITABLE_SEGMENT_TYPES } from '../common/constants';\nimport { getUpdatedSegments } from '../utils/dateEditorUtils';\n\nexport function setSegmentSelected(segmentType, segmentId) {\n if (!EDITABLE_SEGMENT_TYPES.includes(segmentType)) return null;\n\n return {\n type: EDIT_DATES_SET_SEGMENT_SELECTED,\n segmentType,\n segmentId,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case EDIT_DATES_SET_SEGMENT_SELECTED: {\n const { segmentType, segmentId } = action;\n const { segments, typeUnderEdit, offset } = state;\n\n const updatedSegments = getUpdatedSegments(segments, segmentType, segmentId, typeUnderEdit, offset);\n\n return {\n ...state,\n segments: {\n ...segments,\n ...updatedSegments,\n },\n };\n }\n default:\n return state;\n }\n}\n","import {\n stringToMoment,\n isStringOrMoment,\n momentToString,\n dayAfter,\n dayBefore,\n toRange,\n rangesOverlap,\n dateStringAdd,\n dateStringSubtract,\n} from 'src/utils/dateUtils';\nimport { getBoundingRangeFromSegments, objectIsSegment } from 'src/utils/dateSegmentUtils';\n\nimport {\n EDIT_ACTION_EXTENDED,\n EDIT_ACTION_COLLAPSED,\n START_DATE,\n END_DATE,\n DATE_EDIT_ACTIONS,\n} from 'src/common/constants';\nimport tinycolor from 'tinycolor2';\nimport initialState from '../redux/initialState';\nimport {\n EDITABLE_SEGMENT_TYPES,\n SEGMENT_TYPE_PHASE,\n SEGMENT_TYPE_PRIMARY_PHASE,\n SEGMENT_TYPE_PROJECT,\n SEGMENT_TYPE_ROLE,\n} from '../common/constants';\nimport { pickObjectProps } from '../../../filters/graphqlUtils';\n\nfunction extendingByEndDate(editAction, dateUnderEdit) {\n return editAction === EDIT_ACTION_EXTENDED && dateUnderEdit === END_DATE;\n}\n\nfunction isSecondaryProjectBar(segmentType, typeUnderEdit) {\n return segmentType === SEGMENT_TYPE_PROJECT && typeUnderEdit === SEGMENT_TYPE_PHASE;\n}\n\nfunction isUneditableProjectBar(segmentType, editAction, dateUnderEdit, typeUnderEdit, newEndDate, projectEnd) {\n if (segmentType !== SEGMENT_TYPE_PROJECT) return false;\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT) return true;\n\n const projectExtending = extendingByEndDate(editAction, dateUnderEdit);\n const secondaryProjectBar = isSecondaryProjectBar(segmentType, typeUnderEdit);\n const endIsWithinProjectBounds = stringToMoment(projectEnd).isSameOrAfter(newEndDate);\n\n return ((secondaryProjectBar && !projectExtending) ||\n (secondaryProjectBar && projectExtending && !endIsWithinProjectBounds));\n}\n\nfunction isPrimary(segmentType, typeUnderEdit) {\n return (\n (segmentType === SEGMENT_TYPE_PROJECT && typeUnderEdit === SEGMENT_TYPE_PROJECT) ||\n (segmentType === SEGMENT_TYPE_PRIMARY_PHASE && typeUnderEdit === SEGMENT_TYPE_PHASE)\n );\n}\n\nfunction shouldShiftDates(typeUnderEdit, dateUnderEdit, segmentStartDate, newEndDate, offset, checked) {\n if (typeUnderEdit !== SEGMENT_TYPE_PHASE || dateUnderEdit === START_DATE) return false;\n const originalEndDate = dateStringSubtract(newEndDate, offset);\n return stringToMoment(segmentStartDate).isSameOrAfter(originalEndDate) && checked;\n}\n\n/*\n Set initial values for individual segments to indicate:\n * checked - Starting checked state indicating if the entity should be updated\n * showCheckbox - Should this segment be presented with the option to edit\n * showDeleteWarning - True if the changes to the parent will cause this entity to be deleted\n*/\nfunction setSegmentFlags(segments, editAction, typeUnderEdit, newStartDate, newEndDate, dateUnderEdit) {\n if (!(\n DATE_EDIT_ACTIONS.includes(editAction) &&\n EDITABLE_SEGMENT_TYPES.includes(typeUnderEdit) &&\n [START_DATE, END_DATE].includes(dateUnderEdit) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate)\n )) return segments;\n\n const parentRange = toRange(newStartDate, newEndDate);\n\n const shouldShowCheckbox = (type) => {\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT) {\n return !(editAction === EDIT_ACTION_COLLAPSED || isPrimary(type, typeUnderEdit));\n }\n // When editing a phase date\n return !(\n isPrimary(type, typeUnderEdit) ||\n isUneditableProjectBar(\n type,\n editAction,\n dateUnderEdit,\n typeUnderEdit,\n newEndDate,\n segments[SEGMENT_TYPE_PROJECT]?.[0]?.endDate,\n )\n );\n };\n\n const shouldShowDeleteWarning = (startDate, endDate) => {\n if (typeUnderEdit === SEGMENT_TYPE_PHASE) return false;\n const segmentRange = toRange(startDate, endDate);\n return !segmentRange.overlaps(parentRange, { adjacent: true });\n };\n\n const flaggedSegments = {};\n const checked = true;\n\n EDITABLE_SEGMENT_TYPES.forEach((type) => {\n flaggedSegments[type] = segments[type]?.map((segment) => {\n const { startDate, endDate } = segment;\n const showCheckbox = shouldShowCheckbox(type);\n const showDeleteWarning = shouldShowDeleteWarning(startDate, endDate);\n\n return { ...segment, checked, showCheckbox, showDeleteWarning };\n }) || [];\n });\n\n return flaggedSegments;\n}\n\nfunction getProjectEditorData(project, dateUnderEdit, newStartDate, newEndDate, editAction) {\n if (!(\n objectIsSegment(project) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate) &&\n (dateUnderEdit === START_DATE || dateUnderEdit === END_DATE)\n )) return null;\n\n const includeAdjacent = editAction === EDIT_ACTION_EXTENDED;\n\n const { startDate, endDate, roles, phases } = project;\n\n const projectStartDate = momentToString(startDate);\n const projectEndDate = momentToString(endDate);\n const dates = [\n dateUnderEdit === START_DATE ? newStartDate : projectEndDate,\n dateUnderEdit === END_DATE ? newEndDate : projectStartDate,\n ];\n\n const [rangeStart, rangeEnd] = dates.sort((a, b) => stringToMoment(a) - stringToMoment(b));\n const affectedRange = { startDate: rangeStart, endDate: rangeEnd };\n\n const getEntitiesImpacted = (segments = []) => segments.filter(segment => rangesOverlap(affectedRange, segment, includeAdjacent));\n\n const rolesImpacted = getEntitiesImpacted(roles);\n const phasesImpacted = getEntitiesImpacted(phases);\n\n return {\n [SEGMENT_TYPE_PROJECT]: [project],\n [SEGMENT_TYPE_ROLE]: rolesImpacted,\n [SEGMENT_TYPE_PHASE]: phasesImpacted,\n };\n}\n\n// This assumes that either the start or end date will be edited, not both at the same time\nfunction getDateEditOptions(currentStartDate, currentEndDate, newStartDate, newEndDate) {\n let {\n editAction,\n dateUnderEdit,\n offset,\n } = initialState;\n\n const defaultConfig = {\n editAction,\n dateUnderEdit,\n offset,\n };\n\n if (!(\n isStringOrMoment(currentStartDate) &&\n isStringOrMoment(currentEndDate) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate)\n )) return defaultConfig;\n\n const currentStart = stringToMoment(currentStartDate);\n const currentEnd = stringToMoment(currentEndDate);\n const newStart = stringToMoment(newStartDate);\n const newEnd = stringToMoment(newEndDate);\n\n // Which date is being edited? Start or end?\n if (!currentStart.isSame(newStart)) {\n dateUnderEdit = START_DATE;\n } else if (!currentEnd.isSame(newEnd)) {\n dateUnderEdit = END_DATE;\n } else {\n return defaultConfig;\n }\n\n // Calculate the difference in days between the original and updated date\n // and set a flag indicating if this is an extend or collapse action\n if (dateUnderEdit === START_DATE) {\n offset = newStart.diff(currentStart, 'days');\n editAction = offset > 0 ? EDIT_ACTION_COLLAPSED : EDIT_ACTION_EXTENDED;\n } else {\n offset = newEnd.diff(currentEnd, 'days');\n editAction = offset > 0 ? EDIT_ACTION_EXTENDED : EDIT_ACTION_COLLAPSED;\n }\n\n return {\n editAction,\n dateUnderEdit,\n offset,\n };\n}\n\nfunction getDefaultEditorConfig() {\n const configKeys = [\n 'editAction',\n 'dateUnderEdit',\n 'typeUnderEdit',\n 'offset',\n 'newStartDate',\n 'newEndDate',\n 'boundingStartDate',\n 'boundingEndDate',\n ];\n\n return pickObjectProps(initialState, configKeys);\n}\n\n/*\n Precalculates some config values to be stored in Redux and consumed by the date editor. Given the\n original and new start and end dates to be applied to the entity in question, this function returns:\n\n editAction: One of 'Extended' or 'Collapsed' as defined in our constants\n dateUnderEdit: String constant indicating if the start or end date is being modified\n typeUnderEdit: String constant for Phase, Project or Role types\n offset: Positive or negative offset indicating the difference in days between the modified and original date\n boundingStartDate: Earliest of the given dates, used to define the modal display boundary\n boundingEndDate: Same as above, but for the end date\n\n If any of the given arguments are invalid, the returned config object will consist of the default\n values that are defined in initialState.\n\n Note: typeUnderEdit, newStartDate, and newEndDate are validated and also returned unmodified.\n If they do not pass validation, defaults will be used. This is to limit the impact of garbage values\n being passed in.\n*/\nfunction getProjectEditorConfig(typeUnderEdit, currentStartDate, currentEndDate, newStartDate, newEndDate) {\n const defaultConfig = getDefaultEditorConfig();\n\n if (!(\n EDITABLE_SEGMENT_TYPES.includes(typeUnderEdit) &&\n isStringOrMoment(currentStartDate) &&\n isStringOrMoment(currentEndDate) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate)\n )) return defaultConfig;\n\n const { startDate, endDate } = getBoundingRangeFromSegments([\n { startDate: currentStartDate, endDate: currentEndDate },\n { startDate: newStartDate, endDate: newEndDate },\n ]);\n\n const boundingStartDate = momentToString(startDate);\n const boundingEndDate = momentToString(endDate);\n const options = getDateEditOptions(currentStartDate, currentEndDate, newStartDate, newEndDate);\n const { editAction, dateUnderEdit, offset } = options;\n\n return {\n editAction,\n dateUnderEdit,\n typeUnderEdit,\n offset,\n newStartDate: momentToString(newStartDate),\n newEndDate: momentToString(newEndDate),\n boundingStartDate,\n boundingEndDate,\n };\n}\n\nfunction getPhaseEditorConfig(\n typeUnderEdit,\n projectStart,\n projectEnd,\n newStartDate,\n newEndDate,\n phaseStart,\n phaseEnd,\n) {\n const defaultConfig = getDefaultEditorConfig();\n\n if (!(\n EDITABLE_SEGMENT_TYPES.includes(typeUnderEdit) &&\n isStringOrMoment(projectStart) &&\n isStringOrMoment(projectEnd) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate) &&\n isStringOrMoment(phaseStart) &&\n isStringOrMoment(phaseEnd)\n )) return defaultConfig;\n\n const projectConfig = getProjectEditorConfig(typeUnderEdit, phaseStart, phaseEnd, newStartDate, newEndDate);\n\n // Recalculate bounding range as required by phase logic\n const boundingDates = getBoundingRangeFromSegments([{ startDate: projectStart, endDate: projectEnd }]);\n\n const { startDate } = boundingDates;\n let { endDate } = boundingDates;\n\n const { dateUnderEdit, editAction, offset } = projectConfig;\n\n if (editAction === EDIT_ACTION_EXTENDED && dateUnderEdit === END_DATE) {\n endDate = dateStringAdd(endDate, offset);\n }\n\n return {\n ...projectConfig,\n boundingStartDate: momentToString(startDate),\n boundingEndDate: momentToString(endDate),\n };\n}\n\nconst getAffectedProjectEntities = (project, newStartDate, newEndDate) => {\n const segments = {\n [SEGMENT_TYPE_PROJECT]: [],\n [SEGMENT_TYPE_PHASE]: [],\n [SEGMENT_TYPE_ROLE]: [],\n };\n\n if (!(\n objectIsSegment(project) &&\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate)\n )) return segments;\n\n const { startDate, endDate } = project;\n\n if (stringToMoment(startDate).isSame(newStartDate) &&\n stringToMoment(endDate).isSame(newEndDate)) {\n return segments;\n }\n\n const { editAction, dateUnderEdit } = getDateEditOptions(startDate, endDate, newStartDate, newEndDate);\n\n const editorData = getProjectEditorData(\n project,\n dateUnderEdit,\n momentToString(newStartDate),\n momentToString(newEndDate),\n editAction,\n );\n\n return {\n ...segments,\n ...editorData,\n };\n};\n\nconst buildTimelineDates = (segment, updatedParentSegment, editAction, dateUnderEdit, typeUnderEdit, offset, options = {}) => {\n if (!(\n objectIsSegment(segment) &&\n objectIsSegment(updatedParentSegment) &&\n [EDIT_ACTION_COLLAPSED, EDIT_ACTION_EXTENDED].includes(editAction) &&\n [START_DATE, END_DATE].includes(dateUnderEdit) &&\n typeof offset === 'number' &&\n !Number.isNaN(offset)\n )) return null;\n\n /*\n Note that if includeOffset is false, combine segments will do nothing,\n as there will only ever be one segment\n */\n const defaultOptions = {\n includeOffset: true,\n combineSegments: false,\n extendProject: false,\n useOriginalDates: false,\n shiftDates: false,\n };\n\n const { combineSegments, includeOffset, extendProject, useOriginalDates, shiftDates } = { ...defaultOptions, ...options };\n\n const isCollapsed = editAction === EDIT_ACTION_COLLAPSED;\n const editingProject = typeUnderEdit === SEGMENT_TYPE_PROJECT;\n const { startDate, endDate } = segment;\n const { startDate: parentStart, endDate: parentEnd } = updatedParentSegment;\n\n if (offset === 0 || useOriginalDates) return [segment];\n if (extendProject) return [{ startDate, endDate: dateStringAdd(endDate, offset) }];\n if (shiftDates) {\n return [{\n startDate: dateStringAdd(startDate, offset),\n endDate: dateStringAdd(endDate, offset),\n }];\n }\n\n const absOffset = Math.abs(offset);\n\n const baseSegment = { startDate, endDate };\n let offsetStartSegment = null;\n let offsetEndSegment = null;\n\n const segmentIsOutsideParentRange = !rangesOverlap(\n { startDate: parentStart, endDate: parentEnd },\n { startDate, endDate },\n true,\n );\n\n if (isCollapsed) {\n /*\n If the modification to the parent will result in the entire segment being deleted,\n return the segment as-is. It will be rendered without modification, but will be\n shown with a warning.\n */\n if (segmentIsOutsideParentRange) return [segment];\n\n // Truncate segment start\n if (dateUnderEdit === START_DATE) {\n const newStart = editingProject ? momentToString(parentStart) : dateStringAdd(startDate, absOffset);\n offsetStartSegment = { startDate, endDate: dayBefore(newStart) };\n baseSegment.startDate = newStart;\n } else {\n // Truncate segment end\n const newEnd = editingProject ? momentToString(parentEnd) : dateStringSubtract(endDate, absOffset);\n offsetEndSegment = { startDate: dayAfter(newEnd), endDate };\n baseSegment.endDate = newEnd;\n }\n\n // Expanding\n } else if (dateUnderEdit === START_DATE) {\n // Add new block before original start date\n const offsetStart = momentToString(stringToMoment(startDate).subtract(absOffset, 'days'));\n const offsetEnd = dayBefore(startDate);\n offsetStartSegment = { startDate: offsetStart, endDate: offsetEnd };\n } else {\n // Add new block after original end date\n const offsetEnd = momentToString(stringToMoment(endDate).add(absOffset, 'days'));\n offsetEndSegment = { startDate: dayAfter(endDate), endDate: offsetEnd };\n }\n\n const includeStartOffset = includeOffset && offsetStartSegment;\n const includeEndOffset = includeOffset && offsetEndSegment;\n\n const allSegments = [\n ...(includeStartOffset ? [offsetStartSegment] : []),\n baseSegment,\n ...(includeEndOffset ? [offsetEndSegment] : []),\n ];\n\n if (combineSegments) {\n const { startDate: boundStart, endDate: boundEnd } = getBoundingRangeFromSegments(allSegments);\n return [{ startDate: momentToString(boundStart), endDate: momentToString(boundEnd) }];\n }\n\n return allSegments;\n};\n\nfunction getShiftedColor(baseColor) {\n const darkenValue = 14;\n const lightenValue = 30;\n const desaturateValue = 40;\n\n const color = tinycolor(baseColor);\n\n if (color.isLight()) return color.darken(darkenValue).toString();\n\n return color.lighten(lightenValue).desaturate(desaturateValue).toString();\n}\n\n/*\n Given invalid inputs, this will return an object populated with reasonable defaults.\n The assumption is that this function is for handling filtering for 'checked' items\n as well as basic counts for logging purposes. Data validation should happen elsewhere.\n*/\nconst getGroupData = (segments = []) => {\n let deleteCount = 0;\n let updatedCount = 0;\n const totalCount = segments?.length ?? 0;\n let selectedSegments = [];\n\n if (Array.isArray(segments)) {\n selectedSegments = segments.reduce((acc, current) => {\n const { checked, showDeleteWarning } = current;\n\n if (checked) acc.push(current);\n\n if (checked && !showDeleteWarning) updatedCount += 1;\n if (checked && showDeleteWarning) deleteCount += 1;\n\n return acc;\n }, []);\n }\n\n return { totalCount, updatedCount, deleteCount, selectedSegments };\n};\n\nconst extendSegmentDates = (segment, dateUnderEdit, offset) => {\n if (!(\n objectIsSegment(segment) &&\n [START_DATE, END_DATE].includes(dateUnderEdit) &&\n typeof offset === 'number'\n )) return segment;\n\n const { startDate, endDate } = segment;\n\n const absOffset = Math.abs(offset);\n\n if (dateUnderEdit === START_DATE) {\n return { ...segment, startDate: dateStringSubtract(startDate, absOffset), endDate };\n }\n\n return { ...segment, startDate, endDate: dateStringAdd(endDate, absOffset) };\n};\n\nconst collapseSegmentDates = (segment, dateUnderEdit, offset) => {\n if (!(\n objectIsSegment(segment) &&\n [START_DATE, END_DATE].includes(dateUnderEdit) &&\n typeof offset === 'number'\n )) return segment;\n\n const { startDate, endDate } = segment;\n\n const absOffset = Math.abs(offset);\n\n if (dateUnderEdit === START_DATE) {\n return { ...segment, startDate: dateStringAdd(startDate, absOffset), endDate };\n }\n\n return { ...segment, startDate, endDate: dateStringSubtract(endDate, absOffset) };\n};\n\nconst shiftSegmentDates = (segment, offset) => {\n if (!(\n objectIsSegment(segment) &&\n typeof offset === 'number'\n )) return segment;\n\n const { startDate, endDate } = segment;\n\n return {\n ...segment,\n startDate: dateStringAdd(startDate, offset),\n endDate: dateStringAdd(endDate, offset),\n };\n};\n\nconst getSingleSegmentDates = (segment, dateUnderEdit, editAction, newEndDate, offset) => {\n if (!(\n objectIsSegment(segment) &&\n [EDIT_ACTION_COLLAPSED, EDIT_ACTION_EXTENDED].includes(editAction) &&\n [START_DATE, END_DATE].includes(dateUnderEdit) &&\n isStringOrMoment(newEndDate) &&\n typeof offset === 'number' &&\n !Number.isNaN(offset)\n )) return segment;\n\n const { startDate: segmentStart, checked } = segment;\n const shiftDates = shouldShiftDates(SEGMENT_TYPE_PHASE, dateUnderEdit, segmentStart, newEndDate, offset, checked);\n\n if (shiftDates) return shiftSegmentDates(segment, offset);\n\n return editAction === EDIT_ACTION_EXTENDED\n ? extendSegmentDates(segment, dateUnderEdit, offset)\n : collapseSegmentDates(segment, dateUnderEdit, offset);\n};\n\n// Returns segments to be displayed in the phase date modal\nfunction getPhaseEditorData(project, dateUnderEdit, origPhase, newEndDate, newStartDate) {\n if (!(\n objectIsSegment(project) &&\n objectIsSegment(origPhase) &&\n isStringOrMoment(newEndDate) &&\n isStringOrMoment(newStartDate) &&\n (dateUnderEdit === START_DATE || dateUnderEdit === END_DATE)\n )) return null;\n\n const { phases, roles } = project;\n const { id, startDate: currentStart, endDate: currentEnd } = origPhase;\n\n const filteredPhases = phases?.filter(phase => phase.id !== id);\n let phasesImpacted = [];\n let rolesImpacted = [];\n\n // When a start date is edited, we want all roles/phases with start dates\n // that are the same as the original start date AND an end date that is\n // after the new start date\n if (dateUnderEdit === START_DATE) {\n const getEntitiesWithSameStart = (segments = []) => (\n segments.filter(segment => (\n stringToMoment(segment.startDate).isSame(currentStart) &&\n stringToMoment(segment.endDate).isAfter(newStartDate)\n ))\n );\n phasesImpacted = getEntitiesWithSameStart(filteredPhases);\n rolesImpacted = getEntitiesWithSameStart(roles);\n }\n\n // When an end date is edited, we want all roles/phases with an end date on or after the original end date\n // AND with a start date on or before the new end date OR with a start date the same or after the\n // original end date\n if (dateUnderEdit === END_DATE) {\n const getImpactedEntities = (segments = []) => (\n segments.filter(segment => (\n (stringToMoment(segment.endDate).isSameOrAfter(currentEnd) &&\n stringToMoment(segment.startDate).isSameOrBefore(newEndDate)) ||\n stringToMoment(segment.startDate).isSameOrAfter(currentEnd)\n ))\n );\n phasesImpacted = getImpactedEntities(filteredPhases);\n rolesImpacted = getImpactedEntities(roles);\n }\n\n return {\n [SEGMENT_TYPE_PROJECT]: [project],\n [SEGMENT_TYPE_PHASE]: phasesImpacted,\n [SEGMENT_TYPE_ROLE]: rolesImpacted,\n };\n}\n\nconst getAffectedPhaseEntities = (project, updatedPhase) => {\n const segments = {\n [SEGMENT_TYPE_PRIMARY_PHASE]: [],\n [SEGMENT_TYPE_PROJECT]: [],\n [SEGMENT_TYPE_PHASE]: [],\n [SEGMENT_TYPE_ROLE]: [],\n };\n\n if (!(\n objectIsSegment(project) &&\n objectIsSegment(updatedPhase)\n )) return segments;\n\n const origPhase = project.phases.find(phase => phase.id === updatedPhase.id);\n const { startDate, endDate } = origPhase;\n const { startDate: newStartDate, endDate: newEndDate } = updatedPhase;\n\n const dateUnchanged = stringToMoment(startDate).isSame(newStartDate) &&\n stringToMoment(endDate).isSame(newEndDate);\n\n if (dateUnchanged) {\n return segments;\n }\n\n const { dateUnderEdit } = getDateEditOptions(startDate, endDate, newStartDate, newEndDate);\n\n const editorData = getPhaseEditorData(\n project,\n dateUnderEdit,\n origPhase,\n newEndDate,\n newStartDate,\n );\n\n return {\n ...segments,\n [SEGMENT_TYPE_PRIMARY_PHASE]: [origPhase],\n ...editorData,\n };\n};\n\n\n// Returns a boolean to decide whether or not to open the phase date modal\nconst phaseModalShouldOpen = (project, updatedPhase) => {\n if (!(\n objectIsSegment(project) &&\n objectIsSegment(updatedPhase)\n )) return false;\n\n const origPhase = project.phases.find(phase => phase.id === updatedPhase.id);\n const { startDate: currentStartDate, endDate: currentEndDate } = origPhase;\n const { startDate: newStartDate, endDate: newEndDate } = updatedPhase;\n const { phases, roles } = project;\n\n const dateUnchanged = stringToMoment(currentStartDate).isSame(newStartDate) &&\n stringToMoment(currentEndDate).isSame(newEndDate);\n\n if (dateUnchanged) {\n return false;\n }\n\n const { editAction, dateUnderEdit } = getDateEditOptions(currentStartDate, currentEndDate, newStartDate, newEndDate);\n\n // Always open the modal if extending via end date\n if (editAction === EDIT_ACTION_EXTENDED && dateUnderEdit === END_DATE) {\n return true;\n }\n\n const filteredPhases = phases.filter(phase => phase.id !== updatedPhase.id);\n const combinedSegments = [...filteredPhases, ...roles];\n\n // When a start date is edited, are there any other phases/roles\n // with a start date the same as the original start date and an\n // end date that is after the new start date?\n if (dateUnderEdit === START_DATE) {\n return combinedSegments.some(segment => (\n stringToMoment(segment.startDate).isSame(currentStartDate) &&\n stringToMoment(segment.endDate).isAfter(newStartDate)\n ));\n }\n\n // When an end date is edited, are there any other phases/roles\n // with end dates on or after the original end date AND with a start date on\n // or before the new end date OR with a start date the same or after the original end date\n if (dateUnderEdit === END_DATE) {\n return combinedSegments.some(segment => (\n (stringToMoment(segment.endDate).isSameOrAfter(currentEndDate) &&\n stringToMoment(segment.startDate).isSameOrBefore(newEndDate)) ||\n stringToMoment(segment.startDate).isSameOrAfter(currentEndDate)\n ));\n }\n\n return false;\n};\n\nfunction getUpdatedSegments(segments, segmentType, segmentId, typeUnderEdit, offset) {\n // Set selected segment\n const selectedSegmentGroup = segments[segmentType]?.reduce((segmentAcc, current) => {\n if (current.id === segmentId) {\n segmentAcc.push({ ...current, checked: !current.checked });\n } else {\n segmentAcc.push(current);\n }\n\n return segmentAcc;\n }, []) || [];\n\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT) {\n return {\n [segmentType]: selectedSegmentGroup,\n };\n }\n\n if (segmentType === SEGMENT_TYPE_PROJECT) {\n const projectSegment = segments[SEGMENT_TYPE_PROJECT]?.[0];\n const { endDate: projectEnd } = projectSegment;\n\n const setSegmentCheckboxes = (segmentGroup = []) => (\n segmentGroup.reduce((segmentAcc, current) => {\n const offsetEndDate = dateStringAdd(current.endDate, offset);\n\n if (stringToMoment(projectEnd).isBefore(offsetEndDate)) {\n if (projectSegment.checked) {\n segmentAcc.push({ ...current, checked: false, disabled: true });\n } else {\n segmentAcc.push({ ...current, disabled: false });\n }\n } else {\n segmentAcc.push(current);\n }\n\n return segmentAcc;\n }, [])\n );\n\n const updatedPhaseSegments = setSegmentCheckboxes(segments[SEGMENT_TYPE_PHASE]);\n const updatedRoleSegments = setSegmentCheckboxes(segments[SEGMENT_TYPE_ROLE]);\n\n return {\n ...segments,\n [SEGMENT_TYPE_PROJECT]: [{ ...projectSegment, checked: !projectSegment.checked }],\n [SEGMENT_TYPE_PHASE]: updatedPhaseSegments,\n [SEGMENT_TYPE_ROLE]: updatedRoleSegments,\n };\n }\n\n return {\n [segmentType]: selectedSegmentGroup,\n };\n}\n\nexport {\n getDefaultEditorConfig,\n getProjectEditorConfig,\n getPhaseEditorConfig,\n getAffectedProjectEntities,\n getAffectedPhaseEntities,\n getDateEditOptions,\n setSegmentFlags,\n getProjectEditorData,\n getPhaseEditorData,\n buildTimelineDates,\n getShiftedColor,\n getGroupData,\n extendSegmentDates,\n collapseSegmentDates,\n phaseModalShouldOpen,\n isPrimary,\n isUneditableProjectBar,\n extendingByEndDate,\n isSecondaryProjectBar,\n shouldShiftDates,\n getUpdatedSegments,\n shiftSegmentDates,\n getSingleSegmentDates,\n};\n","/**\n * This is a list of errors that will not be displayed by the ErrorSnackbar component\n */\nexport const errorBlacklist = [\n 'update password',\n];\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Snackbar, Button } from '@material-ui/core';\nimport { dismissError } from './redux/actions';\nimport { BENCH_SUPPORT_URL, CUSTOM_MESSAGES, DEFAULT } from './redux/constants';\nimport { errorBlacklist } from './blacklist';\n\nconst ErrorSnackbar = ({ error, dismissError }) => {\n const { messageId, message } = error || {};\n\n if (!error) return null;\n\n // If this message is blacklisted, don't show the snackbar\n if (errorBlacklist.includes(message)) return null;\n\n const content =\n messageId === DEFAULT ? (\n <>\n {`Sorry, there was a technical issue and we were unable to ${message}. Please try again or `}\n \n contact support\n \n \n ) : (\n CUSTOM_MESSAGES[messageId]\n );\n\n return (\n \n {content}\n \n
\n \n );\n};\n\nErrorSnackbar.propTypes = {\n error: PropTypes.object,\n dismissError: PropTypes.func.isRequired,\n};\n\nErrorSnackbar.defaultProps = {\n error: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ errors }) {\n const { error } = errors;\n return {\n error,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n dismissError: bindActionCreators(dismissError, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ErrorSnackbar);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport error from 'src/images/error-page/error.svg?url';\nimport { BENCH_SUPPORT_URL } from './redux/constants';\n\nconst ErrorPage = (props) => {\n const { mainText, subText, image } = props;\n\n let errorImage = image;\n if (!image) {\n errorImage = \n
\n );\n};\n\nErrorPage.propTypes = {\n mainText: PropTypes.node,\n subText: PropTypes.node,\n image: PropTypes.node,\n};\n\nErrorPage.defaultProps = {\n mainText: \n {errorImage}\n
\n \n
\n {mainText}
\n {subText}
\n Sorry, an unexpected error occurred.
,\n subText: (\n \n Please try refreshing the page, or\n {' '}\n contact support\n .\n
\n ),\n image: null,\n};\n\nexport default ErrorPage;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { logRollbar } from 'src/common/analyticsHelper';\nimport { ErrorPage } from '.';\n\nexport default class ErrorBoundary extends Component {\n static propTypes = {\n children: PropTypes.node,\n errorDisplay: PropTypes.node,\n }\n\n static defaultProps = {\n children: null,\n errorDisplay: Sorry, we couldn't find the page you're looking for.
;\n const subText = accountId ? (\n \n Try checking to make sure you have the correct url, or\n {' '}\n click here to go to your dashboard\n .\n
\n ) : null;\n const image = No results found
;\n }\n return menuItems;\n };\n\n return (\n \n \n \n \n )\n }\n />\n { renderMenuItems() }\n
\n );\n};\n\nFilterList.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.object),\n priorityColumns: PropTypes.arrayOf(PropTypes.string),\n exclude: PropTypes.arrayOf(PropTypes.object),\n onFilterSelect: PropTypes.func,\n filteredColumns: PropTypes.array,\n alphabetize: PropTypes.bool,\n placeholder: PropTypes.string,\n};\n\nFilterList.defaultProps = {\n columns: [],\n priorityColumns: [],\n exclude: [],\n onFilterSelect: () => {},\n filteredColumns: [],\n alphabetize: true,\n placeholder: 'Search on field name',\n};\n\nexport default FilterList;\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n TextFilterPopper,\n CurrencyFilterPopper,\n DateFilterPopper,\n MultiFilterPopper,\n AvailabilityFilterPopper,\n FilterPopper,\n} from '../common';\nimport { CertificationFilter } from '.';\nimport {\n FILTER_PROJECT_DATE,\n FILTER_ALLOCATION,\n FILTER_ALLOCATED_PEOPLE,\n FILTER_PHASE,\n FILTER_ROLES,\n FILTER_SORTED_LIST,\n FILTER_ISSUES,\n SELECT_LIST,\n SELECT_LIST_SEARCH,\n MAPPED_PEOPLE_FILTER_NAMES,\n FILTER_AVAILABILITIES,\n FILTER_CERTIFICATIONS,\n} from '../../filters/constants';\nimport { PEOPLE_DISPLAY_CURRENT_PROJECT } from '../people/constants';\n\nconst FilterPopperFactory = ({ selectedFilter, anchorEl, onCancel, onApply, open, filterQueries, placement }) => {\n const {\n type,\n filterType,\n options: {\n filterOptions = [],\n controlOptions,\n singleFilter = false,\n isCustomSort = false,\n } = {},\n } = selectedFilter;\n\n const { name } = selectedFilter;\n const { args: filterArguments } = filterQueries;\n\n const filterArgument = useMemo(() => {\n const filterName = MAPPED_PEOPLE_FILTER_NAMES[name] || name;\n return filterArguments?.find(argument => argument.label === filterName);\n }, [filterArguments, name]);\n\n const selected = useMemo(() => (\n filterArgument ? filterArgument.activeFilters : []\n ), [filterArgument]);\n\n const selectedItems = useMemo(() => (\n filterOptions.length > 0\n ? selected.map(item => item.name)\n : []\n ), [selected, filterOptions.length]);\n\n const commonProps = {\n anchorEl,\n open,\n title: MAPPED_PEOPLE_FILTER_NAMES[name] || name,\n onApply,\n onCancel,\n placement,\n };\n\n if (filterType === FILTER_AVAILABILITIES) {\n return (\n \n \n \n {searchString.length > 0 && \n ),\n classes: {\n root: 'filter-text-field',\n focused: 'focused',\n },\n }}\n />\n
\n );\n};\n\nSearchBox.propTypes = {\n placeholder: PropTypes.string,\n onFocus: PropTypes.func,\n onSearch: PropTypes.func,\n queryId: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n};\n\nSearchBox.defaultProps = {\n placeholder: '',\n onFocus: () => {},\n onSearch: () => {},\n};\n\nexport default SearchBox;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener } from '@material-ui/core';\nimport { FilterList as FilterListIcon } from '@material-ui/icons';\nimport { Button } from '@bridgit/foundation';\nimport { FilterContainer } from '.';\nimport { CustomPopper } from '../wrapped-components';\nimport { setFilterListAnchorElId, setFilterAnchorElId, setFilterMenuVisibility, setPopperIsOpen } from './redux/actions';\n\nconst modifiers = {\n offset: {\n offset: '0, 8px',\n enabled: true,\n },\n};\n\nconst FilterMenu = ({\n columns,\n label,\n exclude,\n updateCurrentFilter,\n priorityColumns,\n buttonId,\n filterQueries,\n}) => {\n const dispatch = useDispatch();\n const { open, popperIsOpen } = useSelector(({ filters }) => filters.filterMenu);\n\n const [localOpen, setLocalOpen] = useState(false);\n\n const onClick = () => {\n const { args: filterArguments } = filterQueries;\n\n if ((!filterArguments || !filterArguments.length) && !open) {\n dispatch(setFilterListAnchorElId(buttonId));\n dispatch(setFilterAnchorElId(buttonId));\n dispatch(setPopperIsOpen(false));\n }\n dispatch(setFilterMenuVisibility(true));\n setLocalOpen(true);\n };\n\n const dismissFilterMenu = () => {\n if (!popperIsOpen) {\n dispatch(setFilterMenuVisibility(false));\n setLocalOpen(false);\n }\n };\n\n return (\n \n \n \n \n \n \n )}\n
\n );\n};\n\nFilterMenu.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.object),\n label: PropTypes.string,\n exclude: PropTypes.arrayOf(PropTypes.object),\n updateCurrentFilter: PropTypes.func,\n priorityColumns: PropTypes.array,\n buttonId: PropTypes.string.isRequired,\n filterQueries: PropTypes.object,\n};\n\nFilterMenu.defaultProps = {\n columns: [],\n label: 'Filters',\n exclude: [],\n updateCurrentFilter: null,\n priorityColumns: [],\n filterQueries: {},\n};\n\nexport default FilterMenu;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowDropDown, ArrowDropUp } from '@material-ui/icons';\nimport { AUTOMATION_FILTER_COUNTER_ID_PREFIX } from './ids';\n\nconst FilterCounter = (props) => {\n const { onClick, label, open, filter } = props;\n const filterCounterId = `${AUTOMATION_FILTER_COUNTER_ID_PREFIX}${label.replace(' ', '')}`;\n\n const handleClick = () => {\n onClick(filter, filterCounterId);\n };\n\n return (\n \n
\n { label }
\n \n {open ?
\n \n );\n};\n\nFilterCounter.propTypes = {\n onClick: PropTypes.func,\n label: PropTypes.string.isRequired,\n open: PropTypes.bool,\n filter: PropTypes.object,\n};\n\nFilterCounter.defaultProps = {\n open: false,\n onClick: () => {},\n filter: null,\n};\n\nexport default FilterCounter;\n","import React, { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener } from '@material-ui/core';\nimport { AddCircle } from '@material-ui/icons';\nimport { Button } from '@bridgit/foundation';\nimport { FilterList } from '.';\nimport { CustomPopper } from '../wrapped-components';\nimport FilterCounter from './FilterCounter';\nimport FilterPopperFactory from './FilterPopperFactory';\nimport {\n setFilterListAnchorElId,\n setFilterAnchorElId,\n setPopperIsOpen,\n} from './redux/actions';\n\nconst FilterContainer = ({\n className,\n filterQueries,\n columns,\n priorityColumns,\n exclude,\n showEmptyMessage,\n trackApplyFilter,\n addFilterButtonId,\n}) => {\n const dispatch = useDispatch();\n const { filterListAnchorElId, filterAnchorElId } = useSelector(({ filters }) => filters.filterMenu);\n\n const [showFilterList, setShowFilterList] = useState(false);\n const [showFilterPopper, setShowFilterPopper] = useState(false);\n const [selectedFilter, setSelectedFilter] = useState(null);\n const [filteredColumns, setFilteredColumns] = useState([]);\n\n useEffect(() => {\n setFilteredColumns(Array.isArray(filterQueries.args) ? filterQueries.args.map(f => f.label) : []);\n }, [filterQueries]);\n\n const onAddFilterClick = () => {\n dispatch(setFilterListAnchorElId(addFilterButtonId));\n dispatch(setFilterAnchorElId(addFilterButtonId));\n setShowFilterList(true);\n dispatch(setPopperIsOpen(true));\n };\n\n const onFilterSelect = (filter) => {\n setShowFilterList(false);\n setSelectedFilter(filter);\n setShowFilterPopper(true);\n dispatch(setPopperIsOpen(true));\n };\n\n const dismissFilterList = () => {\n setSelectedFilter(null);\n setShowFilterList(false);\n dispatch(setFilterListAnchorElId(null));\n dispatch(setPopperIsOpen(false));\n };\n\n const dismissFilterPopper = () => {\n setSelectedFilter(null);\n setShowFilterList(false);\n setShowFilterPopper(false);\n dispatch(setFilterListAnchorElId(null));\n dispatch(setPopperIsOpen(false));\n };\n\n const toggleFilterPopper = (filter, filterCounterId) => {\n if (filter) {\n setSelectedFilter(filter);\n }\n setShowFilterPopper(true);\n dispatch(setFilterAnchorElId(filterCounterId));\n dispatch(setPopperIsOpen(true));\n };\n\n const onApplyFilter = (updatedFilters) => {\n trackApplyFilter?.(selectedFilter, updatedFilters);\n setSelectedFilter(null);\n dispatch(setPopperIsOpen(false));\n };\n\n const renderFilterCounters = () => {\n const { args: filterArguments } = filterQueries;\n if (showEmptyMessage && !(Array.isArray(filterArguments) && filterArguments.length)) {\n return No filters applied
;\n }\n\n return filterArguments.map((filter) => {\n const { label } = filter;\n const selectedColumn = columns.find(({ name }) => name === label);\n\n return (\n \n \n \n \n \n \n {selectedFilter && filterAnchorEl && (\n
\n );\n};\n\nFilterContainer.propTypes = {\n className: PropTypes.string,\n columns: PropTypes.arrayOf(PropTypes.object),\n priorityColumns: PropTypes.arrayOf(PropTypes.string),\n filterQueries: PropTypes.object,\n exclude: PropTypes.arrayOf(PropTypes.object),\n showEmptyMessage: PropTypes.bool,\n trackApplyFilter: PropTypes.func,\n addFilterButtonId: PropTypes.string.isRequired,\n};\n\nFilterContainer.defaultProps = {\n className: '',\n columns: [],\n priorityColumns: [],\n filterQueries: {},\n exclude: [],\n showEmptyMessage: true,\n trackApplyFilter: undefined,\n};\n\nexport default FilterContainer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {\n MenuItem,\n Select,\n} from '@material-ui/core';\nimport { SORT_STORAGE_KEY, getStorageKey } from 'src/common/localStorageKeys';\nimport { setSortQuery } from '../queries/redux/actions';\n\nfunction SortDropdown({\n queries,\n trackSortChange,\n sortStorageKey,\n filterOptions,\n setSortQuery,\n queryId,\n}) {\n const queryObj = queries[queryId];\n const sortQuery = queryObj && queryObj.sort ? queryObj.sort : {};\n const { args: sortArgs = [{}] } = sortQuery;\n const { label, column } = sortArgs[0];\n\n if (!label || !label.length) return null;\n\n const getRenderValue = () => (\n \n {renderFilterCounters()}\n
\n \n
\n \n
\n \n Sort by\n {label}\n
\n );\n\n const onChange = (evt) => {\n const { value } = evt.target;\n const { label } = filterOptions.find(filter => filter.column === value);\n const newArg = {\n label,\n column: value,\n ascending: true,\n type: null,\n };\n\n const query = {\n name: 'sort',\n args: [newArg],\n };\n\n trackSortChange(label);\n\n setSortQuery(queryId, query, sortStorageKey);\n };\n\n return (\n \n
\n \n );\n};\n\nSaveFilterModal.propTypes = {\n filterData: PropTypes.array,\n onCancel: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n};\n\nSaveFilterModal.defaultProps = {\n filterData: [],\n};\n\nexport default SaveFilterModal;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ConfirmationModal, Modal, Button } from '@bridgit/foundation';\nimport { ClickAwayListener, ListItemIcon, MenuItem, MenuList, Typography } from '@material-ui/core';\nimport { Cancel, Domain, Person, Star } from '@material-ui/icons';\nimport { CustomPopper } from '../wrapped-components';\nimport { PEOPLE_FILTER_TYPE, PROJECT_FILTER_TYPE } from './common/constants';\nimport useAnchorToggle from './utils/useAnchorToggle';\n\nfunction SavedFiltersDropdown({ savedFilters, disabled, onApply, onDelete, onConfirmDelete, onCancelDelete, isApplied, filterToDelete, showSubheaders }) {\n const { anchorEl, handleClose: closeDropdown, handleToggle: toggleDropdown, isOpen: isDropdownOpen } = useAnchorToggle();\n const [isManageModalOpen, setIsManageModalOpen] = useState(false);\n const [isConfirmModalOpen, setIsConfirmModalOpen] = useState(false);\n\n const [peopleFilterList, projectFilterList] = useMemo(() => (\n savedFilters?.reduce(([peopleFilterList, projectFilterList], filter) => {\n if (filter.filterType === PEOPLE_FILTER_TYPE) {\n peopleFilterList.push(filter);\n }\n\n if (filter.filterType === PROJECT_FILTER_TYPE) {\n projectFilterList.push(filter);\n }\n\n return [peopleFilterList, projectFilterList];\n }, [[], []])\n ), [savedFilters]);\n\n const peopleFilterSubheader = useMemo(() => {\n if (showSubheaders) {\n if (peopleFilterList?.length === 0 && !!projectFilterList?.length) {\n return (\n \n
\n \n {filterList}\n
\n \n
\n );\n }\n\n return People saved filters
\n There are no saved People filters
\n People saved filters
;\n }\n\n return null;\n }, [peopleFilterList?.length, projectFilterList?.length, showSubheaders]);\n\n const projectFilterSubheader = useMemo(() => {\n if (showSubheaders) {\n if (projectFilterList?.length === 0 && !!peopleFilterList?.length) {\n return (\n \n
\n );\n }\n\n return Project saved filters
\n There are no saved Project filters
\n Project saved filters
;\n }\n\n return null;\n }, [peopleFilterList?.length, projectFilterList?.length, showSubheaders]);\n\n const renderFiltersList = useCallback(({ applyFilter, deleteFilter } = {}) => (\n \n \n \n \n \n
\n \n {!savedFilters.length && (\n \n No saved filters. Try applying filters and saving them for quick access in the future.\n \n )}\n {!!savedFilters.length && (\n <>\n {renderFiltersList({ applyFilter: applySavedFilter })}\n
\n \n \n Manage saved filters\n \n
\n \n )}\n \n
\n );\n };\n\n const columnOptions = {\n photoUrl: {\n customBodyRender: (value) => {\n if (value) {\n return {valueArray[0]}
\n {numMore > 0 && {`+${numMore} more`}
}\n \n
\n );\n },\n },\n currentProjects: {\n customBodyRender: plusMoreCustomBodyRender,\n filterOptions: projectList?.filter(project => project.state !== CANCELED),\n filterEmptyOption: true,\n },\n currentAllocations: {\n customBodyRender: plusMoreCustomBodyRender,\n },\n [NEXT_ALLOCATIONS]: {\n customBodyRender: plusMoreCustomBodyRender,\n },\n [NEXT_ALLOCATIONS_START_DATE]: {\n customBodyRender: plusMoreCustomBodyRender,\n },\n pursuitProjects: {\n customBodyRender: plusMoreCustomBodyRender,\n },\n hasConflict: {\n customBodyRender: value => (value ? \n
\n {timeOffLabel || `${percentAvailable}%`}
\n { (availableInDays === 0 || !!timeOffLabel) && (\n\n \n
\n )}\n \n { availabilityUntil }\n
\n \n \n \n {children}\n
\n );\n}\n\nEmptyGantt.propTypes = {\n className: PropTypes.string,\n welcomeText: PropTypes.string,\n bodyText: PropTypes.string,\n children: PropTypes.node,\n};\n\nEmptyGantt.defaultProps = {\n className: '',\n welcomeText: '',\n bodyText: '',\n children: '',\n};\n\nexport default EmptyGantt;\n","// Bar variant types\nconst PROJECT_BAR = 'PROJECT_BAR';\nconst PHASE_BAR = 'PHASE_BAR';\nconst FILLED_ROLE_BAR = 'FILLED_ROLE_BAR';\nconst UNFILLED_ROLE_BAR = 'UNFILLED_ROLE_BAR';\n\n// Legend variant types\nconst PROJECT_LEGEND = 'PROJECT_LEGEND';\nconst ROLE_LEGEND = 'ROLE_LEGEND';\n\nconst THREE_YEARS = 'THREE_YEARS';\nconst YEAR = 'YEAR';\nconst MONTH = 'MONTH';\nconst SIX_MONTHS = 'SIX_MONTHS';\n\nconst INTERVALS_MAP = {\n [THREE_YEARS]: '3 years',\n [YEAR]: '1 year',\n [SIX_MONTHS]: '6 months',\n [MONTH]: '1 month',\n};\n\nconst TIME_INTERVAL_UNIT_MAP = {\n [THREE_YEARS]: YEAR,\n [YEAR]: YEAR,\n [SIX_MONTHS]: MONTH,\n [MONTH]: MONTH,\n};\n\nconst TIME_MULTIPLIERS_MAP = {\n [THREE_YEARS]: 3,\n [YEAR]: 1,\n [SIX_MONTHS]: 6,\n [MONTH]: 1,\n};\n\nconst VALID_TIME_INTERVALS = [THREE_YEARS, YEAR, MONTH, SIX_MONTHS];\n\nconst SHARE_DATA_QUERY_PARAM = 'share';\n\nexport {\n PROJECT_BAR,\n PHASE_BAR,\n FILLED_ROLE_BAR,\n UNFILLED_ROLE_BAR,\n PROJECT_LEGEND,\n ROLE_LEGEND,\n THREE_YEARS,\n YEAR,\n MONTH,\n SIX_MONTHS,\n INTERVALS_MAP,\n TIME_INTERVAL_UNIT_MAP,\n TIME_MULTIPLIERS_MAP,\n VALID_TIME_INTERVALS,\n SHARE_DATA_QUERY_PARAM,\n};\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { Avatar, ClickAwayListener, IconButton, Tooltip, Button } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { ProjectRoleTitle } from '@bridgit/foundation';\nimport { sortSegmentsByStartDate } from '../../utils/dateSegmentUtils';\nimport { ConfirmAllocationChange, AllocationDateEditor, RoleRequirementList } from '../allocations';\nimport { allocationUpdateMessage } from '../allocations/utils/allocationUtils';\nimport { validateAllocationUpdate } from '../people/utils/unavailabilityUtils';\nimport { PERM_WRITE, PERM_ALLOCATION } from '../permissions/utils/constants';\nimport { CustomPopper, Can } from '../wrapped-components';\nimport emptyAvatar from '../../images/empty_avatar_blue.svg?url';\nimport { deleteProjectAllocation } from '../projects/redux/deleteProjectAllocation';\nimport { updateProjectRoleAllocation } from '../projects/redux/updateProjectRoleAllocation';\nimport { DATE_INPUT_FORMAT } from '../../common/constants';\nimport { setSelectedPersonId, trackAnalytics } from '../common/redux/actions';\nimport { openModal } from '../modal-manager/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { PROFILE_DETAILS_MODAL_DISPLAYED } from '../../analytics/dashboard/constants';\nimport { ALLOCATION_END_DATE_UPDATED, ALLOCATION_START_DATE_UPDATED } from '../../analytics/projects/constants';\n\nexport class ExpandedGanttPopper extends PureComponent {\n static propTypes = {\n allocation: PropTypes.object.isRequired,\n accountId: PropTypes.number.isRequired,\n projects: PropTypes.object.isRequired,\n popperOpen: PropTypes.bool.isRequired,\n anchorEl: PropTypes.object,\n onClickAway: PropTypes.func.isRequired,\n setDatePicker: PropTypes.func,\n deleteProjectAllocation: PropTypes.func.isRequired,\n updateProjectRoleAllocation: PropTypes.func.isRequired,\n entities: PropTypes.array,\n unavailabilities: PropTypes.array,\n setSelectedPersonId: PropTypes.func.isRequired,\n trackAnalytics: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n anchorEl: null,\n setDatePicker: () => {},\n entities: [],\n unavailabilities: [],\n }\n\n constructor(props) {\n super(props);\n const { allocation } = props;\n\n this.state = {\n loading: false,\n confirmRemove: false,\n confirmUpdate: false,\n confirmUpdateAllocation: null,\n confirmOverlapUpdate: false,\n overlapMessage: null,\n mixpanelPayload: {\n 'Project Name': allocation.projectName,\n 'Project ID': allocation.projectId,\n 'Project status': allocation.projectState,\n 'Project type': allocation.projectType,\n 'Role Name': allocation.roleName,\n 'Role ID': allocation.roleId,\n 'Person Name': allocation.text,\n 'Person ID': allocation.personId,\n },\n };\n }\n\n static getDerivedStateFromProps(nextProps, state) {\n const { projects } = nextProps;\n const { loading } = state;\n const nextLoading = !!projects.deleteProjectAllocationPending || !!projects.updateProjectRoleAllocationPending;\n const stateUpdates = {};\n\n if (loading && !nextLoading) {\n stateUpdates.confirmRemove = false;\n stateUpdates.confirmUpdate = false;\n }\n\n return {\n ...stateUpdates,\n loading: nextLoading,\n };\n }\n\n trackButtonClick = () => {\n const { allocation, trackAnalytics } = this.props;\n\n trackAnalytics(PROFILE_DETAILS_MODAL_DISPLAYED, {\n 'Person name': allocation.text,\n 'Person id': allocation.personId,\n 'Launched from': 'Project Gantt - People Bar (expanded view)',\n });\n }\n\n handlePopperClick = (evt) => {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n preventDrag = evt => evt.stopPropagation();\n\n handleRemove = () => {\n const {\n accountId,\n allocation,\n deleteProjectAllocation,\n } = this.props;\n const { mixpanelPayload } = this.state;\n\n const data = {\n roleId: allocation.roleId,\n personId: allocation.personId,\n startDate: moment(allocation.startDate).format(DATE_INPUT_FORMAT),\n endDate: moment(allocation.endDate).format(DATE_INPUT_FORMAT),\n };\n const analyticsPayload = {\n ...mixpanelPayload,\n 'Allocation deleted from': 'Project Gantt',\n };\n\n deleteProjectAllocation(accountId, allocation.projectId, data, analyticsPayload);\n }\n\n handleUpdate = (allocationChangeParam = null) => {\n const { allocation, accountId, updateProjectRoleAllocation, projects } = this.props;\n const { confirmUpdateAllocation, mixpanelPayload } = this.state;\n const existingAllocation = projects.expandedAllocations\n .find(project => project.projectId === allocation.projectId).roles\n .find(role => role.roleId === allocation.roleId).allocations\n .find(al => moment(al.startDate).isSame(allocation.startDate.format(DATE_INPUT_FORMAT)));\n\n let startDateUpdated = true;\n const analyticsPayload = {\n ...mixpanelPayload,\n 'Allocated Person Updated': false,\n 'Allocation updated from': 'Project Gantt',\n };\n if (!confirmUpdateAllocation || !confirmUpdateAllocation.othersAffected) {\n startDateUpdated = allocationChangeParam.startDate;\n updateProjectRoleAllocation(accountId, allocation.projectId, allocation.roleId, existingAllocation, allocationChangeParam, {\n ...analyticsPayload,\n [ALLOCATION_START_DATE_UPDATED]: !!startDateUpdated,\n [ALLOCATION_END_DATE_UPDATED]: !startDateUpdated,\n });\n } else {\n const { allocationChange } = confirmUpdateAllocation;\n startDateUpdated = allocationChange.startDate;\n updateProjectRoleAllocation(accountId, allocation.projectId, allocation.roleId, existingAllocation, allocationChange, {\n ...analyticsPayload,\n [ALLOCATION_START_DATE_UPDATED]: !!startDateUpdated,\n [ALLOCATION_END_DATE_UPDATED]: !startDateUpdated,\n });\n }\n }\n\n buildConfirmObj = () => {\n const { allocation, projects } = this.props;\n const { confirmRemove, confirmUpdate, confirmUpdateAllocation, confirmOverlapUpdate, overlapMessage } = this.state;\n const loading = !!projects.deleteProjectAllocationPending || !!projects.updateProjectRoleAllocationPending;\n\n if (!confirmRemove && !confirmUpdate && !confirmOverlapUpdate) {\n return {\n open: loading,\n loading,\n };\n }\n\n const warningMessage = allocationUpdateMessage(confirmOverlapUpdate, confirmRemove, confirmUpdateAllocation, allocation.text, overlapMessage);\n const { primaryActionText, message, subMessage } = warningMessage;\n\n return {\n open: confirmRemove || confirmUpdate || confirmOverlapUpdate,\n loading,\n primaryActionText,\n primaryAction: confirmRemove ? this.handleRemove : this.handleUpdate,\n secondaryAction: this.closeConfirm,\n message,\n subMessage,\n };\n }\n\n confirmRemove = () => {\n const { allocation } = this.props;\n if (moment(allocation.startDate).isAfter()) {\n this.handleRemove();\n } else {\n this.setState({ confirmRemove: true });\n }\n }\n\n confirmUpdate = (newStartDate, newEndDate, changeType) => {\n const { projects, allocation, entities, unavailabilities } = this.props;\n const selectedPerson = entities.find(person => person.id === allocation.personId);\n const pous = unavailabilities.find(person => person.personId === allocation.personId);\n const data = {};\n const { allocations } = projects.expandedAllocations\n .find(project => project.projectId === allocation.projectId).roles\n .find(role => role.roleId === allocation.roleId);\n const sortedRoleAllocations = sortSegmentsByStartDate(allocations);\n const allocationIndex = sortedRoleAllocations.findIndex(a => moment(a.startDate).isSame(allocation.startDate.format(DATE_INPUT_FORMAT)));\n\n let othersAffected = false;\n const allocationChange = {};\n if (newStartDate) {\n const previousAllocation = sortedRoleAllocations[allocationIndex - 1];\n othersAffected = previousAllocation && (moment(previousAllocation.endDate).isSameOrAfter(newStartDate));\n data.startDate = moment(newStartDate).format(DATE_INPUT_FORMAT);\n data.endDate = moment(allocation.startDate).format(DATE_INPUT_FORMAT);\n allocationChange.startDate = newStartDate;\n }\n\n if (newEndDate) {\n const nextAllocation = sortedRoleAllocations[allocationIndex + 1];\n othersAffected = nextAllocation && (moment(nextAllocation.startDate).isSameOrBefore(newEndDate));\n data.startDate = moment(allocation.endDate).format(DATE_INPUT_FORMAT);\n data.endDate = moment(newEndDate).format(DATE_INPUT_FORMAT);\n allocationChange.endDate = newEndDate;\n }\n\n const overlap = validateAllocationUpdate(selectedPerson && selectedPerson.employmentDates, pous && pous.unavailabilities, data);\n\n if (!othersAffected && !overlap) {\n this.handleUpdate(allocationChange);\n } else if (overlap && overlap.length) {\n this.setState({\n confirmOverlapUpdate: true,\n overlapMessage: overlap,\n });\n } else {\n this.setState({\n confirmUpdate: true,\n confirmUpdateAllocation: {\n changeType,\n allocationChange,\n othersAffected,\n },\n });\n }\n }\n\n closeConfirm = () => {\n this.setState({\n confirmRemove: false,\n confirmUpdate: false,\n confirmOverlapUpdate: false,\n overlapMessage: null,\n });\n }\n\n showModal = () => {\n const { allocation, setSelectedPersonId, openModal, onClickAway } = this.props;\n setSelectedPersonId(allocation.personId);\n openModal(MULTI_STATE_MODAL_ID);\n this.trackButtonClick();\n onClickAway();\n }\n\n renderAvatarLink = () => {\n const { allocation } = this.props;\n return (\n \n );\n }\n\n renderAvatar = () => {\n const { allocation } = this.props;\n return allocation.active\n ? (\n \n 
\n
\n {welcomeText}
\n {bodyText}
\n \n { this.renderAvatarLink() }\n
\n )\n : Visit Profile
\n \n { this.renderAvatar() }\n \n \n \n \n )}\n />\n
\n \n \n
\n {allocation.text}
\n \n
\n {allocation.personTitle}
\n {allocation.projectName}
\n \n
\n {allocation.allocationPercent === 'Custom' && (\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, accounts, people, gantt }) {\n const { accountId } = common;\n const { getFilteredPeoplePending, peopleCount } = people;\n const {\n parsedPeople,\n } = gantt.instances[PEOPLE_GANTT_CONFIG_KEY];\n\n const loadingPage = people.getFilteredPeoplePagePending;\n const pagingError = !!people.getFilteredPeoplePageError;\n\n return {\n people,\n accountId,\n accounts: accounts.entities,\n loading: getFilteredPeoplePending,\n loadingPage,\n pagingError,\n parsedPeople,\n peopleCount,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ setGanttConfig }, dispatch),\n setSelectedPersonId: bindActionCreators(setSelectedPersonId, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(PeopleGantt);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Avatar, Tooltip, Button } from '@material-ui/core';\nimport { ProjectRoleTitle } from '@bridgit/foundation';\nimport { Can } from '../wrapped-components';\nimport { ProjectLinkToModalContainer } from '../common';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT, DOT, DEFAULT_POU_START, DEFAULT_POU_END } from '../../common/constants';\nimport emptyAvatar from '../../images/empty_avatar.svg?url';\nimport { PERM_WRITE, PERM_PERSON } from '../permissions/utils/constants';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { setSelectedPersonId, trackAnalytics } from '../common/redux/actions';\nimport { openModal } from '../modal-manager/redux/actions';\nimport { PROFILE_DETAILS_MODAL_DISPLAYED } from '../../analytics/dashboard/constants';\n\nexport class PeopleGanttPopper extends PureComponent {\n static propTypes = {\n allocation: PropTypes.object,\n onClickAway: PropTypes.func.isRequired,\n person: PropTypes.object.isRequired,\n setSelectedPersonId: PropTypes.func.isRequired,\n trackAnalytics: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n allocation: null,\n }\n\n handlePopperClick = (event) => {\n event.preventDefault();\n event.stopPropagation();\n }\n\n trackButtonClick = (id, name) => {\n const { trackAnalytics } = this.props;\n const personId = parseInt(id, 10);\n trackAnalytics(PROFILE_DETAILS_MODAL_DISPLAYED, {\n 'Person name': name,\n 'Person id': personId,\n 'Launched from': 'People Gantt - Popper',\n });\n }\n\n renderPouDescription = () => {\n const { allocation: { details: { description, isPrivate } } } = this.props;\n\n if (!description) return \n
\n \n
\n Unavailable
;\n return (\n Unavailable
\n : {description}
}\n \n )}\n />\n );\n };\n\n renderUnavailableDates = () => {\n const { allocation: { details: { startDate, endDate } } } = this.props;\n const start = startDate === DEFAULT_POU_START ? '' : moment(startDate).format(DATE_DISPLAY_FORMAT);\n const end = endDate === DEFAULT_POU_END ? '' : moment(endDate).format(DATE_DISPLAY_FORMAT);\n return {`${start} - ${end}`}
;\n };\n\n showModal = () => {\n const { person, setSelectedPersonId, openModal, onClickAway } = this.props;\n const { id, name } = person;\n setSelectedPersonId(id);\n openModal(MULTI_STATE_MODAL_ID);\n onClickAway();\n this.trackButtonClick(id, name);\n }\n\n renderAvatar = () => {\n const { person } = this.props;\n return (\n \n );\n }\n\n renderAllocations = () => {\n const { allocation, person, onClickAway } = this.props;\n\n return (\n <>\n {!allocation.details\n ? Find an unfilled role
\n : (\n <>\n \n \n { this.renderAvatar() }\n \n
\n \n
\n {person.name}
\n \n
\n {person.title}
\n {allocation.isOverAllocated && {`${DOT} Over allocated`}
}\n \n
\n \n {moment(allocation.startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT)}\n {' - '}\n {moment(allocation.endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT)}\n
\n {`${allocation.details.allocatedPercent}%`}
\n \n
\n Project
\n Role
\n %
\n \n {allocation.details.allocations.map(a => (\n
\n \n )}\n \n );\n }\n\n render() {\n const { allocation } = this.props;\n\n if (!allocation) return null;\n\n return (\n \n
\n ))}\n \n
\n \n
\n {a.allocatedPercent}
\n \n \n {\n allocation.isUnavailable ? (\n
\n \n );\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n setSelectedPersonId: bindActionCreators(setSelectedPersonId, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(PeopleGanttPopper);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { generate } from 'shortid';\n\nfunction TimelineHeader({\n className,\n monthWidth,\n todayPosition,\n columnHeaders,\n showToday,\n}) {\n const displayToday = showToday && todayPosition >= 0 && todayPosition < monthWidth;\n return (\n \n
\n )\n : this.renderAllocations()\n }\n \n {this.renderUnavailableDates()}\n
\n {this.renderPouDescription()}\n \n {columnHeaders.map(month => (\n
\n );\n}\n\nTimelineHeader.propTypes = {\n className: PropTypes.string,\n monthWidth: PropTypes.number.isRequired,\n todayPosition: PropTypes.number,\n columnHeaders: PropTypes.array.isRequired,\n showToday: PropTypes.bool,\n};\n\nTimelineHeader.defaultProps = {\n className: '',\n showToday: true,\n todayPosition: 0,\n};\n\nexport default React.memo(TimelineHeader);\n","import React from 'react';\nimport { LinearProgress } from '@material-ui/core';\n\nfunction GanttPageLoading() {\n return (\n \n
\n ))}\n {displayToday && \n {month}\n
\n Today
}\n \n
\n );\n}\n\nexport default GanttPageLoading;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport deepEqual from 'react-fast-compare';\nimport classnames from 'classnames';\nimport { IconButton } from '@material-ui/core';\nimport { FilterList } from '@material-ui/icons';\nimport { PEOPLE_VIEW } from 'src/common/constants';\nimport { FILTER_STORAGE_KEY, getStorageKey } from 'src/common/localStorageKeys';\nimport { FilterPopper } from '../common';\nimport { getTitles } from './utils/peopleGanttUtils';\nimport { getPeopleFilterSummary } from '../filters/utils/filterUtils';\nimport { setFilterQuery } from '../queries/redux/actions';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { FILTERED_PEOPLE_QUERY_ID } from '../queries/redux/constants';\nimport { PEOPLE_GANTT_CONFIG_KEY } from './redux/constants';\nimport { FILTER_ON_PEOPLE } from '../../analytics/filters/constants';\n\nexport class PeopleGanttTitleHeader extends Component {\n static propTypes = {\n accountId: PropTypes.number.isRequired,\n userId: PropTypes.string.isRequired,\n queries: PropTypes.object,\n accountSettings: PropTypes.object.isRequired,\n displayOptions: PropTypes.object.isRequired,\n setFilterQuery: PropTypes.func.isRequired,\n trackAnalytics: PropTypes.func.isRequired,\n isReport: PropTypes.bool,\n };\n\n static defaultProps = {\n queries: {},\n isReport: false,\n };\n\n constructor(props) {\n super(props);\n const { queries, accountSettings } = props;\n const filters = queries.filter;\n const filterArgs = filters && filters.args ? filters.args : [];\n const titleFilters = filterArgs && filterArgs.length ? filterArgs.find(filter => filter.column === 'title') : null;\n const filteredTitleValues = titleFilters ? titleFilters.activeFilters.map(filter => filter.name) : [];\n const titles = getTitles(accountSettings.personFields);\n this.state = {\n filteredTitleValues,\n filterOpen: false,\n accountSettings,\n queries,\n titles,\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { queries, accountSettings } = nextProps;\n const queriesChanged = !deepEqual(prevState.queries, queries);\n const fieldsChanged = !deepEqual(prevState.accountSettings.personFields, accountSettings.personFields);\n const stateChanges = { queries, accountSettings };\n\n if (queriesChanged) {\n const filters = queries.filter;\n const filterArgs = filters && filters.args ? filters.args : [];\n const titleFilters = filterArgs && filterArgs.length ? filterArgs.find(filter => filter.column === 'title') : null;\n const filteredTitleValues = titleFilters ? titleFilters.activeFilters.map(filter => filter.name) : [];\n stateChanges.filteredTitleValues = filteredTitleValues;\n }\n\n if (fieldsChanged) {\n stateChanges.titles = getTitles(accountSettings.personFields);\n }\n\n return stateChanges;\n }\n\n openFilter = () => this.setState({ filterOpen: true });\n\n closeFilter = () => this.setState({ filterOpen: false });\n\n filterIcon = (el) => {\n this.filterRef = el;\n }\n\n applyTitleFilter = (activeFilters) => {\n const { queries, setFilterQuery, accountId, userId, trackAnalytics } = this.props;\n const filterStorageKey = getStorageKey(PEOPLE_VIEW, accountId, FILTER_STORAGE_KEY, userId);\n const filteredTitleValues = activeFilters.map(title => title.name);\n const filterQuery = queries.filter;\n const newArgs = filterQuery && filterQuery.args && filterQuery.args.length\n ? filterQuery.args.filter(arg => arg.column !== 'title')\n : [];\n const newQuery = {\n name: 'filter',\n args: newArgs,\n };\n\n if (activeFilters.length) {\n newQuery.args.push({\n activeFilters,\n column: 'title',\n label: 'Title',\n });\n }\n\n setFilterQuery(FILTERED_PEOPLE_QUERY_ID, newQuery, filterStorageKey);\n\n trackAnalytics(FILTER_ON_PEOPLE, {\n 'View filtered on': 'People Gantt',\n 'Property filtered by': 'Title',\n 'Filter type used': 'Gantt quick option',\n ...getPeopleFilterSummary(newQuery.args),\n });\n\n this.setState({\n filteredTitleValues,\n filterOpen: false,\n });\n }\n\n render() {\n const { displayOptions, isReport } = this.props;\n const { filteredTitleValues, filterOpen, titles } = this.state;\n return (\n \n {displayOptions.photo && (\n Photo
\n )}\n\n \n \n
\n \n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, queries, accountSettings, login, gantt }) {\n const { accountId } = common;\n const { filteredPeople: filteredPeopleQueries } = queries;\n const { displayOptions } = gantt.instances[PEOPLE_GANTT_CONFIG_KEY];\n const { sub: userId } = login.userInfo;\n\n return {\n accountId,\n userId,\n queries: filteredPeopleQueries,\n accountSettings,\n displayOptions,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n setFilterQuery: bindActionCreators(setFilterQuery, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(PeopleGanttTitleHeader);\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, useDispatch } from 'react-redux';\nimport pluralize from 'pluralize';\nimport { Tune } from '@material-ui/icons';\nimport { ChipBowl } from 'src/features/table';\nimport { SideSlideMenu, SideSlideMenuButton } from '@bridgit/foundation';\nimport { FILTER_STORAGE_KEY, SIDE_PANEL_OPEN_KEY, getStorageKey } from 'src/common/localStorageKeys';\nimport { PEOPLE_VIEW } from 'src/common/constants';\nimport { trackAnalytics } from 'src/features/common/redux/actions';\nimport { getValidatedLocalStorage } from '../../utils/validators';\nimport { GANTT_CONTROLS_DEFAULT_OPTIONS } from './redux/constants';\nimport {\n filterClearEvent,\n filterClearPayload,\n filterChipRemoveEvent,\n filterChipRemovePayload,\n} from '../../analytics/mixpanel/filterChips';\n\nfunction GanttControls({\n accountId,\n userId,\n activeView,\n options,\n useClearText,\n queryId,\n sliderContent,\n resultCount,\n}) {\n const [displayOptions, setDisplayOptions] = useState({ ...GANTT_CONTROLS_DEFAULT_OPTIONS, ...options });\n const [sidePanelOpen, setSidePanelOpen] = useState(false);\n\n const dispatch = useDispatch();\n\n const view = activeView === PEOPLE_VIEW ? 'People' : 'Project';\n const { showChips } = displayOptions;\n\n useEffect(() => {\n setDisplayOptions({ ...GANTT_CONTROLS_DEFAULT_OPTIONS, ...options });\n }, [options]);\n\n const filterStorageKey = useMemo(() => (\n getStorageKey(activeView, accountId, FILTER_STORAGE_KEY, userId)\n ), [accountId, activeView, userId]);\n\n const sidePanelOpenKey = useMemo(() => (\n getStorageKey(activeView, accountId, SIDE_PANEL_OPEN_KEY, userId)\n ), [accountId, activeView, userId]);\n\n const defaultSidePanelOpen = useMemo(() => {\n const isOpened = getValidatedLocalStorage(sidePanelOpenKey);\n return isOpened ?? true;\n }, [sidePanelOpenKey]);\n\n // Set default side panel open state\n useEffect(() => {\n setSidePanelOpen(defaultSidePanelOpen);\n }, [defaultSidePanelOpen]);\n\n const trackSlideMenuState = (open) => {\n dispatch(trackAnalytics(`${view} Gantt - Gantt settings panel selected`, {\n Opened: open,\n }));\n localStorage.setItem(sidePanelOpenKey, open);\n };\n\n const onSlideMenuToggle = () => {\n trackSlideMenuState(!sidePanelOpen);\n setSidePanelOpen(!sidePanelOpen);\n };\n\n const renderSideButtons = () => (\n {displayOptions.title ? 'Name and Title' : 'Name'}
\n {!isReport && (\n <>\n \n
\n \n {filterChips}\n
\n \n {pluralize(view, resultCount, true)}\n
\n \n {barData.map((bar) => {\n const mappedData = dataMapper(bar);\n const defaultDate = moment().format(DATE_INPUT_FORMAT);\n const {\n id,\n startDate,\n endDate,\n barColor,\n borderColor,\n borderType,\n textColor,\n shortLabel,\n label,\n customRender,\n customPopperContent,\n } = {\n id: shortid.generate(),\n startDate: defaultDate,\n endDate: defaultDate,\n ...mappedData,\n };\n\n if (customRender) {\n return customRender;\n }\n\n return (\n
\n );\n}\n\nGanttBarRow.propTypes = {\n barData: PropTypes.arrayOf(PropTypes.object).isRequired,\n dates: PropTypes.object.isRequired,\n zoomConfig: PropTypes.object.isRequired,\n dataMapper: PropTypes.func,\n onClick: PropTypes.func,\n columnWidth: PropTypes.number,\n};\n\nGanttBarRow.defaultProps = {\n dataMapper: data => data,\n onClick: () => null,\n columnWidth: undefined,\n};\n","import React, { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { CheckboxForm, RadioChipForm } from 'src/features/common';\nimport { setFilterQuery } from 'src/features/queries/redux/actions';\nimport { setGanttConfig } from 'src/features/gantt/redux/actions';\nimport { PeopleZoomConfig } from 'src/features/gantt/utils/ganttUtils';\nimport {\n FILTER_STORAGE_KEY,\n SLIDER_STORAGE_KEY,\n DISPLAY_OPTIONS_KEY,\n GANTT_DISPLAY_KEY,\n COLOR_OPTION_KEY,\n getStorageKey,\n} from 'src/common/localStorageKeys';\nimport { quickFilterValues } from 'src/features/gantt/utils/peopleGanttUtils';\nimport { capitalize } from 'src/utils/formatters';\nimport { PEOPLE_VIEW } from 'src/common/constants';\nimport {\n FILTER_AVAILABILITIES,\n FILTER_ISSUES,\n NEXT_AVAILABILITY,\n FUTURE_AVAILABILITY,\n} from 'src/filters/constants';\nimport { FILTERED_PEOPLE_QUERY_ID } from 'src/features/queries/redux/constants';\nimport { PEOPLE_GANTT_CONFIG_KEY } from '../redux/constants';\nimport {\n PEOPLE_VIEW_SETTINGS_TIME_INTERVAL,\n PEOPLE_VIEW_SETTINGS_GANTT_DISPLAY,\n PEOPLE_VIEW_SETTINGS_DISPLAY_OPTIONS,\n PEOPLE_VIEW_SETTINGS_FILTER_OPTIONS,\n PEOPLE_VIEW_SETTINGS_GANTT_DISPLAY_MAP,\n PEOPLE_VIEW_SETTINGS_UTILIZATION,\n PEOPLE_VIEW_SETTINGS_COLOR_OPTIONS,\n PEOPLE_VIEW_SETTINGS_COLOR_OPTIONS_MAP,\n} from './constants';\nimport { MIXPANEL_EVENTS } from '../mixpanelEvents';\nimport { getPeopleFilterSummary } from '../../filters/utils/filterUtils';\n\nconst {\n TIME_SEGMENT_CHANGED,\n GANTT_SETTINGS,\n PROJECT_BAR_COLOR,\n} = MIXPANEL_EVENTS;\n\nfunction PeopleGanttViewSettings({\n accountId,\n userId,\n scaleValue,\n displayOptions,\n ganttDisplay,\n colorOption,\n queries,\n setGanttConfig,\n setFilterQuery,\n}) {\n const filterOptions = useMemo(() => quickFilterValues(queries), [queries]);\n\n const onTimeIntervalChange = useCallback((scaleValue) => {\n const zoomConfig = PeopleZoomConfig[scaleValue];\n const sliderStorageKey = getStorageKey(PEOPLE_VIEW, accountId, SLIDER_STORAGE_KEY, userId);\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { scaleValue }, sliderStorageKey);\n window.mixpanel.track(TIME_SEGMENT_CHANGED, {\n 'Time Segment Selected': zoomConfig.label.toLowerCase(),\n });\n }, [accountId, setGanttConfig, userId]);\n\n const onGanttDisplayChange = useCallback((ganttDisplay) => {\n const ganttDisplayKey = getStorageKey(PEOPLE_VIEW, accountId, GANTT_DISPLAY_KEY, userId);\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { ganttDisplay }, ganttDisplayKey);\n window.mixpanel.track(GANTT_SETTINGS, {\n 'Display Option selected': PEOPLE_VIEW_SETTINGS_GANTT_DISPLAY_MAP[ganttDisplay],\n });\n }, [accountId, setGanttConfig, userId]);\n\n const onFilterOptionChange = useCallback((name) => {\n const onAvailableFilter = () => {\n const { availableFilter } = filterOptions;\n const filterStorageKey = getStorageKey(PEOPLE_VIEW, accountId, FILTER_STORAGE_KEY, userId);\n const newArgs = queries && queries.args && queries.args.length\n ? queries.args.filter(arg => arg.column !== NEXT_AVAILABILITY)\n : [];\n const newQuery = {\n name: 'filter',\n args: [...newArgs],\n };\n\n if (!availableFilter) {\n newQuery.args.push({\n activeFilters: [{\n name: 'Has availability',\n verb: '',\n value: FUTURE_AVAILABILITY,\n }],\n column: NEXT_AVAILABILITY,\n label: 'Availability',\n filterType: FILTER_AVAILABILITIES,\n });\n\n window.mixpanel.track('Filter on People', {\n 'View filtered on': 'People Gantt',\n 'Property filtered by': 'Availability',\n 'Filter type used': 'Gantt quick option',\n 'Value filtered by': 'has availability',\n ...getPeopleFilterSummary(newQuery.args),\n });\n }\n\n setFilterQuery(FILTERED_PEOPLE_QUERY_ID, newQuery, filterStorageKey);\n };\n\n const onOverAllocationFilter = () => {\n const { issuesFilter } = filterOptions;\n const filterStorageKey = getStorageKey(PEOPLE_VIEW, accountId, FILTER_STORAGE_KEY, userId);\n const conflictQuery = queries && queries.args && queries.args.length\n ? queries.args.find(arg => arg.column === 'hasConflict')\n : null;\n const newArgs = queries && queries.args && queries.args.length\n ? queries.args.filter(arg => arg.column !== 'hasConflict')\n : [];\n const newQuery = {\n name: 'filter',\n args: [...newArgs],\n };\n let activeFilters = conflictQuery ? [...conflictQuery.activeFilters] : [];\n\n if (issuesFilter) {\n activeFilters = activeFilters.filter(fil => !fil.value);\n } else {\n activeFilters.push({\n name: 'Has allocation issue',\n value: true,\n });\n }\n\n if (activeFilters.length) {\n newQuery.args.push({\n activeFilters,\n column: 'hasConflict',\n label: 'Issues',\n filterType: FILTER_ISSUES,\n });\n }\n\n if (!issuesFilter) {\n window.mixpanel.track('Filter on People', {\n 'View filtered on': 'People Gantt',\n 'Property filtered by': 'Issues',\n 'Filter type used': 'Gantt quick option',\n ...getPeopleFilterSummary(newQuery.args),\n });\n }\n\n setFilterQuery(FILTERED_PEOPLE_QUERY_ID, newQuery, filterStorageKey);\n };\n\n if (name === 'availableFilter') {\n onAvailableFilter();\n }\n if (name === 'issuesFilter') {\n onOverAllocationFilter();\n }\n }, [accountId, filterOptions, queries, setFilterQuery, userId]);\n\n const onDisplayOptionChange = useCallback((name, checked) => {\n const newDisplayOptions = {\n ...displayOptions,\n [name]: checked,\n };\n const displayOptionsKey = getStorageKey(PEOPLE_VIEW, accountId, DISPLAY_OPTIONS_KEY, userId);\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { displayOptions: newDisplayOptions }, displayOptionsKey);\n\n const displayType = `${capitalize(name)}s`;\n window.mixpanel.track(`People Gantt - Display ${displayType}`, {\n [`${displayType} displayed`]: checked,\n });\n }, [accountId, setGanttConfig, userId, displayOptions]);\n\n const onColorOptionChange = useCallback((colorOption) => {\n const colorOptionKey = getStorageKey(PEOPLE_VIEW, accountId, COLOR_OPTION_KEY, userId);\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { colorOption }, colorOptionKey);\n window.mixpanel.track(PROJECT_BAR_COLOR, {\n 'Project colours selected': PEOPLE_VIEW_SETTINGS_COLOR_OPTIONS_MAP[colorOption],\n });\n }, [accountId, setGanttConfig, userId]);\n\n const isColorOptionsVisible = ganttDisplay !== PEOPLE_VIEW_SETTINGS_UTILIZATION;\n\n return (\n \n
\n );\n}\n\nPeopleGanttViewSettings.propTypes = {\n accountId: PropTypes.number.isRequired,\n userId: PropTypes.string.isRequired,\n scaleValue: PropTypes.number.isRequired,\n displayOptions: PropTypes.object.isRequired,\n ganttDisplay: PropTypes.string.isRequired,\n colorOption: PropTypes.string.isRequired,\n queries: PropTypes.object,\n setGanttConfig: PropTypes.func.isRequired,\n setFilterQuery: PropTypes.func.isRequired,\n};\n\nPeopleGanttViewSettings.defaultProps = {\n queries: {},\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, login, gantt, queries }) {\n const { accountId } = common;\n const { sub: userId } = login.userInfo;\n const {\n scaleValue,\n displayOptions,\n ganttDisplay,\n colorOption,\n } = gantt.instances[PEOPLE_GANTT_CONFIG_KEY];\n const { filteredPeople } = queries;\n return {\n accountId,\n userId,\n scaleValue,\n displayOptions,\n ganttDisplay,\n colorOption,\n queries: filteredPeople?.filter,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n setGanttConfig: bindActionCreators(setGanttConfig, dispatch),\n setFilterQuery: bindActionCreators(setFilterQuery, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(PeopleGanttViewSettings);\n","export const MIXPANEL_EVENTS = {\n TIME_SEGMENT_CHANGED: 'People Gantt - Time Segment Changed',\n GANTT_SETTINGS: 'People Gantt - Gantt options',\n PROJECT_BAR_COLOR: 'People Gantt - Project bar color',\n};\n","import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { setGanttConfig } from 'src/features/gantt/redux/actions';\nimport { PeopleGantt } from 'src/features/gantt';\nimport {\n getPeopleDateRanges,\n getTodayPosition,\n getColumnHeaders,\n PeopleZoomConfig,\n} from 'src/features/gantt/utils/ganttUtils';\nimport { parsePeople } from 'src/features/gantt/utils/peopleGanttUtils';\nimport { updateMixpanelPeopleGanttProps } from 'src/common/analyticsHelper';\nimport {\n SLIDER_STORAGE_KEY,\n DISPLAY_OPTIONS_KEY,\n GANTT_DISPLAY_KEY,\n COLOR_OPTION_KEY,\n getStorageKey,\n} from 'src/common/localStorageKeys';\nimport { getValidatedLocalStorage } from 'src/utils/validators';\nimport {\n PEOPLE_VIEW,\n DATE_INPUT_FORMAT,\n MIN_DATA_RANGE_IN_MONTHS,\n MAX_DATA_RANGE_IN_YEARS,\n} from 'src/common/constants';\nimport { PEOPLE_GANTT_CONFIG_KEY, DEFAULT_GANTT_SCALE } from '../redux/constants';\nimport { getAccountAllocations } from '../../people/redux/actions';\n\nfunction PeopleGanttContainer({\n loadMore,\n accountId,\n userId,\n scaleValue,\n scrollPosition,\n displayOptions,\n ganttDisplay,\n colorOption,\n allocations,\n filteredPeople,\n setGanttConfig,\n projectChangePending,\n getAccountAllocations,\n}) {\n useEffect(() => {\n const sliderStorageKey = getStorageKey(PEOPLE_VIEW, accountId, SLIDER_STORAGE_KEY, userId);\n const storedSliderValue = getValidatedLocalStorage(sliderStorageKey);\n const scaleValue = Number.isInteger(storedSliderValue) ? storedSliderValue : DEFAULT_GANTT_SCALE;\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { scaleValue }, sliderStorageKey);\n\n const displayOptionsKey = getStorageKey(PEOPLE_VIEW, accountId, DISPLAY_OPTIONS_KEY, userId);\n const displayOptions = getValidatedLocalStorage(displayOptionsKey);\n if (displayOptions) {\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { displayOptions }, displayOptionsKey);\n }\n\n const ganttDisplayKey = getStorageKey(PEOPLE_VIEW, accountId, GANTT_DISPLAY_KEY, userId);\n const ganttDisplay = getValidatedLocalStorage(ganttDisplayKey);\n if (ganttDisplay) {\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { ganttDisplay }, ganttDisplayKey);\n }\n\n const colorOptionKey = getStorageKey(PEOPLE_VIEW, accountId, COLOR_OPTION_KEY, userId);\n const colorOption = getValidatedLocalStorage(colorOptionKey);\n if (colorOption) {\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, { colorOption }, colorOptionKey);\n }\n }, [accountId, setGanttConfig, userId]);\n\n useEffect(() => {\n updateMixpanelPeopleGanttProps(displayOptions, ganttDisplay, colorOption);\n }, [displayOptions, ganttDisplay, colorOption]);\n\n useEffect(() => {\n const zoomConfig = PeopleZoomConfig[scaleValue];\n const dates = getPeopleDateRanges(zoomConfig);\n const columnHeaders = getColumnHeaders(dates.min, dates.max, zoomConfig);\n const defaultStart = moment.utc().startOf('day').subtract(MIN_DATA_RANGE_IN_MONTHS, 'months');\n const parsedPeople = parsePeople(defaultStart, dates.max, allocations, filteredPeople);\n\n setGanttConfig(PEOPLE_GANTT_CONFIG_KEY, {\n columnHeaders,\n parsedPeople,\n todayPosition: getTodayPosition(dates.min, zoomConfig),\n scrollToPosition: getTodayPosition(dates.min, zoomConfig, scrollPosition),\n });\n }, [\n scaleValue,\n scrollPosition,\n allocations,\n filteredPeople,\n setGanttConfig,\n ]);\n\n const isFirstRender = useRef(true);\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false;\n return;\n }\n\n if (!projectChangePending) {\n const startDate = moment.utc().subtract(MIN_DATA_RANGE_IN_MONTHS, 'months');\n const endDate = moment.utc().add(MAX_DATA_RANGE_IN_YEARS, 'years');\n getAccountAllocations(accountId, startDate.format(DATE_INPUT_FORMAT), endDate.format(DATE_INPUT_FORMAT));\n }\n }, [projectChangePending, getAccountAllocations, accountId]);\n\n return Gantt Settings
\n \n
\n \n
\n { isColorOptionsVisible && (\n \n
\n )}\n \n
\n \n
\n No results found
\n
\n );\n}\n\nPeopleGanttChart.propTypes = {\n onScroll: PropTypes.func,\n showModal: PropTypes.func,\n loadingPage: PropTypes.bool,\n pagingError: PropTypes.bool,\n parsedPeople: PropTypes.array,\n todayPosition: PropTypes.number,\n scrollToPosition: PropTypes.number,\n columnHeaders: PropTypes.arrayOf(PropTypes.string),\n zoomConfig: PropTypes.object.isRequired,\n};\n\nPeopleGanttChart.defaultProps = {\n onScroll: () => {},\n showModal: () => {},\n loadingPage: false,\n pagingError: false,\n parsedPeople: [],\n todayPosition: null,\n scrollToPosition: null,\n columnHeaders: [],\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people, gantt }) {\n const {\n getFilteredPeoplePagePending,\n getFilteredPeoplePageError,\n } = people;\n const {\n columnHeaders,\n parsedPeople,\n todayPosition,\n scrollToPosition,\n scaleValue,\n } = gantt.instances[PEOPLE_GANTT_CONFIG_KEY];\n\n return {\n loadingPage: getFilteredPeoplePagePending,\n pagingError: !!getFilteredPeoplePageError,\n columnHeaders,\n parsedPeople,\n todayPosition,\n scrollToPosition,\n zoomConfig: PeopleZoomConfig[scaleValue],\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(PeopleGanttChart);\n","import React, { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport moment from 'moment';\nimport shortid from 'shortid';\nimport { getNonOverlapping } from 'src/utils/dateSegmentUtils';\nimport { quickFilterValues } from 'src/features/gantt/utils/peopleGanttUtils';\nimport {\n PeopleGanttAvatar,\n GanttBarRow,\n PeopleGanttPopper,\n} from 'src/features/gantt';\nimport { setSelectedProjectId } from 'src/features/common/redux/actions';\nimport { openModal } from 'src/features/modal-manager/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from 'src/features/common/redux/constants';\nimport {\n PEOPLE_VIEW_SETTINGS_UTILIZATION,\n PEOPLE_VIEW_SETTINGS_PROJECTS,\n PEOPLE_VIEW_SETTINGS_FULL_COLOR,\n} from 'src/features/gantt/people-gantt/constants';\nimport { PEOPLE_GANTT_CONFIG_KEY } from 'src/features/gantt/redux/constants';\nimport { DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport { LOST, PURSUIT, CANCELED } from 'src/features/projects/constants';\nimport { GREY, BLACK, utils } from '@bridgit/foundation';\nimport { naturalSort } from 'src/utils/sortUtils';\n\nconst { convertHexToRGB } = utils;\n\nfunction PeopleGanttRow({\n person,\n showModal,\n zoomConfig,\n ganttDisplay,\n colorOption,\n queries,\n setSelectedProjectId,\n openModal,\n dates,\n columnWidth,\n}) {\n const filterValues = useMemo(() => quickFilterValues(queries.filter), [queries]);\n const isFiltered = filterValues.availableFilter || filterValues.issuesFilter;\n const projectDisplay = ganttDisplay === PEOPLE_VIEW_SETTINGS_PROJECTS;\n const utilizationDisplay = ganttDisplay === PEOPLE_VIEW_SETTINGS_UTILIZATION;\n\n const allocations = useMemo(() => {\n const { allocationGroups } = person;\n const { availableFilter, issuesFilter } = filterValues;\n\n if (projectDisplay) return [];\n\n return allocationGroups.filter(({ isAvailable, isOverAllocated }) => (!isFiltered\n || (availableFilter && isAvailable)\n || (issuesFilter && isOverAllocated)));\n }, [projectDisplay, person, isFiltered, filterValues]);\n\n const projectBarRows = useMemo(() => {\n const { projectAllocations, allocationGroups } = person;\n const parsedProjectBarRows = [];\n\n if (!utilizationDisplay) {\n let allocations = projectAllocations;\n\n if (projectDisplay) {\n const unavailableBars = allocationGroups.filter(({ isUnavailable }) => isUnavailable);\n // projectAllocations are sorted by graph. If we merge unavailable bars, we need to resort them\n // since getNonOverlapping assumes the data has already been sorted\n if (unavailableBars.length) {\n allocations = naturalSort([...unavailableBars, ...projectAllocations], 'startDate');\n }\n }\n\n while (allocations.length) {\n const { nonOverlapping, leftovers } = getNonOverlapping(allocations);\n\n // Ignore \"Lost\" or \"Canceled\" projects (Pursuits)\n const nonOverlappingFiltered = nonOverlapping.reduce((filteredNonOverlapping, currentOverlapping) => {\n if (![LOST, CANCELED].includes(currentOverlapping.projectState)) {\n filteredNonOverlapping.push(currentOverlapping);\n }\n return filteredNonOverlapping;\n }, []);\n\n // Ignore empty arrays, otherwise an empty row will be created\n if (nonOverlappingFiltered.length > 0) {\n parsedProjectBarRows.push(nonOverlappingFiltered);\n }\n\n allocations = leftovers;\n }\n }\n return parsedProjectBarRows;\n }, [person, utilizationDisplay, projectDisplay]);\n\n const customPopperContent = useCallback(barData => onClickAway => (\n \n \n
\n \n
\n \n {parsedPeople.map(person =>
\n {(loadingPage || pagingError) && \n
\n );\n}\n\nPeopleGanttRow.propTypes = {\n person: PropTypes.object.isRequired,\n showModal: PropTypes.func,\n zoomConfig: PropTypes.object.isRequired,\n ganttDisplay: PropTypes.string.isRequired,\n colorOption: PropTypes.string.isRequired,\n queries: PropTypes.object.isRequired,\n setSelectedProjectId: PropTypes.func,\n openModal: PropTypes.func,\n dates: PropTypes.object.isRequired,\n columnWidth: PropTypes.number,\n};\n\nPeopleGanttRow.defaultProps = {\n showModal: () => {},\n setSelectedProjectId: () => {},\n openModal: () => {},\n columnWidth: undefined,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ gantt, queries }) {\n const { ganttDisplay, colorOption } = gantt.instances[PEOPLE_GANTT_CONFIG_KEY];\n const { filteredPeople } = queries;\n\n return {\n ganttDisplay,\n colorOption,\n queries: filteredPeople,\n };\n}\n\nconst mapDispatchToProps = dispatch => ({\n setSelectedProjectId: bindActionCreators(setSelectedProjectId, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(PeopleGanttRow);\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport tinycolor from 'tinycolor2';\nimport {\n getStartPx,\n getBarWidth,\n} from 'src/features/gantt/utils/ganttUtils';\nimport { Tooltip, ClickAwayListener } from '@material-ui/core';\nimport { BLACK, WHITE, BLUE } from '@bridgit/foundation';\nimport { CustomPopper } from 'src/features/wrapped-components';\nimport { getMousePosition } from 'src/utils/uiUtils';\n\nexport default function GanttBar({\n startDate,\n endDate,\n barColor,\n borderColor,\n borderType,\n textColor,\n shortLabel,\n label,\n dates,\n zoomConfig,\n onClick,\n customPopperContent,\n columnWidth,\n}) {\n const [startPx, setStartPx] = useState(0);\n const [barWidth, setBarWidth] = useState(0);\n const [popperOpen, setPopperOpen] = useState(false);\n const [anchorEl, setAnchorEl] = useState(null);\n\n const styles = useMemo(() => {\n let color = textColor;\n if (!color) {\n color = tinycolor(barColor).isLight() ? BLACK : WHITE;\n }\n return {\n marginLeft: `${startPx}px`,\n width: `${barWidth}px`,\n backgroundColor: barColor,\n border: `1px ${borderType} ${borderColor}`,\n color,\n };\n }, [startPx, barWidth, barColor, borderColor, borderType, textColor]);\n\n useEffect(() => {\n const momentStartDate = moment(startDate);\n setStartPx(getStartPx(dates.min, momentStartDate, zoomConfig, columnWidth));\n setBarWidth(getBarWidth(momentStartDate, moment(endDate), zoomConfig, true, columnWidth));\n }, [startDate, endDate, dates, zoomConfig, columnWidth]);\n\n const onBarClick = (evt) => {\n if (onClick) onClick();\n if (customPopperContent) {\n const mouseLoc = getMousePosition(evt, 0);\n setPopperOpen(true);\n setAnchorEl(mouseLoc);\n }\n };\n\n const onClickAway = () => {\n setPopperOpen(false);\n setAnchorEl(null);\n };\n\n const renderLabel = () => {\n if (barWidth > 100 || (shortLabel && barWidth > 45)) {\n return (\n \n {allocations.length > 0 && (\n
\n \n
\n )}\n {!utilizationDisplay && projectBarRows.map(barData => (\n \n {barWidth > 100 ? label : shortLabel}\n
\n );\n }\n\n return (\n \n {renderLabel()}\n
\n );\n }\n\n return (\n \n {/* onClickAway available for child to use if need be */}\n {customPopperContent(onClickAway)}\n
\n \n \n {({ input, meta: { error, touched } }) => (\n \n \n Password\n \n {error} }\n \n )}\n \n
\n );\n\n const Email = () => (\n \n \n {({ input, meta: { error, touched }, ...rest }) => (\n \n \n Email\n \n \n {error && touched && {error} }\n \n )}\n \n
\n );\n\n return (\n <>\n \n
\n\n Welcome to Bridgit Bench
\n \n \n \n {headline}\n \n\n {!!oauthError && (\n \n We are unable to log you in. Please try again or contact support.\n \n )}\n\n \n {isSignup ? 'Create an account using your email' : 'Log in with Email'}\n \n\n \n
\n \n
\n {OAUTH_BUTTONS.map(provider => (\n \n 
\n {provider}\n \n ))}\n
\n )\n : (\n \n {OAUTH_BUTTONS.map(provider => (\n \n \n {provider}\n \n ))}\n
\n )}\n\n \n {this.renderSwitch()}\n
\n \n \n \n
\n )}\n \n
\n )}\n\n {showEmailSignup && (\n \n \n \n
\n )}\n\n {showSignupSelection && (\n \n {renderForm()}\n
\n \n
\n \n
\n\n {dirty && (\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ table, common, queries, people }) {\n const { accountId, personSidePanelOpen } = common;\n const { filteredPeople: filteredPeopleQueries } = queries;\n const { personSelections, peopleCount } = people;\n const { visibleColumns } = table;\n\n return {\n people,\n visibleColumns,\n accountId,\n queries: filteredPeopleQueries,\n selectedPerson: personSelections[PEOPLE_LIST_SELECTION_ID],\n peopleCount,\n personSidePanelOpen,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n getPersonById: bindActionCreators(getPersonById, dispatch),\n clearPersonSelection: bindActionCreators(clearPersonSelection, dispatch),\n removePerson: bindActionCreators(removePerson, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(PeopleList));\n","import {\n Paper,\n Tabs,\n Tab,\n Grid,\n} from '@material-ui/core';\nimport { Button, NavigateBack } from '@bridgit/foundation';\nimport React, { PureComponent, createRef } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport {\n PERM_WRITE,\n PERM_PERSON,\n PERM_READ,\n PERM_FINANCIALS,\n PERM_SETTINGS,\n} from 'src/features/permissions/utils/constants';\nimport {\n DOT,\n DATE_INPUT_FORMAT,\n MIN_DATA_RANGE_IN_MONTHS,\n MAX_DATA_RANGE_IN_YEARS,\n ACCOUNT_MODULE_FINANCIAL_TRACKING,\n} from 'src/common/constants';\nimport { PURSUIT } from 'src/features/projects/constants';\nimport { hasModuleEnabled, isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PROFILE_DETAILS_MODAL_CONTEXT } from './constants';\nimport {\n getPersonIssues,\n getPersonCurrentAllocations,\n getPersonAllocations,\n getPersonUpcomingAllocations,\n getPersonPastAllocations,\n getPersonAvailabilities,\n getAccountAllocations,\n updatePerson,\n getUploadUrl,\n removeProfilePicture,\n setProfilePicture,\n} from './redux/actions';\nimport { Confirm, FieldEditor } from '../common';\nimport {\n AddAvatar,\n ProfileContact,\n ProfileDetail,\n ProfileProjects,\n ProfileIssues,\n ProfileEmployment,\n PeriodsOfUnavailability,\n PersonAvailability,\n PersonDetailsSideMenu,\n} from '.';\nimport { closeModal } from '../modal-manager/redux/actions';\nimport { getPersonFields } from '../account-settings/redux/actions';\nimport { getTitleCosts } from '../accounts/redux/getTitleCosts';\n\nexport class PeopleProfile extends PureComponent {\n static propTypes = {\n className: PropTypes.string,\n onBackClick: PropTypes.func,\n selectedPerson: PropTypes.object.isRequired,\n people: PropTypes.object.isRequired,\n accountSettings: PropTypes.object.isRequired,\n selectedPersonAvailability: PropTypes.number.isRequired,\n accountId: PropTypes.number.isRequired,\n toggleActivation: PropTypes.func.isRequired,\n showBackButton: PropTypes.bool.isRequired,\n projectChanged: PropTypes.bool.isRequired,\n runsInModal: PropTypes.bool,\n personSidePanelOpen: PropTypes.bool.isRequired,\n getPersonFields: PropTypes.func.isRequired,\n getPersonIssues: PropTypes.func.isRequired,\n getPersonCurrentAllocations: PropTypes.func.isRequired,\n getPersonAllocations: PropTypes.func.isRequired,\n getPersonUpcomingAllocations: PropTypes.func.isRequired,\n getPersonPastAllocations: PropTypes.func.isRequired,\n getPersonAvailabilities: PropTypes.func.isRequired,\n getAccountAllocations: PropTypes.func.isRequired,\n updatePerson: PropTypes.func.isRequired,\n getUploadUrl: PropTypes.func.isRequired,\n removeProfilePicture: PropTypes.func.isRequired,\n setProfilePicture: PropTypes.func.isRequired,\n getTitleCosts: PropTypes.func.isRequired,\n defaultCostRateFlag: PropTypes.bool.isRequired,\n hasTitleCostsPerms: PropTypes.bool.isRequired,\n };\n\n static defaultProps = {\n className: '',\n onBackClick: () => { },\n runsInModal: false,\n };\n\n constructor(props) {\n super(props);\n\n this.scrollRef = createRef();\n\n this.state = {\n selectedTab: 'projects',\n avatarOpen: false,\n deleteModalOpen: false,\n reactivateModalOpen: false,\n editing: null,\n };\n }\n\n componentDidMount() {\n const {\n selectedPerson,\n people,\n accountId,\n getPersonFields,\n getPersonIssues,\n getPersonCurrentAllocations,\n getPersonAllocations,\n getPersonUpcomingAllocations,\n getPersonPastAllocations,\n getTitleCosts,\n defaultCostRateFlag,\n accountSettings,\n hasTitleCostsPerms,\n } = this.props;\n\n const selectedPersonId = selectedPerson.id;\n const isDeactivated = !selectedPerson.isActive && selectedPerson.state !== 'Active';\n\n const allocations = people.currentAllocations[selectedPersonId];\n const selectedPersonProjects = allocations ? [...new Set(allocations.map(allocation => allocation.projectName))] : [];\n const avatar = selectedPerson.photoUrl || null;\n\n const hasFinancialModuleEnabled = hasModuleEnabled(accountSettings.accountModules, ACCOUNT_MODULE_FINANCIAL_TRACKING);\n\n if (!isDeactivated) {\n getPersonIssues(accountId, selectedPersonId);\n getPersonCurrentAllocations(accountId, selectedPersonId);\n getPersonAllocations(accountId, selectedPersonId, 0, PURSUIT);\n getPersonUpcomingAllocations(accountId, selectedPersonId);\n getPersonFields(accountId);\n\n if (defaultCostRateFlag && hasFinancialModuleEnabled && hasTitleCostsPerms) {\n getTitleCosts(accountId);\n }\n }\n getPersonPastAllocations(accountId, selectedPersonId);\n\n this.setState({\n selectedPersonId,\n selectedPersonProjects,\n avatar,\n });\n }\n\n componentDidUpdate(prevProps) {\n const {\n selectedPerson,\n people,\n projectChanged,\n accountId,\n getPersonFields,\n getPersonIssues,\n getPersonCurrentAllocations,\n getPersonAllocations,\n getPersonUpcomingAllocations,\n getPersonPastAllocations,\n getPersonAvailabilities,\n getAccountAllocations,\n } = this.props;\n\n const selectedPersonId = selectedPerson.id;\n\n const personChanged = !deepEqual(prevProps.selectedPerson, selectedPerson);\n const doneFieldUpdate = prevProps.people.updatePersonFieldValuePending && !people.updatePersonFieldValuePending;\n const donePersonUpdate = prevProps.people.updatePersonPending && !people.updatePersonPending;\n const pouChanged = (prevProps.people.addUnavailabilityPending && !people.addUnavailabilityPending)\n || (prevProps.people.updateUnavailabilityPending && !people.updateUnavailabilityPending);\n\n if (doneFieldUpdate || donePersonUpdate || personChanged) {\n const avatar = selectedPerson?.photoUrl || null;\n\n this.updatePeopleProfileState({\n selectedPersonId,\n avatar,\n });\n }\n\n if (prevProps.people.getPersonCurrentAllocationsPending && !people.getPersonCurrentAllocationsPending) {\n const allocations = people.currentAllocations[selectedPersonId];\n const selectedPersonProjects = allocations ? [...new Set(allocations.map(allocation => allocation.projectName))] : [];\n\n this.updatePeopleProfileState({ selectedPersonProjects });\n }\n\n if (prevProps.selectedPerson.id !== selectedPersonId\n || !deepEqual(prevProps.selectedPerson.employmentDates, selectedPerson.employmentDates)\n || pouChanged\n || (prevProps.projectChanged && !projectChanged)) {\n const isDeactivated = !selectedPerson.isActive && selectedPerson.state !== 'Active';\n\n if (!isDeactivated) {\n getPersonIssues(accountId, selectedPersonId);\n getPersonCurrentAllocations(accountId, selectedPersonId);\n getPersonAllocations(accountId, selectedPersonId, 0, PURSUIT);\n getPersonUpcomingAllocations(accountId, selectedPersonId);\n getPersonFields(accountId);\n\n const startDate = moment.utc().subtract(MIN_DATA_RANGE_IN_MONTHS, 'months');\n const endDate = moment.utc().add(MAX_DATA_RANGE_IN_YEARS, 'years');\n getAccountAllocations(accountId, startDate.format(DATE_INPUT_FORMAT), endDate.format(DATE_INPUT_FORMAT));\n }\n\n getPersonPastAllocations(accountId, selectedPersonId);\n getPersonAvailabilities(accountId);\n }\n }\n\n updatePeopleProfileState = newState => this.setState(newState);\n\n fieldToEdit = (field) => {\n this.setState({ editing: field });\n }\n\n onSave = (name) => {\n const { updatePerson, accountId, selectedPerson, runsInModal } = this.props;\n const analyticsPayload = {\n personName: selectedPerson.name,\n personId: selectedPerson.id,\n field: 'Name',\n updatedFrom: runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'People List',\n isActive: selectedPerson.isActive,\n };\n updatePerson(accountId, selectedPerson.id, { name: name.values[0] }, analyticsPayload);\n\n this.setState({ editing: null });\n }\n\n onUpdateEmail = (email) => {\n const { updatePerson, accountId, selectedPerson, runsInModal } = this.props;\n const analyticsPayload = {\n personName: selectedPerson.name,\n personId: selectedPerson.id,\n field: 'Email',\n updatedFrom: runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'People List',\n isActive: selectedPerson.isActive,\n };\n updatePerson(accountId, selectedPerson.id, { email }, analyticsPayload);\n }\n\n handleChange = (event, value) => {\n const { selectedPerson, runsInModal } = this.props;\n const clickedFrom = runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'People List';\n\n const trackInfo = {\n 'Person Name': selectedPerson.name,\n 'Person ID': selectedPerson.id,\n 'Clicked from': clickedFrom,\n };\n\n const trackMessage = {\n projects: 'Profile - Projects Tab Clicked',\n issues: 'Profile - Issues Tab Clicked',\n employment: 'Profile - Employment Tab Clicked',\n details: 'Profile - Details Tab Clicked',\n contact: 'Profile - Contact Tab Clicked',\n };\n\n // Mixpanel - Track Project tab clicks\n window.mixpanel.track(trackMessage[value], trackInfo);\n\n this.scrollRef.current.scrollTo(0, 0);\n\n this.setState({ selectedTab: value });\n }\n\n showDeleteModal = () => {\n this.setState({\n deleteModalOpen: true,\n });\n }\n\n hideDeleteModal = () => {\n this.setState({\n deleteModalOpen: false,\n });\n }\n\n onAddAvatar = (image) => {\n const { getUploadUrl, accountId, selectedPerson, runsInModal } = this.props;\n const { selectedPersonId } = this.state;\n const blobUrl = window.URL.createObjectURL(image);\n\n this.setState({\n avatar: blobUrl,\n avatarOpen: false,\n });\n\n getUploadUrl(accountId, selectedPersonId, (url) => {\n const analyticsPayload = {\n personName: selectedPerson.name,\n personId: selectedPerson.id,\n uploadedFrom: runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'A Person\\'s Profile',\n };\n this.uploadImage(url, image, selectedPersonId, blobUrl, analyticsPayload);\n });\n }\n\n onDeleteAvatar = () => {\n const { removeProfilePicture, accountId, runsInModal, selectedPerson } = this.props;\n const { selectedPersonId } = this.state;\n\n this.setState({\n avatar: null,\n deleteModalOpen: false,\n });\n\n const parentName = runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'A person\\'s profile';\n\n removeProfilePicture(accountId, selectedPersonId, selectedPerson.name, parentName);\n }\n\n uploadImage = (uploadUrl, imageBlob, selectedPersonId, blobUrl, analyticsPayload) => {\n const { setProfilePicture } = this.props;\n setProfilePicture(uploadUrl, imageBlob, selectedPersonId, blobUrl, analyticsPayload);\n }\n\n showAvatar = () => {\n this.setState({\n avatarOpen: true,\n });\n }\n\n hideAvatar = () => {\n this.setState({\n avatarOpen: false,\n });\n }\n\n showReactivateModal = () => {\n this.setState({\n reactivateModalOpen: true,\n });\n }\n\n hideReactivateModal = () => {\n this.setState({\n reactivateModalOpen: false,\n });\n }\n\n onReactivatePerson = () => {\n const { toggleActivation, runsInModal } = this.props;\n\n this.hideReactivateModal();\n const parentName = runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'People List';\n toggleActivation(parentName);\n }\n\n Content = () => {\n const { selectedTab, selectedPersonProjects } = this.state;\n const { accountSettings, people, toggleActivation, selectedPerson, runsInModal } = this.props;\n\n switch (selectedTab) {\n case 'projects':\n return (\n \n
\n\n {selectedPerson && (\n \n
\n );\n case 'details':\n return (\n \n
\n )}\n \n
\n \n\n {deleteModalOpen && (\n \n
\n \n
\n
\n \n
\n \n
\n {isDeactivated\n ? (\n {title}
\n\n
\n )\n : (\n Deactivated
\n \n \n \n \n \n \n Issues\n {people.issues[selectedPersonId] && people.issues[selectedPersonId].length > 0 && (\n {DOT}\n )}\n
\n )}\n value=\"issues\"\n />\n )}\n \n
\n
\n Are you sure you want to delete this profile picture?
\n \n )}\n\n {reactivateModalOpen && (\n You are about to reactivate this person, all historical information associated with this profile will also be visible.
\n Are you sure you want to reactivate?
\n \n )}\n\n {!runsInModal && \n {showModal && (\n \n Cancel\n \n ), (\n \n Deactivate\n \n )]}\n >\n
\n \n )}\n\n \n {project} \n ))}\n {hasMoreAllocations && You can find your deactivated people under Settings > People
}\n />\n Are you sure you want to deactivate this person?
\n {showUnfilledRoles && (\n \n {hasMoreAllocations ? 'More than ' : ''}\n {`${allocations.length} Role${allocations.length > 1 ? 's' : ''} on the following active and upcoming projects will become unfilled:`}\n
\n )}\n {showUnfilledRoles && selectedPersonProjects.map(project => (\n For a detailed list of all impacted projects, please refer to this persons profile before deactivating.
}\n \n
\n );\n })}\n \n\n {!isDeactivated && !fieldToEdit && (\n \n \n
\n );\n }\n}\n\nconst mapStateToProps = ({ people, common }) => ({\n updatePersonFieldValuePending: people.updatePersonFieldValuePending,\n accountId: common.accountId,\n});\n\nconst mapDispatchToProps = dispatch => ({\n updatePersonFieldValue: bindActionCreators(updatePersonFieldValue, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProfileContact);\n","import { getFieldInput } from '../../../utils/miscUtils';\nimport { CELL_NUMBER_FIELD, MIN_CONFIGURABLE_DATE_MESSAGE } from '../../../common/constants';\nimport { PEOPLE_DISPLAY_COST_RATE, COST_RATE_FIELD_TOOLTIP, PEOPLE_DISPLAY_EMPLOYEE_ID } from '../constants';\n\nconst generateInputs = (personFields) => {\n if (personFields.length === 0) {\n return {\n requiredInputs: [],\n optionalInputs: [],\n };\n }\n\n const requiredInputs = [\n {\n type: 'text',\n placeholder: 'Enter name',\n name: 'name',\n required: true,\n width: 'full',\n primary: true,\n },\n {\n type: 'text',\n label: 'Email',\n placeholder: 'Enter email address',\n name: 'email',\n required: true,\n maxLength: 254,\n },\n ];\n\n const optionalInputs = [\n {\n type: 'image',\n width: 'full',\n name: 'avatar',\n },\n {\n type: 'date',\n label: 'Hire Date',\n name: 'startDate',\n minDateMessage: MIN_CONFIGURABLE_DATE_MESSAGE,\n },\n {\n type: 'date',\n label: 'Termination Date',\n name: 'endDate',\n minDateMessage: MIN_CONFIGURABLE_DATE_MESSAGE,\n },\n ];\n\n const customFields = [];\n let cellNumberField;\n\n // Split person fields into system fields and custom fields\n const systemFields = personFields.reduce((systemFieldsArray, field) => {\n if (field.name === CELL_NUMBER_FIELD) { // Handle 'Cell number' separately (should appear as the final system field)\n cellNumberField = field;\n } else if (field.isSystem) {\n systemFieldsArray.push(field);\n } else {\n customFields.push(field);\n }\n return systemFieldsArray;\n }, []);\n // Move 'Cell number' to the end of the list\n if (cellNumberField) {\n systemFields.push(cellNumberField);\n }\n\n // Order system fields before custom fields\n [...systemFields, ...customFields].forEach((field) => {\n let inputField = { ...field };\n if (inputField.isRequired) {\n requiredInputs.push(getFieldInput(inputField));\n } else {\n if (field.name === PEOPLE_DISPLAY_COST_RATE) {\n inputField = {\n ...field,\n tooltipText: COST_RATE_FIELD_TOOLTIP,\n };\n }\n if (field.name === PEOPLE_DISPLAY_EMPLOYEE_ID) {\n inputField = {\n ...field,\n placeholder: 'Enter employee ID',\n };\n }\n optionalInputs.push(getFieldInput(inputField));\n }\n });\n\n // Move Other to the end of the list\n optionalInputs.push(...optionalInputs.splice(optionalInputs.findIndex(({ label }) => label === 'Other'), 1));\n\n return {\n requiredInputs,\n optionalInputs,\n };\n};\n\nexport {\n generateInputs,\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Add } from '@material-ui/icons';\nimport { withRouter } from 'react-router';\nimport deepEqual from 'react-fast-compare';\nimport { apiFormatPhoneNumber } from 'src/utils/miscUtils';\nimport { validateBasicInputs, validateEmail } from 'src/utils/validators';\nimport { PERM_PERSON, PERM_WRITE } from 'src/features/permissions/utils/constants';\nimport * as actions from './redux/actions';\nimport { AddAvatar } from '.';\nimport { FloatingActionButton, ValidatedForm, Can, EditControls } from '../wrapped-components';\nimport { Modal, Confirm } from '../common';\nimport { generateInputs } from './utils/addPersonModalUtils';\nimport { FIELD_TYPE_PHONE_E164, FIELD_TYPE_PHONE } from '../../common/constants';\nimport { formatPhoneNumberInput } from '../../utils/phoneNumberUtils';\n\nexport class AddPersonModal extends Component {\n static propTypes = {\n accountId: PropTypes.number.isRequired,\n actions: PropTypes.object.isRequired,\n people: PropTypes.object.isRequired,\n personFields: PropTypes.array.isRequired,\n modalOrigin: PropTypes.string,\n redirectToPerson: PropTypes.func,\n };\n\n static defaultProps = {\n modalOrigin: '',\n redirectToPerson: () => {},\n }\n\n constructor(props) {\n super(props);\n\n const { personFields } = props;\n const { requiredInputs, optionalInputs } = generateInputs(personFields);\n\n this.state = {\n open: false,\n requiredInputs,\n optionalInputs,\n isValid: false,\n values: {},\n localAvatar: null,\n avatarBlob: null,\n avatarOpen: false,\n uploading: false,\n errors: {},\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { personFields, people } = this.props;\n const { localAvatar } = this.state;\n let stateUpdates = {};\n\n if (!deepEqual(personFields, nextProps.personFields)) {\n const { requiredInputs, optionalInputs } = generateInputs(nextProps.personFields);\n stateUpdates = {\n requiredInputs,\n optionalInputs,\n };\n }\n\n const updateError = nextProps.people.addPersonError;\n const wasLoading = people.addPersonPending && !nextProps.people.addPersonPending;\n const uploadFinished = people.setProfilePicturePending && !nextProps.people.setProfilePicturePending;\n\n if (updateError && updateError.status === 409) {\n stateUpdates.uploading = false;\n stateUpdates.errors = { email: 'This email is in use by a deactivated person' };\n } else if (uploadFinished) {\n stateUpdates.open = false;\n stateUpdates.uploading = false;\n stateUpdates.localAvatar = null;\n stateUpdates.avatarBlob = null;\n stateUpdates.errors = {};\n stateUpdates.values = {};\n } else if (wasLoading && !localAvatar) {\n stateUpdates.open = false;\n stateUpdates.uploading = false;\n stateUpdates.errors = {};\n stateUpdates.values = {};\n }\n\n this.setState(stateUpdates);\n }\n\n showModal = () => {\n this.setState({\n open: true,\n });\n }\n\n hideModal = () => {\n this.setState({\n open: false,\n isValid: false,\n localAvatar: null,\n avatarBlob: null,\n errors: {},\n });\n }\n\n addPerson = () => {\n const { accountId, personFields, actions, modalOrigin, redirectToPerson } = this.props;\n const { values, uploading, requiredInputs } = this.state;\n const fields = [];\n const titleId = requiredInputs.find(i => i.label === 'Title').name;\n const excludedFields = ['email', 'name', titleId, 'startDate', 'endDate'];\n\n if (uploading) {\n return;\n }\n\n this.setState({\n uploading: true,\n }, () => {\n Object.keys(values).filter(v => !excludedFields.includes(v)).forEach((key) => {\n if (values[key]) {\n const fieldId = Number(key);\n const { name, type, isPrivate } = personFields.find(f => f.id === fieldId);\n const field = { fieldId, name, type, isPrivate };\n if (Array.isArray(values[key])) {\n field.values = values[key];\n } else if (type === 'Date') {\n const dateString = values[key].toJSON().split('T')[0];\n field.values = [dateString];\n } else if (type === FIELD_TYPE_PHONE) {\n field.values = [apiFormatPhoneNumber(values[key])];\n } else if (type === FIELD_TYPE_PHONE_E164) {\n field.values = [formatPhoneNumberInput(values[key])];\n } else {\n field.values = [values[key]];\n }\n\n fields.push(field);\n }\n });\n\n const { name, email, startDate, endDate } = values;\n const data = {\n name,\n email,\n title: values[titleId],\n fields: fields.length ? fields : [],\n employmentDates: {},\n };\n const dateUpdated = [];\n\n if (startDate) {\n data.employmentDates.startDate = startDate;\n dateUpdated.push('Hire');\n }\n if (endDate) {\n data.employmentDates.endDate = endDate;\n dateUpdated.push('Termination');\n }\n\n if (dateUpdated.length) {\n // Mixpanel - Track updating employment dates\n window.mixpanel.track('Person Hire/Termination Date Added or Updated', {\n 'Date updated': dateUpdated.join(' and '),\n Location: 'New person modal',\n });\n }\n\n actions.addPerson(accountId, data, modalOrigin, (person) => {\n const { localAvatar, avatarBlob } = this.state;\n const { id, name } = person;\n\n if (localAvatar) {\n actions.getUploadUrl(accountId, id, (url) => {\n const analyticsPayload = {\n personName: name,\n personId: id,\n uploadedFrom: 'Create a Person modal',\n };\n this.uploadImage(url, avatarBlob, id, localAvatar, analyticsPayload);\n });\n }\n\n redirectToPerson(null, { name, id });\n });\n });\n }\n\n uploadImage = (uploadUrl, imageBlob, selectedPersonId, blobUrl, analyticsPayload) => {\n const { actions } = this.props;\n actions.setProfilePicture(uploadUrl, imageBlob, selectedPersonId, blobUrl, analyticsPayload);\n }\n\n onAddAvatar = (image) => {\n this.setState({\n localAvatar: window.URL.createObjectURL(image),\n avatarBlob: image,\n avatarOpen: false,\n });\n }\n\n onDeleteAvatar = () => {\n this.setState({\n localAvatar: null,\n });\n }\n\n showAvatar = () => {\n this.setState({\n avatarOpen: true,\n });\n }\n\n hideAvatar = () => {\n this.setState({\n avatarOpen: false,\n });\n }\n\n validate = (changedValues) => {\n const { people } = this.props;\n const { requiredInputs, optionalInputs, values } = this.state;\n const newValues = { ...values, ...changedValues };\n const inputsToValidate = [\n ...requiredInputs,\n ...optionalInputs,\n ];\n const errors = validateBasicInputs(inputsToValidate, newValues);\n\n if (!validateEmail(newValues.email)) {\n errors.email = 'Please enter a valid email';\n }\n\n if (people.entities.map(p => p.email).includes(newValues.email)) {\n errors.email = 'This email has already been added to this account';\n }\n\n const { startDate, endDate } = newValues;\n if (startDate && endDate && startDate >= endDate) {\n errors.endDate = 'Must be later than the Hire Date';\n }\n\n this.setState({\n isValid: !Object.keys(errors).length,\n values: newValues,\n });\n\n return errors;\n }\n\n render() {\n const { actions, people } = this.props;\n const {\n open,\n requiredInputs,\n optionalInputs,\n isValid,\n localAvatar,\n avatarOpen,\n uploading,\n errors,\n } = this.state;\n\n const optionalNoAvatar = optionalInputs.filter(ele => ele.name !== 'avatar');\n const error = people.addPersonError;\n\n return (\n \n \n Email \n {person.email} \n \n )}\n />\n
\n {dataset.map((field) => {\n const checked =\n field.type === 'Boolean' &&\n field.value &&\n field.value.toLowerCase() === 'true';\n\n const input = inputs.find(i => parseInt(i.name, 10) === field.id);\n\n return (\n \n
\n );\n })}\n \n \n \n
,\n ]}\n >\n <>\n \n
\n Required Fields
\n \n
\n \n \n )}\n\n {\n error?.data?.errors?.[0]?.errorType === 'MissingRequiredField' &&\n (\n Other Fields
\n You are unable to add this person to your account due to a required, private field that you do not have access to.
\n \n )\n }\n \n );\n }\n}\n\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people, accountSettings, common }) {\n return {\n people,\n personFields: accountSettings.personFields,\n accountId: common.accountId,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators({ ...actions }, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(AddPersonModal));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { useDispatch, shallowEqual, useSelector } from 'react-redux';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { hasModuleEnabled } from 'src/features/permissions/utils/permissionUtils';\nimport { AllocationsTable } from '@bridgit/foundation';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from 'src/common/constants';\nimport { PURSUIT } from 'src/features/projects/constants';\nimport { getPersonPastAllocations } from './redux/getPersonPastAllocations';\nimport { getPersonAllocations } from './redux/getPersonAllocations';\nimport { setSelectedProjectId } from '../common/redux/actions';\nimport {\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT,\n MULTI_STATE_MODAL_ID,\n} from '../common/redux/constants';\nimport { openModal } from '../modal-manager/redux/actions';\nimport {\n AUTOMATION_CURRENT_ALLOCATION_TABLE_ID,\n AUTOMATION_PAST_ALLOCATION_TABLE_ID,\n AUTOMATION_PURSUIT_ALLOCATION_TABLE_ID,\n AUTOMATION_UPCOMING_ALLOCATION_TABLE_ID } from './ids';\nimport { PROFILE_DETAILS_MODAL_CONTEXT, PROFILE_DETAILS_PROFILE_CONTEXT } from './constants';\n\nexport const ProfileProjects = ({\n personId,\n isDeactivated,\n runsInModal,\n}) => {\n const dispatch = useDispatch();\n\n const {\n isPursuitModuleOn,\n currentAllocations,\n pastAllocations,\n pursuitAllocations,\n upcomingAllocations,\n morePastAllocations,\n morePursuitAllocations,\n accountId,\n currentLoading,\n pastLoading,\n pursuitLoading,\n upcomingLoading,\n morePastLoading,\n morePursuitLoading,\n } = useSelector(({ people, common, accountSettings }) => {\n const { accountId } = common;\n const { accountModules } = accountSettings;\n const {\n currentAllocations: allCurrentAllocations,\n pastAllocations: allPastAllocations,\n personAllocations: allPursuitAllocations,\n upcomingAllocations: allUpcomingAllocations,\n morePastAllocations,\n moreAnyAllocations: morePursuitAllocations,\n getPersonCurrentAllocationsPending,\n getPersonPastAllocationsPending,\n getPersonAllocationsPending,\n getPersonUpcomingAllocationsPending,\n } = people;\n\n const isPursuitModuleOn = hasModuleEnabled(accountModules, ACCOUNT_MODULE_PURSUIT_TRACKING);\n\n // This filtering/sorting is temporary until we refactor this area with graph instead of the outdated API\n const currentAllocations =\n allCurrentAllocations[personId]\n ?.filter(({ startDate, endDate }) => moment(moment()).isBetween(startDate, endDate, 'day', []))\n .sort((a, b) => new Date(a.endDate) - new Date(b.endDate))\n || [];\n const upcomingAllocations =\n allUpcomingAllocations[personId]\n ?.filter(({ startDate }) => moment(startDate).isAfter(moment()))\n || [];\n const pastAllocations = allPastAllocations[personId]?.sort((a, b) => new Date(b.endDate) - new Date(a.endDate)) || [];\n const pursuitAllocations = allPursuitAllocations[personId] || [];\n\n const currentLoading = getPersonCurrentAllocationsPending && currentAllocations.length === 0;\n const pursuitLoading = getPersonAllocationsPending && pursuitAllocations.length === 0;\n const pastLoading = getPersonPastAllocationsPending && pastAllocations.length === 0;\n const upcomingLoading = getPersonUpcomingAllocationsPending && upcomingAllocations.length === 0;\n const morePastLoading = getPersonPastAllocationsPending && pastAllocations.length > 0;\n const morePursuitLoading = getPersonAllocationsPending && pursuitAllocations.length > 0;\n\n return {\n isPursuitModuleOn,\n currentAllocations,\n pastAllocations,\n pursuitAllocations,\n upcomingAllocations,\n morePastAllocations,\n morePursuitAllocations,\n accountId,\n currentLoading,\n pastLoading,\n pursuitLoading,\n upcomingLoading,\n morePastLoading,\n morePursuitLoading,\n };\n }, shallowEqual);\n\n const getMuiTheme = outerTheme => ({\n ...outerTheme,\n overrides: {\n ...outerTheme.overrides,\n MuiTableCell: {\n root: {\n borderRight: '1px solid #F2F4F7',\n '&:nth-child(1)': {\n maxWidth: '155px',\n boxSizing: 'border-box',\n },\n '&:nth-child(3)': {\n minWidth: '75px',\n },\n '&:last-child': {\n borderRight: 'none',\n paddingRight: '15px',\n minWidth: '90px',\n },\n padding: '4px 15px',\n },\n head: {\n color: '#4D4D4E',\n borderRight: 'none',\n },\n },\n MuiTableRow: {\n head: {\n height: '35px',\n },\n },\n },\n });\n\n const getMorePastAllocations = () => {\n const offset = pastAllocations.length;\n dispatch(getPersonPastAllocations(accountId, personId, offset));\n };\n\n const getMorePursuitAllocations = () => {\n const offset = pursuitAllocations.length;\n dispatch(getPersonAllocations(accountId, personId, offset, PURSUIT));\n };\n\n let launchedFrom = runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'Profile History';\n if (isDeactivated) {\n launchedFrom = `Deactivated People - ${runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : PROFILE_DETAILS_PROFILE_CONTEXT}`;\n }\n\n const onProjectClick = ({ projectId, projectName }) => {\n const analyticsPayload = {\n runsInModal,\n data: {\n projectName,\n projectId,\n from: PROFILE_DETAILS_MODAL_CONTEXT,\n to: 'Project Details Modal',\n },\n };\n dispatch(setSelectedProjectId(projectId, COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT, null, false, false, null, analyticsPayload));\n dispatch(openModal(MULTI_STATE_MODAL_ID));\n\n window.mixpanel.track('Project Details Modal Displayed', {\n 'Project Name': projectName,\n 'Project ID': projectId,\n 'Launched from': launchedFrom,\n });\n };\n\n return (\n\n \n {!isDeactivated && (\n <>\n Current project allocations
}\n emptyListText=\"No current projects\"\n onProjectClick={onProjectClick}\n />\n \n {loading &&
\n );\n}\n\nProfileIssues.propTypes = {\n issues: PropTypes.arrayOf(PropTypes.object),\n loading: PropTypes.bool.isRequired,\n runsInModal: PropTypes.bool,\n};\n\nProfileIssues.defaultProps = {\n issues: [],\n runsInModal: false,\n};\n\nexport default ProfileIssues;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Delete } from '@material-ui/icons';\nimport { Button, CircularProgress, IconButton, Tooltip } from '@material-ui/core';\nimport Dropzone from 'react-dropzone';\nimport { PERM_WRITE, PERM_PERSON } from 'src/features/permissions/utils/constants';\nimport { Modal, ImageCrop } from '../common';\nimport { MAX_FILE_SIZE, MIN_IMAGE_DIMENSION, MAX_IMAGE_DIMENSION } from './redux/constants';\nimport { Can } from '../wrapped-components';\n\nexport default class AddAvatar extends Component {\n static propTypes = {\n avatar: PropTypes.string,\n onSave: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n open: PropTypes.bool.isRequired,\n showModal: PropTypes.func.isRequired,\n hideModal: PropTypes.func.isRequired,\n compact: PropTypes.bool,\n loading: PropTypes.bool,\n };\n\n static defaultProps = {\n avatar: '',\n compact: false,\n loading: false,\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n image: null,\n error: null,\n };\n }\n\n handleDropSuccess = (dropped) => {\n const { showModal } = this.props;\n const file = dropped[0];\n const fr = new FileReader();\n\n fr.onload = () => {\n const img = new Image();\n\n img.onload = () => {\n if (img.width < MIN_IMAGE_DIMENSION || img.height < MIN_IMAGE_DIMENSION) {\n this.setState({\n error: 'Your photo is too small to upload. Please select a different image.',\n });\n } else {\n this.setState({\n image: file,\n });\n showModal();\n }\n };\n\n img.src = fr.result;\n };\n\n fr.readAsDataURL(file);\n }\n\n handleDropFail = (file) => {\n if (file && file.length === 1) {\n if (file[0].size > MAX_FILE_SIZE) {\n this.setState({\n error: 'Your photo is too large to upload. It must be smaller than 5MB. Please resize or select a different image.',\n });\n } else {\n this.setState({\n error: 'This file type is not supported. Please select a different image.',\n });\n }\n }\n }\n\n hideError = () => {\n this.setState({\n error: null,\n });\n }\n\n onClose = () => {\n const { hideModal } = this.props;\n hideModal();\n this.resetDefaults();\n }\n\n saveBlob = (blob) => {\n const { onSave } = this.props;\n const img = new Image();\n\n img.onload = () => {\n if (img.width < MIN_IMAGE_DIMENSION || img.height < MIN_IMAGE_DIMENSION) {\n this.setState({\n error: 'Your photo is too small to upload. Please zoom out or select another image.',\n });\n } else if (img.width > MAX_IMAGE_DIMENSION || img.height > MAX_IMAGE_DIMENSION) {\n this.setState({\n error: 'Your photo is too large to upload. Please zoom in or select another image.',\n });\n } else {\n onSave(blob);\n this.resetDefaults();\n }\n };\n\n img.src = window.URL.createObjectURL(blob);\n }\n\n resetDefaults = () => {\n this.setState({\n image: null,\n error: null,\n });\n }\n\n render() {\n const { avatar, open, onDelete, compact, loading } = this.props;\n const { image, error } = this.state;\n\n if (loading) {\n return (\n No upcoming issues
}\n {issues.length > 0 && !loading && Upcoming issues
}\n {issues.length > 0 && !loading && (\n \n \n \n );\n })}\n
\n )}\n \n
\n {issues.map((issue) => {\n const days = moment(issue.startDate).diff(today, 'days');\n const length = moment(issue.endDate).diff(issue.startDate, 'days') + 1;\n return (\n Time until issue
\n Length of issue
\n Total allocation
\n Project name
\n Role on project
\n \n {days < 1 &&
\n Active Issue
}\n {days > 0 && {pluralize('day', days, true)}
}\n \n
\n \n
\n \n {`${pluralize('Day', length, true)} ${days < 1 ? 'remaining' : ''}`}\n
\n \n {`${days < 1 ? 'Ends on' : `${moment(issue.startDate).format('ll')} -`} ${moment(issue.endDate).format('ll')}`}\n
\n \n
\n {issue.allocatedPercent}
\n \n {issue.projectRoles.map((role, index) => (\n /* eslint-disable-next-line react/no-array-index-key */\n
\n \n
\n ))}\n \n {issue.projectRoles.map(role => (\n
\n \n
\n );\n }\n\n return (\n \n
\n \n \n \n
\n \n \n \n {isDragActive ? 'Drop a photo to upload' : 'Click or drop a photo to upload'}\n
\n );\n }}\n \n 
\n
\n )}\n {open && !!image && (\n \n \n \n
\n \n
\n )}\n />\n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport { Grid, Typography, Input, FormHelperText, ClickAwayListener, CircularProgress } from '@material-ui/core';\nimport { Edit } from '@material-ui/icons';\nimport { validateEmail } from 'src/utils/validators';\nimport { EditControls } from '../wrapped-components';\n\nexport default class PersonEmailEditor extends PureComponent {\n static propTypes = {\n originalEmail: PropTypes.string.isRequired,\n onSave: PropTypes.func.isRequired,\n updatePersonError: PropTypes.object,\n updatePersonPending: PropTypes.bool.isRequired,\n };\n\n static defaultProps = {\n updatePersonError: null,\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n editing: false,\n email: props.originalEmail,\n error: null,\n valid: validateEmail(props.originalEmail),\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { updatePersonError, updatePersonPending, originalEmail } = this.props;\n\n if (updatePersonPending && !nextProps.updatePersonPending) {\n if (!deepEqual(updatePersonError, nextProps.updatePersonError)) {\n if (nextProps.updatePersonError) {\n this.handleError(nextProps.updatePersonError.status);\n }\n } else {\n this.closeEditor();\n }\n }\n\n if (!deepEqual(originalEmail, nextProps.originalEmail)) {\n this.setState({ email: nextProps.originalEmail });\n }\n }\n\n handleError = (errorCode) => {\n const message = {\n 400: 'Enter a valid email',\n 409: 'Email address must be unique',\n };\n\n this.setState({ error: message[errorCode] || 'Something went wrong' });\n }\n\n onEditEmail = () => {\n this.setState({ editing: true });\n }\n\n cancelEditing = () => {\n const { originalEmail } = this.props;\n this.setState({\n editing: false,\n email: originalEmail,\n valid: validateEmail(originalEmail),\n error: null,\n });\n }\n\n closeEditor = () => {\n this.setState({\n editing: false,\n });\n }\n\n checkEnter = (e) => {\n const { email } = this.state;\n if (e.keyCode === 13 && email) {\n this.save();\n }\n }\n\n onChange = (e) => {\n const { value } = e.currentTarget;\n const email = value.trim();\n\n this.setState({\n email,\n valid: validateEmail(email),\n error: !email ? 'Please enter an email' : null,\n });\n }\n\n save = () => {\n const { onSave, originalEmail } = this.props;\n const { email, valid } = this.state;\n\n if (email === originalEmail) {\n this.cancelEditing();\n } else if (valid) {\n onSave(email);\n } else {\n this.handleError(400);\n }\n }\n\n render() {\n const { updatePersonPending } = this.props;\n const { email, editing, error } = this.state;\n\n return (\n <>\n {editing\n ? (\n \n \n
\n \n { updatePersonPending\n ? (\n \n \n Email \n \n )}\n
\n \n {error && (\n {error} \n )}\n
\n \n
\n \n )}\n \n );\n }\n}\n","import loadable from 'react-loadable';\nimport ChunkErrorReloader from 'src/features/common/ChunkErrorReloader';\n\nexport default loadable({\n loader: () => import(/* webpackChunkName: \"people\" */ './People'),\n loading: ChunkErrorReloader,\n});\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { getFieldInput, unique } from 'src/utils/miscUtils';\nimport { PERM_WRITE, PERM_PERSON } from 'src/features/permissions/utils/constants';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { updatePerson, getPersonAllocationsByDate } from './redux/actions';\nimport { validateEmploymentPouOverlap } from './utils/unavailabilityUtils';\nimport { FieldEditor, Confirm } from '../common';\nimport { DATE_INPUT_FORMAT, MIN_CONFIGURABLE_DATE, MAX_CONFIGURABLE_DATE } from '../../common/constants';\nimport { PROFILE_DETAILS_MODAL_CONTEXT } from './constants';\n\nexport const ProfileEmployment = ({\n person,\n updatePerson,\n updatePersonPending,\n accountId,\n getPersonAllocationsByDate,\n personAllocationsByDate,\n runsInModal,\n}) => {\n const initialStartDate = person.employmentDates?.startDate ?? undefined;\n const initialEndDate = person.employmentDates?.endDate ?? undefined;\n\n const [fieldToEdit, setFieldToEdit] = useState(null);\n const [startDate, setStartDate] = useState(initialStartDate);\n const [endDate, setEndDate] = useState(initialEndDate);\n const [showUpdateConfirm, setShowUpdateConfirm] = useState(false);\n const [formData, setFormData] = useState(null);\n const [checkAllocations, setCheckAllocations] = useState(false);\n const [affectedProjects, setAffectedProjects] = useState([]);\n\n const fields = [\n {\n id: 1,\n name: 'Hire Date',\n type: 'Date',\n isRequired: false,\n isPrivate: false,\n value: initialStartDate,\n maxDate: endDate,\n minDate: MIN_CONFIGURABLE_DATE,\n },\n {\n id: 2,\n name: 'Termination Date',\n type: 'Date',\n isRequired: false,\n isPrivate: false,\n value: initialEndDate,\n minDate: startDate || MIN_CONFIGURABLE_DATE,\n },\n ];\n\n const onCancel = useCallback(() => {\n setShowUpdateConfirm(false);\n setStartDate(initialStartDate);\n setEndDate(initialEndDate);\n setFieldToEdit(null);\n setFormData(null);\n setCheckAllocations(false);\n setAffectedProjects([]);\n }, [initialStartDate, initialEndDate]);\n\n useEffect(() => {\n if (!updatePersonPending) {\n onCancel();\n }\n }, [person, updatePersonPending, onCancel]);\n\n useEffect(() => {\n let newAffectedProjects = [];\n if (personAllocationsByDate[person.id]) {\n const distinctProjects = unique(personAllocationsByDate[person.id], 'projectName');\n newAffectedProjects = naturalSort(distinctProjects, 'projectName');\n }\n setAffectedProjects(newAffectedProjects);\n }, [personAllocationsByDate, person.id]);\n\n const onSave = () => {\n if (formData) {\n const analyticsPayload = {\n personName: person.name,\n personId: person.id,\n field: `${fieldToEdit === 1 ? 'Hire' : 'Termination'} date`,\n updatedFrom: runsInModal ? PROFILE_DETAILS_MODAL_CONTEXT : 'People List',\n isActive: person.isActive,\n };\n updatePerson(accountId, person.id, formData, analyticsPayload);\n\n // Mixpanel - Track updating employment dates\n window.mixpanel.track('Person Hire/Termination Date Added or Updated', {\n 'Date updated': fieldToEdit === 1 ? 'Hire' : 'Termination',\n Location: 'Employment tab',\n });\n } else {\n onCancel();\n }\n };\n\n const confirmUpdatePerson = () => {\n const valueIsNull = (fieldToEdit === 1 && !startDate) || (fieldToEdit === 2 && !endDate);\n const valueChanged = !moment(startDate).isSame(initialStartDate) || !moment(endDate).isSame(initialEndDate);\n if (personAllocationsByDate[person.id]\n && personAllocationsByDate[person.id].length\n && !valueIsNull\n && valueChanged\n && checkAllocations) {\n setShowUpdateConfirm(true);\n } else {\n onSave();\n }\n };\n\n const onValidate = (val) => {\n const { unavailabilities, employmentDates } = person;\n const value = val ? moment(val).format(DATE_INPUT_FORMAT) : null;\n const saveData = {\n employmentDates: {},\n };\n\n const overlap = !validateEmploymentPouOverlap(fieldToEdit === 1 ? 'start' : 'end', value, employmentDates, unavailabilities);\n\n if (overlap) {\n const dateType = fieldToEdit === 1 ? 'hire' : 'termination';\n const tense = fieldToEdit === 1 ? 'after' : 'before';\n const message = `A ${dateType} date cannot be added ${tense} or during time off.`;\n return { [fieldToEdit]: message };\n }\n\n let initialValue;\n let queryValue;\n if (fieldToEdit === 1) {\n saveData.employmentDates.startDate = value;\n initialValue = initialStartDate || MIN_CONFIGURABLE_DATE;\n queryValue = value && moment(value).subtract(1, 'day').format(DATE_INPUT_FORMAT);\n if (moment(initialValue).isBefore(value)) {\n setCheckAllocations(true);\n }\n setStartDate(value);\n } else {\n saveData.employmentDates.endDate = value;\n initialValue = initialEndDate || MAX_CONFIGURABLE_DATE;\n queryValue = value && moment(value).add(1, 'day').format(DATE_INPUT_FORMAT);\n if (moment(initialValue).isAfter(value)) {\n setCheckAllocations(true);\n }\n setEndDate(value);\n }\n setFormData(saveData);\n if (queryValue && initialValue) {\n const sortedValues = [initialValue, queryValue].sort((initialValue, queryValue) => moment(initialValue).diff(queryValue));\n getPersonAllocationsByDate(accountId, person.id, sortedValues[0], sortedValues[1]);\n }\n return {};\n };\n\n const onToggleEdit = id => setFieldToEdit(id);\n\n return (\n \n
\n );\n};\n\nProfileEmployment.propTypes = {\n person: PropTypes.object.isRequired,\n updatePerson: PropTypes.func.isRequired,\n updatePersonPending: PropTypes.bool.isRequired,\n accountId: PropTypes.number.isRequired,\n personAllocationsByDate: PropTypes.object.isRequired,\n getPersonAllocationsByDate: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n};\n\nProfileEmployment.defaultProps = {\n runsInModal: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people, common }) {\n const { updatePersonPending, personAllocationsByDate } = people;\n const { accountId } = common;\n return {\n updatePersonPending,\n accountId,\n personAllocationsByDate,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n updatePerson: bindActionCreators(updatePerson, dispatch),\n getPersonAllocationsByDate: bindActionCreators(getPersonAllocationsByDate, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProfileEmployment);\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from '@material-ui/core';\nimport { PERM_WRITE, PERM_PERSON } from 'src/features/permissions/utils/constants';\nimport { trimUnavailabilities } from './utils/unavailabilityUtils';\nimport { ManageUnavailability, UnavailabilityRow } from '.';\nimport { Can } from '../wrapped-components';\n\nexport const PeriodsOfUnavailability = ({\n person,\n runsInModal,\n}) => {\n const { employmentDates, unavailabilities } = person;\n const [modalOpen, setModalOpen] = useState(false);\n const [activePou, setActivePou] = useState(null);\n\n const filteredUnavailabilities = useMemo(() => trimUnavailabilities(employmentDates, unavailabilities || []), [employmentDates, unavailabilities]);\n\n const onCloseModal = () => {\n setModalOpen(false);\n setActivePou(null);\n };\n\n useEffect(() => {\n onCloseModal();\n }, [person]);\n\n const onAddClick = () => setModalOpen(true);\n\n const onEdit = (id) => {\n setActivePou(unavailabilities.find(pou => pou.id === id));\n setModalOpen(true);\n };\n\n return (\n \n {fields.map((field) => {\n const input = getFieldInput(field);\n\n return (\n \n
\n \n
\n );\n })}\n {showUpdateConfirm && (\n \n
\n \n )}\n \n
\n {`This ${fieldToEdit === 1 ? 'hire' : 'termination'} date impacts ${person.name}'s allocations on the following projects:`}
\n {affectedProjects.map(project => (\n{project.projectName}
\n ))}\n{`These allocations will be edited to accommodate for the new ${fieldToEdit === 1 ? 'hire' : 'termination'} date.`}
\n\n
\n );\n};\n\nPeriodsOfUnavailability.propTypes = {\n person: PropTypes.object.isRequired,\n runsInModal: PropTypes.bool,\n};\n\nPeriodsOfUnavailability.defaultProps = {\n runsInModal: false,\n};\n\nexport default PeriodsOfUnavailability;\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Button, CircularProgress } from '@material-ui/core';\nimport { Lock } from '@material-ui/icons';\nimport { unique } from 'src/utils/miscUtils';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PERM_WRITE, PERM_PRIVATE } from 'src/features/permissions/utils/constants';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { dateStringAdd, momentToString, stringToMoment } from 'src/utils/dateUtils';\nimport { RadioChipForm, LongTooltip } from '@bridgit/foundation';\nimport classNames from 'classnames';\nimport {\n addUnavailability,\n updateUnavailability,\n deleteUnavailability,\n getPersonAllocationsByDate,\n getAccountAllocations,\n} from './redux/actions';\nimport { Modal, DatePicker, CancelButton, Confirm } from '../common';\nimport { FormField, Can } from '../wrapped-components';\nimport { PrivateToggle } from '../account-settings';\nimport { validateUnavailability } from './utils/unavailabilityUtils';\nimport {\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n MIN_DATA_RANGE_IN_MONTHS,\n MAX_DATA_RANGE_IN_YEARS,\n MAX_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n TIME_OFF,\n UNAVAILABILITY,\n} from '../../common/constants';\nimport {\n TIME_OFF_BACKFILL_CONTROLS,\n TIME_OFF_BACKFILL_LABEL,\n TIME_OFF_BACKFILL_CONTROL_VALUES,\n TIME_OFF_BACKFILL_TOOLTIP,\n} from './constants';\n\nexport const ManageUnavailability = ({\n person,\n onCloseModal,\n addUnavailability,\n updateUnavailability,\n deleteUnavailability,\n accountId,\n userInfo,\n activePou,\n pous,\n addUnavailabilityPending,\n updateUnavailabilityPending,\n deleteUnavailabilityPending,\n getPersonAllocationsByDate,\n personAllocationsByDate,\n getAccountAllocations,\n runsInModal,\n}) => {\n const initialStartDate = (activePou && activePou.startDate && activePou.startDate !== DEFAULT_POU_START) ? activePou.startDate : null;\n const initialEndDate = (activePou && activePou.endDate && activePou.endDate !== DEFAULT_POU_END) ? activePou.endDate : null;\n const initialBackfillRequirement = useMemo(() => {\n const { YES, NO } = TIME_OFF_BACKFILL_CONTROL_VALUES;\n if (activePou?.rangeType) {\n return activePou.rangeType === TIME_OFF ? NO : YES;\n }\n return null;\n }, [activePou]);\n\n const [startDate, setStartDate] = useState(initialStartDate);\n const [endDate, setEndDate] = useState(initialEndDate);\n const [workingStartDate, setWorkingStartDate] = useState(initialStartDate);\n const [workingEndDate, setWorkingEndDate] = useState(initialEndDate);\n\n const [description, setDescription] = useState((activePou && activePou.description) || '');\n const [isPrivate, setIsPrivate] = useState((activePou && activePou.isPrivate) || false);\n const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n const [error, setError] = useState(null);\n const [affectedProjects, setAffectedProjects] = useState([]);\n const [isEditing, setIsEditing] = useState(false);\n const [hasBackfill, setHasBackfill] = useState(\n initialBackfillRequirement === null\n ? null\n : initialBackfillRequirement === TIME_OFF_BACKFILL_CONTROL_VALUES.YES,\n );\n const backfillIsNull = useMemo(() => hasBackfill === null, [hasBackfill]);\n\n const { employmentDates } = person;\n const hidePrivate = isPrivate && !isAuthorized(accountId, userInfo.permissions, PERM_WRITE, PERM_PRIVATE);\n\n const minDate =\n employmentDates?.startDate &&\n stringToMoment(employmentDates.startDate).isAfter(MIN_API_CONFIGURABLE_DATE)\n ? stringToMoment(employmentDates.startDate)\n : stringToMoment(MIN_API_CONFIGURABLE_DATE);\n\n const maxDate =\n employmentDates?.endDate &&\n stringToMoment(employmentDates.endDate).isAfter(MIN_API_CONFIGURABLE_DATE)\n ? stringToMoment(employmentDates.endDate)\n : stringToMoment(MAX_CONFIGURABLE_DATE);\n\n const minDateMessage =\n minDate.isAfter(MIN_API_CONFIGURABLE_DATE)\n ? ''\n : MIN_API_CONFIGURABLE_DATE_MESSAGE;\n\n const updateWorkingStartDate = (date) => {\n setWorkingStartDate(date);\n const newStart = stringToMoment(date);\n\n if (date === null) {\n setStartDate(null);\n } else if (newStart.isValid()) {\n setStartDate(momentToString(newStart));\n }\n };\n\n const updateWorkingEndDate = (date) => {\n setWorkingEndDate(date);\n const newEnd = stringToMoment(date);\n\n if (date === null) {\n setEndDate(null);\n } else if (newEnd === null || newEnd.isValid()) {\n setEndDate(momentToString(newEnd));\n }\n };\n\n const updateDescription = evt => setDescription(evt.currentTarget.value);\n\n const updatePrivate = () => setIsPrivate(!isPrivate);\n\n const clearStart = () => updateWorkingStartDate(null);\n\n const clearEnd = () => updateWorkingEndDate(null);\n\n const onChangeBackfill = selectedValue => setHasBackfill(selectedValue === TIME_OFF_BACKFILL_CONTROL_VALUES.YES);\n\n useEffect(() => {\n const startDate = moment.utc().subtract(MIN_DATA_RANGE_IN_MONTHS, 'months');\n const endDate = moment.utc().add(MAX_DATA_RANGE_IN_YEARS, 'years');\n\n getAccountAllocations(accountId, momentToString(startDate), momentToString(endDate));\n }, [accountId, getAccountAllocations, pous]);\n\n useEffect(() => {\n let newAffectedProjects = [];\n if (personAllocationsByDate[person.id]) {\n const distinctProjects = unique(personAllocationsByDate[person.id], 'projectName');\n newAffectedProjects = naturalSort(distinctProjects, 'projectName');\n }\n setAffectedProjects(newAffectedProjects);\n }, [personAllocationsByDate, person.id]);\n\n const onValidate = useCallback(() => {\n const data = {\n id: activePou ? activePou.id : null,\n startDate,\n endDate,\n };\n\n const newError = validateUnavailability(employmentDates, pous, data);\n setError(newError);\n if (startDate) {\n getPersonAllocationsByDate(accountId, person.id, startDate, endDate || dateStringAdd(startDate, MAX_DATA_RANGE_IN_YEARS, 'years'));\n }\n }, [activePou, startDate, endDate, employmentDates, pous, getPersonAllocationsByDate, accountId, person.id]);\n\n useEffect(() => {\n if (startDate) {\n onValidate();\n }\n }, [startDate, endDate, onValidate]);\n\n const onSave = () => {\n const data = [{\n startDate,\n endDate,\n rangeType: hasBackfill ? UNAVAILABILITY : TIME_OFF,\n }];\n\n if (!hidePrivate) {\n data[0] = {\n ...data[0],\n description,\n isPrivate,\n };\n }\n\n const analyticsPayload = {\n endDate,\n startDate,\n description,\n isPrivate,\n hasBackfill,\n personName: person.name,\n personId: person.id,\n affectedProjects,\n runsInModal,\n ...(endDate && { lengthOfTimeOff: stringToMoment(endDate).diff(startDate, 'days') + 1 }),\n };\n\n if (!activePou) {\n addUnavailability(accountId, person.id, data, analyticsPayload);\n } else {\n // data did not change\n if (activePou.startDate === startDate && activePou.endDate === endDate\n && activePou.description === description && activePou.isPrivate === isPrivate) {\n onCloseModal();\n return;\n }\n data[0].id = activePou.id;\n\n const fieldsUpdated = [];\n\n if (activePou.startDate !== startDate) fieldsUpdated.push('Start date');\n if (activePou.endDate !== endDate) fieldsUpdated.push('End date');\n if (activePou.description !== description) fieldsUpdated.push('Description');\n\n analyticsPayload.fieldsUpdated = fieldsUpdated;\n\n updateUnavailability(accountId, person.id, data, analyticsPayload);\n }\n };\n\n const onDelete = () => {\n const analyticsPayload = {\n personName: person.name,\n personId: person.id,\n runsInModal,\n };\n\n deleteUnavailability(accountId, person.id, [activePou.id], analyticsPayload);\n };\n\n const handleDelete = () => {\n setShowDeleteConfirm(true);\n };\n\n const cancelConfirm = () => {\n setShowDeleteConfirm(false);\n };\n\n const onFocus = () => setIsEditing(true);\n\n const onBlur = () => setIsEditing(false);\n\n const requiredInputs = useMemo(() => {\n if (!backfillIsNull) {\n return hasBackfill ? startDate : startDate && endDate;\n }\n return false;\n }, [backfillIsNull, hasBackfill, startDate, endDate]);\n\n const renderProjectsImpacted = useMemo(() => {\n let message;\n\n if (!hasBackfill) {\n message = `This time off will impact ${person.name}`;\n\n if (affectedProjects.length) {\n message += '\\'s time on the following projects:';\n } else {\n message += '\\'s assignments on any future projects.';\n }\n } else {\n message = `${person.name} `;\n\n if (affectedProjects.length) {\n message += 'will be removed from the following projects during this time off. Make sure to allocate another person for this time off.';\n } else {\n message += 'cannot be assigned to projects during this time off.';\n }\n }\n\n return (\n \n \n Add Time Off\n \n )}\n />\n\n {filteredUnavailabilities.length > 0 && (\n <>\n
\n { modalOpen && (\n Time Off
\n \n
\n {filteredUnavailabilities.map(pou => (\n \n
\n Description
\n Dates
\n Requires Backfill
\n \n {message}\n {affectedProjects.map(({ roleId, projectName }) => (\n
\n );\n }, [affectedProjects, hasBackfill, person.name]);\n\n return (\n {projectName}
\n ))}\n\n \n \n Save\n \n )}\n \n {activePou && (\n \n Delete\n \n )}\n
\n )]}\n >\n {error}
\n <>\n {(addUnavailabilityPending || updateUnavailabilityPending || deleteUnavailabilityPending)\n ? (\n\n
\n )\n : (\n \n
\n\n {showDeleteConfirm && (\n \n
\n \n
\n Start date
\n\n
\n Required *
\nto
\n \n
\n End date
\n\n
\n Required *
}\n\n
\n\n \n
\n {!error && startDate && renderProjectsImpacted}\n \n \n \n
\n {TIME_OFF_BACKFILL_LABEL}
\n{TIME_OFF_BACKFILL_TOOLTIP}
\nRequired *
\n\n
\n \n )}\n \n \n );\n};\n\nManageUnavailability.propTypes = {\n person: PropTypes.object.isRequired,\n onCloseModal: PropTypes.func,\n addUnavailability: PropTypes.func.isRequired,\n updateUnavailability: PropTypes.func.isRequired,\n deleteUnavailability: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n userInfo: PropTypes.object.isRequired,\n activePou: PropTypes.object,\n pous: PropTypes.array.isRequired,\n addUnavailabilityPending: PropTypes.bool.isRequired,\n updateUnavailabilityPending: PropTypes.bool.isRequired,\n deleteUnavailabilityPending: PropTypes.bool.isRequired,\n getPersonAllocationsByDate: PropTypes.func.isRequired,\n personAllocationsByDate: PropTypes.object.isRequired,\n getAccountAllocations: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n};\n\nManageUnavailability.defaultProps = {\n onCloseModal: () => {},\n activePou: null,\n runsInModal: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, people, login }) {\n const { accountId } = common;\n const { userInfo } = login;\n const {\n addUnavailabilityPending,\n updateUnavailabilityPending,\n deleteUnavailabilityPending,\n personAllocationsByDate,\n } = people;\n return {\n accountId,\n userInfo,\n addUnavailabilityPending,\n updateUnavailabilityPending,\n deleteUnavailabilityPending,\n personAllocationsByDate,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n addUnavailability: bindActionCreators(addUnavailability, dispatch),\n updateUnavailability: bindActionCreators(updateUnavailability, dispatch),\n deleteUnavailability: bindActionCreators(deleteUnavailability, dispatch),\n getPersonAllocationsByDate: bindActionCreators(getPersonAllocationsByDate, dispatch),\n getAccountAllocations: bindActionCreators(getAccountAllocations, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ManageUnavailability);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Obfuscator } from '@bridgit/foundation';\nimport {\n DATE_DISPLAY_FORMAT,\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n TIME_OFF,\n PRIVATE_MODE_TOOLTIP_TEXT,\n} from 'src/common/constants';\nimport { PERM_READ, PERM_WRITE, PERM_PERSON, PERM_PRIVATE } from 'src/features/permissions/utils/constants';\nimport { EditButton, Can } from '../wrapped-components';\n\nexport const UnavailabilityRow = ({\n unavailability,\n onEdit,\n}) => {\n const { privateModeEnabled } = useSelector(({ common }) => common);\n\n const { id, description, startDate, endDate, isPrivate, rangeType } = unavailability;\n\n const start = startDate === DEFAULT_POU_START\n ? '' : moment(startDate).format(DATE_DISPLAY_FORMAT);\n\n const end = endDate === DEFAULT_POU_END\n ? '' : moment(endDate).format(DATE_DISPLAY_FORMAT);\n\n const handleEdit = () => onEdit(id);\n\n const renderDescription = () => {\n if (!description) return Are you sure you want to delete this time off?
\nAll record of this entry will be deleted.
\nUnavailable
;\n return (\n {description}
\n \n )}\n no={(\n <>\n { isPrivate\n ? Unavailable
\n : {description}
}\n \n )}\n />\n );\n };\n\n return (\n \n {renderDescription()}\n
\n );\n};\n\nUnavailabilityRow.propTypes = {\n unavailability: PropTypes.object.isRequired,\n onEdit: PropTypes.func.isRequired,\n};\n\nexport default UnavailabilityRow;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { formatAvailabilityText } from 'src/features/people/utils/peopleUtils';\nimport { NO_AVAILABILITY } from 'src/filters/constants';\n\nexport const PersonAvailability = ({\n className,\n availableInDays,\n}) => (\n {`${start} - ${end}`}
\n {rangeType === TIME_OFF ? 'No' : 'Yes'}
\n \n
\n );\n};\n\nPersonNotesContainer.propTypes = {\n headerLabel: PropTypes.string,\n className: PropTypes.string,\n personId: PropTypes.number.isRequired,\n personName: PropTypes.string.isRequired,\n personNotes: PropTypes.array,\n};\n\nPersonNotesContainer.defaultProps = {\n headerLabel: '',\n className: '',\n personNotes: [],\n};\n\nexport default PersonNotesContainer;\n","import React, { useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { SideSlideMenu, SideSlideMenuButton } from '@bridgit/foundation';\nimport { MessageOutlined, Restore, AttachFile, Beenhere } from '@material-ui/icons';\nimport { togglePersonSidePanel } from 'src/features/common/redux/actions';\nimport { Can } from '../wrapped-components';\nimport {\n SIDE_PANEL_PERSON_NOTES,\n SIDE_PANEL_PERSON_HISTORY,\n SIDE_PANEL_PERSON_ATTACHMENTS,\n SIDE_PANEL_PERSON_CERTIFICATIONS,\n} from './constants';\nimport {\n ACCOUNT_MODULE_ATTACHMENTS,\n ACCOUNT_MODULE_CERTIFICATIONS,\n PEOPLE_ACCOUNT_MODULE_COMPONENT,\n} from '../../common/constants';\nimport { PersonNotesContainer, PersonAudit, ProfileAttachments, ProfileCertifications } from '.';\nimport { getStorageKey, PERSON_DETAILS_SIDE_PANEL_OPEN_KEY } from '../../common/localStorageKeys';\nimport { getValidatedLocalStorage } from '../../utils/validators';\n\nconst PersonDetailsSideMenu = ({ selectedPerson }) => {\n const dispatch = useDispatch();\n\n const { activeView, accountId } = useSelector(({ common }) => common);\n const { sub: userId } = useSelector(({ login }) => login.userInfo);\n const filtersApplied = useSelector(({ queries: { filteredPeople } }) => !!filteredPeople?.filter?.args?.length);\n\n const sidePanelOpenKey = useMemo(() => (\n getStorageKey(activeView, accountId, PERSON_DETAILS_SIDE_PANEL_OPEN_KEY, userId)\n ), [activeView, accountId, userId]);\n\n const defaultSidePanelOpen = useMemo(() => {\n const isOpened = getValidatedLocalStorage(sidePanelOpenKey);\n return isOpened ?? true;\n }, [sidePanelOpenKey]);\n\n useEffect(() => {\n dispatch(togglePersonSidePanel(defaultSidePanelOpen));\n }, [defaultSidePanelOpen, dispatch]);\n\n const defaultActivePanel = SIDE_PANEL_PERSON_NOTES;\n\n const [open, setOpen] = useState(defaultSidePanelOpen);\n const [activePanel, setActivePanel] = useState(defaultActivePanel);\n\n const panelTop = useMemo(() => {\n if (!selectedPerson?.isActive && selectedPerson?.state !== 'Active') return 161;\n return filtersApplied ? 133 : 102;\n }, [filtersApplied, selectedPerson?.isActive, selectedPerson?.state]);\n\n const trackSlideMenuState = (activePanel, open) => {\n const { name, id } = selectedPerson;\n\n const eventName = {\n [SIDE_PANEL_PERSON_NOTES]: 'View Person Notes',\n [SIDE_PANEL_PERSON_HISTORY]: 'View Profile Activity Log',\n [SIDE_PANEL_PERSON_ATTACHMENTS]: 'View Profile Attachments',\n [SIDE_PANEL_PERSON_CERTIFICATIONS]: 'View Certifications',\n };\n\n window.mixpanel.track(eventName[activePanel] || activePanel, {\n 'Person name': name,\n 'Person ID': id,\n 'Viewed from': 'Person profile',\n });\n\n localStorage.setItem(sidePanelOpenKey, open);\n };\n\n const openSidePanel = newActivePanel => () => {\n if (newActivePanel === activePanel && open) {\n trackSlideMenuState('Close Person Panel', false);\n dispatch(togglePersonSidePanel(false));\n setOpen(false);\n } else {\n trackSlideMenuState(newActivePanel, true);\n setActivePanel(newActivePanel);\n dispatch(togglePersonSidePanel(true));\n setOpen(true);\n }\n };\n\n const onSlideMenuToggle = () => {\n if (open) {\n trackSlideMenuState('Close Person Panel', false);\n } else {\n trackSlideMenuState(defaultActivePanel, true);\n }\n // Reset active panel to default on toggle\n setActivePanel(defaultActivePanel);\n dispatch(togglePersonSidePanel(!open));\n setOpen(!open);\n };\n\n const renderSideButtons = () => (\n <>\n \n {isNestedField ? (\n {`○ ${name}: `}\n ) : (\n {`${name}: `}\n )}\n\n {isNestedValue ? (\n
\n));\n\nconst getPersonFields = (name, email, title, shouldGetAllFields, photoUrl, state, hasConflict, lastModifiedOn, employmentDates) => [\n { name: 'Name', value: name },\n { name: 'Email', value: email },\n { name: 'Title', value: title },\n ...(shouldGetAllFields ? [\n { name: 'Photo URL', value: photoUrl ? 'Set' : 'Null' },\n { name: 'Status', value: state },\n { name: 'Has conflict', value: capitalize(`${hasConflict}`) },\n { name: 'Last Modified', value: getFormattedDate(lastModifiedOn) },\n { name: 'Employment Dates', value: employmentDates },\n ] : []),\n];\n\nconst getUnavailabilityFields = (startDate, endDate, isPrivate, description, rangeType) => [\n { name: 'Start Date', value: getFormattedDate(startDate) },\n { name: 'End Date', value: getFormattedDate(endDate) },\n { name: 'Private', value: capitalize(`${isPrivate}`) },\n { name: 'Description', value: description },\n { name: 'Requires backfill', value: rangeType === UNAVAILABILITY ? 'True' : 'False' },\n];\n\nconst getPersonNoteFields = (message, isPrivate, creatorName, createdOn, lastModifiedOn) => [\n { name: 'Description', value: message },\n { name: 'Private', value: capitalize(`${isPrivate}`) },\n { name: 'Creator Name', value: creatorName },\n { name: 'Created on', value: getFormattedDate(createdOn) },\n ...(lastModifiedOn ? [{ name: 'Last Modified', value: getFormattedDate(lastModifiedOn) }] : []),\n];\n\nconst getAttachmentFields = (name, size, isPrivate, certificationName) => [\n { name: 'File Name', value: name },\n { name: 'Size', value: pluralize('Byte', size, true) },\n { name: 'Private', value: capitalize(`${isPrivate}`) },\n ...(certificationName ? [{ name: 'Linked Certification name', value: certificationName }] : []),\n];\n\nconst getCertificationFields = (name, abbreviation, expiryDate, hasAttachment) => [\n { name: 'Certification name', value: name },\n { name: 'Certification abbreviation', value: abbreviation },\n { name: 'Expiration date', value: expiryDate ? getFormattedDate(expiryDate) : null },\n { name: 'Has attachments', value: capitalize(`${hasAttachment}`) },\n];\n\nexport const renderEventDetails = (eventName, eventData) => {\n const {\n name,\n email,\n title,\n photoUrl,\n size,\n state,\n hasConflict,\n lastModifiedOn,\n employmentDates,\n data,\n message,\n isPrivate,\n creatorName,\n createdOn,\n abbreviation,\n expiryDate,\n hasAttachment,\n certificationName,\n } = eventData || {};\n\n switch (eventName) {\n case PERSON_CREATED: {\n const personFieldsConfig = getPersonFields(name, email, title);\n\n return getFieldValues(personFieldsConfig);\n }\n\n case PERSON_UPDATED:\n case PERSON_DEACTIVATED:\n case PERSON_REACTIVATED: {\n const startDate = employmentDates?.startDate;\n const endDate = employmentDates?.endDate;\n const employmentDatesMarkup = employmentDates && (\n \n
\n ) : (\n {value ?? ''}\n )}\n {value ?? ''}
\n \n {startDate &&
\n );\n\n const personFieldsConfig = getPersonFields(name, email, title, true, photoUrl, state, hasConflict, lastModifiedOn, employmentDatesMarkup);\n\n return getFieldValues(personFieldsConfig);\n }\n\n case PERSON_FIELD_SET:\n case PERSON_FIELD_CLEARED: {\n return (\n {`Start Date: ${getFormattedDate(startDate)}`}
}\n {endDate &&{`End Date: ${getFormattedDate(endDate)}`}
}\n\n {data.map(field => (\n
\n );\n }\n\n case TIME_OFF_ADDED:\n case TIME_OFF_UPDATED:\n case TIME_OFF_DELETED: {\n return data.map((unavailability) => {\n const { startDate, endDate, isPrivate, description, rangeType } = unavailability;\n const unavailabilityConfig = getUnavailabilityFields(startDate, endDate, isPrivate, description, rangeType);\n\n return getFieldValues(unavailabilityConfig);\n });\n }\n\n case PERSON_NOTE_ADDED: {\n const personNoteConfig = getPersonNoteFields(message, isPrivate, creatorName, createdOn);\n\n return getFieldValues(personNoteConfig);\n }\n\n case PERSON_NOTE_UPDATED:\n case PERSON_NOTE_DELETED: {\n const personNoteConfig = getPersonNoteFields(message, isPrivate, creatorName, createdOn, lastModifiedOn);\n\n return getFieldValues(personNoteConfig);\n }\n\n case ATTACHMENT_ADDED:\n case ATTACHMENT_REMOVED:\n case CERTIFICATION_ATTACHMENT_LINKED:\n case CERTIFICATION_ATTACHMENT_UNLINKED: {\n const attachmentConfig = getAttachmentFields(name, size, isPrivate, certificationName);\n\n return getFieldValues(attachmentConfig);\n }\n\n case CERTIFICATION_ADDED:\n case CERTIFICATION_UPDATED:\n case CERTIFICATION_DELETED: {\n const certificationConfig = getCertificationFields(name, abbreviation, expiryDate, hasAttachment);\n\n return getFieldValues(certificationConfig);\n }\n default:\n return null;\n }\n};\n","import React, { useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { AuditLogItem, ListWithLoader } from '@bridgit/foundation';\nimport classNames from 'classnames';\n\nimport { getPersonAudit } from './redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { PEOPLE_LIST_SELECTION_ID } from './redux/constants';\nimport { getPersonLogEventName, renderEventDetails, trackPersonAuditItemExpanded } from './utils/personAuditUtils';\nimport { splitByUpperCase } from '../../utils/miscUtils';\n\nexport const PersonAudit = ({ headerLabel }) => {\n const dispatch = useDispatch();\n const accountId = useSelector(({ common }) => common.accountId);\n const getPersonAuditPending = useSelector(({ people }) => people.getPersonAuditPending);\n const hasMorePersonLogItems = useSelector(({ people }) => people.personAudit?.hasMore);\n const personLogItems = useSelector(({ people }) => people.personAudit?.items || []);\n const pageFrom = useSelector(({ people }) => people.personAudit?.cursor);\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n const selectedPerson = useSelector(({ people }) => {\n const { personSelections } = people;\n return isOpenInModal ? personSelections?.[MULTI_STATE_MODAL_ID] : personSelections?.[PEOPLE_LIST_SELECTION_ID];\n });\n\n useEffect(() => {\n if (accountId && selectedPerson?.id) dispatch(getPersonAudit(accountId, selectedPerson.id));\n }, [accountId, dispatch, selectedPerson?.id]);\n\n const loadMoreItems = useCallback(\n () => hasMorePersonLogItems && selectedPerson?.id && dispatch(getPersonAudit(accountId, selectedPerson.id, pageFrom)),\n [hasMorePersonLogItems, selectedPerson?.id, dispatch, accountId, pageFrom],\n );\n\n const handlePersonAuditItemExpanded = (isExpanded, eventData) => {\n trackPersonAuditItemExpanded(isExpanded, eventData, selectedPerson, isOpenInModal);\n };\n\n const renderPersonLogItems = ({ userName, eventOn, actionType, resourceType, eventData }) => {\n const eventName = getPersonLogEventName(resourceType, actionType);\n\n return (\n \n
\n ))}\n \n \n {`${field.fieldName || 'Deleted field'}: `}\n \n {getFormattedFieldValue(field.values, field.fieldType)}\n
\n\n {headerLabel &&
\n );\n};\n\nPersonAudit.propTypes = {\n headerLabel: PropTypes.string,\n};\n\nPersonAudit.defaultProps = {\n headerLabel: '',\n};\n\nexport default PersonAudit;\n","import React, { useEffect, useCallback, useState, useRef, useMemo } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { ListWithLoader } from '@bridgit/foundation';\nimport classNames from 'classnames';\nimport pluralize from 'pluralize';\n\nimport {\n getPersonAttachments,\n uploadPersonAttachment,\n} from './redux/actions';\nimport { PEOPLE_LIST_SELECTION_ID } from './redux/constants';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { ProfileAttachment, ProfileUploadAttachment } from '.';\nimport {\n DEFAULT_LIST_ITEMS_LIMIT,\n DEFAULT_LIST_OFFSET,\n PERSON_ATTACHMENTS_TAB_NAME,\n PROFILE_DETAILS_MODAL_CONTEXT,\n PROFILE_DETAILS_PROFILE_CONTEXT,\n} from './constants';\nimport { isAuthorized, hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { PERM_PERSON, PERM_WRITE } from '../permissions/utils/constants';\nimport {\n ACCOUNT_MODULE_CERTIFICATIONS,\n PEOPLE_ACCOUNT_MODULE_COMPONENT,\n} from '../../common/constants';\n\nconst ProfileAttachments = () => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n\n const {\n personAttachmentItems,\n uploadPersonAttachmentPending,\n selectedPerson,\n getPersonAttachmentsPending,\n hasMorePersonAttachments,\n deletePersonAttachmentPending,\n } = useSelector(({ people }) => {\n const {\n personAttachments,\n uploadPersonAttachmentPending,\n personSelections,\n getPersonAttachmentsPending,\n deletePersonAttachmentPending,\n } = people;\n\n return {\n personAttachmentItems: personAttachments.items || [],\n uploadPersonAttachmentPending,\n selectedPerson: isOpenInModal ? personSelections?.[MULTI_STATE_MODAL_ID] : personSelections?.[PEOPLE_LIST_SELECTION_ID],\n getPersonAttachmentsPending,\n hasMorePersonAttachments: personAttachments.hasMore,\n deletePersonAttachmentPending,\n };\n });\n\n const { permissions } = useSelector(({ login }) => login.userInfo);\n\n const { accountModules } = useSelector(({ accountSettings }) => accountSettings);\n\n const hasCertificationsModule = useMemo(\n () => hasModuleEnabled(accountModules, ACCOUNT_MODULE_CERTIFICATIONS, PEOPLE_ACCOUNT_MODULE_COMPONENT),\n [accountModules],\n );\n\n const isFileUploaderVisible = useMemo(\n () => isAuthorized(accountId, permissions, PERM_WRITE, PERM_PERSON),\n [accountId, permissions],\n );\n\n const [offset, setOffset] = useState(0);\n const prevGetPersonAttachmentsPending = useRef(getPersonAttachmentsPending);\n\n // increment offset before getting a new portion of attachments\n useEffect(() => {\n if (!prevGetPersonAttachmentsPending.current && getPersonAttachmentsPending) {\n setOffset(offset + DEFAULT_LIST_OFFSET);\n }\n prevGetPersonAttachmentsPending.current = getPersonAttachmentsPending;\n }, [getPersonAttachmentsPending, offset]);\n\n useEffect(() => {\n if (selectedPerson?.id) {\n dispatch(getPersonAttachments(accountId, selectedPerson.id, 0, DEFAULT_LIST_ITEMS_LIMIT, hasCertificationsModule));\n }\n }, [accountId, dispatch, selectedPerson?.id, hasCertificationsModule]);\n\n const onUpload = useCallback((file, binary, isPrivate) => {\n const { name } = file;\n const { id: personId, name: personName } = selectedPerson;\n\n const data = { name, isPrivate };\n\n const analyticsPayload = {\n personName,\n personId,\n uploadedFrom: isOpenInModal ? PROFILE_DETAILS_MODAL_CONTEXT : PROFILE_DETAILS_PROFILE_CONTEXT,\n file,\n isPrivate,\n tabUploadedFrom: 'Attachments',\n };\n\n dispatch(uploadPersonAttachment(accountId, personId, data, binary, analyticsPayload));\n }, [accountId, dispatch, isOpenInModal, selectedPerson]);\n\n const getAttachmentCaption = useCallback((certifications) => {\n if (!certifications) return null;\n\n const abbreviations = certifications.map(({ abbreviation }) => abbreviation).join(', ');\n\n return certifications.length\n ? `Linked to ${abbreviations} ${pluralize('certification', certifications.length)}`\n : null;\n }, []);\n\n const renderPersonAttachmentLogItem = useCallback(({ id, binaryUrl, createdOn, isPrivate, name, state, size, certifications }) => (\n {headerLabel}
}\n\n \n No attachments have been added}\n loadMore={loadMoreItems}\n className={classNames({\n 'people-profile-attachments-list-with-uploader': isFileUploaderVisible && !getPersonAttachmentsPending,\n 'people-profile-attachments-list-with-uploader-loading': isFileUploaderVisible && getPersonAttachmentsPending,\n 'people-profile-attachments-list': !isFileUploaderVisible && !getPersonAttachmentsPending,\n 'people-profile-attachments-list-loading': !isFileUploaderVisible && getPersonAttachmentsPending,\n })}\n />\n
\n );\n};\n\nexport default ProfileAttachments;\n","import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { CircularProgress, Select, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';\nimport { People, VisibilityOff } from '@material-ui/icons';\nimport { FileUploader } from '@bridgit/foundation';\nimport { getAccountLimits } from '../account-settings/redux/actions';\nimport { Can, OutlinedInput } from '../wrapped-components';\nimport { PERM_WRITE, PERM_PERSON, PERM_PRIVATE } from '../permissions/utils/constants';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport {\n UPLOAD_ATTACHMENT_PUBLIC,\n UPLOAD_ATTACHMENT_PRIVATE,\n PROFILE_UPLOAD_ERRORS,\n PROFILE_UPLOAD_PROPS,\n} from './constants';\n\nconst ProfileUploadAttachment = ({\n header,\n onUpload,\n pending,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId, totalPeopleAttachmentBytes } = useSelector(({ common, accounts: { entities } }) => {\n const { accountId } = common;\n const account = entities.find(account => account.id === accountId);\n return {\n accountId,\n totalPeopleAttachmentBytes: account?.totalPeopleAttachmentBytes,\n };\n });\n\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n\n const {\n accountLimits: { maxPeopleAttachmentBytes },\n getAccountLimitsPending,\n } = useSelector(({ accountSettings }) => accountSettings);\n\n const [loading, setLoading] = useState(true);\n const [isPrivate, setIsPrivate] = useState(UPLOAD_ATTACHMENT_PUBLIC);\n\n useEffect(() => {\n dispatch(getAccountLimits(accountId));\n }, [accountId, dispatch]);\n\n useEffect(() => {\n setLoading(getAccountLimitsPending);\n }, [getAccountLimitsPending]);\n\n const {\n title,\n subTitle,\n disabled,\n } = useMemo(() => {\n const disabled = totalPeopleAttachmentBytes >= maxPeopleAttachmentBytes;\n return {\n title: disabled ? 'Account file limit reached' : 'Click or drag and drop to upload an attachment',\n subTitle: disabled ? 'Remove files to add more' : 'Maximum file size: 1 GB',\n disabled,\n };\n }, [maxPeopleAttachmentBytes, totalPeopleAttachmentBytes]);\n\n const onChange = useCallback((evt) => {\n const { value } = evt.target;\n setIsPrivate(value);\n }, []);\n\n const handleOnUpload = useCallback((file, binary) => {\n onUpload(file, binary, isPrivate === UPLOAD_ATTACHMENT_PRIVATE);\n }, [isPrivate, onUpload]);\n\n const renderValue = value => `Upload ${value ? 'private' : 'public'} attachment`;\n\n const renderUploader = () => {\n if (loading || pending) {\n return (\n Attachments
\n\n\n
\n );\n }\n\n return (\n <>\n \n
\n )}\n Uploading attachment.
\nDo not leave or refresh Bench.
\n{header}
}\n {renderUploader()}\n \n )}\n />\n );\n};\n\nProfileUploadAttachment.propTypes = {\n header: PropTypes.string,\n onUpload: PropTypes.func,\n pending: PropTypes.bool,\n};\n\nProfileUploadAttachment.defaultProps = {\n header: null,\n onUpload: () => {},\n pending: false,\n};\n\nexport default ProfileUploadAttachment;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MenuItem } from '@material-ui/core';\nimport { AttachmentItem } from '@bridgit/foundation';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { PEOPLE_LIST_SELECTION_ID } from './redux/constants';\nimport {\n ATTACHMENT_STATE_MAP,\n DEFAULT_REQUEST_DELAY,\n REQUEST_DELAY_MULTIPLIER,\n MAX_POLLING_TIME,\n PROFILE_DETAILS_MODAL_CONTEXT,\n PROFILE_DETAILS_PROFILE_CONTEXT,\n ATTACHMENT_COMPLETED_STATE,\n ATTACHMENT_PROCESSING_STATE,\n ATTACHMENT_POLLING_STATE,\n ATTACHMENT_FAILED_STATE,\n PERSON_CERTIFICATIONS_TAB_NAME,\n PERSON_ATTACHMENTS_TAB_NAME,\n} from './constants';\nimport { Can } from '../wrapped-components';\nimport { PERM_PERSON, PERM_WRITE } from '../permissions/utils/constants';\nimport {\n getPersonAttachmentById,\n deletePersonAttachment,\n downloadPersonAttachment,\n} from './redux/actions';\nimport { Confirm } from '../common';\nimport { getFileExtension } from '../../utils/miscUtils';\nimport { PRIVATE_MODE_TOOLTIP_TEXT } from '../../common/constants';\n\nconst ProfileAttachment = ({\n id,\n name,\n createdOn,\n binaryUrl,\n isPrivate,\n state,\n size,\n numOfLoadedAttachments,\n hasMore,\n certificationId,\n activeTab,\n caption,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId, privateModeEnabled } = useSelector(({ common }) => common);\n\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n\n const parentCertification = useSelector(({ accountSettings }) => accountSettings.certifications.find(({ id }) => id === certificationId));\n\n const { personId, personName } = useSelector(({ people: { personSelections } }) => {\n const selectedPerson = isOpenInModal ? personSelections?.[MULTI_STATE_MODAL_ID] : personSelections?.[PEOPLE_LIST_SELECTION_ID];\n\n return {\n personId: selectedPerson?.id,\n personName: selectedPerson?.name,\n };\n });\n\n const [attachmentState, setAttachmentState] = useState(ATTACHMENT_STATE_MAP[state]);\n const [delay, setDelay] = useState(DEFAULT_REQUEST_DELAY);\n const [pollingTimeElapsed, setPollingTimeElapsed] = useState(0);\n const [isConfirmationDialogShown, setIsConfirmationDialogShown] = useState(false);\n\n const handleGetPersonAttachmentById = useCallback(() => dispatch(getPersonAttachmentById(accountId, personId, id)),\n [accountId, dispatch, id, personId]);\n\n useEffect(() => {\n if (attachmentState === ATTACHMENT_STATE_MAP.Failed) { // stop sending requests\n return;\n }\n\n if (!binaryUrl) {\n if (state === ATTACHMENT_FAILED_STATE) {\n setAttachmentState(ATTACHMENT_STATE_MAP[ATTACHMENT_FAILED_STATE]);\n } else if (\n state === ATTACHMENT_POLLING_STATE &&\n pollingTimeElapsed <= MAX_POLLING_TIME\n ) { // keep sending requests with incremented delay\n setDelay(() => {\n setTimeout(() => {\n handleGetPersonAttachmentById();\n setPollingTimeElapsed(currentTimeElapsed => currentTimeElapsed + delay);\n }, delay);\n\n return delay * REQUEST_DELAY_MULTIPLIER;\n });\n } else { // change the state from Polling to Processing, where manual attachment refresh would be required\n setAttachmentState(ATTACHMENT_STATE_MAP[ATTACHMENT_PROCESSING_STATE]);\n }\n } else if (binaryUrl && attachmentState !== ATTACHMENT_STATE_MAP[ATTACHMENT_COMPLETED_STATE]) {\n setAttachmentState(ATTACHMENT_STATE_MAP[ATTACHMENT_COMPLETED_STATE]);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [attachmentState, binaryUrl, pollingTimeElapsed, handleGetPersonAttachmentById, state]); // removed \"delay\" from deps to prevent unnecessary re-renders\n\n const handleDownload = useCallback(() => {\n const analyticsPayload = {\n personName,\n personId,\n downloadedFrom: isOpenInModal ? PROFILE_DETAILS_MODAL_CONTEXT : PROFILE_DETAILS_PROFILE_CONTEXT,\n size,\n fileExtension: getFileExtension(name),\n activeTab,\n isPrivate,\n certificationName: parentCertification?.name,\n isExpiryDateRequired: parentCertification?.requireExpiration,\n warningRange: parentCertification?.daysWarnBeforeExpire,\n };\n\n dispatch(downloadPersonAttachment(binaryUrl, analyticsPayload));\n }, [activeTab, binaryUrl, parentCertification, dispatch, isOpenInModal, name, personId, personName, size, isPrivate]);\n\n const handleDeleteAttachment = useCallback(\n () => {\n const analyticsPayload = {\n personName,\n personId,\n deletedFrom: isOpenInModal ? PROFILE_DETAILS_MODAL_CONTEXT : PROFILE_DETAILS_PROFILE_CONTEXT,\n size,\n fileExtension: getFileExtension(name),\n accountId,\n activeTab,\n isPrivate,\n certificationName: parentCertification?.name,\n isExpiryDateRequired: parentCertification?.requireExpiration,\n warningRange: parentCertification?.daysWarnBeforeExpire,\n };\n\n const newOffset = numOfLoadedAttachments - 1;\n\n dispatch(deletePersonAttachment(accountId, personId, id, analyticsPayload, newOffset, hasMore, certificationId));\n\n setIsConfirmationDialogShown(false);\n },\n [\n personName,\n personId,\n isOpenInModal,\n size,\n name,\n accountId,\n activeTab,\n parentCertification,\n numOfLoadedAttachments,\n dispatch,\n id,\n hasMore,\n certificationId,\n isPrivate,\n ],\n );\n\n const handleRemoveCancel = () => setIsConfirmationDialogShown(false);\n\n const showConfirmationDialog = () => setIsConfirmationDialogShown(true);\n\n const attachmentItemOptions = useMemo(() => [\n ,\n \n
\n \n )}\n \n );\n};\n\nProfileAttachment.propTypes = {\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n createdOn: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n state: PropTypes.oneOf(Object.keys(ATTACHMENT_STATE_MAP)).isRequired,\n binaryUrl: PropTypes.string,\n isPrivate: PropTypes.bool.isRequired,\n size: PropTypes.number.isRequired,\n numOfLoadedAttachments: PropTypes.number,\n hasMore: PropTypes.bool,\n certificationId: PropTypes.number,\n activeTab: PropTypes.oneOf([PERSON_CERTIFICATIONS_TAB_NAME, PERSON_ATTACHMENTS_TAB_NAME]),\n caption: PropTypes.string,\n};\n\nProfileAttachment.defaultProps = {\n binaryUrl: null,\n numOfLoadedAttachments: 0,\n hasMore: false,\n certificationId: null,\n activeTab: '',\n caption: null,\n};\n\nexport default ProfileAttachment;\n","import moment from 'moment';\nimport { CERTIFICATION_STATUSES } from '../constants';\n\nconst { ACTIVE, EXPIRING_SOON, EXPIRED } = CERTIFICATION_STATUSES;\n\nexport const getCertificationStatus = (expiryDate, daysWarnBeforeExpire) => {\n const todayMoment = moment().startOf('day');\n const expiryDateMoment = moment(expiryDate);\n const difference = moment(expiryDateMoment).diff(todayMoment, 'days');\n\n if (difference <= 0) return EXPIRED;\n\n if (difference <= daysWarnBeforeExpire) return EXPIRING_SOON;\n\n return ACTIVE;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport pluralize from 'pluralize';\nimport { Tag } from '@bridgit/foundation';\nimport { getCertificationStatus } from './utils/certificationUtils';\nimport { CERTIFICATION_STATUSES, CERTIFICATION_VARIANTS } from './constants';\n\nexport const CertificationTags = ({ certifications }) => {\n if (!certifications?.length) return null;\n\n return (\n Are you sure you want to delete this attachment?
\nThis cannot be undone.
\n\n {certifications.map(({ id, abbreviation, expiryDate, daysWarnBeforeExpire }) => {\n const state = getCertificationStatus(expiryDate, daysWarnBeforeExpire);\n\n let subLabel = '';\n\n if (state === CERTIFICATION_STATUSES.EXPIRING_SOON) {\n // Since expiryDate is at 0 hours get today at 0 hours to get a valid diff\n const today = moment(0, 'HH');\n const daysBeforeExpiry = moment(expiryDate).diff(today, 'days');\n subLabel = pluralize('day', daysBeforeExpiry, true);\n }\n\n return (\n \n {abbreviation}\n \n );\n })}\n
\n );\n};\n\nCertificationTags.propTypes = {\n certifications: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n abbreviation: PropTypes.string,\n expiryDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n daysWarnBeforeExpire: PropTypes.number,\n })),\n};\n\nCertificationTags.defaultProps = {\n certifications: null,\n};\n\nexport default CertificationTags;\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { ListWithLoader, CertificationItem, Loader } from '@bridgit/foundation';\nimport { Button } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport classnames from 'classnames';\n\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport {\n DEFAULT_LIST_ITEMS_LIMIT,\n DEFAULT_LIST_OFFSET,\n CERT_ATTACHMENTS_LIST_OFFSET,\n PROFILE_CERTIFICATION_LIST,\n PROFILE_CERTIFICATION_ADD,\n PROFILE_CERTIFICATION_EDIT,\n PERSON_CERTIFICATIONS_TAB_NAME,\n PROFILE_DETAILS_MODAL_CONTEXT,\n PROFILE_DETAILS_PROFILE_CONTEXT,\n} from './constants';\nimport { PEOPLE_LIST_SELECTION_ID } from './redux/constants';\nimport { getCertificationStatus } from './utils/certificationUtils';\nimport {\n clearPersonCertifications,\n getPersonCertificationAttachments,\n getPersonCertifications,\n addPersonCertification,\n updatePersonCertification,\n deletePersonCertification,\n uploadPersonAttachment,\n toggleCertificationAttachments,\n} from './redux/actions';\nimport { ProfileAttachment, PersonCertificationForm, ProfileUploadAttachment } from '.';\nimport { getAccountCertifications } from '../account-settings/redux/actions';\nimport { Can } from '../wrapped-components';\nimport { PERM_ACCOUNT, PERM_PERSON, PERM_WRITE } from '../permissions/utils/constants';\nimport { hasModuleEnabled, isAuthorized } from '../permissions/utils/permissionUtils';\nimport { ACCOUNT_MODULE_ATTACHMENTS, PEOPLE_ACCOUNT_MODULE_COMPONENT } from '../../common/constants';\nimport { momentToString } from '../../utils/dateUtils';\n\nconst ProfileCertifications = () => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n\n const { permissions } = useSelector(({ login }) => login.userInfo);\n\n const {\n personCertificationItems,\n getPersonCertificationsPending,\n selectedPerson,\n hasMorePersonCertifications,\n getPersonCertificationAttachmentsPending,\n deletePersonAttachmentPending,\n uploadPersonAttachmentPending,\n } = useSelector(({ people }) => {\n const {\n personCertifications,\n getPersonCertificationsPending,\n personSelections,\n getPersonCertificationAttachmentsPending,\n deletePersonAttachmentPending,\n uploadPersonAttachmentPending,\n } = people;\n\n return {\n personCertificationItems: personCertifications.items || [],\n getPersonCertificationsPending,\n selectedPerson: isOpenInModal ? personSelections?.[MULTI_STATE_MODAL_ID] : personSelections?.[PEOPLE_LIST_SELECTION_ID],\n hasMorePersonCertifications: personCertifications.hasMore,\n getPersonCertificationAttachmentsPending,\n deletePersonAttachmentPending,\n uploadPersonAttachmentPending,\n };\n });\n\n const { accountCertifications, getAccountCertificationsPending, isAttachmentModuleOn } = useSelector(({ accountSettings }) => {\n const { accountModules, getAccountCertificationsPending, certifications } = accountSettings;\n const isAttachmentModuleOn = hasModuleEnabled(accountModules, ACCOUNT_MODULE_ATTACHMENTS, PEOPLE_ACCOUNT_MODULE_COMPONENT);\n\n return {\n accountCertifications: certifications,\n getAccountCertificationsPending,\n isAttachmentModuleOn,\n };\n });\n\n const hasPersonWritePerms = useMemo(\n () => isAuthorized(accountId, permissions, PERM_WRITE, PERM_PERSON),\n [accountId, permissions],\n );\n\n const isAddVisible = useMemo(\n () => !!accountCertifications.length && hasPersonWritePerms,\n [accountCertifications, hasPersonWritePerms],\n );\n\n const currentView = useMemo(() => (isOpenInModal ? PROFILE_DETAILS_MODAL_CONTEXT : PROFILE_DETAILS_PROFILE_CONTEXT), [isOpenInModal]);\n\n const [activeState, setActiveState] = useState(PROFILE_CERTIFICATION_LIST);\n const [editCertification, setEditCertification] = useState();\n\n const selectCertification = useCallback(\n certId => personCertificationItems.find(cert => cert.id === certId),\n [personCertificationItems],\n );\n\n const selectAccountCertification = useCallback(\n certId => accountCertifications.find(cert => cert.id === certId),\n [accountCertifications],\n );\n\n const addHandler = useCallback(() => setActiveState(PROFILE_CERTIFICATION_ADD), []);\n\n const editHandler = useCallback(certId => () => {\n setEditCertification(selectCertification(certId));\n setActiveState(PROFILE_CERTIFICATION_EDIT);\n }, [selectCertification]);\n\n const getAnalyticsPayload = useCallback(() => {\n const {\n id: certificationId,\n name: certificationName,\n expiryDate,\n daysWarnBeforeExpire,\n hasAttachment,\n } = editCertification;\n const { name: personName } = selectedPerson || {};\n const { requireExpiration } = selectAccountCertification(certificationId);\n\n return {\n personName,\n currentView,\n certificationName,\n expiryDate,\n daysWarnBeforeExpire,\n hasAttachment,\n requireExpiration,\n };\n }, [selectAccountCertification, currentView, editCertification, selectedPerson]);\n\n const closeHandler = useCallback(() => setActiveState(PROFILE_CERTIFICATION_LIST), []);\n\n const addCertificationSubmitHandler = useCallback(({ certificationId, expiryDate }) => {\n if (!selectedPerson?.id) return;\n const { requireExpiration } = selectAccountCertification(certificationId);\n const analyticsPayload = {\n personName: selectedPerson?.name,\n currentView,\n requireExpiration,\n };\n const data = {\n certificationId,\n expiryDate: momentToString(expiryDate),\n };\n\n dispatch(addPersonCertification(accountId, selectedPerson.id, data, analyticsPayload));\n closeHandler();\n }, [accountId, currentView, dispatch, closeHandler, selectAccountCertification, selectedPerson]);\n\n const editCertificationSubmitHandler = useCallback(({ certificationId, expiryDate }) => {\n if (!selectedPerson?.id) return;\n const analyticsPayload = getAnalyticsPayload();\n const data = { expiryDate: momentToString(expiryDate) };\n\n dispatch(updatePersonCertification(accountId, selectedPerson.id, certificationId, data, analyticsPayload));\n closeHandler();\n }, [accountId, dispatch, getAnalyticsPayload, closeHandler, selectedPerson?.id]);\n\n const deleteCertificationHandler = useCallback(() => {\n if (!selectedPerson?.id) return;\n const analyticsPayload = getAnalyticsPayload();\n\n dispatch(deletePersonCertification(accountId, selectedPerson.id, editCertification.id, analyticsPayload));\n closeHandler();\n }, [accountId, dispatch, getAnalyticsPayload, closeHandler, editCertification?.id, selectedPerson?.id]);\n\n const [offset, setOffset] = useState(0);\n const prevGetPersonCertificationsPending = useRef(getPersonCertificationsPending);\n\n const [attachmentsOffset, setAttachmentsOffset] = useState(0);\n const prevGetPersonCertificationAttachmentsPending = useRef(getPersonCertificationAttachmentsPending);\n\n // increment offset before getting a new portion of certificates\n useEffect(() => {\n if (!prevGetPersonCertificationsPending.current && getPersonCertificationsPending) {\n setOffset(offset + DEFAULT_LIST_OFFSET);\n }\n prevGetPersonCertificationsPending.current = getPersonCertificationsPending;\n }, [getPersonCertificationsPending, offset]);\n\n // increment attachments offset before getting a new portion of cert attachments\n useEffect(() => {\n if (!prevGetPersonCertificationAttachmentsPending.current && getPersonCertificationAttachmentsPending) {\n setAttachmentsOffset(attachmentsOffset + CERT_ATTACHMENTS_LIST_OFFSET);\n }\n prevGetPersonCertificationAttachmentsPending.current = getPersonCertificationAttachmentsPending;\n }, [getPersonCertificationAttachmentsPending, attachmentsOffset]);\n\n useEffect(() => {\n const callback = () => dispatch(getAccountCertifications(accountId));\n\n if (selectedPerson?.id) {\n dispatch(getPersonCertifications(accountId, selectedPerson.id, 0, DEFAULT_LIST_ITEMS_LIMIT, callback));\n }\n\n return () => {\n closeHandler(); // Set active state to certifications list on person or account change\n dispatch(clearPersonCertifications());\n };\n }, [accountId, dispatch, selectedPerson?.id, closeHandler]);\n\n const emptyText = useMemo(() => {\n if (getPersonCertificationsPending || getAccountCertificationsPending) return Make sure your people have the right certifications to get the job done by tracking them in Bridgit Bench.
\nNo certifications have been set up on your account, visit your account settings to get started.
\n \n Go to settings\n \n \n )}\n no={(\n\n
\n )}\n />\n );\n }\n\n return (\n Make sure your people have the right certifications to get the job done by tracking them in Bridgit Bench.
\nNo certifications have been set up on your account, reach out to your account administrator to get started.
\n\n
\n );\n }, [accountCertifications, accountId, getPersonCertificationsPending, getAccountCertificationsPending]);\n\n const loadMoreItems = useCallback(\n () => hasMorePersonCertifications && selectedPerson?.id && dispatch(getPersonCertifications(accountId, selectedPerson.id, offset, DEFAULT_LIST_ITEMS_LIMIT)),\n [hasMorePersonCertifications, selectedPerson?.id, dispatch, accountId, offset],\n );\n\n const manageAttachmentsHandler = useCallback(\n (certificationId, isCollapsing, hasAttachment) => {\n if (!isCollapsing && hasAttachment && selectedPerson?.id) {\n dispatch(getPersonCertificationAttachments(accountId, selectedPerson.id, certificationId));\n }\n\n if (isCollapsing) {\n setAttachmentsOffset(0);\n }\n\n dispatch(toggleCertificationAttachments(isCollapsing));\n },\n [accountId, dispatch, selectedPerson?.id],\n );\n\n const viewMoreAttachmentsHandler = useCallback(certId => () => {\n const certification = selectCertification(certId);\n\n if (certification.hasMoreAttachments && selectedPerson?.id) {\n dispatch(getPersonCertificationAttachments(accountId, selectedPerson.id, certId, attachmentsOffset));\n }\n }, [accountId, attachmentsOffset, dispatch, selectCertification, selectedPerson?.id]);\n\n const renderAttachment = useCallback(certId => (attachment) => {\n const { id, binaryUrl, createdOn, isPrivate, name, state, size } = attachment;\n\n const certification = selectCertification(certId);\n const numOfLoadedAttachments = certification.attachments?.length;\n\n return (\n \n
\n );\n }, [activeState, certificationStates]);\n\n return renderContent();\n};\n\nexport default ProfileCertifications;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport { EditControls, Modal } from '@bridgit/foundation';\nimport pluralize from 'pluralize';\nimport { FormHelperText, Button } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { composeFormValidators, isRequired, isUnique } from '../../utils/validators';\nimport { isEmptyObject } from '../../utils/miscUtils';\nimport { FormField } from '../wrapped-components';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { PEOPLE_LIST_SELECTION_ID } from './redux/constants';\n\nconst PersonCertificationForm = ({ editCertification, onClose, onSubmit, onDelete }) => {\n const { certifications } = useSelector(({ accountSettings }) => accountSettings);\n const isOpenInModal = useSelector(({ modalManager }) => modalManager.activeModal === MULTI_STATE_MODAL_ID);\n const selectedPerson = useSelector(({ people: { personSelections } }) => (\n isOpenInModal ? personSelections?.[MULTI_STATE_MODAL_ID] : personSelections?.[PEOPLE_LIST_SELECTION_ID]\n ));\n\n const isEditing = useMemo(() => !!editCertification, [editCertification]);\n\n const [activeAccountCertification, setActiveAccountCertification] = useState();\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n const findCertification = useCallback(\n certificationId => certifications.find(({ id }) => id === certificationId),\n [certifications],\n );\n\n const certificationOptions = useMemo(\n () => certifications.map(({ name, id }) => ({ label: name, value: id })),\n [certifications],\n );\n\n const pluralExpiryDays = useMemo(() => {\n const { daysWarnBeforeExpire } = isEditing ? editCertification : activeAccountCertification || {};\n\n return daysWarnBeforeExpire && pluralize('day', daysWarnBeforeExpire, true);\n }, [activeAccountCertification, editCertification, isEditing]);\n\n const handleCertificationChange = useCallback(onChange => (event) => {\n const certificationId = event.target.value;\n const certification = findCertification(certificationId);\n\n setActiveAccountCertification(certification);\n onChange(event);\n }, [findCertification]);\n\n const isCertificationInUse = useCallback((certificationId) => {\n const usersWithSelectedCert = findCertification(certificationId)?.inUse;\n\n return isUnique(usersWithSelectedCert, selectedPerson?.id, 'This certification already exists on this profile');\n }, [findCertification, selectedPerson]);\n\n const getExpiryDateValidator = useCallback((val, { certificationId }) => {\n const isDateRequired = findCertification(certificationId)?.requireExpiration;\n\n return isDateRequired ? isRequired(val) : null;\n }, [findCertification]);\n\n const renderCertificationSelect = useCallback(({ input, meta, disabled }) => (\n {display}
\n {content}\n \n Are you sure you would like to delete this certification? Any linked attachments will also be deleted.\n
\n \n ), [isDeleteModalOpen, toggleDeleteModal, onDelete]);\n\n return (\n \n (\n {expiryDate} \n )}\n />\n\n {pluralExpiryDays && (\n \n (\n
\n \n )}\n />\n );\n};\n\nPersonCertificationForm.propTypes = {\n editCertification: PropTypes.object,\n onClose: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n onDelete: PropTypes.func,\n};\n\nPersonCertificationForm.defaultProps = {\n editCertification: null,\n onDelete: () => null,\n};\n\nexport default PersonCertificationForm;\n","import { gql } from 'apollo-boost';\nimport moment from 'moment';\nimport { generateRequestFilter, generateRequestSort, pickObjectProps } from 'src/filters/graphqlUtils';\nimport { dateStringSubtract, dateStringAdd } from 'src/utils/dateUtils';\nimport { PEOPLE_SCHEMAS } from 'src/common/descriptors/person';\nimport {\n PAGE_SIZE,\n DATE_INPUT_FORMAT,\n MIN_DATA_RANGE_IN_MONTHS,\n MAX_DATA_RANGE_IN_YEARS,\n} from 'src/common/constants';\n\nconst PEOPLE_LIST_QUERY = gql`\n query peopleListQuery($accountId: Int!, $structuredSort: [PersonSort], $from: Int, $size: Int, $filters: [ESQuery], $state: PersonState, $relativeDate: String, $startDate: String, $endDate: String){\n people(accountId: $accountId, structuredSort: $structuredSort, from: $from, size: $size, filters: $filters, state: $state, relativeDate: $relativeDate, startDate: $startDate, endDate: $endDate) {\n hasMore\n cursor\n count\n items {\n id\n name\n title\n email\n photoUrl\n hasConflict\n isActive\n hourlyCostRate\n availableInDays\n availableFor\n percentAvailableToday\n employmentDates {\n startDate\n endDate\n }\n unavailabilities {\n id\n description\n startDate\n endDate\n isPrivate\n rangeType\n }\n projects {\n name\n }\n pursuitProjects {\n projectName\n }\n projectAllocations {\n projectId\n projectName\n projectColour\n projectStart\n projectEnd\n projectState\n roleId\n roleName\n roleNote\n startDate\n endDate\n allocatedPercent\n }\n currentProjects {\n name\n }\n currentAllocations {\n endDate\n }\n nextAllocations {\n projectName\n startDate\n }\n fields {\n dataType\n name\n values\n isPrivate\n }\n allocations {\n startDate\n endDate\n percent\n }\n availabilities {\n startDate\n endDate\n percent\n }\n certifications {\n id\n name\n abbreviation\n expiryDate\n daysWarnBeforeExpire\n hasAttachment\n }\n }\n }\n }\n `;\n\nconst getNewPeopleListEntity = (personData, fieldData = []) => {\n const personProps = [\n 'id',\n 'name',\n 'title',\n 'email',\n 'photoUrl',\n 'hasConflict',\n 'employmentDates',\n 'availabilities',\n 'unavailabilities',\n 'availableInDays',\n 'availableFor',\n 'percentAvailableToday',\n ];\n\n const fieldProps = [\n 'type',\n 'name',\n 'values',\n 'isPrivate',\n ];\n\n const person = pickObjectProps(personData, personProps);\n const fields = fieldData.map(field => ({\n ...pickObjectProps(field, fieldProps),\n __typename: 'Field',\n }));\n\n const projects = [];\n const projectAllocations = [];\n const currentProjects = [];\n\n const defaultProps = {\n isActive: true,\n };\n\n return {\n ...person,\n ...defaultProps,\n fields,\n projects,\n projectAllocations,\n currentProjects,\n __typename: 'Person',\n };\n};\n\nconst getPeopleListQuery = (accountId, queries = {}, pageFrom, pageSize, state = 'Active', start, end) => {\n const startDate = start || dateStringSubtract(moment(), MIN_DATA_RANGE_IN_MONTHS, 'months');\n const endDate = end || dateStringAdd(moment(), MAX_DATA_RANGE_IN_YEARS, 'years');\n const defaults = {\n size: pageSize || PAGE_SIZE,\n state,\n relativeDate: moment().local().format(DATE_INPUT_FORMAT),\n startDate,\n endDate,\n };\n\n const defaultSort = [{\n name: { order: 'asc' },\n }];\n\n const { filter, sort, search } = queries;\n const searchFilter = generateRequestFilter(search, PEOPLE_SCHEMAS);\n const filters = generateRequestFilter(filter, PEOPLE_SCHEMAS).concat(searchFilter);\n const structuredSort = generateRequestSort(sort, PEOPLE_SCHEMAS, defaultSort);\n const variables = { accountId, filters, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: PEOPLE_LIST_QUERY,\n variables,\n };\n};\n\nexport {\n getNewPeopleListEntity,\n getPeopleListQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { getNewPeopleListEntity } from 'src/features/people/queries/getPeopleListQuery';\nimport moment from 'moment';\nimport {\n DATE_INPUT_FORMAT,\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n PRE_EMPLOYMENT,\n POST_EMPLOYMENT,\n} from 'src/common/constants';\nimport { NO_AVAILABILITY, FULL_AVAILABILITY } from 'src/filters/constants';\nimport {\n PEOPLE_ADD_PERSON_BEGIN,\n PEOPLE_ADD_PERSON_SUCCESS,\n PEOPLE_ADD_PERSON_FAILURE,\n PEOPLE_ADD_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost, protectedJsonGet } from '../../../utils/api';\nimport { normalizeFields } from '../../../utils/normalizers';\nimport { AVAILABILITY, UNAVAILABILITY } from '../../gantt/people-gantt-v2/constants';\n\nexport function addPerson(accountId, data, modalOrigin, cb) {\n return {\n type: PEOPLE_ADD_PERSON_BEGIN,\n accountId,\n data,\n modalOrigin,\n cb,\n };\n}\n\nexport function dismissAddPersonError() {\n return {\n type: PEOPLE_ADD_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doAddPerson(action) {\n const { accountId, data, modalOrigin, cb } = action;\n\n let person;\n try {\n person = yield call(protectedJsonPost, `accounts/${accountId}/persons`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_ADD_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n let availabilities;\n try {\n availabilities = yield call(protectedJsonGet, `accounts/${accountId}/persons/availabilities`);\n } catch (err) {\n yield put({\n type: PEOPLE_ADD_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_ADD_PERSON_SUCCESS,\n person,\n availabilities,\n fields: data.fields,\n modalOrigin,\n });\n\n if (cb) {\n cb(person);\n }\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchAddPerson() {\n yield takeLatest(PEOPLE_ADD_PERSON_BEGIN, doAddPerson);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_ADD_PERSON_BEGIN:\n return {\n ...state,\n addPersonPending: true,\n addPersonError: null,\n };\n\n case PEOPLE_ADD_PERSON_SUCCESS: {\n const { person, availabilities, fields } = action;\n const { employmentDates } = person;\n const newPeopleList = [...state.entities].concat(person);\n const newPersonAvailability = availabilities.find(availability => availability.personId === person.id);\n const { availableInDays } = newPersonAvailability || { availableInDays: NO_AVAILABILITY };\n const availableFor = FULL_AVAILABILITY;\n const percentAvailableToday = 100;\n const unavailabilities = [];\n const normalizedFields = normalizeFields(fields);\n\n if (employmentDates) {\n const { startDate, endDate } = employmentDates;\n if (startDate) {\n unavailabilities.push({\n description: null,\n startDate: DEFAULT_POU_START,\n endDate: moment(startDate).subtract(1, 'day').format(DATE_INPUT_FORMAT),\n isPrivate: false,\n rangeType: PRE_EMPLOYMENT,\n __typename: UNAVAILABILITY,\n });\n }\n if (endDate) {\n unavailabilities.push({\n description: null,\n startDate: moment(endDate).add(1, 'day').format(DATE_INPUT_FORMAT),\n endDate: DEFAULT_POU_END,\n isPrivate: false,\n rangeType: POST_EMPLOYMENT,\n __typename: UNAVAILABILITY,\n });\n }\n }\n\n const newPeopleListEntity = getNewPeopleListEntity({\n ...person,\n availableInDays,\n availableFor,\n percentAvailableToday,\n unavailabilities,\n availabilities: [{\n startDate: DEFAULT_POU_START,\n endDate: DEFAULT_POU_END,\n percent: 100,\n __typename: AVAILABILITY,\n }],\n }, normalizedFields);\n\n return {\n ...state,\n entities: newPeopleList,\n personFieldValues: [\n ...state.personFieldValues,\n {\n ...person,\n personId: person.id,\n fields: normalizedFields,\n },\n ],\n availabilities,\n addPersonPending: false,\n addPersonError: null,\n filteredPeople: [\n ...state.filteredPeople,\n newPeopleListEntity,\n ],\n };\n }\n\n case PEOPLE_ADD_PERSON_FAILURE:\n return {\n ...state,\n addPersonPending: false,\n addPersonError: action.data.error,\n };\n\n case PEOPLE_ADD_PERSON_DISMISS_ERROR:\n return {\n ...state,\n addPersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN,\n PEOPLE_ADD_PERSON_CERTIFICATION_SUCCESS,\n PEOPLE_ADD_PERSON_CERTIFICATION_FAILURE,\n PEOPLE_ADD_PERSON_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { insertToSortedArray } from '../../../utils/sortUtils';\n\nexport function addPersonCertification(accountId, personId, data, analyticsPayload) {\n return {\n type: PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN,\n accountId,\n personId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissAddPersonCertificationError() {\n return {\n type: PEOPLE_ADD_PERSON_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doAddPersonCertification(action) {\n const { accountId, personId, data, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/persons/${personId}/certifications`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_ADD_PERSON_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_ADD_PERSON_CERTIFICATION_SUCCESS,\n data: res,\n personId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddPersonCertification() {\n yield takeLatest(PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN, doAddPersonCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN:\n return {\n ...state,\n addPersonCertificationPending: true,\n addPersonCertificationError: null,\n };\n\n case PEOPLE_ADD_PERSON_CERTIFICATION_SUCCESS: {\n const { data, personId } = action;\n const { personCertifications, filteredPeople } = state;\n const compareAbbreviation = (a, b) => a.abbreviation.localeCompare(b.abbreviation);\n const newPersonCertifications = {\n ...personCertifications,\n items: [data, ...personCertifications.items || []],\n };\n const newFilteredPeople = filteredPeople.map(person => (\n person.id === personId\n ? ({\n ...person,\n certifications: insertToSortedArray(person.certifications || [], data, compareAbbreviation),\n })\n : person\n ));\n\n return {\n ...state,\n personCertifications: newPersonCertifications,\n filteredPeople: newFilteredPeople,\n addPersonCertificationPending: false,\n addPersonCertificationError: null,\n };\n }\n\n case PEOPLE_ADD_PERSON_CERTIFICATION_FAILURE:\n return {\n ...state,\n addPersonCertificationPending: false,\n addPersonCertificationError: action.data.error,\n };\n\n case PEOPLE_ADD_PERSON_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n addPersonCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_ADD_PERSON_NOTE_BEGIN,\n PEOPLE_ADD_PERSON_NOTE_SUCCESS,\n PEOPLE_ADD_PERSON_NOTE_FAILURE,\n PEOPLE_ADD_PERSON_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addPersonNote(accountId, personId, analyticsPayload, data) {\n return {\n type: PEOPLE_ADD_PERSON_NOTE_BEGIN,\n accountId,\n personId,\n analyticsPayload,\n data,\n };\n}\n\nexport function dismissAddPersonNoteError() {\n return {\n type: PEOPLE_ADD_PERSON_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddPersonNote(action) {\n const { accountId, personId, analyticsPayload, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/persons/${personId}/notes`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_ADD_PERSON_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_ADD_PERSON_NOTE_SUCCESS,\n data: res,\n personId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddPersonNote() {\n yield takeLatest(PEOPLE_ADD_PERSON_NOTE_BEGIN, doAddPersonNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_ADD_PERSON_NOTE_BEGIN:\n return {\n ...state,\n addPersonNotePending: true,\n addPersonNoteError: null,\n };\n\n case PEOPLE_ADD_PERSON_NOTE_SUCCESS: {\n const { personId, data } = action;\n const { personSelections } = state;\n\n const newPersonSelections = { ...personSelections };\n Object.keys(personSelections).forEach((selectionId) => {\n const selectedPerson = personSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const existingNotes = selectedPerson?.notes || [];\n const updatedNotes = [\n data,\n ...existingNotes,\n ];\n newPersonSelections[selectionId] = {\n ...selectedPerson,\n notes: updatedNotes,\n };\n }\n });\n\n return {\n ...state,\n addPersonNotePending: false,\n addPersonNoteError: null,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_ADD_PERSON_NOTE_FAILURE:\n return {\n ...state,\n addPersonNotePending: false,\n addPersonNoteError: action.data.error,\n };\n\n case PEOPLE_ADD_PERSON_NOTE_DISMISS_ERROR:\n return {\n ...state,\n addPersonNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { UNAVAILABILITY, TIME_OFF } from 'src/common/constants';\nimport {\n PEOPLE_ADD_UNAVAILABILITY_BEGIN,\n PEOPLE_ADD_UNAVAILABILITY_SUCCESS,\n PEOPLE_ADD_UNAVAILABILITY_FAILURE,\n PEOPLE_ADD_UNAVAILABILITY_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { handleZeroPercentBlock } from '../../allocations/utils/allocationUtils';\n\nexport function addUnavailability(accountId, personId, data, analyticsPayload) {\n return {\n type: PEOPLE_ADD_UNAVAILABILITY_BEGIN,\n accountId,\n personId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissAddUnavailabilityError() {\n return {\n type: PEOPLE_ADD_UNAVAILABILITY_DISMISS_ERROR,\n };\n}\n\nexport function* doAddUnavailability(action) {\n const { accountId, personId, data, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/persons/${personId}/unavailabilities`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_ADD_UNAVAILABILITY_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PEOPLE_ADD_UNAVAILABILITY_SUCCESS,\n data: res,\n personId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddUnavailability() {\n yield takeLatest(PEOPLE_ADD_UNAVAILABILITY_BEGIN, doAddUnavailability);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_ADD_UNAVAILABILITY_BEGIN:\n return {\n ...state,\n addUnavailabilityPending: true,\n addUnavailabilityError: null,\n };\n\n case PEOPLE_ADD_UNAVAILABILITY_SUCCESS: {\n const { data, personId } = action;\n const { filteredPeople, unavailabilities, personSelections } = state;\n const newUnavailability = {\n ...data[0],\n __typename: UNAVAILABILITY,\n };\n\n const newFilteredPeople = filteredPeople.map((person) => {\n if (person.id === personId) {\n const pous = person.unavailabilities || [];\n const { projectAllocations } = person;\n return {\n ...person,\n ...(newUnavailability.rangeType !== TIME_OFF && {\n projectAllocations: handleZeroPercentBlock(projectAllocations, data),\n }),\n unavailabilities: [...pous, newUnavailability],\n };\n }\n return person;\n });\n\n let personFound = false;\n const newUnavailabilities = unavailabilities || [];\n const newPous = newUnavailabilities.map((pous) => {\n if (personId === pous.personId) {\n personFound = true;\n return {\n ...pous,\n unavailabilities: [...pous.unavailabilities, newUnavailability],\n };\n }\n return pous;\n });\n\n if (!personFound) {\n newPous.push({\n state: 'Deactivated',\n personId,\n unavailabilities: [newUnavailability],\n });\n }\n\n const newPersonSelections = { ...personSelections };\n Object.keys(newPersonSelections).forEach((selectionId) => {\n const selectedPerson = { ...newPersonSelections[selectionId] };\n if (selectedPerson && selectedPerson.id === personId) {\n selectedPerson.unavailabilities = [...selectedPerson.unavailabilities, newUnavailability];\n }\n\n newPersonSelections[selectionId] = selectedPerson;\n });\n\n return {\n ...state,\n unavailabilities: newPous,\n addUnavailabilityPending: false,\n addUnavailabilityError: null,\n filteredPeople: newFilteredPeople,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_ADD_UNAVAILABILITY_FAILURE:\n return {\n ...state,\n addUnavailabilityPending: false,\n addUnavailabilityError: action.data.error,\n };\n\n case PEOPLE_ADD_UNAVAILABILITY_DISMISS_ERROR:\n return {\n ...state,\n addUnavailabilityError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n PEOPLE_CLEAR_ALL_PERSON_SELECTIONS,\n} from './constants';\nimport initialState from './initialState';\n\nexport function clearAllPersonSelections() {\n return {\n type: PEOPLE_CLEAR_ALL_PERSON_SELECTIONS,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_CLEAR_ALL_PERSON_SELECTIONS: {\n const { personSelections } = initialState;\n return {\n ...state,\n personSelections,\n };\n }\n\n default:\n return state;\n }\n}\n","import {\n PEOPLE_CLEAR_PERSON_CERTIFICATIONS,\n} from './constants';\n\nexport function clearPersonCertifications() {\n return {\n type: PEOPLE_CLEAR_PERSON_CERTIFICATIONS,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_CLEAR_PERSON_CERTIFICATIONS:\n return {\n ...state,\n personCertifications: {},\n };\n\n default:\n return state;\n }\n}\n","import {\n PEOPLE_CLEAR_PERSON_SELECTION,\n} from './constants';\n\nexport function clearPersonSelection(selectionId) {\n return {\n type: PEOPLE_CLEAR_PERSON_SELECTION,\n selectionId,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_CLEAR_PERSON_SELECTION: {\n const { selectionId } = action;\n const newState = { ...state };\n delete newState.personSelections[selectionId];\n return newState;\n }\n\n default:\n return state;\n }\n}\n","import {\n PEOPLE_CLEAR_SEARCHED_ACTIVE_PEOPLE,\n} from './constants';\nimport initialState from './initialState';\n\nexport function clearSearchedActivePeople() {\n return {\n type: PEOPLE_CLEAR_SEARCHED_ACTIVE_PEOPLE,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_CLEAR_SEARCHED_ACTIVE_PEOPLE: {\n const { searchedActivePeople } = initialState;\n return {\n ...state,\n searchedActivePeople,\n };\n }\n\n default:\n return state;\n }\n}\n","import { put, takeLatest, all } from 'redux-saga/effects';\nimport {\n PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN,\n PEOPLE_COLLECT_PEOPLE_TABLE_DATA_SUCCESS,\n PEOPLE_COLLECT_PEOPLE_TABLE_DATA_FAILURE,\n PEOPLE_COLLECT_PEOPLE_TABLE_DATA_DISMISS_ERROR,\n} from './constants';\n\nimport { getProjectNamesQuery } from '../../projects/queries/getProjectNamesQuery';\n\nimport { doGetPeople } from './getPeople';\nimport { doGetPersonFieldValues } from './getPersonFieldValues';\nimport { doGetPersonAvailabilities } from './getPersonAvailabilities';\nimport { doGetPersonProjects } from './getPersonProjects';\nimport { doGetAccountAllocations } from './getAccountAllocations';\nimport { doGetPersonFields } from '../../account-settings/redux/getPersonFields';\nimport { doGetProjectFields } from '../../account-settings/redux/getProjectFields';\nimport { doGetPhases } from '../../account-settings/redux/getPhases';\nimport { doGetProjectNames } from '../../projects/redux/getProjectNames';\n\nexport function collectPeopleTableData(accountId, start, end) {\n return {\n type: PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN,\n accountId,\n start,\n end,\n };\n}\n\nexport function dismissCollectPeopleTableDataError() {\n return {\n type: PEOPLE_COLLECT_PEOPLE_TABLE_DATA_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectPeopleTableData(action) {\n const { accountId, start, end } = action;\n const accountParam = { accountId };\n const { query, variables } = getProjectNamesQuery(accountId);\n\n try {\n yield all([\n doGetPeople({ accountId, deactivated: false }),\n doGetPersonFieldValues({ accountId, state: 'active' }),\n doGetPersonAvailabilities(accountParam),\n doGetPersonProjects(accountParam),\n doGetAccountAllocations({ accountId, start, end }),\n doGetPersonFields(accountParam),\n doGetProjectNames({ query, variables }),\n doGetProjectFields(accountParam),\n doGetPhases(accountParam),\n ]);\n } catch (err) {\n yield put({\n type: PEOPLE_COLLECT_PEOPLE_TABLE_DATA_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_COLLECT_PEOPLE_TABLE_DATA_SUCCESS,\n });\n}\n\nexport function* watchCollectPeopleTableData() {\n yield takeLatest(PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN, doCollectPeopleTableData);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN:\n return {\n ...state,\n collectPeopleTableDataPending: true,\n collectPeopleTableDataError: null,\n };\n\n case PEOPLE_COLLECT_PEOPLE_TABLE_DATA_SUCCESS:\n return {\n ...state,\n collectPeopleTableDataPending: false,\n collectPeopleTableDataError: null,\n };\n\n case PEOPLE_COLLECT_PEOPLE_TABLE_DATA_FAILURE:\n return {\n ...state,\n collectPeopleTableDataPending: false,\n collectPeopleTableDataError: action.data.error,\n };\n\n case PEOPLE_COLLECT_PEOPLE_TABLE_DATA_DISMISS_ERROR:\n return {\n ...state,\n collectPeopleTableDataError: null,\n };\n\n default:\n return state;\n }\n}\n","export const MAX_FILE_SIZE = 5242880; // 5242880bytes is 5MB\nexport const MIN_IMAGE_DIMENSION = 180;\nexport const MAX_IMAGE_DIMENSION = 1500;\nexport const DEFAULT_PEOPLE_SORT = { name: 'sort', args: [{ column: 'name', label: 'Name', ascending: true, type: null }] };\n\nexport const MAX_PEOPLE = 999999;\n\nexport const PEOPLE_GET_PEOPLE_BEGIN = 'PEOPLE_GET_PEOPLE_BEGIN';\nexport const PEOPLE_GET_PEOPLE_SUCCESS = 'PEOPLE_GET_PEOPLE_SUCCESS';\nexport const PEOPLE_GET_PEOPLE_FAILURE = 'PEOPLE_GET_PEOPLE_FAILURE';\nexport const PEOPLE_GET_PEOPLE_DISMISS_ERROR = 'PEOPLE_GET_PEOPLE_DISMISS_ERROR';\nexport const PEOPLE_REMOVE_PERSON_BEGIN = 'PEOPLE_REMOVE_PERSON_BEGIN';\nexport const PEOPLE_REMOVE_PERSON_SUCCESS = 'PEOPLE_REMOVE_PERSON_SUCCESS';\nexport const PEOPLE_REMOVE_PERSON_FAILURE = 'PEOPLE_REMOVE_PERSON_FAILURE';\nexport const PEOPLE_REMOVE_PERSON_DISMISS_ERROR = 'PEOPLE_REMOVE_PERSON_DISMISS_ERROR';\nexport const PEOPLE_ADD_PERSON_BEGIN = 'PEOPLE_ADD_PERSON_BEGIN';\nexport const PEOPLE_ADD_PERSON_SUCCESS = 'PEOPLE_ADD_PERSON_SUCCESS';\nexport const PEOPLE_ADD_PERSON_FAILURE = 'PEOPLE_ADD_PERSON_FAILURE';\nexport const PEOPLE_ADD_PERSON_DISMISS_ERROR = 'PEOPLE_ADD_PERSON_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN = 'PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN';\nexport const PEOPLE_GET_PERSON_FIELD_VALUES_SUCCESS = 'PEOPLE_GET_PERSON_FIELD_VALUES_SUCCESS';\nexport const PEOPLE_GET_PERSON_FIELD_VALUES_FAILURE = 'PEOPLE_GET_PERSON_FIELD_VALUES_FAILURE';\nexport const PEOPLE_GET_PERSON_FIELD_VALUES_DISMISS_ERROR = 'PEOPLE_GET_PERSON_FIELD_VALUES_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN = 'PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN';\nexport const PEOPLE_GET_PERSON_AVAILABILITIES_SUCCESS = 'PEOPLE_GET_PERSON_AVAILABILITIES_SUCCESS';\nexport const PEOPLE_GET_PERSON_AVAILABILITIES_FAILURE = 'PEOPLE_GET_PERSON_AVAILABILITIES_FAILURE';\nexport const PEOPLE_GET_PERSON_AVAILABILITIES_DISMISS_ERROR = 'PEOPLE_GET_PERSON_AVAILABILITIES_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_PROJECTS_BEGIN = 'PEOPLE_GET_PERSON_PROJECTS_BEGIN';\nexport const PEOPLE_GET_PERSON_PROJECTS_SUCCESS = 'PEOPLE_GET_PERSON_PROJECTS_SUCCESS';\nexport const PEOPLE_GET_PERSON_PROJECTS_FAILURE = 'PEOPLE_GET_PERSON_PROJECTS_FAILURE';\nexport const PEOPLE_GET_PERSON_PROJECTS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_PROJECTS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN = 'PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_SUCCESS = 'PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_SUCCESS';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_FAILURE = 'PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_FAILURE';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_DISMISS_ERROR = 'PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN = 'PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN';\nexport const PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_SUCCESS = 'PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_SUCCESS';\nexport const PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_FAILURE = 'PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_FAILURE';\nexport const PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN = 'PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN';\nexport const PEOPLE_GET_PERSON_PAST_ALLOCATIONS_SUCCESS = 'PEOPLE_GET_PERSON_PAST_ALLOCATIONS_SUCCESS';\nexport const PEOPLE_GET_PERSON_PAST_ALLOCATIONS_FAILURE = 'PEOPLE_GET_PERSON_PAST_ALLOCATIONS_FAILURE';\nexport const PEOPLE_GET_PERSON_PAST_ALLOCATIONS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_PAST_ALLOCATIONS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_ISSUES_BEGIN = 'PEOPLE_GET_PERSON_ISSUES_BEGIN';\nexport const PEOPLE_GET_PERSON_ISSUES_SUCCESS = 'PEOPLE_GET_PERSON_ISSUES_SUCCESS';\nexport const PEOPLE_GET_PERSON_ISSUES_FAILURE = 'PEOPLE_GET_PERSON_ISSUES_FAILURE';\nexport const PEOPLE_GET_PERSON_ISSUES_DISMISS_ERROR = 'PEOPLE_GET_PERSON_ISSUES_DISMISS_ERROR';\nexport const PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN = 'PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN';\nexport const PEOPLE_GET_ACCOUNT_ALLOCATIONS_SUCCESS = 'PEOPLE_GET_ACCOUNT_ALLOCATIONS_SUCCESS';\nexport const PEOPLE_GET_ACCOUNT_ALLOCATIONS_FAILURE = 'PEOPLE_GET_ACCOUNT_ALLOCATIONS_FAILURE';\nexport const PEOPLE_GET_ACCOUNT_ALLOCATIONS_DISMISS_ERROR = 'PEOPLE_GET_ACCOUNT_ALLOCATIONS_DISMISS_ERROR';\nexport const PEOPLE_GET_UPLOAD_URL_BEGIN = 'PEOPLE_GET_UPLOAD_URL_BEGIN';\nexport const PEOPLE_GET_UPLOAD_URL_SUCCESS = 'PEOPLE_GET_UPLOAD_URL_SUCCESS';\nexport const PEOPLE_GET_UPLOAD_URL_FAILURE = 'PEOPLE_GET_UPLOAD_URL_FAILURE';\nexport const PEOPLE_GET_UPLOAD_URL_DISMISS_ERROR = 'PEOPLE_GET_UPLOAD_URL_DISMISS_ERROR';\nexport const PEOPLE_SET_PROFILE_PICTURE_BEGIN = 'PEOPLE_SET_PROFILE_PICTURE_BEGIN';\nexport const PEOPLE_SET_PROFILE_PICTURE_SUCCESS = 'PEOPLE_SET_PROFILE_PICTURE_SUCCESS';\nexport const PEOPLE_SET_PROFILE_PICTURE_FAILURE = 'PEOPLE_SET_PROFILE_PICTURE_FAILURE';\nexport const PEOPLE_SET_PROFILE_PICTURE_DISMISS_ERROR = 'PEOPLE_SET_PROFILE_PICTURE_DISMISS_ERROR';\nexport const PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN = 'PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN';\nexport const PEOPLE_REMOVE_PROFILE_PICTURE_SUCCESS = 'PEOPLE_REMOVE_PROFILE_PICTURE_SUCCESS';\nexport const PEOPLE_REMOVE_PROFILE_PICTURE_FAILURE = 'PEOPLE_REMOVE_PROFILE_PICTURE_FAILURE';\nexport const PEOPLE_REMOVE_PROFILE_PICTURE_DISMISS_ERROR = 'PEOPLE_REMOVE_PROFILE_PICTURE_DISMISS_ERROR';\nexport const PEOPLE_UPDATE_PERSON_BEGIN = 'PEOPLE_UPDATE_PERSON_BEGIN';\nexport const PEOPLE_UPDATE_PERSON_SUCCESS = 'PEOPLE_UPDATE_PERSON_SUCCESS';\nexport const PEOPLE_UPDATE_PERSON_FAILURE = 'PEOPLE_UPDATE_PERSON_FAILURE';\nexport const PEOPLE_UPDATE_PERSON_DISMISS_ERROR = 'PEOPLE_UPDATE_PERSON_DISMISS_ERROR';\nexport const PEOPLE_GET_FILTERED_PEOPLE_BEGIN = 'PEOPLE_GET_FILTERED_PEOPLE_BEGIN';\nexport const PEOPLE_GET_FILTERED_PEOPLE_SUCCESS = 'PEOPLE_GET_FILTERED_PEOPLE_SUCCESS';\nexport const PEOPLE_GET_FILTERED_PEOPLE_FAILURE = 'PEOPLE_GET_FILTERED_PEOPLE_FAILURE';\nexport const PEOPLE_GET_FILTERED_PEOPLE_DISMISS_ERROR = 'PEOPLE_GET_FILTERED_PEOPLE_DISMISS_ERROR';\nexport const PEOPLE_REACTIVATE_PERSON_BEGIN = 'PEOPLE_REACTIVATE_PERSON_BEGIN';\nexport const PEOPLE_REACTIVATE_PERSON_SUCCESS = 'PEOPLE_REACTIVATE_PERSON_SUCCESS';\nexport const PEOPLE_REACTIVATE_PERSON_FAILURE = 'PEOPLE_REACTIVATE_PERSON_FAILURE';\nexport const PEOPLE_REACTIVATE_PERSON_DISMISS_ERROR = 'PEOPLE_REACTIVATE_PERSON_DISMISS_ERROR';\nexport const PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN = 'PEOPLE_COLLECT_PEOPLE_TABLE_DATA_BEGIN';\nexport const PEOPLE_COLLECT_PEOPLE_TABLE_DATA_SUCCESS = 'PEOPLE_COLLECT_PEOPLE_TABLE_DATA_SUCCESS';\nexport const PEOPLE_COLLECT_PEOPLE_TABLE_DATA_FAILURE = 'PEOPLE_COLLECT_PEOPLE_TABLE_DATA_FAILURE';\nexport const PEOPLE_COLLECT_PEOPLE_TABLE_DATA_DISMISS_ERROR = 'PEOPLE_COLLECT_PEOPLE_TABLE_DATA_DISMISS_ERROR';\nexport const PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN = 'PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN';\nexport const PEOPLE_UPDATE_PERSON_FIELD_VALUE_SUCCESS = 'PEOPLE_UPDATE_PERSON_FIELD_VALUE_SUCCESS';\nexport const PEOPLE_UPDATE_PERSON_FIELD_VALUE_FAILURE = 'PEOPLE_UPDATE_PERSON_FIELD_VALUE_FAILURE';\nexport const PEOPLE_UPDATE_PERSON_FIELD_VALUE_DISMISS_ERROR = 'PEOPLE_UPDATE_PERSON_FIELD_VALUE_DISMISS_ERROR';\nexport const PEOPLE_ADD_UNAVAILABILITY_BEGIN = 'PEOPLE_ADD_UNAVAILABILITY_BEGIN';\nexport const PEOPLE_ADD_UNAVAILABILITY_SUCCESS = 'PEOPLE_ADD_UNAVAILABILITY_SUCCESS';\nexport const PEOPLE_ADD_UNAVAILABILITY_FAILURE = 'PEOPLE_ADD_UNAVAILABILITY_FAILURE';\nexport const PEOPLE_ADD_UNAVAILABILITY_DISMISS_ERROR = 'PEOPLE_ADD_UNAVAILABILITY_DISMISS_ERROR';\nexport const PEOPLE_UPDATE_UNAVAILABILITY_BEGIN = 'PEOPLE_UPDATE_UNAVAILABILITY_BEGIN';\nexport const PEOPLE_UPDATE_UNAVAILABILITY_SUCCESS = 'PEOPLE_UPDATE_UNAVAILABILITY_SUCCESS';\nexport const PEOPLE_UPDATE_UNAVAILABILITY_FAILURE = 'PEOPLE_UPDATE_UNAVAILABILITY_FAILURE';\nexport const PEOPLE_UPDATE_UNAVAILABILITY_DISMISS_ERROR = 'PEOPLE_UPDATE_UNAVAILABILITY_DISMISS_ERROR';\nexport const PEOPLE_DELETE_UNAVAILABILITY_BEGIN = 'PEOPLE_DELETE_UNAVAILABILITY_BEGIN';\nexport const PEOPLE_DELETE_UNAVAILABILITY_SUCCESS = 'PEOPLE_DELETE_UNAVAILABILITY_SUCCESS';\nexport const PEOPLE_DELETE_UNAVAILABILITY_FAILURE = 'PEOPLE_DELETE_UNAVAILABILITY_FAILURE';\nexport const PEOPLE_DELETE_UNAVAILABILITY_DISMISS_ERROR = 'PEOPLE_DELETE_UNAVAILABILITY_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN = 'PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN';\nexport const PEOPLE_GET_PERSON_UNAVAILABILITIES_SUCCESS = 'PEOPLE_GET_PERSON_UNAVAILABILITIES_SUCCESS';\nexport const PEOPLE_GET_PERSON_UNAVAILABILITIES_FAILURE = 'PEOPLE_GET_PERSON_UNAVAILABILITIES_FAILURE';\nexport const PEOPLE_GET_PERSON_UNAVAILABILITIES_DISMISS_ERROR = 'PEOPLE_GET_PERSON_UNAVAILABILITIES_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_BY_ID_BEGIN = 'PEOPLE_GET_PERSON_BY_ID_BEGIN';\nexport const PEOPLE_GET_PERSON_BY_ID_SUCCESS = 'PEOPLE_GET_PERSON_BY_ID_SUCCESS';\nexport const PEOPLE_GET_PERSON_BY_ID_FAILURE = 'PEOPLE_GET_PERSON_BY_ID_FAILURE';\nexport const PEOPLE_GET_PERSON_BY_ID_DISMISS_ERROR = 'PEOPLE_GET_PERSON_BY_ID_DISMISS_ERROR';\nexport const PEOPLE_LIST_SELECTION_ID = 'PEOPLE_LIST_SELECTION_ID';\nexport const DEACTIVATED_PEOPLE_SELECTION_ID = 'DEACTIVATED_PEOPLE_SELECTION_ID';\nexport const PEOPLE_CLEAR_PERSON_SELECTION = 'PEOPLE_CLEAR_PERSON_SELECTION';\nexport const PEOPLE_CLEAR_ALL_PERSON_SELECTIONS = 'PEOPLE_CLEAR_ALL_PERSON_SELECTIONS';\nexport const PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN = 'PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN';\nexport const PEOPLE_GET_DEACTIVATED_PEOPLE_SUCCESS = 'PEOPLE_GET_DEACTIVATED_PEOPLE_SUCCESS';\nexport const PEOPLE_GET_DEACTIVATED_PEOPLE_FAILURE = 'PEOPLE_GET_DEACTIVATED_PEOPLE_FAILURE';\nexport const PEOPLE_GET_DEACTIVATED_PEOPLE_DISMISS_ERROR = 'PEOPLE_GET_DEACTIVATED_PEOPLE_DISMISS_ERROR';\nexport const PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN = 'PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN';\nexport const PEOPLE_SEARCH_ACTIVE_PEOPLE_SUCCESS = 'PEOPLE_SEARCH_ACTIVE_PEOPLE_SUCCESS';\nexport const PEOPLE_SEARCH_ACTIVE_PEOPLE_FAILURE = 'PEOPLE_SEARCH_ACTIVE_PEOPLE_FAILURE';\nexport const PEOPLE_SEARCH_ACTIVE_PEOPLE_DISMISS_ERROR = 'PEOPLE_SEARCH_ACTIVE_PEOPLE_DISMISS_ERROR';\nexport const PEOPLE_CLEAR_SEARCHED_ACTIVE_PEOPLE = 'PEOPLE_CLEAR_SEARCHED_ACTIVE_PEOPLE';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN = 'PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_SUCCESS = 'PEOPLE_GET_PERSON_ALLOCATIONS_SUCCESS';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_FAILURE = 'PEOPLE_GET_PERSON_ALLOCATIONS_FAILURE';\nexport const PEOPLE_GET_PERSON_ALLOCATIONS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_ALLOCATIONS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN = 'PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN';\nexport const PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_SUCCESS = 'PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_SUCCESS';\nexport const PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_FAILURE = 'PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_FAILURE';\nexport const PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_DISMISS_ERROR';\nexport const PEOPLE_ADD_PERSON_NOTE_BEGIN = 'PEOPLE_ADD_PERSON_NOTE_BEGIN';\nexport const PEOPLE_ADD_PERSON_NOTE_SUCCESS = 'PEOPLE_ADD_PERSON_NOTE_SUCCESS';\nexport const PEOPLE_ADD_PERSON_NOTE_FAILURE = 'PEOPLE_ADD_PERSON_NOTE_FAILURE';\nexport const PEOPLE_ADD_PERSON_NOTE_DISMISS_ERROR = 'PEOPLE_ADD_PERSON_NOTE_DISMISS_ERROR';\nexport const PEOPLE_DELETE_PERSON_NOTE_BEGIN = 'PEOPLE_DELETE_PERSON_NOTE_BEGIN';\nexport const PEOPLE_DELETE_PERSON_NOTE_SUCCESS = 'PEOPLE_DELETE_PERSON_NOTE_SUCCESS';\nexport const PEOPLE_DELETE_PERSON_NOTE_FAILURE = 'PEOPLE_DELETE_PERSON_NOTE_FAILURE';\nexport const PEOPLE_DELETE_PERSON_NOTE_DISMISS_ERROR = 'PEOPLE_DELETE_PERSON_NOTE_DISMISS_ERROR';\nexport const PEOPLE_UPDATE_PERSON_NOTE_BEGIN = 'PEOPLE_UPDATE_PERSON_NOTE_BEGIN';\nexport const PEOPLE_UPDATE_PERSON_NOTE_SUCCESS = 'PEOPLE_UPDATE_PERSON_NOTE_SUCCESS';\nexport const PEOPLE_UPDATE_PERSON_NOTE_FAILURE = 'PEOPLE_UPDATE_PERSON_NOTE_FAILURE';\nexport const PEOPLE_UPDATE_PERSON_NOTE_DISMISS_ERROR = 'PEOPLE_UPDATE_PERSON_NOTE_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_AUDIT_BEGIN = 'PEOPLE_GET_PERSON_AUDIT_BEGIN';\nexport const PEOPLE_GET_PERSON_AUDIT_SUCCESS = 'PEOPLE_GET_PERSON_AUDIT_SUCCESS';\nexport const PEOPLE_GET_PERSON_AUDIT_FAILURE = 'PEOPLE_GET_PERSON_AUDIT_FAILURE';\nexport const PEOPLE_GET_PERSON_AUDIT_DISMISS_ERROR = 'PEOPLE_GET_PERSON_AUDIT_DISMISS_ERROR';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_SUCCESS = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_SUCCESS';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_FAILURE = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_FAILURE';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_S3_FAILURE = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_S3_FAILURE';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_CERT_LINK_FAILURE = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_CERT_LINK_FAILURE';\nexport const PEOPLE_UPLOAD_PERSON_ATTACHMENT_DISMISS_ERROR = 'PEOPLE_UPLOAD_PERSON_ATTACHMENT_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN = 'PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN';\nexport const PEOPLE_GET_PERSON_ATTACHMENTS_SUCCESS = 'PEOPLE_GET_PERSON_ATTACHMENTS_SUCCESS';\nexport const PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE = 'PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE';\nexport const PEOPLE_GET_PERSON_ATTACHMENTS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_ATTACHMENTS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN = 'PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN';\nexport const PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_SUCCESS = 'PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_SUCCESS';\nexport const PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_FAILURE = 'PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_FAILURE';\nexport const PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_DISMISS_ERROR = 'PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_DISMISS_ERROR';\nexport const PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN = 'PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN';\nexport const PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_SUCCESS = 'PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_SUCCESS';\nexport const PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_FAILURE = 'PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_FAILURE';\nexport const PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_DISMISS_ERROR = 'PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_DISMISS_ERROR';\nexport const PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN = 'PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN';\nexport const PEOPLE_DELETE_PERSON_ATTACHMENT_SUCCESS = 'PEOPLE_DELETE_PERSON_ATTACHMENT_SUCCESS';\nexport const PEOPLE_DELETE_PERSON_ATTACHMENT_FAILURE = 'PEOPLE_DELETE_PERSON_ATTACHMENT_FAILURE';\nexport const PEOPLE_DELETE_PERSON_ATTACHMENT_DISMISS_ERROR = 'PEOPLE_DELETE_PERSON_ATTACHMENT_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN = 'PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN';\nexport const PEOPLE_GET_PERSON_CERTIFICATIONS_SUCCESS = 'PEOPLE_GET_PERSON_CERTIFICATIONS_SUCCESS';\nexport const PEOPLE_GET_PERSON_CERTIFICATIONS_FAILURE = 'PEOPLE_GET_PERSON_CERTIFICATIONS_FAILURE';\nexport const PEOPLE_GET_PERSON_CERTIFICATIONS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_CERTIFICATIONS_DISMISS_ERROR';\nexport const PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN = 'PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN';\nexport const PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_SUCCESS = 'PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_SUCCESS';\nexport const PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_FAILURE = 'PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_FAILURE';\nexport const PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_DISMISS_ERROR = 'PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_DISMISS_ERROR';\nexport const PEOPLE_CLEAR_PERSON_CERTIFICATIONS = 'PEOPLE_CLEAR_PERSON_CERTIFICATIONS';\nexport const PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN = 'PEOPLE_ADD_PERSON_CERTIFICATION_BEGIN';\nexport const PEOPLE_ADD_PERSON_CERTIFICATION_SUCCESS = 'PEOPLE_ADD_PERSON_CERTIFICATION_SUCCESS';\nexport const PEOPLE_ADD_PERSON_CERTIFICATION_FAILURE = 'PEOPLE_ADD_PERSON_CERTIFICATION_FAILURE';\nexport const PEOPLE_ADD_PERSON_CERTIFICATION_DISMISS_ERROR = 'PEOPLE_ADD_PERSON_CERTIFICATION_DISMISS_ERROR';\nexport const PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN = 'PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN';\nexport const PEOPLE_UPDATE_PERSON_CERTIFICATION_SUCCESS = 'PEOPLE_UPDATE_PERSON_CERTIFICATION_SUCCESS';\nexport const PEOPLE_UPDATE_PERSON_CERTIFICATION_FAILURE = 'PEOPLE_UPDATE_PERSON_CERTIFICATION_FAILURE';\nexport const PEOPLE_UPDATE_PERSON_CERTIFICATION_DISMISS_ERROR = 'PEOPLE_UPDATE_PERSON_CERTIFICATION_DISMISS_ERROR';\nexport const PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN = 'PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN';\nexport const PEOPLE_DELETE_PERSON_CERTIFICATION_SUCCESS = 'PEOPLE_DELETE_PERSON_CERTIFICATION_SUCCESS';\nexport const PEOPLE_DELETE_PERSON_CERTIFICATION_FAILURE = 'PEOPLE_DELETE_PERSON_CERTIFICATION_FAILURE';\nexport const PEOPLE_DELETE_PERSON_CERTIFICATION_DISMISS_ERROR = 'PEOPLE_DELETE_PERSON_CERTIFICATION_DISMISS_ERROR';\nexport const PEOPLE_MANAGE_CERTIFICATION_ATTACHMENTS = 'PEOPLE_MANAGE_CERTIFICATION_ATTACHMENTS';\nexport const PEOPLE_HIDE_CERTIFICATION_ATTACHMENTS = 'PEOPLE_HIDE_CERTIFICATION_ATTACHMENTS';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN,\n PEOPLE_DELETE_PERSON_ATTACHMENT_SUCCESS,\n PEOPLE_DELETE_PERSON_ATTACHMENT_FAILURE,\n PEOPLE_DELETE_PERSON_ATTACHMENT_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete, protectedJsonGet } from '../../../utils/api';\nimport { ATTACHMENTS_STATE_QUERY_PARAM } from '../constants';\n\nexport function deletePersonAttachment(accountId, personId, attachmentId, analyticsPayload, newOffset, hasMore, certificationId) {\n return {\n type: PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN,\n accountId,\n personId,\n attachmentId,\n analyticsPayload,\n newOffset,\n hasMore,\n certificationId,\n };\n}\n\nexport function dismissDeletePersonAttachmentError() {\n return {\n type: PEOPLE_DELETE_PERSON_ATTACHMENT_DISMISS_ERROR,\n };\n}\n\nexport function* doDeletePersonAttachment(action) {\n const { accountId, personId, attachmentId, analyticsPayload, newOffset, hasMore, certificationId } = action;\n\n let substituteAttachmentResponse;\n\n try {\n yield call(protectedJsonDelete, `/accounts/${accountId}/persons/${personId}/attachments/${attachmentId}`);\n\n if (hasMore) {\n substituteAttachmentResponse = yield call(\n protectedJsonGet,\n `/accounts/${accountId}/persons/${personId}/attachments`,\n {\n offset: newOffset,\n limit: 1,\n state: ATTACHMENTS_STATE_QUERY_PARAM,\n },\n true,\n );\n }\n } catch (err) {\n yield put({\n type: PEOPLE_DELETE_PERSON_ATTACHMENT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_DELETE_PERSON_ATTACHMENT_SUCCESS,\n data: attachmentId,\n analyticsPayload,\n substituteAttachment: substituteAttachmentResponse?.data,\n hasMore: substituteAttachmentResponse?.headers?.['query-has-more'] === 'True',\n certificationId,\n });\n}\n\nexport function* watchDeletePersonAttachment() {\n yield takeLatest(PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN, doDeletePersonAttachment);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_DELETE_PERSON_ATTACHMENT_BEGIN:\n return {\n ...state,\n deletePersonAttachmentPending: true,\n deletePersonAttachmentError: null,\n };\n\n case PEOPLE_DELETE_PERSON_ATTACHMENT_SUCCESS: {\n const { data: attachmentId, substituteAttachment, hasMore, certificationId } = action;\n\n const replacementAttachment = substituteAttachment?.length ? substituteAttachment : [];\n\n const oldPersonAttachmentItems = state.personAttachments.items || [];\n const oldPersonCertificationItems = state.personCertifications.items || [];\n\n // certificationId is only passed if attachment is deleted from certification view/tab\n const stateToUpdate = certificationId ? {\n personCertifications: {\n ...state.personCertifications,\n items: oldPersonCertificationItems.map(cert => (cert.id === certificationId\n ? { ...cert, attachments: cert.attachments.filter(({ id }) => id !== attachmentId) }\n : cert)),\n },\n } : {\n personAttachments: {\n ...state.personAttachments,\n hasMore,\n items: [...oldPersonAttachmentItems.filter(({ id }) => id !== attachmentId), ...replacementAttachment],\n },\n };\n\n return {\n ...state,\n ...stateToUpdate,\n deletePersonAttachmentPending: false,\n deletePersonAttachmentError: null,\n };\n }\n\n case PEOPLE_DELETE_PERSON_ATTACHMENT_FAILURE:\n return {\n ...state,\n deletePersonAttachmentPending: false,\n deletePersonAttachmentError: action.data.error,\n };\n\n case PEOPLE_DELETE_PERSON_ATTACHMENT_DISMISS_ERROR:\n return {\n ...state,\n deletePersonAttachmentError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN,\n PEOPLE_DELETE_PERSON_CERTIFICATION_SUCCESS,\n PEOPLE_DELETE_PERSON_CERTIFICATION_FAILURE,\n PEOPLE_DELETE_PERSON_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deletePersonCertification(accountId, personId, certificationId, analyticsPayload) {\n return {\n type: PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN,\n accountId,\n personId,\n certificationId,\n analyticsPayload,\n };\n}\n\nexport function dismissDeletePersonCertificationError() {\n return {\n type: PEOPLE_DELETE_PERSON_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doDeletePersonCertification(action) {\n const { accountId, personId, certificationId, analyticsPayload } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/persons/${personId}/certifications/${certificationId}`);\n } catch (err) {\n yield put({\n type: PEOPLE_DELETE_PERSON_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_DELETE_PERSON_CERTIFICATION_SUCCESS,\n certificationId,\n personId,\n analyticsPayload,\n });\n}\n\nexport function* watchDeletePersonCertification() {\n yield takeLatest(PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN, doDeletePersonCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_DELETE_PERSON_CERTIFICATION_BEGIN:\n return {\n ...state,\n deletePersonCertificationPending: true,\n deletePersonCertificationError: null,\n };\n\n case PEOPLE_DELETE_PERSON_CERTIFICATION_SUCCESS: {\n const { certificationId, personId } = action;\n const { personCertifications, filteredPeople } = state;\n const newPersonCertifications = {\n ...personCertifications,\n items: personCertifications.items?.filter(cert => cert.id !== certificationId),\n };\n const newFilteredPeople = filteredPeople.map(person => (\n person.id === personId\n ? ({\n ...person,\n certifications: person.certifications?.filter(cert => cert.id !== certificationId),\n })\n : person\n ));\n\n return {\n ...state,\n deletePersonCertificationPending: false,\n personCertifications: newPersonCertifications,\n filteredPeople: newFilteredPeople,\n deletePersonCertificationError: null,\n };\n }\n\n case PEOPLE_DELETE_PERSON_CERTIFICATION_FAILURE:\n return {\n ...state,\n deletePersonCertificationPending: false,\n deletePersonCertificationError: action.data.error,\n };\n\n case PEOPLE_DELETE_PERSON_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n deletePersonCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_DELETE_PERSON_NOTE_BEGIN,\n PEOPLE_DELETE_PERSON_NOTE_SUCCESS,\n PEOPLE_DELETE_PERSON_NOTE_FAILURE,\n PEOPLE_DELETE_PERSON_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deletePersonNote(accountId, personId, noteId, analyticsPayload) {\n return {\n type: PEOPLE_DELETE_PERSON_NOTE_BEGIN,\n accountId,\n personId,\n noteId,\n analyticsPayload,\n };\n}\n\nexport function dismissDeletePersonNoteError() {\n return {\n type: PEOPLE_DELETE_PERSON_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeletePersonNote(action) {\n const { accountId, personId, noteId, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/persons/${personId}/notes/${noteId}`);\n } catch (err) {\n yield put({\n type: PEOPLE_DELETE_PERSON_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_DELETE_PERSON_NOTE_SUCCESS,\n data: res,\n personId,\n noteId,\n analyticsPayload,\n });\n}\n\nexport function* watchDeletePersonNote() {\n yield takeLatest(PEOPLE_DELETE_PERSON_NOTE_BEGIN, doDeletePersonNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_DELETE_PERSON_NOTE_BEGIN:\n return {\n ...state,\n deletePersonNotePending: true,\n deletePersonNoteError: null,\n };\n\n case PEOPLE_DELETE_PERSON_NOTE_SUCCESS: {\n const { personId, noteId } = action;\n const { personSelections } = state;\n\n const newPersonSelections = { ...personSelections };\n Object.keys(personSelections).forEach((selectionId) => {\n const selectedPerson = personSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const updatedNotes = selectedPerson?.notes\n ? selectedPerson.notes.filter(p => p.id !== noteId)\n : [];\n newPersonSelections[selectionId] = {\n ...selectedPerson,\n notes: updatedNotes,\n };\n }\n });\n\n return {\n ...state,\n deletePersonNotePending: false,\n deletePersonNoteError: null,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_DELETE_PERSON_NOTE_FAILURE:\n return {\n ...state,\n deletePersonNotePending: false,\n deletePersonNoteError: action.data.error,\n };\n\n case PEOPLE_DELETE_PERSON_NOTE_DISMISS_ERROR:\n return {\n ...state,\n deletePersonNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonDelete } from 'src/utils/api';\nimport {\n PEOPLE_DELETE_UNAVAILABILITY_BEGIN,\n PEOPLE_DELETE_UNAVAILABILITY_SUCCESS,\n PEOPLE_DELETE_UNAVAILABILITY_FAILURE,\n PEOPLE_DELETE_UNAVAILABILITY_DISMISS_ERROR,\n} from './constants';\n\nexport function deleteUnavailability(accountId, personId, data, analyticsPayload) {\n return {\n type: PEOPLE_DELETE_UNAVAILABILITY_BEGIN,\n accountId,\n personId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteUnavailabilityError() {\n return {\n type: PEOPLE_DELETE_UNAVAILABILITY_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteUnavailability(action) {\n const { accountId, personId, data, analyticsPayload } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/persons/${personId}/unavailabilities`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_DELETE_UNAVAILABILITY_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_DELETE_UNAVAILABILITY_SUCCESS,\n personId,\n data,\n analyticsPayload,\n });\n}\n\nexport function* watchDeleteUnavailability() {\n yield takeLatest(PEOPLE_DELETE_UNAVAILABILITY_BEGIN, doDeleteUnavailability);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_DELETE_UNAVAILABILITY_BEGIN:\n return {\n ...state,\n deleteUnavailabilityPending: true,\n deleteUnavailabilityError: null,\n };\n\n case PEOPLE_DELETE_UNAVAILABILITY_SUCCESS: {\n const { personId, data } = action;\n const { filteredPeople, unavailabilities, personSelections } = state;\n\n const newFilteredPeople = filteredPeople.map((person) => {\n if (person.id === personId) {\n const pous = person.unavailabilities.filter(pou => !data.includes(pou.id));\n return {\n ...person,\n unavailabilities: pous,\n };\n }\n return person;\n });\n\n const newPous = unavailabilities.map((person) => {\n if (personId === person.personId) {\n const updatedPous = person.unavailabilities.filter(pou => !data.includes(pou.id));\n return {\n ...person,\n unavailabilities: updatedPous,\n };\n }\n return person;\n });\n\n const newPersonSelections = { ...personSelections };\n Object.keys(newPersonSelections).forEach((selectionId) => {\n const selectedPerson = { ...newPersonSelections[selectionId] };\n if (selectedPerson && selectedPerson.id === personId) {\n selectedPerson.unavailabilities = selectedPerson.unavailabilities.filter(pou => !data.includes(pou.id));\n }\n\n newPersonSelections[selectionId] = selectedPerson;\n });\n\n return {\n ...state,\n unavailabilities: newPous,\n deleteUnavailabilityPending: false,\n deleteUnavailabilityError: null,\n filteredPeople: newFilteredPeople,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_DELETE_UNAVAILABILITY_FAILURE:\n return {\n ...state,\n deleteUnavailabilityPending: false,\n deleteUnavailabilityError: action.data.error,\n };\n\n case PEOPLE_DELETE_UNAVAILABILITY_DISMISS_ERROR:\n return {\n ...state,\n deleteUnavailabilityError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN,\n PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_SUCCESS,\n PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_FAILURE,\n PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_DISMISS_ERROR,\n} from './constants';\nimport { downloadFile } from '../../../utils/api';\n\nexport function downloadPersonAttachment(url, analyticsPayload) {\n return {\n type: PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN,\n url,\n analyticsPayload,\n };\n}\n\nexport function dismissDownloadPersonAttachmentError() {\n return {\n type: PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_DISMISS_ERROR,\n };\n}\n\nexport function* doDownloadPersonAttachment(action) {\n const { url, analyticsPayload } = action;\n\n try {\n yield call(downloadFile, url);\n } catch (err) {\n yield put({\n type: PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_SUCCESS,\n analyticsPayload,\n });\n}\n\nexport function* watchDownloadPersonAttachment() {\n yield takeLatest(PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN, doDownloadPersonAttachment);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_BEGIN:\n return {\n ...state,\n downloadPersonAttachmentPending: true,\n downloadPersonAttachmentError: null,\n };\n\n case PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_SUCCESS:\n return {\n ...state,\n downloadPersonAttachmentPending: false,\n downloadPersonAttachmentError: null,\n };\n\n case PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_FAILURE:\n return {\n ...state,\n downloadPersonAttachmentPending: false,\n downloadPersonAttachmentError: action.data.error,\n };\n\n case PEOPLE_DOWNLOAD_PERSON_ATTACHMENT_DISMISS_ERROR:\n return {\n ...state,\n downloadPersonAttachmentError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN,\n PEOPLE_GET_ACCOUNT_ALLOCATIONS_SUCCESS,\n PEOPLE_GET_ACCOUNT_ALLOCATIONS_FAILURE,\n PEOPLE_GET_ACCOUNT_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { DEFAULT_PROJECT_ALLOCATION_STATES } from '../../projects/constants';\n\nexport function getAccountAllocations(accountId, start, end) {\n return {\n type: PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN,\n accountId,\n start,\n end,\n };\n}\n\nexport function dismissGetAccountAllocationsError() {\n return {\n type: PEOPLE_GET_ACCOUNT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetAccountAllocations(action) {\n const { accountId, start, end } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/allocations`, { start, end, projectState: DEFAULT_PROJECT_ALLOCATION_STATES });\n } catch (err) {\n yield put({\n type: PEOPLE_GET_ACCOUNT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_ACCOUNT_ALLOCATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetAccountAllocations() {\n yield takeLatest(PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN, doGetAccountAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_ACCOUNT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getAccountAllocationsPending: true,\n getAccountAllocationsError: null,\n };\n\n case PEOPLE_GET_ACCOUNT_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n allocations: action.data,\n getAccountAllocationsPending: false,\n getAccountAllocationsError: null,\n };\n\n case PEOPLE_GET_ACCOUNT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getAccountAllocationsPending: false,\n getAccountAllocationsError: action.data.error,\n };\n\n case PEOPLE_GET_ACCOUNT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getAccountAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN,\n PEOPLE_GET_DEACTIVATED_PEOPLE_SUCCESS,\n PEOPLE_GET_DEACTIVATED_PEOPLE_FAILURE,\n PEOPLE_GET_DEACTIVATED_PEOPLE_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getPeopleListQuery } from '../queries/getPeopleListQuery';\nimport { MAX_SIZE } from '../../../common/constants';\n\nexport function getDeactivatedPeople(accountId, queries) {\n const { query, variables } = getPeopleListQuery(accountId, queries, 0, MAX_SIZE, 'Deactivated');\n return {\n type: PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetDeactivatedPeopleError() {\n return {\n type: PEOPLE_GET_DEACTIVATED_PEOPLE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetDeactivatedPeople(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PEOPLE_GET_DEACTIVATED_PEOPLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PEOPLE_GET_DEACTIVATED_PEOPLE_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetDeactivatedPeople() {\n yield takeLatest(PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN, doGetDeactivatedPeople);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_DEACTIVATED_PEOPLE_BEGIN:\n return {\n ...state,\n getDeactivatedPeoplePending: true,\n getDeactivatedPeopleError: null,\n };\n\n case PEOPLE_GET_DEACTIVATED_PEOPLE_SUCCESS: {\n const { data: { people: { items: deactivatedPeople } } } = action;\n return {\n ...state,\n deactivatedPeople,\n getDeactivatedPeoplePending: false,\n getDeactivatedPeopleError: null,\n };\n }\n\n case PEOPLE_GET_DEACTIVATED_PEOPLE_FAILURE:\n return {\n ...state,\n getDeactivatedPeoplePending: false,\n getDeactivatedPeopleError: action.data.error,\n };\n\n case PEOPLE_GET_DEACTIVATED_PEOPLE_DISMISS_ERROR:\n return {\n ...state,\n getDeactivatedPeopleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { collateFieldValues } from 'src/filters/graphqlUtils';\nimport {\n PEOPLE_GET_FILTERED_PEOPLE_BEGIN,\n PEOPLE_GET_FILTERED_PEOPLE_SUCCESS,\n PEOPLE_GET_FILTERED_PEOPLE_FAILURE,\n PEOPLE_GET_FILTERED_PEOPLE_DISMISS_ERROR,\n} from './constants';\nimport { getPeopleListQuery } from '../queries/getPeopleListQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport initialState from './initialState';\nimport { PAGE_SIZE } from '../../../common/constants';\n\nexport function getFilteredPeople(accountId, queries, pageFrom, pageSize = PAGE_SIZE) {\n const { query, variables } = getPeopleListQuery(accountId, queries, pageFrom, pageSize);\n\n return {\n type: PEOPLE_GET_FILTERED_PEOPLE_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetFilteredPeopleError() {\n return {\n type: PEOPLE_GET_FILTERED_PEOPLE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetFilteredPeople(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PEOPLE_GET_FILTERED_PEOPLE_FAILURE,\n data: { error: err },\n isPaging: variables.from !== 0,\n });\n return;\n }\n yield put({\n type: PEOPLE_GET_FILTERED_PEOPLE_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetFilteredPeople() {\n yield takeLatest(PEOPLE_GET_FILTERED_PEOPLE_BEGIN, doGetFilteredPeople);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_FILTERED_PEOPLE_BEGIN: {\n const { variables } = action;\n const isPaging = variables.from > 0;\n\n return {\n ...state,\n getFilteredPeoplePagePending: isPaging,\n getFilteredPeoplePending: !isPaging,\n getFilteredPeopleError: null,\n };\n }\n\n case PEOPLE_GET_FILTERED_PEOPLE_SUCCESS: {\n const { data, clearData } = action;\n const collatedData = collateFieldValues(data.people.items);\n\n return {\n ...state,\n filteredPeople: clearData ? collatedData : [...state.filteredPeople, ...collatedData],\n peopleCount: data.people.count,\n pageFrom: data.people.cursor,\n hasMore: data.people.hasMore,\n getFilteredPeoplePagePending: false,\n getFilteredPeoplePending: false,\n getFilteredPeopleError: null,\n getFilteredPeoplePageError: null,\n };\n }\n\n case PEOPLE_GET_FILTERED_PEOPLE_FAILURE: {\n const { filteredPeople } = initialState;\n return {\n ...state,\n filteredPeople,\n getFilteredPeoplePending: false,\n getFilteredPeoplePagePending: false,\n getFilteredPeopleError: action.isPaging ? false : action.data.error,\n getFilteredPeoplePageError: action.isPaging ? action.data.error : false,\n };\n }\n case PEOPLE_GET_FILTERED_PEOPLE_DISMISS_ERROR:\n return {\n ...state,\n getFilteredPeopleError: null,\n getFilteredPeoplePageError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PEOPLE_BEGIN,\n PEOPLE_GET_PEOPLE_SUCCESS,\n PEOPLE_GET_PEOPLE_FAILURE,\n PEOPLE_GET_PEOPLE_DISMISS_ERROR,\n MAX_PEOPLE,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPeople(accountId, deactivated = false) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PEOPLE_GET_PEOPLE_BEGIN,\n accountId,\n deactivated,\n };\n}\n\nexport function dismissGetPeopleError() {\n return {\n type: PEOPLE_GET_PEOPLE_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PEOPLE_BEGIN actions\nexport function* doGetPeople(action) {\n const { accountId, deactivated } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons?state=${deactivated ? 'Deactivated' : 'Active'}&limit=${MAX_PEOPLE}`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PEOPLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PEOPLE_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPeople() {\n yield takeLatest(PEOPLE_GET_PEOPLE_BEGIN, doGetPeople);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PEOPLE_BEGIN:\n return {\n ...state,\n getPeoplePending: true,\n getPeopleError: null,\n };\n\n case PEOPLE_GET_PEOPLE_SUCCESS:\n return {\n ...state,\n entities: action.data || [],\n getPeoplePending: false,\n getPeopleError: null,\n };\n\n case PEOPLE_GET_PEOPLE_FAILURE:\n return {\n ...state,\n getPeoplePending: false,\n getPeopleError: action.data.error,\n };\n\n case PEOPLE_GET_PEOPLE_DISMISS_ERROR:\n return {\n ...state,\n getPeopleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN,\n PEOPLE_GET_PERSON_ALLOCATIONS_SUCCESS,\n PEOPLE_GET_PERSON_ALLOCATIONS_FAILURE,\n PEOPLE_GET_PERSON_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonAllocations(accountId, personId, offset, projectState = 'All', limit = 10, state = 'All') {\n return {\n type: PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN,\n accountId,\n personId,\n offset,\n limit,\n state,\n projectState,\n };\n}\n\nexport function dismissGetPersonAllocationsError() {\n return {\n type: PEOPLE_GET_PERSON_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonAllocations(action) {\n const { accountId, personId, offset, limit = 5000, state, projectState } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/project-allocations`, { limit, offset, projectState, state }, true);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_ALLOCATIONS_SUCCESS,\n data: res.data,\n headers: res.headers,\n personId,\n offset,\n });\n}\n\nexport function* watchGetPersonAllocations() {\n yield takeLatest(PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN, doGetPersonAllocations);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPersonAllocationsPending: true,\n getPersonAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n personAllocations: {\n ...state.personAllocations,\n [action.personId]: action.offset > 0 ? state.personAllocations[action.personId].concat(action.data) : action.data,\n },\n moreAnyAllocations: action.headers['query-has-more'] === 'True',\n getPersonAllocationsPending: false,\n getPersonAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPersonAllocationsPending: false,\n getPersonAllocationsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPersonAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n\n\n/* */\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { DEFAULT_PROJECT_ALLOCATION_STATES } from 'src/features/projects/constants';\nimport {\n PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN,\n PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_SUCCESS,\n PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_FAILURE,\n PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonAllocationsByDate(accountId, personId, startDate, endDate, projectState = DEFAULT_PROJECT_ALLOCATION_STATES) {\n return {\n type: PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN,\n accountId,\n personId,\n startDate,\n endDate,\n projectState,\n };\n}\n\nexport function dismissGetPersonAllocationsByDateError() {\n return {\n type: PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonAllocationsByDate(action) {\n const { accountId, personId, startDate, endDate, projectState } = action;\n let res;\n\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/allocations?start=${startDate}&end=${endDate}&projectState=${projectState}`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_SUCCESS,\n data: res,\n personId,\n });\n}\n\nexport function* watchGetPersonAllocationsByDate() {\n yield takeLatest(PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN, doGetPersonAllocationsByDate);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_BEGIN:\n return {\n ...state,\n getPersonAllocationsByDatePending: true,\n getPersonAllocationsByDateError: null,\n };\n\n case PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_SUCCESS: {\n const { personId } = action;\n\n return {\n ...state,\n personAllocationsByDate: {\n ...state.personAllocationsByDate,\n [personId]: action.data,\n },\n getPersonAllocationsByDatePending: false,\n getPersonAllocationsByDateError: null,\n };\n }\n case PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_FAILURE:\n return {\n ...state,\n getPersonAllocationsByDatePending: false,\n getPersonAllocationsByDateError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_ALLOCATIONS_BY_DATE_DISMISS_ERROR:\n return {\n ...state,\n getPersonAllocationsByDateError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN,\n PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_SUCCESS,\n PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_FAILURE,\n PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonAttachmentById(accountId, personId, attachmentId) {\n return {\n type: PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN,\n accountId,\n personId,\n attachmentId,\n };\n}\n\nexport function dismissGetPersonAttachmentByIdError() {\n return {\n type: PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonAttachmentById(action) {\n const { accountId, personId, attachmentId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `/accounts/${accountId}/persons/${personId}/attachments/${attachmentId}`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_SUCCESS,\n data: res,\n attachmentId,\n });\n}\n\nexport function* watchGetPersonAttachmentById() {\n yield takeLatest(PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN, doGetPersonAttachmentById);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_BEGIN:\n return {\n ...state,\n getPersonAttachmentByIdPending: true,\n getPersonAttachmentByIdError: null,\n };\n\n case PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_SUCCESS: {\n const { attachmentId, data } = action;\n\n let newItems = state.personAttachments?.items || [];\n let newCertificationItems = state.personCertifications?.items || [];\n\n if (data?.binaryUrl) {\n newItems = newItems.map(attachment => (attachment.id === attachmentId ? data : attachment));\n\n newCertificationItems = newCertificationItems.map((cert) => {\n const hasAttachment = cert?.attachments?.find(attachment => attachment.id === attachmentId);\n return hasAttachment\n ? { ...cert, attachments: cert.attachments.map(attachment => (attachment.id === attachmentId ? data : attachment)) }\n : cert;\n });\n }\n\n return {\n ...state,\n personAttachments: {\n ...state.personAttachments,\n items: newItems,\n },\n personCertifications: {\n ...state.personCertifications,\n items: newCertificationItems,\n },\n getPersonAttachmentByIdPending: false,\n getPersonAttachmentByIdError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_FAILURE:\n return {\n ...state,\n getPersonAttachmentByIdPending: false,\n getPersonAttachmentByIdError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_ATTACHMENT_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getPersonAttachmentByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN,\n PEOPLE_GET_PERSON_ATTACHMENTS_SUCCESS,\n PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE,\n PEOPLE_GET_PERSON_ATTACHMENTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { ATTACHMENTS_STATE_QUERY_PARAM } from '../constants';\n\nexport function getPersonAttachments(accountId, personId, offset, limit, hasCertificationsModule) {\n return {\n type: PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN,\n accountId,\n personId,\n offset,\n limit,\n hasCertificationsModule,\n };\n}\n\nexport function dismissGetPersonAttachmentsError() {\n return {\n type: PEOPLE_GET_PERSON_ATTACHMENTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonAttachments(action) {\n const { accountId, personId, offset, limit, hasCertificationsModule } = action;\n let response;\n try {\n response = yield call(\n protectedJsonGet,\n `/accounts/${accountId}/persons/${personId}/attachments`,\n {\n offset,\n limit,\n state: ATTACHMENTS_STATE_QUERY_PARAM,\n },\n true,\n );\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const certificationIds = response?.data?.length\n ? [...new Set(response.data.flatMap(attachment => attachment.certificationIds))]\n : [];\n let certificationsResponse;\n\n if (hasCertificationsModule && certificationIds.length) {\n try {\n certificationsResponse = yield call(\n protectedJsonGet,\n `/accounts/${accountId}/persons/${personId}/certifications?ids=${certificationIds}`,\n {},\n true,\n );\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_ATTACHMENTS_SUCCESS,\n data: response.data,\n personCertificationsData: certificationsResponse?.data || [],\n hasMoreItems: response.headers?.['query-has-more'] === 'True',\n clearData: offset === 0,\n });\n}\n\nexport function* watchGetPersonAttachments() {\n yield takeLatest(PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN, doGetPersonAttachments);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_ATTACHMENTS_BEGIN:\n return {\n ...state,\n getPersonAttachmentsPending: true,\n getPersonAttachmentsError: null,\n };\n\n case PEOPLE_GET_PERSON_ATTACHMENTS_SUCCESS: {\n const { data, clearData, hasMoreItems, personCertificationsData } = action;\n const oldItems = clearData || !state.personAttachments?.items ? [] : state.personAttachments.items;\n const attachmentsWithCertifications = data.map(attachment => ({\n ...attachment,\n certifications: personCertificationsData.filter(({ id }) => attachment.certificationIds.includes(id)),\n }));\n\n return {\n ...state,\n personAttachments: {\n items: [...oldItems, ...attachmentsWithCertifications],\n hasMore: hasMoreItems,\n },\n getPersonAttachmentsPending: false,\n getPersonAttachmentsError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_ATTACHMENTS_FAILURE:\n return {\n ...state,\n getPersonAttachmentsPending: false,\n getPersonAttachmentsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_ATTACHMENTS_DISMISS_ERROR:\n return {\n ...state,\n getPersonAttachmentsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { MIN_FROM, AUDIT_PAGE_SIZE } from '../../../common/constants';\n\nconst PERSON_ENTRY = gql`\n fragment PersonEntry on PersonEntry {\n email\n name\n title\n photoUrl\n }\n`;\n\nconst DETAILED_PERSON_ENTRY = gql`\n fragment DetailedPersonEntry on DetailedPersonEntry {\n id\n email\n name\n title\n photoUrl\n state\n hasConflict\n lastModifiedOn\n employmentDates {\n startDate\n endDate\n }\n }\n`;\n\nconst FIELD_ENTRY = gql`\n fragment PersonFieldEntry on FieldEntry {\n data {\n fieldId\n fieldName\n fieldType\n values\n }\n }\n`;\n\nconst UNAVAILABILITY_ENTRY = gql`\n fragment UnavailabilityEntry on UnavailabilityEntry {\n data {\n id\n rangeType\n startDate\n endDate\n isPrivate\n description\n }\n }\n`;\n\nconst PERSON_NOTE_ENTRY = gql`\n fragment PersonNoteEntry on PersonNoteEntry {\n id\n message\n isPrivate\n creatorId\n creatorName\n createdOn\n lastModifiedOn\n }\n`;\n\nconst ATTACHMENT_ENTRY = gql`\n fragment AttachmentEntry on AttachmentEntry {\n id\n name\n size\n mimeType\n isPrivate\n binaryUrl\n creatorId\n createdOn\n state\n }\n`;\n\nconst CERTIFICATION_ENTRY = gql`\n fragment CertificationEntry on CertificationEntry {\n id\n name\n abbreviation\n expiryDate\n daysWarnBeforeExpire\n hasAttachment\n state\n }\n`;\n\nconst CERTIFICATION_ATTACHMENT_ENTRY = gql`\n fragment CertificationAttachmentEntry on CertificationAttachmentEntry {\n id\n name\n size\n mimeType\n isPrivate\n binaryUrl\n creatorId\n createdOn\n state\n certificationName\n }\n`;\n\nconst PERSON_AUDIT_QUERY = gql`\n ${PERSON_ENTRY}\n ${DETAILED_PERSON_ENTRY}\n ${FIELD_ENTRY}\n ${UNAVAILABILITY_ENTRY}\n ${PERSON_NOTE_ENTRY}\n ${ATTACHMENT_ENTRY}\n ${CERTIFICATION_ENTRY}\n ${CERTIFICATION_ATTACHMENT_ENTRY}\n query personAuditQuery($accountId: Int!, $personId: Int!, $from: Int, $size: Int) {\n personAudit(\n accountId: $accountId\n personId: $personId\n from: $from\n size: $size\n ) {\n hasMore\n cursor\n items {\n eventOn\n userId\n userName\n resourceId\n resourceType\n actionType\n eventData {\n ... on PersonEntry { ...PersonEntry }\n ... on DetailedPersonEntry { ...DetailedPersonEntry }\n ... on FieldEntry { ...PersonFieldEntry }\n ... on UnavailabilityEntry { ...UnavailabilityEntry }\n ... on PersonNoteEntry { ...PersonNoteEntry }\n ... on AttachmentEntry { ...AttachmentEntry }\n ... on CertificationEntry { ...CertificationEntry }\n ... on CertificationAttachmentEntry { ...CertificationAttachmentEntry }\n }\n }\n }\n }\n`;\n\nexport const getPersonAuditQuery = (accountId, personId, from = MIN_FROM) => {\n const variables = {\n accountId,\n personId,\n size: AUDIT_PAGE_SIZE,\n from,\n };\n\n return {\n query: PERSON_AUDIT_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_AUDIT_BEGIN,\n PEOPLE_GET_PERSON_AUDIT_SUCCESS,\n PEOPLE_GET_PERSON_AUDIT_FAILURE,\n PEOPLE_GET_PERSON_AUDIT_DISMISS_ERROR,\n} from './constants';\nimport { getPersonAuditQuery } from '../queries/getPersonAuditQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getPersonAudit(accountId, personId, from) {\n const { query, variables } = getPersonAuditQuery(accountId, personId, from);\n return {\n type: PEOPLE_GET_PERSON_AUDIT_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetPersonAuditError() {\n return {\n type: PEOPLE_GET_PERSON_AUDIT_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonAudit(action) {\n const { query, variables } = action;\n const { from } = variables;\n\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_AUDIT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_AUDIT_SUCCESS,\n data: res.data,\n clearData: from === 0,\n });\n}\n\nexport function* watchGetPersonAudit() {\n yield takeLatest(PEOPLE_GET_PERSON_AUDIT_BEGIN, doGetPersonAudit);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_AUDIT_BEGIN:\n return {\n ...state,\n getPersonAuditPending: true,\n getPersonAuditError: null,\n };\n\n case PEOPLE_GET_PERSON_AUDIT_SUCCESS: {\n const { clearData, data } = action;\n const { personAudit } = data;\n\n const oldItems = clearData || !state.personAudit?.items ? [] : state.personAudit.items;\n const newItems = personAudit.items;\n\n return {\n ...state,\n personAudit: {\n ...personAudit,\n items: [...oldItems, ...newItems],\n },\n getPersonAuditPending: false,\n getPersonAuditError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_AUDIT_FAILURE:\n return {\n ...state,\n getPersonAuditPending: false,\n getPersonAuditError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_AUDIT_DISMISS_ERROR:\n return {\n ...state,\n getPersonAuditError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { NO_AVAILABILITY } from 'src/filters/constants';\nimport {\n PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN,\n PEOPLE_GET_PERSON_AVAILABILITIES_SUCCESS,\n PEOPLE_GET_PERSON_AVAILABILITIES_FAILURE,\n PEOPLE_GET_PERSON_AVAILABILITIES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonAvailabilities(accountId) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetPersonAvailabilitiesError() {\n return {\n type: PEOPLE_GET_PERSON_AVAILABILITIES_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN actions\nexport function* doGetPersonAvailabilities(action) {\n const { accountId } = action;\n let res;\n try {\n const localNow = moment().local().format(DATE_INPUT_FORMAT);\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/availabilities?relativeDate=${localNow}`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_AVAILABILITIES_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_AVAILABILITIES_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonAvailabilities() {\n yield takeLatest(PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN, doGetPersonAvailabilities);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_AVAILABILITIES_BEGIN:\n return {\n ...state,\n getPersonAvailabilitiesPending: true,\n getPersonAvailabilitiesError: null,\n };\n\n case PEOPLE_GET_PERSON_AVAILABILITIES_SUCCESS: {\n const { filteredPeople } = state;\n const { data } = action;\n\n const newFilteredPeople = filteredPeople.map((person) => {\n const personAvailability = data.find(availability => availability.personId === person.id);\n const availableInDays = personAvailability ? personAvailability.availableInDays : NO_AVAILABILITY;\n return {\n ...person,\n availableInDays,\n };\n });\n\n return {\n ...state,\n availabilities: data,\n filteredPeople: newFilteredPeople,\n getPersonAvailabilitiesPending: false,\n getPersonAvailabilitiesError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_AVAILABILITIES_FAILURE:\n return {\n ...state,\n getPersonAvailabilitiesPending: false,\n getPersonAvailabilitiesError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_AVAILABILITIES_DISMISS_ERROR:\n return {\n ...state,\n getPersonAvailabilitiesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\n\nconst GET_PERSON_BY_ID_QUERY = gql`\n query personByIdQuery($accountId: Int!, $personId: Int!, $relativeDate: String) {\n person(accountId: $accountId, personId: $personId, relativeDate: $relativeDate) {\n id\n email\n name\n title\n photoUrl\n isActive\n hasConflict\n availableInDays\n unavailabilities {\n id\n description\n startDate\n endDate\n isPrivate\n rangeType\n }\n employmentDates {\n startDate\n endDate\n }\n fields {\n fieldId: id\n isPrivate\n name\n type: dataType\n values\n }\n notes {\n id\n creatorId\n creatorName\n message\n isPrivate\n createdOn\n lastModifiedOn\n }\n }\n }\n`;\n\nexport const getPersonByIdQuery = (accountId, personId) => {\n const variables = {\n accountId,\n personId,\n relativeDate: moment().local().format(DATE_INPUT_FORMAT),\n };\n\n return {\n query: GET_PERSON_BY_ID_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_BY_ID_BEGIN,\n PEOPLE_GET_PERSON_BY_ID_SUCCESS,\n PEOPLE_GET_PERSON_BY_ID_FAILURE,\n PEOPLE_GET_PERSON_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { getPersonByIdQuery } from '../queries/getPersonByIdQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getPersonById(accountId, selectedPersonId, selectionId) {\n const { query, variables } = getPersonByIdQuery(accountId, selectedPersonId);\n return {\n type: PEOPLE_GET_PERSON_BY_ID_BEGIN,\n selectedPersonId,\n query,\n variables,\n selectionId,\n };\n}\n\nexport function dismissGetPersonByIdError() {\n return {\n type: PEOPLE_GET_PERSON_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonById(action) {\n const { query, variables, selectionId } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PEOPLE_GET_PERSON_BY_ID_SUCCESS,\n data: {\n selectedPerson: res?.data?.person || null,\n selectionId,\n },\n });\n}\n\nexport function* watchGetPersonById() {\n yield takeLatest(PEOPLE_GET_PERSON_BY_ID_BEGIN, doGetPersonById);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_BY_ID_BEGIN:\n return {\n ...state,\n getPersonByIdPending: true,\n getPersonByIdError: null,\n };\n\n case PEOPLE_GET_PERSON_BY_ID_SUCCESS: {\n const { personSelections } = state;\n const { data: { selectedPerson, selectionId } } = action;\n return {\n ...state,\n personSelections: {\n ...personSelections,\n [selectionId]: {\n ...selectedPerson,\n },\n },\n getPersonByIdPending: false,\n getPersonByIdError: null,\n personAttachments: {},\n };\n }\n\n case PEOPLE_GET_PERSON_BY_ID_FAILURE:\n return {\n ...state,\n getPersonByIdPending: false,\n getPersonByIdError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getPersonByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN,\n PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_SUCCESS,\n PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_FAILURE,\n PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { CERT_ATTACHMENTS_LIST_LIMIT, ATTACHMENTS_STATE_QUERY_PARAM } from '../constants';\n\nexport function getPersonCertificationAttachments(accountId, personId, certificationId, offset = 0, limit = CERT_ATTACHMENTS_LIST_LIMIT) {\n return {\n type: PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN,\n accountId,\n personId,\n certificationId,\n offset,\n limit,\n };\n}\n\nexport function dismissGetPersonCertificationAttachmentsError() {\n return {\n type: PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonCertificationAttachments(action) {\n const { accountId, personId, certificationId, offset, limit } = action;\n let response;\n try {\n response = yield call(\n protectedJsonGet,\n `/accounts/${accountId}/persons/${personId}/certifications/${certificationId}/attachments`,\n { offset, limit, state: ATTACHMENTS_STATE_QUERY_PARAM },\n true,\n );\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_SUCCESS,\n certificationId,\n data: response.data,\n hasMoreItems: response.headers?.['query-has-more'] === 'True',\n clearData: offset === 0,\n });\n}\n\nexport function* watchGetPersonCertificationAttachments() {\n yield takeLatest(PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN, doGetPersonCertificationAttachments);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_BEGIN:\n return {\n ...state,\n getPersonCertificationAttachmentsPending: true,\n getPersonCertificationAttachmentsError: null,\n };\n\n case PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_SUCCESS: {\n const { data, certificationId, hasMoreItems, clearData } = action;\n\n const newPersonCertificationItems = state.personCertifications.items.map((cert) => {\n if (cert.id === certificationId) {\n const oldAttachments = cert.attachments || [];\n\n return {\n ...cert,\n attachments: clearData ? data : [...oldAttachments, ...data],\n hasMoreAttachments: hasMoreItems,\n };\n }\n\n return cert;\n });\n\n return {\n ...state,\n personCertifications: {\n ...state.personCertifications,\n items: newPersonCertificationItems,\n },\n getPersonCertificationAttachmentsPending: false,\n getPersonCertificationAttachmentsError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_FAILURE:\n return {\n ...state,\n getPersonCertificationAttachmentsPending: false,\n getPersonCertificationAttachmentsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_CERTIFICATION_ATTACHMENTS_DISMISS_ERROR:\n return {\n ...state,\n getPersonCertificationAttachmentsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN,\n PEOPLE_GET_PERSON_CERTIFICATIONS_SUCCESS,\n PEOPLE_GET_PERSON_CERTIFICATIONS_FAILURE,\n PEOPLE_GET_PERSON_CERTIFICATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { DEFAULT_LIST_ITEMS_LIMIT } from '../constants';\n\nexport function getPersonCertifications(accountId, personId, offset = 0, limit = DEFAULT_LIST_ITEMS_LIMIT, callback) {\n return {\n type: PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN,\n accountId,\n personId,\n offset,\n limit,\n callback,\n };\n}\n\nexport function dismissGetPersonCertificationsError() {\n return {\n type: PEOPLE_GET_PERSON_CERTIFICATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonCertifications(action) {\n const { accountId, personId, offset, limit, callback } = action;\n let response;\n try {\n response = yield call(protectedJsonGet, `/accounts/${accountId}/persons/${personId}/certifications`, { offset, limit }, true);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_CERTIFICATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_CERTIFICATIONS_SUCCESS,\n data: response.data,\n hasMoreItems: response.headers?.['query-has-more'] === 'True',\n clearData: offset === 0,\n });\n\n if (callback) yield call(callback);\n}\n\nexport function* watchGetPersonCertifications() {\n yield takeLatest(PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN, doGetPersonCertifications);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_CERTIFICATIONS_BEGIN:\n return {\n ...state,\n getPersonCertificationsPending: true,\n getPersonCertificationsError: null,\n };\n\n case PEOPLE_GET_PERSON_CERTIFICATIONS_SUCCESS: {\n const { data, clearData, hasMoreItems } = action;\n const oldItems = clearData || !state.personCertifications?.items ? [] : state.personCertifications.items;\n\n return {\n ...state,\n personCertifications: {\n items: [...oldItems, ...data],\n hasMore: hasMoreItems,\n },\n getPersonCertificationsPending: false,\n getPersonCertificationsError: null,\n };\n }\n\n case PEOPLE_GET_PERSON_CERTIFICATIONS_FAILURE:\n return {\n ...state,\n getPersonCertificationsPending: false,\n getPersonCertificationsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_CERTIFICATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPersonCertificationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { ACTIVE } from 'src/features/projects/constants';\nimport {\n PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN,\n PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_SUCCESS,\n PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_FAILURE,\n PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonCurrentAllocations(accountId, personId, offset) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN,\n accountId,\n personId,\n offset,\n };\n}\n\nexport function dismissGetPersonCurrentAllocationsError() {\n return {\n type: PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN actions\nexport function* doGetPersonCurrentAllocations(action) {\n const { accountId, personId, offset } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/current-allocations`, { offset, projectState: ACTIVE, limit: 5000 }, true);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_SUCCESS,\n data: res.data,\n headers: res.headers,\n personId,\n offset,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonCurrentAllocations() {\n yield takeLatest(PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN, doGetPersonCurrentAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPersonCurrentAllocationsPending: true,\n getPersonCurrentAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n currentAllocations: {\n ...state.currentAllocations,\n [action.personId]: action.offset > 0 ? state.currentAllocations[action.personId].concat(action.data) : action.data,\n },\n moreCurrentAllocations: action.headers['query-has-more'] === 'True',\n getPersonCurrentAllocationsPending: false,\n getPersonCurrentAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPersonCurrentAllocationsPending: false,\n getPersonCurrentAllocationsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_CURRENT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPersonCurrentAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN,\n PEOPLE_GET_PERSON_FIELD_VALUES_SUCCESS,\n PEOPLE_GET_PERSON_FIELD_VALUES_FAILURE,\n PEOPLE_GET_PERSON_FIELD_VALUES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonFieldValues(accountId, state = 'active') {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN,\n accountId,\n state,\n };\n}\n\nexport function dismissGetPersonFieldValuesError() {\n return {\n type: PEOPLE_GET_PERSON_FIELD_VALUES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonFieldValues(action) {\n const { accountId, state } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/person-field-values`, { state });\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_FIELD_VALUES_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_FIELD_VALUES_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonFieldValues() {\n yield takeLatest(PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN, doGetPersonFieldValues);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_FIELD_VALUES_BEGIN:\n return {\n ...state,\n getPersonFieldValuesPending: true,\n getPersonFieldValuesError: null,\n };\n\n case PEOPLE_GET_PERSON_FIELD_VALUES_SUCCESS:\n return {\n ...state,\n personFieldValues: action.data || [],\n getPersonFieldValuesPending: false,\n getPersonFieldValuesError: null,\n };\n\n case PEOPLE_GET_PERSON_FIELD_VALUES_FAILURE:\n return {\n ...state,\n personFieldValues: action.data,\n getPersonFieldValuesPending: false,\n getPersonFieldValuesError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_FIELD_VALUES_DISMISS_ERROR:\n return {\n ...state,\n getPersonFieldValuesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_ISSUES_BEGIN,\n PEOPLE_GET_PERSON_ISSUES_SUCCESS,\n PEOPLE_GET_PERSON_ISSUES_FAILURE,\n PEOPLE_GET_PERSON_ISSUES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonIssues(accountId, personId) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PEOPLE_GET_PERSON_ISSUES_BEGIN,\n accountId,\n personId,\n };\n}\n\nexport function dismissGetPersonIssuesError() {\n return {\n type: PEOPLE_GET_PERSON_ISSUES_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PERSON_ISSUES_BEGIN actions\nexport function* doGetPersonIssues(action) {\n const { accountId, personId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/allocation-conflicts`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_ISSUES_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_ISSUES_SUCCESS,\n data: res,\n personId,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonIssues() {\n yield takeLatest(PEOPLE_GET_PERSON_ISSUES_BEGIN, doGetPersonIssues);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_ISSUES_BEGIN:\n return {\n ...state,\n getPersonIssuesPending: true,\n getPersonIssuesError: null,\n };\n\n case PEOPLE_GET_PERSON_ISSUES_SUCCESS:\n return {\n ...state,\n issues: {\n ...state.issues,\n [action.personId]: action.data,\n },\n getPersonIssuesPending: false,\n getPersonIssuesError: null,\n };\n\n case PEOPLE_GET_PERSON_ISSUES_FAILURE:\n return {\n ...state,\n getPersonIssuesPending: false,\n getPersonIssuesError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_ISSUES_DISMISS_ERROR:\n return {\n ...state,\n getPersonIssuesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { ACTIVE, COMPLETE } from 'src/features/projects/constants';\nimport {\n PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN,\n PEOPLE_GET_PERSON_PAST_ALLOCATIONS_SUCCESS,\n PEOPLE_GET_PERSON_PAST_ALLOCATIONS_FAILURE,\n PEOPLE_GET_PERSON_PAST_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonPastAllocations(accountId, personId, offset) {\n return {\n type: PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN,\n accountId,\n personId,\n offset,\n };\n}\n\nexport function dismissGetPersonPastAllocationsError() {\n return {\n type: PEOPLE_GET_PERSON_PAST_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonPastAllocations(action) {\n const { accountId, personId, offset } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/past-allocations`, { limit: 10, offset, projectState: `${ACTIVE},${COMPLETE}` }, true);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_PAST_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_PAST_ALLOCATIONS_SUCCESS,\n data: res.data,\n headers: res.headers,\n personId,\n offset,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonPastAllocations() {\n yield takeLatest(PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN, doGetPersonPastAllocations);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_PAST_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPersonPastAllocationsPending: true,\n getPersonPastAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_PAST_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n pastAllocations: {\n ...state.pastAllocations,\n [action.personId]: action.offset > 0 ? state.pastAllocations[action.personId].concat(action.data) : action.data,\n },\n morePastAllocations: action.headers['query-has-more'] === 'True',\n getPersonPastAllocationsPending: false,\n getPersonPastAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_PAST_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPersonPastAllocationsPending: false,\n getPersonPastAllocationsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_PAST_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPersonPastAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_PROJECTS_BEGIN,\n PEOPLE_GET_PERSON_PROJECTS_SUCCESS,\n PEOPLE_GET_PERSON_PROJECTS_FAILURE,\n PEOPLE_GET_PERSON_PROJECTS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonProjects(accountId) {\n return {\n type: PEOPLE_GET_PERSON_PROJECTS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetPersonProjectsError() {\n return {\n type: PEOPLE_GET_PERSON_PROJECTS_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_GET_PERSON_PROJECTS_BEGIN actions\nexport function* doGetPersonProjects(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/current-projects`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_PROJECTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PEOPLE_GET_PERSON_PROJECTS_SUCCESS,\n data: res,\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchGetPersonProjects() {\n yield takeLatest(PEOPLE_GET_PERSON_PROJECTS_BEGIN, doGetPersonProjects);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_PROJECTS_BEGIN:\n return {\n ...state,\n getPersonProjectsPending: true,\n getPersonProjectsError: null,\n };\n\n case PEOPLE_GET_PERSON_PROJECTS_SUCCESS:\n return {\n ...state,\n currentProjects: action.data,\n getPersonProjectsPending: false,\n getPersonProjectsError: null,\n };\n\n case PEOPLE_GET_PERSON_PROJECTS_FAILURE:\n return {\n ...state,\n getPersonProjectsPending: false,\n getPersonProjectsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_PROJECTS_DISMISS_ERROR:\n return {\n ...state,\n getPersonProjectsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN,\n PEOPLE_GET_PERSON_UNAVAILABILITIES_SUCCESS,\n PEOPLE_GET_PERSON_UNAVAILABILITIES_FAILURE,\n PEOPLE_GET_PERSON_UNAVAILABILITIES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonUnavailabilities(accountId, activeState) {\n return {\n type: PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN,\n accountId,\n activeState,\n };\n}\n\nexport function dismissGetPersonUnavailabilitiesError() {\n return {\n type: PEOPLE_GET_PERSON_UNAVAILABILITIES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonUnavailabilities(action) {\n const { accountId, activeState } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/unavailabilities?state=${activeState}`);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_UNAVAILABILITIES_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PEOPLE_GET_PERSON_UNAVAILABILITIES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetPersonUnavailabilities() {\n yield takeLatest(PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN, doGetPersonUnavailabilities);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_UNAVAILABILITIES_BEGIN:\n return {\n ...state,\n getPersonUnavailabilitiesPending: true,\n getPersonUnavailabilitiesError: null,\n };\n\n case PEOPLE_GET_PERSON_UNAVAILABILITIES_SUCCESS:\n return {\n ...state,\n unavailabilities: action.data,\n getPersonUnavailabilitiesPending: false,\n getPersonUnavailabilitiesError: null,\n };\n\n case PEOPLE_GET_PERSON_UNAVAILABILITIES_FAILURE:\n return {\n ...state,\n getPersonUnavailabilitiesPending: false,\n getPersonUnavailabilitiesError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_UNAVAILABILITIES_DISMISS_ERROR:\n return {\n ...state,\n getPersonUnavailabilitiesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { UPCOMING, ACTIVE } from 'src/features/projects/constants';\nimport {\n PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN,\n PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_SUCCESS,\n PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_FAILURE,\n PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getPersonUpcomingAllocations(accountId, personId, offset) {\n return {\n type: PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN,\n accountId,\n personId,\n offset,\n };\n}\n\nexport function dismissGetPersonUpcomingAllocationsError() {\n return {\n type: PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPersonUpcomingAllocations(action) {\n const { accountId, offset, personId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/persons/${personId}/current-allocations`, { offset, projectState: `${UPCOMING},${ACTIVE}`, limit: 5000 }, true);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_SUCCESS,\n data: res.data,\n headers: res.headers,\n personId,\n offset,\n });\n}\n\nexport function* watchGetPersonUpcomingAllocations() {\n yield takeLatest(PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN, doGetPersonUpcomingAllocations);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPersonUpcomingAllocationsPending: true,\n getPersonUpcomingAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n upcomingAllocations: {\n ...state.upcomingAllocations,\n [action.personId]: action.offset > 0 ? state.upcomingAllocations[action.personId].concat(action.data) : action.data,\n },\n moreUpcomingAllocations: action.headers['query-has-more'] === 'True',\n getPersonUpcomingAllocationsPending: false,\n getPersonUpcomingAllocationsError: null,\n };\n\n case PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPersonUpcomingAllocationsPending: false,\n getPersonUpcomingAllocationsError: action.data.error,\n };\n\n case PEOPLE_GET_PERSON_UPCOMING_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPersonUpcomingAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_GET_UPLOAD_URL_BEGIN,\n PEOPLE_GET_UPLOAD_URL_SUCCESS,\n PEOPLE_GET_UPLOAD_URL_FAILURE,\n PEOPLE_GET_UPLOAD_URL_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function getUploadUrl(accountId, personId, cb) {\n return {\n type: PEOPLE_GET_UPLOAD_URL_BEGIN,\n accountId,\n personId,\n cb,\n };\n}\n\nexport function dismissGetUploadUrlError() {\n return {\n type: PEOPLE_GET_UPLOAD_URL_DISMISS_ERROR,\n };\n}\n\nexport function* doGetUploadUrl(action) {\n const { accountId, personId, cb } = action;\n let res;\n try {\n res = yield call(protectedJsonPut, `accounts/${accountId}/persons/${personId}/profile-picture`, null);\n } catch (err) {\n yield put({\n type: PEOPLE_GET_UPLOAD_URL_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_GET_UPLOAD_URL_SUCCESS,\n data: res,\n });\n\n if (cb) {\n cb(res.ImageUrl);\n }\n}\n\nexport function* watchGetUploadUrl() {\n yield takeLatest(PEOPLE_GET_UPLOAD_URL_BEGIN, doGetUploadUrl);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_GET_UPLOAD_URL_BEGIN:\n return {\n ...state,\n getUploadUrlPending: true,\n getUploadUrlError: null,\n };\n\n case PEOPLE_GET_UPLOAD_URL_SUCCESS:\n return {\n ...state,\n getUploadUrlPending: false,\n getUploadUrlError: null,\n };\n\n case PEOPLE_GET_UPLOAD_URL_FAILURE:\n return {\n ...state,\n getUploadUrlPending: false,\n getUploadUrlError: action.data.error,\n };\n\n case PEOPLE_GET_UPLOAD_URL_DISMISS_ERROR:\n return {\n ...state,\n getUploadUrlError: null,\n };\n\n default:\n return state;\n }\n}\n","const initialState = {\n entities: [],\n deactivatedPeople: [],\n allocations: [],\n availabilities: [],\n unavailabilities: [],\n currentProjects: [],\n currentAllocations: {},\n personAllocations: {},\n upcomingAllocations: {},\n issues: {},\n moreCurrentAllocations: false,\n morePastAllocations: false,\n moreAnyAllocations: false,\n pastAllocations: {},\n personFieldValues: [],\n personAllocationsByDate: {},\n personAttachments: {},\n personCertifications: {},\n filteredPeople: [],\n searchedActivePeople: [],\n pageFrom: 0,\n hasMore: true,\n personSelections: {},\n getPeoplePending: false,\n getPeopleError: null,\n removePersonPending: false,\n removePersonError: null,\n addPersonPending: false,\n addPersonError: null,\n getPersonFieldValuesPending: false,\n getPersonFieldValuesError: null,\n getPersonAvailabilitiesPending: false,\n getPersonAvailabilitiesError: null,\n getPersonProjectsPending: false,\n getPersonProjectsError: null,\n getPersonAllocationsByDatePending: false,\n getPersonAllocationsByDateError: null,\n getPersonCurrentAllocationsPending: false,\n getPersonCurrentAllocationsError: null,\n getPersonPastAllocationsPending: false,\n getPersonPastAllocationsError: null,\n getPersonIssuesPending: false,\n getPersonIssuesError: null,\n getAccountAllocationsPending: false,\n getAccountAllocationsError: null,\n getUploadUrlPending: false,\n getUploadUrlError: null,\n setProfilePicturePending: false,\n setProfilePictureError: null,\n removeProfilePicturePending: false,\n removeProfilePictureError: null,\n updatePersonPending: false,\n updatePersonError: null,\n getFilteredPeoplePagePending: false,\n getFilteredPeoplePending: false,\n getFilteredPeopleError: null,\n getFilteredPeoplePageError: null,\n reactivatePersonPending: false,\n reactivatePersonError: null,\n collectPeopleTableDataPending: false,\n collectPeopleTableDataError: null,\n updatePersonFieldValuePending: false,\n updatePersonFieldValueError: null,\n addUnavailabilityPending: false,\n addUnavailabilityError: null,\n updateUnavailabilityPending: false,\n updateUnavailabilityError: null,\n deleteUnavailabilityPending: false,\n deleteUnavailabilityError: null,\n getPersonUnavailabilitiesPending: false,\n getPersonUnavailabilitiesError: null,\n getPersonByIdPending: false,\n getPersonByIdError: null,\n getDeactivatedPeoplePending: false,\n getDeactivatedPeopleError: null,\n searchActivePeoplePending: false,\n searchActivePeopleError: null,\n getPersonAllocationsPending: false,\n getPersonAllocationsError: null,\n getPersonUpcomingAllocationsPending: false,\n getPersonUpcomingAllocationsError: null,\n addPersonNotePending: false,\n addPersonNoteError: null,\n deletePersonNotePending: false,\n deletePersonNoteError: null,\n updatePersonNotePending: false,\n updatePersonNoteError: null,\n getPersonAuditPending: false,\n getPersonAuditError: null,\n uploadPersonAttachmentPending: false,\n uploadPersonAttachmentError: null,\n getPersonAttachmentsPending: false,\n getPersonAttachmentsError: null,\n getPersonAttachmentByIdPending: false,\n getPersonAttachmentByIdError: null,\n downloadPersonAttachmentPending: false,\n downloadPersonAttachmentError: null,\n deletePersonAttachmentPending: false,\n deletePersonAttachmentError: null,\n getPersonCertificationsPending: false,\n getPersonCertificationsError: null,\n getPersonCertificationAttachmentsPending: false,\n getPersonCertificationAttachmentsError: null,\n addPersonCertificationPending: false,\n addPersonCertificationError: null,\n updatePersonCertificationPending: false,\n updatePersonCertificationError: null,\n deletePersonCertificationPending: false,\n deletePersonCertificationError: null,\n};\n\nexport default initialState;\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_REACTIVATE_PERSON_BEGIN,\n PEOPLE_REACTIVATE_PERSON_SUCCESS,\n PEOPLE_REACTIVATE_PERSON_FAILURE,\n PEOPLE_REACTIVATE_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function reactivatePerson(accountId, personId) {\n return {\n type: PEOPLE_REACTIVATE_PERSON_BEGIN,\n accountId,\n personId,\n };\n}\n\nexport function dismissReactivatePersonError() {\n return {\n type: PEOPLE_REACTIVATE_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doReactivatePerson(action) {\n const { accountId, personId } = action;\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/persons/${personId}/restore`);\n } catch (err) {\n yield put({\n type: PEOPLE_REACTIVATE_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_REACTIVATE_PERSON_SUCCESS,\n personId,\n });\n}\n\nexport function* watchReactivatePerson() {\n yield takeLatest(PEOPLE_REACTIVATE_PERSON_BEGIN, doReactivatePerson);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_REACTIVATE_PERSON_BEGIN:\n return {\n ...state,\n reactivatePersonPending: true,\n reactivatePersonError: null,\n };\n\n case PEOPLE_REACTIVATE_PERSON_SUCCESS: {\n const { entities, deactivatedPeople } = state;\n return {\n ...state,\n entities: entities.filter(person => person.id !== action.personId),\n deactivatedPeople: deactivatedPeople.filter(person => person.id !== action.personId),\n reactivatePersonPending: false,\n reactivatePersonError: null,\n };\n }\n\n case PEOPLE_REACTIVATE_PERSON_FAILURE:\n return {\n ...state,\n reactivatePersonPending: false,\n reactivatePersonError: action.data.error,\n };\n\n case PEOPLE_REACTIVATE_PERSON_DISMISS_ERROR:\n return {\n ...state,\n reactivatePersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_REMOVE_PERSON_BEGIN,\n PEOPLE_REMOVE_PERSON_SUCCESS,\n PEOPLE_REMOVE_PERSON_FAILURE,\n PEOPLE_REMOVE_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removePerson(accountId, personId, personName, parentName) {\n return {\n type: PEOPLE_REMOVE_PERSON_BEGIN,\n accountId,\n personId,\n personName,\n parentName,\n };\n}\n\nexport function dismissRemovePersonError() {\n return {\n type: PEOPLE_REMOVE_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doRemovePerson(action) {\n const { accountId, personId, personName, parentName } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/persons/${personId}`);\n } catch (err) {\n yield put({\n type: PEOPLE_REMOVE_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_REMOVE_PERSON_SUCCESS,\n data: res,\n personId,\n personName,\n parentName,\n });\n}\n\nexport function* watchRemovePerson() {\n yield takeLatest(PEOPLE_REMOVE_PERSON_BEGIN, doRemovePerson);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_REMOVE_PERSON_BEGIN:\n return {\n ...state,\n removePersonPending: true,\n removePersonError: null,\n };\n\n case PEOPLE_REMOVE_PERSON_SUCCESS: {\n const { personId } = action;\n return {\n ...state,\n entities: state.entities.filter(person => person.id !== personId),\n allocations: state.allocations.filter(a => a.personId !== personId),\n removePersonPending: false,\n removePersonError: null,\n filteredPeople: state.filteredPeople.filter(person => person.id !== personId),\n };\n }\n case PEOPLE_REMOVE_PERSON_FAILURE:\n return {\n ...state,\n removePersonPending: false,\n removePersonError: action.data.error,\n };\n\n case PEOPLE_REMOVE_PERSON_DISMISS_ERROR:\n return {\n ...state,\n removePersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN,\n PEOPLE_REMOVE_PROFILE_PICTURE_SUCCESS,\n PEOPLE_REMOVE_PROFILE_PICTURE_FAILURE,\n PEOPLE_REMOVE_PROFILE_PICTURE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function removeProfilePicture(accountId, personId, personName, parentName) {\n return {\n type: PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN,\n accountId,\n personId,\n personName,\n parentName,\n };\n}\n\nexport function dismissRemoveProfilePictureError() {\n return {\n type: PEOPLE_REMOVE_PROFILE_PICTURE_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveProfilePicture(action) {\n const { accountId, personId, parentName, personName } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/persons/${personId}/profile-picture`);\n } catch (err) {\n yield put({\n type: PEOPLE_REMOVE_PROFILE_PICTURE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_REMOVE_PROFILE_PICTURE_SUCCESS,\n data: res,\n personId,\n parentName,\n personName,\n });\n}\n\nexport function* watchRemoveProfilePicture() {\n yield takeLatest(PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN, doRemoveProfilePicture);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_REMOVE_PROFILE_PICTURE_BEGIN:\n return {\n ...state,\n removeProfilePicturePending: true,\n removeProfilePictureError: null,\n };\n\n case PEOPLE_REMOVE_PROFILE_PICTURE_SUCCESS: {\n const updatedPerson = { ...state.entities.find(p => p.id === action.personId) };\n updatedPerson.photoUrl = '';\n\n return {\n ...state,\n entities: [\n ...state.entities.filter(person => person.id !== action.personId),\n updatedPerson,\n ],\n removeProfilePicturePending: false,\n removeProfilePictureError: null,\n };\n }\n\n case PEOPLE_REMOVE_PROFILE_PICTURE_FAILURE:\n return {\n ...state,\n removeProfilePicturePending: false,\n removeProfilePictureError: action.data.error,\n };\n\n case PEOPLE_REMOVE_PROFILE_PICTURE_DISMISS_ERROR:\n return {\n ...state,\n removeProfilePictureError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { MIN_FROM, MAX_SIZE } from '../../../common/constants';\n\nconst SEARCH_ACTIVE_PEOPLE_QUERY = gql`\n query searchActivePeopleQuery($accountId: Int!, $from: Int, $size: Int,$filters: [ESQuery]) {\n people(accountId: $accountId, from: $from, size: $size, filters: $filters) {\n count\n items {\n name\n value: id\n }\n }\n }\n`;\n\nexport const searchActivePeopleQuery = (accountId, searchQuery) => {\n const combinedSearchQuery =\n searchQuery ?\n searchQuery.map(word => `*${word}*`).join(' AND ')\n : '';\n\n const variables = {\n accountId,\n size: MAX_SIZE,\n from: MIN_FROM,\n filters: [\n {\n bool: {\n must: [\n {\n term: { isActive: true },\n },\n {\n // eslint-disable-next-line camelcase\n query_string: {\n fields: ['name'],\n query: combinedSearchQuery,\n },\n },\n ],\n },\n },\n ],\n };\n\n return {\n query: SEARCH_ACTIVE_PEOPLE_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN,\n PEOPLE_SEARCH_ACTIVE_PEOPLE_SUCCESS,\n PEOPLE_SEARCH_ACTIVE_PEOPLE_FAILURE,\n PEOPLE_SEARCH_ACTIVE_PEOPLE_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { searchActivePeopleQuery } from '../queries/searchActivePeopleQuery';\nimport initialState from './initialState';\n\nexport function searchActivePeople(accountId, searchQuery) {\n const { query, variables } = searchActivePeopleQuery(accountId, searchQuery);\n\n return {\n type: PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissSearchActivePeopleError() {\n return {\n type: PEOPLE_SEARCH_ACTIVE_PEOPLE_DISMISS_ERROR,\n };\n}\n\nexport function* doSearchActivePeople(action) {\n const { query, variables } = action;\n\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PEOPLE_SEARCH_ACTIVE_PEOPLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_SEARCH_ACTIVE_PEOPLE_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchSearchActivePeople() {\n yield takeLatest(PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN, doSearchActivePeople);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_SEARCH_ACTIVE_PEOPLE_BEGIN:\n return {\n ...state,\n searchActivePeoplePending: true,\n searchActivePeopleError: null,\n };\n\n case PEOPLE_SEARCH_ACTIVE_PEOPLE_SUCCESS: {\n const items = action.data.people?.items ?? [];\n\n return {\n ...state,\n searchedActivePeople: items,\n searchActivePeoplePending: false,\n searchActivePeopleError: null,\n };\n }\n\n case PEOPLE_SEARCH_ACTIVE_PEOPLE_FAILURE: {\n const { searchedActivePeople } = initialState;\n return {\n ...state,\n searchedActivePeople,\n searchActivePeoplePending: false,\n searchActivePeopleError: action.data.error,\n };\n }\n\n case PEOPLE_SEARCH_ACTIVE_PEOPLE_DISMISS_ERROR:\n return {\n ...state,\n searchActivePeopleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { compose } from 'redux';\n\nconst people = root => root.people;\n\nconst pageFrom = state => state.pageFrom;\nconst entities = state => state.entities;\n\nconst photoUrls = entities => entities.reduce((urls, { photoUrl }) => {\n if (photoUrl) urls.push(photoUrl);\n return urls;\n}, []);\n\nexport const peoplePhotos = compose(photoUrls, entities, people);\nexport const peoplePageFrom = compose(pageFrom, people);\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_SET_PROFILE_PICTURE_BEGIN,\n PEOPLE_SET_PROFILE_PICTURE_SUCCESS,\n PEOPLE_SET_PROFILE_PICTURE_FAILURE,\n PEOPLE_SET_PROFILE_PICTURE_DISMISS_ERROR,\n} from './constants';\nimport { uploadImage } from '../../../utils/api';\n\nexport function setProfilePicture(url, image, personId, blobUrl, analyticsPayload = {}) {\n return {\n type: PEOPLE_SET_PROFILE_PICTURE_BEGIN,\n url,\n image,\n personId,\n blobUrl,\n analyticsPayload,\n };\n}\n\nexport function dismissSetProfilePictureError() {\n return {\n type: PEOPLE_SET_PROFILE_PICTURE_DISMISS_ERROR,\n };\n}\n\nexport function* doSetProfilePicture(action) {\n const { url, image, personId, blobUrl, analyticsPayload } = action;\n let res;\n try {\n res = yield call(uploadImage, url, image);\n } catch (err) {\n yield put({\n type: PEOPLE_SET_PROFILE_PICTURE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_SET_PROFILE_PICTURE_SUCCESS,\n data: res,\n personId,\n blobUrl,\n analyticsPayload,\n });\n}\n\nexport function* watchSetProfilePicture() {\n yield takeLatest(PEOPLE_SET_PROFILE_PICTURE_BEGIN, doSetProfilePicture);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_SET_PROFILE_PICTURE_BEGIN:\n return {\n ...state,\n setProfilePicturePending: true,\n setProfilePictureError: null,\n };\n\n case PEOPLE_SET_PROFILE_PICTURE_SUCCESS: {\n const updatedPerson = {\n ...state.entities.find(p => p.id === action.personId),\n photoUrl: action.blobUrl,\n };\n\n return {\n ...state,\n entities: [\n ...state.entities.filter(p => p.id !== action.personId),\n updatedPerson,\n ],\n setProfilePicturePending: false,\n setProfilePictureError: null,\n };\n }\n\n case PEOPLE_SET_PROFILE_PICTURE_FAILURE:\n return {\n ...state,\n setProfilePicturePending: false,\n setProfilePictureError: action.data.error,\n };\n\n case PEOPLE_SET_PROFILE_PICTURE_DISMISS_ERROR:\n return {\n ...state,\n setProfilePictureError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n PEOPLE_MANAGE_CERTIFICATION_ATTACHMENTS,\n PEOPLE_HIDE_CERTIFICATION_ATTACHMENTS,\n} from './constants';\n\n// This action does not update state, but triggers analytic events to fire\nexport function toggleCertificationAttachments(isCollapsing) {\n return {\n type: isCollapsing ? PEOPLE_HIDE_CERTIFICATION_ATTACHMENTS : PEOPLE_MANAGE_CERTIFICATION_ATTACHMENTS,\n };\n}\n\nexport function reducer(state) {\n return state;\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport {\n PEOPLE_UPDATE_PERSON_BEGIN,\n PEOPLE_UPDATE_PERSON_SUCCESS,\n PEOPLE_UPDATE_PERSON_FAILURE,\n PEOPLE_UPDATE_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { getUpdatedEntity } from '../../../filters/graphqlUtils';\nimport { updatePousByEmploymentDates } from '../utils/peopleUtils';\n\nexport function updatePerson(accountId, personId, data, analyticsPayload) {\n return {\n type: PEOPLE_UPDATE_PERSON_BEGIN,\n accountId,\n personId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdatePersonError() {\n return {\n type: PEOPLE_UPDATE_PERSON_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PEOPLE_UPDATE_PERSON_BEGIN actions\nexport function* doUpdatePerson(action) {\n const { accountId, personId, data, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/persons/${personId}`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_UPDATE_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not caught.\n yield put({\n type: PEOPLE_UPDATE_PERSON_SUCCESS,\n accountId,\n personId,\n data: res,\n formData: data,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdatePerson() {\n yield takeLatest(PEOPLE_UPDATE_PERSON_BEGIN, doUpdatePerson);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPDATE_PERSON_BEGIN:\n return {\n ...state,\n updatePersonPending: true,\n updatePersonError: null,\n };\n\n case PEOPLE_UPDATE_PERSON_SUCCESS: {\n const { personId, data, formData } = action;\n const { employmentDates } = formData;\n const { personSelections, allocations, filteredPeople, deactivatedPeople } = state;\n let newAllocations = allocations ? [...allocations] : [];\n\n const updatedFilteredPeople = getUpdatedEntity('Person', filteredPeople, data);\n\n // Add/remove POU's based on employment dates\n const newFilteredPeople = updatedFilteredPeople.map((person) => {\n if (person.id === personId) {\n return updatePousByEmploymentDates(person, employmentDates);\n }\n return person;\n });\n\n const updatedDeactivatedPeople = getUpdatedEntity('Person', deactivatedPeople, data);\n\n // Add/remove POU's based on employment dates\n const newDeactivatedPeople = updatedDeactivatedPeople.map((person) => {\n if (person.id === personId) {\n return updatePousByEmploymentDates(person, employmentDates);\n }\n return person;\n });\n\n if (employmentDates) {\n const { startDate, endDate } = employmentDates;\n newAllocations = allocations.map((allocation) => {\n if (allocation.personId === personId) {\n if ('startDate' in employmentDates && moment(allocation.startDate).isBefore(startDate)) {\n return {\n ...allocation,\n startDate: moment(startDate).format(DATE_INPUT_FORMAT),\n };\n }\n if ('endDate' in employmentDates && moment(allocation.endDate).isAfter(endDate)) {\n return {\n ...allocation,\n endDate: moment(endDate).format(DATE_INPUT_FORMAT),\n };\n }\n }\n return allocation;\n });\n }\n\n const newPersonSelections = { ...personSelections };\n Object.keys(personSelections).forEach((selectionId) => {\n const selectedPerson = personSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const updatedPerson = updatePousByEmploymentDates(selectedPerson, employmentDates);\n newPersonSelections[selectionId] = {\n ...updatedPerson,\n ...data,\n };\n }\n });\n\n return {\n ...state,\n entities: [\n ...state.entities.filter(p => p.id !== personId),\n action.data,\n ],\n allocations: newAllocations,\n updatePersonPending: false,\n updatePersonError: null,\n filteredPeople: newFilteredPeople,\n deactivatedPeople: newDeactivatedPeople,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_UPDATE_PERSON_FAILURE:\n return {\n ...state,\n updatePersonPending: false,\n updatePersonError: action.data.error,\n };\n\n case PEOPLE_UPDATE_PERSON_DISMISS_ERROR:\n return {\n ...state,\n updatePersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN,\n PEOPLE_UPDATE_PERSON_CERTIFICATION_SUCCESS,\n PEOPLE_UPDATE_PERSON_CERTIFICATION_FAILURE,\n PEOPLE_UPDATE_PERSON_CERTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function updatePersonCertification(accountId, personId, certificationId, data, analyticsPayload) {\n return {\n type: PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN,\n accountId,\n personId,\n certificationId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdatePersonCertificationError() {\n return {\n type: PEOPLE_UPDATE_PERSON_CERTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePersonCertification(action) {\n const { accountId, personId, certificationId, data, analyticsPayload } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/persons/${personId}/certifications/${certificationId}`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_UPDATE_PERSON_CERTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_UPDATE_PERSON_CERTIFICATION_SUCCESS,\n personId,\n certificationId,\n data,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdatePersonCertification() {\n yield takeLatest(PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN, doUpdatePersonCertification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPDATE_PERSON_CERTIFICATION_BEGIN:\n return {\n ...state,\n updatePersonCertificationPending: true,\n updatePersonCertificationError: null,\n };\n\n case PEOPLE_UPDATE_PERSON_CERTIFICATION_SUCCESS: {\n const { certificationId, data, personId } = action;\n const { personCertifications, filteredPeople } = state;\n const newPersonCertifications = {\n ...personCertifications,\n items: personCertifications.items?.map(item => (\n item.id === certificationId ? { ...item, ...data } : item\n )),\n };\n const newFilteredPeople = filteredPeople.map(person => (\n person.id === personId\n ? ({\n ...person,\n certifications: person.certifications?.map(cert => (\n cert.id === certificationId ? { ...cert, ...data } : cert\n )),\n })\n : person\n ));\n\n return {\n ...state,\n personCertifications: newPersonCertifications,\n filteredPeople: newFilteredPeople,\n updatePersonCertificationPending: false,\n updatePersonCertificationError: null,\n };\n }\n\n case PEOPLE_UPDATE_PERSON_CERTIFICATION_FAILURE:\n return {\n ...state,\n updatePersonCertificationPending: false,\n updatePersonCertificationError: action.data.error,\n };\n\n case PEOPLE_UPDATE_PERSON_CERTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n updatePersonCertificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport {\n PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN,\n PEOPLE_UPDATE_PERSON_FIELD_VALUE_SUCCESS,\n PEOPLE_UPDATE_PERSON_FIELD_VALUE_FAILURE,\n PEOPLE_UPDATE_PERSON_FIELD_VALUE_DISMISS_ERROR,\n} from './constants';\nimport { updatePersonField } from '../utils/peopleUtils';\n\nexport function updatePersonFieldValue(accountId, personId, field, analyticsPayload) {\n return {\n type: PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN,\n accountId,\n personId,\n field,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdatePersonFieldValueError() {\n return {\n type: PEOPLE_UPDATE_PERSON_FIELD_VALUE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePersonFieldValue(action) {\n const { accountId, personId, field, analyticsPayload } = action;\n try {\n yield call(protectedJsonPatch, `accounts/${accountId}/persons/${personId}/person-field-values/${field.id}`, { values: field.values });\n } catch (err) {\n yield put({\n type: PEOPLE_UPDATE_PERSON_FIELD_VALUE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_UPDATE_PERSON_FIELD_VALUE_SUCCESS,\n personId,\n data: field,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdatePersonFieldValue() {\n yield takeLatest(PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN, doUpdatePersonFieldValue);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPDATE_PERSON_FIELD_VALUE_BEGIN:\n return {\n ...state,\n updatePersonFieldValuePending: true,\n updatePersonFieldValueError: null,\n };\n\n case PEOPLE_UPDATE_PERSON_FIELD_VALUE_SUCCESS: {\n const { personId, data } = action;\n const { personFieldValues, filteredPeople, personSelections } = state;\n\n const newPersonFieldValues = personFieldValues.map((person) => {\n if (person.personId === personId) {\n return updatePersonField(person, data);\n }\n return person;\n });\n\n const newFilteredPeople = filteredPeople.map((person) => {\n if (person.id === personId) {\n const updatedPersonFields = newPersonFieldValues.find(p => p.personId === personId);\n const newFields = updatedPersonFields ? updatedPersonFields.fields : person.fields;\n return {\n ...person,\n fields: newFields,\n };\n }\n return person;\n });\n\n const newPersonSelections = { ...personSelections };\n Object.keys(newPersonSelections).forEach((selectionId) => {\n const selectedPerson = newPersonSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const updatedPerson = updatePersonField(selectedPerson, data);\n newPersonSelections[selectionId] = {\n ...updatedPerson,\n };\n }\n });\n\n return {\n ...state,\n personFieldValues: newPersonFieldValues,\n updatePersonFieldValuePending: false,\n updatePersonFieldValueError: null,\n filteredPeople: newFilteredPeople,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_UPDATE_PERSON_FIELD_VALUE_FAILURE:\n return {\n ...state,\n updatePersonFieldValuePending: false,\n updatePersonFieldValueError: action.data.error,\n };\n\n case PEOPLE_UPDATE_PERSON_FIELD_VALUE_DISMISS_ERROR:\n return {\n ...state,\n updatePersonFieldValueError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_UPDATE_PERSON_NOTE_BEGIN,\n PEOPLE_UPDATE_PERSON_NOTE_SUCCESS,\n PEOPLE_UPDATE_PERSON_NOTE_FAILURE,\n PEOPLE_UPDATE_PERSON_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport { updatePersonNoteById } from '../utils/peopleUtils';\n\nexport function updatePersonNote(accountId, personId, noteId, analyticsPayload, data) {\n return {\n type: PEOPLE_UPDATE_PERSON_NOTE_BEGIN,\n accountId,\n personId,\n noteId,\n analyticsPayload,\n data,\n };\n}\n\nexport function dismissUpdatePersonNoteError() {\n return {\n type: PEOPLE_UPDATE_PERSON_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdatePersonNote(action) {\n const { accountId, personId, noteId, analyticsPayload, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/persons/${personId}/notes/${noteId}`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_UPDATE_PERSON_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_UPDATE_PERSON_NOTE_SUCCESS,\n accountId,\n personId,\n noteId,\n analyticsPayload,\n data: res,\n });\n}\n\nexport function* watchUpdatePersonNote() {\n yield takeLatest(PEOPLE_UPDATE_PERSON_NOTE_BEGIN, doUpdatePersonNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPDATE_PERSON_NOTE_BEGIN:\n return {\n ...state,\n updatePersonNotePending: true,\n updatePersonNoteError: null,\n };\n\n case PEOPLE_UPDATE_PERSON_NOTE_SUCCESS: {\n const { personId, noteId, data } = action;\n const { personSelections } = state;\n\n const newPersonSelections = { ...personSelections };\n Object.keys(personSelections).forEach((selectionId) => {\n const selectedPerson = personSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const updatedPerson = updatePersonNoteById(selectedPerson, noteId, data);\n newPersonSelections[selectionId] = {\n ...updatedPerson,\n };\n }\n });\n\n return {\n ...state,\n updatePersonNotePending: false,\n updatePersonNoteError: null,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_UPDATE_PERSON_NOTE_FAILURE:\n return {\n ...state,\n updatePersonNotePending: false,\n updatePersonNoteError: action.data.error,\n };\n\n case PEOPLE_UPDATE_PERSON_NOTE_DISMISS_ERROR:\n return {\n ...state,\n updatePersonNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPatch } from 'src/utils/api';\nimport {\n DEFAULT_POU_END,\n UNAVAILABILITY,\n TIME_OFF,\n} from 'src/common/constants';\nimport {\n PEOPLE_UPDATE_UNAVAILABILITY_BEGIN,\n PEOPLE_UPDATE_UNAVAILABILITY_SUCCESS,\n PEOPLE_UPDATE_UNAVAILABILITY_FAILURE,\n PEOPLE_UPDATE_UNAVAILABILITY_DISMISS_ERROR,\n} from './constants';\nimport { handleZeroPercentBlock } from '../../allocations/utils/allocationUtils';\n\nexport function updateUnavailability(accountId, personId, data, analyticsPayload) {\n return {\n type: PEOPLE_UPDATE_UNAVAILABILITY_BEGIN,\n accountId,\n personId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdateUnavailabilityError() {\n return {\n type: PEOPLE_UPDATE_UNAVAILABILITY_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateUnavailability(action) {\n const { accountId, personId, data, analyticsPayload } = action;\n const formattedData = data.map(pou => (\n {\n ...pou,\n endDate: pou.endDate || DEFAULT_POU_END,\n }\n ));\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/persons/${personId}/unavailabilities`, formattedData);\n } catch (err) {\n yield put({\n type: PEOPLE_UPDATE_UNAVAILABILITY_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PEOPLE_UPDATE_UNAVAILABILITY_SUCCESS,\n accountId,\n personId,\n data: res,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdateUnavailability() {\n yield takeLatest(PEOPLE_UPDATE_UNAVAILABILITY_BEGIN, doUpdateUnavailability);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPDATE_UNAVAILABILITY_BEGIN:\n return {\n ...state,\n updateUnavailabilityPending: true,\n updateUnavailabilityError: null,\n };\n\n case PEOPLE_UPDATE_UNAVAILABILITY_SUCCESS: {\n const { personId, data } = action;\n const { filteredPeople, personSelections, unavailabilities } = state;\n const { id } = data[0];\n const newUnavailability = {\n ...data[0],\n __typename: UNAVAILABILITY,\n };\n\n const newFilteredPeople = filteredPeople.map((person) => {\n if (person.id === personId) {\n const { projectAllocations } = person;\n const newUnavailabilities = person.unavailabilities.map((pou) => {\n if (pou.id === id) {\n return newUnavailability;\n }\n return pou;\n });\n return {\n ...person,\n ...(newUnavailability.rangeType !== TIME_OFF && {\n projectAllocations: handleZeroPercentBlock(projectAllocations, data),\n }),\n unavailabilities: newUnavailabilities,\n };\n }\n return person;\n });\n\n const newPous = unavailabilities.map((person) => {\n if (personId === person.personId) {\n const updatedPous = person.unavailabilities.map((pou) => {\n if (pou.id === id) {\n return newUnavailability;\n }\n return pou;\n });\n return {\n ...person,\n unavailabilities: updatedPous,\n };\n }\n return person;\n });\n\n const newPersonSelections = { ...personSelections };\n Object.keys(newPersonSelections).forEach((selectionId) => {\n const selectedPerson = personSelections[selectionId];\n if (selectedPerson && selectedPerson.id === personId) {\n const { unavailabilities } = selectedPerson;\n const newPous = unavailabilities.map((pou) => {\n if (pou.id === id) {\n return newUnavailability;\n }\n return pou;\n });\n\n newPersonSelections[selectionId] = {\n ...selectedPerson,\n unavailabilities: newPous,\n };\n }\n });\n\n return {\n ...state,\n unavailabilities: newPous,\n updateUnavailabilityPending: false,\n updateUnavailabilityError: null,\n filteredPeople: newFilteredPeople,\n personSelections: newPersonSelections,\n };\n }\n\n case PEOPLE_UPDATE_UNAVAILABILITY_FAILURE:\n return {\n ...state,\n updateUnavailabilityPending: false,\n updateUnavailabilityError: action.data.error,\n };\n\n case PEOPLE_UPDATE_UNAVAILABILITY_DISMISS_ERROR:\n return {\n ...state,\n updateUnavailabilityError: null,\n };\n\n default:\n return state;\n }\n}\n","export const getAttachmentUploadState = (state, action, attachmentState) => {\n const { attachment, certificationId } = action;\n\n // certificationId is only passed if attachment is uploaded from certification view/tab\n return certificationId ? {\n personCertifications: {\n ...state.personCertifications,\n items: state.personCertifications.items.map((cert) => {\n const { id, attachments } = cert;\n return (id === certificationId)\n ? {\n ...cert,\n hasAttachments: true,\n attachments: [\n {\n ...attachment,\n state: attachmentState,\n },\n ...(attachments || []),\n ],\n } : cert;\n }),\n },\n } : {\n personAttachments: {\n ...state.personAttachments,\n items: [\n {\n ...attachment,\n state: attachmentState,\n },\n ...state.personAttachments.items,\n ],\n },\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN,\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_SUCCESS,\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_FAILURE,\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_S3_FAILURE,\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_CERT_LINK_FAILURE,\n PEOPLE_UPLOAD_PERSON_ATTACHMENT_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost, uploadFile } from '../../../utils/api';\nimport { ATTACHMENT_POLLING_STATE, ATTACHMENT_FAILED_STATE } from '../constants';\nimport { getAttachmentUploadState } from '../utils/attachmentUtils';\n\nexport function uploadPersonAttachment(\n accountId,\n personId,\n data,\n binary,\n analyticsPayload,\n certificationId = null,\n) {\n return {\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN,\n accountId,\n personId,\n data,\n binary,\n analyticsPayload,\n certificationId,\n };\n}\n\nexport function dismissUploadPersonAttachmentError() {\n return {\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_DISMISS_ERROR,\n };\n}\n\nexport function* doUploadPersonAttachment(action) {\n const { accountId, personId, data, binary, analyticsPayload, certificationId } = action;\n let attachment;\n\n try {\n attachment = yield call(protectedJsonPost, `/accounts/${accountId}/persons/${personId}/attachments`, data);\n } catch (err) {\n yield put({\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n if (certificationId) {\n try {\n const { id } = attachment;\n yield call(\n protectedJsonPost,\n `/accounts/${accountId}/persons/${personId}/certifications/${certificationId}/attachments`,\n { attachmentId: id },\n );\n } catch (err) {\n yield put({\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_CERT_LINK_FAILURE,\n data: { error: err },\n });\n return;\n }\n }\n\n try {\n const { uploadUrl } = attachment;\n yield call(uploadFile, uploadUrl, binary, 'Upload profile attachment API request error');\n } catch (err) {\n yield put({\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_S3_FAILURE,\n attachment,\n certificationId,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PEOPLE_UPLOAD_PERSON_ATTACHMENT_SUCCESS,\n attachment,\n analyticsPayload,\n certificationId,\n });\n}\n\nexport function* watchUploadPersonAttachment() {\n yield takeLatest(PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN, doUploadPersonAttachment);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_BEGIN:\n return {\n ...state,\n uploadPersonAttachmentPending: true,\n uploadPersonAttachmentError: null,\n };\n\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_SUCCESS: {\n const stateToUpdate = getAttachmentUploadState(state, action, ATTACHMENT_POLLING_STATE);\n\n return {\n ...state,\n ...stateToUpdate,\n uploadPersonAttachmentPending: false,\n uploadPersonAttachmentError: action?.data?.error || null,\n };\n }\n\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_S3_FAILURE: {\n const stateToUpdate = getAttachmentUploadState(state, action, ATTACHMENT_FAILED_STATE);\n\n return {\n ...state,\n ...stateToUpdate,\n uploadPersonAttachmentPending: false,\n uploadPersonAttachmentError: action?.data?.error || null,\n };\n }\n\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_FAILURE:\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_CERT_LINK_FAILURE:\n return {\n ...state,\n uploadPersonAttachmentPending: false,\n uploadPersonAttachmentError: action.data.error,\n };\n\n case PEOPLE_UPLOAD_PERSON_ATTACHMENT_DISMISS_ERROR:\n return {\n ...state,\n uploadPersonAttachmentError: null,\n };\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport humanizeDuration from 'humanize-duration';\nimport { NO_AVAILABILITY } from 'src/filters/constants';\n\nimport {\n DATE_INPUT_FORMAT,\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n PRE_EMPLOYMENT,\n POST_EMPLOYMENT,\n DOT,\n} from 'src/common/constants';\n\nconst updatePersonField = (person, data) => {\n const existingField = person.fields.find(f => f.fieldId === data.id);\n let newFieldValues;\n if (existingField) {\n newFieldValues = person.fields.map((field) => {\n if (field.fieldId === data.id) {\n return {\n ...field,\n values: data.values,\n __typename: 'Field',\n };\n }\n return field;\n });\n } else {\n newFieldValues = [...person.fields, data];\n }\n return {\n ...person,\n fields: newFieldValues,\n };\n};\n\nconst updatePousByEmploymentDates = (person, employmentDates) => {\n if (employmentDates) {\n let pous = person.unavailabilities ? [...person.unavailabilities] : [];\n const { startDate, endDate } = employmentDates;\n if ('startDate' in employmentDates) {\n if (startDate) {\n const startPou = pous.find(pou => pou.rangeType === PRE_EMPLOYMENT);\n if (startPou) {\n startPou.endDate = moment(startDate).subtract(1, 'day').format(DATE_INPUT_FORMAT);\n pous = pous.map((pou) => {\n if (pou.rangeType === PRE_EMPLOYMENT) return startPou;\n return pou;\n });\n } else {\n pous.push({\n description: '',\n startDate: DEFAULT_POU_START,\n endDate: moment(startDate).subtract(1, 'day').format(DATE_INPUT_FORMAT),\n isPrivate: false,\n rangeType: PRE_EMPLOYMENT,\n __typename: 'Unavailability',\n });\n }\n } else {\n pous = pous.filter(pou => pou.rangeType !== PRE_EMPLOYMENT);\n }\n }\n if ('endDate' in employmentDates) {\n if (endDate) {\n const endPou = pous.find(pou => pou.rangeType === POST_EMPLOYMENT);\n if (endPou) {\n endPou.startDate = moment(endDate).add(1, 'day').format(DATE_INPUT_FORMAT);\n pous = pous.map((pou) => {\n if (pou.rangeType === POST_EMPLOYMENT) return endPou;\n return pou;\n });\n } else {\n pous.push({\n description: '',\n startDate: moment(endDate).add(1, 'day').format(DATE_INPUT_FORMAT),\n endDate: DEFAULT_POU_END,\n isPrivate: false,\n rangeType: POST_EMPLOYMENT,\n __typename: 'Unavailability',\n });\n }\n } else {\n pous = pous.filter(pou => pou.rangeType !== POST_EMPLOYMENT);\n }\n }\n return {\n ...person,\n unavailabilities: pous,\n };\n }\n return { ...person };\n};\n\nconst formatAvailabilityText = (availableInDays) => {\n if (availableInDays === 0) return `${DOT} Available now`;\n const duration = humanizeDuration(\n moment.duration(moment().diff(moment().add(availableInDays, 'days'))),\n { largest: 2, round: true, units: ['mo', 'd'] },\n );\n return availableInDays === NO_AVAILABILITY ? 'No availability' : `Available in ${duration}`;\n};\n\nconst updatePersonNoteById = (person, noteId, data) => {\n const newNotes = person?.notes?.map((note) => {\n if (note.id === noteId) {\n return data;\n }\n return note;\n });\n return {\n ...person,\n notes: newNotes,\n };\n};\n\nexport {\n updatePersonField,\n updatePousByEmploymentDates,\n formatAvailabilityText,\n updatePersonNoteById,\n};\n","import moment from 'moment';\nimport {\n DATE_DISPLAY_FORMAT,\n DEFAULT_POU_START,\n DEFAULT_POU_END,\n PRE_EMPLOYMENT,\n POST_EMPLOYMENT,\n MAX_CONFIGURABLE_DATE,\n} from 'src/common/constants';\nimport { naturalSort } from 'src/utils/sortUtils';\n\nexport const trimUnavailabilities = (employmentDates, pous) => {\n if (!pous || !pous.length) return [];\n const filteredPous = pous.filter(pou => pou.rangeType !== PRE_EMPLOYMENT && pou.rangeType !== POST_EMPLOYMENT);\n return naturalSort(filteredPous, 'startDate');\n};\n\nconst overlapsHireDate = (startDate, momentHireDate, data, pouEnd) => (startDate && !momentHireDate.isSame(data.startDate)\n && (momentHireDate.isBetween(data.startDate, pouEnd, null, '[]')\n || momentHireDate.isAfter(pouEnd)));\n\nconst overlapsTerminationDate = (endDate, momentTerminationDate, data, pouEnd) => (endDate && !momentTerminationDate.isSame(data.endDate)\n && (momentTerminationDate.isBetween(data.startDate, pouEnd, null, '[]')\n || momentTerminationDate.isBefore(data.startDate)));\n\nconst overlapsPou = (pou, data, pouEnd) => {\n const momentDataStart = moment(data.startDate);\n return ((moment(pou.startDate).isBetween(data.startDate, pouEnd, null, '[]')\n || moment(pou.endDate).isBetween(data.startDate, pouEnd, null, '[]')\n || momentDataStart.isBetween(pou.startDate, pou.endDate, null, '[]')\n || moment(data.endDate).isBetween(pou.startDate, pou.endDate, null, '[]'))\n && pou.id !== data.id);\n};\n\nexport const validateAllocationUpdate = (employmentDates, pous = [], data) => {\n if (!data || !data.startDate || !data.endDate) return null;\n const inferredEndDate = employmentDates && employmentDates.endDate ? employmentDates.endDate : moment(MAX_CONFIGURABLE_DATE);\n const pouEnd = data.endDate || inferredEndDate;\n const errors = [];\n if (employmentDates) {\n const { startDate, endDate } = employmentDates;\n const momentHireDate = moment(startDate || undefined);\n const momentTerminationDate = moment(endDate || undefined);\n if (overlapsHireDate(startDate, momentHireDate, data, pouEnd)) {\n errors.push({ message: `Before ${momentHireDate.format(DATE_DISPLAY_FORMAT)}`, sortDate: startDate });\n }\n if (overlapsTerminationDate(endDate, momentTerminationDate, data, pouEnd)) {\n errors.push({ message: `After ${momentTerminationDate.format(DATE_DISPLAY_FORMAT)}`, sortDate: endDate });\n }\n }\n naturalSort(trimUnavailabilities(employmentDates, pous), 'startDate').forEach((pou) => {\n if (overlapsPou(pou, data, pouEnd)) {\n if (pou.startDate === DEFAULT_POU_START) {\n errors.push({ message: `Before ${moment(pou.endDate).format(DATE_DISPLAY_FORMAT)}`, sortDate: pou.endDate });\n } else if (pou.endDate === DEFAULT_POU_END) {\n errors.push({ message: `After ${moment(pou.startDate).format(DATE_DISPLAY_FORMAT)}`, sortDate: pou.startDate });\n } else {\n errors.push({ message: `${moment(pou.startDate).format(DATE_DISPLAY_FORMAT)} - ${moment(pou.endDate).format(DATE_DISPLAY_FORMAT)}`, sortDate: pou.startDate });\n }\n }\n });\n return errors.length ? naturalSort(errors, 'sortDate').map(error => error.message) : null;\n};\n\nexport const validateUnavailability = (employmentDates, pous, data) => {\n if (!data.startDate) return 'Start date is required';\n let error = null;\n const momentDataStart = moment(data.startDate);\n const inferredEndDate = employmentDates && employmentDates.endDate ? employmentDates.endDate : moment(MAX_CONFIGURABLE_DATE);\n const pouEnd = data.endDate || inferredEndDate;\n if (employmentDates) {\n const { startDate, endDate } = employmentDates;\n const momentHireDate = moment(startDate || undefined);\n const momentTerminationDate = moment(endDate || undefined);\n if (overlapsHireDate(startDate, momentHireDate, data, pouEnd)) {\n return 'Time off cannot overlap with a person’s hire date.';\n }\n if (overlapsTerminationDate(endDate, momentTerminationDate, data, pouEnd)) {\n return 'Time off cannot overlap with a person’s termination date.';\n }\n }\n pous.forEach((pou) => {\n if (overlapsPou(pou, data, pouEnd)) {\n error = 'Time off cannot overlap with other time off entries.';\n }\n });\n if (momentDataStart.isAfter(pouEnd)) return 'End date must be later than start date';\n return error;\n};\n\nexport const validateEmploymentPouOverlap = (editField, value, employmentDates, pous) => {\n let valid = true;\n const momentValue = moment(value);\n const filteredPous = trimUnavailabilities(employmentDates, pous || []);\n filteredPous.forEach((pou) => {\n if ((editField === 'start' && momentValue.isAfter(pou.startDate))\n || (editField === 'end' && momentValue.isBefore(pou.endDate))) {\n valid = false;\n }\n });\n return valid;\n};\n","import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport lockImage from 'src/images/lock_illustration.png';\n\nexport default function AccessDenied({ className, message }) {\n return (\n \n {`This certification will be flagged as \"expiring soon\" ${pluralExpiryDays} before the expiry date.`}\n
\n )}\n\n \n 
\n
\n );\n}\n\nAccessDenied.propTypes = {\n className: PropTypes.string,\n message: PropTypes.string,\n};\n\nAccessDenied.defaultProps = {\n className: '',\n message: 'You don\\'t have permission to view this page.',\n};\n\n","import React, { useState, useEffect, useMemo, useRef, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Fab, IconButton, Popper, ClickAwayListener, Tooltip } from '@material-ui/core';\nimport { Info, Add } from '@material-ui/icons';\nimport {\n PERMISSION_TYPES,\n SELF_PERFORM_SCHEDULER,\n SELF_PERFORM_REQUESTER,\n} from 'src/features/permissions/utils/constants';\nimport { ACCOUNT_MODULE_STANDARD, ACCOUNT_MODULE_FINANCIAL_TRACKING } from 'src/common/constants';\nimport { Confirm } from 'src/features/common';\nimport { Can } from 'src/features/wrapped-components';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport {\n AccessDenied,\n PermissionGroupDisplay,\n PermissionGroupSave,\n} from '.';\nimport {\n getPermissionGroups,\n createPermissionGroup,\n updatePermissionGroup,\n deletePermissionGroup,\n} from './redux/actions';\nimport { hasModuleEnabled } from './utils/permissionUtils';\nimport { AUTOMATION_ADD_CUSTOM_GROUP_BUTTON } from './ids';\n\nfunction PermissionGroups({\n accountId,\n permissionGroups,\n createPermissionGroupPending,\n getPermissionGroups,\n createPermissionGroup,\n updatePermissionGroup,\n deletePermissionGroup,\n accountModules,\n}) {\n const [showInfo, setShowInfo] = useState(false);\n const [showDeleteError, setShowDeleteError] = useState(false);\n const [addGroup, setAddGroup] = useState(false);\n const [editGroup, setEditGroup] = useState(null);\n const systemGroups = useMemo(() => naturalSort(\n // hide self-perform permission groups\n permissionGroups.filter(({ isSystem, name }) => isSystem && ![SELF_PERFORM_REQUESTER, SELF_PERFORM_SCHEDULER].includes(name)),\n 'name',\n ),\n [permissionGroups]);\n const enabledPermissionTypes = useMemo(() => {\n const isFinancialModuleEnabled = hasModuleEnabled(accountModules, ACCOUNT_MODULE_FINANCIAL_TRACKING);\n return PERMISSION_TYPES.filter(({ value }) => (value === 'ManageFinancials' ? isFinancialModuleEnabled : true));\n }, [accountModules]);\n const customGroups = useMemo(() => naturalSort(permissionGroups.filter(group => !group.isSystem), 'name'), [permissionGroups]);\n const infoRef = useRef(null);\n\n useEffect(() => { getPermissionGroups(accountId); }, [getPermissionGroups, accountId]);\n\n const onInfoClick = () => setShowInfo(!showInfo);\n const onAddGroup = () => setAddGroup(true);\n const dismissDeleteError = () => setShowDeleteError(false);\n\n const onCancel = () => {\n setAddGroup(false);\n setEditGroup(null);\n };\n\n const parsePerms = permissions => PERMISSION_TYPES.reduce((activePerms, perm) => {\n if (permissions[perm.value]) {\n activePerms.push(perm.value);\n }\n return activePerms;\n }, []);\n\n const reverseParsePerms = permissions => PERMISSION_TYPES.reduce((activePerms, perm) => ({\n ...activePerms,\n [perm.value]: permissions.includes(perm.value),\n }), {});\n\n const onSave = (values) => {\n const { name, permissions } = values;\n const data = {\n name: name.trim(),\n permissions: parsePerms(permissions),\n };\n\n if (addGroup) {\n createPermissionGroup(accountId, data);\n } else if (editGroup?.id) {\n updatePermissionGroup(accountId, editGroup.id, data);\n }\n\n onCancel();\n };\n\n const onDelete = () => {\n const { id, name, permissions, members } = editGroup;\n\n if (members?.length) {\n setShowDeleteError(true);\n } else {\n const analyticsPayload = {\n name,\n permissions: parsePerms(permissions),\n };\n deletePermissionGroup(accountId, id, analyticsPayload);\n onCancel();\n }\n };\n\n const onGroupClick = (group) => {\n const { id, name, permissions, members } = group;\n setAddGroup(false);\n setEditGroup({\n id,\n name,\n permissions: reverseParsePerms(permissions),\n members,\n });\n };\n\n return (\n {message}
\n \n
\n\n \n
\n System Permission Groups
\n\n \n \n \n \n
\n \n
\n\n \n
\n {!addGroup && !editGroup && (\n \n
\n Custom Permission Groups
\n\n \n \n
\n )}\n \n \n \n ))}\n
\n Manage Settings
\nView and update account settings, custom fields, users, and permissions. Only Administrators will have this permission.
\n {enabledPermissionTypes.map(type => (\n{type.label}
\n{type.description()}
\n\n {`This permission group cannot be deleted because it is currently assigned to ${\n editGroup.members.length > 1 ? 'users' : 'a user'\n }.`}\n
\n \n )}\n \n )}\n no={No custom permission groups have been added to your account. Click the + button below to add a group.
;\n }\n\n const onGroupClick = group => () => {\n onClick(group);\n };\n\n const renderGroup = group => (\n <>\n {group.name}
\n \n {group.members.length\n ? `Assigned to ${group.members.length} ${pluralize('users', group.members.length)}`\n : 'Not Assigned'}\n
\n \n );\n\n const renderGroups = () => groups.map((group) => {\n if (isSystem) {\n return (\n \n {renderGroup(group)}\n
\n );\n }\n\n return (\n \n \n {renderGroups()}\n
\n {!hidePerms && (\n \n
\n )}\n \n );\n}\n\nPermissionGroupDisplay.propTypes = {\n groups: PropTypes.arrayOf(PropTypes.object).isRequired,\n isSystem: PropTypes.bool,\n hidePerms: PropTypes.bool,\n onClick: PropTypes.func,\n activeGroup: PropTypes.object,\n permissionTypes: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nPermissionGroupDisplay.defaultProps = {\n isSystem: false,\n hidePerms: false,\n onClick: () => {},\n activeGroup: null,\n};\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport deepEqual from 'react-fast-compare';\nimport { Checkbox, Button } from '@material-ui/core';\nimport { Lock } from '@material-ui/icons';\nimport {\n PERMISSION_DEFAULT_VALUES,\n MAX_GROUP_NAME_LENGTH,\n} from 'src/features/permissions/utils/constants';\nimport { EditControls, ValidatedForm } from 'src/features/wrapped-components';\n\nfunction PermissionGroupSave({\n className,\n permissionGroups,\n originalValues,\n onSave,\n onCancel,\n onDelete,\n pending,\n show,\n permissionTypes,\n}) {\n const [disableSave, setDisableSave] = useState(false);\n const [noChange, setNoChange] = useState(true);\n const [values, setValues] = useState({\n ...PERMISSION_DEFAULT_VALUES,\n ...originalValues,\n });\n\n const hasOriginalValues = useMemo(() => !!(originalValues?.name && originalValues?.permissions), [originalValues]);\n\n useEffect(() => {\n setValues({\n ...PERMISSION_DEFAULT_VALUES,\n ...originalValues,\n });\n }, [originalValues, show]);\n\n useEffect(() => {\n setNoChange(!!(\n hasOriginalValues &&\n values.name.trim() === originalValues.name &&\n deepEqual(values.permissions, originalValues.permissions)\n ));\n }, [originalValues, values, hasOriginalValues]);\n\n const onNameChange = (key, name) => {\n setValues({\n ...values,\n ...name,\n });\n };\n\n const onPermChange = key => (evt) => {\n setValues({\n ...values,\n permissions: {\n ...values.permissions,\n [key]: evt.target.checked,\n },\n });\n };\n\n const validate = () => {\n const errors = {};\n const name = values.name.trim();\n\n if (name === '') {\n errors.name = 'This field is required';\n }\n\n const lowerCaseName = name.toLowerCase();\n if (permissionGroups.some(group => group.name.toLowerCase() === lowerCaseName) && lowerCaseName !== originalValues?.name?.toLowerCase()) {\n errors.name = 'Permission group name must be unique';\n }\n\n setDisableSave(Object.keys(errors).length !== 0);\n return errors;\n };\n\n const primaryAction = () => onSave(values);\n\n if (!show) return null;\n\n return (\n \n {isSystem &&
\n Manage Settings
}\n {permissionTypes.map(type => {type.label}
)}\n \n {groups.map((group) => {\n let types = [...permissionTypes];\n if (isSystem) {\n types = [\n {\n label: 'Manage Settings',\n value: 'Admin',\n },\n ...permissionTypes,\n ];\n }\n return (\n
\n \n {types.map((type) => {\n const hasPerm = group.permissions.includes(type.value) || group.permissions.includes('Admin');\n return
\n );\n })}\n {hasPerm ?
;\n })}\n \n
\n );\n}\n\nPermissionGroupSave.propTypes = {\n className: PropTypes.string,\n permissionGroups: PropTypes.array.isRequired,\n originalValues: PropTypes.object,\n onSave: PropTypes.func,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n pending: PropTypes.bool,\n show: PropTypes.bool,\n permissionTypes: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nPermissionGroupSave.defaultProps = {\n className: '',\n originalValues: {},\n onSave: () => {},\n onCancel: () => {},\n onDelete: null,\n pending: false,\n show: true,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ permissions }) {\n const { permissionGroups } = permissions;\n return {\n permissionGroups,\n };\n}\n\nexport default connect(\n mapStateToProps,\n null,\n)(PermissionGroupSave);\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport { Loader } from '@bridgit/foundation';\nimport { getUserInfo } from '../login/redux/actions';\nimport { clearAppData } from '../errors/redux/actions';\nimport { AUTH_ERROR } from '../errors/redux/constants';\n\nconst AuthenticatedView = ({\n children,\n}) => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const {\n userInfo,\n getUserInfoPending,\n getUserInfoError,\n } = useSelector(({ login }) => login);\n\n const { error } = useSelector(({ errors }) => errors);\n\n const [redirecting, setRedirecting] = useState(false);\n\n const isAuthPending = useMemo(() => (\n (!userInfo?.sub && !getUserInfoError) || getUserInfoPending || redirecting\n ), [userInfo?.sub, getUserInfoError, getUserInfoPending, redirecting]);\n\n useEffect(() => {\n if (!userInfo?.sub) {\n dispatch(getUserInfo());\n }\n }, [dispatch, userInfo?.sub]);\n\n useEffect(() => {\n const { messageId } = error || {};\n\n /*\n Catch 401 unauthorized errors here and redirect to login\n - expired sessions\n - not logged in yet\n - etc\n */\n if (messageId === AUTH_ERROR) {\n setRedirecting(true);\n\n dispatch(clearAppData());\n\n /*\n Using react-router-dom methods in the past caused some issues with redirects.\n The code block below can be very \"fragile\", so in case changes are needed there, handle with care.\n */\n history.push('/login', {\n // set the state in history to track the originally intended destination (URL)\n from: history.location.pathname,\n search: history.location.search,\n });\n }\n }, [dispatch, error, history]);\n\n if (isAuthPending) return \n
\n \n
\n ))}\n \n
\n {type.label}
\n{type.description()}
\n\n
\n \n
\n Manage Settings
\nView and update account settings, custom fields, users, and permissions. Only Administrators will have this permission.
\n\n {hasOriginalValues && (\n \n Delete Permission Group\n \n )}\n
\n \n {naturalSort(highlightedPhases, ['startDate', 'endDate', 'name']).map((phase) => {\n const phaseObj = phases.find(p => p.id === phase.id);\n const { id, name, startDate, endDate, subPhases } = phaseObj;\n return (\n
\n );\n}\n\nPhasePopper.propTypes = {\n phases: PropTypes.array.isRequired,\n highlightedPhases: PropTypes.array.isRequired,\n};\n\nexport default PhasePopper;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { ClickAwayListener, Popper } from '@material-ui/core';\nimport { SelectPhase } from '.';\nimport { parsePhases } from './utils/phaseUtils';\n\nexport class SelectPhaseMenu extends PureComponent {\n static propTypes = {\n anchorEl: PropTypes.object,\n open: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n phases: PropTypes.array.isRequired,\n selectedPhases: PropTypes.array.isRequired,\n onSelect: PropTypes.func.isRequired,\n placement: PropTypes.string,\n };\n\n static defaultProps = {\n anchorEl: null,\n placement: 'top-start',\n };\n\n constructor(props) {\n super(props);\n\n const { phases, selectedPhases } = props;\n\n this.state = {\n parsedPhases: parsePhases(phases, selectedPhases),\n allPhasesUsed: this.allPhasesSelected(phases, selectedPhases),\n allPhasesSelected: this.allPhasesSelected,\n };\n }\n\n static getDerivedStateFromProps(nextProps, state) {\n const { phases, selectedPhases } = nextProps;\n const { allPhasesSelected } = state;\n return {\n parsedPhases: parsePhases(phases, selectedPhases),\n allPhasesUsed: allPhasesSelected(phases, selectedPhases),\n };\n }\n\n allPhasesSelected = (phases, selectedPhases) => {\n if (phases.length !== selectedPhases.length) {\n return false;\n }\n\n const incomplete = phases.filter((phase) => {\n const selected = selectedPhases.find(p => p.id === phase.id);\n return phase.subPhases.length !== selected.subPhases.length;\n });\n\n return incomplete.length === 0;\n }\n\n onClickAway = (evt) => {\n const { onClose } = this.props;\n const targetClass = evt.target.className;\n if (typeof targetClass === 'string' && (targetClass.includes('subphase-select') || targetClass.includes('phases-select-menu'))) return;\n onClose();\n }\n\n render() {\n const {\n anchorEl,\n open,\n onSelect,\n placement,\n } = this.props;\n\n const {\n parsedPhases,\n allPhasesUsed,\n } = this.state;\n\n return (\n \n
\n );\n })}\n {name}
\n{`${moment(startDate).format(DATE_DISPLAY_FORMAT)} - ${moment(endDate).format(DATE_DISPLAY_FORMAT)}`}
\n {subPhases && subPhases.length > 0 ? pluralize('Sub-phase', subPhases.length, true) : ''}
\n \n\n { !parsedPhases.length && (\n
\n \n
\n )}\n\n {allPhasesUsed && parsedPhases.length > 0 && (\n No phases have been created on your account
\n\n
\n )}\n\n { parsedPhases.length > 0 && !allPhasesUsed && (\n <>\n {parsedPhases.map(phase => (\n All phases have been set up on this project
\n{phase.name}
\n \n );\n }\n\n return (\n \n \n
\n {phase.name}
\n \n \n \n
\n \n \n );\n}\n\nSelectPhase.propTypes = {\n phase: PropTypes.object.isRequired,\n onSelect: PropTypes.func.isRequired,\n};\n\nexport default SelectPhase;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n ClickAwayListener,\n Paper,\n List,\n ListItem,\n ListItemText,\n ListItemIcon,\n Checkbox,\n Divider,\n Radio,\n} from '@material-ui/core';\nimport { ArrowDropDown, ArrowDropUp } from '@material-ui/icons';\nimport { CustomPopper } from 'src/features/wrapped-components';\nimport { buildRolePhaseData } from 'src/features/allocations/utils/roleRequirementUtils';\nimport { stringToMoment } from 'src/utils/dateUtils';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport { getQuickOptionLabel } from './utils/phaseUtils';\n\nexport const RolePhaseSelector = ({\n selectedProject,\n updateRole,\n selectedRole,\n manualChange,\n onPhaseSelect,\n className,\n allocatedPercent,\n parentName,\n defaultPhases,\n}) => {\n const isSameDates = useMemo(() => {\n const projectStart = stringToMoment(selectedProject.startDate);\n const projectEnd = stringToMoment(selectedProject.endDate);\n const roleStart = stringToMoment(selectedRole.startDate);\n const roleEnd = stringToMoment(selectedRole.endDate);\n\n return roleStart.isSame(projectStart) && roleEnd.isSame(projectEnd);\n }, [selectedRole.startDate, selectedRole.endDate, selectedProject.startDate, selectedProject.endDate]);\n\n const [popperOpen, setPopperOpen] = useState(false);\n const [label, setLabel] = useState(getQuickOptionLabel(defaultPhases, isSameDates));\n const [anchorEl, setAnchorEl] = useState(null);\n const [checked, setChecked] = useState(defaultPhases.map(({ id }) => id));\n const [entireProjectChecked, setEntireProjectChecked] = useState(isSameDates && !defaultPhases?.length);\n\n const sortedPhases = useMemo(() => naturalSort(selectedProject.phases, ['startDate', 'endDate', 'name']), [selectedProject.phases]);\n\n useEffect(() => {\n if (manualChange) {\n if (isSameDates) {\n setEntireProjectChecked(true);\n } else if (checked.length || entireProjectChecked) {\n setLabel('Custom');\n setChecked([]);\n setEntireProjectChecked(false);\n }\n }\n }, [\n manualChange,\n isSameDates,\n checked.length,\n entireProjectChecked,\n ]);\n\n useEffect(() => {\n if (entireProjectChecked) {\n setChecked([]);\n setLabel('Entire project');\n }\n }, [entireProjectChecked]);\n\n const onClick = (evt) => {\n setPopperOpen(true);\n setAnchorEl(evt.currentTarget);\n };\n\n const onClickAway = () => {\n setPopperOpen(false);\n\n const phaseNames = selectedProject.phases\n ? selectedProject.phases.reduce((phaseAcc, phase) => {\n if (checked.includes(phase.id)) {\n phaseAcc.push(phase.name);\n }\n return phaseAcc;\n }, [])\n : [];\n\n // Mixpanel - track quick option interactions\n const mixPanelData = {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Role name': selectedRole.name,\n 'Interacted from': parentName,\n '# of phases selected': checked.length,\n 'Phase name(s) selected': phaseNames,\n 'Entire project selected': entireProjectChecked,\n };\n window.mixpanel.track('Quick option interactions', mixPanelData);\n };\n\n const handleToggle = value => () => {\n const currentIndex = checked.indexOf(value);\n const newChecked = [...checked];\n\n if (currentIndex === -1) {\n newChecked.push(value);\n } else {\n newChecked.splice(currentIndex, 1);\n }\n\n const selectedPhases = sortedPhases.filter(phase => newChecked.includes(phase.id));\n let roleData = buildRolePhaseData(selectedPhases, selectedRole);\n\n if (!roleData) return;\n\n if (newChecked.length) {\n const newLabel = getQuickOptionLabel(selectedPhases);\n setLabel(newLabel);\n }\n\n if (!newChecked.length && !manualChange) {\n const { startDate, endDate } = selectedProject;\n roleData = {\n startDate,\n endDate,\n requirements: [\n {\n startDate,\n endDate,\n allocatedPercent,\n },\n ],\n };\n setEntireProjectChecked(true);\n }\n updateRole(selectedRole.rowId, roleData);\n setChecked(newChecked);\n if (entireProjectChecked) setEntireProjectChecked(false);\n onPhaseSelect();\n };\n\n const selectEntireProject = () => {\n const { startDate, endDate } = selectedProject;\n setEntireProjectChecked(true);\n updateRole(selectedRole.rowId, {\n startDate,\n endDate,\n requirements: [{ startDate, endDate, allocatedPercent }],\n selectedPhases: [],\n });\n };\n\n const renderPhaseList = () => (\n sortedPhases.map((phase) => {\n const labelId = `checkbox-list-label-${phase.id}`;\n return (\n {phase.name}
\n \n {phase.subPhases.map(sub => (\n {sub.name}
\n \n ))}\n \n \n {label}\n { popperOpen ?
\n { popperOpen && (\n - \n
\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, projects, table, accountSettings, queries, login }) {\n const { accountId, projectSidePanelOpen } = common;\n const { filteredProjects: filteredProjectsQueries } = queries;\n const { projectSelections, projectCount } = projects;\n const { visibleColumns } = table;\n const { permissions } = login.userInfo;\n\n return {\n accountId,\n projects,\n visibleColumns,\n accountSettings,\n queries: filteredProjectsQueries,\n selectedProject: projectSelections[PROJECT_LIST_SELECTION_ID],\n projectCount,\n permissions,\n projectSidePanelOpen,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n refreshProjectAllocations: bindActionCreators(refreshProjectAllocations, dispatch),\n getProjectById: bindActionCreators(getProjectById, dispatch),\n clearProjectSelection: bindActionCreators(clearProjectSelection, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(ProjectList));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport { Add } from '@material-ui/icons';\nimport moment from 'moment';\nimport { validateBasicInputs } from 'src/utils/validators';\nimport { apiFormatPhoneNumber } from 'src/utils/miscUtils';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { DEFAULT_PROJECT_COLOUR } from 'src/features/common/redux/constants';\nimport { getColorType } from './utils/projectUtils';\nimport { FloatingActionButton, ValidatedForm, Can, EditControls } from '../wrapped-components';\nimport { Modal, Confirm } from '../common';\nimport {\n DATE_INPUT_FORMAT,\n FIELD_TYPE_PHONE,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n FIELD_TYPE_PHONE_E164,\n} from '../../common/constants';\nimport { AddPhasesModal } from '.';\nimport { addProject, dismissAddProjectError } from './redux/actions';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { formatPhoneNumberInput } from '../../utils/phoneNumberUtils';\nimport { WIN_PERCENT, WIN_PERCENT_STEP, WIN_PERCENT_LABEL, OPPORTUNITY } from './constants';\n\nexport class AddProjectModal extends Component {\n static propTypes = {\n addProject: PropTypes.func.isRequired,\n dismissAddProjectError: PropTypes.func.isRequired,\n addProjectError: PropTypes.object,\n accountId: PropTypes.number.isRequired,\n projectFields: PropTypes.arrayOf(PropTypes.object).isRequired,\n projects: PropTypes.arrayOf(PropTypes.object).isRequired,\n addProjectPending: PropTypes.bool.isRequired,\n phases: PropTypes.array.isRequired,\n requiredInputs: PropTypes.arrayOf(PropTypes.object),\n optionalInputs: PropTypes.arrayOf(PropTypes.object),\n dateInputs: PropTypes.arrayOf(PropTypes.object),\n defaultPhases: PropTypes.arrayOf(PropTypes.object),\n accountColors: PropTypes.array,\n defaultProjectColors: PropTypes.array,\n accountModules: PropTypes.arrayOf(PropTypes.object).isRequired,\n modalOrigin: PropTypes.string,\n redirectToProject: PropTypes.func,\n winPercentageFlag: PropTypes.bool.isRequired,\n };\n\n static defaultProps = {\n addProjectError: null,\n requiredInputs: [],\n optionalInputs: [],\n dateInputs: [],\n defaultPhases: [],\n accountColors: [],\n defaultProjectColors: [],\n modalOrigin: '',\n redirectToProject: () => {},\n }\n\n static getDerivedStateFromProps(nextProps, state) {\n const { addProjectPending, defaultPhases } = nextProps;\n const open = state.addProjectPending && !addProjectPending ? false : state.open;\n return {\n open,\n addProjectPending,\n defaultPhases,\n selectedPhases: defaultPhases.length && !state.defaultPhases.length ? defaultPhases : state.selectedPhases,\n };\n }\n\n state = {\n open: false,\n isValid: false,\n values: {},\n phaseValues: {},\n nextPageIsActive: false,\n requiredInputs: [],\n optionalInputs: [],\n dateInputs: [],\n selectedPhases: [],\n defaultPhases: [],\n addProjectPending: false,\n }\n\n componentDidMount() {\n const { defaultPhases } = this.props;\n this.setState({\n selectedPhases: defaultPhases,\n });\n }\n\n getNewInput = (input) => {\n const { values } = this.state;\n const newInput = { ...input };\n newInput.value = values[newInput.name] || null;\n return newInput;\n }\n\n assignValues = () => {\n const { requiredInputs, optionalInputs, dateInputs, accountModules } = this.props;\n\n const newRequiredInputs = requiredInputs.reduce((acc, curr) => {\n if (hasModuleEnabled(accountModules, curr?.module)) {\n acc.push(this.getNewInput(curr));\n }\n return acc;\n }, []);\n\n const newOptionalInputs = optionalInputs.map(input => this.getNewInput(input));\n\n const newDateInputs = dateInputs.map(input => this.getNewInput(input));\n\n this.setState({\n requiredInputs: newRequiredInputs,\n optionalInputs: newOptionalInputs,\n dateInputs: newDateInputs,\n });\n }\n\n toggle = () => {\n const { nextPageIsActive } = this.state;\n\n if (nextPageIsActive) {\n this.assignValues();\n this.setState({ nextPageIsActive: false });\n } else {\n this.toggleModal();\n }\n }\n\n toggleModal = () => {\n const { open } = this.state;\n\n this.setState({\n open: !open,\n isValid: false,\n nextPageIsActive: false,\n values: {\n Color: DEFAULT_PROJECT_COLOUR,\n },\n phaseValues: {},\n }, () => {\n this.assignValues();\n });\n }\n\n clickNext = () => {\n this.setState({ nextPageIsActive: true });\n }\n\n addProject = () => {\n const {\n addProject,\n accountId,\n projectFields,\n addProjectPending,\n phases,\n accountColors,\n defaultProjectColors,\n modalOrigin,\n redirectToProject,\n } = this.props;\n const { values, phaseValues, selectedPhases } = this.state;\n const phaseData = [];\n const fields = [];\n\n if (addProjectPending) return;\n\n if (phases.length) {\n selectedPhases.forEach((phase) => {\n const phaseStartDate = phaseValues[`Start date-${phase.id}`];\n const phaseEndDate = phaseValues[`End date-${phase.id}`];\n\n if (!phaseStartDate || !phaseEndDate) return;\n\n const phaseObj = {\n id: phase.id,\n name: phase.name,\n startDate: moment(phaseStartDate).format(DATE_INPUT_FORMAT),\n endDate: moment(phaseEndDate).format(DATE_INPUT_FORMAT),\n subPhases: [],\n };\n\n phase.subPhases.forEach((sub) => {\n const subStartDate = phaseValues[`Start date-${sub.id}`];\n const subEndDate = phaseValues[`End date-${sub.id}`];\n\n if (!subStartDate || !subEndDate) return;\n\n phaseObj.subPhases.push({\n id: sub.id,\n name: sub.name,\n startDate: moment(subStartDate).format(DATE_INPUT_FORMAT),\n endDate: moment(subEndDate).format(DATE_INPUT_FORMAT),\n });\n });\n\n phaseData.push(phaseObj);\n });\n }\n\n Object.keys(values).filter(v => Number(v)).forEach((key) => {\n if (values[key]) {\n const fieldId = Number(key);\n const { name, type, isPrivate } = projectFields.find(f => f.id === fieldId);\n const field = { fieldId, name, type, isPrivate };\n if (Array.isArray(values[key])) {\n field.values = values[key];\n } else if (type === 'Date') {\n const dateString = values[key].toJSON().split('T')[0];\n field.values = [dateString];\n } else if (type === FIELD_TYPE_PHONE) {\n field.values = [apiFormatPhoneNumber(values[key])];\n } else if (type === FIELD_TYPE_PHONE_E164) {\n field.values = [formatPhoneNumberInput(values[key])];\n } else {\n field.values = [values[key]];\n }\n\n fields.push(field);\n }\n });\n\n const data = {\n name: values.Name,\n colour: values.Color,\n startDate: moment(values['Start date']).format(DATE_INPUT_FORMAT),\n endDate: moment(values['End date']).format(DATE_INPUT_FORMAT),\n type: values.Type,\n winPercent: values.winPercent,\n fields,\n };\n\n const colorType = getColorType(defaultProjectColors, accountColors, values.Color);\n\n const analyticsPayload = {\n name: data.name,\n phaseDataLength: phaseData.length,\n colour: data.colour,\n colorType,\n type: data.type,\n winPercent: data.winPercent,\n modalOrigin,\n };\n\n addProject(accountId, data, phaseData, analyticsPayload, (project) => {\n const { name, id, type, state: status } = project;\n const mixpanelData = {\n name,\n id,\n type,\n status,\n };\n\n redirectToProject(null, mixpanelData);\n });\n }\n\n validate = (changedValues) => {\n const { projects, phases } = this.props;\n const { requiredInputs, optionalInputs, dateInputs, nextPageIsActive, values } = this.state;\n const newValues = { ...values, ...changedValues };\n const projectNames = projects.map(project => project.name);\n const inputsToValidate =\n !phases.length || nextPageIsActive\n ? [...requiredInputs, ...optionalInputs, ...dateInputs]\n : [...requiredInputs, ...optionalInputs];\n const errors = validateBasicInputs(inputsToValidate, newValues);\n\n const startDate = newValues['Start date'];\n const endDate = newValues['End date'];\n if (moment(startDate).isBefore(MIN_API_CONFIGURABLE_DATE) || moment(endDate).isBefore(MIN_API_CONFIGURABLE_DATE)) {\n errors.minDate = MIN_API_CONFIGURABLE_DATE_MESSAGE;\n }\n if (startDate && endDate && startDate >= endDate) {\n errors['End date'] = 'End date must be later than the Start date';\n }\n\n const projectName = newValues.Name;\n if (projectNames.indexOf(projectName) !== -1) {\n errors.Name = 'Project name must be unique.';\n }\n\n if (Object.keys(errors).length === 0) {\n this.setState({\n isValid: true,\n values: newValues,\n });\n } else {\n this.setState({\n isValid: false,\n });\n }\n\n return errors;\n }\n\n setValid = (isValid) => {\n this.setState({ isValid });\n }\n\n onValueChanged = (name, values) => {\n const { winPercentageFlag } = this.props;\n const { dateInputs, optionalInputs } = this.state;\n\n if (name === 'Start date') {\n const startDate = values['Start date'];\n const startParse = startDate ? moment(startDate).add(1, 'days') : null;\n const newDateInputs = dateInputs.map((i) => {\n const newInput = { ...i };\n if (newInput.name === 'End date') {\n newInput.initDate = startParse;\n newInput.minDate = startParse;\n }\n\n return newInput;\n });\n\n this.setState({\n dateInputs: newDateInputs,\n });\n }\n\n if (name === 'Type' && winPercentageFlag) {\n const winPercentInput = {\n placeholder: 'Enter win %',\n name: WIN_PERCENT,\n type: 'percentage',\n label: WIN_PERCENT_LABEL,\n numStep: WIN_PERCENT_STEP,\n };\n const newOptionalInputs = values?.Type === OPPORTUNITY\n ? [winPercentInput, ...optionalInputs]\n : optionalInputs.filter(({ name }) => name !== WIN_PERCENT);\n this.setState({\n optionalInputs: newOptionalInputs,\n });\n }\n }\n\n updatePhases = (phaseValues, selectedPhases) => {\n this.setState({ phaseValues, selectedPhases });\n }\n\n renderButtons = () => {\n const { addProjectPending, phases } = this.props;\n const { nextPageIsActive, isValid } = this.state;\n\n if (phases.length && !nextPageIsActive) {\n return [\n \n
\n\n {selectedProject && (\n \n
,\n ];\n }\n\n return [\n \n
,\n ];\n }\n\n renderMainPage = () => {\n const { requiredInputs, optionalInputs } = this.state;\n\n return (\n <>\n \n
\n Required Fields
\n \n
\n \n );\n }\n\n renderNextPage = () => {\n const {\n selectedPhases,\n dateInputs,\n values,\n phaseValues,\n } = this.state;\n\n return (\n Other Fields
\n \n \n { nextPageIsActive ? this.renderNextPage() : this.renderMainPage() }\n \n )}\n\n {\n addProjectError?.data?.errorType === 'MissingRequiredField' &&\n (\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ projects, accountSettings, common, accounts, launchDarkly }) {\n const { projectFields, phases, accountModules } = accountSettings;\n const { addProjectPending, projects: projectList, addProjectError, projectDefaults } = projects;\n const { accountId } = common;\n const { accountColors } = accounts;\n const { pursuitsWinPercentage } = launchDarkly;\n\n return {\n addProjectPending,\n phases,\n projectFields,\n projects: projectList,\n accountId,\n addProjectError,\n accountColors,\n defaultProjectColors: projectDefaults?.colors || [],\n accountModules,\n winPercentageFlag: pursuitsWinPercentage,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n addProject: bindActionCreators(addProject, dispatch),\n dismissAddProjectError: bindActionCreators(dismissAddProjectError, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AddProjectModal);\n","import React, { Component, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Paper } from '@material-ui/core';\nimport { connect } from 'react-redux';\nimport deepEqual from 'react-fast-compare';\nimport { bindActionCreators } from 'redux';\nimport { isAuthorized, hasModuleEnabled } from 'src/features/permissions/utils/permissionUtils';\nimport {\n PERM_WRITE,\n PERM_PROJECT,\n PERM_READ,\n PERM_ROLE,\n PERM_ASSIGNMENT,\n} from 'src/features/permissions/utils/constants';\nimport { Can, PermissionTabs } from 'src/features/wrapped-components';\nimport { NavigateBack, w000pureWhite } from '@bridgit/foundation';\nimport {\n ROLES_TAB_VALUE,\n SELF_PERFORM_TAB_VALUE,\n DETAILS_TAB_VALUE,\n DATE_DISPLAY_FORMAT,\n PROJECT_DETAIL_TABS,\n ACCOUNT_MODULE_STANDARD,\n} from 'src/common/constants';\nimport {\n ProjectDateTab,\n ProjectDetailTab,\n ProjectDetailsSideMenu,\n ProjectResourceTab,\n ProjectResourceTabDetail,\n ProjectStatus,\n ProjectSelfPerformTab,\n ProjectMoreActions,\n ProjectTypeEditor,\n} from '.';\nimport {\n addProjectRoles,\n updateProject,\n getProjectById,\n getProjectAllocations,\n} from './redux/actions';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { FieldEditor } from '../common';\nimport { getRoleNames } from '../account-settings/redux/actions';\nimport { PROJECT_LIST_SELECTION_ID } from './redux/constants';\nimport {\n PROJECT_DATES_TAB_CLICKED,\n PROJECT_DETAILS_TAB_CLICKED,\n PROJECT_HOURLY_ASSIGNMENTS_TAB_CLICKED,\n PROJECT_NAME_UPDATED,\n PROJECT_ROLES_TAB_CLICKED,\n} from '../../analytics/projects/constants';\n\nexport class ProjectDetails extends Component {\n static propTypes = {\n className: PropTypes.string,\n accountId: PropTypes.number.isRequired,\n onBackClick: PropTypes.func,\n selectedProject: PropTypes.object.isRequired,\n addProjectRoles: PropTypes.func.isRequired,\n updateProject: PropTypes.func.isRequired,\n projectFields: PropTypes.array.isRequired,\n updateProjectPending: PropTypes.bool.isRequired,\n projects: PropTypes.arrayOf(PropTypes.object).isRequired,\n getFilteredProjectsPending: PropTypes.bool.isRequired,\n showBackButton: PropTypes.bool.isRequired,\n getRoleNames: PropTypes.func.isRequired,\n getProjectById: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n permissions: PropTypes.object.isRequired,\n getProjectAllocations: PropTypes.func.isRequired,\n accountModules: PropTypes.arrayOf(PropTypes.object).isRequired,\n projectSidePanelOpen: PropTypes.bool.isRequired,\n trackAnalytics: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n className: '',\n onBackClick: () => {},\n runsInModal: false,\n };\n\n constructor(props) {\n super(props);\n const {\n selectedProject,\n accountId,\n runsInModal,\n permissions,\n accountModules,\n } = props;\n\n this.scrollRef = createRef();\n this.shrinkRef = createRef();\n\n const rootMargin = runsInModal ? '-100px 0px 0px 0px' : '-285px 0px 0px 0px';\n\n this.observer = new IntersectionObserver(\n this.handleScroll,\n {\n root: this.scrollRef.current,\n rootMargin,\n threshold: 1,\n },\n );\n\n const hasRolesPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_ROLE);\n const hasAssignmentPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_ASSIGNMENT);\n const hasStandardModule = hasModuleEnabled(accountModules, ACCOUNT_MODULE_STANDARD);\n let selectedTab;\n\n if (hasRolesPerms && hasStandardModule) {\n selectedTab = ROLES_TAB_VALUE;\n } else if (hasAssignmentPerms) {\n selectedTab = SELF_PERFORM_TAB_VALUE;\n } else {\n selectedTab = DETAILS_TAB_VALUE;\n }\n\n this.state = {\n selectedTab,\n editing: null,\n projectColor: selectedProject ? selectedProject.colour : w000pureWhite,\n scrolled: false,\n };\n }\n\n componentDidMount() {\n const { accountId, getRoleNames } = this.props;\n\n this.observer.observe(this.shrinkRef.current);\n\n getRoleNames(accountId);\n }\n\n componentDidUpdate = (prevProps) => {\n const {\n accountId,\n permissions,\n getProjectById,\n selectedProject,\n updateProjectPending,\n getFilteredProjectsPending,\n getProjectAllocations,\n } = this.props;\n\n const projectChanged = !deepEqual(prevProps.selectedProject, selectedProject);\n const fieldsChange = (prevProps.getFilteredProjectsPending && !getFilteredProjectsPending);\n\n if (fieldsChange || projectChanged) {\n this.updateProjectState({\n projectColor: selectedProject ? selectedProject.colour : w000pureWhite,\n });\n }\n\n // Reload role data when project is updated\n if (prevProps.updateProjectPending && !updateProjectPending) {\n getProjectById(accountId, selectedProject.id, PROJECT_LIST_SELECTION_ID, false, permissions);\n getProjectAllocations(accountId, selectedProject.id);\n }\n }\n\n componentWillUnmount() {\n this.observer.unobserve(this.shrinkRef.current);\n }\n\n updateProjectState = newState => this.setState(newState);\n\n handleScroll = (entries) => {\n const { editing } = this.state;\n const scrolled = !entries[0].isIntersecting;\n this.setState({\n scrolled,\n editing: scrolled ? false : editing,\n });\n };\n\n fieldToEdit = field => this.setState({ editing: field });\n\n onNameUpdate = (name) => {\n this.updateProject({ name: name.values[0] });\n this.setState({\n editing: null,\n });\n }\n\n onValidate = (name) => {\n const { projects, selectedProject } = this.props;\n const foundProject = projects.find(project => project.id !== selectedProject.id && project.name.toLowerCase() === name.toLowerCase());\n return foundProject ? { name: 'Project name must be unique' } : {};\n }\n\n updateProject = (values) => {\n const { accountId, updateProject, selectedProject, runsInModal, trackAnalytics } = this.props;\n const origin = `Project Details${runsInModal ? ' Modal' : ''}`;\n updateProject(accountId, selectedProject.id, values);\n\n const analyticsPayload = {\n 'Project name updated to': values.name,\n 'Project name updated from': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project is updated from': origin,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n };\n\n trackAnalytics(PROJECT_NAME_UPDATED, analyticsPayload);\n }\n\n handleChange = (event, value) => {\n const { selectedProject, runsInModal, trackAnalytics } = this.props;\n const clickedFrom = runsInModal ? 'Project Details Modal' : 'Project List';\n\n const trackInfo = {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Clicked from': clickedFrom,\n };\n\n const trackMessage = {\n 0: PROJECT_ROLES_TAB_CLICKED,\n 1: PROJECT_HOURLY_ASSIGNMENTS_TAB_CLICKED,\n 2: PROJECT_DETAILS_TAB_CLICKED,\n 3: PROJECT_DATES_TAB_CLICKED,\n };\n\n trackAnalytics(trackMessage[value], trackInfo);\n\n this.scrollRef.current.scrollTo(0, 0);\n\n this.setState({\n selectedTab: value,\n });\n };\n\n Content = () => {\n const { selectedProject, projectFields, addProjectRoles, runsInModal } = this.props;\n const { selectedTab, editing, projectColor } = this.state;\n const parentName = `Project Details${runsInModal ? ' Modal' : ''}`;\n switch (selectedTab) {\n case 0:\n return (\n You are unable to add this project to your account due to a required, private field that you do not have access to.
\n \n )\n }\n\n
\n );\n case 1:\n return (\n \n
\n )}\n \n
\n \n { !runsInModal && \n
\n \n \n
\n \n
\n \n
\n { !editing &&\n (\n \n
\n \n
\n \n \n {statusText}\n
\n )}\n />\n \n
\n )}\n {dateRange}
\n\n
\n
\n \n
\n
\n \n \n {fields.map((field) => {\n const checked = field.type === 'Boolean' && field.value && field.value.toString().toLowerCase() === 'true';\n const input = inputs.find(i => parseInt(i.name, 10) === field.id);\n\n return (\n
\n );\n }\n}\n\nconst mapStateToProps = ({ projects, common, accounts, wrappedComponents, accountSettings, launchDarkly }) => {\n const { updateProjectFieldValuePending, updateProjectPending, projectDefaults } = projects;\n const { accountId } = common;\n const { accountColors } = accounts;\n const { placeSuggestions: { isAddressSuggestionSelected } } = wrappedComponents;\n const { accountModules } = accountSettings;\n const { pursuitsWinPercentage } = launchDarkly;\n\n const hasPursuitsModuleEnabled = hasModuleEnabled(accountModules, ACCOUNT_MODULE_PURSUIT_TRACKING);\n\n return {\n updateProjectFieldValuePending,\n updateProjectPending,\n accountId,\n accountColors,\n defaultProjectColors: projectDefaults?.colors || [],\n isAddressSuggestionSelected,\n hasPursuitsModuleEnabled,\n winPercentageFlag: pursuitsWinPercentage,\n };\n};\n\nconst mapDispatchToProps = dispatch => ({\n updateProjectFieldValue: bindActionCreators(updateProjectFieldValue, dispatch),\n updateProject: bindActionCreators(updateProject, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectDetailTab);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n} from '@material-ui/core';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT, DATE_DISPLAY_FORMAT } from '../../common/constants';\nimport { FullTimeline } from '.';\n\nfunction ProjectResourceTab({ selectedProject }) {\n const startDate = moment(selectedProject.startDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n const endDate = moment(selectedProject.endDate, DATE_INPUT_FORMAT).format(DATE_DISPLAY_FORMAT);\n\n return (\n \n
\n );\n })}\n \n \n Project overview\n \n
\n
\n );\n}\n\nProjectResourceTab.propTypes = {\n selectedProject: PropTypes.object.isRequired,\n};\n\nexport default ProjectResourceTab;\n","import React from 'react';\nimport moment from 'moment';\nimport { SORT_ASC, SORT_DESC, ROLE_STATE_CONTROL_OPTIONS } from 'src/filters/constants';\nimport { stringToMoment, isStringOrMoment, isPast, isCurrent, isUpcoming } from 'src/utils/dateUtils';\nimport { objectIsSegment, trimSegmentsToRange } from 'src/utils/dateSegmentUtils';\nimport { roleIsShrinking, getImpactedPersonId } from 'src/features/allocations/utils/allocationUtils';\nimport {\n DATE_DISPLAY_FORMAT,\n FIELD_TYPE_ADDRESS,\n NOTIFY_MODAL_TIMESTAMP_FORMAT,\n DATE_INPUT_FORMAT,\n} from '../../../common/constants';\nimport { INCLUDE_PROJECT_ADDRESS, INCLUDE_ROLE_NAME } from '../constants';\nimport { ProjectNotifyHeader } from '../index';\n\nconst getRoleSorting = (sort) => {\n const primarySort = sort?.roles?.nested?.structuredSort?.[0];\n const sortKeys = primarySort ? Object.keys(primarySort) : null;\n const sortName = sortKeys?.[0];\n const sortDirection = primarySort?.[sortName]?.order;\n\n return { sortName, sortDirection };\n};\n\nconst getRoleSortClause = (name, direction) => {\n let structuredSort;\n const primaryOrder = direction === SORT_DESC ? SORT_DESC : SORT_ASC;\n\n if (name === 'startDate') {\n structuredSort = [\n { startDate: { order: primaryOrder } },\n { endDate: { order: SORT_ASC } },\n { sortOrder: { order: SORT_ASC } },\n ];\n } else {\n structuredSort = [\n { sortOrder: { order: primaryOrder } },\n { startDate: { order: SORT_ASC } },\n { endDate: { order: SORT_ASC } },\n ];\n }\n\n return {\n roles: {\n nested: {\n path: 'roles',\n structuredSort,\n },\n },\n };\n};\n\n/*\n Verify that a given role is valid. The role start and end date must be in the\n correct order and fall within the boundaries of the parent project. The role\n must have requirements, and at least one requirement segment must have a non-zero\n allocatedPercent value.\n*/\nfunction validateRoleUpdate(project, updatedRole) {\n const roleStart = stringToMoment(updatedRole?.startDate);\n const roleEnd = stringToMoment(updatedRole?.endDate);\n const projectStart = stringToMoment(project?.startDate);\n const projectEnd = stringToMoment(project?.endDate);\n\n // Role and project must have valid start and end dates\n if (!(roleStart.isValid() && roleEnd.isValid() && projectStart.isValid() && projectEnd.isValid())) return false;\n\n // Role must have valid requirements\n if (!updatedRole?.requirements?.every(req => objectIsSegment(req))) return false;\n\n const { requirements } = updatedRole;\n\n // Role start must be between project start and role end date\n if (!moment(roleStart).isBetween(projectStart, roleEnd, null, '[]')) {\n return false;\n }\n\n // Role end date must be between role start and project end date\n if (!moment(roleEnd).isBetween(roleStart, projectEnd, null, '[]')) {\n return false;\n }\n\n // There must be non-zero requirements\n if (requirements.every(req => req.allocatedPercent === 0)) return false;\n\n // Requirement percentages must between 0 and 100\n if (requirements.some(req => req.allocatedPercent < 0 || req.allocatedPercent > 100)) return false;\n\n return true;\n}\n\nfunction confirmRoleUpdate(newStartDate, newEndDate, existingRole, allocations = [], callbacks) {\n const { saveChange, cancelChange, requestConfirmation } = callbacks;\n\n if (!(\n isStringOrMoment(newStartDate) &&\n isStringOrMoment(newEndDate) &&\n isStringOrMoment(existingRole?.startDate) &&\n isStringOrMoment(existingRole?.endDate) &&\n typeof saveChange === 'function' &&\n typeof cancelChange === 'function' &&\n typeof requestConfirmation === 'function'\n )) return;\n\n const newStart = stringToMoment(newStartDate);\n const newEnd = stringToMoment(newEndDate);\n const existingStart = stringToMoment(existingRole.startDate);\n const existingEnd = stringToMoment(existingRole.endDate);\n\n const roleShrinking = roleIsShrinking(newStart, newEnd, existingRole);\n const personImpactedId = allocations.length ? getImpactedPersonId(allocations, existingRole, newStart) : null;\n\n const trimmedSegments = trimSegmentsToRange(existingRole.requirements, newStart, newEnd);\n const allRequirementsZero = trimmedSegments.every(req => req.allocatedPercent === 0);\n\n if (newStart.isSame(existingStart) && newEnd.isSame(existingEnd)) {\n cancelChange();\n } else if (\n (allocations.length && !roleShrinking && personImpactedId) // Existing allocations need to be addressed\n || (roleShrinking && allRequirementsZero) // All requirements will be zero after the update\n ) {\n requestConfirmation();\n } else {\n saveChange();\n }\n}\n\nconst getRoleRecipients = (people, allocations) => {\n const peopleOnRole = [];\n\n // collect unique person ids\n allocations.forEach(({ personId, endDate }) => {\n const personMatch = people.find(person => person.id === personId);\n const duplicatePersonId = peopleOnRole.find(person => person.id === personId);\n if (personMatch && !duplicatePersonId && moment().isSameOrBefore(endDate, 'date')) {\n peopleOnRole.push(personMatch);\n }\n });\n\n return peopleOnRole;\n};\n\nconst getRoleRecipientNames = (people, recipientIds) => {\n const names = people.reduce((names, { id, name }) => {\n if (recipientIds.includes(id)) names.push(name);\n\n return names;\n }, []);\n\n return names.join(', ');\n};\n\nconst getCommunicateAssignmentRemovalModalProps = (role, selectedProject, people, allocation) => {\n const { name: roleName, notification } = role;\n const { notifiedOn, recipientIds } = notification;\n const { name: projectName } = selectedProject;\n const { name, startDate, endDate, personId } = allocation;\n\n const recipientNames = getRoleRecipientNames(people, recipientIds);\n const date = moment(notifiedOn).format(NOTIFY_MODAL_TIMESTAMP_FORMAT);\n const address = selectedProject.fields.find(({ name }) => name === FIELD_TYPE_ADDRESS);\n const hasAddress = !!address?.values[0];\n const options = [\n ...(hasAddress ? [{\n label: `Include Project Address: ${address?.values[0]}`,\n value: INCLUDE_PROJECT_ADDRESS,\n }] : []),\n {\n label: `Include Role Name: ${roleName}`,\n value: INCLUDE_ROLE_NAME,\n },\n ];\n const defaultOptions = {\n [INCLUDE_PROJECT_ADDRESS]: hasAddress,\n [INCLUDE_ROLE_NAME]: true,\n };\n const recipient = people.find(({ id }) => id === personId);\n const allocationPeriod = `${moment(startDate).format(DATE_DISPLAY_FORMAT)} - ${moment(endDate).format(DATE_DISPLAY_FORMAT)}`;\n\n return {\n headline: 'Communicate assignment removal',\n standardText: `${name}, you are no longer required on ${projectName} from ${allocationPeriod}.`,\n recipients: [recipient],\n notifyHeader: \n \n
\n );\n};\n\nQuickAddRoleSelector.propTypes = {\n projects: PropTypes.arrayOf(PropTypes.object),\n onSelectItem: PropTypes.func.isRequired,\n projectRoles: PropTypes.arrayOf(PropTypes.object),\n getProjectRolesPending: PropTypes.bool,\n onSave: PropTypes.func.isRequired,\n selectedProject: PropTypes.object.isRequired,\n};\n\nQuickAddRoleSelector.defaultProps = {\n projects: [],\n projectRoles: [],\n getProjectRolesPending: false,\n};\n\nexport default QuickAddRoleSelector;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { ClickAwayListener } from '@material-ui/core';\nimport { Button } from '@bridgit/foundation';\n\nimport { FilterList } from '../filters';\nimport { CustomPopper } from '../wrapped-components';\nimport { trackAnalytics } from '../common/redux/actions';\nimport {\n PROJECT_SINGLE_ROLE_BUTTON_CLICKED,\n PROJECT_SINGLE_ROLE_SELECTED,\n} from '../../analytics/projects/constants';\n\nexport const AddRoleSelector = ({\n onSelectRole,\n project,\n}) => {\n const dispatch = useDispatch();\n\n const { roles = [] } = useSelector(({ accountSettings }) => accountSettings);\n\n const [open, setOpen] = useState(false);\n\n const buttonRef = useRef(null);\n\n const toggleOpen = () => {\n if (!open) {\n const analyticsPayload = {\n 'Project Name': project.name,\n 'Project ID': project.id,\n };\n dispatch(trackAnalytics(PROJECT_SINGLE_ROLE_BUTTON_CLICKED, analyticsPayload));\n }\n setOpen(!open);\n };\n\n const onSelect = (role) => {\n setOpen(false);\n onSelectRole([role]);\n\n const analyticsPayload = {\n 'Project Name': project.name,\n 'Project ID': project.id,\n 'Role Name': role.name,\n };\n dispatch(trackAnalytics(PROJECT_SINGLE_ROLE_SELECTED, analyticsPayload));\n };\n\n return (\n \n \n Add\n \n {open && (\n \n \n \n \n )}\n
\n );\n};\n\nAddRoleSelector.propTypes = {\n onSelectRole: PropTypes.func.isRequired,\n project: PropTypes.object.isRequired,\n};\n\nexport default AddRoleSelector;\n","import React, { useState, useCallback, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { MoreHoriz, Close, NoteAddOutlined } from '@material-ui/icons';\nimport {\n IconButton,\n Input,\n TableCell,\n TableRow,\n Tooltip,\n Collapse,\n SvgIcon,\n} from '@material-ui/core';\nimport { trackAnalytics } from 'src/features/common/redux/actions';\nimport { COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT } from 'src/features/common/redux/constants';\nimport { PROJECT_DUPLICATE_ROLE_SETUP } from 'src/analytics/projects/constants';\nimport { CancelButton, DatePicker } from '../common';\nimport { NumberInput } from '../wrapped-components';\nimport { ProjectRoleEditor, RoleNoteField } from '.';\nimport { RolePhaseSelector } from '../phases';\nimport { DATE_INPUT_FORMAT, BASE_COLUMN_COUNT, PROJECT_VIEW } from '../../common/constants';\nimport { AUTOMATION_ROLE_START_DATE_PREFIX, AUTOMATION_ROLE_END_DATE_PREFIX } from './ids';\nimport ContentCopyIcon from '../../images/content_copy.svg';\n\nexport const AddProjectRoleRow = ({\n selectedRole,\n selectedProject,\n onRoleTypeUpdate,\n updateRole,\n clearRequirements,\n onShowModal,\n removeResource,\n startDate,\n endDate,\n parentName,\n copyRole,\n roleNote,\n selectedPhases,\n}) => {\n const dispatch = useDispatch();\n\n const { activeView, multiStateModal: { activeView: modalActiveView } } = useSelector(({ common }) => common);\n const [showNote, setShowNote] = useState(!!roleNote);\n const [note, setNote] = useState(roleNote || '');\n const [manualChange, setManualChange] = useState(false);\n\n const displayNote = () => setShowNote(true);\n\n const clearNote = useCallback(() => {\n setNote('');\n setShowNote(false);\n }, [setNote]);\n\n const onNoteChange = useCallback((evt) => {\n setNote(evt.target.value);\n }, [setNote]);\n\n const onPhaseSelect = useCallback(() => {\n setManualChange(false);\n }, []);\n\n const hasPhases = selectedProject?.phases?.length > 0;\n\n const onBlur = useCallback(() => {\n updateRole(selectedRole.rowId, { note });\n }, [updateRole, selectedRole.rowId, note]);\n\n const onNameChange = useCallback((roleId) => {\n onRoleTypeUpdate(selectedRole.rowId, roleId);\n }, [onRoleTypeUpdate, selectedRole.rowId]);\n\n const onStartChange = useCallback((date) => {\n updateRole(selectedRole.rowId, { startDate: date });\n setManualChange(true);\n }, [updateRole, selectedRole.rowId]);\n\n const onEndChange = useCallback((date) => {\n updateRole(selectedRole.rowId, { endDate: date });\n setManualChange(true);\n }, [updateRole, selectedRole.rowId]);\n\n const onClearRequirements = useCallback(() => {\n clearRequirements(selectedRole.rowId);\n setManualChange(true);\n }, [clearRequirements, selectedRole.rowId]);\n\n const onPercentageChange = useCallback((newValue) => {\n const { requirements } = selectedRole;\n updateRole(selectedRole.rowId, {\n requirements: [{\n startDate: requirements[0].startDate,\n endDate: requirements[0].endDate,\n allocatedPercent: newValue,\n }],\n });\n }, [updateRole, selectedRole]);\n\n const onCopyRole = useCallback(() => {\n copyRole(selectedRole.rowId);\n\n const viewAddedFrom = () => {\n if (activeView === PROJECT_VIEW) {\n return 'Project Details';\n }\n\n if (modalActiveView === COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT) {\n return 'Project Details Modal';\n }\n\n return null;\n };\n\n const analyticsPayload = {\n 'Project name': selectedProject.name,\n 'Project id': selectedProject.id,\n 'Role name': selectedRole.name,\n 'With note': !!selectedRole.note,\n 'With custom allocation': selectedRole.requirements.length > 1,\n 'Added from': viewAddedFrom(),\n };\n\n dispatch(trackAnalytics(PROJECT_DUPLICATE_ROLE_SETUP, analyticsPayload));\n }, [\n copyRole,\n selectedRole,\n selectedProject,\n activeView,\n dispatch,\n modalActiveView,\n ]);\n\n const onRemoveRole = useCallback(() => {\n removeResource(selectedRole.rowId);\n }, [removeResource, selectedRole.rowId]);\n\n const requirementsDisabled = moment(selectedRole.startDate).isAfter(selectedRole.endDate)\n || moment(selectedRole.endDate).isBefore(selectedRole.startDate);\n\n const colSpan = hasPhases ? BASE_COLUMN_COUNT + 1 : BASE_COLUMN_COUNT;\n\n const renderProjectRoleEditor = useMemo(() => (\n \n
\n \n
\n \n
\n \n {selectedRole.requirements.length > 1 && (\n \n \n \n \n
\n \n
\n )}\n {selectedRole?.requirements?.length === 1 && (\n \n \n \n \n \n \n \n \n \n
\n \n
\n Note:
\n\n \n \n \n Roles \n Note \n { hasPhases && (\n Quick Options \n )}\n Start date \n End date \n Allocation % \n \n \n \n {newProjectRoles.map(res => (\n \n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nconst mapStateToProps = ({ projects, accountSettings }) => {\n const {\n addProjectRolesPending,\n getProjectRolesPending,\n projectRoles,\n } = projects;\n const { roles } = accountSettings;\n\n return {\n addProjectRolesPending,\n getProjectRolesPending,\n roles,\n projectRoles,\n };\n};\n\nexport default connect(\n mapStateToProps,\n)(EditProjectRoles);\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { PopperButton, SearchList } from '@bridgit/foundation';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport { PERM_ACCOUNT, PERM_WRITE } from '../permissions/utils/constants';\nimport { isAuthorized } from '../permissions/utils/permissionUtils';\nimport { naturalSort } from '../../utils/sortUtils';\nimport { aggregateRoleTemplateList } from './utils/projectUtils';\nimport { trackAnalytics } from '../common/redux/actions';\nimport {\n PROJECT_ROLE_TEMPLATE_BUTTON_CLICKED,\n PROJECT_ADD_ROLES_TEMPLATE_USED,\n} from '../../analytics/projects/constants';\n\nconst popperModifiers = {\n preventOverflow: {\n enabled: false,\n },\n flip: {\n enabled: false,\n },\n};\n\nexport const RoleTemplateSelector = ({\n onSave,\n selectedProject,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { userInfo } = useSelector(({ login }) => login);\n const { roleTemplates } = useSelector(({ accounts }) => accounts);\n\n const [aggregatedRoleList, setAggregatedRoleList] = useState('');\n const [isOpen, setIsOpen] = useState(false);\n const mappedRoleTemplates = useMemo(\n () => roleTemplates.map(roleTemplate => ({ ...roleTemplate, value: roleTemplate.name })),\n [roleTemplates],\n );\n\n const isAuth = useMemo(() => isAuthorized(accountId, userInfo.permissions, PERM_WRITE, PERM_ACCOUNT), [accountId, userInfo]);\n const isDisabled = useMemo(() => !roleTemplates?.length && !isAuth, [isAuth, roleTemplates?.length]);\n\n const onSelectItem = useCallback(({ data }) => setAggregatedRoleList(aggregateRoleTemplateList(data)), []);\n const onCancel = useCallback(() => {\n setAggregatedRoleList('');\n setIsOpen(false);\n }, []);\n\n const onSaveHandler = useCallback((selectedRoleTemplates) => {\n const transformedRoles = [];\n selectedRoleTemplates.forEach(({ data }) => {\n data.forEach(({ quantity, roleName, percent }) => {\n for (let i = 0; i < quantity; i += 1) {\n transformedRoles.push({\n name: roleName,\n allocatedPercent: percent,\n });\n }\n });\n });\n\n // Use the first element for tracking since the SelectList component returns an array of selections\n const selectedTemplate = selectedRoleTemplates[0];\n\n const analyticsPayload = {\n 'Project id': selectedProject.id,\n 'Project name': selectedProject.name,\n 'Role template id': selectedTemplate.id,\n 'Role template name': selectedTemplate.name,\n 'Count of roles added': transformedRoles.length,\n };\n\n dispatch(trackAnalytics(PROJECT_ADD_ROLES_TEMPLATE_USED, analyticsPayload));\n onSave(naturalSort(transformedRoles, 'name'));\n setIsOpen(false);\n }, [onSave, selectedProject, dispatch]);\n\n const onAddTemplateButtonClick = useCallback(() => {\n setIsOpen(true);\n\n const analyticsPayload = {\n 'Templates exist': !!roleTemplates?.length,\n };\n\n dispatch(trackAnalytics(PROJECT_ROLE_TEMPLATE_BUTTON_CLICKED, analyticsPayload));\n }, [roleTemplates, dispatch]);\n\n const popperBody = useMemo(() => {\n if (!roleTemplates?.length && isAuth) {\n return (\n \n Roles on Project\n
\n \n
\n \n
\n );\n }\n\n return (\n No role templates have been set up for your account.
\n Create a role template\n\n
\n );\n }, [roleTemplates.length, isAuth, mappedRoleTemplates, onSelectItem, aggregatedRoleList, onCancel, onSaveHandler, accountId]);\n\n return (\n \n \n {popperBody}\n \n
\n );\n};\n\nRoleTemplateSelector.propTypes = {\n onSave: PropTypes.func.isRequired,\n selectedProject: PropTypes.object.isRequired,\n};\n\nexport default RoleTemplateSelector;\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useSelector, useDispatch } from 'react-redux';\nimport {\n ClickAwayListener,\n CircularProgress,\n} from '@material-ui/core';\nimport {\n ArrowUpward,\n ArrowDownward,\n} from '@material-ui/icons';\nimport { SORT_ASC, SORT_DESC, ROLE_STATE_CONTROL_OPTIONS } from 'src/filters/constants';\nimport { LocalStorageKeys } from 'src/common/localStorageKeys';\nimport { AllocationIssuePopper } from 'src/features/allocations';\nimport { PERM_WRITE, PERM_ROLE } from 'src/features/permissions/utils/constants';\nimport { RadioChipForm } from '@bridgit/foundation';\nimport { isCurrent } from 'src/utils/dateUtils';\nimport {\n DEFAULT_PROJECT_ROLE_SORT,\n PROJECT_LIST_SELECTION_ID,\n} from './redux/constants';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport {\n getProjectById,\n updateProjectRoleAllocation,\n deleteProjectAllocation,\n} from './redux/actions';\nimport {\n getRoleSorting,\n getRoleSortClause,\n getFilteredRoles,\n} from './utils/projectRolesUtils';\nimport { getPersonAllocationsByDate } from '../people/redux/actions';\nimport { getValidatedLocalStorage } from '../../utils/validators';\nimport {\n ProjectRole,\n AddRoleSelector,\n QuickAddRoleSelector,\n} from '.';\nimport { Can } from '../wrapped-components';\nimport emptyImage from '../../images/role_setup_empty.svg?url';\nimport { RoleTemplateSelector } from './RoleTemplateSelector';\nimport {\n PROJECT_VIEW_ROLES_SORTED,\n PROJECT_ROLE_STATUS_FILTER_REMOVED,\n PROJECT_ROLE_STATUS_FILTER_ADDED,\n} from '../../analytics/projects/constants';\n\nexport const AssignProjectRoles = ({\n selectedProject,\n toggleEdit,\n loading,\n runsInModal,\n onSelectItem,\n projectsData,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const {\n getPersonAllocationsByDatePending,\n deleteProjectAllocationPending,\n addProjectRolesPending,\n personAllocationsByDate,\n deleteProjectRolePending,\n } = useSelector(({ people }) => people);\n const { getProjectRolesPending, projectRoles } = useSelector(({ projects }) => projects);\n\n const permissions = useSelector(({ login }) => {\n const { userInfo: { permissions } } = login;\n\n return permissions;\n });\n\n const modalId = useSelector(({ modalManager }) => {\n const { activeModal } = modalManager;\n\n return activeModal ? MULTI_STATE_MODAL_ID : PROJECT_LIST_SELECTION_ID;\n });\n\n const storageSort = getValidatedLocalStorage(LocalStorageKeys.projectRoleSort);\n const roleSort = storageSort || DEFAULT_PROJECT_ROLE_SORT;\n const { sortName: initialSortName, sortDirection: initialSortDirection } = getRoleSorting(roleSort);\n\n const [anchorEl, setAnchorEl] = useState(null);\n const [popperOpen, setPopperOpen] = useState(false);\n const [personIssueAllocations, setPersonIssueAllocations] = useState([]);\n const [personIssueId, setPersonIssueId] = useState(null);\n const [editingRole, setEditingRole] = useState(false);\n const [sortName, setSortName] = useState(initialSortName);\n const [sortDirection, setSortDirection] = useState(initialSortDirection);\n const [roleStateFilters, setRoleStateFilters] = useState(getValidatedLocalStorage(LocalStorageKeys.projectRoleStateFilters) || []);\n const [filteredRoles, setFilteredRoles] = useState(getFilteredRoles(selectedProject, roleStateFilters));\n\n useEffect(() => {\n if (!getPersonAllocationsByDatePending) {\n setPersonIssueAllocations(personAllocationsByDate[personIssueId]);\n }\n }, [getPersonAllocationsByDatePending, personAllocationsByDate, personIssueId]);\n\n useEffect(() => {\n if (!deleteProjectAllocationPending) {\n const storageSort = getValidatedLocalStorage(LocalStorageKeys.projectRoleSort);\n const roleSort = storageSort || DEFAULT_PROJECT_ROLE_SORT;\n const { sortName, sortDirection } = getRoleSorting(roleSort);\n\n setEditingRole(false);\n setSortName(sortName);\n setSortDirection(sortDirection);\n }\n }, [selectedProject.id, deleteProjectAllocationPending]);\n\n useEffect(() => {\n setFilteredRoles(getFilteredRoles(selectedProject, roleStateFilters));\n }, [selectedProject.roles, roleStateFilters, selectedProject]);\n\n const setSort = useCallback(column => () => {\n let sort;\n\n if (sortName === column) {\n const newSortDirection = sortDirection === SORT_ASC ? SORT_DESC : SORT_ASC;\n sort = getRoleSortClause(sortName, newSortDirection);\n\n setSortDirection(newSortDirection);\n } else {\n sort = getRoleSortClause(column, SORT_ASC);\n\n setSortName(column);\n setSortDirection(SORT_ASC);\n }\n\n localStorage.setItem(LocalStorageKeys.projectRoleSort, JSON.stringify(sort));\n dispatch(getProjectById(accountId, selectedProject.id, modalId, true, permissions));\n\n const analyticsPayload = {\n 'Sorted by': column === 'startDate' ? 'Start date' : 'Role name',\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n };\n dispatch(trackAnalytics(PROJECT_VIEW_ROLES_SORTED, analyticsPayload));\n }, [accountId, dispatch, modalId, permissions, selectedProject, sortDirection, sortName]);\n\n const openPopper = useCallback((event) => {\n const { currentTarget } = event;\n const { personId, startDate, endDate } = currentTarget.dataset;\n\n dispatch(getPersonAllocationsByDate(accountId, personId, startDate, endDate));\n\n setAnchorEl(currentTarget);\n setPopperOpen(true);\n setPersonIssueId(personId);\n }, [accountId, dispatch]);\n\n const closePopper = () => setPopperOpen(false);\n\n const onEditRoleToggle = useCallback((customEditState = null) => {\n if (customEditState === null) {\n setEditingRole(!editingRole);\n } else {\n setEditingRole(customEditState);\n }\n }, [editingRole]);\n\n const renderAddRolesButtons = useMemo(() => (\n \n
\n \n )}\n />\n ), [getProjectRolesPending, onSelectItem, projectRoles, projectsData, selectedProject, toggleEdit]);\n\n const onRoleFilterChange = useCallback(({ value }) => {\n const isRemovingFilter = roleStateFilters?.includes(value);\n const newRoleStateFilters = isRemovingFilter\n ? roleStateFilters.filter(item => item !== value)\n : [...roleStateFilters, value];\n const filteredRoles = getFilteredRoles(selectedProject, newRoleStateFilters);\n\n setRoleStateFilters(newRoleStateFilters);\n setFilteredRoles(filteredRoles);\n\n localStorage.setItem(LocalStorageKeys.projectRoleStateFilters, JSON.stringify(newRoleStateFilters));\n\n const event = isRemovingFilter ? PROJECT_ROLE_STATUS_FILTER_REMOVED : PROJECT_ROLE_STATUS_FILTER_ADDED;\n const analyticsPayload = {\n 'Project ID': selectedProject?.id,\n 'Project name': selectedProject?.name,\n 'Role status': value,\n [`View ${isRemovingFilter ? 'removed' : 'added'} from`]: `Project ${runsInModal ? 'modal' : 'list'}`,\n };\n dispatch(trackAnalytics(event, analyticsPayload));\n }, [roleStateFilters, runsInModal, selectedProject, dispatch]);\n\n const renderRoleFilterChips = useMemo(() => {\n if (!isCurrent(selectedProject.startDate, selectedProject.endDate)\n || !selectedProject?.roles?.length) {\n return null;\n }\n\n return (\n \n
\n );\n }, [onRoleFilterChange, roleStateFilters, selectedProject]);\n\n const getExistingAllocations = useCallback((projectAllocations, role) => {\n let existingAllocations = [];\n\n if (selectedProject?.id?.toString() in projectAllocations && projectAllocations[selectedProject.id].length) {\n const roleAllocation = projectAllocations?.[selectedProject.id]?.find(a => a.roleId === role.id);\n\n if (roleAllocation) {\n existingAllocations = roleAllocation.allocations;\n }\n }\n return existingAllocations;\n }, [selectedProject.id]);\n\n const deleteAllocationHandler = useCallback((accountId, projectId, data) => {\n dispatch(deleteProjectAllocation(accountId, projectId, data));\n }, [dispatch]);\n\n const updateAllocationHandler = useCallback((accountId, projectId, roleId, oldAllocation, changes) => {\n dispatch(updateProjectRoleAllocation(accountId, projectId, roleId, oldAllocation, changes));\n }, [dispatch]);\n\n const renderProjectRoles = useMemo(() => {\n if (!filteredRoles.length) return null;\n\n return filteredRoles.map(r => (\n \n \n Start date\n {sortName !== 'startDate' || sortDirection === SORT_ASC\n ?
\n \n \n \n Role\n {sortName !== 'sortOrder' || sortDirection === SORT_ASC\n ?
\n End date
\n %
\n \n \n \n ), [setSort, sortDirection, sortName]);\n\n const renderEmptyRoles = useMemo(() => (\n \n {renderAddRolesButtons}\n \n
\n ), [renderAddRolesButtons, runsInModal]);\n\n const renderAllocationIssuePopper = useMemo(() => (\n No roles have been added to this project.
\n\n
\n \n
\n )}\n \n );\n};\n\nAssignProjectRoles.propTypes = {\n selectedProject: PropTypes.object.isRequired,\n toggleEdit: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n runsInModal: PropTypes.bool,\n onSelectItem: PropTypes.func.isRequired,\n projectsData: PropTypes.arrayOf(PropTypes.object),\n};\n\nAssignProjectRoles.defaultProps = {\n runsInModal: false,\n projectsData: [],\n};\n\nexport default AssignProjectRoles;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { Popper, ClickAwayListener } from '@material-ui/core';\nimport { utils } from '@bridgit/foundation';\nimport { affectedPhases } from '../phases/utils/phaseUtils';\nimport { PhaseBars, PhasePopper } from '../phases';\nimport { TodayIndicator } from '../common';\n\nconst { convertHexToRGB } = utils;\n\nexport default class FullTimeline extends PureComponent {\n static propTypes = {\n selectedProject: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n highlightedPhases: [],\n containerRef: React.createRef(),\n };\n }\n\n onClickAway = () => {\n this.setState({ highlightedPhases: [] });\n }\n\n onMouseMove = (evt) => {\n const phaseElements = [...evt.target.parentElement.children].filter(elem => elem.type === 'button');\n const mouseLocation = evt.pageX;\n const highlightedPhases = affectedPhases(phaseElements, mouseLocation);\n this.setState({ highlightedPhases });\n }\n\n onMouseLeave = () => {\n this.setState({\n highlightedPhases: [],\n });\n }\n\n render() {\n const { selectedProject } = this.props;\n const { highlightedPhases, containerRef } = this.state;\n const { startDate, endDate } = selectedProject;\n\n return (\n \n {renderAddRolesButtons}\n {renderRoleFilterChips}\n
\n\n { filteredRoles?.length\n ? renderTableHeader\n : (\n \n
\n )}\n\n { loading && No roles match your selected role status filters.
\nTry changing your filters or adding a new role.
\n\n
\n\n
\n \n
\n {renderEditOrAssignRoles}\n
\n );\n};\n\nProjectResourceTabDetail.propTypes = {\n projectEntities: PropTypes.arrayOf(PropTypes.object).isRequired,\n getProjectRoles: PropTypes.func.isRequired,\n getProjectAllocations: PropTypes.func.isRequired,\n getProjects: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n selectedProject: PropTypes.object.isRequired,\n addProjectRoles: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n projectChanged: PropTypes.bool.isRequired,\n getProjectAllocationsPending: PropTypes.bool.isRequired,\n getPersonFieldValuesPending: PropTypes.bool.isRequired,\n getPeoplePending: PropTypes.bool.isRequired,\n addProjectRolesPending: PropTypes.bool.isRequired,\n getRoleTemplates: PropTypes.func.isRequired,\n getRoleTemplatesPending: PropTypes.bool.isRequired,\n};\n\nProjectResourceTabDetail.defaultProps = {\n runsInModal: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ projects, people, common, accounts }) {\n const {\n addProjectRoleAllocationPending,\n deleteProjectAllocationPending,\n replaceProjectRoleAllocationPending,\n updateProjectRoleAllocationPending,\n deleteProjectRolePending,\n updateProjectRolePending,\n projects: projectEntities,\n getProjectAllocationsPending,\n addProjectRolesPending,\n } = projects;\n const {\n addUnavailabilityPending,\n deleteUnavailabilityPending,\n updateUnavailabilityPending,\n getPersonFieldValuesPending,\n getPeoplePending,\n } = people;\n\n const {\n getRoleTemplatesPending,\n } = accounts;\n\n const projectChanged =\n addProjectRoleAllocationPending ||\n deleteProjectAllocationPending ||\n replaceProjectRoleAllocationPending ||\n updateProjectRoleAllocationPending ||\n deleteProjectRolePending ||\n updateProjectRolePending ||\n addUnavailabilityPending ||\n deleteUnavailabilityPending ||\n updateUnavailabilityPending;\n\n return {\n accountId: common.accountId,\n projectChanged,\n getProjectAllocationsPending,\n projectEntities,\n getPersonFieldValuesPending,\n getPeoplePending,\n addProjectRolesPending,\n getRoleTemplatesPending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getProjectRoles: bindActionCreators(getProjectRoles, dispatch),\n getProjectAllocations: bindActionCreators(getProjectAllocations, dispatch),\n getProjects: bindActionCreators(getProjects, dispatch),\n getRoleTemplates: bindActionCreators(getRoleTemplates, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectResourceTabDetail);\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Timeline } from 'src/features/common';\nimport { calculateSpacerDimensions } from 'src/utils/dateUtils';\nimport { stitchSegmentsByRange } from 'src/utils/dateSegmentUtils';\n\nexport default function RoleCoverageIndicator({\n roleStartDate,\n roleEndDate,\n projectStartDate,\n projectEndDate,\n existingAllocations,\n roleRequirements,\n}) {\n const { startPadPercentage, endPadPercentage } = useMemo(\n () => calculateSpacerDimensions(\n { startDate: roleStartDate, endDate: roleEndDate },\n { startDate: projectStartDate, endDate: projectEndDate },\n ),\n [roleStartDate, roleEndDate, projectStartDate, projectEndDate],\n );\n\n const getSegmentClasses = (segment) => {\n if (segment.allocated) return { topClass: '', bottomClass: '' };\n if (segment.zeroPercent) return { topClass: 'divider-only', bottomClass: 'hidden' };\n return { topClass: 'greyed-out', bottomClass: 'greyed-out' };\n };\n\n const segments = useMemo(() => {\n const zeroPercent = roleRequirements.filter(req => req?.allocatedPercent === 0);\n\n if (!existingAllocations.length && !zeroPercent.length) {\n const defaultSegment = { startDate: roleStartDate, endDate: roleEndDate };\n\n return [{\n ...defaultSegment,\n ...getSegmentClasses(defaultSegment),\n }];\n }\n\n // Start with the whole role, overlay existing allocations, then overlay zero-percent ranges\n const combinedBlocks = [\n { startDate: roleStartDate, endDate: roleEndDate },\n ...existingAllocations.map(allocation => ({ ...allocation, allocated: true })),\n ...zeroPercent.map(req => ({ ...req, zeroPercent: true })),\n ];\n\n return stitchSegmentsByRange(combinedBlocks).map(block => ({ ...block, ...getSegmentClasses(block) }));\n }, [existingAllocations, roleEndDate, roleRequirements, roleStartDate]);\n\n return (\n \n { startPadPercentage !== 0 && (\n \n )}\n\n
\n );\n}\n\nRoleCoverageIndicator.propTypes = {\n roleStartDate: PropTypes.string.isRequired,\n roleEndDate: PropTypes.string.isRequired,\n projectStartDate: PropTypes.string.isRequired,\n projectEndDate: PropTypes.string.isRequired,\n existingAllocations: PropTypes.arrayOf(PropTypes.object),\n roleRequirements: PropTypes.arrayOf(PropTypes.object),\n};\n\nRoleCoverageIndicator.defaultProps = {\n existingAllocations: [],\n roleRequirements: [],\n};\n","import React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport { bindActionCreators } from 'redux';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { Can } from '../wrapped-components';\nimport { ProjectPhases, ShiftProjectDates, ProjectDates } from '.';\nimport { getProject } from './redux/actions';\n\nclass ProjectDateTab extends PureComponent {\n static propTypes = {\n accountId: PropTypes.number.isRequired,\n selectedProject: PropTypes.object.isRequired,\n getProject: PropTypes.func.isRequired,\n runsInModal: PropTypes.bool,\n };\n\n static defaultProps = {\n runsInModal: false,\n };\n\n UNSAFE_componentWillReceiveProps = (nextProps) => {\n const {\n accountId,\n selectedProject,\n getProject,\n } = this.props;\n\n if (!deepEqual(selectedProject.phases, nextProps.selectedProject.phases)) {\n getProject(accountId, selectedProject.id);\n }\n }\n\n render() {\n const {\n selectedProject,\n runsInModal,\n } = this.props;\n\n const parentName = `Project Details${runsInModal ? ' Modal' : ''}`;\n\n return (\n \n
\n\n { endPadPercentage !== 0 && (\n \n )}\n \n \n Smart options\n
\n )}\n />\n \n
\n \n {isNotifyModalShown && (\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, projects, people, accountSettings }) {\n const { accountId } = common;\n const { accountModules } = accountSettings;\n const {\n deleteProjectAllocationPending,\n updateProjectRoleAllocationPending,\n addProjectRolesPending,\n deleteProjectRolePending,\n sendRoleNotificationPending,\n projectAllocations,\n getProjectAllocationsPending,\n } = projects;\n const { entities: peopleEntities, unavailabilities } = people;\n\n const allocationChangePending =\n deleteProjectAllocationPending ||\n updateProjectRoleAllocationPending ||\n addProjectRolesPending ||\n deleteProjectRolePending;\n\n return {\n accountId,\n allocationChangePending,\n sendRoleNotificationPending,\n accountModules,\n projectAllocations,\n getProjectAllocationsPending,\n updateProjectRoleAllocationPending,\n peopleEntities,\n unavailabilities,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n deleteProjectRole: bindActionCreators(deleteProjectRole, dispatch),\n sendRoleNotification: bindActionCreators(sendRoleNotification, dispatch),\n addProjectRoles: bindActionCreators(addProjectRoles, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectRole);\n","import React, { useMemo, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport {\n IconButton,\n MenuItem,\n Select,\n Tooltip,\n} from '@material-ui/core';\nimport {\n Edit,\n NoteAddOutlined,\n} from '@material-ui/icons';\nimport { ProjectRoleTitle } from '@bridgit/foundation';\n\nexport const ProjectRoleEditor = ({\n selectedRole,\n roles,\n editMode,\n onChange,\n onToggleEditMode,\n onToggleNoteEditMode,\n onSelectOpen,\n onSelectClose,\n}) => {\n const noteRef = useRef(null);\n\n const onSelectionChange = useCallback((evt) => {\n onChange(evt.target.value);\n }, [onChange]);\n\n const toggleEditMode = () => {\n onToggleEditMode();\n };\n\n const toggleEditNote = () => {\n onToggleNoteEditMode(noteRef.current);\n };\n\n const onSelectClick = (evt) => {\n evt.stopPropagation();\n };\n\n const renderEditModeSelect = useMemo(() => {\n if (!editMode) return null;\n\n let roleValue = '';\n\n if (selectedRole) {\n if ('roleId' in selectedRole) {\n roleValue = selectedRole.roleId;\n }\n\n const roleMatch = roles.find(role => role.name === selectedRole.name);\n\n if (roleMatch && 'id' in roleMatch) {\n roleValue = roleMatch.id;\n }\n }\n\n return (\n \n
\n\n \n {!editMode && selectedRole && (\n <>\n
\n );\n};\n\nProjectRoleEditor.propTypes = {\n selectedRole: PropTypes.object,\n roles: PropTypes.array.isRequired,\n editMode: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n onToggleEditMode: PropTypes.func,\n onToggleNoteEditMode: PropTypes.func,\n onSelectOpen: PropTypes.func,\n onSelectClose: PropTypes.func,\n};\n\nProjectRoleEditor.defaultProps = {\n selectedRole: null,\n editMode: true,\n onToggleEditMode: () => {},\n onToggleNoteEditMode: () => {},\n onSelectOpen: () => {},\n onSelectClose: () => {},\n};\n\nfunction mapStateToProps({ accountSettings }) {\n const { roles } = accountSettings;\n\n return {\n roles,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ProjectRoleEditor);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Edit, MoreHoriz } from '@material-ui/icons';\nimport { NumberInput } from '../wrapped-components';\n\nexport default class MultiStateNumberInput extends PureComponent {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n onChange: PropTypes.func.isRequired,\n onEditToggle: PropTypes.func.isRequired,\n onEditCustom: PropTypes.func.isRequired,\n editRoleRequirementMode: PropTypes.bool.isRequired,\n editCustomRequirementMode: PropTypes.bool.isRequired,\n editIconTooltip: PropTypes.string,\n };\n\n static defaultProps = {\n editIconTooltip: '',\n };\n\n render() {\n const {\n value,\n onEditCustom,\n onEditToggle,\n editRoleRequirementMode,\n editCustomRequirementMode,\n editIconTooltip,\n onChange,\n } = this.props;\n return (\n \n \n \n \n \n \n \n \n \n
\n \n )}\n {renderEditModeSelect}\n \n {editRoleRequirementMode && (\n <>\n \n \n \n \n \n )}\n\n {!editRoleRequirementMode && !editCustomRequirementMode && (\n <>\n {value}\n \n \n \n \n \n )}\n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport deepEqual from 'react-fast-compare';\nimport pluralize from 'pluralize';\nimport { connect } from 'react-redux';\nimport { Button, IconButton } from '@material-ui/core';\nimport { AddCircle, Cancel } from '@material-ui/icons';\nimport { validateBasicInputs, validatePhases } from 'src/utils/validators';\nimport { ValidatedForm } from '../wrapped-components';\nimport { SelectPhaseMenu } from '../phases';\nimport { reorderPhases } from '../phases/utils/phaseUtils';\nimport { MIN_API_CONFIGURABLE_DATE } from '../../common/constants';\n\nexport class AddPhasesModal extends PureComponent {\n static propTypes = {\n inputs: PropTypes.array.isRequired,\n validateProjectDates: PropTypes.func.isRequired,\n onValueChanged: PropTypes.func.isRequired,\n projectValues: PropTypes.object.isRequired,\n phaseValues: PropTypes.object.isRequired,\n setValid: PropTypes.func.isRequired,\n selectedPhases: PropTypes.array.isRequired,\n updatePhases: PropTypes.func.isRequired,\n phases: PropTypes.array.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n const { projectValues, selectedPhases } = props;\n\n this.state = {\n phaseInputs: this.generatePhaseInputs(projectValues, selectedPhases),\n showAddPhase: false,\n addPhaseButtonNode: null,\n errors: {},\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { projectValues, selectedPhases } = this.props;\n\n if (!deepEqual(projectValues, nextProps.projectValues) || !deepEqual(selectedPhases, nextProps.selectedPhases)) {\n this.setState({\n phaseInputs: this.generatePhaseInputs(nextProps.projectValues, nextProps.selectedPhases),\n }, this.validatePhases);\n }\n }\n\n generatePhaseInputs = (projectValues, selectedPhases) => {\n const minDate = projectValues['Start date'] || MIN_API_CONFIGURABLE_DATE;\n const maxDate = projectValues['End date'];\n const phaseDateInputs = [\n {\n required: true,\n label: '',\n type: 'date',\n placeholder: 'Start date',\n minDate,\n maxDate,\n },\n {\n required: true,\n label: '',\n type: 'date',\n placeholder: 'End date',\n minDate,\n maxDate,\n },\n ];\n\n const subPhaseInputs = [\n {\n label: '',\n type: 'date',\n placeholder: 'Start date*',\n },\n {\n label: '',\n type: 'date',\n placeholder: 'End date*',\n },\n ];\n\n let inputs = [];\n\n selectedPhases.forEach((phase) => {\n inputs = [\n ...inputs,\n {\n ...phaseDateInputs[0],\n name: `Start date-${phase.id}`,\n },\n {\n ...phaseDateInputs[1],\n name: `End date-${phase.id}`,\n },\n ];\n\n phase.subPhases.forEach((sub) => {\n inputs = [\n ...inputs,\n {\n ...subPhaseInputs,\n required: true,\n name: `Start date-${sub.id}`,\n },\n {\n ...subPhaseInputs,\n required: true,\n name: `End date-${sub.id}`,\n },\n ];\n });\n });\n\n return {\n inputs,\n phaseDateInputs,\n subPhaseInputs,\n };\n }\n\n toggleAddPhase = (evt) => {\n const { showAddPhase } = this.state;\n this.setState({\n showAddPhase: !showAddPhase,\n addPhaseButtonNode: evt.currentTarget,\n });\n }\n\n closeAddPhase = () => {\n this.setState({ showAddPhase: false });\n }\n\n removePhase = (evt) => {\n const { phaseValues, selectedPhases, updatePhases } = this.props;\n const phaseId = parseInt(evt.currentTarget.dataset.id, 10);\n const phaseToRemove = selectedPhases.find(phase => phase.id === phaseId);\n\n const newPhaseValues = {\n ...phaseValues,\n [`Start date-${phaseId}`]: null,\n [`End date-${phaseId}`]: null,\n };\n\n phaseToRemove.subPhases.forEach((sub) => {\n newPhaseValues[`Start date-${sub.id}`] = null;\n newPhaseValues[`End date-${sub.id}`] = null;\n });\n\n const newSelected = selectedPhases.filter(phase => phase.id !== phaseId);\n\n updatePhases(newPhaseValues, newSelected);\n }\n\n removeSubPhase = (evt) => {\n const { phaseValues, selectedPhases, updatePhases } = this.props;\n const phaseId = parseInt(evt.currentTarget.dataset.id, 10);\n const subId = parseInt(evt.currentTarget.dataset.subid, 10);\n const newPhaseValues = {\n ...phaseValues,\n [`Start date-${subId}`]: null,\n [`End date-${subId}`]: null,\n };\n\n const newSelected = selectedPhases.map((phase) => {\n const newPhase = { ...phase };\n if (newPhase.id === phaseId) {\n newPhase.subPhases = newPhase.subPhases.filter(sub => sub.id !== subId);\n }\n return newPhase;\n });\n\n updatePhases(newPhaseValues, newSelected);\n }\n\n validateDates = changedValues => this.validatePhases({}, changedValues);\n\n validatePhases = (changedValues = {}, changedProjectDates = {}) => {\n const { validateProjectDates, setValid, projectValues, phaseValues, updatePhases, selectedPhases } = this.props;\n const { phaseInputs } = this.state;\n const newValues = { ...phaseValues, ...changedValues };\n const newProjectValues = deepEqual(changedProjectDates, {}) ? projectValues : changedProjectDates;\n const errors = {\n ...validateBasicInputs(phaseInputs.inputs, newValues),\n ...validateProjectDates(changedProjectDates),\n ...validatePhases(selectedPhases, newValues, newProjectValues),\n };\n\n this.setState({ errors });\n updatePhases(newValues, selectedPhases);\n setValid(Object.keys(errors).length === 0);\n return errors;\n }\n\n onSelect = (phase) => {\n const { phaseValues, updatePhases, selectedPhases, phases } = this.props;\n let newSelectedPhases = [...selectedPhases];\n\n if (phase.selected) {\n newSelectedPhases = selectedPhases.filter(p => p.id !== phase.id);\n }\n\n newSelectedPhases.push(phase);\n updatePhases(phaseValues, reorderPhases(phases, newSelectedPhases));\n this.setState({ showAddPhase: false });\n }\n\n removeAllSelected = () => {\n const { updatePhases } = this.props;\n updatePhases({}, []);\n }\n\n renderPhases = () => {\n const { projectValues, phaseValues, selectedPhases } = this.props;\n const { phaseInputs, errors } = this.state;\n\n if (!selectedPhases.length) return No phases have been added to the project
;\n\n return selectedPhases.map(phase => (\n\n \n \n
\n ));\n }\n\n render() {\n const { inputs, onValueChanged, selectedPhases } = this.props;\n const { showAddPhase, addPhaseButtonNode } = this.state;\n\n return (\n \n
\n \n ({\n ...input,\n name: `${input.placeholder}-${phase.id}`,\n value: phaseValues[`${input.placeholder}-${phase.id}`],\n }))}\n validate={this.validatePhases}\n errors={errors}\n />\n
\n {phase.subPhases.length > 0 && phase.subPhases.map((sub) => {\n const inputs = phaseInputs.subPhaseInputs.map(input => ({\n ...input,\n name: `${input.placeholder.replace('*', '')}-${sub.id}`,\n minDate: phaseValues[`Start date-${phase.id}`] || projectValues['Start date'] || MIN_API_CONFIGURABLE_DATE,\n maxDate: phaseValues[`End date-${phase.id}`] || projectValues['End date'],\n value: phaseValues[`${input.placeholder.replace('*', '')}-${sub.id}`],\n }));\n\n return (\n {phase.name}
\n\n \n \n
\n );\n })}\n {sub.name}
\n\n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ accountSettings }) {\n return {\n phases: accountSettings.phases,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(AddPhasesModal);\n","import React, { useState, useEffect, useCallback, useRef, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Button, CircularProgress } from '@material-ui/core';\nimport { AddCircle } from '@material-ui/icons';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { stringToMoment } from 'src/utils/dateUtils';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport {\n deleteProjectPhase,\n deleteProjectSubPhase,\n updateProjectPhase,\n updateProjectSubPhase,\n} from './redux/actions';\nimport { Confirm } from '../common';\nimport { SelectPhaseMenu } from '../phases';\nimport { ProjectPhaseRow, AddProjectPhaseForm } from '.';\nimport { Can } from '../wrapped-components';\nimport { getDateEditOptions } from '../edit-dates/utils/dateEditorUtils';\n\nexport const ProjectPhases = ({\n project,\n accountId,\n deleteProjectPhase,\n deleteProjectSubPhase,\n updateProjectPhase,\n updateProjectSubPhase,\n parentName,\n loading,\n}) => {\n const [openPhases, setOpenPhases] = useState([]);\n const [confirming, setConfirming] = useState(false);\n const [activePhase, setActivePhase] = useState(null);\n const [showAddPhase, setShowAddPhase] = useState(false);\n const [addPhaseButtonNode, setAddPhaseButtonNode] = useState(null);\n const [phaseToAdd, setPhaseToAdd] = useState(null);\n const [subPhasesToAdd, setSubPhasesToAdd] = useState([]);\n const [phaseAlreadyAdded, setPhaseAlreadyAdded] = useState(false);\n const formRef = useRef(null);\n\n const sortedPhases = naturalSort(project.phases, ['startDate', 'endDate', 'name']).map(phase => (\n {\n ...phase,\n subPhases: naturalSort(phase.subPhases, ['startDate', 'endDate', 'name']),\n }\n ));\n\n const removePhase = useCallback(() => {\n const analyticsPayload = {\n activePhase,\n project,\n parentName,\n };\n deleteProjectPhase(accountId, project.id, activePhase, analyticsPayload);\n setConfirming(false);\n setActivePhase(null);\n }, [activePhase, project, parentName, deleteProjectPhase, accountId]);\n\n useEffect(() => {\n if (activePhase) {\n if (activePhase.subPhases.length) {\n setConfirming(true);\n } else {\n removePhase();\n }\n }\n }, [activePhase, removePhase]);\n\n useEffect(() => {\n setPhaseToAdd(null);\n }, [project]);\n\n useEffect(() => {\n if (!showAddPhase && formRef.current) {\n formRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n }\n }, [showAddPhase]);\n\n const cancelConfirm = () => {\n setConfirming(false);\n setActivePhase(null);\n };\n\n const handleDeleteClick = (e) => {\n const id = parseInt(e.currentTarget.dataset.id, 10);\n const phase = sortedPhases.find(phase => phase.id === id);\n setActivePhase(phase);\n };\n\n const handleSubDeleteClick = (e) => {\n const id = parseInt(e.currentTarget.dataset.id, 10);\n const parentId = parseInt(e.currentTarget.dataset.parent, 10);\n const phase = sortedPhases.find(phase => phase.id === parentId);\n const subPhase = phase.subPhases.find(sp => sp.id === id);\n const analyticsPayload = {\n project,\n parentName,\n subPhase,\n };\n deleteProjectSubPhase(accountId, project.id, phase, subPhase, analyticsPayload);\n };\n\n const togglePhase = (id) => {\n const newOpenPhases = openPhases.includes(id) ? openPhases.filter(phaseId => phaseId !== id) : [...openPhases, id];\n setOpenPhases(newOpenPhases);\n };\n\n const handlePhaseToggle = (e) => {\n const id = parseInt(e.currentTarget.dataset.id, 10);\n togglePhase(id);\n };\n\n const toggleAddPhase = (evt) => {\n setShowAddPhase(!showAddPhase);\n setAddPhaseButtonNode(evt.currentTarget);\n };\n\n const closeAddPhase = () => setShowAddPhase(false);\n\n const onSelect = (phase, subPhase = null) => {\n const phaseAlreadyAdded = sortedPhases.find(p => p.id === phase.id);\n\n if (!!phaseAlreadyAdded && !openPhases.includes(phase.id)) {\n togglePhase(phase.id);\n }\n setPhaseToAdd(phaseAlreadyAdded || phase);\n setSubPhasesToAdd(subPhase ? [subPhase] : phase.subPhases);\n setPhaseAlreadyAdded(!!phaseAlreadyAdded);\n setShowAddPhase(false);\n };\n\n const removePhaseToAdd = () => {\n setPhaseToAdd(null);\n setSubPhasesToAdd([]);\n };\n\n const removeSubPhaseToAdd = id => () => {\n setSubPhasesToAdd(subPhasesToAdd.filter(sub => sub.id !== id));\n };\n\n const handleUpdateProjectPhase = (phase, data, fieldEdited, subPhase) => {\n const { id: phaseId, startDate, endDate } = phase;\n const { startDate: newStartDate, endDate: newEndDate } = data;\n\n const originalStart = stringToMoment(startDate);\n const originalEnd = stringToMoment(endDate);\n const newStart = stringToMoment(newStartDate);\n const newEnd = stringToMoment(newEndDate);\n\n const { editAction, offset } = getDateEditOptions(originalStart, originalEnd, newStart, newEnd);\n const analyticsPayload = {\n project,\n parentName,\n fieldEdited,\n editAction,\n offset,\n };\n\n if (subPhase?.id) {\n analyticsPayload.updateType = 'Sub-phase';\n updateProjectSubPhase(accountId, project, phaseId, subPhase, data, analyticsPayload);\n } else {\n analyticsPayload.updateType = 'Phase';\n updateProjectPhase(accountId, project, phaseId, true, data, analyticsPayload);\n }\n };\n\n return (\n \n
\n Date Fields
\n\n \n
\n \n
\n Phases
\n {selectedPhases.length > 0 && (\n\n {`${selectedPhases.length} ${pluralize('Phase')}`}\n \n Remove all\n \n
\n )}\n {this.renderPhases()}
\n \n This project has no phases, click to add one.}\n no={ 0}\n disableRipple\n >\n \n
\n );\n};\n\nProjectPhases.propTypes = {\n project: PropTypes.object.isRequired,\n accountId: PropTypes.number.isRequired,\n deleteProjectPhase: PropTypes.func.isRequired,\n deleteProjectSubPhase: PropTypes.func.isRequired,\n updateProjectPhase: PropTypes.func.isRequired,\n updateProjectSubPhase: PropTypes.func.isRequired,\n parentName: PropTypes.string.isRequired,\n loading: PropTypes.bool,\n};\n\nProjectPhases.defaultProps = {\n loading: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, projects }) {\n const { accountId } = common;\n const loading =\n projects.addProjectPhasesPending ||\n projects.deleteProjectPhasePending ||\n projects.addProjectSubPhasePending ||\n projects.deleteProjectSubPhasePending;\n return {\n accountId,\n loading,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n deleteProjectPhase: bindActionCreators(deleteProjectPhase, dispatch),\n deleteProjectSubPhase: bindActionCreators(deleteProjectSubPhase, dispatch),\n updateProjectPhase: bindActionCreators(updateProjectPhase, dispatch),\n updateProjectSubPhase: bindActionCreators(updateProjectSubPhase, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectPhases);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DOT } from '../../common/constants';\nimport { ACTIVE, PURSUIT } from './constants';\n\nfunction ProjectStatus({ project }) {\n return (\n \n
\n { loading\n ? (\n \n
\n Project phases
\n Start date
\n End date
\n \n
\n )\n : (\n \n {sortedPhases.map(phase => (\n \n \n ))}\n {phaseToAdd && !phaseAlreadyAdded && (\n
\n )}\n {sortedPhases.length < 1 && !phaseToAdd && !loading && (\n This project has no phases.
}\n />\n )}\n\n
\n \n )}\n {`Are you sure you want to remove the phase \"${activePhase.name}\" and any sub-phases associated with it from this project?`}
\n\n {`${DOT} ${project.state}`}\n {[ACTIVE, PURSUIT].includes(project.state) && project.currentPhases &&\n project.currentPhases.map(phase => (\n phase?.subPhases?.length\n ? phase.subPhases.map(sp => ` (${phase.name} / ${sp})`)\n : ` (${phase.name})`\n ))}\n
\n );\n}\n\nProjectStatus.propTypes = {\n project: PropTypes.object.isRequired,\n};\n\nexport default ProjectStatus;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport pluralize from 'pluralize';\nimport classNames from 'classnames';\nimport {\n IconButton,\n Tooltip,\n} from '@material-ui/core';\nimport { KeyboardArrowUp, KeyboardArrowDown, Close } from '@material-ui/icons';\nimport { momentToString } from 'src/utils/dateUtils';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { validatePhases } from 'src/utils/validators';\nimport { setEditorConfig } from 'src/features/edit-dates/redux/actions';\nimport { setModalActiveView, setSelectedProjectId } from 'src/features/common/redux/actions';\nimport { openModal } from 'src/features/modal-manager/redux/actions';\nimport { bindActionCreators } from 'redux';\nimport { phaseModalShouldOpen } from 'src/features/edit-dates/utils/dateEditorUtils';\nimport { Can } from '../wrapped-components';\nimport { DateEditor } from '../common';\nimport {\n DATE_DISPLAY_FORMAT,\n DATE_INPUT_FORMAT,\n PROJECT_DETAILS_MODAL,\n PROJECT_DATES,\n PROJECT_GANTT,\n LIST_TAB,\n} from '../../common/constants';\nimport {\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PHASE_DATE,\n MULTI_STATE_MODAL_ID,\n} from '../common/redux/constants';\nimport { SEGMENT_TYPE_PHASE } from '../edit-dates/common/constants';\n\nconst ProjectPhaseRow = ({\n project,\n phase,\n subPhase,\n handleDeleteClick,\n disabled,\n openPhases,\n handlePhaseToggle,\n updatePhase,\n accountId,\n userInfo,\n modalIsOpen,\n setModalActiveView,\n openModal,\n setSelectedProjectId,\n setEditorConfig,\n contentView,\n}) => {\n const initialStartDate = subPhase ? subPhase.startDate : phase.startDate;\n const initialEndDate = subPhase ? subPhase.endDate : phase.endDate;\n const [editDateMode, setEditDateMode] = useState(false);\n const [startDate, setStartDate] = useState(initialStartDate);\n const [endDate, setEndDate] = useState(initialEndDate);\n const [fieldEdited, setFieldEdited] = useState(null);\n const [startDateMessage, setStartDateMessage] = useState('');\n const [endDateMessage, setEndDateMessage] = useState('');\n const [errors, setErrors] = useState({});\n\n const minStartDate = subPhase ? phase.startDate : project.startDate;\n const maxStartDate = endDate;\n const minEndDate = startDate;\n const maxEndDate = subPhase ? phase.endDate : project.endDate;\n\n useEffect(() => {\n if (!subPhase) {\n setStartDate(phase.startDate);\n setEndDate(phase.endDate);\n }\n }, [project, phase, subPhase]);\n\n useEffect(() => {\n setStartDateMessage(errors[`Start date-${subPhase ? subPhase.id : phase.id}`]\n || errors[`End date-${subPhase ? subPhase.id : phase.id}`]);\n setEndDateMessage(errors[`End date-${subPhase ? subPhase.id : phase.id}`]);\n }, [errors, phase.id, subPhase]);\n\n useEffect(() => {\n if (subPhase) {\n setStartDate(subPhase.startDate);\n setEndDate(subPhase.endDate);\n }\n }, [phase, subPhase]);\n\n const cancelEditing = () => {\n setStartDate(initialStartDate);\n setEndDate(initialEndDate);\n setEditDateMode(!editDateMode);\n setStartDateMessage('');\n setEndDateMessage('');\n };\n\n const savePhaseDates = () => {\n const data = {\n startDate: momentToString(startDate),\n endDate: momentToString(endDate),\n };\n\n updatePhase(phase, data, fieldEdited, subPhase);\n setEditDateMode(!editDateMode);\n };\n\n const onSave = () => {\n const dateUnchanged = fieldEdited === 'start'\n ? moment(startDate).isSame(initialStartDate)\n : moment(endDate).isSame(initialEndDate);\n\n if (dateUnchanged) {\n cancelEditing();\n return;\n }\n\n const showAdvancedEdit = !subPhase && phaseModalShouldOpen(project, { ...phase, startDate, endDate });\n\n if (showAdvancedEdit) {\n const {\n id,\n startDate: projectStart,\n endDate: projectEnd,\n name: projectName,\n state: status,\n type: projectType,\n } = project;\n const { id: primaryId } = phase;\n\n let parentName = contentView === LIST_TAB ? PROJECT_DATES : PROJECT_GANTT;\n if (modalIsOpen) {\n parentName = PROJECT_DETAILS_MODAL;\n }\n\n const analyticsPayload = {\n runsInModal: modalIsOpen,\n data: {\n projectName,\n projectId: id,\n from: 'Project Details Modal',\n to: 'Edit Phase Modal',\n projectStatus: status,\n projectType,\n },\n };\n\n setSelectedProjectId(id, COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PHASE_DATE, null, modalIsOpen, false, null, analyticsPayload);\n setModalActiveView(COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PHASE_DATE);\n\n setEditorConfig(SEGMENT_TYPE_PHASE, projectStart, projectEnd, startDate, endDate, parentName, primaryId, phase.startDate, phase.endDate);\n\n if (!modalIsOpen) {\n openModal(MULTI_STATE_MODAL_ID);\n }\n\n setEditDateMode(!editDateMode);\n } else {\n savePhaseDates();\n }\n };\n\n const validateDates = (name, value) => {\n const start = name === 'start';\n const end = name === 'end';\n const phaseStart = start ? value : phase.startDate;\n const phaseEnd = end ? value : phase.endDate;\n\n const phases = [\n {\n ...phase,\n subPhases: subPhase ? [subPhase] : [],\n },\n ];\n\n const values = {\n [`Start date-${phase.id}`]: subPhase ? phase.startDate : phaseStart,\n [`End date-${phase.id}`]: subPhase ? phase.endDate : phaseEnd,\n };\n\n if (subPhase) {\n values[`Start date-${subPhase.id}`] = start ? value : subPhase.startDate;\n values[`End date-${subPhase.id}`] = end ? value : subPhase.endDate;\n }\n\n const projectDates = {\n 'Start date': project.startDate,\n 'End date': project.endDate,\n };\n\n const newErrors = validatePhases(phases, values, projectDates);\n setErrors(newErrors);\n };\n\n const updateStartDate = (start) => {\n setStartDate(start);\n setFieldEdited('start');\n validateDates('start', start);\n };\n\n const updateEndDate = (end) => {\n setEndDate(end);\n setFieldEdited('end');\n validateDates('end', end);\n };\n\n return (\n \n
\n );\n};\n\nProjectPhaseRow.propTypes = {\n project: PropTypes.object.isRequired,\n phase: PropTypes.object.isRequired,\n subPhase: PropTypes.object,\n handleDeleteClick: PropTypes.func.isRequired,\n disabled: PropTypes.bool.isRequired,\n openPhases: PropTypes.array.isRequired,\n handlePhaseToggle: PropTypes.func.isRequired,\n updatePhase: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n userInfo: PropTypes.object.isRequired,\n modalIsOpen: PropTypes.bool.isRequired,\n setEditorConfig: PropTypes.func.isRequired,\n setModalActiveView: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n setSelectedProjectId: PropTypes.func.isRequired,\n contentView: PropTypes.number.isRequired,\n};\n\nProjectPhaseRow.defaultProps = {\n subPhase: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, login, modalManager }) {\n const { activeModal } = modalManager;\n const { accountId, contentView } = common;\n const { userInfo } = login;\n return {\n accountId,\n userInfo,\n modalIsOpen: activeModal === MULTI_STATE_MODAL_ID,\n contentView,\n };\n}\n\n/* istanbul ignore next */\nconst mapDispatchToProps = dispatch => ({\n setEditorConfig: bindActionCreators(setEditorConfig, dispatch),\n setModalActiveView: bindActionCreators(setModalActiveView, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n setSelectedProjectId: bindActionCreators(setSelectedProjectId, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectPhaseRow);\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { validatePhases } from 'src/utils/validators';\nimport { isEmptyObject } from 'src/utils/miscUtils';\nimport { addProjectPhases, addProjectSubPhase } from './redux/actions';\nimport { ValidatedForm, EditControls } from '../wrapped-components';\nimport { DATE_INPUT_FORMAT } from '../../common/constants';\nimport { AddProjectSubPhaseForm } from '.';\n\nfunction AddProjectPhaseForm({\n accountId,\n project,\n phase,\n subPhases,\n addProjectPhases,\n addProjectSubPhase,\n removePhaseToAdd,\n removeSubPhaseToAdd,\n phaseAlreadyAdded,\n parentName,\n refProp,\n}) {\n const [phaseValues, setPhaseValues] = useState({\n [`Start date-${phase.id}`]: phase.startDate,\n [`End date-${phase.id}`]: phase.endDate,\n });\n const [subPhaseData, setSubPhaseData] = useState([]);\n const [subPhaseInputs, setSubPhaseInputs] = useState({});\n const [errors, setErrors] = useState({});\n\n const phaseStartDate = phaseValues[`Start date-${phase.id}`] || null;\n const phaseEndDate = phaseValues[`End date-${phase.id}`] || null;\n\n const minPhaseStart = project.startDate;\n const maxPhaseStart = project.endDate;\n const minPhaseEnd = phaseStartDate || project.startDate;\n const maxPhaseEnd = project.endDate;\n\n const phaseInputs = [\n {\n type: 'date',\n name: `Start date-${phase.id}`,\n required: true,\n minDate: minPhaseStart,\n maxDate: maxPhaseStart,\n label: 'Start date',\n },\n {\n type: 'date',\n name: `End date-${phase.id}`,\n required: true,\n minDate: minPhaseEnd,\n maxDate: maxPhaseEnd,\n label: 'End Date',\n },\n ];\n\n const addPhase = () => {\n let phaseCount;\n const analyticsPayload = {\n project,\n parentName,\n };\n if (phaseAlreadyAdded && subPhases.length) {\n const sub = {\n ...subPhases[0],\n startDate: phaseValues[`Start date-${subPhases[0].id}`],\n endDate: phaseValues[`End date-${subPhases[0].id}`],\n };\n\n phaseCount = 1;\n analyticsPayload.phaseCount = phaseCount;\n addProjectSubPhase(accountId, project.id, phase, sub, analyticsPayload);\n } else {\n const phases = [\n {\n id: phase.id,\n name: phase.name,\n startDate: phaseStartDate || phase.startDate,\n endDate: phaseEndDate || phase.endDate,\n subPhases: subPhaseData,\n },\n ];\n\n phaseCount = subPhaseData.length + 1;\n analyticsPayload.phaseCount = phaseCount;\n addProjectPhases(accountId, project.id, phases, analyticsPayload);\n }\n\n removePhaseToAdd();\n };\n\n const onValueChanged = (name, values) => {\n const value = values[name] ? moment(values[name]).format(DATE_INPUT_FORMAT) : null;\n\n setPhaseValues({\n ...phaseValues,\n [name]: value,\n });\n };\n\n const validateDates = useCallback(() => {\n const phases = [\n {\n ...phase,\n subPhases,\n },\n ];\n\n const projectDates = {\n 'Start date': project.startDate,\n 'End date': project.endDate,\n };\n\n const newErrors = validatePhases(phases, phaseValues, projectDates);\n setErrors(newErrors);\n return newErrors;\n }, [project, phase, subPhases, phaseValues]);\n\n useEffect(() => {\n validateDates(null);\n }, [project, phaseStartDate, phaseEndDate, validateDates]);\n\n useEffect(() => {\n const subPhaseData = [];\n\n subPhases.forEach((sp) => {\n const subStartDate = phaseValues[`Start date-${sp.id}`];\n const subEndDate = phaseValues[`End date-${sp.id}`];\n if (!subStartDate || !subEndDate) return;\n subPhaseData.push({\n ...sp,\n startDate: moment(subStartDate).format(DATE_INPUT_FORMAT),\n endDate: moment(subEndDate).format(DATE_INPUT_FORMAT),\n });\n });\n\n let inputs = {};\n subPhases.forEach((sub) => {\n const minSubPhaseStart = phaseStartDate || phase.startDate || project.startDate;\n const maxSubPhaseStart = phaseValues[`End date-${sub.id}`] || phase.endDate || phaseEndDate || project.endDate;\n const minSubPhaseEnd = phaseValues[`Start date-${sub.id}`] || phase.startDate || phaseStartDate || project.startDate;\n const maxSubPhaseEnd = phaseEndDate || phase.endDate || project.endDate;\n\n inputs = {\n ...inputs,\n [sub.id]: [\n {\n type: 'date',\n name: sub && `Start date-${sub.id}`,\n required: true,\n minDate: minSubPhaseStart,\n maxDate: maxSubPhaseStart,\n label: 'Start date',\n },\n {\n type: 'date',\n name: sub && `End date-${sub.id}`,\n required: true,\n minDate: minSubPhaseEnd,\n maxDate: maxSubPhaseEnd,\n label: 'End date',\n },\n ],\n };\n });\n setSubPhaseData(subPhaseData);\n setSubPhaseInputs(inputs);\n }, [phaseValues, subPhases, phase, phaseStartDate, phaseEndDate, project]);\n\n const isDisabled = () => {\n const phaseDatesUnfilled = !phaseStartDate || !phaseEndDate;\n const subPhaseDatesUnfilled = subPhases.some(sp => (\n !phaseValues[`Start date-${sp.id}`] || !phaseValues[`End date-${sp.id}`]\n ));\n const disabled = phaseAlreadyAdded\n ? subPhaseDatesUnfilled || !isEmptyObject(errors)\n : phaseDatesUnfilled || subPhaseDatesUnfilled || !isEmptyObject(errors);\n return disabled;\n };\n\n return (\n <>\n { !phaseAlreadyAdded && (\n {subPhase ? subPhase.name : phase.name}
\n \n Start date\n
\n {moment(initialStartDate).format(DATE_DISPLAY_FORMAT)}
\n )}\n />\n\n End date\n
\n {moment(initialEndDate).format(DATE_DISPLAY_FORMAT)}
\n )}\n />\n\n {!subPhase && phase.subPhases && phase.subPhases.length > 0 &&\n (\n
\n \n
\n )}\n {pluralize('sub-phase', phase.subPhases.length, true)}
\n {openPhases.includes(phase.id) ?\n \n \n
\n \n
\n )}\n {subPhases.map(sub => (\n {phase.name}
\n \n
\n \n \n \n \n \n
\n \n
\n \n );\n}\n\nAddProjectPhaseForm.propTypes = {\n accountId: PropTypes.number.isRequired,\n project: PropTypes.object.isRequired,\n phase: PropTypes.object.isRequired,\n subPhases: PropTypes.array,\n addProjectPhases: PropTypes.func.isRequired,\n addProjectSubPhase: PropTypes.func.isRequired,\n removePhaseToAdd: PropTypes.func.isRequired,\n removeSubPhaseToAdd: PropTypes.func.isRequired,\n phaseAlreadyAdded: PropTypes.bool.isRequired,\n parentName: PropTypes.string.isRequired,\n refProp: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n ]),\n};\n\nAddProjectPhaseForm.defaultProps = {\n subPhases: [],\n refProp: null,\n};\n\nfunction mapStateToProps({ common }) {\n return {\n accountId: common.accountId,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n addProjectPhases: bindActionCreators(addProjectPhases, dispatch),\n addProjectSubPhase: bindActionCreators(addProjectSubPhase, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AddProjectPhaseForm);\n","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Button, CircularProgress } from '@material-ui/core';\nimport { KeyboardDatePicker } from '@material-ui/pickers';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { KeyboardArrowLeft, KeyboardArrowRight, Event } from '@material-ui/icons';\nimport { b500bridgitBlue } from '@bridgit/foundation';\n\nimport { Modal } from '../common';\nimport { updateProject } from './redux/actions';\nimport { trackAnalytics } from '../common/redux/actions';\nimport {\n DATE_INPUT_FORMAT,\n DATE_DISPLAY_FORMAT,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n} from '../../common/constants';\nimport { PROJECT_DATES_SHIFTED } from '../../analytics/projects/constants';\n\nexport const ShiftProjectDates = ({\n project,\n parentName,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { updateProjectPending } = useSelector(({ projects }) => projects);\n\n const initialStartDate = moment(project.startDate, DATE_INPUT_FORMAT);\n const [showModal, setShowModal] = useState(false);\n const [showConfirm, setShowConfirm] = useState(false);\n const [shiftedStartDate, setShiftedStartDate] = useState(initialStartDate);\n const [error, setError] = useState('');\n const [disabled, setDisabled] = useState(true);\n const shiftedStartDateRef = useRef(null);\n\n useEffect(() => {\n setShowModal(false);\n setShowConfirm(false);\n setShiftedStartDate(moment(project.startDate, DATE_INPUT_FORMAT));\n }, [project, updateProjectPending]);\n\n const onButtonClick = () => setShowModal(true);\n\n const renderShiftDatesConfirm = () => {\n const daysDifference = moment(initialStartDate).from(shiftedStartDate, true);\n const impacted = [];\n const hasRoles = project.roles && project.roles.length > 0;\n const hasAllocations = hasRoles && project.roles.find(role => role.allocations && role.allocations.length);\n const hasPhases = project.phases && project.phases.length > 0;\n const hasSubPhases = project.phases &&\n project.phases.find(phase => Array.isArray(phase.subPhases) && phase.subPhases.length > 0);\n\n if (hasRoles) impacted.push('roles');\n if (hasAllocations) impacted.push('allocations');\n if (hasPhases) impacted.push('phases');\n if (hasSubPhases) impacted.push('sub-phases');\n\n const impactedText = impacted.length > 2 ? impacted.join(', ').replace(/, ([^,]*)$/, ', and $1') : impacted.join(' and ');\n\n return (\n \n {updateProjectPending\n ?
\n );\n };\n\n const closeModal = () => {\n setShowModal(false);\n setShowConfirm(false);\n };\n\n const shiftProjectDates = () => {\n const data = {\n startDate: moment(shiftedStartDate, DATE_DISPLAY_FORMAT),\n shiftDates: true,\n };\n const isDelayed = moment(shiftedStartDate).isAfter(initialStartDate);\n const analyticsPayload = {\n 'Project delayed': isDelayed,\n 'Project moved forward': !isDelayed,\n 'Project Name': project.name,\n 'Project ID': project.id,\n 'Project dates updated from': parentName,\n 'Project status': project.state,\n 'Project type': project.type,\n };\n\n dispatch(updateProject(accountId, project.id, data));\n dispatch(trackAnalytics(PROJECT_DATES_SHIFTED, analyticsPayload));\n };\n\n const confirmShiftDate = () => {\n const hasRoles = project.roles && project.roles.length > 0;\n const hasPhases = project.phases && project.phases.length > 0;\n\n if (!showConfirm && (hasRoles || hasPhases)) {\n setShowConfirm(true);\n } else {\n shiftProjectDates();\n }\n };\n\n const updateShiftedDates = date => setShiftedStartDate(date);\n\n const onError = error => setError(error);\n\n useEffect(() => {\n const disabled =\n error.length\n || !moment(shiftedStartDate).isValid()\n || moment(shiftedStartDate).isSame(initialStartDate, 'day')\n || updateProjectPending;\n\n setDisabled(disabled);\n }, [error, initialStartDate, shiftedStartDate, updateProjectPending]);\n\n const theme = {\n overrides: {\n MuiInput: {\n error: {\n '&::after': {\n borderBottom: `2px solid ${b500bridgitBlue} !important`,\n },\n },\n underline: {\n '&::after': {\n borderBottom: `2px solid ${b500bridgitBlue}`,\n },\n },\n },\n MuiDialogActions: {\n root: {\n display: 'none',\n },\n },\n },\n };\n\n const renderModal = () => (\n {`${project.name} will be shifted by ${daysDifference} and will now start on ${moment(shiftedStartDate).format(DATE_DISPLAY_FORMAT)}.`}
\n{`This will also shift all ${impactedText} by ${daysDifference}.`}
\n \n )}\n\n New start date\n \n \n
\n )}\n \n );\n\n return (\n \n \n {showModal && renderModal()}\n
\n );\n};\n\nShiftProjectDates.propTypes = {\n project: PropTypes.object.isRequired,\n parentName: PropTypes.string.isRequired,\n};\n\nexport default ShiftProjectDates;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { ValidatedForm } from '../wrapped-components';\n\nfunction AddProjectSubPhaseForm({\n subPhase,\n subPhaseInputs,\n validateDates,\n onValueChanged,\n errors,\n phaseAlreadyAdded,\n removePhaseToAdd,\n removeSubPhaseToAdd,\n refProp,\n}) {\n return (\n {subPhase.name}
\n \n
\n \n \n \n \n \n
\n \n );\n}\n\nAddProjectSubPhaseForm.propTypes = {\n subPhase: PropTypes.object.isRequired,\n subPhaseInputs: PropTypes.object.isRequired,\n validateDates: PropTypes.func.isRequired,\n onValueChanged: PropTypes.func.isRequired,\n errors: PropTypes.object.isRequired,\n phaseAlreadyAdded: PropTypes.bool.isRequired,\n removePhaseToAdd: PropTypes.func.isRequired,\n removeSubPhaseToAdd: PropTypes.func.isRequired,\n refProp: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n ]),\n};\n\nAddProjectSubPhaseForm.defaultProps = {\n refProp: null,\n};\n\nexport default AddProjectSubPhaseForm;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { OverflowTooltip, useIsRefOverflowing } from '@bridgit/foundation';\nimport {\n Button,\n Grid,\n Tabs,\n Tab,\n} from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport {\n ProjectDetailTab,\n ShiftProjectDates,\n ProjectDates,\n ProjectPhases,\n ProjectMoreActions,\n ProjectTypeEditor,\n ProjectNotesContainer,\n} from '.';\nimport { Can } from '../wrapped-components';\nimport { trackAnalytics } from '../common/redux/actions';\nimport {\n PROJECT_DETAILS_TAB_CLICKED,\n PROJECT_VIEW_PROJECT_NOTES,\n} from '../../analytics/projects/constants';\n\nexport const ProjectPanel = ({\n project,\n onClose,\n}) => {\n const dispatch = useDispatch();\n\n const { projectFieldValues } = useSelector(({ projects }) => projects);\n const { projectFields } = useSelector(({ accountSettings }) => accountSettings);\n\n const [activeTab, setActiveTab] = useState(0);\n const { ref: projectNameRef, isOverflowing } = useIsRefOverflowing();\n\n if (project === null) return null;\n\n const selectedProjectFields = projectFieldValues && projectFieldValues.length\n ? projectFieldValues.find(f => f.projectId === project.id)\n : [];\n\n const handleTabChange = (event, tab) => {\n const analyticsPayload = {\n 'Project Name': project.name,\n 'Project ID': project.id,\n 'Project status': project.state,\n 'Project type': project.type,\n };\n\n if (tab === 1) {\n dispatch(trackAnalytics(PROJECT_DETAILS_TAB_CLICKED, { ...analyticsPayload, 'Clicked from': 'Project Gantt' }));\n }\n\n if (tab === 2) {\n dispatch(trackAnalytics(PROJECT_VIEW_PROJECT_NOTES, { ...analyticsPayload, 'Viewed from': 'Gantt slider' }));\n }\n setActiveTab(tab);\n };\n\n const renderContent = () => {\n switch (activeTab) {\n case 0:\n return (\n \n
\n );\n case 1:\n return (\n \n
\n );\n case 2:\n return (\n \n
\n );\n default:\n return null;\n }\n };\n\n return (\n \n
\n );\n};\n\nProjectPanel.propTypes = {\n project: PropTypes.object,\n onClose: PropTypes.func,\n};\n\nProjectPanel.defaultProps = {\n project: null,\n onClose: () => {},\n};\n\nexport default ProjectPanel;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { DateUpdateConfirmModal } from 'src/features/projects';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { setEditorConfig } from 'src/features/edit-dates/redux/actions';\nimport {\n setModalActiveView,\n setSelectedProjectId,\n trackAnalytics,\n} from 'src/features/common/redux/actions';\nimport { openModal } from 'src/features/modal-manager/redux/actions';\nimport { COMMON_PROJECT_DATES_UPDATED } from 'src/analytics/common/constants';\nimport { updateProject } from './redux/actions';\nimport { Can } from '../wrapped-components';\nimport { DateEditor } from '../common';\nimport {\n DATE_INPUT_FORMAT,\n DATE_DISPLAY_FORMAT,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n} from '../../common/constants';\nimport { SEGMENT_TYPE_PHASE, SEGMENT_TYPE_PROJECT, SEGMENT_TYPE_ROLE } from '../edit-dates/common/constants';\nimport {\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PROJECT_DATE, MULTI_STATE_MODAL_ID,\n} from '../common/redux/constants';\nimport { getAffectedProjectEntities, getDateEditOptions } from '../edit-dates/utils/dateEditorUtils';\n\nexport const ProjectDates = ({\n project,\n parentName,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { updateProjectPending } = useSelector(({ projects }) => projects);\n const { dateUnderEdit } = useSelector(({ editDates }) => editDates);\n const modalIsOpen = useSelector(({ modalManager }) => {\n const { activeModal } = modalManager;\n\n return activeModal === MULTI_STATE_MODAL_ID;\n });\n\n // start/end date must be string DATE_INPUT_FORMAT and not be moment objects to handle timezones\n const [startDate, setStartDate] = useState(project.startDate);\n const [endDate, setEndDate] = useState(project.endDate);\n\n const [editDateMode, setEditDateMode] = useState(false);\n const [showUpdateConfirm, setShowUpdateConfirm] = useState(false);\n\n const hideConfirm = useCallback(() => {\n setStartDate(project.startDate);\n setEndDate(project.endDate);\n setShowUpdateConfirm(false);\n }, [project.endDate, project.startDate]);\n\n useEffect(() => {\n if (!dateUnderEdit) {\n hideConfirm();\n }\n }, [dateUnderEdit, hideConfirm]);\n\n useEffect(() => {\n if (!updateProjectPending) {\n setEditDateMode(false);\n setShowUpdateConfirm(false);\n setStartDate(project.startDate);\n setEndDate(project.endDate);\n }\n }, [project, updateProjectPending]);\n\n const theme = {\n overrides: {\n MuiInput: {\n underline: {\n '&::before': {\n border: 'none',\n },\n '&:hover::before': {\n border: 'none !important',\n },\n },\n },\n MuiDialogActions: {\n root: {\n display: 'none',\n },\n },\n },\n };\n\n const updateStartDate = (date) => {\n const isValidDate = moment(date).isValid();\n setStartDate(isValidDate ? date.format(DATE_INPUT_FORMAT) : null);\n };\n\n const updateEndDate = (date) => {\n const isValidDate = moment(date).isValid();\n setEndDate(isValidDate ? date.format(DATE_INPUT_FORMAT) : null);\n };\n\n const onToggleEdit = () => {\n const { startDate: currentStart, endDate: currentEnd } = project;\n setStartDate(currentStart);\n setEndDate(currentEnd);\n setEditDateMode(!editDateMode);\n };\n\n const saveProject = (updateMode) => {\n const { startDate: currentStart, endDate: currentEnd, name, id, state: status, type: projectType } = project;\n\n const data = {\n startDate,\n endDate,\n expandRole: updateMode === 'expand',\n expandPhases: updateMode === 'expand',\n };\n\n dispatch(updateProject(accountId, id, data));\n\n const { editAction, offset } = getDateEditOptions(currentStart, currentEnd, startDate, endDate);\n const analyticsPayload = {\n 'Start Date Updated': !moment(startDate).isSame(currentStart),\n 'End Date Updated': !moment(endDate).isSame(currentEnd),\n 'Project name': name,\n 'Project id': id,\n 'Project status': status,\n 'Project type': projectType,\n 'Project dates updated from': parentName,\n '# of days offset': offset,\n 'Impact to project': editAction,\n };\n\n dispatch(trackAnalytics(COMMON_PROJECT_DATES_UPDATED, analyticsPayload));\n };\n\n const confirmUpdateProject = () => {\n const {\n id,\n startDate: currentStartDate,\n endDate: currentEndDate,\n name,\n state: status,\n type: projectType,\n } = project;\n\n const editorSegments = getAffectedProjectEntities(project, startDate, endDate);\n const showAdvancedEdit =\n editorSegments?.[SEGMENT_TYPE_ROLE]?.length > 0 ||\n editorSegments?.[SEGMENT_TYPE_PHASE]?.length > 0;\n\n if (showAdvancedEdit) {\n const analyticsPayload = {\n runsInModal: modalIsOpen,\n data: {\n projectName: name,\n projectId: id,\n from: 'Project Details Modal',\n to: 'Edit Project Modal',\n projectStatus: status,\n projectType,\n },\n };\n dispatch(setSelectedProjectId(id, COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PROJECT_DATE, null, modalIsOpen, false, null, analyticsPayload));\n dispatch(setModalActiveView(COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_EDIT_PROJECT_DATE));\n dispatch(setEditorConfig(SEGMENT_TYPE_PROJECT, currentStartDate, currentEndDate, startDate, endDate, parentName));\n\n if (!modalIsOpen) {\n dispatch(openModal(MULTI_STATE_MODAL_ID));\n }\n\n setEditDateMode(false);\n } else {\n saveProject();\n }\n };\n\n return (\n \n \n \n \n
\n {renderContent()}\n {project.name}
\n \n \n
\n \n \n \n \n \n \n
\n \n
\n );\n};\n\nProjectDates.propTypes = {\n project: PropTypes.object.isRequired,\n parentName: PropTypes.string.isRequired,\n};\n\nexport default ProjectDates;\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { MoreHoriz } from '@material-ui/icons';\nimport {\n Input,\n IconButton,\n Tooltip,\n TextField,\n} from '@material-ui/core';\nimport classNames from 'classnames';\nimport { fitSegmentsToRange } from '../../utils/dateSegmentUtils';\nimport { validateRoleUpdate } from './utils/projectRolesUtils';\nimport { addProjectRoles } from './redux/actions';\nimport { ProjectRoleEditor, ProjectStatus } from '.';\nimport { EditControls, NumberInput } from '../wrapped-components';\nimport { CancelButton, DatePicker, ProjectLinkToModalContainer, Modal } from '../common';\nimport { CustomRoleRequirementModal } from '../allocations';\nimport { RolePhaseSelector } from '../phases';\nimport { DATE_DISPLAY_FORMAT, DATE_INPUT_FORMAT, MAX_ALLOCATION_PERCENT } from '../../common/constants';\nimport { AUTOMATION_ROLE_START_DATE_PREFIX, AUTOMATION_ROLE_END_DATE_PREFIX } from './ids';\nimport { momentToString } from '../../utils/dateUtils';\n\nexport const AddProjectRole = ({\n project,\n cancel,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { roles } = useSelector(({ accountSettings }) => accountSettings);\n const { addProjectRolesPending } = useSelector(({ projects }) => projects);\n\n const [selectedRole, setSelectedRole] = useState(null);\n const [note, setNote] = useState('');\n const [startDate, setStartDate] = useState(project.startDate);\n const [endDate, setEndDate] = useState(project.endDate);\n const [workingStartDate, setWorkingStartDate] = useState(project.startDate);\n const [workingEndDate, setWorkingEndDate] = useState(project.endDate);\n const [allocatedPercent, setAllocatedPercent] = useState(MAX_ALLOCATION_PERCENT);\n const [showModal, setShowModal] = useState(false);\n const [valid, setValid] = useState(false);\n const [manualChange, setManualChange] = useState(false);\n const [selectedPhases, setSelectedPhases] = useState([]);\n const [requirements, setRequirements] = useState([\n {\n startDate,\n endDate,\n allocatedPercent,\n },\n ]);\n\n // Required to support old and new project gantts\n // When we remove the old project gantt in RP-7497 this can be cleaned up\n const projectColor = project.color || project.colour;\n\n const workingRole = useMemo(() => (\n {\n name: selectedRole?.name,\n startDate,\n endDate,\n rowId: -1,\n }\n ), [selectedRole, startDate, endDate]);\n\n const defaultRequirements = [{\n startDate: project.startDate,\n endDate: project.endDate,\n allocatedPercent: MAX_ALLOCATION_PERCENT,\n }];\n\n const validate = useCallback(() => {\n const existingProject = { startDate: project.startDate, endDate: project.endDate };\n const updatedRole = { startDate, endDate, requirements };\n let valid = true;\n\n if (!selectedRole) valid = false;\n\n if (!validateRoleUpdate(existingProject, updatedRole)) valid = false;\n\n setValid(valid);\n }, [requirements, endDate, project.endDate, project.startDate, selectedRole, startDate]);\n\n useEffect(() => {\n validate();\n }, [startDate, endDate, requirements, selectedRole, validate]);\n\n const clearRequirements = () => {\n setRequirements([\n {\n startDate,\n endDate,\n allocatedPercent,\n },\n ]);\n setManualChange(true);\n };\n\n const onChangeRole = (value) => {\n setSelectedRole(roles.find(role => role.id === value));\n };\n\n const onNoteChange = (evt) => {\n setNote(evt.target.value);\n };\n\n const onSave = () => {\n const data = [\n {\n name: selectedRole.name,\n note: note === '' ? null : note,\n startDate,\n endDate,\n requirements,\n selectedPhases,\n },\n ];\n dispatch(addProjectRoles(accountId, project.id, data, 'Project Gantt'));\n };\n\n const handleAllocatedPercentChange = (percent) => {\n setAllocatedPercent(percent);\n setRequirements(requirements.map(alloc => ({ ...alloc, allocatedPercent: percent })));\n };\n\n const onShowModal = () => setShowModal(true);\n\n const onHideModal = () => setShowModal(false);\n\n const updateRoleRequirements = (rowId, requirements) => {\n setRequirements(requirements);\n setAllocatedPercent(requirements[0].allocatedPercent);\n setShowModal(false);\n setManualChange(true);\n };\n\n const updateStartDate = (date) => {\n const workingRequirements = requirements.length ? requirements : defaultRequirements;\n const newRequirements = fitSegmentsToRange(workingRequirements, date, endDate);\n\n setStartDate(date);\n setRequirements(newRequirements);\n setAllocatedPercent(newRequirements[0]?.allocatedPercent);\n };\n\n const updateEndDate = (date) => {\n const workingRequirements = requirements.length ? requirements : defaultRequirements;\n const newRequirements = fitSegmentsToRange(workingRequirements, startDate, date);\n\n setEndDate(date);\n setRequirements(newRequirements);\n setAllocatedPercent(newRequirements[0]?.allocatedPercent);\n };\n\n const updateWorkingStartDate = (date) => {\n setWorkingStartDate(date);\n const newStart = moment(date);\n if (newStart.isValid()) updateStartDate(momentToString(newStart));\n };\n\n const updateWorkingEndDate = (date) => {\n setWorkingEndDate(date);\n const newEnd = moment(date);\n if (newEnd.isValid()) updateEndDate(momentToString(newEnd));\n };\n\n const manuallyUpdateWorkingStartDate = (date) => {\n setManualChange(true);\n updateWorkingStartDate(date);\n };\n\n const manuallyUpdateWorkingEndDate = (date) => {\n setManualChange(true);\n updateWorkingEndDate(date);\n };\n\n const clearStart = () => {\n setWorkingStartDate(null);\n setStartDate(null);\n };\n\n const clearEnd = () => {\n setWorkingEndDate(null);\n setEndDate(null);\n };\n\n const onPhaseSelect = () => {\n setManualChange(false);\n };\n\n const updateRole = (rowId, values) => {\n if ('startDate' in values) {\n setWorkingStartDate(values.startDate);\n setStartDate(values.startDate);\n }\n\n if ('endDate' in values) {\n setWorkingEndDate(values.endDate);\n setEndDate(values.endDate);\n }\n\n if ('requirements' in values) {\n setRequirements(values.requirements);\n }\n\n if ('selectedPhases' in values) {\n setSelectedPhases(values.selectedPhases);\n } else {\n setSelectedPhases([]);\n }\n };\n\n const preventDrag = evt => evt.stopPropagation();\n\n const requirementsDisabled = moment(workingStartDate).isAfter(workingEndDate)\n || moment(workingEndDate).isBefore(workingStartDate)\n || !(workingStartDate && workingEndDate);\n\n const validationMessages = {\n dateOutOfRange: 'Date out of range',\n dateFormatInvalid: 'Invalid Date Format',\n };\n\n const hasPhases = project?.phases?.length > 0;\n\n return (\n \n Project dates\n
\n \n
\n {showUpdateConfirm && (\n \n Start Date\n
\n {moment(startDate).format(DATE_DISPLAY_FORMAT)}
\n )}\n />\n\n End Date\n
\n {moment(endDate).format(DATE_DISPLAY_FORMAT)}
}\n />\n\n \n
\n )]}\n >\n \n
\n \n\n {showModal && (\n \n
\n \n
\n \n
\n \n
\n \n Start Date\n
\n {moment(project.startDate).format(DATE_DISPLAY_FORMAT)}
\n\n End Date\n
\n {moment(project.endDate).format(DATE_DISPLAY_FORMAT)}
\n\n
\n \n
\n \n
\n Role
\n\n
\n Note
\n\n { hasPhases && (\n
\n \n
\n )}\n Quick options
\n\n
\n Start date
\n\n
\n \n
\n End date
\n\n
\n \n
\n Allocation %
\n\n { requirements.length > 1 && (\n \n \n \n \n
\n \n
\n )}\n { requirements.length === 1 && (\n \n
\n );\n};\n\nEditProjectRole.propTypes = {\n project: PropTypes.object.isRequired,\n role: PropTypes.object.isRequired,\n onPreventClickAway: PropTypes.func,\n onAllowClickAway: PropTypes.func,\n onRoleDeleted: PropTypes.func,\n};\n\nEditProjectRole.defaultProps = {\n onPreventClickAway: () => {},\n onAllowClickAway: () => {},\n onRoleDeleted: () => {},\n};\n\nexport default EditProjectRole;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Radio, FormControlLabel } from '@material-ui/core';\nimport { DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport { Confirm } from '../common';\n\nconst DateUpdateConfirmModal = ({\n project,\n startDate,\n endDate,\n onCancel,\n onAccept,\n loading,\n stopClickPropagation,\n}) => {\n const [updateMode, setUpdateMode] = useState('expand');\n\n const momentStart = moment(startDate);\n const momentEnd = moment(endDate);\n const isStartDateEdit = !momentStart.isSame(project.startDate);\n const newDate = isStartDateEdit ? `start on ${momentStart.format(DATE_DISPLAY_FORMAT)}` : `end on ${momentEnd.format(DATE_DISPLAY_FORMAT)}`;\n const oldDate = isStartDateEdit ? `start on ${moment(project.startDate)\n .format(DATE_DISPLAY_FORMAT)}` : `end on ${moment(project.endDate)\n .format(DATE_DISPLAY_FORMAT)}`;\n const impacted = [];\n const hasRoles = project.roles && project.roles.length > 0;\n const hasAllocations = project.roles && project.roles.find(role => role.allocations && role.allocations.length);\n const hasPhases = project.phases && project.phases.length > 0;\n const hasSubPhases = project.phases &&\n project.phases.find(phase => Array.isArray(phase.subPhases) && phase.subPhases.length > 0);\n\n if (hasRoles) impacted.push('roles');\n if (hasAllocations) impacted.push('allocations');\n if (hasPhases) impacted.push('phases');\n if (hasSubPhases) impacted.push('sub-phases');\n\n const impactedText = impacted.length > 2 ? impacted.join(', ')\n .replace(/, ([^,]*)$/, ', and $1') : impacted.join(' and ');\n let confirmMessage = '';\n let confirmOptions;\n\n const onConfirmChange = evt => setUpdateMode(evt.target.value);\n\n if (momentStart.isBefore(project.startDate) || momentEnd.isAfter(project.endDate)) {\n confirmMessage = `What would you like to do to all ${impactedText} currently scheduled to ${oldDate}?`;\n confirmOptions = (\n <>\n \n
\n \n
\n Role
\n\n \n {roles.map(role => )}\n \n
\n {editMode === 'roleType' && renderEditControls()}\n \n
\n Note:
\n\n
\n Start date
\n\n
\n {editMode === 'startDate' && renderEditControls()}\n \n
\n End date
\n\n
\n {editMode === 'endDate' && renderEditControls()}\n \n
\n Allocation %
\n\n { requirements.length > 1 && (\n \n \n \n \n
\n {editMode === 'allocations' && renderEditControls()}\n \n
\n )}\n { requirements.length === 1 && (\n \n {deleteProjectRolePending\n ? \n Remove Role\n \n )}\n
\n\n {showModal && (\n \n \n
\n );\n};\n\nDateUpdateConfirmModal.propTypes = {\n project: PropTypes.object.isRequired,\n startDate: PropTypes.string.isRequired,\n endDate: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n onCancel: PropTypes.func.isRequired,\n onAccept: PropTypes.func.isRequired,\n stopClickPropagation: PropTypes.bool,\n};\n\nDateUpdateConfirmModal.defaultProps = {\n stopClickPropagation: false,\n};\n\nexport default DateUpdateConfirmModal;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener, Paper } from '@material-ui/core';\nimport { CustomPopper, EditControls } from 'src/features/wrapped-components';\nimport { RoleNoteField } from '.';\n\nexport const RoleNotePopper = ({\n targetRef,\n onClickAway,\n initialNote,\n onUpdate,\n onCancel,\n onSave,\n pending,\n}) => {\n const [note, setNote] = useState(initialNote);\n const [isValid, setIsValid] = useState(false);\n\n useEffect(() => {\n let validated = true;\n\n if (initialNote === note || (!initialNote && !note)) {\n validated = false;\n }\n\n setIsValid(validated);\n }, [isValid, initialNote, note]);\n\n const onNoteChange = (evt) => {\n setNote(evt.target.value);\n };\n\n const clearNote = () => {\n setNote('');\n };\n\n const handleSave = async () => {\n await onUpdate(note);\n onSave();\n };\n\n const checkEnter = (evt) => {\n if (evt.keyCode === 13 && isValid) {\n handleSave();\n }\n };\n\n const handleClickAway = () => {\n if (initialNote === note) {\n onClickAway();\n }\n };\n\n return (\n \n
\n \n \n {`${project.name} will now ${newDate}.`}\n
\n {confirmMessage}
\n{confirmOptions}
\n Note:
\n\n
\n \n
\n );\n }\n}\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, projects, accountSettings }) {\n const { updateProjectRolePending, getProjectAllocationsPending, projectAllocations } = projects;\n const { roles } = accountSettings;\n const { accountId } = common;\n const pending = updateProjectRolePending || getProjectAllocationsPending;\n\n return {\n pending,\n roles,\n projectAllocations,\n accountId,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n updateProjectRole: bindActionCreators(updateProjectRole, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(RoleDetailRow);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport { RemoveButton } from '../common';\nimport { AUTOMATION_PROJECTS_ROLE_NOTE_FIELD } from './ids';\n\nexport const RoleNoteField = ({\n className,\n onNoteChange,\n note,\n clearNote,\n onBlur,\n showDeleteWhenEmpty,\n fullWidth,\n autoFocus,\n onKeyUp,\n}) => (\n \n \n
\n \n
\n \n )}\n no={(\n \n \n
\n\n \n this.handleDateChange(date, 'startDate')}\n editMode={editStartMode}\n onEditToggle={onEditToggle('startDate')}\n editIconTooltip=\"Edit role start date\"\n onError={onDateError}\n disableSaveButton={!valid}\n />\n {editStartMode && this.renderEditControls()}\n
\n \n )}\n no={{formattedStartDate}}\n />\n \n
\n\n \n \n
\n \n this.handleDateChange(date, 'endDate')}\n editMode={editEndMode}\n onEditToggle={onEditToggle('endDate')}\n editIconTooltip=\"Edit role end date\"\n onError={onDateError}\n disableSaveButton={!valid}\n />\n {editEndMode && this.renderEditControls()}\n
\n \n )}\n no={{formattedEndDate}}\n />\n \n {!customPercentages && (\n \n \n \n \n \n )}\n no={(\n \n \n \n \n )}\n />\n )}\n
\n\n {showCustomModal && (\n \n
\n \n )}\n no={workingRequirements.length ? workingRequirements[0].allocatedPercent : 100}\n />\n )}\n {customPercentages && (\n Custom
\n Custom
\n \n
\n );\n};\n\nProjectSelfPerformTab.propTypes = {\n accountId: PropTypes.number.isRequired,\n getUsers: PropTypes.func.isRequired,\n getRequesters: PropTypes.func.isRequired,\n assignRequester: PropTypes.func.isRequired,\n deleteRequester: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n users: PropTypes.object.isRequired,\n selectedProject: PropTypes.object.isRequired,\n projectRequesters: PropTypes.array.isRequired,\n addHourlyRequestPending: PropTypes.bool,\n openModal: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n isModalOpen: PropTypes.bool.isRequired,\n isModalAllowed: PropTypes.bool.isRequired,\n};\n\nProjectSelfPerformTab.defaultProps = {\n addHourlyRequestPending: false,\n};\n\nconst mapStateToProps = ({\n common: { accountId },\n selfPerform: { assignRequesterPending, getProjectRequestersPending, projectRequesters, addHourlyRequestPending },\n accounts: { users },\n modalManager: { activeModal },\n}) => ({\n accountId,\n loading: assignRequesterPending || getProjectRequestersPending,\n projectRequesters,\n users,\n isModalOpen: activeModal === ADD_REQUEST_MODAL,\n isModalAllowed: activeModal !== MULTI_STATE_MODAL_ID,\n addHourlyRequestPending,\n});\n\nconst mapDispatchToProps = dispatch => ({\n getUsers: bindActionCreators(getUsers, dispatch),\n getRequesters: bindActionCreators(getRequesters, dispatch),\n assignRequester: bindActionCreators(assignRequester, dispatch),\n deleteRequester: bindActionCreators(deleteRequester, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectSelfPerformTab);\n","import React, { useState, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { MenuItem, CircularProgress } from '@material-ui/core';\nimport { MoreActionsButton } from '@bridgit/foundation';\nimport { updateProject, deleteProject } from './redux/actions';\nimport { Confirm } from '../common';\nimport { closeModal } from '../modal-manager/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { CANCELED, ACTIVE, LOST, REACTIVATED, PURSUIT, REACTIVATE_API_MAPPING } from './constants';\nimport { AUTOMATION_DELETE_PROJECT_ACTION } from './ids';\n\nconst ProjectMoreActions = ({\n accountId,\n selectedProject,\n updateProject,\n updateProjectPending,\n deleteProject,\n deleteProjectPending,\n activeModal,\n closeModal,\n onDelete,\n runsInModal,\n}) => {\n const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n const confirmMsg = useMemo(() => {\n if (selectedProject?.roles?.length) {\n const pastRoles = selectedProject?.roles?.filter(role => !moment(role.startDate).isAfter());\n if (pastRoles.length) {\n return 'All roles and allocations on the project and related project history will also be deleted. ';\n }\n return 'All roles and allocations on the project will also be deleted. ';\n }\n return '';\n }, [selectedProject?.roles]);\n\n const parentName = `Project Details${runsInModal ? ' Modal' : ''}`;\n\n const onDeleteConfirm = () => {\n setShowDeleteConfirm(true);\n };\n\n const onHideConfirm = useCallback(() => setShowDeleteConfirm(false), []);\n\n const handleStatusChange = useCallback(statusType => () => {\n const APIStatusType = statusType === REACTIVATED\n ? REACTIVATE_API_MAPPING[selectedProject.state] || ACTIVE\n : statusType;\n const data = {\n state: selectedProject.state === PURSUIT ? LOST : APIStatusType,\n };\n updateProject(accountId, selectedProject.id, data, selectedProject, parentName, statusType);\n }, [accountId, parentName, selectedProject, updateProject]);\n\n const onProjectDelete = useCallback(() => {\n deleteProject(accountId, selectedProject.id, parentName);\n onDelete();\n if (activeModal === MULTI_STATE_MODAL_ID) {\n closeModal(MULTI_STATE_MODAL_ID);\n }\n }, [accountId, activeModal, closeModal, deleteProject, onDelete, parentName, selectedProject.id]);\n\n const menuItems = useMemo(() => {\n const isInactive = [CANCELED, LOST].includes(selectedProject.state);\n const updateOrDeletePending = updateProjectPending || deleteProjectPending;\n\n return [\n ...(selectedProject.state === PURSUIT\n ? [{\n id: 'lost-project-action',\n key: 'lost',\n onClick: handleStatusChange(LOST),\n disabled: updateProjectPending,\n content: 'Project Lost',\n }]\n : [{\n id: 'cancel-reactivate-project-action',\n key: 'cancel-reactivate',\n onClick: isInactive ? handleStatusChange(REACTIVATED) : handleStatusChange(CANCELED),\n disabled: updateOrDeletePending,\n content: `${isInactive ? 'Reactivate' : 'Cancel'} Project`,\n }]\n ),\n {\n id: AUTOMATION_DELETE_PROJECT_ACTION,\n key: 'delete',\n onClick: onDeleteConfirm,\n disabled: updateOrDeletePending,\n content: 'Delete Project',\n className: 'delete-project-action',\n },\n ];\n }, [updateProjectPending, deleteProjectPending, selectedProject.state, handleStatusChange]);\n\n return (\n \n
\n {selectedProject.requests?.length === 0\n ? (\n \n
\n \n
\n \n There are no self-perform requests or assignments on this project. Visit the\n self-perform area to create a new request\n
\n )\n : (\n \n \n {menuItems.map(({ id, key, onClick, disabled, content, className }) => (\n \n ))}\n \n {showDeleteConfirm && (\n \n {deleteProjectPending\n ?
\n );\n};\n\nProjectMoreActions.propTypes = {\n accountId: PropTypes.number.isRequired,\n selectedProject: PropTypes.object.isRequired,\n updateProject: PropTypes.func.isRequired,\n updateProjectPending: PropTypes.bool.isRequired,\n deleteProject: PropTypes.func.isRequired,\n deleteProjectPending: PropTypes.bool.isRequired,\n activeModal: PropTypes.string,\n closeModal: PropTypes.func.isRequired,\n onDelete: PropTypes.func,\n runsInModal: PropTypes.bool,\n};\n\nProjectMoreActions.defaultProps = {\n activeModal: null,\n onDelete: () => {},\n runsInModal: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ projects, common, modalManager }) {\n const { accountId } = common;\n const { activeModal } = modalManager;\n const { updateProjectPending, deleteProjectPending } = projects;\n\n return {\n accountId,\n activeModal,\n updateProjectPending,\n deleteProjectPending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n updateProject: bindActionCreators(updateProject, dispatch),\n deleteProject: bindActionCreators(deleteProject, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectMoreActions);\n","import React, { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Select,\n MenuItem,\n FormControl,\n} from '@material-ui/core';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { PROJECT_TYPES, TYPE } from 'src/features/projects/constants';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from 'src/common/constants';\nimport { Can } from 'src/features/wrapped-components';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PERM_WRITE, PERM_PROJECT } from 'src/features/permissions/utils/constants';\nimport { updateProject } from './redux/actions';\n\nconst ProjectTypeEditor = ({\n accountId,\n selectedProject,\n updateProject,\n updateProjectPending,\n runsInModal,\n permissions,\n}) => {\n const parentName = `Project Details${runsInModal ? ' Modal' : ''}`;\n const selectDisabled = useMemo(() => (\n updateProjectPending || !isAuthorized(accountId, permissions, PERM_WRITE, PERM_PROJECT)\n ),\n [accountId, permissions, updateProjectPending]);\n\n const updateProjectType = useCallback((event) => {\n updateProject(\n accountId,\n selectedProject.id,\n { type: event.target.value },\n selectedProject,\n parentName,\n TYPE,\n );\n }, [accountId, parentName, selectedProject, updateProject]);\n\n return (\n \n
\n )}\n \n )}\n Are you sure you want to delete this project?
\n {`${confirmMsg}This cannot be undone.`}
\n \n \n
\n );\n};\n\nFloatingActionsProjectRole.propTypes = {\n onDeleteRole: PropTypes.func,\n onDuplicateRole: PropTypes.func,\n selectedProject: PropTypes.object.isRequired,\n role: PropTypes.object.isRequired,\n allocations: PropTypes.arrayOf(PropTypes.object).isRequired,\n runsInModal: PropTypes.bool,\n};\n\nFloatingActionsProjectRole.defaultProps = {\n onDeleteRole: () => {},\n onDuplicateRole: () => {},\n runsInModal: false,\n};\n\nexport default FloatingActionsProjectRole;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ProjectLink } from '@bridgit/foundation';\nimport { AUTOMATION_NOTIFY_HEADER_VALUE } from './ids';\n\nexport default function ProjectNotifyHeader({\n label,\n value,\n project,\n}) {\n const { colour, name, id } = project;\n\n return (\n <>\n \n
\n \n )}\n This assignment is in the past, no new communications can be sent.
\n {communicationStatus}
\n \n {label}\n
\n {value}
\n \n Project\n
\n \n );\n}\n\nProjectNotifyHeader.propTypes = {\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n project: PropTypes.object.isRequired,\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { NotifyModal } from '@bridgit/foundation';\n\nimport { getCommunicateAssignmentRemovalModalProps } from './utils/projectRolesUtils';\nimport { ASSIGNMENT_REMOVE_REPLACE_MODAL_LAUNCHED } from '../../analytics/projects/constants';\nimport { getEntityState } from '../../utils/dateUtils';\nimport { trackAnalytics } from '../common/redux/actions';\n\nconst CommunicateAssignmentRemovalOrReplacementModal = ({\n role,\n selectedProject,\n primaryAction,\n secondaryAction,\n allocation,\n type,\n}) => {\n const dispatch = useDispatch();\n\n const { sendRoleNotificationPending } = useSelector(({ projects }) => projects);\n const { people = [] } = useSelector(({ people }) => {\n const { entities } = people;\n\n return { people: entities };\n });\n\n useEffect(() => {\n const { name, id } = selectedProject;\n const { name: roleName, id: roleId, allocations } = role;\n const { startDate, endDate } = allocation;\n\n const allocationState = getEntityState(moment(startDate), moment(endDate));\n\n const analyticsPayload = {\n 'Project name': name,\n 'Project id': id,\n 'Role name': roleName,\n 'Role id': roleId,\n 'Launched to communicate': type,\n 'Allocation status': allocationState,\n '# of people in the role at time of action': allocations.length,\n };\n\n dispatch(trackAnalytics(ASSIGNMENT_REMOVE_REPLACE_MODAL_LAUNCHED, analyticsPayload));\n }, [allocation, role, selectedProject, type, dispatch]);\n\n const {\n headline,\n standardText,\n recipients,\n notifyHeader,\n subtitle,\n options,\n defaultOptions,\n } = useMemo(\n () => getCommunicateAssignmentRemovalModalProps(role, selectedProject, people, allocation),\n [role, selectedProject, people, allocation],\n );\n\n return (\n \n
\n \n
\n );\n};\n\nProjectNotesContainer.propTypes = {\n headerLabel: PropTypes.string,\n className: PropTypes.string,\n projectId: PropTypes.number.isRequired,\n projectName: PropTypes.string.isRequired,\n projectType: PropTypes.string.isRequired,\n projectStatus: PropTypes.string.isRequired,\n projectNotes: PropTypes.array,\n};\n\nProjectNotesContainer.defaultProps = {\n headerLabel: '',\n className: '',\n projectNotes: [],\n};\n\nexport default ProjectNotesContainer;\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { MessageOutlined, Restore } from '@material-ui/icons';\nimport { ModalSidePanel } from 'src/features/common';\nimport { ProjectNotesContainer, ProjectAudit } from '.';\nimport { isAuthorized, hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { PERM_READ, PERM_ROLE } from '../permissions/utils/constants';\nimport { ACCOUNT_MODULE_STANDARD } from '../../common/constants';\nimport { MODAL_NOTES_TAB, MODAL_PROJECT_AUDIT_TAB } from './constants';\nimport { trackAnalytics } from '../common/redux/actions';\nimport {\n PROJECT_VIEW_PROJECT_NOTES,\n PROJECT_VIEW_PROJECT_ACTIVITY,\n} from '../../analytics/projects/constants';\n\nconst ProjectModalSidePanel = ({\n selectedProject,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { accountModules } = useSelector(({ accountSettings }) => accountSettings);\n const { permissions } = useSelector(({ login: { userInfo } }) => userInfo);\n\n const [activePanel, setActivePanel] = useState(null);\n\n const options = useMemo(() => {\n const hasRolePerms = isAuthorized(accountId, permissions, PERM_READ, PERM_ROLE);\n const hasStandardModule = hasModuleEnabled(accountModules, ACCOUNT_MODULE_STANDARD);\n\n return [\n {\n value: MODAL_NOTES_TAB,\n display: 'Notes',\n eventName: PROJECT_VIEW_PROJECT_NOTES,\n icon: \n {isNestedField ? (\n {`○ ${name}: `}\n ) : (\n {`${name}: `}\n )}\n\n {isNestedValue ? (\n
\n));\n\nconst getCustomAllocationBreakdown = allocations => allocations.map(allocation => (\n \n
\n ) : (\n {value ?? ''}\n )}\n {value ?? ''}
\n \n {`${allocation.allocatedPercent}%`}\n {`${getFormattedDate(allocation.startDate)} to ${getFormattedDate(allocation.endDate)}`}\n
\n));\n\nconst getCommonAllocationFields = (allocations, personName, roleName) => {\n const sortedAllocations = naturalSort(allocations, ['startDate', 'endDate']);\n const lastAllocationIdx = sortedAllocations.length - 1;\n const startDate = sortedAllocations?.[0]?.startDate;\n const endDate = sortedAllocations?.[lastAllocationIdx].endDate;\n\n let allocationBreakdown = getFieldValues([\n { name: 'Name', value: personName },\n { name: 'Role Name', value: roleName },\n { name: 'Allocation Start Date', value: getFormattedDate(startDate) },\n { name: 'Allocation End Date', value: getFormattedDate(endDate) },\n ]);\n\n if (sortedAllocations.length > 1) {\n const customAllocationSetValues = getCustomAllocationBreakdown(sortedAllocations);\n allocationBreakdown = [\n ...allocationBreakdown,\n ...getFieldValues([{ name: 'Custom allocation set', value: customAllocationSetValues }]),\n ];\n } else {\n allocationBreakdown = [\n ...allocationBreakdown,\n ...getFieldValues([{ name: 'Allocation %', value: sortedAllocations?.[0]?.allocatedPercent }]),\n ];\n }\n\n return allocationBreakdown;\n};\n\nconst getRoleContent = ({ allocations, note, isCommunicated, startDate, endDate, isFilled }) => {\n const baseRoleFieldsConfig = getBaseRolesFields(startDate, endDate, isFilled);\n const baseRoleFields = getFieldValues(baseRoleFieldsConfig);\n const hasSplitAllocations = allocations.length > 1;\n const customAllocationSetValues = getCustomAllocationBreakdown(allocations);\n const splitAllocationFields = getFieldValues([{ name: 'Custom allocation set', value: customAllocationSetValues }]);\n\n const nonSplitAllocationsDatesMarkup = (\n <>\n {`Start Date: ${getFormattedDate(allocations?.[0].startDate)}`}
\n{`End Date: ${getFormattedDate(allocations?.[0].endDate)}`}
\n \n );\n\n const nonSplitAllocationFields = getFieldValues([\n { name: 'Allocations', value: nonSplitAllocationsDatesMarkup },\n { name: 'Allocation percentage', value: `${allocations?.[0].allocatedPercent}%` },\n ]);\n\n const allocationFields = hasSplitAllocations ? splitAllocationFields : nonSplitAllocationFields;\n\n const restRoleFields = getFieldValues([\n { name: 'Note', value: note },\n { name: 'Communicated', value: capitalize(`${isCommunicated}`) },\n ]);\n\n return [baseRoleFields, allocationFields, restRoleFields];\n};\n\nexport const renderEventDetails = (eventName, eventData) => {\n const {\n name,\n colour,\n startDate,\n endDate,\n state,\n type,\n data,\n message,\n isPrivate,\n creatorName,\n createdOn,\n lastModifiedOn,\n allocations,\n person,\n role,\n __typename,\n } = eventData || {};\n\n switch (eventName) {\n case PROJECT_CREATED:\n case PROJECT_UPDATED: {\n const projectFields = getProjectFields(name, colour, startDate, endDate, state, type);\n\n return getFieldValues(projectFields);\n }\n\n case PROJECT_FILED_SET:\n case PROJECT_FIELD_CLEARED: {\n return (\n\n {data.map(field => (\n
\n );\n }\n\n case PHASE_ADDED:\n case PHASE_UPDATED:\n case PHASE_DELETED: {\n return (\n \n
\n ))}\n \n \n {`${field.fieldName || 'Deleted field'}: `}\n \n {getFormattedFieldValue(field.values, field.fieldType)}\n
\n\n {data.map((phase) => {\n const phaseFieldsConfig = getPhaseFields(phase.name, phase.startDate, phase.endDate);\n const phaseFields = getFieldValues(phaseFieldsConfig);\n const subPhaseFields = phase.subPhases.map((subPhase) => {\n const subPhaseFieldsConfig = getSubPhaseFields(subPhase.name, subPhase.startDate, subPhase.endDate, true);\n\n return (\n
\n );\n }\n\n case SUB_PHASE_ADDED:\n case SUB_PHASE_UPDATED:\n case SUB_PHASE_DELETED: {\n return (\n \n {getFieldValues(subPhaseFieldsConfig)}\n
\n );\n });\n\n return [phaseFields, subPhaseFields];\n })}\n \n {data.map((subPhase) => {\n const subPhaseFieldsConfig = getSubPhaseFields(subPhase.name, subPhase.startDate, subPhase.endDate);\n\n return getFieldValues(subPhaseFieldsConfig);\n })}\n
\n );\n }\n\n case PROJECT_NOTE_ADDED:\n case PROJECT_NOTE_UPDATED:\n case PROJECT_NOTE_DELETED: {\n const notesFields = getProjectNotesFields(message, isPrivate, creatorName, createdOn, lastModifiedOn);\n\n return getFieldValues(notesFields);\n }\n\n case ROLE_ADDED:\n case ROLE_UPDATED:\n case ROLE_DELETED: {\n const isBulkData = __typename.includes('Bulk');\n const normalizedEventData = isBulkData ? data : [eventData];\n\n return normalizedEventData.length > 1 // show roles as collapsible/expandable\n ? normalizedEventData.map(event => (\n \n
\n ))\n : (\n \n {getFieldValues([{ name: 'Role name', value: event.name }])}\n
\n {getRoleContent(event)}\n\n {getFieldValues([{ name: 'Role name', value: normalizedEventData[0].name }])}\n\n {getRoleContent(normalizedEventData[0])}\n
\n );\n }\n\n case ALLOCATION_SET: {\n const allocationBreakdown = getCommonAllocationFields(allocations, person?.name, role?.name);\n\n return [allocationBreakdown];\n }\n\n case ALLOCATION_DELETED: {\n const allocationBreakdown = getCommonAllocationFields(allocations, person?.name, role?.name);\n const isCommunicated = role && role.isCommunicated !== null ? capitalize(`${role.isCommunicated}`) : null;\n\n const additionalAllocationFields = getFieldValues([\n { name: 'Last notified on', value: role?.notification?.notifiedOn ? getFormattedDateAndTime(role.notification.notifiedOn) : null },\n { name: 'Communicated', value: isCommunicated },\n ]);\n\n return [allocationBreakdown, additionalAllocationFields];\n }\n\n default:\n return null;\n }\n};\n","import React, { useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { AuditLogItem, ListWithLoader } from '@bridgit/foundation';\nimport classNames from 'classnames';\n\nimport { getProjectAudit } from './redux/actions';\nimport {\n getProjectLogEventName,\n getProjectAuditItemExpandedAnalytics,\n renderEventDetails,\n} from './utils/projectAuditUtils';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { MULTI_STATE_MODAL_ID } from '../common/redux/constants';\nimport { PROJECT_LIST_SELECTION_ID } from './redux/constants';\nimport { splitByUpperCase } from '../../utils/miscUtils';\nimport { PROJECT_ACTIVITY_ENTRY_EXPANDED } from '../../analytics/projects/constants';\n\nexport const ProjectAudit = ({\n headerLabel,\n}) => {\n const dispatch = useDispatch();\n\n const isOpenInModal = useSelector(({ modalManager: { activeModal } }) => activeModal === MULTI_STATE_MODAL_ID);\n const selectedProject = useSelector(({ projects: { projectSelections } }) => (\n isOpenInModal\n ? projectSelections?.[MULTI_STATE_MODAL_ID]\n : projectSelections?.[PROJECT_LIST_SELECTION_ID]\n ));\n const { accountId } = useSelector(({ common }) => common);\n const { getProjectAuditPending } = useSelector(({ projects }) => projects);\n const {\n hasMore: hasMoreProjectLogItems,\n cursor: pageFrom = 0,\n items: projectLogItems = [],\n } = useSelector(({ projects: { projectAudit } }) => projectAudit || {});\n\n useEffect(() => {\n if (selectedProject?.id) dispatch(getProjectAudit(accountId, selectedProject.id));\n }, [accountId, selectedProject?.id, dispatch]);\n\n const loadMoreItems = useCallback(\n () => hasMoreProjectLogItems && selectedProject?.id && dispatch(getProjectAudit(accountId, selectedProject?.id, pageFrom)),\n [accountId, hasMoreProjectLogItems, pageFrom, selectedProject?.id, dispatch],\n );\n\n const handleProjectAuditItemExpanded = (isExpanded, eventData) => {\n const analyticsPayload = getProjectAuditItemExpandedAnalytics(isExpanded, eventData, selectedProject, isOpenInModal);\n\n dispatch(trackAnalytics(PROJECT_ACTIVITY_ENTRY_EXPANDED, analyticsPayload));\n };\n\n const renderProjectLogItems = ({ userName, eventOn, actionType, resourceType, eventData }) => {\n const eventName = getProjectLogEventName(resourceType, actionType);\n\n return (\n \n {headerLabel &&
\n );\n};\n\nProjectAudit.propTypes = {\n headerLabel: PropTypes.string,\n};\n\nProjectAudit.defaultProps = {\n headerLabel: '',\n};\n\nexport default ProjectAudit;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ClickAwayListener } from '@material-ui/core';\nimport { CustomPopper } from '../wrapped-components';\nimport { EditProjectRole, ProjectStatus } from '.';\n\nconst ProjectRoleEditPanel = ({\n open,\n anchorEl,\n onClickAway,\n project,\n role,\n}) => {\n if (!project || !role) return null;\n\n const { id: projectId, colour, name } = project;\n const { id: roleId } = role;\n\n return (\n {headerLabel}
}\n\n \n
\n \n \n
\n {name}
\n \n
\n \n {isLoading && \n {markers}\n \n
\n );\n};\n\nexport default ProjectMap;\n","import { gql } from 'apollo-boost';\nimport {\n generateRequestFilter,\n generateRequestSort,\n generateProjectRoleFilter,\n generateProjectRoleSort,\n pickObjectProps,\n} from 'src/filters/graphqlUtils';\nimport { PROJECT_SCHEMAS } from 'src/common/descriptors/project';\nimport { PAGE_SIZE } from 'src/common/constants';\nimport { PERM_READ, PERM_ROLE } from 'src/features/permissions/utils/constants';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { getFilterIssues } from '../../filters/utils/filterUtils';\nimport { ALL_ISSUES, FILTER_ISSUES } from '../../../filters/constants';\n\nconst PROJECT_ROLE_PARAMS = ', $roleStructuredSort: [RoleSort], $roleFilters: [ProjectRoleFilter]';\nconst ROLES_QUERY = `\n roles(structuredSort: $roleStructuredSort, filters: $roleFilters) {\n id\n name\n startDate\n endDate\n isFilled\n sortOrder\n note\n requirements {\n startDate\n endDate\n allocatedPercent: percent\n }\n allocations {\n startDate\n endDate\n personId\n allocatedPercent: percent\n }\n }\n`;\n\nconst constructQuery = hasRolesPerms => gql`\n query projectListQuery($accountId: Int!, $structuredSort: [ProjectSort]${hasRolesPerms ? PROJECT_ROLE_PARAMS : ''}, $from: Int, $size: Int, $filters: [ESQuery], $filterIssues: Int){\n projects(accountId: $accountId, structuredSort: $structuredSort, from: $from, size: $size, filters: $filters, filterIssues: $filterIssues ) {\n hasMore\n cursor\n count\n items {\n id\n state\n name\n startDate\n endDate\n totalRoles\n unfilledRoles\n hasIssues\n lastModifiedOn\n colour\n type\n winPercent\n ${hasRolesPerms ? ROLES_QUERY : ''}\n fields {\n dataType\n name\n values\n isPrivate\n }\n currentPhases {\n name\n subPhases\n }\n phases {\n id\n name\n startDate\n endDate\n subPhases {\n id\n name\n startDate\n endDate\n }\n }\n coordinates {\n lat\n lng\n }\n }\n }\n }\n`;\n\nconst getNewProjectListEntity = (projectData, fieldData = []) => {\n const projectProps = [\n 'id',\n 'state',\n 'name',\n 'startDate',\n 'endDate',\n 'totalRoles',\n 'unfilledRoles',\n 'hasIssues',\n 'lastModifiedOn',\n 'colour',\n 'phases',\n 'roles',\n 'type',\n 'winPercent',\n ];\n\n const fieldProps = [\n 'type',\n 'name',\n 'values',\n 'isPrivate',\n ];\n\n const project = pickObjectProps(projectData, projectProps);\n const fields = fieldData.map(field => ({\n ...pickObjectProps(field, fieldProps),\n __typename: 'Field',\n }));\n const currentPhases = [];\n\n return {\n ...project,\n fields,\n currentPhases,\n __typename: 'Project',\n };\n};\n\nconst getProjectListQuery = (accountId, queries = {}, pageFrom, pageSize, roleSortOption, roleFilterOption, permissions) => {\n const defaults = {\n size: pageSize || PAGE_SIZE,\n };\n\n const defaultSort = [{ name: { order: 'asc' } }];\n\n const { filter, sort, search } = queries;\n const hasFilterQuery = filter && filter.args;\n\n const filterIssues = hasFilterQuery ? getFilterIssues(filter.args) : ALL_ISSUES;\n const filteredQuery = hasFilterQuery ? { ...filter, args: filter.args.filter(arg => arg.filterType !== FILTER_ISSUES) } : {};\n const searchFilter = generateRequestFilter(search, PROJECT_SCHEMAS);\n const filters = generateRequestFilter(filteredQuery, PROJECT_SCHEMAS).concat(searchFilter);\n const structuredSort = generateRequestSort(sort, PROJECT_SCHEMAS, defaultSort);\n const roleFilters = generateProjectRoleFilter(roleFilterOption);\n const roleStructuredSort = generateProjectRoleSort(roleSortOption);\n\n const variables = {\n accountId,\n filters,\n structuredSort,\n roleStructuredSort,\n roleFilters,\n filterIssues,\n from: pageFrom,\n ...defaults,\n };\n\n const hasRolesPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_ROLE);\n\n return {\n query: constructQuery(hasRolesPerms),\n variables,\n };\n};\n\nexport {\n getNewProjectListEntity,\n getProjectListQuery,\n};\n","import { gql } from 'apollo-boost';\nimport { MAX_SIZE, MIN_FROM } from '../../../common/constants';\nimport { generateRequestFilter, generateRequestSort } from '../../../filters/graphqlUtils';\nimport { PROJECT_SCHEMAS } from '../../../common/descriptors/project';\n\nconst PROJECT_NAMES_QUERY = gql`\n query projectNamesQuery($accountId: Int!, $structuredSort: [ProjectSort], $from: Int, $size: Int, $filters: [ESQuery]){\n projects(accountId: $accountId, structuredSort: $structuredSort, from: $from, size: $size, filters: $filters ) {\n count\n items {\n id\n name\n colour\n state\n }\n }\n }\n `;\n\nexport const getProjectNamesQuery = (accountId, queries = {}) => {\n const defaults = {\n size: MAX_SIZE,\n from: MIN_FROM,\n };\n\n const { filter, sort } = queries;\n const filters = filter ? generateRequestFilter(filter, PROJECT_SCHEMAS) : [];\n const structuredSort = sort ? generateRequestSort(sort, PROJECT_SCHEMAS, []) : [];\n\n const variables = {\n accountId,\n filters,\n structuredSort,\n ...defaults,\n };\n\n return {\n query: PROJECT_NAMES_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { getNewProjectListEntity } from 'src/features/projects/queries/getProjectListQuery';\nimport { protectedJsonPost } from 'src/utils/api';\nimport {\n PROJECTS_ADD_PROJECT_BEGIN,\n PROJECTS_ADD_PROJECT_SUCCESS,\n PROJECTS_ADD_PROJECT_FAILURE,\n PROJECTS_ADD_PROJECT_DISMISS_ERROR,\n} from './constants';\n\nimport { normalizeFields } from '../../../utils/normalizers';\n\nexport function addProject(accountId, data, phaseData = [], analyticsPayload, cb) {\n return {\n type: PROJECTS_ADD_PROJECT_BEGIN,\n accountId,\n data,\n phaseData,\n analyticsPayload,\n cb,\n };\n}\n\nexport function dismissAddProjectError() {\n return {\n type: PROJECTS_ADD_PROJECT_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProject(action) {\n const { accountId, data, phaseData, analyticsPayload, cb } = action;\n const withPhases = phaseData.length > 0;\n\n let res;\n\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/projects`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n if (withPhases) {\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${res.id}/phases/bulk`, phaseData);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_SUCCESS,\n data: res,\n withPhases: false,\n phaseData,\n fields: data.fields,\n analyticsPayload,\n });\n\n if (cb) {\n cb(res);\n }\n return;\n }\n }\n\n yield put({\n type: PROJECTS_ADD_PROJECT_SUCCESS,\n data: res,\n withPhases,\n phaseData,\n fields: data.fields,\n analyticsPayload,\n });\n\n if (cb) {\n cb(res);\n }\n}\n\nexport function* watchAddProject() {\n yield takeLatest(PROJECTS_ADD_PROJECT_BEGIN, doAddProject);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_BEGIN:\n return {\n ...state,\n addProjectPending: true,\n addProjectError: null,\n };\n\n case PROJECTS_ADD_PROJECT_SUCCESS: {\n const { data, withPhases, phaseData, fields } = action;\n const normalizedFields = normalizeFields(fields);\n const newProjectList = state.projects.concat(data);\n const projectData = {\n ...data,\n hasIssues: false,\n phases: phaseData,\n roles: [],\n };\n const filteredProjects = state.filteredProjects.concat(getNewProjectListEntity(projectData, normalizedFields));\n\n if (withPhases) {\n let phaseCount = phaseData.length;\n\n phaseData.forEach((phase) => {\n phaseCount += phase.subPhases.length;\n });\n\n // Mixpanel - Track when a phases are added\n window.mixpanel.track('Phases Added to a Project', {\n 'Project Name': data.name,\n 'Project ID': data.id,\n 'Project status': data.state,\n 'Project type': data.type,\n Location: 'Add Project',\n 'Number of phases added': phaseCount,\n });\n }\n\n return {\n ...state,\n projects: newProjectList,\n projectFieldValues: [\n ...state.projectFieldValues,\n {\n ...data,\n projectId: data.id,\n fields: normalizedFields,\n },\n ],\n addProjectPending: false,\n addProjectError: null,\n filteredProjects,\n };\n }\n\n case PROJECTS_ADD_PROJECT_FAILURE:\n return {\n ...state,\n addProjectPending: false,\n addProjectError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_DISMISS_ERROR:\n return {\n ...state,\n addProjectError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_ADD_PROJECT_NOTE_BEGIN,\n PROJECTS_ADD_PROJECT_NOTE_SUCCESS,\n PROJECTS_ADD_PROJECT_NOTE_FAILURE,\n PROJECTS_ADD_PROJECT_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addProjectNote(accountId, projectId, analyticsPayload, data) {\n return {\n type: PROJECTS_ADD_PROJECT_NOTE_BEGIN,\n accountId,\n projectId,\n analyticsPayload,\n data,\n };\n}\n\nexport function dismissAddProjectNoteError() {\n return {\n type: PROJECTS_ADD_PROJECT_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectNote(action) {\n const { accountId, projectId, analyticsPayload, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/notes`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_ADD_PROJECT_NOTE_SUCCESS,\n data: res,\n projectId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddProjectNote() {\n yield takeLatest(PROJECTS_ADD_PROJECT_NOTE_BEGIN, doAddProjectNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_NOTE_BEGIN:\n return {\n ...state,\n addProjectNotePending: true,\n addProjectNoteError: null,\n };\n\n case PROJECTS_ADD_PROJECT_NOTE_SUCCESS: {\n const { data, projectId } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n const existingNotes = project?.notes || [];\n const newNotes = [\n data,\n ...existingNotes,\n ];\n return {\n ...project,\n notes: newNotes,\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const existingNotes = selectedProject?.notes || [];\n const updatedNotes = [\n data,\n ...existingNotes,\n ];\n newProjectSelections[selectionId] = {\n ...selectedProject,\n notes: updatedNotes,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n addProjectNotePending: false,\n addProjectNoteError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_ADD_PROJECT_NOTE_FAILURE:\n return {\n ...state,\n addProjectNotePending: false,\n addProjectNoteError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_NOTE_DISMISS_ERROR:\n return {\n ...state,\n addProjectNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport { call, put, takeLatest } from 'redux-saga/effects';\nimport { SEGMENT_TYPE_PHASE } from 'src/features/edit-dates/common/constants';\nimport { naturalSort } from 'src/utils/sortUtils';\nimport {\n PROJECTS_ADD_PROJECT_PHASES_BEGIN,\n PROJECTS_ADD_PROJECT_PHASES_SUCCESS,\n PROJECTS_ADD_PROJECT_PHASES_FAILURE,\n PROJECTS_ADD_PROJECT_PHASES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addProjectPhases(accountId, projectId, data, analyticsPayload = { }) {\n return {\n type: PROJECTS_ADD_PROJECT_PHASES_BEGIN,\n accountId,\n projectId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissAddProjectPhasesError() {\n return {\n type: PROJECTS_ADD_PROJECT_PHASES_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectPhases(action) {\n const { accountId, projectId, data, analyticsPayload } = action;\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/phases/bulk`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_PHASES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_ADD_PROJECT_PHASES_SUCCESS,\n data,\n projectId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddProjectPhases() {\n yield takeLatest(PROJECTS_ADD_PROJECT_PHASES_BEGIN, doAddProjectPhases);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_PHASES_BEGIN:\n return {\n ...state,\n addProjectPhasesPending: true,\n addProjectPhasesError: null,\n };\n\n case PROJECTS_ADD_PROJECT_PHASES_SUCCESS: {\n const { data, projectId } = action;\n const { filteredProjects, projectSelections } = state;\n const formattedData = data.map(phase => ({ ...phase, __typename: SEGMENT_TYPE_PHASE }));\n\n const activePhases = data.reduce((acc, phase) => {\n const { startDate, endDate } = phase;\n\n if (moment().isBetween(startDate, endDate, null, '[]')) {\n acc.push({\n ...phase,\n subPhases: phase.subPhases\n .filter(({ startDate, endDate }) => moment().isBetween(startDate, endDate, null, '[]'))\n .map(({ name }) => name),\n });\n }\n\n return acc;\n }, []);\n\n const newFilteredProjects = filteredProjects.map((project) => {\n const { id, phases, currentPhases } = project;\n\n if (id === projectId) {\n const newPhases = [\n ...phases,\n ...formattedData,\n ];\n\n const newCurrentPhases = [\n ...currentPhases,\n ...activePhases,\n ];\n\n return {\n ...project,\n phases: naturalSort(newPhases, ['startDate', 'endDate', 'name']),\n currentPhases: naturalSort(newCurrentPhases, ['startDate', 'endDate', 'name']),\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === projectId) {\n const updatedPhases = [\n ...selectedProject.phases,\n ...formattedData,\n ];\n\n const newCurrentPhases = [\n ...selectedProject.currentPhases,\n ...activePhases,\n ];\n\n newProjectSelections[selectionId] = {\n ...selectedProject,\n phases: updatedPhases,\n currentPhases: naturalSort(newCurrentPhases, ['startDate', 'endDate', 'name']),\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n addProjectPhasesPending: false,\n addProjectPhasesError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_ADD_PROJECT_PHASES_FAILURE:\n return {\n ...state,\n addProjectPhasesPending: false,\n addProjectPhasesError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_PHASES_DISMISS_ERROR:\n return {\n ...state,\n addProjectPhasesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeEvery } from 'redux-saga/effects';\nimport { protectedJsonPost } from '../../../utils/api';\nimport {\n PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN,\n PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_SUCCESS,\n PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_FAILURE,\n PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n} from './constants';\n\nexport function addProjectRoleAllocation(accountId, projectId, data, analytics) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN,\n accountId,\n projectId,\n data,\n analytics,\n };\n}\n\nexport function dismissAddProjectRoleAllocationError() {\n return {\n type: PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectRoleAllocation(action) {\n const { accountId, projectId, data, analytics } = action;\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/allocations`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_SUCCESS,\n projectId,\n data: action.data,\n analytics,\n });\n}\n\nexport function* watchAddProjectRoleAllocation() {\n yield takeEvery(PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN, doAddProjectRoleAllocation);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN:\n return {\n ...state,\n addProjectRoleAllocationPending: true,\n addProjectRoleAllocationError: null,\n };\n\n case PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_SUCCESS: {\n const { projectId, data } = action;\n let existingAllocations = [];\n\n if (projectId.toString() in state.projectAllocations) {\n const role = state.projectAllocations[projectId].find(a => a.roleId === data.roleId);\n if (role) {\n existingAllocations = role.allocations;\n }\n }\n\n const updatedRoleAllocations = {\n roleId: data.roleId,\n allocations: [\n ...existingAllocations,\n data,\n ],\n };\n\n const currentProjectAllocations = state.projectAllocations[projectId] ? state.projectAllocations[projectId].filter(a => a.roleId !== data.roleId) : [];\n\n const expandedAllocations = [...state.expandedAllocations];\n const projectRoles = expandedAllocations.find(a => a.projectId === projectId);\n if (projectRoles) {\n const role = projectRoles.roles.find(r => r.roleId === action.data.roleId);\n\n if (!role) {\n projectRoles.roles.push({ roleId: action.data.roleId, allocations: [action.data] });\n } else {\n role.allocations.push(action.data);\n }\n } else {\n expandedAllocations.push({\n projectId,\n roles: [{ roleId: action.data.roleId, allocations: [action.data] }],\n });\n }\n\n const { projectSelections } = state;\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const { unfilledRoles, roles } = selectedProject;\n let newUnfilledRoles = unfilledRoles;\n\n // Update roles and allocations\n const newRoles = roles.map((role) => {\n const newRole = { ...role };\n if (role.id === data.roleId) {\n newUnfilledRoles = unfilledRoles > 0 ? unfilledRoles - 1 : 0;\n newRole.allocations = [...role.allocations, data];\n }\n return newRole;\n });\n\n newProjectSelections[selectionId] = {\n ...selectedProject,\n roles: newRoles,\n unfilledRoles: newUnfilledRoles,\n };\n }\n });\n\n return {\n ...state,\n expandedAllocations,\n projectAllocations: {\n ...state.projectAllocations,\n [projectId]: [\n ...currentProjectAllocations,\n updatedRoleAllocations,\n ],\n },\n addProjectRoleAllocationPending: false,\n addProjectRoleAllocationError: null,\n projectSelections: newProjectSelections,\n triggerRefreshAllocationMeta: true,\n };\n }\n case PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_FAILURE:\n return {\n ...state,\n addProjectRoleAllocationPending: false,\n addProjectRoleAllocationError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR:\n return {\n ...state,\n addProjectRoleAllocationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { SEGMENT_TYPE_ROLE } from 'src/features/edit-dates/common/constants';\nimport {\n PROJECTS_ADD_PROJECT_ROLES_BEGIN,\n PROJECTS_ADD_PROJECT_ROLES_SUCCESS,\n PROJECTS_ADD_PROJECT_ROLES_FAILURE,\n PROJECTS_ADD_PROJECT_ROLES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { normalizeRolesToRequirements, normalizeRolesToAllocations, addRolesToProject } from '../utils/projectUtils';\nimport { MULTI_STATE_MODAL_ID } from '../../common/redux/constants';\n\nexport function addProjectRoles(accountId, projectId, projectRoleData, parentName) {\n return {\n type: PROJECTS_ADD_PROJECT_ROLES_BEGIN,\n accountId,\n projectId,\n projectRoleData,\n parentName,\n };\n}\n\nexport function dismissAddProjectRolesError() {\n return {\n type: PROJECTS_ADD_PROJECT_ROLES_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectRoles(action) {\n const { accountId, projectId, projectRoleData, parentName } = action;\n let res;\n try {\n const roles = normalizeRolesToAllocations(projectRoleData);\n res = yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/roles/bulk`, roles);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_ROLES_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_ADD_PROJECT_ROLES_SUCCESS,\n data: res,\n projectRoleData,\n projectId,\n parentName,\n });\n}\n\nexport function* watchAddProjectRoles() {\n yield takeLatest(PROJECTS_ADD_PROJECT_ROLES_BEGIN, doAddProjectRoles);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_ROLES_BEGIN:\n return {\n ...state,\n addProjectRolesPending: true,\n addProjectRolesError: null,\n };\n\n case PROJECTS_ADD_PROJECT_ROLES_SUCCESS: {\n const { projectId, parentName, data, projectRoleData } = action;\n const formattedData = data.map(role => ({ ...role, __typename: SEGMENT_TYPE_ROLE }));\n const newRoles = normalizeRolesToRequirements(formattedData);\n const currentProject = state.projects.find(project => project.id === projectId);\n const { filteredProjects, projectSelections } = state;\n let isInitialRoles = false;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n return addRolesToProject(project, newRoles);\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n isInitialRoles = selectedProject.roles ? selectedProject.roles.length === 0 : true;\n const updatedProject = addRolesToProject(selectedProject, newRoles);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n let numCustom = 0;\n let numStandardFull = 0;\n let numStandardLess = 0;\n const roleNotes = [];\n\n action.data.forEach((role) => {\n if (role.allocations.length === 1) {\n if (role.allocations[0].allocatedPercent === 100) {\n numStandardFull += 1;\n } else {\n numStandardLess += 1;\n }\n } else {\n numCustom += 1;\n }\n\n if (role.note) {\n roleNotes.push(role.note);\n }\n });\n\n const selectedProject = currentProject || state.projectSelections[MULTI_STATE_MODAL_ID];\n\n // Mixpanel - Track roles added\n window.mixpanel.track('Roles Added to Project', {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Number Of Roles Added': newRoles.length,\n ...(numStandardFull > 0 && { 'Number Of Roles With Standard Allocation = 100%': numStandardFull }),\n ...(numStandardLess > 0 && { 'Number Of Roles With Standard Allocation < 100%': numStandardLess }),\n ...(numCustom > 0 && { 'Number Of Roles With Custom Allocation %': numCustom }),\n 'Added to a project from': parentName,\n 'Initial roles added': isInitialRoles,\n 'Number of Role Notes Added': roleNotes.length,\n 'Role Notes Added': roleNotes,\n });\n\n // Mixpanel - Track roles added with phases\n projectRoleData.forEach((role) => {\n if (role?.selectedPhases?.length) {\n const phaseNames = role.selectedPhases.map(phase => phase.name);\n const mixPanelData = {\n 'Project Name': selectedProject.name,\n 'Project ID': selectedProject.id,\n 'Project status': selectedProject.state,\n 'Project type': selectedProject.type,\n 'Role name': role.name,\n 'Added from': parentName,\n '# of phases selected': role.selectedPhases.length,\n 'Phase name(s) selected': phaseNames,\n };\n window.mixpanel.track('Role added using phase dates (Quick option)', mixPanelData);\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n addProjectRolesPending: false,\n addProjectRolesError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_ADD_PROJECT_ROLES_FAILURE:\n return {\n ...state,\n addProjectRolesPending: false,\n addProjectRolesError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_ROLES_DISMISS_ERROR:\n return {\n ...state,\n addProjectRolesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN,\n PROJECTS_ADD_PROJECT_SUB_PHASE_SUCCESS,\n PROJECTS_ADD_PROJECT_SUB_PHASE_FAILURE,\n PROJECTS_ADD_PROJECT_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { addSubPhaseToProject } from '../utils/projectUtils';\n\nexport function addProjectSubPhase(accountId, projectId, phase, subPhase, analyticsPayload = { }) {\n return {\n type: PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN,\n accountId,\n projectId,\n phase,\n subPhase,\n analyticsPayload,\n };\n}\n\nexport function dismissAddProjectSubPhaseError() {\n return {\n type: PROJECTS_ADD_PROJECT_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doAddProjectSubPhase(action) {\n const { accountId, projectId, phase, subPhase, analyticsPayload } = action;\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/phases/${phase.id}/subphases`, subPhase);\n } catch (err) {\n yield put({\n type: PROJECTS_ADD_PROJECT_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_ADD_PROJECT_SUB_PHASE_SUCCESS,\n data: subPhase,\n projectId,\n phase,\n analyticsPayload,\n });\n}\n\nexport function* watchAddProjectSubPhase() {\n yield takeLatest(PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN, doAddProjectSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN:\n return {\n ...state,\n addProjectSubPhasePending: true,\n addProjectSubPhaseError: null,\n };\n\n case PROJECTS_ADD_PROJECT_SUB_PHASE_SUCCESS: {\n const { data, projectId, phase } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n return addSubPhaseToProject(project, phase, data);\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n\n if (selectedProject?.id === projectId) {\n const updatedProject = addSubPhaseToProject(selectedProject, phase, data);\n\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n addProjectSubPhasePending: false,\n addProjectSubPhaseError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_ADD_PROJECT_SUB_PHASE_FAILURE:\n return {\n ...state,\n addProjectSubPhasePending: false,\n addProjectSubPhaseError: action.data.error,\n };\n\n case PROJECTS_ADD_PROJECT_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n addProjectSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n PROJECTS_BACKUP_PROJECT_SELECTION, PROJECTS_PROJECT_SELECTION_BACKUP,\n} from './constants';\n\nexport function backupProjectSelection(selectionId) {\n return {\n type: PROJECTS_BACKUP_PROJECT_SELECTION,\n selectionId,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_BACKUP_PROJECT_SELECTION: {\n const { projectSelections } = state;\n const { selectionId } = action;\n const currentSelection = projectSelections[selectionId];\n return currentSelection\n ? {\n ...state,\n projectSelections: {\n ...projectSelections,\n [PROJECTS_PROJECT_SELECTION_BACKUP]: {\n ...currentSelection,\n },\n },\n }\n : {\n ...state,\n };\n }\n\n default:\n return state;\n }\n}\n","import {\n PROJECTS_CLEAR_ALL_PROJECT_SELECTIONS,\n} from './constants';\nimport initialState from './initialState';\n\nexport function clearAllProjectSelections() {\n return {\n type: PROJECTS_CLEAR_ALL_PROJECT_SELECTIONS,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_CLEAR_ALL_PROJECT_SELECTIONS: {\n const { projectSelections } = initialState;\n return {\n ...state,\n projectSelections,\n };\n }\n\n default:\n return state;\n }\n}\n","import {\n PROJECTS_CLEAR_PROJECT_SELECTION,\n} from './constants';\n\nexport function clearProjectSelection(selectionId) {\n return {\n type: PROJECTS_CLEAR_PROJECT_SELECTION,\n selectionId,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_CLEAR_PROJECT_SELECTION: {\n const { selectionId } = action;\n const newState = { ...state };\n delete newState.projectSelections[selectionId];\n return newState;\n }\n\n default:\n return state;\n }\n}\n","import { put, takeLatest, all } from 'redux-saga/effects';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { PERM_READ, PERM_PERSON } from 'src/features/permissions/utils/constants';\nimport {\n PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN,\n PROJECTS_COLLECT_PROJECT_TABLE_DATA_SUCCESS,\n PROJECTS_COLLECT_PROJECT_TABLE_DATA_FAILURE,\n PROJECTS_COLLECT_PROJECT_TABLE_DATA_DISMISS_ERROR,\n} from './constants';\n\nimport { doGetProjects } from './getProjects';\nimport { doGetProjectFieldValues } from './getProjectFieldValues';\nimport { doGetProjectFields } from '../../account-settings/redux/getProjectFields';\nimport { doGetRoleNames } from '../../account-settings/redux/getRoleNames';\nimport { doGetPhases } from '../../account-settings/redux/getPhases';\nimport { doGetPeople } from '../../people/redux/getPeople';\nimport { doGetPersonFieldValues } from '../../people/redux/getPersonFieldValues';\nimport { doGetPersonUnavailabilities } from '../../people/redux/getPersonUnavailabilities';\n\nexport function collectProjectTableData(accountId, permissions) {\n return {\n type: PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN,\n accountId,\n permissions,\n };\n}\n\nexport function dismissCollectProjectTableDataError() {\n return {\n type: PROJECTS_COLLECT_PROJECT_TABLE_DATA_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectProjectTableData(action) {\n const { accountId, permissions } = action;\n const accountParam = { accountId };\n const hasPersonPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_PERSON);\n try {\n yield all([\n doGetProjects(accountParam),\n doGetProjectFieldValues(accountParam),\n doGetProjectFields(accountParam),\n doGetRoleNames(accountParam),\n doGetPhases(accountParam),\n ...(hasPersonPerms ? [\n doGetPeople(accountParam),\n doGetPersonFieldValues(accountParam),\n doGetPersonUnavailabilities({ accountId, activeState: 'Active' }),\n ] : []),\n ]);\n } catch (err) {\n yield put({\n type: PROJECTS_COLLECT_PROJECT_TABLE_DATA_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_COLLECT_PROJECT_TABLE_DATA_SUCCESS,\n });\n}\n\nexport function* watchCollectProjectTableData() {\n yield takeLatest(PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN, doCollectProjectTableData);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN:\n return {\n ...state,\n collectProjectTableDataPending: true,\n collectProjectTableDataError: null,\n };\n\n case PROJECTS_COLLECT_PROJECT_TABLE_DATA_SUCCESS:\n return {\n ...state,\n collectProjectTableDataPending: false,\n collectProjectTableDataError: null,\n };\n\n case PROJECTS_COLLECT_PROJECT_TABLE_DATA_FAILURE:\n return {\n ...state,\n collectProjectTableDataPending: false,\n collectProjectTableDataError: action.data.error,\n };\n\n case PROJECTS_COLLECT_PROJECT_TABLE_DATA_DISMISS_ERROR:\n return {\n ...state,\n collectProjectTableDataError: null,\n };\n\n default:\n return state;\n }\n}\n","export const DEFAULT_PROJECT_SORT = { name: 'sort', args: [{ column: 'name', label: 'Project Name', ascending: true, type: null }] };\nexport const DEFAULT_PROJECT_BY_ID_ROLE_SORT = [\n { sortOrder: { order: 'asc' } },\n { startDate: { order: 'asc' } },\n { endDate: { order: 'asc' } },\n];\nexport const DEFAULT_PROJECT_ROLE_SORT = {\n roles: {\n nested: {\n path: 'roles',\n structuredSort: DEFAULT_PROJECT_BY_ID_ROLE_SORT,\n },\n },\n};\n\nexport const MAX_PROJECTS = 999999;\n\nexport const PROJECTS_PROJECT_SELECTION_BACKUP = 'PROJECTS_PROJECT_SELECTION_BACKUP';\n\nexport const PROJECTS_ADD_PROJECT_BEGIN = 'PROJECTS_ADD_PROJECT_BEGIN';\nexport const PROJECTS_ADD_PROJECT_SUCCESS = 'PROJECTS_ADD_PROJECT_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_FAILURE = 'PROJECTS_ADD_PROJECT_FAILURE';\nexport const PROJECTS_ADD_PROJECT_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECTS_BEGIN = 'PROJECTS_GET_PROJECTS_BEGIN';\nexport const PROJECTS_GET_PROJECTS_SUCCESS = 'PROJECTS_GET_PROJECTS_SUCCESS';\nexport const PROJECTS_GET_PROJECTS_FAILURE = 'PROJECTS_GET_PROJECTS_FAILURE';\nexport const PROJECTS_GET_PROJECTS_DISMISS_ERROR = 'PROJECTS_GET_PROJECTS_DISMISS_ERROR';\nexport const PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN = 'PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN';\nexport const PROJECT_GET_PROJECT_FIELD_VALUES_SUCCESS = 'PROJECT_GET_PROJECT_FIELD_VALUES_SUCCESS';\nexport const PROJECT_GET_PROJECT_FIELD_VALUES_FAILURE = 'PROJECT_GET_PROJECT_FIELD_VALUES_FAILURE';\nexport const PROJECT_GET_PROJECT_FIELD_VALUES_DISMISS_ERROR = 'PROJECT_GET_PROJECT_FIELD_VALUES_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_BEGIN = 'PROJECTS_UPDATE_PROJECT_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_SUCCESS = 'PROJECTS_UPDATE_PROJECT_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_FAILURE = 'PROJECTS_UPDATE_PROJECT_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_DISMISS_ERROR';\nexport const PROJECTS_ADD_PROJECT_ROLES_BEGIN = 'PROJECTS_ADD_PROJECT_ROLES_BEGIN';\nexport const PROJECTS_ADD_PROJECT_ROLES_SUCCESS = 'PROJECTS_ADD_PROJECT_ROLES_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_ROLES_FAILURE = 'PROJECTS_ADD_PROJECT_ROLES_FAILURE';\nexport const PROJECTS_ADD_PROJECT_ROLES_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_ROLES_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN = 'PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN';\nexport const PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_SUCCESS = 'PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_SUCCESS';\nexport const PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_FAILURE = 'PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_FAILURE';\nexport const PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_DISMISS_ERROR';\nexport const PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN = 'PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_BEGIN';\nexport const PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_SUCCESS = 'PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_FAILURE = 'PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_FAILURE';\nexport const PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN = 'PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN';\nexport const PROJECTS_GET_PROJECT_ALLOCATIONS_SUCCESS = 'PROJECTS_GET_PROJECT_ALLOCATIONS_SUCCESS';\nexport const PROJECTS_GET_PROJECT_ALLOCATIONS_FAILURE = 'PROJECTS_GET_PROJECT_ALLOCATIONS_FAILURE';\nexport const PROJECTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_BEGIN = 'PROJECTS_GET_PROJECT_BEGIN';\nexport const PROJECTS_GET_PROJECT_SUCCESS = 'PROJECTS_GET_PROJECT_SUCCESS';\nexport const PROJECTS_GET_PROJECT_FAILURE = 'PROJECTS_GET_PROJECT_FAILURE';\nexport const PROJECTS_GET_PROJECT_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_DISMISS_ERROR';\nexport const PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN = 'PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN';\nexport const PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_SUCCESS = 'PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_SUCCESS';\nexport const PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_FAILURE = 'PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_FAILURE';\nexport const PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR = 'PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_ROLE_BEGIN = 'PROJECTS_DELETE_PROJECT_ROLE_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_ROLE_SUCCESS = 'PROJECTS_DELETE_PROJECT_ROLE_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_ROLE_FAILURE = 'PROJECTS_DELETE_PROJECT_ROLE_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_ROLE_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_ROLE_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_BEGIN = 'PROJECTS_DELETE_PROJECT_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_SUCCESS = 'PROJECTS_DELETE_PROJECT_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_FAILURE = 'PROJECTS_DELETE_PROJECT_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN = 'PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_ALLOCATION_SUCCESS = 'PROJECTS_DELETE_PROJECT_ALLOCATION_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_ALLOCATION_FAILURE = 'PROJECTS_DELETE_PROJECT_ALLOCATION_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_ALLOCATION_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_ALLOCATION_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_BEGIN = 'PROJECTS_UPDATE_PROJECT_ROLE_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_SUCCESS = 'PROJECTS_UPDATE_PROJECT_ROLE_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_FAILURE = 'PROJECTS_UPDATE_PROJECT_ROLE_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_ROLE_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN = 'PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_SUCCESS = 'PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_FAILURE = 'PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR';\nexport const PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN = 'PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN';\nexport const PROJECTS_GET_EXPANDED_ALLOCATIONS_SUCCESS = 'PROJECTS_GET_EXPANDED_ALLOCATIONS_SUCCESS';\nexport const PROJECTS_GET_EXPANDED_ALLOCATIONS_FAILURE = 'PROJECTS_GET_EXPANDED_ALLOCATIONS_FAILURE';\nexport const PROJECTS_GET_EXPANDED_ALLOCATIONS_DISMISS_ERROR = 'PROJECTS_GET_EXPANDED_ALLOCATIONS_DISMISS_ERROR';\nexport const PROJECTS_GET_FILTERED_PROJECTS_BEGIN = 'PROJECTS_GET_FILTERED_PROJECTS_BEGIN';\nexport const PROJECTS_GET_FILTERED_PROJECTS_SUCCESS = 'PROJECTS_GET_FILTERED_PROJECTS_SUCCESS';\nexport const PROJECTS_GET_FILTERED_PROJECTS_FAILURE = 'PROJECTS_GET_FILTERED_PROJECTS_FAILURE';\nexport const PROJECTS_GET_FILTERED_PROJECTS_DISMISS_ERROR = 'PROJECTS_GET_FILTERED_PROJECTS_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_PHASE_BEGIN = 'PROJECTS_DELETE_PROJECT_PHASE_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_PHASE_SUCCESS = 'PROJECTS_DELETE_PROJECT_PHASE_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_PHASE_FAILURE = 'PROJECTS_DELETE_PROJECT_PHASE_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_PHASE_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_PHASE_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN = 'PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_SUB_PHASE_SUCCESS = 'PROJECTS_DELETE_PROJECT_SUB_PHASE_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_SUB_PHASE_FAILURE = 'PROJECTS_DELETE_PROJECT_SUB_PHASE_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_SUB_PHASE_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_SUB_PHASE_DISMISS_ERROR';\nexport const PROJECTS_ADD_PROJECT_PHASES_BEGIN = 'PROJECTS_ADD_PROJECT_PHASES_BEGIN';\nexport const PROJECTS_ADD_PROJECT_PHASES_SUCCESS = 'PROJECTS_ADD_PROJECT_PHASES_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_PHASES_FAILURE = 'PROJECTS_ADD_PROJECT_PHASES_FAILURE';\nexport const PROJECTS_ADD_PROJECT_PHASES_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_PHASES_DISMISS_ERROR';\nexport const PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN = 'PROJECTS_ADD_PROJECT_SUB_PHASE_BEGIN';\nexport const PROJECTS_ADD_PROJECT_SUB_PHASE_SUCCESS = 'PROJECTS_ADD_PROJECT_SUB_PHASE_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_SUB_PHASE_FAILURE = 'PROJECTS_ADD_PROJECT_SUB_PHASE_FAILURE';\nexport const PROJECTS_ADD_PROJECT_SUB_PHASE_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_SUB_PHASE_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_NAMES_BEGIN = 'PROJECTS_GET_PROJECT_NAMES_BEGIN';\nexport const PROJECTS_GET_PROJECT_NAMES_SUCCESS = 'PROJECTS_GET_PROJECT_NAMES_SUCCESS';\nexport const PROJECTS_GET_PROJECT_NAMES_FAILURE = 'PROJECTS_GET_PROJECT_NAMES_FAILURE';\nexport const PROJECTS_GET_PROJECT_NAMES_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_NAMES_DISMISS_ERROR';\nexport const PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN = 'PROJECTS_COLLECT_PROJECT_TABLE_DATA_BEGIN';\nexport const PROJECTS_COLLECT_PROJECT_TABLE_DATA_SUCCESS = 'PROJECTS_COLLECT_PROJECT_TABLE_DATA_SUCCESS';\nexport const PROJECTS_COLLECT_PROJECT_TABLE_DATA_FAILURE = 'PROJECTS_COLLECT_PROJECT_TABLE_DATA_FAILURE';\nexport const PROJECTS_COLLECT_PROJECT_TABLE_DATA_DISMISS_ERROR = 'PROJECTS_COLLECT_PROJECT_TABLE_DATA_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_PHASE_BEGIN = 'PROJECTS_UPDATE_PROJECT_PHASE_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_PHASE_SUCCESS = 'PROJECTS_UPDATE_PROJECT_PHASE_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_PHASE_FAILURE = 'PROJECTS_UPDATE_PROJECT_PHASE_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_PHASE_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_PHASE_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN = 'PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_SUB_PHASE_SUCCESS = 'PROJECTS_UPDATE_PROJECT_SUB_PHASE_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_SUB_PHASE_FAILURE = 'PROJECTS_UPDATE_PROJECT_SUB_PHASE_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_SUB_PHASE_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_SUB_PHASE_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN = 'PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_FIELD_VALUE_SUCCESS = 'PROJECTS_UPDATE_PROJECT_FIELD_VALUE_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_FIELD_VALUE_FAILURE = 'PROJECTS_UPDATE_PROJECT_FIELD_VALUE_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_FIELD_VALUE_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_FIELD_VALUE_DISMISS_ERROR';\nexport const PROJECTS_REFRESH_ALLOCATION_META_BEGIN = 'PROJECTS_REFRESH_ALLOCATION_META_BEGIN';\nexport const PROJECTS_REFRESH_ALLOCATION_META_SUCCESS = 'PROJECTS_REFRESH_ALLOCATION_META_SUCCESS';\nexport const PROJECTS_REFRESH_ALLOCATION_META_FAILURE = 'PROJECTS_REFRESH_ALLOCATION_META_FAILURE';\nexport const PROJECTS_REFRESH_ALLOCATION_META_DISMISS_ERROR = 'PROJECTS_REFRESH_ALLOCATION_META_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_BY_ID_BEGIN = 'PROJECTS_GET_PROJECT_BY_ID_BEGIN';\nexport const PROJECTS_GET_PROJECT_BY_ID_SUCCESS = 'PROJECTS_GET_PROJECT_BY_ID_SUCCESS';\nexport const PROJECTS_GET_PROJECT_BY_ID_FAILURE = 'PROJECTS_GET_PROJECT_BY_ID_FAILURE';\nexport const PROJECTS_GET_PROJECT_BY_ID_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_BY_ID_DISMISS_ERROR';\nexport const PROJECTS_CLEAR_PROJECT_SELECTION = 'PROJECTS_CLEAR_PROJECT_SELECTION';\nexport const PROJECT_LIST_SELECTION_ID = 'PROJECT_LIST_SELECTION_ID';\nexport const PROJECT_GANTT_SELECTION_ID = 'PROJECT_GANTT_SELECTION_ID';\nexport const PROJECTS_CLEAR_ALL_PROJECT_SELECTIONS = 'PROJECTS_CLEAR_ALL_PROJECT_SELECTIONS';\nexport const PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN = 'PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN';\nexport const PROJECTS_REFRESH_PROJECT_ALLOCATIONS_SUCCESS = 'PROJECTS_REFRESH_PROJECT_ALLOCATIONS_SUCCESS';\nexport const PROJECTS_REFRESH_PROJECT_ALLOCATIONS_FAILURE = 'PROJECTS_REFRESH_PROJECT_ALLOCATIONS_FAILURE';\nexport const PROJECTS_REFRESH_PROJECT_ALLOCATIONS_DISMISS_ERROR = 'PROJECTS_REFRESH_PROJECT_ALLOCATIONS_DISMISS_ERROR';\nexport const PROJECTS_BACKUP_PROJECT_SELECTION = 'PROJECTS_BACKUP_PROJECT_SELECTION';\nexport const PROJECTS_UPDATE_PROJECT_DURATION_BEGIN = 'PROJECTS_UPDATE_PROJECT_DURATION_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_DURATION_SUCCESS = 'PROJECTS_UPDATE_PROJECT_DURATION_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_DURATION_FAILURE = 'PROJECTS_UPDATE_PROJECT_DURATION_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_DURATION_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_DURATION_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_DEFAULTS_BEGIN = 'PROJECTS_GET_PROJECT_DEFAULTS_BEGIN';\nexport const PROJECTS_GET_PROJECT_DEFAULTS_SUCCESS = 'PROJECTS_GET_PROJECT_DEFAULTS_SUCCESS';\nexport const PROJECTS_GET_PROJECT_DEFAULTS_FAILURE = 'PROJECTS_GET_PROJECT_DEFAULTS_FAILURE';\nexport const PROJECTS_GET_PROJECT_DEFAULTS_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_DEFAULTS_DISMISS_ERROR';\nexport const TRACK_PROJECT_UPDATE_CANCELED = 'TRACK_PROJECT_UPDATE_CANCELED';\nexport const TRACK_PROJECT_UPDATE_REACTIVATED = 'TRACK_PROJECT_UPDATE_REACTIVATED';\nexport const TRACK_PROJECT_UPDATE_LOST = 'TRACK_PROJECT_UPDATE_LOST';\nexport const TRACK_PROJECT_UPDATE_TYPE = 'TRACK_PROJECT_UPDATE_TYPE';\nexport const PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN = 'PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN';\nexport const PROJECTS_SEND_ROLE_NOTIFICATION_SUCCESS = 'PROJECTS_SEND_ROLE_NOTIFICATION_SUCCESS';\nexport const PROJECTS_SEND_ROLE_NOTIFICATION_FAILURE = 'PROJECTS_SEND_ROLE_NOTIFICATION_FAILURE';\nexport const PROJECTS_SEND_ROLE_NOTIFICATION_DISMISS_ERROR = 'PROJECTS_SEND_ROLE_NOTIFICATION_DISMISS_ERROR';\nexport const PROJECTS_ADD_PROJECT_NOTE_BEGIN = 'PROJECTS_ADD_PROJECT_NOTE_BEGIN';\nexport const PROJECTS_ADD_PROJECT_NOTE_SUCCESS = 'PROJECTS_ADD_PROJECT_NOTE_SUCCESS';\nexport const PROJECTS_ADD_PROJECT_NOTE_FAILURE = 'PROJECTS_ADD_PROJECT_NOTE_FAILURE';\nexport const PROJECTS_ADD_PROJECT_NOTE_DISMISS_ERROR = 'PROJECTS_ADD_PROJECT_NOTE_DISMISS_ERROR';\nexport const PROJECTS_DELETE_PROJECT_NOTE_BEGIN = 'PROJECTS_DELETE_PROJECT_NOTE_BEGIN';\nexport const PROJECTS_DELETE_PROJECT_NOTE_SUCCESS = 'PROJECTS_DELETE_PROJECT_NOTE_SUCCESS';\nexport const PROJECTS_DELETE_PROJECT_NOTE_FAILURE = 'PROJECTS_DELETE_PROJECT_NOTE_FAILURE';\nexport const PROJECTS_DELETE_PROJECT_NOTE_DISMISS_ERROR = 'PROJECTS_DELETE_PROJECT_NOTE_DISMISS_ERROR';\nexport const PROJECTS_UPDATE_PROJECT_NOTE_BEGIN = 'PROJECTS_UPDATE_PROJECT_NOTE_BEGIN';\nexport const PROJECTS_UPDATE_PROJECT_NOTE_SUCCESS = 'PROJECTS_UPDATE_PROJECT_NOTE_SUCCESS';\nexport const PROJECTS_UPDATE_PROJECT_NOTE_FAILURE = 'PROJECTS_UPDATE_PROJECT_NOTE_FAILURE';\nexport const PROJECTS_UPDATE_PROJECT_NOTE_DISMISS_ERROR = 'PROJECTS_UPDATE_PROJECT_NOTE_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_AUDIT_BEGIN = 'PROJECTS_GET_PROJECT_AUDIT_BEGIN';\nexport const PROJECTS_GET_PROJECT_AUDIT_SUCCESS = 'PROJECTS_GET_PROJECT_AUDIT_SUCCESS';\nexport const PROJECTS_GET_PROJECT_AUDIT_FAILURE = 'PROJECTS_GET_PROJECT_AUDIT_FAILURE';\nexport const PROJECTS_GET_PROJECT_AUDIT_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_AUDIT_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_ROLES_BEGIN = 'PROJECTS_GET_PROJECT_ROLES_BEGIN';\nexport const PROJECTS_GET_PROJECT_ROLES_SUCCESS = 'PROJECTS_GET_PROJECT_ROLES_SUCCESS';\nexport const PROJECTS_GET_PROJECT_ROLES_FAILURE = 'PROJECTS_GET_PROJECT_ROLES_FAILURE';\nexport const PROJECTS_GET_PROJECT_ROLES_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_ROLES_DISMISS_ERROR';\nexport const PROJECTS_GET_PROJECT_ROLE_BEGIN = 'PROJECTS_GET_PROJECT_ROLE_BEGIN';\nexport const PROJECTS_GET_PROJECT_ROLE_SUCCESS = 'PROJECTS_GET_PROJECT_ROLE_SUCCESS';\nexport const PROJECTS_GET_PROJECT_ROLE_FAILURE = 'PROJECTS_GET_PROJECT_ROLE_FAILURE';\nexport const PROJECTS_GET_PROJECT_ROLE_DISMISS_ERROR = 'PROJECTS_GET_PROJECT_ROLE_DISMISS_ERROR';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonDelete } from '../../../utils/api';\nimport {\n PROJECTS_DELETE_PROJECT_BEGIN,\n PROJECTS_DELETE_PROJECT_SUCCESS,\n PROJECTS_DELETE_PROJECT_FAILURE,\n PROJECTS_DELETE_PROJECT_DISMISS_ERROR,\n} from './constants';\n\nexport function deleteProject(accountId, projectId, parentName) {\n return {\n type: PROJECTS_DELETE_PROJECT_BEGIN,\n accountId,\n projectId,\n parentName,\n };\n}\n\nexport function dismissDeleteProjectError() {\n return {\n type: PROJECTS_DELETE_PROJECT_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProject(action) {\n const { accountId, projectId, parentName } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}`);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_SUCCESS,\n projectId,\n parentName,\n });\n}\n\nexport function* watchDeleteProject() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_BEGIN, doDeleteProject);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_BEGIN:\n return {\n ...state,\n deleteProjectPending: true,\n deleteProjectError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_SUCCESS: {\n const { projects, filteredProjects, projectSelections } = state;\n const { projectId, parentName } = action;\n\n const newProjects = projects.filter(project => project.id !== projectId);\n const deletedProject = projects.find(project => project.id === projectId);\n const newFilteredProjects = filteredProjects.filter(project => project.id !== projectId);\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === projectId) {\n delete newProjectSelections[selectionId];\n }\n });\n\n // Mixpanel - Track when a project is deleted\n window.mixpanel.track('Project Deleted', {\n 'Project Name': deletedProject.name,\n 'Project ID': deletedProject.id,\n 'Project Status': deletedProject.state,\n 'Project type': deletedProject.type,\n 'Has Roles': deletedProject.totalRoles > 0,\n 'Has Allocated People': deletedProject.totalRoles > deletedProject.unfilledRoles,\n 'Project deleted from': parentName,\n });\n\n return {\n ...state,\n projects: newProjects,\n filteredProjects: newFilteredProjects,\n deleteProjectPending: false,\n deleteProjectError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_FAILURE:\n return {\n ...state,\n deleteProjectPending: false,\n deleteProjectError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport { protectedJsonDelete } from '../../../utils/api';\nimport {\n PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN,\n PROJECTS_DELETE_PROJECT_ALLOCATION_SUCCESS,\n PROJECTS_DELETE_PROJECT_ALLOCATION_FAILURE,\n PROJECTS_DELETE_PROJECT_ALLOCATION_DISMISS_ERROR,\n} from './constants';\nimport { DATE_INPUT_FORMAT } from '../../../common/constants';\n\nexport function deleteProjectAllocation(accountId, projectId, data, analyticsPayload = null) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN,\n accountId,\n projectId,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteProjectAllocationError() {\n return {\n type: PROJECTS_DELETE_PROJECT_ALLOCATION_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProjectAllocation(action) {\n const { accountId, projectId, data } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/allocations`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_ALLOCATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_ALLOCATION_SUCCESS,\n projectId,\n data,\n });\n}\n\nexport function* watchDeleteProjectAllocation() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN, doDeleteProjectAllocation);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_ALLOCATION_BEGIN:\n return {\n ...state,\n deleteProjectAllocationPending: true,\n deleteProjectAllocationError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_ALLOCATION_SUCCESS: {\n const { projectId, data } = action;\n let { projectAllocations, expandedAllocations } = state;\n\n if (projectAllocations[projectId]) {\n const relevantRole = projectAllocations[projectId].find(a => a.roleId === data.roleId);\n if (relevantRole) {\n const allocations = relevantRole.allocations.filter(a => !((a.startDate === data.startDate) && (a.endDate === data.endDate)));\n const newRole = {\n ...relevantRole,\n allocations,\n };\n projectAllocations = {\n ...projectAllocations,\n [projectId]: [\n // a person could be allocated to the role more than once,\n // so need to filter out by roleId and starDate to make sure the right person is removed\n ...projectAllocations[projectId].filter(r => r.roleId !== data.roleId && r.startDate === data.startDate),\n newRole,\n ],\n };\n }\n }\n\n const relevantAllocation = expandedAllocations.find(al => al.projectId === projectId);\n if (relevantAllocation) {\n const relevantRole = relevantAllocation.roles.find(role => role.roleId === data.roleId);\n if (relevantRole) {\n const allocations = relevantRole.allocations.filter(a => !(\n (a.startDate === moment(data.startDate).format(DATE_INPUT_FORMAT)) &&\n (a.endDate === moment(data.endDate).format(DATE_INPUT_FORMAT))\n ));\n const newRole = {\n ...relevantRole,\n allocations,\n };\n expandedAllocations = [\n ...expandedAllocations.filter(al => al.projectId !== projectId),\n {\n ...relevantAllocation,\n roles: [\n ...relevantAllocation.roles.filter(role => role.roleId !== data.roleId),\n newRole,\n ],\n },\n ];\n }\n }\n\n const { projectSelections } = state;\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const { unfilledRoles, roles } = selectedProject;\n let newUnfilledRoles = unfilledRoles;\n\n // Update roles and allocations\n const newRoles = roles.map((role) => {\n const newRole = { ...role };\n if (role.id === data.roleId) {\n newUnfilledRoles = unfilledRoles >= 0 && role?.isFilled ? unfilledRoles + 1 : unfilledRoles;\n const updatedRole = projectAllocations[projectId].find(role => role.roleId === data.roleId);\n\n newRole.allocations = [...updatedRole.allocations];\n\n // If the communicated role becomes completely unfilled, reset the communication/notification status\n if (newRole.isCommunicated && !newRole.allocations.length) {\n newRole.isCommunicated = false;\n newRole.notification = null;\n }\n }\n return newRole;\n });\n\n newProjectSelections[selectionId] = {\n ...selectedProject,\n roles: newRoles,\n unfilledRoles: newUnfilledRoles,\n };\n }\n });\n\n return {\n ...state,\n projectAllocations,\n expandedAllocations,\n deleteProjectAllocationPending: false,\n deleteProjectAllocationError: null,\n projectSelections: newProjectSelections,\n triggerRefreshAllocationMeta: true,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_ALLOCATION_FAILURE:\n return {\n ...state,\n deleteProjectAllocationPending: false,\n deleteProjectAllocationError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_ALLOCATION_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectAllocationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_DELETE_PROJECT_NOTE_BEGIN,\n PROJECTS_DELETE_PROJECT_NOTE_SUCCESS,\n PROJECTS_DELETE_PROJECT_NOTE_FAILURE,\n PROJECTS_DELETE_PROJECT_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteProjectNote(accountId, projectId, noteId, analyticsPayload) {\n return {\n type: PROJECTS_DELETE_PROJECT_NOTE_BEGIN,\n accountId,\n projectId,\n noteId,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteProjectNoteError() {\n return {\n type: PROJECTS_DELETE_PROJECT_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProjectNote(action) {\n const { accountId, projectId, noteId, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/notes/${noteId}`);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_NOTE_SUCCESS,\n data: res,\n projectId,\n noteId,\n analyticsPayload,\n });\n}\n\nexport function* watchDeleteProjectNote() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_NOTE_BEGIN, doDeleteProjectNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_NOTE_BEGIN:\n return {\n ...state,\n deleteProjectNotePending: true,\n deleteProjectNoteError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_NOTE_SUCCESS: {\n const { projectId, noteId } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n const notes = project?.notes?.filter(p => p.id !== noteId);\n return {\n ...project,\n notes,\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const updatedNotes = selectedProject?.notes\n ? selectedProject.notes.filter(p => p.id !== noteId)\n : [];\n newProjectSelections[selectionId] = {\n ...selectedProject,\n notes: updatedNotes,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n projectSelections: newProjectSelections,\n deleteProjectNotePending: false,\n deleteProjectNoteError: null,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_NOTE_FAILURE:\n return {\n ...state,\n deleteProjectNotePending: false,\n deleteProjectNoteError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_NOTE_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_DELETE_PROJECT_PHASE_BEGIN,\n PROJECTS_DELETE_PROJECT_PHASE_SUCCESS,\n PROJECTS_DELETE_PROJECT_PHASE_FAILURE,\n PROJECTS_DELETE_PROJECT_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteProjectPhase(accountId, projectId, phase, analyticsPayload = { }) {\n return {\n type: PROJECTS_DELETE_PROJECT_PHASE_BEGIN,\n accountId,\n projectId,\n phase,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteProjectPhaseError() {\n return {\n type: PROJECTS_DELETE_PROJECT_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProjectPhase(action) {\n const { accountId, projectId, phase, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/phases/${phase.id}`);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_PHASE_SUCCESS,\n data: res,\n projectId,\n phase,\n analyticsPayload,\n });\n}\n\nexport function* watchDeleteProjectPhase() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_PHASE_BEGIN, doDeleteProjectPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_PHASE_BEGIN:\n return {\n ...state,\n deleteProjectPhasePending: true,\n deleteProjectPhaseError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_PHASE_SUCCESS: {\n const { projectId, phase } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n const { id, phases, currentPhases } = project;\n\n if (id === projectId) {\n const newPhases = phases.filter(ph => ph.id !== phase.id);\n const newCurrentPhases = currentPhases.filter(currPhase => currPhase.name !== phase.name);\n\n return {\n ...project,\n phases: newPhases,\n currentPhases: newCurrentPhases,\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === projectId) {\n const { phases, currentPhases } = selectedProject;\n\n const newPhases = phases?.filter(ph => ph.id !== phase.id) || [];\n\n const newCurrentPhases = currentPhases.filter(currPhase => currPhase.name !== phase.name);\n\n newProjectSelections[selectionId] = {\n ...selectedProject,\n phases: newPhases,\n currentPhases: newCurrentPhases,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n deleteProjectPhasePending: false,\n deleteProjectPhaseError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_PHASE_FAILURE:\n return {\n ...state,\n deleteProjectPhasePending: false,\n deleteProjectPhaseError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_PHASE_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonDelete } from '../../../utils/api';\nimport {\n PROJECTS_DELETE_PROJECT_ROLE_BEGIN,\n PROJECTS_DELETE_PROJECT_ROLE_SUCCESS,\n PROJECTS_DELETE_PROJECT_ROLE_FAILURE,\n PROJECTS_DELETE_PROJECT_ROLE_DISMISS_ERROR,\n} from './constants';\nimport { deleteProjectRoleById } from '../utils/projectUtils';\n\nexport function deleteProjectRole(accountId, projectId, roleId, analyticsPayload) {\n return {\n type: PROJECTS_DELETE_PROJECT_ROLE_BEGIN,\n accountId,\n projectId,\n roleId,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteProjectRoleError() {\n return {\n type: PROJECTS_DELETE_PROJECT_ROLE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProjectRole(action) {\n const { accountId, projectId, roleId, analyticsPayload } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/roles/${roleId}`);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_ROLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_ROLE_SUCCESS,\n projectId,\n roleId,\n analyticsPayload,\n });\n}\n\nexport function* watchDeleteProjectRole() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_ROLE_BEGIN, doDeleteProjectRole);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_ROLE_BEGIN:\n return {\n ...state,\n deleteProjectRolePending: true,\n deleteProjectRoleError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_ROLE_SUCCESS: {\n const { projectId, roleId } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n return deleteProjectRoleById(project, roleId);\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const updatedProject = deleteProjectRoleById(selectedProject, roleId);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n deleteProjectRolePending: false,\n deleteProjectRoleError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_ROLE_FAILURE:\n return {\n ...state,\n deleteProjectRolePending: false,\n deleteProjectRoleError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_ROLE_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectRoleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN,\n PROJECTS_DELETE_PROJECT_SUB_PHASE_SUCCESS,\n PROJECTS_DELETE_PROJECT_SUB_PHASE_FAILURE,\n PROJECTS_DELETE_PROJECT_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\nimport { removeProjectSubPhase } from '../utils/projectUtils';\n\nexport function deleteProjectSubPhase(accountId, projectId, phase, subPhase, analyticsPayload = { }) {\n return {\n type: PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN,\n accountId,\n projectId,\n phase,\n subPhase,\n analyticsPayload,\n };\n}\n\nexport function dismissDeleteProjectSubPhaseError() {\n return {\n type: PROJECTS_DELETE_PROJECT_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteProjectSubPhase(action) {\n const { accountId, projectId, phase, subPhase, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/phases/${phase.id}/subphases/${subPhase.id}`);\n } catch (err) {\n yield put({\n type: PROJECTS_DELETE_PROJECT_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_DELETE_PROJECT_SUB_PHASE_SUCCESS,\n data: res,\n projectId,\n phase,\n subPhase,\n analyticsPayload,\n });\n}\n\nexport function* watchDeleteProjectSubPhase() {\n yield takeLatest(PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN, doDeleteProjectSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_DELETE_PROJECT_SUB_PHASE_BEGIN:\n return {\n ...state,\n deleteProjectSubPhasePending: true,\n deleteProjectSubPhaseError: null,\n };\n\n case PROJECTS_DELETE_PROJECT_SUB_PHASE_SUCCESS: {\n const { projectId, phase, subPhase } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n return removeProjectSubPhase(project, phase, subPhase);\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n\n if (selectedProject?.id === projectId) {\n const updatedProject = removeProjectSubPhase(selectedProject, phase, subPhase);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n deleteProjectSubPhasePending: false,\n deleteProjectSubPhaseError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_DELETE_PROJECT_SUB_PHASE_FAILURE:\n return {\n ...state,\n deleteProjectSubPhasePending: false,\n deleteProjectSubPhaseError: action.data.error,\n };\n\n case PROJECTS_DELETE_PROJECT_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n deleteProjectSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN,\n PROJECTS_GET_EXPANDED_ALLOCATIONS_SUCCESS,\n PROJECTS_GET_EXPANDED_ALLOCATIONS_FAILURE,\n PROJECTS_GET_EXPANDED_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getExpandedAllocations(accountId) {\n return {\n type: PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetExpandedAllocationsError() {\n return {\n type: PROJECTS_GET_EXPANDED_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetExpandedAllocations(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/project-allocations`, { allocationState: 'all', personstate: 'all', limit: 5000 });\n } catch (err) {\n yield put({\n type: PROJECTS_GET_EXPANDED_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_GET_EXPANDED_ALLOCATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetExpandedAllocations() {\n yield takeLatest(PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN, doGetExpandedAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_EXPANDED_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getExpandedAllocationsPending: true,\n getExpandedAllocationsError: null,\n };\n\n case PROJECTS_GET_EXPANDED_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n expandedAllocations: action.data,\n getExpandedAllocationsPending: false,\n getExpandedAllocationsError: null,\n };\n\n case PROJECTS_GET_EXPANDED_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getExpandedAllocationsPending: false,\n getExpandedAllocationsError: action.data.error,\n };\n\n case PROJECTS_GET_EXPANDED_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getExpandedAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { collateFieldValues } from 'src/filters/graphqlUtils';\nimport {\n PROJECTS_GET_FILTERED_PROJECTS_BEGIN,\n PROJECTS_GET_FILTERED_PROJECTS_SUCCESS,\n PROJECTS_GET_FILTERED_PROJECTS_FAILURE,\n PROJECTS_GET_FILTERED_PROJECTS_DISMISS_ERROR,\n} from './constants';\nimport { getProjectListQuery } from '../queries/getProjectListQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport initialState from './initialState';\n\nexport function getFilteredProjects(accountId, queries, pageFrom, data = {}, pageSize) {\n const { roleSortOption, roleFilters, permissions } = data;\n const { query, variables } = getProjectListQuery(accountId, queries, pageFrom, pageSize, roleSortOption, roleFilters, permissions);\n\n return {\n type: PROJECTS_GET_FILTERED_PROJECTS_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetFilteredProjectsError() {\n return {\n type: PROJECTS_GET_FILTERED_PROJECTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetFilteredProjects(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PROJECTS_GET_FILTERED_PROJECTS_FAILURE,\n data: { error: err },\n isPaging: variables.from !== 0,\n });\n return;\n }\n yield put({\n type: PROJECTS_GET_FILTERED_PROJECTS_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetFilteredProjects() {\n yield takeLatest(PROJECTS_GET_FILTERED_PROJECTS_BEGIN, doGetFilteredProjects);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_FILTERED_PROJECTS_BEGIN: {\n const { variables } = action;\n const isPaging = variables.from > 0;\n\n return {\n ...state,\n getFilteredProjectsPagePending: isPaging,\n getFilteredProjectsPending: !isPaging,\n getFilteredProjectsError: null,\n };\n }\n\n case PROJECTS_GET_FILTERED_PROJECTS_SUCCESS: {\n const { data, clearData } = action;\n const collatedData = collateFieldValues(data.projects.items);\n\n return {\n ...state,\n filteredProjects: clearData ? collatedData : [...state.filteredProjects, ...collatedData],\n projectCount: data.projects.count,\n pageFrom: data.projects.cursor,\n hasMore: data.projects.hasMore,\n getFilteredProjectsPagePending: false,\n getFilteredProjectsPending: false,\n getFilteredProjectsError: null,\n getFilteredProjectsPageError: null,\n };\n }\n\n case PROJECTS_GET_FILTERED_PROJECTS_FAILURE: {\n const { filteredProjects } = initialState;\n return {\n ...state,\n filteredProjects,\n getFilteredProjectsPending: false,\n getFilteredProjectsPagePending: false,\n getFilteredProjectsError: action.isPaging ? null : action.data.error,\n getFilteredProjectsPageError: action.isPaging ? action.data.error : null,\n };\n }\n case PROJECTS_GET_FILTERED_PROJECTS_DISMISS_ERROR:\n return {\n ...state,\n getFilteredProjectsError: null,\n getFilteredProjectsPageError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_BEGIN,\n PROJECTS_GET_PROJECT_SUCCESS,\n PROJECTS_GET_PROJECT_FAILURE,\n PROJECTS_GET_PROJECT_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { getUpdatedEntity } from '../../../filters/graphqlUtils';\n\nexport function getProject(accountId, projectId) {\n return {\n type: PROJECTS_GET_PROJECT_BEGIN,\n accountId,\n projectId,\n };\n}\n\nexport function dismissGetProjectError() {\n return {\n type: PROJECTS_GET_PROJECT_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProject(action) {\n const { accountId, projectId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}`);\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_SUCCESS,\n data: res,\n projectId,\n });\n}\n\nexport function* watchGetProject() {\n yield takeLatest(PROJECTS_GET_PROJECT_BEGIN, doGetProject);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_BEGIN:\n return {\n ...state,\n getProjectPending: true,\n getProjectError: null,\n };\n\n case PROJECTS_GET_PROJECT_SUCCESS: {\n const { data, projectId } = action;\n const filteredProjects = getUpdatedEntity('Project', state.filteredProjects, data);\n\n return {\n ...state,\n projects: [\n ...state.projects.filter(p => p.id !== projectId),\n action.data,\n ],\n filteredProjects,\n getProjectPending: false,\n getProjectError: null,\n };\n }\n\n case PROJECTS_GET_PROJECT_FAILURE:\n return {\n ...state,\n getProjectPending: false,\n getProjectError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_DISMISS_ERROR:\n return {\n ...state,\n getProjectError: null,\n };\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN,\n PROJECTS_GET_PROJECT_ALLOCATIONS_SUCCESS,\n PROJECTS_GET_PROJECT_ALLOCATIONS_FAILURE,\n PROJECTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { DATE_INPUT_FORMAT } from '../../../common/constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { roleIsFilled } from '../../allocations/utils/allocationUtils';\n\nexport function getProjectAllocations(accountId, projectId) {\n return {\n type: PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN,\n accountId,\n projectId,\n };\n}\n\nexport function dismissGetProjectAllocationsError() {\n return {\n type: PROJECTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectAllocations(action) {\n const { accountId, projectId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}/allocations`, { personstate: 'all', relativeDate: moment().local().format(DATE_INPUT_FORMAT) });\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_GET_PROJECT_ALLOCATIONS_SUCCESS,\n projectId,\n data: res,\n });\n}\n\nexport function* watchGetProjectAllocations() {\n yield takeLatest(PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN, doGetProjectAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getProjectAllocationsPending: true,\n getProjectAllocationsError: null,\n };\n\n case PROJECTS_GET_PROJECT_ALLOCATIONS_SUCCESS: {\n const { projectId, data } = action;\n const { projectSelections } = state;\n\n const filteredProjects = state.filteredProjects.map((project) => {\n if (project.id === projectId && project.roles) {\n const totalCount = project.roles.length;\n let unfilledCount = 0;\n\n project.roles.forEach((role) => {\n const projectAllocation = data?.length > 0 ? data.find(alloc => alloc.roleId === role.id) : null;\n\n const { startDate, endDate, requirements } = role;\n\n if (!projectAllocation || !roleIsFilled(startDate, endDate, requirements, projectAllocation.allocations)) {\n unfilledCount += 1;\n }\n });\n\n return {\n ...project,\n totalRoles: totalCount,\n unfilledRoles: unfilledCount,\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId && selectedProject.roles) {\n const totalCount = selectedProject.roles.length;\n let unfilledCount = 0;\n\n selectedProject.roles.forEach((role) => {\n const projectAllocation = data?.length > 0 ? data.find(alloc => alloc.roleId === role.id) : null;\n\n const { startDate, endDate, requirements } = role;\n if (!projectAllocation || !roleIsFilled(startDate, endDate, requirements, projectAllocation.allocations)) {\n unfilledCount += 1;\n }\n });\n\n newProjectSelections[selectionId] = {\n ...selectedProject,\n totalRoles: totalCount,\n unfilledRoles: unfilledCount,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects,\n projectAllocations: {\n ...state.projectAllocations,\n [projectId]: action.data,\n },\n getProjectAllocationsPending: false,\n getProjectAllocationsError: null,\n projectSelections: newProjectSelections,\n };\n }\n case PROJECTS_GET_PROJECT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getProjectAllocationsPending: false,\n getProjectAllocationsError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getProjectAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { MIN_FROM, AUDIT_PAGE_SIZE } from '../../../common/constants';\n\nconst PROJECT_ENTRY = gql`\n fragment ProjectEntry on ProjectEntry {\n id\n name\n colour\n startDate\n endDate\n state\n type\n fields {\n fieldId\n fieldName\n values\n }\n }\n`;\n\nconst PHASE_ENTRY = gql`\n fragment PhaseEntry on PhaseEntry {\n data {\n id\n name\n startDate\n endDate\n subPhases {\n id\n name\n startDate\n endDate\n }\n }\n }\n`;\n\nconst SUBPHASE_ENTRY = gql`\n fragment SubPhaseEntry on SubPhaseEntry {\n data{\n id\n name\n startDate\n endDate\n }\n }\n`;\n\nconst FIELD_ENTRY = gql`\n fragment ProjectFieldEntry on FieldEntry {\n data {\n fieldId\n fieldName\n fieldType\n values\n }\n }\n`;\n\nconst ROLE_ENTRY = gql`\n fragment RoleEntry on RoleEntry {\n id\n nameId\n name\n startDate\n endDate\n isFilled\n allocations {\n startDate\n endDate\n allocatedPercent\n }\n unfilledRanges {\n startDate\n endDate\n }\n note\n notification {\n notifiedOn\n recipientIds\n }\n isCommunicated\n }\n`;\n\nconst BULK_ROLE_ENTRY = gql`\n fragment BulkRoleEntry on BulkRoleEntry {\n data {\n ...RoleEntry\n }\n }\n`;\n\nconst ALLOCATION_ENTRY = gql`\n fragment AllocationEntry on AllocationEntry {\n personId\n person {\n id\n email\n name\n title\n photoUrl\n state\n }\n role {\n ...RoleEntry\n }\n allocations {\n startDate\n endDate\n allocatedPercent\n }\n }\n`;\n\nconst PROJECT_NOTE_ENTRY = gql`\n fragment ProjectNoteEntry on ProjectNoteEntry {\n id\n message\n isPrivate\n creatorId\n creatorName\n createdOn\n lastModifiedOn\n }\n`;\n\nconst PROJECT_AUDIT_QUERY = gql`\n ${PROJECT_ENTRY}\n ${PHASE_ENTRY}\n ${SUBPHASE_ENTRY}\n ${FIELD_ENTRY}\n ${ROLE_ENTRY}\n ${BULK_ROLE_ENTRY}\n ${ALLOCATION_ENTRY}\n ${PROJECT_NOTE_ENTRY}\n query projectAuditQuery($accountId: Int!, $projectId: Int!, $from: Int, $size: Int) {\n projectAudit(\n accountId: $accountId\n projectId: $projectId\n from: $from\n size: $size\n ) {\n hasMore\n cursor\n items {\n eventOn\n userId\n userName\n resourceId\n resourceType\n actionType\n eventData {\n ... on ProjectEntry { ...ProjectEntry }\n ... on PhaseEntry { ...PhaseEntry }\n ... on SubPhaseEntry { ...SubPhaseEntry }\n ... on FieldEntry { ...ProjectFieldEntry }\n ... on RoleEntry { ...RoleEntry }\n ... on BulkRoleEntry { ...BulkRoleEntry }\n ... on AllocationEntry { ...AllocationEntry }\n ... on ProjectNoteEntry { ...ProjectNoteEntry }\n }\n }\n }\n }\n`;\n\nexport const getProjectAuditQuery = (accountId, projectId, from = MIN_FROM) => {\n const variables = {\n accountId,\n projectId,\n size: AUDIT_PAGE_SIZE,\n from,\n };\n\n return {\n query: PROJECT_AUDIT_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_AUDIT_BEGIN,\n PROJECTS_GET_PROJECT_AUDIT_SUCCESS,\n PROJECTS_GET_PROJECT_AUDIT_FAILURE,\n PROJECTS_GET_PROJECT_AUDIT_DISMISS_ERROR,\n} from './constants';\nimport { getProjectAuditQuery } from '../queries/getProjectAuditQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getProjectAudit(accountId, projectId, from) {\n const { query, variables } = getProjectAuditQuery(accountId, projectId, from);\n return {\n type: PROJECTS_GET_PROJECT_AUDIT_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetProjectAuditError() {\n return {\n type: PROJECTS_GET_PROJECT_AUDIT_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectAudit(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_AUDIT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_AUDIT_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetProjectAudit() {\n yield takeLatest(PROJECTS_GET_PROJECT_AUDIT_BEGIN, doGetProjectAudit);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_AUDIT_BEGIN:\n return {\n ...state,\n getProjectAuditPending: true,\n getProjectAuditError: null,\n };\n\n case PROJECTS_GET_PROJECT_AUDIT_SUCCESS: {\n const { clearData, data } = action;\n const { projectAudit } = data;\n\n const oldItems = clearData || !state.projectAudit?.items ? [] : state.projectAudit.items;\n const newItems = projectAudit.items;\n\n return {\n ...state,\n projectAudit: {\n ...projectAudit,\n items: [...oldItems, ...newItems],\n },\n getProjectAuditPending: false,\n getProjectAuditError: null,\n };\n }\n\n case PROJECTS_GET_PROJECT_AUDIT_FAILURE:\n return {\n ...state,\n getProjectAuditPending: false,\n getProjectAuditError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_AUDIT_DISMISS_ERROR:\n return {\n ...state,\n getProjectAuditError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { LocalStorageKeys } from 'src/common/localStorageKeys';\nimport { MIN_FROM } from 'src/common/constants';\nimport { getValidatedLocalStorage } from 'src/utils/validators';\nimport { PERM_READ, PERM_ROLE, PERM_HOURLY_PERSON } from 'src/features/permissions/utils/constants';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { DEFAULT_PROJECT_ROLE_SORT, DEFAULT_PROJECT_BY_ID_ROLE_SORT } from '../redux/constants';\nimport { generateRequestFilter } from '../../../filters/graphqlUtils';\nimport {\n DEFAULT_REQUEST_STATE_FILTER,\n DEFAULT_PROJECT_REQUEST_SORT,\n MAX_REQUEST_SIZE,\n} from '../../self-perform/redux/constants';\nimport { REQUEST_SCHEMAS } from '../../../common/descriptors/request';\n\nconst ROLE_SORT_PARAM = ', $structuredSort: [RoleSort]';\nconst REQUEST_PARAMS = ', $filters: [ESQuery], $requestSort: [RequestSort], $size: Int, $from: Int';\n\nconst ROLES_QUERY = `\n roles(structuredSort: $structuredSort) {\n id\n name\n startDate\n endDate\n isFilled\n note\n requirements {\n startDate\n endDate\n allocatedPercent: percent\n }\n allocations {\n startDate\n endDate\n personId\n name\n allocatedPercent\n }\n notification {\n notifiedOn\n recipientIds\n }\n isCommunicated\n }\n roleStats {\n filled\n unfilled\n total\n }\n`;\n\nconst REQUEST_QUERY = `\n requests(accountId: $accountId, filters: $filters, structuredSort: $requestSort, size: $size, from: $from) {\n count\n hasMore\n cursor\n items {\n id\n description\n startDate\n endDate\n requester {\n name\n }\n assignee {\n name\n }\n workDays\n }\n }\n`;\n\nconst constructQuery = (hasRolesPerms, hasRequestPerms) => gql`\n query projectByIdQuery($accountId: Int!, $projectId: Int!${hasRolesPerms ? ROLE_SORT_PARAM : ''}${hasRequestPerms ? REQUEST_PARAMS : ''}) {\n project(accountId: $accountId, projectId: $projectId) {\n id\n name\n colour\n startDate\n endDate\n state\n type\n winPercent\n unfilledRoles\n totalRoles\n hasIssues\n lastModifiedOn\n ${hasRolesPerms ? ROLES_QUERY : ''}\n fields {\n fieldId: id\n isPrivate\n name\n dataType\n values\n }\n currentPhases {\n name\n subPhases\n }\n phases {\n id\n name\n startDate\n endDate\n subPhases {\n id\n name\n startDate\n endDate\n }\n }\n notes {\n id\n creatorId\n creatorName\n message\n isPrivate\n createdOn\n lastModifiedOn\n }\n }\n ${hasRequestPerms ? REQUEST_QUERY : ''}\n }\n`;\n\nexport const getProjectByIdQuery = (accountId, projectId, permissions) => {\n const storageSort = getValidatedLocalStorage(LocalStorageKeys.projectRoleSort);\n const nestedSortObj = storageSort || DEFAULT_PROJECT_ROLE_SORT;\n const structuredSort = nestedSortObj?.roles?.nested?.structuredSort\n ? nestedSortObj.roles.nested.structuredSort\n : DEFAULT_PROJECT_BY_ID_ROLE_SORT;\n\n const requestFilter = {\n name: 'filter',\n args: [\n DEFAULT_REQUEST_STATE_FILTER,\n {\n label: 'Project Id',\n column: 'projectId',\n activeFilters: [\n { name: projectId, value: projectId },\n ],\n },\n ],\n };\n\n const filters = generateRequestFilter(requestFilter, REQUEST_SCHEMAS);\n const variables = {\n accountId,\n projectId,\n structuredSort,\n filters,\n requestSort: DEFAULT_PROJECT_REQUEST_SORT,\n size: MAX_REQUEST_SIZE,\n from: MIN_FROM,\n };\n const hasRolesPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_ROLE);\n const hasRequestPerms = isAuthorized(accountId, permissions, PERM_READ, PERM_HOURLY_PERSON);\n\n return {\n query: constructQuery(hasRolesPerms, hasRequestPerms),\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_BY_ID_BEGIN,\n PROJECTS_GET_PROJECT_BY_ID_SUCCESS,\n PROJECTS_GET_PROJECT_BY_ID_FAILURE,\n PROJECTS_GET_PROJECT_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { getProjectByIdQuery } from '../queries/getProjectByIdQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getProjectById(accountId, selectedProjectId, selectionId, refreshing, permissions, mixpanelEvent = null, analyticsPayload) {\n const { query, variables } = getProjectByIdQuery(accountId, selectedProjectId, permissions);\n return {\n type: PROJECTS_GET_PROJECT_BY_ID_BEGIN,\n selectedProjectId,\n query,\n variables,\n selectionId,\n refreshing,\n mixpanelEvent,\n analyticsPayload,\n };\n}\n\nexport function dismissGetProjectByIdError() {\n return {\n type: PROJECTS_GET_PROJECT_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectById(action) {\n const { query, variables, selectionId, mixpanelEvent, analyticsPayload } = action;\n let res;\n let selectedProject;\n let requests;\n\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n selectedProject = res?.data?.project;\n requests = res?.data?.requests;\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_GET_PROJECT_BY_ID_SUCCESS,\n data: {\n selectedProject,\n selectionId,\n requests,\n },\n mixpanelEvent,\n analyticsPayload,\n });\n}\n\nexport function* watchGetProjectById() {\n yield takeLatest(PROJECTS_GET_PROJECT_BY_ID_BEGIN, doGetProjectById);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_BY_ID_BEGIN:\n return {\n ...state,\n getProjectByIdPending: !action.refreshing,\n getProjectByIdError: null,\n };\n\n case PROJECTS_GET_PROJECT_BY_ID_SUCCESS: {\n const { projectSelections } = state;\n const { data: { selectedProject, selectionId, requests } } = action;\n return {\n ...state,\n projectSelections: {\n ...projectSelections,\n [selectionId]: {\n ...selectedProject,\n requests: requests?.items || [],\n },\n },\n getProjectByIdPending: false,\n getProjectByIdError: null,\n };\n }\n\n case PROJECTS_GET_PROJECT_BY_ID_FAILURE:\n return {\n ...state,\n getProjectByIdPending: false,\n getProjectByIdError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getProjectByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_DEFAULTS_BEGIN,\n PROJECTS_GET_PROJECT_DEFAULTS_SUCCESS,\n PROJECTS_GET_PROJECT_DEFAULTS_FAILURE,\n PROJECTS_GET_PROJECT_DEFAULTS_DISMISS_ERROR,\n} from './constants';\nimport { getBaseRequest } from '../../../utils/api';\n\nexport function getProjectDefaults() {\n return {\n type: PROJECTS_GET_PROJECT_DEFAULTS_BEGIN,\n };\n}\n\nexport function dismissGetProjectDefaultsError() {\n return {\n type: PROJECTS_GET_PROJECT_DEFAULTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectDefaults() {\n let res;\n try {\n res = yield call(getBaseRequest, 'bench-defaults/project');\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_DEFAULTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_DEFAULTS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectDefaults() {\n yield takeLatest(PROJECTS_GET_PROJECT_DEFAULTS_BEGIN, doGetProjectDefaults);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_DEFAULTS_BEGIN:\n return {\n ...state,\n getProjectDefaultsPending: true,\n getProjectDefaultsError: null,\n };\n\n case PROJECTS_GET_PROJECT_DEFAULTS_SUCCESS:\n return {\n ...state,\n projectDefaults: action.data,\n getProjectDefaultsPending: false,\n getProjectDefaultsError: null,\n };\n\n case PROJECTS_GET_PROJECT_DEFAULTS_FAILURE:\n return {\n ...state,\n getProjectDefaultsPending: false,\n getProjectDefaultsError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_DEFAULTS_DISMISS_ERROR:\n return {\n ...state,\n getProjectDefaultsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN,\n PROJECT_GET_PROJECT_FIELD_VALUES_SUCCESS,\n PROJECT_GET_PROJECT_FIELD_VALUES_FAILURE,\n PROJECT_GET_PROJECT_FIELD_VALUES_DISMISS_ERROR,\n MAX_PROJECTS,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectFieldValues(accountId) {\n return {\n type: PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetProjectFieldValuesError() {\n return {\n type: PROJECT_GET_PROJECT_FIELD_VALUES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectFieldValues(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/project-field-values?limit=${MAX_PROJECTS}`);\n } catch (err) {\n yield put({\n type: PROJECT_GET_PROJECT_FIELD_VALUES_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECT_GET_PROJECT_FIELD_VALUES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectFieldValues() {\n yield takeLatest(PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN, doGetProjectFieldValues);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECT_GET_PROJECT_FIELD_VALUES_BEGIN:\n return {\n ...state,\n getProjectFieldValuesPending: true,\n getProjectFieldValuesError: null,\n };\n\n case PROJECT_GET_PROJECT_FIELD_VALUES_SUCCESS:\n return {\n ...state,\n projectFieldValues: action.data || [],\n getProjectFieldValuesPending: false,\n getProjectFieldValuesError: null,\n };\n\n case PROJECT_GET_PROJECT_FIELD_VALUES_FAILURE:\n return {\n ...state,\n getProjectFieldValuesPending: false,\n getProjectFieldValuesError: action.data.error,\n };\n\n case PROJECT_GET_PROJECT_FIELD_VALUES_DISMISS_ERROR:\n return {\n ...state,\n getProjectFieldValuesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_NAMES_BEGIN,\n PROJECTS_GET_PROJECT_NAMES_SUCCESS,\n PROJECTS_GET_PROJECT_NAMES_FAILURE,\n PROJECTS_GET_PROJECT_NAMES_DISMISS_ERROR,\n} from './constants';\nimport { getProjectNamesQuery } from '../queries/getProjectNamesQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getProjectNames(accountId, queries = {}) {\n const { query, variables } = getProjectNamesQuery(accountId, queries);\n return {\n type: PROJECTS_GET_PROJECT_NAMES_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetProjectNamesError() {\n return {\n type: PROJECTS_GET_PROJECT_NAMES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectNames(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_NAMES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n\n yield put({\n type: PROJECTS_GET_PROJECT_NAMES_SUCCESS,\n data: res.data,\n });\n}\n\nexport function* watchGetProjectNames() {\n yield takeLatest(PROJECTS_GET_PROJECT_NAMES_BEGIN, doGetProjectNames);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_NAMES_BEGIN:\n return {\n ...state,\n getProjectNamesPending: true,\n getProjectNamesError: null,\n };\n\n case PROJECTS_GET_PROJECT_NAMES_SUCCESS:\n return {\n ...state,\n projectNames: action.data.projects.items.map(project => ({ name: project.name, value: project.id, colour: project.colour, state: project.state })),\n getProjectNamesPending: false,\n getProjectNamesError: null,\n };\n\n case PROJECTS_GET_PROJECT_NAMES_FAILURE:\n return {\n ...state,\n getProjectNamesPending: false,\n getProjectNamesError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_NAMES_DISMISS_ERROR:\n return {\n ...state,\n getProjectNamesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_ROLE_BEGIN,\n PROJECTS_GET_PROJECT_ROLE_SUCCESS,\n PROJECTS_GET_PROJECT_ROLE_FAILURE,\n PROJECTS_GET_PROJECT_ROLE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectRole(accountId, projectId, roleId) {\n return {\n type: PROJECTS_GET_PROJECT_ROLE_BEGIN,\n accountId,\n projectId,\n roleId,\n };\n}\n\nexport function dismissGetProjectRoleError() {\n return {\n type: PROJECTS_GET_PROJECT_ROLE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectRole(action) {\n const { accountId, projectId, roleId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}/roles/${roleId}`);\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_ROLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_ROLE_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectRole() {\n yield takeLatest(PROJECTS_GET_PROJECT_ROLE_BEGIN, doGetProjectRole);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_ROLE_BEGIN:\n return {\n ...state,\n getProjectRolePending: true,\n getProjectRoleError: null,\n };\n\n case PROJECTS_GET_PROJECT_ROLE_SUCCESS:\n return {\n ...state,\n getProjectRolePending: false,\n getProjectRoleError: null,\n activeRole: action.data,\n };\n\n case PROJECTS_GET_PROJECT_ROLE_FAILURE:\n return {\n ...state,\n getProjectRolePending: false,\n getProjectRoleError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_ROLE_DISMISS_ERROR:\n return {\n ...state,\n getProjectRoleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN,\n PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_SUCCESS,\n PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_FAILURE,\n PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectRoleAvailabilities(accountId, projectId, roleId, startDate, endDate) {\n return {\n type: PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN,\n accountId,\n projectId,\n roleId,\n startDate,\n endDate,\n };\n}\n\nexport function dismissGetProjectRoleAvailabilitiesError() {\n return {\n type: PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectRoleAvailabilities(action) {\n const { accountId, projectId, roleId, startDate, endDate } = action;\n const dateFilter = startDate && endDate ? `?start=${startDate}&end=${endDate}` : '';\n\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}/roles/${roleId}/availabilities${dateFilter}`);\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_SUCCESS,\n projectId,\n roleId,\n data: res,\n });\n}\n\nexport function* watchGetProjectRoleAvailabilities() {\n yield takeLatest(PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN, doGetProjectRoleAvailabilities);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_BEGIN:\n return {\n ...state,\n getProjectRoleAvailabilitiesPending: true,\n getProjectRoleAvailabilitiesError: null,\n };\n\n case PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_SUCCESS: {\n const { projectId, roleId } = action;\n\n return {\n ...state,\n projectRoleAvailabilities: {\n ...state.projectRoleAvailabilities,\n [projectId]: {\n ...state.projectRoleAvailabilities[projectId],\n [roleId]: action.data,\n },\n },\n getProjectRoleAvailabilitiesPending: false,\n getProjectRoleAvailabilitiesError: null,\n };\n }\n case PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_FAILURE:\n return {\n ...state,\n getProjectRoleAvailabilitiesPending: false,\n getProjectRoleAvailabilitiesError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECT_ROLE_AVAILABILITIES_DISMISS_ERROR:\n return {\n ...state,\n getProjectRoleAvailabilitiesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECT_ROLES_BEGIN,\n PROJECTS_GET_PROJECT_ROLES_SUCCESS,\n PROJECTS_GET_PROJECT_ROLES_FAILURE,\n PROJECTS_GET_PROJECT_ROLES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectRoles(accountId, projectId) {\n return {\n type: PROJECTS_GET_PROJECT_ROLES_BEGIN,\n accountId,\n projectId,\n };\n}\n\nexport function dismissGetProjectRolesError() {\n return {\n type: PROJECTS_GET_PROJECT_ROLES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectRoles(action) {\n const { accountId, projectId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/roles`, { projectId });\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECT_ROLES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_GET_PROJECT_ROLES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectRoles() {\n yield takeLatest(PROJECTS_GET_PROJECT_ROLES_BEGIN, doGetProjectRoles);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECT_ROLES_BEGIN:\n return {\n ...state,\n getProjectRolesPending: true,\n getProjectRolesError: null,\n };\n\n case PROJECTS_GET_PROJECT_ROLES_SUCCESS: {\n const { data } = action;\n\n return {\n ...state,\n projectRoles: data,\n getProjectRolesPending: false,\n getProjectRolesError: null,\n };\n }\n\n case PROJECTS_GET_PROJECT_ROLES_FAILURE: {\n return {\n ...state,\n getProjectRolesPending: false,\n getProjectRolesError: action.data.error,\n };\n }\n\n case PROJECTS_GET_PROJECT_ROLES_DISMISS_ERROR:\n return {\n ...state,\n getProjectRolesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_GET_PROJECTS_BEGIN,\n PROJECTS_GET_PROJECTS_SUCCESS,\n PROJECTS_GET_PROJECTS_FAILURE,\n PROJECTS_GET_PROJECTS_DISMISS_ERROR,\n MAX_PROJECTS,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { setStartDateTimeStamp } from '../utils/projectUtils';\n\nexport function getProjects(accountId) {\n return {\n type: PROJECTS_GET_PROJECTS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetProjectsError() {\n return {\n type: PROJECTS_GET_PROJECTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjects(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects?limit=${MAX_PROJECTS}`);\n } catch (err) {\n yield put({\n type: PROJECTS_GET_PROJECTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const result = setStartDateTimeStamp(res);\n yield put({\n type: PROJECTS_GET_PROJECTS_SUCCESS,\n data: result,\n });\n}\n\nexport function* watchGetProjects() {\n yield takeLatest(PROJECTS_GET_PROJECTS_BEGIN, doGetProjects);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_GET_PROJECTS_BEGIN:\n return {\n ...state,\n getProjectsPending: true,\n getProjectsError: null,\n };\n\n case PROJECTS_GET_PROJECTS_SUCCESS:\n return {\n ...state,\n projects: action.data,\n getProjectsPending: false,\n getProjectsError: null,\n };\n\n case PROJECTS_GET_PROJECTS_FAILURE:\n return {\n ...state,\n getProjectsPending: false,\n getProjectsError: action.data.error,\n };\n\n case PROJECTS_GET_PROJECTS_DISMISS_ERROR:\n return {\n ...state,\n getProjectsError: null,\n };\n\n default:\n return state;\n }\n}\n","const initialState = {\n projects: [],\n projectNames: [],\n projectFields: [],\n projectFieldValues: [],\n expandedAllocations: [],\n projectRoleAvailabilities: {},\n projectRoles: [],\n projectAllocations: {},\n filteredProjects: [],\n pageFrom: 0,\n projectSelections: {},\n projectAudit: null,\n getProjectsPending: false,\n getProjectsError: null,\n getProjectFieldValuesPending: false,\n getProjectFieldValuesError: null,\n addProjectPending: false,\n addProjectError: null,\n updateProjectPending: false,\n updateProjectError: null,\n addProjectRolesPending: false,\n addProjectRolesError: null,\n getProjectRoleAvailabilitiesPending: false,\n getProjectRoleAvailabilitiesError: null,\n addProjectRoleAllocationPending: false,\n addProjectRoleAllocationError: null,\n getProjectAllocationsPending: false,\n getProjectAllocationsError: null,\n getProjectPending: false,\n getProjectError: null,\n replaceProjectRoleAllocationPending: false,\n replaceProjectRoleAllocationError: null,\n deleteProjectRolePending: false,\n deleteProjectRoleError: null,\n deleteProjectPending: false,\n deleteProjectError: null,\n deleteProjectAllocationPending: false,\n deleteProjectAllocationError: null,\n updateProjectRolePending: false,\n updateProjectRoleError: null,\n updateProjectRoleAllocationPending: false,\n updateProjectRoleAllocationError: null,\n getExpandedAllocationsPending: false,\n getExpandedAllocationsError: null,\n getFilteredProjectsPagePending: false,\n getFilteredProjectsPending: false,\n getFilteredProjectsError: null,\n getFilteredProjectsPageError: null,\n deleteProjectPhasePending: false,\n deleteProjectPhaseError: null,\n deleteProjectSubPhasePending: false,\n deleteProjectSubPhaseError: null,\n addProjectPhasesPending: false,\n addProjectPhasesError: null,\n addProjectSubPhasePending: false,\n addProjectSubPhaseError: null,\n getProjectNamesPending: false,\n getProjectNamesError: null,\n collectProjectTableDataPending: false,\n collectProjectTableDataError: null,\n updateProjectPhasePending: false,\n updateProjectPhaseError: null,\n updateProjectSubPhasePending: false,\n updateProjectSubPhaseError: null,\n updateProjectFieldValuePending: false,\n updateProjectFieldValueError: null,\n refreshAllocationMetaPending: false,\n refreshAllocationMetaError: null,\n getProjectByIdPending: false,\n getProjectByIdError: null,\n refreshProjectAllocationsPending: false,\n refreshProjectAllocationsError: null,\n triggerRefreshAllocationMeta: false,\n updateProjectDurationPending: false,\n updateProjectDurationError: null,\n getProjectDefaultsPending: false,\n getProjectDefaultsError: null,\n projectDefaults: {},\n sendRoleNotificationPending: false,\n sendRoleNotificationError: null,\n addProjectNotePending: false,\n addProjectNoteError: null,\n deleteProjectNotePending: false,\n deleteProjectNoteError: null,\n updateProjectNotePending: false,\n updateProjectNoteError: null,\n getProjectAuditPending: false,\n getProjectAuditError: null,\n getProjectRolesPending: false,\n getProjectRolesError: null,\n getProjectRolePending: false,\n getProjectRoleError: null,\n};\n\nexport default initialState;\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonGet } from 'src/utils/api';\nimport {\n PROJECTS_REFRESH_ALLOCATION_META_BEGIN,\n PROJECTS_REFRESH_ALLOCATION_META_SUCCESS,\n PROJECTS_REFRESH_ALLOCATION_META_FAILURE,\n PROJECTS_REFRESH_ALLOCATION_META_DISMISS_ERROR,\n} from './constants';\n\nexport function refreshAllocationMeta(accountId) {\n return {\n type: PROJECTS_REFRESH_ALLOCATION_META_BEGIN,\n accountId,\n };\n}\n\nexport function dismissRefreshAllocationMetaError() {\n return {\n type: PROJECTS_REFRESH_ALLOCATION_META_DISMISS_ERROR,\n };\n}\n\nexport function* doRefreshAllocationMeta(action) {\n const { accountId } = action;\n let res;\n\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/project-allocations`, { allocationState: 'all', personstate: 'all', limit: 5000 });\n } catch (err) {\n yield put({\n type: PROJECTS_REFRESH_ALLOCATION_META_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_REFRESH_ALLOCATION_META_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchRefreshAllocationMeta() {\n yield takeLatest(PROJECTS_REFRESH_ALLOCATION_META_BEGIN, doRefreshAllocationMeta);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_REFRESH_ALLOCATION_META_BEGIN:\n return {\n ...state,\n refreshAllocationMetaPending: true,\n refreshAllocationMetaError: null,\n };\n\n case PROJECTS_REFRESH_ALLOCATION_META_SUCCESS:\n return {\n ...state,\n expandedAllocations: action.data,\n refreshAllocationMetaPending: false,\n refreshAllocationMetaError: null,\n triggerRefreshAllocationMeta: false,\n };\n\n case PROJECTS_REFRESH_ALLOCATION_META_FAILURE:\n return {\n ...state,\n refreshAllocationMetaPending: false,\n refreshAllocationMetaError: action.data.error,\n };\n\n case PROJECTS_REFRESH_ALLOCATION_META_DISMISS_ERROR:\n return {\n ...state,\n refreshAllocationMetaError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN,\n PROJECTS_REFRESH_PROJECT_ALLOCATIONS_SUCCESS,\n PROJECTS_REFRESH_PROJECT_ALLOCATIONS_FAILURE,\n PROJECTS_REFRESH_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n MAX_PROJECTS,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { setStartDateTimeStamp } from '../utils/projectUtils';\n\nexport function refreshProjectAllocations(accountId) {\n return {\n type: PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissRefreshProjectAllocationsError() {\n return {\n type: PROJECTS_REFRESH_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doRefreshProjectAllocations(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects?limit=${MAX_PROJECTS}`);\n } catch (err) {\n yield put({\n type: PROJECTS_REFRESH_PROJECT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const result = setStartDateTimeStamp(res);\n yield put({\n type: PROJECTS_REFRESH_PROJECT_ALLOCATIONS_SUCCESS,\n data: result,\n });\n}\n\nexport function* watchRefreshProjectAllocations() {\n yield takeLatest(PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN, doRefreshProjectAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_REFRESH_PROJECT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n refreshProjectAllocationsPending: true,\n refreshProjectAllocationsError: null,\n };\n\n case PROJECTS_REFRESH_PROJECT_ALLOCATIONS_SUCCESS: {\n const { data } = action;\n const { filteredProjects } = state;\n const newFilteredProjects = filteredProjects.map((filteredProject) => {\n const project = data.find(p => p.id === filteredProject.id);\n const { unfilledRoles, totalRoles, issuesCount } = project;\n return {\n ...filteredProject,\n unfilledRoles,\n totalRoles,\n hasIssues: issuesCount > 0,\n };\n });\n return {\n ...state,\n projects: data,\n filteredProjects: newFilteredProjects,\n refreshProjectAllocationsPending: false,\n refreshProjectAllocationsError: null,\n };\n }\n\n case PROJECTS_REFRESH_PROJECT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n refreshProjectAllocationsPending: false,\n refreshProjectAllocationsError: action.data.error,\n };\n\n case PROJECTS_REFRESH_PROJECT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n refreshProjectAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN,\n PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_SUCCESS,\n PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_FAILURE,\n PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete, protectedJsonPost } from '../../../utils/api';\n\nexport function replaceProjectRoleAllocation(accountId, projectId, oldData, newAllocation, analytics) {\n return {\n type: PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN,\n accountId,\n projectId,\n oldData,\n newAllocation,\n analytics,\n };\n}\n\nexport function dismissReplaceProjectRoleAllocationError() {\n return {\n type: PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n };\n}\n\nexport function* doReplaceProjectRoleAllocation(action) {\n const { accountId, projectId, oldData, newAllocation, analytics } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/allocations`, oldData);\n\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/allocations`, newAllocation);\n } catch (err) {\n yield put({\n type: PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_FAILURE,\n data: { error: err, data: newAllocation },\n });\n return;\n }\n yield put({\n type: PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_SUCCESS,\n data: newAllocation,\n oldData,\n projectId,\n analytics,\n });\n}\n\nexport function* watchReplaceProjectRoleAllocation() {\n yield takeLatest(PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN, doReplaceProjectRoleAllocation);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_BEGIN:\n return {\n ...state,\n replaceProjectRoleAllocationPending: true,\n replaceProjectRoleAllocationError: null,\n };\n\n case PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_SUCCESS: {\n const { projectId, oldData, data } = action;\n const { projectSelections } = state;\n\n let existingAllocations = [];\n\n if (projectId.toString() in state.projectAllocations) {\n const role = state.projectAllocations[projectId].find(a => a.roleId === oldData.roleId);\n if (role) {\n existingAllocations = role.allocations;\n }\n }\n\n const updatedRoleAllocations = {\n roleId: oldData.roleId,\n allocations: [\n ...existingAllocations.filter(a => !((a.startDate === oldData.startDate) && (a.endDate === oldData.endDate))),\n data,\n ],\n };\n\n // Update role allocations in project selections.\n const newProjectSelections = { ...projectSelections };\n Object.entries(newProjectSelections).forEach(([selectionId, selectedProject]) => {\n if (selectedProject.id === projectId) {\n newProjectSelections[selectionId] = {\n ...selectedProject,\n roles: selectedProject.roles.map((role) => {\n const newRole = { ...role };\n if (role.id === oldData.roleId) {\n newRole.allocations = updatedRoleAllocations.allocations;\n\n // If the singular person on a communicated role is replaced with another, reset the communication/notification status\n if (newRole.isCommunicated && newRole.allocations.length === 1) {\n newRole.isCommunicated = false;\n newRole.notification = null;\n }\n }\n return newRole;\n }),\n };\n }\n });\n\n return {\n ...state,\n projectSelections: newProjectSelections,\n projectAllocations: {\n ...state.projectAllocations,\n [projectId]: [\n ...state.projectAllocations[projectId].filter(a => a.roleId !== oldData.roleId),\n updatedRoleAllocations,\n ],\n },\n replaceProjectRoleAllocationPending: false,\n replaceProjectRoleAllocationError: null,\n triggerRefreshAllocationMeta: true,\n };\n }\n\n case PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_FAILURE:\n return {\n ...state,\n replaceProjectRoleAllocationPending: false,\n replaceProjectRoleAllocationError: action.data.error,\n };\n\n case PROJECTS_REPLACE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR:\n return {\n ...state,\n replaceProjectRoleAllocationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport {\n PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN,\n PROJECTS_SEND_ROLE_NOTIFICATION_SUCCESS,\n PROJECTS_SEND_ROLE_NOTIFICATION_FAILURE,\n PROJECTS_SEND_ROLE_NOTIFICATION_DISMISS_ERROR,\n PROJECT_LIST_SELECTION_ID,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { ASSIGNMENT_REMOVE_REPLACE_COMMUNICATION_SENT } from '../../../analytics/projects/constants';\nimport { ALLOCATION_REMOVED, ALLOCATION_REPLACED } from '../constants';\nimport { MULTI_STATE_MODAL_ID } from '../../common/redux/constants';\n\nexport function sendRoleNotification(accountId, projectId, roleId, data, analyticsPayload, callback) {\n return {\n type: PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN,\n accountId,\n projectId,\n roleId,\n data,\n analyticsPayload,\n callback,\n };\n}\n\nexport function dismissSendRoleNotificationError() {\n return {\n type: PROJECTS_SEND_ROLE_NOTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doSendRoleNotification(action) {\n const { accountId, projectId, roleId, data, analyticsPayload, callback } = action;\n const { allocationChangeType } = analyticsPayload;\n const isAllocationRemovedReplaced = [ALLOCATION_REMOVED, ALLOCATION_REPLACED].includes(allocationChangeType);\n\n try {\n yield call(protectedJsonPost, `/accounts/${accountId}/projects/${projectId}/roles/${roleId}/notifications`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_SEND_ROLE_NOTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_SEND_ROLE_NOTIFICATION_SUCCESS,\n data,\n analyticsPayload,\n roleId,\n projectId,\n mixpanelEvent: isAllocationRemovedReplaced ? ASSIGNMENT_REMOVE_REPLACE_COMMUNICATION_SENT : null,\n });\n\n // callback examples: deleteProjectAllocation, replaceProjectRoleAllocation\n if (callback) yield call(callback);\n}\n\nexport function* watchSendRoleNotification() {\n yield takeLatest(PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN, doSendRoleNotification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_SEND_ROLE_NOTIFICATION_BEGIN:\n return {\n ...state,\n sendRoleNotificationPending: true,\n sendRoleNotificationError: null,\n };\n\n case PROJECTS_SEND_ROLE_NOTIFICATION_SUCCESS: {\n const { projectSelections } = state;\n const { roleId, data, projectId } = action;\n\n const projectSelectionStateToUpdate = projectSelections[PROJECT_LIST_SELECTION_ID]?.id === projectId\n ? PROJECT_LIST_SELECTION_ID\n : MULTI_STATE_MODAL_ID;\n\n const selectedProject = projectSelections[projectSelectionStateToUpdate];\n\n const updatedRoles = selectedProject.roles.map(role => (role.id === roleId\n ? {\n ...role,\n isCommunicated: true,\n notification: {\n notifiedOn: moment(),\n recipientIds: data.map(({ personId }) => personId),\n },\n }\n : role));\n\n return {\n ...state,\n sendRoleNotificationPending: false,\n sendRoleNotificationError: null,\n projectSelections: {\n ...projectSelections,\n [projectSelectionStateToUpdate]: {\n ...selectedProject,\n roles: updatedRoles,\n },\n },\n };\n }\n\n case PROJECTS_SEND_ROLE_NOTIFICATION_FAILURE:\n return {\n ...state,\n sendRoleNotificationPending: false,\n sendRoleNotificationError: action.data.error,\n };\n\n case PROJECTS_SEND_ROLE_NOTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n sendRoleNotificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport {\n PROJECTS_UPDATE_PROJECT_BEGIN,\n PROJECTS_UPDATE_PROJECT_SUCCESS,\n PROJECTS_UPDATE_PROJECT_FAILURE,\n PROJECTS_UPDATE_PROJECT_DISMISS_ERROR,\n} from './constants';\nimport { getUpdatedEntity } from '../../../filters/graphqlUtils';\nimport { updatePhases, updateRoles, getProjectUpdateType } from '../utils/projectUtils';\n\nexport function updateProject(accountId, projectId, data, initialProject = {}, parentName = '', updateType = null) {\n return {\n type: PROJECTS_UPDATE_PROJECT_BEGIN,\n accountId,\n projectId,\n data,\n initialProject,\n parentName,\n updateType,\n };\n}\n\nexport function dismissUpdateProjectError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProject(action) {\n const { accountId, projectId, data, initialProject, parentName, updateType } = action;\n\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/projects/${projectId}`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_UPDATE_PROJECT_SUCCESS,\n data: res,\n expandPhases: data.shiftDates || data.expandPhases,\n expandRole: data.shiftDates || data.expandRole,\n projectId,\n mixpanelEvent: updateType ? `TRACK_PROJECT_UPDATE_${updateType.toUpperCase()}` : null,\n analyticsPayload: { initialProject, parentName },\n });\n}\n\nexport function* watchUpdateProject() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_BEGIN, doUpdateProject);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_BEGIN:\n return {\n ...state,\n updateProjectPending: true,\n updateProjectError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_SUCCESS: {\n const { data, expandPhases, expandRole, projectId } = action;\n const { projects, filteredProjects, projectSelections } = state;\n\n // Update projects\n const newProjects = projects.map((project) => {\n if (project.id === data.id) {\n return {\n ...project,\n ...data,\n };\n }\n return project;\n });\n\n // Update filteredProjects\n const newFilteredProjects = getUpdatedEntity('Project', filteredProjects, data);\n\n const oldProject = projects.find(project => project.id === data.id);\n\n if (oldProject) {\n const oldStartDate = moment(oldProject.startDate);\n const oldEndDate = moment(oldProject.endDate);\n const sameStartDate = oldStartDate.isSame(data.startDate);\n const sameEndDate = oldEndDate.isSame(data.endDate);\n\n const updateType = getProjectUpdateType(oldStartDate, oldEndDate, data);\n const projectDates = { endDate: oldEndDate, startDate: oldStartDate };\n\n if (!sameStartDate || !sameEndDate) {\n // phases need to be updated\n const currentProject = newFilteredProjects.find(project => project.id === data.id);\n if (currentProject) {\n if (currentProject.phases && currentProject.phases.length > 0) {\n currentProject.phases = updatePhases(projectDates, expandPhases, currentProject.phases, updateType, data);\n }\n\n if (currentProject.roles && currentProject.roles.length > 0) {\n currentProject.roles = updateRoles(projectDates, expandRole, currentProject.roles, updateType, data);\n }\n }\n }\n }\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const { startDate, endDate } = selectedProject;\n const selectedProjectDates = {\n startDate: moment(startDate),\n endDate: moment(endDate),\n };\n const updateType = getProjectUpdateType(startDate, endDate, data);\n if (selectedProject.phases && selectedProject.phases.length > 0) {\n selectedProject.phases = updatePhases(selectedProjectDates, expandPhases, selectedProject.phases, updateType, data);\n }\n\n if (selectedProject.roles && selectedProject.roles.length > 0) {\n selectedProject.roles = updateRoles(selectedProjectDates, expandRole, selectedProject.roles, updateType, data);\n }\n newProjectSelections[selectionId] = {\n ...selectedProject,\n ...data,\n };\n }\n });\n\n return {\n ...state,\n projects: newProjects,\n filteredProjects: newFilteredProjects,\n updateProjectPending: false,\n updateProjectError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_FAILURE:\n return {\n ...state,\n updateProjectPending: false,\n updateProjectError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_DISMISS_ERROR:\n return {\n ...state,\n updateProjectError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\n\nconst UPDATE_PROJECT_DATES_QUERY = gql`\n mutation updateProjectDuration(\n $accountId: Int!\n $projectId: Int!\n $startDate: Date\n $endDate: Date\n $phases: [UpdatePhaseInput]\n $roles: [UpdateRoleInput]\n ) {\n updateProjectDuration(\n accountId: $accountId\n projectId: $projectId\n startDate: $startDate\n endDate: $endDate\n phases: $phases\n roles: $roles\n ) {\n id\n name\n colour\n startDate\n endDate\n state\n unfilledRoles\n totalRoles\n issuesCount\n lastModifiedOn\n phases {\n id\n name\n startDate\n endDate\n subPhases {\n id\n name\n startDate\n endDate\n }\n }\n currentPhases {\n id\n name\n startDate\n endDate\n subPhases {\n id\n name\n startDate\n endDate\n }\n }\n roles {\n id\n name\n startDate\n endDate\n isFilled\n requirements {\n startDate\n endDate\n allocatedPercent\n }\n allocations {\n allocatedPercent\n startDate\n endDate\n personId\n name\n }\n unfilledRanges {\n startDate\n endDate\n }\n note\n }\n }\n }\n`;\n\nexport const getUpdateProjectDurationQuery = (accountId, projectId, startDate, endDate, phases, roles) => {\n const variables = { accountId, projectId, startDate, endDate, phases, roles };\n\n return {\n query: UPDATE_PROJECT_DATES_QUERY,\n variables,\n };\n};\n","import moment from 'moment';\nimport { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_UPDATE_PROJECT_DURATION_BEGIN,\n PROJECTS_UPDATE_PROJECT_DURATION_SUCCESS,\n PROJECTS_UPDATE_PROJECT_DURATION_FAILURE,\n PROJECTS_UPDATE_PROJECT_DURATION_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getUpdatedEntity } from '../../../filters/graphqlUtils';\nimport { getUpdateProjectDurationQuery } from '../queries/updateProjectDurationQuery';\n\nexport function updateProjectDuration(accountId, projectId, newStartDate, newEndDate, phases, roles) {\n const { query, variables } = getUpdateProjectDurationQuery(accountId, projectId, newStartDate, newEndDate, phases, roles);\n return {\n type: PROJECTS_UPDATE_PROJECT_DURATION_BEGIN,\n query,\n variables,\n projectId,\n };\n}\n\nexport function dismissUpdateProjectDurationError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_DURATION_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectDuration(action) {\n const { query, variables, projectId } = action;\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_DURATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const { updateProjectDuration: response } = res.data;\n\n yield put({\n type: PROJECTS_UPDATE_PROJECT_DURATION_SUCCESS,\n data: {\n ...response,\n __typename: 'Project',\n },\n projectId,\n });\n}\n\nexport function* watchUpdateProjectDuration() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_DURATION_BEGIN, doUpdateProjectDuration);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_DURATION_BEGIN:\n return {\n ...state,\n updateProjectDurationPending: true,\n updateProjectDurationError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_DURATION_SUCCESS: {\n const { projects, filteredProjects, projectSelections } = state;\n const { data, projectId } = action;\n\n // Update projects\n const newProjects = projects.map((project) => {\n if (project.id === data.id) {\n return {\n ...project,\n ...data,\n };\n }\n return project;\n });\n\n // Update filteredProjects\n const { phases, currentPhases, ...rest } = data;\n\n const newCurrentPhases = phases\n .filter(({ startDate, endDate }) => moment().isBetween(startDate, endDate, null, '[]'))\n .map(({ subPhases, ...rest }) => ({\n ...rest,\n subPhases: subPhases\n .filter(({ startDate, endDate }) => moment().isBetween(startDate, endDate, null, '[]'))\n .map(({ name }) => name),\n }));\n\n const filteredProjectsWithUpdatedPhases = filteredProjects.map((project) => {\n if (project.id !== projectId) return project;\n\n return {\n ...project,\n phases,\n currentPhases: newCurrentPhases,\n };\n });\n\n const newFilteredProjects = getUpdatedEntity('Project', filteredProjectsWithUpdatedPhases, rest);\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === projectId) {\n newProjectSelections[selectionId] = {\n ...selectedProject,\n ...data,\n currentPhases: newCurrentPhases,\n };\n }\n });\n\n return {\n ...state,\n projects: newProjects,\n filteredProjects: newFilteredProjects,\n projectSelections: newProjectSelections,\n updateProjectDurationPending: false,\n updateProjectDurationError: null,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_DURATION_FAILURE:\n return {\n ...state,\n updateProjectDurationPending: false,\n updateProjectDurationError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_DURATION_DISMISS_ERROR:\n return {\n ...state,\n updateProjectDurationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport {\n PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN,\n PROJECTS_UPDATE_PROJECT_FIELD_VALUE_SUCCESS,\n PROJECTS_UPDATE_PROJECT_FIELD_VALUE_FAILURE,\n PROJECTS_UPDATE_PROJECT_FIELD_VALUE_DISMISS_ERROR,\n} from './constants';\nimport { updateProjectField } from '../utils/projectUtils';\n\nexport function updateProjectFieldValue(accountId, projectId, field, analyticsPayload) {\n return {\n type: PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN,\n accountId,\n projectId,\n field,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdateProjectFieldValueError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_FIELD_VALUE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectFieldValue(action) {\n const { accountId, projectId, field, analyticsPayload } = action;\n try {\n yield call(protectedJsonPatch, `accounts/${accountId}/projects/${projectId}/project-field-values/${field.id}`, { values: field.values });\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_FIELD_VALUE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_UPDATE_PROJECT_FIELD_VALUE_SUCCESS,\n projectId,\n data: field,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdateProjectFieldValue() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN, doUpdateProjectFieldValue);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_FIELD_VALUE_BEGIN:\n return {\n ...state,\n updateProjectFieldValuePending: true,\n updateProjectFieldValueError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_FIELD_VALUE_SUCCESS: {\n const { projectId, data } = action;\n const { projectFieldValues, filteredProjects, projectSelections } = state;\n\n const newProjectFieldValues = projectFieldValues.map((project) => {\n if (project.projectId === projectId) {\n return updateProjectField(project, data);\n }\n return project;\n });\n\n if (!projectFieldValues.some(project => project.projectId === projectId)) {\n newProjectFieldValues.push({\n projectId,\n fields: [data],\n });\n }\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n const updatedProjectFields = newProjectFieldValues.find(p => p.projectId === projectId);\n const newFields = updatedProjectFields ? updatedProjectFields.fields : project.fields;\n return {\n ...project,\n fields: newFields,\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const updatedProject = updateProjectField(selectedProject, data);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n projectFieldValues: newProjectFieldValues,\n updateProjectFieldValuePending: false,\n updateProjectFieldValueError: null,\n filteredProjects: newFilteredProjects,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_FIELD_VALUE_FAILURE:\n return {\n ...state,\n updateProjectFieldValuePending: false,\n updateProjectFieldValueError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_FIELD_VALUE_DISMISS_ERROR:\n return {\n ...state,\n updateProjectFieldValueError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_UPDATE_PROJECT_NOTE_BEGIN,\n PROJECTS_UPDATE_PROJECT_NOTE_SUCCESS,\n PROJECTS_UPDATE_PROJECT_NOTE_FAILURE,\n PROJECTS_UPDATE_PROJECT_NOTE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport { updateProjectNoteById } from '../utils/projectUtils';\n\nexport function updateProjectNote(accountId, projectId, noteId, analyticsPayload, data) {\n return {\n type: PROJECTS_UPDATE_PROJECT_NOTE_BEGIN,\n accountId,\n projectId,\n noteId,\n analyticsPayload,\n data,\n };\n}\n\nexport function dismissUpdateProjectNoteError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_NOTE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectNote(action) {\n const { accountId, projectId, noteId, analyticsPayload, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/projects/${projectId}/notes/${noteId}`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_NOTE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_UPDATE_PROJECT_NOTE_SUCCESS,\n accountId,\n projectId,\n noteId,\n analyticsPayload,\n data: res,\n });\n}\n\nexport function* watchUpdateProjectNote() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_NOTE_BEGIN, doUpdateProjectNote);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_NOTE_BEGIN:\n return {\n ...state,\n updateProjectNotePending: true,\n updateProjectNoteError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_NOTE_SUCCESS: {\n const { projectId, noteId, data } = action;\n const { projectSelections } = state;\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const updatedProject = updateProjectNoteById(selectedProject, noteId, data);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n updateProjectNotePending: false,\n updateProjectNoteError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_NOTE_FAILURE:\n return {\n ...state,\n updateProjectNotePending: false,\n updateProjectNoteError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_NOTE_DISMISS_ERROR:\n return {\n ...state,\n updateProjectNoteError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport { SEGMENT_TYPE_PHASE } from 'src/features/edit-dates/common/constants';\nimport {\n PROJECTS_UPDATE_PROJECT_PHASE_BEGIN,\n PROJECTS_UPDATE_PROJECT_PHASE_SUCCESS,\n PROJECTS_UPDATE_PROJECT_PHASE_FAILURE,\n PROJECTS_UPDATE_PROJECT_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { updateProjectPhaseById } from '../utils/projectUtils';\n\nexport function updateProjectPhase(accountId, project, phaseId, expandSubPhases, data, analyticsPayload = { }) {\n return {\n type: PROJECTS_UPDATE_PROJECT_PHASE_BEGIN,\n accountId,\n project,\n phaseId,\n expandSubPhases,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdateProjectPhaseError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectPhase(action) {\n const { accountId, project, phaseId, expandSubPhases, data, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonPut, `accounts/${accountId}/projects/${project.id}/phases/${phaseId}?expandSubPhases=${expandSubPhases}`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_UPDATE_PROJECT_PHASE_SUCCESS,\n accountId,\n project,\n phaseId,\n expandSubPhases,\n data: res,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdateProjectPhase() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_PHASE_BEGIN, doUpdateProjectPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_PHASE_BEGIN:\n return {\n ...state,\n updateProjectPhasePending: true,\n updateProjectPhaseError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_PHASE_SUCCESS: {\n const { project, phaseId, data } = action;\n const { filteredProjects, projectSelections } = state;\n const formattedData = { ...data, __typename: SEGMENT_TYPE_PHASE };\n\n const newFilteredProjects = filteredProjects.map((proj) => {\n if (proj.id === project.id) {\n return updateProjectPhaseById(proj, phaseId, formattedData);\n }\n return proj;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === project.id) {\n const updatedProject = updateProjectPhaseById(selectedProject, phaseId, formattedData);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n updateProjectPhasePending: false,\n updateProjectPhaseError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_PHASE_FAILURE:\n return {\n ...state,\n updateProjectPhasePending: false,\n updateProjectPhaseError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_PHASE_DISMISS_ERROR:\n return {\n ...state,\n updateProjectPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { SEGMENT_TYPE_ROLE } from 'src/features/edit-dates/common/constants';\nimport { protectedJsonPut } from '../../../utils/api';\nimport { normalizeRoleToRequirements } from '../utils/projectUtils';\nimport {\n PROJECTS_UPDATE_PROJECT_ROLE_BEGIN,\n PROJECTS_UPDATE_PROJECT_ROLE_SUCCESS,\n PROJECTS_UPDATE_PROJECT_ROLE_FAILURE,\n PROJECTS_UPDATE_PROJECT_ROLE_DISMISS_ERROR,\n} from './constants';\n\nexport function updateProjectRole(accountId, projectId, roleId, data) {\n return {\n type: PROJECTS_UPDATE_PROJECT_ROLE_BEGIN,\n accountId,\n projectId,\n roleId,\n data,\n };\n}\n\nexport function dismissUpdateProjectRoleError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_ROLE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectRole(action) {\n const { accountId, projectId, roleId, data } = action;\n const { expandAllocations } = data;\n let res;\n try {\n res = yield call(protectedJsonPut, `accounts/${accountId}/projects/${projectId}/roles/${roleId}`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_ROLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: PROJECTS_UPDATE_PROJECT_ROLE_SUCCESS,\n projectId,\n roleId,\n data: res,\n expandAllocations, // Needed in rootReducer.js\n });\n}\n\nexport function* watchUpdateProjectRole() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_ROLE_BEGIN, doUpdateProjectRole);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_ROLE_BEGIN:\n return {\n ...state,\n updateProjectRolePending: true,\n updateProjectRoleError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_ROLE_SUCCESS: {\n const { projectId, roleId, data } = action;\n const { filteredProjects, projectSelections } = state;\n const formattedData = { ...data, __typename: SEGMENT_TYPE_ROLE };\n\n const newFilteredProjects = filteredProjects.map((project) => {\n if (project.id === projectId) {\n return {\n ...project,\n roles: project.roles.map((role) => {\n if (role.id === roleId) {\n return normalizeRoleToRequirements(formattedData);\n }\n return role;\n }),\n };\n }\n return project;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject && selectedProject.id === projectId) {\n const updatedProject = {\n ...selectedProject,\n roles: selectedProject.roles.map((role) => {\n if (role.id === roleId) {\n return normalizeRoleToRequirements(formattedData);\n }\n return role;\n }),\n };\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n updateProjectRolePending: false,\n updateProjectRoleError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_ROLE_FAILURE:\n return {\n ...state,\n updateProjectRolePending: false,\n updateProjectRoleError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_ROLE_DISMISS_ERROR:\n return {\n ...state,\n updateProjectRoleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN,\n PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_SUCCESS,\n PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_FAILURE,\n PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n} from './constants';\nimport { DATE_INPUT_FORMAT } from '../../../common/constants';\nimport { protectedJsonPut } from '../../../utils/api';\n\nexport function updateProjectRoleAllocation(accountId, projectId, roleId, oldAllocation, changes, analyticsPayload = null) {\n // If need to pass args to saga, pass it with the begin action.\n return {\n type: PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN,\n accountId,\n projectId,\n roleId,\n oldAllocation,\n changes,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdateProjectRoleAllocationError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR,\n };\n}\n\n// worker Saga: will be fired on PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN actions\nexport function* doUpdateProjectRoleAllocation(action) {\n const {\n accountId,\n projectId,\n roleId,\n oldAllocation,\n changes,\n } = action;\n\n try {\n const { startDate, endDate } = changes;\n const start = startDate ? startDate.format(DATE_INPUT_FORMAT) : oldAllocation.startDate;\n const end = endDate ? endDate.format(DATE_INPUT_FORMAT) : oldAllocation.endDate;\n const data = {\n roleId,\n personId: oldAllocation.personId,\n startDate: start,\n endDate: end,\n };\n yield call(protectedJsonPut, `accounts/${accountId}/projects/${projectId}/allocations`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n // Dispatch success action out of try/catch so that render errors are not catched.\n yield put({\n type: PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_SUCCESS,\n oldAllocation, // Needed in rootReducer.js\n changes, // Needed in rootReducer.js\n roleId, // Needed in rootReducer.js\n });\n}\n\n/*\n Alternatively you may use takeEvery.\n\n takeLatest does not allow concurrent requests. If an action gets\n dispatched while another is already pending, that pending one is cancelled\n and only the latest one will be run.\n*/\nexport function* watchUpdateProjectRoleAllocation() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN, doUpdateProjectRoleAllocation);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_BEGIN:\n return {\n ...state,\n updateProjectRoleAllocationPending: true,\n updateProjectRoleAllocationError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_SUCCESS:\n return {\n ...state,\n updateProjectRoleAllocationPending: false,\n updateProjectRoleAllocationError: null,\n triggerRefreshAllocationMeta: true,\n };\n\n case PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_FAILURE:\n return {\n ...state,\n updateProjectRoleAllocationPending: false,\n updateProjectRoleAllocationError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_ROLE_ALLOCATION_DISMISS_ERROR:\n return {\n ...state,\n updateProjectRoleAllocationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonPut } from 'src/utils/api';\nimport {\n PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN,\n PROJECTS_UPDATE_PROJECT_SUB_PHASE_SUCCESS,\n PROJECTS_UPDATE_PROJECT_SUB_PHASE_FAILURE,\n PROJECTS_UPDATE_PROJECT_SUB_PHASE_DISMISS_ERROR,\n} from './constants';\nimport { updateProjectSubPhaseById } from '../utils/projectUtils';\n\nexport function updateProjectSubPhase(accountId, project, phaseId, subPhase, data, analyticsPayload = { }) {\n return {\n type: PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN,\n accountId,\n project,\n phaseId,\n subPhase,\n data,\n analyticsPayload,\n };\n}\n\nexport function dismissUpdateProjectSubPhaseError() {\n return {\n type: PROJECTS_UPDATE_PROJECT_SUB_PHASE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateProjectSubPhase(action) {\n const { accountId, project, phaseId, subPhase, data, analyticsPayload } = action;\n try {\n yield call(protectedJsonPut, `accounts/${accountId}/projects/${project.id}/phases/${phaseId}/subphases/${subPhase.id}`, data);\n } catch (err) {\n yield put({\n type: PROJECTS_UPDATE_PROJECT_SUB_PHASE_FAILURE,\n data: { error: err },\n });\n return;\n }\n yield put({\n type: PROJECTS_UPDATE_PROJECT_SUB_PHASE_SUCCESS,\n accountId,\n project,\n phaseId,\n subPhase,\n data,\n analyticsPayload,\n });\n}\n\nexport function* watchUpdateProjectSubPhase() {\n yield takeLatest(PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN, doUpdateProjectSubPhase);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case PROJECTS_UPDATE_PROJECT_SUB_PHASE_BEGIN:\n return {\n ...state,\n updateProjectSubPhasePending: true,\n updateProjectSubPhaseError: null,\n };\n\n case PROJECTS_UPDATE_PROJECT_SUB_PHASE_SUCCESS: {\n const { project, phaseId, subPhase, data: { startDate, endDate } } = action;\n const { filteredProjects, projectSelections } = state;\n\n const newFilteredProjects = filteredProjects.map((proj) => {\n if (proj.id === project.id) {\n return updateProjectSubPhaseById(project, subPhase, startDate, endDate, phaseId);\n }\n return proj;\n });\n\n const newProjectSelections = { ...projectSelections };\n Object.keys(newProjectSelections).forEach((selectionId) => {\n const selectedProject = newProjectSelections[selectionId];\n if (selectedProject?.id === project.id) {\n const updatedProject = updateProjectSubPhaseById(selectedProject, subPhase, startDate, endDate, phaseId);\n newProjectSelections[selectionId] = {\n ...updatedProject,\n };\n }\n });\n\n return {\n ...state,\n filteredProjects: newFilteredProjects,\n updateProjectSubPhasePending: false,\n updateProjectSubPhaseError: null,\n projectSelections: newProjectSelections,\n };\n }\n\n case PROJECTS_UPDATE_PROJECT_SUB_PHASE_FAILURE:\n return {\n ...state,\n updateProjectSubPhasePending: false,\n updateProjectSubPhaseError: action.data.error,\n };\n\n case PROJECTS_UPDATE_PROJECT_SUB_PHASE_DISMISS_ERROR:\n return {\n ...state,\n updateProjectSubPhaseError: null,\n };\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport { DEFAULT_PROJECT_COLOUR } from '../../common/redux/constants';\nimport { getFieldInput } from '../../../utils/miscUtils';\nimport {\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n ACCOUNT_MODULE_PURSUIT_TRACKING,\n} from '../../../common/constants';\nimport { OPPORTUNITY, AWARDED } from '../constants';\n\nconst generateInputs = (projectFields, phases) => {\n if ((projectFields && projectFields.length === 0) || !projectFields || !phases) {\n return {\n requiredInputs: [],\n optionalInputs: [],\n dateInputs: [],\n };\n }\n\n const optionalInputs = [];\n\n let requiredInputs = [\n {\n required: true,\n placeholder: 'Enter name',\n width: 'large',\n primary: true,\n name: 'Name',\n type: 'text',\n maxLength: 200,\n },\n {\n width: 'small',\n name: 'Color',\n type: 'color',\n value: DEFAULT_PROJECT_COLOUR,\n },\n {\n label: 'Type',\n required: true,\n placeholder: 'Enter type',\n name: 'Type',\n type: 'select',\n options: [\n { label: OPPORTUNITY, value: OPPORTUNITY },\n { label: AWARDED, value: AWARDED },\n ],\n module: ACCOUNT_MODULE_PURSUIT_TRACKING,\n },\n ];\n\n const dateInputs = [\n {\n required: true,\n label: 'Project start date',\n name: 'Start date',\n type: 'date',\n minDate: moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: MIN_API_CONFIGURABLE_DATE_MESSAGE,\n },\n {\n required: true,\n label: 'Project end date',\n name: 'End date',\n type: 'date',\n minDate: moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: MIN_API_CONFIGURABLE_DATE_MESSAGE,\n },\n ];\n\n if (phases.length === 0) {\n requiredInputs = [...requiredInputs, ...dateInputs];\n }\n\n projectFields.forEach((field) => {\n if (field.isRequired) {\n requiredInputs.push(getFieldInput(field));\n } else {\n optionalInputs.push(getFieldInput(field));\n }\n });\n\n // Move Other to the end of the list\n optionalInputs.push(...optionalInputs.splice(optionalInputs.findIndex(input => input.label === 'Other'), 1));\n\n return {\n requiredInputs,\n optionalInputs,\n dateInputs,\n };\n};\n\nexport {\n generateInputs,\n};\n","import React from 'react';\nimport {\n AUTOMATION_REQUESTER_NAME_PREFIX,\n AUTOMATION_REQUESTER_EMAIL_PREFIX,\n AUTOMATION_PROJECT_REQUESTERS_INPUT_ID,\n} from '../ids';\n\nconst getRequesterOption = ({ name, email, id }) => ({\n label: (\n \n
\n \n {pluralize('project', visibleProjects.length, true)}\n {unresolvableCount}\n
\n \n {filterChips}\n
\n \n
\n ),\n value: id,\n name,\n});\n\nexport const getProjectRequestersInput = (accountRequesterUsers, projectRequesters) => ({\n id: AUTOMATION_PROJECT_REQUESTERS_INPUT_ID,\n name: 'Requesters on this project',\n label: 'Requesters on this project',\n type: 'select',\n multi: true,\n className: 'project-requesters-multiselect-container',\n options: accountRequesterUsers\n ?.filter(user => user.state === 'Enabled')\n ?.map(getRequesterOption) || [],\n value: projectRequesters.map(({ id }) => id),\n placeholder: 'Select requester',\n maxLength: 32,\n});\n\nexport const getProjectRequestersItem = requesterInput => ({\n ...requesterInput,\n type: 'MultiSelect',\n});\n\nexport const getSortedSelectedRequesterNames = (allRequesterOptions, selectedRequesters) => allRequesterOptions\n .filter(({ value }) => selectedRequesters.includes(value))\n .map(({ name }) => name)\n .sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))\n .join(', ');\n","import moment from 'moment';\nimport { caseInsensitiveStringIncludes } from 'src/utils/miscUtils';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { naturalSort } from 'src/utils/sortUtils';\n\nconst updatePhases = (projectDates, expandPhases, phases, updateType, updateDates = {}) => {\n const momentStart = moment(updateDates.startDate);\n const momentEnd = moment(updateDates.endDate);\n\n if (updateType === 'end') {\n if (!projectDates.endDate || !updateDates.endDate) return phases;\n\n return phases.reduce((newPhases, phase) => {\n if ((expandPhases && projectDates.endDate.isSame(phase.endDate)) || momentEnd.isBefore(phase.endDate)) {\n if (!momentEnd.isBefore(phase.startDate)) {\n const newPhase = {\n ...phase,\n endDate: updateDates.endDate,\n };\n\n if (phase.subPhases && phase.subPhases.length) {\n newPhase.subPhases = updatePhases(projectDates, expandPhases, phase.subPhases, updateType, updateDates);\n }\n newPhases.push(newPhase);\n }\n } else {\n newPhases.push(phase);\n }\n\n return newPhases;\n }, []);\n }\n\n if (updateType === 'start') {\n if (!projectDates.startDate || !updateDates.startDate) return phases;\n\n return phases.reduce((newPhases, phase) => {\n if ((expandPhases && projectDates.startDate.isSame(phase.startDate)) || momentStart.isAfter(phase.startDate)) {\n if (!momentStart.isAfter(phase.endDate)) {\n const newPhase = {\n ...phase,\n startDate: updateDates.startDate,\n };\n\n if (phase.subPhases && phase.subPhases.length) {\n newPhase.subPhases = updatePhases(projectDates, expandPhases, phase.subPhases, updateType, updateDates);\n }\n\n newPhases.push(newPhase);\n }\n } else {\n newPhases.push(phase);\n }\n\n return newPhases;\n }, []);\n }\n\n if (!projectDates.startDate || !projectDates.endDate || !updateDates.startDate || !updateDates.endDate) return phases;\n\n // updateType === 'both'\n const shiftLength = momentStart.diff(projectDates.startDate, 'days');\n return phases.map((phase) => {\n const startDate = moment(phase.startDate).add(shiftLength, 'days').format(DATE_INPUT_FORMAT);\n const endDate = moment(phase.endDate).add(shiftLength, 'days').format(DATE_INPUT_FORMAT);\n\n const newPhase = {\n ...phase,\n startDate,\n endDate,\n };\n\n if (phase.subPhases && phase.subPhases.length) {\n newPhase.subPhases = updatePhases(projectDates, expandPhases, phase.subPhases, updateType, updateDates);\n }\n\n return newPhase;\n });\n};\n\nconst updateRoles = (projectDates, expandRoles, roles, updateType, updateDates = {}) => {\n const momentStart = moment(updateDates.startDate);\n const momentEnd = moment(updateDates.endDate);\n\n if (updateType === 'end') {\n if (!projectDates.endDate || !updateDates.endDate) return roles;\n\n return roles.reduce((newRoles, role) => {\n if ((expandRoles && projectDates.endDate.isSame(role.endDate)) || momentEnd.isBefore(role.endDate)) {\n if (!momentEnd.isBefore(role.startDate)) {\n newRoles.push({\n ...role,\n endDate: updateDates.endDate,\n });\n }\n } else {\n newRoles.push(role);\n }\n\n return newRoles;\n }, []);\n }\n\n if (updateType === 'start') {\n if (!projectDates.startDate || !updateDates.startDate) return roles;\n\n return roles.reduce((newRoles, role) => {\n if ((expandRoles && projectDates.startDate.isSame(role.startDate)) || momentStart.isAfter(role.startDate)) {\n if (!momentStart.isAfter(role.endDate)) {\n newRoles.push({\n ...role,\n startDate: updateDates.startDate,\n });\n }\n } else {\n newRoles.push(role);\n }\n\n return newRoles;\n }, []);\n }\n\n if (!projectDates.endDate || !projectDates.startDate || !updateDates.startDate || !updateDates.endDate) return roles;\n\n // updateType === 'both'\n const shiftLength = momentStart.diff(projectDates.startDate, 'days');\n return roles.map((role) => {\n const startDate = moment(role.startDate).add(shiftLength, 'days').format(DATE_INPUT_FORMAT);\n const endDate = moment(role.endDate).add(shiftLength, 'days').format(DATE_INPUT_FORMAT);\n const roleRequirements = role.requirements || [];\n const requirements = roleRequirements.map(req => ({\n ...req,\n startDate: moment(req.startDate, DATE_INPUT_FORMAT).add(shiftLength, 'days').format(DATE_INPUT_FORMAT),\n endDate: moment(req.endDate, DATE_INPUT_FORMAT).add(shiftLength, 'days').format(DATE_INPUT_FORMAT),\n }));\n\n return {\n ...role,\n startDate,\n endDate,\n requirements,\n };\n });\n};\n\nconst normalizeRoleToRequirements = (role) => {\n if (role.requirements) return role;\n\n const { allocations, ...normalizedRole } = role;\n normalizedRole.requirements = allocations;\n normalizedRole.allocations = [];\n return normalizedRole;\n};\n\nconst normalizeRolesToRequirements = roles => roles.map(normalizeRoleToRequirements);\n\nconst normalizeRoleToAllocations = (role) => {\n if (role.allocations) return role;\n\n const { requirements, ...normalizedRole } = role;\n normalizedRole.allocations = requirements;\n return normalizedRole;\n};\n\nconst normalizeRolesToAllocations = roles => roles.map(normalizeRoleToAllocations);\n\nconst updateProjectField = (project, data) => {\n const existingField = project.fields.find(f => f.fieldId === data.id);\n let newFieldValues;\n if (existingField) {\n newFieldValues = project.fields.map((field) => {\n if (field.fieldId === data.id) {\n return {\n ...field,\n values: data.values,\n __typename: 'Field',\n };\n }\n return field;\n });\n } else {\n newFieldValues = [...project.fields, data];\n }\n return {\n ...project,\n fields: newFieldValues,\n };\n};\n\nconst updateProjectPhaseById = (project, phaseId, data) => {\n const { phases, currentPhases } = project;\n const { startDate, endDate, name } = data;\n\n const newPhases = phases.map((phase) => {\n if (phase.id === phaseId) {\n return data;\n }\n return phase;\n });\n\n let newCurrentPhases;\n if (moment().isBetween(startDate, endDate, null, '[]')) {\n if (currentPhases.find(currPhase => currPhase.name === name)) { // updating a phase that is current (active)\n newCurrentPhases = currentPhases.map(currPhase => (currPhase.name === data.name\n ? {\n ...data,\n subPhases: data.subPhases\n .filter(({ startDate, endDate }) => moment().isBetween(startDate, endDate, null, '[]'))\n .map(({ name }) => name),\n }\n : currPhase\n ));\n } else { // adding a phase to the currentPhases list\n newCurrentPhases = [\n ...currentPhases,\n {\n ...data,\n subPhases: data.subPhases.map(({ name }) => name),\n }];\n }\n } else { // removing a phase from a currentPhases list\n newCurrentPhases = currentPhases.filter(currPhase => currPhase.name !== data.name);\n }\n\n return {\n ...project,\n phases: naturalSort(newPhases, ['startDate', 'endDate', 'name']),\n currentPhases: naturalSort(newCurrentPhases, ['startDate', 'endDate', 'name']),\n };\n};\n\nconst removeProjectSubPhase = (project, phase, subPhase) => {\n const newPhases = project.phases.map((ph) => {\n if (ph.id === phase.id) {\n const newSubPhases = ph.subPhases\n ? ph.subPhases.filter(sp => sp.id !== subPhase.id)\n : [];\n\n return {\n ...ph,\n subPhases: newSubPhases,\n };\n }\n\n return ph;\n });\n\n const newCurrentPhases = project.currentPhases.map((currPhase) => {\n const { name, subPhases } = currPhase;\n\n if (name === phase.name) {\n const newSubPhases = subPhases?.filter(subPhaseName => subPhaseName !== subPhase.name) || [];\n\n return {\n ...currPhase,\n subPhases: newSubPhases,\n };\n }\n\n return currPhase;\n });\n\n return {\n ...project,\n phases: newPhases,\n currentPhases: newCurrentPhases,\n };\n};\n\nconst updateProjectSubPhaseById = (project, subPhase, startDate, endDate, phaseId) => {\n let phaseName;\n const newProjectPhases = project.phases.map((phase) => {\n const newSubPhases = phase.subPhases\n ? phase.subPhases.map((sp) => {\n if (sp.id === subPhase.id) {\n phaseName = phase.name;\n\n return {\n ...sp,\n startDate: moment(startDate).format(DATE_INPUT_FORMAT),\n endDate: moment(endDate).format(DATE_INPUT_FORMAT),\n };\n }\n\n return sp;\n })\n : [];\n\n if (phase.id === phaseId) {\n return {\n ...phase,\n subPhases: naturalSort(newSubPhases, ['startDate', 'endDate', 'name']),\n };\n }\n return phase;\n });\n\n const isUpdatedPhaseActive = moment().isBetween(startDate, endDate, null, '[]');\n let newSubPhases;\n\n const newCurrentPhases = project.currentPhases.map((currPhase) => {\n if (currPhase.name === phaseName) { // id's are not stored for currentPhases, hence this \"hack\" with the name\n if (isUpdatedPhaseActive) {\n newSubPhases = currPhase.subPhases.includes(subPhase.name)\n ? currPhase.subPhases // do not update the list\n : [...currPhase.subPhases, subPhase.name]; // add new subPhase name to the list\n } else { // remove from the currentPhases list\n newSubPhases = currPhase.subPhases.filter(spName => spName !== subPhase.name);\n }\n\n return {\n ...currPhase,\n subPhases: newSubPhases,\n };\n }\n\n return currPhase;\n });\n\n return {\n ...project,\n phases: newProjectPhases,\n currentPhases: newCurrentPhases,\n };\n};\n\nconst deleteProjectRoleById = (project, roleId) => {\n const role = project.roles ? project.roles.find(role => role.id === roleId) : null;\n const unfilledRoles = role && !role.isFilled ? project.unfilledRoles - 1 : project.unfilledRoles;\n\n return {\n ...project,\n totalRoles: project.totalRoles - 1,\n unfilledRoles,\n roles: project.roles ? project.roles.filter(role => role.id !== roleId) : [],\n };\n};\n\nconst addRolesToProject = (project, newRoles) => ({\n ...project,\n totalRoles: project.totalRoles + newRoles.length,\n unfilledRoles: project.unfilledRoles + newRoles.length,\n roles: [...newRoles, ...(project.roles || [])],\n});\n\nconst addSubPhaseToProject = (project, phase, subPhase) => {\n const newPhases = project.phases.map((ph) => {\n if (ph.id === phase.id) {\n const subPhases = ph.subPhases || [];\n\n return {\n ...ph,\n subPhases: [...subPhases, subPhase],\n };\n }\n return ph;\n });\n\n const newCurrentPhases = project.currentPhases.map((currPhase) => {\n const { name, subPhases } = currPhase;\n\n if (name === phase.name) {\n const oldSubPhases = subPhases || [];\n\n return {\n ...currPhase,\n subPhases: [...oldSubPhases, subPhase.name],\n };\n }\n\n return currPhase;\n });\n\n return {\n ...project,\n phases: newPhases,\n currentPhases: newCurrentPhases,\n };\n};\n\nconst getProjectUpdateType = (startDate, endDate, data) => {\n let updateType;\n const sameStartDate = moment(startDate).isSame(data.startDate);\n const sameEndDate = moment(endDate).isSame(data.endDate);\n if (!sameStartDate && !sameEndDate) {\n updateType = 'both';\n } else {\n updateType = sameStartDate ? 'end' : 'start';\n }\n return updateType;\n};\n\nconst setStartDateTimeStamp = (res = []) => {\n if (!(Array.isArray(res))) return [];\n\n return res.map((element) => {\n const temp = { ...element };\n temp.startDateTimeStamp = moment(temp.startDate, DATE_INPUT_FORMAT).unix();\n return temp;\n });\n};\n\nconst getColorType = (defaultProjectColors, accountColors, value) => {\n let colorType = 'Custom';\n\n if (caseInsensitiveStringIncludes(defaultProjectColors, value)) {\n colorType = 'Default';\n } else if (caseInsensitiveStringIncludes(accountColors, value)) {\n colorType = 'Account colour';\n }\n\n return colorType;\n};\n\nconst updateProjectNoteById = (project, noteId, data) => {\n const newNotes = project?.notes?.map((note) => {\n if (note.id === noteId) {\n return data;\n }\n return note;\n });\n return {\n ...project,\n notes: newNotes,\n };\n};\n\nconst aggregateRoleTemplateList = templateRoles => (\n templateRoles.map(({ roleName, quantity }) => (\n quantity > 1 ? `${roleName} (${quantity})` : roleName\n )).join(', ')\n);\n\nconst generateFormattedProjectRoleData = (projectRoles) => {\n const roleCountMap = {};\n\n const formattedProjectRoles = [...projectRoles].map((role) => {\n const { roleName, requirements } = role;\n if (!(roleName in roleCountMap)) {\n roleCountMap[roleName] = 1;\n } else {\n roleCountMap[roleName] += 1;\n }\n\n return {\n name: roleName,\n allocatedPercent: requirements.length > 1 ? 100 : requirements[0].allocatedPercent,\n };\n });\n\n const rolesListString = Object.entries(roleCountMap).map(([role, count]) => {\n if (count > 1) {\n return `${role} (${count})`;\n }\n return role;\n });\n\n return {\n aggregatedRoleList: rolesListString.join(', '),\n formattedProjectRoles: naturalSort(formattedProjectRoles, 'name'),\n };\n};\n\nexport {\n updatePhases,\n updateRoles,\n normalizeRolesToRequirements,\n normalizeRoleToRequirements,\n normalizeRoleToAllocations,\n normalizeRolesToAllocations,\n updateProjectField,\n updateProjectPhaseById,\n removeProjectSubPhase,\n updateProjectSubPhaseById,\n deleteProjectRoleById,\n addRolesToProject,\n addSubPhaseToProject,\n getProjectUpdateType,\n setStartDateTimeStamp,\n getColorType,\n updateProjectNoteById,\n generateFormattedProjectRoleData,\n aggregateRoleTemplateList,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n QUERIES_ADD_SAVED_FILTER_BEGIN,\n QUERIES_ADD_SAVED_FILTER_SUCCESS,\n QUERIES_ADD_SAVED_FILTER_FAILURE,\n QUERIES_ADD_SAVED_FILTER_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { ERRORS_DISMISS_ERROR } from '../../errors/redux/constants';\nimport { fromApiSavedFilter } from '../utils/queryUtils';\n\nexport function addSavedFilter(accountId, data, queryId, analyticsPayload) {\n return {\n type: QUERIES_ADD_SAVED_FILTER_BEGIN,\n accountId,\n data,\n queryId,\n analyticsPayload,\n };\n}\n\nexport function dismissAddSavedFilterError() {\n return {\n type: QUERIES_ADD_SAVED_FILTER_DISMISS_ERROR,\n };\n}\n\nexport function* doAddSavedFilter(action) {\n const { accountId, data, queryId, analyticsPayload } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/my-filters`, data);\n } catch (error) {\n yield put({ type: QUERIES_ADD_SAVED_FILTER_FAILURE, data: { error } });\n if (error?.data?.status === 409) yield put({ type: ERRORS_DISMISS_ERROR });\n return;\n }\n\n yield put({\n type: QUERIES_ADD_SAVED_FILTER_SUCCESS,\n data: res,\n queryId,\n analyticsPayload,\n });\n}\n\nexport function* watchAddSavedFilter() {\n yield takeLatest(QUERIES_ADD_SAVED_FILTER_BEGIN, doAddSavedFilter);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_ADD_SAVED_FILTER_BEGIN:\n return {\n ...state,\n addSavedFilterPending: true,\n addSavedFilterError: null,\n };\n\n case QUERIES_ADD_SAVED_FILTER_SUCCESS: {\n const { data, queryId } = action;\n const filter = fromApiSavedFilter(data);\n return {\n ...state,\n [queryId]: { ...state[queryId], filter },\n savedFilters: [\n filter,\n ...state.savedFilters,\n ],\n addSavedFilterPending: false,\n addSavedFilterError: null,\n };\n }\n\n case QUERIES_ADD_SAVED_FILTER_FAILURE:\n return {\n ...state,\n addSavedFilterPending: false,\n addSavedFilterError: action.data.error,\n };\n\n case QUERIES_ADD_SAVED_FILTER_DISMISS_ERROR:\n return {\n ...state,\n addSavedFilterError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n QUERIES_CLEAR_QUERIES,\n} from './constants';\n\nexport function clearQueries(id) {\n return {\n type: QUERIES_CLEAR_QUERIES,\n id,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_CLEAR_QUERIES: {\n const { id } = action;\n const newState = { ...state };\n newState[id] = {};\n return newState;\n }\n\n default:\n return state;\n }\n}\n","export const QUERIES_SET_FILTER_QUERY = 'QUERIES_SET_FILTER_QUERY';\nexport const QUERIES_SET_SORT_QUERY = 'QUERIES_SET_SORT_QUERY';\nexport const QUERIES_SET_SEARCH_QUERY = 'QUERIES_SET_SEARCH_QUERY';\nexport const QUERIES_CLEAR_QUERIES = 'QUERIES_CLEAR_QUERIES';\n\nexport const FILTERED_PROJECTS_QUERY_ID = 'filteredProjects';\nexport const FILTERED_PEOPLE_QUERY_ID = 'filteredPeople';\nexport const DEACTIVATED_PEOPLE_QUERY_ID = 'deactivatedPeople';\nexport const ACCOUNTS_QUERY_ID = 'accounts';\nexport const DASHBOARD_UNFILLED_ROLES_QUERY_ID = 'dashboardUnfilledRoles';\nexport const ROLE_AVAILABILITIES_QUERY_ID = 'roleAvailabilities';\nexport const INVITED_USERS_QUERY_ID = 'invitedUsers';\nexport const ACTIVE_USERS_QUERY_ID = 'activeUsers';\nexport const FILTERED_PROJECT_FORECAST_QUERY_ID = 'filteredProjectForecast';\nexport const FILTERED_PEOPLE_FORECAST_QUERY_ID = 'filteredPeopleForecast';\nexport const FILTERED_PROJECT_DASHBOARD_QUERY_ID = 'filteredProjectDashboard';\nexport const FILTERED_HOURLY_PERSONS_QUERY_ID = 'filteredHourlyPersons';\nexport const FILTERED_REQUESTS_QUERY_ID = 'filteredRequests';\nexport const FILTERED_ASSIGNMENTS_QUERY_ID = 'filteredAssignments';\nexport const FILTERED_MATCHES_QUERY_ID = 'bestMatches';\nexport const FILTERED_UNFILLED_ROLES_QUERY_ID = 'filteredUnfilledRoles';\nexport const QUERIES_GET_SAVED_FILTERS_BEGIN = 'QUERIES_GET_SAVED_FILTERS_BEGIN';\nexport const QUERIES_GET_SAVED_FILTERS_SUCCESS = 'QUERIES_GET_SAVED_FILTERS_SUCCESS';\nexport const QUERIES_GET_SAVED_FILTERS_FAILURE = 'QUERIES_GET_SAVED_FILTERS_FAILURE';\nexport const QUERIES_GET_SAVED_FILTERS_DISMISS_ERROR = 'QUERIES_GET_SAVED_FILTERS_DISMISS_ERROR';\nexport const QUERIES_ADD_SAVED_FILTER_BEGIN = 'QUERIES_ADD_SAVED_FILTER_BEGIN';\nexport const QUERIES_ADD_SAVED_FILTER_SUCCESS = 'QUERIES_ADD_SAVED_FILTER_SUCCESS';\nexport const QUERIES_ADD_SAVED_FILTER_FAILURE = 'QUERIES_ADD_SAVED_FILTER_FAILURE';\nexport const QUERIES_ADD_SAVED_FILTER_DISMISS_ERROR = 'QUERIES_ADD_SAVED_FILTER_DISMISS_ERROR';\nexport const QUERIES_DELETE_SAVED_FILTER_BEGIN = 'QUERIES_DELETE_SAVED_FILTER_BEGIN';\nexport const QUERIES_DELETE_SAVED_FILTER_SUCCESS = 'QUERIES_DELETE_SAVED_FILTER_SUCCESS';\nexport const QUERIES_DELETE_SAVED_FILTER_FAILURE = 'QUERIES_DELETE_SAVED_FILTER_FAILURE';\nexport const QUERIES_DELETE_SAVED_FILTER_DISMISS_ERROR = 'QUERIES_DELETE_SAVED_FILTER_DISMISS_ERROR';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n QUERIES_DELETE_SAVED_FILTER_BEGIN,\n QUERIES_DELETE_SAVED_FILTER_SUCCESS,\n QUERIES_DELETE_SAVED_FILTER_FAILURE,\n QUERIES_DELETE_SAVED_FILTER_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteSavedFilter({ accountId, filterId } = {}) {\n return {\n type: QUERIES_DELETE_SAVED_FILTER_BEGIN,\n accountId,\n filterId,\n };\n}\n\nexport function dismissDeleteSavedFilterError() {\n return {\n type: QUERIES_DELETE_SAVED_FILTER_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteSavedFilter(action) {\n const { accountId, filterId } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/my-filters/${filterId}`);\n } catch (err) {\n yield put({\n type: QUERIES_DELETE_SAVED_FILTER_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: QUERIES_DELETE_SAVED_FILTER_SUCCESS,\n filterId,\n });\n}\n\nexport function* watchDeleteSavedFilter() {\n yield takeLatest(QUERIES_DELETE_SAVED_FILTER_BEGIN, doDeleteSavedFilter);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_DELETE_SAVED_FILTER_BEGIN:\n return {\n ...state,\n deleteSavedFilterPending: true,\n deleteSavedFilterError: null,\n };\n\n case QUERIES_DELETE_SAVED_FILTER_SUCCESS: {\n const { filterId } = action;\n return {\n ...state,\n savedFilters: state.savedFilters?.filter(filter => filter.filterId !== filterId),\n deleteSavedFilterPending: false,\n deleteSavedFilterError: null,\n };\n }\n\n case QUERIES_DELETE_SAVED_FILTER_FAILURE:\n return {\n ...state,\n deleteSavedFilterPending: false,\n deleteSavedFilterError: action.data.error,\n };\n\n case QUERIES_DELETE_SAVED_FILTER_DISMISS_ERROR:\n return {\n ...state,\n deleteSavedFilterError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n QUERIES_GET_SAVED_FILTERS_BEGIN,\n QUERIES_GET_SAVED_FILTERS_SUCCESS,\n QUERIES_GET_SAVED_FILTERS_FAILURE,\n QUERIES_GET_SAVED_FILTERS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { fromApiSavedFilter } from '../utils/queryUtils';\n\nexport function getSavedFilters(accountId, savedFilterType) {\n return {\n type: QUERIES_GET_SAVED_FILTERS_BEGIN,\n accountId,\n savedFilterType,\n };\n}\n\nexport function dismissGetSavedFiltersError() {\n return {\n type: QUERIES_GET_SAVED_FILTERS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetSavedFilters(action) {\n const { accountId, savedFilterType } = action;\n let res;\n try {\n const urlParams = savedFilterType ? `?type=${savedFilterType}` : '';\n res = yield call(protectedJsonGet, `accounts/${accountId}/my-filters${urlParams}`);\n } catch (err) {\n yield put({\n type: QUERIES_GET_SAVED_FILTERS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: QUERIES_GET_SAVED_FILTERS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetSavedFilters() {\n yield takeLatest(QUERIES_GET_SAVED_FILTERS_BEGIN, doGetSavedFilters);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_GET_SAVED_FILTERS_BEGIN:\n return {\n ...state,\n getSavedFiltersPending: true,\n getSavedFiltersError: null,\n };\n\n case QUERIES_GET_SAVED_FILTERS_SUCCESS: {\n const { data } = action;\n return {\n ...state,\n savedFilters: data?.map(fromApiSavedFilter),\n getSavedFiltersPending: false,\n getSavedFiltersError: null,\n };\n }\n\n case QUERIES_GET_SAVED_FILTERS_FAILURE:\n return {\n ...state,\n getSavedFiltersPending: false,\n getSavedFiltersError: action.data.error,\n };\n\n case QUERIES_GET_SAVED_FILTERS_DISMISS_ERROR:\n return {\n ...state,\n getSavedFiltersError: null,\n };\n\n default:\n return state;\n }\n}\n","import { QUERIES_SET_FILTER_QUERY } from './constants';\n\nexport function setFilterQuery(id, query, columnStorageKey) {\n if (columnStorageKey) {\n localStorage.setItem(columnStorageKey, JSON.stringify(query));\n }\n\n return {\n type: QUERIES_SET_FILTER_QUERY,\n id,\n query,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_SET_FILTER_QUERY: {\n const { id, query } = action;\n const newState = { ...state };\n newState[id] = {\n ...newState[id],\n filter: query,\n };\n return newState;\n }\n\n default:\n return state;\n }\n}\n","import {\n QUERIES_SET_SEARCH_QUERY,\n} from './constants';\n\nexport function setSearchQuery(id, query, columnStorageKey = '') {\n if (columnStorageKey !== '') {\n localStorage.setItem(columnStorageKey, JSON.stringify(query));\n }\n\n return {\n type: QUERIES_SET_SEARCH_QUERY,\n id,\n query,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_SET_SEARCH_QUERY: {\n const { id, query } = action;\n const newState = { ...state };\n newState[id] = {\n ...newState[id],\n search: query,\n };\n return newState;\n }\n\n default:\n return state;\n }\n}\n","import {\n QUERIES_SET_SORT_QUERY,\n} from './constants';\n\nexport function setSortQuery(id, query, columnStorageKey = '') {\n if (columnStorageKey !== '') {\n localStorage.setItem(columnStorageKey, JSON.stringify(query));\n }\n\n return {\n type: QUERIES_SET_SORT_QUERY,\n id,\n query,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case QUERIES_SET_SORT_QUERY: {\n const { id, query } = action;\n const newState = { ...state };\n newState[id] = {\n ...newState[id],\n sort: query,\n };\n return newState;\n }\n\n default:\n return state;\n }\n}\n","export const fromApiSavedFilter = ({ name, id, type, predicates }) => ({\n name: 'filter',\n filterId: id,\n filterName: name,\n filterType: type?.toLowerCase(),\n args: predicates ? JSON.parse(predicates) : undefined,\n});\n\nexport const toAPISavedFilter = (name, type, filter) => ({\n name,\n type,\n predicates: JSON.stringify(filter),\n});\n","import React, { useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { ReportPeopleList, CoverPage, ReportTemplate } from '.';\nimport { PEOPLE_TITLE } from './redux/constants';\nimport { getAccountById } from '../../utils/miscUtils';\nimport { FILTERED_PEOPLE_QUERY_ID } from '../queries/redux/constants';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { REPORTS_EXPORT_PEOPLE_LIST } from '../../analytics/reports/constants';\n\nconst PeoplePDFReport = () => {\n const dispatch = useDispatch();\n\n const { settings, people } = useSelector(({ reports }) => reports);\n const { accountId } = useSelector(({ common }) => common);\n const { entities: accounts } = useSelector(({ accounts }) => accounts);\n\n useEffect(() => {\n const { includeAllocations } = settings;\n\n const analyticsPayload = {\n 'Report type': 'PDF',\n 'Allocations included': includeAllocations,\n };\n\n dispatch(trackAnalytics(REPORTS_EXPORT_PEOPLE_LIST, analyticsPayload));\n }, [dispatch, settings]);\n\n const peopleCount = people.length;\n const account = getAccountById(accounts, accountId);\n\n const coverPage = (\n {name}
\n{email}
\n\n
\n );\n};\n\nexport default PeoplePDFReport;\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Avatar } from '@material-ui/core';\nimport { PersonAvailability } from 'src/features/people';\nimport { EXCLUDE_PEOPLE_COLUMNS } from './redux/constants';\nimport { getPersonValue, getFieldValue } from './utils/reportUtils';\nimport emptyAvatar from '../../images/empty_avatar.svg?url';\nimport { PersonAllocations } from '.';\nimport { PEOPLE_DISPLAY_AVAILABILITY_UNTIL } from '../people/constants';\n\nconst ReportPeopleList = ({\n people,\n allocations,\n includeAllocations,\n visibleColumns,\n}) => {\n const displayColumns = useMemo(() => (\n visibleColumns.filter(column => !EXCLUDE_PEOPLE_COLUMNS.includes(column.name))\n ), [visibleColumns]);\n\n const showTitle = useMemo(() => (\n !!visibleColumns.find(column => column.name === 'Title')\n ), [visibleColumns]);\n\n const showAvailability = useMemo(() => (\n !!visibleColumns.find(column => column.name === PEOPLE_DISPLAY_AVAILABILITY_UNTIL)\n ), [visibleColumns]);\n\n const renderFields = (person) => {\n const fields = [];\n let other;\n\n displayColumns.forEach((column) => {\n let fieldValue = getPersonValue(column, person);\n\n // check for null in case the value is empty or false\n if (fieldValue === null) {\n fieldValue = getFieldValue(column, person);\n }\n\n if (column.name === 'Other') {\n other = {\n value: fieldValue,\n columnName: column.name,\n };\n } else {\n fields.push(\n \n
,\n );\n }\n });\n\n if (other) {\n // make sure other is always the last field\n fields.push(\n {column.name}
\n {fieldValue}
\n \n
,\n );\n }\n\n return (\n {other.columnName}
\n {other.value}
\n \n {fields}\n
\n );\n };\n\n return (\n \n {people.map(person => (\n
\n );\n};\n\n\nReportPeopleList.propTypes = {\n people: PropTypes.array.isRequired,\n allocations: PropTypes.array.isRequired,\n includeAllocations: PropTypes.bool,\n visibleColumns: PropTypes.array.isRequired,\n};\n\nReportPeopleList.defaultProps = {\n includeAllocations: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ reports, table }) {\n const { settings: { includeAllocations } } = reports;\n\n return {\n people: reports.people,\n allocations: reports.peopleAllocations,\n visibleColumns: table.visibleColumns,\n includeAllocations,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ReportPeopleList);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment-timezone';\nimport { getAccountById } from '../../utils/miscUtils';\nimport { FILTERED_PROJECTS_QUERY_ID } from '../queries/redux/constants';\nimport { PROJECT_GANTT_CONFIG_KEY } from '../gantt/redux/constants';\nimport { EXPANDED_PROJECT_GANTT, GANTT_TAB, PROJECT_VIEW } from '../../common/constants';\nimport {\n FILLED_ROLES,\n UNFILLED_ROLES,\n FILTER_AVAILABILITIES,\n} from '../../filters/constants';\nimport { SORT_ROLES_BY_DISPLAY_MAP } from '../gantt/project-gantt/constants';\nimport {\n TABLOID_PAPER,\n LETTER_PAPER,\n MAX_LETTER_ROLE_COUNT,\n MAX_TABLOID_ROLE_COUNT,\n} from './redux/constants';\nimport { parseRoleFilters } from './utils/reportUtils';\n\nfunction CoverPage({\n accounts,\n accountId,\n queries,\n visibleColumns,\n title,\n subTitle,\n showFields,\n queryId,\n roleSortOption,\n roleFilters,\n isWithProjectRoles,\n isProjectGanttView,\n paperSize,\n}) {\n const now = moment.tz(moment.tz.guess()).format('MMMM D, YYYY [at] h:mm A z');\n const account = getAccountById(accounts, accountId);\n const queryObj = queries[queryId];\n\n const filters = queryObj.filter;\n const sortQuery = queryObj.sort;\n const searchQuery = queryObj.search;\n\n const renderGroup = (label, filterNames, verb, key) => (\n \n allocation.personId === person.id)}\n />\n )}\n
\n ))}\n \n
\n {includeAllocations && (\n \n
\n \n
\n {renderFields(person)}\n {person.name}
\n {showTitle && {person.title}
}\n {showAvailability && (\n \n
\n );\n\n const renderFilters = () => {\n const filterArgs = filters.args;\n const chipData = filterArgs && filterArgs.length ? filters.args.filter(arg => 'activeFilters' in arg) : [];\n const filterGroups = [];\n chipData.forEach((filter) => {\n if (filter.filterType === FILTER_AVAILABILITIES) {\n filter.activeFilters.forEach((activeFilter) => {\n filterGroups.push(\n renderGroup(\n filter.label, activeFilter.name, activeFilter.verb.toLowerCase(),\n `${activeFilter.verb}-${activeFilter.name}`,\n ),\n );\n });\n } else if (filter.activeFilters.length && filter.activeFilters[0].verb) {\n filter.activeFilters.forEach((activeFilter, index) => {\n const filterNames = activeFilter.selected.map(selected => selected.name).join(', ');\n filterGroups.push(renderGroup(filter.label, filterNames, activeFilter.verb.toLowerCase(), `${filter.label}-${index}`));\n });\n } else {\n const filterNames = filter.activeFilters.map(activeFilter => activeFilter.name).join(', ');\n filterGroups.push(renderGroup(filter.label, filterNames, 'includes', filter.label));\n }\n });\n\n if (searchQuery && searchQuery.args && searchQuery.args.length) {\n filterGroups.push(renderGroup('Searched', searchQuery.args[0].activeFilters[0], 'on', 'bridgit-search'));\n }\n\n return filterGroups;\n };\n\n const renderGanttSettings = () => {\n if (!isProjectGanttView || !isWithProjectRoles) return null;\n\n const { nameFilters, hasFilledFilter, hasUnfilledFilter } = parseRoleFilters(roleFilters);\n let hasMoreRolesCount = 0;\n let slicedNameFilters = nameFilters;\n\n if (nameFilters.length > MAX_LETTER_ROLE_COUNT && paperSize === LETTER_PAPER) {\n hasMoreRolesCount = nameFilters.length - MAX_LETTER_ROLE_COUNT;\n slicedNameFilters = nameFilters.slice(0, MAX_LETTER_ROLE_COUNT);\n } else if (nameFilters.length > MAX_TABLOID_ROLE_COUNT && paperSize === TABLOID_PAPER) {\n hasMoreRolesCount = nameFilters.length - MAX_TABLOID_ROLE_COUNT;\n slicedNameFilters = nameFilters.slice(0, MAX_TABLOID_ROLE_COUNT);\n }\n\n const isSingleFilter = (hasFilledFilter && !hasUnfilledFilter) || (!hasFilledFilter && hasUnfilledFilter);\n\n return (\n <>\n {`${label} ${verb}:`}
\n {filterNames}
\n Gantt settings applied:
\n \n
\n \n );\n };\n\n if (!account) return null;\n\n const { logoUrl, name } = account;\n const filterTitlePrefix = queryId === FILTERED_PROJECTS_QUERY_ID ? 'Project' : 'People';\n\n return (\n \n
\n {isSingleFilter && (\n Roles sorted by:
\n {SORT_ROLES_BY_DISPLAY_MAP[roleSortOption]}
\n \n
\n )}\n {slicedNameFilters.length > 0 && (\n Filter on Roles:
\n {hasFilledFilter ? FILLED_ROLES : UNFILLED_ROLES}
\n \n
\n )}\n Roles included:
\n {slicedNameFilters.join(', ')}
\n {hasMoreRolesCount > 0 && {`+${hasMoreRolesCount} More Roles`}
}\n \n \n \n
\n
\n );\n}\n\nCoverPage.propTypes = {\n accountId: PropTypes.number,\n accounts: PropTypes.arrayOf(PropTypes.object),\n queries: PropTypes.object,\n visibleColumns: PropTypes.array,\n title: PropTypes.string,\n subTitle: PropTypes.string,\n showFields: PropTypes.bool,\n queryId: PropTypes.string.isRequired,\n isWithProjectRoles: PropTypes.bool,\n roleSortOption: PropTypes.string,\n roleFilters: PropTypes.array,\n isProjectGanttView: PropTypes.bool.isRequired,\n paperSize: PropTypes.string,\n};\n\nCoverPage.defaultProps = {\n title: '',\n subTitle: '',\n accountId: null,\n accounts: [],\n visibleColumns: [],\n showFields: true,\n queries: {},\n isWithProjectRoles: false,\n roleSortOption: null,\n roleFilters: [],\n paperSize: TABLOID_PAPER,\n};\n\nfunction mapStateToProps({\n common: { accountId, contentView, activeView },\n table: { visibleColumns },\n accounts: { entities },\n reports: { settings },\n queries,\n gantt,\n}) {\n const { roleSortOption, roleFilters, view } = gantt?.instances?.[PROJECT_GANTT_CONFIG_KEY] || {};\n const isWithProjectRoles = view === EXPANDED_PROJECT_GANTT;\n const isProjectGanttView = activeView === PROJECT_VIEW && contentView === GANTT_TAB;\n const { paperSize } = settings;\n\n return {\n accounts: entities,\n accountId,\n queries,\n visibleColumns,\n isWithProjectRoles,\n roleSortOption,\n roleFilters,\n isProjectGanttView,\n paperSize,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(CoverPage);\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport {\n TextField,\n FormControl,\n ClickAwayListener,\n InputLabel,\n Select,\n MenuItem,\n RadioGroup,\n FormControlLabel,\n Radio,\n Switch,\n Button,\n Typography,\n} from '@material-ui/core';\nimport { momentToString } from 'src/utils/dateUtils';\nimport {\n TABLOID_PAPER,\n LETTER_PAPER,\n REPORT_TITLE_MAX_LENGTH,\n PROJECT_GANTT_PDF_REPORT,\n PEOPLE_GANTT_PDF_REPORT,\n LANDSCAPE,\n PORTRAIT,\n LANDSCAPE_TABLOID_PAPER_WIDTH,\n LANDSCAPE_LETTER_PAPER_WIDTH,\n PORTRAIT_TABLOID_PAPER_WIDTH,\n PORTRAIT_LETTER_PAPER_WIDTH,\n STICKY_COLUMN_WIDTH,\n REPORT_DEFAULT_PROJECT_TITLE,\n REPORT_DEFAULT_PEOPLE_TITLE,\n} from './redux/constants';\nimport { collectProjectData, collectPeopleData } from './redux/actions';\nimport {\n SIMPLE_PROJECT_GANTT,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n PROJECT_VIEW,\n DATE_INPUT_FORMAT,\n} from '../../common/constants';\nimport { DatePicker } from '../common';\nimport { timelineIntervals } from '../gantt/utils/ganttUtils';\nimport { MONTH_PICKER_VIEWS } from '../common/redux/constants';\nimport { PROJECT_GANTT_CONFIG_KEY } from '../gantt/redux/constants';\n\nconst GanttFileExportMenu = ({\n menuTitle,\n handleClose,\n collectProjectData,\n collectPeopleData,\n accountId,\n queries,\n disableToggle,\n isProjectView,\n preloadPhotos,\n roleSortOption,\n roleFilters,\n permissions,\n}) => {\n const today = new Date();\n const formattedToday = moment(today).startOf('month').format(DATE_INPUT_FORMAT);\n\n const [title, setTitle] = useState(isProjectView ? REPORT_DEFAULT_PROJECT_TITLE : REPORT_DEFAULT_PEOPLE_TITLE);\n const [earliestDate, setEarliestDate] = useState(formattedToday);\n const [isDatePickerOpen, setIsDatePickerOpen] = useState(false);\n const [isTimelineLengthOpen, setIsTimelineLengthOpen] = useState(false);\n const [isPageOrientationOpen, setIsPageOrientationOpen] = useState(false);\n const [timelineLength, setTimelineLength] = useState(2);\n const [pageOrientation, setPageOrientation] = useState(LANDSCAPE);\n const [paperSize, setPaperSize] = useState(TABLOID_PAPER);\n const [showAllocationPercentages, setShowAllocationPercentages] = useState(false);\n const [showProfilePictures, setShowProfilePictures] = useState(false);\n\n const handleDatePickerOpen = () => {\n setIsDatePickerOpen(true);\n };\n\n const handleDatePickerClose = () => {\n setIsDatePickerOpen(false);\n };\n\n const handleTimelineLengthOpen = () => {\n setIsTimelineLengthOpen(true);\n };\n\n const handleTimelineLengthClose = () => {\n setIsTimelineLengthOpen(false);\n };\n\n const handlePageOrientationOpen = () => {\n setIsPageOrientationOpen(true);\n };\n\n const handlePageOrientationClose = () => {\n setIsPageOrientationOpen(false);\n };\n\n const handleClickAway = () => {\n if (isDatePickerOpen || isTimelineLengthOpen || isPageOrientationOpen) return;\n handleClose();\n };\n\n const handleReportTitleChange = (event) => {\n const { target: { value } } = event;\n setTitle(value);\n };\n\n const handleDateChange = (date) => {\n setEarliestDate(momentToString(date));\n };\n\n const handleTimelineLengthChange = (event) => {\n const { target: { value } } = event;\n setTimelineLength(value);\n };\n\n const handlePageOrientationChange = (event) => {\n const { target: { value } } = event;\n setPageOrientation(value);\n };\n\n const handlePaperSizeChange = (event) => {\n const { target: { value } } = event;\n setPaperSize(value);\n };\n\n const handleShowAllocationPercentagesChange = (event) => {\n setShowAllocationPercentages(event.target.checked);\n };\n\n const handleShowProfilePicturesChange = (event) => {\n setShowProfilePictures(event.target.checked);\n };\n\n const calculateReportDimensions = () => {\n let paperWidth;\n if (pageOrientation === LANDSCAPE) {\n if (paperSize === TABLOID_PAPER) {\n paperWidth = LANDSCAPE_TABLOID_PAPER_WIDTH;\n } else {\n paperWidth = LANDSCAPE_LETTER_PAPER_WIDTH;\n }\n } else if (paperSize === TABLOID_PAPER) {\n paperWidth = PORTRAIT_TABLOID_PAPER_WIDTH;\n } else {\n paperWidth = PORTRAIT_LETTER_PAPER_WIDTH;\n }\n\n const { columns } = timelineIntervals[timelineLength];\n\n const columnCount = paperSize === TABLOID_PAPER ? columns.tabloid : columns.letter;\n const columnWidth = (paperWidth - STICKY_COLUMN_WIDTH) / columnCount;\n\n return {\n columnWidth,\n columnCount,\n paperWidth,\n };\n };\n\n const printReport = () => {\n const { columnWidth, columnCount, paperWidth } = calculateReportDimensions();\n const type = isProjectView ? PROJECT_GANTT_PDF_REPORT : PEOPLE_GANTT_PDF_REPORT;\n\n const settings = {\n title,\n earliestDate,\n timelineLength,\n pageOrientation,\n paperSize,\n type,\n columnWidth,\n columnCount,\n paperWidth,\n };\n handleClose();\n if (isProjectView) {\n settings.showAllocationPercentages = showAllocationPercentages;\n settings.showProfilePictures = showProfilePictures;\n settings.roleSortOption = roleSortOption;\n settings.roleFilters = roleFilters;\n settings.permissions = permissions;\n collectProjectData(accountId, queries, settings);\n } else {\n settings.preloadPhotos = preloadPhotos;\n settings.includeGanttAllocations = true;\n collectPeopleData(accountId, queries, settings);\n }\n };\n\n const renderReportTitleInput = () => (\n | \n {logoUrl && \n \n \n {name} \n {title} \n {subTitle} \n {now} \n {`${filterTitlePrefix} filters applied:`} \n \n {renderFilters()}\n \n \n {renderGanttSettings()}\n {showFields && (\n \n \n Sort order: \n {sortQuery?.args?.[0]?.label || ''} \n \n \n )}\n Fields included: \n \n {visibleColumns.map(column => column.name).join(', ')}\n \n | \n
| \n \n | \n
\n
\n \n {optionDescriptionLabel('11”x17”', tabloid)} \n
\n );\n const letterLabel = (\n Optimize for Tabloid size paper
\n \n {optionDescriptionLabel('8.5”x11”', letter)} \n
\n );\n return (\n Optimize for Letter size paper
\n \n \n \n
\n );\n};\n\nGanttFileExportMenu.propTypes = {\n menuTitle: PropTypes.string.isRequired,\n handleClose: PropTypes.func.isRequired,\n collectProjectData: PropTypes.func.isRequired,\n collectPeopleData: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n disableToggle: PropTypes.bool,\n preloadPhotos: PropTypes.bool,\n isProjectView: PropTypes.bool.isRequired,\n queries: PropTypes.object,\n roleSortOption: PropTypes.string,\n roleFilters: PropTypes.array,\n permissions: PropTypes.object.isRequired,\n};\n\nGanttFileExportMenu.defaultProps = {\n queries: {},\n disableToggle: false,\n preloadPhotos: false,\n roleSortOption: null,\n roleFilters: [],\n};\n\nfunction mapStateToProps({ common, gantt, queries, login }) {\n const { userInfo: { permissions } } = login;\n const { accountId, activeView } = common;\n const { filteredProjects: filteredProjectsQueries, filteredPeople: filteredPeopleQueries } = queries;\n const isProjectView = activeView === PROJECT_VIEW;\n const { roleSortOption, roleFilters, view } = gantt?.instances?.[PROJECT_GANTT_CONFIG_KEY] || {};\n\n return {\n accountId,\n queries: isProjectView ? filteredProjectsQueries : filteredPeopleQueries,\n disableToggle: view === SIMPLE_PROJECT_GANTT,\n preloadPhotos: !!gantt?.instances?.people?.displayOptions?.photo,\n isProjectView,\n roleSortOption,\n roleFilters,\n permissions,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n collectProjectData: bindActionCreators(collectProjectData, dispatch),\n collectPeopleData: bindActionCreators(collectPeopleData, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(GanttFileExportMenu);\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '@material-ui/core';\nimport { IconButton } from '@bridgit/foundation';\nimport { InsertDriveFile } from '@material-ui/icons';\nimport { CustomPopper } from '../wrapped-components';\nimport { ListFileExportMenu } from '.';\nimport { LIST_TAB, PEOPLE_VIEW, PROJECT_VIEW } from '../../common/constants';\nimport GanttFileExportMenu from './GanttFileExportMenu';\nimport { isFirefox } from '../../utils/browser-utils';\nimport { PeopleGanttFileExportMenu } from './people-gantt-report';\nimport { ProjectGanttFileExportMenu } from './project-gantt-report';\n\nexport const FileExportMenu = ({\n loading,\n title,\n queryId,\n}) => {\n const { contentView, activeView } = useSelector(({ common }) => common);\n const {\n newPeopleGantt: newPeopleGanttFlag,\n } = useSelector(({ launchDarkly }) => launchDarkly);\n const [anchorEl, setAnchorEl] = useState(null);\n\n // Clear popup when content tab changes\n useEffect(() => {\n setAnchorEl(null);\n }, [contentView]);\n\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const isListView = contentView === LIST_TAB;\n\n const renderExportMenu = useCallback(() => {\n if (isListView) {\n return \n \n
\n {menuTitle}
\n \n \n \n \n \n\n \n { renderExportMenu() }\n \n
\n );\n};\n\nFileExportMenu.propTypes = {\n loading: PropTypes.bool.isRequired,\n title: PropTypes.string.isRequired,\n queryId: PropTypes.string.isRequired,\n};\n\nexport default FileExportMenu;\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { BRIDGIT_LOGO } from 'src/features/common/constants';\nimport { printReport, preloadImage } from './utils/reportUtils';\nimport { setImagePreloadPending } from './redux/actions';\n\nconst ReportTemplate = ({\n coverPage,\n report,\n header,\n title,\n setImagePreloadPending,\n showReportInfo,\n pageHeader,\n}) => {\n const today = moment.utc().format('MMMM D, YYYY');\n\n // Preload Bridgit logo and print report.\n useEffect(() => {\n const imagePreloadCallback = () => {\n setImagePreloadPending(false);\n printReport();\n };\n\n setImagePreloadPending(true);\n preloadImage(BRIDGIT_LOGO, imagePreloadCallback);\n }, [setImagePreloadPending]);\n\n return (\n \n {coverPage}\n\n \n {pageHeader && (\n \n
\n
\n );\n};\n\nReportTemplate.propTypes = {\n coverPage: PropTypes.element,\n report: PropTypes.element,\n pageHeader: PropTypes.element,\n header: PropTypes.string,\n title: PropTypes.string,\n setImagePreloadPending: PropTypes.func,\n showReportInfo: PropTypes.bool,\n};\n\nReportTemplate.defaultProps = {\n coverPage: null,\n report: null,\n pageHeader: null,\n header: '',\n title: '',\n setImagePreloadPending: () => {},\n showReportInfo: true,\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n setImagePreloadPending: bindActionCreators(setImagePreloadPending, dispatch),\n };\n}\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(ReportTemplate);\n","import React, { useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport {\n FormControl,\n RadioGroup,\n FormControlLabel,\n Radio,\n Switch,\n ClickAwayListener,\n} from '@material-ui/core';\nimport { Button } from '@bridgit/foundation';\nimport { collectPeopleData, collectProjectData } from './redux/actions';\nimport {\n PEOPLE_LIST_CSV_REPORT,\n PEOPLE_LIST_PDF_REPORT,\n PROJECT_LIST_CSV_REPORT,\n PROJECT_LIST_PDF_REPORT,\n} from './redux/constants';\nimport { PROJECT_VIEW } from '../../common/constants';\nimport { CERTIFICATIONS } from '../../filters/constants';\n\nconst ListFileExportMenu = ({\n handleClose,\n menuTitle,\n queryId,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId, activeView } = useSelector(({ common }) => common);\n const queries = useSelector(({ queries }) => queries || {});\n const { permissions } = useSelector(({ login: { userInfo } }) => userInfo);\n const { visibleColumns } = useSelector(({ table }) => table);\n\n const isProjectView = activeView === PROJECT_VIEW;\n const pdfReport = isProjectView ? PROJECT_LIST_PDF_REPORT : PEOPLE_LIST_PDF_REPORT;\n const csvReport = isProjectView ? PROJECT_LIST_CSV_REPORT : PEOPLE_LIST_CSV_REPORT;\n\n const [type, setType] = useState(pdfReport);\n const [includeAllocations, setIncludeAllocations] = useState(false);\n\n const handleChange = (event) => {\n setType(event.target.value);\n };\n\n const handleAllocationChange = (event) => {\n setIncludeAllocations(event.target.checked);\n };\n\n const exportReport = () => {\n const queryObj = queries[queryId];\n if (isProjectView) {\n const settings = { includeAllocations, type, permissions };\n settings.preloadPhotos = includeAllocations && type === pdfReport;\n dispatch(collectProjectData(accountId, queryObj, settings));\n } else {\n const includeCertifications = visibleColumns.some(column => column.schemaName === CERTIFICATIONS);\n dispatch(collectPeopleData(accountId, queryObj, { includeAllocations, type, includeCertifications }));\n }\n\n handleClose();\n };\n\n return (\n \n \n
\n\n {pageHeader}\n\n \n
\n Bridgit Bench
\n www.gobridgit.com
\n | \n \n | \n
| \n {showReportInfo && (\n \n \n )}\n {report}\n {header}\n{title} \n {today} \n | \n
| \n \n | \n
\n \n \n
\n );\n};\n\nListFileExportMenu.propTypes = {\n handleClose: PropTypes.func.isRequired,\n menuTitle: PropTypes.string.isRequired,\n queryId: PropTypes.string.isRequired,\n};\n\nexport default ListFileExportMenu;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { ProjectRoleTitle } from '@bridgit/foundation';\nimport { CURRENT, ACTIVE, UPCOMING, PURSUIT } from '../projects/constants';\nimport { DATE_INPUT_FORMAT } from '../../common/constants';\n\nfunction PersonAllocations({\n personAllocations,\n person,\n}) {\n const activeAllocations = personAllocations ? personAllocations.allocations.filter(\n allocation => allocation.allocationState === CURRENT && allocation.projectStatus === ACTIVE,\n ) : [];\n const upcomingAllocations = personAllocations ? personAllocations.allocations.filter(\n allocation => allocation.allocationState === UPCOMING &&\n [ACTIVE, UPCOMING].includes(allocation.projectStatus),\n ) : [];\n const pursuitAllocations = personAllocations ? personAllocations.allocations.filter(\n allocation => allocation.projectStatus === PURSUIT,\n ) : [];\n\n const renderAllocations = (allocations) => {\n // sort by allocation start date then project name\n const sortedAllocations = [...allocations].sort((a, b) => {\n if (a.startDate !== b.startDate) {\n return moment(a.startDate) - moment(b.startDate);\n }\n\n const aName = a.projectName.toUpperCase();\n const bName = b.projectName.toUpperCase();\n if (aName !== bName) {\n return aName < bName ? -1 : 1;\n }\n return 0;\n });\n\n return sortedAllocations.map(allocation => (\n \n \n \n \n \n \n Export and download\n \n \n
\n {menuTitle}
\n \n
\n ));\n };\n\n const renderIssues = () => {\n if (person.hasConflict) {\n return (\n \n
\n \n \n
\n \n
\n {allocation.projectName}
\n \n
\n {`${moment(allocation.startDate, DATE_INPUT_FORMAT).format('MMM DD, YYYY')} - ${moment(allocation.endDate, DATE_INPUT_FORMAT).format('MMM DD, YYYY')}`}
\n {`${allocation.allocatedPercent}%`}
\n \n \n Over allocation issue\n
\n );\n }\n\n return No allocation issues
;\n };\n\n const renderAllocationSectionByType = (allocationType, allocations) => (\n \n
\n );\n\n return (\n {`${allocationType} (${allocations.length})`}
\n {renderAllocations(allocations)}\n \n
\n );\n}\n\nPersonAllocations.propTypes = {\n personAllocations: PropTypes.object,\n person: PropTypes.object.isRequired,\n};\n\nPersonAllocations.defaultProps = {\n personAllocations: null,\n};\n\nexport default PersonAllocations;\n","import React, { useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport {\n PeoplePDFReport,\n PeopleCSVReport,\n ProjectCSVReport,\n ProjectPDFReport,\n GanttReport,\n RoleSegmentCSVReport,\n} from '.';\nimport { setReport, clearReportData } from './redux/actions';\nimport {\n PEOPLE_LIST_PDF_REPORT,\n PROJECT_GANTT_PDF_REPORT,\n PEOPLE_GANTT_PDF_REPORT,\n PEOPLE_LIST_CSV_REPORT,\n PROJECT_LIST_CSV_REPORT,\n PROJECT_LIST_PDF_REPORT,\n ROLE_SEGMENT_CSV_REPORT,\n} from './redux/constants';\nimport { SETTINGS_TABS } from '../account-settings/common/constants';\n\nconst { PEOPLE, PROJECTS } = SETTINGS_TABS;\n\nconst ReportFactory = () => {\n const dispatch = useDispatch();\n\n const { showReport, type } = useSelector(({ reports }) => reports);\n const { newPeopleGantt: newPeopleGanttFlag } = useSelector(({ launchDarkly }) => launchDarkly);\n\n const REPORTS_MAP = {\n [PEOPLE_LIST_PDF_REPORT]: \n
\n {!personAllocations && Project Allocations
\n {renderIssues()}\n No active or upcoming allocations
}\n {activeAllocations.length > 0 && renderAllocationSectionByType(ACTIVE, activeAllocations)}\n {upcomingAllocations.length > 0 && renderAllocationSectionByType(UPCOMING, upcomingAllocations)}\n {pursuitAllocations.length > 0 && renderAllocationSectionByType(PURSUIT, pursuitAllocations)}\n \n
\n );\n};\n\nexport default ProjectPDFReport;\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { DOT } from '../../common/constants';\nimport { EXCLUDE_PROJECTS_COLUMNS } from './redux/constants';\nimport { getProjectValue, getFieldValue } from './utils/reportUtils';\nimport { ProjectAllocations } from '.';\n\nconst ReportProjectList = ({\n projects,\n allocations,\n includeAllocations,\n visibleColumns,\n}) => {\n const displayColumns = useMemo(() => (\n visibleColumns.filter(column => EXCLUDE_PROJECTS_COLUMNS.indexOf(column.name) === -1)\n ), [visibleColumns]);\n\n const showStatus = useMemo(() => (\n !!visibleColumns.find(column => column.name === 'Status')\n ), [visibleColumns]);\n\n const renderStatus = status => (\n \n {`${DOT} ${status}`}\n
\n );\n\n const renderFields = (project) => {\n const fields = [];\n let other;\n\n displayColumns.forEach((column) => {\n let fieldValue = getProjectValue(column, project);\n\n // check for null in case the value is empty or false\n if (fieldValue === null) {\n fieldValue = getFieldValue(column, project);\n }\n\n if (column.name === 'Other') {\n other = {\n value: fieldValue,\n columnName: column.name,\n };\n } else {\n fields.push(\n \n
,\n );\n }\n });\n\n if (other) {\n // make sure other is always the last field\n fields.push(\n {column.name}
\n {fieldValue}
\n \n
,\n );\n }\n\n return (\n {other.columnName}
\n {other.value}
\n \n {fields}\n
\n );\n };\n\n return (\n \n {projects.map(project => (\n
\n );\n};\n\nReportProjectList.propTypes = {\n projects: PropTypes.array.isRequired,\n allocations: PropTypes.array,\n includeAllocations: PropTypes.bool,\n visibleColumns: PropTypes.array.isRequired,\n};\n\nReportProjectList.defaultProps = {\n includeAllocations: false,\n allocations: [],\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ reports, table }) {\n const { settings, projectAllocations, projects } = reports;\n const { visibleColumns } = table;\n const { includeAllocations } = settings;\n\n return {\n projects,\n allocations: projectAllocations,\n visibleColumns,\n includeAllocations,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ReportProjectList);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { connect } from 'react-redux';\nimport { Avatar } from '@material-ui/core';\nimport { ProjectRoleTitle } from '@bridgit/foundation';\nimport { parseRoles } from './utils/reportUtils';\nimport { DOT } from '../../common/constants';\n\nfunction ProjectAllocations({\n allocations,\n people,\n project,\n}) {\n const roleAllocations = allocations ? allocations.roles : [];\n const parsedRoles = parseRoles(project.roles, roleAllocations, people);\n\n const activeAllocations = parsedRoles ? parsedRoles.filter(allocation => allocation.state === 'Current') : [];\n const upcomingAllocations = parsedRoles ? parsedRoles.filter(allocation => allocation.state === 'Upcoming') : [];\n const pastAllocations = parsedRoles ? parsedRoles.filter(allocation => allocation.state === 'Past') : [];\n\n const renderAllocations = (allocations) => {\n // sort by allocation start date then person name\n const sortedAllocations = [...allocations].sort((a, b) => {\n if (!a.startDate.isSame(b.startDate, 'day')) {\n return moment(a.startDate) - moment(b.startDate);\n }\n\n const aName = a.personName.toLowerCase();\n const bName = b.personName.toLowerCase();\n if (aName !== bName) {\n return aName < bName ? -1 : 1;\n }\n return 0;\n });\n\n return sortedAllocations.map(allocation => (\n \n allocation.projectId === project.id)}\n />\n )}\n
\n ))}\n \n {DOT}\n
\n {includeAllocations && (\n \n
\n {renderFields(project)}\n {project.name}
\n {showStatus && renderStatus(project.state)}\n \n
\n ));\n };\n\n const renderIssues = () => {\n if (project.hasIssues) {\n return (\n \n
\n \n {allocation.isUnfilled\n ? {DOT}\n :
\n \n
\n \n {allocation.personName}\n {allocation.hasConflict && {DOT}}\n
\n \n
\n {`${allocation.startDateFormatted} - ${allocation.endDateFormatted}`}
\n {allocation.allocatedPercent}
\n \n \n Over allocation issues\n
\n );\n }\n\n return No allocation issues
;\n };\n\n const renderAllocationSection = (type, filteredAllocations) => (\n \n
\n );\n\n return (\n {`${type} (${filteredAllocations.length})`}
\n {renderAllocations(filteredAllocations)}\n \n
\n );\n}\n\nProjectAllocations.propTypes = {\n project: PropTypes.object.isRequired,\n allocations: PropTypes.object,\n people: PropTypes.array.isRequired,\n};\n\nProjectAllocations.defaultProps = {\n allocations: null,\n};\n\n\n/* istanbul ignore next */\nfunction mapStateToProps({ people }) {\n return {\n people: people.entities,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(ProjectAllocations);\n","import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { STICKY_COLUMN_WIDTH } from './redux/constants';\n\nconst GanttReportGrid = ({\n columnCount,\n columnWidth,\n}) => {\n const renderGridColumns = () => {\n const gridColumns = [];\n let left = STICKY_COLUMN_WIDTH - 2;\n for (let index = 0; index < columnCount; index += 1) {\n const style = {\n left,\n width: columnWidth,\n };\n const gridColumn = ;\n gridColumns.push(gridColumn);\n left += columnWidth;\n }\n return gridColumns;\n };\n\n return (\n \n
\n {parsedRoles.length === 0 && Project Allocations
\n {renderIssues()}\n No allocations
}\n\n {activeAllocations.length > 0 && renderAllocationSection('Active', activeAllocations)}\n {upcomingAllocations.length > 0 && renderAllocationSection('Upcoming', upcomingAllocations)}\n {pastAllocations.length > 0 && renderAllocationSection('Completed', pastAllocations)}\n \n {renderGridColumns()}\n
\n );\n};\n\nGanttReportGrid.propTypes = {\n columnCount: PropTypes.number.isRequired,\n columnWidth: PropTypes.number.isRequired,\n};\n\nexport default memo(GanttReportGrid);\n","import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { CSVLink } from 'react-csv';\nimport moment from 'moment';\nimport { DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport {\n PROJECT_CSV_ALLOCATION_HEADERS,\n PROJECT_HEADER_MAP,\n PROJECT_ROLES_COLUMN,\n} from './redux/constants';\nimport { clearReportData, setReport } from './redux/actions';\nimport { generateProjectCSV, generateProjectAllocationsCSV } from './utils/reportUtils';\nimport { getAccountById } from '../../utils/miscUtils';\n\nconst ProjectCSVReport = ({\n clearReportData,\n setReport,\n projects,\n accountId,\n accounts,\n visibleColumns,\n includeAllocations,\n allocations,\n}) => {\n const csvInstance = useRef();\n const hasProjects = projects && projects.length > 0;\n\n useEffect(() => {\n if (hasProjects && csvInstance.current && csvInstance.current.link) {\n setTimeout(() => {\n csvInstance.current.link.click();\n clearReportData();\n\n window.mixpanel.track('Export Project List', {\n 'Report type': 'CSV',\n 'Allocations included': includeAllocations,\n });\n\n setReport(false);\n });\n }\n }, [hasProjects, clearReportData, setReport, includeAllocations]);\n\n if (hasProjects) {\n const filteredColumns = visibleColumns.filter(({ name }) => name !== 'Photo');\n const headers = filteredColumns.reduce((headerNames, column) => {\n const { name } = column;\n\n if (!includeAllocations || (includeAllocations && name !== PROJECT_ROLES_COLUMN)) {\n headerNames.push(PROJECT_HEADER_MAP[name] || name);\n }\n return headerNames;\n }, []);\n\n const today = moment().format(DATE_DISPLAY_FORMAT);\n const currentAccount = getAccountById(accounts, accountId) || { name: '' };\n const data = includeAllocations\n ? generateProjectAllocationsCSV(filteredColumns, projects, allocations)\n : generateProjectCSV(filteredColumns, projects);\n\n return (\n \n
\n );\n};\n\nPeopleGanttReportContent.propTypes = {\n people: PropTypes.arrayOf(PropTypes.object),\n allocations: PropTypes.arrayOf(PropTypes.object),\n settings: PropTypes.object,\n zoomConfig: PropTypes.object.isRequired,\n};\n\nPeopleGanttReportContent.defaultProps = {\n people: [],\n allocations: [],\n settings: {\n earliestDate: moment(),\n timelineLength: 2,\n },\n};\n\nfunction mapStateToProps({ reports }) {\n const { people, peopleGanttAllocations: allocations, settings } = reports;\n\n return {\n people,\n allocations,\n settings,\n };\n}\n\nexport default connect(mapStateToProps)(PeopleGanttReportContent);\n","import React, { useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport pluralize from 'pluralize';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { FILTERED_PEOPLE_QUERY_ID } from '../queries/redux/constants';\nimport {\n getColumnHeaders,\n GanttReportZoomConfigLetter,\n GanttReportZoomConfigTabloid,\n timelineIntervals,\n} from '../gantt/utils/ganttUtils';\nimport { TABLOID_PAPER } from './redux/constants';\nimport { TimelineHeader, PeopleGanttTitleHeader } from '../gantt';\nimport { PeopleGanttReportContent, ReportTemplate, CoverPage } from '.';\nimport { getAccountById } from '../../utils/miscUtils';\nimport { SETTINGS_TABS } from '../account-settings/common/constants';\nimport { trackAnalytics } from '../common/redux/actions';\nimport { REPORTS_EXPORT_PEOPLE_GANTT } from '../../analytics/reports/constants';\nimport {\n getBasicGanttReportAnalyticsPayload,\n getPeopleGanttReportAnalyticsPayload,\n} from '../../analytics/reports/utils';\n\nconst { PEOPLE, PROJECTS } = SETTINGS_TABS;\n\nconst GanttReport = ({ type }) => {\n const dispatch = useDispatch();\n\n const { settings, peopleCount } = useSelector(({ reports }) => {\n const { people, settings } = reports;\n\n return {\n settings,\n peopleCount: people?.length,\n };\n });\n const { accountId } = useSelector(({ common }) => common);\n const { entities: accounts } = useSelector(({ accounts }) => accounts);\n const { filteredPeople } = useSelector(({ queries }) => queries);\n const { people: peopleGanttSettings } = useSelector(({ gantt }) => gantt.instances);\n\n useEffect(() => {\n const filteredEntity = filteredPeople;\n const basicAnalyticsPayload = getBasicGanttReportAnalyticsPayload(settings, filteredEntity);\n const eventName = REPORTS_EXPORT_PEOPLE_GANTT;\n\n const extraAnalyticsPayload = getPeopleGanttReportAnalyticsPayload(peopleGanttSettings);\n\n dispatch(trackAnalytics(eventName, { ...basicAnalyticsPayload, ...extraAnalyticsPayload }));\n }, [dispatch, filteredPeople, peopleGanttSettings, settings]);\n\n const count = peopleCount;\n const queryId = FILTERED_PEOPLE_QUERY_ID;\n const ReportContent = PeopleGanttReportContent;\n const account = getAccountById(accounts, accountId);\n\n const { title, showProfilePictures } = settings;\n\n const coverPage = (\n \n
\n \n {headerTitle}\n
\n );\n\n const report = (\n \n
\n );\n};\n\nGanttReport.propTypes = {\n type: PropTypes.oneOf([PEOPLE, PROJECTS]).isRequired,\n};\n\nexport default GanttReport;\n","import React, { useEffect, useRef } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { CSVLink } from 'react-csv';\nimport moment from 'moment';\nimport { DATE_DISPLAY_FORMAT } from 'src/common/constants';\nimport { ROLE_FIELDS } from 'src/common/descriptors/role';\nimport { trackAnalytics } from '../common/redux/trackAnalytics';\nimport { clearReportData, setReport } from './redux/actions';\nimport { generateRoleSegmentCSV } from './utils/reportUtils';\nimport { getAccountById } from '../../utils/miscUtils';\n\nconst RoleSegmentCSVReport = () => {\n const dispatch = useDispatch();\n\n const { accountId } = useSelector(({ common }) => common);\n const { entities: accounts } = useSelector(({ accounts }) => accounts);\n const { roleSegments } = useSelector(({ reports }) => reports);\n\n\n const csvInstance = useRef();\n const hasRoleSegments = roleSegments?.length > 0;\n\n useEffect(() => {\n if (hasRoleSegments && csvInstance.current && csvInstance.current.link) {\n setTimeout(() => {\n csvInstance.current.link.click();\n dispatch(clearReportData());\n dispatch(trackAnalytics('Export Unfilled Roles List', { 'Report type': 'CSV' }));\n dispatch(setReport(false));\n });\n }\n }, [hasRoleSegments, dispatch]);\n\n if (hasRoleSegments) {\n const headers = ROLE_FIELDS.map(column => column.name);\n const today = moment().format(DATE_DISPLAY_FORMAT);\n const currentAccount = getAccountById(accounts, accountId) || { name: '' };\n\n return (\n \n
\n \n 11”x17” \n
\n );\n const letterLabel = (\n Optimize for Tabloid size paper
\n \n 8.5”x11” \n
\n );\n return (\n Optimize for Letter size paper
\n \n \n \n
\n );\n};\n\nDefaultGanttFileExportMenu.propTypes = {\n menuTitle: PropTypes.string,\n onClose: PropTypes.func,\n onPrint: PropTypes.func,\n initialTimeInterval: PropTypes.string,\n renderAdditionalOptions: PropTypes.func,\n};\n\nDefaultGanttFileExportMenu.defaultProps = {\n menuTitle: '',\n onClose: () => {},\n onPrint: () => {},\n initialTimeInterval: YEAR,\n renderAdditionalOptions: () => {},\n};\n\nexport default DefaultGanttFileExportMenu;\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { GanttReport, HeaderButton } from '@bridgit/foundation';\nimport { detect } from 'detect-browser';\nimport { formatPeopleGanttData } from '../../gantt/people-gantt-v2/utils';\nimport { LIGHT_COLOR } from '../../gantt/people-gantt-v2/constants';\nimport { TIME_INTERVAL_UNIT_MAP } from '../../gantt/constants';\nimport { getGanttReportPeople } from '../redux/getGanttReportPeople';\nimport { getAccountAllocations } from '../../people/redux/getAccountAllocations';\nimport { FILTERED_PEOPLE_QUERY_ID } from '../../queries/redux/constants';\nimport { setFilterQuery } from '../../queries/redux/setFilterQuery';\nimport { setSortQuery } from '../../queries/redux/setSortQuery';\nimport { setSearchQuery } from '../../queries/redux/setSearchQuery';\nimport { PEOPLE_VIEW } from '../../../common/constants';\nimport { FILTER_STORAGE_KEY, PEOPLE_GANTT_REPORT_ARGS_KEY, getStorageKey } from '../../../common/localStorageKeys';\nimport { getValidatedLocalStorage } from '../../../utils/validators';\nimport { quickFilterValues } from '../../gantt/utils/peopleGanttUtils';\n\nconst titleHeader = \n \n
\n {menuTitle}
\n \n People
;\n\nconst PeopleGanttReport = () => {\n const dispatch = useDispatch();\n\n const people = useSelector(({ reports }) => reports?.ganttReportPeople);\n const allocations = useSelector(({ people }) => people?.allocations);\n const accountId = useSelector(({ common }) => common?.accountId);\n const activeView = useSelector(({ common }) => common?.activeView);\n const filteredPeopleQueries = useSelector(({ queries }) => queries?.filteredPeople);\n const getAccountAllocationsPending = useSelector(({ people }) => people?.getAccountAllocationsPending);\n const getGanttReportPeoplePending = useSelector(({ reports }) => reports?.getGanttReportPeoplePending);\n const userId = useSelector(({ login }) => login?.userInfo?.sub);\n\n const reportArgsStorageKey = useMemo(() => getStorageKey(activeView, accountId, PEOPLE_GANTT_REPORT_ARGS_KEY, userId), [accountId, activeView, userId]);\n const reportArgs = useMemo(() => getValidatedLocalStorage(reportArgsStorageKey) || {}, [reportArgsStorageKey]);\n\n const {\n startDate,\n endDate,\n timeInterval,\n timeMultiplier,\n width,\n displayOption,\n colorOption,\n showAvatar,\n filter,\n sort,\n search,\n pagesPerWindow,\n } = reportArgs;\n\n const showLightBackground = colorOption === LIGHT_COLOR;\n\n const filterStorageKey = useMemo(() => getStorageKey(PEOPLE_VIEW, accountId, FILTER_STORAGE_KEY, userId), [accountId, userId]);\n\n useEffect(() => {\n dispatch(setFilterQuery(FILTERED_PEOPLE_QUERY_ID, filter, filterStorageKey));\n }, [dispatch, filter, filterStorageKey]);\n\n useEffect(() => {\n dispatch(setSortQuery(FILTERED_PEOPLE_QUERY_ID, sort, filterStorageKey));\n }, [dispatch, sort, filterStorageKey]);\n\n useEffect(() => {\n dispatch(setSearchQuery(FILTERED_PEOPLE_QUERY_ID, search, filterStorageKey));\n }, [dispatch, search, filterStorageKey]);\n\n useEffect(() => {\n dispatch(getGanttReportPeople(accountId, filteredPeopleQueries, startDate));\n }, [accountId, dispatch, filteredPeopleQueries, startDate]);\n\n useEffect(() => {\n dispatch(getAccountAllocations(accountId, startDate, endDate));\n }, [accountId, dispatch, endDate, startDate]);\n\n const filterOptions = useMemo(() => quickFilterValues(filteredPeopleQueries.filter), [filteredPeopleQueries.filter]);\n\n // Format the bar and legend data so it can be displayed in the Gantt chart.\n const { bars, legend } = useMemo(() => {\n const { availableFilter, issuesFilter } = filterOptions;\n return people?.length\n ? formatPeopleGanttData(\n people,\n allocations,\n startDate,\n endDate,\n showAvatar,\n showLightBackground,\n displayOption,\n availableFilter,\n issuesFilter,\n )\n : { bars: [], legend: [] };\n }, [filterOptions, people, allocations, startDate, endDate, showAvatar, showLightBackground, displayOption]);\n\n const containerStyle = useMemo(() => ({\n minHeight: `${window.innerHeight}px`,\n width: `${width}px`,\n }), [width]);\n\n const reportStyle = useMemo(() => ({\n width: `${width}px`,\n }), [width]);\n\n const handlePrint = useCallback(() => {\n const browser = detect();\n try {\n if (browser && browser.name.toLowerCase() === 'safari') {\n setTimeout(() => document.execCommand('print', false, null), 0);\n } else {\n setTimeout(() => window.print(), 0);\n }\n } catch (e) {\n setTimeout(() => window.print(), 0);\n }\n }, []);\n\n if (!startDate || !endDate) return null;\n\n return (\n \n
\n );\n};\n\nexport default PeopleGanttReport;\n","import React, { useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DATE_INPUT_FORMAT } from '../../../common/constants';\nimport { MONTH, YEAR, THREE_YEARS, TIME_INTERVAL_UNIT_MAP, TIME_MULTIPLIERS_MAP, INTERVALS_MAP } from '../../gantt/constants';\nimport { PEOPLE_GANTT_CONFIG_KEY_V2 } from '../../gantt/redux/constants';\nimport { PEOPLE_GANTT_REPORT_ARGS_KEY, getStorageKey } from '../../../common/localStorageKeys';\nimport { trackAnalytics } from '../../common/redux/trackAnalytics';\nimport { DefaultGanttFileExportMenu } from '..';\nimport { COLOR_OPTIONS_MAP, GANTT_DISPLAY_MAP } from '../../gantt/people-gantt-v2/constants';\nimport { REPORTS_EXPORT_PEOPLE_GANTT } from '../../../analytics/reports/constants';\nimport { getPaperWidth } from '../utils/reportUtils';\n\nconst PeopleGanttFileExportMenu = ({\n menuTitle,\n handleClose,\n}) => {\n const dispatch = useDispatch();\n\n const { accountId, activeView } = useSelector(({ common }) => common);\n const { filter, sort, search } = useSelector(({ queries }) => queries?.filteredPeople || {});\n const ganttSettings = useSelector(({ gantt }) => gantt?.instances[PEOPLE_GANTT_CONFIG_KEY_V2]);\n const userId = useSelector(({ login }) => login?.userInfo?.sub);\n\n const initialTimeInterval = ganttSettings?.timeInterval ?? YEAR;\n\n const printHandler = useCallback((selectedDate, timelineLength, paperSize) => {\n const { displayOption, colorOption, showAvatar } = ganttSettings;\n\n const startDate = moment(selectedDate)\n .clone()\n .startOf(MONTH)\n .format(DATE_INPUT_FORMAT);\n\n const timeMultiplier = TIME_MULTIPLIERS_MAP[timelineLength];\n const timeInterval = TIME_INTERVAL_UNIT_MAP[timelineLength];\n\n const endDate = moment(selectedDate)\n .clone()\n .add(timeMultiplier, timeInterval)\n .subtract(1, 'day')\n .format(DATE_INPUT_FORMAT);\n\n const width = getPaperWidth(paperSize);\n\n const reportArgs = JSON.stringify({\n startDate,\n endDate,\n timeInterval,\n timeMultiplier,\n width,\n displayOption,\n colorOption,\n showAvatar,\n filter,\n sort,\n search,\n pagesPerWindow: timelineLength === THREE_YEARS ? 3 : 1,\n });\n\n const reportArgsStorageKey = getStorageKey(activeView, accountId, PEOPLE_GANTT_REPORT_ARGS_KEY, userId);\n localStorage.setItem(reportArgsStorageKey, reportArgs);\n\n dispatch(trackAnalytics(REPORTS_EXPORT_PEOPLE_GANTT, {\n 'Earliest month displayed': moment(startDate).format('MMM, YYYY'),\n 'Interval selected': INTERVALS_MAP[timelineLength],\n 'Page size selected': paperSize,\n 'Filters applied': filter.args.map(({ label }) => label).join(', '),\n 'Sort applied': sort.args?.[0]?.label,\n 'Search applied': search?.args?.[0]?.activeFilters?.[0] || '',\n 'Gantt display option applied': GANTT_DISPLAY_MAP[displayOption],\n 'Project color option applied': COLOR_OPTIONS_MAP[colorOption],\n 'Photos displayed': !!showAvatar,\n }));\n\n const url = `${window.location.origin}/accounts/${accountId}/reports/people/gantt`;\n window.open(url, null, 'noopener');\n handleClose();\n }, [accountId, activeView, dispatch, filter, ganttSettings, handleClose, search, sort, userId]);\n\n return (\n \n
\n \n
\n Projects
, []);\n\n return (\n \n
\n );\n};\n\nexport default ProjectGanttReport;\n","const ADDITIONAL_REPORT_OPTIONS = [{ label: 'Include allocation percentages', name: 'allocationPerc' }];\n\nexport { ADDITIONAL_REPORT_OPTIONS };\n","import React, { useState, useCallback } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { CheckboxForm } from '@bridgit/foundation';\nimport { PROJECT_GANTT_CONFIG_KEY } from '../../gantt/redux/constants';\nimport { DefaultGanttFileExportMenu } from '..';\nimport { DATE_INPUT_FORMAT } from '../../../common/constants';\nimport { MONTH, THREE_YEARS, TIME_INTERVAL_UNIT_MAP, TIME_MULTIPLIERS_MAP, INTERVALS_MAP } from '../../gantt/constants';\nimport { PROJECT_GANTT_REPORT_ARGS_KEY, getStorageKey } from '../../../common/localStorageKeys';\nimport { ADDITIONAL_REPORT_OPTIONS } from './constants';\nimport { REPORTS_EXPORT_PROJECT_GANTT } from '../../../analytics/reports/constants';\nimport { trackAnalytics } from '../../common/redux/trackAnalytics';\nimport { getProjectGanttReportAnalyticsPayload } from '../../../analytics/reports/utils';\nimport { getPaperWidth } from '../utils/reportUtils';\n\nconst ProjectGanttFileExportMenu = ({\n menuTitle,\n handleClose,\n}) => {\n const dispatch = useDispatch();\n\n const [includeAllocPerc, setIncludeAllocPerc] = useState(false);\n\n const { accountId, activeView } = useSelector(({ common }) => common);\n const { timeInterval, viewRoles, roleSortOption, roleFilters } = useSelector(({ gantt }) => gantt?.instances[PROJECT_GANTT_CONFIG_KEY]);\n const userId = useSelector(({ login }) => login?.userInfo?.sub);\n const { filter, sort, search } = useSelector(({ queries }) => queries?.filteredProjects || {});\n\n const printHandler = useCallback((selectedDate, timelineLength, paperSize) => {\n const startDate = moment(selectedDate)\n .clone()\n .startOf(MONTH)\n .format(DATE_INPUT_FORMAT);\n\n const timeMultiplier = TIME_MULTIPLIERS_MAP[timelineLength];\n const timeInterval = TIME_INTERVAL_UNIT_MAP[timelineLength];\n\n const endDate = moment(selectedDate)\n .clone()\n .add(timeMultiplier, timeInterval)\n .subtract(1, 'day')\n .format(DATE_INPUT_FORMAT);\n\n const width = getPaperWidth(paperSize);\n\n const reportArgs = {\n startDate,\n endDate,\n timeInterval,\n timeMultiplier,\n viewRoles,\n roleSortOption,\n roleFilters,\n includeAllocPerc,\n width,\n pagesPerWindow: timelineLength === THREE_YEARS ? 3 : 1,\n filter,\n sort,\n search,\n };\n\n const reportArgsStorageKey = getStorageKey(activeView, accountId, PROJECT_GANTT_REPORT_ARGS_KEY, userId);\n localStorage.setItem(reportArgsStorageKey, JSON.stringify(reportArgs));\n\n dispatch(trackAnalytics(REPORTS_EXPORT_PROJECT_GANTT, {\n 'Earliest month displayed': moment(startDate).format('MMM, YYYY'),\n 'Interval selected': INTERVALS_MAP[timelineLength],\n 'Page size selected': paperSize,\n 'Filters applied': filter.args.map(({ label }) => label).join(', '),\n 'Sort applied': sort.args?.[0]?.label,\n 'Search applied': search?.args?.[0]?.activeFilters?.[0] || '',\n ...getProjectGanttReportAnalyticsPayload(reportArgs),\n }));\n\n const url = `${window.location.origin}/accounts/${accountId}/reports/project/gantt`;\n window.open(url, null, 'noopener');\n handleClose();\n }, [\n accountId,\n activeView,\n filter,\n handleClose,\n roleFilters,\n roleSortOption,\n search,\n sort,\n userId,\n viewRoles,\n includeAllocPerc,\n dispatch,\n ]);\n\n const additionalOptionsHandler = useCallback((key, checked) => setIncludeAllocPerc(checked), []);\n\n const renderAdditionalOptions = useCallback(() => (\n \n
\n \n
\n \n
\n );\n};\n\nProjectGanttFileExportMenu.propTypes = {\n menuTitle: PropTypes.string.isRequired,\n handleClose: PropTypes.func.isRequired,\n};\n\nexport default ProjectGanttFileExportMenu;\n","import {\n REPORTS_CLEAR_REPORT_DATA,\n} from './constants';\nimport initialState from './initialState';\n\nexport function clearReportData() {\n return {\n type: REPORTS_CLEAR_REPORT_DATA,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_CLEAR_REPORT_DATA:\n return initialState;\n\n default:\n return state;\n }\n}\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { getPeopleListQuery } from 'src/features/people/queries/getPeopleListQuery';\nimport deactivatedAvatar from 'src/images/deactivated_avatar.svg?url';\nimport emptyAvatar from 'src/images/empty_avatar.svg?url';\nimport {\n REPORTS_COLLECT_PEOPLE_DATA_BEGIN,\n REPORTS_COLLECT_PEOPLE_DATA_SUCCESS,\n REPORTS_COLLECT_PEOPLE_DATA_FAILURE,\n REPORTS_COLLECT_PEOPLE_DATA_DISMISS_ERROR,\n} from './constants';\nimport { MIN_FROM, MAX_SIZE } from '../../../common/constants';\nimport { dateStringAdd } from '../../../utils/dateUtils';\nimport { resolveImage } from '../utils/reportUtils';\nimport { peoplePhotos } from '../../people/redux/selectors';\nimport { doGetReportPeople } from './getReportPeople';\nimport { doGetPeopleAllocations } from './getPeopleAllocations';\nimport { doGetPeopleGanttAllocations } from './getPeopleGanttAllocations';\nimport { doGetAccountCertifications } from '../../account-settings/redux/getAccountCertifications';\n\nexport function collectPeopleData(accountId, queries, settings) {\n return {\n type: REPORTS_COLLECT_PEOPLE_DATA_BEGIN,\n queries,\n settings,\n accountId,\n };\n}\n\nexport function dismissCollectPeopleDataError() {\n return {\n type: REPORTS_COLLECT_PEOPLE_DATA_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectPeopleData(action) {\n const { queries, accountId, settings } = action;\n const {\n includeAllocations,\n includeGanttAllocations,\n includeCertifications,\n earliestDate,\n timelineLength,\n preloadPhotos,\n } = settings;\n\n const endDate = earliestDate ? dateStringAdd(earliestDate, timelineLength - 1, 'years') : undefined;\n const { query, variables } = getPeopleListQuery(accountId, queries, MIN_FROM, MAX_SIZE, 'Active', earliestDate, endDate);\n\n try {\n const requests = [doGetReportPeople({ query, variables, settings, accountId })];\n\n if (includeAllocations) {\n requests.push(doGetPeopleAllocations({ accountId }));\n }\n\n if (includeGanttAllocations) {\n requests.push(doGetPeopleGanttAllocations({ accountId, start: earliestDate, end: endDate }));\n }\n\n if (includeCertifications) {\n requests.push(doGetAccountCertifications({ accountId }));\n }\n\n if (preloadPhotos) {\n const peoplePhotoUrls = yield select(peoplePhotos);\n peoplePhotoUrls.forEach(url => requests.push(resolveImage(url)));\n requests.push(resolveImage(deactivatedAvatar));\n requests.push(resolveImage(emptyAvatar));\n }\n\n yield all(requests);\n } catch (err) {\n yield put({\n type: REPORTS_COLLECT_PEOPLE_DATA_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_COLLECT_PEOPLE_DATA_SUCCESS,\n settings,\n });\n}\n\nexport function* watchCollectPeopleData() {\n yield takeLatest(REPORTS_COLLECT_PEOPLE_DATA_BEGIN, doCollectPeopleData);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_COLLECT_PEOPLE_DATA_BEGIN:\n return {\n ...state,\n collectPeopleDataPending: true,\n collectPeopleDataError: null,\n };\n\n case REPORTS_COLLECT_PEOPLE_DATA_SUCCESS: {\n const { settings } = action;\n const { settings: previousSettings } = state;\n const { type } = settings;\n\n return {\n ...state,\n showReport: true,\n type,\n settings: {\n ...previousSettings,\n ...settings,\n },\n collectPeopleDataPending: false,\n collectPeopleDataError: null,\n };\n }\n\n case REPORTS_COLLECT_PEOPLE_DATA_FAILURE:\n return {\n ...state,\n collectPeopleDataPending: false,\n collectPeopleDataError: action.data.error,\n };\n\n case REPORTS_COLLECT_PEOPLE_DATA_DISMISS_ERROR:\n return {\n ...state,\n collectPeopleDataError: null,\n };\n\n default:\n return state;\n }\n}\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { getProjectListQuery } from 'src/features/projects/queries/getProjectListQuery';\nimport deactivatedAvatar from 'src/images/deactivated_avatar.svg?url';\nimport emptyAvatar from 'src/images/empty_avatar.svg?url';\nimport {\n REPORTS_COLLECT_PROJECT_DATA_BEGIN,\n REPORTS_COLLECT_PROJECT_DATA_SUCCESS,\n REPORTS_COLLECT_PROJECT_DATA_FAILURE,\n REPORTS_COLLECT_PROJECT_DATA_DISMISS_ERROR,\n} from './constants';\nimport { MIN_FROM, MAX_SIZE } from '../../../common/constants';\nimport { resolveImage } from '../utils/reportUtils';\nimport { peoplePhotos } from '../../people/redux/selectors';\nimport { doGetReportProjects } from './getReportProjects';\nimport { doGetProjectAllocations } from './getProjectAllocations';\n\nexport function collectProjectData(accountId, queries, settings) {\n return {\n type: REPORTS_COLLECT_PROJECT_DATA_BEGIN,\n accountId,\n queries,\n settings,\n };\n}\n\nexport function dismissCollectProjectDataError() {\n return {\n type: REPORTS_COLLECT_PROJECT_DATA_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectProjectData(action) {\n const { queries, accountId, settings } = action;\n const { includeAllocations, preloadPhotos, roleSortOption, roleFilters, permissions } = settings;\n const { query, variables } = getProjectListQuery(accountId, queries, MIN_FROM, MAX_SIZE, roleSortOption, roleFilters, permissions);\n\n try {\n const requests = [doGetReportProjects({ query, variables, settings, accountId })];\n if (includeAllocations) {\n requests.push(doGetProjectAllocations({ accountId }));\n\n if (preloadPhotos) {\n const peoplePhotoUrls = yield select(peoplePhotos);\n peoplePhotoUrls.forEach(url => requests.push(resolveImage(url)));\n requests.push(resolveImage(deactivatedAvatar));\n requests.push(resolveImage(emptyAvatar));\n }\n }\n\n yield all(requests);\n } catch (err) {\n yield put({\n type: REPORTS_COLLECT_PROJECT_DATA_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_COLLECT_PROJECT_DATA_SUCCESS,\n settings,\n });\n}\n\nexport function* watchCollectProjectData() {\n yield takeLatest(REPORTS_COLLECT_PROJECT_DATA_BEGIN, doCollectProjectData);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_COLLECT_PROJECT_DATA_BEGIN:\n return {\n ...state,\n collectProjectDataPending: true,\n collectProjectDataError: null,\n };\n\n case REPORTS_COLLECT_PROJECT_DATA_SUCCESS: {\n const { settings } = action;\n const { settings: previousSettings } = state;\n const { type } = settings;\n\n return {\n ...state,\n showReport: true,\n type,\n settings: {\n ...previousSettings,\n ...settings,\n },\n collectProjectDataPending: false,\n collectProjectDataError: null,\n };\n }\n\n case REPORTS_COLLECT_PROJECT_DATA_FAILURE:\n return {\n ...state,\n collectProjectDataPending: false,\n collectProjectDataError: action.data.error,\n };\n\n case REPORTS_COLLECT_PROJECT_DATA_DISMISS_ERROR:\n return {\n ...state,\n collectProjectDataError: null,\n };\n\n default:\n return state;\n }\n}\n","import { all, put, takeLatest } from 'redux-saga/effects';\nimport { MAX_SIZE, MIN_FROM } from '../../../common/constants';\nimport { doGetFilteredProjects } from '../../projects/redux/getFilteredProjects';\nimport { doGetExpandedAllocations } from '../../projects/redux/getExpandedAllocations';\nimport { doGetPeople } from '../../people/redux/getPeople';\nimport {\n REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN,\n REPORTS_COLLECT_PROJECT_GANTT_DATA_DISMISS_ERROR,\n REPORTS_COLLECT_PROJECT_GANTT_DATA_FAILURE,\n REPORTS_COLLECT_PROJECT_GANTT_DATA_SUCCESS,\n} from './constants';\nimport { getProjectListQuery } from '../../projects/queries/getProjectListQuery';\n\nexport function collectProjectGanttData(accountId, queries, data) {\n const { roleSortOption, roleFilters, permissions } = data;\n const { query, variables } = getProjectListQuery(accountId, queries, MIN_FROM, MAX_SIZE, roleSortOption, roleFilters, permissions);\n\n return {\n type: REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN,\n accountId,\n query,\n variables,\n };\n}\n\nexport function dismissCollectProjectGanttDataError() {\n return {\n type: REPORTS_COLLECT_PROJECT_GANTT_DATA_DISMISS_ERROR,\n };\n}\n\nexport function* doCollectProjectGanttData(action) {\n const { accountId, query, variables } = action;\n\n try {\n yield all([\n doGetFilteredProjects({ query, variables }),\n doGetExpandedAllocations({ accountId }),\n doGetPeople({ accountId }),\n ]);\n } catch (err) {\n yield put({\n type: REPORTS_COLLECT_PROJECT_GANTT_DATA_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({ type: REPORTS_COLLECT_PROJECT_GANTT_DATA_SUCCESS });\n}\n\nexport function* watchCollectProjectGanttData() {\n yield takeLatest(REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN, doCollectProjectGanttData);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN:\n return {\n ...state,\n collectProjectGanttDataPending: true,\n collectProjectGanttDataError: null,\n };\n\n case REPORTS_COLLECT_PROJECT_GANTT_DATA_SUCCESS:\n return {\n ...state,\n collectProjectGanttDataPending: false,\n collectProjectGanttDataError: null,\n };\n\n case REPORTS_COLLECT_PROJECT_GANTT_DATA_FAILURE:\n return {\n ...state,\n collectProjectGanttDataPending: false,\n collectProjectGanttDataError: action.data.error,\n };\n\n case REPORTS_COLLECT_PROJECT_GANTT_DATA_DISMISS_ERROR:\n return {\n ...state,\n collectProjectGanttDataError: null,\n };\n\n default:\n return state;\n }\n}\n","export const EXCLUDE_PEOPLE_COLUMNS = ['Photo', 'Name', 'Title'];\nexport const EXCLUDE_PROJECTS_COLUMNS = ['Project Name', 'Status'];\n\nexport const PROJECT_TITLE = 'Project Report';\nexport const PEOPLE_TITLE = 'People Report';\nexport const REPORT_DEFAULT_PROJECT_TITLE = 'Project Gantt Report';\nexport const REPORT_DEFAULT_PEOPLE_TITLE = 'People Gantt Report';\nexport const REPORT_TITLE_MAX_LENGTH = 70;\n\nexport const TABLOID_PAPER = 'TABLOID_PAPER';\nexport const LETTER_PAPER = 'LETTER_PAPER';\n\nexport const LANDSCAPE = 'LANDSCAPE';\nexport const PORTRAIT = 'PORTRAIT';\n\nexport const MAX_LETTER_ROLE_COUNT = 10;\nexport const MAX_TABLOID_ROLE_COUNT = 40;\n\nexport const PEOPLE_LIST_PDF_REPORT = 'PEOPLE_LIST_PDF_REPORT';\nexport const PEOPLE_LIST_CSV_REPORT = 'PEOPLE_LIST_CSV_REPORT';\nexport const PROJECT_LIST_PDF_REPORT = 'PROJECT_LIST_PDF_REPORT';\nexport const PROJECT_LIST_CSV_REPORT = 'PROJECT_LIST_CSV_REPORT';\nexport const PROJECT_GANTT_PDF_REPORT = 'PROJECT_GANTT_PDF_REPORT';\nexport const PEOPLE_GANTT_PDF_REPORT = 'PEOPLE_GANTT_PDF_REPORT';\nexport const ROLE_SEGMENT_CSV_REPORT = 'ROLE_SEGMENT_CSV_REPORT';\n\nexport const LANDSCAPE_LETTER_PAPER_WIDTH = 1400;\nexport const PORTRAIT_LETTER_PAPER_WIDTH = 1110;\n\nexport const LANDSCAPE_TABLOID_PAPER_WIDTH = 1560;\nexport const PORTRAIT_TABLOID_PAPER_WIDTH = 1450;\n\nexport const STICKY_COLUMN_WIDTH = 200;\n\nexport const EMPTY_FIELD_CSV = '';\nexport const CSV_DATE_FORMAT = 'YYYY-MM-DD';\n\nexport const PROJECT_HEADER_MAP = {\n 'Start Date': 'Project Start Date',\n 'End Date': 'Project End Date',\n};\n\nexport const PROJECT_ROLES_COLUMN = 'Roles';\n\nexport const PROJECT_CSV_ALLOCATION_HEADERS = [\n 'Role',\n 'Role Note',\n 'Person Allocated',\n 'Allocation Start Date',\n 'Allocation End Date',\n 'Allocation %',\n];\n\nexport const REPORTS_GET_REPORT_PEOPLE_BEGIN = 'REPORTS_GET_REPORT_PEOPLE_BEGIN';\nexport const REPORTS_GET_REPORT_PEOPLE_SUCCESS = 'REPORTS_GET_REPORT_PEOPLE_SUCCESS';\nexport const REPORTS_GET_REPORT_PEOPLE_FAILURE = 'REPORTS_GET_REPORT_PEOPLE_FAILURE';\nexport const REPORTS_GET_REPORT_PEOPLE_DISMISS_ERROR = 'REPORTS_GET_REPORT_PEOPLE_DISMISS_ERROR';\nexport const REPORTS_CLEAR_REPORT_DATA = 'REPORTS_CLEAR_REPORT_DATA';\nexport const REPORTS_GET_REPORT_PROJECTS_BEGIN = 'REPORTS_GET_REPORT_PROJECTS_BEGIN';\nexport const REPORTS_GET_REPORT_PROJECTS_SUCCESS = 'REPORTS_GET_REPORT_PROJECTS_SUCCESS';\nexport const REPORTS_GET_REPORT_PROJECTS_FAILURE = 'REPORTS_GET_REPORT_PROJECTS_FAILURE';\nexport const REPORTS_GET_REPORT_PROJECTS_DISMISS_ERROR = 'REPORTS_GET_REPORT_PROJECTS_DISMISS_ERROR';\nexport const REPORTS_SET_REPORT = 'REPORTS_SET_REPORT';\nexport const REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN = 'REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN';\nexport const REPORTS_GET_PEOPLE_ALLOCATIONS_SUCCESS = 'REPORTS_GET_PEOPLE_ALLOCATIONS_SUCCESS';\nexport const REPORTS_GET_PEOPLE_ALLOCATIONS_FAILURE = 'REPORTS_GET_PEOPLE_ALLOCATIONS_FAILURE';\nexport const REPORTS_GET_PEOPLE_ALLOCATIONS_DISMISS_ERROR = 'REPORTS_GET_PEOPLE_ALLOCATIONS_DISMISS_ERROR';\nexport const REPORTS_SET_IMAGE_PRELOAD_PENDING = 'REPORTS_SET_IMAGE_PRELOAD_PENDING';\nexport const REPORTS_COLLECT_PEOPLE_DATA_BEGIN = 'REPORTS_COLLECT_PEOPLE_DATA_BEGIN';\nexport const REPORTS_COLLECT_PEOPLE_DATA_SUCCESS = 'REPORTS_COLLECT_PEOPLE_DATA_SUCCESS';\nexport const REPORTS_COLLECT_PEOPLE_DATA_FAILURE = 'REPORTS_COLLECT_PEOPLE_DATA_FAILURE';\nexport const REPORTS_COLLECT_PEOPLE_DATA_DISMISS_ERROR = 'REPORTS_COLLECT_PEOPLE_DATA_DISMISS_ERROR';\nexport const REPORTS_COLLECT_PROJECT_DATA_BEGIN = 'REPORTS_COLLECT_PROJECT_DATA_BEGIN';\nexport const REPORTS_COLLECT_PROJECT_DATA_SUCCESS = 'REPORTS_COLLECT_PROJECT_DATA_SUCCESS';\nexport const REPORTS_COLLECT_PROJECT_DATA_FAILURE = 'REPORTS_COLLECT_PROJECT_DATA_FAILURE';\nexport const REPORTS_COLLECT_PROJECT_DATA_DISMISS_ERROR = 'REPORTS_COLLECT_PROJECT_DATA_DISMISS_ERROR';\nexport const REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN = 'REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN';\nexport const REPORTS_GET_PROJECT_ALLOCATIONS_SUCCESS = 'REPORTS_GET_PROJECT_ALLOCATIONS_SUCCESS';\nexport const REPORTS_GET_PROJECT_ALLOCATIONS_FAILURE = 'REPORTS_GET_PROJECT_ALLOCATIONS_FAILURE';\nexport const REPORTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR = 'REPORTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR';\nexport const REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN = 'REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN';\nexport const REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_SUCCESS = 'REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_SUCCESS';\nexport const REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_FAILURE = 'REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_FAILURE';\nexport const REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_DISMISS_ERROR = 'REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_DISMISS_ERROR';\nexport const REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN = 'REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN';\nexport const REPORTS_GET_GANTT_REPORT_PEOPLE_SUCCESS = 'REPORTS_GET_GANTT_REPORT_PEOPLE_SUCCESS';\nexport const REPORTS_GET_GANTT_REPORT_PEOPLE_FAILURE = 'REPORTS_GET_GANTT_REPORT_PEOPLE_FAILURE';\nexport const REPORTS_GET_GANTT_REPORT_PEOPLE_DISMISS_ERROR = 'REPORTS_GET_GANTT_REPORT_PEOPLE_DISMISS_ERROR';\nexport const REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN = 'REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN';\nexport const REPORTS_GET_REPORT_ROLE_SEGMENTS_SUCCESS = 'REPORTS_GET_REPORT_ROLE_SEGMENTS_SUCCESS';\nexport const REPORTS_GET_REPORT_ROLE_SEGMENTS_FAILURE = 'REPORTS_GET_REPORT_ROLE_SEGMENTS_FAILURE';\nexport const REPORTS_GET_REPORT_ROLE_SEGMENTS_DISMISS_ERROR = 'REPORTS_GET_REPORT_ROLE_SEGMENTS_DISMISS_ERROR';\nexport const REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN = 'REPORTS_COLLECT_PROJECT_GANTT_DATA_BEGIN';\nexport const REPORTS_COLLECT_PROJECT_GANTT_DATA_SUCCESS = 'REPORTS_COLLECT_PROJECT_GANTT_DATA_SUCCESS';\nexport const REPORTS_COLLECT_PROJECT_GANTT_DATA_FAILURE = 'REPORTS_COLLECT_PROJECT_GANTT_DATA_FAILURE';\nexport const REPORTS_COLLECT_PROJECT_GANTT_DATA_DISMISS_ERROR = 'REPORTS_COLLECT_PROJECT_GANTT_DATA_DISMISS_ERROR';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN,\n REPORTS_GET_GANTT_REPORT_PEOPLE_SUCCESS,\n REPORTS_GET_GANTT_REPORT_PEOPLE_FAILURE,\n REPORTS_GET_GANTT_REPORT_PEOPLE_DISMISS_ERROR,\n} from './constants';\nimport { getPeopleListQuery } from '../../people/queries/getPeopleListQuery';\nimport { MAX_SIZE, MIN_FROM } from '../../../common/constants';\nimport GraphAPIClient from '../../../common/GraphAPIClient';\n\nexport function getGanttReportPeople(accountId, queries, startDate) {\n const { query, variables } = getPeopleListQuery(accountId, queries, MIN_FROM, MAX_SIZE, 'Active', startDate);\n\n return {\n type: REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetGanttReportPeopleError() {\n return {\n type: REPORTS_GET_GANTT_REPORT_PEOPLE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetGanttReportPeople(action) {\n const { query, variables } = action;\n let res;\n try {\n res = yield call(GraphAPIClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: REPORTS_GET_GANTT_REPORT_PEOPLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_GANTT_REPORT_PEOPLE_SUCCESS,\n data: res?.data?.people?.items,\n });\n}\n\nexport function* watchGetGanttReportPeople() {\n yield takeLatest(REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN, doGetGanttReportPeople);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_GANTT_REPORT_PEOPLE_BEGIN:\n return {\n ...state,\n getGanttReportPeoplePending: true,\n getGanttReportPeopleError: null,\n };\n\n case REPORTS_GET_GANTT_REPORT_PEOPLE_SUCCESS: {\n const { data } = action;\n\n return {\n ...state,\n ganttReportPeople: data,\n getGanttReportPeoplePending: false,\n getGanttReportPeopleError: null,\n };\n }\n\n case REPORTS_GET_GANTT_REPORT_PEOPLE_FAILURE:\n return {\n ...state,\n getGanttReportPeoplePending: false,\n getGanttReportPeopleError: action.data.error,\n };\n\n case REPORTS_GET_GANTT_REPORT_PEOPLE_DISMISS_ERROR:\n return {\n ...state,\n getGanttReportPeopleError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { protectedJsonGet } from '../../../utils/api';\nimport {\n REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN,\n REPORTS_GET_PEOPLE_ALLOCATIONS_SUCCESS,\n REPORTS_GET_PEOPLE_ALLOCATIONS_FAILURE,\n REPORTS_GET_PEOPLE_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\n\nexport function getPeopleAllocations(accountId) {\n return {\n type: REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetPeopleAllocationsError() {\n return {\n type: REPORTS_GET_PEOPLE_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPeopleAllocations(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/person-allocations`);\n } catch (err) {\n yield put({\n type: REPORTS_GET_PEOPLE_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_PEOPLE_ALLOCATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetPeopleAllocations() {\n yield takeLatest(REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN, doGetPeopleAllocations);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_PEOPLE_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPeopleAllocationsPending: true,\n getPeopleAllocationsError: null,\n };\n\n case REPORTS_GET_PEOPLE_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n peopleAllocations: action.data,\n getPeopleAllocationsPending: false,\n getPeopleAllocationsError: null,\n };\n\n case REPORTS_GET_PEOPLE_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPeopleAllocationsPending: false,\n getPeopleAllocationsError: action.data.error,\n };\n\n case REPORTS_GET_PEOPLE_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPeopleAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN,\n REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_SUCCESS,\n REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_FAILURE,\n REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\nimport { DEFAULT_PROJECT_ALLOCATION_STATES } from '../../projects/constants';\n\nexport function getPeopleGanttAllocations(accountId, start, end) {\n return {\n type: REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN,\n accountId,\n start,\n end,\n };\n}\n\nexport function dismissGetPeopleGanttAllocationsError() {\n return {\n type: REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetPeopleGanttAllocations(action) {\n const { accountId, start, end } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/allocations`, { start, end, projectState: DEFAULT_PROJECT_ALLOCATION_STATES });\n } catch (err) {\n yield put({\n type: REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetPeopleGanttAllocations() {\n yield takeLatest(REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN, doGetPeopleGanttAllocations);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getPeopleGanttAllocationsPending: true,\n getPeopleGanttAllocationsError: null,\n };\n\n case REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n peopleGanttAllocations: action.data,\n getPeopleGanttAllocationsPending: false,\n getPeopleGanttAllocationsError: null,\n };\n\n case REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getPeopleGanttAllocationsPending: false,\n getPeopleGanttAllocationsError: action.data.error,\n };\n\n case REPORTS_GET_PEOPLE_GANTT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getPeopleGanttAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN,\n REPORTS_GET_PROJECT_ALLOCATIONS_SUCCESS,\n REPORTS_GET_PROJECT_ALLOCATIONS_FAILURE,\n REPORTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getProjectAllocations(accountId) {\n return {\n type: REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN,\n accountId,\n };\n}\n\nexport function dismissGetProjectAllocationsError() {\n return {\n type: REPORTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetProjectAllocations(action) {\n const { accountId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/project-allocations`, { allocationState: 'all', personstate: 'all', limit: 5000 });\n } catch (err) {\n yield put({\n type: REPORTS_GET_PROJECT_ALLOCATIONS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_PROJECT_ALLOCATIONS_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetProjectAllocations() {\n yield takeLatest(REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN, doGetProjectAllocations);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_PROJECT_ALLOCATIONS_BEGIN:\n return {\n ...state,\n getProjectAllocationsPending: true,\n getProjectAllocationsError: null,\n };\n\n case REPORTS_GET_PROJECT_ALLOCATIONS_SUCCESS:\n return {\n ...state,\n projectAllocations: action.data,\n getProjectAllocationsPending: false,\n getProjectAllocationsError: null,\n };\n\n case REPORTS_GET_PROJECT_ALLOCATIONS_FAILURE:\n return {\n ...state,\n getProjectAllocationsPending: false,\n getProjectAllocationsError: action.data.error,\n };\n\n case REPORTS_GET_PROJECT_ALLOCATIONS_DISMISS_ERROR:\n return {\n ...state,\n getProjectAllocationsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport { collateFieldValues } from 'src/filters/graphqlUtils';\nimport { getPeopleListQuery } from 'src/features/people/queries/getPeopleListQuery';\nimport { NO_AVAILABILITY, FULL_AVAILABILITY } from 'src/filters/constants';\nimport {\n REPORTS_GET_REPORT_PEOPLE_BEGIN,\n REPORTS_GET_REPORT_PEOPLE_SUCCESS,\n REPORTS_GET_REPORT_PEOPLE_FAILURE,\n REPORTS_GET_REPORT_PEOPLE_DISMISS_ERROR,\n PEOPLE_LIST_PDF_REPORT,\n CSV_DATE_FORMAT,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { MIN_FROM, MAX_SIZE, DATE_DISPLAY_FORMAT } from '../../../common/constants';\nimport initialState from './initialState';\n\nexport function getReportPeople(accountId, queries) {\n const { query, variables } = getPeopleListQuery(accountId, queries, MIN_FROM, MAX_SIZE);\n return {\n type: REPORTS_GET_REPORT_PEOPLE_BEGIN,\n query,\n variables,\n accountId,\n };\n}\n\nexport function dismissGetReportPeopleError() {\n return {\n type: REPORTS_GET_REPORT_PEOPLE_DISMISS_ERROR,\n };\n}\n\nexport function* doGetReportPeople(action) {\n const { query, variables, settings } = action;\n const reportType = settings?.type;\n let peopleResponse;\n\n try {\n peopleResponse = yield call(graphApiClient.query, { query, variables });\n const { errors } = peopleResponse;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: REPORTS_GET_REPORT_PEOPLE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_REPORT_PEOPLE_SUCCESS,\n people: peopleResponse.data.people,\n reportType,\n });\n}\n\nexport function* watchGetReportPeople() {\n yield takeLatest(REPORTS_GET_REPORT_PEOPLE_BEGIN, doGetReportPeople);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_REPORT_PEOPLE_BEGIN:\n return {\n ...state,\n getReportPeoplePending: true,\n getReportPeopleError: null,\n };\n\n case REPORTS_GET_REPORT_PEOPLE_SUCCESS: {\n const { people, reportType } = action;\n const collatedPeople = collateFieldValues(people.items) || [];\n\n const generateAvailabilityText = (availableUntilDate, person) => {\n const formattedDate = reportType === PEOPLE_LIST_PDF_REPORT\n ? availableUntilDate.format(DATE_DISPLAY_FORMAT)\n : availableUntilDate.format(CSV_DATE_FORMAT);\n return `${person.percentAvailableToday}%, ${formattedDate}`;\n };\n\n collatedPeople.forEach((person, index) => {\n if ('availableInDays' in person\n && 'availableFor' in person\n && 'percentAvailableToday' in person) {\n if (person.availableInDays === NO_AVAILABILITY) {\n collatedPeople[index].nextAvailability = 'No availability';\n } else if (person.availableFor === FULL_AVAILABILITY) {\n collatedPeople[index].nextAvailability = '100% -';\n } else if (person.availableInDays === 0) {\n const availableUntilDate = moment().add(person.availableFor, 'days');\n collatedPeople[index].nextAvailability = generateAvailabilityText(availableUntilDate, person);\n } else {\n const availableUntilDate = moment().add(person.availableInDays - 1, 'days');\n collatedPeople[index].nextAvailability = generateAvailabilityText(availableUntilDate, person);\n }\n }\n });\n\n return {\n ...state,\n people: collatedPeople,\n getReportPeoplePending: false,\n getReportPeopleError: null,\n };\n }\n\n case REPORTS_GET_REPORT_PEOPLE_FAILURE: {\n return {\n ...initialState,\n getReportPeoplePending: false,\n getReportPeopleError: action.data.error,\n };\n }\n\n case REPORTS_GET_REPORT_PEOPLE_DISMISS_ERROR: {\n return {\n ...initialState,\n getReportPeopleError: null,\n showReport: false,\n };\n }\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n REPORTS_GET_REPORT_PROJECTS_BEGIN,\n REPORTS_GET_REPORT_PROJECTS_SUCCESS,\n REPORTS_GET_REPORT_PROJECTS_FAILURE,\n REPORTS_GET_REPORT_PROJECTS_DISMISS_ERROR,\n} from './constants';\nimport { getProjectListQuery } from '../../projects/queries/getProjectListQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { collateFieldValues } from '../../../filters/graphqlUtils';\nimport { MIN_FROM, MAX_SIZE } from '../../../common/constants';\nimport initialState from './initialState';\n\nexport function getReportProjects(accountId, queries, roleSortOption) {\n const { query, variables } = getProjectListQuery(accountId, queries, MIN_FROM, MAX_SIZE, roleSortOption);\n return {\n type: REPORTS_GET_REPORT_PROJECTS_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetReportProjectsError() {\n return {\n type: REPORTS_GET_REPORT_PROJECTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetReportProjects(action) {\n const { query, variables } = action;\n let response;\n try {\n response = yield call(graphApiClient.query, { query, variables });\n const { errors } = response;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: REPORTS_GET_REPORT_PROJECTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_REPORT_PROJECTS_SUCCESS,\n data: response.data,\n });\n}\n\nexport function* watchGetReportProjects() {\n yield takeLatest(REPORTS_GET_REPORT_PROJECTS_BEGIN, doGetReportProjects);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_REPORT_PROJECTS_BEGIN:\n return {\n ...state,\n getReportProjectsPending: true,\n getReportProjectsError: null,\n };\n\n case REPORTS_GET_REPORT_PROJECTS_SUCCESS: {\n const { data } = action;\n const { projects: { items } } = data;\n\n return {\n ...state,\n projects: collateFieldValues(items),\n getReportProjectsPending: false,\n getReportProjectsError: null,\n };\n }\n\n case REPORTS_GET_REPORT_PROJECTS_FAILURE:\n return {\n ...initialState,\n getReportProjectsPending: false,\n getReportProjectsError: action.data.error,\n };\n\n case REPORTS_GET_REPORT_PROJECTS_DISMISS_ERROR:\n return {\n ...initialState,\n getReportProjectsError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { MAX_SIZE } from '../../../common/constants';\nimport graphAPIClient from '../../../common/GraphAPIClient';\nimport { getFilteredRolesQuery } from '../../roles/queries/getFilteredRolesQuery';\nimport { parseRoleSegment } from '../../roles/utils/adaptors';\nimport {\n REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN,\n REPORTS_GET_REPORT_ROLE_SEGMENTS_DISMISS_ERROR,\n REPORTS_GET_REPORT_ROLE_SEGMENTS_FAILURE,\n REPORTS_GET_REPORT_ROLE_SEGMENTS_SUCCESS,\n} from './constants';\n\nexport function getReportRoleSegments(accountId, projectQueries, timeframeFilter, settings, sortQuery) {\n const { query, variables } = getFilteredRolesQuery(accountId, projectQueries, timeframeFilter, sortQuery, 0, MAX_SIZE);\n\n return {\n type: REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN,\n query,\n variables,\n settings,\n };\n}\n\nexport function dismissGetReportRoleSegmentsError() {\n return {\n type: REPORTS_GET_REPORT_ROLE_SEGMENTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetReportRoleSegments(action) {\n const { query, variables, settings } = action;\n let res;\n\n try {\n res = yield call(graphAPIClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: REPORTS_GET_REPORT_ROLE_SEGMENTS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: REPORTS_GET_REPORT_ROLE_SEGMENTS_SUCCESS,\n data: res.data,\n settings,\n });\n}\n\nexport function* watchGetReportRoleSegments() {\n yield takeLatest(REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN, doGetReportRoleSegments);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_GET_REPORT_ROLE_SEGMENTS_BEGIN:\n return {\n ...state,\n getReportRoleSegmentsPending: true,\n getReportRoleSegmentsError: null,\n };\n\n case REPORTS_GET_REPORT_ROLE_SEGMENTS_SUCCESS: {\n const { settings, data } = action;\n const { type } = settings;\n\n return {\n ...state,\n showReport: true,\n type,\n settings,\n roleSegments: data?.roleSegments?.items?.map(parseRoleSegment) || [],\n getReportRoleSegmentsPending: false,\n getReportRoleSegmentsError: null,\n };\n }\n\n case REPORTS_GET_REPORT_ROLE_SEGMENTS_FAILURE:\n return {\n ...state,\n getReportRoleSegmentsPending: false,\n getReportRoleSegmentsError: action.data.error,\n };\n\n case REPORTS_GET_REPORT_ROLE_SEGMENTS_DISMISS_ERROR:\n return {\n ...state,\n getReportRoleSegmentsError: null,\n };\n\n default:\n return state;\n }\n}\n","const initialState = {\n people: [],\n ganttReportPeople: [],\n projects: [],\n peopleAllocations: [],\n peopleGanttAllocations: [],\n roleSegments: [],\n showReport: false,\n settings: {},\n type: null,\n imagePreloadPending: false,\n getReportPeoplePending: false,\n getReportPeopleError: null,\n getReportProjectsPending: false,\n getReportProjectsError: null,\n getPeopleAllocationsPending: false,\n getPeopleAllocationsError: null,\n collectPeopleDataPending: false,\n collectPeopleDataError: null,\n collectProjectDataPending: false,\n collectProjectDataError: null,\n getProjectAllocationsPending: false,\n getProjectAllocationsError: null,\n getPeopleGanttAllocationsPending: false,\n getPeopleGanttAllocationsError: null,\n getGanttReportPeoplePending: false,\n getGanttReportPeopleError: null,\n getReportRoleSegmentsPending: false,\n getReportRoleSegmentsError: null,\n collectProjectGanttDataPending: false,\n collectProjectGanttDataError: null,\n};\n\nexport default initialState;\n","import {\n REPORTS_SET_IMAGE_PRELOAD_PENDING,\n} from './constants';\n\nexport function setImagePreloadPending(imagePreloadPending) {\n return {\n type: REPORTS_SET_IMAGE_PRELOAD_PENDING,\n imagePreloadPending,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_SET_IMAGE_PRELOAD_PENDING: {\n const { imagePreloadPending } = action;\n return {\n ...state,\n imagePreloadPending,\n };\n }\n\n default:\n return state;\n }\n}\n","import {\n REPORTS_SET_REPORT,\n} from './constants';\n\nexport function setReport(showReport) {\n return {\n type: REPORTS_SET_REPORT,\n showReport,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case REPORTS_SET_REPORT: {\n const { showReport } = action;\n return {\n ...state,\n showReport,\n };\n }\n\n default:\n return state;\n }\n}\n","import moment from 'moment';\nimport pluralize from 'pluralize';\nimport { detect } from 'detect-browser';\nimport { stitchSegmentsByRange } from 'src/utils/dateSegmentUtils';\nimport { LOST, CANCELED } from 'src/features/projects/constants';\nimport {\n PEOPLE_DISPLAY_NEXT_PROJECT,\n PEOPLE_DISPLAY_NEXT_PROJECT_START,\n PEOPLE_DISPLAY_CURRENT_PROJECT_END,\n PEOPLE_DISPLAY_PURSUIT_PROJECTS,\n PEOPLE_DISPLAY_AVAILABILITY_UNTIL,\n PEOPLE_DISPLAY_CURRENT_PROJECT,\n PEOPLE_DISPLAY_NAME,\n PEOPLE_DISPLAY_TITLE,\n PEOPLE_DISPLAY_EMAIL,\n PEOPLE_DISPLAY_ISSUES,\n PEOPLE_DISPLAY_HIRE_DATE,\n PEOPLE_DISPLAY_TERMINATION_DATE,\n PEOPLE_DISPLAY_CERTIFICATIONS,\n} from '../../people/constants';\nimport {\n EMPTY_FIELD_CSV,\n CSV_DATE_FORMAT,\n PROJECT_ROLES_COLUMN,\n TABLOID_PAPER,\n LANDSCAPE_TABLOID_PAPER_WIDTH,\n LANDSCAPE_LETTER_PAPER_WIDTH,\n} from '../redux/constants';\nimport { DATE_DISPLAY_FORMAT, EMPTY_FIELD_VALUE } from '../../../common/constants';\nimport { formatDollarValue, formatPhoneNumber } from '../../../utils/formatters';\nimport deactivatedAvatar from '../../../images/deactivated_avatar.svg?url';\nimport emptyAvatar from '../../../images/empty_avatar.svg?url';\nimport { FILLED_ROLES, UNFILLED_ROLES } from '../../../filters/constants';\nimport { getEntityState, isPast, getFormattedDate } from '../../../utils/dateUtils';\nimport { sortAlphabetically } from '../../../utils/sortUtils';\nimport { ROLE_SCHEMA } from '../../../common/descriptors/role';\n\nfunction sanitizeCSVString(string) {\n return string.replace(/\"/g, '');\n}\n\nexport function getPersonValue(column, person) {\n switch (column.name) {\n case PEOPLE_DISPLAY_EMAIL:\n return person.email || EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_ISSUES:\n return person.hasConflict ? 'Yes' : 'No';\n\n case PEOPLE_DISPLAY_CURRENT_PROJECT:\n return person.currentProjects?.length\n ? person.currentProjects.map(project => project.name).join(', ')\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_CURRENT_PROJECT_END:\n return person.currentAllocations?.length\n ? person.currentAllocations.map(allocation => getFormattedDate(allocation.endDate)).join(', ')\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_NEXT_PROJECT:\n return person.nextAllocations?.length\n ? person.nextAllocations.map(allocation => allocation.projectName).join(', ')\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_NEXT_PROJECT_START:\n return person.nextAllocations?.length\n ? person.nextAllocations.map(allocation => getFormattedDate(allocation.startDate)).join(', ')\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_PURSUIT_PROJECTS:\n return person.pursuitProjects?.length\n ? person.pursuitProjects.map(project => project.projectName).join(', ')\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_AVAILABILITY_UNTIL:\n return person.nextAvailability || EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_CERTIFICATIONS: {\n if (!person.certifications?.length) return EMPTY_FIELD_VALUE;\n const sortedPersonCertifications = sortAlphabetically(person.certifications, true, 'name');\n\n return sortedPersonCertifications.map(({ expiryDate, name }) => {\n if (!expiryDate) return name;\n return isPast(expiryDate)\n ? `${name} • expired`\n : `${name} • expiring ${getFormattedDate(expiryDate)}`;\n }).join(', ');\n }\n case PEOPLE_DISPLAY_HIRE_DATE:\n return person?.employmentDates?.startDate\n ? getFormattedDate(person.employmentDates.startDate)\n : EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_TERMINATION_DATE:\n return person?.employmentDates?.endDate\n ? getFormattedDate(person.employmentDates.endDate)\n : EMPTY_FIELD_VALUE;\n\n default:\n return null;\n }\n}\n\nexport function getProjectValue(column, project) {\n switch (column.name) {\n case 'Start Date':\n return project.startDate ? getFormattedDate(project.startDate) : EMPTY_FIELD_VALUE;\n\n case 'End Date':\n return project.endDate ? getFormattedDate(project.endDate) : EMPTY_FIELD_VALUE;\n\n case 'Issues':\n return project.hasIssues ? 'Yes' : 'No';\n\n case 'Active Phase':\n // No active phases shown for Lost or Canceled projects (Pursuits)\n return [LOST, CANCELED].includes(project.state) ?\n EMPTY_FIELD_CSV\n : project.currentPhases.map((phase) => {\n const { name, subPhases } = phase;\n return subPhases.length\n ? subPhases.map(subPhase => `(${name} / ${subPhase}) `)\n : `(${name}) `;\n });\n\n case 'Roles':\n return project.totalRoles === 0 ? 'None defined' : `${pluralize('Roles', project.unfilledRoles, true)} unfilled`;\n\n case 'Type':\n return project.type || EMPTY_FIELD_VALUE;\n\n default:\n return null;\n }\n}\n\nexport function getFieldValue(column, person) {\n const field = person.fields.find(field => field.name === column.name);\n const hasValue = field && field.values && field.values.length > 0;\n\n switch (column.type) {\n case 'Date':\n return hasValue ? getFormattedDate(field.values[0]) : EMPTY_FIELD_VALUE;\n\n case 'PhoneNumber':\n return hasValue ? formatPhoneNumber(field.values[0]) : EMPTY_FIELD_VALUE;\n\n case 'Currency':\n return hasValue ? formatDollarValue(field.values[0]) : EMPTY_FIELD_VALUE;\n\n case 'Boolean':\n return hasValue && field.values[0] === 'true' ? 'True' : 'False';\n\n case 'MultiSelect':\n return hasValue ? field.values.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).join(', ') : EMPTY_FIELD_VALUE;\n\n default:\n return hasValue ? field.values[0] : EMPTY_FIELD_VALUE;\n }\n}\n\nexport function printReport() {\n const browser = detect();\n try {\n if (browser && browser.name.toLowerCase() === 'safari') {\n setTimeout(() => document.execCommand('print', false, null), 0);\n } else {\n setTimeout(() => window.print(), 0);\n }\n } catch (e) {\n setTimeout(() => window.print(), 0);\n }\n}\n\nexport function preloadImage(image, callback) {\n const logoImg = new Image();\n logoImg.src = image;\n\n if (logoImg.complete) {\n callback();\n } else {\n logoImg.addEventListener('load', callback);\n }\n}\n\nexport const resolveImage = path => new Promise((resolve) => {\n const img = new Image();\n img.onload = () => resolve();\n img.onerror = () => resolve();\n\n img.src = path;\n});\n\n\nfunction getCSVPersonValue(column, person) {\n switch (column.name) {\n case PEOPLE_DISPLAY_NAME:\n return sanitizeCSVString(person.name) || EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_TITLE:\n return sanitizeCSVString(person.title) || EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_EMAIL:\n return sanitizeCSVString(person.email) || EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_ISSUES:\n return person.hasConflict ? 'TRUE' : 'FALSE';\n\n case PEOPLE_DISPLAY_CURRENT_PROJECT:\n return person.currentProjects?.length\n ? sanitizeCSVString(person.currentProjects.map(project => project.name).join(', '))\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_CURRENT_PROJECT_END:\n return person.currentAllocations?.length\n ? sanitizeCSVString(person.currentAllocations.map(allocation => allocation.endDate).join(', '))\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_NEXT_PROJECT:\n return person.nextAllocations?.length\n ? sanitizeCSVString(person.nextAllocations.map(allocation => allocation.projectName).join(', '))\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_NEXT_PROJECT_START:\n return person.nextAllocations?.length\n ? sanitizeCSVString(person.nextAllocations.map(allocation => allocation.startDate).join(', '))\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_PURSUIT_PROJECTS:\n return person.pursuitProjects?.length\n ? sanitizeCSVString(person.pursuitProjects.map(project => project.projectName).join(', '))\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_AVAILABILITY_UNTIL:\n return person.nextAvailability || EMPTY_FIELD_VALUE;\n\n case PEOPLE_DISPLAY_HIRE_DATE:\n return person?.employmentDates?.startDate\n ? moment(person.employmentDates.startDate).format(CSV_DATE_FORMAT)\n : EMPTY_FIELD_CSV;\n\n case PEOPLE_DISPLAY_TERMINATION_DATE:\n return person?.employmentDates?.endDate\n ? moment(person.employmentDates.endDate).format(CSV_DATE_FORMAT)\n : EMPTY_FIELD_CSV;\n\n default:\n return null;\n }\n}\n\nfunction getCSVFieldValue(column, person) {\n const field = person.fields.find(field => field.name === column.name);\n const hasValue = field && field.values && field.values.length > 0;\n\n switch (column.type) {\n case 'Date':\n return hasValue ? moment(field.values[0]).format(CSV_DATE_FORMAT) : EMPTY_FIELD_CSV;\n\n case 'PhoneNumber':\n return hasValue ? formatPhoneNumber(field.values[0]) : EMPTY_FIELD_CSV;\n\n case 'Currency':\n return hasValue ? formatDollarValue(field.values[0], { includeSymbol: false }) : EMPTY_FIELD_CSV;\n\n case 'Boolean': {\n const isValueTrue = field?.values?.[0]?.toLowerCase() === 'true';\n return hasValue && isValueTrue ? 'TRUE' : 'FALSE';\n }\n\n case 'MultiSelect':\n return hasValue ? sanitizeCSVString(field.values.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).join(', ')) : EMPTY_FIELD_CSV;\n\n default:\n return hasValue ? sanitizeCSVString(field.values[0]) : EMPTY_FIELD_CSV;\n }\n}\n\nfunction getCSVCertificationValue(certificationColumn, person) {\n const { id } = certificationColumn;\n const certification = person.certifications?.find(cert => cert.id === id);\n\n if (!certification) return null;\n return certification.expiryDate ?? 'Certified, no expiration';\n}\n\nexport function generatePeopleCSV(columns, people, certificationColumns) {\n return people.map((person) => {\n const row = columns.map((column) => {\n let fieldValue = getCSVPersonValue(column, person);\n\n // check for null in case the value is empty or false\n if (fieldValue === null) {\n fieldValue = getCSVFieldValue(column, person);\n }\n\n return fieldValue;\n });\n row.push(...certificationColumns.map(column => getCSVCertificationValue(column, person)));\n return row;\n });\n}\n\nfunction getCSVProjectValue(column, project) {\n switch (column.name) {\n case 'Project Name':\n return project.name || EMPTY_FIELD_CSV;\n\n case 'Status':\n return project.state || EMPTY_FIELD_CSV;\n\n case 'Start Date':\n return project.startDate ? moment(project.startDate).format(CSV_DATE_FORMAT) : EMPTY_FIELD_CSV;\n\n case 'End Date':\n return project.endDate ? moment(project.endDate).format(CSV_DATE_FORMAT) : EMPTY_FIELD_CSV;\n\n case 'Issues':\n return project.hasIssues ? 'TRUE' : 'FALSE';\n\n case 'Active Phase':\n // No active phases shown for Lost or Canceled projects (Pursuits)\n return [LOST, CANCELED].includes(project.state) ?\n EMPTY_FIELD_CSV\n : project.currentPhases.map((phase) => {\n const { name, subPhases } = phase;\n return subPhases.length\n ? subPhases.map(subPhase => `${name} / ${subPhase}`).join(', ')\n : name;\n }).join(', ');\n\n case 'Roles':\n return project.totalRoles === 0 ? 'None defined' : `${pluralize('Roles', project.unfilledRoles, true)} unfilled`;\n\n case 'Type':\n return project.type || EMPTY_FIELD_CSV;\n\n default:\n return null;\n }\n}\n\nconst getCSVRoleSegmentValue = (column, roleSegment) => {\n switch (column) {\n case ROLE_SCHEMA.startDate:\n case ROLE_SCHEMA.endDate:\n return roleSegment[column] ? moment(roleSegment[column]).format(CSV_DATE_FORMAT) : EMPTY_FIELD_CSV;\n\n default:\n return roleSegment[column];\n }\n};\n\nexport const generateRoleSegmentCSV = (columns, roleSegments) => (\n roleSegments.map(roleSegment => (\n columns.map(({ schemaName }) => (\n getCSVRoleSegmentValue(schemaName, roleSegment)\n ))\n ))\n);\n\nconst getFieldValues = (columns, project, includeAllocations) => (\n columns.reduce((valueList, column) => {\n if (includeAllocations && column.name === PROJECT_ROLES_COLUMN) return valueList;\n\n const fieldValue = getCSVProjectValue(column, project) ?? getCSVFieldValue(column, project);\n\n valueList.push(fieldValue);\n return valueList;\n }, [])\n);\n\nexport function generateProjectCSV(columns, projects) {\n return projects.map(project => getFieldValues(columns, project));\n}\n\nexport function generateProjectAllocationsCSV(columns, projects, allProjectAllocations) {\n const rows = [];\n\n projects.forEach((project) => {\n const rowValues = getFieldValues(columns, project, true);\n const projectAllocations = allProjectAllocations.find(({ projectId }) => projectId === project.id);\n\n project?.roles?.forEach((role) => {\n const isCustom = role.requirements?.length > 1;\n const percentText = isCustom ? 'Custom' : role.requirements[0].allocatedPercent;\n\n const projectRole = projectAllocations?.roles?.find(({ roleId }) => roleId === role.id);\n const zeroPercent = role.requirements?.filter(req => req?.allocatedPercent === 0) || [];\n\n const combinedRanges = stitchSegmentsByRange([\n { startDate: role.startDate, endDate: role.endDate },\n ...role.allocations,\n ...zeroPercent,\n ]);\n\n combinedRanges.forEach((range) => {\n const { personId, startDate, endDate, allocatedPercent } = range;\n\n if (allocatedPercent !== 0) {\n const formattedStartDate = getFormattedDate(startDate);\n const formattedEndDate = getFormattedDate(endDate);\n let personName;\n\n if (personId) {\n const personAllocation = projectRole?.allocations?.find(alloc => alloc.personId === personId);\n personName = personAllocation?.name || '';\n } else {\n personName = 'Unfilled';\n }\n\n rows.push([...rowValues, role.name, role.note, personName, formattedStartDate, formattedEndDate, percentText]);\n }\n });\n });\n });\n\n return rows;\n}\n\nfunction getPercentageLabel(allocations) {\n const isCustom = allocations.some(alloc => alloc.allocatedPercent !== allocations[0].allocatedPercent);\n return isCustom ? 'Custom' : `${allocations[0].allocatedPercent}%`;\n}\n\nfunction populateSegmentByRole(role, segments, people) {\n const filteredSegments = segments.filter(segment => segment.allocatedPercent !== 0);\n\n return filteredSegments.map((segment, idx) => {\n const startDate = moment.utc(segment.startDate);\n const endDate = moment.utc(segment.endDate);\n\n const populatedSegment = {\n id: `${role.id}-${idx}`,\n startDate,\n endDate,\n startDateFormatted: startDate.format(DATE_DISPLAY_FORMAT),\n endDateFormatted: endDate.format(DATE_DISPLAY_FORMAT),\n roleName: role.name,\n roleNote: role.note,\n state: segment.allocationState || getEntityState(startDate, endDate),\n };\n\n if (segment.personId) {\n if (segment.state === 'Deactivated') {\n populatedSegment.personName = segment.name;\n populatedSegment.photoUrl = deactivatedAvatar;\n } else {\n const person = people.find(p => p.id === segment.personId) || {};\n populatedSegment.personName = person.name;\n populatedSegment.photoUrl = person.photoUrl || emptyAvatar;\n }\n\n populatedSegment.hasConflict = segment.hasConflict;\n populatedSegment.isUnfilled = false;\n populatedSegment.allocatedPercent = getPercentageLabel(role.requirements);\n } else {\n populatedSegment.personName = 'Unfilled';\n populatedSegment.isUnfilled = true;\n }\n\n return populatedSegment;\n });\n}\n\nexport function parseRoleFilters(roleFilters) {\n if (!roleFilters) return {};\n\n const nameFilters = [];\n let hasFilledFilter = false;\n let hasUnfilledFilter = false;\n\n roleFilters.forEach((filter) => {\n const { id, name, value } = filter;\n\n if (id) {\n nameFilters.push(name);\n } else if (value === FILLED_ROLES) {\n hasFilledFilter = true;\n } else if (value === UNFILLED_ROLES) {\n hasUnfilledFilter = true;\n }\n });\n\n return {\n nameFilters,\n hasFilledFilter,\n hasUnfilledFilter,\n };\n}\n\nexport function parseRoles(roles, roleAllocations, people) {\n if (!roles) {\n return [];\n }\n\n const parsedRoles = roles.map((role) => {\n const zeroPercent = role.requirements?.filter(req => req?.allocatedPercent === 0) || [];\n const allocations = roleAllocations.find(r => r.roleId === role.id)?.allocations || [];\n\n const segments = stitchSegmentsByRange([\n { startDate: role.startDate, endDate: role.endDate },\n ...allocations,\n ...zeroPercent,\n ]);\n\n return populateSegmentByRole(role, segments, people);\n });\n\n return [].concat(...parsedRoles);\n}\n\nconst printHandler = () => {\n const browser = detect();\n try {\n if (browser && browser.name.toLowerCase() === 'safari') {\n setTimeout(() => document.execCommand('print', false, null), 0);\n } else {\n setTimeout(() => window.print(), 0);\n }\n } catch (e) {\n setTimeout(() => window.print(), 0);\n }\n};\n\nconst getPaperWidth = (paperSize) => {\n if (paperSize === TABLOID_PAPER) {\n return LANDSCAPE_TABLOID_PAPER_WIDTH;\n }\n return LANDSCAPE_LETTER_PAPER_WIDTH;\n};\n\nexport { printHandler, getPaperWidth };\n","export const activeModal = state => state.modalManager.activeModal;\n","import React, { useMemo, useCallback, useRef, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport classNames from 'classnames';\nimport pluralize from 'pluralize';\nimport { Beta, Page, Button, Loader, IconButton } from '@bridgit/foundation';\nimport { useMediaQuery, FormControl, Link, Select, MenuItem, InputBase, Typography } from '@material-ui/core';\nimport {\n ArrowForward,\n GetApp as DownloadIcon,\n} from '@material-ui/icons';\nimport { Link as RouterLink } from 'react-router-dom';\nimport {\n ROLE_SEGMENT_VIEW,\n VIEWS,\n ACCOUNT_MODULE_PURSUIT_TRACKING,\n PAGE_NAMES,\n STORAGE_KEYS_BY_VIEW,\n} from '../../common/constants';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { ROLE_DESCRIPTOR, ROLE_SCHEMA } from '../../common/descriptors/role';\nimport { ROLE_SEGMENT_CSV_REPORT } from '../reports/redux/constants';\nimport allRolesFilled from '../../images/tada.svg?url';\nimport { getRoleNames, getProjectFields, getPhases } from '../account-settings/redux/actions';\nimport { getReportRoleSegments } from '../reports/redux/actions';\nimport {\n LoadableMomentDate,\n ProjectLinkToModalContainer,\n TabbedPageHeader,\n} from '../common';\nimport { trackAnalytics, setActiveView } from '../common/redux/actions';\nimport { getPeople } from '../people/redux/actions';\nimport {\n FEEDBACK_URL,\n ALL_MONTHS,\n TIMEFRAME_MENU_ITEMS,\n EMPTY_STATE_ALL_FILLED,\n} from './constants';\nimport { FILTERED_UNFILLED_ROLES_QUERY_ID } from '../queries/redux/constants';\nimport { ErrorBoundary } from '../errors';\nimport { Table, SortableTableCell, ChipBowl } from '../table';\nimport { FilterMenu } from '../filters';\nimport { setDescriptors } from '../table/redux/actions';\nimport { useProjectFilter } from '../filters/utils/useFilters';\nimport { getMappedFilters } from '../filters/utils/filterUtils';\nimport {\n EXCLUDED_UNFILLED_ROLES_PROJECT_HEADER_FILTERS,\n PRIORITY_PROJECT_FILTERS,\n PROJECT_FILTER_TYPE,\n} from '../filters/common/constants';\nimport { AUTOMATION_PROJECT_FILTER_MENU_BUTTON } from '../filters/ids';\nimport useRememberedFilters from '../filters/utils/useRememberedFilters';\nimport { activeModal as getActiveModal } from '../modal-manager/redux/selectors';\nimport useRolesFilter from './utils/useRolesFilter';\nimport {\n rolesCount,\n rolesHaveMore,\n rolesLoading as getRolesLoading,\n rolesLoadingError as getRolesLoadingError,\n rolesPageFrom,\n rolesPageLoading,\n rolesUnfilledSegments,\n} from './redux/selectors';\nimport { AvailablePeople } from '.';\nimport { perAccountUserKey } from '../../common/localStorageKeys';\nimport {\n filterClearEvent,\n filterClearPayload,\n filterChipRemoveEvent,\n filterChipRemovePayload,\n} from '../../analytics/mixpanel/filterChips';\n\nconst Roles = () => {\n const dispatch = useDispatch();\n const { availablePeople: availablePeopleFlag } = useSelector(({ launchDarkly }) => launchDarkly);\n const accountId = useSelector(({ common: { accountId } }) => accountId);\n const roleSegments = useSelector(rolesUnfilledSegments);\n const rolesLoading = useSelector(getRolesLoading);\n const rolesLoadingError = useSelector(getRolesLoadingError);\n const rolesLoadingPage = useSelector(rolesPageLoading);\n const pageFrom = useSelector(rolesPageFrom);\n const hasMore = useSelector(rolesHaveMore);\n const totalCount = useSelector(rolesCount);\n const { userId, permissions } = useSelector(({ login: { userInfo: { sub, permissions } } }) => ({ userId: sub, permissions }));\n const { accountModules } = useSelector(({ accountSettings }) => accountSettings);\n const { projectFilterData } = useSelector(({ filters }) => filters);\n const { projectQueries } = useSelector(({ queries }) => ({\n projectQueries: queries[FILTERED_UNFILLED_ROLES_QUERY_ID]?.filter,\n }));\n\n const isBigScreen = useMediaQuery('(min-width:1700px)');\n\n const {\n timeframe,\n currentSort,\n updateTimeframe,\n updateSort,\n applyFilter: getUnfilledRoles,\n filledRolesFilterSelected,\n } = useRolesFilter({ view: VIEWS[ROLE_SEGMENT_VIEW], accountId, userId });\n useProjectFilter();\n\n const roleSegmentPage = useMemo(() => PAGE_NAMES[ROLE_SEGMENT_VIEW], []);\n const activeModal = useSelector(getActiveModal);\n const activeModalRef = useRef(null);\n const trackingContext = useMemo(() => ({ page: 'Roles', view: roleSegmentPage }), [roleSegmentPage]);\n const isPursuitModuleOn = useMemo(() => (hasModuleEnabled(accountModules, ACCOUNT_MODULE_PURSUIT_TRACKING)), [accountModules]);\n\n const { updateCurrentFilter } = useRememberedFilters({\n accountId,\n userId,\n viewId: ROLE_SEGMENT_VIEW,\n filterType: PROJECT_FILTER_TYPE,\n isPursuitsEnabled: isPursuitModuleOn,\n trackingContext,\n });\n\n useEffect(() => {\n if (!!activeModalRef.current && !activeModal) {\n getUnfilledRoles();\n }\n activeModalRef.current = activeModal;\n }, [activeModal, getUnfilledRoles]);\n\n useEffect(() => {\n dispatch(setActiveView(ROLE_SEGMENT_VIEW));\n }, [dispatch]);\n\n useEffect(() => {\n dispatch(setDescriptors(accountId, permissions, accountModules));\n }, [dispatch, accountId, permissions, accountModules]);\n\n useEffect(() => {\n dispatch(getRoleNames(accountId));\n dispatch(getPeople(accountId));\n dispatch(getProjectFields(accountId));\n dispatch(getPhases(accountId));\n }, [accountId, dispatch]);\n\n const columns = useMemo(() => {\n const RENDER_MAP = {\n [ROLE_SCHEMA.projectName]: (value, rowMeta) => value && (\n \n \n Share feedback\n \n {!availablePeopleFlag && (\n \n \n {label}\n \n ))}\n \n \n )}\n
\n );\n\n const renderChipBowl = useCallback(() => (\n \n {projectChips}\n
\n ), [projectChips]);\n\n const loadMoreRoles = useCallback(() => {\n if (!hasMore || rolesLoadingPage) return;\n getUnfilledRoles({ pageFrom });\n }, [pageFrom, hasMore, rolesLoadingPage, getUnfilledRoles]);\n\n const isDataLoading = rolesLoading || !!rolesLoadingError;\n const hasUnfilledRoles = !isDataLoading && !!roleSegments?.length && !filledRolesFilterSelected;\n const noUnfilledRoles = !isDataLoading && !hasUnfilledRoles;\n\n const renderContent = () => (\n <>\n {hasUnfilledRoles && (\n \n \n Go to People\n
\n \n )}\n \n );\n\n const renderPage = () => (\n \n
\n )}\n {renderContent()}\n {pluralize('Role', totalCount, true)}
\n \n
\n \n {!isDataLoading && (\n
\n \n \n \n {label}\n \n ))}\n \n \n \n
\n )}\n {isDataLoading && Unfilled Roles
\n {hasUnfilledRoles && (\n {`Unfilled Roles: ${totalCount}`}
\n )}\n \n
\n \n
\n \n
\n );\n};\n\nexport default AvailablePeople;\n","const IDLE_TIME_TOOLTIP_CLICKED = 'Available People Idle Time Tooltip Clicked';\n\nexport {\n IDLE_TIME_TOOLTIP_CLICKED,\n};\n","import loadable from 'react-loadable';\nimport ChunkErrorReloader from 'src/features/common/ChunkErrorReloader';\n\nexport default loadable({\n loader: () => import(/* webpackChunkName: \"roles\" */ './Roles'),\n loading: ChunkErrorReloader,\n});\n","import moment from 'moment';\nimport { DATE_INPUT_FORMAT } from 'src/common/constants';\nimport { PROJECT_SCHEMAS } from 'src/common/descriptors/project';\nimport {\n ROLES,\n FILTER_ROLES,\n FILLED_ROLES,\n UNFILLED_ROLES,\n MUST,\n MUST_NOT,\n} from './constants';\nimport { ALL_MONTHS } from '../features/roles/constants';\nimport {\n COMPLETE,\n LOST,\n CANCELED,\n} from '../features/projects/constants';\nimport { generateRequestFilter } from './graphqlUtils';\n\nconst generateTimeframeFilter = (timeframe) => {\n if (timeframe === ALL_MONTHS) {\n return ({\n match: {\n timeframeStartDate: moment().format(DATE_INPUT_FORMAT),\n },\n });\n }\n\n return ({\n match: {\n timeframeStartDate: moment().format(DATE_INPUT_FORMAT),\n timeframeEndDate: moment().add(timeframe, 'months').format(DATE_INPUT_FORMAT),\n },\n });\n};\n\nconst generateNameShould = (acc, { name }) => {\n if (name !== FILLED_ROLES && name !== UNFILLED_ROLES) {\n acc.push({\n match: {\n roles__name: name,\n },\n });\n }\n return acc;\n};\n\nconst generateRoleFilter = (roleQuery) => {\n if (!roleQuery) return [];\n const { activeFilters } = roleQuery;\n\n return activeFilters.reduce((acc, { inclusive, selected }) => {\n const boolStatement = inclusive ? MUST : MUST_NOT;\n const should = selected.reduce(generateNameShould, []);\n\n if (should?.length) {\n acc.push({\n bool: {\n [boolStatement]: [\n {\n bool: {\n should,\n },\n },\n ],\n },\n });\n }\n return acc;\n }, []);\n};\n\nconst generateRoleListRequest = (projectQueries, timeframe) => {\n let roleQuery;\n const path = ROLES;\n\n const reducedQueries = {\n ...projectQueries,\n args: projectQueries?.args?.reduce((acc, query) => {\n if (query.filterType === FILTER_ROLES) {\n roleQuery = query;\n } else {\n acc.push(query);\n }\n return acc;\n }, []),\n };\n\n const request = generateRequestFilter(reducedQueries, PROJECT_SCHEMAS);\n const timeframeFilter = generateTimeframeFilter(timeframe);\n const roleFilter = generateRoleFilter(roleQuery);\n\n return [\n ...request,\n {\n nested: {\n path,\n inner_hits: {}, // eslint-disable-line camelcase\n query: {\n bool: {\n must: [\n {\n match: {\n roles__isFilled: false, // eslint-disable-line camelcase\n },\n },\n timeframeFilter,\n ...roleFilter,\n ],\n },\n },\n },\n },\n {\n bool: {\n must_not: [\n {\n match: {\n state: COMPLETE,\n },\n },\n {\n match: {\n state: LOST,\n },\n },\n {\n match: {\n state: CANCELED,\n },\n },\n ],\n },\n },\n ];\n};\n\nexport {\n generateRoleListRequest,\n};\n","import { ROLE_SCHEMA } from '../common/descriptors/role';\nimport { SORT_ASC, SORT_DESC } from './constants';\n\nconst FIELDS = {\n [ROLE_SCHEMA.roleName]: 'sortOrder',\n [ROLE_SCHEMA.projectName]: 'name',\n [ROLE_SCHEMA.projectStatus]: 'state',\n [ROLE_SCHEMA.startDate]: 'startDate',\n [ROLE_SCHEMA.endDate]: 'endDate',\n [ROLE_SCHEMA.allocation]: 'allocation',\n};\n\nfunction projectNestedSort(term, order = SORT_ASC) {\n return ({\n project: {\n order,\n nested: {\n path: 'project',\n filter: {\n term: FIELDS[term],\n },\n },\n },\n });\n}\n\nconst sortOnProjectName = projectNestedSort(ROLE_SCHEMA.projectName);\n\nconst ROLES_SECONDARY_SORT_MAP = {\n [ROLE_SCHEMA.roleName]: sortOnProjectName,\n [ROLE_SCHEMA.projectName]: { startDate: { order: SORT_ASC } },\n [ROLE_SCHEMA.projectStatus]: sortOnProjectName,\n [ROLE_SCHEMA.startDate]: sortOnProjectName,\n [ROLE_SCHEMA.endDate]: sortOnProjectName,\n};\n\nexport const generateRoleSort = (query) => {\n const { column, ascending } = query?.args?.[0] || {};\n const order = ascending ? SORT_ASC : SORT_DESC;\n\n if (column === ROLE_SCHEMA.projectName || column === ROLE_SCHEMA.projectStatus) {\n return [projectNestedSort(column, order), ROLES_SECONDARY_SORT_MAP[column]];\n }\n\n return [\n {\n [FIELDS[column]]: {\n order,\n },\n },\n ROLES_SECONDARY_SORT_MAP[column],\n ];\n};\n","import { gql } from 'apollo-boost';\nimport { generateRoleListRequest } from 'src/filters/roleListFilter';\nimport { MAX_SIZE } from '../../../common/constants';\nimport { generateRoleSort } from '../../../filters/generateRoleSort';\n\nconst ROLES_QUERY = gql`\n query rolesQuery(\n $from: Int,\n $size: Int,\n $filters: [ESQuery],\n $accountId: Int!,\n $structuredSort: [RoleSegmentSort]\n ) {\n roleSegments(\n from: $from,\n size: $size,\n filters: $filters,\n accountId: $accountId,\n structuredSort: $structuredSort,\n ) {\n count\n hasMore\n cursor\n items {\n roleId\n roleName\n note\n endDate\n startDate\n sortOrder\n project {\n id\n name\n state\n colour\n }\n requirements {\n endDate\n percent\n startDate\n }\n }\n }\n }\n`;\n\nexport const getFilteredRolesQuery = (\n accountId,\n projectQueries,\n timeframeFilter,\n sortQuery,\n from,\n size = MAX_SIZE,\n) => {\n const filters = generateRoleListRequest(projectQueries, timeframeFilter);\n\n const variables = {\n from,\n size,\n filters,\n accountId,\n structuredSort: generateRoleSort(sortQuery),\n };\n\n return {\n query: ROLES_QUERY,\n variables,\n };\n};\n","export const UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN = 'UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN';\nexport const UNFILLED_ROLES_GET_FILTERED_ROLES_SUCCESS = 'UNFILLED_ROLES_GET_FILTERED_ROLES_SUCCESS';\nexport const UNFILLED_ROLES_GET_FILTERED_ROLES_FAILURE = 'UNFILLED_ROLES_GET_FILTERED_ROLES_FAILURE';\nexport const UNFILLED_ROLES_GET_FILTERED_ROLES_DISMISS_ERROR = 'UNFILLED_ROLES_FILTERED_GET_ROLES_DISMISS_ERROR';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { PAGE_SIZE } from '../../../common/constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { getFilteredRolesQuery } from '../queries/getFilteredRolesQuery';\nimport { parseRoleSegment } from '../utils/adaptors';\nimport {\n UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN,\n UNFILLED_ROLES_GET_FILTERED_ROLES_DISMISS_ERROR,\n UNFILLED_ROLES_GET_FILTERED_ROLES_FAILURE,\n UNFILLED_ROLES_GET_FILTERED_ROLES_SUCCESS,\n} from './constants';\nimport { unfilledSegments } from './selectors';\n\nexport function getFilteredRoles({\n accountId,\n projectQueries,\n timeframeFilter,\n sortQuery,\n pageFrom,\n pageSize = PAGE_SIZE,\n}) {\n const { query, variables } = getFilteredRolesQuery(\n accountId,\n projectQueries,\n timeframeFilter,\n sortQuery,\n pageFrom,\n pageSize,\n );\n\n return {\n type: UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetFilteredRolesError() {\n return {\n type: UNFILLED_ROLES_GET_FILTERED_ROLES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetFilteredRoles(action) {\n const { query, variables } = action;\n let res;\n\n try {\n res = yield call(graphApiClient.query, { query, variables });\n const { errors } = res;\n if (errors) {\n throw errors;\n }\n } catch (err) {\n yield put({\n type: UNFILLED_ROLES_GET_FILTERED_ROLES_FAILURE,\n data: { error: err },\n isPaging: variables.from !== 0,\n });\n return;\n }\n\n yield put({\n type: UNFILLED_ROLES_GET_FILTERED_ROLES_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetFilteredRoles() {\n yield takeLatest(UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN, doGetFilteredRoles);\n}\n\n// Redux reducer\nexport function reducer(state, action) {\n switch (action.type) {\n case UNFILLED_ROLES_GET_FILTERED_ROLES_BEGIN: {\n const { variables } = action;\n const isPaging = variables.from > 0;\n\n return {\n ...state,\n getFilteredRolesError: null,\n getFilteredRolesPageError: null,\n getFilteredRolesPending: !isPaging,\n getFilteredRolesPagePending: isPaging,\n };\n }\n\n case UNFILLED_ROLES_GET_FILTERED_ROLES_SUCCESS: {\n const { clearData, data } = action;\n const { items, cursor: pageFrom, hasMore, count } = data?.roleSegments || {};\n const segments = items?.map(parseRoleSegment) || [];\n return {\n ...state,\n roleSegments: clearData ? segments : [...unfilledSegments(state), ...segments],\n pageFrom,\n hasMore,\n count,\n ...(clearData && {\n getFilteredRolesError: null,\n getFilteredRolesPending: false,\n }),\n ...(!clearData && {\n getFilteredRolesPageError: null,\n getFilteredRolesPagePending: false,\n }),\n };\n }\n\n case UNFILLED_ROLES_GET_FILTERED_ROLES_FAILURE:\n return {\n ...state,\n ...(action.isPaging && {\n getFilteredRolesPageError: action.data.error,\n getFilteredRolesPagePending: false,\n }),\n ...(!action.isPaging && {\n getFilteredRolesError: action.data.error,\n getFilteredRolesPending: false,\n }),\n };\n\n case UNFILLED_ROLES_GET_FILTERED_ROLES_DISMISS_ERROR:\n return {\n ...state,\n getFilteredRolesError: null,\n getFilteredRolesPageError: null,\n };\n\n default:\n return state;\n }\n}\n","import { compose } from 'redux';\n\nconst roles = root => root.roles;\n\nconst pageFrom = state => state.pageFrom;\nconst hasMore = state => state.hasMore;\nconst unfilledSegments = state => state.roleSegments;\nconst count = state => state.count;\nconst pending = state => state.getFilteredRolesPending;\nconst error = state => state.getFilteredRolesError;\nconst pagePending = state => state.getFilteredRolesPagePending;\n\nconst rolesPageFrom = compose(pageFrom, roles);\nconst rolesHaveMore = compose(hasMore, roles);\nconst rolesCount = compose(count, roles);\nconst rolesLoading = compose(pending, roles);\nconst rolesLoadingError = compose(error, roles);\nconst rolesPageLoading = compose(pagePending, roles);\nconst rolesUnfilledSegments = compose(unfilledSegments, roles);\n\nexport {\n rolesPageFrom,\n rolesHaveMore,\n rolesCount,\n rolesLoading,\n rolesLoadingError,\n rolesPageLoading,\n unfilledSegments,\n rolesUnfilledSegments,\n};\n","import { ROLE_SCHEMA } from '../../../common/descriptors/role';\n\nexport function parseRoleSegment(segment) {\n const { roleId, roleName, startDate, endDate, project, requirements } = segment || {};\n const { id, name, state, colour } = project || {};\n\n return {\n meta: {\n projectColor: colour,\n projectId: id,\n },\n id: `${roleId}-${startDate}`,\n [ROLE_SCHEMA.roleName]: roleName,\n [ROLE_SCHEMA.projectName]: name,\n [ROLE_SCHEMA.projectStatus]: state,\n [ROLE_SCHEMA.startDate]: startDate,\n [ROLE_SCHEMA.endDate]: endDate,\n [ROLE_SCHEMA.allocation]: requirements.length === 1 ? requirements[0].percent : 'Custom',\n };\n}\n","import React, { useCallback, useEffect, useMemo, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { ErrorBoundary } from '../errors';\nimport { RequestList } from '.';\nimport { HeaderControls, TabbedPageHeader } from '../common';\nimport { Can, PermissionTabs } from '../wrapped-components';\nimport { AccessDenied } from '../permissions';\nimport {\n PERM_READ,\n PERM_REQUEST,\n PERM_ASSIGNMENT,\n} from '../permissions/utils/constants';\nimport {\n REQUESTS_TAB,\n SELF_PERFORM_TAB_MAP,\n SELF_PERFORM_REQUESTS_VIEW,\n SELF_PERFORM_ASSIGNMENTS_VIEW,\n SELF_PERFORM_TABS,\n} from '../../common/constants';\nimport { getStoredContentView } from '../common/listUtils';\nimport { LocalStorageKeys } from '../../common/localStorageKeys';\nimport { setActiveView, setContentView } from '../common/redux/actions';\nimport { getRequestById, clearSelectedRequest } from './redux/actions';\n\nconst SelfPerform = ({\n contentView,\n history,\n accountId,\n match,\n setContentView,\n setActiveView,\n selectedRequestId,\n getRequestById,\n clearSelectedRequest,\n}) => {\n // Get initial currentView from URL or local storage\n const [currentView, setCurrentView] = useState(match?.params?.contentView\n ? SELF_PERFORM_TAB_MAP[match.params.contentView]\n : getStoredContentView(LocalStorageKeys.selfPerformView));\n\n const isFirstRender = useRef(true);\n\n useEffect(() => {\n // If no content view in the URL update with value from local storage in currentView\n if (!match?.params?.contentView) {\n history.replace(`/accounts/${accountId}/self-perform/${SELF_PERFORM_TAB_MAP[currentView]}`);\n }\n }, [match, currentView, accountId, history]);\n\n useEffect(() => {\n const urlRequestId = match?.params?.requestId;\n\n // If inital page load, fetch request by id from URL\n if (isFirstRender.current) {\n if (urlRequestId) getRequestById(accountId, parseInt(urlRequestId, 10));\n isFirstRender.current = false;\n return;\n }\n\n if (urlRequestId !== selectedRequestId) {\n history.replace(`/accounts/${accountId}/self-perform/${SELF_PERFORM_TAB_MAP[currentView]}${selectedRequestId ? `/${selectedRequestId}` : ''}`);\n }\n }, [accountId, currentView, getRequestById, history, match?.params?.requestId, selectedRequestId]);\n\n useEffect(() => {\n clearSelectedRequest();\n\n return () => {\n // clear the selected request when unmounting the component otherwise it makes\n // a getBestMatches with old request info if you switch accounts\n clearSelectedRequest();\n };\n }, [accountId, clearSelectedRequest]);\n\n useEffect(() => {\n const activeView = contentView === REQUESTS_TAB ? SELF_PERFORM_REQUESTS_VIEW : SELF_PERFORM_ASSIGNMENTS_VIEW;\n\n setActiveView(activeView);\n }, [setActiveView, contentView]);\n\n useEffect(() => {\n setContentView(currentView);\n }, [setContentView, currentView]);\n\n const handleTabsChange = useCallback((event, value) => {\n if (value === contentView) return;\n\n if (value === REQUESTS_TAB) {\n window.mixpanel.track('Navigate to Requests');\n } else {\n window.mixpanel.track('Navigate to Assignments');\n }\n\n setCurrentView(value);\n clearSelectedRequest();\n history.replace(`/accounts/${accountId}/self-perform/${SELF_PERFORM_TAB_MAP[value]}`);\n }, [contentView, clearSelectedRequest, history, accountId]);\n\n const onSearch = useCallback(() => {}, []);\n\n const tabs = useMemo(() => (\n \n
\n \n People\n
\n \n
\n \n \n
\n Name and title
\n \n Idle time in the next 1 year\n \n \n
\n \n
\n \n {IDLE_TIME_TOOLTIP_TEXT.title}\n {' '}\n {IDLE_TIME_TOOLTIP_TEXT.line1}\n
\n{IDLE_TIME_TOOLTIP_TEXT.line2}
\n\n
\n \n {DOT}\n {' '}\n {IDLE_TIME_TOOLTIP_TEXT.greenDot}\n
\nTotal %
\n \n
\n \n
\n );\n};\n\nPeopleSelfPerform.propTypes = {\n loadMore: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n hourlyPersonsCount: PropTypes.number,\n visibleColumns: PropTypes.array.isRequired,\n selectedHourlyPerson: PropTypes.object,\n filteredHourlyPersons: PropTypes.array,\n queries: PropTypes.object,\n getFilteredHourlyPersonsPagePending: PropTypes.bool.isRequired,\n getFilteredPeoplePageError: PropTypes.object,\n history: PropTypes.object.isRequired,\n getHourlyPersonById: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n clearSelectedHourlyPerson: PropTypes.func.isRequired,\n match: PropTypes.object.isRequired,\n};\n\nPeopleSelfPerform.defaultProps = {\n hourlyPersonsCount: 0,\n selectedHourlyPerson: null,\n filteredHourlyPersons: [],\n queries: {},\n getFilteredPeoplePageError: null,\n};\n\n/* istanbul ignore next */\nconst mapStateToProps = ({ table, queries, selfPerform, common }) => {\n const { visibleColumns } = table;\n const {\n selectedHourlyPerson,\n hourlyPersonsCount,\n filteredHourlyPersons,\n getFilteredHourlyPersonsPending,\n getFilteredHourlyPersonsPagePending,\n } = selfPerform;\n const { filteredHourlyPersons: filteredHourlyPersonsQueries } = queries;\n const { accountId } = common;\n\n const loading = getFilteredHourlyPersonsPending || getFilteredHourlyPersonsPagePending;\n\n return {\n visibleColumns,\n queries: filteredHourlyPersonsQueries,\n selectedHourlyPerson,\n hourlyPersonsCount,\n filteredHourlyPersons,\n accountId,\n getFilteredHourlyPersonsPending,\n getFilteredHourlyPersonsPagePending,\n loading,\n };\n};\n\n/* istanbul ignore next */\nconst mapDispatchToProps = dispatch => ({\n getHourlyPersonById: bindActionCreators(getHourlyPersonById, dispatch),\n clearSelectedHourlyPerson: bindActionCreators(clearSelectedHourlyPerson, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(PeopleSelfPerform));\n","import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Add } from '@material-ui/icons';\nimport { formatHourlyPersonData } from 'src/utils/formatters';\nimport { getHourlyPersonFieldsDesc } from 'src/features/self-perform/utils/hourlyPersonUtils';\nimport { PERM_HOURLY_PERSON, PERM_WRITE } from 'src/features/permissions/utils/constants';\nimport { FloatingActionButton, Can } from 'src/features/wrapped-components';\nimport { Modal, FieldInputForm } from 'src/features/common';\nimport { addHourlyPerson } from 'src/features/self-perform/redux/actions';\nimport { getHourlyPersonFields, getSkillSet } from 'src/features/account-settings/redux/actions';\n\nconst classes = { root: 'add-hourly-person-modal' };\n\nexport function AddHourlyPersonModal({\n accountId,\n hourlyPersonFields,\n skillSet,\n addHourlyPersonPending,\n addHourlyPerson,\n getHourlyPersonFields,\n getSkillSet,\n}) {\n const [showModal, setShowModal] = useState(false);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n getHourlyPersonFields(accountId);\n getSkillSet(accountId);\n }, [accountId, getHourlyPersonFields, getSkillSet]);\n\n useEffect(() => {\n if (loading && !addHourlyPersonPending) {\n setShowModal(false);\n }\n }, [loading, addHourlyPersonPending]);\n\n // Merge system fields with hourly person fields\n const fields = useMemo(() => getHourlyPersonFieldsDesc(hourlyPersonFields, skillSet),\n [hourlyPersonFields, skillSet]);\n\n const onClick = () => setShowModal(true);\n\n const onSave = (values) => {\n setLoading(true);\n addHourlyPerson(accountId, formatHourlyPersonData(hourlyPersonFields, values));\n };\n\n const onCancel = () => setShowModal(false);\n\n return (\n \n
\n {selectedHourlyPerson && (\n \n \n
\n );\n}\n\nAddHourlyPersonModal.propTypes = {\n accountId: PropTypes.number.isRequired,\n hourlyPersonFields: PropTypes.arrayOf(PropTypes.object).isRequired,\n skillSet: PropTypes.arrayOf(PropTypes.object).isRequired,\n addHourlyPersonPending: PropTypes.bool,\n addHourlyPerson: PropTypes.func.isRequired,\n getHourlyPersonFields: PropTypes.func.isRequired,\n getSkillSet: PropTypes.func.isRequired,\n};\n\nAddHourlyPersonModal.defaultProps = {\n addHourlyPersonPending: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, accountSettings, selfPerform }) {\n const { accountId } = common;\n const { hourlyPersonFields, skillSet } = accountSettings;\n const { addHourlyPersonPending } = selfPerform;\n return {\n accountId,\n hourlyPersonFields,\n skillSet,\n addHourlyPersonPending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n addHourlyPerson: bindActionCreators(addHourlyPerson, dispatch),\n getHourlyPersonFields: bindActionCreators(getHourlyPersonFields, dispatch),\n getSkillSet: bindActionCreators(getSkillSet, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AddHourlyPersonModal);\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Paper } from '@material-ui/core';\nimport { NavigateBack } from '@bridgit/foundation';\nimport classNames from 'classnames';\nimport {\n HOURLY_PERSON_PROFILE_ASSIGNMENTS_TAB,\n HOURLY_PERSON_PROFILE_DETAILS_TAB,\n PEOPLE_SELF_PERFORM_TAB_MAP,\n PEOPLE_SELF_PERFORM_TABS,\n} from 'src/common/constants';\nimport { FieldEditor } from '../common';\nimport { PERM_HOURLY_PERSON, PERM_WRITE } from '../permissions/utils/constants';\nimport { PermissionTabs } from '../wrapped-components';\nimport { updateHourlyPerson } from './redux/updateHourlyPerson';\nimport { HourlyPersonProfileDetail, HourlyPersonProfileAssignments } from '.';\nimport { getHourlyPersonFieldValues } from './redux/actions';\n\nexport const HourlyPersonProfile = ({\n onBackClick,\n name,\n skillSet,\n updateHourlyPersonPending,\n updateHourlyPerson,\n accountId,\n hourlyPersonId,\n getHourlyPersonFieldValues,\n}) => {\n const [fieldToEdit, setFieldToEdit] = useState(null);\n const [selectedTab, setSelectedTab] = useState(HOURLY_PERSON_PROFILE_ASSIGNMENTS_TAB);\n\n useEffect(() => {\n getHourlyPersonFieldValues(accountId, hourlyPersonId);\n },\n [accountId, hourlyPersonId, getHourlyPersonFieldValues]);\n\n const onSave = ({ values }) => {\n updateHourlyPerson(accountId, hourlyPersonId, { name: values[0] }, name, 'List');\n\n setFieldToEdit(null);\n };\n\n const handleTabChange = useCallback((e, value) => {\n window.mixpanel.track(`Hourly Profile - ${PEOPLE_SELF_PERFORM_TAB_MAP[value]} Tab Clicked`);\n\n setSelectedTab(value);\n }, []);\n\n const handleCancelEditing = () => setFieldToEdit(null);\n\n const getTabContent = () => {\n switch (selectedTab) {\n case HOURLY_PERSON_PROFILE_ASSIGNMENTS_TAB:\n return \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {renderSkills()}
\n\n
\n
\n \n
\n {getTabContent()}\n
\n \n \n
\n )\n ), [openModal]);\n\n const handleCancelEditing = () => setFieldToEdit(null);\n\n return (\n \n {showModal && (\n \n \n {dataset.map((dataItem) => {\n const field = { ...dataItem };\n const checked = field.type === FIELD_TYPE_BOOLEAN && field?.value?.toString().toLowerCase() === 'true';\n\n if (field.type === FIELD_TYPE_DATE && field.value && moment(field.value).isValid()) {\n field.value = moment(field.value).format(DATE_DISPLAY_FORMAT);\n }\n\n const input = inputs.find(({ name }) => name === field.id.toString());\n\n return (\n
\n );\n};\n\nHourlyPersonProfileDetail.propTypes = {\n updateHourlyPerson: PropTypes.func.isRequired,\n deactivateHourlyPerson: PropTypes.func.isRequired,\n deactivateHourlyPersonPending: PropTypes.bool.isRequired,\n updateHourlyPersonFieldValue: PropTypes.func.isRequired,\n selectedHourlyPersonId: PropTypes.number.isRequired,\n accountId: PropTypes.number.isRequired,\n selectedHourlyPerson: PropTypes.object.isRequired,\n updateHourlyPersonFieldValuePending: PropTypes.bool.isRequired,\n updateHourlyPersonPending: PropTypes.bool.isRequired,\n hourlyPersonFields: PropTypes.array.isRequired,\n getHourlyPersonFields: PropTypes.func.isRequired,\n skillSet: PropTypes.array.isRequired,\n};\n\nconst mapStateToProps = ({\n selfPerform: {\n selectedHourlyPerson,\n updateHourlyPersonFieldValuePending,\n updateHourlyPersonPending,\n deactivateHourlyPersonPending,\n },\n common: { accountId },\n accountSettings: { hourlyPersonFields, skillSet },\n}) => ({\n selectedHourlyPersonId: selectedHourlyPerson.id,\n accountId,\n selectedHourlyPerson,\n updateHourlyPersonFieldValuePending,\n updateHourlyPersonPending,\n deactivateHourlyPersonPending,\n hourlyPersonFields,\n skillSet,\n});\n\nconst mapDispatchToProps = dispatch => ({\n updateHourlyPerson: bindActionCreators(updateHourlyPerson, dispatch),\n updateHourlyPersonFieldValue: bindActionCreators(updateHourlyPersonFieldValue, dispatch),\n getHourlyPersonFields: bindActionCreators(getHourlyPersonFields, dispatch),\n deactivateHourlyPerson: bindActionCreators(deactivateHourlyPerson, dispatch) });\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(HourlyPersonProfileDetail);\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { SimpleTable } from '../common';\nimport { ASSIGNMENTS_COLUMNS } from './constants';\nimport { generateHourlyPersonAssignmentsData } from './utils/hourlyPersonUtils';\nimport { capitalize } from '../../utils/formatters';\n\nexport const HourlyPersonProfileAssignments = ({\n currentAssignments,\n upcomingAssignments,\n pastAssignments,\n}) => {\n const tablesData = useMemo(\n () => generateHourlyPersonAssignmentsData(currentAssignments, upcomingAssignments, pastAssignments),\n [currentAssignments, upcomingAssignments, pastAssignments],\n );\n\n return (\n <>\n {tablesData.map(({ rows, assignmentType }) => (\n \n
\n Are you sure you want to deactivate this person?
\n {!!assignmentNamesList.length && (\n \n They will be removed from any current or upcoming assignments:\n
\n )}\n \n {assignmentNamesList}\n
\n \n setFieldToEdit(field.id)}\n editing={fieldToEdit === field.id}\n />\n
\n );\n })}\n \n\n \n Your request queue is clear\n {' '}\n 🧘\n
\n\n Once you’re done enjoying your empty list, you can add a new request using the top left button. You can also head over to your assignments list to check on and optimize your workforce plan.\n
\n \n );\n\n return (\n\n {currentView === REQUESTS_TAB && (\n \n
\n );\n}\n\nRequestList.propTypes = {\n className: PropTypes.string,\n accountId: PropTypes.number.isRequired,\n userId: PropTypes.string.isRequired,\n contentView: PropTypes.number.isRequired,\n isAssignmentTable: PropTypes.bool.isRequired,\n queries: PropTypes.object,\n filteredRequests: PropTypes.arrayOf(PropTypes.object).isRequired,\n selectedRowId: PropTypes.number,\n requestCount: PropTypes.number,\n pageFrom: PropTypes.number,\n hasMore: PropTypes.bool,\n visibleColumns: PropTypes.array.isRequired,\n table: PropTypes.object.isRequired,\n tableConfig: PropTypes.object.isRequired,\n queryId: PropTypes.string.isRequired,\n getFilteredRequestsPending: PropTypes.bool,\n getFilteredRequestsPagePending: PropTypes.bool,\n getFilteredRequestsError: PropTypes.object,\n getFilteredRequestPageError: PropTypes.object,\n getFilteredRequests: PropTypes.func.isRequired,\n getRequestById: PropTypes.func.isRequired,\n setColumns: PropTypes.func.isRequired,\n openModal: PropTypes.func.isRequired,\n closeModal: PropTypes.func.isRequired,\n currentView: PropTypes.number.isRequired,\n isModalOpen: PropTypes.bool.isRequired,\n addHourlyRequestPending: PropTypes.bool,\n activeView: PropTypes.number.isRequired,\n};\n\nRequestList.defaultProps = {\n className: '',\n queries: {},\n selectedRowId: null,\n requestCount: 0,\n pageFrom: 0,\n hasMore: false,\n getFilteredRequestsPending: false,\n getFilteredRequestsPagePending: false,\n getFilteredRequestsError: null,\n getFilteredRequestPageError: null,\n addHourlyRequestPending: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, login, selfPerform, table, queries, modalManager }) {\n const { accountId, contentView, activeView } = common;\n const { sub: userId } = login.userInfo;\n const {\n filteredRequests,\n selectedRequest,\n requestCount,\n pageFrom,\n hasMore,\n getFilteredRequestsPending,\n getFilteredRequestsPagePending,\n getFilteredRequestsError,\n getFilteredRequestPageError,\n addHourlyRequestPending,\n } = selfPerform;\n const { visibleColumns } = table;\n const { activeModal } = modalManager;\n const isAssignmentTable = contentView === ASSIGNMENTS_TAB;\n const selectedRowId = selectedRequest?.id;\n\n return {\n accountId,\n userId,\n contentView,\n isAssignmentTable,\n queries: isAssignmentTable\n ? queries.filteredAssignments\n : queries.filteredRequests,\n filteredRequests,\n selectedRowId,\n requestCount,\n pageFrom,\n hasMore,\n visibleColumns,\n table,\n tableConfig: isAssignmentTable\n ? ASSIGNMENT_TABLE_CONFIG\n : REQUEST_TABLE_CONFIG,\n queryId: isAssignmentTable\n ? FILTERED_ASSIGNMENTS_QUERY_ID\n : FILTERED_REQUESTS_QUERY_ID,\n getFilteredRequestsPending,\n getFilteredRequestsPagePending,\n getFilteredRequestsError,\n getFilteredRequestPageError,\n isModalOpen: activeModal === ADD_REQUEST_MODAL,\n addHourlyRequestPending,\n activeView,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getFilteredRequests: bindActionCreators(getFilteredRequests, dispatch),\n getRequestById: bindActionCreators(getRequestById, dispatch),\n setColumns: bindActionCreators(setColumns, dispatch),\n openModal: bindActionCreators(openModal, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(RequestList);\n","const AUTOMATION_EMPTY_REQUESTS_PAGE_TEXT = 'AUTOMATION_EMPTY_REQUESTS_PAGE_TEXT';\nconst AUTOMATION_SP_BEST_MATCHES_LIST = 'AUTOMATION_SP_BEST_MATCHES_LIST';\n\nexport { AUTOMATION_SP_BEST_MATCHES_LIST, AUTOMATION_EMPTY_REQUESTS_PAGE_TEXT };\n","import moment from 'moment';\nimport { REQUIRED_SKILLS, START_DATE, END_DATE } from 'src/filters/constants';\nimport {\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n REQUEST_ADDED_FROM_MAP,\n} from '../../../common/constants';\nimport { validateBasicInputs } from '../../../utils/validators';\nimport { DEFAULT_WORK_DAYS_OPTIONS } from '../constants';\nimport {\n getSelectedWorkDayValues,\n isNoWorkDaysWithinRange,\n isDateInSelectedWorkingDays,\n isSomeWorkingDaysOutsideOfRange,\n} from './requestUtils';\n\nconst getRequesterPlaceholder = (selectedProjectId, projectRequesters) => {\n if (!selectedProjectId) return 'Select a project first';\n if (!projectRequesters.length) return 'No requesters have been added to this project';\n return 'Select Requester';\n};\n\nexport const getAddRequestInputs = (skillSet, filteredProjects, selectedProjectId, projectRequesters, startDate) => [\n {\n id: 'description',\n label: 'Description',\n name: 'description',\n type: 'text',\n placeholder: 'Enter the task that needs to be done',\n required: true,\n maxLength: 100,\n },\n {\n id: REQUIRED_SKILLS,\n label: 'Skill set (select all that apply)',\n name: REQUIRED_SKILLS,\n type: 'select',\n placeholder: 'Select skill set',\n options: skillSet.map(skill => ({ label: skill.name, value: skill.name })),\n multi: true,\n },\n {\n id: 'project',\n label: 'Project',\n name: 'project',\n type: 'search',\n placeholder: 'Start typing to search for a project',\n options: filteredProjects.map(({ name, value, colour }) => ({ value, name, colour })),\n className: 'add-request-project-search-input',\n required: true,\n value: filteredProjects.find(({ value }) => value === selectedProjectId),\n },\n {\n id: 'requesterId',\n label: 'Requested by',\n name: 'requesterId',\n type: 'select',\n placeholder: getRequesterPlaceholder(selectedProjectId, projectRequesters),\n options: selectedProjectId\n ? projectRequesters.map(requester => ({ label: requester.name, value: requester.id }))\n : [],\n disabled: !selectedProjectId,\n className: !selectedProjectId ? 'disabled' : '',\n },\n {\n id: START_DATE,\n label: 'Start date',\n name: START_DATE,\n type: 'date',\n minDate: moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: MIN_API_CONFIGURABLE_DATE_MESSAGE,\n required: true,\n width: 'quarter',\n },\n {\n id: END_DATE,\n label: 'End date',\n name: END_DATE,\n type: 'date',\n minDate: startDate ? moment(startDate) : moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: startDate ? '' : MIN_API_CONFIGURABLE_DATE_MESSAGE,\n required: true,\n width: 'quarter',\n initDate: startDate ? moment(startDate).add(1, 'day') : moment(),\n },\n {\n id: 'workDays',\n label: 'Working days',\n name: 'workDays',\n type: 'checkbox',\n options: DEFAULT_WORK_DAYS_OPTIONS,\n multi: true,\n required: true,\n width: 'medium',\n className: 'working-days-container',\n defaultTouched: true,\n },\n {\n id: 'note',\n label: 'Notes',\n name: 'note',\n multi: true,\n maxLength: 2400,\n width: 'full',\n placeholder: 'Enter notes',\n },\n];\n\nexport const validateAddRequestInputs = (inputs, values) => {\n const { startDate, endDate, workDays } = values;\n\n const errors = {\n ...validateBasicInputs(inputs, values),\n };\n\n if (startDate && endDate) {\n if (endDate.isBefore(startDate)) {\n errors.endDate = 'End date must be later than the start date';\n }\n\n if (startDate.isAfter(endDate)) {\n errors.startDate = 'Start date must be earlier than the end date';\n }\n\n if (isSomeWorkingDaysOutsideOfRange(workDays, startDate, endDate)) {\n errors.workDays = 'There are working days selected outside of the request start and end date';\n }\n\n if (isNoWorkDaysWithinRange(workDays, startDate, endDate)) {\n errors.workDays = 'There are no working days in the request date range';\n }\n }\n\n if (startDate && !isDateInSelectedWorkingDays(startDate, workDays)) {\n errors.startDate = 'The start date does not align with the selected working days';\n }\n\n if (endDate && !isDateInSelectedWorkingDays(endDate, workDays)) {\n errors.endDate = 'The end date does not align with the selected working days';\n }\n\n if (workDays.every(({ checked }) => !checked)) {\n errors.workDays = 'Required field';\n }\n\n return errors;\n};\n\nexport const normalizeAddRequestData = (projectRequesters, addRequestData, activeView) => {\n const requester = projectRequesters.find(({ id }) => id === addRequestData.requesterId);\n const selectedWorkingDays = getSelectedWorkDayValues(addRequestData.workDays);\n const { project, ...apiNewRequestData } = addRequestData;\n const newRequestData = [{ ...apiNewRequestData, workDays: selectedWorkingDays }];\n\n return {\n newRequestData,\n requester,\n project,\n addedFrom: REQUEST_ADDED_FROM_MAP[activeView],\n };\n};\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from '@material-ui/core';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {\n PROJECT_LIST_DEFAULT_QUERY,\n PROJECT_LIST_DEFAULT_QUERY_PURSUITS_ON,\n ADD_REQUEST_MODAL,\n} from './constants';\nimport { ManagedModal } from '../modal-manager';\nimport { ValidatedForm } from '../wrapped-components';\nimport { closeModal } from '../modal-manager/redux/closeModal';\n\nimport { addHourlyRequest } from './redux/addHourlyRequest';\nimport { getSkillSet } from '../account-settings/redux/getSkillSet';\nimport { getRequesters } from './redux/actions';\nimport { getUsers } from '../accounts/redux/getUsers';\nimport { getAddRequestInputs, normalizeAddRequestData, validateAddRequestInputs } from './utils/addRequestUtils';\nimport { getProjectNames } from '../projects/redux/getProjectNames';\nimport { PROJECT_LIST_SELECTION_ID } from '../projects/redux/constants';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from '../../common/constants';\n\nconst AddRequestModal = ({\n closeModal,\n loading,\n addHourlyRequestPending,\n addHourlyRequest,\n accountId,\n getSkillSet,\n skillSet,\n getProjectNames,\n projectNames,\n getRequesters,\n users,\n getUsers,\n projectRequesters,\n activeView,\n projectListSelectedProject,\n isPursuitModuleOn,\n}) => {\n const [disableSend, setDisableSend] = useState(false);\n const [addRequestData, setAddRequestData] = useState(null);\n const [selectedProjectId, setSelectedProjectId] = useState(null);\n\n useEffect(() => {\n const defaultProjectQuery = isPursuitModuleOn ? PROJECT_LIST_DEFAULT_QUERY_PURSUITS_ON : PROJECT_LIST_DEFAULT_QUERY;\n\n getUsers(accountId);\n getSkillSet(accountId);\n getProjectNames(accountId, defaultProjectQuery);\n }, [getSkillSet, accountId, getProjectNames, getUsers, isPursuitModuleOn]);\n\n useEffect(() => {\n if (projectListSelectedProject) {\n setSelectedProjectId(projectListSelectedProject.id);\n }\n }, [projectListSelectedProject]);\n\n useEffect(() => {\n if (selectedProjectId) {\n getRequesters(accountId, selectedProjectId, users);\n }\n }, [accountId, selectedProjectId, users, getRequesters]);\n\n const inputs = useMemo(\n () => getAddRequestInputs(skillSet, projectNames, selectedProjectId, projectRequesters, addRequestData?.startDate),\n [skillSet, projectNames, selectedProjectId, projectRequesters, addRequestData?.startDate],\n );\n\n const validate = (values) => {\n const errors = validateAddRequestInputs(inputs, values);\n\n setDisableSend(!!Object.values(errors).length);\n\n return errors;\n };\n\n const onValueChanged = useCallback((inputName, values) => {\n if (inputName === 'project') {\n const projectId = values?.project?.value;\n\n setSelectedProjectId(projectId);\n }\n\n setAddRequestData(values);\n }, []);\n\n const handleCloseModal = () => closeModal(ADD_REQUEST_MODAL);\n\n const onSaveRequestClick = () => {\n const {\n newRequestData,\n requester,\n project,\n addedFrom,\n } = normalizeAddRequestData(projectRequesters, addRequestData, activeView);\n\n addHourlyRequest(accountId, selectedProjectId, newRequestData, project, requester, addedFrom);\n };\n\n const defaultValues = useMemo(() => (\n { project: projectNames.find(({ value }) => value === selectedProjectId) || '' }\n ), [projectNames, selectedProjectId]);\n\n return (\n <>\n \n
\n \n \n \n Save request\n \n \n Cancel\n \n
\n \n \n );\n};\n\nAddRequestModal.propTypes = {\n closeModal: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n addHourlyRequestPending: PropTypes.bool,\n addHourlyRequest: PropTypes.func.isRequired,\n getSkillSet: PropTypes.func.isRequired,\n accountId: PropTypes.number.isRequired,\n skillSet: PropTypes.array.isRequired,\n getProjectNames: PropTypes.func.isRequired,\n projectNames: PropTypes.array.isRequired,\n getRequesters: PropTypes.func.isRequired,\n users: PropTypes.object.isRequired,\n getUsers: PropTypes.func.isRequired,\n projectRequesters: PropTypes.array,\n activeView: PropTypes.number.isRequired,\n projectListSelectedProject: PropTypes.object,\n isPursuitModuleOn: PropTypes.bool.isRequired,\n};\n\nAddRequestModal.defaultProps = {\n loading: false,\n addHourlyRequestPending: false,\n projectRequesters: [],\n projectListSelectedProject: null,\n};\n\nconst mapStateToProps = ({\n selfPerform: { addHourlyRequestPending, projectRequesters, getProjectRequestersPending },\n common: { accountId, activeView },\n accountSettings: { skillSet, getSkillSetPending, accountModules },\n projects: { projectNames, getProjectNamesPending, projectSelections },\n accounts: { users, getUsersPending },\n}) => ({\n loading: addHourlyRequestPending || getProjectNamesPending || getUsersPending || getSkillSetPending || getProjectRequestersPending,\n accountId,\n skillSet,\n projectNames,\n users,\n projectRequesters,\n addHourlyRequestPending,\n activeView,\n projectListSelectedProject: projectSelections[PROJECT_LIST_SELECTION_ID],\n isPursuitModuleOn: hasModuleEnabled(accountModules, ACCOUNT_MODULE_PURSUIT_TRACKING),\n});\n\nconst mapDispatchToProps = dispatch => ({\n closeModal: bindActionCreators(closeModal, dispatch),\n addHourlyRequest: bindActionCreators(addHourlyRequest, dispatch),\n getSkillSet: bindActionCreators(getSkillSet, dispatch),\n getProjectNames: bindActionCreators(getProjectNames, dispatch),\n getRequesters: bindActionCreators(getRequesters, dispatch),\n getUsers: bindActionCreators(getUsers, dispatch),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AddRequestModal);\n","import moment from 'moment';\nimport pluralize from 'pluralize';\nimport {\n HOME_ADDRESS_FIELD,\n DATE_DISPLAY_FORMAT,\n MIN_API_CONFIGURABLE_DATE,\n MIN_API_CONFIGURABLE_DATE_MESSAGE,\n} from 'src/common/constants';\nimport { ASSIGNED, ASSIGNED_NOTIFIED, DEFAULT_WORK_DAYS_OPTIONS, REQUEST_REJECTED } from 'src/features/self-perform/constants';\nimport { END_DATE, REQUIRED_SKILLS, START_DATE } from 'src/filters/constants';\nimport {\n formatWorkingDays,\n getSelectedWorkDayValues,\n isNoWorkDaysWithinRange,\n} from './requestUtils';\n\n\n// Moment uses Monday - Sunday as 1 - 7\n// where we use Sunday - Saturday 0 - 6\nconst getWorkDay = (day) => {\n if (day === 7) return 0;\n return day;\n};\n\n// Calculate duration based on how many workdays are in the date range\nconst calculateDuration = (startDate, endDate, workDays) => {\n const momentStart = moment(startDate);\n const momentEnd = moment(endDate);\n const totalDays = momentEnd.diff(startDate, 'days');\n const totalWeeks = momentEnd.diff(startDate, 'weeks');\n\n // first get the total full weeks\n let duration = totalWeeks * workDays.length;\n\n // calculate remaining days to check\n const remainder = totalDays % 7;\n\n // start on the start dates day\n let day = getWorkDay(momentStart.isoWeekday());\n\n // for the remainder number of days, check for matches in workDays\n for (let i = 0; i <= remainder; i += 1) {\n if (workDays.includes(`${day}`)) duration += 1;\n if (day === 6) {\n day = 0;\n } else {\n day += 1;\n }\n }\n\n return duration;\n};\n\nconst getSelectedWorkDayCheckboxes = workDays => DEFAULT_WORK_DAYS_OPTIONS.map((day) => {\n const newDay = { ...day };\n\n newDay.checked = workDays.includes(newDay.value.toString());\n\n return newDay;\n});\n\nexport const getMainItemsDesc = (request, skillSet) => {\n if (!request) return [];\n\n const isDisplayOnly = request.state === REQUEST_REJECTED;\n\n const { description, project, requiredSkills } = request;\n const { name: projectName } = project;\n\n return [\n {\n id: 'description',\n name: 'Description',\n type: 'Text',\n value: description,\n isRequired: true,\n fullWidth: true,\n maxLength: 100,\n displayOnly: isDisplayOnly,\n isHeader: true,\n },\n {\n id: 'project',\n name: 'Project',\n value: projectName,\n input: {},\n displayOnly: true,\n },\n {\n id: REQUIRED_SKILLS,\n name: 'Skill set',\n type: 'MultiSelect',\n multi: true,\n value: requiredSkills,\n definedValues: skillSet.map(skill => ({ definedValue: skill.name })),\n displayOnly: isDisplayOnly,\n },\n ];\n};\n\nexport const getOtherItemsDesc = (request) => {\n if (!request) return [];\n\n const {\n startDate,\n endDate,\n workDays,\n requester,\n requestedOn,\n note,\n state,\n } = request;\n\n const isDisplayOnly = state === REQUEST_REJECTED;\n const duration = calculateDuration(startDate, endDate, workDays);\n\n return [\n {\n id: 'startDate',\n name: 'Start date',\n type: 'Date',\n value: startDate,\n isRequired: true,\n required: true,\n minDate: moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: MIN_API_CONFIGURABLE_DATE_MESSAGE,\n displayOnly: isDisplayOnly,\n },\n {\n id: 'endDate',\n name: 'End date',\n type: 'Date',\n value: endDate,\n minDate: moment(MIN_API_CONFIGURABLE_DATE),\n minDateMessage: MIN_API_CONFIGURABLE_DATE_MESSAGE,\n isRequired: true,\n displayOnly: isDisplayOnly,\n },\n {\n id: 'duration',\n name: 'Duration',\n type: 'Text',\n multi: true,\n options: [],\n value: pluralize('day', duration, true),\n input: {},\n displayOnly: true,\n },\n {\n id: 'workDays',\n name: 'Working days',\n type: 'MultiCheckbox',\n value: formatWorkingDays(workDays),\n options: getSelectedWorkDayCheckboxes(workDays),\n className: 'working-days-container',\n displayOnly: isDisplayOnly,\n },\n {\n id: 'requester',\n name: 'Requester',\n type: 'Text',\n value: requester?.name || '',\n input: {},\n displayOnly: true,\n },\n {\n id: 'requestedOn',\n name: 'Requested',\n type: 'Date',\n value: requestedOn,\n input: {},\n displayOnly: true,\n },\n {\n id: 'note',\n name: 'Notes',\n type: 'LongText',\n value: note,\n displayOnly: isDisplayOnly,\n },\n ];\n};\n\nexport const getHourlyPersonMainDesc = (hourlyPerson) => {\n if (!hourlyPerson) return [];\n const { skillSet, fields } = hourlyPerson;\n const homeAddress = fields.find(({ name }) => name === HOME_ADDRESS_FIELD)?.values[0];\n return [\n {\n id: 'Skill set',\n name: 'Skill set',\n type: 'MultiSelect',\n multi: true,\n options: [],\n value: skillSet,\n },\n {\n id: 'Home Address',\n name: 'Home Address',\n type: 'Text',\n value: homeAddress,\n },\n ];\n};\n\nexport const getHourlyPersonOtherDesc = (hourlyPerson, hourlyPersonFields) => {\n if (!hourlyPerson || !hourlyPersonFields.length) return [];\n const { phoneNumber, fields } = hourlyPerson;\n\n const otherFields = fields.reduce((acc, field) => {\n const { id, name, values } = field;\n if (name !== HOME_ADDRESS_FIELD) {\n const relevantField = hourlyPersonFields.find(field => field.id === id);\n if (relevantField) {\n const { type } = relevantField;\n acc.push({\n id,\n name,\n type,\n value: values,\n });\n }\n }\n return acc;\n }, []);\n\n return [\n {\n id: 'Cell number',\n name: 'Cell number',\n type: 'PhoneNumber',\n value: phoneNumber,\n },\n ...otherFields,\n ];\n};\n\nexport const getDeleteRequestModalText = (selectedRequest) => {\n const { state, assignee } = selectedRequest || {};\n const deleteAssignment = 'Are you sure you want to delete this assignment?';\n const deleteAssignmentTitle = 'Delete assignment';\n\n switch (state) {\n case ASSIGNED: {\n return {\n modalText: deleteAssignment,\n modalTitle: deleteAssignmentTitle,\n };\n }\n case ASSIGNED_NOTIFIED: {\n return {\n modalText: `${deleteAssignment} ${assignee.name} has already been notified of the assignment.`,\n modalTitle: deleteAssignmentTitle,\n };\n }\n default: {\n return {\n modalText: 'Are you sure you want to delete this request?',\n modalTitle: 'Delete request',\n };\n }\n }\n};\n\nexport const getNormalizedUpdateRequestData = (fieldId, values) => {\n if (fieldId === REQUIRED_SKILLS) return { [fieldId]: values };\n\n if (fieldId === 'workDays') return { [fieldId]: getSelectedWorkDayValues(values) };\n\n return { [fieldId]: values[0] };\n};\n\nexport const validateUpdateRequestData = (fieldToEdit, data, selectedRequest) => {\n const { startDate, endDate, workDays } = selectedRequest;\n\n if (fieldToEdit === START_DATE) {\n if (moment(data).isAfter(endDate)) return { startDate: 'Start date must be earlier than the end date' };\n\n if (isNoWorkDaysWithinRange(workDays, data, endDate)) return { startDate: 'There are no working days in the request date range' };\n }\n\n if (fieldToEdit === END_DATE) {\n if (moment(data).isBefore(startDate)) return { endDate: 'End date must be later than the start date' };\n\n if (isNoWorkDaysWithinRange(workDays, startDate, data)) return { endDate: 'There are no working days in the request date range' };\n }\n\n if (fieldToEdit === 'workDays') {\n if (isNoWorkDaysWithinRange(data, startDate, endDate)) return { workDays: 'There are no working days in the request date range' };\n }\n\n return {};\n};\n\nexport const getStandardNotifyText = (person, request) => {\n if (!person || !request) return '';\n\n const { name } = person;\n const {\n project,\n workDays,\n startDate,\n endDate,\n requester,\n } = request;\n const { name: projectName } = project;\n\n const start = moment(startDate).format(DATE_DISPLAY_FORMAT);\n const end = moment(endDate).format(DATE_DISPLAY_FORMAT);\n let text = `${name} has been assigned to ${projectName} from ${start} - ${end}. Working days: ${formatWorkingDays(workDays)}.`;\n\n if (requester) {\n const { name: requesterName, phoneNumber } = requester;\n const phoneNumberText = phoneNumber ? ` ${phoneNumber}` : '';\n text += ` Requested by ${requesterName}${phoneNumberText}.`;\n }\n\n return text;\n};\n\nexport const getStandardRemoveNotifyText = (request) => {\n if (!request) return '';\n const { assignee, project, startDate, endDate } = request;\n const { name: projectName } = project;\n const start = moment(startDate).format(DATE_DISPLAY_FORMAT);\n const end = moment(endDate).format(DATE_DISPLAY_FORMAT);\n return `Assignment Removed. ${assignee?.name || 'Assignee'} is no longer assigned to ${projectName} from ${start} - ${end}.`;\n};\n\nexport const getRequestRecipients = (person, request) => {\n if (!person || !request) return [];\n\n const { id, name, skillSet } = person;\n const { requester } = request;\n const recipients = [\n {\n id,\n name,\n title: skillSet?.join(', ') || '',\n },\n ];\n\n if (requester) {\n recipients.push({\n id: `requester-${requester.id}`,\n name: requester.name,\n title: 'Requester',\n });\n }\n\n return recipients;\n};\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Button } from '@material-ui/core';\nimport { NavigateBack } from '@bridgit/foundation';\nimport { FieldEditor, ChipDropdownToggle, Modal } from 'src/features/common';\nimport {\n clearSelectedRequest,\n getBestMatches,\n assignRequest,\n deleteRequest,\n updateHourlyRequest,\n} from 'src/features/self-perform/redux/actions';\nimport {\n REQUEST_STATUS_OPTIONS,\n REQUEST_WRITE_PERMS,\n REQUEST_REJECTED,\n SKILL_SET_FIELD,\n} from 'src/features/self-perform/constants';\nimport {\n getMainItemsDesc,\n getOtherItemsDesc,\n getDeleteRequestModalText,\n getNormalizedUpdateRequestData,\n validateUpdateRequestData,\n} from 'src/features/self-perform/utils/requestDetailsUtils';\nimport { Can, EditControls } from 'src/features/wrapped-components';\nimport {\n PERM_REQUEST,\n PERM_WRITE,\n REQUEST_STATUS_TOGGLE_PERMISSIONS,\n} from 'src/features/permissions/utils/constants';\nimport { getFieldInput } from 'src/utils/miscUtils';\nimport { AssigneeDetails, BestMatches } from '.';\nimport { getSkillSet } from '../account-settings/redux/actions';\n\nfunction RequestDetails({\n accountId,\n selectedRequest,\n clearSelectedRequest,\n getBestMatches,\n assignRequest,\n updateHourlyRequest,\n deleteRequest,\n deleteRequestPending,\n getSkillSet,\n skillSet,\n updateHourlyRequestPending,\n bestMatchSearchQuery,\n}) {\n const [showModal, setShowModal] = useState(false);\n const [fieldToEdit, setFieldToEdit] = useState(null);\n\n const mainItems = useMemo(() => getMainItemsDesc(selectedRequest, skillSet), [selectedRequest, skillSet]);\n const otherItems = useMemo(() => getOtherItemsDesc(selectedRequest), [selectedRequest]);\n\n useEffect(() => {\n getSkillSet(accountId);\n }, [accountId, getSkillSet]);\n\n const openModal = useCallback(() => setShowModal(true), []);\n const closeModal = useCallback(() => setShowModal(false), []);\n\n useEffect(() => {\n if (selectedRequest) {\n const { assignee, project, id, state } = selectedRequest;\n const { id: projectId, name: projectName } = project;\n const mixpanelData = { projectName };\n\n if (!assignee && state !== REQUEST_REJECTED) {\n getBestMatches(accountId, projectId, id, bestMatchSearchQuery, mixpanelData);\n }\n }\n }, [selectedRequest, accountId, getBestMatches, bestMatchSearchQuery]);\n\n const handleSetEditing = useCallback(id => () => setFieldToEdit(id), []);\n\n const handleCancelEditing = useCallback(() => setFieldToEdit(null), []);\n\n const onSave = useCallback(({ fieldId, values }) => {\n const { id: requestId, project, state } = selectedRequest;\n const { id: projectId, name: projectName } = project;\n\n const newData = getNormalizedUpdateRequestData(fieldId, values);\n\n updateHourlyRequest(accountId, projectId, requestId, newData, projectName, state);\n\n handleCancelEditing();\n }, [selectedRequest, updateHourlyRequest, accountId, handleCancelEditing]);\n\n const onBackClick = useCallback(() => {\n clearSelectedRequest();\n }, [clearSelectedRequest]);\n\n const onAssign = useCallback((assigneeId, assigneeName, message, defaultMessage) => {\n if (selectedRequest) {\n const { project, state, requester, id } = selectedRequest;\n const { id: projectId, name: projectName } = project;\n const mixpanelData = {\n projectName,\n personName: assigneeName,\n requestState: state,\n requester,\n defaultMessage,\n };\n assignRequest(accountId, projectId, id, { assigneeId, message }, mixpanelData);\n clearSelectedRequest();\n }\n }, [accountId, selectedRequest, assignRequest, clearSelectedRequest]);\n\n const onValidate = useCallback(data => validateUpdateRequestData(fieldToEdit, data, selectedRequest), [fieldToEdit, selectedRequest]);\n\n const renderItems = items => items.map(item => (\n \n
\n );\n };\n\n const updateRequestStatus = useCallback((state) => {\n const { project, id, state: status } = selectedRequest;\n const { id: projectId, name: projectName } = project;\n updateHourlyRequest(accountId, projectId, id, { state }, projectName, status);\n }, [accountId, selectedRequest, updateHourlyRequest]);\n\n if (!selectedRequest) return null;\n\n return (\n \n This request has been rejected. Please re-open the request in order to assign someone to it.\n
\n \n \n {modalText}\n
\n );\n}\n\nRequestDetails.propTypes = {\n accountId: PropTypes.number.isRequired,\n selectedRequest: PropTypes.object,\n clearSelectedRequest: PropTypes.func.isRequired,\n getBestMatches: PropTypes.func.isRequired,\n assignRequest: PropTypes.func.isRequired,\n updateHourlyRequest: PropTypes.func.isRequired,\n deleteRequest: PropTypes.func.isRequired,\n deleteRequestPending: PropTypes.bool.isRequired,\n getSkillSet: PropTypes.func.isRequired,\n skillSet: PropTypes.array.isRequired,\n updateHourlyRequestPending: PropTypes.bool,\n bestMatchSearchQuery: PropTypes.object,\n};\n\nRequestDetails.defaultProps = {\n selectedRequest: null,\n updateHourlyRequestPending: false,\n bestMatchSearchQuery: {},\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ selfPerform, common, accountSettings, queries }) {\n const { selectedRequest, updateHourlyRequestPending, deleteRequestPending } = selfPerform;\n const { accountId } = common;\n const { skillSet } = accountSettings;\n\n const { search: bestMatchSearchQuery = null } = queries?.bestMatches || {};\n\n return {\n selectedRequest,\n accountId,\n deleteRequestPending,\n skillSet,\n updateHourlyRequestPending,\n bestMatchSearchQuery,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n clearSelectedRequest: bindActionCreators(clearSelectedRequest, dispatch),\n getBestMatches: bindActionCreators(getBestMatches, dispatch),\n assignRequest: bindActionCreators(assignRequest, dispatch),\n deleteRequest: bindActionCreators(deleteRequest, dispatch),\n getSkillSet: bindActionCreators(getSkillSet, dispatch),\n updateHourlyRequest: bindActionCreators(updateHourlyRequest, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(RequestDetails);\n","import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport classNames from 'classnames';\nimport { Button } from '@material-ui/core';\nimport { NotifyModal, Loader } from '@bridgit/foundation';\nimport { connect } from 'react-redux';\nimport { FILTER_NAME } from 'src/filters/constants';\nimport { FILTERED_MATCHES_QUERY_ID } from 'src/features/queries/redux/constants';\nimport { getStandardNotifyText, getRequestRecipients } from 'src/features/self-perform/utils/requestDetailsUtils';\nimport { BestMatchList } from '.';\nimport { ProjectNotifyHeader } from '../projects';\nimport {\n BEST_MATCH_TOP_TYPE,\n BEST_MATCH_OTHER_TYPE,\n} from './constants';\nimport { SearchBox } from '../filters';\nimport { clearQueries } from '../queries/redux/actions';\n\nexport const BestMatches = ({\n bestMatches,\n otherMatches,\n getBestMatchesPending,\n assignRequestPending,\n onAssign,\n selectedRequest,\n clearQueries,\n}) => {\n const [selectedPerson, setSelectedPerson] = useState(null);\n const [showNotifyModal, setShowNotifyModal] = useState(false);\n const [clearSearch, setClearSearch] = useState(false);\n\n const standardText = useMemo(() => getStandardNotifyText(selectedPerson, selectedRequest),\n [selectedPerson, selectedRequest]);\n\n const recipients = useMemo(() => getRequestRecipients(selectedPerson, selectedRequest),\n [selectedPerson, selectedRequest]);\n\n const notifyHeader = useMemo(() => {\n const { description, project } = selectedRequest;\n return (\n \n
\n \n
\n {renderSidePanel()}\n\n {showModal && (\n \n {renderItems(mainItems)}\n
\n \n {renderItems(otherItems)}\n
\n \n
\n \n {searchBox}\n
\n );\n }\n\n const hasBestMatches = bestMatches.length > 0;\n const hasOtherMatches = otherMatches.length > 0;\n\n const renderList = () => (\n \n
\n );\n\n return (\n Matches
\n Other
\n \n {searchBox}\n {hasBestMatches || hasOtherMatches\n ? renderList()\n :
\n );\n};\n\nBestMatches.propTypes = {\n bestMatches: PropTypes.array.isRequired,\n otherMatches: PropTypes.array.isRequired,\n getBestMatchesPending: PropTypes.bool,\n assignRequestPending: PropTypes.bool,\n onAssign: PropTypes.func.isRequired,\n selectedRequest: PropTypes.object.isRequired,\n clearQueries: PropTypes.func.isRequired,\n};\n\nBestMatches.defaultProps = {\n getBestMatchesPending: false,\n assignRequestPending: false,\n};\n\n/* istanbul ignore next */\nconst mapStateToProps = ({ selfPerform }) => {\n const {\n bestMatches,\n otherMatches,\n getBestMatchesPending,\n assignRequestPending,\n } = selfPerform;\n\n return {\n bestMatches,\n otherMatches,\n getBestMatchesPending,\n assignRequestPending,\n };\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n clearQueries: bindActionCreators(clearQueries, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(BestMatches);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BestMatchListItem } from '.';\nimport { AUTOMATION_SP_BEST_MATCHES_LIST } from './ids';\n\nconst BestMatchList = ({\n matches,\n type,\n onSelectPerson,\n selectedPerson,\n}) => {\n const selectedPersonId = selectedPerson?.id;\n\n if (!matches?.length) {\n return (\n There are no matches for this request.
}\n \n \n \n \n
\n {selectedPerson && (\n {`There are no ${type} matches for this request.`}
\n );\n }\n\n return (\n \n {matches.map(person => (\n
\n );\n};\n\nBestMatchList.propTypes = {\n matches: PropTypes.array.isRequired,\n type: PropTypes.string.isRequired,\n onSelectPerson: PropTypes.func.isRequired,\n selectedPerson: PropTypes.object,\n};\n\nBestMatchList.defaultProps = {\n selectedPerson: null,\n};\n\nexport default BestMatchList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { HOME_ADDRESS_FIELD } from 'src/common/constants';\n\nconst BestMatchListItem = ({\n person,\n isSelected,\n onSelectPerson,\n type,\n}) => {\n const { name, skillSet } = person;\n\n const onSelect = () => {\n onSelectPerson(person);\n };\n\n const renderContent = () => (\n <>\n {name}
\n {skillSet?.join(', ')}
\n \n );\n\n const renderSelectedContent = () => {\n const address = person.fields?.find(({ name }) => name === HOME_ADDRESS_FIELD);\n\n return (\n <>\n {name}
\n Skill set
\n {skillSet?.join(', ')}
\n Home address
\n {address?.values?.[0] || ''}
\n \n );\n };\n\n return (\n \n \n
\n );\n}\n\nAssigneeDetails.propTypes = {\n accountId: PropTypes.number.isRequired,\n selectedRequest: PropTypes.object,\n hourlyPersonFields: PropTypes.arrayOf(PropTypes.object).isRequired,\n assignRequestPending: PropTypes.bool,\n removeAssigneePending: PropTypes.bool,\n getHourlyPersonFields: PropTypes.func.isRequired,\n sendNotification: PropTypes.func.isRequired,\n removeAssignee: PropTypes.func.isRequired,\n};\n\nAssigneeDetails.defaultProps = {\n selectedRequest: null,\n assignRequestPending: false,\n removeAssigneePending: false,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, selfPerform, accountSettings }) {\n const { accountId } = common;\n const {\n selectedRequest,\n assignRequestPending,\n removeAssigneePending,\n } = selfPerform;\n const { hourlyPersonFields } = accountSettings;\n return {\n accountId,\n selectedRequest,\n hourlyPersonFields,\n assignRequestPending,\n removeAssigneePending,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n getHourlyPersonFields: bindActionCreators(getHourlyPersonFields, dispatch),\n sendNotification: bindActionCreators(sendNotification, dispatch),\n removeAssignee: bindActionCreators(removeAssignee, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AssigneeDetails);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandMore, ExpandLess } from '@material-ui/icons';\nimport { FieldEditor } from 'src/features/common';\n\n\nexport default function HourlyPersonCard({\n hourlyPerson,\n fields,\n expandedFields,\n}) {\n const [expanded, setExpanded] = useState(false);\n\n const onClick = () => setExpanded(!expanded);\n\n const renderFields = fields => fields.map(item => (\n \n
\n Assignee
\n \n
\n {notifyState === NOTIFY_EXISTING\n ? (\n Communication status
\n {renderCommunicatedStatus(lastNotifiedOn)}
\n \n
\n \n )}\n Are you sure you want to remove this assignment?
\nYou will be able to reassign this request in the ‘Requests’ area.
\n\n
\n ));\n\n if (!hourlyPerson) return null;\n\n const { name } = hourlyPerson;\n\n return (\n \n
\n );\n}\n\nHourlyPersonCard.propTypes = {\n hourlyPerson: PropTypes.object,\n fields: PropTypes.arrayOf(PropTypes.object),\n expandedFields: PropTypes.arrayOf(PropTypes.object),\n};\n\nHourlyPersonCard.defaultProps = {\n hourlyPerson: null,\n fields: [],\n expandedFields: [],\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN,\n SELF_PERFORM_ADD_HOURLY_PERSON_SUCCESS,\n SELF_PERFORM_ADD_HOURLY_PERSON_FAILURE,\n SELF_PERFORM_ADD_HOURLY_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addHourlyPerson(accountId, data) {\n return {\n type: SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN,\n accountId,\n data,\n };\n}\n\nexport function dismissAddHourlyPersonError() {\n return {\n type: SELF_PERFORM_ADD_HOURLY_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doAddHourlyPerson(action) {\n const { accountId, data } = action;\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/hourly-persons`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_ADD_HOURLY_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_ADD_HOURLY_PERSON_SUCCESS,\n data: res,\n fields: data?.fields || [],\n });\n}\n\nexport function* watchAddHourlyPerson() {\n yield takeLatest(SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN, doAddHourlyPerson);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN:\n return {\n ...state,\n addHourlyPersonPending: true,\n addHourlyPersonError: null,\n };\n\n case SELF_PERFORM_ADD_HOURLY_PERSON_SUCCESS: {\n const { data, fields } = action;\n return {\n ...state,\n filteredHourlyPersons: [\n ...state.filteredHourlyPersons,\n {\n ...data,\n fields,\n currentAssignments: [],\n upcomingAssignments: [],\n assignments: [],\n },\n ],\n addHourlyPersonPending: false,\n addHourlyPersonError: null,\n };\n }\n\n case SELF_PERFORM_ADD_HOURLY_PERSON_FAILURE:\n return {\n ...state,\n addHourlyPersonPending: false,\n addHourlyPersonError: action.data.error,\n };\n\n case SELF_PERFORM_ADD_HOURLY_PERSON_DISMISS_ERROR:\n return {\n ...state,\n addHourlyPersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN,\n SELF_PERFORM_ADD_HOURLY_REQUEST_SUCCESS,\n SELF_PERFORM_ADD_HOURLY_REQUEST_FAILURE,\n SELF_PERFORM_ADD_HOURLY_REQUEST_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function addHourlyRequest(accountId, projectId, data, project, requester, viewAddedFrom) {\n return {\n type: SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN,\n accountId,\n projectId,\n data,\n project,\n requester,\n viewAddedFrom,\n };\n}\n\nexport function dismissAddHourlyRequestError() {\n return {\n type: SELF_PERFORM_ADD_HOURLY_REQUEST_DISMISS_ERROR,\n };\n}\n\nexport function* doAddHourlyRequest(action) {\n const { accountId, projectId, data, project, requester, viewAddedFrom } = action;\n\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/hourly-requests`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_ADD_HOURLY_REQUEST_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_ADD_HOURLY_REQUEST_SUCCESS,\n data: res,\n projectId,\n project,\n requester,\n viewAddedFrom,\n });\n}\n\nexport function* watchAddHourlyRequest() {\n yield takeLatest(SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN, doAddHourlyRequest);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN:\n return {\n ...state,\n addHourlyRequestPending: true,\n addHourlyRequestError: null,\n };\n\n case SELF_PERFORM_ADD_HOURLY_REQUEST_SUCCESS: {\n const { data, projectId, project, requester } = action;\n\n const newRequest = {\n ...data[0],\n project: {\n id: projectId,\n name: project.name,\n colour: project.colour,\n },\n requester,\n };\n\n const updatedFilteredRequests = [...state.filteredRequests, newRequest];\n\n return {\n ...state,\n filteredRequests: updatedFilteredRequests,\n addHourlyRequestPending: false,\n addHourlyRequestError: null,\n };\n }\n\n case SELF_PERFORM_ADD_HOURLY_REQUEST_FAILURE:\n return {\n ...state,\n addHourlyRequestPending: false,\n addHourlyRequestError: action.data.error,\n };\n\n case SELF_PERFORM_ADD_HOURLY_REQUEST_DISMISS_ERROR:\n return {\n ...state,\n addHourlyRequestError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_ASSIGN_REQUEST_BEGIN,\n SELF_PERFORM_ASSIGN_REQUEST_SUCCESS,\n SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n SELF_PERFORM_ASSIGN_REQUEST_FAILURE,\n SELF_PERFORM_ASSIGN_REQUEST_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function assignRequest(accountId, projectId, requestId, data, mixpanelData) {\n return {\n type: SELF_PERFORM_ASSIGN_REQUEST_BEGIN,\n accountId,\n projectId,\n requestId,\n data,\n mixpanelData,\n };\n}\n\nexport function dismissAssignRequestError() {\n return {\n type: SELF_PERFORM_ASSIGN_REQUEST_DISMISS_ERROR,\n };\n}\n\nexport function* doAssignRequest(action) {\n const { accountId, projectId, requestId, data, mixpanelData } = action;\n const { message } = data;\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}/assignment`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_ASSIGN_REQUEST_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n // dispatch for mixpanel middleware\n if (message !== null) {\n yield put({\n type: SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n requestId,\n projectId,\n personId: data?.assigneeId,\n message,\n mixpanelData,\n });\n }\n\n yield put({\n type: SELF_PERFORM_ASSIGN_REQUEST_SUCCESS,\n requestId,\n projectId,\n personId: data?.assigneeId,\n message,\n mixpanelData,\n });\n}\n\nexport function* watchAssignRequest() {\n yield takeLatest(SELF_PERFORM_ASSIGN_REQUEST_BEGIN, doAssignRequest);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_ASSIGN_REQUEST_BEGIN:\n return {\n ...state,\n assignRequestPending: true,\n assignRequestError: null,\n };\n\n case SELF_PERFORM_ASSIGN_REQUEST_SUCCESS:\n return {\n ...state,\n filteredRequests: state.filteredRequests?.filter(({ id }) => id !== action.requestId) || [],\n assignRequestPending: false,\n assignRequestError: null,\n };\n\n case SELF_PERFORM_ASSIGN_REQUEST_FAILURE:\n return {\n ...state,\n assignRequestPending: false,\n assignRequestError: action.data.error,\n };\n\n case SELF_PERFORM_ASSIGN_REQUEST_DISMISS_ERROR:\n return {\n ...state,\n assignRequestError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_ASSIGN_REQUESTER_BEGIN,\n SELF_PERFORM_ASSIGN_REQUESTER_SUCCESS,\n SELF_PERFORM_ASSIGN_REQUESTER_FAILURE,\n SELF_PERFORM_ASSIGN_REQUESTER_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function assignRequester(accountId, projectId, requesterIds, users, projectName) {\n return {\n type: SELF_PERFORM_ASSIGN_REQUESTER_BEGIN,\n accountId,\n projectId,\n requesterIds,\n users,\n projectName,\n };\n}\n\nexport function dismissAssignRequesterError() {\n return {\n type: SELF_PERFORM_ASSIGN_REQUESTER_DISMISS_ERROR,\n };\n}\n\nexport function* doAssignRequester(action) {\n const { accountId, projectId, requesterIds, users, projectName } = action;\n\n let res;\n try {\n res = yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/users`, requesterIds);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_ASSIGN_REQUESTER_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_ASSIGN_REQUESTER_SUCCESS,\n data: res,\n addedRequesters: users[accountId].filter(({ id }) => requesterIds.includes(id)),\n projectId,\n projectName,\n });\n}\n\nexport function* watchAssignRequester() {\n yield takeLatest(SELF_PERFORM_ASSIGN_REQUESTER_BEGIN, doAssignRequester);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_ASSIGN_REQUESTER_BEGIN:\n return {\n ...state,\n assignRequesterPending: true,\n assignRequesterError: null,\n };\n\n case SELF_PERFORM_ASSIGN_REQUESTER_SUCCESS: {\n const { addedRequesters } = action;\n\n return {\n ...state,\n projectRequesters: [...state.projectRequesters, ...addedRequesters],\n assignRequesterPending: false,\n assignRequesterError: null,\n };\n }\n\n case SELF_PERFORM_ASSIGN_REQUESTER_FAILURE:\n return {\n ...state,\n assignRequesterPending: false,\n assignRequesterError: action.data.error,\n };\n\n case SELF_PERFORM_ASSIGN_REQUESTER_DISMISS_ERROR:\n return {\n ...state,\n assignRequesterError: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n SELF_PERFORM_CLEAR_SELECTED_HOURLY_PERSON,\n} from './constants';\n\nexport function clearSelectedHourlyPerson() {\n return {\n type: SELF_PERFORM_CLEAR_SELECTED_HOURLY_PERSON,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_CLEAR_SELECTED_HOURLY_PERSON:\n return {\n ...state,\n selectedHourlyPerson: null,\n };\n\n default:\n return state;\n }\n}\n","import {\n SELF_PERFORM_CLEAR_SELECTED_REQUEST,\n} from './constants';\n\nexport function clearSelectedRequest() {\n return {\n type: SELF_PERFORM_CLEAR_SELECTED_REQUEST,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_CLEAR_SELECTED_REQUEST:\n return {\n ...state,\n selectedRequest: null,\n };\n\n default:\n return state;\n }\n}\n","export const DEFAULT_HOURLY_PERSONS_SORT = { name: 'sort', args: [{ column: 'name', label: 'Name', ascending: true, type: null }] };\nexport const DEFAULT_REQUEST_SORT = { name: 'sort', args: [{ column: 'startDate', label: 'Start Date', ascending: true, type: null }] };\nexport const DEFAULT_ASSIGNMENT_SORT = { name: 'sort', args: [{ column: 'startDate', label: 'Start Date', ascending: false, type: null }] };\nexport const DEFAULT_REQUEST_SECONDARY_SORT = [\n { startDate: { order: 'asc' } },\n { endDate: { order: 'asc' } },\n];\n\nexport const MAX_REQUEST_SIZE = 9999;\nexport const DEFAULT_REQUEST_STATE_FILTER = {\n label: 'Status',\n column: 'state',\n activeFilters: [\n { name: 'Open', value: 'Open' },\n { name: 'Assigned', value: 'Assigned' },\n { name: 'AssignedNotified', value: 'AssignedNotified' },\n { name: 'Pending', value: 'Pending' },\n ],\n};\n\nexport const DEFAULT_PROJECT_REQUEST_SORT = [\n { startDate: { order: 'asc' } },\n { endDate: { order: 'asc' } },\n { requiredSkills: { order: 'asc' } },\n];\n\nexport const HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN = 'HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN';\nexport const HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_SUCCESS = 'HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_SUCCESS';\nexport const HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_FAILURE = 'HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_FAILURE';\nexport const HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_DISMISS_ERROR = 'HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_DISMISS_ERROR';\nexport const HOURLY_PERSONS_LIST_SELECTION_ID = 'HOURLY_PERSONS_LIST_SELECTION_ID';\nexport const SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN = 'SELF_PERFORM_ADD_HOURLY_PERSON_BEGIN';\nexport const SELF_PERFORM_ADD_HOURLY_PERSON_SUCCESS = 'SELF_PERFORM_ADD_HOURLY_PERSON_SUCCESS';\nexport const SELF_PERFORM_ADD_HOURLY_PERSON_FAILURE = 'SELF_PERFORM_ADD_HOURLY_PERSON_FAILURE';\nexport const SELF_PERFORM_ADD_HOURLY_PERSON_DISMISS_ERROR = 'SELF_PERFORM_ADD_HOURLY_PERSON_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_REQUESTERS_BEGIN = 'SELF_PERFORM_GET_REQUESTERS_BEGIN';\nexport const SELF_PERFORM_GET_REQUESTERS_SUCCESS = 'SELF_PERFORM_GET_REQUESTERS_SUCCESS';\nexport const SELF_PERFORM_GET_REQUESTERS_FAILURE = 'SELF_PERFORM_GET_REQUESTERS_FAILURE';\nexport const SELF_PERFORM_GET_REQUESTERS_DISMISS_ERROR = 'SELF_PERFORM_GET_REQUESTERS_DISMISS_ERROR';\nexport const SELF_PERFORM_ASSIGN_REQUESTER_BEGIN = 'SELF_PERFORM_ASSIGN_REQUESTER_BEGIN';\nexport const SELF_PERFORM_ASSIGN_REQUESTER_SUCCESS = 'SELF_PERFORM_ASSIGN_REQUESTER_SUCCESS';\nexport const SELF_PERFORM_ASSIGN_REQUESTER_FAILURE = 'SELF_PERFORM_ASSIGN_REQUESTER_FAILURE';\nexport const SELF_PERFORM_ASSIGN_REQUESTER_DISMISS_ERROR = 'SELF_PERFORM_ASSIGN_REQUESTER_DISMISS_ERROR';\nexport const SELF_PERFORM_DELETE_REQUESTER_BEGIN = 'SELF_PERFORM_DELETE_REQUESTER_BEGIN';\nexport const SELF_PERFORM_DELETE_REQUESTER_SUCCESS = 'SELF_PERFORM_DELETE_REQUESTER_SUCCESS';\nexport const SELF_PERFORM_DELETE_REQUESTER_FAILURE = 'SELF_PERFORM_DELETE_REQUESTER_FAILURE';\nexport const SELF_PERFORM_DELETE_REQUESTER_DISMISS_ERROR = 'SELF_PERFORM_DELETE_REQUESTER_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN = 'SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_SUCCESS = 'SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_SUCCESS';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_FAILURE = 'SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_FAILURE';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_DISMISS_ERROR = 'SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_DISMISS_ERROR';\nexport const SELF_PERFORM_CLEAR_SELECTED_HOURLY_PERSON = 'SELF_PERFORM_CLEAR_SELECTED_HOURLY_PERSON';\nexport const SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN = 'SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN';\nexport const SELF_PERFORM_GET_FILTERED_REQUESTS_SUCCESS = 'SELF_PERFORM_GET_FILTERED_REQUESTS_SUCCESS';\nexport const SELF_PERFORM_GET_FILTERED_REQUESTS_FAILURE = 'SELF_PERFORM_GET_FILTERED_REQUESTS_FAILURE';\nexport const SELF_PERFORM_GET_FILTERED_REQUESTS_DISMISS_ERROR = 'SELF_PERFORM_GET_FILTERED_REQUESTS_DISMISS_ERROR';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_SUCCESS = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_SUCCESS';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_FAILURE = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_FAILURE';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_DISMISS_ERROR = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_DISMISS_ERROR';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_SUCCESS = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_SUCCESS';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_FAILURE = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_FAILURE';\nexport const SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_DISMISS_ERROR = 'SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN = 'SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_SUCCESS = 'SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_SUCCESS';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_FAILURE = 'SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_FAILURE';\nexport const SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_DISMISS_ERROR = 'SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN = 'SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN';\nexport const SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_SUCCESS = 'SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_SUCCESS';\nexport const SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_FAILURE = 'SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_FAILURE';\nexport const SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_DISMISS_ERROR = 'SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN = 'SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN';\nexport const SELF_PERFORM_GET_REQUEST_BY_ID_SUCCESS = 'SELF_PERFORM_GET_REQUEST_BY_ID_SUCCESS';\nexport const SELF_PERFORM_GET_REQUEST_BY_ID_FAILURE = 'SELF_PERFORM_GET_REQUEST_BY_ID_FAILURE';\nexport const SELF_PERFORM_GET_REQUEST_BY_ID_DISMISS_ERROR = 'SELF_PERFORM_GET_REQUEST_BY_ID_DISMISS_ERROR';\nexport const SELF_PERFORM_GET_BEST_MATCHES_BEGIN = 'SELF_PERFORM_GET_BEST_MATCHES_BEGIN';\nexport const SELF_PERFORM_GET_BEST_MATCHES_SUCCESS = 'SELF_PERFORM_GET_BEST_MATCHES_SUCCESS';\nexport const SELF_PERFORM_GET_BEST_MATCHES_FAILURE = 'SELF_PERFORM_GET_BEST_MATCHES_FAILURE';\nexport const SELF_PERFORM_GET_BEST_MATCHES_DISMISS_ERROR = 'SELF_PERFORM_GET_BEST_MATCHES_DISMISS_ERROR';\nexport const SELF_PERFORM_CLEAR_SELECTED_REQUEST = 'SELF_PERFORM_CLEAR_SELECTED_REQUEST';\nexport const SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN = 'SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN';\nexport const SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_SUCCESS = 'SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_SUCCESS';\nexport const SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_FAILURE = 'SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_FAILURE';\nexport const SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_DISMISS_ERROR = 'SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_DISMISS_ERROR';\nexport const SELF_PERFORM_ASSIGN_REQUEST_BEGIN = 'SELF_PERFORM_ASSIGN_REQUEST_BEGIN';\nexport const SELF_PERFORM_ASSIGN_REQUEST_SUCCESS = 'SELF_PERFORM_ASSIGN_REQUEST_SUCCESS';\nexport const SELF_PERFORM_ASSIGN_REQUEST_FAILURE = 'SELF_PERFORM_ASSIGN_REQUEST_FAILURE';\nexport const SELF_PERFORM_ASSIGN_REQUEST_DISMISS_ERROR = 'SELF_PERFORM_ASSIGN_REQUEST_DISMISS_ERROR';\nexport const SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN = 'SELF_PERFORM_ADD_HOURLY_REQUEST_BEGIN';\nexport const SELF_PERFORM_ADD_HOURLY_REQUEST_SUCCESS = 'SELF_PERFORM_ADD_HOURLY_REQUEST_SUCCESS';\nexport const SELF_PERFORM_ADD_HOURLY_REQUEST_FAILURE = 'SELF_PERFORM_ADD_HOURLY_REQUEST_FAILURE';\nexport const SELF_PERFORM_ADD_HOURLY_REQUEST_DISMISS_ERROR = 'SELF_PERFORM_ADD_HOURLY_REQUEST_DISMISS_ERROR';\nexport const SELF_PERFORM_DELETE_REQUEST_BEGIN = 'SELF_PERFORM_DELETE_REQUEST_BEGIN';\nexport const SELF_PERFORM_DELETE_REQUEST_SUCCESS = 'SELF_PERFORM_DELETE_REQUEST_SUCCESS';\nexport const SELF_PERFORM_DELETE_REQUEST_FAILURE = 'SELF_PERFORM_DELETE_REQUEST_FAILURE';\nexport const SELF_PERFORM_DELETE_REQUEST_DISMISS_ERROR = 'SELF_PERFORM_DELETE_REQUEST_DISMISS_ERROR';\nexport const SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN = 'SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN';\nexport const SELF_PERFORM_UPDATE_HOURLY_REQUEST_SUCCESS = 'SELF_PERFORM_UPDATE_HOURLY_REQUEST_SUCCESS';\nexport const SELF_PERFORM_UPDATE_HOURLY_REQUEST_FAILURE = 'SELF_PERFORM_UPDATE_HOURLY_REQUEST_FAILURE';\nexport const SELF_PERFORM_UPDATE_HOURLY_REQUEST_DISMISS_ERROR = 'SELF_PERFORM_UPDATE_HOURLY_REQUEST_DISMISS_ERROR';\nexport const SELF_PERFORM_NOTIFICATION_SENT_SUCCESS = 'SELF_PERFORM_NOTIFICATION_SENT_SUCCESS';\nexport const SELF_PERFORM_SEND_NOTIFICATION_BEGIN = 'SELF_PERFORM_SEND_NOTIFICATION_BEGIN';\nexport const SELF_PERFORM_SEND_NOTIFICATION_SUCCESS = 'SELF_PERFORM_SEND_NOTIFICATION_SUCCESS';\nexport const SELF_PERFORM_SEND_NOTIFICATION_FAILURE = 'SELF_PERFORM_SEND_NOTIFICATION_FAILURE';\nexport const SELF_PERFORM_SEND_NOTIFICATION_DISMISS_ERROR = 'SELF_PERFORM_SEND_NOTIFICATION_DISMISS_ERROR';\nexport const SELF_PERFORM_REJECT_REQUEST_SUCCESS = 'SELF_PERFORM_REJECT_REQUEST_SUCCESS';\nexport const SELF_PERFORM_REOPEN_REQUEST_SUCCESS = 'SELF_PERFORM_REOPEN_REQUEST_SUCCESS';\nexport const SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN = 'SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN';\nexport const SELF_PERFORM_REMOVE_ASSIGNEE_SUCCESS = 'SELF_PERFORM_REMOVE_ASSIGNEE_SUCCESS';\nexport const SELF_PERFORM_REMOVE_ASSIGNEE_FAILURE = 'SELF_PERFORM_REMOVE_ASSIGNEE_FAILURE';\nexport const SELF_PERFORM_REMOVE_ASSIGNEE_DISMISS_ERROR = 'SELF_PERFORM_REMOVE_ASSIGNEE_DISMISS_ERROR';\nexport const SELF_PERFORM_SEARCH_BEST_MATCHES_SUCCESS = 'SELF_PERFORM_SEARCH_BEST_MATCHES_SUCCESS';\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN,\n SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_SUCCESS,\n SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_FAILURE,\n SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deactivateHourlyPerson(accountId, hourlyPersonId, hourlyPersonName) {\n return {\n type: SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN,\n accountId,\n hourlyPersonId,\n hourlyPersonName,\n };\n}\n\nexport function dismissDeactivateHourlyPersonError() {\n return {\n type: SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doDeactivateHourlyPerson(action) {\n const { accountId, hourlyPersonId, hourlyPersonName } = action;\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/hourly-persons/${hourlyPersonId}`);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_SUCCESS,\n data: res,\n hourlyPersonId,\n hourlyPersonName,\n });\n}\n\nexport function* watchDeactivateHourlyPerson() {\n yield takeLatest(SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN, doDeactivateHourlyPerson);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_BEGIN:\n return {\n ...state,\n deactivateHourlyPersonPending: true,\n deactivateHourlyPersonError: null,\n };\n\n case SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_SUCCESS: {\n return {\n ...state,\n filteredHourlyPersons: state.filteredHourlyPersons.filter(({ id }) => id !== action.hourlyPersonId),\n selectedHourlyPerson: null,\n deactivateHourlyPersonPending: false,\n deactivateHourlyPersonError: null,\n };\n }\n\n case SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_FAILURE:\n return {\n ...state,\n deactivateHourlyPersonPending: false,\n deactivateHourlyPersonError: action.data.error,\n };\n\n case SELF_PERFORM_DEACTIVATE_HOURLY_PERSON_DISMISS_ERROR:\n return {\n ...state,\n deactivateHourlyPersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_DELETE_REQUEST_BEGIN,\n SELF_PERFORM_DELETE_REQUEST_SUCCESS,\n SELF_PERFORM_DELETE_REQUEST_FAILURE,\n SELF_PERFORM_DELETE_REQUEST_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteRequest(accountId, projectId, requestId, mixpanelData) {\n return {\n type: SELF_PERFORM_DELETE_REQUEST_BEGIN,\n accountId,\n projectId,\n requestId,\n mixpanelData,\n };\n}\n\nexport function dismissDeleteRequestError() {\n return {\n type: SELF_PERFORM_DELETE_REQUEST_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteRequest(action) {\n const { accountId, projectId, requestId, mixpanelData } = action;\n try {\n yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}`);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_DELETE_REQUEST_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_DELETE_REQUEST_SUCCESS,\n requestId,\n projectId,\n mixpanelData,\n });\n}\n\nexport function* watchDeleteRequest() {\n yield takeLatest(SELF_PERFORM_DELETE_REQUEST_BEGIN, doDeleteRequest);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_DELETE_REQUEST_BEGIN:\n return {\n ...state,\n deleteRequestPending: true,\n deleteRequestError: null,\n };\n\n case SELF_PERFORM_DELETE_REQUEST_SUCCESS: {\n const { requestId } = action;\n return {\n ...state,\n deleteRequestPending: false,\n deleteRequestError: null,\n selectedRequest: null,\n filteredRequests: state.filteredRequests.filter(({ id }) => id !== requestId),\n };\n }\n\n case SELF_PERFORM_DELETE_REQUEST_FAILURE:\n return {\n ...state,\n deleteRequestPending: false,\n deleteRequestError: action.data.error,\n };\n\n case SELF_PERFORM_DELETE_REQUEST_DISMISS_ERROR:\n return {\n ...state,\n deleteRequestError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_DELETE_REQUESTER_BEGIN,\n SELF_PERFORM_DELETE_REQUESTER_SUCCESS,\n SELF_PERFORM_DELETE_REQUESTER_FAILURE,\n SELF_PERFORM_DELETE_REQUESTER_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonDelete } from '../../../utils/api';\n\nexport function deleteRequester(accountId, projectId, requesterIds, projectName) {\n return {\n type: SELF_PERFORM_DELETE_REQUESTER_BEGIN,\n accountId,\n projectId,\n requesterIds,\n projectName,\n };\n}\n\nexport function dismissDeleteRequesterError() {\n return {\n type: SELF_PERFORM_DELETE_REQUESTER_DISMISS_ERROR,\n };\n}\n\nexport function* doDeleteRequester(action) {\n const { accountId, projectId, requesterIds, projectName } = action;\n\n let res;\n try {\n res = yield call(protectedJsonDelete, `accounts/${accountId}/projects/${projectId}/users`, requesterIds);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_DELETE_REQUESTER_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_DELETE_REQUESTER_SUCCESS,\n data: res,\n deletedRequesterIds: requesterIds,\n projectId,\n projectName,\n });\n}\n\nexport function* watchDeleteRequester() {\n yield takeLatest(SELF_PERFORM_DELETE_REQUESTER_BEGIN, doDeleteRequester);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_DELETE_REQUESTER_BEGIN:\n return {\n ...state,\n deleteRequesterPending: true,\n deleteRequesterError: null,\n };\n\n case SELF_PERFORM_DELETE_REQUESTER_SUCCESS: {\n const { deletedRequesterIds } = action;\n\n const updatedRequesters = state.projectRequesters.filter(({ id }) => !deletedRequesterIds.includes(id));\n\n return {\n ...state,\n projectRequesters: updatedRequesters,\n deleteRequesterPending: false,\n deleteRequesterError: null,\n };\n }\n\n case SELF_PERFORM_DELETE_REQUESTER_FAILURE:\n return {\n ...state,\n deleteRequesterPending: false,\n deleteRequesterError: action.data.error,\n };\n\n case SELF_PERFORM_DELETE_REQUESTER_DISMISS_ERROR:\n return {\n ...state,\n deleteRequesterError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { MAX_SIZE, MIN_FROM } from 'src/common/constants';\nimport { generateRequestFilter } from '../../../filters/graphqlUtils';\nimport { HOURLY_PERSONS_SCHEMAS } from '../../../common/descriptors/hourlyPerson';\n\nconst HOURLY_PERSONS_LIST_QUERY = gql`\n query getHourlyPersonsBestMatches($accountId: Int!, $size: Int, $from: Int, $filters: [ESQuery], $structuredSort: [HourlyPersonSort], $isActive: Boolean) {\n hourlyPersons(accountId: $accountId, size: $size, from: $from, filters: $filters, structuredSort: $structuredSort, isActive: $isActive) {\n count\n hasMore\n cursor\n items {\n id\n name\n skillSet\n fields {\n name\n values\n }\n }\n }\n }\n `;\n\nexport const getHourlyPersonsBestMatchesQuery = (accountId, personIds = [], searchQuery = '', isActive = true) => {\n const defaultFilter = {\n label: 'id',\n column: 'id',\n activeFilters: personIds.map(({ personId }) => ({ name: personId, value: personId })),\n };\n\n const filters = [\n ...generateRequestFilter(defaultFilter, HOURLY_PERSONS_SCHEMAS),\n ...(searchQuery ? [generateRequestFilter(searchQuery, ['name'])[0]] : []),\n ];\n\n const variables = {\n isActive,\n accountId,\n filters,\n from: MIN_FROM,\n size: MAX_SIZE,\n structuredSort: [{ name: { order: 'asc' } }],\n };\n\n return {\n query: HOURLY_PERSONS_LIST_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport { getSearchStringFromQuery } from 'src/features/filters/utils/filterUtils';\nimport {\n SELF_PERFORM_GET_BEST_MATCHES_BEGIN,\n SELF_PERFORM_GET_BEST_MATCHES_SUCCESS,\n SELF_PERFORM_GET_BEST_MATCHES_FAILURE,\n SELF_PERFORM_GET_BEST_MATCHES_DISMISS_ERROR,\n SELF_PERFORM_SEARCH_BEST_MATCHES_SUCCESS,\n} from './constants';\nimport { getHourlyPersonsBestMatchesQuery } from '../queries/getHourlyPersonsBestMatchesQuery';\nimport { filterBestMatches } from '../utils/requestUtils';\nimport { protectedJsonGet } from '../../../utils/api';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getBestMatches(\n accountId,\n projectId,\n requestId,\n searchQuery = {},\n mixpanelData = {},\n) {\n return {\n type: SELF_PERFORM_GET_BEST_MATCHES_BEGIN,\n accountId,\n projectId,\n requestId,\n searchQuery,\n mixpanelData,\n };\n}\n\nexport function dismissGetBestMatchesError() {\n return {\n type: SELF_PERFORM_GET_BEST_MATCHES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetBestMatches(action) {\n const { accountId, projectId, requestId, searchQuery, mixpanelData } = action;\n let matches;\n let sortedPeople;\n\n try {\n matches = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}/availabilities`);\n\n const { query, variables } = getHourlyPersonsBestMatchesQuery(accountId, matches, searchQuery);\n\n sortedPeople = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_BEST_MATCHES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const type = searchQuery\n ? SELF_PERFORM_SEARCH_BEST_MATCHES_SUCCESS\n : SELF_PERFORM_GET_BEST_MATCHES_SUCCESS;\n\n yield put({\n type,\n data: {\n matches,\n sortedPeople: sortedPeople?.data?.hourlyPersons?.items || [],\n },\n ...searchQuery && {\n requestId,\n projectId,\n projectName: mixpanelData?.projectName,\n searchString: getSearchStringFromQuery(({ search: searchQuery })),\n },\n });\n}\n\nexport function* watchGetBestMatches() {\n yield takeLatest(SELF_PERFORM_GET_BEST_MATCHES_BEGIN, doGetBestMatches);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_BEST_MATCHES_BEGIN:\n return {\n ...state,\n getBestMatchesPending: true,\n getBestMatchesError: null,\n };\n\n case SELF_PERFORM_GET_BEST_MATCHES_SUCCESS:\n case SELF_PERFORM_SEARCH_BEST_MATCHES_SUCCESS: {\n const { matches, sortedPeople } = action.data;\n const { bestMatches, otherMatches } = filterBestMatches(sortedPeople, matches);\n\n return {\n ...state,\n bestMatches,\n otherMatches,\n getBestMatchesPending: false,\n getBestMatchesError: null,\n };\n }\n\n case SELF_PERFORM_GET_BEST_MATCHES_FAILURE:\n return {\n ...state,\n getBestMatchesPending: false,\n getBestMatchesError: action.data.error,\n };\n\n case SELF_PERFORM_GET_BEST_MATCHES_DISMISS_ERROR:\n return {\n ...state,\n getBestMatchesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { PAGE_SIZE } from '../../../common/constants';\nimport { generateRequestFilter, generateRequestSort } from '../../../filters/graphqlUtils';\nimport { HOURLY_PERSONS_SCHEMAS } from '../../../common/descriptors/hourlyPerson';\n\nconst HOURLY_PERSONS_LIST_QUERY = gql`\n query getHourlyPersons($accountId: Int!, $size: Int, $from: Int, $filters: [ESQuery], $structuredSort: [HourlyPersonSort], $isActive: Boolean) {\n hourlyPersons(accountId: $accountId, size: $size, from: $from, filters: $filters, structuredSort: $structuredSort, isActive: $isActive) {\n count\n hasMore\n cursor\n items {\n id\n accountId\n name\n phoneNumber\n skillSet\n currentAssignments {\n project {\n name\n }\n startDate\n endDate\n description\n }\n upcomingAssignments {\n project {\n name\n }\n startDate\n endDate\n description\n }\n pastAssignments {\n project {\n name\n }\n startDate\n endDate\n description\n }\n availabilities {\n startDate\n endDate\n }\n unavailabilities {\n id\n description\n startDate\n endDate\n isPrivate\n rangeType\n }\n fields {\n id\n isPrivate\n name\n dataType\n values\n }\n }\n }\n }\n `;\n\nconst getHourlyPersonsListQuery = (accountId, queries = {}, pageFrom, pageSize, isActive = true) => {\n const defaults = {\n size: pageSize || PAGE_SIZE,\n isActive,\n };\n\n const { filter, sort, search } = queries;\n\n const defaultSort = [{ name: { order: 'asc' } }];\n\n const searchFilter = generateRequestFilter(search, HOURLY_PERSONS_SCHEMAS);\n const filters = generateRequestFilter(filter, HOURLY_PERSONS_SCHEMAS).concat(searchFilter);\n const structuredSort = generateRequestSort(sort, HOURLY_PERSONS_SCHEMAS, defaultSort);\n\n const variables = { accountId, filters, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: HOURLY_PERSONS_LIST_QUERY,\n variables,\n };\n};\n\nexport {\n getHourlyPersonsListQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN,\n HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_SUCCESS,\n HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_FAILURE,\n HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_DISMISS_ERROR,\n} from './constants';\nimport { getHourlyPersonsListQuery } from '../queries/getHourlyPersonsListQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { collateFieldValues } from '../../../filters/graphqlUtils';\nimport initialState from '../../people/redux/initialState';\n\nexport function getFilteredHourlyPersons(accountId, queries, pageFrom) {\n const { query, variables } = getHourlyPersonsListQuery(accountId, queries, pageFrom);\n\n return {\n type: HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetFilteredHourlyPersonsError() {\n return {\n type: HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetFilteredHourlyPersons(action) {\n const { query, variables } = action;\n\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_FAILURE,\n data: { error: err },\n isPaging: variables.from !== 0,\n });\n return;\n }\n\n yield put({\n type: HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetFilteredHourlyPersons() {\n yield takeLatest(HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN, doGetFilteredHourlyPersons);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_BEGIN: {\n const { variables } = action;\n const isPaging = variables.from > 0;\n\n return {\n ...state,\n getFilteredHourlyPersonsPagePending: isPaging,\n getFilteredHourlyPersonsPending: !isPaging,\n getFilteredHourlyPersonsError: null,\n };\n }\n\n case HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_SUCCESS: {\n const {\n data: { hourlyPersons: { items, count, cursor, hasMore } },\n clearData,\n } = action;\n\n const collatedData = collateFieldValues(items);\n\n return {\n ...state,\n filteredHourlyPersons: clearData ? collatedData : [...state.filteredHourlyPersons, ...collatedData],\n hourlyPersonsCount: count,\n pageFrom: cursor,\n hasMore,\n getFilteredHourlyPersonsPending: false,\n getFilteredHourlyPersonsPagePending: false,\n getFilteredHourlyPersonsError: null,\n getFilteredHourlyPersonsPageError: null,\n };\n }\n\n case HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_FAILURE: {\n const { isPaging, data } = action;\n const { filteredHourlyPersons } = initialState;\n\n return {\n ...state,\n filteredHourlyPersons,\n getFilteredHourlyPersonsPending: false,\n getFilteredHourlyPersonsError: isPaging ? null : data.error,\n getFilteredHourlyPersonsPageError: isPaging ? data.error : null,\n };\n }\n\n case HOURLY_PERSONS_GET_FILTERED_HOURLY_PERSONS_DISMISS_ERROR:\n return {\n ...state,\n getFilteredHourlyPersonsError: null,\n getFilteredHourlyPersonsPageError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\nimport { PAGE_SIZE, SORT_TYPES } from '../../../common/constants';\nimport { generateRequestFilter, generateRequestSort } from '../../../filters/graphqlUtils';\nimport { DEFAULT_REQUEST_SECONDARY_SORT } from '../redux/constants';\nimport { REQUEST_SCHEMAS } from '../../../common/descriptors/request';\nimport { ASSIGNMENT_SCHEMAS } from '../../../common/descriptors/assignment';\n\nconst { REQUEST_LIST, ASSIGNMENT_LIST } = SORT_TYPES;\n\nconst REQUEST_LIST_QUERY = gql`\n query getRequests($accountId: Int!, $size: Int, $from: Int, $filters: [ESQuery], $structuredSort: [RequestSort]) {\n requests(accountId: $accountId, size: $size, from: $from, filters: $filters, structuredSort: $structuredSort) {\n count\n hasMore\n cursor\n items {\n id\n description\n accountId\n project {\n id\n name\n colour\n }\n startDate\n endDate\n requester {\n id\n name\n }\n requestedOn\n assignee {\n id\n name\n }\n workDays\n requiredSkills\n startAt\n endAt\n state\n lastNotifiedOn\n status\n }\n }\n }\n`;\n\nconst getRequestListQuery = (accountId, queries = {}, pageFrom, pageSize) => {\n const defaults = {\n size: pageSize || PAGE_SIZE,\n };\n\n const { filter, sort, search } = queries;\n\n // Requests always return pending or rejected\n const requestFilter = {\n name: 'filter',\n args: [\n ...(filter?.args?.length ? filter.args : []),\n {\n label: 'Status',\n column: 'state',\n activeFilters: [\n { name: 'Open', value: 'Open' },\n { name: 'Rejected', value: 'Rejected' },\n ],\n },\n ],\n };\n\n const searchFilter = generateRequestFilter(search, REQUEST_SCHEMAS);\n const filters = generateRequestFilter(requestFilter, REQUEST_SCHEMAS).concat(searchFilter);\n const structuredSort = generateRequestSort(sort, REQUEST_SCHEMAS, DEFAULT_REQUEST_SECONDARY_SORT, REQUEST_LIST);\n const variables = { accountId, filters, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: REQUEST_LIST_QUERY,\n variables,\n };\n};\n\nconst getAssignmentListQuery = (accountId, queries = {}, pageFrom, pageSize) => {\n const defaults = {\n size: pageSize || PAGE_SIZE,\n };\n\n const { filter, sort, search } = queries;\n\n // Assignments always return assigned requests\n const requestFilter = {\n name: 'filter',\n args: [\n ...(filter?.args?.length ? filter.args : []),\n {\n label: 'Status',\n column: 'state',\n activeFilters: [\n { name: 'Assigned', value: 'Assigned' },\n { name: 'AssignedNotified', value: 'AssignedNotified' },\n ],\n },\n ],\n };\n\n const searchFilter = generateRequestFilter(search, ASSIGNMENT_SCHEMAS);\n const filters = generateRequestFilter(requestFilter, ASSIGNMENT_SCHEMAS).concat(searchFilter);\n const structuredSort = generateRequestSort(sort, ASSIGNMENT_SCHEMAS, DEFAULT_REQUEST_SECONDARY_SORT, ASSIGNMENT_LIST);\n const variables = { accountId, filters, structuredSort, from: pageFrom, ...defaults };\n\n return {\n query: REQUEST_LIST_QUERY,\n variables,\n };\n};\n\nexport {\n getRequestListQuery,\n getAssignmentListQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN,\n SELF_PERFORM_GET_FILTERED_REQUESTS_SUCCESS,\n SELF_PERFORM_GET_FILTERED_REQUESTS_FAILURE,\n SELF_PERFORM_GET_FILTERED_REQUESTS_DISMISS_ERROR,\n} from './constants';\nimport graphApiClient from '../../../common/GraphAPIClient';\nimport { collateFieldValues } from '../../../filters/graphqlUtils';\nimport { getRequestListQuery, getAssignmentListQuery } from '../queries/getRequestListQuery';\n\nexport function getFilteredRequests(accountId, queries, pageFrom, data) {\n const { isAssignmentTable } = data;\n const { query, variables } = isAssignmentTable\n ? getAssignmentListQuery(accountId, queries, pageFrom)\n : getRequestListQuery(accountId, queries, pageFrom);\n\n return {\n type: SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN,\n query,\n variables,\n };\n}\n\nexport function dismissGetFilteredRequestsError() {\n return {\n type: SELF_PERFORM_GET_FILTERED_REQUESTS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetFilteredRequests(action) {\n const { query, variables } = action;\n\n let res;\n try {\n res = yield call(graphApiClient.query, { query, variables });\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_FILTERED_REQUESTS_FAILURE,\n data: { error: err },\n isPaging: variables.from !== 0,\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_FILTERED_REQUESTS_SUCCESS,\n data: res.data,\n clearData: variables.from === 0,\n });\n}\n\nexport function* watchGetFilteredRequests() {\n yield takeLatest(SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN, doGetFilteredRequests);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_FILTERED_REQUESTS_BEGIN: {\n const { variables } = action;\n const isPaging = variables.from > 0;\n return {\n ...state,\n getFilteredRequestsPagePending: isPaging,\n getFilteredRequestsPending: !isPaging,\n getFilteredRequestsError: null,\n };\n }\n case SELF_PERFORM_GET_FILTERED_REQUESTS_SUCCESS: {\n const {\n data: { requests: { items, count, cursor, hasMore } },\n clearData,\n } = action;\n\n const collatedData = collateFieldValues(items);\n\n return {\n ...state,\n filteredRequests: clearData ? collatedData : [...state.filteredRequests, ...collatedData],\n requestCount: count,\n pageFrom: cursor,\n hasMore,\n getFilteredRequestsPagePending: false,\n getFilteredRequestsPending: false,\n getFilteredRequestsError: null,\n };\n }\n case SELF_PERFORM_GET_FILTERED_REQUESTS_FAILURE: {\n const { data, isPaging } = action;\n return {\n ...state,\n getFilteredRequestsPending: false,\n getFilteredRequestsError: isPaging ? null : data.error,\n getFilteredRequestPageError: isPaging ? data.error : null,\n };\n }\n case SELF_PERFORM_GET_FILTERED_REQUESTS_DISMISS_ERROR:\n return {\n ...state,\n getFilteredRequestsError: null,\n getFilteredRequestPageError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN,\n SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_SUCCESS,\n SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_FAILURE,\n SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getHourlyPeopleFieldValues(accountId, state = 'active') {\n return {\n type: SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN,\n accountId,\n state,\n };\n}\n\nexport function dismissGetHourlyPeopleFieldValuesError() {\n return {\n type: SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetHourlyPeopleFieldValues(action) {\n const { accountId, state } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/hourly-person-field-values`, { state });\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetHourlyPeopleFieldValues() {\n yield takeLatest(SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN, doGetHourlyPeopleFieldValues);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_BEGIN:\n return {\n ...state,\n getHourlyPeopleFieldValuesPending: true,\n getHourlyPeopleFieldValuesError: null,\n };\n\n case SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_SUCCESS:\n return {\n ...state,\n hourlyPeopleFieldValues: action.data || [],\n getHourlyPeopleFieldValuesPending: false,\n getHourlyPeopleFieldValuesError: null,\n };\n\n case SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_FAILURE:\n return {\n ...state,\n getHourlyPeopleFieldValuesPending: false,\n getHourlyPeopleFieldValuesError: action.data.error,\n };\n\n case SELF_PERFORM_GET_HOURLY_PEOPLE_FIELD_VALUES_DISMISS_ERROR:\n return {\n ...state,\n getHourlyPeopleFieldValuesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\n\nconst GET_HOURLY_PERSON_BY_ID_QUERY = gql`\n query hourlyPerson($accountId: Int!, $hourlyPersonId: Int!) {\n hourlyPerson(accountId: $accountId, hourlyPersonId: $hourlyPersonId) {\n id\n accountId\n name\n phoneNumber\n skillSet\n currentAssignments {\n project {\n name\n colour\n }\n startDate\n endDate\n description\n }\n upcomingAssignments {\n project {\n name\n colour\n }\n startDate\n endDate\n description\n }\n pastAssignments {\n project {\n name\n colour\n }\n startDate\n endDate\n description\n }\n fields {\n id\n isPrivate\n name\n type: dataType\n values\n }\n }\n }\n`;\n\nexport const getHourlyPersonByIdQuery = (accountId, hourlyPersonId) => {\n const variables = { accountId, hourlyPersonId };\n\n return {\n query: GET_HOURLY_PERSON_BY_ID_QUERY,\n variables,\n };\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN,\n SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_SUCCESS,\n SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_FAILURE,\n SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { getHourlyPersonByIdQuery } from '../queries/getHourlyPersonByIdQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getHourlyPersonById(accountId, selectedHourlyPersonId) {\n const { query, variables } = getHourlyPersonByIdQuery(accountId, selectedHourlyPersonId);\n\n return {\n type: SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN,\n accountId,\n selectedHourlyPersonId,\n query,\n variables,\n };\n}\n\nexport function dismissGetHourlyPersonByIdError() {\n return {\n type: SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetHourlyPersonById(action) {\n const { query, variables } = action;\n\n let res;\n let selectedHourlyPerson;\n try {\n res = yield call(graphApiClient.query, {\n query,\n variables,\n });\n\n const { errors } = res;\n\n if (errors) {\n throw errors;\n }\n\n selectedHourlyPerson = res?.data?.hourlyPerson || null;\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_SUCCESS,\n data: selectedHourlyPerson,\n });\n}\n\nexport function* watchGetHourlyPersonById() {\n yield takeLatest(SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN, doGetHourlyPersonById);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_BEGIN:\n return {\n ...state,\n getHourlyPersonByIdPending: true,\n getHourlyPersonByIdError: null,\n };\n\n case SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_SUCCESS: {\n const { data: selectedHourlyPerson } = action;\n\n return {\n ...state,\n selectedHourlyPerson,\n getHourlyPersonByIdPending: false,\n getHourlyPersonByIdError: null,\n };\n }\n\n case SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_FAILURE:\n return {\n ...state,\n selectedHourlyPerson: null,\n getHourlyPersonByIdPending: false,\n getHourlyPersonByIdError: action.data.error,\n };\n\n case SELF_PERFORM_GET_HOURLY_PERSON_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getHourlyPersonByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN,\n SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_SUCCESS,\n SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_FAILURE,\n SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getHourlyPersonFieldValues(accountId, hourlyPersonId) {\n return {\n type: SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN,\n accountId,\n hourlyPersonId,\n };\n}\n\nexport function dismissGetHourlyPersonFieldValuesError() {\n return {\n type: SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_DISMISS_ERROR,\n };\n}\n\nexport function* doGetHourlyPersonFieldValues(action) {\n const { accountId, hourlyPersonId } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/hourly-persons/${hourlyPersonId}/person-field-values`);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_SUCCESS,\n data: res,\n });\n}\n\nexport function* watchGetHourlyPersonFieldValues() {\n yield takeLatest(SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN, doGetHourlyPersonFieldValues);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_BEGIN:\n return {\n ...state,\n getHourlyPersonFieldValuesPending: true,\n getHourlyPersonFieldValuesError: null,\n };\n\n case SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_SUCCESS:\n return {\n ...state,\n hourlyPersonFieldValues: action.data || [],\n getHourlyPersonFieldValuesPending: false,\n getHourlyPersonFieldValuesError: null,\n };\n\n case SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_FAILURE:\n return {\n ...state,\n getHourlyPersonFieldValuesPending: false,\n getHourlyPersonFieldValuesError: action.data.error,\n };\n\n case SELF_PERFORM_GET_HOURLY_PERSON_FIELD_VALUES_DISMISS_ERROR:\n return {\n ...state,\n getHourlyPersonFieldValuesError: null,\n };\n\n default:\n return state;\n }\n}\n","import { gql } from 'apollo-boost';\n\nconst REQUEST_BY_ID_QUERY = gql`\n query getRequestById($accountId: Int!, $requestId: Int!) {\n request(accountId: $accountId, requestId: $requestId) {\n id\n description\n accountId\n project {\n id\n name\n colour\n }\n startDate\n endDate\n assignee {\n id\n name\n phoneNumber\n skillSet\n fields {\n id\n name\n values\n }\n }\n requester {\n id\n name\n phoneNumber\n }\n requestedOn\n workDays\n requiredSkills\n startAt\n endAt\n state\n lastNotifiedOn\n note\n }\n }\n`;\n\nconst getRequestByIdQuery = (accountId, requestId) => {\n const variables = { accountId, requestId };\n\n return {\n query: REQUEST_BY_ID_QUERY,\n variables,\n };\n};\n\nexport {\n getRequestByIdQuery,\n};\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN,\n SELF_PERFORM_GET_REQUEST_BY_ID_SUCCESS,\n SELF_PERFORM_GET_REQUEST_BY_ID_FAILURE,\n SELF_PERFORM_GET_REQUEST_BY_ID_DISMISS_ERROR,\n} from './constants';\nimport { getRequestByIdQuery } from '../queries/getRequestByIdQuery';\nimport graphApiClient from '../../../common/GraphAPIClient';\n\nexport function getRequestById(accountId, selectedRequestId) {\n const { query, variables } = getRequestByIdQuery(accountId, selectedRequestId);\n\n return {\n type: SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN,\n selectedRequestId,\n query,\n variables,\n };\n}\n\nexport function dismissGetRequestByIdError() {\n return {\n type: SELF_PERFORM_GET_REQUEST_BY_ID_DISMISS_ERROR,\n };\n}\n\nexport function* doGetRequestById(action) {\n const { query, variables } = action;\n let selectedRequest;\n let res;\n try {\n res = yield call(graphApiClient.query, {\n query,\n variables,\n });\n\n const { errors } = res;\n\n if (errors) {\n throw errors;\n }\n\n selectedRequest = res?.data?.request || null;\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_REQUEST_BY_ID_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_REQUEST_BY_ID_SUCCESS,\n selectedRequest,\n });\n}\n\nexport function* watchGetRequestById() {\n yield takeLatest(SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN, doGetRequestById);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_REQUEST_BY_ID_BEGIN:\n return {\n ...state,\n getRequestByIdPending: true,\n getRequestByIdError: null,\n };\n\n case SELF_PERFORM_GET_REQUEST_BY_ID_SUCCESS: {\n const { selectedRequest } = action;\n return {\n ...state,\n selectedRequest,\n getRequestByIdPending: false,\n getRequestByIdError: null,\n };\n }\n\n case SELF_PERFORM_GET_REQUEST_BY_ID_FAILURE:\n return {\n ...state,\n selectedRequest: null,\n getRequestByIdPending: false,\n getRequestByIdError: action.data.error,\n };\n\n case SELF_PERFORM_GET_REQUEST_BY_ID_DISMISS_ERROR:\n return {\n ...state,\n getRequestByIdError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_GET_REQUESTERS_BEGIN,\n SELF_PERFORM_GET_REQUESTERS_SUCCESS,\n SELF_PERFORM_GET_REQUESTERS_FAILURE,\n SELF_PERFORM_GET_REQUESTERS_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonGet } from '../../../utils/api';\n\nexport function getRequesters(accountId, projectId, users) {\n return {\n type: SELF_PERFORM_GET_REQUESTERS_BEGIN,\n accountId,\n projectId,\n users,\n };\n}\n\nexport function dismissGetRequestersError() {\n return {\n type: SELF_PERFORM_GET_REQUESTERS_DISMISS_ERROR,\n };\n}\n\nexport function* doGetRequesters(action) {\n const { accountId, projectId, users } = action;\n let res;\n try {\n res = yield call(protectedJsonGet, `accounts/${accountId}/projects/${projectId}/users`);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_GET_REQUESTERS_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_GET_REQUESTERS_SUCCESS,\n data: res.map(requesterId => users[accountId].find(({ id }) => requesterId === id)),\n });\n}\n\nexport function* watchGetRequesters() {\n yield takeLatest(SELF_PERFORM_GET_REQUESTERS_BEGIN, doGetRequesters);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_GET_REQUESTERS_BEGIN:\n return {\n ...state,\n getProjectRequestersPending: true,\n getProjectRequestersError: null,\n };\n\n case SELF_PERFORM_GET_REQUESTERS_SUCCESS:\n return {\n ...state,\n projectRequesters: action.data || [],\n getProjectRequestersPending: false,\n getProjectRequestersError: null,\n };\n\n case SELF_PERFORM_GET_REQUESTERS_FAILURE:\n return {\n ...state,\n getProjectRequestersPending: false,\n getProjectRequestersError: action.data.error,\n };\n\n case SELF_PERFORM_GET_REQUESTERS_DISMISS_ERROR:\n return {\n ...state,\n getProjectRequestersError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN,\n SELF_PERFORM_REMOVE_ASSIGNEE_SUCCESS,\n SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n SELF_PERFORM_REMOVE_ASSIGNEE_FAILURE,\n SELF_PERFORM_REMOVE_ASSIGNEE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\n\nexport function removeAssignee(accountId, request, message, mixpanelData) {\n return {\n type: SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN,\n accountId,\n request,\n message,\n mixpanelData,\n };\n}\n\nexport function dismissRemoveAssigneeError() {\n return {\n type: SELF_PERFORM_REMOVE_ASSIGNEE_DISMISS_ERROR,\n };\n}\n\nexport function* doRemoveAssignee(action) {\n const { accountId, request, message, mixpanelData } = action;\n const { project, id: requestId, assignee } = request;\n const { id: projectId } = project;\n const data = {\n assigneeId: null,\n message,\n };\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}/assignment`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_REMOVE_ASSIGNEE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n // dispatch for mixpanel middleware\n if (message !== null) {\n yield put({\n type: SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n requestId,\n projectId,\n personId: assignee?.id,\n message,\n mixpanelData,\n });\n }\n\n yield put({\n type: SELF_PERFORM_REMOVE_ASSIGNEE_SUCCESS,\n requestId,\n request,\n mixpanelData,\n });\n}\n\nexport function* watchRemoveAssignee() {\n yield takeLatest(SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN, doRemoveAssignee);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_REMOVE_ASSIGNEE_BEGIN:\n return {\n ...state,\n removeAssigneePending: true,\n removeAssigneeError: null,\n };\n\n case SELF_PERFORM_REMOVE_ASSIGNEE_SUCCESS:\n return {\n ...state,\n filteredRequests: state.filteredRequests?.filter(({ id }) => id !== action.requestId) || [],\n selectedRequest: null,\n removeAssigneePending: false,\n removeAssigneeError: null,\n };\n\n case SELF_PERFORM_REMOVE_ASSIGNEE_FAILURE:\n return {\n ...state,\n removeAssigneePending: false,\n removeAssigneeError: action.data.error,\n };\n\n case SELF_PERFORM_REMOVE_ASSIGNEE_DISMISS_ERROR:\n return {\n ...state,\n removeAssigneeError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport moment from 'moment';\nimport {\n SELF_PERFORM_SEND_NOTIFICATION_BEGIN,\n SELF_PERFORM_SEND_NOTIFICATION_SUCCESS,\n SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n SELF_PERFORM_SEND_NOTIFICATION_FAILURE,\n SELF_PERFORM_SEND_NOTIFICATION_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPost } from '../../../utils/api';\nimport { ASSIGNED_NOTIFIED } from '../constants';\n\nexport function sendNotification(accountId, request, data, mixpanelData) {\n return {\n type: SELF_PERFORM_SEND_NOTIFICATION_BEGIN,\n accountId,\n request,\n data,\n mixpanelData,\n };\n}\n\nexport function dismissSendNotificationError() {\n return {\n type: SELF_PERFORM_SEND_NOTIFICATION_DISMISS_ERROR,\n };\n}\n\nexport function* doSendNotification(action) {\n const { accountId, request, data, mixpanelData } = action;\n const { project, id: requestId } = request;\n const { id: projectId } = project;\n const { message } = data;\n\n try {\n yield call(protectedJsonPost, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}/assignment`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_SEND_NOTIFICATION_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n // dispatch for mixpanel middleware\n if (message !== null) {\n yield put({\n type: SELF_PERFORM_NOTIFICATION_SENT_SUCCESS,\n requestId,\n projectId,\n personId: data?.assigneeId,\n message,\n mixpanelData,\n });\n }\n\n yield put({\n type: SELF_PERFORM_SEND_NOTIFICATION_SUCCESS,\n requestId,\n });\n}\n\nexport function* watchSendNotification() {\n yield takeLatest(SELF_PERFORM_SEND_NOTIFICATION_BEGIN, doSendNotification);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_SEND_NOTIFICATION_BEGIN:\n return {\n ...state,\n sendNotificationPending: true,\n sendNotificationError: null,\n };\n\n case SELF_PERFORM_SEND_NOTIFICATION_SUCCESS: {\n const { requestId } = action;\n\n const filteredRequests = state.filteredRequests.map((request) => {\n if (request.id === requestId) {\n return {\n ...request,\n state: ASSIGNED_NOTIFIED,\n lastNotifiedOn: moment(),\n };\n }\n return request;\n });\n\n const selectedRequest = {\n ...state.selectedRequest,\n state: ASSIGNED_NOTIFIED,\n lastNotifiedOn: moment(),\n };\n\n return {\n ...state,\n filteredRequests,\n selectedRequest,\n sendNotificationPending: false,\n sendNotificationError: null,\n };\n }\n\n case SELF_PERFORM_SEND_NOTIFICATION_FAILURE:\n return {\n ...state,\n sendNotificationPending: false,\n sendNotificationError: action.data.error,\n };\n\n case SELF_PERFORM_SEND_NOTIFICATION_DISMISS_ERROR:\n return {\n ...state,\n sendNotificationError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_SUCCESS,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_FAILURE,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\n\nexport function updateHourlyPerson(accountId, hourlyPersonId, data, hourlyPersonName, updatedFrom) {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN,\n accountId,\n hourlyPersonId,\n data,\n hourlyPersonName,\n updatedFrom,\n };\n}\n\nexport function dismissUpdateHourlyPersonError() {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateHourlyPerson(action) {\n const { accountId, hourlyPersonId, data, hourlyPersonName, updatedFrom } = action;\n let res;\n try {\n res = yield call(protectedJsonPatch, `accounts/${accountId}/hourly-persons/${hourlyPersonId}`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_SUCCESS,\n data: res,\n hourlyPersonId,\n formData: data,\n hourlyPersonName,\n updatedFrom,\n });\n}\n\nexport function* watchUpdateHourlyPerson() {\n yield takeLatest(SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN, doUpdateHourlyPerson);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_BEGIN:\n return {\n ...state,\n updateHourlyPersonPending: true,\n updateHourlyPersonError: null,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_SUCCESS: {\n const { hourlyPersonId, formData } = action;\n const updatedHourlyPersons = state.filteredHourlyPersons.map((hourlyPerson) => {\n if (hourlyPerson.id === hourlyPersonId) {\n return { ...hourlyPerson, ...formData };\n }\n\n return hourlyPerson;\n });\n\n return {\n ...state,\n filteredHourlyPersons: updatedHourlyPersons,\n selectedHourlyPerson: { ...state.selectedHourlyPerson, ...formData },\n updateHourlyPersonPending: false,\n updateHourlyPersonError: null,\n };\n }\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_FAILURE:\n return {\n ...state,\n updateHourlyPersonPending: false,\n updateHourlyPersonError: action.data.error,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_DISMISS_ERROR:\n return {\n ...state,\n updateHourlyPersonError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_SUCCESS,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_FAILURE,\n SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_DISMISS_ERROR,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport { updateHourlyPersonField } from '../utils/hourlyPersonUtils';\n\nexport function updateHourlyPersonFieldValue(accountId, hourlyPersonId, fieldId, data, hourlyPersonName, updatedFrom) {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN,\n accountId,\n hourlyPersonId,\n fieldId,\n data,\n updatedFrom,\n hourlyPersonName,\n };\n}\n\nexport function dismissUpdateHourlyPersonFieldValueError() {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateHourlyPersonFieldValue(action) {\n const { accountId, hourlyPersonId, fieldId, data, updatedFrom, hourlyPersonName } = action;\n try {\n yield call(protectedJsonPatch, `accounts/${accountId}/hourly-persons/${hourlyPersonId}/person-field-values/${fieldId}`, data);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_SUCCESS,\n data,\n fieldId,\n hourlyPersonId,\n updatedFrom,\n hourlyPersonName,\n });\n}\n\nexport function* watchUpdateHourlyPersonFieldValue() {\n yield takeLatest(SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN, doUpdateHourlyPersonFieldValue);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_BEGIN:\n return {\n ...state,\n updateHourlyPersonFieldValuePending: true,\n updateHourlyPersonFieldValueError: null,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_SUCCESS: {\n const { data, fieldId, hourlyPersonId } = action;\n const updatedHourlyPersonFieldValues = state.hourlyPersonFieldValues.map(\n field => (field.fieldId === fieldId\n ? { ...field, values: data.values }\n : field),\n );\n\n const updatedSelectedHourlyPerson = updateHourlyPersonField(state.selectedHourlyPerson, data);\n\n const updateFilteredHourlyPersons = state.filteredHourlyPersons.map((person) => {\n if (person.id === hourlyPersonId) {\n return { ...person, ...updatedSelectedHourlyPerson };\n }\n\n return person;\n });\n\n return {\n ...state,\n hourlyPersonFieldValues: updatedHourlyPersonFieldValues,\n selectedHourlyPerson: updatedSelectedHourlyPerson,\n filteredHourlyPersons: updateFilteredHourlyPersons,\n updateHourlyPersonFieldValuePending: false,\n updateHourlyPersonFieldValueError: null,\n };\n }\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_FAILURE:\n return {\n ...state,\n updateHourlyPersonFieldValuePending: false,\n updateHourlyPersonFieldValueError: action.data.error,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_PERSON_FIELD_VALUE_DISMISS_ERROR:\n return {\n ...state,\n updateHourlyPersonFieldValueError: null,\n };\n\n default:\n return state;\n }\n}\n","import { call, put, takeLatest } from 'redux-saga/effects';\nimport {\n SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN,\n SELF_PERFORM_UPDATE_HOURLY_REQUEST_SUCCESS,\n SELF_PERFORM_UPDATE_HOURLY_REQUEST_FAILURE,\n SELF_PERFORM_UPDATE_HOURLY_REQUEST_DISMISS_ERROR,\n SELF_PERFORM_REOPEN_REQUEST_SUCCESS,\n SELF_PERFORM_REJECT_REQUEST_SUCCESS,\n} from './constants';\nimport { protectedJsonPatch } from '../../../utils/api';\nimport { REQUEST_REJECTED } from '../constants';\n\nexport function updateHourlyRequest(accountId, projectId, requestId, updatedField, projectName, state) {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN,\n accountId,\n projectId,\n requestId,\n updatedField,\n projectName,\n state,\n };\n}\n\nexport function dismissUpdateHourlyRequestError() {\n return {\n type: SELF_PERFORM_UPDATE_HOURLY_REQUEST_DISMISS_ERROR,\n };\n}\n\nexport function* doUpdateHourlyRequest(action) {\n const { accountId, projectId, requestId, updatedField, projectName, state } = action;\n try {\n yield call(protectedJsonPatch, `accounts/${accountId}/projects/${projectId}/hourly-requests/${requestId}`, updatedField);\n } catch (err) {\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_REQUEST_FAILURE,\n data: { error: err },\n });\n return;\n }\n\n const updatedFieldsKeys = Object.keys(updatedField);\n\n // Mixpanel dispatch for toggling request state\n if (updatedFieldsKeys[0] === 'state') {\n const type = updatedField.state === REQUEST_REJECTED ? SELF_PERFORM_REJECT_REQUEST_SUCCESS : SELF_PERFORM_REOPEN_REQUEST_SUCCESS;\n\n yield put({\n type,\n data: updatedField,\n projectId,\n requestId,\n projectName,\n state,\n });\n } else {\n yield put({\n type: SELF_PERFORM_UPDATE_HOURLY_REQUEST_SUCCESS,\n data: updatedField,\n projectId,\n requestId,\n projectName,\n state,\n });\n }\n}\n\nexport function* watchUpdateHourlyRequest() {\n yield takeLatest(SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN, doUpdateHourlyRequest);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case SELF_PERFORM_UPDATE_HOURLY_REQUEST_BEGIN:\n return {\n ...state,\n updateHourlyRequestPending: true,\n updateHourlyRequestError: null,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_REQUEST_SUCCESS:\n case SELF_PERFORM_REJECT_REQUEST_SUCCESS:\n case SELF_PERFORM_REOPEN_REQUEST_SUCCESS: {\n const { data } = action;\n\n const selectedRequest = { ...state.selectedRequest, ...data };\n const filteredRequests = state.filteredRequests.map(request => (request.id === selectedRequest.id ? selectedRequest : request));\n\n return {\n ...state,\n selectedRequest,\n filteredRequests,\n updateHourlyRequestPending: false,\n updateHourlyRequestError: null,\n };\n }\n\n case SELF_PERFORM_UPDATE_HOURLY_REQUEST_FAILURE:\n return {\n ...state,\n updateHourlyRequestPending: false,\n updateHourlyRequestError: action.data.error,\n };\n\n case SELF_PERFORM_UPDATE_HOURLY_REQUEST_DISMISS_ERROR:\n return {\n ...state,\n updateHourlyRequestError: null,\n };\n\n default:\n return state;\n }\n}\n","import React from 'react';\nimport moment from 'moment';\nimport { ProjectLink } from '@bridgit/foundation';\nimport {\n CELL_NUMBER_FIELD,\n DATE_DISPLAY_FORMAT,\n DATE_INPUT_FORMAT,\n FIELD_TYPE_MULTI_SELECT,\n FIELD_TYPE_PHONE_E164,\n HOME_ADDRESS_FIELD,\n NOTES_FIELD,\n PHONE_NUMBER_FIELD,\n} from '../../../common/constants';\nimport { SKILL_SET_FIELD, SYSTEM_FIELD_SETTINGS } from '../constants';\nimport { getFieldInput } from '../../../utils/miscUtils';\nimport { formatWorkingDays } from './requestUtils';\n\nexport const getHourlyPersonsTableRows = (filteredHourlyPersons, visibleColumns) => filteredHourlyPersons.map(({\n id,\n name,\n skillSet,\n currentAssignments,\n upcomingAssignments,\n fields,\n}) => {\n const hourlyPersonObj = {\n 'Hourly person ID': id,\n Name: name,\n [SKILL_SET_FIELD]: skillSet,\n 'Current assignment end': currentAssignments,\n 'Next assignment start': upcomingAssignments,\n };\n\n if (fields) {\n fields.forEach((field) => {\n if (field.values.length > 1) {\n hourlyPersonObj[field.name] = field.values.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).join(', ');\n } else if (field.type === 'Boolean') {\n hourlyPersonObj[field.name] = field.values?.[0]?.toString().toLowerCase() || 'false';\n } else if (field.values.length === 1) {\n hourlyPersonObj[field.name] = field.values[0].toString();\n }\n });\n }\n\n const rowData = !visibleColumns ? [] : visibleColumns.map((column) => {\n if (typeof hourlyPersonObj[column.name] === 'undefined') {\n hourlyPersonObj[column.name] = '';\n }\n return hourlyPersonObj[column.name];\n });\n\n return {\n rowMeta: {\n id,\n name,\n rawData: hourlyPersonObj,\n },\n rowData,\n rowId: id,\n };\n});\n\nexport const getHourlyPersonFieldsDesc = (fields, skillSets) => {\n // Notes should be last in the form and full width\n const notes = fields.find(field => field.name === NOTES_FIELD);\n const fieldDesc = [\n {\n name: 'Name',\n type: 'Text',\n width: 'full',\n ...SYSTEM_FIELD_SETTINGS,\n },\n {\n name: CELL_NUMBER_FIELD,\n type: FIELD_TYPE_PHONE_E164,\n ...SYSTEM_FIELD_SETTINGS,\n },\n {\n name: SKILL_SET_FIELD,\n type: FIELD_TYPE_MULTI_SELECT,\n ...SYSTEM_FIELD_SETTINGS,\n definedValues: skillSets.map(({ id, name }) => ({ valueId: id, definedValue: name })),\n },\n ...fields.filter(field => field.name !== NOTES_FIELD),\n ];\n\n if (notes) {\n fieldDesc.push({\n ...notes,\n width: 'full',\n });\n }\n\n return fieldDesc;\n};\n\nexport const updateHourlyPersonField = (person, data) => {\n const existingField = person.fields.find(({ id }) => id === data.id);\n let newFieldValues;\n if (existingField) {\n newFieldValues = person.fields.map((field) => {\n if (field.id === data.id) {\n return {\n ...field,\n values: data.values,\n __typename: 'HourlyField',\n };\n }\n return field;\n });\n } else {\n newFieldValues = [...person.fields, data];\n }\n return {\n ...person,\n fields: newFieldValues,\n };\n};\n\nexport const generateHourlyPersonProfileDetailsDataset = (selectedPersonFields, hourlyPersonFields, person, skillSet) => {\n const preScreenDataName = [NOTES_FIELD];\n\n const detailFields = hourlyPersonFields.filter(\n ({ type, name }) => !!type && type !== FIELD_TYPE_PHONE_E164 && !preScreenDataName.includes(name),\n );\n\n const noteData = hourlyPersonFields.find(({ name }) => name === NOTES_FIELD);\n\n const skillSetField = {\n definedValues: skillSet.map(({ id, name }) => ({ valueId: id, definedValue: name })),\n id: SKILL_SET_FIELD,\n name: SKILL_SET_FIELD,\n type: FIELD_TYPE_MULTI_SELECT,\n value: person.skillSet,\n ...SYSTEM_FIELD_SETTINGS,\n };\n\n const phoneField = {\n definedValues: person.phoneNumber,\n id: PHONE_NUMBER_FIELD,\n name: CELL_NUMBER_FIELD,\n type: FIELD_TYPE_PHONE_E164,\n value: person.phoneNumber,\n ...SYSTEM_FIELD_SETTINGS,\n };\n\n const dataset = detailFields.map((defaultField) => {\n const populatedField = selectedPersonFields?.length\n ? selectedPersonFields.find(({ id }) => id === defaultField.id)\n : {};\n let value;\n\n if (populatedField?.values) {\n if (defaultField.type === FIELD_TYPE_MULTI_SELECT) {\n value = populatedField.values;\n } else {\n [value] = populatedField.values;\n }\n }\n\n return {\n ...defaultField,\n ...populatedField,\n value,\n };\n });\n\n // display system fields (except Notes) first\n dataset.sort((a, b) => b.isSystem - a.isSystem);\n\n if (noteData) {\n const populatedNote = selectedPersonFields?.length\n ? selectedPersonFields.find(({ name }) => name === noteData.name)\n : {};\n dataset.push({\n ...noteData,\n ...populatedNote,\n value: populatedNote?.values?.[0] ?? undefined,\n });\n }\n\n return [skillSetField, phoneField, ...dataset];\n};\n\nexport const generateHourlyPersonProfileDetailsInputs = (selectedHourlyPersonFields, hourlyPersonFields, selectedHourlyPerson, skillSet) => {\n const dataset = generateHourlyPersonProfileDetailsDataset(selectedHourlyPersonFields, hourlyPersonFields, selectedHourlyPerson, skillSet);\n\n const inputs = [];\n const exceptedFields = [\n NOTES_FIELD,\n HOME_ADDRESS_FIELD,\n SKILL_SET_FIELD,\n CELL_NUMBER_FIELD,\n ];\n\n if (!dataset || dataset.length === 0) return [];\n const fields = Array.isArray(dataset) ? dataset : [dataset];\n\n fields.forEach((field) => {\n if (exceptedFields.includes(field.name) || !field.isSystem) {\n inputs.push(getFieldInput(field));\n }\n });\n\n return { dataset, inputs };\n};\n\nexport const getAssignmentsRows = assignments => assignments.map(({ project, description, startDate, endDate }) => {\n const { name: projectName, id: projectId, colour } = project;\n\n return ([\n { fieldName: 'id', value: {name}
\n {renderFields(fields)}\n {expanded && renderFields(expandedFields)}\n \n {expanded\n ? (\n <>\n
\n Hide details
\n See details
\n \n {hasChipBowl && (\n
\n );\n }\n}\n\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, queries, login, table }) {\n const { accountId, activeView } = common;\n const { sub: userId } = login.userInfo;\n const { visibleColumns } = table;\n\n return {\n accountId,\n userId,\n activeView,\n queries,\n visibleColumns,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n setFilterQuery: bindActionCreators(setFilterQuery, dispatch),\n setSortQuery: bindActionCreators(setSortQuery, dispatch),\n trackAnalytics: bindActionCreators(trackAnalytics, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(FilteredTable);\n","import React, { useMemo, useState, useCallback, useEffect, useRef } from 'react';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router';\nimport pluralize from 'pluralize';\nimport shortid from 'shortid';\nimport classNames from 'classnames';\nimport { ClearFiltersChip } from '@bridgit/foundation';\nimport { ACCOUNT_MODULE_PURSUIT_TRACKING } from 'src/common/constants';\nimport { FilterChipGroup } from '.';\nimport { isDefaultFilter, getDefaultFilter } from '../filters/utils/filterUtils';\nimport { updateColumnFilter, updateMultiFilter } from './filterUtils';\nimport { dismissAddSavedFilterError, addSavedFilter, setFilterQuery } from '../queries/redux/actions';\nimport { hasModuleEnabled } from '../permissions/utils/permissionUtils';\nimport { SaveFilterButton, SaveFilterModal } from '../filters';\nimport { toAPISavedFilter } from '../queries/utils/queryUtils';\n\nexport const ChipBowl = ({\n match,\n accountId,\n className,\n classes,\n noFilterMessage,\n queries,\n useClearText,\n showFilters,\n showReset,\n filterStorageKey,\n setFilterQuery,\n queryId,\n onUpdateFilters,\n onClearFilters,\n isPursuitModuleOn,\n showSaveFilterButton,\n bowlLabel,\n filterType,\n addSavedFilterPending,\n addSavedFilterError,\n dismissAddSavedFilterError,\n addSavedFilter,\n}) => {\n const queryObj = queries[queryId];\n const queryArgs = queryObj?.filter?.args;\n const filterName = queryObj?.filter?.filterName;\n const isSelfPerform = match?.url.includes('self-perform');\n\n const defaultFilters = useMemo(() => getDefaultFilter(queryId, isPursuitModuleOn), [queryId, isPursuitModuleOn]);\n\n const chipData = useMemo(() => (\n queryArgs?.filter(a => 'activeFilters' in a)\n ), [queryArgs]);\n\n const notDefaultChips = useMemo(() => (\n !!chipData && !isDefaultFilter(defaultFilters, chipData)\n ), [defaultFilters, chipData]);\n\n const clearFilters = useCallback(() => {\n if (onClearFilters) onClearFilters();\n setFilterQuery(\n queryId,\n { name: 'filter', args: defaultFilters, filterType },\n filterStorageKey,\n );\n }, [defaultFilters, queryId, filterStorageKey, setFilterQuery, onClearFilters, filterType]);\n\n const updateFilters = useCallback((column, updatedFilters, idx, filterLabel, isMulti = false) => {\n const filterQueryObj = queryObj ? queryObj.filter : {};\n const filter = isMulti\n ? updateMultiFilter(column, updatedFilters, filterQueryObj, idx)\n : updateColumnFilter(column, updatedFilters, filterQueryObj);\n\n onUpdateFilters(column.name, filterLabel);\n\n setFilterQuery(queryId, { ...filter, filterType }, filterStorageKey);\n }, [filterStorageKey, onUpdateFilters, queryId, queryObj, setFilterQuery, filterType]);\n\n const updateMultiFilters = useCallback((column, updatedFilters, idx, filterLabel) => {\n updateFilters(column, updatedFilters, idx, filterLabel, true);\n }, [updateFilters]);\n\n const renderChipGroup = (chipGroup) => {\n const filters = chipGroup.activeFilters;\n\n if (filters.length && filters[0].verb) {\n return filters.map((f, idx) => (\n \n
\n )}\n\n \n
\n \n {pluralize(resultCountText, resultCount, true)}\n
\n \n
\n \n
\n {`${bowlLabel} - `}
;\n const bowlLabelUnsaved = !!bowlLabel && {bowlLabel}
;\n\n return (\n <>\n \n
\n {isModalOpen && (\n \n {showSavedFilterDisplay &&
\n \n {isCollapsed\n ?
\n {`${pluralize('Filter', chipData.length)} applied`}
\n : chipData.map(chipGroup => renderChipGroup(chipGroup))}\n\n {showFilters && !chipData.length && noFilterMessage && (\n {noFilterMessage}
\n )}\n\n {showReset && !isDefaultFilter(defaultFilters, chipData) && (\n \n
\n )}\n \n {`${label}${verbText}:`}\n {this.getFilterChips()}\n\n {showMore && (\n {`+${filters.length - this.maxChipDisplay} more`}\n )}\n
\n );\n }\n}\n","import React from 'react';\nimport { TableCell, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { g400concreteGrey } from '@bridgit/foundation';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles({\n root: {\n cursor: 'pointer',\n userSelect: 'none',\n color: g400concreteGrey,\n lineHeight: 'normal',\n },\n cellContainer: {\n display: 'flex',\n alignItems: 'center',\n minHeight: '30px',\n },\n cellTitle: {\n flex: '1',\n lineHeight: 'normal',\n },\n});\n\nconst TableHeaderCell = ({\n className,\n classes,\n column,\n children,\n ...otherProps\n}) => {\n const customClasses = useStyles({ classes });\n\n return (\n \n \n {column.name}\n \n {children}\n
\n \n );\n};\n\nTableHeaderCell.propTypes = {\n column: PropTypes.object.isRequired,\n className: PropTypes.string,\n classes: PropTypes.object,\n children: PropTypes.node,\n};\n\nTableHeaderCell.defaultProps = {\n className: undefined,\n classes: undefined,\n children: undefined,\n};\n\nexport default TableHeaderCell;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { Chip } from '@material-ui/core';\nimport classNames from 'classnames';\n\nexport default class FilterChip extends PureComponent {\n static propTypes = {\n className: PropTypes.string,\n label: PropTypes.string.isRequired,\n removeFilter: PropTypes.func.isRequired,\n };\n\n static defaultProps = {\n className: '',\n };\n\n removeChip = () => {\n const { removeFilter, label } = this.props;\n removeFilter(label);\n }\n\n render() {\n const { label, className } = this.props;\n\n return (\n \n
\n \n \n \n \n {isDarkModeOn || isDimmedModeOn ? \n \n \n
\n );\n};\n\nThemeToggle.propTypes = {\n className: PropTypes.string,\n};\n\nThemeToggle.defaultProps = {\n className: '',\n};\n\nexport default ThemeToggle;\n","import { useEffect } from 'react';\n\nexport const useDebouncedEffect = (effect, deps, delay) => {\n useEffect(() => {\n const handler = setTimeout(() => effect(), delay);\n\n return () => clearTimeout(handler);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [...deps || [], delay]);\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport deepEqual from 'react-fast-compare';\n\nimport { useDebouncedEffect } from './useDebouncedEffect';\nimport { adjustThemeSettings } from './redux/actions';\nimport { DARK_THEME, DIM_THEME } from './constants';\nimport { ThemeConfigurator, SystemThemeSwitch, DimmedModeSwitch } from '.';\nimport { getStoredThemeSettings } from './utils';\nimport { DEBOUNCE_DURATION } from '../filters/redux/constants';\n\nconst ThemeSettings = () => {\n const dispatch = useDispatch();\n const userId = useSelector(state => state.login.userInfo.sub || null);\n const darkModeSettings = useSelector(state => state.themes.settings[DARK_THEME]);\n const dimModeSettings = useSelector(state => state.themes.settings[DIM_THEME]);\n const themeName = useSelector(state => state.themes.theme);\n const isUsingSystemTheme = useSelector(state => state.themes.isUsingSystemTheme || false);\n\n const [uncommittedDarkModeSettings, setUncommittedDarkModeSettings] = useState(darkModeSettings);\n const [uncommittedDimModeSettings, setUncommittedDimModeSettings] = useState(dimModeSettings);\n const [updatedThemeSetting, setUpdatedThemeSetting] = useState();\n\n useDebouncedEffect(() => {\n if (!deepEqual(uncommittedDarkModeSettings, darkModeSettings)) {\n dispatch(adjustThemeSettings(DARK_THEME, uncommittedDarkModeSettings, userId, { updatedThemeSetting }));\n }\n }, [dispatch, userId, uncommittedDarkModeSettings, updatedThemeSetting], DEBOUNCE_DURATION);\n\n useDebouncedEffect(() => {\n if (!deepEqual(uncommittedDimModeSettings, dimModeSettings)) {\n dispatch(adjustThemeSettings(DIM_THEME, uncommittedDimModeSettings, userId, { updatedThemeSetting }));\n }\n }, [dispatch, userId, uncommittedDimModeSettings, updatedThemeSetting], DEBOUNCE_DURATION);\n\n useEffect(() => {\n const storedDarkModeSettings = getStoredThemeSettings(userId, DARK_THEME);\n\n if (storedDarkModeSettings) setUncommittedDarkModeSettings(storedDarkModeSettings);\n }, [userId]);\n\n useEffect(() => {\n const storedDimModeSettings = getStoredThemeSettings(userId, DIM_THEME);\n\n if (storedDimModeSettings) setUncommittedDimModeSettings(storedDimModeSettings);\n }, [userId]);\n\n const handleChange = (themeName, settingName) => (evt, val) => {\n if (themeName === DARK_THEME) {\n setUncommittedDarkModeSettings({ ...uncommittedDarkModeSettings, [settingName]: val });\n setUpdatedThemeSetting(settingName);\n }\n\n if (themeName === DIM_THEME) {\n setUncommittedDimModeSettings({ ...uncommittedDimModeSettings, [settingName]: val });\n setUpdatedThemeSetting(settingName);\n }\n };\n\n const isDarkModeOn = useMemo(() => themeName === DARK_THEME, [themeName]);\n const isDimModeOn = useMemo(() => themeName === DIM_THEME, [themeName]);\n\n return (\n \n
\n );\n};\n\nThemeSettings.propTypes = {\n\n};\n\nexport default ThemeSettings;\n","import { withStyles } from '@material-ui/core/styles';\nimport Slider from '@material-ui/core/Slider';\nimport { w000pureWhite } from '@bridgit/foundation';\n\nconst BaseThemeSlider = withStyles({\n root: {\n height: 10,\n padding: '8px 0 2px',\n },\n thumb: {\n height: 24,\n width: 24,\n backgroundColor: w000pureWhite,\n border: '2px solid currentColor',\n marginTop: -8,\n marginLeft: -12,\n '&:focus, &:hover, &$active': {\n boxShadow: 'inherit',\n },\n },\n active: {},\n valueLabel: {\n left: 'calc(-50% + 4px)',\n },\n track: {\n height: 10,\n borderRadius: 4,\n },\n rail: {\n height: 10,\n borderRadius: 4,\n padding: '0 2px',\n },\n disabled: {\n '& .MuiSlider-thumb': {\n marginTop: -2,\n height: 14,\n width: 14,\n },\n },\n mark: {\n top: 12,\n marginRight: 2,\n },\n})(Slider);\n\nexport default BaseThemeSlider;\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography } from '@material-ui/core';\nimport BaseThemeSlider from './BaseThemeSlider';\nimport { getStepNumber } from './utils';\n\nconst ThemeSlider = ({ settingName, value, disabled, range, step, onChange, themeName }) => {\n const min = useMemo(() => range[0], [range]);\n const max = useMemo(() => range[1], [range]);\n\n return (\n \n \n {settingName}\n \n
\n );\n};\n\nThemeSlider.propTypes = {\n settingName: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired,\n disabled: PropTypes.bool.isRequired,\n range: PropTypes.arrayOf(PropTypes.number).isRequired,\n onChange: PropTypes.func.isRequired,\n step: PropTypes.number.isRequired,\n themeName: PropTypes.string.isRequired,\n};\n\nexport default ThemeSlider;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Typography, Switch } from '@material-ui/core';\n\nimport { toggleSystemThemeSwitch } from './redux/actions';\nimport { THEME_OS_SYSTEM_THEME_SELECTED } from '../../analytics/themes/constants';\n\nconst SystemThemeSwitch = () => {\n const dispatch = useDispatch();\n const userId = useSelector(state => state.login.userInfo.sub || null);\n const isUsingSystemTheme = useSelector(state => state.themes.isUsingSystemTheme);\n\n const handleToggleSwitch = () => {\n const analyticsPayload = { eventType: THEME_OS_SYSTEM_THEME_SELECTED };\n\n dispatch(toggleSystemThemeSwitch(!isUsingSystemTheme, userId, analyticsPayload));\n };\n\n return (\n \n \n Use OS system theme\n \n
\n );\n};\n\nexport default SystemThemeSwitch;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography } from '@material-ui/core';\nimport { ThemeSlider } from './index';\nimport { SETTING_RANGES, SETTING_SLIDER_STEP } from './constants';\nimport { capitalize } from '../../utils/formatters';\n\nconst ThemeConfigurator = ({ config, onChange, disabled, themeName }) => (\n \n \n {`${capitalize(themeName)} mode settings`}\n \n {Object.keys(config).map(settingName => (\n
\n);\n\nThemeConfigurator.propTypes = {\n config: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool.isRequired,\n themeName: PropTypes.string.isRequired,\n};\n\nexport default ThemeConfigurator;\n","import React, { useMemo, useState } from 'react';\nimport { Switch, Typography } from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { changeTheme } from './redux/changeTheme';\nimport { DIM_THEME, STANDARD_THEME } from './constants';\nimport { THEME_ENABLE_DIMMED_MODE } from '../../analytics/themes/constants';\n\nconst DimmedModeSwitch = () => {\n const dispatch = useDispatch();\n\n const userId = useSelector(state => state.login.userInfo.sub || null);\n const themeName = useSelector(state => state.themes.theme);\n const isUsingSystemTheme = useSelector(state => state.themes.isUsingSystemTheme || false);\n\n const isDimModeOn = useMemo(() => themeName === DIM_THEME, [themeName]);\n\n const [themeBeforeDimmed, setThemeBeforeDimmed] = useState(themeName === DIM_THEME ? STANDARD_THEME : themeName);\n\n const handleChange = () => {\n const analyticsPayload = {\n eventType: THEME_ENABLE_DIMMED_MODE,\n isDimModeOn: !isDimModeOn,\n };\n\n if (!isDimModeOn) {\n setThemeBeforeDimmed(themeName);\n dispatch(changeTheme(DIM_THEME, userId, analyticsPayload));\n } else {\n dispatch(changeTheme(themeBeforeDimmed, userId, analyticsPayload));\n }\n };\n\n return (\n \n \n Enable Dimmed Mode\n \n
\n );\n};\n\nexport default DimmedModeSwitch;\n","import { THEMES_LOAD_THEME_SETTINGS, THEMES_ADJUST_THEME_SETTINGS } from './constants';\nimport { setStoredThemeSettings } from '../utils';\n\nexport function triggerAdjustThemeSettings(type, themeName, settings, userId, analyticsPayload) {\n return {\n type,\n userId,\n settings,\n themeName,\n analyticsPayload,\n };\n}\n\nexport function loadThemeSettings(themeName, settings, userId) {\n return triggerAdjustThemeSettings(THEMES_LOAD_THEME_SETTINGS, themeName, settings, userId);\n}\n\nexport function adjustThemeSettings(themeName, settings, userId, analyticsPayload) {\n return triggerAdjustThemeSettings(THEMES_ADJUST_THEME_SETTINGS, themeName, settings, userId, analyticsPayload);\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case THEMES_LOAD_THEME_SETTINGS:\n case THEMES_ADJUST_THEME_SETTINGS: {\n const { settings, userId, themeName } = action;\n const updatedSettings = {\n ...state.settings,\n [themeName]: { ...settings },\n };\n\n setStoredThemeSettings(themeName, settings, userId);\n\n return {\n ...state,\n settings: updatedSettings,\n };\n }\n\n default:\n return state;\n }\n}\n","import { THEMES_CHANGE_THEME } from './constants';\nimport { setStoredThemeName } from '../utils';\n\nexport function changeTheme(themeName, userId, analyticsPayload) {\n return {\n type: THEMES_CHANGE_THEME,\n userId,\n themeName,\n analyticsPayload,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case THEMES_CHANGE_THEME: {\n const { themeName, userId } = action;\n\n setStoredThemeName(themeName, userId);\n\n return {\n ...state,\n theme: themeName,\n };\n }\n\n default:\n return state;\n }\n}\n","export const THEMES_CHANGE_THEME = 'THEMES_CHANGE_THEME';\nexport const THEMES_LOAD_THEME_SETTINGS = 'THEMES_LOAD_THEME_SETTINGS';\nexport const THEMES_ADJUST_THEME_SETTINGS = 'THEMES_ADJUST_THEME_SETTINGS';\nexport const THEMES_TOGGLE_SYSTEM_THEME_SWITCH = 'THEMES_TOGGLE_SYSTEM_THEME_SWITCH';\n","import { auto as followSystemColorScheme } from 'darkreader';\nimport { THEMES_TOGGLE_SYSTEM_THEME_SWITCH } from './constants';\nimport { setStoredSystemThemeStatus } from '../utils';\n\nexport function toggleSystemThemeSwitch(newToggleState, userId, analyticsPayload) {\n return {\n type: THEMES_TOGGLE_SYSTEM_THEME_SWITCH,\n userId,\n newToggleState,\n analyticsPayload,\n };\n}\n\nexport function reducer(state, action) {\n switch (action.type) {\n case THEMES_TOGGLE_SYSTEM_THEME_SWITCH: {\n const { newToggleState, userId } = action;\n\n if (!newToggleState) followSystemColorScheme(false);\n\n setStoredSystemThemeStatus(newToggleState, userId);\n\n return {\n ...state,\n isUsingSystemTheme: newToggleState,\n };\n }\n\n default:\n return state;\n }\n}\n","import { SETTING_RANGES, SETTING_SLIDER_STEP } from './constants';\nimport { THEME_MODE_SETTINGS_KEY, THEME_NAME_KEY, THEME_USE_SYSTEM_THEME_KEY } from '../../common/localStorageKeys';\n\nexport const getStepNumber = (currentValue, themeName, settingName) => () => {\n const minValue = SETTING_RANGES[themeName][settingName][0];\n\n return (currentValue - minValue) / SETTING_SLIDER_STEP;\n};\n\nexport const getStoredThemeSettings = (userId, themeName) => JSON.parse(localStorage.getItem(`${THEME_MODE_SETTINGS_KEY}-${userId}-${themeName}`) || null);\nexport const setStoredThemeSettings = (themeName, themeObject, userId) => {\n const stringifiedSettings = JSON.stringify(themeObject);\n\n localStorage.setItem(`${THEME_MODE_SETTINGS_KEY}-${userId}-${themeName}`, stringifiedSettings);\n};\n\nexport const getStoredSystemThemeStatus = userId => JSON.parse(localStorage.getItem(`${THEME_USE_SYSTEM_THEME_KEY}-${userId}`) || false);\nexport const setStoredSystemThemeStatus = (status, userId) => localStorage.setItem(`${THEME_USE_SYSTEM_THEME_KEY}-${userId}`, status);\n\nexport const getStoredThemeName = userId => localStorage.getItem(`${THEME_NAME_KEY}-${userId}`);\nexport const setStoredThemeName = (themeName, userId) => localStorage.setItem(`${THEME_NAME_KEY}-${userId}`, themeName);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { OutlinedInput as MaterialInput } from '@material-ui/core';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nexport default class OutlinedInput extends PureComponent {\n static propTypes = {\n slim: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n defaultValue: PropTypes.oneOf([PropTypes.string, PropTypes.number]),\n readOnly: PropTypes.bool,\n disabled: PropTypes.bool,\n inputProps: PropTypes.object,\n placeholder: PropTypes.string,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n onKeyUp: PropTypes.func,\n fullWidth: PropTypes.bool,\n autoFocus: PropTypes.bool,\n };\n\n static defaultProps = {\n slim: false,\n className: '',\n name: undefined,\n value: undefined,\n defaultValue: undefined,\n readOnly: false,\n disabled: false,\n inputProps: undefined,\n placeholder: undefined,\n onChange: undefined,\n onBlur: undefined,\n onKeyUp: undefined,\n fullWidth: false,\n autoFocus: false,\n };\n\n getMuiTheme = (outerTheme) => {\n const { slim } = this.props;\n return {\n ...outerTheme,\n overrides: {\n MuiOutlinedInput: {\n root: {\n minWidth: '185px',\n },\n input: {\n paddingTop: slim ? '5px' : '10px',\n paddingBottom: slim ? '5px' : '10px',\n },\n },\n },\n };\n }\n\n render() {\n /*\n This component may receive props that are not explicitly defined by us when consumed by other\n Material components such as 'Select'. The 'rest' spread makes this much easier to maintain.\n */\n const {\n slim,\n className,\n name,\n value,\n defaultValue,\n readOnly,\n disabled,\n inputProps,\n placeholder,\n onChange,\n onBlur,\n onKeyUp,\n fullWidth,\n autoFocus,\n ...materialProps\n } = this.props;\n\n return readOnly\n ? (\n \n {value || defaultValue || (!!inputProps && !!inputProps.children ? inputProps.children : '')}\n
\n )\n : (\n \n
\n );\n }\n\n case 'checkbox': {\n if (multi) {\n return (\n \n
\n );\n\n case 'color':\n return (\n \n
\n Click to upload a photo or drag and drop
\n \n \n {label && (\n \n {label}\n {tooltipText && defaultCostRateFlag && \n {placeholder}\n \n )}\n {this.renderInput()}\n {showErrors && {error} }\n {!showErrors && required && Required * }\n \n
\n );\n }\n}\n\n// TODO: remove redux stuff when flags are removed\nconst mapStateToProps = ({ launchDarkly: { defaultCostRate } }) => ({\n defaultCostRateFlag: defaultCostRate,\n});\n\nexport default connect(mapStateToProps)(FormField);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport moment from 'moment';\nimport deepEqual from 'react-fast-compare';\nimport { b500bridgitBlue, Loader } from '@bridgit/foundation';\nimport { FormField } from '.';\nimport { cloneDeep } from '../../utils/miscUtils';\n\nexport default class ValidatedForm extends Component {\n static propTypes = {\n className: PropTypes.string,\n inputs: PropTypes.arrayOf(PropTypes.object),\n validate: PropTypes.func,\n onValueChanged: PropTypes.func,\n onDateInputFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onSelectOpen: PropTypes.func,\n onSelectClose: PropTypes.func,\n errors: PropTypes.object,\n alwaysShowErrors: PropTypes.bool,\n onKeyUp: PropTypes.func,\n forceUpdate: PropTypes.bool,\n loading: PropTypes.bool,\n defaultValues: PropTypes.object,\n };\n\n static defaultProps = {\n className: '',\n inputs: [],\n validate: () => {},\n onValueChanged: () => {},\n onDateInputFocus: () => {},\n onBlur: () => {},\n onSelectOpen: () => {},\n onSelectClose: () => {},\n errors: {},\n alwaysShowErrors: false,\n onKeyUp: () => {},\n forceUpdate: false,\n loading: false,\n defaultValues: {},\n };\n\n constructor(props) {\n super(props);\n\n const values = { ...this.parseValues(props.inputs), ...props.defaultValues };\n\n this.state = {\n values,\n errors: {},\n };\n }\n\n componentDidMount() {\n const { values } = this.state;\n const { validate, errors } = this.props;\n\n this.setState({\n errors: {\n ...validate(values),\n ...errors,\n },\n });\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { errors, inputs, defaultValues } = this.props;\n const { values } = this.state;\n const updatedState = {};\n\n if (!deepEqual(errors, nextProps.errors)) {\n updatedState.errors = nextProps.errors;\n }\n\n if (nextProps.forceUpdate && !deepEqual(inputs, nextProps.inputs)) {\n const newValues = this.parseValues(nextProps.inputs);\n updatedState.values = newValues;\n updatedState.errors = nextProps.validate(newValues);\n }\n\n if (!deepEqual(defaultValues, nextProps.defaultValues)) {\n const newValues = { ...values, ...nextProps.defaultValues };\n this.setState({ values: newValues });\n }\n\n this.setState(updatedState);\n }\n\n getMuiTheme = outerTheme => ({\n ...outerTheme,\n overrides: {\n ...outerTheme.overrides,\n MuiInputLabel: {\n shrink: {\n transform: 'translate(0, 24px) scale(1)',\n width: '100%',\n fontSize: '0.75rem',\n top: '-23px',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n MuiInput: {\n underline: {\n '&$error': {\n '&:after': {\n borderBottomColor: 'inherit',\n },\n },\n },\n },\n MuiFormHelperText: {\n root: {\n '&$error': {\n color: b500bridgitBlue,\n },\n },\n },\n },\n });\n\n parseValues = inputs => inputs.reduce((values, input) => {\n const obj = cloneDeep(values);\n\n switch (input.type) {\n case 'checkbox': {\n if (input.multi) {\n obj[input.name] = input.options || [];\n } else if ('value' in input) {\n obj[input.name] = input.value && input.value.toString().toLowerCase() === 'true';\n } else {\n obj[input.name] = false;\n }\n break;\n }\n case 'date':\n obj[input.name] = input.value && moment(input.value).isValid() ? moment(input.value).toISOString() : null;\n break;\n case 'select': {\n let { value } = input;\n if (!input.value) {\n value = input.multi ? [] : '';\n }\n obj[input.name] = value;\n break;\n }\n case 'color':\n obj[input.name] = input.value;\n break;\n default:\n obj[input.name] = input.value || '';\n }\n return obj;\n }, {});\n\n onInputChange = (e, passedValue, customFieldName) => {\n const { validate, onValueChanged } = this.props;\n const { values } = this.state;\n const newValues = cloneDeep(values);\n\n const { type, name, value, checked } = e.target;\n\n if (type === 'checkbox') {\n if (name === 'workDays') {\n newValues[name][value].checked = checked;\n } else {\n newValues[name] = !newValues[name];\n }\n } else if (type === 'select') {\n if (newValues[name].includes(value)) {\n newValues[name].splice(newValues[name].indexOf(value), 1);\n } else {\n newValues[name].push(value);\n }\n } else if (customFieldName) {\n newValues[customFieldName] = passedValue;\n } else {\n newValues[name] = value;\n }\n\n onValueChanged(name || customFieldName, newValues);\n\n this.setState({\n values: newValues,\n errors: validate(newValues),\n });\n };\n\n onDateInputFocus = () => {\n const { onDateInputFocus } = this.props;\n onDateInputFocus();\n }\n\n renderInputs = () => {\n const { inputs, alwaysShowErrors, onKeyUp, onBlur, onSelectOpen, onSelectClose } = this.props;\n const { values, errors } = this.state;\n\n return inputs.map((input, index) => (\n \n \n {loading && \n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport { Button, CircularProgress } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport class EditControls extends PureComponent {\n static propTypes = {\n primaryAction: PropTypes.func,\n secondaryAction: PropTypes.func,\n disabled: PropTypes.bool,\n secondaryDisabled: PropTypes.bool,\n primaryVariant: PropTypes.string,\n secondaryVariant: PropTypes.string,\n primaryText: PropTypes.string,\n secondaryText: PropTypes.string,\n pending: PropTypes.bool,\n showSecondary: PropTypes.bool,\n addMarginTop: PropTypes.bool,\n className: PropTypes.string,\n pendingText: PropTypes.string,\n };\n\n static defaultProps = {\n primaryAction: undefined,\n secondaryAction: undefined,\n primaryVariant: '',\n secondaryVariant: '',\n disabled: false,\n secondaryDisabled: false,\n primaryText: 'Save',\n secondaryText: 'Cancel',\n pending: false,\n showSecondary: true,\n addMarginTop: false,\n className: '',\n pendingText: '',\n };\n\n getControlButtons = () => {\n const {\n primaryAction,\n secondaryAction,\n primaryVariant,\n secondaryVariant,\n disabled,\n secondaryDisabled,\n primaryText,\n secondaryText,\n pending,\n showSecondary,\n addMarginTop,\n } = this.props;\n\n const defaultSecondaryProps =\n secondaryVariant === 'contained'\n ? {\n disableRipple: true,\n variant: 'contained',\n }\n : {};\n\n const defaultPrimaryProps =\n primaryVariant === 'contained'\n ? {\n disableRipple: true,\n type: 'submit',\n variant: 'contained',\n }\n : {};\n\n const secondaryProps = {\n className: 'button__default',\n color: 'default',\n onClick: secondaryAction,\n disabled: secondaryDisabled || pending,\n ...defaultSecondaryProps,\n };\n\n const primaryProps = {\n color: 'primary',\n onClick: primaryAction,\n disabled: disabled || pending,\n ...defaultPrimaryProps,\n };\n\n const spinnerClass = pending ? 'spinner' : 'hidden';\n const buttonClass = pending ? 'button-hidden' : '';\n const secondaryButtonClass = showSecondary ? buttonClass : 'secondary-button-hidden';\n const buttonContainerClass = `button-container ${addMarginTop ? ' margin-top' : ''}`;\n\n /* eslint-disable react/jsx-props-no-spreading */\n return (\n \n \n \n
\n );\n /* eslint-enable react/jsx-props-no-spreading */\n };\n\n render() {\n const { className, pending, pendingText } = this.props;\n const showPending = pending && !!pendingText?.length;\n\n const buttons = this.getControlButtons();\n return (\n \n
\n \n { showPending && (
\n );\n }\n}\n\nexport default EditControls;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Input,\n} from '@material-ui/core';\nimport { validatePercentInput } from 'src/utils/validators';\nimport { MIN_ALLOCATION_PERCENT, MAX_ALLOCATION_PERCENT } from 'src/common/constants';\n\nconst NumberInput = React.memo(({\n className,\n value,\n onValueChanged,\n onBlur,\n disabled,\n index,\n placeholder,\n minValue,\n maxValue,\n}) => {\n const [initialInputValue] = useState(value);\n const [workingValue, setWorkingValue] = useState(value);\n\n useEffect(\n () => { setWorkingValue(value); },\n [value],\n );\n\n const onKeyDown = (evt) => {\n const { key } = evt;\n const invalidChars = ['.', '-', '+', 'e'];\n\n if (invalidChars.includes(key)) evt.preventDefault();\n };\n\n const onChange = (evt) => {\n const { target } = evt;\n const { value: inputVal } = target;\n\n const validated = validatePercentInput(inputVal, minValue);\n\n if (!Number.isNaN(validated)) {\n setWorkingValue(validated);\n\n if (typeof validated === 'number') {\n onValueChanged(validated, index);\n }\n }\n };\n\n const handleBlur = () => {\n onBlur();\n\n if (typeof workingValue !== 'number') {\n setWorkingValue(initialInputValue);\n onValueChanged(initialInputValue, index);\n }\n };\n\n\n return (\n {pendingText}
) }\n {buttons}\n \n \n { !hideArrow && }\n {children}\n \n
\n );\n}\n\nCustomPopper.propTypes = {\n popperOpen: PropTypes.bool.isRequired,\n anchorEl: PropTypes.object,\n classes: PropTypes.string,\n children: PropTypes.node,\n placement: PropTypes.string,\n hideArrow: PropTypes.bool,\n preventBubbling: PropTypes.bool,\n modifiers: PropTypes.object,\n disablePortal: PropTypes.bool,\n onUpdate: PropTypes.func,\n};\n\nCustomPopper.defaultProps = {\n anchorEl: null,\n classes: '',\n children: '',\n placement: 'bottom',\n hideArrow: false,\n preventBubbling: false,\n modifiers: {},\n disablePortal: false,\n onUpdate: () => {},\n};\n\nexport default CustomPopper;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '@material-ui/core';\nimport { IconButton } from '@bridgit/foundation';\nimport { Edit } from '@material-ui/icons/';\nimport classNames from 'classnames';\n\nexport default class EditButton extends PureComponent {\n static propTypes = {\n onClick: PropTypes.func.isRequired,\n tooltipTitle: PropTypes.string,\n tooltipPlacement: PropTypes.string,\n disabled: PropTypes.bool,\n iconClass: PropTypes.string,\n className: PropTypes.string,\n };\n\n static defaultProps = {\n tooltipTitle: 'Edit',\n tooltipPlacement: 'top',\n disabled: false,\n iconClass: '',\n className: '',\n }\n\n render() {\n const { onClick, tooltipTitle, tooltipPlacement, disabled, iconClass, className } = this.props;\n\n return (\n \n {renderGroups()}\n
\n );\n};\n\nPhaseEditor.propTypes = {\n accountId: PropTypes.number.isRequired,\n onClose: PropTypes.func.isRequired,\n newStartDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n newEndDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n boundingStartDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n boundingEndDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n isSaving: PropTypes.bool.isRequired,\n setEditorSegments: PropTypes.func.isRequired,\n project: PropTypes.object,\n phaseId: PropTypes.number.isRequired,\n trackDateEdit: PropTypes.func.isRequired,\n updateProjectDuration: PropTypes.func.isRequired,\n segments: PropTypes.object,\n permissions: PropTypes.object.isRequired,\n editAction: PropTypes.oneOf(DATE_EDIT_ACTIONS),\n dateUnderEdit: PropTypes.oneOf([START_DATE, END_DATE]),\n offset: PropTypes.number.isRequired,\n};\n\nPhaseEditor.defaultProps = {\n newStartDate: null,\n newEndDate: null,\n boundingStartDate: null,\n boundingEndDate: null,\n project: {},\n segments: {},\n editAction: null,\n dateUnderEdit: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ common, editDates, projects, login }) {\n const { accountId } = common;\n const { userInfo: { permissions } } = login;\n const {\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n primaryId,\n segments,\n editAction,\n dateUnderEdit,\n offset,\n } = editDates;\n\n const { projectSelections, updateProjectDurationPending } = projects;\n\n return {\n accountId,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n isSaving: updateProjectDurationPending,\n projectSelections,\n phaseId: primaryId,\n segments,\n permissions,\n editAction,\n dateUnderEdit,\n offset,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n setEditorSegments: bindActionCreators(setEditorSegments, dispatch),\n updateProjectDuration: bindActionCreators(updateProjectDuration, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(PhaseEditor);\n","import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport {\n DATE_EDIT_ACTIONS,\n START_DATE,\n END_DATE,\n EDIT_ACTION_EXTENDED,\n} from 'src/common/constants';\nimport { momentToString } from 'src/utils/dateUtils';\nimport { fitSegmentsToRange } from 'src/utils/dateSegmentUtils';\nimport { updateProject } from 'src/features/projects/redux/actions';\nimport { PERM_WRITE, PERM_ROLE } from 'src/features/permissions/utils/constants';\nimport { isAuthorized } from 'src/features/permissions/utils/permissionUtils';\nimport { getGroupData, extendSegmentDates, getAffectedProjectEntities } from './utils/dateEditorUtils';\nimport { DateModalControls, SegmentGroup } from '.';\nimport { SEGMENT_TYPE_PHASE, SEGMENT_TYPE_PROJECT, SEGMENT_TYPE_ROLE } from './common/constants';\nimport { setEditorSegments } from './redux/actions';\nimport { updateProjectDuration } from '../projects/redux/updateProjectDuration';\n\nconst ProjectEditor = ({\n segments,\n editAction,\n dateUnderEdit,\n project,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n accountId,\n updateProjectDuration,\n offset,\n onClose,\n trackDateEdit,\n isSaving,\n permissions,\n setEditorSegments,\n}) => {\n const isSavingRef = useRef(isSaving);\n\n useEffect(() => {\n const editorSegments = getAffectedProjectEntities(project, newStartDate, newEndDate);\n setEditorSegments(editorSegments);\n }, [newEndDate, newStartDate, project, setEditorSegments]);\n\n const onSave = () => {\n const {\n selectedSegments: selectedPhases,\n totalCount: phaseCount,\n updatedCount: updatedPhaseCount,\n deleteCount: deletedPhaseCount,\n } = getGroupData(segments?.[SEGMENT_TYPE_PHASE]);\n\n const {\n selectedSegments: selectedRoles,\n totalCount: roleCount,\n updatedCount: updatedRoleCount,\n deleteCount: deletedRoleCount,\n } = getGroupData(segments?.[SEGMENT_TYPE_ROLE]);\n\n const hasRolePerms = isAuthorized(accountId, permissions, PERM_WRITE, PERM_ROLE);\n\n let phaseData = [];\n let roleData = [];\n if (editAction === EDIT_ACTION_EXTENDED) {\n phaseData = selectedPhases.map((segment) => {\n const { startDate, endDate } = extendSegmentDates(segment, dateUnderEdit, offset);\n const { id } = segment;\n\n return {\n id,\n startDate,\n endDate,\n expandSubphases: true,\n };\n });\n\n if (hasRolePerms) {\n roleData = selectedRoles.map((role) => {\n const { id, name } = role;\n const { startDate, endDate } = extendSegmentDates(role, dateUnderEdit, offset);\n const allocations = fitSegmentsToRange(role.requirements, startDate, endDate);\n\n const formattedAllocations = allocations.map(({ allocatedPercent, startDate, endDate }) => (\n { allocatedPercent, startDate, endDate }\n ));\n\n return {\n id,\n name,\n startDate,\n endDate,\n expandAllocations: true,\n allocations: formattedAllocations,\n };\n });\n }\n }\n\n trackDateEdit(\n phaseCount,\n updatedPhaseCount,\n deletedPhaseCount,\n roleCount,\n updatedRoleCount,\n deletedRoleCount,\n );\n\n updateProjectDuration(accountId, project.id, momentToString(newStartDate), momentToString(newEndDate), phaseData, roleData);\n };\n\n // Close the modal after saving the changes.\n useEffect(() => {\n if (isSavingRef.current && !isSaving) {\n onClose();\n }\n\n isSavingRef.current = isSaving;\n }, [isSaving, onClose]);\n\n\n if (!project || !segments) return null;\n\n const renderGroups = () => {\n if (!boundingStartDate || !boundingEndDate) return null;\n const groups = [\n SEGMENT_TYPE_PROJECT,\n SEGMENT_TYPE_PHASE,\n SEGMENT_TYPE_ROLE,\n ].map(type => (\n {renderGroups()}\n
\n );\n};\n\nProjectEditor.propTypes = {\n editAction: PropTypes.oneOf(DATE_EDIT_ACTIONS),\n dateUnderEdit: PropTypes.oneOf([START_DATE, END_DATE]),\n onClose: PropTypes.func.isRequired,\n project: PropTypes.object,\n newStartDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n newEndDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n boundingStartDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n boundingEndDate: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n accountId: PropTypes.number.isRequired,\n updateProjectDuration: PropTypes.func.isRequired,\n segments: PropTypes.object,\n offset: PropTypes.number.isRequired,\n trackDateEdit: PropTypes.func.isRequired,\n isSaving: PropTypes.bool.isRequired,\n permissions: PropTypes.object.isRequired,\n setEditorSegments: PropTypes.func.isRequired,\n};\n\nProjectEditor.defaultProps = {\n project: null,\n editAction: null,\n dateUnderEdit: null,\n newStartDate: null,\n newEndDate: null,\n boundingStartDate: null,\n boundingEndDate: null,\n segments: {},\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ editDates, projects, common, login }) {\n const {\n editAction,\n dateUnderEdit,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n segments,\n offset,\n } = editDates;\n const { updateProjectDurationPending } = projects;\n const { accountId, contentView } = common;\n const { userInfo: { permissions } } = login;\n\n return {\n editAction,\n dateUnderEdit,\n newStartDate,\n newEndDate,\n boundingStartDate,\n boundingEndDate,\n accountId,\n contentView,\n segments,\n offset,\n isSaving: updateProjectDurationPending,\n permissions,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n setEditorSegments: bindActionCreators(setEditorSegments, dispatch),\n updateProject: bindActionCreators(updateProject, dispatch),\n updateProjectDuration: bindActionCreators(updateProjectDuration, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ProjectEditor);\n","import React, { useMemo } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { EDITABLE_SEGMENT_TYPES, SEGMENT_TYPE_ROLE, SEGMENT_TYPE_PHASE } from './common/constants';\nimport { GroupHeader, SegmentFactory } from '.';\nimport { DATE_EDIT_ACTIONS, EDIT_ACTION_EXTENDED } from '../../common/constants';\nimport { Can } from '../wrapped-components';\nimport { PERM_ROLE, PERM_WRITE } from '../permissions/utils/constants';\n\nfunction SegmentGroup({\n groupType,\n segments,\n editAction,\n typeUnderEdit,\n}) {\n const typedSegments = useMemo(\n () => segments?.[groupType] || [],\n [segments, groupType],\n );\n\n const totalImpacted = useMemo(\n () => typedSegments.filter(({ checked }) => !!checked).length,\n [typedSegments],\n );\n\n if (!typedSegments.length) return null;\n\n const groupBody = (\n \n
\n );\n\n if (groupType === SEGMENT_TYPE_ROLE &&\n (editAction === EDIT_ACTION_EXTENDED || typeUnderEdit === SEGMENT_TYPE_PHASE)) {\n return (\n Sorry, you don't have permission to edit roles.
\n \n )}\n />\n );\n }\n\n return groupBody;\n}\n\nSegmentGroup.propTypes = {\n groupType: PropTypes.oneOf(EDITABLE_SEGMENT_TYPES).isRequired,\n segments: PropTypes.object.isRequired,\n editAction: PropTypes.oneOf(DATE_EDIT_ACTIONS).isRequired,\n typeUnderEdit: PropTypes.oneOf(EDITABLE_SEGMENT_TYPES).isRequired,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ editDates }) {\n const { segments, editAction, typeUnderEdit } = editDates;\n\n return { segments, editAction, typeUnderEdit };\n}\n\nexport default connect(\n mapStateToProps,\n)(SegmentGroup);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport { TimelinePositioner } from 'src/features/common';\nimport { getBoundingRangeFromSegments, isValidSegmentArray } from 'src/utils/dateSegmentUtils';\nimport { customPropCheck } from 'src/utils/propCheckUtils';\nimport { Checkbox, Tooltip } from '@material-ui/core';\nimport { Report } from '@material-ui/icons';\nimport { SegmentLabel, EditorCapsule } from '.';\nimport { isStringOrMoment, stringToMoment } from '../../utils/dateUtils';\nimport {\n DATE_DISPLAY_FORMAT,\n EDIT_ACTION_COLLAPSED,\n END_DATE,\n START_DATE,\n} from '../../common/constants';\nimport { ITEM_WILL_BE_DELETED } from './common/constants';\n\nfunction SingleSegment({\n onToggleEdit,\n name,\n secondaryText,\n capsulePrimaryColor,\n capsuleBorderColor,\n capsuleLeftText,\n timelineDates,\n endContent,\n boundingStartDate,\n boundingEndDate,\n checked,\n dateUnderEdit,\n editAction,\n showCheckbox,\n warningText,\n showDeleteWarning,\n tooltip,\n compact,\n disabled,\n endContentTooltip,\n}) {\n if (!isValidSegmentArray(timelineDates)) return null;\n\n let labelSegment;\n if (editAction === EDIT_ACTION_COLLAPSED) {\n labelSegment = dateUnderEdit === START_DATE ? timelineDates?.[timelineDates.length - 1] : timelineDates?.[0];\n } else {\n labelSegment = getBoundingRangeFromSegments(timelineDates);\n }\n\n const { startDate, endDate } = { ...labelSegment };\n const formattedStart = stringToMoment(startDate).format(DATE_DISPLAY_FORMAT);\n const formattedEnd = stringToMoment(endDate).format(DATE_DISPLAY_FORMAT);\n const superText = `${formattedStart} - ${formattedEnd}`;\n\n return (\n\n \n
\n );\n}\n\nSingleSegment.propTypes = {\n onToggleEdit: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n secondaryText: PropTypes.string,\n capsulePrimaryColor: PropTypes.string,\n capsuleBorderColor: PropTypes.string,\n capsuleLeftText: PropTypes.string,\n timelineDates: customPropCheck(isValidSegmentArray),\n endContent: PropTypes.node,\n boundingStartDate: customPropCheck(isStringOrMoment).isRequired,\n boundingEndDate: customPropCheck(isStringOrMoment).isRequired,\n checked: PropTypes.bool,\n dateUnderEdit: PropTypes.oneOf([START_DATE, END_DATE]).isRequired,\n editAction: PropTypes.string.isRequired,\n showCheckbox: PropTypes.bool,\n warningText: PropTypes.string,\n showDeleteWarning: PropTypes.bool,\n tooltip: PropTypes.string,\n compact: PropTypes.bool,\n disabled: PropTypes.bool,\n endContentTooltip: PropTypes.string,\n};\n\nSingleSegment.defaultProps = {\n capsulePrimaryColor: '',\n capsuleBorderColor: '',\n capsuleLeftText: '',\n secondaryText: '',\n timelineDates: [],\n endContent: null,\n checked: false,\n showCheckbox: true,\n warningText: ITEM_WILL_BE_DELETED,\n showDeleteWarning: false,\n tooltip: '',\n compact: false,\n disabled: false,\n endContentTooltip: null,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ editDates }) {\n const {\n boundingStartDate,\n boundingEndDate,\n dateUnderEdit,\n editAction,\n } = editDates;\n\n return {\n boundingStartDate,\n boundingEndDate,\n dateUnderEdit,\n editAction,\n };\n}\n\nexport default connect(\n mapStateToProps,\n)(SingleSegment);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport pluralize from 'pluralize';\nimport {\n EDITABLE_SEGMENT_TYPES,\n SEGMENT_TYPE_PHASE,\n SEGMENT_TYPE_PRIMARY_PHASE,\n SEGMENT_TYPE_PROJECT,\n SEGMENT_TYPE_ROLE,\n} from './common/constants';\n\nfunction GroupHeader({\n groupType,\n totalImpacted,\n typeUnderEdit,\n}) {\n const formattedTypes = {\n [SEGMENT_TYPE_PRIMARY_PHASE]: 'phase',\n [SEGMENT_TYPE_ROLE]: 'role',\n [SEGMENT_TYPE_PHASE]: 'phase',\n [SEGMENT_TYPE_PROJECT]: 'project',\n };\n\n const groupLabel = () => {\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT && groupType === SEGMENT_TYPE_PROJECT) {\n return 'Project date edited';\n }\n\n if (typeUnderEdit === SEGMENT_TYPE_PHASE && groupType === SEGMENT_TYPE_PRIMARY_PHASE) {\n return 'Phase date edited';\n }\n\n if (typeUnderEdit === SEGMENT_TYPE_PHASE && groupType === SEGMENT_TYPE_PROJECT) {\n return 'Project';\n }\n\n return `${pluralize(formattedTypes[groupType], totalImpacted, true)} impacted`;\n };\n\n return (\n \n \n
\n \n
\n )}\n {warningText}
\n \n { endContent }\n { showCheckbox && (\n
\n \n \n
\n );\n}\n\nGroupHeader.propTypes = {\n groupType: PropTypes.oneOf(EDITABLE_SEGMENT_TYPES).isRequired,\n totalImpacted: PropTypes.number.isRequired,\n typeUnderEdit: PropTypes.oneOf(EDITABLE_SEGMENT_TYPES).isRequired,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ editDates }) {\n const { typeUnderEdit } = editDates;\n\n return { typeUnderEdit };\n}\n\nexport default connect(\n mapStateToProps,\n)(GroupHeader);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '@material-ui/core';\n\nexport default function SegmentLabel({\n primaryText,\n secondaryText,\n}) {\n return (\n {groupLabel()}
\n \n {primaryText}\n { secondaryText?.length > 0 && (\n \n {secondaryText}\n \n )}\n
\n );\n}\n\nSegmentLabel.propTypes = {\n primaryText: PropTypes.string.isRequired,\n secondaryText: PropTypes.string,\n};\n\nSegmentLabel.defaultProps = {\n secondaryText: '',\n};\n","import React, { useCallback } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport pluralize from 'pluralize';\nimport { BACKGROUND_GREY, MAIN_GREY } from '@bridgit/foundation';\nimport { EDIT_ACTION_COLLAPSED, EDIT_ACTION_EXTENDED, END_DATE, START_DATE, UNFILLED } from 'src/common/constants';\nimport { trimSegmentsToRange } from 'src/utils/dateSegmentUtils';\nimport {\n EDITABLE_SEGMENT_TYPES,\n PHASE_WILL_BE_DELETED,\n ROLE_WILL_BE_DELETED,\n SEGMENT_TYPE_PHASE,\n SEGMENT_TYPE_PRIMARY_PHASE,\n SEGMENT_TYPE_PROJECT,\n SEGMENT_TYPE_ROLE,\n} from './common/constants';\nimport { SingleSegment } from './index';\nimport {\n buildTimelineDates,\n isPrimary,\n isUneditableProjectBar,\n extendingByEndDate,\n isSecondaryProjectBar,\n shouldShiftDates,\n} from './utils/dateEditorUtils';\nimport { setSegmentSelected } from './redux/setSegmentSelected';\nimport { customPropCheck } from '../../utils/propCheckUtils';\nimport { isStringOrMoment } from '../../utils/dateUtils';\n\nfunction SegmentFactory({\n segmentType,\n segment,\n offset,\n editAction,\n dateUnderEdit,\n setSegmentSelected,\n typeUnderEdit,\n newStartDate,\n newEndDate,\n projectEnd,\n}) {\n const { id, name, startDate, endDate, checked, showCheckbox, showDeleteWarning, colour, allocations, note, disabled } = segment;\n\n const extendProject = isUneditableProjectBar(\n segmentType, editAction, dateUnderEdit, typeUnderEdit, newEndDate, projectEnd,\n );\n\n const useOriginalDates = isSecondaryProjectBar(segmentType, typeUnderEdit) &&\n !extendingByEndDate(editAction, dateUnderEdit);\n\n const shiftDates = shouldShiftDates(typeUnderEdit, dateUnderEdit, startDate, newEndDate, offset, checked);\n\n const includeOffset = (editAction === EDIT_ACTION_EXTENDED && checked) ||\n (typeUnderEdit === SEGMENT_TYPE_PHASE && editAction === EDIT_ACTION_COLLAPSED && !checked);\n\n const options = isPrimary(segmentType, typeUnderEdit) ? {} : {\n combineSegments: true,\n includeOffset,\n extendProject,\n useOriginalDates,\n shiftDates,\n };\n\n const isCollapsed = editAction === EDIT_ACTION_COLLAPSED;\n const updatedParent = { startDate: newStartDate, endDate: newEndDate };\n const timelineDates = buildTimelineDates(\n { startDate, endDate }, updatedParent, editAction, dateUnderEdit, typeUnderEdit, offset, options,\n );\n\n const updateSegmentEditState = useCallback((segmentType, segmentId) => () => {\n setSegmentSelected(segmentType, segmentId);\n }, [setSegmentSelected]);\n\n const commonProps = {\n name,\n checked,\n showCheckbox,\n showDeleteWarning,\n timelineDates,\n onToggleEdit: updateSegmentEditState(segmentType, id),\n compact: segmentType !== typeUnderEdit,\n disabled,\n endContentTooltip: disabled\n ? `This ${segmentType === SEGMENT_TYPE_ROLE ? 'role' : 'phase'} is restricted by the project end date`\n : null,\n };\n\n const renderOffsetText = () => (isPrimary(segmentType, typeUnderEdit) ?\n (\n \n {`${isCollapsed ? '-' : '+'}${pluralize('day', Math.abs(offset), true)}`}\n
\n )\n : null\n );\n\n const getPrimaryPhaseSegment = () => (\n\n {superTextWrap}\n\n \n
\n );\n}\n\nfunction mapStateToProps({ editDates }) {\n const { dateUnderEdit, editAction } = editDates;\n return {\n dateUnderEdit,\n editAction,\n };\n}\n\nEditorCapsule.propTypes = {\n timelineDates: customPropCheck(isValidSegmentArray).isRequired,\n percentWidth: PropTypes.number,\n percentLeftMargin: PropTypes.number,\n primaryColorCode: PropTypes.string,\n borderColorCode: PropTypes.string,\n superText: PropTypes.string,\n leftText: PropTypes.string,\n tooltip: PropTypes.string,\n};\n\nEditorCapsule.defaultProps = {\n percentWidth: null,\n percentLeftMargin: null,\n primaryColorCode: '',\n borderColorCode: '',\n superText: '',\n leftText: '',\n tooltip: '',\n};\n\nexport default connect(\n mapStateToProps,\n)(EditorCapsule);\n","import React, { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { COMMON_PROJECT_DATES_UPDATED, COMMON_PHASE_EDITED_ON_PROJECT } from '../../analytics/common/constants';\nimport { PhaseEditor, ProjectEditor } from '.';\nimport { END_DATE, START_DATE } from '../../common/constants';\nimport {\n COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT,\n MULTI_STATE_MODAL_ID,\n} from '../common/redux/constants';\nimport { closeModal } from '../modal-manager/redux/actions';\nimport { trackAnalytics, setModalActiveView } from '../common/redux/actions';\nimport { SEGMENT_TYPE_PHASE, SEGMENT_TYPE_PROJECT } from './common/constants';\n\nconst EditorModalManager = ({\n onModalClose,\n}) => {\n const dispatch = useDispatch();\n\n const {\n editAction = null,\n dateUnderEdit = null,\n parentName = '',\n offset,\n typeUnderEdit,\n } = useSelector(({ editDates }) => editDates);\n const { projectSelections } = useSelector(({ projects }) => projects);\n const { showProjectOnCancel } = useSelector(({ common: { multiStateModal } }) => multiStateModal);\n\n const project = useMemo(() => (\n projectSelections[MULTI_STATE_MODAL_ID]\n ), [projectSelections]);\n\n const onClose = useCallback(() => {\n if (showProjectOnCancel) {\n dispatch(setModalActiveView(COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PROJECT));\n } else {\n onModalClose();\n dispatch(closeModal(MULTI_STATE_MODAL_ID));\n }\n }, [dispatch, onModalClose, showProjectOnCancel]);\n\n const trackDateEdit = useCallback((\n phaseCount,\n selectedPhaseCount,\n deletedPhaseCount,\n roleCount,\n selectedRoleCount,\n deletedRoleCount,\n projectDateImpacted = false,\n projectDateUpdated = false,\n ) => {\n const { name, id, state, type } = project;\n const commonProps = {\n 'Project name': name,\n 'Project id': id,\n 'Project status': state,\n 'Project type': type,\n '# of days offset': Math.abs(offset),\n '# of phases impacted': phaseCount,\n '# of phases updated': selectedPhaseCount,\n '# of roles impacted': roleCount,\n '# of roles updated': selectedRoleCount,\n };\n\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT) {\n dispatch(trackAnalytics(COMMON_PROJECT_DATES_UPDATED, {\n 'Start Date Updated': dateUnderEdit === START_DATE,\n 'End Date Updated': dateUnderEdit === END_DATE,\n 'Project dates updated from': parentName,\n 'Impact to project': editAction,\n '# of phases removed': deletedPhaseCount,\n '# of roles removed': deletedRoleCount,\n ...commonProps,\n }));\n } else {\n dispatch(trackAnalytics(COMMON_PHASE_EDITED_ON_PROJECT, {\n Location: parentName,\n 'Date edited': dateUnderEdit === START_DATE ? 'Start date' : 'End date',\n Type: 'Phase',\n Impact: editAction,\n 'Project date impacted': projectDateImpacted,\n 'Project date updated': projectDateUpdated,\n ...commonProps,\n }));\n }\n }, [dateUnderEdit, editAction, offset, parentName, project, typeUnderEdit, dispatch]);\n\n return useMemo(() => {\n if (typeUnderEdit === SEGMENT_TYPE_PROJECT) {\n return (\n \n
\n );\n };\n\n const renderProjectDetails = () => {\n if (!selectedProject) return null;\n return (\n \n
\n );\n };\n\n const renderAllocatePerson = () => {\n if (!selectedProject || !roleDetails) return null;\n\n const { roles } = selectedProject;\n const { id: selectedRoleId, segmentStart, segmentEnd, currentlyAllocatedPerson } = roleDetails;\n const selectedResource = roles.find(role => role.id === selectedRoleId);\n\n if (!selectedResource) return null;\n\n return (\n {renderContent()}
\n \n );\n};\n\nMultiStateModal.propTypes = {\n accountId: PropTypes.number,\n appActiveView: PropTypes.number,\n modalActiveView: PropTypes.string,\n selectedPerson: PropTypes.object,\n selectedProject: PropTypes.object,\n selectedPersonId: PropTypes.number,\n selectedProjectId: PropTypes.number,\n roleDetails: PropTypes.object,\n closeModal: PropTypes.func.isRequired,\n removePerson: PropTypes.func.isRequired,\n getPersonById: PropTypes.func.isRequired,\n getProjectById: PropTypes.func.isRequired,\n getPersonByIdPending: PropTypes.bool.isRequired,\n getProjectByIdPending: PropTypes.bool.isRequired,\n clearPersonSelection: PropTypes.func.isRequired,\n clearProjectSelection: PropTypes.func.isRequired,\n listSelectedPerson: PropTypes.object,\n listSelectedProject: PropTypes.object,\n projectSelectionBackup: PropTypes.object,\n getPersonCurrentAllocations: PropTypes.func.isRequired,\n getPersonPastAllocations: PropTypes.func.isRequired,\n getPersonAllocations: PropTypes.func.isRequired,\n getPersonUpcomingAllocations: PropTypes.func.isRequired,\n getProjectAllocations: PropTypes.func.isRequired,\n setModalActiveView: PropTypes.func.isRequired,\n clearMultiStateModalState: PropTypes.func.isRequired,\n setSelectedProjectId: PropTypes.func.isRequired,\n clearQueries: PropTypes.func.isRequired,\n resetEditorState: PropTypes.func.isRequired,\n permissions: PropTypes.object,\n};\n\nMultiStateModal.defaultProps = {\n accountId: null,\n selectedPerson: null,\n selectedProject: null,\n selectedPersonId: null,\n selectedProjectId: null,\n roleDetails: null,\n modalActiveView: COMMON_MULTI_STATE_MODAL_ACTIVE_VIEW_PERSON,\n appActiveView: PEOPLE_VIEW,\n listSelectedPerson: null,\n listSelectedProject: null,\n projectSelectionBackup: null,\n permissions: null,\n};\n\nconst mapStateToProps = ({ common, people, projects, login }) => {\n const { accountId, multiStateModal, activeView: appActiveView } = common;\n const { personSelections, getPersonByIdPending } = people;\n const { projectSelections, getProjectByIdPending } = projects;\n const { permissions } = login.userInfo;\n const { selectedPersonId, selectedProjectId, roleDetails, activeView: modalActiveView } = multiStateModal;\n\n return {\n accountId,\n appActiveView,\n modalActiveView,\n selectedPerson: personSelections[MULTI_STATE_MODAL_ID],\n listSelectedPerson: personSelections[PEOPLE_LIST_SELECTION_ID],\n listSelectedProject: projectSelections[PROJECT_LIST_SELECTION_ID],\n selectedProject: projectSelections[MULTI_STATE_MODAL_ID],\n projectSelectionBackup: projectSelections[PROJECTS_PROJECT_SELECTION_BACKUP],\n selectedPersonId,\n selectedProjectId,\n roleDetails,\n getPersonByIdPending,\n getProjectByIdPending,\n permissions,\n };\n};\n\nconst mapDispatchToProps = dispatch => ({\n getPersonById: bindActionCreators(getPersonById, dispatch),\n getProjectById: bindActionCreators(getProjectById, dispatch),\n clearPersonSelection: bindActionCreators(clearPersonSelection, dispatch),\n clearProjectSelection: bindActionCreators(clearProjectSelection, dispatch),\n removePerson: bindActionCreators(removePerson, dispatch),\n closeModal: bindActionCreators(closeModal, dispatch),\n getPersonCurrentAllocations: bindActionCreators(getPersonCurrentAllocations, dispatch),\n getPersonPastAllocations: bindActionCreators(getPersonPastAllocations, dispatch),\n getPersonAllocations: bindActionCreators(getPersonAllocations, dispatch),\n getPersonUpcomingAllocations: bindActionCreators(getPersonUpcomingAllocations, dispatch),\n getProjectAllocations: bindActionCreators(getProjectAllocations, dispatch),\n setModalActiveView: bindActionCreators(setModalActiveView, dispatch),\n clearMultiStateModalState: bindActionCreators(clearMultiStateModalState, dispatch),\n setSelectedProjectId: bindActionCreators(setSelectedProjectId, dispatch),\n clearQueries: bindActionCreators(clearQueries, dispatch),\n resetEditorState: bindActionCreators(resetEditorState, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(MultiStateModal);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Done } from '@material-ui/icons';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { hideSuccessToast } from './redux/actions';\n\nexport const SuccessToast = ({\n showSuccess,\n successMessage,\n hideSuccessToast,\n}) => {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n if (showSuccess) {\n setTimeout(() => setIsMounted(true), 1);\n setTimeout(() => {\n setIsMounted(false);\n setTimeout(() => hideSuccessToast(), 501);\n }, 3000);\n }\n }, [showSuccess, hideSuccessToast]);\n\n if (!showSuccess) return null;\n\n return (\n \n
\n );\n};\n\nSuccessToast.propTypes = {\n showSuccess: PropTypes.bool.isRequired,\n successMessage: PropTypes.string.isRequired,\n hideSuccessToast: PropTypes.func.isRequired,\n};\n\n/* istanbul ignore next */\nfunction mapStateToProps({ toasts }) {\n const { showSuccess, successMessage } = toasts;\n return {\n showSuccess,\n successMessage,\n };\n}\n\n/* istanbul ignore next */\nfunction mapDispatchToProps(dispatch) {\n return {\n hideSuccessToast: bindActionCreators(hideSuccessToast, dispatch),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SuccessToast);\n","import en from './en.json';\n\nconst LOCALES = {\n en,\n};\n\nexport { LOCALES };\n","import React, { PureComponent } from 'react';\nimport { matchPath } from 'react-router-dom';\nimport { IntlProvider } from 'react-intl';\nimport { disable as disableDarkMode } from 'darkreader';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ldRedux from 'ld-redux';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport 'typeface-roboto';\nimport { setUserInfo } from 'src/common/analyticsHelper';\nimport {\n isListIdChange,\n getShortUrl,\n} from 'src/analytics/utils';\nimport config from '../common/envConfig';\nimport { SideNav, TopBar, Redirector, MainContent, RootContent } from '../features/common';\nimport { AuthenticatedView } from '../features/permissions';\nimport { userLogout, getDefaultTeams } from '../features/login/redux/actions';\nimport { getAccounts } from '../features/accounts/redux/actions';\nimport { setActiveAccountId } from '../features/common/redux/actions';\nimport MultiStateModal from '../features/common/MultiStateModal';\nimport { MULTI_STATE_MODAL_ID } from '../features/common/redux/constants';\nimport {\n BLACKLIST_MIXPANEL_URLS,\n BLACKLIST_DUPLICATE_MIXPANEL_URLS,\n} from '../features/common/constants';\nimport { STANDARD_THEME } from '../features/themes/constants';\nimport { ErrorSnackbar, ErrorBoundary } from '../features/errors';\nimport { SuccessToast } from '../features/toasts';\nimport { getProjectDefaults } from '../features/projects/redux/actions';\nimport { getMessagesForLocale } from '../i18n';\nimport { EN } from '../features/locale/redux/constants';\n\nclass App extends PureComponent {\n static propTypes = {\n children: PropTypes.node,\n userLogout: PropTypes.func.isRequired,\n getAccounts: PropTypes.func.isRequired,\n setActiveAccountId: PropTypes.func.isRequired,\n history: PropTypes.object.isRequired,\n login: PropTypes.object.isRequired,\n dispatch: PropTypes.func.isRequired,\n accountEntities: PropTypes.arrayOf(PropTypes.object),\n getAccountsPending: PropTypes.bool.isRequired,\n dragging: PropTypes.bool.isRequired,\n collapsedNav: PropTypes.bool.isRequired,\n getProjectDefaults: PropTypes.func.isRequired,\n getDefaultTeams: PropTypes.func.isRequired,\n locale: PropTypes.string,\n isStandardTheme: PropTypes.bool,\n privateModeEnabled: PropTypes.bool,\n isLDReady: PropTypes.bool,\n };\n\n static defaultProps = {\n children: '',\n accountEntities: null,\n locale: EN,\n isStandardTheme: true,\n privateModeEnabled: true,\n isLDReady: false,\n };\n\n componentDidMount() {\n const { history } = this.props;\n this.setHistoryListener(history);\n }\n\n componentDidUpdate(prevProps) {\n const { login, getAccounts, getAccountsPending, accountEntities, dispatch, getProjectDefaults, getDefaultTeams, isLDReady } = this.props;\n\n const nextUserInfo = login?.userInfo;\n const isGetUserFinished = prevProps.login.getUserInfoPending && !login.getUserInfoPending;\n const isLoginFinished = prevProps.login.userLoginPending && !login.userLoginPending;\n const isGetAccountsFinished = prevProps.getAccountsPending && !getAccountsPending;\n\n if (login.userInfo?.permissions && (isLoginFinished || isGetUserFinished)) {\n getAccounts();\n getProjectDefaults();\n getDefaultTeams();\n }\n\n if (!isLDReady && isGetAccountsFinished && nextUserInfo?.permissions && accountEntities?.length) {\n const permisionIds = Object.keys(nextUserInfo.permissions);\n const accountId = permisionIds && permisionIds.length ? permisionIds[0] : null;\n const userRole =\n accountId && nextUserInfo.permissions[accountId]\n ? nextUserInfo.permissions[accountId].group\n : null;\n\n let accountName;\n\n if (accountId === '*') {\n accountName = 'All';\n } else {\n const accountInstance =\n accountEntities?.length\n ? accountEntities.find(account => account.id === parseInt(accountId, 10))\n : null;\n accountName = accountInstance ? accountInstance.name : null;\n }\n\n ldRedux.init({\n clientSideId: config.launchDarklyKey,\n subscribe: false,\n dispatch,\n user: {\n key: nextUserInfo.sub,\n email: nextUserInfo.email,\n custom: {\n webVersion: config.version,\n accountName,\n userRole,\n },\n },\n flags: {\n 'new-people-gantt': false,\n 'benchy-2-0': false,\n i18n: false,\n 'default-cost-rate': false,\n 'project-location-map': false,\n 'pursuits-win-percentage': false,\n 'roles-project-filters': false,\n 'available-people': false,\n },\n });\n }\n }\n\n isRoot = path => path === '/login' || path === '/signup' || path === '/forgot-password';\n\n isProfileInfo = path => path === '/profile-info';\n\n isReport = path => path.includes('/reports');\n\n setAccountId = (location) => {\n const { setActiveAccountId, login } = this.props;\n const { pathname } = location;\n let accountId;\n\n const mp = matchPath(pathname, {\n path: '/accounts/:id',\n });\n\n if (mp?.params) {\n accountId = Number(mp.params.id);\n\n setActiveAccountId(accountId, { isNavigatingBetweenAccounts: false });\n if (login?.userInfo) {\n setUserInfo(login.userInfo, accountId);\n }\n }\n\n this.mixpanelUrlChange(pathname);\n };\n\n mixpanelUrlChange = (pathname) => {\n const shortUrl = getShortUrl(pathname);\n\n if (!BLACKLIST_DUPLICATE_MIXPANEL_URLS.includes(shortUrl)) {\n // isListIdChange prevents tracking url changes within the list. Those changes would skew analytics\n if (!BLACKLIST_MIXPANEL_URLS.includes(shortUrl) && !isListIdChange(pathname) && this.previousUrl) {\n window.mixpanel.track('URL Change', {\n 'Short Current URL': shortUrl,\n 'Last URL': this.previousUrl,\n 'Short Last URL': getShortUrl(this.previousUrl),\n });\n }\n\n this.previousUrl = pathname;\n }\n };\n\n setHistoryListener = (history) => {\n // Listen for changes the path, and update the stored accountId accordingly\n history.listen(this.setAccountId);\n\n // Set initial accountId state\n this.setAccountId(history.location);\n };\n\n logout = () => {\n const { userLogout, history, isStandardTheme } = this.props;\n\n // If dark mode is activated, deactivate it on logout\n if (!isStandardTheme) {\n disableDarkMode();\n }\n\n userLogout();\n history.replace('/login');\n };\n\n renderRootBody = () => {\n const { children } = this.props;\n\n return (\n \n
\n \n \n {children} \n \n
\n );\n }\n\n renderProfileInfo = () => {\n const { children } = this.props;\n\n return (\n \n \n \n {children} \n \n \n
\n );\n }\n\n renderReportBody = () => {\n const { children } = this.props;\n return (\n \n \n \n {children} \n \n \n
\n );\n }\n\n renderBody = () => {\n const { history } = this.props;\n const isRoot = this.isRoot(history.location.pathname);\n const isProfileInfo = this.isProfileInfo(history.location.pathname);\n const isReport = this.isReport(history.location.pathname);\n\n if (isRoot) {\n return this.renderRootBody();\n }\n\n if (isProfileInfo) {\n return this.renderProfileInfo();\n }\n\n if (isReport) {\n return this.renderReportBody();\n }\n\n return this.renderDefaultBody();\n }\n\n render() {\n const { locale } = this.props;\n const messages = getMessagesForLocale(locale);\n\n return (\n \n You are viewing confidential fields\n
\n )}\n \n
\n);\n\nlet app;\nconst onMobileBrowser = getMobileOS();\nif (onMobileBrowser) {\n app =