\n\t\t\t\t\t\t\t{props.isEditable ? \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t
\n\t\t\t\t\t))}\n\t\t\t\t{row[key]}
{' '}\n\t\t\t\t\t\t\t\t\n\t\t\t
\n\t\t\t
\n\tYou are not authorized to access this page.
\n\t\t\t\n\t\t\tIf you think there has been a mistake, please contact your administrator.
\n\t\t\t\n\t\t\t\tClick here to login with another account.\n\t\t\t\n\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t- \n\t\t\t{props.links.map(item => (\n\t\t\t\t
- \n\t\t\t\t\t\n\t\t\t\t\t\t\t{!item.img && {item.icon}}\n\t\t\t\t\t\t\t{getUrl(item.linkTo) && item.activeImg &&\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\n\t\t\t\t
}\n\t\t\t\t\t\t\t{!getUrl(item.linkTo) && item.img &&
}\n\t\t\t\t\t\t
\n\t\t\t))}\n\t\t
\n\t\t\t\t\n\t\t\t\t\t{props.children}\n\t\t\t\t \n\t\t\t
\n\t\t\n\t\t{props.text}\n\t\t{props.icon && {props.icon}}\n\t
\n);\n\nexport default Badge;\n","import React from 'react';\nimport classNames from 'classnames/bind';\nimport { If, Then, Else } from 'react-if';\n\nconst buttonTypes = {\n\tSUBMIT: 'submit',\n};\n\nconst Button = props => (\n\t- \n\t\t{props.links.map((link, index) => (\n\t\t\t
- props.onBreadcrumbClick(props.links, index)}>\n\t\t\t\t{link.name}\n\t\t\t \n\t\t))}\n\t
{this.props.children}
}\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default CallButton;\n","import React from 'react';\n\nconst Checkbox = props => (\n\t\n);\n\nexport default Checkbox;\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport default class CallCorrelationInfo extends React.Component {\n\tstate = {\n\t\tcopied: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.correlationIdRef = React.createRef();\n\t}\n\n\tcopyToClipboard = event => {\n\t\tevent.stopPropagation();\n\t\tlet textArea = document.createElement('textarea');\n\t\ttextArea.value = this.props.correlationId;\n\t\tdocument.body.appendChild(textArea);\n\t\ttextArea.select();\n\t\tdocument.execCommand('Copy');\n\t\ttextArea.remove();\n\n\t\tthis.setState({\n\t\t\tcopied: true,\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\tcopied: false,\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n","import React from 'react';\n\nconst DescriptionBox = props => (\n\t\n\t\t\t\t\t{this.state.copied ? 'check_circle_outline' : 'file_copy'}\n\t\t\t\t
\n\t\t\t\t{this.props.correlationId && {this.state.copied ? 'Copied' : 'Copy Room ID'}}\n\t\t\t- \n\t\t{props.data.map((data, index) => (\n\t\t\t
- \n\t\t\t\t{data.title && data.title + ':'}\n\t\t\t\t{data.description}\n\t\t\t \n\t\t))}\n\t
\n\t\t\t\t\t{this.props.isDropdownTitleVisible && (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default Dropdown;\n","import React from 'react';\n\nconst Form = props => (\n\t\n);\n\nexport default Form;\n","import React from 'react';\nimport classNames from 'classnames/bind';\n\nconst HelloFeatureBlock = props => (\n\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{this.props.children}\n\t\t\t\t{this.props.dropdownInnerTitle}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t{props.icon}\n\t\t
\n);\n\nexport default HelloFeatureBlock;\n","import React from 'react';\nimport classNames from 'classnames/bind';\n\nconst Input = props => {\n\treturn (\n\t\t{props.title}
\n\t\t\n\t\t\tinfo\n\t\t\n\t\n\t\t\t\n\t\t\t)}\n\t\t\t{props.icon && {props.icon}}\n\t\t\t{props.error}\n\t\t
\n\t);\n};\n\nexport default Input;\n","import React, { Component } from 'react';\nimport { If, Then, Else } from 'react-if';\nimport classNames from 'classnames/bind';\n\nconst ListGroups = props => {\n\tconst onListClick = (event, item) => {\n\t\tif (props.onItemClick) {\n\t\t\tprops.onItemClick(event, item);\n\t\t}\n\t};\n\n\tconst onScrollClick = (...args) => {\n\t\tif (props.onScroll) {\n\t\t\tprops.onScroll(...args);\n\t\t}\n\t};\n\n\treturn (\n\t\t{props.label}
\n\t\t\t{props.description}
\n\t\t\t{props.type && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default Modal;\n","import React from 'react';\nimport classNames from 'classnames/bind';\n\nconst Select = props => (\n\t\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t
\n\n\t\t\t\t\t{!this.props.hideCloseButton && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{!this.props.hideCloseButton && (\n\t\t\t\t\t\t\t\t\t this.props.onModalClose(event, true)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{this.props.submitButtonText !== '' && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{props.label}
}\n\t\t{props.description}
\n\t\t\n\t\t{[...Array(props.rows)].map((option, index) => (\n\t\t\t\n\t\t))}\n\t
\n);\n\nexport default SkeletonLoader;\n","import React, { Component } from 'react';\nimport classNames from 'classnames/bind';\n\nclass SmallModal extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.setWrapperRef = this.setWrapperRef.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener('mousedown', this.handleClickOutside);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener('mousedown', this.handleClickOutside);\n\t}\n\n\tsetWrapperRef(node) {\n\t\tthis.wrapperRef = node;\n\t}\n\n\thandleClickOutside(event) {\n\t\tif (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n\t\t\tthis.props.onModalClose();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.children} \n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default SmallModal;\n","import React from 'react';\nimport Checkbox from 'components/Checkbox';\nimport Grid from 'components/Grid';\nimport SkeletonLoader from 'components/SkeletonLoader';\nimport { If, Then, Else } from 'react-if';\n\nconst Table = props => (\n\t{header.title}
\n\t\t\t))}\n\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default Tabs;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Form from 'components/Form';\nimport Modal from 'components/Modal';\nimport { CallTypes, KeyCodes, MediaControlCommands, MediaTypes } from 'constants/enums';\n\nconst StyledCameraBookmarks = styled.div`\n\twidth: ${props => (props.callType === CallTypes.MONITORING ? '200px' : '240px')};\n\tmargin-top: 10px;\n\tposition: absolute;\n\tbottom: ${props => (props.callType === CallTypes.MONITORING ? 'unset' : '-12px')};\n\tright: ${props => (props.callType === CallTypes.MONITORING ? 'unset' : '195px')};\n\tleft: ${props => (props.callType === CallTypes.MONITORING ? '0' : 'unset')};\n\ttop: ${props => (props.callType === CallTypes.MONITORING ? '170px' : 'unset')};\n\n\tbutton:first-child {\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground: rgba(52, 58, 64, 0.8);\n\t\tborder: none;\n\t\tborder-radius: ${props => (props.isBookmarksOpen ? '0px' : '20px')};\n\t\tborder-top-right-radius: 20px;\n\t\tborder-top-left-radius: 20px;\n\t\tpadding: 5px 10px;\n\t\tcolor: var(--gray-5);\n\t\tdisplay: flex;\n\t\tcursor: pointer;\n\t\tjustify-content: space-between;\n\t\tfont-size: 14px !important;\n\n\t\tdiv {\n\t\t\ttext-align: left;\n\n\t\t\tdiv {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-top: var(--spacing-s);\n\t\t\t\ti {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.75);\n\t\t\t\t}\n\t\t\t\tspan {\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.75);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tinput {\n\t\twidth: 100%;\n\t\tborder: none;\n\t\toutline: none;\n\t\tpadding: 2px;\n\t}\n\n\taside {\n\t\tbackground: rgba(52, 58, 64, 0.8);\n\t\tpadding: 10px;\n\t\tborder-radius: ${props => (props.callType !== CallTypes.MONITORING ? '20px' : '0')}\n\t\tborder-bottom-left-radius: 20px;\n\t\tborder-bottom-right-radius: 20px;\n\t\tposition: relative !important;\n\t\tdisplay: block !important;\n\t\tright: unset !important;\n\t\ttop: unset !important;\n\t}\n\n\ti {\n\t\tfont-size: 18px;\n\t\tmargin-left: var(--spacing-s);\n\t\tcolor: var(--gray-0);\n\t\tcursor: pointer;\n\t}\n\n\tsmall {\n\t\tdisplay: block;\n \tcolor: var(--red-1);\n \tmargin-top: var(--spacing-m);\n\t}\n`;\n\nconst CameraBookmarks = props => {\n\tconst [newBookmarkInput, setNewBookmarkInput] = useState(false);\n\tconst [newBookmark, setNewBookmark] = useState('');\n\tconst [maxReachedError, setMaxReachedError] = useState(false);\n\tconst [showEditDeleteButtons, setShowEditDeleteButtons] = useState(false);\n\tconst bookmarksLimit = 9;\n\n\tuseEffect(() => {\n\t\tif (newBookmarkInput) {\n\t\t\tsetMaxReachedError(false);\n\t\t}\n\t}, [newBookmarkInput]);\n\n\tconst addNewBookmark = evt => {\n\t\tif (evt.which === KeyCodes.ENTER && props.bookmarks.length <= bookmarksLimit) {\n\t\t\tif (props.bookmarks.length >= bookmarksLimit) {\n\t\t\t\tsetMaxReachedError(true);\n\t\t\t\tsetNewBookmark('');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.sendCameraEvents(MediaControlCommands.ADD_BOOKMARK, MediaTypes.CAMERA, evt.target.value);\n\n\t\t\tsetNewBookmarkInput(false);\n\t\t\tsetNewBookmark('');\n\t\t}\n\t};\n\n\tconst handleSubmit = () => {\n\t\tif (props.bookmarks.length >= bookmarksLimit) {\n\t\t\tsetMaxReachedError(true);\n\t\t\tsetNewBookmark('');\n\t\t\treturn;\n\t\t}\n\t\tprops.sendCameraEvents(MediaControlCommands.ADD_BOOKMARK, MediaTypes.CAMERA, newBookmark);\n\t\tsetNewBookmarkInput(false);\n\t\tsetNewBookmark('');\n\t};\n\n\tconst deleteBookmark = item => {\n\t\tprops.sendCameraEvents(MediaControlCommands.DELETE_BOOKMARK, MediaTypes.CAMERA, item.id);\n\t};\n\n\tconst updatePosition = (command, item) => {\n\t\tprops.sendCameraEvents(command, MediaTypes.CAMERA, item.id);\n\t};\n\n\treturn (\n\t\t- \n\t\t\t\t\t{this.state.links.map((tab, index) => (\n\t\t\t\t\t\t
- this.onTabChange(index)}>\n\t\t\t\t\t\t\t{tab.link}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t
Create new Preset
\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tcloseButtonText={\n\t\t\t\t\t\n\t\t\t\t\t\tclose\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\tisSubmitDisabled={!newBookmark}\n\t\t\t\tonModalSubmit={handleSubmit}\n\t\t\t\tclassName='bookmark-form-wrapper'\n\t\t\t\tonModalClose={() => setNewBookmarkInput(false)}>\n\t\t\t\t\n\t\t\t\n\t\tCancel
\n\t\t\t\t\t\n\t\t\t{!isMobileOrTabletDevice() && props.callType !== CallTypes.MONITORING && (\n\t\t\t\t\n\t\t\t\t\thelp_outline\n\t\t\t\t\n\t\t\t)}\n\t\t\t\n\t\t\t\t\t props.sendCameraCommand(CameraCommands.RECENTER) : null}>\n\t\t\t\t\t\thome\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.UP, CameraTiltAction.START);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.UP, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.UP, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t/>\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.RIGHT, CameraTiltAction.START);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.RIGHT, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.RIGHT, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t/>\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.LEFT, CameraTiltAction.START);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.LEFT, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.LEFT, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t/>\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.DOWN, CameraTiltAction.START);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.DOWN, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\tsendTiltEvent(CameraTiltDirection.DOWN, CameraTiltAction.STOP);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t/>\n\t\t\t\t \n\t\t\t
\n\t\t\t{props.cameraType === CameraType.HUDDLE && (\n\t\t\t\t\n\t\t\t\t props.setZoomRange(e.target.value) : null}\n\t\t\t\t\tonMouseUp={e => (!props.disabled ? props.updateZoomLevel(e) : null)}\n\t\t\t\t\tonTouchEnd={e => (!props.disabled ? props.updateZoomLevel(e) : null)}\n\t\t\t\t/>\n\t\t\t
\n\n\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n};\n\nTilt.defaultProps = {\n\tdisabledDirections: {},\n\tselectedBookmark: null,\n};\n\nTilt.propTypes = {\n\tdisabledDirections: PropTypes.shape({\n\t\t[CameraTiltDirection.UP]: PropTypes.bool,\n\t\t[CameraTiltDirection.DOWN]: PropTypes.bool,\n\t\t[CameraTiltDirection.RIGHT]: PropTypes.bool,\n\t\t[CameraTiltDirection.LEFT]: PropTypes.bool,\n\t}),\n\ttiltHandler: PropTypes.func.isRequired,\n\tcameraType: PropTypes.string.isRequired,\n\tupdateZoomLevel: PropTypes.func.isRequired,\n\tonResetCameraButtonClick: PropTypes.func.isRequired,\n\tzoomRange: PropTypes.number.isRequired,\n\tsetZoomRange: PropTypes.func.isRequired,\n\tsendCameraCommand: PropTypes.func.isRequired,\n\tsendCameraEvent: PropTypes.func.isRequired,\n\tbookmarkList: PropTypes.arrayOf(PropTypes.string).isRequired,\n\tcallType: PropTypes.number.isRequired,\n\tdisabled: PropTypes.bool.isRequired,\n\tisBookmarksOpen: PropTypes.bool.isRequired,\n\tsetIsBookmarksOpen: PropTypes.func.isRequired,\n\tselectedBookmark: PropTypes.shape({ id: PropTypes.number, name: PropTypes.string, isActive: PropTypes.bool }),\n};\n\nexport default Tilt;\n","import React from 'react';\nimport classNames from 'classnames/bind';\nimport PropTypes from 'prop-types';\n\nconst Toggle = props => {\n\treturn (\n\t\t props.setIsBookmarksOpen(!props.isBookmarksOpen)}>\n\t\t\t\t\t\tbookmark\n\t\t\t\t\t\t{props.selectedBookmark?.name || 'No active Preset'}\n\t\t\t\t\t
\n\n\t\t\t\t\t{props.isBookmarksOpen && (\n\t\t\t\t\t\t\n\t\t\t{props.isLoading && }\n\t\t\t{!props.isLoading && (\n\t\t\t\t<>\n\t\t\t\t\t{props.toggleOnText}\n\t\t\t\t\t{props.toggleOffText}\n\t\t\t\t\n\t\t\t)}\n\t\t
\n\t);\n};\n\nToggle.propTypes = {\n\ttoggleOnText: PropTypes.string,\n\ttoggleOffText: PropTypes.string,\n\ttoggledOn: PropTypes.bool,\n\tclassName: PropTypes.string,\n\tonToggle: PropTypes.func,\n\tdisabled: PropTypes.bool,\n\tisLoading: PropTypes.bool,\n};\nexport default Toggle;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport classNames from 'classnames/bind';\nimport { DeviceStatus, SectorTypes } from 'constants/enums';\nimport { amwellIconLink } from 'constants/global-variables';\nimport { useSelector } from 'react-redux';\n\nlet sectors = {\n\thospital: {\n\t\tsubtype: 'room',\n\t\ticon: 'meeting_room',\n\t\timg: 'room.svg',\n\t},\n\tdepartment: {\n\t\tsubtype: 'room',\n\t\ticon: 'meeting_room',\n\t\timg: 'room.svg',\n\t},\n\tfloor: {\n\t\tsubtype: 'room',\n\t\ticon: 'meeting_room',\n\t\timg: 'room.svg',\n\t},\n};\n\nconst OptionName = props => {\n\tconst { option } = props;\n\tconst busyDevices = useSelector(state => state.devicesStatusList.busyDevices);\n\n\tconst isDeviceBusy = () => {\n\t\tif (!option.helloDeviceId) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn busyDevices.some(id => +id === +option.helloDeviceId);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{option.name}\n\t\t\t{option.helloDeviceId && (\n\t\t\t\t\n\t\t\t\t\tfiber_manual_record\n\t\t\t\t\n\t\t\t)}\n\t\t\t{isDeviceBusy() && (\n\t\t\t\t\n\t\t\t\t\tfiber_manual_record\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nconst OptionsList = ({\n\toptions,\n\texpandedOptions,\n\tonChange,\n\tonAdd,\n\tonLinkClick,\n\tonAddDevice,\n\tisMonitoring,\n\tselectedSectorId,\n\tsetSelectedId,\n\texpandAll,\n\tonRoomClick,\n}) => {\n\tconst findProperId = item => {\n\t\treturn item[`${item.type}Id`];\n\t};\n\n\tconst childrenHidden = option => {\n\t\treturn option.subOptions.every(item => item.hidden === true);\n\t};\n\n\tconst childrenMatchSearch = option => {\n\t\treturn option.subOptions.some(item => item.matchesSearch === true);\n\t};\n\n\tconst toggleOptions = option => {\n\t\tif ((childrenHidden(option) && !childrenMatchSearch(option)) || !childrenMatchSearch(option)) {\n\t\t\toption.subOptions.forEach(item => {\n\t\t\t\titem.hidden = !item.hidden;\n\t\t\t});\n\t\t} else {\n\t\t\toption.subOptions\n\t\t\t\t.filter(i => i.matchesSearch)\n\t\t\t\t.forEach(item => {\n\t\t\t\t\titem.hidden = !item.hidden;\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst toggleExpand = (selectedOptionId, isAddingSection, option) => {\n\t\tif (expandedOptions[selectedOptionId] && !isAddingSection) {\n\t\t\tdelete expandedOptions[selectedOptionId];\n\t\t} else {\n\t\t\texpandedOptions[selectedOptionId] = {};\n\t\t}\n\t\tif (expandAll) {\n\t\t\ttoggleOptions(option);\n\t\t}\n\t\tonChange(expandedOptions);\n\t};\n\n\tconst addNewOptionClick = selection => {\n\t\tconst hasNewSectorTextField = selection.subOptions.some(item => item.isNewOption === true);\n\t\tif (hasNewSectorTextField) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (selection.type === SectorTypes.ROOM) {\n\t\t\tonAddDevice(selection);\n\t\t\treturn;\n\t\t}\n\n\t\tselection.subOptions.push({\n\t\t\t...selection,\n\t\t\ticon: sectors[selection.type].icon,\n\t\t\ttype: sectors[selection.type].subtype,\n\t\t\timg: sectors[selection.type].img,\n\t\t\tisNewOption: true,\n\t\t\tsubOptions: [],\n\t\t});\n\t\thandleSubOptionsListChange();\n\t\ttoggleExpand(findProperId(selection), true, selection);\n\t};\n\n\tconst addNewOptionOnEnter = (event, selection) => {\n\t\tif (event.which === 13) {\n\t\t\tconst maxCharacters = 127;\n\t\t\tif (event.target.value.length > maxCharacters) {\n\t\t\t\tselection.error = `Cannot add ${selection.type} with more than ${maxCharacters} characters`;\n\t\t\t\ttoggleExpand(findProperId(selection), false, selection);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tselection.name = event.target.value;\n\t\t\thandleSubOptionsListChange();\n\t\t\tonAdd(selection);\n\t\t}\n\t};\n\n\tconst handleSubOptionsListChange = (optionId, subSelections) => {\n\t\texpandedOptions[optionId] = subSelections;\n\t\tonChange(expandedOptions);\n\t};\n\n\tconst selectOption = (event, option) => {\n\t\tsetSelectedId(option[option.type + 'Id']);\n\t\toption.isSelected = true;\n\t\tif (onLinkClick) {\n\t\t\tonLinkClick(option, event);\n\t\t}\n\t\ttoggleExpand(findProperId(option), true, option);\n\t};\n\n\treturn (\n\t\t\n\t\t\t{options.map((option, index) => (\n\t\t\t\t handleSubOptionsListChange(findProperId(option), subSelections)}\n\t\t\t\t\t\t\tonAdd={onAdd}\n\t\t\t\t\t\t\tonLinkClick={onLinkClick}\n\t\t\t\t\t\t\tonAddDevice={onAddDevice}\n\t\t\t\t\t\t\tisMonitoring={isMonitoring}\n\t\t\t\t\t\t\tselectedSectorId={selectedSectorId}\n\t\t\t\t\t\t\tsetSelectedId={setSelectedId}\n\t\t\t\t\t\t\texpandAll={expandAll}\n\t\t\t\t\t\t\tonRoomClick={onRoomClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{option.subOptions && expandedOptions[findProperId(option)] && !expandAll && (\n\t\t\t\t\t\t handleSubOptionsListChange(findProperId(option), subSelections)}\n\t\t\t\t\t\t\tonAdd={onAdd}\n\t\t\t\t\t\t\tonLinkClick={onLinkClick}\n\t\t\t\t\t\t\tonAddDevice={onAddDevice}\n\t\t\t\t\t\t\tisMonitoring={isMonitoring}\n\t\t\t\t\t\t\tselectedSectorId={selectedSectorId}\n\t\t\t\t\t\t\tsetSelectedId={setSelectedId}\n\t\t\t\t\t\t\texpandAll={expandAll}\n\t\t\t\t\t\t\tonRoomClick={onRoomClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t))}\n\t\t\n\t);\n};\n\nclass TreeView extends Component {\n\tstate = {\n\t\tselectedSectorId: this.props.selectedSectorId,\n\t\texpandedOptions: this.props.preSelected ? this.props.preSelected : {},\n\t};\n\n\tsetSelectedId = sectorId => {\n\t\tthis.setState({ selectedSectorId: sectorId });\n\t};\n\n\trender() {\n\t\tlet { selectedSectorId, expandedOptions } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{option.isNewOption && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t{option.subOptions && expandAll && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{!option.img && {option.icon}}\n\t\t\t\t\t\t\t\t\t{option.img && 
}\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\taddNewOptionOnEnter(event, option);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\t\t\tplaceholder={`Add ${option.type}`}\n\t\t\t\t\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{option.error}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!option.isNewOption && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{!option.img && {option.icon}}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{option.link && !isMonitoring && (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tselectOption(event, option);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tselectOption(event, option);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\taddNewOptionClick(option);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdata-tooltip={option.tooltip && !option.customActionIcon ? option.tooltip : null}\n\t\t\t\t\t\t\t\t\t\tdata-position='left'>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{option.customActionIcon ? option.customActionIcon.icon : 'add_box'}{' '}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\ttoggleExpand(findProperId(option), false, option);\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{expandedOptions[findProperId(option)] || (expandAll && !childrenHidden(option)) ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t{this.props.topParticipantFeed && this.props.isTopParticipantVideoActive ? (\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default TopParticipant;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\n// TODO Delete component\nexport class Participant extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.videoRef = null;\n\t\tthis.videoSrcObjectHandler = this.videoSrcObjectHandler.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.videoSrcObjectHandler();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (prevProps.videoCamActive !== this.props.videoCamActive || prevProps.participantFeed.id !== this.props.participantFeed.id) {\n\t\t\tthis.videoSrcObjectHandler();\n\t\t}\n\t}\n\n\tvideoSrcObjectHandler() {\n\t\tif (this.videoRef) {\n\t\t\tthis.videoRef.srcObject = this.props.participantFeed.mediaStream;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t this.props.onClick(this.props.participantFeed.id)}>\n\t\t\t\t\t{this.props.participantFeed && this.props.videoCamActive ? (\n\t\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nParticipant.propTypes = {\n\taudioMute: PropTypes.bool,\n\tvideoCamActive: PropTypes.bool,\n\tparticipantFeed: PropTypes.object,\n\tonClick: PropTypes.func,\n\tname: PropTypes.string,\n\tchildren: PropTypes.node,\n\tparticipantAvatar: PropTypes.string,\n};\n\nexport default Participant;\n","import React from 'react';\nimport { Socket } from 'socket.io-client';\n\nexport const SocketContext = React.createContext(Socket);\n","import React, { Component } from 'react';\nimport { DeviceCommands, AudioOutputDevice, SerialTVCommands } from 'constants/enums';\nimport SocketEvents from 'constants/socket-events';\nimport { SocketContext } from 'io-client/SocketContext';\n\nclass AudioOutputs extends Component {\n\tconstructor(props, socket) {\n\t\tsuper(props);\n\t\tthis.socket = socket;\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.socket.on(SocketEvents.HelloDevice.ON_INITIAL_STATE, this.onInitialState);\n\t\tthis.socket.on(SocketEvents.HelloDevice.ON_AUDIO_OUTPUT_DEVICE, this.nAudioOutputDevice);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.socket.off(SocketEvents.HelloDevice.ON_INITIAL_STATE, this.onInitialState);\n\t\tthis.socket.off(SocketEvents.HelloDevice.ON_AUDIO_OUTPUT_DEVICE, this.nAudioOutputDevice);\n\t}\n\n\tonInitialState = data => {\n\t\tif (!data || data.helloDeviceId !== this.props.participant.objectId) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { audioOutputDevice, tvHdmiPort } = data;\n\t\tObject.assign(this.props.participant, { audioOutputDevice: audioOutputDevice, tvHdmiPort: SerialTVCommands.HDMI[`SWITCH_HDMI${tvHdmiPort}`] });\n\t\tthis.props.onOutputChange(audioOutputDevice);\n\t\tthis.setState({});\n\t};\n\n\tnAudioOutputDevice = data => {\n\t\tif (!data.isSwitchSuccessful) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.error(\n\t\t\t\t`Switch was not successful! Current audio device is ${AudioOutputDevice.HELLO === data.audioOutputDevice ? 'Amwell Bridge' : 'Pillow Speaker'}`,\n\t\t\t\tdata.message\n\t\t\t);\n\t\t}\n\t\tObject.assign(this.props.participant, { audioOutputDevice: data.audioOutputDevice });\n\t\tthis.setState({});\n\t};\n\n\tchangeAudioOutput = async audioOutputDevice => {\n\t\tconst dynamicData = JSON.stringify({ audioOutputDevice: audioOutputDevice });\n\t\tconst response = await this.props.participant.deviceCommand(DeviceCommands.SWITCH_AUDIO_OUTPUT, dynamicData);\n\t\tif (!response?.deviceCommandSent) {\n\t\t\treturn;\n\t\t}\n\t\tObject.assign(this.props.participant, {\n\t\t\taudioOutputDevice,\n\t\t});\n\t\tthis.props.onOutputChange(audioOutputDevice);\n\t\tthis.setState({});\n\t};\n\n\trender() {\n\t\tconst { participant } = this.props;\n\t\tif (participant.audioOutputDevice == null && participant.tvHdmiPort == null) {\n\t\t\treturn <>;\n\t\t}\n\n\t\tconst callButtonIcon = participant.audioOutputDevice === AudioOutputDevice.HELLO ? 'tv' : 'radio_button_unchecked';\n\t\treturn (\n\t\t\tparticipant.tvStatus && (\n\t\t\t\t{this.props.name}
\n\t\t\t\t\t{this.props.children}
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t\tid: 'exLink_mpi_teleHealth_volume',\n\t\t\t\t\tisDisabled: (this.props.isDisabled || this.state.audioOutput === AudioOutputDevice.HELLO) && this.props.callType !== CallTypes.SECURITYCAM,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: 'Switch to HDMI 1',\n\t\t\t\t\timage: `${amwellIconLink}switch-hello-src.svg`,\n\t\t\t\t\tid: 'exLink_mpi_teleHealth_hdmi1',\n\t\t\t\t\tisDisabled: this.props.isDisabled,\n\t\t\t\t\tclassNames: this.props.participant?.hdmiStatus?.tvState.tvStatus === SerialTVCommands.HDMI.SWITCH_HDMI1 ? 'active' : '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: 'Switch to HDMI 2',\n\t\t\t\t\timage: `${amwellIconLink}switch-hello-src.svg`,\n\t\t\t\t\tid: 'exLink_mpi_teleHealth_hdmi2',\n\t\t\t\t\tisDisabled: this.props.isDisabled,\n\t\t\t\t\tclassNames: this.props.participant?.hdmiStatus?.tvState.tvStatus === SerialTVCommands.HDMI.SWITCH_HDMI2 ? 'active' : '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: 'Switch to HDMI 3',\n\t\t\t\t\timage: `${amwellIconLink}switch-hello-src.svg`,\n\t\t\t\t\tid: 'exLink_mpi_teleHealth_hdmi3',\n\t\t\t\t\tisDisabled: this.props.isDisabled,\n\t\t\t\t\tclassNames: this.props.participant?.hdmiStatus?.tvState.tvStatus === SerialTVCommands.HDMI.SWITCH_HDMI3 ? 'active' : '',\n\t\t\t\t},\n\t\t\t\tTVItem,\n\t\t\t];\n\t\t}\n\n\t\tif (isUnknownOrCECTV) {\n\t\t\treturn [\n\t\t\t\tTVItem,\n\t\t\t\t{\n\t\t\t\t\timage: `${amwellIconLink}volume.svg`,\n\t\t\t\t\ttitle: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.state.volumeRange}\n\t\t\t\t\t\t\t\t this.setState({ volumeRange: event.target.value })}\n\t\t\t\t\t\t\t\t\tonMouseUp={event => {\n\t\t\t\t\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\t\t\t\t\tthis.serialCommandsTv('Volume', +event.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\tvolume_up\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.checkIfCecSupported(() => {\n\t\t\t\t\t\t\t\t\t\tthis.changeVolume(false);\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\tremove\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tVolume\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.checkIfCecSupported(() => {\n\t\t\t\t\t\t\t\t\t\tthis.changeVolume(true);\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\tadd\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t\tid: 'volume',\n\t\t\t\t\tisDisabled: this.props.isDisabled || this.state.audioOutput === AudioOutputDevice.HELLO,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: 'Switch to TV Kit',\n\t\t\t\t\timage: `${amwellIconLink}switch-hello-src.svg`,\n\t\t\t\t\tid: 'switch_hdmi',\n\t\t\t\t\tisDisabled: this.props.isDisabled,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t};\n\n\tgetTvControlsFunctions = (evt, { id }) => {\n\t\tswitch (id) {\n\t\t\tcase 'exLink_mpi_teleHealth_tv': {\n\t\t\t\treturn this.serialCommandsTv('Power');\n\t\t\t}\n\t\t\tcase 'exLink_mpi_teleHealth_hdmi1': {\n\t\t\t\treturn this.onHdmiTypeChanged(SerialTVCommands.HDMI.SWITCH_HDMI1);\n\t\t\t}\n\t\t\tcase 'exLink_mpi_teleHealth_hdmi2': {\n\t\t\t\treturn this.onHdmiTypeChanged(SerialTVCommands.HDMI.SWITCH_HDMI2);\n\t\t\t}\n\t\t\tcase 'exLink_mpi_teleHealth_hdmi3': {\n\t\t\t\treturn this.onHdmiTypeChanged(SerialTVCommands.HDMI.SWITCH_HDMI3);\n\t\t\t}\n\t\t\tcase 'tv': {\n\t\t\t\treturn this.checkIfCecSupported(() => {\n\t\t\t\t\tthis.serialCommandsTv('Power');\n\t\t\t\t});\n\t\t\t}\n\t\t\tcase 'switch_hdmi': {\n\t\t\t\treturn this.checkIfCecSupported(() => {\n\t\t\t\t\tthis.onHdmiTypeChanged();\n\t\t\t\t});\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\t};\n\n\tonTvResponse = data => {\n\t\tif (!data.isSuccessful) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (data.tvState.isVolume) {\n\t\t\tthis.props.participant.volumeStatus = data;\n\n\t\t\tthis.setState({\n\t\t\t\tvolumeRange: Math.abs(data.tvState.tvStatus),\n\t\t\t\tisTvMuted: data.tvState.tvStatus < 0,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (data.tvState.tvStatus) {\n\t\t\tcase SerialTVCommands.INITIAL_TV_POWER:\n\t\t\t\tthis.setState({\n\t\t\t\t\tpowerTv: true,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase SerialTVCommands.POWER.POWER_ON:\n\t\t\tcase SerialTVCommands.POWER.POWER_OFF:\n\t\t\t\tthis.setState({\n\t\t\t\t\tpowerTv: data.tvState.tvStatus !== SerialTVCommands.POWER.POWER_OFF,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase SerialTVCommands.HDMI.SWITCH_HDMI1:\n\t\t\tcase SerialTVCommands.HDMI.SWITCH_HDMI2:\n\t\t\tcase SerialTVCommands.HDMI.SWITCH_HDMI3:\n\t\t\t\tthis.props.participant.hdmiStatus = data;\n\t\t\t\tthis.setState({}); // TODO\n\t\t\t\tbreak;\n\t\t\tcase SerialTVCommands.TV_CHANNELS:\n\t\t\t\tthis.props.participant.hdmiStatus = null;\n\t\t\t\tthis.setState({});\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tthis.props.participant.isCecSupported = data.tvState.isCecSupported;\n\t};\n\n\tserialCommandsTv = async (commandType, volumeRange) => {\n\t\tswitch (commandType) {\n\t\t\tcase 'Power': {\n\t\t\t\tlet tvPowerStatus = this.state.powerTv ? SerialTVCommands.POWER.POWER_OFF : SerialTVCommands.POWER.POWER_ON;\n\t\t\t\tawait this.props.participant.serialCommandsTv(tvPowerStatus, false);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Volume': {\n\t\t\t\tthis.setState({\n\t\t\t\t\tvolumeRange: Math.abs(volumeRange),\n\t\t\t\t});\n\n\t\t\t\tthis.props.participant.serialCommandsTv(volumeRange, true);\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tonHdmiTypeChanged = async hdmiType => {\n\t\tawait this.props.participant.serialCommandsTv(hdmiType || SerialTVCommands.HDMI.SWITCH_HDMI1, false);\n\t};\n\n\tchangeVolume = increaseVolume => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tvolumeRange: increaseVolume ? 1 : 0,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.serialCommandsTv('Volume', this.state.volumeRange);\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleMute = async event => {\n\t\tevent.stopPropagation();\n\t\tawait this.serialCommandsTv('Volume', !this.state.isTvMuted ? -Math.abs(this.state.volumeRange) : this.state.volumeRange);\n\t\tthis.setState(prevState => ({\n\t\t\tisTvMuted: !prevState.isTvMuted,\n\t\t}));\n\t};\n\n\tcheckIfCecSupported = next => {\n\t\tif (this.props.participant.isCecSupported) {\n\t\t\tif (next instanceof Function) {\n\t\t\t\tnext();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.toggleCecNotSupportedModal();\n\t\t}\n\t};\n\n\tgetHDMIButton = (source, hdmiType) => (\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nTvControls.contextType = SocketContext;\nexport default TvControls;\n","import { UserPresenceActionTypes } from 'constants/action-types';\nimport { getUserPresence, putUserPresence } from 'api/userPresence';\nimport { getStorage } from 'infrastructure/helpers/commonHelpers';\n\nfunction fetchingUserPresence() {\n\treturn {\n\t\ttype: UserPresenceActionTypes.FETCHING_USER_PRESENCE,\n\t};\n}\n\nfunction fetchUserPresenceSucceeded(data) {\n\treturn {\n\t\ttype: UserPresenceActionTypes.FETCH_USER_PRESENCE_SUCCESS,\n\t\tdata: data,\n\t};\n}\n\nfunction fetchUserPresenceFailed() {\n\treturn {\n\t\ttype: UserPresenceActionTypes.FETCH_USER_PRESENCE_FAILURE,\n\t};\n}\n\nexport function fetchUserPresence() {\n\treturn dispatch => {\n\t\tdispatch(fetchingUserPresence());\n\t\tconst userId = getStorage().getItem('userId');\n\n\t\treturn getUserPresence(userId)\n\t\t\t.then(userPresence => {\n\t\t\t\tdispatch(fetchUserPresenceSucceeded(userPresence));\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tdispatch(fetchUserPresenceFailed());\n\t\t\t});\n\t};\n}\n\nfunction updatingUserPresence() {\n\treturn {\n\t\ttype: UserPresenceActionTypes.UPDATING_USER_PRESENCE,\n\t};\n}\n\nexport function userPresenceUpdateSucceeded(userId, customMessage, presenceStatusTypeId) {\n\treturn {\n\t\ttype: UserPresenceActionTypes.UPDATE_USER_PRESENCE_SUCCESS,\n\t\tdata: {\n\t\t\tcustomMessage: customMessage,\n\t\t\tpresenceStatusTypeId: presenceStatusTypeId,\n\t\t},\n\t};\n}\n\nfunction userPresenceUpdateFailed() {\n\treturn {\n\t\ttype: UserPresenceActionTypes.UPDATE_USER_PRESENCE_FAILURE,\n\t};\n}\n\nexport function updateUserPresence(userId, customMessage, presenceStatusTypeId) {\n\treturn dispatch => {\n\t\tdispatch(updatingUserPresence());\n\n\t\treturn putUserPresence(userId, customMessage, presenceStatusTypeId)\n\t\t\t.then(() => {\n\t\t\t\tgetStorage().setItem('presenceStatusTypeId', presenceStatusTypeId);\n\t\t\t\tdispatch(userPresenceUpdateSucceeded(userId, customMessage, presenceStatusTypeId));\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tdispatch(userPresenceUpdateFailed());\n\t\t\t});\n\t};\n}\n","import { gatewayApi } from 'constants/global-variables';\n\nexport function getUserPresence(userId) {\n\treturn new Promise((res, rej) => {\n\t\tif (!userId) {\n\t\t\trej();\n\t\t\treturn;\n\t\t}\n\t\tconst url = `/v1/users/${userId}/presence`;\n\t\tgatewayApi\n\t\t\t.get(url)\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.presence);\n\t\t\t})\n\t\t\t.catch(e => {\n\t\t\t\tconsole.log(e);\n\t\t\t\trej(e);\n\t\t\t});\n\t});\n}\n\nexport function putUserPresence(userId, customMessage, presenceStatusTypeId) {\n\treturn new Promise((res, rej) => {\n\t\tif (!userId) {\n\t\t\trej();\n\t\t\treturn;\n\t\t}\n\n\t\tconst url = `/v1/users/${userId}/presence`;\n\t\tgatewayApi\n\t\t\t.put(url, {\n\t\t\t\tcustomMessage: customMessage,\n\t\t\t\tpresenceStatusTypeId: presenceStatusTypeId,\n\t\t\t})\n\t\t\t.then(response => {\n\t\t\t\tres(response.data);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n","import { NotificationsCounterActionTypes } from 'constants/action-types';\nimport { getMissedCallsNotificationsCounter } from 'api/notifications';\nimport { getUserProfile } from 'infrastructure/auth';\nimport { AmWellAppType } from 'constants/global-variables';\n\nfunction fetchingNotificationCounter() {\n\treturn {\n\t\ttype: NotificationsCounterActionTypes.FETCHING_NOTIFICATIONS_COUNTER,\n\t};\n}\n\nfunction fetchNotificationCounterSucceeded(data) {\n\treturn {\n\t\ttype: NotificationsCounterActionTypes.FETCH_NOTIFICATIONS_COUNTER_SUCCESS,\n\t\tdata: data,\n\t};\n}\n\nfunction fetchNotificationCounterFailed() {\n\treturn {\n\t\ttype: NotificationsCounterActionTypes.FETCH_NOTIFICATIONS_COUNTER_FAILURE,\n\t};\n}\n\nexport function fetchNotificationCounter() {\n\treturn dispatch => {\n\t\tdispatch(fetchingNotificationCounter());\n\t\tconst userProfile = getUserProfile();\n\n\t\treturn getMissedCallsNotificationsCounter(userProfile.userId, AmWellAppType)\n\t\t\t.then(notificationCounter => {\n\t\t\t\tdispatch(fetchNotificationCounterSucceeded(notificationCounter));\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tdispatch(fetchNotificationCounterFailed());\n\t\t\t});\n\t};\n}\n","import moment from 'moment';\n\nexport function formatDate(dateObj) {\n\tlet month = '' + (dateObj.getMonth() + 1);\n\tlet day = '' + dateObj.getDate();\n\tlet year = dateObj.getFullYear();\n\n\tif (month.length < 2) month = '0' + month;\n\tif (day.length < 2) day = '0' + day;\n\n\treturn [month, day, year].join('/');\n}\n\nexport function formatTime(dateObj) {\n\tlet h = '' + dateObj.getHours();\n\tlet m = '' + dateObj.getMinutes();\n\n\tif (h.length < 2) h = '0' + h;\n\tif (m.length < 2) m = '0' + m;\n\n\treturn h + ':' + m;\n}\n\nexport function formatDateTime(dateTimeObj) {\n\tlet month = '' + (dateTimeObj.getMonth() + 1);\n\tlet day = '' + dateTimeObj.getDate();\n\tlet year = dateTimeObj.getFullYear();\n\tlet hour = '' + dateTimeObj.getHours();\n\tlet minutes = '' + dateTimeObj.getMinutes();\n\n\tif (month.length < 2) month = '0' + month;\n\tif (day.length < 2) day = '0' + day;\n\tif (hour.length < 2) hour = '0' + hour;\n\tif (minutes.length < 2) minutes = '0' + minutes;\n\n\treturn [day, month, year].join('/') + '-' + hour + ':' + minutes;\n}\n\nexport const calculateDuration = (startedAt, endedAt, hideDays = false) => {\n\tif (!endedAt) {\n\t\treturn 'N/A';\n\t}\n\tlet delta = Math.abs(startedAt - endedAt) / 1000;\n\n\tconst days = Math.floor(delta / 86400);\n\tdelta -= days * 86400;\n\n\tlet hours = Math.floor(delta / 3600) % 24;\n\tdelta -= hours * 3600;\n\n\tlet minutes = Math.floor(delta / 60) % 60;\n\tdelta -= minutes * 60;\n\n\tlet seconds = Math.round(delta % 60);\n\n\tconst durationString = `${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;\n\n\tif (hideDays || days === 0) {\n\t\treturn durationString;\n\t}\n\treturn `${days}d ${durationString}`;\n};\n\nexport function durationUntilNow(utcDateTime) {\n\tconst k = moment(moment.utc().format()).diff(moment.utc(utcDateTime));\n\tconst days = Math.floor(k / 1000 / 86400);\n\tconst f = days > 0 ? `${days}[d] HH:mm:ss` : 'HH:mm:ss';\n\treturn moment.utc(moment(moment.utc().format()).diff(moment.utc(utcDateTime))).format(f);\n}\n\nexport function utcToLocalTime(date) {\n\tconst stillUtc = moment.utc(date).toDate();\n\tconst localDate = moment(stillUtc);\n\treturn localDate;\n}\n\nexport const unixToDate = unix => {\n\tconst date = moment.unix(unix);\n\treturn moment(moment.utc(date).toDate());\n};\n\nexport const getDateDifference = (start, end) => {\n\treturn moment.duration(moment(end).diff(start)).asDays();\n};\n\nexport function formattedDate(date) {\n\tconst currentDate = moment.utc(date).local();\n\tlet res = moment.utc(currentDate).format('MMM DD, YYYY, LT');\n\tconst isThisYear = moment().year() - currentDate.year() === 0;\n\tconst isToday = currentDate.diff(moment(), 'days') === 0;\n\tif (isThisYear) {\n\t\tres = moment\n\t\t\t.utc(currentDate)\n\t\t\t.local()\n\t\t\t.format('MMM DD, LT');\n\t}\n\tif (isToday) {\n\t\tres = moment\n\t\t\t.utc(currentDate)\n\t\t\t.local()\n\t\t\t.format('LT');\n\t}\n\treturn res;\n}\n","let channel;\nif ('BroadcastChannel' in window) {\n\tchannel = new BroadcastChannel('notifications');\n}\n\nexport const postMessage = msg => {\n\tif ('BroadcastChannel' in window) {\n\t\tchannel.postMessage(msg);\n\t}\n};\n\nexport const onMessage = handler => {\n\tif ('BroadcastChannel' in window) {\n\t\tchannel.onmessage = handler;\n\t}\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Checkbox = ({ type = 'checkbox', name, id, checked = false, onChange }) => (\n\t\n);\n\nCheckbox.propTypes = {\n\ttype: PropTypes.string,\n\tname: PropTypes.string.isRequired,\n\tchecked: PropTypes.bool,\n\tonChange: PropTypes.func.isRequired,\n};\n\nexport default Checkbox;\n","import React from 'react';\n\nconst InputFeedback = ({ children }) => {children};\n\nconst Select = ({ field: { name, onChange, ...field }, form: { touched, errors, setFieldValue }, ...props }) => {\n\tconst error = errors ? errors[name] : '';\n\tconst touch = touched ? touched[name] : '';\n\tfunction _handleChange(e) {\n\t\tsetFieldValue(name, e.target.value);\n\t\tif (props.onChange) {\n\t\t\tprops.onChange(e.target.value);\n\t\t}\n\t}\n\treturn (\n\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tthis.setState({ audioOutput: output });\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tparticipant={this.props.participant}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t{error} }\n\t\t
\n\t);\n};\n\nexport default Select;\n","import React, { Component } from 'react';\nimport { Modal, Form, Alert, Grid } from 'components';\nimport Checkbox from 'components/Common/CheckBox';\nimport { Formik, Field } from 'formik';\nimport * as Yup from 'yup';\nimport { assignRolesToNurse, updateNursePoolRolePriority, deleteGeneralNurse, addGeneralNurse } from 'api/nursePooling';\nimport { getUserId } from 'infrastructure/auth';\nimport Select from 'react-select';\nimport { default as FormSelect } from 'components/Common/FormElements/Select';\nimport Loader from 'components/Loader';\n\nclass VirtualCareProviderRoleModal extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\textraFields: 0,\n\t\t\tupdatedPriorities: new Map(),\n\t\t\tselectedPoolRoles: [],\n\t\t\tassignPoolRole: {\n\t\t\t\tloading: false,\n\t\t\t\tloaded: false,\n\t\t\t\terror: false,\n\t\t\t},\n\t\t\tloading: {},\n\t\t\tupdatePriority: {\n\t\t\t\tloaded: false,\n\t\t\t\terror: false,\n\t\t\t\tmessage: '',\n\t\t\t},\n\t\t\tformIsVisible: false,\n\t\t\tisGeneralNurse: this.props.fetchPoolRoles.isGeneralNurse,\n\t\t};\n\t}\n\n\tpriorityOptions = [\n\t\t{ id: 1, value: 'Primary' },\n\t\t{ id: 2, value: 'Secondary' },\n\t\t{ id: null, value: 'Blank' },\n\t];\n\n\tsubmitMyForm = null;\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (this.props.fetchPoolRoles.isGeneralNurse !== prevProps.fetchPoolRoles.isGeneralNurse) {\n\t\t\tthis.setState({ isGeneralNurse: this.props.fetchPoolRoles.isGeneralNurse });\n\t\t}\n\t}\n\n\tonLoading = () => {\n\t\tthis.setState({\n\t\t\tassignPoolRole: {\n\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\tloading: true,\n\t\t\t},\n\t\t});\n\t};\n\n\tonSuccess = async () => {\n\t\tawait this.props.updatePoolRoles();\n\t\tthis.setState({\n\t\t\tassignPoolRole: {\n\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\tloading: false,\n\t\t\t\tloaded: true,\n\t\t\t},\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\tassignPoolRole: {\n\t\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\t\tloaded: false,\n\t\t\t\t},\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\thandleSubmitMyForm = e => {\n\t\tif (this.submitMyForm) {\n\t\t\tthis.submitMyForm(e);\n\t\t}\n\t};\n\n\tbindSubmitForm = submitForm => {\n\t\tthis.submitMyForm = submitForm;\n\t};\n\n\tonCloseAlert = () => {\n\t\tthis.setState({\n\t\t\tassignPoolRole: {\n\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\tloading: false,\n\t\t\t\tloaded: false,\n\t\t\t\terror: false,\n\t\t\t},\n\t\t});\n\t};\n\n\tonPrioritySelected = (selectedPriority, e, name) => {\n\t\tconst healthSystemId = this.props.currentHealthSystem.currentHealthSystemId;\n\t\tconst poolRoleId = e.name;\n\t\tconst nurseId = getUserId();\n\t\tthis.setState({\n\t\t\tloading: {\n\t\t\t\t...this.state.loading,\n\t\t\t\t[poolRoleId]: true,\n\t\t\t},\n\t\t});\n\t\tupdateNursePoolRolePriority(healthSystemId, poolRoleId, nurseId, selectedPriority.value).then(() => {\n\t\t\tthis.setState(prevState => ({\n\t\t\t\tupdatedPriorities: prevState.updatedPriorities.set(poolRoleId, selectedPriority),\n\t\t\t\tloading: {\n\t\t\t\t\t...this.state.loading,\n\t\t\t\t\t[poolRoleId]: false,\n\t\t\t\t},\n\t\t\t\tupdatePriority: {\n\t\t\t\t\t...this.state.updatePriority,\n\t\t\t\t\tmessage: `Priority of ${name} was successfully updated!`,\n\t\t\t\t\tloaded: true,\n\t\t\t\t},\n\t\t\t}));\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tupdatePriority: {\n\t\t\t\t\t\t...this.state.updatePriority,\n\t\t\t\t\t\tmessage: '',\n\t\t\t\t\t\tloaded: false,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}, 3000);\n\t\t});\n\t};\n\n\tshowErrorMessage = () => {\n\t\tthis.setState({\n\t\t\terror: 'Device ID not found',\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\terror: '',\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\tdisplayNursePoolRoles = () => {\n\t\tif (this.props.fetchPoolRoles.nursePoolRoles.length === 0) {\n\t\t\treturn (\n\t\t\t\tYou are currently not assigned to any pool roles in this health system. Use the form below to assign yourself to one of the pool roles\n\t\t\t);\n\t\t}\n\t\tconst getPriority = npr => {\n\t\t\tif (npr.priority === 1) return { value: 1, label: 'Primary' };\n\t\t\tif (npr.priority === 2) return { value: 2, label: 'Secondary' };\n\t\t\tif (!npr.priority) return { value: null, label: 'Blank' };\n\t\t};\n\n\t\tconst priorityOptions = [\n\t\t\t{ value: 1, label: 'Primary' },\n\t\t\t{ value: 2, label: 'Secondary' },\n\t\t\t{ value: null, label: 'Blank' },\n\t\t];\n\t\treturn (\n\t\t\t{props.label}
\n\t\t\t{props.description}
\n\t\t\t\n\t\t\t{touch && error &&\n\t\t\t\t{this.props.fetchPoolRoles.nursePoolRoles.map((nursePoolRole, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t
\n\t\t);\n\t};\n\n\tgetUnassignedPoolRoles = () => {\n\t\tconst allPoolRolesIds = this.props.fetchPoolRoles.poolRoles;\n\t\tconst nursePoolRoles = this.props.fetchPoolRoles.nursePoolRoles;\n\n\t\tconst unassignedPoolRoles = allPoolRolesIds.filter(obj => {\n\t\t\treturn !nursePoolRoles.some(obj2 => {\n\t\t\t\treturn obj.id === obj2.poolRole.id;\n\t\t\t});\n\t\t});\n\n\t\treturn unassignedPoolRoles;\n\t};\n\n\tgetUnselectedPoolRoles = name => {\n\t\tconst unassignedPoolRoles = this.getUnassignedPoolRoles();\n\n\t\tconst availablePoolRoles = unassignedPoolRoles.filter(obj => {\n\t\t\treturn !this.state.selectedPoolRoles.some(obj2 => {\n\t\t\t\treturn obj.id === obj2.value && obj2.name !== name;\n\t\t\t});\n\t\t});\n\n\t\treturn availablePoolRoles;\n\t};\n\n\thandleCheckBoxChange = e => {\n\t\tconst healthSystemId = this.props.currentHealthSystem.currentHealthSystemId;\n\t\tif (this.state.isGeneralNurse) {\n\t\t\tdeleteGeneralNurse(healthSystemId).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tassignPoolRole: {\n\t\t\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\t\t\tloaded: false,\n\t\t\t\t\t\tloading: false,\n\t\t\t\t\t},\n\t\t\t\t\tisGeneralNurse: !this.state.isGeneralNurse,\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\taddGeneralNurse(healthSystemId).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tassignPoolRole: {\n\t\t\t\t\t\t...this.state.assignPoolRole,\n\t\t\t\t\t\tloaded: false,\n\t\t\t\t\t\tloading: false,\n\t\t\t\t\t},\n\t\t\t\t\tisGeneralNurse: !this.state.isGeneralNurse,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t};\n\n\tdisplayExtraFields = () => {\n\t\tlet table = [];\n\t\tfor (let i = 1; i <= this.state.extraFields; i++) {\n\t\t\ttable.push(\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{nursePoolRole.poolRole.name}\n\t\t\t\t\t\t\t\t{this.state.loading[nursePoolRole.poolRole.id] ? (\n\t\t\t\t\t\t\t\t\t this.onPrioritySelected(value, e, nursePoolRole.poolRole.name)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t\treturn table;\n\t};\n\n\taddExtraInputField = () => {\n\t\tconst updatedExtraFields = this.state.extraFields + 1;\n\t\tthis.setState({ extraFields: updatedExtraFields });\n\t};\n\n\tselectFieldOnChange = e => {\n\t\tconst name = e.target.name;\n\t\tconst value = e.target.value;\n\n\t\tconst elementsIndex = this.state.selectedPoolRoles.findIndex(element => element.name == name);\n\t\tif (elementsIndex === -1) {\n\t\t\tthis.setState({ selectedPoolRoles: [...this.state.selectedPoolRoles, { name: name, value: value }] });\n\t\t} else {\n\t\t\tlet newArray = [...this.state.selectedPoolRoles];\n\t\t\tnewArray[elementsIndex] = { ...newArray[elementsIndex], value: value };\n\t\t\tthis.setState({\n\t\t\t\tselectedPoolRoles: newArray,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tlet i;\n\t\t\t\t\t\t\t\tconst rolesObjs = [];\n\t\t\t\t\t\t\t\tfor (i = 0; i < 3; i++) {\n\t\t\t\t\t\t\t\t\tlet role = {\n\t\t\t\t\t\t\t\t\t\tPoolRoleId: values['role' + i],\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tif (values['priority' + i] !== 'Blank') role.PriorityId = Number(values['priority' + i]);\n\t\t\t\t\t\t\t\t\tif (role.PoolRoleId !== '') rolesObjs.push(role);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.onLoading();\n\t\t\t\t\t\t\t\tlet nurseId = getUserId();\n\t\t\t\t\t\t\t\tassignRolesToNurse(this.props.currentHealthSystem.currentHealthSystemId, rolesObjs, nurseId).then(() => {\n\t\t\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\t\t\trole0: '',\n\t\t\t\t\t\t\t\t\t\tpriority0: '',\n\t\t\t\t\t\t\t\t\t\trole1: '',\n\t\t\t\t\t\t\t\t\t\tpriority1: '',\n\t\t\t\t\t\t\t\t\t\trole2: '',\n\t\t\t\t\t\t\t\t\t\tpriority2: '',\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tthis.onSuccess();\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\t\t\trole0: Yup.string().required('Required field'),\n\t\t\t\t\t\t\t\tpriority0: Yup.string().required('Required field'),\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t{formikProps => {\n\t\t\t\t\t\t\t\tthis.bindSubmitForm(formikProps.submitForm);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{/* \n\t\t\t\n\t\t\t\t{({ getRootProps, getInputProps }) => (\n\t\t\t\t\t \n\t\t\t\n\t\t\t\t setCrop(cropValue)}\n\t\t\t\t\tonCropComplete={(croppedArea, croppedPixels) => setCroppedAreaPixels(croppedPixels)}\n\t\t\t\t\tonZoomChange={zoomValue => setZoom(zoomValue)}\n\t\t\t\t/>\n\t\t\t\n\t\t
\n\t);\n};\nexport default ProfilePicture;\n","import React from 'react';\nimport classNames from 'classnames/bind';\n\nconst InputFeedback = ({ children }) => {children};\n\nconst Input = ({ field: { name, ...field }, form: { touched, errors }, ...props }) => {\n\tconst error = errors ? errors[name] : '';\n\tconst touch = touched ? touched[name] : '';\n\treturn (\n\t\t\n\t\t\t\t{previewImage &&
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{props.profilePictureError}\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t{error} }\n\t\t
\n\t);\n};\n\nexport default Input;\n","import { Field } from 'formik';\nimport { validateMaxLength } from 'infrastructure/helpers/commonHelpers';\nimport React from 'react';\nimport Select from 'react-select';\nimport Input from 'components/Common/FormElements/Input';\n\nconst PersonalInformation = props => {\n\tconst genders = [\n\t\t{ code: 1, name: 'Male' },\n\t\t{ code: 2, name: 'Female' },\n\t];\n\tconst getValue = () => props.transformArray(genders).filter(option => option.value === props.values?.genderId);\n\tconst DropdownIndicator = () => arrow_drop_down;\n\n\treturn (\n\t\t{props.label}
\n\t\t\t{props.description}
\n\t\t\t\n\t\t\t{touch && error &&\n\t\t\t validateMaxLength(event, 10)}\n\t\t\t/>\n\t\t\t props.formikProps?.setFieldValue('genderId', event.value)}\n\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\tisSearchable\n\t\t\t/>\n\t\t\t{props.errors.genderId}\n\t\t
\n\t);\n};\nexport default PersonalInformation;\n","import { validateMaxLength } from 'infrastructure/helpers/commonHelpers';\nimport { Input } from 'components';\nimport React from 'react';\n\nconst ContactInformation = props => (\n\tSex
\n\t\t\t\n\t\t\n\t\t validateMaxLength(event, 10)}\n\t\t\tclassName='number-input-wo-arrows'\n\t\t\terror={props.errors.phoneNumber}\n\t\t/>\n\t
\n);\n\nexport default ContactInformation;\n","import React from 'react';\nimport Select from 'react-select';\nimport { validateMaxLength } from 'infrastructure/helpers/commonHelpers';\nimport { Input } from 'components';\n\nconst Location = props => {\n\tconst getCountryValue = () => props.transformArray(props.countries).filter(option => option.value === props.values.country);\n\tconst getStateValue = () => props.transformArray(props.states).filter(option => option.value === props.values.stateCode);\n\tconst DropdownIndicator = () => arrow_drop_down;\n\n\treturn (\n\t\t\n\t\t\t props.formikProps?.setFieldValue('country', event.value)}\n\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\tisSearchable={false}\n\t\t\t/>\n\t\t\t{props.errors.country}\n\t\t\t{props.values.country === 'US' && (\n\t\t\t\t<>\n\t\t\t\t\t props.formikProps?.setFieldValue('stateCode', event.value)}\n\t\t\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\t\t\tisSearchable={false}\n\t\t\t\t\t/>\n\t\t\t\t\t{props.errors.stateCode}\n\t\t\t\t\n\t\t\t)}\n\t\t\t validateMaxLength(event, 10)}\n\t\t\t/>\n\t\t\t
\n\t);\n};\nexport default Location;\n","import { Formik } from 'formik';\nimport * as Yup from 'yup';\nimport React, { useEffect, useState } from 'react';\nimport { checkUserEmailExists, getCountries, getStates } from 'api/users';\nimport { editPatientProfile, getPatientDetails } from 'api/patients';\nimport moment from 'moment';\nimport { PatientProfileInfoTab } from 'constants/enums';\nimport Grid from 'components/Grid';\nimport Loader from 'components/Loader';\nimport ProfilePicture from 'components/UserSettings/ProfilePicture';\nimport PersonalInformation from 'components/UserSettings/PersonalInformation';\nimport ContactInformation from 'components/UserSettings/ContactInformation';\nimport Location from 'components/UserSettings/Location';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport Alert from 'components/Alert';\nimport Button from 'components/Button';\nimport { getUserId, getUserProfile, setUserProfile } from 'infrastructure/auth';\n\nconst ProfileInformation = props => {\n\tconst transformArray = array => array.map(item => ({ value: item.code || item.id, label: item.name }));\n\n\tconst [success, setSuccess] = useState(null);\n\tconst [error, setError] = useState(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [countries, setCountries] = useState([]);\n\tconst [states, setStates] = useState([]);\n\tconst [profilePicture, setProfilePicture] = useState('');\n\tconst [patientProfile, setPatientProfile] = useState(null);\n\tconst [patientDetails, setPatientDetails] = useState(null);\n\tconst [tabsExpanded, setTabsExpanded] = useState([\n\t\t{ id: 0, isExpanded: false },\n\t\t{ id: 1, isExpanded: false },\n\t\t{ id: 2, isExpanded: false },\n\t\t{ id: 3, isExpanded: false },\n\t\t{ id: 4, isExpanded: false },\n\t\t{ id: 5, isExpanded: false },\n\t]);\n\tconst [profilePictureError, setProfilePictureError] = useState('');\n\n\tconst toggleProfileInfoTabs = id => {\n\t\tconst expandedTabs = [...tabsExpanded];\n\t\tconst expandedTab = expandedTabs.find(tab => tab.id === id);\n\t\texpandedTab.isExpanded = !expandedTab.isExpanded;\n\t\tsetTabsExpanded(expandedTabs);\n\t};\n\n\tconst profileInfoTabs = [\n\t\t{\n\t\t\tid: PatientProfileInfoTab.PROFILE_PICTURE,\n\t\t\ttitle: 'Profile Picture',\n\t\t},\n\t\t{\n\t\t\tid: PatientProfileInfoTab.PERSONAL_INFORMATION,\n\t\t\ttitle: 'Personal Information',\n\t\t},\n\t\t{\n\t\t\tid: PatientProfileInfoTab.ADDRESS,\n\t\t\ttitle: 'Address',\n\t\t},\n\t\t{\n\t\t\tid: PatientProfileInfoTab.CONTACT_INFORMATION,\n\t\t\ttitle: 'Contact Information',\n\t\t},\n\t];\n\n\tconst getProfileInformationDetails = async () => {\n\t\tconst userProfile = getUserProfile();\n\t\tconst [countriesList, statesList, patientDetailsRes] = await Promise.all([getCountries(), getStates(), getPatientDetails()]);\n\t\tconst responseError = countriesList.error || statesList.error || patientDetailsRes?.error;\n\t\tif (responseError) {\n\t\t\tsetError(responseError.message);\n\t\t\tsetIsLoading(false);\n\t\t} else {\n\t\t\tsetCountries(countriesList.countries);\n\t\t\tsetStates(statesList.states);\n\t\t\tsetPatientDetails(patientDetailsRes.patient);\n\t\t\tsetPatientProfile(patientDetailsRes.patient.profile);\n\t\t\tsetProfilePicture(patientDetailsRes.patient.profile.profilePicture);\n\t\t\tsetUserProfile({\n\t\t\t\t...userProfile,\n\t\t\t\tprofilePicture: { url: `${APP_CONFIG.profilePicBaseUrl}/${patientDetailsRes.patient.profile.profilePicture}` },\n\t\t\t\tfirstName: patientDetailsRes.patient.profile.firstName,\n\t\t\t\tlastName: patientDetailsRes.patient.profile.lastName,\n\t\t\t});\n\t\t}\n\t\tsetIsLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tgetProfileInformationDetails();\n\t}, []);\n\n\tconst getSelectedTab = type => {\n\t\treturn tabsExpanded.find(x => x.id === type).isExpanded;\n\t};\n\n\tconst getDescription = title => {\n\t\tswitch (title) {\n\t\t\tcase 'Profile Picture':\n\t\t\t\treturn 'Profile Picture';\n\t\t\tcase 'Personal Information':\n\t\t\t\treturn 'Personal Information';\n\t\t\tcase 'Address':\n\t\t\t\treturn 'Address';\n\t\t\tcase 'Contact Information':\n\t\t\t\treturn 'Contact Information';\n\t\t\tdefault:\n\t\t\t\treturn title;\n\t\t}\n\t};\n\n\tconst onSubmitForm = async values => {\n\t\tsetError(null);\n\t\tconst params = {\n\t\t\tpatientUserId: patientDetails.userId,\n\t\t\tactive: true,\n\t\t\tidCard: values.idNumber.toString(),\n\t\t\tfirstName: values.firstName.trim(),\n\t\t\tlastName: values.lastName.trim(),\n\t\t\taddress: values.address,\n\t\t\tphoneNumber: values.phoneNumber?.toString(),\n\t\t\temail: values.emailAddress,\n\t\t\tgenderId: parseInt(values.genderId, 10),\n\t\t\tbirthDate: values.birthDate,\n\t\t\tshowConsent: values.consentFromPatient,\n\t\t\tstateCode: values?.country === 'US' ? values.stateCode : '',\n\t\t\tpostalCode: values.zipCode?.toString(),\n\t\t\tcity: values?.city,\n\t\t\tcountry: values?.country,\n\t\t\tcommunicationLanguage: '',\n\t\t\tprofilePicture,\n\t\t};\n\t\tconst response = await editPatientProfile(getUserId(), params);\n\t\tif (response.error) {\n\t\t\tsetError(`${response.error.message}`);\n\t\t\treturn;\n\t\t}\n\t\tsetSuccess('changes Saved');\n\t\tgetProfileInformationDetails();\n\t\tprops.toggleModal();\n\t};\n\n\tconst validateEmail = async val => {\n\t\tif (!val || val === patientProfile.email) {\n\t\t\treturn true;\n\t\t}\n\t\tlet emailExists = false;\n\t\tconst schema = Yup.string()\n\t\t\t.email()\n\t\t\t.required();\n\t\tif (await schema.isValid(val)) {\n\t\t\tconst response = await checkUserEmailExists(val);\n\t\t\tif (response.error) {\n\t\t\t\tsetError(response.error.message);\n\t\t\t\temailExists = false;\n\t\t\t} else {\n\t\t\t\temailExists = response;\n\t\t\t}\n\t\t}\n\t\treturn !emailExists;\n\t};\n\n\tconst getInitialValues = () => {\n\t\tif (patientProfile) {\n\t\t\treturn {\n\t\t\t\tfirstName: patientProfile.firstName,\n\t\t\t\tlastName: patientProfile.lastName,\n\t\t\t\tidNumber: patientProfile.idCard,\n\t\t\t\taddress: patientProfile.address,\n\t\t\t\tbirthDate: moment(patientProfile.birthDate).format('YYYY-MM-DD'),\n\t\t\t\temailAddress: patientProfile.email.includes('@hello-health.com') ? '' : patientProfile.email,\n\t\t\t\tphoneNumber: patientProfile.phoneNumber,\n\t\t\t\tgenderId: patientProfile.genderId,\n\t\t\t\tcountry: patientProfile?.country,\n\t\t\t\tcity: patientProfile?.city,\n\t\t\t\tzipCode: patientProfile?.postalCode,\n\t\t\t\tstateCode: patientProfile?.country === 'US' ? patientProfile?.stateCode : '',\n\t\t\t};\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst checkIfFormIsValid = errors => {\n\t\tif (Object.keys(errors).length || !profilePicture) {\n\t\t\tsetError('Changes can not be saved unless you fill the mandatory fields');\n\t\t\tif (!profilePicture) {\n\t\t\t\tsetProfilePictureError('Please upload a profile picture');\n\t\t\t}\n\t\t\tsetTabsExpanded([\n\t\t\t\t{ id: 0, isExpanded: true },\n\t\t\t\t{ id: 1, isExpanded: true },\n\t\t\t\t{ id: 2, isExpanded: true },\n\t\t\t\t{ id: 3, isExpanded: true },\n\t\t\t\t{ id: 4, isExpanded: true },\n\t\t\t\t{ id: 5, isExpanded: true },\n\t\t\t]);\n\t\t}\n\t};\n\n\tconst getValidationSchema = () =>\n\t\tYup.object().shape({\n\t\t\tfirstName: Yup.string()\n\t\t\t\t.required('First name cannot be empty')\n\t\t\t\t.matches(/^\\D+$/, 'First name should not contain numbers')\n\t\t\t\t.max(30, 'Max length is 30')\n\t\t\t\t.trim(),\n\t\t\tlastName: Yup.string()\n\t\t\t\t.required('Last name cannot be empty')\n\t\t\t\t.matches(/^\\D+$/, 'Last name should not contain numbers')\n\t\t\t\t.max(30, 'Max length is 30')\n\t\t\t\t.trim(),\n\t\t\tidNumber: Yup.string()\n\t\t\t\t.required('ID Number cannot be empty')\n\t\t\t\t.min(10, 'ID number should consist of 10 characters and should not start with zero.')\n\t\t\t\t.max(10, 'ID number should consist of 10 characters and should not start with zero.')\n\t\t\t\t.trim(),\n\t\t\taddress: Yup.string()\n\t\t\t\t.max(100, 'Max length is 100')\n\t\t\t\t.trim(),\n\t\t\tstateCode: Yup.string()\n\t\t\t\t.nullable()\n\t\t\t\t.when('country', {\n\t\t\t\t\tis: 'US',\n\t\t\t\t\tthen: Yup.string().required('State is required'),\n\t\t\t\t}),\n\t\t\tbirthDate: Yup.string()\n\t\t\t\t.required('Please write your date of birth')\n\t\t\t\t.test('DOB', 'You must be at least 18 years old', value => moment().diff(moment(value), 'years') >= 18),\n\t\t\temailAddress: Yup.string()\n\t\t\t\t.max(100, 'Max length is 100')\n\t\t\t\t.email('Provided e-mail is invalid')\n\t\t\t\t.test('existing-email', 'This user already exists', val => validateEmail(val))\n\t\t\t\t.trim(),\n\t\t\tphoneNumber: Yup.string()\n\t\t\t\t.max(20, 'Max length is 20')\n\t\t\t\t.trim(),\n\t\t\tgenderId: Yup.string().required('Please select a sex'),\n\t\t});\n\n\treturn (\n\t\t<>\n\t\t\t{isLoading && (\n\t\t\t\tCountry
\n\t\t\tState
\n\t\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tonSubmitForm(values);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalidationSchema={getValidationSchema()}>\n\t\t\t\t\t\t{formikProps => {\n\t\t\t\t\t\t\tconst { values, handleChange, setFieldValue, errors, handleSubmit } = formikProps;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{profileInfoTabs.map(item => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tcheckIfFormIsValid(errors);\n\t\t\t\t\t\t\t\t\t\t\thandleSubmit();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n};\n\nexport default ProfileInformation;\n","import React, { Component } from 'react';\nimport { Form, Modal, Input, Tabs, Alert } from 'components';\nimport { getUserProfile, getUserRole, setUserProfile } from 'infrastructure/auth';\nimport { changePassword } from 'api/user';\nimport { ChangePasswordUseCases, HttpStatusCodes, UserRoles } from 'constants/enums';\nimport { updateProfilePicture } from 'api/users';\nimport { uploadProfilePic } from 'api/media';\nimport ReactCrop from 'react-image-crop';\nimport { passwordRegEx } from 'constants/global-variables';\nimport ProfileInformation from 'components/UserSettings/ProfileInformation';\n\nclass UserSettingsModal extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tuserProfile: {},\n\t\t\tvirtualRoles: [{ value: 'Virtual Nurse' }, { value: 'Virtual Case Manager' }, { value: 'Virtual Sitter' }, { value: 'Virtual Intensivist' }],\n\t\t\tcurrentPassword: '',\n\t\t\tnewPassword: '',\n\t\t\tnewConfirmedPassword: '',\n\t\t\tpasswordInfo: ChangePasswordUseCases.passwordInfo,\n\t\t\tpasswordAlertVariant: 'neutral',\n\t\t\tisConfirmPasswordChangeModalOpen: false,\n\t\t\tselectedTab: 0,\n\t\t\terror: null,\n\t\t\tpreviewImage: null,\n\t\t\tprofilePicture: '',\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t\taspect: 1,\n\t\t\t},\n\t\t\tisImageCropperVisible: false,\n\t\t\tuploadedImg: null,\n\t\t};\n\n\t\tthis.COMPANY_INFO = {\n\t\t\tSTARTED: 'Mon Mar 12 2018 00:00:00',\n\t\t\tNAME: 'AmWell',\n\t\t};\n\n\t\tthis.TABS = {\n\t\t\tCHANGE_PASSWORD: 0,\n\t\t\tEDIT_PROFILE: 1,\n\t\t};\n\t}\n\n\timageRef = null;\n\n\tcomponentDidMount = () => {\n\t\tconst locations = this.getUserLocations();\n\t\tconst userProfile = getUserProfile();\n\t\tconst virtualRoleKey = this.state.virtualRoles.findIndex(r => r.value === userProfile.jobTitle);\n\t\tthis.setState({\n\t\t\tuserProfile: {\n\t\t\t\tfullName: `${userProfile.firstName} ${userProfile.lastName}`,\n\t\t\t\tprofilePicUrl: userProfile.profilePicture?.url,\n\t\t\t\tvirtualRole: userProfile.jobTitle,\n\t\t\t\tvirtualRoleKey: virtualRoleKey,\n\t\t\t\tuserWorkExperienceId: userProfile.jobId,\n\t\t\t\tlocations: locations,\n\t\t\t},\n\t\t});\n\t};\n\n\tgetUserLocations() {\n\t\tlet locations = [];\n\t\tthis.props.organization.allHealthSystems.forEach(healthSystem => locations.push({ description: healthSystem.name }));\n\t\treturn locations;\n\t}\n\n\tsaveAccountSettings = () => {\n\t\tif (this.state.selectedTab === this.TABS.CHANGE_PASSWORD) {\n\t\t\tthis.changePassword();\n\t\t}\n\t};\n\n\teditProfile = async () => {\n\t\tconst userProfile = getUserProfile();\n\t\tconst { virtualRole, userWorkExperienceId } = this.state.userProfile;\n\t\tconst data = {\n\t\t\tcompanyName: this.COMPANY_INFO.NAME,\n\t\t\tfromDate: this.COMPANY_INFO.STARTED,\n\t\t\tjobDescription: virtualRole,\n\t\t\tjobTitle: virtualRole,\n\t\t\tisCurrent: true,\n\t\t\tshowCompanyOnPage: true,\n\t\t\ttoDate: null,\n\t\t};\n\n\t\tlet response;\n\t\tlet userHasRole = userWorkExperienceId !== 0;\n\t\tif (userHasRole) {\n\t\t\tresponse = await this.props.mainLayoutActions.updateUserRole(data);\n\t\t} else {\n\t\t\tresponse = await this.props.mainLayoutActions.addNewUserRole({\n\t\t\t\t...data,\n\t\t\t\tidUserCompanyId: userWorkExperienceId,\n\t\t\t});\n\t\t}\n\n\t\tsetUserProfile({\n\t\t\t...userProfile,\n\t\t\tjobTitle: response.data.entityData.JobTitle,\n\t\t\tjobId: userHasRole ? response.data.entityData.IdUserCompanies : null,\n\t\t});\n\t\tthis.props.toggleAccountSettingsModal();\n\t};\n\n\tchangeVirtualRole = (selection, index) => {\n\t\tlet user = this.state.userProfile;\n\t\tthis.setState({\n\t\t\tuserProfile: {\n\t\t\t\t...user,\n\t\t\t\tvirtualRole: selection.value,\n\t\t\t\tvirtualRoleKey: index,\n\t\t\t},\n\t\t});\n\t};\n\n\tvalidatePassword = () => {\n\t\tlet { currentPassword, newPassword, newConfirmedPassword } = this.state;\n\t\tlet message;\n\t\tif (currentPassword === '') {\n\t\t\tmessage = ChangePasswordUseCases.currentPassEmpty;\n\t\t} else if (newPassword === '') {\n\t\t\tmessage = ChangePasswordUseCases.newPassEmpty;\n\t\t} else if (newPassword.length < 8) {\n\t\t\tmessage = ChangePasswordUseCases.minLengthRequired;\n\t\t} else if (newConfirmedPassword === '') {\n\t\t\tmessage = ChangePasswordUseCases.confirmNewPassEmpty;\n\t\t} else if (newPassword !== newConfirmedPassword) {\n\t\t\tmessage = ChangePasswordUseCases.newPasswordsDoNotMatch;\n\t\t} else if (currentPassword === newPassword) {\n\t\t\tmessage = ChangePasswordUseCases.newPassSameAsCurrent;\n\t\t} else if (passwordRegEx.test(newPassword) === false || passwordRegEx.test(newConfirmedPassword) === false) {\n\t\t\tmessage = ChangePasswordUseCases.strongPasswordCheck;\n\t\t}\n\t\treturn message;\n\t};\n\n\tresetPasswordFields = () => {\n\t\tthis.setState({\n\t\t\tpasswordData: {\n\t\t\t\t...this.state.passwordData,\n\t\t\t\tnewPassword: '',\n\t\t\t\tnewConfirmedPassword: '',\n\t\t\t},\n\t\t});\n\t};\n\n\tchangePassword = () => {\n\t\tlet message = this.validatePassword();\n\t\tif (message) {\n\t\t\tif (message === ChangePasswordUseCases.newPasswordsDoNotMatch) {\n\t\t\t\tthis.resetPasswordFields();\n\t\t\t}\n\t\t\tthis.setPasswordErrorMessage(message);\n\t\t} else {\n\t\t\tthis.toggleConfirmPasswordDialog();\n\t\t}\n\t};\n\n\tsavePasswordChanges = async () => {\n\t\ttry {\n\t\t\tconst response = await changePassword({\n\t\t\t\toldpassword: this.state.currentPassword,\n\t\t\t\tnewpassword: this.state.newPassword,\n\t\t\t});\n\t\t\tif (response.HasSucceed) {\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\tpasswordInfo: ChangePasswordUseCases.newPassSaved,\n\t\t\t\t\t},\n\t\t\t\t\t() => {\n\t\t\t\t\t\tthis.signOut();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis.setState({\n\t\t\t\tpasswordInfo: ChangePasswordUseCases.currentPasswordIncorrect,\n\t\t\t\tpasswordAlertVariant: 'error',\n\t\t\t\tcurrentPassword: '',\n\t\t\t\tnewPassword: '',\n\t\t\t\tnewConfirmedPassword: '',\n\t\t\t\tisConfirmPasswordChangeModalOpen: false,\n\t\t\t});\n\t\t}\n\t};\n\n\tsetPasswordErrorMessage = msg => {\n\t\tthis.setState({\n\t\t\tpasswordInfo: msg,\n\t\t\tpasswordAlertVariant: 'neutral',\n\t\t});\n\t};\n\n\ttoggleConfirmPasswordDialog = () => {\n\t\tthis.setState({\n\t\t\tisConfirmPasswordChangeModalOpen: !this.state.isConfirmPasswordChangeModalOpen,\n\t\t});\n\t};\n\n\tsetInputValue = event => {\n\t\tthis.setState({\n\t\t\t[event.target.name]: event.target.value,\n\t\t});\n\t};\n\n\tsignOut = () => {\n\t\tthis.props.history.push('/logout');\n\t};\n\n\tonImageUpload = async uploadedFile => {\n\t\tconst file = uploadedFile[0];\n\t\tif (!file) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sizeInMB = file.size / 1024 / 1024;\n\t\tif (sizeInMB > 2) {\n\t\t\tthis.setState({ error: 'Try uploading a file under 2 MB' });\n\t\t\treturn;\n\t\t}\n\n\t\tconst reader = new FileReader();\n\t\treader.addEventListener('load', () => this.setState({ src: reader.result }));\n\t\treader.readAsDataURL(file);\n\n\t\tthis.setState({\n\t\t\tisImageCropperVisible: true,\n\t\t\tfile,\n\t\t});\n\t};\n\n\tupdateProfilePicture = async () => {\n\t\tconst user = await getUserProfile();\n\t\tawait updateProfilePicture(user.userId, this.state.profilePicture);\n\t\tconst userProfile = getUserProfile();\n\n\t\tsetUserProfile({\n\t\t\t...userProfile,\n\t\t\tprofilePicture: { url: this.state.previewImage },\n\t\t});\n\t\tthis.props.updateProfilePicture(this.state.previewImage);\n\t};\n\n\tonCropChange = crop => {\n\t\tthis.setState({ crop });\n\t};\n\n\ttoggleImageCropper = () => {\n\t\tthis.setState({\n\t\t\tisImageCropperVisible: !this.state.isImageCropperVisible,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t\taspect: 1,\n\t\t\t},\n\t\t});\n\t};\n\n\tonImageLoaded = image => {\n\t\tthis.imageRef = image;\n\t};\n\n\tgetImageCrop = () => {\n\t\tconst { crop } = this.state;\n\n\t\tconst image = this.imageRef;\n\t\tconst xScale = image.naturalWidth > image.width ? image.naturalWidth / image.width : 1;\n\t\tconst yScale = image.naturalHeight > image.height ? image.naturalHeight / image.height : 1;\n\n\t\treturn {\n\t\t\twidth: crop.width * xScale,\n\t\t\theight: crop.height * yScale,\n\t\t\tx: crop.x * xScale,\n\t\t\ty: crop.y * yScale,\n\t\t};\n\t};\n\n\tuploadLogo = async () => {\n\t\tconst response = await uploadProfilePic(this.state.file, this.getImageCrop());\n\n\t\tif (response.status === HttpStatusCodes.OK) {\n\t\t\tthis.setState({\n\t\t\t\tpreviewImage: response.data.thumbnails[2].url,\n\t\t\t\tprofilePicture: response.data.fileName,\n\t\t\t\tisImageCropperVisible: false,\n\t\t\t});\n\t\t}\n\t};\n\n\tmakeClientCrop = async () => {\n\t\tif (this.imageRef && this.state.crop.width && this.state.crop.height) {\n\t\t\tawait this.uploadLogo();\n\t\t}\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tif (this.state.uploadedImg) {\n\t\t\tURL.revokeObjectURL(this.state.uploadedImg.preview);\n\t\t}\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t toggleProfileInfoTabs(item.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{getSelectedTab(PatientProfileInfoTab.PROFILE_PICTURE) && item.id === PatientProfileInfoTab.PROFILE_PICTURE && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{tabsExpanded.find(x => x.id === item.id).isExpanded ? 'chevron_right' : 'expand_more'}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.title}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{`Update your ${getDescription(item.title)}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t});\n\t\t} else if (response.notifications.length === 0 && this.state.notifications.length === 0) {\n\t\t\tnotifications.push({\n\t\t\t\ttitle: (\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tAn error ocurred trying to fetch notifications!
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t});\n\t\t} else {\n\t\t\thasMoreNotifications = response.total < this.state.notificationsPageNo * 10 ? false : true;\n\t\t\tresponse.notifications.forEach(n => {\n\t\t\t\tconst el = {\n\t\t\t\t\tid: n.id,\n\t\t\t\t\tisPreview: n.isPreview,\n\t\t\t\t\ttitle: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tYou don't have any notifications!
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t\tnotifications.push(el);\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({\n\t\t\tnotifications: notifications,\n\t\t\thasMoreNotifications: hasMoreNotifications,\n\t\t});\n\t};\n\n\tcheckIfScrolledAtBottom = ({ target }) => {\n\t\tconst hasScrolledAtBottom = Math.ceil(target.scrollTop) >= target.scrollHeight - target.offsetHeight;\n\t\tif (!hasScrolledAtBottom || !this.state.hasMoreNotifications) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({\n\t\t\tnotificationsPageNo: this.state.notificationsPageNo + 1,\n\t\t});\n\t\tthis.getUserNotifications();\n\t};\n\n\tonAvailabilityDropdownClick = (evt, { available }) => {\n\t\tif (available) {\n\t\t\tthis.updateUserPresence(PresenceStatusType.AVAILABLE);\n\t\t} else {\n\t\t\tthis.updateUserPresence(PresenceStatusType.UNAVAILABLE);\n\t\t}\n\t};\n\n\tonUserDropdownClick = (evt, { id }) => {\n\t\tif (id === 'account_settings') {\n\t\t\tthis.toggleAccountSettingsModal();\n\t\t} else if (id === 'log_out') {\n\t\t\tthis.signOut();\n\t\t} else if (id === 'toggle_dark_theme') {\n\t\t\tthis.toggleDarkTheme();\n\t\t}\n\t};\n\n\ttoggleDarkTheme = () => {\n\t\tgetStorage().setItem('isDarkThemeEnabled', (!this.props.organization.isDarkThemeEnabled).toString());\n\t\tthis.props.organizationActions.setDarkTheme(!this.props.organization.isDarkThemeEnabled);\n\t};\n\n\tonCustomMessageChanged = evt => {\n\t\tthis.setState({\n\t\t\tcustomMessage: evt.target.value,\n\t\t});\n\t};\n\n\tonCustomMessageKeyUp = evt => {\n\t\tif (evt.which === 13) {\n\t\t\tthis.props.updateUserPresence(getUserId(), this.state.customMessage, this.props.userPresence.presenceStatusTypeId);\n\t\t\tthis.setState({\n\t\t\t\tcustomMessage: '',\n\t\t\t});\n\t\t}\n\t};\n\n\ttoggleAccountSettingsModal = () => {\n\t\tthis.setState({\n\t\t\tisAccountSettingsModalOpen: !this.state.isAccountSettingsModalOpen,\n\t\t});\n\t};\n\n\ttoggleVCPRoleModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisVCPRoleModalOpen: !this.state.isVCPRoleModalOpen,\n\t\t\t},\n\t\t\tasync () => await this.updatePoolRoles()\n\t\t);\n\t};\n\n\tupdatePoolRoles = async () => {\n\t\tthis.setState({\n\t\t\tfetchPoolRoles: {\n\t\t\t\t...this.state.fetchPoolRoles,\n\t\t\t\tloading: true,\n\t\t\t},\n\t\t});\n\t\tlet currentHealthSystem = getCurrentHealthSystemInfo();\n\n\t\tlet [poolRoles, assignedPoolRoleResponse] = await Promise.all([\n\t\t\tgetPoolRolesByHealthSystemId(currentHealthSystem.currentHealthSystemId),\n\t\t\tgetNurseHealthSystemPoolRole(getUserId(), currentHealthSystem.currentHealthSystemId),\n\t\t]);\n\n\t\tlet transformedArray = poolRoles.map(role => {\n\t\t\treturn { id: role.id, value: role.name };\n\t\t});\n\t\tthis.setState({\n\t\t\tfetchPoolRoles: {\n\t\t\t\t...this.state.fetchPoolRoles,\n\t\t\t\tloading: false,\n\t\t\t\tpoolRoles: transformedArray,\n\t\t\t\tnursePoolRoles: assignedPoolRoleResponse.nursePoolRoles,\n\t\t\t\tisGeneralNurse: assignedPoolRoleResponse.generalNurse,\n\t\t\t},\n\t\t});\n\t};\n\n\tsignOut = () => {\n\t\tthis.props.history.push('/logout');\n\t};\n\n\tupdateProfilePicture = profilePicUrl => {\n\t\tthis.setState({\n\t\t\tuserProfile: {\n\t\t\t\t...this.state.userProfile,\n\t\t\t\tprofilePicUrl,\n\t\t\t},\n\t\t});\n\t};\n\n\trender() {\n\t\tconst page = window.location.pathname.split('/')[1];\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t{n.isPreview ? (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tMissed call from {n.callerName}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tMissed call from {n.callerName}
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{n.timeAgo}\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = state => {\n\treturn {\n\t\torganization: state.organization,\n\t\tuserPresence: state.userPresence,\n\t\tnotifications: state.notifications,\n\t};\n};\n\nconst mapDispatchToProps = dispatch => {\n\treturn {\n\t\torganizationActions: bindActionCreators(organizationActionCreators, dispatch),\n\t\tmainLayoutActions: bindActionCreators(mainLayoutActionCreators, dispatch),\n\t\tfetchUserPresence: () => dispatch(fetchUserPresence()),\n\t\tupdateUserPresence: (userId, customMessage, presenceStatusTypeId) => dispatch(updateUserPresence(userId, customMessage, presenceStatusTypeId)),\n\t\tfetchNotificationCounter: () => dispatch(fetchNotificationCounter()),\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(Header));\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\n/**\n * @function getEhrTypes\n * @desc Gets ehrTypes\n */\nexport async function getEhrTypes() {\n\ttry {\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/ehr-types`;\n\t\tconst { data } = await gatewayApi.get(url);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n}\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { Modal, Form, Input, Alert } from 'components';\nimport { deleteOrgUnit, getLogoUrl, saveLogo, uploadLogo } from 'api/organization';\nimport { editHealthSystem } from 'api/healthSystems';\nimport { DeviceListLevel } from 'constants/enums';\nimport { getCurrentHealthSystemInfo } from 'infrastructure/helpers/commonHelpers';\nimport { getEhrTypes } from 'api/ehrTypes';\nimport _ from 'lodash';\nimport Autocomplete from 'react-autocomplete';\nimport ReactCrop from 'react-image-crop';\nimport classNames from 'classnames';\n\nclass EditHealthSystemModal extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisConfirmDeleteRegionModalOpen: false,\n\t\t\thealthSystemName: '',\n\t\t\thealthSystemId: '',\n\t\t\talert: {\n\t\t\t\tmessage: false,\n\t\t\t\tmessageAlert: '',\n\t\t\t\tvariantAlert: '',\n\t\t\t},\n\t\t\thealthSystemNameError: '',\n\t\t\tehrTypeNameError: '',\n\n\t\t\ttenantId: null,\n\t\t\ttenantIdError: '',\n\n\t\t\tehrId: null,\n\t\t\tehrIdError: '',\n\t\t\tehrTypes: [],\n\t\t\tehrTypeName: '',\n\t\t\tisUploadLogoModalOpen: false,\n\t\t\tlogoData: null,\n\t\t\taiDisabled: 'true',\n\t\t\tcurrentHealthSystemLogoError: false,\n\t\t\tisHealthSystemLogoModalLoading: false,\n\t\t\tfile: null,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t};\n\n\t\tthis.inputFileRef = React.createRef();\n\n\t\tthis.hasPressedEnter = 13;\n\t\tthis.healthSystemActionsEnum = {\n\t\t\tEDIT_HEALTH_SYSTEM: 0,\n\t\t\tDELETE_HEALTH_SYSTEM: 3,\n\t\t};\n\t}\n\n\taiOptions = [\n\t\t{ id: 0, label: 'Enable AI', value: 'false' },\n\t\t{ id: 1, label: 'Disable AI', value: 'true' },\n\t];\n\n\tconvertEHRTypeKey(ehrTypes) {\n\t\treturn ehrTypes.map(ehr => {\n\t\t\treturn {\n\t\t\t\tlabel: ehr.name,\n\t\t\t};\n\t\t});\n\t}\n\n\tasync componentDidMount() {\n\t\tconst { ehrId, ehrTypeName, tenantId, aiDisabled } = this.props;\n\n\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\n\t\tconst { ehrTypes } = await getEhrTypes();\n\n\t\tconst healthSystemLogo = await getLogoUrl(currentHealthSystemId);\n\n\t\tif (healthSystemLogo) {\n\t\t\tthis.props.onSetHealthSystemLogo(healthSystemLogo);\n\t\t}\n\t\tthis.props.setHealthSystemLogo(healthSystemLogo);\n\n\t\tif (ehrTypes) {\n\t\t\tconst convertedEhrTypes = this.convertEHRTypeKey(ehrTypes);\n\t\t\tthis.setState({\n\t\t\t\tehrTypeName,\n\t\t\t\tehrId,\n\t\t\t\ttenantId,\n\t\t\t\taiDisabled,\n\t\t\t\tehrTypes: convertedEhrTypes,\n\t\t\t});\n\t\t} else this.setState({ ehrTypesError: 'Could not fetch EHR types !!' });\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (this.inputFileRef.current && this.props.isOpen && !prevProps.isOpen) {\n\t\t\tthis.inputFileRef.current.value = '';\n\t\t\tthis.setHealthSystemFields();\n\t\t}\n\n\t\tif (!_.isEmpty(this.props.currentRegions) && !_.isEqual(this.props.currentRegions, prevProps.currentRegions)) {\n\t\t\tthis.setState({\n\t\t\t\thealthSystemName: this.props.healthSystemData.currentHealthSystemName,\n\t\t\t});\n\t\t}\n\n\t\tif (!_.isEmpty(this.props.healthSystemData) && !_.isEqual(this.props.healthSystemData, prevProps.healthSystemData)) {\n\t\t\tthis.setHealthSystemFields();\n\t\t}\n\t}\n\n\tsetHealthSystemFields = () => {\n\t\tthis.setState({\n\t\t\tehrTypeName: this.props.healthSystemData.ehrTypeName || '',\n\t\t\tehrId: this.props.healthSystemData.ehrId || '',\n\t\t\ttenantId: this.props.healthSystemData.tenantId || '',\n\t\t\taiDisabled: this.props.healthSystemData.aiDisabled || 'true',\n\t\t});\n\t};\n\n\teditHealthSystemActions = async data => {\n\t\tlet response = null;\n\t\tswitch (data.action) {\n\t\t\tcase this.healthSystemActionsEnum.EDIT_HEALTH_SYSTEM:\n\t\t\t\tresponse = await editHealthSystem(data.healthSystemId, data.name, data.ehrId, data.ehrTypeName, data.tenantId, data.aiDisabled);\n\t\t\t\tbreak;\n\t\t\tcase this.healthSystemActionsEnum.DELETE_HEALTH_SYSTEM:\n\t\t\t\tresponse = await deleteOrgUnit(DeviceListLevel.HEALTHSYSTEM, data.healthSystemId);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t\treturn response;\n\t};\n\n\tsetHealthSystemInputValue = evt => {\n\t\tthis.setState({\n\t\t\t[evt.target.name]: evt.target.value,\n\t\t});\n\t};\n\n\tcheckIfHealthSystemExists = (hsId, hsName) => {\n\t\treturn this.props.allHealthSystems.some(healthSystem => healthSystem.name.toLowerCase() === hsName.toLowerCase() && healthSystem.id !== hsId);\n\t};\n\n\tisValidHealthSystem = () => {\n\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tlet hsExists = this.checkIfHealthSystemExists(currentHealthSystemId, this.state.healthSystemName);\n\n\t\tconst maxHealthSystemCharacters = 127;\n\t\tlet healthSystemNameError = '';\n\n\t\tif (this.state.healthSystemName.length > maxHealthSystemCharacters) {\n\t\t\thealthSystemNameError = `The length of Health System name must be ${maxHealthSystemCharacters} characters or fewer.`;\n\t\t}\n\t\tif (!this.state.healthSystemName) {\n\t\t\thealthSystemNameError = 'Health system cannot be empty';\n\t\t}\n\t\tif (hsExists) {\n\t\t\thealthSystemNameError = 'Health System with this name already exists';\n\t\t}\n\t\tthis.setState({\n\t\t\thealthSystemNameError,\n\t\t});\n\n\t\treturn !healthSystemNameError;\n\t};\n\n\tisValidEhrType = () => {\n\t\tconst maxEhrTypeNameCharacters = 63;\n\t\tlet ehrTypeNameError = '';\n\t\tif (this.state.ehrTypeName.length > maxEhrTypeNameCharacters) {\n\t\t\tehrTypeNameError = `The length of Ehr Type Name must be ${maxEhrTypeNameCharacters} characters or fewer.`;\n\t\t}\n\t\tthis.setState({\n\t\t\tehrTypeNameError,\n\t\t});\n\t\treturn !ehrTypeNameError;\n\t};\n\n\tdeleteSelected = async () => {\n\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst response = await this.editHealthSystemActions({\n\t\t\taction: this.healthSystemActionsEnum.DELETE_HEALTH_SYSTEM,\n\t\t\thealthSystemId: currentHealthSystemId,\n\t\t});\n\t\tif (!response.error) {\n\t\t\tthis.props.onHealthSystemDelete();\n\t\t\tthis.toggleConfirmDeleteModal();\n\t\t}\n\t};\n\n\ttoggleConfirmDeleteModal = regionId => {\n\t\tthis.setState({\n\t\t\tisConfirmDeleteRegionModalOpen: !this.state.isConfirmDeleteRegionModalOpen,\n\t\t\tisRegionSelected: !!regionId,\n\t\t\tselectedRegionId: regionId,\n\t\t\thealthSystemNameError: '',\n\t\t\tehrTypeNameError: '',\n\t\t});\n\t};\n\n\tonSelectFile = ({ target }) => {\n\t\tconst [file] = target.files;\n\n\t\tif (!file) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (file.size > 600000 || !file.type.includes('png')) {\n\t\t\tthis.setState({ currentHealthSystemLogoError: true });\n\t\t\treturn;\n\t\t}\n\t\tconst reader = new FileReader();\n\t\treader.addEventListener('load', () => this.setState({ src: reader.result }));\n\t\treader.readAsDataURL(file);\n\n\t\tthis.setState({ file, isUploadLogoModalOpen: true });\n\t};\n\n\tgetImageCrop = () => {\n\t\tconst { crop } = this.state;\n\n\t\tconst image = this.imageRef;\n\t\tconst xScale = image.naturalWidth > image.width ? image.naturalWidth / image.width : 1;\n\t\tconst yScale = image.naturalHeight > image.height ? image.naturalHeight / image.height : 1;\n\n\t\treturn {\n\t\t\twidth: crop.width * xScale,\n\t\t\theight: crop.height * yScale,\n\t\t\tx: crop.x * xScale,\n\t\t\ty: crop.y * yScale,\n\t\t};\n\t};\n\n\tuploadLogo = async () => {\n\t\tconst { data, error } = await uploadLogo(this.state.file, this.getImageCrop());\n\t\tlet errorStateParameters = null;\n\n\t\tif (error) {\n\t\t\terrorStateParameters = {\n\t\t\t\tfileError: error.request.status === 400,\n\t\t\t\tisEditSectorModalOpen: true,\n\t\t\t};\n\t\t}\n\n\t\tthis.setState({\n\t\t\tisHealthSystemLogoModalLoading: false,\n\t\t\tisUploadLogoModalOpen: false,\n\t\t\tsrc: '',\n\t\t\t...errorStateParameters,\n\t\t});\n\n\t\treturn data;\n\t};\n\n\tonImageLoaded = image => {\n\t\tthis.imageRef = image;\n\t};\n\n\tonCropChange = crop => {\n\t\tthis.setState({ crop });\n\t};\n\n\tmakeClientCrop = async () => {\n\t\tthis.setState({\n\t\t\tisHealthSystemLogoModalLoading: true,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t});\n\n\t\tif (this.imageRef && this.state.crop.width && this.state.crop.height) {\n\t\t\tconst imageData = await this.uploadLogo();\n\n\t\t\tif (imageData) {\n\t\t\t\tconst logoData = {\n\t\t\t\t\tpicture: imageData.originalUrl,\n\t\t\t\t};\n\t\t\t\tthis.setState({ logoData });\n\t\t\t\tthis.props.onSetHealthSystemLogo(imageData.originalUrl);\n\t\t\t}\n\t\t}\n\t};\n\n\ttoggleHealthSystemLogoCrop = () => {\n\t\tthis.setState({\n\t\t\tisUploadLogoModalOpen: !this.state.isUploadLogoModalOpen,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t});\n\t\tthis.inputFileRef.current.value = '';\n\t};\n\n\thandleChange = evt => {\n\t\tthis.setState({\n\t\t\t[evt.target.name]: evt.target.value,\n\t\t});\n\t};\n\n\ttoggleAlert = (type, messageAlert, variantAlert) => {\n\t\tthis.setState(\n\t\t\tprevState => ({\n\t\t\t\t...prevState.alert,\n\t\t\t\t[type]: true,\n\t\t\t\tmessageAlert,\n\t\t\t\tvariantAlert,\n\t\t\t}),\n\t\t\t() => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t[type]: false,\n\t\t\t\t\t});\n\t\t\t\t}, 3000);\n\t\t\t}\n\t\t);\n\t};\n\n\temptyInput = key => {\n\t\tthis.setState({ [key]: '' });\n\t};\n\n\tchangeHealthSystem = async () => {\n\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst { healthSystemName, ehrId, ehrTypeName, tenantId, aiDisabled } = this.state;\n\n\t\tif (this.isValidHealthSystem() && this.isValidEhrType()) {\n\t\t\tconst response = await this.editHealthSystemActions({\n\t\t\t\taction: this.healthSystemActionsEnum.EDIT_HEALTH_SYSTEM,\n\t\t\t\thealthSystemId: currentHealthSystemId,\n\t\t\t\tname: healthSystemName,\n\t\t\t\tehrId,\n\t\t\t\tehrTypeName,\n\t\t\t\ttenantId,\n\t\t\t\taiDisabled,\n\t\t\t});\n\t\t\tif (!response.error) {\n\t\t\t\tif (this.state.logoData) {\n\t\t\t\t\tawait saveLogo(currentHealthSystemId, this.state.logoData);\n\t\t\t\t\tthis.props.onSetHealthSystemLogo(this.state.logoData.picture);\n\t\t\t\t\tthis.props.setHealthSystemLogo(this.state.logoData.picture);\n\t\t\t\t}\n\n\t\t\t\tthis.props.onHealthSystemDataChanged(healthSystemName, ehrId, ehrTypeName, tenantId, aiDisabled);\n\n\t\t\t\tthis.toggleAlert('message', `Changes saved`, 'dark');\n\t\t\t} else {\n\t\t\t\tthis.toggleAlert('message', `Something went wrong`, 'error');\n\t\t\t}\n\t\t}\n\t};\n\n\tvalidateHomeCareAttr() {\n\t\tif (!this.state.ehrId || !this.state.tenantId || !this.state.ehrTypeName) return false;\n\t\treturn this.state.ehrId.trim().length && this.state.tenantId.trim().length;\n\t}\n\n\thandleAutocompleteChange = evt => {\n\t\tthis.setState({\n\t\t\tehrTypeName: evt.target.value,\n\t\t});\n\t};\n\n\thandleAutocompleteSelect = val => {\n\t\tthis.setState({\n\t\t\tehrTypeName: val,\n\t\t});\n\t};\n\n\trenderEhrType = (state, val) => {\n\t\treturn state.label.toLowerCase().indexOf(val.toLowerCase()) !== -1;\n\t};\n\n\tresetFieldsOnCancel = async () => {\n\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\n\t\tconst healthSystemLogo = await getLogoUrl(currentHealthSystemId);\n\n\t\tif (healthSystemLogo) {\n\t\t\tthis.props.onSetHealthSystemLogo(healthSystemLogo);\n\t\t}\n\n\t\tconst defaultInputFields = {\n\t\t\thealthSystemName: this.props.healthSystemData.currentHealthSystemName,\n\t\t\tehrTypeName: this.props.healthSystemData.ehrTypeName || '',\n\t\t\tehrId: this.props.healthSystemData.ehrId || '',\n\t\t\ttenantId: this.props.healthSystemData.tenantId || '',\n\t\t\tlogoData: null,\n\t\t\tfile: null,\n\t\t};\n\n\t\tconst defaultErrors = {\n\t\t\thealthSystemNameError: '',\n\t\t\tehrTypeNameError: '',\n\t\t\ttenantIdError: '',\n\t\t\tehrIdError: '',\n\t\t};\n\n\t\tconst mergedDefaultState = {\n\t\t\t...defaultInputFields,\n\t\t\t...defaultErrors,\n\t\t};\n\n\t\tthis.setState(mergedDefaultState, () => {\n\t\t\tthis.props.onModalClose();\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t{this.props.organization.hsLogo && ['health-system', 'monitoring'].includes(page) && (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(EditHealthSystemModal);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { withRouter } from 'react-router-dom';\nimport { SectorTypes, UserRoles } from 'constants/enums';\nimport { getCurrentHealthSystemInfo, findSectorById, isValidSector, searchSectors, showPath, getStorage } from 'infrastructure/helpers/commonHelpers';\nimport { Dropdown, ListGroup, TreeView, Grid, SkeletonLoader, Form, Select, Modal, Input } from 'components';\nimport EditHealthSystemModal from 'components/Common/EditHealthSystemModal';\nimport { getUserRole } from 'infrastructure/auth';\nimport { getLogoUrl } from 'api/organization';\nimport { isMobile } from 'react-device-detect';\n\nclass SectorList extends Component {\n\tstatic defaultProps = {\n\t\tisMonitoring: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\thealthSystems: [],\n\t\t\tisSwitchHealthSystemModalOpen: false,\n\t\t\tisSwitchHealthSystemModalLoading: true,\n\t\t\tisEditHealthSystemModalOpen: false,\n\t\t\ttreeItems: {},\n\t\t\tshowFeedsLimitModal: false,\n\t\t\tsectorSearchValue: '',\n\t\t\texpandAllTreeItems: false,\n\t\t\tcurrentHealthSystemLogo: null,\n\t\t};\n\n\t\tthis.healthSystemOptions =\n\t\t\tgetUserRole() === UserRoles.ADMIN\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttitle: 'Switch Health System',\n\t\t\t\t\t\t\ticon: 'compare_arrows',\n\t\t\t\t\t\t\tid: 'switch_hs',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttitle: 'Create New Health System',\n\t\t\t\t\t\t\ticon: 'add_circle_outline',\n\t\t\t\t\t\t\tid: 'create',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttitle: 'Edit Health System',\n\t\t\t\t\t\t\tid: 'edit_hs',\n\t\t\t\t\t\t\ticon: 'edit',\n\t\t\t\t\t\t},\n\t\t\t\t ]\n\t\t\t\t: [\n\t\t\t\t\t\t// {\n\t\t\t\t\t\t// \ttitle: 'Edit Health System',\n\t\t\t\t\t\t// \tid: 'edit_hs',\n\t\t\t\t\t\t// \ticon: 'edit',\n\t\t\t\t\t\t// },\n\t\t\t\t ];\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tawait this.props.getAllHealthSystems();\n\t\tlet currentHealthSystemInfo = getCurrentHealthSystemInfo();\n\t\tlet currentHealthSystem = this.props.allHealthSystems.filter(healthSystem => {\n\t\t\treturn currentHealthSystemInfo.currentHealthSystemId === healthSystem.id;\n\t\t});\n\n\t\tthis.setState({\n\t\t\t...currentHealthSystemInfo,\n\t\t\tcurrentHealthSystemName: currentHealthSystem[0].name,\n\t\t\tcurrentHealthSystem: currentHealthSystem[0],\n\t\t\tcurrentEhrId: currentHealthSystem[0].ehrId,\n\t\t\tcurrentEhrTypeName: currentHealthSystem[0].ehrTypeName,\n\t\t\tcurrentTenantId: currentHealthSystem[0].tenantId,\n\t\t\tcurrentAiDisabled: currentHealthSystem[0].aiDisabled,\n\t\t});\n\n\t\tawait this.props.getTreeData();\n\t\tconst hasHospitals = this.hasHospitals();\n\t\tconst hasDepartments = this.hasDepartments();\n\t\tif (window.location.pathname === '/health-system' && [UserRoles.ADMIN, UserRoles.SUPERUSER].includes(getUserRole()) && hasHospitals) {\n\t\t\tthis.props.history.push(`/health-system/${this.props.currentHospitalId}`);\n\t\t\tif (hasDepartments) {\n\t\t\t\tthis.props.history.push(`/health-system/${this.props.currentHospitalId}/department/${this.props.currentDepartmentId}`);\n\t\t\t}\n\t\t} else if (!this.props.isMonitoring && !hasHospitals) {\n\t\t\tthis.props.history.push(`/health-system`);\n\t\t}\n\t\tthis.setState({\n\t\t\ttreeItems: this.getExpandedOptions(),\n\t\t\ttreeViewKey: this.state.treeViewKey + 1,\n\t\t});\n\t\tlet selectedSectorId = this.getSelectedSectorId();\n\t\tif (selectedSectorId && hasHospitals) {\n\t\t\tlet selectedSector = findSectorById(this.props.treeData.tree, this.getSelectedSectorId());\n\t\t\tthis.props.updateBreadcrumb(selectedSector.breadcrumb);\n\t\t}\n\t\tthis.updateHealthSystemList();\n\t};\n\n\tcomponentDidUpdate = prevProps => {\n\t\tlet isHealthSystemListUpdated = JSON.stringify(this.props.allHealthSystems) !== JSON.stringify(prevProps.allHealthSystems);\n\t\tif (isHealthSystemListUpdated && this.state.isSwitchHealthSystemModalOpen) {\n\t\t\tthis.updateHealthSystemList();\n\t\t}\n\t};\n\n\tsetHealthSystemLogo = link => {\n\t\tthis.setState({\n\t\t\tcurrentHealthSystemLogo: link,\n\t\t});\n\t};\n\n\tgetExpandedOptions = () => {\n\t\tlet { healthSystem, department, floor, room } = this.props.match.params;\n\t\tlet treeObj = {};\n\t\tif (healthSystem) {\n\t\t\ttreeObj = { [healthSystem]: {} };\n\t\t}\n\t\tif (department) {\n\t\t\ttreeObj = {\n\t\t\t\t[healthSystem]: { [department]: {} },\n\t\t\t};\n\t\t}\n\t\tif (floor) {\n\t\t\ttreeObj = {\n\t\t\t\t[healthSystem]: {\n\t\t\t\t\t[department]: { [floor]: {} },\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\tif (room) {\n\t\t\ttreeObj = {\n\t\t\t\t[healthSystem]: {\n\t\t\t\t\t[department]: {\n\t\t\t\t\t\t[floor]: { [room]: {} },\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn treeObj;\n\t};\n\n\tgetSelectedSectorId = () => {\n\t\tlet { healthSystem, department, floor, room } = this.props.match.params;\n\t\tlet selectedSectorId;\n\t\tif (healthSystem) {\n\t\t\tselectedSectorId = healthSystem;\n\t\t}\n\t\tif (department) {\n\t\t\tselectedSectorId = department;\n\t\t}\n\t\tif (floor) {\n\t\t\tselectedSectorId = floor;\n\t\t}\n\t\tif (room) {\n\t\t\tselectedSectorId = room;\n\t\t}\n\t\treturn selectedSectorId;\n\t};\n\n\tupdateHealthSystemList = () => {\n\t\tlet healthSystems = this.transformHealthSystemArr(this.props.allHealthSystems);\n\t\tlet regions = this.transformRegionsArr(this.props.allHealthSystems[healthSystems.currentHealthSystemIndex].regions);\n\t\tthis.setState({\n\t\t\thealthSystems: healthSystems.allHealthSystems,\n\t\t\tcurrentHealthSystem: healthSystems.allHealthSystems[healthSystems.currentHealthSystemIndex],\n\t\t\tcurrentHealthSystemIndex: healthSystems.currentHealthSystemIndex,\n\t\t\tcurrentRegionId: healthSystems.allHealthSystems[healthSystems.currentHealthSystemIndex].regions[regions.currentRegionIndex].id,\n\t\t\tisSwitchHealthSystemModalLoading: false,\n\t\t});\n\t};\n\n\tonNewSector = async sector => {\n\t\tlet isValid = isValidSector(sector, this.props.treeData.tree, sector.name);\n\t\tif (!isValid) {\n\t\t\tsector.error = `${sector.type} with this name already exists`;\n\t\t\treturn;\n\t\t}\n\t\tsector.isNewOption = false;\n\t\tsector.subOptions = [];\n\t\tsector.tooltip = `Add ${sector.type}`;\n\t\tsector.isCreatingSector = true;\n\t\tthis.createNewSector(sector);\n\t};\n\n\tcreateNewSector = async sector => {\n\t\tif (sector.type === SectorTypes.DEPARTMENT) {\n\t\t\tawait this.props.createDepartment(sector.name);\n\t\t} else if (sector.type === SectorTypes.ROOM && !sector.defaultDepartmentId) {\n\t\t\tawait this.props.createRoom(sector.hospitalId, sector.departmentId, sector.name);\n\t\t} else if (sector.type === SectorTypes.ROOM && sector.defaultDepartmentId) {\n\t\t\tawait this.props.createRoom(sector.hospitalId, sector.defaultDepartmentId, sector.name);\n\t\t} else if (sector.type === SectorTypes.HOSPITAL) {\n\t\t\tawait this.props.createHospital(sector.name);\n\t\t}\n\t\tthis.props.getTreeData();\n\t};\n\n\thasNoSectors = () => {\n\t\treturn (\n\t\t\tthis.props.treeData.tree.filter(sector => {\n\t\t\t\treturn !sector.isNewOption && sector.name;\n\t\t\t}).length <= 0\n\t\t);\n\t};\n\n\thasHospitals = () => {\n\t\treturn Object.keys(this.props.treeData.tree[0]).length > 0;\n\t};\n\n\thasDepartments = () => {\n\t\treturn this.props.treeData?.tree[0]?.type === 'department';\n\t};\n\n\tcreateNewDepartment = () => {\n\t\tconst hasNewSectorTextField = this.props.treeData.tree.some(item => item.isNewOption === true);\n\t\tif (!hasNewSectorTextField) {\n\t\t\tthis.props.createNewDepartment({\n\t\t\t\ticon: 'account_balance',\n\t\t\t\ttype: 'department',\n\t\t\t\timg: 'department.svg',\n\t\t\t\tisNewOption: true,\n\t\t\t\tsubOptions: [],\n\t\t\t});\n\t\t}\n\t};\n\n\tcreateNewHospital = () => {\n\t\tconst hasNewSectorTextField = this.props.treeData.tree.some(item => item.isNewOption === true);\n\t\tif (!hasNewSectorTextField) {\n\t\t\tthis.props.createNewHospital({\n\t\t\t\ticon: 'account_balance',\n\t\t\t\ttype: 'hospital',\n\t\t\t\timg: 'department.svg',\n\t\t\t\tisNewOption: true,\n\t\t\t\tsubOptions: [],\n\t\t\t});\n\t\t}\n\t};\n\n\ttransformRegionsArr = regions => {\n\t\tlet currentRegions = [];\n\t\tlet currentRegionIndex = 0;\n\t\tregions.forEach((region, regionIndex) => {\n\t\t\tif (region.id === this.state.currentRegionId) {\n\t\t\t\tcurrentRegionIndex = regionIndex;\n\t\t\t}\n\t\t\tcurrentRegions.push({\n\t\t\t\tvalue: region.name,\n\t\t\t\tid: region.id,\n\t\t\t});\n\t\t});\n\t\treturn {\n\t\t\tcurrentRegions,\n\t\t\tcurrentRegionIndex,\n\t\t};\n\t};\n\n\ttransformHealthSystemArr = healthSystems => {\n\t\tlet allHealthSystems = [];\n\t\tlet currentHealthSystemIndex = 0;\n\t\thealthSystems.forEach((healthSystem, healthSystemIndex) => {\n\t\t\tif (healthSystem.id === this.state.currentHealthSystemId) {\n\t\t\t\tcurrentHealthSystemIndex = healthSystemIndex;\n\t\t\t}\n\t\t\tallHealthSystems.push({\n\t\t\t\tvalue: healthSystem.name,\n\t\t\t\tname: healthSystem.name,\n\t\t\t\tid: healthSystem.id,\n\t\t\t\tfirstRegion: healthSystem.regions[0],\n\t\t\t\tregions: healthSystem.regions,\n\t\t\t\tehrId: healthSystem.ehrId,\n\t\t\t\tehrTypeName: healthSystem.ehrTypeName,\n\t\t\t\ttenantId: healthSystem.tenantId,\n\t\t\t\taiDisabled: healthSystem.aiDisabled,\n\t\t\t});\n\t\t});\n\t\treturn {\n\t\t\tallHealthSystems,\n\t\t\tcurrentHealthSystemIndex,\n\t\t};\n\t};\n\n\ttoggleSwitchHealthSystemModal = async () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisSwitchHealthSystemModalOpen: !this.state.isSwitchHealthSystemModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.props.getAllHealthSystems();\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleEditHealthSystemModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisEditHealthSystemModalOpen: !this.state.isEditHealthSystemModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isEditHealthSystemModalOpen) {\n\t\t\t\t\tlet currentHealthSystem = this.props.allHealthSystems.filter(healthSystem => {\n\t\t\t\t\t\treturn healthSystem.id === this.state.currentHealthSystemId;\n\t\t\t\t\t});\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tcurrentRegions: currentHealthSystem[0].regions,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\tonTreeViewLinkClick = option => {\n\t\tthis.props.setCurrentSectorLocation(option.treeLocation);\n\n\t\tif (this.props.isMonitoring) {\n\t\t\tthis.props.onTreeViewLinkClick(option);\n\t\t} else {\n\t\t\tthis.props.updateBreadcrumb(option.breadcrumb);\n\t\t}\n\t};\n\n\tchangeHealthSystem = async (healthSystem, healthSystemIndex) => {\n\t\tlet regions = this.transformRegionsArr(healthSystem.regions);\n\t\tconst currentHealthSystemLogo = await getLogoUrl(healthSystem.id);\n\t\tthis.setState({\n\t\t\tcurrentHealthSystem: healthSystem,\n\t\t\tcurrentHealthSystemIndex: healthSystemIndex,\n\t\t\tcurrentRegions: regions.currentRegions,\n\t\t\tcurrentRegionId: healthSystem.firstRegion ? healthSystem.firstRegion.id : null,\n\t\t\tcurrentRegionIndex: 0,\n\t\t\tcurrentHealthSystemLogo,\n\t\t});\n\t};\n\n\tsetCurrentHealthSystemInfo = async (isSwitchModal = true) => {\n\t\tthis.setState({\n\t\t\tisSwitchHealthSystemModalLoading: true,\n\t\t\texpandAllTreeItems: false,\n\t\t});\n\t\tconst currentHealthSystemLogo = await getLogoUrl(this.state.currentHealthSystem.id);\n\t\tthis.props.setHealthSystemLogo(currentHealthSystemLogo);\n\t\tlet newHealthSystemInfo = {\n\t\t\tcurrentHealthSystemId: this.state.currentHealthSystem.id,\n\t\t\tcurrentRegionId: this.state.currentRegionId,\n\t\t\tcurrentHealthSystemName: this.state.currentHealthSystem.name,\n\t\t\tehrId: this.state.currentHealthSystem.ehrId,\n\t\t\tehrTypeName: this.state.currentHealthSystem.ehrTypeName,\n\t\t\ttenantId: this.state.currentHealthSystem.tenantId,\n\t\t\taiDisabled: this.state.currentHealthSystem.aiDisabled,\n\t\t\tcurrentHealthSystemLogo,\n\t\t};\n\n\t\tgetStorage().setItem('currentHealthSystemInfo', JSON.stringify(newHealthSystemInfo));\n\t\tif (!this.props.isMonitoring) {\n\t\t\tthis.props.history.push(`/health-system`);\n\t\t}\n\t\tawait this.props.getTreeData();\n\t\tif (isSwitchModal) {\n\t\t\tthis.toggleSwitchHealthSystemModal();\n\t\t}\n\t\tthis.setState({\n\t\t\tcurrentHealthSystemName: this.state.currentHealthSystem.name,\n\t\t\tcurrentHealthSystemId: this.state.currentHealthSystem.id,\n\t\t\tcurrentEhrId: this.state.currentHealthSystem.ehrId,\n\t\t\tcurrentEhrTypeName: this.state.currentHealthSystem.ehrTypeName,\n\t\t\tcurrentTenantId: this.state.currentHealthSystem.tenantId,\n\t\t\tcurrentAiDisabled: this.state.currentHealthSystem.aiDisabled,\n\t\t\tisSwitchHealthSystemModalLoading: false,\n\t\t\tsectorSearchValue: '',\n\t\t\tcurrentHealthSystemLogo,\n\t\t});\n\n\t\tif ([UserRoles.ADMIN, UserRoles.SUPERUSER].includes(getUserRole()) && this.hasHospitals()) {\n\t\t\tthis.props.history.push(`/health-system/${this.props.currentHospitalId}`);\n\t\t\tif (this.hasDepartments()) {\n\t\t\t\tthis.props.history.push(`/health-system/${this.props.currentHospitalId}/department/${this.props.currentDepartmentId}`);\n\t\t\t}\n\t\t}\n\t\tthis.props.updateBreadcrumb([]);\n\t\tthis.props.setCurrentHealthSystemInfo(newHealthSystemInfo);\n\t};\n\n\tonAddDevice = selection => {\n\t\tthis.props.addFeed(selection);\n\t};\n\n\thandleHealthSystemOptions = (event, item) => {\n\t\tif (item.id === 'switch_hs') {\n\t\t\tthis.toggleSwitchHealthSystemModal();\n\t\t} else if (item.id === 'edit_hs') {\n\t\t\tthis.toggleEditHealthSystemModal();\n\t\t} else if (item.id === 'create') {\n\t\t\tthis.props.history.push('/create');\n\t\t}\n\t};\n\n\tswitchHealthSystem = () => {\n\t\tlet firstHealthSystem = this.props.allHealthSystems[0];\n\t\tthis.setState({\n\t\t\tcurrentHealthSystem: firstHealthSystem,\n\t\t\tcurrentHealthSystemId: firstHealthSystem.id,\n\t\t\tcurrentRegionId: firstHealthSystem.regions[0].id,\n\t\t\tcurrentHealthSystemName: firstHealthSystem.name,\n\t\t\tisEditHealthSystemModalOpen: false,\n\t\t});\n\t\tthis.setCurrentHealthSystemInfo(false);\n\t};\n\n\tupdateHealthSystemName = name => {\n\t\tthis.setState({\n\t\t\tcurrentHealthSystemName: name,\n\t\t});\n\n\t\tlet existingHS = getStorage().getItem('currentHealthSystemInfo');\n\t\tif (existingHS) {\n\t\t\tconst newHSInfo = JSON.parse(existingHS);\n\t\t\tnewHSInfo.currentHealthSystemName = name;\n\t\t\tgetStorage().setItem('currentHealthSystemInfo', JSON.stringify(newHSInfo));\n\t\t}\n\t};\n\n\ttoggleFeedsLimitModal = () => {\n\t\tthis.setState({\n\t\t\tshowFeedsLimitModal: !this.state.showFeedsLimitModal,\n\t\t});\n\t};\n\n\tsetSearchValue = event => {\n\t\tconst { target } = event;\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\t[target.name]: target.value,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (target.value.length > 1) {\n\t\t\t\t\tlet sectors = searchSectors(this.props.treeData.tree, target.value);\n\t\t\t\t\tshowPath(this.props.treeData.tree, sectors);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\texpandAllTreeItems: true,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsearchSectors(this.props.treeData.tree, '');\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\texpandAllTreeItems: false,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\tisRoomURL = () => {\n\t\tlet pathName = window.location.pathname.split('/');\n\t\treturn pathName.some((path, index) => path.toLowerCase() === 'room' && pathName[index + 1]);\n\t};\n\n\tonRoomClick = () => {\n\t\tif (this.isRoomURL() && isMobile) {\n\t\t\tthis.props.toggleTreeVisibility(false);\n\t\t}\n\t};\n\n\tupdateHealthSystemData = (name, ehrId, ehrTypeName, tenantId, aiDisabled) => {\n\t\tthis.setState({\n\t\t\tcurrentHealthSystemName: name,\n\t\t\tcurrentEhrId: ehrId,\n\t\t\tcurrentEhrTypeName: ehrTypeName,\n\t\t\tcurrentTenantId: tenantId,\n\t\t\tcurrentAiDisabled: aiDisabled,\n\t\t});\n\n\t\tlet newHealthSystemTypeInfo = {\n\t\t\tcurrentHealthSystemId: this.state.currentHealthSystem.id,\n\t\t\tcurrentRegionId: this.state.currentRegionId,\n\t\t\tcurrentHealthSystemName: name,\n\t\t\tcurrentHealthSystemLogo: this.state.currentHealthSystemLogo,\n\t\t\tehrId,\n\t\t\tehrTypeName,\n\t\t\ttenantId,\n\t\t\taiDisabled,\n\t\t};\n\t\tgetStorage().setItem('currentHealthSystemInfo', JSON.stringify(newHealthSystemTypeInfo));\n\t};\n\n\trender() {\n\t\tconst userRole = getUserRole();\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.props.treeData.tree.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{[UserRoles.ADMIN].includes(userRole) && (\n\t\t\t\t\t\t\t\t{this.state.currentHealthSystemName}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tCamera\n\t\t\t\t\t\t
\n\t\t\t{[...Array(audioMeterAnimationCount)].map(getAudioMeterAnimation)}\n\t\t
\n\t);\n};\n\nexport default AudioMeter;\n","import React, { useEffect, useRef, useState } from 'react';\n\nimport { attachSinkId, getFilteredDeviceLists, getMediaDeviceUId } from 'calls/helpers/conference-utils';\nimport { MediaDeviceKinds } from 'constants/enums';\n\n// Conference media settings common functions, modify here for TechCheck.js and MediaSettingsModal.js\nconst mediaSettingsFunctions = Component => {\n\t// eslint-disable-next-line react/display-name\n\treturn props => {\n\t\tconst { selectedMediaDevices, setSelectedMediaDevices } = props;\n\t\tconst {\n\t\t\t[MediaDeviceKinds.AUDIO_INPUT]: activeMic,\n\t\t\t[MediaDeviceKinds.AUDIO_OUTPUT]: activeSpeaker,\n\t\t\t[MediaDeviceKinds.VIDEO_INPUT]: activeCamera,\n\t\t} = selectedMediaDevices;\n\n\t\tconst audioRef = useRef(null);\n\t\tconst [navigatorMediaDevices, setNavigatorMediaDevices] = useState({ micList: [], speakersList: [], cameraList: [] });\n\t\tconst [isLoading, setIsLoading] = useState(true);\n\t\tconst [audioIOFromSameDevice, setAudioIOFromSameDevice] = useState(true);\n\n\t\tconst setSinkId = async device => {\n\t\t\tif (!audioRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (audioRef.current.currentTime > 0) {\n\t\t\t\taudioRef.current.pause();\n\t\t\t\taudioRef.current.currentTime = 0;\n\t\t\t}\n\n\t\t\tawait attachSinkId(audioRef.current, await getMediaDeviceUId(device));\n\t\t\taudioRef.current.src = 'https://static.solaborate.com/global/brand/calls/call_ringing.mp3';\n\t\t};\n\n\t\tconst handleSpeakersChange = async (device, init = false) => {\n\t\t\tawait setSinkId(device);\n\n\t\t\tif (!init) {\n\t\t\t\tsetSelectedMediaDevices({ [MediaDeviceKinds.AUDIO_OUTPUT]: device });\n\t\t\t}\n\t\t};\n\n\t\tconst getMediaDevices = async () => {\n\t\t\tconst filteredDeviceLists = await getFilteredDeviceLists();\n\n\t\t\tsetNavigatorMediaDevices(filteredDeviceLists);\n\t\t\tsetIsLoading(false);\n\n\t\t\tconst selectedMic = activeMic || filteredDeviceLists.micList[0];\n\t\t\tif (selectedMic) {\n\t\t\t\tsetSelectedMediaDevices({ [MediaDeviceKinds.AUDIO_INPUT]: selectedMic });\n\t\t\t}\n\n\t\t\tconst selectedSpeaker = activeSpeaker || filteredDeviceLists.speakersList[0];\n\t\t\tif (selectedSpeaker) {\n\t\t\t\thandleSpeakersChange(selectedSpeaker, true);\n\t\t\t}\n\t\t};\n\n\t\tconst getDefaultMic = () => {\n\t\t\tconst { micList } = navigatorMediaDevices;\n\t\t\tif (!micList.length) {\n\t\t\t\treturn -1;\n\t\t\t}\n\n\t\t\tif (!activeMic) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\treturn micList.findIndex(mic => mic.deviceId === activeMic.deviceId);\n\t\t};\n\n\t\tconst getDefaultCam = () => {\n\t\t\tconst { cameraList } = navigatorMediaDevices;\n\t\t\tif (!cameraList.length) {\n\t\t\t\treturn -1;\n\t\t\t}\n\n\t\t\tif (!activeCamera) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\treturn cameraList.findIndex(camera => camera.deviceId === activeCamera.deviceId);\n\t\t};\n\n\t\tconst getDefaultSpeakers = () => {\n\t\t\tconst { speakersList } = navigatorMediaDevices;\n\t\t\tif (!speakersList.length) {\n\t\t\t\treturn -1;\n\t\t\t}\n\n\t\t\tif (!activeSpeaker) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\treturn speakersList.findIndex(speaker => speaker.deviceId === activeSpeaker.deviceId);\n\t\t};\n\n\t\tuseEffect(() => {\n\t\t\tgetMediaDevices();\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tconst selectedAudioInputDevice = activeMic || navigatorMediaDevices.micList[getDefaultMic()];\n\t\t\tconst selectedAudioOutputDevice = activeSpeaker || navigatorMediaDevices.speakersList[getDefaultSpeakers()];\n\n\t\t\tif (!selectedAudioInputDevice || !selectedAudioOutputDevice) {\n\t\t\t\tsetAudioIOFromSameDevice(true);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetAudioIOFromSameDevice(\n\t\t\t\tselectedAudioInputDevice.groupId === selectedAudioOutputDevice.groupId ||\n\t\t\t\t\t(selectedAudioInputDevice.label && selectedAudioOutputDevice.label && selectedAudioInputDevice.label === selectedAudioOutputDevice.label)\n\t\t\t);\n\t\t}, [selectedMediaDevices, navigatorMediaDevices]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!activeSpeaker) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetSinkId(activeSpeaker);\n\t\t}, [audioRef.current, activeSpeaker]);\n\n\t\treturn (\n\t\t\t\n\t\t\t
\n\t\t\t{isSoundPermissionTechCheck && (isLoading || isCamLoading || !selectedMediaDevices) && \n\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{!isLoading && (\n\t\t\t\t\tTest Audio & Video
\n\t\t\t\t\n\t\t\t\t\t\t handleSpeakersChange(item)}\n\t\t\t\t\t\t\t\tdefaultValue={getDefaultSpeakers()}\n\t\t\t\t\t\t\t\tdisabled={isAudioPlaying || devicePermissions.microphone !== MediaDevicePermissionsState.GRANTED}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{(!audioIOFromSameDevice || devicePermissions.microphone !== MediaDevicePermissionsState.GRANTED) && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetSelectedMediaDevices({ [MediaDeviceKinds.VIDEO_INPUT]: device });\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tcameraList={navigatorMediaDevices.cameraList}\n\t\t\t\t\t\t\t\tactiveCameraId={activeCamera ? activeCamera.deviceId : null}\n\t\t\t\t\t\t\t\tdefaultValue={getDefaultCam()}\n\t\t\t\t\t\t\t\tisTechCheck={true}\n\t\t\t\t\t\t\t\tsetVideoLoading={setIsCamLoading}\n\t\t\t\t\t\t\t\tcamPermissionState={devicePermissions.camera}\n\t\t\t\t\t\t\t\tselectDisabled={devicePermissions.camera !== MediaDevicePermissionsState.GRANTED}>\n\t\t\t\t\t\t\t\t{devicePermissions.camera !== MediaDevicePermissionsState.GRANTED && (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tinfoCamera permissions needed.\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetSelectedMediaDevices({ [MediaDeviceKinds.AUDIO_INPUT]: device });\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdefaultValue={getDefaultMic()}\n\t\t\t\t\t\t\t\tdisabled={devicePermissions.microphone !== MediaDevicePermissionsState.GRANTED}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{devicePermissions.microphone !== MediaDevicePermissionsState.GRANTED && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{activeMic && \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tMicrophone\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tinfoMicrophone permissions needed.\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSpeaker\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{isAudioPlaying ? 'Playing' : 'Speaker'}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tinfo\n\t\t\t\t\t\t\t\t\t{devicePermissions.microphone === MediaDevicePermissionsState.GRANTED &&\n\t\t\t\t\t\t\t\t\t\t!audioIOFromSameDevice &&\n\t\t\t\t\t\t\t\t\t\t'Using different mic and speaker devices may cause echo.'}\n\t\t\t\t\t\t\t\t\t{devicePermissions.microphone !== MediaDevicePermissionsState.GRANTED && 'Microphone permissions needed.'}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{isSoundPermissionTechCheck && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.redirect(CallTypes.SECURITYCAM)}\n\t\t\t\t\t\t\t\ticon='remove_red_eye'\n\t\t\t\t\t\t\t\ttitle='View Patient'\n\t\t\t\t\t\t\t\tclassName='view-patient-block'\n\t\t\t\t\t\t\t\ttooltip={helloBlocksMessages.patientView}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t this.redirect(CallTypes.VIDEO)}\n\t\t\t\t\t\t\t\ticon='videocam'\n\t\t\t\t\t\t\t\ttitle='Talk to Patient'\n\t\t\t\t\t\t\t\tclassName='talk-patient-block'\n\t\t\t\t\t\t\t\ttooltip={helloBlocksMessages.talkToPatient}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\tisTechCheckModalActive: true,\n\t\t\t\t\t\t})\n\t\t\t\t\t}>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{helloDeviceId && (\n\t\t\t\t\t{roomName}
\n\t\t\t\t\t{this.props.description}
\n\t\t\t\t- \n\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{isHelloOnline ? 'Available' : 'Unavailable'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t - \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMicrophone {microphoneMuted ? 'Muted' : 'Unmuted'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t - \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tCamera {cameraOff ? 'Off' : 'On'}{' '}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\tThis room doesn't have any assigned devices.\n\t\t\t\t\t\t\t\t
Please contact your administrator.\n\t\t\t\t\t\t\t
Tech Check
\n\t\t\t\t{appVersion}
,\n\t\t\t\tfirmwareRevision,\n\t\t\t\t//pool: devicePool ? devicePool.poolName : 'N/A',\n\t\t\t\tactions: (\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t this.toggleSelectDefaultCamera(solHelloDeviceId)}>\n\t\t\t\t\t\t\tvideo_call\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.openAutoAnswerSettingModal(solHelloDeviceId)}>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t};\n\n\tinitDeleteOrg = data => {\n\t\tthis.setState({\n\t\t\tselectedOrg: data,\n\t\t});\n\t\tthis.toggleDeleteOrgUnitModal();\n\t};\n\n\tunAssignDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tthis.setState({\n\t\t\t\tisDeleteDeviceModalLoading: true,\n\t\t\t});\n\n\t\t\tawait deleteDevice(deviceId);\n\t\t}\n\n\t\tthis.loadHospital();\n\t\tthis.toggleDeleteDeviceModal();\n\t\tthis.props.getTreeData();\n\n\t\tthis.setState({\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t});\n\t};\n\n\trebootDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tawait sendCommand(deviceId, DeviceCommands.REBOOT, this.state.rebootReason);\n\t\t}\n\n\t\tthis.toggleRebootDeviceModal();\n\t};\n\n\tforceUpdateDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId, appVersion },\n\t\t\tlatestAppRelease: { install_url: appInstallUrl, short_version: latestAppVersion },\n\t\t} = this.state;\n\n\t\tif (appVersion && latestAppVersion && appVersion !== latestAppVersion) {\n\t\t\tawait forceUpdateDevice({\n\t\t\t\tdeviceId,\n\t\t\t\tdynamicData: appInstallUrl,\n\t\t\t});\n\t\t}\n\n\t\tthis.toggleUpdateDeviceModal();\n\t};\n\n\tdeleteOrgUnitSubmit = async () => {\n\t\tconst response = await deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tif (!response.error) {\n\t\t\tthis.toggleDeleteOrgUnitModal();\n\t\t\tthis.props.getTreeData();\n\t\t\tif (this.state.selectedOrg.level === DeviceListLevel.HOSPITAL) {\n\t\t\t\tthis.props.history.push('/health-system');\n\t\t\t\tthis.props.updateBreadcrumb([]);\n\t\t\t}\n\t\t}\n\t};\n\n\ttoggleAlert = (type, messageAlert, variantAlert) => {\n\t\tthis.setState(prevState => ({\n\t\t\t...prevState.alert,\n\t\t\t[type]: true,\n\t\t\tmessageAlert,\n\t\t\tvariantAlert,\n\t\t}));\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\t[type]: false,\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\ttoggleHospitalModal = () => {\n\t\tthis.setState({\n\t\t\tisHospitalModalOpen: !this.state.isHospitalModalOpen,\n\t\t});\n\t};\n\n\ttoggleEditSectorModal = data => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisEditSectorModalOpen: !this.state.isEditSectorModalOpen,\n\t\t\t\troomId: data ? data.roomId : null,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tconst sector = findSectorById(this.props.treeData.tree, data[`${data.sectorType}Id`]);\n\t\t\t\t\tif (!sector) {\n\t\t\t\t\t\tthis.toggleAlert('message', 'Sector is not found..', 'error');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\n\t\t\t\t\tconst currentHealthSystem = this.getCurrentHealthSystem(this.props.allHealthSystems, getCurrentHealthSystemInfo().currentHealthSystemId);\n\t\t\t\t\tconst sectorParent =\n\t\t\t\t\t\tdata.sectorType === SectorTypes.HOSPITAL\n\t\t\t\t\t\t\t? { type: SectorTypes.HEALTHSYSTEM, name: currentHealthSystem.name }\n\t\t\t\t\t\t\t: getParentSector(this.props.treeData.tree, sector);\n\t\t\t\t\tconst hospitalLogo = await getLogoUrl(data.hospitalId);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tsectorData: data,\n\t\t\t\t\t\tparentSectorName: sectorParent.name,\n\t\t\t\t\t\tparentSectorType: sectorParent.type,\n\t\t\t\t\t\thospitalLogo,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ fileError: false });\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleAssignPoolModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisAssignPoolModalOpen: !this.state.isAssignPoolModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.loadHospital();\n\t\t\t}\n\t\t);\n\t};\n\n\tgetCurrentHealthSystem = (healthSystems, currentHealthSystemId) => {\n\t\treturn healthSystems.find(({ id }) => id === currentHealthSystemId);\n\t};\n\n\ttoggleDeleteDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisDeleteDeviceModalOpen: !this.state.isDeleteDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleRebootDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisRebootDeviceModalOpen: !this.state.isRebootDeviceModalOpen,\n\t\t\trebootReason: '',\n\t\t});\n\t};\n\n\ttoggleUpdateDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisUpdateDeviceModalOpen: !this.state.isUpdateDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleDeleteOrgUnitModal = () => {\n\t\tthis.setState({\n\t\t\tisDeleteOrgUnitModalOpen: !this.state.isDeleteOrgUnitModalOpen,\n\t\t});\n\t};\n\n\tsetInputValues = event => {\n\t\tthis.setState({\n\t\t\t[event.target.name]: event.target.value,\n\t\t});\n\t};\n\n\tupdateTree = async () => {\n\t\tthis.props.getTreeData();\n\t\tthis.toggleEditSectorModal();\n\t};\n\n\tonSelectFile = ({ target }) => {\n\t\tconst input = target;\n\t\tconst [file] = input.files;\n\t\tif (!file) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (file.size > 600000 || !file.type.includes('png')) {\n\t\t\tthis.setState({ fileError: true });\n\t\t\tinput.value = '';\n\t\t\treturn;\n\t\t}\n\n\t\tconst reader = new FileReader();\n\t\treader.addEventListener('load', () => this.setState({ src: reader.result }));\n\t\treader.readAsDataURL(file);\n\n\t\tthis.setState({\n\t\t\tisUploadLogoModalOpen: true,\n\t\t\tisEditSectorModalOpen: false,\n\t\t\tfile,\n\t\t});\n\t};\n\n\tonImageLoaded = image => {\n\t\tthis.imageRef = image;\n\t};\n\n\tonCropChange = crop => {\n\t\tthis.setState({ crop });\n\t};\n\n\tmakeClientCrop = async () => {\n\t\tthis.setState({\n\t\t\tisHospitalLogoModalLoading: true,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t});\n\t\tif (this.imageRef && this.state.crop.width && this.state.crop.height) {\n\t\t\tconst imageData = await this.uploadLogo();\n\t\t\tif (imageData) {\n\t\t\t\tconst logoData = {\n\t\t\t\t\tpicture: imageData.originalUrl,\n\t\t\t\t};\n\t\t\t\tsaveLogo(this.state.sectorData.hospitalId, logoData);\n\t\t\t}\n\t\t}\n\t};\n\n\tuploadLogo = async () => {\n\t\tconst { data, error } = await uploadLogo(this.state.file, this.getImageCrop());\n\t\tlet errorStateParameters = {};\n\n\t\tif (error) {\n\t\t\terrorStateParameters = {\n\t\t\t\tfileError: error.request.status === 400,\n\t\t\t\tisEditSectorModalOpen: true,\n\t\t\t};\n\t\t}\n\n\t\tthis.setState({\n\t\t\tisHospitalLogoModalLoading: false,\n\t\t\tisUploadLogoModalOpen: false,\n\t\t\tsrc: '',\n\t\t\t...errorStateParameters,\n\t\t});\n\n\t\treturn data;\n\t};\n\n\tgetImageCrop = () => {\n\t\tconst { crop } = this.state;\n\n\t\tconst image = this.imageRef;\n\t\tconst xScale = image.naturalWidth > image.width ? image.naturalWidth / image.width : 1;\n\t\tconst yScale = image.naturalHeight > image.height ? image.naturalHeight / image.height : 1;\n\n\t\treturn {\n\t\t\twidth: crop.width * xScale,\n\t\t\theight: crop.height * yScale,\n\t\t\tx: crop.x * xScale,\n\t\t\ty: crop.y * yScale,\n\t\t};\n\t};\n\n\ttoggleHospitalLogoCrop = () => {\n\t\tthis.setState({\n\t\t\tisUploadLogoModalOpen: !this.state.isUploadLogoModalOpen,\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t});\n\t};\n\n\tcloseAutoAnswerSettingModal = () => {\n\t\tthis.setState({\n\t\t\tselectedDevice: {},\n\t\t\tisDeviceAutoAnswerModalOpen: false,\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\topenAutoAnswerSettingModal = async deviceId => {\n\t\tthis.setState({\n\t\t\tisAutoAnswerSettingLoading: true,\n\t\t\tisDeviceAutoAnswerModalOpen: true,\n\t\t});\n\t\tlet { deviceSettings, error } = await getDeviceSetting(deviceId, SettingTypes.AUTO_ANSWER);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Failed to load Auto answer setting!', 'error');\n\t\t\treturn;\n\t\t}\n\t\tlet isAutoAnswerOn = false;\n\t\tif (deviceSettings.length) {\n\t\t\tisAutoAnswerOn = deviceSettings[0].value === 'true';\n\t\t}\n\t\tthis.setState({\n\t\t\tselectedDevice: { deviceId, isAutoAnswerOn },\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\tupdateDeviceSettings = async type => {\n\t\tconst { isAutoAnswerOn, deviceId, defaultCamType } = this.state.selectedDevice;\n\n\t\tlet value;\n\t\tif (type === SettingTypes.AUTO_ANSWER) {\n\t\t\tvalue = !isAutoAnswerOn;\n\t\t} else {\n\t\t\tvalue = defaultCamType;\n\t\t\tthis.setState({\n\t\t\t\tisSettingsModalLoading: true,\n\t\t\t});\n\t\t}\n\n\t\tconst { error } = await updateDeviceSetting(deviceId, value.toString(), type);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Could not be saved!', 'error');\n\t\t} else {\n\t\t\tthis.setState(\n\t\t\t\tprevState => ({\n\t\t\t\t\tselectedDevice: {\n\t\t\t\t\t\t...prevState.selectedDevice,\n\t\t\t\t\t\t...(type === SettingTypes.AUTO_ANSWER && { isAutoAnswerOn: !prevState.selectedDevice.isAutoAnswerOn }),\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t\t() => this.toggleAlert('message', 'Changes Saved', 'dark')\n\t\t\t);\n\t\t}\n\t\tthis.setState({\n\t\t\tisSettingsModalLoading: false,\n\t\t\t...(type === SettingTypes.CAMERA_TYPE && { isSelectDefaultCameraModalOpen: false }),\n\t\t});\n\t};\n\n\tasync assignPoolToDevices() {\n\t\tthis.setState({\n\t\t\tisAssignPoolModalLoading: true,\n\t\t});\n\t\tlet devicesMap = this.state.checkedDevices;\n\t\tlet selectedDevices = [];\n\t\tfor (let k of devicesMap.entries()) {\n\t\t\tif (k[1] === true) selectedDevices.push(Number(k[0]));\n\t\t}\n\t\tconst currentHealthSystem = getCurrentHealthSystemInfo();\n\t\tawait assignPoolToDevices(currentHealthSystem.currentHealthSystemId, this.state.selectedPool.id, selectedDevices);\n\t\tthis.setState({ isAssignPoolModalLoading: false });\n\t\tthis.toggleAssignPoolModal();\n\t}\n\n\tselectPool = (selection, index) => {\n\t\tthis.setState({\n\t\t\tselectedPool: selection,\n\t\t\tselectedPoolIndex: index,\n\t\t\tisAssignPoolModalSubmitDisabled: false,\n\t\t});\n\t};\n\n\thandleCheckBoxChange = (e, option) => {\n\t\tif (option.type !== 'room') {\n\t\t\tconst devices = getLevelDevices(option);\n\t\t\tconst newCheckedDevices = this.state.checkedDevices;\n\t\t\tdevices.forEach(device => {\n\t\t\t\tconst item = device;\n\t\t\t\tconst isChecked = e.target.checked;\n\t\t\t\tnewCheckedDevices.set(item, isChecked);\n\t\t\t});\n\t\t\tthis.setState({ checkedDevices: newCheckedDevices });\n\t\t} else {\n\t\t\tconst item = e.target.id;\n\t\t\tconst isChecked = e.target.checked;\n\t\t\tthis.setState(prevState => ({ checkedDevices: prevState.checkedDevices.set(item, isChecked) }));\n\t\t}\n\t};\n\n\tgetDescriptionBoxData = sections => {\n\t\treturn [\n\t\t\t{ title: 'Rooms in this hospital', description: sections.rooms.length },\n\t\t\t{ title: 'Enrolled Devices', description: this.state.devices ? this.state.devices.length : 0 },\n\t\t];\n\t};\n\n\tgetLinks = () => {\n\t\treturn [{ link: 'Devices' }, { link: 'Rooms', active: true }];\n\t};\n\n\tgetComponents = sections => {\n\t\treturn [\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t this.assignPoolToDevices()}\n\t\t\t\t\tonModalClose={this.toggleAssignPoolModal}>\n\t\t\t\t\t\n\t\t\t\t */}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{this.state.src && (\n\t\t\t\t\t\t this.setState({ fileError: false })}\n\t\t\t\t\t\thospitalLogo={this.state.hospitalLogo}\n\t\t\t\t\t\tfileError={this.state.fileError}\n\t\t\t\t\t\troomId={this.state.roomId}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.toggleSelectDefaultCamera()}\n\t\t\t\t\tonModalSubmit={this.updateDeviceSettings}\n\t\t\t\t\tonChange={this.onChangeDefaultCamera}\n\t\t\t\t\tselectedDevice={this.state.selectedDevice}\n\t\t\t\t/>\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(withRouter(Hospital));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { withRouter } from 'react-router-dom';\nimport { Button, Table, Tabs, DescriptionBox, Modal, Form, Input, Alert } from 'components';\nimport { getDeviceList, deleteDevice, sendCommand, getLatestAppRelease, forceUpdateDevice, getDeviceSetting, updateDeviceSetting } from 'api/devices';\nimport { deleteOrgUnit } from 'api/organization';\nimport { DeviceListLevel, DeviceCommands, UserRoles, SettingTypes } from 'constants/enums';\nimport EditSectorModal from 'components/Common/EditSectorModal';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport {\n\tfindSectorById,\n\tmapSectionsToRender,\n\tgetParentSector,\n\tgetCurrentHealthSystemInfo,\n\tgetHealthSystemPools,\n\tgetLevelDevices,\n} from 'infrastructure/helpers/commonHelpers';\nimport { CSVLink } from 'react-csv';\nimport { assignPoolToDevices, getDevicesPools } from 'api/nursePooling';\nimport { getUserRole } from 'infrastructure/auth';\nimport RebootLogExport from 'components/RebootLogExport';\n\nclass Department extends Component {\n\tstate = {\n\t\tdevices: [],\n\t\tisDepartmentModalOpen: false,\n\t\tselectedDevice: {},\n\t\tselectedOrg: {},\n\t\tisDeleteDeviceModalOpen: false,\n\t\tisRebootDeviceModalOpen: false,\n\t\trebootReason: '',\n\t\tisUpdateDeviceModalOpen: false,\n\t\tisDeleteOrgUnitModalOpen: false,\n\t\tsectorData: {},\n\t\tisEditSectorModalOpen: false,\n\t\tparentSectorName: '',\n\t\tparentSectorType: '',\n\t\tisDeleteDeviceModalLoading: false,\n\t\tlatestAppRelease: null,\n\t\tisDeviceAutoAnswerModalOpen: false,\n\t\tisAutoAnswerSettingLoading: false,\n\t\talert: {\n\t\t\tmessage: false,\n\t\t\tmessageAlert: '',\n\t\t\tvariantAlert: '',\n\t\t},\n\t\t// checkedDevices: new Map(),\n\t\t// selectedPoolIndex: -1,\n\t\t// isAssignPoolModalOpen: false,\n\t\t// isAssignPoolModalLoading: false,\n\t\t// selectedPool: {},\n\t\t// healthSystemPools: [],\n\t};\n\n\tasync componentDidMount() {\n\t\tthis.loadDepartment();\n\t}\n\n\tcomponentDidUpdate = prevProps => {\n\t\tconst { departmentId } = this.props.match.params;\n\t\tif (\n\t\t\tdepartmentId !== prevProps.match.params.departmentId ||\n\t\t\t(!prevProps.showAssignDeviceModalData.assignCompleted && this.props.showAssignDeviceModalData.assignCompleted)\n\t\t) {\n\t\t\tthis.loadDepartment();\n\t\t}\n\t};\n\n\texportAsCsv() {\n\t\treturn this.state.devices.map(({ serialNumber, macAddress, appVersion, firmwareRevision }) => ({\n\t\t\tserialNumber,\n\t\t\tmacAddress,\n\t\t\tappVersion,\n\t\t\tosVersion: firmwareRevision,\n\t\t}));\n\t}\n\n\tgetCurrentDepartment() {\n\t\tlet hospitals = this.props.treeData.tree;\n\t\tlet department = findSectorById(hospitals, this.props.match.params.departmentId);\n\t\treturn {\n\t\t\tsectorName: department ? department.name : '',\n\t\t\tsectorId: department ? department.departmentId : '',\n\t\t\tdepartmentName: department ? department.name : '',\n\t\t\thospitalId: department ? department.hospitalId : '',\n\t\t\tdepartmentId: department ? department.departmentId : '',\n\t\t\tsectorType: department ? department.type : '',\n\t\t};\n\t}\n\n\tloadDepartment = async () => {\n\t\tconst devices = await getDeviceList(DeviceListLevel.DEPARTMENT, this.props.match.params.departmentId);\n\t\tconst devicesIds = devices.map(device => device.solHelloDeviceId);\n\t\tconst assignedPools = await getDevicesPools(devicesIds);\n\t\tconst latestAppRelease = await getLatestAppRelease(APP_CONFIG.deviceAppId);\n\t\tconst healthSystemPools = await getHealthSystemPools();\n\t\tthis.setState({\n\t\t\tdevices,\n\t\t\tlatestAppRelease,\n\t\t\thealthSystemPools,\n\t\t\tassignedPools: assignedPools.devices,\n\t\t});\n\t};\n\n\ttoggleEditSectorModal = data => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisEditSectorModalOpen: !this.state.isEditSectorModalOpen,\n\t\t\t\troomId: data ? data.roomId : null,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tconst sector = findSectorById(this.props.treeData.tree, data[data.sectorType + 'Id']);\n\t\t\t\t\tif (!sector) {\n\t\t\t\t\t\tthis.toggleAlert('message', 'Sector is not found..', 'error');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\n\t\t\t\t\tconst sectorParent = getParentSector(this.props.treeData.tree, sector);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tsectorType: data.sectorType,\n\t\t\t\t\t\tsectorName: data.sectorName,\n\t\t\t\t\t\tsectorData: data,\n\t\t\t\t\t\tsectorLocation: sector.treeLocation,\n\t\t\t\t\t\tparentSectorName: sectorParent.name,\n\t\t\t\t\t\tparentSectorType: sectorParent.type,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleAlert = (type, messageAlert, variantAlert) => {\n\t\tthis.setState(prevState => ({\n\t\t\t...prevState.alert,\n\t\t\t[type]: true,\n\t\t\tmessageAlert,\n\t\t\tvariantAlert,\n\t\t}));\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\t[type]: false,\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\tinitDeleteOrg = data => {\n\t\tthis.setState({\n\t\t\tselectedOrg: data,\n\t\t});\n\t\tthis.toggleDeleteOrgUnitModal();\n\t};\n\n\tunAssignDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tthis.setState({\n\t\t\t\tisDeleteDeviceModalLoading: true,\n\t\t\t});\n\n\t\t\tawait deleteDevice(deviceId);\n\t\t}\n\n\t\tthis.loadDepartment();\n\t\tthis.toggleDeleteDeviceModal();\n\t\tthis.props.getTreeData();\n\n\t\tthis.setState({\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t});\n\t};\n\n\trebootDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tawait sendCommand(deviceId, DeviceCommands.REBOOT, this.state.rebootReason);\n\t\t}\n\n\t\tthis.toggleRebootDeviceModal();\n\t};\n\n\tforceUpdateDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId, appVersion },\n\t\t\tlatestAppRelease: { install_url: appInstallUrl, short_version: latestAppVersion },\n\t\t} = this.state;\n\n\t\tif (appVersion && latestAppVersion && appVersion !== latestAppVersion) {\n\t\t\tawait forceUpdateDevice({\n\t\t\t\tdeviceId,\n\t\t\t\tdynamicData: appInstallUrl,\n\t\t\t});\n\t\t}\n\n\t\tthis.toggleUpdateDeviceModal();\n\t};\n\n\tdeleteOrgUnitSubmit = async () => {\n\t\tconst response = await deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tif (!response.error) {\n\t\t\tthis.toggleDeleteOrgUnitModal();\n\t\t\tthis.props.getTreeData();\n\t\t\tif (this.state.selectedOrg.level === DeviceListLevel.DEPARTMENT) {\n\t\t\t\tthis.props.history.push('/health-system');\n\t\t\t\tthis.props.updateBreadcrumb([]);\n\t\t\t}\n\t\t}\n\t};\n\n\tmoveToParentSector = currentSectorId => {\n\t\tlet selectedSector = findSectorById(this.props.treeData.tree, currentSectorId);\n\t\tlet parentSector = getParentSector(this.props.treeData.tree, selectedSector);\n\t\tparentSector.isSelected = true;\n\t\tif (selectedSector.breadcrumb && selectedSector.breadcrumb.length) this.props.history.push(selectedSector.breadcrumb[0].link);\n\t};\n\n\ttoggleDeleteDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisDeleteDeviceModalOpen: !this.state.isDeleteDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleRebootDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisRebootDeviceModalOpen: !this.state.isRebootDeviceModalOpen,\n\t\t\trebootReason: '',\n\t\t});\n\t};\n\n\topenAutoAnswerSettingModal = async deviceId => {\n\t\tthis.setState({\n\t\t\tisAutoAnswerSettingLoading: true,\n\t\t\tisDeviceAutoAnswerModalOpen: true,\n\t\t});\n\t\tlet { deviceSettings, error } = await getDeviceSetting(deviceId, SettingTypes.AUTO_ANSWER);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Failed to load Auto answer setting!', 'error');\n\t\t\treturn;\n\t\t}\n\t\tlet isAutoAnswerOn = false;\n\t\tif (deviceSettings.length) {\n\t\t\tisAutoAnswerOn = deviceSettings[0].value === 'true';\n\t\t}\n\t\tthis.setState({\n\t\t\tselectedDevice: { deviceId, isAutoAnswerOn },\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\tcloseAutoAnswerSettingModal = () => {\n\t\tthis.setState({\n\t\t\tselectedDevice: {},\n\t\t\tisDeviceAutoAnswerModalOpen: false,\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\tupdateDeviceSettings = async () => {\n\t\tconst { isAutoAnswerOn, deviceId } = this.state.selectedDevice;\n\t\tconst status = !isAutoAnswerOn;\n\t\tconst { error } = await updateDeviceSetting(deviceId, status.toString(), SettingTypes.AUTO_ANSWER);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Could not be saved!', 'error');\n\t\t} else {\n\t\t\tthis.setState(\n\t\t\t\tprevState => ({\n\t\t\t\t\tselectedDevice: {\n\t\t\t\t\t\t...prevState.selectedDevice,\n\t\t\t\t\t\tisAutoAnswerOn: !prevState.selectedDevice.isAutoAnswerOn,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t\t() => this.toggleAlert('message', 'Changes Saved', 'dark')\n\t\t\t);\n\t\t}\n\t};\n\n\ttoggleUpdateDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisUpdateDeviceModalOpen: !this.state.isUpdateDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleDeleteOrgUnitModal = () => {\n\t\tthis.setState({\n\t\t\tisDeleteOrgUnitModalOpen: !this.state.isDeleteOrgUnitModalOpen,\n\t\t});\n\t};\n\n\ttoggleDepartmentModal = () => {\n\t\tthis.setState({\n\t\t\tisDepartmentModalOpen: !this.state.isDepartmentModalOpen,\n\t\t});\n\t};\n\n\tdisplayDevices = () => {\n\t\tif (!this.state.devices.length) {\n\t\t\treturn [];\n\t\t}\n\t\tconst userRole = getUserRole();\n\t\treturn this.state.devices.map(({ serialNumber, solHelloDeviceId, firmwareRevision, appVersion, osVersion, macAddress }) => {\n\t\t\tconst { short_version: shortVersion, min_os: minOS } = this.state.latestAppRelease;\n\t\t\tconst deviceOsVersion = +osVersion;\n\t\t\tconst minOsVersion = +minOS;\n\t\t\t//const devicePool = this.state.assignedPools.find(devicePool => devicePool.deviceId === solHelloDeviceId);\n\t\t\treturn {\n\t\t\t\tserialNumber,\n\t\t\t\tmacAddress,\n\t\t\t\tappVersion: (\n\t\t\t\t\t\n\t\t\t\t\t{hospital.hospitalName}\n\t\t\t\t\t{userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\n\t\t\t\t{this.state.isEditSectorModalOpen && (\n\t\t\t\t\t\n\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t\t\t{deviceOsVersion < minOsVersion && Newer version is available, but device OS is not compatible.}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.toggleUpdateDeviceModal({ deviceId: solHelloDeviceId, serialNumber, appVersion })}>\n\t\t\t\t\t\t\t\t\t{appVersion} update\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNewer version is available\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t */}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\tfirmwareRevision,\n\t\t\t\t// pool: devicePool ? devicePool.poolName : 'N/A',\n\t\t\t\tactions: (\n\t\t\t\t\t\n\t\t\t\t\t\t this.openAutoAnswerSettingModal(solHelloDeviceId)}>\n\t\t\t\t\t\t\tvideo_call\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t};\n\n\tupdateTree = () => {\n\t\tthis.props.getTreeData();\n\t\tthis.toggleEditSectorModal();\n\t};\n\n\tgetActiveDevices() {\n\t\treturn this.state.devices.filter(device => device.isOnline);\n\t}\n\n\ttoggleAssignPoolModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisAssignPoolModalOpen: !this.state.isAssignPoolModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.loadDepartment();\n\t\t\t}\n\t\t);\n\t};\n\n\tasync assignPoolToDevices() {\n\t\tthis.setState({\n\t\t\tisAssignPoolModalLoading: true,\n\t\t});\n\t\tconst devicesMap = this.state.checkedDevices;\n\t\tlet selectedDevices = [];\n\t\tfor (let k of devicesMap.entries()) {\n\t\t\tif (k[1] === true) selectedDevices.push(Number(k[0]));\n\t\t}\n\t\tconst currentHealthSystem = getCurrentHealthSystemInfo();\n\t\tawait assignPoolToDevices(currentHealthSystem.currentHealthSystemId, this.state.selectedPool.id, selectedDevices);\n\t\tthis.setState({ isAssignPoolModalLoading: false });\n\t\tthis.toggleAssignPoolModal();\n\t}\n\n\tselectPool = (selection, index) => {\n\t\tthis.setState({\n\t\t\tselectedPool: selection,\n\t\t\tselectedPoolIndex: index,\n\t\t\tisAssignPoolModalSubmitDisabled: false,\n\t\t});\n\t};\n\n\thandleCheckBoxChange = (e, option) => {\n\t\tif (option.type !== 'room') {\n\t\t\tconst devices = getLevelDevices(option);\n\t\t\tconst newCheckedDevices = this.state.checkedDevices;\n\t\t\tdevices.forEach(device => {\n\t\t\t\tconst item = device;\n\t\t\t\tconst isChecked = e.target.checked;\n\t\t\t\tnewCheckedDevices.set(item, isChecked);\n\t\t\t});\n\t\t\tthis.setState({ checkedDevices: newCheckedDevices });\n\t\t} else {\n\t\t\tconst item = e.target.id;\n\t\t\tconst isChecked = e.target.checked;\n\t\t\tthis.setState(prevState => ({ checkedDevices: prevState.checkedDevices.set(item, isChecked) }));\n\t\t}\n\t};\n\n\trender() {\n\t\tconst department = this.getCurrentDepartment();\n\t\tconst sections = mapSectionsToRender(this.props.treeData.tree, department, this.toggleEditSectorModal, this.initDeleteOrg);\n\t\tconst userRole = getUserRole();\n\t\treturn (\n\t\t\t\n\t\t\t\t,\n\t\t\t\t\t\t
,\n\t\t\t\t\t]}\n\t\t\t\t/>\n\n\t\t\t\t{/* this.assignPoolToDevices()}\n\t\t\t\t\tonModalClose={this.toggleAssignPoolModal}>\n\t\t\t\t\t\n\t\t\t\t */}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{this.state.isEditSectorModalOpen && (\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(withRouter(Department));\n","import React, { Component } from 'react';\nimport classNames from 'classnames/bind';\nimport { SectorTypes } from 'constants/enums';\nimport CheckBox from 'components/Common/CheckBox';\nimport { getLevelDevices } from 'infrastructure/helpers/commonHelpers';\n\nconst OptionName = props => {\n\tconst { option } = props;\n\treturn (\n\t\t<>\n\t\t\t{option.name}\n\t\t\t{option.helloDeviceId && fiber_manual_record}\n\t\t\n\t);\n};\n\nconst OptionsList = ({ options, expandedOptions, onChange, selectedSectorId, setSelectedId, checkedDevices, handleCheckBoxChange }) => {\n\tconst findProperId = item => {\n\t\tconst prefix = item.type;\n\t\treturn item[`${prefix}Id`];\n\t};\n\n\tconst toggleExpand = (selectedOptionId, isAddingSection) => {\n\t\tif (expandedOptions[selectedOptionId] && !isAddingSection) {\n\t\t\tdelete expandedOptions[selectedOptionId];\n\t\t} else {\n\t\t\texpandedOptions[selectedOptionId] = {};\n\t\t}\n\t\tonChange(expandedOptions);\n\t};\n\n\tconst handleSubOptionsListChange = (optionId, subSelections) => {\n\t\texpandedOptions[optionId] = subSelections;\n\t\tonChange(expandedOptions);\n\t};\n\n\tconst allDevicesSelected = (option, checkedDevicesMap) => {\n\t\tconst devices = getLevelDevices(option);\n\t\tlet selectedDevices = [];\n\t\tfor (let k of checkedDevicesMap.entries()) {\n\t\t\tif (k[1] === true) selectedDevices.push(k[0]);\n\t\t}\n\t\tconst checker = devices.every(v => selectedDevices.includes(v));\n\t\treturn checker;\n\t};\n\n\tconst getCheckBoxId = option => {\n\t\tswitch (option.type) {\n\t\t\tcase 'hospital':\n\t\t\t\treturn option.hospitalId;\n\t\t\tcase 'deaprtment':\n\t\t\t\treturn option.departmentId;\n\t\t\tcase 'floor':\n\t\t\t\treturn option.floorId;\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t{department.departmentName}\n\t\t\t\t\t{[UserRoles.ADMIN, UserRoles.SUPERUSER].includes(userRole) && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t{options.map((option, index) => (\n\t\t\t\t
\n\t);\n};\n\nclass DeviceSelection extends Component {\n\tstate = {\n\t\tselectedSectorId: this.props.selectedSectorId,\n\t\texpandedOptions: this.props.preSelected ? this.props.preSelected : {},\n\t};\n\n\tsetSelectedId = sectorId => {\n\t\tthis.setState({ selectedSectorId: sectorId });\n\t};\n\n\trender() {\n\t\tconst { selectedSectorId, expandedOptions } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t handleSubOptionsListChange(findProperId(option), subSelections)}\n\t\t\t\t\t\t\tselectedSectorId={selectedSectorId}\n\t\t\t\t\t\t\tsetSelectedId={setSelectedId}\n\t\t\t\t\t\t\tcheckedDevices={checkedDevices}\n\t\t\t\t\t\t\thandleCheckBoxChange={handleCheckBoxChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t))}\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{option.subOptions && expandedOptions[findProperId(option)] && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\ttoggleExpand(findProperId(option));\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{expandedOptions[findProperId(option)] ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{option.icon}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t handleCheckBoxChange(e, option)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{option.type === 'room' && option.helloDeviceId !== undefined && (\n\t\t\t\t\t\t\t\t handleCheckBoxChange(e, option)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t\t\t{deviceOsVersion < minOsVersion && Newer version is available, but device OS is not compatible.}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.toggleUpdateDeviceModal({ deviceId: solHelloDeviceId, serialNumber, appVersion })}>\n\t\t\t\t\t\t\t\t\t{appVersion} update\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNewer version is available\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t */}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\tfirmwareRevision,\n\t\t\t\t//pool: devicePool ? devicePool.poolName : 'N/A',\n\t\t\t\tactions: (\n\t\t\t\t\t\n\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t};\n\n\ttoggleEditSectorModal = data => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisEditSectorModalOpen: !this.state.isEditSectorModalOpen,\n\t\t\t\troomId: data ? data.roomId : null,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tconst sector = findSectorById(this.props.treeData.tree, data[data.sectorType + 'Id']);\n\t\t\t\t\tif (!sector) {\n\t\t\t\t\t\tthis.toggleAlert('message', 'Sector is not found..', 'error');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\n\t\t\t\t\tconst sectorParent = getParentSector(this.props.treeData.tree, sector);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tsectorType: data.sectorType,\n\t\t\t\t\t\tsectorName: data.sectorName,\n\t\t\t\t\t\tsectorData: data,\n\t\t\t\t\t\tsectorLocation: sector.treeLocation,\n\t\t\t\t\t\tparentSectorName: sectorParent.name,\n\t\t\t\t\t\tparentSectorType: sectorParent.type,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\tinitDeleteOrg = data => {\n\t\tthis.setState({\n\t\t\tselectedOrg: data,\n\t\t});\n\t\tthis.toggleDeleteOrgUnitModal();\n\t};\n\n\tunAssignDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tthis.setState({\n\t\t\t\tisDeleteDeviceModalLoading: true,\n\t\t\t});\n\n\t\t\tawait deleteDevice(deviceId);\n\t\t}\n\n\t\tthis.loadFloor();\n\t\tthis.toggleDeleteDeviceModal();\n\t\tthis.props.getTreeData();\n\n\t\tthis.setState({\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t});\n\t};\n\n\trebootDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tawait sendCommand(deviceId, DeviceCommands.REBOOT, this.state.rebootReason);\n\t\t}\n\n\t\tthis.toggleRebootDeviceModal();\n\t};\n\n\tforceUpdateDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId, appVersion },\n\t\t\tlatestAppRelease: { install_url: appInstallUrl, short_version: latestAppVersion },\n\t\t} = this.state;\n\n\t\tif (appVersion && latestAppVersion && appVersion !== latestAppVersion) {\n\t\t\tawait forceUpdateDevice({\n\t\t\t\tdeviceId,\n\t\t\t\tdynamicData: appInstallUrl,\n\t\t\t});\n\t\t}\n\n\t\tthis.toggleUpdateDeviceModal();\n\t};\n\n\tdeleteOrgUnitSubmit = async () => {\n\t\tconst response = await deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tif (!response.error) {\n\t\t\tthis.moveToParentSector(this.state.selectedOrg.id);\n\t\t\tthis.toggleDeleteOrgUnitModal();\n\t\t\tthis.props.getTreeData();\n\t\t}\n\t};\n\n\tmoveToParentSector = currentSectorId => {\n\t\tlet selectedSector = findSectorById(this.props.treeData.tree, currentSectorId);\n\t\tlet parentSector = getParentSector(this.props.treeData.tree, selectedSector);\n\t\tparentSector.isSelected = true;\n\t\tthis.props.history.push(parentSector.link);\n\t\tthis.props.updateBreadcrumb(parentSector.breadcrumb);\n\t};\n\n\ttoggleDeleteDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisDeleteDeviceModalOpen: !this.state.isDeleteDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleRebootDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisRebootDeviceModalOpen: !this.state.isRebootDeviceModalOpen,\n\t\t\trebootReason: '',\n\t\t});\n\t};\n\n\ttoggleUpdateDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisUpdateDeviceModalOpen: !this.state.isUpdateDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleDeleteOrgUnitModal = () => {\n\t\tthis.setState({\n\t\t\tisDeleteOrgUnitModalOpen: !this.state.isDeleteOrgUnitModalOpen,\n\t\t});\n\t};\n\n\tsetInputValues = event => {\n\t\tthis.setState({\n\t\t\t[event.target.name]: event.target.value,\n\t\t});\n\t};\n\n\tupdateTree = () => {\n\t\tthis.props.getTreeData();\n\t\tthis.toggleEditSectorModal();\n\t};\n\n\ttoggleAssignPoolModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisAssignPoolModalOpen: !this.state.isAssignPoolModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.loadFloor();\n\t\t\t}\n\t\t);\n\t};\n\n\tselectPool = (selection, index) => {\n\t\tthis.setState({\n\t\t\tselectedPool: selection,\n\t\t\tselectedPoolIndex: index,\n\t\t\tisAssignPoolModalSubmitDisabled: false,\n\t\t});\n\t};\n\n\tasync assignPoolToDevices() {\n\t\tthis.setState({\n\t\t\tisAssignPoolModalLoading: true,\n\t\t});\n\t\tlet devicesMap = this.state.checkedDevices;\n\t\tlet selectedDevices = [];\n\t\tfor (let k of devicesMap.entries()) {\n\t\t\tif (k[1] === true) selectedDevices.push(Number(k[0]));\n\t\t}\n\t\tconst currentHealthSystem = getCurrentHealthSystemInfo();\n\t\tawait assignPoolToDevices(currentHealthSystem.currentHealthSystemId, this.state.selectedPool.id, selectedDevices);\n\t\tthis.setState({ isAssignPoolModalLoading: false });\n\t\tthis.toggleAssignPoolModal();\n\t}\n\n\thandleCheckBoxChange = (e, option) => {\n\t\tif (option.type !== 'room') {\n\t\t\tconst devices = getLevelDevices(option);\n\t\t\tconst newCheckedDevices = this.state.checkedDevices;\n\t\t\tdevices.forEach(device => {\n\t\t\t\tconst item = device;\n\t\t\t\tconst isChecked = e.target.checked;\n\t\t\t\tnewCheckedDevices.set(item, isChecked);\n\t\t\t});\n\t\t\tthis.setState({ checkedDevices: newCheckedDevices });\n\t\t} else {\n\t\t\tconst item = e.target.id;\n\t\t\tconst isChecked = e.target.checked;\n\t\t\tthis.setState(prevState => ({ checkedDevices: prevState.checkedDevices.set(item, isChecked) }));\n\t\t}\n\t};\n\n\trender() {\n\t\tconst floor = this.getCurrentFloor();\n\t\tconst sections = mapSectionsToRender(this.props.treeData.tree, floor, this.toggleEditSectorModal, this.initDeleteOrg);\n\t\tconst userRole = getUserRole();\n\t\treturn (\n\t\t\t\n\t\t\t\t,\n\t\t\t\t\t\t
,\n\t\t\t\t\t]}\n\t\t\t\t/>\n\n\t\t\t\t{/* this.assignPoolToDevices()}\n\t\t\t\t\tonModalClose={this.toggleAssignPoolModal}>\n\t\t\t\t\t\n\t\t\t\t */}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{this.state.isEditSectorModalOpen && (\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(withRouter(Floor));\n","import React, { useEffect, useState } from 'react';\nimport { Modal, Form, Input, Alert, Tabs } from 'components';\nimport _ from 'lodash';\nimport { Formik } from 'formik';\nimport * as Yup from 'yup';\nimport { createPatient, searchPatient } from 'api/patients';\nimport { updatePatientDeviceOwner } from 'api/devices';\nimport styled from 'styled-components';\n\nconst ExistingPatientWrapper = styled.div`\n\tposition: relative;\n\n\t> div:not(.input) {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\twidth: 100%;\n\t\tcolor: var(--gray-0);\n\t\tbackground: var(--dark-theme-black-005);\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tmargin-top: var(--spacing-s);\n\t\t\tpadding: var(--spacing-s);\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t\tborder-bottom: 1px solid var(--dark-theme-gray-2-08);\n\t\t\tfont-size: 14px;\n\t\t\tbackground: var(--dark-theme-black-005);\n\t\t}\n\n\t\t> div {\n\t\t\t&:last-of-type {\n\t\t\t\tp {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t> p {\n\t\tfont-size: 14px;\n\t\tfont-weight: 700;\n\t\t> span {\n\t\t\tfont-weight: 400;\n\t\t}\n\t}\n`;\n\nconst AssignPatientModal = props => {\n\tconst [error, setError] = useState(null);\n\tconst [assignPatientSuccess, setAssignPatientSuccess] = useState(false);\n\tconst [searchedPatients, setSearchedPatients] = useState([]);\n\tconst [searchPatientValue, setSearchPatientValue] = useState('');\n\tconst [selectedPatient, setSelectedPatient] = useState(null);\n\tconst [currentTab, setCurrentTab] = useState(0);\n\tconst [totalCount, setTotalCount] = useState(0);\n\tconst [pageIndex, setPageIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst timeout = setTimeout(async () => {\n\t\t\tif (searchPatientValue.length < 2) {\n\t\t\t\tsetSearchedPatients([]);\n\t\t\t} else {\n\t\t\t\tconst response = await searchPatient(searchPatientValue, pageIndex);\n\t\t\t\tif (response.error) {\n\t\t\t\t\tsetError(response.error.message);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst searchedPatientsList = response.patients.map(item => ({ value: `${item.firstName} ${item.lastName}`, id: item.userId }));\n\t\t\t\tsetSearchedPatients(prevState => prevState.concat(searchedPatientsList));\n\t\t\t\tsetTotalCount(response.totalCount);\n\t\t\t}\n\t\t}, 500);\n\n\t\treturn () => clearTimeout(timeout);\n\t}, [searchPatientValue, pageIndex]);\n\n\tconst validateForm = () => {\n\t\tif (currentTab === 0) {\n\t\t\treturn Yup.object().shape({\n\t\t\t\tfirstName: Yup.string()\n\t\t\t\t\t.required('Please write first name')\n\t\t\t\t\t.min(2, 'First name must be at least 2 characters')\n\t\t\t\t\t.max(30, 'Max character length is exceeded')\n\t\t\t\t\t.trim(),\n\t\t\t\tlastName: Yup.string()\n\t\t\t\t\t.required('Please write last name')\n\t\t\t\t\t.min(2, 'Last name must be at least 2 characters')\n\t\t\t\t\t.max(30, 'Max character length is exceeded')\n\t\t\t\t\t.trim(),\n\t\t\t\temail: Yup.string()\n\t\t\t\t\t.email('Provided e-mail is invalid')\n\t\t\t\t\t.required('Please write your e-mail'),\n\t\t\t});\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst updateTheDeviceOwner = async (userId, deviceId) => {\n\t\tsetError(null);\n\t\tconst deviceParams = {\n\t\t\tuserId,\n\t\t\tdeviceName: '',\n\t\t\tdeviceId,\n\t\t};\n\t\tconst deviceOwner = await updatePatientDeviceOwner(deviceParams);\n\t\tif (deviceOwner.error || !deviceOwner.hasSucceeded) {\n\t\t\tconst errorMessage = deviceOwner.error?.message || deviceOwner?.message;\n\t\t\tsetError(errorMessage);\n\t\t\tsetAssignPatientSuccess(false);\n\t\t} else {\n\t\t\tsetAssignPatientSuccess(true);\n\t\t}\n\t};\n\n\tconst updateDeviceOwnerListItem = (deviceId, { firstName, lastName }) => {\n\t\tconst devices = [...props.devices];\n\t\tdevices.forEach((device, i) => {\n\t\t\tif (device.solHelloDeviceId === deviceId) {\n\t\t\t\tconst updatedDevice = device;\n\t\t\t\tupdatedDevice.owner = `${firstName} ${lastName}`;\n\t\t\t\tdevices[i] = updatedDevice;\n\t\t\t}\n\t\t});\n\t\tprops.setDevices(devices);\n\t};\n\n\tconst onSubmit = async (values, { resetForm }) => {\n\t\tconst { firstName, lastName, email } = values;\n\n\t\tconst formData = {\n\t\t\tfirstName: firstName,\n\t\t\tlastName: lastName,\n\t\t\temail: email,\n\t\t\thealthSystemId: props.healthSystemId,\n\t\t};\n\n\t\tconst deviceId = props.devices.length > 0 ? props.devices[0].solHelloDeviceId : null;\n\n\t\tif (currentTab === 0) {\n\t\t\tconst response = await createPatient(formData);\n\n\t\t\tconst emailExistsErrorCode = 1008;\n\t\t\tif (response.error) {\n\t\t\t\tif (response.error.response.data.code === emailExistsErrorCode) {\n\t\t\t\t\tsetError('Email exists');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetError(response.error.message);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (response.data?.result) {\n\t\t\t\tawait updateTheDeviceOwner(response.data.result.userId, deviceId);\n\t\t\t}\n\t\t} else {\n\t\t\tawait updateTheDeviceOwner(selectedPatient.id, deviceId);\n\t\t}\n\n\t\tresetForm();\n\t\tupdateDeviceOwnerListItem(deviceId, values);\n\n\t\tprops.onModalClose();\n\t\tprops.loadRoom();\n\t};\n\n\tconst handleScroll = event => {\n\t\tconst isBottom = event.target.scrollHeight - Math.ceil(event.target.scrollTop) === event.target.clientHeight;\n\t\tconst hasReachedEnd = totalCount - searchedPatients.length <= 0;\n\t\tif (isBottom && !hasReachedEnd) {\n\t\t\tsetPageIndex(prevState => prevState + 1);\n\t\t}\n\t};\n\n\tconst handlePatientSearch = event => {\n\t\tsetPageIndex(0);\n\t\tsetSearchedPatients([]);\n\t\tsetSearchPatientValue(event.target.value);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t{floor.floorName}\n\t\t\t\t\t{userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{appVersion}\n\t\t\t\t\t\t\t\t{deviceOsVersion < minOsVersion && Newer version is available, but device OS is not compatible.}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.toggleUpdateDeviceModal({ deviceId: solHelloDeviceId, serialNumber, appVersion })}>\n\t\t\t\t\t\t\t\t\t{appVersion} update\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNewer version is available\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t */}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\tfirmwareRevision,\n\t\t\t\t// pool: this.state.assignedPool ? this.state.assignedPool.poolName : 'N/A',\n\t\t\t\tactions: (\n\t\t\t\t\t\n\t\t\t\t\t\t{/* {userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t\t this.toggleAssignDevicePoolModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\tsupervisor_account\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)} */}\n\t\t\t\t\t\t this.toggleSelectDefaultCamera(solHelloDeviceId)}>\n\t\t\t\t\t\t\tvideo_call\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.openAutoAnswerSettingModal(solHelloDeviceId)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t};\n\n\tunAssignDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tthis.setState({\n\t\t\t\tisDeleteDeviceModalLoading: true,\n\t\t\t});\n\t\t\tawait deleteDevice(deviceId);\n\t\t}\n\n\t\tthis.loadRoom();\n\t\tthis.toggleDeleteDeviceModal();\n\t\tthis.props.getTreeData();\n\n\t\tthis.setState({\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t});\n\t};\n\n\trebootDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId },\n\t\t} = this.state;\n\n\t\tif (deviceId) {\n\t\t\tawait sendCommand(deviceId, DeviceCommands.REBOOT, this.state.rebootReason);\n\t\t}\n\n\t\tthis.toggleRebootDeviceModal();\n\t};\n\n\tforceUpdateDevice = async () => {\n\t\tconst {\n\t\t\tselectedDevice: { deviceId, appVersion },\n\t\t\tlatestAppRelease: { install_url: appInstallUrl, short_version: latestAppVersion },\n\t\t} = this.state;\n\n\t\tif (appVersion && latestAppVersion && appVersion !== latestAppVersion) {\n\t\t\tawait forceUpdateDevice({\n\t\t\t\tdeviceId,\n\t\t\t\tdynamicData: appInstallUrl,\n\t\t\t});\n\t\t}\n\n\t\tthis.toggleUpdateDeviceModal();\n\t};\n\n\tdeleteOrgUnitSubmit = async () => {\n\t\tconst response = await deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tif (!response.error) {\n\t\t\tthis.toggleDeleteOrgUnitModal();\n\t\t\tthis.props.getTreeData();\n\t\t\tthis.updateBreadcrumb();\n\t\t}\n\t};\n\n\tmoveToParentSector = () => {\n\t\tconst breadCrumb = [this.props.breadcrumb[0]];\n\t\tthis.props.updateBreadcrumb(breadCrumb);\n\t\tthis.props.history.push(this.props.breadcrumb[0].link);\n\t};\n\n\tupdateBreadcrumb = () => {\n\t\tthis.props.updateBreadcrumb([]);\n\t\tthis.props.history.push('/health-system');\n\t};\n\n\ttoggleDeleteDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisDeleteDeviceModalOpen: !this.state.isDeleteDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleRebootDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisRebootDeviceModalOpen: !this.state.isRebootDeviceModalOpen,\n\t\t\trebootReason: '',\n\t\t});\n\t};\n\n\tupdateDeviceSettings = async type => {\n\t\tconst { isAutoAnswerOn, deviceId, defaultCamType } = this.state.selectedDevice;\n\n\t\tlet value;\n\t\tif (type === SettingTypes.AUTO_ANSWER) {\n\t\t\tvalue = !isAutoAnswerOn;\n\t\t} else {\n\t\t\tvalue = defaultCamType;\n\t\t}\n\n\t\tconst { error } = await updateDeviceSetting(deviceId, value.toString(), type);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Could not be saved!', 'error');\n\t\t} else {\n\t\t\tthis.setState(\n\t\t\t\tprevState => ({\n\t\t\t\t\tselectedDevice: {\n\t\t\t\t\t\t...prevState.selectedDevice,\n\t\t\t\t\t\t...(type === SettingTypes.AUTO_ANSWER && { isAutoAnswerOn: !prevState.selectedDevice.isAutoAnswerOn }),\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t\t() => this.toggleAlert('message', 'Changes Saved', 'dark')\n\t\t\t);\n\t\t}\n\t\tthis.setState({\n\t\t\tisSettingsModalLoading: false,\n\t\t\t...(type === SettingTypes.CAMERA_TYPE && { isSelectDefaultCameraModalOpen: false }),\n\t\t});\n\t};\n\n\tcloseAutoAnswerSettingModal = () => {\n\t\tthis.setState({\n\t\t\tselectedDevice: {},\n\t\t\tisDeviceAutoAnswerModalOpen: false,\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\topenAutoAnswerSettingModal = async deviceId => {\n\t\tthis.setState({\n\t\t\tisAutoAnswerSettingLoading: true,\n\t\t\tisDeviceAutoAnswerModalOpen: true,\n\t\t});\n\t\tlet { deviceSettings, error } = await getDeviceSetting(deviceId, SettingTypes.AUTO_ANSWER);\n\t\tif (error) {\n\t\t\tthis.toggleAlert('message', 'Failed to load Auto answer setting!', 'error');\n\t\t\treturn;\n\t\t}\n\t\tlet isAutoAnswerOn = false;\n\t\tif (deviceSettings.length) {\n\t\t\tisAutoAnswerOn = deviceSettings[0].value === 'true';\n\t\t}\n\t\tthis.setState({\n\t\t\tselectedDevice: { deviceId, isAutoAnswerOn },\n\t\t\tisAutoAnswerSettingLoading: false,\n\t\t});\n\t};\n\n\ttoggleAssignDevicePoolModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisAssignDevicePoolOpen: !this.state.isAssignDevicePoolOpen,\n\t\t});\n\t};\n\n\ttoggleUpdateDeviceModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisUpdateDeviceModalOpen: !this.state.isUpdateDeviceModalOpen,\n\t\t});\n\t};\n\n\ttoggleDeleteOrgUnitModal = (selectedOrg = {}) => {\n\t\tthis.setState({\n\t\t\tselectedOrg,\n\t\t\tisDeleteOrgUnitModalOpen: !this.state.isDeleteOrgUnitModalOpen,\n\t\t});\n\t};\n\n\tfindSelectedDeviceById = (devices, id) => {\n\t\tlet device;\n\t\tdevices.forEach((item, index) => {\n\t\t\tif (item.value === id) {\n\t\t\t\tdevice = {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\tvalue: item.value,\n\t\t\t\t\tindex: index,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t\treturn device;\n\t};\n\n\tsetDeviceId = event => {\n\t\tconst device = this.findSelectedDeviceById(this.state.unassociatedDevicesToSelect, event.target.value);\n\t\tif (!device) {\n\t\t\tthis.setState({\n\t\t\t\thelloDeviceId: null,\n\t\t\t\tselectedDeviceId: null,\n\t\t\t\tisAddDeviceModalSubmitDisabled: false,\n\t\t\t\tdeviceIdInput: event.target.value,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({\n\t\t\thelloDeviceId: device.id,\n\t\t\tselectedDeviceId: device.index,\n\t\t\tisAddDeviceModalSubmitDisabled: false,\n\t\t\tdeviceIdInput: event.target.value,\n\t\t});\n\t};\n\n\tshowErrorMessage = () => {\n\t\tthis.setState({\n\t\t\terror: 'Device ID not found',\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\terror: '',\n\t\t\t});\n\t\t}, 3000);\n\t};\n\n\tassignDevice = async evt => {\n\t\tevt.preventDefault();\n\t\tif (!this.state.helloDeviceId) {\n\t\t\tthis.showErrorMessage();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tisAddDeviceModalLoading: true,\n\t\t});\n\t\tconst { hospitalId, departmentId, floorId, roomId } = this.props.match.params;\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}/devices`;\n\t\tawait gatewayApi.put(url, {\n\t\t\tdevices: [this.state.helloDeviceId],\n\t\t});\n\t\tthis.setState({\n\t\t\tisAddDeviceModalLoading: false,\n\t\t\tdeviceIdInput: '',\n\t\t});\n\t\tthis.toggleDevicesModal();\n\t\tthis.props.getTreeData();\n\t\tthis.loadRoom();\n\t};\n\n\tselectPool = (selection, index) => {\n\t\tthis.setState({\n\t\t\tselectedPool: selection,\n\t\t\tselectedPoolIndex: index,\n\t\t\tisAssignPoolModalSubmitDisabled: false,\n\t\t});\n\t};\n\n\tassignPoolSubmit = async () => {\n\t\tthis.setState({\n\t\t\tisAssignPoolModalLoading: true,\n\t\t});\n\n\t\tlet selectedPool = this.state.selectedPool;\n\t\tlet selectedDevice = this.state.selectedDevice;\n\t\tlet currentHealthSystem = getCurrentHealthSystemInfo();\n\t\tassignPoolToDevice(currentHealthSystem.currentHealthSystemId, selectedPool.id, selectedDevice.deviceId).then(() => {\n\t\t\tthis.setState({\n\t\t\t\tisAssignPoolModalLoading: false,\n\t\t\t});\n\t\t\tthis.toggleAssignPoolModal();\n\t\t\tthis.props.getTreeData();\n\t\t\tthis.loadRoom();\n\t\t});\n\t};\n\n\ttoggleRoomModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisRoomModalOpen: !this.state.isRoomModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isRoomModalOpen) {\n\t\t\t\t\tlet sector = findSectorById(this.props.treeData.tree, this.props.match.params.roomId);\n\t\t\t\t\tlet sectorParent = getParentSector(this.props.treeData.tree, sector);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tparentSectorName: sectorParent.name,\n\t\t\t\t\t\tparentSectorType: sectorParent.type,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleDevicesModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisDevicesModalOpen: !this.state.isDevicesModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isDevicesModalOpen) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisAddDeviceModalSubmitDisabled: true,\n\t\t\t\t\t\tselectedDeviceId: -1,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tdeviceIdInput: '',\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleAssignPoolModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisAssignDevicePoolOpen: !this.state.isAssignDevicePoolOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isAssignDevicePoolOpen) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisAssignPoolModalSubmitDisabled: true,\n\t\t\t\t\t\tselectedDeviceId: -1,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\tsetInputValues = event => {\n\t\tthis.setState({\n\t\t\t[event.target.name]: event.target.value,\n\t\t});\n\t};\n\n\tgetCurrentRoom() {\n\t\tlet hospitals = this.props.treeData.tree;\n\t\tlet room = findSectorById(hospitals, this.props.match.params.roomId);\n\t\treturn {\n\t\t\tsectorName: room ? room.name : '',\n\t\t\tsectorId: room ? room.roomId : '',\n\t\t\troomName: room ? room.name : '',\n\t\t\thospitalId: room ? room.hospitalId : '',\n\t\t\tdepartmentId: room ? room.departmentId : '',\n\t\t\tfloorId: room ? room.floorId : '',\n\t\t\troomId: room ? room.roomId : '',\n\t\t\tsectorType: room ? room.type : '',\n\t\t};\n\t}\n\n\ttoggleEditSectorModal = data => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisEditSectorModalOpen: !this.state.isEditSectorModalOpen,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tconst sector = findSectorById(this.props.treeData.tree, data[data.sectorType + 'Id']);\n\t\t\t\t\tif (!sector) {\n\t\t\t\t\t\tthis.toggleAlert('message', 'Sector is not found..', 'error');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\n\t\t\t\t\tconst sectorParent = getParentSector(this.props.treeData.tree, sector);\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tsectorType: data.sectorType,\n\t\t\t\t\t\tsectorName: data.sectorName,\n\t\t\t\t\t\tsectorData: data,\n\t\t\t\t\t\tsectorLocation: sector.treeLocation,\n\t\t\t\t\t\tparentSectorName: sectorParent.name,\n\t\t\t\t\t\tparentSectorType: sectorParent.type,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.loadSpecialties();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleAssignPatientModal = () => {\n\t\tthis.setState(prevState => ({\n\t\t\tisAssignPatientModalOpen: !prevState.isAssignPatientModalOpen,\n\t\t}));\n\t};\n\n\ttoggleUnassignPatientModal = () => {\n\t\tthis.setState(prevState => ({\n\t\t\tisUnassignPatientModalOpen: !prevState.isUnassignPatientModalOpen,\n\t\t}));\n\t};\n\n\tupdateTree = () => {\n\t\tthis.props.getTreeData();\n\t\tthis.toggleEditSectorModal();\n\t};\n\n\tgetCameraTypeDeviceSetting = async deviceId => {\n\t\tif (deviceId) {\n\t\t\tlet { deviceSettings, error } = await getDeviceSetting(deviceId, SettingTypes.CAMERA_TYPE);\n\t\t\tif (error) {\n\t\t\t\tthis.toggleAlert('message', 'Failed to load default camera setting!', 'error');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tlet defaultCamType = DefaultCameraTypes.HELLO.toString();\n\t\t\tif (deviceSettings.length) {\n\t\t\t\tdefaultCamType = deviceSettings[0].value.toString();\n\t\t\t}\n\t\t\tthis.setState(prevState => ({\n\t\t\t\tselectedDevice: { ...prevState, deviceId, defaultCamType },\n\t\t\t}));\n\t\t}\n\t};\n\n\ttoggleSelectDefaultCamera = async deviceId => {\n\t\tthis.setState({\n\t\t\tisSelectDefaultCameraModalOpen: !!deviceId,\n\t\t\tisSettingsModalLoading: true,\n\t\t});\n\t\tawait this.getCameraTypeDeviceSetting(deviceId);\n\t\tthis.setState({\n\t\t\tisSettingsModalLoading: false,\n\t\t});\n\t};\n\n\tonChangeDefaultCamera = defaultCamType => {\n\t\tif (defaultCamType) {\n\t\t\tthis.setState(prevState => ({\n\t\t\t\tselectedDevice: { ...prevState.selectedDevice, defaultCamType },\n\t\t\t}));\n\t\t}\n\t};\n\n\tgetDeviceOwner = (isDefaultOwner, owner) => {\n\t\tconst room = this.getCurrentRoom();\n\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t{isDefaultOwner ? room.roomName : owner || ''}
;\n\t};\n\n\tunAssignPatient = async () => {\n\t\tthis.setState({\n\t\t\tisUnassignPatientModalLoading: true,\n\t\t});\n\n\t\tawait deletePatientDeviceOwner(this.state.devices[0].solHelloDeviceId);\n\n\t\tthis.setState({\n\t\t\tisUnassignPatientModalLoading: false,\n\t\t\tisUnassignPatientModalOpen: false,\n\t\t});\n\n\t\tthis.props.getTreeData();\n\t\tthis.loadRoom();\n\t};\n\n\trender() {\n\t\tconst room = this.getCurrentRoom();\n\t\tconst userRole = getUserRole();\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t{this.state.isEditSectorModalOpen && (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tthis.props.getTreeData();\n\t\t\t\t\t\t\tthis.loadRoom();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdevices={this.state.devices}\n\t\t\t\t\t\tsetDevices={devices =>\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\tdevices,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\thealthSystemId={getCurrentHealthSystemInfo()?.currentHealthSystemId}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t this.setState({ isSpecialtiesModalOpen: false })}>\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{/* \n\t\t\t\t\t\n\t\t\t\t */}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.toggleSelectDefaultCamera()}\n\t\t\t\t\tonModalSubmit={this.updateDeviceSettings}\n\t\t\t\t\tonChange={this.onChangeDefaultCamera}\n\t\t\t\t\tselectedDevice={this.state.selectedDevice}\n\t\t\t\t/>\n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(withRouter(Room));\n","import React from 'react';\nimport Grid from 'components/Grid';\n\nfunction signOut() {\n\twindow.location.href = '/logout';\n}\n\nconst UnassignedNurse = props => (\n\t\n\t\t\t\t\t\t\t{room.roomName}\n\t\t\t\t\t\t\t{[UserRoles.ADMIN, UserRoles.SUPERUSER].includes(userRole) && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\tYou are currently not assigned to any health system.
\n\t\t\t\n\t\t\tIf you think there has been a mistake, please contact your administrator.
\n\t\t\t\n\t\t\t\tClick here to login with another account.\n\t\t\t\n\t\t toggleTree(true)}>\n\t\t\t\t\tmenu\n\t\t\t\t
\n\t\t\t)}\n\t\t\tPlease select one of the rooms to make a call.
}\n\t\t\t\t\t\t\t\t{orgProps.treeData.tree.length > 0 && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.PERSON_INACTIVE\n\t\t\t\t\t\t\t\t? 'active'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => toggleAiTools(PatientsAiSettings.PERSON_INACTIVE, 'isPatientPositionOn', null)}\n\t\t\t\t\t\tdata-position='top'\n\t\t\t\t\t\tdata-tooltip={\n\t\t\t\t\t\t\taiSettings.find(item => +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.PERSON_INACTIVE\n\t\t\t\t\t\t\t\t? 'Turn off inactive time'\n\t\t\t\t\t\t\t\t: 'Turn on inactive time'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.PERSON_GETTING_OUT_OF_BED\n\t\t\t\t\t\t\t\t? 'active'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => toggleAiTools(PatientsAiSettings.PERSON_GETTING_OUT_OF_BED, 'isGettingOutOfBedOn', null)}\n\t\t\t\t\t\tdata-position='top'\n\t\t\t\t\t\tdata-tooltip={\n\t\t\t\t\t\t\taiSettings.find(item => +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.PERSON_GETTING_OUT_OF_BED\n\t\t\t\t\t\t\t\t? 'Turn off getting out of bed'\n\t\t\t\t\t\t\t\t: 'Turn on getting out of bed'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.RAIL_DOWN\n\t\t\t\t\t\t\t\t? 'active'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => toggleAiTools(PatientsAiSettings.RAIL_DOWN, 'isBedAndRailsOn', DetectionTypes.RAIL)}\n\t\t\t\t\t\tdata-position='top'\n\t\t\t\t\t\tdata-tooltip={\n\t\t\t\t\t\t\taiSettings.find(item => +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.RAIL_DOWN\n\t\t\t\t\t\t\t\t? 'Turn off bed and rails'\n\t\t\t\t\t\t\t\t: 'Turn on bed and rails'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.SKELETON_PRIVATE_MODE\n\t\t\t\t\t\t\t\t? 'active'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => toggleAiTools(PatientsAiSettings.SKELETON_PRIVATE_MODE, 'isSkeletonPrivacyModeOn', DetectionTypes.SKELETON_AND_PRIVACY)}\n\t\t\t\t\t\tdata-position='top'\n\t\t\t\t\t\tdata-tooltip={\n\t\t\t\t\t\t\taiSettings.find(item => +item.deviceId === +participant.objectId)?.settings.find(item => !['false', undefined, null].includes(item.value))\n\t\t\t\t\t\t\t\t?.settingTypeId === PatientsAiSettings.SKELETON_PRIVATE_MODE\n\t\t\t\t\t\t\t\t? 'Turn off privacy mode'\n\t\t\t\t\t\t\t\t: 'Turn on privacy mode'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t\t{alertType && (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{(props.isFeedExpanded || props.numberOfFeeds === 1) && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{props.alertType === AlertTypes.SUCCESS ? 'check_circle_outline' : 'error_outline'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{props.warningObject?.text}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t setAlertType(MeasurementActivityTypes.ACKNOWLEDGED)}>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t setAlertType(MeasurementActivityTypes.MEASUREMENT_FAKE_ALERT)}>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tFalse Alert
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAcknowledge
\n\t\t\t\t\t\t\t\t