\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\t\t\t
\n\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
- \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{this.props.links.map((item, index) => (\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\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\tsectorName: department.name,\n\t\t\t\t\t\t\t\t\tsectorType: department.type,\n\t\t\t\t\t\t\t\t\thospitalId: department.hospitalId,\n\t\t\t\t\t\t\t\t\tdepartmentId: department.departmentId,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\tedit\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t \n\t\t\t\t\t\t initDeleteOrg({ level: DeviceListLevel.DEPARTMENT, id: department.departmentId, name: department.name })}>\n\t\t\t\t\t\t\tdelete\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\tdepartment.subOptions.forEach(floor => {\n\t\t\t\tresult.floors.push({\n\t\t\t\t\tname: floor.name,\n\t\t\t\t\tid: floor.floorId,\n\t\t\t\t\tedit: userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\t\tsectorName: floor.name,\n\t\t\t\t\t\t\t\t\t\tsectorType: floor.type,\n\t\t\t\t\t\t\t\t\t\thospitalId: floor.hospitalId,\n\t\t\t\t\t\t\t\t\t\tdepartmentId: department.departmentId,\n\t\t\t\t\t\t\t\t\t\tfloorId: floor.floorId,\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\tedit\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t initDeleteOrg({ level: DeviceListLevel.FLOOR, id: floor.floorId, name: floor.name })}>\n\t\t\t\t\t\t\t\tdelete\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\tfloor.subOptions.forEach(room => {\n\t\t\t\t\tresult.rooms.push({\n\t\t\t\t\t\tname: room.name,\n\t\t\t\t\t\tid: room.roomId,\n\t\t\t\t\t\tedit: userRole === UserRoles.ADMIN && (\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\t\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\t\t\tsectorName: room.name,\n\t\t\t\t\t\t\t\t\t\t\tsectorType: room.type,\n\t\t\t\t\t\t\t\t\t\t\thospitalId: floor.hospitalId,\n\t\t\t\t\t\t\t\t\t\t\tdepartmentId: department.departmentId,\n\t\t\t\t\t\t\t\t\t\t\tfloorId: floor.floorId,\n\t\t\t\t\t\t\t\t\t\t\troomId: room.roomId,\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\tedit\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 initDeleteOrg({ level: DeviceListLevel.ROOM, id: room.roomId, name: room.name })}>\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\tif (sector.sectorType === SectorTypes.DEPARTMENT) {\n\t\tselectedSector.subOptions.forEach(floor => {\n\t\t\tresult.floors.push({\n\t\t\t\tname: floor.name,\n\t\t\t\tid: floor.floorId,\n\t\t\t\tedit: userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\tsectorName: floor.name,\n\t\t\t\t\t\t\t\t\tsectorType: floor.type,\n\t\t\t\t\t\t\t\t\thospitalId: floor.hospitalId,\n\t\t\t\t\t\t\t\t\tdepartmentId: floor.departmentId,\n\t\t\t\t\t\t\t\t\tfloorId: floor.floorId,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\tedit\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t \n\t\t\t\t\t\t initDeleteOrg({ level: DeviceListLevel.FLOOR, id: floor.floorId, name: floor.name })}>\n\t\t\t\t\t\t\tdelete\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\tfloor.subOptions.forEach(room => {\n\t\t\t\tresult.rooms.push({\n\t\t\t\t\tname: room.name,\n\t\t\t\t\tid: room.roomId,\n\t\t\t\t\tedit: userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\t\tsectorName: room.name,\n\t\t\t\t\t\t\t\t\t\tsectorType: room.type,\n\t\t\t\t\t\t\t\t\t\thospitalId: floor.hospitalId,\n\t\t\t\t\t\t\t\t\t\tdepartmentId: room.departmentId,\n\t\t\t\t\t\t\t\t\t\tfloorId: floor.floorId,\n\t\t\t\t\t\t\t\t\t\troomId: room.roomId,\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\tedit\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t initDeleteOrg({ level: DeviceListLevel.ROOM, id: room.roomId, name: room.name })}>\n\t\t\t\t\t\t\t\tdelete\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\tif (sector.sectorType === SectorTypes.FLOOR) {\n\t\tselectedSector.subOptions.forEach(room => {\n\t\t\tresult.rooms.push({\n\t\t\t\tname: room.name,\n\t\t\t\tid: room.roomId,\n\t\t\t\tedit: userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\ttoggleEditSectorModal({\n\t\t\t\t\t\t\t\t\tsectorName: room.name,\n\t\t\t\t\t\t\t\t\tsectorType: room.type,\n\t\t\t\t\t\t\t\t\thospitalId: room.hospitalId,\n\t\t\t\t\t\t\t\t\tdepartmentId: room.departmentId,\n\t\t\t\t\t\t\t\t\tfloorId: room.floorId,\n\t\t\t\t\t\t\t\t\troomId: room.roomId,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\tedit\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t \n\t\t\t\t\t\t initDeleteOrg({ level: DeviceListLevel.ROOM, id: room.roomId, name: room.name })}>\n\t\t\t\t\t\t\tdelete\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\treturn result;\n}\n\nexport function getParentSector(arr, element) {\n\tlet parent = {};\n\tif (element.type === SectorTypes.ROOM) {\n\t\tparent = findSectorById(arr, element.floorId);\n\t}\n\tif (element.type === SectorTypes.FLOOR) {\n\t\tparent = findSectorById(arr, element.departmentId);\n\t}\n\tif (element.type === SectorTypes.DEPARTMENT) {\n\t\tparent = findSectorById(arr, element.hospitalId);\n\t}\n\treturn parent;\n}\n\nexport function isValidSector(currentSector, tree, sectorName) {\n\tlet sameLevelSectors;\n\tif (currentSector.type === SectorTypes.HOSPITAL) {\n\t\tsameLevelSectors = tree.filter(s => s.isNewOption === undefined);\n\t\tlet hospitalExists = Object.entries(sameLevelSectors[0]).length > 0;\n\t\tif (!hospitalExists) {\n\t\t\treturn true;\n\t\t}\n\t} else {\n\t\tsameLevelSectors = getParentSector(tree, currentSector).subOptions.filter(s => s.isNewOption === undefined);\n\t}\n\n\treturn !sameLevelSectors.some(s => s.name.toLowerCase() === sectorName.toLowerCase());\n}\n\nexport function getSectorPath(sector) {\n\tlet result = {};\n\tif (!sector) {\n\t\treturn result;\n\t}\n\tif (sector.type === SectorTypes.HOSPITAL) {\n\t\tresult[sector.regionId] = {};\n\t}\n\tif (sector.type === SectorTypes.DEPARTMENT) {\n\t\tresult[sector.regionId] = {};\n\t\tresult[sector.regionId][sector.hospitalId] = {};\n\t}\n\tif (sector.type === SectorTypes.FLOOR) {\n\t\tresult[sector.regionId] = {};\n\t\tresult[sector.regionId][sector.hospitalId] = {};\n\t\tresult[sector.regionId][sector.hospitalId][sector.departmentId] = {};\n\t}\n\tif (sector.type === SectorTypes.ROOM) {\n\t\tresult[sector.regionId] = {};\n\t\tresult[sector.regionId][sector.hospitalId] = {};\n\t\tresult[sector.regionId][sector.hospitalId][sector.departmentId] = {};\n\t\tresult[sector.regionId][sector.hospitalId][sector.departmentId][sector.floorId] = {};\n\t}\n\treturn result;\n}\n\nexport function buildTreeModel(hospitals, assignMode) {\n\tlet treeData = [];\n\tlet baseurl = '/health-system';\n\tlet isMonitoring;\n\tlet userRole = getUserRole();\n\tif (window.location.pathname.includes('monitoring')) {\n\t\tisMonitoring = true;\n\t\tbaseurl = '/monitoring';\n\t}\n\n\tfunction tooltipOptions(hasDevice) {\n\t\tif (isMonitoring && hasDevice) {\n\t\t\treturn 'Add to monitoring view';\n\t\t}\n\n\t\tif (assignMode && !hasDevice) {\n\t\t\treturn 'Assign device';\n\t\t}\n\t\treturn '';\n\t}\n\n\thospitals.forEach((hospital, hospitalIndex) => {\n\t\tif (hospitalIndex === 0) {\n\t\t\ttreeData.firstHospitalId = hospital.id;\n\t\t}\n\n\t\ttreeData.push({\n\t\t\tname: hospital.name,\n\t\t\ticon: 'business',\n\t\t\tlink: `${baseurl}/${hospital.id}`,\n\t\t\ttooltip: userRole === UserRoles.ADMIN ? 'Add Department' : false,\n\t\t\ttype: 'hospital',\n\t\t\tsubOptions: [],\n\t\t\thospitalId: hospital.id,\n\t\t\tbreadcrumb: [\n\t\t\t\t{\n\t\t\t\t\tname: hospital.name,\n\t\t\t\t\tlink: `${baseurl}/${hospital.id}`,\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\n\t\thospital.departments.forEach((department, departmentIndex) => {\n\t\t\ttreeData[hospitalIndex].subOptions.push({\n\t\t\t\tname: department.name,\n\t\t\t\ticon: 'account_balance',\n\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}`,\n\t\t\t\ttooltip: userRole === UserRoles.ADMIN ? 'Add Floor' : false,\n\t\t\t\ttype: 'department',\n\t\t\t\tsubOptions: [],\n\t\t\t\tdepartmentId: department.id,\n\t\t\t\thospitalId: hospital.id,\n\t\t\t\tbreadcrumb: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}`,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}`,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\ttreeLocation: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\ticon: 'business',\n\t\t\t\t\t\ttype: 'hospital',\n\t\t\t\t\t\tsubOptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\t\t\ticon: 'account_balance',\n\t\t\t\t\t\t\t\ttype: 'department',\n\t\t\t\t\t\t\t\tsubOptions: [],\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\tdepartment.floors.forEach((floor, floorIndex) => {\n\t\t\t\ttreeData[hospitalIndex].subOptions[departmentIndex].subOptions.push({\n\t\t\t\t\tname: floor.name,\n\t\t\t\t\ticon: 'money',\n\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}`,\n\t\t\t\t\ttooltip: userRole === UserRoles.ADMIN ? 'Add Room' : false,\n\t\t\t\t\ttype: 'floor',\n\t\t\t\t\tsubOptions: [],\n\t\t\t\t\tfloorId: floor.id,\n\t\t\t\t\tdepartmentId: department.id,\n\t\t\t\t\thospitalId: hospital.id,\n\t\t\t\t\tbreadcrumb: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}`,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}`,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: floor.name,\n\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}`,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\ttreeLocation: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\t\ticon: 'business',\n\t\t\t\t\t\t\ttype: 'hospital',\n\t\t\t\t\t\t\tsubOptions: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\t\t\t\ticon: 'account_balance',\n\t\t\t\t\t\t\t\t\ttype: 'department',\n\t\t\t\t\t\t\t\t\tsubOptions: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: floor.name,\n\t\t\t\t\t\t\t\t\t\t\ticon: 'meeting_room',\n\t\t\t\t\t\t\t\t\t\t\ttype: 'room',\n\t\t\t\t\t\t\t\t\t\t\tsubOptions: [],\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});\n\n\t\t\t\tfloor.rooms.forEach((room, roomIndex) => {\n\t\t\t\t\ttreeData[hospitalIndex].subOptions[departmentIndex].subOptions[floorIndex].subOptions.push({\n\t\t\t\t\t\tname: room.name,\n\t\t\t\t\t\ticon: 'meeting_room',\n\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}/room/${room.id}`,\n\t\t\t\t\t\ttype: 'room',\n\t\t\t\t\t\tsubOptions: [],\n\t\t\t\t\t\troomId: room.id,\n\t\t\t\t\t\troomIndex: roomIndex,\n\t\t\t\t\t\tfloorId: floor.id,\n\t\t\t\t\t\tdepartmentId: department.id,\n\t\t\t\t\t\thospitalId: hospital.id,\n\t\t\t\t\t\ttooltip: tooltipOptions(room.helloDeviceId),\n\t\t\t\t\t\tbreadcrumb: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: floor.name,\n\t\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: room.name,\n\t\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}/room/${room.id}`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t],\n\t\t\t\t\t\tstatus: room.isOnline ? 'online' : 'offline',\n\t\t\t\t\t\tdeviceBusy: room.callState === ParticipantState.CONNECTED.type,\n\t\t\t\t\t\thelloDeviceId: room.helloDeviceId,\n\t\t\t\t\t\ttreeLocation: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: hospital.name,\n\t\t\t\t\t\t\t\ticon: 'business',\n\t\t\t\t\t\t\t\ttype: 'hospital',\n\t\t\t\t\t\t\t\tsubOptions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tname: department.name,\n\t\t\t\t\t\t\t\t\t\ticon: 'account_balance',\n\t\t\t\t\t\t\t\t\t\ttype: 'department',\n\t\t\t\t\t\t\t\t\t\tsubOptions: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tname: floor.name,\n\t\t\t\t\t\t\t\t\t\t\t\ticon: 'money',\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'floor',\n\t\t\t\t\t\t\t\t\t\t\t\tsubOptions: [\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\t\tname: room.name,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon: 'meeting_room',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlink: `${baseurl}/${hospital.id}/department/${department.id}/floor/${floor.id}/room/${room.id}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'room',\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},\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});\n\t\t\t});\n\t\t});\n\t});\n\n\treturn treeData;\n}\n\nexport function getLevelDevices(option) {\n\tlet devices = [];\n\tswitch (option.type) {\n\t\tcase 'hospital': {\n\t\t\tconst departments = option.subOptions;\n\t\t\tdepartments.forEach(department => {\n\t\t\t\tconst floors = department.subOptions;\n\t\t\t\tfloors.forEach(floor => {\n\t\t\t\t\tconst rooms = floor.subOptions;\n\t\t\t\t\trooms.forEach(room => {\n\t\t\t\t\t\tif (room.helloDeviceId !== undefined) {\n\t\t\t\t\t\t\tdevices.push(room.helloDeviceId);\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\treturn devices;\n\t\t}\n\t\tcase 'department': {\n\t\t\tconst floors = option.subOptions;\n\t\t\tfloors.forEach(floor => {\n\t\t\t\tconst rooms = floor.subOptions;\n\t\t\t\trooms.forEach(room => {\n\t\t\t\t\tif (room.helloDeviceId !== undefined) {\n\t\t\t\t\t\tdevices.push(room.helloDeviceId);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn devices;\n\t\t}\n\t\tcase 'floor': {\n\t\t\tconst rooms = option.subOptions;\n\t\t\trooms.forEach(room => {\n\t\t\t\tif (room.helloDeviceId !== undefined) {\n\t\t\t\t\tdevices.push(room.helloDeviceId);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn devices;\n\t\t}\n\t\tdefault:\n\t\t\treturn devices;\n\t}\n}\n\nexport function getDeviceAssignedRoom(tree, deviceId) {\n\tconst option = {};\n\ttree.forEach(region => {\n\t\tconst hospitals = region.subOptions;\n\t\thospitals.forEach(hospital => {\n\t\t\tconst departments = hospital.subOptions;\n\t\t\tdepartments.forEach(department => {\n\t\t\t\tconst floors = department.subOptions;\n\t\t\t\tfloors.forEach(floor => {\n\t\t\t\t\tconst rooms = floor.subOptions;\n\t\t\t\t\trooms.forEach(room => {\n\t\t\t\t\t\tif (room.helloDeviceId === deviceId) {\n\t\t\t\t\t\t\toption.roomName = room.name;\n\t\t\t\t\t\t\toption.floorName = floor.name;\n\t\t\t\t\t\t\toption.departmentName = department.name;\n\t\t\t\t\t\t\toption.hospitalName = hospital.name;\n\t\t\t\t\t\t\toption.regionName = region.name;\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\treturn option;\n}\n\nexport function getLevelRoomsWithDevices(option) {\n\tlet devices = [];\n\tswitch (option.type) {\n\t\tcase 'hospital': {\n\t\t\tconst departments = option.subOptions;\n\t\t\tdepartments.forEach(department => {\n\t\t\t\tconst floors = department.subOptions;\n\t\t\t\tfloors.forEach(floor => {\n\t\t\t\t\tconst rooms = floor.subOptions;\n\t\t\t\t\trooms.forEach(room => {\n\t\t\t\t\t\tif (room.helloDeviceId) devices.push(room);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn devices;\n\t\t}\n\t\tcase 'department': {\n\t\t\tconst floors = option.subOptions;\n\t\t\tfloors.forEach(floor => {\n\t\t\t\tconst rooms = floor.subOptions;\n\t\t\t\trooms.forEach(room => {\n\t\t\t\t\tif (room.helloDeviceId) devices.push(room);\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn devices;\n\t\t}\n\t\tcase 'floor': {\n\t\t\tconst rooms = option.subOptions;\n\t\t\trooms.forEach(room => {\n\t\t\t\tif (room.helloDeviceId) devices.push(room);\n\t\t\t});\n\t\t\treturn devices;\n\t\t}\n\t\tdefault:\n\t\t\treturn devices;\n\t}\n}\n\nexport function getNursePoolingStatus() {\n\treturn localStorage.getItem('nursePoolingStatus');\n}\n\nexport function sortByRoomName(array) {\n\tconst collator = new Intl.Collator(undefined, {\n\t\tnumeric: true,\n\t\tsensitivity: 'base',\n\t});\n\treturn array.sort((a, b) => collator.compare(a.roomName, b.roomName));\n}\n\nexport const getPort = url => {\n\tconst parts = url.split(':');\n\tconst port = parseInt(parts[parts.length - 1], 10);\n\tif (parts[0] === 'http' && (Number.isNaN(port) || parts.length < 3)) {\n\t\treturn '';\n\t}\n\tif (parts[0] === 'https' && (Number.isNaN(port) || parts.length < 3)) {\n\t\treturn '';\n\t}\n\tif (parts.length === 1 || Number.isNaN(port)) return '';\n\treturn port;\n};\n\nexport const handleOnKeyDownNumeric = (event, allowPeriod = false) => {\n\tif (\n\t\t[\n\t\t\tKeyCodes.MINUS,\n\t\t\tKeyCodes.NUMPAD_PERIOD,\n\t\t\tKeyCodes.NUMPAD_ADD,\n\t\t\tKeyCodes.NUMPAD_SUBTRACT,\n\t\t\t!allowPeriod && KeyCodes.PERIOD,\n\t\t\tKeyCodes.PLUS,\n\t\t\tKeyCodes.LETTER_E,\n\t\t].includes(event.which)\n\t) {\n\t\tevent.preventDefault();\n\t}\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/mainLayout/actions';\nimport LeftNavigation from 'components/LeftNavigation';\nimport Grid from 'components/Grid';\nimport { getUserRole } from 'infrastructure/auth';\nimport { UserRoles } from 'constants/enums';\nimport { getNursePoolingStatus } from 'infrastructure/helpers/commonHelpers';\n\nclass Layout extends Component {\n\tonLeftNavigationItemClicked = (item, event) => {\n\t\tif (item.role === 'toggleLeftNavigation') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.props.toggleLeftNavigation();\n\t\t}\n\t};\n\n\tgetLeftNavigationItems() {\n\t\tlet leftNavigationItems = [];\n\n\t\tconst isPoolingPage = getUserRole() === UserRoles.NURSE && !getNursePoolingStatus();\n\n\t\tswitch (getUserRole()) {\n\t\t\tcase UserRoles.SUPERUSER: {\n\t\t\t\tleftNavigationItems = [\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'panorama_fish_eye',\n\t\t\t\t\t\tlinkTo: '/health-system',\n\t\t\t\t\t\ttitle: 'Organization',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'person',\n\t\t\t\t\t\tlinkTo: '/users',\n\t\t\t\t\t\ttitle: 'User Management',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'assessment',\n\t\t\t\t\t\tlinkTo: '/calllogs',\n\t\t\t\t\t\ttitle: 'Call logs',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'unfold_more',\n\t\t\t\t\t\tlinkTo: '#',\n\t\t\t\t\t\ttitle: 'Collapse',\n\t\t\t\t\t\trole: 'toggleLeftNavigation',\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase UserRoles.ADMIN: {\n\t\t\t\tleftNavigationItems = [\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'panorama_fish_eye',\n\t\t\t\t\t\tlinkTo: '/health-system',\n\t\t\t\t\t\ttitle: 'Organization',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'person',\n\t\t\t\t\t\tlinkTo: '/users',\n\t\t\t\t\t\ttitle: 'User Management',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'assessment',\n\t\t\t\t\t\tlinkTo: '/calllogs',\n\t\t\t\t\t\ttitle: 'Call logs',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'build',\n\t\t\t\t\t\tlinkTo: '/configurations',\n\t\t\t\t\t\ttitle: 'Configurations',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'unfold_more',\n\t\t\t\t\t\tlinkTo: '#',\n\t\t\t\t\t\ttitle: 'Collapse',\n\t\t\t\t\t\trole: 'toggleLeftNavigation',\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase UserRoles.NURSE:\n\t\t\t\tleftNavigationItems = [\n\t\t\t\t\t...(!isPoolingPage\n\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ticon: 'panorama_fish_eye',\n\t\t\t\t\t\t\t\t\tlinkTo: '/health-system',\n\t\t\t\t\t\t\t\t\ttitle: 'Organization',\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\ticon: 'remove_red_eye',\n\t\t\t\t\t\t\t\t\tlinkTo: '/monitoring',\n\t\t\t\t\t\t\t\t\ttitle: 'Monitoring',\n\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{\n\t\t\t\t\t\ticon: 'unfold_more',\n\t\t\t\t\t\tlinkTo: '#',\n\t\t\t\t\t\ttitle: 'Collapse',\n\t\t\t\t\t\trole: 'toggleLeftNavigation',\n\t\t\t\t\t},\n\t\t\t\t].filter(Boolean);\n\n\t\t\t\tbreak;\n\t\t\tcase UserRoles.VIRTUALSITTER: {\n\t\t\t\tleftNavigationItems = [\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'remove_red_eye',\n\t\t\t\t\t\tlinkTo: '/monitoring',\n\t\t\t\t\t\ttitle: 'Monitoring',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ticon: 'unfold_more',\n\t\t\t\t\t\tlinkTo: '#',\n\t\t\t\t\t\ttitle: 'Collapse',\n\t\t\t\t\t\trole: 'toggleLeftNavigation',\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\tleftNavigationItems = [];\n\t\t\t}\n\t\t}\n\n\t\treturn leftNavigationItems;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t\n\t\t\t\t
\n\t\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 { withRouter, Link } from 'react-router-dom';\n\nconst Breadcrumb = 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
\n\t\t\t\t\n\t\t\t\t\t{this.props.correlationId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.copied ? 'Copied!' : this.props.correlationId}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!this.props.correlationId && n/a}\n\n\t\t\t\t\t{this.props.correlationId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tfile_copy\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","import React from 'react';\nimport Grid from 'components/Grid';\nimport Avatar from 'components/Avatar';\nimport { ConferenceEndReason, ParticipantState } from 'constants/enums';\n\nconst CallEndReason = props => (\n\t\n\t\t\n\t\t\t \n\t
\n);\n\nexport default CallEndReason;\n","import React from 'react';\n\nconst Checkbox = props => (\n\t\n);\n\nexport default Checkbox;\n","import React from 'react';\n\nconst DescriptionBox = props => (\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\t{props.onPatientBusyNurse && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{props.onPatientBusyNurse.state === ParticipantState.CONNECTING.type && `This device has initiated a call. Try again later.`}\n\t\t\t\t\t\t\t\t{[ParticipantState.CONNECTED.type, ParticipantState.RECONNECTING.type].includes(props.onPatientBusyNurse.state) &&\n\t\t\t\t\t\t\t\t\t`This device is currently on a call with ${props.onPatientBusyNurse.name}. Try again later.`}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!props.onPatientBusyNurse && `This device is currently on a call. Try again later.`}\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_OFFLINE && (\n\t\t\t\t\t\n\t\t\t\t\t\tThis device is offline. Try again later.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{(props.reason === ConferenceEndReason.PARTICIPANT_LEFT ||\n\t\t\t\t\tprops.reason === ConferenceEndReason.INITIATOR_LEFT ||\n\t\t\t\t\tprops.reason === ConferenceEndReason.OWNER_LEFT) && (\n\t\t\t\t\t\n\t\t\t\t\t\tCall ended.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_DECLINED && (\n\t\t\t\t\t\n\t\t\t\t\t\tCall has been declined.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_NOT_ANSWERING && (\n\t\t\t\t\t\n\t\t\t\t\t\tCan't connect to this device. Please try again.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.ABORTED && (\n\t\t\t\t\t\n\t\t\t\t\t\tCall has ended. Please try again.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.DROPPED && (\n\t\t\t\t\t\n\t\t\t\t\t\tFailed to reconnect to the network. Please try again.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_PASSWORD_CHANGED && (\n\t\t\t\t\t\n\t\t\t\t\t\tThe password for this account has been changed. Please login using the new credentials.\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_IDLE && (\n\t\t\t\t\t\n\t\t\t\t\t\tYou have been idle for too long. Call is ended.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.TERMINATED_BY_ADMINISTRATOR && (\n\t\t\t\t\t\n\t\t\t\t\t\tThis session was ended by a Banyan admin.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_INVITE_DENIED && (\n\t\t\t\t\t\n\t\t\t\t\t\tYou don't have sufficient permissions to call this participant. Please contact your administrator.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.FAILED_TO_GET_INITIATOR_INFO && (\n\t\t\t\t\t\n\t\t\t\t\t\tFailed to get your information. Please try again.\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason === ConferenceEndReason.PARTICIPANT_INVITE_FAILED && (\n\t\t\t\t\t\n\t\t\t\t\t\tFailed to get participant information. Please try again.\n\t\t\t\t\t
\n\t\t\t\t)}\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{this.props.isDropdownTitleVisible && (\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tconst dropdownRefProperties = this.dropdownRef.current?.getBoundingClientRect();\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t{this.props.children}\n\t\t\t{this.props.dropdownInnerTitle}
\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{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.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';\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{!this.props.hideActionButtons && (\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\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{!this.props.hideCloseButton && (\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\t{this.props.submitButtonText !== '' && (\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\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t
\n);\n\nexport default Select;\n","import React from 'react';\nimport Grid from 'components/Grid';\nimport Avatar from 'components/Avatar';\nimport { RTCPeerConnectionEnum } from 'constants/enums';\n\nconst ConnectionStatus = props => (\n\t{props.label}
\n\t\t{props.description}
\n\t\t\n\t\t{props.error}\n\t\n\t\t\n\t\t\t \n\t
\n);\n\nexport default ConnectionStatus;\n","import React from 'react';\nimport Grid from 'components/Grid';\n\nconst ActiveConference = () => (\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\tPlease wait…attempting to reconnect to the network.\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t\t\t \n\t
\n);\n\nexport default ActiveConference;\n","import React from 'react';\nimport Grid from 'components/Grid';\n\nconst AnotherNursePickedUp = () => (\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\tYou're already in a call or monitoring patients.
\n\t\t\t\t\tPlease try again after you end that session.\n\t\t\t\t
\n\t\t\n\t\t\t \n\t
\n);\n\nexport default AnotherNursePickedUp;\n","import React from 'react';\n\nconst SkeletonLoader = props => (\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\tAnother nurse picked up this call.\n\t\t\t\t
\n\t\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 Grid from 'components/Grid';\nimport { StreamError } from 'constants/enums';\nimport { isMacintosh } from 'infrastructure/helpers/commonHelpers';\n\nconst StreamPermissions = props => (\n\t\n\t\t\n\t\t\t \n\t
\n);\n\nexport default StreamPermissions;\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\n\t\t\t\t{props.reason.type === StreamError.PERMISSION_DISMISSED.type && (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason.type === StreamError.STREAM_NOT_ALLOWED.type && (\n\t\t\t\t\tAllow Banyan to use your microphone
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
Banyan needs access to your microphone so patients can hear you. Check the top left of the screen and click Allow.
\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\n\t\t\t\t{props.reason.type === StreamError.DEVICE_NOT_FOUND.type && (\n\t\t\t\t\tTurn on Microphone and Camera
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
To make a call on Banyan, you need to allow permissions for microphone and camera.
\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\n\t\t\t\t{props.reason.type === StreamError.NOT_READABLE_ERROR.type && (\n\t\t\t\t\tDevice not found
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tTo make a video call on Banyan, you need to turn on your camera. For\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tan audio call, you need to turn on your microphone. Try again by refreshing\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tthe page.\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)}\n\n\t\t\t\t{props.reason.type === StreamError.MICROPHONE_NOT_FOUND.type && (\n\t\t\t\t\tDevice may be in use
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tCamera or microphone may be in use by another application.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tPlease close the other application and refresh the page.\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)}\n\n\t\t\t\t{props.reason.type === StreamError.CAMERA_BLOCKED.type && (\n\t\t\t\t\tCan’t find your microphone
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tPlease check on your system if a mic has been plugged in and you have allowed mic permissions. If not, plug one in or allow permissions and\n\t\t\t\t\t\t\trestart your browser. Patients won’t be able to hear you until you do that.\n\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{props.reason.type === StreamError.MICROPHONE_BLOCKED.type && (\n\t\t\t\t\t\n\t\t\t\t\t\tYour Camera is blocked
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t• Click the Camera blocked icon on the top right of your screen\n\t\t\t\t\t\t\t
• Allow access and refresh the page\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)}\n\n\t\t\t\t{props.reason.type === StreamError.CAM_AND_MIC_BLOCKED.type && (\n\t\t\t\t\tYour Microphone is blocked
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t• Click the Microphone blocked icon on the top right of your screen\n\t\t\t\t\t\t\t
• Allow access and refresh the page\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)}\n\t\t\t\n\t\t\t\t\t\tYour Camera and Microphone are blocked
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t• Click the camera blocked icon on the top right of your screen\n\t\t\t\t\t\t\t
• Allow access and refresh the page\n\t\t\t\t\t\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, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { CameraTiltDirection, ZoomDirection, CameraType, CameraZoomLevels, CameraTiltAction } from 'constants/enums';\nimport classNames from 'classnames/bind';\n\nclass Tilt extends Component {\n\tpreviousTiltAction;\n\n\tisMouseDown = false;\n\n\tsendTiltEvent = (direction, action) => {\n\t\tif (\n\t\t\tthis.props.disabled ||\n\t\t\t(this.props.cameraType === CameraType.HELLO && this.props.disabledDirections[direction]) ||\n\t\t\t(this.previousTiltAction === CameraTiltAction.STOP && action === CameraTiltAction.STOP)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.props.tiltHandler(direction, action);\n\t\tthis.previousTiltAction = action;\n\t};\n\n\tonMouseDown = (direction, action) => {\n\t\tthis.isMouseDown = true;\n\t\tthis.sendTiltEvent(direction, action);\n\t};\n\n\tonMouseUp = (direction, action) => {\n\t\tthis.isMouseDown = false;\n\t\tthis.sendTiltEvent(direction, action);\n\t};\n\n\tonMouseOut = (direction, action) => {\n\t\tif (this.isMouseDown) {\n\t\t\tthis.sendTiltEvent(direction, action);\n\t\t}\n\t};\n\n\trender() {\n\t\tconst zoomUpperLimit = this.props.cameraType === CameraType.HELLO ? CameraZoomLevels.HELLO_MAX : CameraZoomLevels.HUDDLE_MAX;\n\t\treturn (\n\t\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
\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nTilt.defaultProps = {\n\tdisabledDirections: {},\n};\n\nTilt.propTypes = {\n\ttiltHandler: PropTypes.func,\n\tcameraZoomLevel: PropTypes.number,\n\tcameraType: PropTypes.string,\n\tupdateZoomLevel: PropTypes.func,\n\tdisabled: PropTypes.bool,\n};\n\nexport default Tilt;\n","import React, { Component } from 'react';\nimport classNames from 'classnames/bind';\nimport PropTypes from 'prop-types';\n\nconst Toggle = props => {\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onMouseDown(CameraTiltDirection.UP, CameraTiltAction.START);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\t\tthis.onMouseUp(CameraTiltDirection.UP, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\t\tthis.onMouseOut(CameraTiltDirection.UP, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onMouseDown(CameraTiltDirection.RIGHT, CameraTiltAction.START);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\t\tthis.onMouseUp(CameraTiltDirection.RIGHT, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\t\tthis.onMouseOut(CameraTiltDirection.RIGHT, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onMouseDown(CameraTiltDirection.LEFT, CameraTiltAction.START);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\t\tthis.onMouseUp(CameraTiltDirection.LEFT, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\t\tthis.onMouseOut(CameraTiltDirection.LEFT, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onMouseDown(CameraTiltDirection.DOWN, CameraTiltAction.START);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseUp={() => {\n\t\t\t\t\t\t\t\tthis.onMouseUp(CameraTiltDirection.DOWN, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseOut={() => {\n\t\t\t\t\t\t\t\tthis.onMouseOut(CameraTiltDirection.DOWN, CameraTiltAction.STOP);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={() => {}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.cameraType === CameraType.HUDDLE && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\trefresh\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\n\t\t\t\t\t {\n\t\t\t\t\t\t\tif (this.props.cameraZoomLevel === 0 || this.props.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.props.updateZoomLevel(ZoomDirection.DECREASE);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tremove\n\t\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tif (this.props.cameraZoomLevel === zoomUpperLimit || this.props.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.props.updateZoomLevel(ZoomDirection.INCREASE);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tadd\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\tZoom {this.props.cameraZoomLevel !== 0 ? `x${this.props.cameraZoomLevel / 20}` : ''}
\n\t\t\t\t\t\n\t\t\t{props.toggleOnText}\n\t\t\t{props.toggleOffText}\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};\nexport default Toggle;\n","import React, { Component } from 'react';\nimport Avatar from 'components/Avatar';\n\nclass TopParticipant 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\tconst streamHasChanged =\n\t\t\tprevProps.topParticipantFeed && this.props.topParticipantFeed && prevProps.topParticipantFeed.id !== this.props.topParticipantFeed.id;\n\n\t\tif (streamHasChanged || (this.videoRef && this.videoRef.srcObject == null)) {\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.topParticipantFeed.mediaStream;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\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';\nimport Avatar from 'components/Avatar';\n\nclass 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';\n\nexport const SocketContext = React.createContext({});\n","import React, { Component, useRef, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { If, Then, Else } from 'react-if';\nimport classNames from 'classnames/bind';\nimport { SectorTypes, CallTypes } from 'constants/enums';\nimport { SocketContext } from 'io-client/SocketContext';\nimport { treeSectorNameMaxCharacters } from 'constants/global-variables';\n\nlet sectors = {\n\thospital: {\n\t\tsubtype: 'department',\n\t\ticon: 'account_balance',\n\t},\n\tdepartment: {\n\t\tsubtype: 'floor',\n\t\ticon: 'money',\n\t},\n\tfloor: {\n\t\tsubtype: 'room',\n\t\ticon: 'meeting_room',\n\t},\n};\n\nconst OptionName = props => {\n\tconst { option } = props;\n\tconst [tooltipStyle, setTooltipStyle] = useState(null);\n\tconst roomStatusRef = useRef(null);\n\tconst toggleTooltip = show => {\n\t\tconst roomStatusEl = roomStatusRef.current?.getBoundingClientRect();\n\t\tif (show && roomStatusEl) {\n\t\t\tsetTooltipStyle({\n\t\t\t\tdisplay: 'block',\n\t\t\t\ttop: roomStatusEl.top,\n\t\t\t\tleft: roomStatusEl.left,\n\t\t\t});\n\t\t} else {\n\t\t\tsetTooltipStyle(null);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{option.name}\n\t\t\t{option.helloDeviceId && fiber_manual_record}\n\t\t\t{option.helloDeviceId && option.deviceBusy && (\n\t\t\t\t<>\n\t\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{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\tonSendCheckDeviceActiveConferences={onSendCheckDeviceActiveConferences}\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\tonSendCheckDeviceActiveConferences={onSendCheckDeviceActiveConferences}\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\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\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 \n\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\t{option.icon}\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\taddNewOptionOnEnter(event, option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={`Add ${option.type}`}\n\t\t\t\t\t\t\t\t\t\t\tautoFocus\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\t{option.error}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t checkDeviceActiveConferences(option)} onFocus={() => {}}>\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\ttoggleExpand(findProperId(option), false, option);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\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\t\n\t\t\t\t\t\t\t\t\t{option.icon}\n\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\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectOption(event, option);\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 \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\t\t\t\tselectOption(event, option);\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 \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t{option.tooltip && !option.isCreatingSector && (\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\taddNewOptionClick(option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tdata-tooltip={addSectorTooltip(option)}\n\t\t\t\t\t\t\t\t\t\t\tdata-position='left'>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\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\t\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 0 && this.props.tvBrand !== TvBrands.CEC_TV}\n\t\t\t\t\tpersist={true}\n\t\t\t\t\tmessage='TV is muted or OFF. Please make sure the patient can hear you.'\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tposition='top'\n\t\t\t\t\thideCloseButton={true}\n\t\t\t\t/>\n\t\t\t\t {\n\t\t\t\t\t\tthis.serialCommandsTv(TvControlsEnums.POWER);\n\t\t\t\t\t}}\n\t\t\t\t\ttooltip={this.state.powerToolTip}\n\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\tisDisabled={this.props.isDisabled}\n\t\t\t\t/>\n\t\t\t\t{this.props.tvBrand !== TvBrands.CEC_TV && (\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\tthis.onHdmiTypeChanged.bind(this);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttooltip=\"Switch patient's HDMI\"\n\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\tisDisabled={this.props.isDisabled}>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\tawait this.callManager.serialCommandsTv(\n\t\t\t\t\t\t\t\tSerialTVCommands.HDMI.SWITCH_HDMI1,\n\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\tthis.state.deviceId,\n\t\t\t\t\t\t\t\tthis.props.conferenceId,\n\t\t\t\t\t\t\t\tthis.props.participantId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttooltip='Switch to HELLO Source'\n\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\tisDisabled={this.props.isDisabled}\n\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 { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\n/**\n * @function getAllHealthSystems\n * @desc Gets the user's health systems\n */\nexport function getAllHealthSystems() {\n\treturn new Promise((res, rej) => {\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems`;\n\t\tgatewayApi\n\t\t\t.get(url)\n\t\t\t.then(response => res(response.data))\n\t\t\t.catch(error => rej(error));\n\t});\n}\n\n/**\n * @function createHealthSystem\n * @desc Creates a new health system\n * @param {string} healthSystemName, Name of the new health system example: \"Florida Health System\"\n * @param {Array} healthSystemRegions, Regions of new health systems example: [{name: \"South Region\"}, {name: \"Norht Region\"}]\n */\nexport async function createHealthSystem(healthSystemName, healthSystemRegions) {\n\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems`;\n\tawait gatewayApi.post(url, {\n\t\tname: healthSystemName,\n\t\tregions: healthSystemRegions,\n\t});\n}\n\nexport async function editHealthSystemName(healthSystemId, newHealthSystemName) {\n\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}`;\n\tawait gatewayApi.put(url, {\n\t\tname: newHealthSystemName,\n\t});\n}\n\nexport async function editRegionName(healthSystemId, regionId, newRegionName) {\n\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/regions/${regionId}`;\n\tawait gatewayApi.put(url, {\n\t\tname: newRegionName,\n\t});\n}\n\nexport async function createNewRegion(healthSystemId, newRegionName) {\n\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/regions`;\n\tlet response = await gatewayApi.post(url, {\n\t\tname: newRegionName,\n\t});\n\treturn response.data.region;\n}\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\nimport axios from 'axios';\n\nexport function deleteOrgUnit(level, id) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.delete(`/v1/organizations/${APP_CONFIG.companyId}/level/${level}/id/${id}`)\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.devices);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n\nexport function reAssignDevice({ hospitalId, departmentId, floorId, roomId, deviceId }) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.put(\n\t\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}/devices/${deviceId}/re-assign`\n\t\t\t)\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.devices);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n\nexport function getTreeData(currentHealthSystemId, currentRegionId) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.get(`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/regions/${currentRegionId}`)\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.organization.healthSystem.hospitals);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n\nexport function uploadLogo(fileInput, { x, y, width, height }) {\n\tconst formData = new FormData();\n\tformData.append('file', fileInput, fileInput.name);\n\tformData.append('cropOffsetX', x.toFixed());\n\tformData.append('cropOffsetY', y.toFixed());\n\tformData.append('cropWidth', width.toFixed());\n\tformData.append('cropHeight', height.toFixed());\n\n\tconst accessToken = localStorage.getItem('access_token');\n\treturn new Promise(res => {\n\t\taxios({\n\t\t\tmethod: 'post',\n\t\t\tbaseURL: APP_CONFIG.URL.gatewayApiBasePath,\n\t\t\turl: '/v1/media/pictures/organization-logo',\n\t\t\tdata: formData,\n\t\t\theaders: {\n\t\t\t\t'Content-Type': 'multipart/form-data',\n\t\t\t\tAuthorization: `Bearer ${accessToken}`,\n\t\t\t},\n\t\t})\n\t\t\t.then(({ data }) => res({ data }))\n\t\t\t.catch(error => res({ error }));\n\t});\n}\n\nexport async function saveLogo(teamId, data) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.put(`/v1/companies/${APP_CONFIG.companyId}/teams/${teamId}/picture`, data)\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\nexport async function getLogoUrl(teamId) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.get(`/v1/companies/${APP_CONFIG.companyId}/teams/${teamId}/picture`)\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.picture);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n\nexport function getHopsitalDepartments(healthSystemId, hospitalId) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.get(`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments`)\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\nexport const setRoomDetails = async (healthSystemId, hospitalId, departmentId, floorId, roomId, params) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.put(\n\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}`,\n\t\t\tparams\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const getRoomDetails = async (healthSystemId, hospitalId, departmentId, floorId, roomId) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.get(\n\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}`\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const getRoomLocation = async (healthSystemId, hospitalId, departmentId, floorId, roomId) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.get(\n\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}/locations`\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const updateRoomLocation = async (healthSystemId, hospitalId, departmentId, floorId, roomId, params) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.put(\n\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}/locations`,\n\t\t\tparams\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const deleteRoomLocation = async (healthSystemId, hospitalId, departmentId, floorId, roomId) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.delete(\n\t\t\t`/v1/organizations/${APP_CONFIG.companyId}/health-systems/${healthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}/locations`\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const getHealthSystemHospitals = async healthSystemId => {\n\ttry {\n\t\tconst { data } = await gatewayApi.get(`/v1/organizations/${APP_CONFIG.companyId}/healthsystems/${healthSystemId}/hospitals`);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\nimport { OverviewActionTypes } from 'constants/action-types';\nimport { getCurrentHealthSystemInfo, buildTreeModel } from 'infrastructure/helpers/commonHelpers';\nimport { getAllHealthSystems } from 'api/healthSystems';\nimport { getTreeData } from 'api/organization';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const actionCreators = {\n\ttoggleSwitchHealthSystemModal: () => ({ type: OverviewActionTypes.toggleSwitchHealthSystemModal }),\n\ttoggleAssignDeviceModal: payload => dispatch => {\n\t\tdispatch({\n\t\t\ttype: OverviewActionTypes.toggleAssignDeviceModal,\n\t\t\tpayload,\n\t\t});\n\t},\n\tsetStreamPermissionMessage: data => ({ type: OverviewActionTypes.setStreamPermissionMessage, payload: data }),\n\taddNewRoom: () => ({ type: OverviewActionTypes.addNewRoom }),\n\tcreateNewHospital: () => ({ type: OverviewActionTypes.createNewHospital }),\n\tsetCurrentSectorLocation: data => ({ type: OverviewActionTypes.setCurrentSectorLocation, payload: data }),\n\tupdateBreadcrumb: data => ({ type: OverviewActionTypes.updateBreadcrumb, payload: data }),\n\tsetCurrentHealthSystemInfo: data => ({ type: OverviewActionTypes.setCurrentHealthSystemInfo, payload: data }),\n\tsetTreeData: data => ({ type: OverviewActionTypes.setTreeData, payload: data }),\n\tsetActiveMonitoringFeeds: data => ({ type: OverviewActionTypes.setActiveMonitoringFeeds, payload: data }),\n\tsetCurrentHospitalId: id => ({ type: OverviewActionTypes.setCurrentHospitalId, payload: id }),\n\tgetAllHealthSystems: () => async dispatch => {\n\t\tlet response = await getAllHealthSystems();\n\t\t// TO DO: Don't set current HS in this function, make a new one!\n\t\t// TEMP Solution\n\t\tlet currentHs = localStorage.getItem('currentHealthSystemInfo');\n\t\tif (currentHs) {\n\t\t\tcurrentHs = JSON.parse(currentHs);\n\t\t} else if (response.healthSystems.length > 0) {\n\t\t\tconst [hs] = response.healthSystems;\n\t\t\t// @ts-ignore\n\t\t\tcurrentHs = {\n\t\t\t\tcurrentHealthSystemId: hs.id,\n\t\t\t\tcurrentHealthSystemName: hs.name,\n\t\t\t\tcurrentRegionId: hs.regions[0].id,\n\t\t\t};\n\t\t}\n\t\tif (currentHs && response.healthSystems.length > 0) {\n\t\t\tdispatch({ type: OverviewActionTypes.setAllHealthSystems, payload: { healthSystems: response.healthSystems, currentHealthSystem: currentHs } });\n\t\t}\n\t},\n\tcreateHospital: name => async () => {\n\t\tconst { currentHealthSystemId, currentRegionId } = getCurrentHealthSystemInfo();\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals`;\n\t\tawait gatewayApi.post(url, {\n\t\t\tregionId: currentRegionId,\n\t\t\tname: name,\n\t\t});\n\t},\n\tcreateDepartment: (hospitalId, name) => async () => {\n\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments`;\n\t\tawait gatewayApi.post(url, {\n\t\t\tname: name,\n\t\t});\n\t},\n\tcreateFloor: (hospitalId, departmentId, name) => async () => {\n\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors`;\n\t\tawait gatewayApi.post(url, {\n\t\t\tname: name,\n\t\t});\n\t},\n\tcreateRoom: (hospitalId, departmentId, floorId, name) => async () => {\n\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms`;\n\t\tawait gatewayApi.post(url, {\n\t\t\tname: name,\n\t\t});\n\t},\n\tgetHospitalTree: hospitalId => async dispatch => {\n\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments`;\n\t\tconst response = await gatewayApi.get(url);\n\t\tdispatch({ type: OverviewActionTypes.setHospitalTree, payload: response.data.hospital });\n\t},\n\tgetTreeData: () => async dispatch => {\n\t\tconst { currentHealthSystemId, currentRegionId } = getCurrentHealthSystemInfo();\n\t\tconst hospitals = await getTreeData(currentHealthSystemId, currentRegionId);\n\t\tlet treeData = buildTreeModel(hospitals);\n\t\tlet preSelected = {};\n\t\tif (treeData.length) {\n\t\t\tdispatch({ type: OverviewActionTypes.setCurrentHospitalId, payload: treeData.firstHospitalId });\n\t\t}\n\t\tdispatch({\n\t\t\ttype: OverviewActionTypes.setTreeData,\n\t\t\tpayload: {\n\t\t\t\ttree: treeData.length ? treeData : [{}],\n\t\t\t\tpreSelected: preSelected,\n\t\t\t},\n\t\t});\n\t},\n};\n","import { gatewayApi } from '../constants/global-variables';\n\nexport function getUserNotifications(userId, appType, pageNo, pageSize = 10) {\n\treturn new Promise((res, rej) => {\n\t\tconst url = `/v1/users/${userId}/notifications`;\n\t\tgatewayApi\n\t\t\t.get(url, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize: pageSize,\n\t\t\t\t\tpageIndex: pageNo,\n\t\t\t\t\tappType: appType,\n\t\t\t\t},\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\nexport function getMissedCallsNotificationsCounter(userId, appType) {\n\treturn new Promise((res, rej) => {\n\t\tconst url = `/v1/users/${userId}/notifications/count`;\n\t\tgatewayApi\n\t\t\t.get(url, {\n\t\t\t\tparams: {\n\t\t\t\t\tappType: appType,\n\t\t\t\t},\n\t\t\t})\n\t\t\t.then(response => {\n\t\t\t\tres(response.data.total);\n\t\t\t})\n\t\t\t.catch(e => rej(e));\n\t});\n}\n\nexport function changeNotificationReadStatus(userId, unreadNotifications) {\n\treturn new Promise((res, rej) => {\n\t\tconst url = `/v1/users/${userId}/notifications/status`;\n\t\tgatewayApi\n\t\t\t.patch(url, unreadNotifications)\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 { UserPresenceActionTypes } from 'constants/action-types';\nimport { getUserPresence, putUserPresence } from 'api/userPresence';\n\nfunction fetchingUserPresence() {\n\treturn {\n\t\ttype: UserPresenceActionTypes.FETCHING_USER_PRESENCE,\n\t};\n}\n\nexport function 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 = localStorage.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\tlocalStorage.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\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\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 { BanyanAppType } 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, BanyanAppType)\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 function calculateDuration(startedAt, endedAt) {\n\tvar delta = Math.abs(startedAt - endedAt) / 1000;\n\n\tvar days = Math.floor(delta / 86400);\n\tdelta -= days * 86400;\n\n\tvar hours = Math.floor(delta / 3600) % 24;\n\tdelta -= hours * 3600;\n\n\tvar minutes = Math.floor(delta / 60) % 60;\n\tdelta -= minutes * 60;\n\n\tvar seconds = Math.round(delta % 60);\n\n\tif (hours < 10) hours = '0' + hours;\n\tif (minutes < 10) minutes = '0' + minutes;\n\tif (seconds < 10) seconds = '0' + seconds;\n\n\treturn hours + ':' + minutes + ':' + seconds;\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 getDateDifference = (start, end) => {\n\tconst startDate = moment(start).startOf('day');\n\tconst endDate = moment(end).startOf('day');\n\treturn moment.duration(endDate.diff(startDate)).asDays();\n};\n\nexport const secondsToHHMMSS = seconds => {\n\tconst HH = `${Math.floor(seconds / 3600)}`.padStart(2, '0');\n\tconst MM = `${Math.floor(seconds / 60) % 60}`.padStart(2, '0');\n\tconst SS = `${Math.floor(seconds % 60)}`.padStart(2, '0');\n\treturn [HH, MM, SS].join(':');\n};\n","const channel = new BroadcastChannel('notifications');\n\nexport const postMessage = msg => {\n\tchannel.postMessage(msg);\n};\n\nexport const onMessage = handler => {\n\tchannel.onmessage = handler;\n};\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\nexport const deleteMemberCallAvailability = async () => {\n\ttry {\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/members/call-availability`;\n\t\tconst { data } = await gatewayApi.delete(url);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const addOrUpdateMemberCallAvailability = async teams => {\n\ttry {\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/members/call-availability`;\n\t\tconst { data } = await gatewayApi.post(url, { teams });\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const getNurseHealthSystemAvailabilities = async () => {\n\ttry {\n\t\tconst url = `/v1/organizations/${APP_CONFIG.companyId}/members/call-availability`;\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 styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n\tbackground: var(--gray-1);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tpadding-top: var(--spacing-sl);\n\tjustify-content: center;\n\n\t.flex {\n\t\tdisplay: flex;\n\t}\n\n\t> div {\n\t\twidth: 400px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-width: 90%;\n\t\tpadding-bottom: var(--spacing-l);\n\n\t\th3,\n\t\tp,\n\t\th4 {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 500;\n\n\t\t\t&:nth-of-type(2) {\n\t\t\t\tmargin-top: var(--spacing-l);\n\t\t\t}\n\t\t}\n\n\t\th4 {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: var(--gray-4);\n\t\t\tmargin-top: var(--spacing-s);\n\t\t}\n\n\t\th4 {\n\t\t\ttext-align: left;\n\t\t\tmargin-top: var(--spacing-l);\n\t\t}\n\n\t\t.select-wrapper {\n\t\t\tposition: relative;\n\n\t\t\tselect {\n\t\t\t\tmargin: var(--spacing-m) 0;\n\t\t\t\tpadding: var(--spacing-m);\n\t\t\t\tborder-radius: var(--spacing-s);\n\t\t\t\tborder: 1px solid var(--gray-2);\n\t\t\t\t-webkit-appearance: none;\n\t\t\t\tappearance: none;\n\t\t\t\twidth: 100%;\n\n\t\t\t\t&:hover {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tcontent: '▼';\n\t\t\t\tfont-size: 10px;\n\t\t\t\ttop: 50%;\n\t\t\t\tright: var(--spacing-m);\n\t\t\t\ttransform: translate(0, -50%);\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t}\n\t}\n\n\tbutton:not(.rct-collapse-btn),\n\ta.button {\n\t\twidth: 100%;\n\t\tborder: 0;\n\t\tpadding: var(--spacing-m);\n\t\tborder-radius: var(--spacing-s);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmargin-top: var(--spacing-m);\n\t\tmargin-bottom: var(--spacing-m);\n\t}\n\n\ta.button + a.button {\n\t\tmargin-left: var(--spacing-m);\n\t\tmargin-right: 0;\n\t}\n`;\n\nexport const HealthSystemsListItem = styled.label`\n\tmargin-bottom: var(--spacing-m);\n\tpadding: var(--spacing-m);\n\tborder-radius: var(--spacing-s);\n\tborder: 1px solid var(--gray-2);\n\tbackground: var(--gray-0);\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tfont-size: 14px;\n\n\t&:first-of-type {\n\t\tmargin-top: var(--spacing-m);\n\t}\n`;\n\nexport const TreeViewListWrapper = styled.div`\n\tinput[type='text'] {\n\t\tpadding: var(--spacing-m);\n\t\twidth: 100%;\n\t\tborder: none;\n\t\tborder: 1px solid var(--gray-2);\n\t\tfont-size: 14px;\n\t\tcolor: var(--gray-5);\n\t\tmargin-top: var(--spacing-m);\n\t}\n\n\t.circle-loader {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t}\n\n\tlabel {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\n\t.react-checkbox-tree {\n\t\tinput {\n\t\t\tdisplay: initial !important;\n\t\t}\n\n\t\tlabel {\n\t\t\t&:hover {\n\t\t\t\tbackground: none;\n\t\t\t}\n\t\t}\n\t\t.rct-icon.rct-icon-check,\n\t\t.rct-checkbox {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t> div {\n\t\t> ol {\n\t\t\tli {\n\t\t\t\tbackground: var(--gray-0);\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: var(--spacing-m);\n\t\t\t\tpadding: var(--spacing-m);\n\n\t\t\t\t.rct-node-icon > i {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 1px;\n\t\t\t\t}\n\n\t\t\t\ti {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t-webkit-user-select: none;\n\t\t\t\t\tuser-select: none;\n\t\t\t\t\tmargin-right: var(--spacing-s);\n\t\t\t\t\tcolor: var(--gray-4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { useEffect, useState, useRef, useContext } from 'react';\nimport { getUserId, getUserProfile } from 'infrastructure/auth';\nimport { Alert, Button, Loader } from 'components';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getHealthSystemSubTreeBasic } from 'api/users';\nimport CheckboxTree from 'react-checkbox-tree';\nimport 'react-checkbox-tree/lib/react-checkbox-tree.css';\nimport { deleteMemberCallAvailability, addOrUpdateMemberCallAvailability, getNurseHealthSystemAvailabilities } from 'api/nursePooling';\nimport { NursePoolingOptions, PresenceStatusType } from 'constants/enums';\nimport { Wrapper, HealthSystemsListItem, TreeViewListWrapper } from 'containers/PoolingFlow/style';\nimport { getNursePoolingStatus } from 'infrastructure/helpers/commonHelpers';\nimport SocketEvents from 'constants/socket-events';\nimport { SocketContext } from 'io-client/SocketContext';\n\nconst processTreeData = hospitals => {\n\tconst getNode = (node, icon) => ({\n\t\tvalue: node.id,\n\t\tlabel: node.name,\n\t\ticon: {icon},\n\t\t...(node.children && node.children.length > 0 && { children: node.children || [] }),\n\t});\n\n\tconst mapChildren = (nodes, icon) => nodes.map(item => getNode(item, icon));\n\n\treturn hospitals.map(hospital => {\n\t\tconst departments = hospital.departments.map(department => ({\n\t\t\t...department,\n\t\t\tchildren: mapChildren(department.floors, 'money'),\n\t\t}));\n\n\t\treturn {\n\t\t\t...getNode(hospital, 'business'),\n\t\t\t...(departments && departments.length > 0 && { children: mapChildren(departments, 'account_balance') }),\n\t\t};\n\t});\n};\n\nconst PoolingFlow = props => {\n\tconst [userProfile] = useState(getUserProfile);\n\tconst [page, setPage] = useState(0);\n\tconst [nursePoolingStatus, setNursePoolingStatus] = useState('');\n\tconst [healthSystems, setHealthSystems] = useState([]);\n\tconst [selectedHealthSystem, setSelectedHealthSystem] = useState(null);\n\tconst [nodes, setNodes] = useState([]);\n\tconst [filteredText, setFilteredText] = useState('');\n\tconst [nodesFiltered, setFilteredNodes] = useState([]);\n\tconst [checked, setChecked] = useState([]);\n\tconst [expanded, setExpanded] = useState([]);\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [initialValues, setInitialValues] = useState([]);\n\tconst [alertErrorText, setAlertErrorText] = useState(null);\n\n\tconst organization = useSelector(state => state.organization);\n\tconst dispatch = useDispatch();\n\n\tconst { current: answerExists } = useRef(getNursePoolingStatus());\n\n\tconst _socket = useContext(SocketContext);\n\n\tuseEffect(() => {\n\t\tconst organizations = [...organization.allHealthSystems];\n\t\tconst mapped = organizations.map(item => ({\n\t\t\t...item,\n\t\t\tisChecked: false,\n\t\t}));\n\t\tsetHealthSystems(mapped);\n\t}, [organization.allHealthSystems]);\n\n\tuseEffect(() => {\n\t\tif (answerExists && !props.isEdit) {\n\t\t\tprops.changePage();\n\t\t}\n\t}, [props.isEdit, props.changePage]);\n\n\tuseEffect(() => {\n\t\tconst fetchData = async () => {\n\t\t\tconst res = await getNurseHealthSystemAvailabilities();\n\t\t\tif (res.error) {\n\t\t\t\tsetAlertErrorText('Something went wrong!');\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetNursePoolingStatus(answerExists);\n\t\t\tsetInitialValues(res.nurseAvailabilities);\n\t\t};\n\t\tconst resetData = async () => {\n\t\t\tconst deleteRes = await deleteMemberCallAvailability();\n\t\t\tif (deleteRes.error) {\n\t\t\t\tsetAlertErrorText('Something went wrong!');\n\t\t\t}\n\n\t\t\tsetInitialValues([]);\n\t\t};\n\t\tif (!answerExists && !props.isEdit) {\n\t\t\tresetData();\n\t\t}\n\t\tif (answerExists && props.isEdit) {\n\t\t\tfetchData();\n\t\t}\n\t}, [props.isEdit]);\n\n\tconst getTree = async hsList => {\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tconst tree = await getHealthSystemSubTreeBasic(hsList.id);\n\t\t\tsetNodes(processTreeData(tree.regions.reduce((acc, value) => [...acc, ...value.hospitals], [])));\n\t\t\tsetFilteredNodes(processTreeData(tree.regions.reduce((acc, value) => [...acc, ...value.hospitals], [])));\n\t\t} catch (error) {\n\t\t\tsetAlertErrorText('Something went wrong!');\n\t\t}\n\t\tsetIsLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tif (initialValues.length > 0) {\n\t\t\tconst checkedTeamIds = [...checked];\n\n\t\t\tsetHealthSystems(prevState => {\n\t\t\t\tconst prevHs = [...prevState];\n\n\t\t\t\tprevHs.forEach(hs => {\n\t\t\t\t\tconst initialValue = initialValues.find(val => val.healthSystemId === hs.id);\n\t\t\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\t\t\ths.isChecked = initialValue.teams.length > 0;\n\t\t\t\t\tif (hs.isChecked) {\n\t\t\t\t\t\tcheckedTeamIds.push({ healthSystemId: initialValue.healthSystemId, teamIds: initialValue.teams });\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn prevHs;\n\t\t\t});\n\t\t\tsetChecked(checkedTeamIds);\n\t\t}\n\t}, [initialValues]);\n\n\tconst filterNodes = (filtered, element) => {\n\t\tconst children = (element.children || []).reduce(filterNodes, []);\n\n\t\tif (element.label.toLocaleLowerCase().indexOf(filteredText.toLocaleLowerCase()) > -1 || children.length) {\n\t\t\tfiltered.push({ ...element, ...(children && children.length > 0 && { children }) });\n\t\t}\n\n\t\treturn filtered;\n\t};\n\n\tuseEffect(() => {\n\t\tif (!filteredText) {\n\t\t\tsetFilteredNodes([...nodes]);\n\t\t\treturn;\n\t\t}\n\n\t\tsetFilteredNodes([...nodes].reduce(filterNodes, []));\n\t}, [filteredText]);\n\n\tuseEffect(() => {\n\t\tif (selectedHealthSystem) {\n\t\t\tgetTree(selectedHealthSystem);\n\t\t\tsetFilteredText('');\n\t\t}\n\t}, [selectedHealthSystem]);\n\n\tconst setNoReceiveCalls = async () => {\n\t\tconst deleteRes = await deleteMemberCallAvailability();\n\n\t\tif (deleteRes.error) {\n\t\t\tsetAlertErrorText('Something went wrong. Please try again!');\n\t\t\treturn;\n\t\t}\n\n\t\tlocalStorage.setItem('nursePoolingStatus', nursePoolingStatus);\n\t\tconst data = {\n\t\t\tuserId: getUserId(),\n\t\t\tpresenceStatusTypeId: PresenceStatusType.UNAVAILABLE,\n\t\t\tcustomMessage: null,\n\t\t};\n\n\t\t_socket.emit(SocketEvents.Client.UPDATE_USER_PRESENCE, data);\n\n\t\tprops.changePage();\n\t\tsetChecked([]);\n\t};\n\n\tconst setCheckedBasedOnHs = (itemIds, hs) => {\n\t\tsetChecked(prevState => {\n\t\t\tconst prevChecked = [...prevState];\n\n\t\t\tconst checkedItem = prevChecked.find(prev => prev.healthSystemId === hs.id);\n\t\t\tif (!checkedItem) {\n\t\t\t\tprevChecked.push({\n\t\t\t\t\thealthSystemId: hs.id,\n\t\t\t\t\tteamIds: itemIds,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tcheckedItem.teamIds = itemIds;\n\t\t\t}\n\t\t\treturn prevChecked;\n\t\t});\n\t};\n\n\tconst setHealthSystemsList = item => {\n\t\tsetHealthSystems(prevState => {\n\t\t\tconst hsList = [...prevState];\n\n\t\t\tconst hs = hsList.find(hsItem => hsItem === item);\n\t\t\ths.isChecked = !hs.isChecked;\n\t\t\tif (!hs.isChecked) {\n\t\t\t\tsetCheckedBasedOnHs([], hs);\n\t\t\t}\n\n\t\t\treturn hsList;\n\t\t});\n\t};\n\n\tconst flatMapArray = arr =>\n\t\tarr.flat().map(item => ({\n\t\t\tteamId: item,\n\t\t\tisAvailable: true,\n\t\t}));\n\n\tconst submit = async () => {\n\t\tconst flattedNewParams = flatMapArray([...checked].map(item => item.teamIds));\n\t\tconst flattedInitialValues = flatMapArray([...initialValues].map(item => item.teams));\n\t\tflattedInitialValues.forEach(item => {\n\t\t\tif (!flattedNewParams.some(elem => elem.teamId === item.teamId)) {\n\t\t\t\tflattedNewParams.push({\n\t\t\t\t\tteamId: item.teamId,\n\t\t\t\t\tisAvailable: false,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\tif (flattedNewParams.length > 0) {\n\t\t\tconst submitRes = await addOrUpdateMemberCallAvailability(flattedNewParams);\n\t\t\tif (submitRes.error) {\n\t\t\t\tsetAlertErrorText('Something went wrong. Please try again!');\n\t\t\t\treturn;\n\t\t\t}\n\t\t} else {\n\t\t\tconst deleteRes = await deleteMemberCallAvailability();\n\n\t\t\tif (deleteRes.error) {\n\t\t\t\tsetAlertErrorText('Something went wrong. Please try again!');\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tlocalStorage.setItem('nursePoolingStatus', nursePoolingStatus);\n\n\t\tconst data = {\n\t\t\tuserId: getUserId(),\n\t\t\tpresenceStatusTypeId: flattedNewParams.length > 0 ? PresenceStatusType.AVAILABLE : PresenceStatusType.UNAVAILABLE,\n\t\t\tcustomMessage: null,\n\t\t};\n\n\t\t_socket.emit(SocketEvents.Client.UPDATE_USER_PRESENCE, data);\n\n\t\tprops.changePage();\n\t\tsetPage(0);\n\t\tif (!props.isEdit) {\n\t\t\tsetChecked([]);\n\t\t}\n\t};\n\n\tconst showHealthSystems = () => {\n\t\tsetPage(prev => prev + 1);\n\t\tconst checkedHealthSystems = healthSystems.filter(item => item.isChecked);\n\t\tif (checkedHealthSystems.length > 0) {\n\t\t\tsetSelectedHealthSystem(checkedHealthSystems[0]);\n\t\t}\n\t};\n\n\tconst goBackToHsSelection = () => {\n\t\tsetPage(prev => prev - 1);\n\t\tsetSelectedHealthSystem(null);\n\t\tsetNodes([]);\n\t\tsetFilteredNodes([]);\n\t};\n\n\tconst canSubmitAvailability = () => flatMapArray([...checked].map(item => item.teamIds)).length > 0;\n\n\tconst checkedHealthSystems = healthSystems.filter(item => item.isChecked);\n\tconst foundHealthSystemIndex = checkedHealthSystems.findIndex(item => selectedHealthSystem?.id === item.id);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\t\t{this.state.volumeRange > 0 ? this.state.volumeRange : 0}\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tthis.serialCommandsTv(TvControlsEnums.VOLUME, event.target.value);\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{this.state.volumeRange > 0 ? 'volume_up' : 'volume_off'} \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{this.props.tvBrand === TvBrands.CEC_TV && (\n\t\t\t\t\t e.stopPropagation()}>\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
\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{this.props.tvBrand !== TvBrands.CEC_TV && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.name} setHealthSystemsList(item)} checked={item.isChecked} />\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\t{nursePoolingStatus !== NursePoolingOptions.NO.toString() && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{nursePoolingStatus === NursePoolingOptions.NO.toString() && }\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{page === 1 && selectedHealthSystem && (\n\t\t\t\t\t\n\t\t\t\t\t\t\tHi, {userProfile.firstName} {userProfile.lastName}\n\t\t\t\t\t\t
\n\t\t\t\t\t\tSelect whether you will be receiving calls from patients.
\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\t{nursePoolingStatus === NursePoolingOptions.YES.toString() && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\tSelect Health Systems
\n\t\t\t\t\t\t\t\tSelect the health systems you will be receiving calls from.
\n\n\t\t\t\t\t\t\t\t{healthSystems.map(item => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{checkedHealthSystems.length > 1 && `Health Systems [${foundHealthSystemIndex + 1} / ${checkedHealthSystems.length}]`}\n\t\t\t\t\t\t\t{checkedHealthSystems.length === 1 && 'Health System'}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\tSelect the level from which you will be receiving calls.
\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\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{!isLoading && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{selectedHealthSystem.name}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{foundHealthSystemIndex + 1 === 1 && }\n\t\t\t\t\t\t\t\t\t{foundHealthSystemIndex + 1 !== 1 && (\n\t\t\t\t\t\t\t\t\t\t setSelectedHealthSystem(checkedHealthSystems[foundHealthSystemIndex - 1])}\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\t{foundHealthSystemIndex + 1 !== checkedHealthSystems.length && (\n\t\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\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\tconst noCallsShouldBeReceived = '2';\n\t\t\tif (\n\t\t\t\tgetUserRole() === UserRoles.NURSE &&\n\t\t\t\t(!localStorage.getItem('nursePoolingStatus') || localStorage.getItem('nursePoolingStatus') === noCallsShouldBeReceived)\n\t\t\t) {\n\t\t\t\tthis.setState({\n\t\t\t\t\tisSwitchPresenceModalVisible: true,\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\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}\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\ttoggleEditPoolingModal = () => {\n\t\tthis.setState({\n\t\t\tisEditPoolingModalOpen: !this.state.isEditPoolingModalOpen,\n\t\t});\n\t};\n\n\tsignOut = () => {\n\t\tthis.props.history.push('/logout');\n\t};\n\n\trender() {\n\t\tconst userRole = getUserRole();\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\t\t\t\tthis.setState({\n\t\t\t\t\t\t\tisSwitchPresenceModalVisible: false,\n\t\t\t\t\t\t\tisEditPoolingModalOpen: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\tonModalClose={() => {\n\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\tisSwitchPresenceModalVisible: false,\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\n\t\t\t\t{this.state.isEditPoolingModalOpen &&
\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 React from 'react';\nimport Layout from 'components/Common/Layout';\nimport { Grid } from 'components';\nimport Header from 'components/Common/Header';\nimport PoolingFlow from 'containers/PoolingFlow/index';\n\nconst PoolingFlowWrapper = props => (\n\t\n\t\t\t\t\t\t{this.props.isMonitoring && (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.precautions.map(item => (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!this.props.isMonitoring && \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tfiber_manual_record\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{item.title}\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
\n\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 \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\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)(withRouter(CallPatient));\nCallPatient.contextType = SocketContext;\n","import React, { useEffect, useRef, useState } 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 { findSectorById, getCurrentHealthSystemInfo, isValidSector } from 'infrastructure/helpers/commonHelpers';\nimport { SectorTypes } from 'constants/enums';\nimport { deleteRoomLocation, getRoomDetails, getRoomLocation, setRoomDetails, updateRoomLocation } from 'api/organization';\nimport { APP_CONFIG, gatewayApi, treeSectorNameMaxCharacters } from 'constants/global-variables';\nimport { Formik } from 'formik';\nimport * as Yup from 'yup';\n\nconst EditSector = props => {\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [error, setError] = useState('');\n\tconst [sectorNameError, setSectorNameError] = useState('');\n\tconst [adtRoomLocation, setAdtRoomLocation] = useState({ unit: '', room: '', bed: '' });\n\tconst [adtRoomLocationError, setAdtRoomLocationError] = useState({ unit: '', room: '', bed: '' });\n\tconst uploadLogoInputRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tconst getRoomDetail = async () => {\n\t\t\tconst { hospitalId, departmentId, floorId, roomId } = props.sectorData;\n\t\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\t\tif (!hospitalId) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsLoading(true);\n\t\t\tconst [roomDetails, roomLocation] = await Promise.all([\n\t\t\t\tgetRoomDetails(currentHealthSystemId, hospitalId, departmentId, floorId, roomId),\n\t\t\t\tgetRoomLocation(currentHealthSystemId, hospitalId, departmentId, floorId, roomId),\n\t\t\t]);\n\t\t\tconst responseError = roomDetails.error || roomLocation.error;\n\t\t\tif (responseError) {\n\t\t\t\tsetError(responseError.message);\n\t\t\t\tsetIsLoading(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAdtRoomLocation(prevState => ({\n\t\t\t\t...prevState,\n\t\t\t\tunit: roomLocation.result?.unit,\n\t\t\t\troom: roomLocation.result?.room,\n\t\t\t\tbed: roomLocation.result?.bed,\n\t\t\t}));\n\t\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, unit: '', room: '', bed: '' }));\n\t\t\tsetIsLoading(false);\n\t\t};\n\t\tif (SectorTypes.ROOM === props.sectorData.sectorType) {\n\t\t\tgetRoomDetail();\n\t\t}\n\t}, [props.sectorData]);\n\n\tconst getLocationIdentificationInformation = values => ({\n\t\tunit: values.detailUnit,\n\t\troom: values.detailRoom,\n\t\tbed: values.detailBed,\n\t});\n\n\tconst editRoomDetails = async values => {\n\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, unit: '', room: '', bed: '' }));\n\t\tconst { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\tconst { hospitalId, departmentId, floorId, roomId } = props.sectorData;\n\t\tconst emptyUnit = !values.detailUnit || values.detailUnit?.trim() === '';\n\t\tconst emptyRoom = !values.detailRoom || values.detailRoom?.trim() === '';\n\t\tconst emptyBed = !values.detailBed || values.detailBed?.trim() === '';\n\n\t\tif (!emptyUnit || !emptyRoom || !emptyBed) {\n\t\t\tif (emptyUnit) {\n\t\t\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, unit: 'Unit cannot be empty' }));\n\t\t\t}\n\t\t\tif (emptyRoom) {\n\t\t\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, room: 'Room cannot be empty' }));\n\t\t\t}\n\t\t\tif (emptyBed) {\n\t\t\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, bed: 'Bed cannot be empty' }));\n\t\t\t}\n\t\t\tif (emptyUnit || emptyRoom || emptyBed) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetIsLoading(true);\n\n\t\tlet response = null;\n\n\t\tresponse = await setRoomDetails(currentHealthSystemId, hospitalId, departmentId, floorId, roomId, { name: values.sectorName });\n\n\t\tif (!emptyUnit && !emptyRoom && !emptyBed) {\n\t\t\tresponse = updateRoomLocation(currentHealthSystemId, hospitalId, departmentId, floorId, roomId, getLocationIdentificationInformation(values));\n\t\t}\n\n\t\tif (emptyUnit && emptyRoom && emptyBed) {\n\t\t\tresponse = deleteRoomLocation(currentHealthSystemId, hospitalId, departmentId, floorId, roomId);\n\t\t}\n\n\t\tif (response.error) {\n\t\t\tsetError(response.error.message);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tprops.onEditSector();\n\t\tsetIsLoading(false);\n\t\tsetAdtRoomLocation(prevState => ({ ...prevState, unit: '', room: '', bed: '' }));\n\t};\n\n\tconst editSectorName = async values => {\n\t\tconst sector = findSectorById(props.treeData.tree, props.sectorData[`${props.sectorData.sectorType}Id`]);\n\t\tconst isValid = isValidSector(sector, props.treeData.tree, values.sectorName);\n\t\tif (!isValid && values.sectorName !== props.sectorData.sectorName) {\n\t\t\tsetSectorNameError(`${props.sectorData.sectorType} with this name already exists`);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tconst { currentHealthSystemId, currentRegionId } = getCurrentHealthSystemInfo();\n\t\tconst { hospitalId, departmentId, floorId, roomId, sectorType } = props.sectorData;\n\t\tlet url;\n\t\tif (sectorType !== SectorTypes.ROOM) {\n\t\t\tswitch (sectorType) {\n\t\t\t\tcase SectorTypes.HOSPITAL: {\n\t\t\t\t\turl = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/regions/${currentRegionId}/hospitals/${hospitalId}`;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase SectorTypes.DEPARTMENT: {\n\t\t\t\t\turl = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments/${departmentId}`;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase SectorTypes.FLOOR: {\n\t\t\t\t\turl = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}`;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase SectorTypes.ROOM: {\n\t\t\t\t\turl = `/v1/organizations/${APP_CONFIG.companyId}/health-systems/${currentHealthSystemId}/hospitals/${hospitalId}/departments/${departmentId}/floors/${floorId}/rooms/${roomId}`;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tsetError('Wrong Sector type');\n\t\t\t\t}\n\t\t\t}\n\t\t\tawait gatewayApi.put(url, {\n\t\t\t\tname: values.sectorName,\n\t\t\t});\n\t\t\tprops.onEditSector();\n\t\t}\n\t\tif (sectorType === SectorTypes.ROOM) {\n\t\t\teditRoomDetails(values);\n\t\t}\n\t\tsetError('');\n\t\tsetIsLoading(false);\n\t};\n\n\tconst onModalClose = () => {\n\t\tsetAdtRoomLocation(prevState => ({ ...prevState, unit: '', room: '', bed: '' }));\n\t\tsetAdtRoomLocationError(prevState => ({ ...prevState, unit: '', room: '', bed: '' }));\n\t\tsetError('');\n\t\tprops.onModalClose();\n\t};\n\n\tconst getInitialData = () => ({\n\t\tsectorName: props.sectorData.sectorName || '',\n\t\tdetailUnit: adtRoomLocation.unit,\n\t\tdetailRoom: adtRoomLocation.room,\n\t\tdetailBed: adtRoomLocation.bed,\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t
\n\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\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
\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\thandleCheckBoxChange={handleCheckBoxChange}\n\t\t\t\t\t\t\tpoolDevices={poolDevices}\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(option, e)} />\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(option, e)} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\tDevice is offline.\n\t\t\t\t\n\t\t\t);\n\t\t}\n\t\tif (modal.hasErrors) {\n\t\t\treturn Something went wrong, please try again.;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\tDevice logs registered on Solaborate system.
You can close this message.\n\t\t\t\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default PullDeviceLogs;\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 } from 'components';\nimport { deleteOrgUnit, uploadLogo, saveLogo, getLogoUrl } from 'api/organization';\nimport { DeviceListLevel, SectorTypes, DeviceCommands, UserRoles, AndroidVersions } from 'constants/enums';\nimport EditSectorModal from 'components/Common/EditSectorModal';\nimport { getDeviceList, deleteDevice, sendCommand, forceUpdateDevice, getLatestAppRelease } from 'api/devices';\nimport {\n\tmapSectionsToRender,\n\tfindSectorById,\n\tgetParentSector,\n\tgetCurrentHealthSystemInfo,\n\tgetHierarchyByHelloDeviceId,\n\tfindDeviceById,\n\tsortByRoomName,\n} from 'infrastructure/helpers/commonHelpers';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport { CSVLink } from 'react-csv';\nimport ReactCrop from 'react-image-crop';\nimport 'react-image-crop/dist/ReactCrop.css';\nimport { getUserRole } from 'infrastructure/auth';\nimport RebootLogExport from 'components/RebootLogExport';\nimport VoiceCommandCallingModal from 'components/Common/VoiceCommandCallingModal';\nimport PullDeviceLogs from 'components/PullDeviceLogs';\nimport _ from 'lodash';\n\nclass Hospital extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdevices: [],\n\t\t\tisHospitalModalOpen: false,\n\t\t\tselectedDevice: {},\n\t\t\tselectedOrg: {},\n\t\t\tisDeleteDeviceModalOpen: false,\n\t\t\tisRebootDeviceModalOpen: false,\n\t\t\tisUpdateDeviceModalOpen: false,\n\t\t\tisDeleteOrgUnitModalOpen: false,\n\t\t\tsectorData: {},\n\t\t\trebootReason: '',\n\t\t\tparentSectorName: '',\n\t\t\tparentSectorType: '',\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t\tlatestAppRelease: null,\n\t\t\tisVoiceCommandCallingModalOpen: false,\n\t\t\tisUploadLogoModalOpen: false,\n\t\t\tsrc: '',\n\t\t\tcrop: {\n\t\t\t\twidth: 200,\n\t\t\t\theight: 200,\n\t\t\t},\n\t\t\thospitalLogo: '',\n\t\t\tisHospitalLogoModalLoading: false,\n\t\t\tcurrentSector: [],\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.loadHospital();\n\t}\n\n\tcomponentDidUpdate = prevProps => {\n\t\tconst { hospitalId } = this.props.match.params;\n\t\tif (\n\t\t\thospitalId !== prevProps.match.params.hospitalId ||\n\t\t\t(!prevProps.showAssignDeviceModalData.assignCompleted && this.props.showAssignDeviceModalData.assignCompleted)\n\t\t) {\n\t\t\tthis.loadHospital();\n\t\t}\n\t};\n\n\texportAsCsv() {\n\t\treturn this.state.devices.map(({ roomName, serialNumber, macAddress, appVersion, osVersion, firmwareRevision, solHelloDeviceId, ipAddress }) => ({\n\t\t\troomName,\n\t\t\tserialNumber,\n\t\t\troom: getHierarchyByHelloDeviceId(this.props.treeData.tree, solHelloDeviceId),\n\t\t\tmacAddress,\n\t\t\tappVersion,\n\t\t\tosVersion: firmwareRevision,\n\t\t\tandroidVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\tipAddress,\n\t\t}));\n\t}\n\n\tgetCurrentHospital() {\n\t\tlet hospitals = this.props.treeData.tree;\n\t\tlet hospital = hospitals.find(item => item.hospitalId === this.props.match.params.hospitalId);\n\t\treturn {\n\t\t\tsectorName: hospital ? hospital.name : '',\n\t\t\tsectorId: hospital ? hospital.hospitalId : '',\n\t\t\thospitalName: hospital ? hospital.name : '',\n\t\t\thospitalId: hospital ? hospital.hospitalId : '',\n\t\t\tsectorType: hospital ? hospital.type : '',\n\t\t};\n\t}\n\n\tgetCodeNameByOsVersion = osVersion => {\n\t\tlet version = AndroidVersions.find(({ apiLevel }) => apiLevel.includes(+osVersion));\n\t\treturn version?.codeName ?? 'N/A';\n\t};\n\n\tloadHospital = async () => {\n\t\tconst devices = await getDeviceList(DeviceListLevel.HOSPITAL, this.props.match.params.hospitalId);\n\t\tconst latestAppRelease = await getLatestAppRelease(APP_CONFIG.deviceAppId);\n\t\tconst currentSector = findSectorById(this.props.treeData.tree, this.props.match.params.hospitalId);\n\t\tlet deviceList = [];\n\t\tif (currentSector?.subOptions) {\n\t\t\tdeviceList = devices.map(d => {\n\t\t\t\tconst roomName = findSectorById(this.props.treeData.tree, d.solHelloDeviceId.toString())?.name ?? '';\n\t\t\t\tconst device = findDeviceById(currentSector.subOptions, d.solHelloDeviceId);\n\t\t\t\tif (device) {\n\t\t\t\t\tdevice.voiceCommandCalling = d.voiceCommandCalling;\n\t\t\t\t}\n\t\t\t\treturn { ...d, roomName };\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({\n\t\t\tdevices: sortByRoomName(deviceList),\n\t\t\tlatestAppRelease,\n\t\t\tcurrentSector: currentSector ? [currentSector] : [],\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(\n\t\t\t({ roomName, serialNumber, solHelloDeviceId, firmwareRevision, appVersion, osVersion, macAddress, isOnline, voiceCommandCalling, ipAddress }) => {\n\t\t\t\treturn {\n\t\t\t\t\troomName: roomName ?? '',\n\t\t\t\t\tserialNumber: serialNumber ?? 'N/A',\n\t\t\t\t\tmacAddress: macAddress ?? 'N/A',\n\t\t\t\t\tappVersion: Device logs
\n\t\t\t\t\t{getModalText()}\n\t\t\t\t{appVersion || 'N/A'}
,\n\t\t\t\t\tfirmwareRevision: firmwareRevision ?? 'N/A',\n\t\t\t\t\tosVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\t\t\tipAddress,\n\t\t\t\t\tvoiceCommandCalling: voiceCommandCalling ? 'Active' : 'Not active',\n\t\t\t\t\tactions: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\t\tdelete\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);\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\tawait deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tthis.toggleDeleteOrgUnitModal();\n\t\tthis.props.getTreeData();\n\t\tif (this.state.selectedOrg.level === DeviceListLevel.HOSPITAL) {\n\t\t\tthis.props.history.push('/health-system');\n\t\t\tthis.props.updateBreadcrumb([]);\n\t\t}\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},\n\t\t\tasync () => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tif (!data) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet sector = findSectorById(this.props.treeData.tree, data[`${data.sectorType}Id`]);\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\n\t\t\t\t\tlet currentHealthSystem = this.getCurrentHealthSystem(this.props.allHealthSystems, getCurrentHealthSystemInfo().currentHealthSystemId);\n\t\t\t\t\tlet 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\tlet 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\ttoggleVoiceCommandCallingModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisVoiceCommandCallingModalOpen: !this.state.isVoiceCommandCallingModalOpen,\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\tisEditSectorModalOpen: true,\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\tupdateVCCList = (solHelloDeviceIds, isChecked) => {\n\t\tconst currentSector = _.cloneDeep(this.state.currentSector);\n\t\tsolHelloDeviceIds.forEach(solHelloDeviceId => {\n\t\t\tconst device = findDeviceById(currentSector, solHelloDeviceId);\n\t\t\tif (device) {\n\t\t\t\tdevice.voiceCommandCalling = isChecked;\n\t\t\t}\n\t\t});\n\t\tthis.setState({ currentSector });\n\t};\n\n\trender() {\n\t\tconst hospital = this.getCurrentHospital();\n\t\tconst sections = mapSectionsToRender(this.props.treeData.tree, hospital, 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\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\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\thospitalLogo={this.state.hospitalLogo}\n\t\t\t\t\tfileError={this.state.fileError}\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(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 } from 'components';\nimport { getDeviceList, deleteDevice, sendCommand, getLatestAppRelease, forceUpdateDevice } from 'api/devices';\nimport { deleteOrgUnit } from 'api/organization';\nimport { DeviceListLevel, DeviceCommands, UserRoles, AndroidVersions } from 'constants/enums';\nimport EditSectorModal from 'components/Common/EditSectorModal';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport {\n\tfindSectorById,\n\tmapSectionsToRender,\n\tgetParentSector,\n\tgetHierarchyByHelloDeviceId,\n\tfindDeviceById,\n\tsortByRoomName,\n} from 'infrastructure/helpers/commonHelpers';\nimport { CSVLink } from 'react-csv';\nimport { getUserRole } from 'infrastructure/auth';\nimport RebootLogExport from 'components/RebootLogExport';\nimport VoiceCommandCallingModal from 'components/Common/VoiceCommandCallingModal';\nimport PullDeviceLogs from 'components/PullDeviceLogs';\nimport _ from 'lodash';\n\nclass Department extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdevices: [],\n\t\t\tisDepartmentModalOpen: false,\n\t\t\tselectedDevice: {},\n\t\t\tselectedOrg: {},\n\t\t\tisDeleteDeviceModalOpen: false,\n\t\t\tisRebootDeviceModalOpen: false,\n\t\t\trebootReason: '',\n\t\t\tisUpdateDeviceModalOpen: false,\n\t\t\tisDeleteOrgUnitModalOpen: false,\n\t\t\tsectorData: {},\n\t\t\tisEditSectorModalOpen: false,\n\t\t\tparentSectorName: '',\n\t\t\tparentSectorType: '',\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t\tlatestAppRelease: null,\n\t\t\tisVoiceCommandCallingModalOpen: false,\n\t\t\tcurrentSector: [],\n\t\t};\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(({ roomName, serialNumber, macAddress, appVersion, firmwareRevision, osVersion, solHelloDeviceId, ipAddress }) => ({\n\t\t\troomName,\n\t\t\tserialNumber,\n\t\t\troom: getHierarchyByHelloDeviceId(this.props.treeData.tree, solHelloDeviceId),\n\t\t\tmacAddress,\n\t\t\tappVersion,\n\t\t\tosVersion: firmwareRevision,\n\t\t\tandroidVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\tipAddress,\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 latestAppRelease = await getLatestAppRelease(APP_CONFIG.deviceAppId);\n\t\tconst currentSector = findSectorById(this.props.treeData.tree, this.props.match.params.departmentId);\n\t\tlet deviceList = [];\n\t\tif (currentSector?.subOptions) {\n\t\t\tdeviceList = devices.map(d => {\n\t\t\t\tconst roomName = findSectorById(this.props.treeData.tree, d.solHelloDeviceId.toString())?.name ?? '';\n\t\t\t\tconst device = findDeviceById(currentSector.subOptions, d.solHelloDeviceId);\n\t\t\t\tif (device) {\n\t\t\t\t\tdevice.voiceCommandCalling = d.voiceCommandCalling;\n\t\t\t\t}\n\t\t\t\treturn { ...d, roomName };\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({\n\t\t\tdevices: sortByRoomName(deviceList),\n\t\t\tlatestAppRelease,\n\t\t\tcurrentSector: currentSector ? [currentSector] : [],\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\tif (!data) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet sector = findSectorById(this.props.treeData.tree, data[data.sectorType + 'Id']);\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\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\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.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\tawait deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tthis.moveToParentSector(this.state.selectedOrg.id);\n\t\tthis.toggleDeleteOrgUnitModal();\n\t\tthis.props.getTreeData();\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\ttoggleDepartmentModal = () => {\n\t\tthis.setState({\n\t\t\tisDepartmentModalOpen: !this.state.isDepartmentModalOpen,\n\t\t});\n\t};\n\n\tgetCodeNameByOsVersion = osVersion => {\n\t\tlet version = AndroidVersions.find(({ apiLevel }) => apiLevel.includes(+osVersion));\n\t\treturn version?.codeName ?? 'N/A';\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(\n\t\t\t({ roomName, serialNumber, solHelloDeviceId, firmwareRevision, appVersion, osVersion, macAddress, isOnline, voiceCommandCalling, ipAddress }) => {\n\t\t\t\treturn {\n\t\t\t\t\troomName: roomName ?? 'N/A',\n\t\t\t\t\tserialNumber: serialNumber ?? 'N/A',\n\t\t\t\t\tmacAddress: macAddress ?? 'N/A',\n\t\t\t\t\tappVersion: \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{appVersion || 'N/A'}
,\n\t\t\t\t\tfirmwareRevision: firmwareRevision ?? 'N/A',\n\t\t\t\t\tosVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\t\t\tipAddress,\n\t\t\t\t\tvoiceCommandCalling: voiceCommandCalling ? 'Active' : 'Not active',\n\t\t\t\t\tactions: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\t\tdelete\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);\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\ttoggleVoiceCommandCallingModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisVoiceCommandCallingModalOpen: !this.state.isVoiceCommandCallingModalOpen,\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\tupdateVCCList = (solHelloDeviceIds, isChecked) => {\n\t\tconst currentSector = _.cloneDeep(this.state.currentSector);\n\t\tsolHelloDeviceIds.forEach(solHelloDeviceId => {\n\t\t\tconst device = findDeviceById(currentSector, solHelloDeviceId);\n\t\t\tif (device) {\n\t\t\t\tdevice.voiceCommandCalling = isChecked;\n\t\t\t}\n\t\t});\n\t\tthis.setState({ currentSector });\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\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);\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 { Button, Table, Tabs, Form, Modal, DescriptionBox, Input } from 'components';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { getDeviceList, deleteDevice, sendCommand, getLatestAppRelease, forceUpdateDevice } from 'api/devices';\nimport { deleteOrgUnit } from 'api/organization';\nimport { DeviceListLevel, DeviceCommands, UserRoles, AndroidVersions } from 'constants/enums';\nimport EditSectorModal from 'components/Common/EditSectorModal';\nimport {\n\tfindSectorById,\n\tmapSectionsToRender,\n\tgetParentSector,\n\tgetHierarchyByHelloDeviceId,\n\tfindDeviceById,\n\tsortByRoomName,\n} from 'infrastructure/helpers/commonHelpers';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport { CSVLink } from 'react-csv';\nimport { getUserRole } from 'infrastructure/auth';\nimport RebootLogExport from 'components/RebootLogExport';\nimport VoiceCommandCallingModal from 'components/Common/VoiceCommandCallingModal';\nimport PullDeviceLogs from 'components/PullDeviceLogs';\nimport _ from 'lodash';\n\nclass Floor extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdevices: [],\n\t\t\tpreSelected: null,\n\t\t\tselectedDevice: {},\n\t\t\tselectedOrg: {},\n\t\t\tisDeleteDeviceModalOpen: false,\n\t\t\tisRebootDeviceModalOpen: false,\n\t\t\tisUpdateDeviceModalOpen: false,\n\t\t\tisDeleteOrgUnitModalOpen: false,\n\t\t\tisEditSectorModalOpen: false,\n\t\t\tsectorData: {},\n\t\t\tsectorLocation: [],\n\t\t\tparentSectorName: '',\n\t\t\tparentSectorType: '',\n\t\t\trebootReason: '',\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t\tlatestAppRelease: null,\n\t\t\tisVoiceCommandCallingModalOpen: false,\n\t\t\tcurrentSector: [],\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.loadFloor();\n\t}\n\n\tcomponentDidUpdate = (prevProps, prevState) => {\n\t\tconst { floorId } = this.props.match.params;\n\t\tif (\n\t\t\tfloorId !== prevProps.match.params.floorId ||\n\t\t\t(!prevProps.showAssignDeviceModalData.assignCompleted && this.props.showAssignDeviceModalData.assignCompleted)\n\t\t) {\n\t\t\tthis.loadFloor();\n\t\t}\n\t};\n\n\texportAsCsv() {\n\t\treturn this.state.devices.map(({ roomName, serialNumber, macAddress, appVersion, firmwareRevision, osVersion, solHelloDeviceId, ipAddress }) => ({\n\t\t\troomName,\n\t\t\tserialNumber,\n\t\t\troom: getHierarchyByHelloDeviceId(this.props.treeData.tree, solHelloDeviceId),\n\t\t\tmacAddress,\n\t\t\tappVersion,\n\t\t\tosVersion: firmwareRevision,\n\t\t\tandroidVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\tipAddress,\n\t\t}));\n\t}\n\n\tgetCodeNameByOsVersion = osVersion => {\n\t\tlet version = AndroidVersions.find(({ apiLevel }) => apiLevel.includes(+osVersion));\n\t\treturn version?.codeName ?? 'N/A';\n\t};\n\n\tgetCurrentFloor() {\n\t\tlet hospitals = this.props.treeData.tree;\n\t\tlet floor = findSectorById(hospitals, this.props.match.params.floorId);\n\t\treturn {\n\t\t\tsectorName: floor ? floor.name : '',\n\t\t\tsectorId: floor ? floor.floorId : '',\n\t\t\tfloorName: floor ? floor.name : '',\n\t\t\thospitalId: floor ? floor.hospitalId : '',\n\t\t\tdepartmentId: floor ? floor.departmentId : '',\n\t\t\tfloorId: floor ? floor.floorId : '',\n\t\t\tsectorType: floor ? floor.type : '',\n\t\t};\n\t}\n\n\tloadFloor = async () => {\n\t\tconst devices = await getDeviceList(DeviceListLevel.FLOOR, this.props.match.params.floorId);\n\t\tconst latestAppRelease = await getLatestAppRelease(APP_CONFIG.deviceAppId);\n\t\tconst currentSector = findSectorById(this.props.treeData.tree, this.props.match.params.floorId);\n\t\tlet deviceList = [];\n\t\tif (currentSector?.subOptions) {\n\t\t\tdeviceList = devices.map(d => {\n\t\t\t\tconst roomName = findSectorById(this.props.treeData.tree, d.solHelloDeviceId.toString())?.name ?? '';\n\t\t\t\tconst device = findDeviceById(currentSector.subOptions, d.solHelloDeviceId);\n\t\t\t\tif (device) {\n\t\t\t\t\tdevice.voiceCommandCalling = d.voiceCommandCalling;\n\t\t\t\t}\n\t\t\t\treturn { ...d, roomName };\n\t\t\t});\n\t\t}\n\t\tthis.setState({\n\t\t\tdevices: sortByRoomName(deviceList),\n\t\t\tlatestAppRelease,\n\t\t\tcurrentSector: currentSector ? [currentSector] : [],\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(\n\t\t\t({ roomName, serialNumber, solHelloDeviceId, firmwareRevision, appVersion, osVersion, macAddress, isOnline, voiceCommandCalling, ipAddress }) => {\n\t\t\t\treturn {\n\t\t\t\t\troomName: roomName ?? 'N/A',\n\t\t\t\t\tserialNumber: serialNumber ?? 'N/A',\n\t\t\t\t\tmacAddress: macAddress ?? 'N/A',\n\t\t\t\t\tappVersion: \n\t\t\t\t\t{department.departmentName}\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{appVersion || 'N/A'}
,\n\t\t\t\t\tfirmwareRevision: firmwareRevision ?? 'N/A',\n\t\t\t\t\tosVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\t\t\tipAddress,\n\t\t\t\t\tvoiceCommandCalling: voiceCommandCalling ? 'Active' : 'Not active',\n\t\t\t\t\tactions: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\t\n\t\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)}\n\t\t\t\t\t\t\t{userRole === UserRoles.ADMIN && (\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},\n\t\t\t() => {\n\t\t\t\tif (this.state.isEditSectorModalOpen) {\n\t\t\t\t\tif (!data) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet sector = findSectorById(this.props.treeData.tree, data[data.sectorType + 'Id']);\n\t\t\t\t\tthis.props.setCurrentSectorLocation(sector.treeLocation);\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\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\tawait deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tthis.moveToParentSector(this.state.selectedOrg.id);\n\t\tthis.toggleDeleteOrgUnitModal();\n\t\tthis.props.getTreeData();\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\ttoggleVoiceCommandCallingModal = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisVoiceCommandCallingModalOpen: !this.state.isVoiceCommandCallingModalOpen,\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\tupdateVCCList = (solHelloDeviceIds, isChecked) => {\n\t\tconst currentSector = _.cloneDeep(this.state.currentSector);\n\t\tsolHelloDeviceIds.forEach(solHelloDeviceId => {\n\t\t\tconst device = findDeviceById(currentSector, solHelloDeviceId);\n\t\t\tif (device) {\n\t\t\t\tdevice.voiceCommandCalling = isChecked;\n\t\t\t}\n\t\t});\n\t\tthis.setState({ currentSector });\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\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);\n\t}\n}\n\nexport default connect(\n\tstate => state.organization,\n\tdispatch => bindActionCreators(actionCreators, dispatch)\n)(withRouter(Floor));\n","import React, { Component } from 'react';\nimport Table from 'components/Table';\nimport Tabs from 'components/Tabs';\nimport Button from 'components/Button';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { withRouter } from 'react-router-dom';\nimport { If, Then, Else } from 'react-if';\nimport { Modal, Form, Alert, Input, DescriptionBox, SkeletonLoader, TreeView, Dropdown, ListGroup, Badge } from 'components';\nimport { DeviceListLevel, DeviceCommands, UserRoles, AndroidVersions } from 'constants/enums';\nimport { gatewayApi, APP_CONFIG } from 'constants/global-variables';\nimport {\n\tgetUnassociatedDevices,\n\tdeleteDevice,\n\tsendCommand,\n\tgetLatestAppRelease,\n\tforceUpdateDevice,\n\taddDeviceSettings,\n\tgetDeviceList,\n\tgetAllowList,\n} from 'api/devices';\nimport { deleteOrgUnit } from 'api/organization';\nimport { findSectorById, getParentSector, getHierarchyFromBreadcrumb } from 'infrastructure/helpers/commonHelpers';\nimport { CSVLink } from 'react-csv';\nimport EditSectorModal from 'components/Common/EditSectorModal';\nimport { getUserRole } from 'infrastructure/auth';\nimport RebootLogExport from 'components/RebootLogExport';\nimport PullDeviceLogs from 'components/PullDeviceLogs';\nimport CheckBox from 'components/Common/CheckBox';\nimport moment from 'moment';\n\nclass Room extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.exportAllowlistRef = React.createRef();\n\t\tthis.exportDeviceDetailsRef = React.createRef();\n\n\t\tthis.state = {\n\t\t\tisEditSectorModalOpen: false,\n\t\t\tisDevicesModalOpen: false,\n\t\t\tisVoiceCommandCallingOpen: false,\n\t\t\tisRoomLoaded: false,\n\t\t\tpreSelected: null,\n\t\t\tdevices: [],\n\t\t\tallowListList: [],\n\t\t\thelloDeviceId: null,\n\t\t\tunassociatedDevicesToSelect: [],\n\t\t\tisAddDeviceModalLoading: true,\n\t\t\tselectedDevice: {},\n\t\t\tselectedOrg: {},\n\t\t\tisDeleteDeviceModalOpen: false,\n\t\t\tisRebootDeviceModalOpen: false,\n\t\t\tisUpdateDeviceModalOpen: false,\n\t\t\tisDeleteOrgUnitModalOpen: false,\n\t\t\tparentSectorName: '',\n\t\t\trebootReason: '',\n\t\t\tparentSectorType: '',\n\t\t\tisAddDeviceModalSubmitDisabled: true,\n\t\t\tisDeleteDeviceModalLoading: false,\n\t\t\tlatestAppRelease: null,\n\t\t\tdeviceIdInput: '',\n\t\t\terror: '',\n\t\t\tsuccess: '',\n\t\t\tisVoiceCommandCallingModalLoading: false,\n\t\t\tsectorData: {},\n\t\t};\n\n\t\tthis.csvDropdownItems = [\n\t\t\t{\n\t\t\t\ttitle: 'Device Details CSV',\n\t\t\t\ticon: 'save',\n\t\t\t\tid: 'save_device_csv',\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Endpoints Whitelist CSV',\n\t\t\t\ticon: 'check_box',\n\t\t\t\tid: 'save_allowlist_csv',\n\t\t\t},\n\t\t];\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.loadRoom();\n\t}\n\n\tcomponentDidUpdate = (prevProps, prevState) => {\n\t\tconst { roomId } = this.props.match.params;\n\t\tif (\n\t\t\troomId !== prevProps.match.params.roomId ||\n\t\t\t(!prevProps.showAssignDeviceModalData.assignCompleted && this.props.showAssignDeviceModalData.assignCompleted)\n\t\t) {\n\t\t\tthis.loadRoom();\n\t\t}\n\t};\n\n\tgetCodeNameByOsVersion = osVersion => {\n\t\tconst version = AndroidVersions.find(({ apiLevel }) => apiLevel.includes(+osVersion));\n\t\treturn version?.codeName ?? 'N/A';\n\t};\n\n\texportAsCsv() {\n\t\tconst room = getHierarchyFromBreadcrumb(this.props.breadcrumb);\n\t\treturn this.state.devices.map(({ serialNumber, macAddress, appVersion, osVersion, firmwareRevision, ipAddress }) => ({\n\t\t\t'Serial Number': serialNumber,\n\t\t\tRoom: room,\n\t\t\t'Mac Address': macAddress,\n\t\t\t'App Version:': appVersion,\n\t\t\t'Os Version': firmwareRevision,\n\t\t\t'Android Version': this.getCodeNameByOsVersion(osVersion),\n\t\t\t'Ip Addres': ipAddress,\n\t\t}));\n\t}\n\n\texportAllowlistCsv() {\n\t\treturn this.state.allowListList.map(({ id, domainUrl, createdDate, isAllowed, protocol, response }) => ({\n\t\t\tID: id,\n\t\t\t'Domain Url': domainUrl,\n\t\t\t'Reported On': moment(createdDate).format('YYYY/MM/DD - HH:mm'),\n\t\t\tAllowed: isAllowed ? 'Allowed' : 'Denied',\n\t\t\tProtocol: protocol,\n\t\t\tResponse: response,\n\t\t}));\n\t}\n\n\tloadRoom = async () => {\n\t\tconst devicesList = [];\n\t\tlet allowListList = [];\n\t\tconst fetchUnassociatedDevices = getUnassociatedDevices();\n\t\tconst fetchDeviceData = getDeviceList(DeviceListLevel.ROOM, this.props.match.params.roomId);\n\t\tconst fetchLatestAppRelease = getLatestAppRelease(APP_CONFIG.deviceAppId);\n\n\t\tconst [deviceData, unassociatedDevicesRes, latestAppRelease] = await Promise.all([fetchDeviceData, fetchUnassociatedDevices, fetchLatestAppRelease]);\n\n\t\tif (deviceData.length > 0) {\n\t\t\tconst { solHelloDeviceId } = deviceData[0];\n\t\t\tconst response = await getAllowList(solHelloDeviceId);\n\t\t\tif (response.error) {\n\t\t\t\tthis.showErrorMessage(response.error.message);\n\t\t\t} else {\n\t\t\t\tallowListList = response;\n\t\t\t}\n\t\t}\n\n\t\tconst currentSector = this.props.currentSectorLocation;\n\t\tlet preSelected = {};\n\t\tif (currentSector.length) {\n\t\t\tpreSelected = {\n\t\t\t\t[currentSector[0].name]: {\n\t\t\t\t\t[currentSector[0].subOptions[0].name]: {\n\t\t\t\t\t\t[currentSector[0].subOptions[0].subOptions[0].name]: {\n\t\t\t\t\t\t\t[currentSector[0].subOptions[0].subOptions[0].subOptions[0]]: {},\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\tunassociatedDevicesRes.map(device => {\n\t\t\tdevicesList.push({\n\t\t\t\tvalue: device.uid,\n\t\t\t\tid: device.solHelloDeviceId,\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({\n\t\t\tisRoomLoaded: true,\n\t\t\tpreSelected,\n\t\t\tdevices: deviceData,\n\t\t\tallowListList: allowListList.reverse(),\n\t\t\tunassociatedDevicesToSelect: devicesList,\n\t\t\tisAddDeviceModalLoading: false,\n\t\t\tlatestAppRelease,\n\t\t\tisVoiceCommandCallingModalLoading: false,\n\t\t});\n\t};\n\n\tdisplayDevices = () => {\n\t\tif (!this.state.devices.length) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst userRole = getUserRole();\n\t\treturn this.state.devices.map(\n\t\t\t({ serialNumber, solHelloDeviceId, appVersion, osVersion, firmwareRevision, macAddress, isOnline, voiceCommandCalling, ipAddress }) => {\n\t\t\t\treturn {\n\t\t\t\t\troomName: this.getCurrentRoom()?.roomName ?? 'N/A',\n\t\t\t\t\tserialNumber: serialNumber ?? 'N/A',\n\t\t\t\t\tmacAddress: macAddress ?? 'N/A',\n\t\t\t\t\tappVersion: \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{appVersion || 'N/A'}
,\n\t\t\t\t\tfirmwareRevision: firmwareRevision ?? 'N/A',\n\t\t\t\t\tosVersion: this.getCodeNameByOsVersion(osVersion),\n\t\t\t\t\tipAddress,\n\t\t\t\t\tvoiceCommandCalling: voiceCommandCalling ? 'Active' : 'Not active',\n\t\t\t\t\tactions: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{userRole === UserRoles.ADMIN && (\n\t\t\t\t\t\t\t\t this.toggleVoiceCommandCallingModal({ deviceId: solHelloDeviceId, serialNumber, voiceCommandCalling })}>\n\t\t\t\t\t\t\t\t\tsupervisor_account\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 this.toggleRebootDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\trefresh\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.props.toggleAssignDeviceModal({ deviceId: solHelloDeviceId, show: true })}>\n\t\t\t\t\t\t\t\t\t\tswap_vert\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleDeleteDeviceModal({ deviceId: solHelloDeviceId, serialNumber })}>\n\t\t\t\t\t\t\t\t\t\tdelete\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);\n\t};\n\n\tdisplayAllowlist = () => {\n\t\tif (!this.state.allowListList.length) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.state.allowListList.map(({ id, domainUrl, createdDate, isAllowed, protocol, response }) => ({\n\t\t\tnumber: id,\n\t\t\tdomainUrl,\n\t\t\tcreatedDate: moment(createdDate).format('YYYY/MM/DD - HH:mm'),\n\t\t\tisAllowed: isAllowed ? 'Allowed' : 'Denied',\n\t\t\tprotocol,\n\t\t\tresponse,\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\trequestAllowlist = async () => {\n\t\tconst deviceId = this.state.devices[0].solHelloDeviceId;\n\n\t\tif (deviceId) {\n\t\t\tconst response = await sendCommand(deviceId, DeviceCommands.REQUEST_ALLOWLIST_CHECK, this.state.allowListReason);\n\t\t\tif (!response.data.hasSucceeded) {\n\t\t\t\tthis.showErrorMessage('Something went wrong');\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\tthis.showSuccessMessage('Your request for endpoint whitelisting is being processed. Please refresh the page to see the updated version.');\n\t\tthis.loadRoom();\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\tawait deleteOrgUnit(this.state.selectedOrg.level, this.state.selectedOrg.id);\n\t\tthis.moveToParentSector(this.state.selectedOrg.id);\n\t\tthis.toggleDeleteOrgUnitModal();\n\t\tthis.props.getTreeData();\n\t};\n\n\tmoveToParentSector = currentSectorId => {\n\t\tconst selectedSector = findSectorById(this.props.treeData.tree, currentSectorId);\n\t\tconst 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\ttoggleVoiceCommandCallingModal = (selectedDevice = {}) => {\n\t\tthis.setState({\n\t\t\tselectedDevice,\n\t\t\tisVoiceCommandCallingOpen: !this.state.isVoiceCommandCallingOpen,\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\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\tisAddDeviceModalSubmitDisabled: false,\n\t\t\tdeviceIdInput: event.target.value,\n\t\t});\n\t};\n\n\tshowErrorMessage = (errorMessage = 'Device ID not found') => {\n\t\tthis.setState({\n\t\t\terror: errorMessage,\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\tshowSuccessMessage = (message = 'Successful ') => {\n\t\tthis.setState({\n\t\t\tsuccess: message,\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\tsuccess: '',\n\t\t\t});\n\t\t}, 6000);\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\tvoiceCommandCallingSubmit = async () => {\n\t\tthis.setState({\n\t\t\tisVoiceCommandCallingModalLoading: true,\n\t\t});\n\n\t\tconst { selectedDevice } = this.state;\n\n\t\tconst setting = { solHelloDeviceId: +selectedDevice.deviceId, settingValue: `${selectedDevice.voiceCommandCalling}` };\n\t\tawait addDeviceSettings([setting]);\n\t\tthis.loadRoom();\n\t\tthis.toggleVoiceCommandCallingModal();\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\tconst sector = findSectorById(this.props.treeData.tree, this.props.match.params.roomId);\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\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});\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\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\tconst hospitals = this.props.treeData.tree;\n\t\tconst 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\tif (!data) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tconst sector = findSectorById(this.props.treeData.tree, data[`${data.sectorType}Id`]);\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\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\tupdateTree = () => {\n\t\tthis.props.getTreeData();\n\t\tthis.toggleEditSectorModal();\n\t};\n\n\ttoggleVoiceCommandCalling = () => {\n\t\tconst { selectedDevice } = this.state;\n\t\tselectedDevice.voiceCommandCalling = !selectedDevice.voiceCommandCalling;\n\t\tthis.setState({ selectedDevice });\n\t};\n\n\thandleCsvDropdownClick = item => {\n\t\tif (item.id === 'save_device_csv') {\n\t\t\tthis.exportDeviceDetailsRef.current.link.click();\n\t\t} else if (item.id === 'save_allowlist_csv') {\n\t\t\tthis.exportAllowlistRef.current.link.click();\n\t\t}\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\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\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);\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{userRole === UserRoles.ADMIN && (\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
\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\n\t\t\t\t\t\t\t\t\t\t\tIn order to communicate with a room,
\n\t\t\t\t\t\t\t\t\t\t\tplease open a hospital, choose the department,
\n\t\t\t\t\t\t\t\t\t\t\tclick on a floor, and select a room.\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\tif (noteFontSize > minFontSize) {\n\t\t\t\t\t\t\tsetNoteFontSize(prevState => prevState - 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={noteFontSize === minFontSize ? 'disabled' : ''}>\n\t\t\t\t\ttext_decrease\n\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tif (noteFontSize < maxFontSize) {\n\t\t\t\t\t\t\tsetNoteFontSize(prevState => prevState + 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={noteFontSize === maxFontSize ? 'disabled' : ''}>\n\t\t\t\t\ttext_increase\n\t\t\t\t\n\t\t\t
\n\t\t\t{`${note.length}/${maxCharacters}`}
\n\t\t{this.props.title}
\n\t\t\t\t\t\t{showButtons && (\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\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfiber_manual_record\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\ttitle: (\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\t\tSuspicious Behavior\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.purple) && done}\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\tcolor: FeedColors.purple,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tSuicide Watch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.cyan) && done}\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\tcolor: FeedColors.cyan,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tFalls\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.yellow) && done}\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\tcolor: FeedColors.yellow,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tIsolation\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.red) && done}\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\tcolor: FeedColors.red,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tSeizure\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.pink) && done}\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\tcolor: FeedColors.pink,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tHospice\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.black) && done}\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\tcolor: FeedColors.black,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tDetox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.orange) && done}\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\tcolor: FeedColors.orange,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tPulling O2\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.lightBlue) && done}\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\tcolor: FeedColors.lightBlue,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tImpulsive/Confused\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.gray) && done}\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\tcolor: FeedColors.gray,\n\t\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\t\t\ticon: (\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\t\tfiber_manual_record\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\ttitle: (\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\t\tNon-redirectable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.checkIsColorActive(FeedColors.blue) && done}\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\tcolor: FeedColors.blue,\n\t\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\tonItemClick={this.setFeedColor}\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)}\n\t\t\t\t\t\t{!showButtons && (\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t{this.props.isMicPrivacyOn && (\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\t\t
- \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\t
- \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\t
- \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\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{this.props.children}\n\t\t\t{this.getDeviceStatus()}
\n\t\t\t\t\t\t{this.props.status === ParticipantState.CONNECTING.type &&\n\t\t\t\t\t\t this.setState({ isRebootCameraModalOpen: true })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t this.setState({ isRebootCameraModalOpen: false })}>\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\nCameraControls.defaultProps = {\n\tshowPTZ: true,\n\tcameraType: CameraType.HELLO,\n\tcameraZoomLevel: 0,\n\tisHuddleCamConnected: true,\n};\n\nCameraControls.propTypes = {\n\tshowPTZ: PropTypes.bool,\n\tcameraType: PropTypes.string,\n\tcameraZoomLevel: PropTypes.number,\n\tonToggleCameraSwitch: PropTypes.func,\n\tonZoomCamera: PropTypes.func,\n\tonPanTiltCamera: PropTypes.func,\n\tonRebootHuddleCam: PropTypes.func,\n\tdisabledTiltDirections: PropTypes.object,\n\tisHuddleCamConnected: PropTypes.bool,\n};\n\nexport default CameraControls;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport v4 from 'uuid';\nimport { Prompt } from 'react-router-dom';\nimport _ from 'lodash';\nimport classNames from 'classnames/bind';\n\nimport { actionCreators } from 'state/organization/actions';\nimport { SocketContext } from 'io-client/SocketContext';\nimport CallManager from 'owt/p2p/CallManager';\nimport { ConferenceInfo, ConferenceParticipant, FromUser } from 'owt/base/conference';\nimport { Grid, Modal, Form, Alert } from 'components';\nimport VideoFeed from 'components/Monitoring/VideoFeed';\nimport Layout from 'components/Common/Layout';\nimport SectorList from 'components/Common/SectorList';\nimport Header from 'components/Common/Header';\nimport CameraControls from 'components/Common/CameraControls';\nimport StreamPermissions from 'components/StreamPermissions';\nimport {\n\tCallTypes,\n\tObjectType,\n\tParticipantState,\n\tSectorTypes,\n\tSocketState,\n\tConferenceEndReason,\n\tRTCPeerConnectionEnum,\n\tCameraType,\n\tCameraEventTypes,\n\tCameraTiltDirection,\n\tCameraTiltAction,\n\tZoomDirection,\n\tMediaPermissions,\n\tMediaTypes,\n\tStreamError,\n\tParticipantRemoveReason,\n\tToggleFailureReasonEnum,\n\tInviteParticipantFailureReason,\n} from 'constants/enums';\nimport { findSectorById, sortArrayByProperty, askForPermission, checkForPermission, checkIfMediaDevicesPlugged } from 'infrastructure/helpers/commonHelpers';\nimport SocketEvents from 'constants/socket-events';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport { getUserProfile } from 'infrastructure/auth';\nimport UnassignedNurse from './UnassignedNurse';\n\nclass Monitoring extends Component {\n\tconstructor(props, context) {\n\t\tsuper(props, context);\n\t\tthis.state = {\n\t\t\tvideoFeeds: {},\n\t\t\tparticipants: {},\n\t\t\tconferenceInfo: null,\n\t\t\tisFeedZoomed: false,\n\t\t\troomHasDeviceAssigned: true,\n\t\t\tcurrentRoomName: '',\n\t\t\tisSecondColumnCollapsed: false,\n\t\t\tshowDeviceControlsLockedModal: false,\n\t\t\tsocketState: SocketState.CONNECTED,\n\t\t\thasActiveConference: false,\n\t\t\tconferenceEndReason: null,\n\t\t\tshouldShowSwitchToHelloCamError: false,\n\t\t\tshowAllowMicrophoneModal: false,\n\t\t\tstatAlarmError: '',\n\t\t\tdeniedParticipant: null,\n\t\t\tinitiatorInfoFailed: false,\n\t\t};\n\t\tthis.lowerBitrateFeedCountThreshold = 4;\n\t\tthis.micStatus = null;\n\t\tthis.camStatus = null;\n\t\tthis.previousParticipantId = null;\n\t\tthis.callManager = new CallManager(this.context, {\n\t\t\tuseCallStats: APP_CONFIG.useCallStats && APP_CONFIG.sendCallStatsOnMonitoring,\n\t\t\tsendCallStatsInterval: APP_CONFIG.sendCallStatsInterval,\n\t\t});\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.camStatus = await checkForPermission(MediaTypes.CAMERA);\n\t\tthis.micStatus = await checkForPermission(MediaTypes.MICROPHONE);\n\t\tthis.micStatus.onchange = this.onDevicePermissionChange;\n\t\tthis.callManager\n\t\t\t.on('peer-stream', data => {\n\t\t\t\tconst { origin } = data.peerSrc;\n\t\t\t\tconst { videoFeeds, conferenceInfo } = this.state;\n\n\t\t\t\tconst feed = this.getVideoFeedByParticipantId(origin, videoFeeds);\n\t\t\t\tif (!feed) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfeed.conference = conferenceInfo;\n\t\t\t\tfeed.src = data.peerSrc;\n\t\t\t\tfeed.status = ParticipantState.CONNECTED.type;\n\n\t\t\t\tthis.handleBitrateChange();\n\t\t\t\tthis.setState({ videoFeeds });\n\t\t\t})\n\t\t\t.on('update-participant', data => {\n\t\t\t\tconst { participants, videoFeeds } = this.state;\n\t\t\t\tdata.forEach(p => {\n\t\t\t\t\tparticipants[p.id] = {\n\t\t\t\t\t\tid: p.id,\n\t\t\t\t\t\tobjectId: p.objectId,\n\t\t\t\t\t};\n\t\t\t\t\tconst feed = videoFeeds[p.objectId];\n\t\t\t\t\tif (!!feed) {\n\t\t\t\t\t\tfeed.participantId = p.id;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tthis.setState({ participants });\n\t\t\t})\n\t\t\t.on('call-started', data => {\n\t\t\t\tif (data.failedInvites) {\n\t\t\t\t\tconst { videoFeeds } = this.state;\n\t\t\t\t\tObject.values(videoFeeds).forEach(v => {\n\t\t\t\t\t\tconst newFeed = { ...v };\n\t\t\t\t\t\tconst failedFeed = data.failedInvites.find(f => f.objectId === v.deviceId);\n\t\t\t\t\t\tif (failedFeed.reason === InviteParticipantFailureReason.INVITE_DENIED) {\n\t\t\t\t\t\t\tnewFeed.status = ParticipantState.INVITE_DENIED.type;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (failedFeed.reason === InviteParticipantFailureReason.FAILED_TO_GET_INFO) {\n\t\t\t\t\t\t\tnewFeed.status = ParticipantState.FAILED_TO_GET_INFO.type;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvideoFeeds[v.deviceId] = newFeed;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tthis.setState({ conferenceInfo: data.conferenceInfo, hasActiveConference: false });\n\t\t\t})\n\t\t\t.on('participant-status', statusResponse => {\n\t\t\t\tconst { status, objectId, reason } = statusResponse;\n\t\t\t\tconst { videoFeeds } = this.state;\n\n\t\t\t\tconst feed = videoFeeds[objectId];\n\t\t\t\tif (feed) {\n\t\t\t\t\tif (\n\t\t\t\t\t\t(feed.status === ParticipantState.LEFT_CALL.type && status !== ParticipantState.REMOVED.type) ||\n\t\t\t\t\t\tfeed.status === ParticipantState.DISCONNECTED.type ||\n\t\t\t\t\t\t(status === ParticipantState.LEFT_CALL.type &&\n\t\t\t\t\t\t\t[ParticipantRemoveReason.DISCONNECTED, ParticipantRemoveReason.DISCONNECTED_PARTICIPANT_CLEANUP].includes(reason))\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tfeed.status = status;\n\t\t\t\t\tfeed.removeReason = reason;\n\t\t\t\t\tthis.setState({ videoFeeds });\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('participant-busy', data => {\n\t\t\t\tconst videoFeeds = { ...this.state.videoFeeds };\n\t\t\t\tconst feed = videoFeeds[data.objectId];\n\t\t\t\tif (feed) {\n\t\t\t\t\tconst { activeConferences } = data;\n\t\t\t\t\tif (!activeConferences || activeConferences.length === 0) {\n\t\t\t\t\t\tthis.callManager.logger.warn('On participant busy - no active conference was found');\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst conference = activeConferences.find(ac => ac.initialCallType === CallTypes.MONITORING);\n\t\t\t\t\tif (!conference) {\n\t\t\t\t\t\tthis.callManager.logger.warn('On participant busy - no active patient view or talk to patient conference was found');\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t\t}\n\n\t\t\t\t\t// there should be only one participant with ObjectType User\n\t\t\t\t\tconst monitoringNurse = conference.participants.find(p => p.objectType === ObjectType.USER);\n\t\t\t\t\tif (!monitoringNurse) {\n\t\t\t\t\t\tthis.callManager.logger.warn('On participant busy - monitoring nurse is missing from participants');\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t\t}\n\n\t\t\t\t\tfeed.status = ParticipantState.BUSY.type;\n\t\t\t\t\tfeed.onPatientBusyNurse = monitoringNurse;\n\t\t\t\t\tthis.setState({ videoFeeds });\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('camera-response', this.cameraResponseListener)\n\t\t\t.on('initial-device-state', ({ helloDeviceId, isNightVision, zoomLevel, isHuddleCamConnected, cameraType, isCameraPrivacyOn, isMicPrivacyOn }) => {\n\t\t\t\tconst { videoFeeds } = this.state;\n\t\t\t\tconst feed = videoFeeds[helloDeviceId];\n\n\t\t\t\tif (!feed) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfeed.zoomLevel = zoomLevel;\n\t\t\t\tfeed.cameraType = cameraType;\n\t\t\t\tfeed.isNightVisionActive = isNightVision;\n\t\t\t\tfeed.isHuddleCamConnected = isHuddleCamConnected;\n\t\t\t\tfeed.isCameraPrivacyOn = isCameraPrivacyOn;\n\t\t\t\tfeed.isMicPrivacyOn = isMicPrivacyOn;\n\n\t\t\t\tthis.setState({ videoFeeds });\n\t\t\t})\n\t\t\t.on('socket-state', ({ socketState }) => {\n\t\t\t\tif (this.state.socketState.type === socketState.type) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst newState = { socketState };\n\t\t\t\tswitch (socketState.type) {\n\t\t\t\t\tcase SocketState.DISCONNECTED.type:\n\t\t\t\t\t\tObject.assign(newState, {\n\t\t\t\t\t\t\tdisableButtons: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase SocketState.CONNECTED.type:\n\t\t\t\t\t\tObject.assign(newState, {\n\t\t\t\t\t\t\tdisableButtons: false,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.setState(newState);\n\t\t\t})\n\t\t\t.on('peer-connection-state', ({ peerConnectionState, participantObjectId }) => {\n\t\t\t\tconst { videoFeeds } = this.state;\n\n\t\t\t\tconst newVideoFeeds = { ...videoFeeds };\n\t\t\t\tnewVideoFeeds[participantObjectId].peerConnectionState = peerConnectionState;\n\t\t\t\tswitch (peerConnectionState) {\n\t\t\t\t\tcase RTCPeerConnectionEnum.CONNECTION_STATE.CONNECTED:\n\t\t\t\t\t\tnewVideoFeeds[participantObjectId].status = ParticipantState.CONNECTED.type;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase RTCPeerConnectionEnum.CONNECTION_STATE.DISCONNECTED:\n\t\t\t\t\t\tnewVideoFeeds[participantObjectId].status = ParticipantState.RECONNECTING.type;\n\t\t\t\t\t\tif (newVideoFeeds[participantObjectId]?.isAlarmActive) {\n\t\t\t\t\t\t\tnewVideoFeeds[participantObjectId].isAlarmActive = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase RTCPeerConnectionEnum.CONNECTION_STATE.FAILED:\n\t\t\t\t\t\tnewVideoFeeds[participantObjectId].status = ParticipantState.RECONNECTING.type;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ videoFeeds: newVideoFeeds });\n\t\t\t})\n\t\t\t.on('end-call', data => {\n\t\t\t\tObject.keys(this.state.videoFeeds).forEach(key => {\n\t\t\t\t\tthis.changeRoomAddDeviceIcon(false, this.state.videoFeeds[key].roomId);\n\t\t\t\t});\n\t\t\t\tconst deniedParticipant = Object.values(this.state.videoFeeds).find(f => f.deviceId === data.deniedParticipant?.objectId);\n\t\t\t\tconst initiatorInfoFailed = data.endReason === ConferenceEndReason.FAILED_TO_GET_INITIATOR_INFO || false;\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tvideoFeeds: {},\n\t\t\t\t\tparticipants: {},\n\t\t\t\t\tconferenceInfo: null,\n\t\t\t\t\tisFeedZoomed: false,\n\t\t\t\t\troomHasDeviceAssigned: true,\n\t\t\t\t\tisSecondColumnCollapsed: false,\n\t\t\t\t\tshowDeviceControlsLockedModal: false,\n\t\t\t\t\thasActiveConference: data.hasActiveConference,\n\t\t\t\t\tconferenceEndReason: data.endReason,\n\t\t\t\t\tinitiatorInfoFailed,\n\t\t\t\t\tdeniedParticipant,\n\t\t\t\t});\n\t\t\t\tthis.setActiveVideoFeeds([]);\n\t\t\t})\n\t\t\t.on('local-audio-error', this.onLocalAudioError)\n\t\t\t.on('re-add-feed', this.deviceStatusChanged)\n\t\t\t.on('feed-is-online', ({ objectId }) => {\n\t\t\t\tconst feed = this.state.videoFeeds?.[objectId];\n\t\t\t\tif (!feed) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.callManager.startReAddFeedInterval(\n\t\t\t\t\t{\n\t\t\t\t\t\tid: feed.id,\n\t\t\t\t\t\tobjectId,\n\t\t\t\t\t},\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t})\n\t\t\t.bindSocketEventListeners(false, false);\n\n\t\tthis.bindWindowListeners();\n\t\tthis.context.on(SocketEvents.Conference.ON_DEVICE_CONTROLS_LOCKED, this.onDeviceLockedEventHandler);\n\t\tthis.context.on(SocketEvents.Conference.AUDIO_TRACK_TOGGLED, this.onAudioTrackToggled);\n\t\tthis.context.on(SocketEvents.Conference.ALERT_PATIENT_AT_RISK_RESPONSE, this.onAlertPatientResponse);\n\t}\n\n\tcomponentDidUpdate = prevProps => {\n\t\tif (prevProps.currentHealthSystemId !== this.props.currentHealthSystemId) {\n\t\t\tthis.changeRoomsAndDevicesIcons();\n\t\t}\n\t};\n\n\tcomponentWillUnmount() {\n\t\tthis.callManager.unbindSocketEventListeners().unbindTimeouts();\n\n\t\tthis.context.off(SocketEvents.Conference.ON_DEVICE_CONTROLS_LOCKED, this.onDeviceLockedEventHandler);\n\t\tthis.context.off(SocketEvents.Conference.AUDIO_TRACK_TOGGLED, this.onAudioTrackToggled);\n\t\tthis.context.off(SocketEvents.Conference.ALERT_PATIENT_AT_RISK_RESPONSE, this.onAlertPatientResponse);\n\n\t\tif (Object.keys(this.state.videoFeeds).length) {\n\t\t\tthis.endMonitoring();\n\t\t}\n\n\t\tthis.setActiveVideoFeeds([]);\n\t}\n\n\tsetActiveVideoFeeds = videoFeeds => {\n\t\tconst mappedIds = Object.keys(videoFeeds).map(key => ({ helloDeviceId: videoFeeds[key].deviceId, roomId: videoFeeds[key].roomId }));\n\t\tthis.props.setActiveMonitoringFeeds(mappedIds);\n\t};\n\n\tonDevicePermissionChange = res => {\n\t\tif (res.target.state === MediaPermissions.GRANTED || res.target.state === MediaPermissions.PROMPT) {\n\t\t\tthis.props.setStreamPermissionMessage(null);\n\t\t} else {\n\t\t\tconst { videoFeeds } = this.state;\n\t\t\tObject.keys(videoFeeds).forEach(key => {\n\t\t\t\tif (videoFeeds[key].audioTrack?.enabled) {\n\t\t\t\t\tthis.toggleMonitoringMic(videoFeeds[key]);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.callManager.publishConferenceLog(`Microphone permission state is changed to ${res.target.state}.`);\n\t};\n\n\tbeforeUnloadEvent = event => {\n\t\tif (this.state.conferenceInfo) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.returnValue = '';\n\t\t}\n\t};\n\n\tbindWindowListeners() {\n\t\twindow.addEventListener('beforeunload', this.beforeUnloadEvent);\n\t\twindow.addEventListener('unload', () => {\n\t\t\tif (this.state.conferenceInfo) {\n\t\t\t\tthis.callManager.endCall({ endReason: ConferenceEndReason.PARTICIPANT_LEFT });\n\t\t\t}\n\t\t});\n\n\t\twindow.addEventListener('message', message => {\n\t\t\tif (message.data === 'IN_CALL') {\n\t\t\t\tif (this.state.conferenceInfo) {\n\t\t\t\t\tthis.callManager.endCall({ endReason: ConferenceEndReason.PARTICIPANT_IDLE });\n\t\t\t\t}\n\t\t\t\twindow.location.href = '/logout';\n\t\t\t}\n\t\t});\n\t}\n\n\tprepareStartConferenceInfo = async deviceId => {\n\t\tconst userProfile = getUserProfile();\n\t\tconst fromUser = new FromUser(`${userProfile.firstName} ${userProfile.lastName}`, userProfile.jobTitle, userProfile.profilePicture.url);\n\t\tconst participant = new ConferenceParticipant(deviceId, ObjectType.HELLO_DEVICE);\n\t\tconst devices = await navigator.mediaDevices.enumerateDevices();\n\t\tconst inputDevices = {\n\t\t\tdevices,\n\t\t\tpermissions: {\n\t\t\t\tcamera: this.camStatus.state,\n\t\t\t\tmicrophone: this.micStatus.state,\n\t\t\t},\n\t\t};\n\n\t\treturn new ConferenceInfo(\n\t\t\tCallTypes.MONITORING,\n\t\t\tv4(),\n\t\t\t'Monitoring',\n\t\t\tnull,\n\t\t\tfromUser,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tv4(),\n\t\t\t[participant],\n\t\t\tinputDevices,\n\t\t\ttrue\n\t\t);\n\t};\n\n\thasPermissionForMonitoring = async () => {\n\t\tconst pluggedDevices = await checkIfMediaDevicesPlugged();\n\n\t\tif (this.micStatus.error) {\n\t\t\treturn false;\n\t\t}\n\n\t\tswitch (this.micStatus.state) {\n\t\t\tcase MediaPermissions.DENIED:\n\t\t\t\tawait askForPermission({ audio: true });\n\t\t\t\treturn true;\n\t\t\tcase MediaPermissions.PROMPT && pluggedDevices.microphone:\n\t\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\t\tcomponent: 'modal',\n\t\t\t\t\ttype: StreamError.MICROPHONE_BLOCKED.type,\n\t\t\t\t});\n\t\t\t\tawait askForPermission({ audio: true });\n\t\t\t\tthis.props.setStreamPermissionMessage(null);\n\t\t\t\treturn true;\n\t\t\tdefault:\n\t\t\t\treturn true;\n\t\t}\n\t};\n\n\tgetFailedFeed = (videoFeeds, helloDeviceId, failedParticipants) =>\n\t\tObject.values(videoFeeds).forEach(v => {\n\t\t\tconst nFeed = { ...v };\n\t\t\tif (nFeed.deviceId === helloDeviceId) {\n\t\t\t\tconst failedFeed = failedParticipants.find(f => f.objectId === helloDeviceId);\n\t\t\t\tif (failedFeed.reason === InviteParticipantFailureReason.INVITE_DENIED) {\n\t\t\t\t\tnFeed.status = ParticipantState.INVITE_DENIED.type;\n\t\t\t\t}\n\t\t\t\tif (failedFeed.reason === InviteParticipantFailureReason.FAILED_TO_GET_INFO) {\n\t\t\t\t\tnFeed.status = ParticipantState.FAILED_TO_GET_INFO.type;\n\t\t\t\t}\n\t\t\t\tvideoFeeds[v.deviceId] = nFeed;\n\t\t\t}\n\t\t});\n\n\taddFeed = async data => {\n\t\tif (this.state.deniedParticipant) {\n\t\t\tthis.setState({ conferenceEndReason: null, deniedParticipant: null });\n\t\t}\n\t\tconst hasPermission = await this.hasPermissionForMonitoring();\n\n\t\tif (!hasPermission) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { videoFeeds, conferenceInfo } = this.state;\n\n\t\tlet { name } = findSectorById(this.props.treeData.tree, data.hospitalId);\n\n\t\tif (videoFeeds[data.helloDeviceId]) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (Object.keys(videoFeeds).length === 16) {\n\t\t\tthis.setState({\n\t\t\t\tshowFeedsLimitModal: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tthis.changeRoomAddDeviceIcon(true, data.roomId);\n\n\t\tconst newFeed = {\n\t\t\tsrc: null,\n\t\t\troomName: `${name} > ${data.name}`,\n\t\t\tdeviceId: +data.helloDeviceId,\n\t\t\thospitalId: data.hospitalId,\n\t\t\tdepartmentId: data.departmentId,\n\t\t\tfloorId: data.floorId,\n\t\t\troomId: data.roomId,\n\t\t\tstatus: ParticipantState.CONNECTING.type,\n\t\t\thospitalName: name,\n\t\t\tisPeerSpeakerActive: false,\n\t\t\tpeerConnectionState: RTCPeerConnectionEnum.CONNECTION_STATE.NEW,\n\t\t\tzoomLevel: 0,\n\t\t\tcameraType: CameraType.HELLO,\n\t\t\tdisabledTiltDirections: {},\n\t\t\tisCameraPrivacyOn: false,\n\t\t\tisMicPrivacyOn: false,\n\t\t\tdateAdded: +new Date(),\n\t\t\tisOnline: true,\n\t\t};\n\n\t\tvideoFeeds[newFeed.deviceId] = newFeed;\n\n\t\tif (!conferenceInfo) {\n\t\t\tif (Object.keys(videoFeeds).length === 1) {\n\t\t\t\tthis.callManager.startMonitoring(await this.prepareStartConferenceInfo(+data.helloDeviceId));\n\t\t\t} else if (Object.keys(videoFeeds).length > 1) {\n\t\t\t\tthis.changeRoomAddDeviceIcon(false, data.roomId);\n\t\t\t\tdelete videoFeeds[newFeed.deviceId];\n\t\t\t}\n\t\t} else {\n\t\t\tconst response = await this.callManager.addDeviceToMonitoring({\n\t\t\t\tconferenceId: this.state.conferenceInfo.conferenceId,\n\t\t\t\tparticipantId: this.state.conferenceInfo.participantId,\n\t\t\t\tparticipant: {\n\t\t\t\t\tobjectType: ObjectType.HELLO_DEVICE,\n\t\t\t\t\tobjectId: +data.helloDeviceId,\n\t\t\t\t},\n\t\t\t});\n\t\t\tif (response?.failedInvitationToParticipants?.length) {\n\t\t\t\tthis.getFailedFeed(videoFeeds, +data.helloDeviceId, response.failedInvitationToParticipants);\n\t\t\t}\n\t\t}\n\t\tthis.setState({\n\t\t\tvideoFeeds,\n\t\t\troomHasDeviceAssigned: !!data.helloDeviceId,\n\t\t\tcurrentRoomName: data.name,\n\t\t\tinitiatorInfoFailed: false,\n\t\t});\n\t\tthis.setActiveVideoFeeds(videoFeeds);\n\t};\n\n\tremoveFeed = key => {\n\t\tlet { videoFeeds, conferenceInfo } = this.state;\n\n\t\tconst feed = videoFeeds[key];\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (feed.audioTrack) {\n\t\t\tfeed.audioTrack.stop();\n\t\t}\n\n\t\tconst { roomId, participantId } = feed;\n\t\tthis.changeRoomAddDeviceIcon(false, roomId);\n\t\tdelete videoFeeds[key];\n\n\t\tthis.callManager.removeDeviceFromMonitoring({\n\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\tparticipantId: conferenceInfo.participantId,\n\t\t\tactioneeParticipantId: participantId,\n\t\t});\n\n\t\tif (Object.keys(videoFeeds).length === 0) {\n\t\t\tthis.endMonitoring();\n\t\t\tconferenceInfo = null;\n\t\t}\n\n\t\tlet { isFeedExpanded } = feed;\n\n\t\tthis.setState({\n\t\t\tvideoFeeds,\n\t\t\tconferenceInfo,\n\t\t\tisFeedZoomed: isFeedExpanded ? !isFeedExpanded : this.state.isFeedZoomed,\n\t\t});\n\t\tthis.handleBitrateChange();\n\t\tthis.setActiveVideoFeeds(videoFeeds);\n\t};\n\n\tendMonitoring = () => {\n\t\tthis.callManager.endCall({ endReason: ConferenceEndReason.INITIATOR_LEFT });\n\t};\n\n\tuseHighBitrate = deviceId => {\n\t\tconst { videoFeeds, conferenceInfo } = this.state;\n\t\tconst feed = videoFeeds[deviceId];\n\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { participantId } = feed;\n\t\tthis.callManager.requestToChangeBitrate({\n\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\tparticipantId: conferenceInfo.participantId,\n\t\t\tactioneeParticipantId: participantId,\n\t\t\tsettings: {\n\t\t\t\tminBitrate: 700,\n\t\t\t\tmaxBitrate: 900,\n\t\t\t},\n\t\t});\n\t};\n\n\tuseLowBitrate = deviceId => {\n\t\tconst { videoFeeds, conferenceInfo } = this.state;\n\t\tconst feed = videoFeeds[deviceId];\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { participantId } = feed;\n\n\t\tthis.callManager.requestToChangeBitrate({\n\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\tparticipantId: conferenceInfo.participantId,\n\t\t\tactioneeParticipantId: participantId,\n\t\t\tsettings: {\n\t\t\t\tminBitrate: 400,\n\t\t\t\tmaxBitrate: 600,\n\t\t\t},\n\t\t});\n\t};\n\n\thandleBitrateChange = () => {\n\t\tlet { videoFeeds } = this.state;\n\t\tlet videoFeedsLength = Object.keys(videoFeeds).length;\n\t\tlet expandedFeed = Object.values(videoFeeds).find(v => v.isFeedExpanded);\n\n\t\tif (expandedFeed) {\n\t\t\tObject.keys(videoFeeds).forEach(key => {\n\t\t\t\tif (expandedFeed.deviceId !== videoFeeds[key].deviceId) {\n\t\t\t\t\tthis.useLowBitrate(videoFeeds[key].deviceId);\n\t\t\t\t} else {\n\t\t\t\t\tthis.useHighBitrate(videoFeeds[key].deviceId);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (videoFeedsLength <= this.lowerBitrateFeedCountThreshold) {\n\t\t\tObject.keys(videoFeeds).forEach(key => {\n\t\t\t\tthis.useHighBitrate(videoFeeds[key].deviceId);\n\t\t\t});\n\t\t} else if (videoFeedsLength > this.lowerBitrateFeedCountThreshold) {\n\t\t\tObject.keys(videoFeeds).forEach(key => {\n\t\t\t\tthis.useLowBitrate(videoFeeds[key].deviceId);\n\t\t\t});\n\t\t}\n\t};\n\n\tchangeRoomAddDeviceIcon = (deviceAdded, roomId) => {\n\t\tconst treeData = { ...this.props.treeData };\n\t\tconst sector = findSectorById(treeData.tree, roomId);\n\n\t\tif (deviceAdded) {\n\t\t\tsector.customActionIcon = {\n\t\t\t\ticonColor: '#4cd137',\n\t\t\t\ticon: 'check_circle',\n\t\t\t};\n\t\t} else if (sector) {\n\t\t\tdelete sector.customActionIcon;\n\t\t}\n\n\t\tthis.props.setTreeData(treeData);\n\t};\n\n\tchangeRoomsAndDevicesIcons = () => {\n\t\tconst deviceIds = Object.keys(this.state.videoFeeds);\n\t\tif (deviceIds.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tconst treeData = { ...this.props.treeData };\n\t\ttreeData.tree.forEach(hospital => {\n\t\t\thospital.subOptions.forEach(dep => {\n\t\t\t\tdep.subOptions.forEach(floor => {\n\t\t\t\t\tfloor.subOptions.forEach(room => {\n\t\t\t\t\t\tif (deviceIds.includes(room.helloDeviceId)) {\n\t\t\t\t\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\t\t\t\t\troom.customActionIcon = {\n\t\t\t\t\t\t\t\ticonColor: '#4cd137',\n\t\t\t\t\t\t\t\ticon: 'check_circle',\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\tthis.props.setTreeData(treeData);\n\t};\n\n\ttoggleExpandFeed = feed => {\n\t\tlet videoFeeds = { ...this.state.videoFeeds };\n\t\tlet previousExpandedFeed = Object.values(videoFeeds).find(v => v.isFeedExpanded) || {};\n\t\tlet currentFeed = Object.values(videoFeeds).find(f => feed.deviceId === f.deviceId);\n\t\tif (previousExpandedFeed.deviceId !== currentFeed.deviceId) {\n\t\t\tpreviousExpandedFeed.isFeedExpanded = false;\n\t\t}\n\t\tcurrentFeed.isFeedExpanded = !currentFeed.isFeedExpanded;\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisFeedZoomed: currentFeed.isFeedExpanded,\n\t\t\t\tvideoFeeds: videoFeeds,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.handleBitrateChange();\n\t\t\t}\n\t\t);\n\t};\n\n\ttoggleNightVision = async feed => {\n\t\tconst { conferenceInfo } = this.state;\n\t\tconst nightVisionMode = !feed.isNightVisionActive;\n\n\t\ttry {\n\t\t\tconst toggleResponse = await this.callManager.toggleNightVision(nightVisionMode, feed.deviceId, conferenceInfo.conferenceId, feed.participantId);\n\n\t\t\tif (toggleResponse.deviceControlsLocked) {\n\t\t\t\tthis.setState({ showDeviceControlsLockedModal: true });\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tthis.callManager.logger.error(`Toggle nightvision failed ${err}`);\n\t\t}\n\t};\n\n\ttogglePeerSpeaker = async feed => {\n\t\tconst { videoFeeds } = this.state;\n\n\t\tthis.callManager.callerParticipantId = feed.participantId;\n\t\tconst response = await this.callManager.toggleParticipantTrack(CallTypes.AUDIO, feed.isPeerSpeakerActive);\n\t\t// check if peer(hello) is in another call\n\t\tif (response.deviceControlsLocked) {\n\t\t\tthis.setState({ showDeviceControlsLockedModal: true });\n\t\t\treturn;\n\t\t}\n\n\t\tvideoFeeds[feed.deviceId].isPeerSpeakerActive = !videoFeeds[feed.deviceId].isPeerSpeakerActive;\n\t\t// if peer(hello) is not in another call than disable speaker to the previous hellos\n\t\tconst previousFeeds = Object.values(videoFeeds).filter(videoFeed => videoFeed.participantId !== feed.participantId && videoFeed.isPeerSpeakerActive);\n\t\tif (previousFeeds && previousFeeds.length) {\n\t\t\tpreviousFeeds.forEach(previousFeed => {\n\t\t\t\tthis.callManager.toggleParticipantTrack(CallTypes.AUDIO, true, previousFeed.participantId);\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\ttoggleAlarm = feed => {\n\t\tconst { conferenceInfo } = this.state;\n\n\t\tconst currentFeed = Object.values(this.state.videoFeeds).find(f => feed.deviceId === f.deviceId);\n\n\t\tif (!currentFeed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.callManager.togglePatientAtRiskAlert({\n\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\tparticipantId: conferenceInfo.participantId,\n\t\t\tactioneeParticipantId: feed.participantId,\n\t\t\tdata: !currentFeed.isAlarmActive,\n\t\t});\n\t};\n\n\tonAlertPatientResponse = result => {\n\t\tconst videoFeeds = { ...this.state.videoFeeds };\n\t\tconst currentFeed = Object.values(videoFeeds).find(f => result.participantId === f.participantId);\n\t\tif (!currentFeed) {\n\t\t\treturn;\n\t\t}\n\t\tif (!result.isSuccessful) {\n\t\t\tthis.setState({\n\t\t\t\tstatAlarmError: `There was an error toggling stat alarm of ${currentFeed.roomName}. Please try again!`,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tcurrentFeed.isAlarmActive = result.data;\n\t\tthis.setState({\n\t\t\tstatAlarmError: '',\n\t\t\tvideoFeeds: videoFeeds,\n\t\t});\n\t};\n\n\ttoggleMyMicrophone = async (feed, enabled) => {\n\t\tconst pluggedDevices = await checkIfMediaDevicesPlugged();\n\n\t\tif (!pluggedDevices.microphone) {\n\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\tcomponent: 'modal',\n\t\t\t\ttype: StreamError.MICROPHONE_NOT_FOUND.type,\n\t\t\t});\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.micStatus.state === MediaPermissions.DENIED) {\n\t\t\tawait askForPermission({ audio: true });\n\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\tcomponent: 'popup',\n\t\t\t\ttype: StreamError.MICROPHONE_BLOCKED.type,\n\t\t\t});\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.micStatus.state === MediaPermissions.PROMPT) {\n\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\tcomponent: 'modal',\n\t\t\t\ttype: StreamError.MICROPHONE_BLOCKED.type,\n\t\t\t});\n\t\t\tawait askForPermission({ audio: true });\n\t\t\tthis.props.setStreamPermissionMessage(null);\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.toggleMonitoringMic(feed, enabled);\n\n\t\treturn true;\n\t};\n\n\ttoggleMonitoringMic = async (feed, enabled) => {\n\t\tconst selectedFeed = feed;\n\n\t\tif (selectedFeed.audioTrack) {\n\t\t\tif (this.prevFeed && this.prevFeed.audioTrack && this.prevFeed.audioTrack.id !== selectedFeed.audioTrack.id) {\n\t\t\t\tthis.prevFeed.audioTrack.enabled = false;\n\t\t\t\tthis.callManager.monitoringTrackToggled(false, this.prevFeed.participantId);\n\t\t\t}\n\n\t\t\tthis.prevFeed = selectedFeed;\n\t\t\tselectedFeed.audioTrack.enabled = enabled;\n\t\t\tthis.callManager.monitoringTrackToggled(selectedFeed.audioTrack.enabled, selectedFeed.participantId);\n\t\t\tthis.setFeedAudioTrackAndDisablePrevious(selectedFeed);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.callManager.callerParticipantId = selectedFeed.participantId;\n\n\t\tconst audioStream = await this.callManager.toggleAudio();\n\n\t\tif (!audioStream || audioStream.error) {\n\t\t\t// Unsure what this part of functionality was added for, looks like we need to remove it\n\t\t\t// if (this.prevFeed && this.prevFeed.audioTrack?.enabled) {\n\t\t\t// \tconst videoFeeds = { ...this.state.videoFeeds };\n\t\t\t// \tthis.setState({\n\t\t\t// \t\tshowDeviceControlsLockedModal: !audioStream,\n\t\t\t// \t\tvideoFeeds: Object.keys(videoFeeds).reduce((acc, key) => {\n\t\t\t// \t\t\tconst newFeed = { ...acc[key] };\n\t\t\t// \t\t\tif (newFeed.participantId === this.prevFeed.participantId) {\n\t\t\t// \t\t\t\tnewFeed.audioTrack.enabled = false;\n\t\t\t// \t\t\t}\n\t\t\t// \t\t\tacc[key] = newFeed;\n\t\t\t// \t\t\treturn acc;\n\t\t\t// \t\t}, videoFeeds),\n\t\t\t// \t});\n\t\t\t// } else {\n\t\t\t// this.setState({ showDeviceControlsLockedModal: !audioStream });\n\t\t\t// }\n\n\t\t\tif (audioStream?.error?.failureReason === ToggleFailureReasonEnum.DEVICE_LOCKED) {\n\t\t\t\tthis.setState({ showDeviceControlsLockedModal: true });\n\t\t\t} else if (audioStream?.error) {\n\t\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\t\tcomponent: 'modal',\n\t\t\t\t\ttype: StreamError.MICROPHONE_NOT_FOUND.type,\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tthis.prevFeed = selectedFeed;\n\t\tconst audioTrack = audioStream.mediaStream.getAudioTracks()[0];\n\t\tselectedFeed.audioTrack = audioTrack;\n\t\tthis.setFeedAudioTrackAndDisablePrevious(selectedFeed);\n\t};\n\n\tsetFeedAudioTrackAndDisablePrevious = currentFeed => {\n\t\tconst videoFeeds = { ...this.state.videoFeeds };\n\n\t\tconst newVideoFeeds = Object.keys(videoFeeds).reduce((acc, key) => {\n\t\t\tconst newFeed = { ...acc[key] };\n\t\t\tif (newFeed.participantId === currentFeed?.participantId) {\n\t\t\t\tnewFeed.audioTrack = currentFeed.audioTrack;\n\t\t\t} else if (newFeed.participantId !== currentFeed?.participantId && newFeed.audioTrack?.enabled) {\n\t\t\t\tnewFeed.audioTrack.enabled = false;\n\t\t\t}\n\t\t\tacc[key] = newFeed;\n\n\t\t\treturn acc;\n\t\t}, videoFeeds);\n\n\t\tthis.setState({\n\t\t\tvideoFeeds: newVideoFeeds,\n\t\t});\n\t};\n\n\tsetFeedColor = (feedColor, participantId) => {\n\t\tconst { videoFeeds } = this.state;\n\t\tObject.values(videoFeeds).forEach(videoFeed => {\n\t\t\tif (videoFeed.participantId === participantId && feedColor) {\n\t\t\t\tif (!videoFeed.colors || videoFeed.colors.length === 0) {\n\t\t\t\t\tvideoFeed.colors = [feedColor];\n\t\t\t\t} else {\n\t\t\t\t\tconst foundIndex = videoFeed.colors.findIndex(item => item === feedColor);\n\t\t\t\t\tif (foundIndex === -1) {\n\t\t\t\t\t\tvideoFeed.colors.push(feedColor);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvideoFeed.colors.splice(foundIndex, 1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\tonTreeViewLinkClick = sector => {\n\t\tif (Object.values(this.state.videoFeeds).length) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (sector.type === SectorTypes.ROOM) {\n\t\t\tthis.setState({\n\t\t\t\troomHasDeviceAssigned: !!sector.helloDeviceId,\n\t\t\t\tcurrentRoomName: sector.name,\n\t\t\t});\n\t\t}\n\t};\n\n\tcollapseSecondColumn = () => {\n\t\tthis.setState({\n\t\t\tisSecondColumnCollapsed: !this.state.isSecondColumnCollapsed,\n\t\t});\n\t};\n\n\tonDeviceLockedEventHandler = async data => {\n\t\tconst { deviceId } = data;\n\t\tconst newVideoFeeds = { ...this.state.videoFeeds };\n\t\tconst feed = newVideoFeeds[deviceId];\n\t\tlet showDeviceControlsLockedModal = false;\n\t\tlet stateToSet = {};\n\n\t\tif (feed?.audioTrack) {\n\t\t\tshowDeviceControlsLockedModal = feed.audioTrack.enabled;\n\t\t\tthis.callManager.removeTrackById(feed.participantId, feed.audioTrack.id);\n\t\t\tfeed.audioTrack.stop();\n\t\t\tdelete feed.audioTrack;\n\t\t\tstateToSet = { videoFeeds: newVideoFeeds };\n\t\t}\n\n\t\tif (feed?.isPeerSpeakerActive) {\n\t\t\tshowDeviceControlsLockedModal = true;\n\t\t\t// handle only ui because track will be removed from hello side\n\t\t\tfeed.isPeerSpeakerActive = false;\n\t\t}\n\n\t\tif (showDeviceControlsLockedModal) {\n\t\t\tthis.setState({ ...stateToSet, showDeviceControlsLockedModal });\n\t\t}\n\t};\n\n\thasHealthSystems = () => {\n\t\treturn this.props.allHealthSystems.length > 0;\n\t};\n\n\tsendCameraEvent = async (eventType, data) => {\n\t\tlet deviceControlsLocked;\n\t\tswitch (eventType) {\n\t\t\tcase SocketEvents.HelloDevice.MOVE_CAMERA:\n\t\t\t\t({ deviceControlsLocked } = await this.doSendPanTiltCameraEvent(data));\n\t\t\t\tbreak;\n\t\t\tcase SocketEvents.HelloDevice.COMMAND:\n\t\t\t\t({ deviceControlsLocked } = await this.callManager.rebootHuddleCam(data));\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t({ deviceControlsLocked } = await this.callManager.sendCameraEvent(eventType, data));\n\t\t}\n\n\t\tif (deviceControlsLocked) {\n\t\t\tthis.setState({ showDeviceControlsLockedModal: true });\n\t\t}\n\t};\n\n\tdoSendPanTiltCameraEvent = async ({ direction, action }) => {\n\t\tconst { videoFeeds, conferenceInfo } = this.state;\n\t\tconst feeds = Object.values(videoFeeds);\n\t\tlet expandedFeed = feeds.length === 1 ? feeds[0] : feeds.find(feed => feed.isFeedExpanded);\n\n\t\tif (!expandedFeed) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst { conferenceId } = conferenceInfo;\n\t\tconst { participantId, deviceId } = expandedFeed;\n\n\t\treturn this.callManager.panTiltCamera({ direction, helloDeviceId: deviceId, action, conferenceId, participantId });\n\t};\n\n\tcameraResponseListener = ({ event, message, isSuccessful, objectId }) => {\n\t\tconst { videoFeeds } = this.state;\n\t\tlet feed = videoFeeds[objectId];\n\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (event) {\n\t\t\tcase CameraEventTypes.SWITCH:\n\t\t\t\tif (isSuccessful) {\n\t\t\t\t\tfeed.cameraType = message;\n\t\t\t\t\tfeed.zoomLevel = 0;\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase CameraEventTypes.ZOOM:\n\t\t\t\tfeed.zoomLevel = +message;\n\t\t\t\tbreak;\n\t\t\tcase CameraEventTypes.TILT: {\n\t\t\t\tconst { disabledTiltDirections } = feed;\n\n\t\t\t\tif (isSuccessful) {\n\t\t\t\t\tif ([CameraTiltDirection.UP, CameraTiltDirection.DOWN].includes(message)) {\n\t\t\t\t\t\tdisabledTiltDirections[CameraTiltDirection.UP] = false;\n\t\t\t\t\t\tdisabledTiltDirections[CameraTiltDirection.DOWN] = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdisabledTiltDirections[CameraTiltDirection.LEFT] = false;\n\t\t\t\t\t\tdisabledTiltDirections[CameraTiltDirection.RIGHT] = false;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tdisabledTiltDirections[message] = true;\n\t\t\t\t\tthis.doSendPanTiltCameraEvent({ direction: message, action: CameraTiltAction.STOP });\n\t\t\t\t}\n\n\t\t\t\tfeed.disabledTiltDirections = disabledTiltDirections;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CameraEventTypes.HUDDLE_CONNECTED_STATE:\n\t\t\t\tfeed.isHuddleCamConnected = isSuccessful;\n\t\t\t\tbreak;\n\t\t\tcase CameraEventTypes.NIGHT_VISION:\n\t\t\t\tfeed.isNightVisionActive = isSuccessful;\n\t\t\t\tbreak;\n\t\t\tcase CameraEventTypes.HELLO_CAMERA_PRIVACY_STATE: {\n\t\t\t\tfeed.isCameraPrivacyOn = isSuccessful;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CameraEventTypes.HELLO_MIC_PRIVACY_STATE: {\n\t\t\t\tfeed.isMicPrivacyOn = isSuccessful;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tdefault:\n\t\t}\n\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\tonToggleCameraSwitch = feed => {\n\t\tconst { participantId, deviceId, cameraType, isCameraPrivacyOn } = feed;\n\t\tconst { conferenceId } = this.state.conferenceInfo;\n\n\t\tconst notAllowedToSwitchToHelloCam = cameraType === CameraType.HUDDLE && isCameraPrivacyOn;\n\t\tif (notAllowedToSwitchToHelloCam) {\n\t\t\tthis.setState({ shouldShowSwitchToHelloCamError: true });\n\t\t\treturn;\n\t\t}\n\n\t\tthis.sendCameraEvent(SocketEvents.HelloDevice.SWITCH_CAMERA, { participantId, conferenceId, helloDeviceId: deviceId });\n\t};\n\n\tgetConferenceEndedText = conferenceEndReason => {\n\t\tif (conferenceEndReason === ConferenceEndReason.DROPPED) {\n\t\t\treturn 'Failed to reconnect to the network.';\n\t\t}\n\n\t\tif (conferenceEndReason === ConferenceEndReason.TERMINATED_BY_ADMINISTRATOR) {\n\t\t\treturn 'This session was ended by a Banyan admin.';\n\t\t}\n\n\t\tif (conferenceEndReason === ConferenceEndReason.PARTICIPANT_INVITE_DENIED) {\n\t\t\treturn \"You don't have sufficient permissions to call this participant. Please contact your administrator.\";\n\t\t}\n\n\t\treturn undefined;\n\t};\n\n\tgetVideoFeedByParticipantId = (participantId, videoFeeds) => {\n\t\tconst participant = this.state.participants[participantId];\n\t\tif (!participant) {\n\t\t\tthis.callManager.logger.warn('Participant not found for remote ID:', origin);\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { objectId } = participant;\n\t\tif (!objectId) {\n\t\t\tthis.callManager.logger.warn('objectId not set for participant!');\n\t\t\treturn null;\n\t\t}\n\n\t\tconst feed = videoFeeds[objectId];\n\t\tif (!feed) {\n\t\t\tthis.callManager.logger.warn('Video feed or source not found for objectId: ', objectId);\n\t\t\treturn null;\n\t\t}\n\n\t\treturn feed;\n\t};\n\n\tonAudioTrackToggled = data => {\n\t\tif (!data) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { participantId, hasAudio } = data;\n\t\tconst { videoFeeds } = this.state;\n\t\tconst feed = this.getVideoFeedByParticipantId(participantId, videoFeeds);\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tfeed.isPeerSpeakerActive = hasAudio;\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\tonLocalAudioError = ({ participantId, trackDeviceNotFound, inputDevices }) => {\n\t\tconst { videoFeeds } = this.state;\n\t\tconst feed = this.getVideoFeedByParticipantId(participantId, videoFeeds);\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (feed.audioTrack?.enabled && (!trackDeviceNotFound || !inputDevices.length)) {\n\t\t\tthis.props.setStreamPermissionMessage({\n\t\t\t\tcomponent: 'modal',\n\t\t\t\ttype: StreamError.MICROPHONE_NOT_FOUND.type,\n\t\t\t});\n\t\t}\n\n\t\tdelete feed.audioTrack;\n\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\tdeviceStatusChanged = ({ objectId }) => {\n\t\tconst { videoFeeds } = this.state;\n\n\t\tconst feed = videoFeeds[objectId];\n\t\tif (!feed) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (feed.audioTrack) {\n\t\t\tfeed.audioTrack.stop();\n\t\t\tdelete feed.audioTrack;\n\t\t}\n\t\tfeed.isPeerSpeakerActive = false;\n\t\tfeed.status = ParticipantState.RECONNECTING.type;\n\n\t\tthis.setState({ videoFeeds });\n\t};\n\n\ttoggleSecondColumnButton = () => (\n\t\t\n\t);\n\n\trender() {\n\t\tif (!this.hasHealthSystems()) {\n\t\t\treturn \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{!shouldShowConferenceEnded && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{!hasActiveConference && (\n\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t{roomHasDeviceAssigned && (\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\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{feeds.map(feed => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.removeFeed(feed.deviceId)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonExpandClick={() => this.toggleExpandFeed(feed)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonToggleNightVision={() => this.toggleNightVision(feed)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonToggleMyMicrophone={_.debounce(enabled => this.toggleMyMicrophone(feed, enabled), 200)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonToggleAlarm={_.debounce(() => this.toggleAlarm(feed), 500)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonTogglePeerSpeaker={_.debounce(() => this.togglePeerSpeaker(feed), 500)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSetFeedColor={color => this.setFeedColor(color, feed.participantId)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableButtons={disableButtons}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpeerConnectionState={feed.peerConnectionState}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconferenceId={conferenceInfo && conferenceInfo.conferenceId}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisAnyFeedExpanded={this.state.isFeedZoomed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(feed.isFeedExpanded || (feeds.length === 1 && feeds[0].src)) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconferenceInfo &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfeed.peerConnectionState === RTCPeerConnectionEnum.CONNECTION_STATE.CONNECTED &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfeed.status === ParticipantState.CONNECTED.type && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.onToggleCameraSwitch(feed)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonZoomCamera={direction => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst level = direction === ZoomDirection.INCREASE ? feed.zoomLevel + 20 : feed.zoomLevel - 20;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.sendCameraEvent(SocketEvents.HelloDevice.ZOOM_CAMERA, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlevel,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparticipantId: feed.participantId,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thelloDeviceId: feed.deviceId,\n\t\t\t\t\t\t\t\t\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\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonPanTiltCamera={(direction, action) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.sendCameraEvent(SocketEvents.HelloDevice.MOVE_CAMERA, { direction, action })\n\t\t\t\t\t\t\t\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\t\t\t\t\t\t\t\tonRebootHuddleCam={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.sendCameraEvent(SocketEvents.HelloDevice.COMMAND, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparticipantId: feed.participantId,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconferenceId: conferenceInfo.conferenceId,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thelloDeviceId: feed.deviceId,\n\t\t\t\t\t\t\t\t\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\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\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\t\t\t\t\t\t)}\n\t\t\t\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\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!Object.values(videoFeeds).length && !this.state.deniedParticipant && (\n\t\t\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\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!this.state.deniedParticipant && (\n\t\t\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\t\t\t\t \n\t\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\t\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{!roomHasDeviceAssigned && (\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\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\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{hasActiveConference && (\n\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)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{shouldShowConferenceEnded && (\n\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)}\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.state.isSecondColumnCollapsed ? 'keyboard_arrow_right' : 'keyboard_arrow_left'}\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\tthis.setState({ shouldShowSwitchToHelloCamError: false });\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tpersist={true}\n\t\t\t\t\t\t\t\tmessage={`You can't switch back to Banyan Bridge because the physical privacy buttons have been enabled. These buttons can be disabled only manually. Please contact your administrator.`}\n\t\t\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\t\t\tposition='top'\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\tthis.setState({ statAlarmError: '' });\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tpersist={true}\n\t\t\t\t\t\t\t\tmessage={this.state.statAlarmError}\n\t\t\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\t\t\tposition='top'\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\tthis.setState({ initiatorInfoFailed: false });\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tpersist={true}\n\t\t\t\t\t\t\t\tmessage='Failed to get your information. Please try again.'\n\t\t\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\t\t\tposition='top'\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\n\t\t\t\t\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\t\t\t{this.state.currentRoomName}
\n\t\t\t\t\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\t\t\t\t\t\tIn order to monitor rooms, please
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\topen a hospital, choose the department,
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclick on a floor, and select a room.\n\t\t\t\t\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\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.currentRoomName}
\n\t\t\t\t\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\t\t\t\t\t\tYou don't have sufficient permissions to call {deniedParticipant?.roomName}.
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPlease contact your administrator.\n\t\t\t\t\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\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.currentRoomName}
\n\t\t\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\t\t\t\tThis room doesn't have any assigned devices.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
Please contact your administrator.\n\t\t\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\t
\n\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\tYou're already in a call or monitoring patients.
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPlease try again after you end that session.\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
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.getConferenceEndedText(conferenceEndReason)}
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default Pagination;\n","import React, { Component } from 'react';\nimport Table from 'components/Table';\nimport { ObjectType } from 'constants/enums';\n\nclass CallDetails extends Component {\n\tisFeatureUsed(roomFeatureUsed, vcpFeatureUsed) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\tRows per page:\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{this.props.pageIndex + 1} of {this.totalNumberOfPages()}{' '}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.pageIndex !== 0 && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.props.pageIndex + 1 !== this.totalNumberOfPages() && this.totalNumberOfPages() !== 0 && (\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\n\t\t\t\t\tPatient: \n\t\t\t\t\t{roomFeatureUsed ? 'Yes' : 'No'}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tNurse: \n\t\t\t\t\t{vcpFeatureUsed ? 'Yes' : 'No'}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tgetCallDetails() {\n\t\tlet log = this.props.selectedConference;\n\n\t\tif (log.callType === 'Monitoring') {\n\t\t\tconst headers = [{ title: 'Room' }, { title: 'Audio Used' }, { title: 'Video Used' }, { title: 'Screen Used' }];\n\n\t\t\tlet nurse = log.participants.find(participant => participant.objectType === ObjectType.USER);\n\t\t\tlet devices = log.participants.filter(participant => participant.objectType === ObjectType.HELLO_DEVICE);\n\t\t\tlet devicesFeatures = devices.map(device => {\n\t\t\t\treturn {\n\t\t\t\t\tname: device.name,\n\t\t\t\t\taudioUsed: this.isFeatureUsed(device.usedAudio, nurse.usedAudio),\n\t\t\t\t\tvideoUsed: this.isFeatureUsed(device.usedVideo, nurse.usedVideo),\n\t\t\t\t\tscreenUsed: this.isFeatureUsed(device.usedScreen, nurse.usedScreen),\n\t\t\t\t};\n\t\t\t});\n\n\t\t\treturn \n\t\t\t\t\t\t{log.startedAt}\n\t\t\t\t\t\t{log.endedAt}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\torigin: log.origin,\n\t\t\t\tstatus: this.getStatusBadge(log.status),\n\t\t\t\tduration: log.duration,\n\t\t\t\tcallType: log.callType,\n\t\t\t\tdetails: (\n\t\t\t\t\t this.openCallDetailsModal(log)}>\n\t\t\t\t\t\tView Details\n\t\t\t\t\t\n\t\t\t\t),\n\t\t\t\tqueue:\n\t\t\t\t\tlog.queue.length > 0 ? (\n\t\t\t\t\t\t this.openCallLogQueueModal(log.queue)}>\n\t\t\t\t\t\t\tView All\n\t\t\t\t\t\t\n\t\t\t\t\t) : (\n\t\t\t\t\t\t'N/A'\n\t\t\t\t\t),\n\t\t\t};\n\t\t});\n\t}\n\n\topenCallLogQueueModal(participants) {\n\t\tthis.setState({\n\t\t\tshowCallQueueModal: true,\n\t\t\tcurrentCallLogQueue: participants,\n\t\t});\n\t}\n\n\topenCallDetailsModal(conference) {\n\t\tthis.setState({\n\t\t\tshowCallDetailsModal: true,\n\t\t\tselectedConference: conference,\n\t\t});\n\t}\n\n\tstartExportTask = async () => {\n\t\tthis.setState({\n\t\t\tisExportLogsModalLoading: true,\n\t\t});\n\t\tconst { error } = await exportCallLogs({\n\t\t\tstart: Math.round(new Date(this.state.from).getTime() / 1000),\n\t\t\tend: Math.round(new Date(this.state.to).getTime() / 1000),\n\t\t\thealthSystemId: this.state.selectedHealthSystem?.value ?? null,\n\t\t\tregionId: this.state.selectedRegion?.value ?? null,\n\t\t\thospitalId: this.state.selectedHospital?.value ?? null,\n\t\t\tdepartmentId: this.state.selectedDepartment?.value ?? null,\n\t\t\tfloorId: this.state.selectedFloor?.value ?? null,\n\t\t\troomId: this.state.selectedRoom?.value ?? null,\n\t\t});\n\n\t\tthis.setState({\n\t\t\tisExportLogsModalLoading: false,\n\t\t\thasExportLogsModalErrors: !!error,\n\t\t\tisExportLogsModalOpen: !!error,\n\t\t});\n\t};\n\n\tgetVirtualCareProvider(participants, status) {\n\t\tif (status === CallStatus.SUCCESSFUL.type && participants.length > 2) {\n\t\t\treturn participants.find(participant => {\n\t\t\t\treturn participant.objectType === ObjectType.USER && participant.isInitiator;\n\t\t\t});\n\t\t}\n\n\t\treturn participants.find(participant => {\n\t\t\treturn participant.objectType === ObjectType.USER;\n\t\t});\n\t}\n\n\tgetPatientRoom(participants) {\n\t\treturn participants.find(participant => {\n\t\t\treturn participant.objectType === ObjectType.HELLO_DEVICE;\n\t\t});\n\t}\n\n\tgetCallStatus(status) {\n\t\tswitch (status) {\n\t\t\tcase CallStatus.UNDEFINED.type: {\n\t\t\t\treturn CallStatus.UNDEFINED.message;\n\t\t\t}\n\t\t\tcase CallStatus.SUCCESSFUL.type: {\n\t\t\t\treturn CallStatus.SUCCESSFUL.message;\n\t\t\t}\n\t\t\tcase CallStatus.PARTIALLYSUCCESSFUL.type: {\n\t\t\t\treturn CallStatus.PARTIALLYSUCCESSFUL.message;\n\t\t\t}\n\t\t\tcase CallStatus.FAILED.type: {\n\t\t\t\treturn CallStatus.FAILED.message;\n\t\t\t}\n\t\t\tcase CallStatus.DISRUPTED.type: {\n\t\t\t\treturn CallStatus.DISRUPTED.message;\n\t\t\t}\n\t\t\tcase CallStatus.PARTIALLYDISRUPTED.type: {\n\t\t\t\treturn CallStatus.PARTIALLYDISRUPTED.message;\n\t\t\t}\n\t\t\tcase CallStatus.MISSED.type: {\n\t\t\t\treturn CallStatus.MISSED.message;\n\t\t\t}\n\t\t\tcase CallStatus.ABORTED.type: {\n\t\t\t\treturn CallStatus.ABORTED.message;\n\t\t\t}\n\t\t\tcase CallStatus.DROPPED.type: {\n\t\t\t\treturn CallStatus.DROPPED.message;\n\t\t\t}\n\t\t\t// no default\n\t\t}\n\t}\n\n\tgetStatusBadge(status) {\n\t\treturn \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t this.onChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.setState({ showCallQueueModal: false, currentCallLogQueue: [] })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.setState({ showCallDetailsModal: false, selectedConference: {} })}>\n\t\t\t\t\t this.setState({ showListOfRoomsModal: false, selectedConference: {} })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.setState({ isExportLogsModalOpen: false, isExportLogsModalLoading: false, hasExportLogsModalErrors: false })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default PastCallsList;\n","import React, { Component } from 'react';\nimport moment from 'moment';\nimport { SocketContext } from 'io-client/SocketContext';\nimport { utcToLocalTime } from 'infrastructure/helpers/dateHelper';\nimport { getUserProfile, getUserRole } from 'infrastructure/auth';\nimport { Table, Modal, Grid, Button } from 'components';\nimport Pagination from 'components/Common/Pagination';\nimport {\n\tObjectType,\n\tCallStatus,\n\tDeviceListLevel,\n\tCallTypes,\n\tParticipantState,\n\tUserRoles,\n\tTerminateRequestFailureReasonMessages,\n\tTerminateRequestFailureReasonEnum,\n\tBanyanCallTypesMessage,\n} from 'constants/enums';\nimport SocketEvents from 'constants/socket-events';\nimport { getDeviceOngoingConferencesByLevel } from 'api/calllogs';\nimport { getHealthSystems } from 'api/users';\n\nexport class OngoingCallsList extends Component {\n\tconstructor(props, socket) {\n\t\tsuper(props);\n\t\tthis.socket = socket;\n\t\tthis.state = {\n\t\t\tlogs: [],\n\t\t\tloading: true,\n\t\t\tpageSize: { value: 10, label: '10' },\n\t\t\tpageIndex: 0,\n\t\t\ttotalCount: 0,\n\t\t\tcurrentLevel: DeviceListLevel.ORGANIZATION,\n\t\t\tcurrentTeamId: null,\n\t\t\tshowListOfRoomsModal: false,\n\t\t\tshowTerminateCallModal: false,\n\t\t\tshowParticipantTerminateCallModal: false,\n\t\t\tisTerminateCallModalLoading: false,\n\t\t\tterminateRequestFailureReason: null,\n\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\tterminateRequestCloseButtonText: 'Cancel',\n\t\t\tterminateRequestInProgress: false,\n\t\t\tselectedConferenceId: null,\n\t\t\tselectedParticipantId: null,\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.bindSocketEvents();\n\t\tthis.bindWindowEventListener();\n\t\tconst userRole = getUserRole();\n\t\tconst healthSystems = await getHealthSystems();\n\t\t// uncomment this if you need to use it\n\t\t// const healthSystemsOptions = healthSystems.map(hs => {\n\t\t// \treturn { value: hs.id, label: hs.name };\n\t\t// });\n\n\t\tlet currentLevel = DeviceListLevel.ORGANIZATION;\n\t\tlet currentTeamId;\n\t\tif (userRole !== UserRoles.ADMIN) {\n\t\t\tcurrentLevel = DeviceListLevel.HEALTHSYSTEM;\n\t\t\tcurrentTeamId = healthSystems[0].id;\n\t\t}\n\n\t\tconst result = await getDeviceOngoingConferencesByLevel(currentLevel, currentTeamId);\n\t\tconst logs = this.getLogs(result.conferences);\n\t\tthis.setState({\n\t\t\tlogs,\n\t\t\tloading: false,\n\t\t\ttotalCount: result.totalCount,\n\t\t\tpageIndex: result.pageIndex,\n\t\t\tcurrentLevel,\n\t\t\tcurrentTeamId,\n\t\t\t// healthSystems: healthSystemsOptions, // uncomment this if you need to use it\n\t\t});\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.clearTerminateRequestTimeout();\n\t\tthis.unbindSocketEvents();\n\t}\n\n\tonTerminateRequestAcceptedHandler = data => {\n\t\tif (this.state.selectedConferenceId === data.conferenceId) {\n\t\t\t// stop the timeout for terminate request\n\t\t\tthis.clearTerminateRequestTimeout();\n\n\t\t\t// remove conference from logs\n\t\t\tconst logs = this.removeConferenceFromLogs(data.conferenceId);\n\t\t\tthis.setState({\n\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\tterminateRequestCloseButtonText: 'Close',\n\t\t\t\tlogs,\n\t\t\t});\n\t\t}\n\t};\n\n\tbindSocketEvents() {\n\t\tthis.socket.on(SocketEvents.Conference.ON_TERMINATE_REQUEST_ACCEPTED, this.onTerminateRequestAcceptedHandler);\n\t}\n\n\tunbindSocketEvents() {\n\t\tthis.socket.off(SocketEvents.Conference.ON_TERMINATE_REQUEST_ACCEPTED, this.onTerminateRequestAcceptedHandler);\n\t}\n\n\tbindWindowEventListener() {\n\t\twindow.addEventListener('beforeunload', event => {\n\t\t\tif (this.state.terminateRequestInProgress) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\t\tevent.returnValue = '';\n\t\t\t}\n\t\t});\n\n\t\twindow.addEventListener('unload', () => {\n\t\t\tif (this.state.terminateRequestInProgress) {\n\t\t\t\tthis.sendTerminateRequestCloseEvent();\n\t\t\t}\n\t\t});\n\t}\n\n\tgetCallType(callType, initiator) {\n\t\tif (callType === CallTypes.AUDIO && initiator === 'Virtual Care Provider') {\n\t\t\treturn BanyanCallTypesMessage.TALK_TO_PATIENT;\n\t\t}\n\t\tif (callType === CallTypes.AUDIO && initiator === 'Patient') {\n\t\t\treturn BanyanCallTypesMessage.TALK_TO_NURSE;\n\t\t}\n\t\tif (callType === CallTypes.VIDEO) {\n\t\t\treturn BanyanCallTypesMessage.VIDEO_CALL;\n\t\t}\n\t\tif (callType === CallTypes.SECURITYCAM) {\n\t\t\treturn BanyanCallTypesMessage.PATIENT_VIEW;\n\t\t}\n\t\tif (callType === CallTypes.MONITORING) {\n\t\t\treturn BanyanCallTypesMessage.MONITORING;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tisSuccessfulCall(status) {\n\t\tif (status === CallStatus.FAILED.type || status === CallStatus.MISSED.type || status === CallStatus.ABORTED.type) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tgetVirtualCareProvider(participants, status) {\n\t\tif (status === CallStatus.SUCCESSFUL.type && participants.length > 2) {\n\t\t\treturn participants.find(participant => {\n\t\t\t\treturn (\n\t\t\t\t\tparticipant.objectType === ObjectType.USER &&\n\t\t\t\t\t(participant.state === ParticipantState.CONNECTED.type ||\n\t\t\t\t\t\tparticipant.state === ParticipantState.LEFT_CALL.type ||\n\t\t\t\t\t\tparticipant.state === ParticipantState.CONNECTING.type ||\n\t\t\t\t\t\tparticipants.state === ParticipantState.DISRUPTED.type)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\treturn participants.find(participant => {\n\t\t\treturn participant.objectType === ObjectType.USER;\n\t\t});\n\t}\n\n\tgetPatientRoom(participants) {\n\t\treturn participants.find(participant => {\n\t\t\treturn participant.objectType === ObjectType.HELLO_DEVICE;\n\t\t});\n\t}\n\n\tgetCallStatus(status) {\n\t\tlet result;\n\t\tswitch (status) {\n\t\t\tcase CallStatus.UNDEFINED.type: {\n\t\t\t\tresult = CallStatus.UNDEFINED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.SUCCESSFUL.type: {\n\t\t\t\tresult = CallStatus.SUCCESSFUL.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.PARTIALLYSUCCESSFUL.type: {\n\t\t\t\tresult = CallStatus.PARTIALLYSUCCESSFUL.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.FAILED.type: {\n\t\t\t\tresult = CallStatus.FAILED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.DISRUPTED.type: {\n\t\t\t\tresult = CallStatus.DISRUPTED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.PARTIALLYDISRUPTED.type: {\n\t\t\t\tresult = CallStatus.PARTIALLYDISRUPTED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.MISSED.type: {\n\t\t\t\tresult = CallStatus.MISSED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.ABORTED.type: {\n\t\t\t\tresult = CallStatus.ABORTED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase CallStatus.DROPPED.type: {\n\t\t\t\tresult = CallStatus.DROPPED.message;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t}\n\n\tgetLogs(conferences) {\n\t\tconst filtered = conferences.filter(conference => {\n\t\t\treturn typeof this.getVirtualCareProvider(conference.participants, conference.status) !== 'undefined';\n\t\t});\n\t\treturn filtered.map(conference => {\n\t\t\tconst room = this.getPatientRoom(conference.participants);\n\t\t\tconst vcp = this.getVirtualCareProvider(conference.participants, conference.status);\n\t\t\tconst status = this.getCallStatus(conference.status);\n\t\t\tconst startedAt = moment(utcToLocalTime(conference.startedAt)).format('MM/DD/YYYY-hh:mm A');\n\t\t\tconst initiator = vcp?.isInitiator ? 'Virtual Care Provider' : 'Patient';\n\t\t\treturn {\n\t\t\t\tid: conference.id,\n\t\t\t\tinitiator: initiator,\n\t\t\t\tprovider: room?.isInitiator && !this.isSuccessfulCall(conference.status) ? 'N/A' : vcp?.name,\n\t\t\t\troom: room?.name ?? 'N/A',\n\t\t\t\tstartedAt: startedAt,\n\t\t\t\torigin: vcp?.isInitiator ? 'Outgoing' : 'Incoming',\n\t\t\t\tstatus: status,\n\t\t\t\tcallType: this.getCallType(conference.callType, initiator),\n\t\t\t\tduration: conference.callDuration,\n\t\t\t\tusedAudio: { room: room?.usedAudio ?? 'N/A', vcp: vcp?.usedAudio ?? 'N/A' },\n\t\t\t\tusedVideo: { room: room?.usedVideo ?? 'N/A', vcp: vcp?.usedVideo ?? 'N/A' },\n\t\t\t\tusedScreen: { room: room?.usedScreen ?? 'N/A', vcp: vcp?.usedScreen ?? 'N/A' },\n\t\t\t\tparticipants: conference.participants,\n\t\t\t\tqueue: room?.isInitiator ? conference.participants.filter(participant => participant.objectType === ObjectType.USER) : [],\n\t\t\t};\n\t\t});\n\t}\n\n\tgetTableRows() {\n\t\tif (this.state.logs.length === 0) return [];\n\t\treturn this.state.logs.map(log => {\n\t\t\treturn {\n\t\t\t\tconferenceId: log.id,\n\t\t\t\tinitiator: log.initiator,\n\t\t\t\tprovider: log.provider,\n\t\t\t\troom:\n\t\t\t\t\tlog.callType === BanyanCallTypesMessage.MONITORING ? (\n\t\t\t\t\t\t this.openListOfRoomsModal(log.id)}>\n\t\t\t\t\t\t\tView All\n\t\t\t\t\t\t\n\t\t\t\t\t) : (\n\t\t\t\t\t\tlog.room\n\t\t\t\t\t),\n\t\t\t\tdate: (\n\t\t\t\t\t\n\t\t\t\t\t\t{log.startedAt}\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\torigin: log.origin,\n\t\t\t\tduration: log.duration,\n\t\t\t\tcallType: log.callType,\n\t\t\t\tterminateCall: (\n\t\t\t\t\t\n\t\t\t\t\t\t this.openForceTerminateCallModal(log.id)}>\n\t\t\t\t\t\t\thighlight_off\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\tonChange(pageSize, pageIndex) {\n\t\tthis.setState({ loading: true }, () => {\n\t\t\tgetDeviceOngoingConferencesByLevel(\n\t\t\t\tthis.state.currentLevel,\n\t\t\t\tthis.state.currentTeamId ? this.state.currentTeamId : undefined,\n\t\t\t\tpageSize.value,\n\t\t\t\tpageIndex\n\t\t\t).then(result => {\n\t\t\t\tconst logs = this.getLogs(result.conferences);\n\t\t\t\tthis.setState({\n\t\t\t\t\tlogs: logs,\n\t\t\t\t\tloading: false,\n\t\t\t\t\tpageSize: pageSize,\n\t\t\t\t\tpageIndex: pageIndex,\n\t\t\t\t\ttotalCount: result.totalCount,\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\topenForceTerminateCallModal(conferenceId) {\n\t\tthis.setState({\n\t\t\tshowTerminateCallModal: true,\n\t\t\tterminateRequestSubmitButtonText: 'End call',\n\t\t\tselectedConferenceId: conferenceId,\n\t\t});\n\t}\n\n\topenParticipantForceTerminateCallModal(conferenceId, participantId) {\n\t\tthis.setState({\n\t\t\tshowParticipantTerminateCallModal: true,\n\t\t\tterminateRequestSubmitButtonText: 'End call for room',\n\t\t\tselectedParticipantId: participantId,\n\t\t\tselectedConferenceId: conferenceId,\n\t\t\tshowListOfRoomsModal: false,\n\t\t});\n\t}\n\n\tcloseParticipantTerminalCallModal = () => {\n\t\tif (this.state.terminateRequestInProgress) {\n\t\t\tthis.sendTerminateRequestCloseEvent();\n\t\t}\n\t\tthis.clearTerminateRequestTimeout();\n\t\tthis.setState({\n\t\t\tshowParticipantTerminateCallModal: false,\n\t\t\tisTerminateCallModalLoading: false,\n\t\t\tterminateRequestFailureReason: null,\n\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\tterminateRequestCloseButtonText: 'Close',\n\t\t\tterminateRequestInProgress: false,\n\t\t\tselectedParticipantId: null,\n\t\t});\n\t};\n\n\tcloseTerminalCallModal = () => {\n\t\tif (this.state.terminateRequestInProgress) {\n\t\t\tthis.sendTerminateRequestCloseEvent();\n\t\t}\n\t\tthis.clearTerminateRequestTimeout();\n\t\tthis.setState({\n\t\t\tshowTerminateCallModal: false,\n\t\t\tisTerminateCallModalLoading: false,\n\t\t\tterminateRequestFailureReason: null,\n\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\tterminateRequestCloseButtonText: 'Close',\n\t\t\tterminateRequestInProgress: false,\n\t\t\tselectedConferenceId: null,\n\t\t});\n\t};\n\n\tonForceTerminalCallModalSubmit = async () => {\n\t\tthis.setState({\n\t\t\tisTerminateCallModalLoading: true,\n\t\t\tterminateRequestSubmitButtonText: 'Retry',\n\t\t\tterminateRequestInProgress: true,\n\t\t});\n\n\t\tconst userProfile = getUserProfile();\n\t\tconst user = {\n\t\t\tfullName: `${userProfile.firstName} ${userProfile.lastName}`,\n\t\t};\n\t\tthis.socket.emit(SocketEvents.Conference.FORCE_TERIMATE, { conferenceId: this.state.selectedConferenceId, user }, response => {\n\t\t\tif (!response.ok) {\n\t\t\t\tthis.clearTerminateRequestTimeout();\n\t\t\t\tconst newState = {\n\t\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\t\tterminateRequestFailureReason: response.failureReason, // shows the reason\n\t\t\t\t\tterminateRequestSubmitButtonText: '', // hides submit the button\n\t\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\t};\n\t\t\t\tif (response.failureReason === TerminateRequestFailureReasonEnum.NULL_CONFERENCE) {\n\t\t\t\t\t// remove conference from logs\n\t\t\t\t\tconst logs = this.removeConferenceFromLogs(this.state.selectedConferenceId);\n\t\t\t\t\tObject.assign(newState, { logs });\n\t\t\t\t\tObject.assign(newState, { terminateRequestCloseButtonText: 'Close' });\n\t\t\t\t} else if (\n\t\t\t\t\t[TerminateRequestFailureReasonEnum.UNHANDLED_EXCEPTION, TerminateRequestFailureReasonEnum.NULL_CONNECTED_USER_PARTICIPANT].includes(\n\t\t\t\t\t\tresponse.failureReason\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tObject.assign(newState, { terminateRequestSubmitButtonText: 'Retry' });\n\t\t\t\t}\n\n\t\t\t\tthis.setState(newState);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst logs = this.removeConferenceFromLogs(this.state.selectedConferenceId);\n\t\t\tthis.setState({\n\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\tterminateRequestCloseButtonText: 'Close',\n\t\t\t\tlogs,\n\t\t\t});\n\t\t});\n\t};\n\n\tonParticipantForceTerminalCallModalSubmit = () => {\n\t\tthis.setState({\n\t\t\tisTerminateCallModalLoading: true,\n\t\t\tterminateRequestSubmitButtonText: 'Retry',\n\t\t\tterminateRequestInProgress: true,\n\t\t});\n\n\t\tconst userProfile = getUserProfile();\n\t\tconst user = {\n\t\t\tfullName: `${userProfile.firstName} ${userProfile.lastName}`,\n\t\t};\n\t\tthis.socket.emit(SocketEvents.Conference.PARTICIPANT_FORCE_TERMINATE, { participantId: this.state.selectedParticipantId, user }, response => {\n\t\t\tif (!response.ok) {\n\t\t\t\tthis.clearTerminateRequestTimeout();\n\t\t\t\tconst newState = {\n\t\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\t\tterminateRequestFailureReason: response.failureReason, // shows the reason\n\t\t\t\t\tterminateRequestSubmitButtonText: '', // hides submit the button\n\t\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\t};\n\t\t\t\tif (response.failureReason === TerminateRequestFailureReasonEnum.NULL_CONFERENCE) {\n\t\t\t\t\t// remove conference from logs\n\t\t\t\t\tconst logs = this.removeConferenceFromLogs(this.state.selectedConferenceId);\n\t\t\t\t\tObject.assign(newState, { logs });\n\t\t\t\t\tObject.assign(newState, { terminateRequestCloseButtonText: 'Close' });\n\t\t\t\t} else if (\n\t\t\t\t\t[TerminateRequestFailureReasonEnum.UNHANDLED_EXCEPTION, TerminateRequestFailureReasonEnum.NULL_CONNECTED_USER_PARTICIPANT].includes(\n\t\t\t\t\t\tresponse.failureReason\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tObject.assign(newState, { terminateRequestSubmitButtonText: 'Retry' });\n\t\t\t\t}\n\n\t\t\t\tthis.setState(newState);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst logs = this.changeStatusOfParticipantLogs(this.state.selectedParticipantId);\n\t\t\tthis.setState({\n\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\tterminateRequestSubmitButtonText: '',\n\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\tterminateRequestCloseButtonText: 'Close',\n\t\t\t\tlogs,\n\t\t\t});\n\t\t});\n\t};\n\n\tonTerminalCallModalSubmit = async () => {\n\t\tthis.setState({\n\t\t\tisTerminateCallModalLoading: true,\n\t\t\tterminateRequestSubmitButtonText: 'Retry',\n\t\t\tterminateRequestInProgress: true,\n\t\t});\n\n\t\tthis.socket.emit(SocketEvents.Conference.TERMINATE_REQUEST, { conferenceId: this.state.selectedConferenceId }, response => {\n\t\t\tif (!response.ok) {\n\t\t\t\tthis.clearTerminateRequestTimeout();\n\t\t\t\tconst newState = {\n\t\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\t\tterminateRequestFailureReason: response.failureReason, // shows the reason\n\t\t\t\t\tterminateRequestSubmitButtonText: '', // hides submit the button\n\t\t\t\t\tterminateRequestInProgress: false,\n\t\t\t\t};\n\t\t\t\tif (response.failureReason === TerminateRequestFailureReasonEnum.NULL_CONFERENCE) {\n\t\t\t\t\t// remove conference from logs\n\t\t\t\t\tconst logs = this.removeConferenceFromLogs(this.state.selectedConferenceId);\n\t\t\t\t\tObject.assign(newState, { logs });\n\t\t\t\t\tObject.assign(newState, { terminateRequestCloseButtonText: 'Close' });\n\t\t\t\t} else if (\n\t\t\t\t\t[TerminateRequestFailureReasonEnum.UNHANDLED_EXCEPTION, TerminateRequestFailureReasonEnum.NULL_CONNECTED_USER_PARTICIPANT].includes(\n\t\t\t\t\t\tresponse.failureReason\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tObject.assign(newState, { terminateRequestSubmitButtonText: 'Retry' });\n\t\t\t\t}\n\n\t\t\t\tthis.setState(newState);\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\tthis.terminateRequestTimeout = setTimeout(() => {\n\t\t\t\tthis.clearTerminateRequestTimeout();\n\t\t\t\tthis.setState({\n\t\t\t\t\tisTerminateCallModalLoading: false,\n\t\t\t\t});\n\t\t\t}, 30000);\n\t\t\treturn undefined;\n\t\t});\n\t};\n\n\tclearTerminateRequestTimeout = () => {\n\t\tif (this.terminateRequestTimeout) {\n\t\t\tclearTimeout(this.terminateRequestTimeout);\n\t\t\tthis.terminateRequestTimeout = null;\n\t\t}\n\t};\n\n\tsendTerminateRequestCloseEvent = () => {\n\t\tthis.socket.emit(SocketEvents.Conference.TERMINATE_REQUEST_CANCEL, { conferenceId: this.state.selectedConferenceId });\n\t};\n\n\tremoveConferenceFromLogs = conferenceId => {\n\t\t// remove conference from logs\n\t\tconst logs = [...this.state.logs];\n\t\tconst conferenceIndex = logs.findIndex(conference => conference.id === conferenceId);\n\t\tif (conferenceIndex !== -1) {\n\t\t\tlogs.splice(conferenceIndex, 1);\n\t\t}\n\t\treturn logs;\n\t};\n\n\tchangeStatusOfParticipantLogs = participantId => {\n\t\tconst logs = [...this.state.logs];\n\t\tconst log = logs.find(conference => conference.id === this.state.selectedConferenceId);\n\t\tconst participant = log.participants.find(x => x.id === participantId);\n\t\tparticipant.state = ParticipantState.REMOVED.type;\n\t\treturn logs;\n\t};\n\n\ttableHeaders = [\n\t\t{ title: 'ID' },\n\t\t{ title: 'Call Initiator' },\n\t\t{ title: 'Virtual Care Provider' },\n\t\t{ title: 'Room' },\n\t\t{ title: 'Date/Time' },\n\t\t{ title: 'Call Origin' },\n\t\t{ title: 'Call Duration (so far)' },\n\t\t{ title: 'Call Type' },\n\t\t{ edit: '' },\n\t];\n\n\tgetParticipantState(state) {\n\t\tswitch (state) {\n\t\t\tcase ParticipantState.CONNECTING.type: {\n\t\t\t\treturn ParticipantState.CONNECTING.message;\n\t\t\t}\n\t\t\tcase ParticipantState.CONNECTED.type: {\n\t\t\t\treturn ParticipantState.CONNECTED.message;\n\t\t\t}\n\t\t\tcase ParticipantState.BUSY.type: {\n\t\t\t\treturn ParticipantState.BUSY.message;\n\t\t\t}\n\t\t\tcase ParticipantState.DECLINED.type: {\n\t\t\t\treturn ParticipantState.DECLINED.message;\n\t\t\t}\n\t\t\tcase ParticipantState.OFFLINE.type: {\n\t\t\t\treturn ParticipantState.OFFLINE.message;\n\t\t\t}\n\t\t\tcase ParticipantState.LEFT_CALL.type: {\n\t\t\t\treturn ParticipantState.LEFT_CALL.message;\n\t\t\t}\n\t\t\tcase ParticipantState.NOT_ANSWERING.type: {\n\t\t\t\treturn ParticipantState.NOT_ANSWERING.message;\n\t\t\t}\n\t\t\tcase ParticipantState.CANT_CONNECT.type: {\n\t\t\t\treturn ParticipantState.CANT_CONNECT.message;\n\t\t\t}\n\t\t\tcase ParticipantState.DISRUPTED.type: {\n\t\t\t\treturn ParticipantState.DISRUPTED.message;\n\t\t\t}\n\t\t\tcase ParticipantState.REMOVED.type: {\n\t\t\t\treturn ParticipantState.REMOVED.message;\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\treturn 'N/A';\n\t\t\t}\n\t\t}\n\t}\n\n\topenListOfRoomsModal = conferenceId => {\n\t\tthis.setState({\n\t\t\tselectedConferenceId: conferenceId,\n\t\t\tshowListOfRoomsModal: true,\n\t\t});\n\t};\n\n\tshowListOfRooms = () => {\n\t\tconst headers = [{ title: 'Room' }, { title: 'Status' }, { title: '' }];\n\t\tconst conference = this.state.logs.find(c => c.id === this.state.selectedConferenceId);\n\t\tif (!conference || !conference.participants) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\treturn console.error('Error while getting list of rooms!');\n\t\t}\n\n\t\tconst rooms = conference.participants.reduce((acc, participant) => {\n\t\t\tif (participant.objectType === ObjectType.HELLO_DEVICE) {\n\t\t\t\tacc.push({\n\t\t\t\t\tname: participant.name,\n\t\t\t\t\tstatus: this.getParticipantState(participant.state),\n\t\t\t\t\tterminateCall: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{participant.state !== ParticipantState.REMOVED.type && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.openParticipantForceTerminateCallModal(conference.id, participant.id)}>\n\t\t\t\t\t\t\t\t\t\thighlight_off\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\treturn acc;\n\t\t}, []);\n\n\t\treturn \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\n\n\t\t\t\t this.onChange(pageSize, pageIndex)}\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{/* room force terminate */}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t this.setState({ showListOfRoomsModal: false, selectedConferenceId: null })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nOngoingCallsList.contextType = SocketContext;\n\nexport default OngoingCallsList;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Chart } from 'primereact/chart';\nimport { Grid, SkeletonLoader, Table } from 'components';\nimport { getKpisForDashboard, getNurseCallsForDashboard } from 'api/calllogs';\nimport Select from 'react-select';\nimport { getHealthSystems, getNursesList, getOrgTeamChildren } from 'api/users';\nimport { getCurrentHealthSystemInfo } from 'infrastructure/helpers/commonHelpers';\nimport { CallTypes, DeviceListLevel, UserRoles } from 'constants/enums';\nimport DayPickerInput from 'react-day-picker/DayPickerInput';\nimport { parseDate } from 'react-day-picker/moment';\nimport { formatDate, secondsToHHMMSS } from 'infrastructure/helpers/dateHelper';\nimport { getUserRole } from 'infrastructure/auth';\n\nconst Dashboard = () => {\n\tconst getFirstDayOfMonth = (year, month) => new Date(year, month, 1);\n\tconst date = new Date();\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [chartData, setChartData] = useState({\n\t\tlabels: [],\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tlabel: 'Talk to Patient',\n\t\t\t\tbackgroundColor: '#42A5F5',\n\t\t\t\tdata: [],\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'View Patient',\n\t\t\t\tbackgroundColor: '#CCC',\n\t\t\t\tdata: [],\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Monitoring',\n\t\t\t\tbackgroundColor: '#FFA726',\n\t\t\t\tdata: [],\n\t\t\t},\n\t\t],\n\t});\n\tconst [kpis, setKpis] = useState({\n\t\ttotalCount: 0,\n\t\tvcpCount: 0,\n\t\troomsObserved: 0,\n\t\tnumberOfCalls: {\n\t\t\ttalkToPatient: 0,\n\t\t\tmonitoring: 0,\n\t\t\tviewPatient: 0,\n\t\t},\n\t\taverageDuration: {\n\t\t\ttalkToPatient: 0,\n\t\t\tmonitoring: 0,\n\t\t\tviewPatient: 0,\n\t\t},\n\t});\n\tconst [healthSystems, setHealthSystems] = useState([]);\n\tconst [regions, setRegions] = useState([]);\n\tconst [hospitals, setHospitals] = useState([]);\n\tconst [nurses, setNurses] = useState([]);\n\tconst [selectedHealthSystem, setSelectedHealthSystem] = useState(null);\n\tconst [selectedRegion, setSelectedRegion] = useState(null);\n\tconst [selectedHospital, setSelectedHospital] = useState(null);\n\tconst [selectedNurse, setSelectedNurse] = useState(null);\n\tconst [from, setFrom] = useState(new Date(getFirstDayOfMonth(date.getFullYear(), date.getMonth())));\n\tconst [to, setTo] = useState(new Date());\n\tconst [currentLevel, setCurrentLevel] = useState(null);\n\tconst [searchedNurse, setSearchedNurse] = useState('');\n\tconst toInput = useRef(null);\n\n\tuseEffect(() => {\n\t\tconst getHealthSystemOptions = hsList => {\n\t\t\tconst healthSystemsOptions = hsList.map(hs => {\n\t\t\t\treturn { value: hs.id, label: hs.name };\n\t\t\t});\n\t\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\t\thealthSystemsOptions.unshift({ label: 'All', value: null });\n\t\t\t}\n\t\t\treturn healthSystemsOptions;\n\t\t};\n\n\t\tconst fetchData = async () => {\n\t\t\tconst hsList = await getHealthSystems();\n\t\t\tconst healthSystemsOptions = getHealthSystemOptions(hsList);\n\n\t\t\tsetHealthSystems(healthSystemsOptions);\n\t\t\tlet current = null;\n\t\t\tif (getUserRole() === UserRoles.SUPERUSER) {\n\t\t\t\t[current] = healthSystemsOptions;\n\t\t\t} else {\n\t\t\t\tcurrent = healthSystemsOptions.find(item => item.value === getCurrentHealthSystemInfo().currentHealthSystemId);\n\t\t\t}\n\n\t\t\tif (current) {\n\t\t\t\tsetSelectedHealthSystem(current);\n\t\t\t\tsetCurrentLevel(DeviceListLevel.HEALTHSYSTEM);\n\t\t\t\tconst regionsList = await getOrgTeamChildren(current.value);\n\t\t\t\tif (regionsList.error) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst regionsOptions = regionsList.map(region => ({ value: region.id, label: region.name }));\n\t\t\t\tregionsOptions.unshift({ label: 'All', value: null });\n\t\t\t\tsetRegions(regionsOptions);\n\t\t\t}\n\t\t};\n\t\tfetchData();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tconst fetchNurses = async () => {\n\t\t\tconst response = await getNursesList(searchedNurse);\n\t\t\tif (!response.error) {\n\t\t\t\tconst nursesList = response.companyUsers.map(nurse => {\n\t\t\t\t\treturn { value: nurse.userId, label: `${nurse.firstname} ${nurse.lastname}` };\n\t\t\t\t});\n\t\t\t\tnursesList.unshift({\n\t\t\t\t\tlabel: 'All',\n\t\t\t\t\tvalue: null,\n\t\t\t\t});\n\t\t\t\tsetNurses(nursesList);\n\t\t\t}\n\t\t};\n\t\tif (searchedNurse) {\n\t\t\tfetchNurses();\n\t\t} else {\n\t\t\tsetNurses([\n\t\t\t\t{\n\t\t\t\t\tlabel: 'All',\n\t\t\t\t\tvalue: null,\n\t\t\t\t},\n\t\t\t]);\n\t\t}\n\t}, [searchedNurse]);\n\n\tconst getFilteredNursesBasedOnCallsCount = arr => {\n\t\tarr.sort((a, b) => {\n\t\t\tif (a.count < b.count) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\tif (a.count > b.count) {\n\t\t\t\treturn -1;\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\t\treturn arr.filter((_item, i) => i < 10);\n\t};\n\n\tuseEffect(() => {\n\t\tconst getKpisTalkToPatientCallNumber = kpisResponse =>\n\t\t\tkpisResponse.callTypesCount.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType)).length\n\t\t\t\t? kpisResponse.callTypesCount\n\t\t\t\t\t\t.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType))\n\t\t\t\t\t\t.reduce((accumulator, object) => {\n\t\t\t\t\t\t\treturn accumulator + object.count;\n\t\t\t\t\t\t}, 0)\n\t\t\t\t: 0;\n\n\t\tconst getKpisTalkToPatientAverageDuration = kpisResponse =>\n\t\t\tkpisResponse.callTypesDuration.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType)).length\n\t\t\t\t? kpisResponse.callTypesDuration\n\t\t\t\t\t\t.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType))\n\t\t\t\t\t\t.reduce((accumulator, object) => {\n\t\t\t\t\t\t\treturn accumulator + object.duration;\n\t\t\t\t\t\t}, 0)\n\t\t\t\t: 0;\n\n\t\tconst getDashboardTalkToPatientData = filtered =>\n\t\t\tfiltered.map(item =>\n\t\t\t\titem.callTypes.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType)).length\n\t\t\t\t\t? item.callTypes\n\t\t\t\t\t\t\t.filter(x => [CallTypes.AUDIO, CallTypes.VIDEO, CallTypes.SCREENSHARE].includes(x.callType))\n\t\t\t\t\t\t\t.reduce((accumulator, object) => {\n\t\t\t\t\t\t\t\treturn accumulator + object.count;\n\t\t\t\t\t\t\t}, 0)\n\t\t\t\t\t: 0\n\t\t\t);\n\n\t\tconst filterByLevel = async () => {\n\t\t\tsetIsLoading(true);\n\t\t\tconst params = {\n\t\t\t\thealthSystemId: selectedHealthSystem.value,\n\t\t\t\tregionId: selectedRegion ? selectedRegion.value : null,\n\t\t\t\thospitalId: selectedHospital ? selectedHospital.value : null,\n\t\t\t\tnurseId: selectedNurse ? selectedNurse.value : null,\n\t\t\t\tstart: Math.round(new Date(from).getTime()),\n\t\t\t\tend: Math.round(new Date(to).getTime()),\n\t\t\t};\n\t\t\tconst [response, kpisResponse] = await Promise.all([getNurseCallsForDashboard(params), getKpisForDashboard(params)]);\n\n\t\t\tif (!response.error && !kpisResponse.error) {\n\t\t\t\tlet labels = [];\n\t\t\t\tlet datasets = [];\n\n\t\t\t\tconst kpisObj = {\n\t\t\t\t\ttotalCount: kpisResponse.totalCount,\n\t\t\t\t\tvcpCount: kpisResponse.vcpCount,\n\t\t\t\t\troomsObserved: kpisResponse.roomsObserved,\n\t\t\t\t\tnumberOfCalls: {\n\t\t\t\t\t\ttalkToPatient: getKpisTalkToPatientCallNumber(kpisResponse),\n\t\t\t\t\t\tmonitoring: kpisResponse.callTypesCount.find(item => item.callType === CallTypes.MONITORING)?.count || 0,\n\t\t\t\t\t\tviewPatient: kpisResponse.callTypesCount.find(item => item.callType === CallTypes.SECURITYCAM)?.count || 0,\n\t\t\t\t\t},\n\t\t\t\t\taverageDuration: {\n\t\t\t\t\t\ttalkToPatient: getKpisTalkToPatientAverageDuration(kpisResponse),\n\t\t\t\t\t\tmonitoring: kpisResponse.callTypesDuration.find(item => item.callType === CallTypes.MONITORING)?.duration || 0,\n\t\t\t\t\t\tviewPatient: kpisResponse.callTypesDuration.find(item => item.callType === CallTypes.SECURITYCAM)?.duration || 0,\n\t\t\t\t\t},\n\t\t\t\t};\n\n\t\t\t\tsetKpis(kpisObj);\n\n\t\t\t\tif (response.data.length) {\n\t\t\t\t\tconst filtered = getFilteredNursesBasedOnCallsCount(response.data);\n\t\t\t\t\tlabels = filtered.map(item => item.name);\n\t\t\t\t\tdatasets = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'Talk to Patient',\n\t\t\t\t\t\t\tbackgroundColor: '#42A5F5',\n\t\t\t\t\t\t\tdata: getDashboardTalkToPatientData(filtered),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'View Patient',\n\t\t\t\t\t\t\tbackgroundColor: '#CCC',\n\t\t\t\t\t\t\tdata: filtered.map(item => item.callTypes.find(x => x.callType === CallTypes.SECURITYCAM)?.count || 0),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'Monitoring',\n\t\t\t\t\t\t\tbackgroundColor: '#FFA726',\n\t\t\t\t\t\t\tdata: filtered.map(item => item.callTypes.find(x => x.callType === CallTypes.MONITORING)?.count || 0),\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t} else {\n\t\t\t\t\tlabels = [];\n\t\t\t\t\tdatasets = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'Talk to Patient',\n\t\t\t\t\t\t\tbackgroundColor: '#42A5F5',\n\t\t\t\t\t\t\tdata: [],\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'View Patient',\n\t\t\t\t\t\t\tbackgroundColor: '#CCC',\n\t\t\t\t\t\t\tdata: [],\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: 'Monitoring',\n\t\t\t\t\t\t\tbackgroundColor: '#FFA726',\n\t\t\t\t\t\t\tdata: [],\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\n\t\t\t\tsetChartData({\n\t\t\t\t\tlabels,\n\t\t\t\t\tdatasets,\n\t\t\t\t});\n\t\t\t}\n\t\t\tsetIsLoading(false);\n\t\t};\n\t\tif ([DeviceListLevel.HEALTHSYSTEM, DeviceListLevel.REGION, DeviceListLevel.HOSPITAL].includes(currentLevel)) {\n\t\t\tfilterByLevel();\n\t\t}\n\t}, [currentLevel, selectedHealthSystem, selectedRegion, selectedHospital, selectedNurse, from, to]);\n\n\tconst onHealthSystemSelected = async healthSystem => {\n\t\tsetSelectedHealthSystem(healthSystem);\n\t\tsetRegions([]);\n\t\tsetSelectedRegion(null);\n\t\tsetHospitals([]);\n\t\tsetSelectedHospital(null);\n\t\tsetCurrentLevel(DeviceListLevel.HEALTHSYSTEM);\n\t\tif (healthSystem.value) {\n\t\t\tconst regionsList = await getOrgTeamChildren(healthSystem.value);\n\t\t\tif (regionsList.error) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst regionsOptions = regionsList.map(region => ({ value: region.id, label: region.name }));\n\t\t\tregionsOptions.unshift({ label: 'All', value: null });\n\t\t\tsetRegions(regionsOptions);\n\t\t}\n\t};\n\n\tconst onRegionSelected = async region => {\n\t\tsetSelectedRegion(region);\n\t\tsetHospitals([]);\n\t\tsetSelectedHospital(null);\n\t\tsetCurrentLevel(region.value ? DeviceListLevel.REGION : DeviceListLevel.HEALTHSYSTEM);\n\t\tif (region.value) {\n\t\t\tconst hospitalsList = await getOrgTeamChildren(region.value);\n\t\t\tif (hospitalsList.error) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst hospitalOptions = hospitalsList.map(hospital => ({ value: hospital.id, label: hospital.name }));\n\t\t\thospitalOptions.unshift({ label: 'All', value: null });\n\t\t\tsetHospitals(hospitalOptions);\n\t\t}\n\t};\n\n\tconst onHospitalSelected = hospital => {\n\t\tsetSelectedHospital(hospital);\n\t\tsetCurrentLevel(hospital.value ? DeviceListLevel.HOSPITAL : DeviceListLevel.REGION);\n\t};\n\n\tconst onNurseSelected = nurse => {\n\t\tsetSelectedNurse(nurse);\n\t};\n\n\tconst DropdownIndicator = () => {\n\t\treturn arrow_drop_down;\n\t};\n\n\tconst modifiers = { start: from, end: to };\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n};\n\nexport default Dashboard;\n","import React from 'react';\nimport 'react-day-picker/lib/style.css';\nimport Layout from 'components/Common/Layout';\nimport Header from 'components/Common/Header';\nimport { Tabs, Grid } from 'components';\n\nimport PastCallsList from 'components/CallLogs/List/PastCallsList';\nimport OngoingCallsList from 'components/CallLogs/List/OngoingCallsList';\nimport Dashboard from 'containers/Dashboard';\n\nfunction CallLogs() {\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t onHealthSystemSelected(value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t onRegionSelected(value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t onHospitalSelected(value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t onNurseSelected(value)}\n\t\t\t\t\t\t\tonInputChange={value => {\n\t\t\t\t\t\t\t\tsetSearchedNurse(value);\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{isLoading && \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\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\tdate_range\n\t\t\t\t\t\t\t\t toInput.current.getInput().focus(),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonDayChange={e => setFrom(e)}\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 setTo(e)}\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\tarrow_drop_down\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tTotal number of nurses\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.vcpCount}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tTotal Calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.totalCount}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNumber of rooms observed\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.roomsObserved}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNumber of Talk to patient calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.numberOfCalls.talkToPatient}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNumber of Monitoring calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.numberOfCalls.monitoring}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNumber of View patient calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{kpis.numberOfCalls.viewPatient}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAverage time of Talk to patient calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{secondsToHHMMSS(kpis.averageDuration.talkToPatient)}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAverage time of Monitoring calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{secondsToHHMMSS(kpis.numberOfCalls.monitoring)}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAverage time of View patient calls\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{secondsToHHMMSS(kpis.numberOfCalls.viewPatient)}
\n\t\t\t\t\t\t\t\n\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
\n\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tCall Logs
\n\t\t\t\t\t\t\t\t{this.state.callDuration || this.getDuration(true)}
;\n\t}\n}\n\nCallDuration.propTypes = {\n\tformat: PropTypes.string,\n};\n\nexport default CallDuration;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport CallButton from 'components/CallButton';\n\nconst NightVisionControl = props => {\n\treturn (\n\t\t<>\n\t\t\t{props.showButton && (\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\tbar_chart\n\t\t\t\n\t\t\n\t\t
\n);\n\nexport default CallStats;\n","import React, { Component } from 'react';\nimport CallStats from 'components/Common/CallStats';\n\nclass PeerStats extends Component {\n\tstate = {\n\t\tvideoBytesSent: null,\n\t\taudioBytesSent: null,\n\t\tvideoBytesRec: null,\n\t\taudioBytesRec: null,\n\t\tframeRate: null,\n\t\tresolution: { width: 0, height: 0 },\n\t\tcodec: null,\n\t\ttransportType: null,\n\t};\n\n\tpreviousStats = {\n\t\toutbound: {},\n\t\tinbound: {},\n\t};\n\n\tcurrentStats = {\n\t\toutbound: {},\n\t\tinbound: {},\n\t\tvideoResolution: undefined,\n\t\tvideoOutboundResolution: undefined,\n\t\taudioCodec: undefined,\n\t\tvideoCodec: undefined,\n\t\tvideoOutboundCodec: undefined,\n\t\taudioOutboundCodec: undefined,\n\t\ttransportType: undefined,\n\t};\n\n\tRTCStatsType = {\n\t\tOUTBOUND: 'outbound-rtp',\n\t\tINBOUND: 'inbound-rtp',\n\t\tTRACK: 'track',\n\t\tCODEC: 'codec',\n\t\tREMOTE_CANDIDATE: 'remote-candidate',\n\t};\n\n\tRTCMediaType = {\n\t\tAUDIO: 'audio',\n\t\tVIDEO: 'video',\n\t};\n\n\tfetchTimeInSeconds = 3;\n\n\tbyteToKilobit = 125;\n\n\tgetStatsInterval = null;\n\n\tcurrInboundReports = [];\n\n\tcurrOutboundReports = [];\n\n\tcomponentDidMount = async () => {\n\t\tthis.getStatsInterval = setInterval(async () => {\n\t\t\tawait this.getStats();\n\t\t\tconst newStats = JSON.parse(JSON.stringify(this.currentStats));\n\t\t\tthis.setState(this.getState(), () => {\n\t\t\t\tthis.previousStats = newStats;\n\t\t\t});\n\t\t}, this.fetchTimeInSeconds * 1000);\n\t};\n\n\tgetState = () => {\n\t\tif (!this.props.isLocalSrc) {\n\t\t\treturn {\n\t\t\t\tvideoBytesSent:\n\t\t\t\t\tthis.currentStats.outbound.video && this.previousStats.outbound.video\n\t\t\t\t\t\t? this.getDifference(this.currentStats.outbound.video.bytesSent, this.previousStats.outbound.video.bytesSent) /\n\t\t\t\t\t\t this.fetchTimeInSeconds /\n\t\t\t\t\t\t this.byteToKilobit\n\t\t\t\t\t\t: null,\n\t\t\t\taudioBytesSent:\n\t\t\t\t\tthis.currentStats.outbound.audio && this.previousStats.outbound.audio && !this.props.isMyMicOff\n\t\t\t\t\t\t? this.getDifference(this.currentStats.outbound.audio.bytesSent, this.previousStats.outbound.audio.bytesSent) /\n\t\t\t\t\t\t this.fetchTimeInSeconds /\n\t\t\t\t\t\t this.byteToKilobit\n\t\t\t\t\t\t: null,\n\t\t\t\tvideoBytesRec:\n\t\t\t\t\tthis.currentStats.inbound.video && this.previousStats.inbound.video\n\t\t\t\t\t\t? this.getDifference(this.currentStats.inbound.video.bytesReceived, this.previousStats.inbound.video.bytesReceived) /\n\t\t\t\t\t\t this.fetchTimeInSeconds /\n\t\t\t\t\t\t this.byteToKilobit\n\t\t\t\t\t\t: null,\n\t\t\t\taudioBytesRec:\n\t\t\t\t\tthis.currentStats.inbound.audio && this.previousStats.inbound.audio && !this.props.isPeerMicPrivacyOn\n\t\t\t\t\t\t? this.getDifference(this.currentStats.inbound.audio.bytesReceived, this.previousStats.inbound.audio.bytesReceived) /\n\t\t\t\t\t\t this.fetchTimeInSeconds /\n\t\t\t\t\t\t this.byteToKilobit\n\t\t\t\t\t\t: null,\n\t\t\t\tframeRate: this.getInboundFrameRate(),\n\t\t\t\tresolution: this.getInboundFrameRate() && this.currentStats.videoResolution ? this.currentStats.videoResolution : { width: 0, height: 0 },\n\t\t\t\tcodec:\n\t\t\t\t\t// eslint-disable-next-line no-nested-ternary\n\t\t\t\t\t!this.currentStats.videoCodec && !this.currentStats.audioCodec\n\t\t\t\t\t\t? 'N/A'\n\t\t\t\t\t\t: this.currentStats.videoCodec\n\t\t\t\t\t\t? `${this.currentStats.audioCodec}\\\\${this.currentStats.videoCodec}`\n\t\t\t\t\t\t: `${this.currentStats.audioCodec}`,\n\t\t\t\ttransportType: this.currentStats.transportType ? this.currentStats.transportType : 'N/A',\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tframeRate:\n\t\t\t\tthis.currentStats.outbound.video && this.previousStats.outbound.video\n\t\t\t\t\t? this.getDifference(this.currentStats.outbound.video.framesEncoded, this.previousStats.outbound.video.framesEncoded) / this.fetchTimeInSeconds\n\t\t\t\t\t: null,\n\t\t\tresolution: this.currentStats.videoOutboundResolution ? this.currentStats.videoOutboundResolution : { width: 0, height: 0 },\n\t\t\tcodec:\n\t\t\t\t// eslint-disable-next-line no-nested-ternary\n\t\t\t\t!this.currentStats.videoOutboundCodec && !this.currentStats.audioOutboundCodec\n\t\t\t\t\t? 'N/A'\n\t\t\t\t\t: this.currentStats.videoOutboundCodec\n\t\t\t\t\t? `${this.currentStats.audioOutboundCodec}\\\\${this.currentStats.videoOutboundCodec}`\n\t\t\t\t\t: `${this.currentStats.audioOutboundCodec}`,\n\t\t};\n\t};\n\n\tgetDifference = (a, b) => {\n\t\treturn a - b >= 0 ? a - b : 0;\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tif (this.getStatsInterval) {\n\t\t\tclearInterval(this.getStatsInterval);\n\t\t\tthis.getStatsInterval = null;\n\t\t}\n\t};\n\n\tgetStats = async () => {\n\t\tconst stats = await this.props.callManager.getStats();\n\n\t\tthis.currInboundReports = [];\n\t\tthis.currOutboundReports = [];\n\n\t\tstats.forEach(report => {\n\t\t\tif (report.type === this.RTCStatsType.INBOUND) {\n\t\t\t\tthis.currInboundReports.push(report);\n\t\t\t\tconst codecReport = stats.get(report.codecId);\n\t\t\t\tif (codecReport) {\n\t\t\t\t\tcodecReport.kind = report.kind;\n\t\t\t\t\tcodecReport.remoteSource = true;\n\t\t\t\t\tthis.currInboundReports.push(codecReport);\n\t\t\t\t}\n\t\t\t\tif (report.kind === this.RTCMediaType.VIDEO) {\n\t\t\t\t\tconst trackReport = stats.get(report.trackId);\n\t\t\t\t\tif (trackReport) {\n\t\t\t\t\t\ttrackReport.kind = report.kind;\n\t\t\t\t\t\tthis.currInboundReports.push(trackReport);\n\t\t\t\t\t}\n\t\t\t\t} else if (report.kind === this.RTCMediaType.AUDIO) {\n\t\t\t\t\tconst transportReport = stats.get(report.transportId);\n\t\t\t\t\tif (transportReport) {\n\t\t\t\t\t\tconst candidatePair = stats.get(transportReport.selectedCandidatePairId);\n\t\t\t\t\t\tif (candidatePair) {\n\t\t\t\t\t\t\tconst remoteCandidate = stats.get(candidatePair.remoteCandidateId);\n\t\t\t\t\t\t\tif (remoteCandidate) {\n\t\t\t\t\t\t\t\tremoteCandidate.kind = report.kind;\n\t\t\t\t\t\t\t\tthis.currInboundReports.push(remoteCandidate);\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} else if (report.type === this.RTCStatsType.OUTBOUND) {\n\t\t\t\tthis.currOutboundReports.push(report);\n\t\t\t\tconst codecReport = stats.get(report.codecId);\n\t\t\t\tif (codecReport) {\n\t\t\t\t\tcodecReport.kind = report.kind;\n\t\t\t\t\tcodecReport.remoteSource = false;\n\t\t\t\t\tthis.currOutboundReports.push(codecReport);\n\t\t\t\t}\n\n\t\t\t\tif (report.kind === this.RTCMediaType.VIDEO) {\n\t\t\t\t\tconst trackReport = stats.get(report.trackId);\n\t\t\t\t\tif (trackReport) {\n\t\t\t\t\t\ttrackReport.kind = report.kind;\n\t\t\t\t\t\tthis.currOutboundReports.push(trackReport);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tthis.setCurrentStats();\n\t};\n\n\tsetCurrentStats = () => {\n\t\t// Inbound\n\t\t[this.currentStats.inbound.video] = this.currInboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.INBOUND)\n\t\t\t.sort((a, b) => (a.trackId > b.trackId ? -1 : 1));\n\n\t\tconst [track] = this.currInboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.TRACK && x.remoteSource === true)\n\t\t\t.sort((a, b) => (a.id > b.id ? -1 : 1));\n\n\t\tif (track && track.frameHeight) {\n\t\t\tthis.currentStats.videoResolution = { width: track.frameWidth, height: track.frameHeight };\n\t\t} else {\n\t\t\tthis.currentStats.videoResolution = { width: 0, height: 0 };\n\t\t}\n\n\t\tconst videoCodec = this.currInboundReports.find(x => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.CODEC && x.remoteSource === true);\n\n\t\tif (videoCodec) {\n\t\t\tthis.currentStats.videoCodec = videoCodec.mimeType.replace('video/', '');\n\t\t}\n\t\tconst audioCodec = this.currInboundReports.find(x => x.kind === this.RTCMediaType.AUDIO && x.type === this.RTCStatsType.CODEC && x.remoteSource === true);\n\n\t\tif (audioCodec) {\n\t\t\tthis.currentStats.audioCodec = audioCodec.mimeType.replace('audio/', '').toUpperCase();\n\t\t}\n\n\t\t[this.currentStats.inbound.audio] = this.currInboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.AUDIO && x.type === this.RTCStatsType.INBOUND)\n\t\t\t.sort((a, b) => (a.trackId > b.trackId ? -1 : 1));\n\n\t\tconst remoteCandidate = this.currInboundReports.find(x => x.kind === this.RTCMediaType.AUDIO && x.type === this.RTCStatsType.REMOTE_CANDIDATE);\n\t\tif (remoteCandidate) {\n\t\t\tthis.currentStats.transportType = remoteCandidate.candidateType === 'relay' ? 'Relay' : 'P2P';\n\t\t}\n\n\t\t// Outbound\n\t\t[this.currentStats.outbound.video] = this.currOutboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.OUTBOUND && x.trackId)\n\t\t\t.sort((a, b) => (a.trackId > b.trackId ? -1 : 1));\n\n\t\t[this.currentStats.outbound.audio] = this.currOutboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.AUDIO && x.type === this.RTCStatsType.OUTBOUND)\n\t\t\t.sort((a, b) => (a.trackId > b.trackId ? -1 : 1));\n\n\t\tconst [outboundTrack] = this.currOutboundReports\n\t\t\t.filter(x => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.TRACK && x.remoteSource === false)\n\t\t\t.sort((a, b) => (a.id > b.id ? -1 : 1));\n\n\t\tif (outboundTrack && outboundTrack.frameWidth) {\n\t\t\tthis.currentStats.videoOutboundResolution = {\n\t\t\t\twidth: outboundTrack.frameWidth,\n\t\t\t\theight: outboundTrack.frameHeight,\n\t\t\t};\n\t\t} else {\n\t\t\tthis.currentStats.videoOutboundResolution = {\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0,\n\t\t\t};\n\t\t}\n\n\t\tconst videoOutboundCodec = this.currOutboundReports.find(\n\t\t\tx => x.kind === this.RTCMediaType.VIDEO && x.type === this.RTCStatsType.CODEC && x.remoteSource === false\n\t\t);\n\n\t\tif (videoOutboundCodec) {\n\t\t\tthis.currentStats.videoOutboundCodec = videoOutboundCodec.mimeType.replace('video/', '');\n\t\t}\n\t\tconst audioOutboundCodec = this.currOutboundReports.find(\n\t\t\tx => x.kind === this.RTCMediaType.AUDIO && x.type === this.RTCStatsType.CODEC && x.remoteSource === false\n\t\t);\n\n\t\tif (audioOutboundCodec) {\n\t\t\tthis.currentStats.audioOutboundCodec = audioOutboundCodec.mimeType.replace('audio/', '').toUpperCase();\n\t\t}\n\t};\n\n\tgetInboundFrameRate = () => {\n\t\treturn this.currentStats.inbound.video && this.previousStats.inbound.video\n\t\t\t? this.getDifference(this.currentStats.inbound.video.framesDecoded, this.previousStats.inbound.video.framesDecoded) / this.fetchTimeInSeconds\n\t\t\t: null;\n\t};\n\n\trender() {\n\t\tconst { audioBytesSent, videoBytesSent, videoBytesRec, audioBytesRec, frameRate, resolution, codec, transportType } = this.state;\n\n\t\tlet stats;\n\t\tif (!this.props.isLocalSrc) {\n\t\t\tstats = [\n\t\t\t\t{ key: 'Video', value: `${Math.round(videoBytesSent)}kbs↑ ${Math.round(videoBytesRec)}kbs↓` },\n\t\t\t\t{ key: 'Audio', value: `${Math.round(audioBytesSent)}kbs↑ ${Math.round(audioBytesRec)}kbs↓` },\n\t\t\t\t{ key: 'Codec', value: codec },\n\t\t\t\t{ key: 'Framerate', value: `${Math.round(frameRate)} FPS` },\n\t\t\t\t{ key: 'Resolution', value: `${resolution.width}x${resolution.height}` },\n\t\t\t\t{ key: 'TT', value: transportType },\n\t\t\t];\n\t\t} else {\n\t\t\tstats = [\n\t\t\t\t{ key: 'Framerate', value: `${Math.round(frameRate)} FPS` },\n\t\t\t\t{ key: 'Resolution', value: `${resolution.width}x${resolution.height}` },\n\t\t\t\t{ key: 'Codec', value: codec },\n\t\t\t];\n\t\t}\n\n\t\treturn \n\t\t\t{stats.map(({ key, value }) => (\n\t\t\t\t
\n\t\n\t\t\t\t\t{key}: {value}\n\t\t\t\t
\n\t\t\t))}\n\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tYou have toggled patient's camera off.
\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\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\t
\n\t\t\t\t\t\t\t\tInitiating Call
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\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\t\t\t
\n\t\t\t\t\t\t\t${this.state.roomName}`} data-position='top'>\n\t\t\t\t\t\t\t\t\t{roomName}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{!!conferenceId &&\n\t\t\t\t\t\t\t\t this.debouncedToggleStream(TrackType.SCREEN)}\n\t\t\t\t\t\t\t\t\ttooltip={localScreenSrc ? 'Stop screensharing' : 'Start screensharing'}\n\t\t\t\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\t\t\t\tisDisabled={disableButtons}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t this.debouncedToggleStream(TrackType.VIDEO)}\n\t\t\t\t\t\t\t\t\ttooltip={isMyVideoCamActive ? 'Turn off camera' : 'Turn on camera'}\n\t\t\t\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\t\t\t\tisDisabled={disableButtons}\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.debouncedToggleStream(TrackType.AUDIO)}\n\t\t\t\t\t\t\t\t\ttooltip={micActive ? 'Turn off mic' : 'Turn on mic'}\n\t\t\t\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\t\t\t\tisDisabled={disableButtons}\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\t this.callManager.toggleNightVision(!nightVisionMode, callerObjectId, conferenceId, participantId)}\n\t\t\t\t\t\t\t\t\tisDisabled={this.state.cameraType === CameraType.HUDDLE || disableButtons}\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\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state.peerSrc && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{!this.state.soundPermission && (\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\tInitiating Call
\n\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)}\n\n\t\t\t\t\t\t\t\t{this.state.soundPermission && (\n\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\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tAllow Banyan to play sound on your browser\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\tPlease allow permissions for sound so you can hear the patient.\n\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${this.state.roomName}`} data-position='top'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.roomName}\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\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\tthis.toggleHandler('mic');\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\ttooltip={this.state.micActive ? 'Turn off mic' : 'Turn on mic'}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\t\t\t\t\t\t\t\tisDisabled={this.state.disableButtons}\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\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\tthis.toggleHandler('peer-audio');\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\ttooltip={!this.state.peerAudioMuted ? 'Mute Audio' : 'Unmute Audio'}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipPosition='top'\n\t\t\t\t\t\t\t\t\t\t\t\t\tisDisabled={this.state.disableButtons}\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
\n\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\n\t\t\t{error} }\n\t\t
\n\t);\n};\n\nexport default Input;\n","import React, { Component } from 'react';\nimport { Form, Formik, Field } from 'formik';\nimport * as Yup from 'yup';\nimport Input from 'components/Common/FormElements/Input';\nimport { createInvite, checkUserAccount, checkIfCompanyMemberExists } from 'api/users';\nimport { If, Then, Else } from 'react-if';\nimport Alert from 'components/Alert';\n\nclass InviteAdmins extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\textraFields: 0,\n\t\t};\n\t}\n\n\taddExtraInputField = () => {\n\t\tvar updatedExtraFields = this.state.extraFields + 1;\n\t\tthis.setState({ extraFields: updatedExtraFields });\n\t};\n\n\tdisplayExtraFields = () => {\n\t\tlet table = [];\n\t\tfor (let i = 0; i < this.state.extraFields; i++) {\n\t\t\ttable.push({props.label}
\n\t\t\t{props.description}
\n\t\t\t\n\t\t\t{touch && error &&\n\t\t\t\t {\n\t\t\t\t\t\tthis.props.onLoading();\n\t\t\t\t\t\tlet emails = Object.values(values).filter(val => {\n\t\t\t\t\t\t\treturn val !== '';\n\t\t\t\t\t\t});\n\t\t\t\t\t\tcreateInvite(emails, this.props.inviteTypeId).then(() => {\n\t\t\t\t\t\t\tthis.props.onSuccess();\n\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\temail: '',\n\t\t\t\t\t\t\t\temail0: '',\n\t\t\t\t\t\t\t\temail1: '',\n\t\t\t\t\t\t\t\temail2: '',\n\t\t\t\t\t\t\t\temail3: '',\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\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\temail: Yup.string()\n\t\t\t\t\t\t\t.required('Email is required!')\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail0: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val1 => this.checkEmail(val1)),\n\t\t\t\t\t\temail1: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail2: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail3: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t})}>\n\t\t\t\t\t{formikProps => {\n\t\t\t\t\t\t// bind the submission handler remotely\n\t\t\t\t\t\tthis.props.bindSubmitForm(formikProps.submitForm);\n\t\t\t\t\t\treturn (\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\nexport default InviteAdmins;\n","import React, { Component } from 'react';\nimport Select from 'react-select';\n\nclass MultiSelect extends Component {\n\thandleChange = value => {\n\t\tconst { onChange, name } = this.props;\n\n\t\tonChange(name, value);\n\t};\n\n\thandleBlur = () => {\n\t\tconst { onBlur, name } = this.props;\n\n\t\tonBlur(name, true);\n\t};\n\n\trender() {\n\t\tconst { id, name, label, placeholder, options, value, isMulti, isDisabled, description, touched, error, isClearable, backspaceRemovesValue } = this.props;\n\t\tconst InputFeedback = ({ children }) => {children};\n\t\tconst DropdownIndicator = () => arrow_drop_down;\n\t\treturn (\n\t\t\t\n\t\t\t\t{error} }\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default MultiSelect;\n","import React, { Component } from 'react';\nimport { Form, Formik, Field } from 'formik';\nimport * as Yup from 'yup';\nimport Input from 'components/Common/FormElements/Input';\nimport { createNurseInvite, checkIfCompanyMemberExists } from 'api/users';\n\nimport { If, Then, Else } from 'react-if';\nimport Alert from 'components/Alert';\nimport { InviteTypes } from 'constants/enums';\nimport MultiSelect from 'components/Common/FormElements/MultiSelect';\n\nclass InviteNurses extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tconst healthSystemsArr = this.props.healthSystems.map(hs => {\n\t\t\treturn { value: hs.id, label: hs.value };\n\t\t});\n\n\t\tthis.state = {\n\t\t\textraFields: 0,\n\t\t\thealthSystemsArr,\n\t\t};\n\t}\n\n\taddExtraInputField = () => {\n\t\tvar updatedExtraFields = this.state.extraFields + 1;\n\t\tthis.setState({ extraFields: updatedExtraFields });\n\t};\n\n\tdisplayExtraFields = () => {\n\t\tlet table = [];\n\t\tfor (let i = 0; i < this.state.extraFields; i++) {\n\t\t\ttable.push({label}
\n\t\t\t\t{description}
\n\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tthis.props.onLoading();\n\t\t\t\t\t\tvar emailObjs = [];\n\t\t\t\t\t\tfor (const key of Object.keys(values)) {\n\t\t\t\t\t\t\tif (key !== 'healthSystems' && values[key] !== '') emailObjs.push(values[key]);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcreateNurseInvite(emailObjs, this.props.inviteTypeId, values.healthSystems).then(() => {\n\t\t\t\t\t\t\tthis.props.onSuccess();\n\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\thealthSystems: [],\n\t\t\t\t\t\t\t\temail: '',\n\t\t\t\t\t\t\t\temail0: '',\n\t\t\t\t\t\t\t\temail1: '',\n\t\t\t\t\t\t\t\temail2: '',\n\t\t\t\t\t\t\t\temail3: '',\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\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\temail: Yup.string()\n\t\t\t\t\t\t\t.required('Email is required!')\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail0: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val1 => this.checkEmail(val1)),\n\t\t\t\t\t\temail1: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail2: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail3: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\thealthSystems: Yup.string()\n\t\t\t\t\t\t\t.required('Health system is required!')\n\t\t\t\t\t\t\t.nullable(),\n\t\t\t\t\t})}>\n\t\t\t\t\t{formikProps => {\n\t\t\t\t\t\tconst { values, touched, errors, setFieldValue, setFieldTouched } = formikProps;\n\t\t\t\t\t\t// bind the submission handler remotely\n\t\t\t\t\t\tthis.props.bindSubmitForm(formikProps.submitForm);\n\t\t\t\t\t\tconst role = this.getRole(this.props.inviteTypeId);\n\n\t\t\t\t\t\treturn (\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\nexport default InviteNurses;\n","import React, { Component } from 'react';\n\nimport Pagination from 'components/Common/Pagination';\nimport { Grid, Input, Table, Button, Badge, Modal } from 'components';\n\nimport { getInvitedMembers, updateInviteStatus, createInvite, createNurseInvite, getHealthSystemInvitedUsers } from 'api/users';\nimport { InviteStatuses, InviteTypes, UserRoles } from 'constants/enums';\nimport { formatDate } from 'infrastructure/helpers/dateHelper';\nimport { decodeHtml, getCurrentHealthSystemInfo } from 'infrastructure/helpers/commonHelpers';\nimport { getUserProfile, getUserRole } from 'infrastructure/auth';\n\nclass InvitedUsersList extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tpageSize: { value: 10, label: '10' },\n\t\t\tpageIndex: 0,\n\t\t\ttotalCount: 0,\n\t\t\tinvitedMembers: [],\n\t\t\tloading: true,\n\t\t\tsearchValue: '',\n\t\t\tisCancelModalOpen: false,\n\t\t\tisResendModalOpen: false,\n\t\t\tcurrentInviteId: null,\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tlet response = {};\n\t\tlet healthSystem = getCurrentHealthSystemInfo();\n\n\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\tresponse = await getInvitedMembers();\n\t\t} else {\n\t\t\tresponse = await getHealthSystemInvitedUsers(healthSystem.currentHealthSystemId);\n\t\t}\n\n\t\tthis.setState({\n\t\t\tloading: false,\n\t\t\ttotalCount: response.totalCount,\n\t\t\tinvitedMembers: response.companyInvites,\n\t\t\tcurrentHealthSystemId: healthSystem.currentHealthSystemId,\n\t\t});\n\t}\n\n\tasync onChange(pageSize, pageIndex) {\n\t\tthis.setState({ loading: true });\n\n\t\tlet response = {};\n\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\tresponse = await getInvitedMembers(pageSize.value, pageIndex, this.state.searchValue);\n\t\t} else {\n\t\t\tresponse = await getHealthSystemInvitedUsers(this.state.currentHealthSystemId, pageSize.value, pageIndex, this.state.searchValue);\n\t\t}\n\n\t\tthis.setState({\n\t\t\tloading: false,\n\t\t\tinvitedMembers: response.companyInvites,\n\t\t\tpageSize: pageSize,\n\t\t\tpageIndex: pageIndex,\n\t\t\ttotalCount: response.totalCount,\n\t\t});\n\t}\n\n\tdisplayInvitedUsers() {\n\t\tif (this.state.invitedMembers.length === 0) return [];\n\n\t\treturn this.state.invitedMembers.map(user => {\n\t\t\treturn {\n\t\t\t\temailBox: this.getEmailBox(user.email),\n\t\t\t\tdate: formatDate(new Date(user.dateCreated)),\n\t\t\t\tinvitedBy:\n\t\t\t\t\tuser.inviteTypeId === InviteTypes.ADUSER.type\n\t\t\t\t\t\t? 'AD User'\n\t\t\t\t\t\t: this.getProfileBox(\n\t\t\t\t\t\t\t\tdecodeHtml(`${user.sender.companyUser.firstName} ${user.sender.companyUser.lastName}`),\n\t\t\t\t\t\t\t\tgetUserProfile().userId === user.sender.companyUser.userId\n\t\t\t\t\t\t ),\n\t\t\t\tlocation: user.invitationInfo ? this.getLocation(user.invitationInfo) : 'N/A',\n\t\t\t\tstatus: this.getStatus(user.inviteStatusId),\n\t\t\t\trole: this.getInviteType(user.inviteTypeId),\n\t\t\t\tedit: user.inviteStatusId !== InviteStatuses.ACCEPTED.type && this.getEditButtons(user.id),\n\t\t\t};\n\t\t});\n\t}\n\n\tgetLocation(invitationInfo) {\n\t\tif (invitationInfo.channels && invitationInfo.channels.legnth !== 0) {\n\t\t\treturn invitationInfo.channels\n\t\t\t\t.map(location => {\n\t\t\t\t\treturn location.name;\n\t\t\t\t})\n\t\t\t\t.join(',');\n\t\t}\n\n\t\treturn invitationInfo.teamName;\n\t}\n\n\tgetEditButtons(inviteId) {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\topenModal(type, inviteId) {\n\t\tthis.setState({\n\t\t\t[type]: true,\n\t\t\tcurrentInviteId: inviteId,\n\t\t});\n\t}\n\n\tgetEmailBox(email) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t this.openModal('isResendModalOpen', inviteId)}>\n\t\t\t\t\t\temail\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t this.openModal('isCancelModalOpen', inviteId)}>\n\t\t\t\t\t\tremove\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{email}\n\t\t\t
\n\t\t);\n\t}\n\n\tgetProfileBox(name, current) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{name} {current && '(You)'}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tgetInviteType(inviteTypeId) {\n\t\tswitch (inviteTypeId) {\n\t\t\tcase InviteTypes.ADMIN.type: {\n\t\t\t\treturn InviteTypes.ADMIN.message;\n\t\t\t}\n\t\t\tcase InviteTypes.VIRTUALCAREPROVIDER.type: {\n\t\t\t\treturn InviteTypes.VIRTUALCAREPROVIDER.message;\n\t\t\t}\n\t\t\tcase InviteTypes.VIRTUALSITTER.type: {\n\t\t\t\treturn InviteTypes.VIRTUALSITTER.message;\n\t\t\t}\n\t\t\tcase InviteTypes.SUPERUSER.type: {\n\t\t\t\treturn InviteTypes.SUPERUSER.message;\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\treturn '';\n\t\t}\n\t}\n\n\tgetStatus(inviteStatusId) {\n\t\tswitch (inviteStatusId) {\n\t\t\tcase InviteStatuses.SENT.type: {\n\t\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t this.onChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.handleCancelInvite()}\n\t\t\t\t\tonModalClose={() => this.setState({ isCancelModalOpen: false })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.handleResendInvite()}\n\t\t\t\t\tonModalClose={() => this.setState({ isResendModalOpen: false })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default InvitedUsersList;\n","import React, { Component } from 'react';\nimport classNames from 'classnames/bind';\nimport { SectorTypes } from 'constants/enums';\n\nconst OptionsList = ({ options, selectedOptions, onChange, onSelectLocation, selectedId }) => {\n\tconst toggleExpand = (selectedOptionId, isAddingSection) => {\n\t\tif (selectedOptions[selectedOptionId] && !isAddingSection) {\n\t\t\tdelete selectedOptions[selectedOptionId];\n\t\t} else {\n\t\t\tselectedOptions[selectedOptionId] = {};\n\t\t}\n\t\tonChange(selectedOptions);\n\t};\n\n\tconst handleSubOptionsListChange = (optionId, subSelections) => {\n\t\tselectedOptions[optionId] = subSelections;\n\t\tonChange(selectedOptions);\n\t};\n\n\tconst selectOption = option => {\n\t\tonSelectLocation(option);\n\t};\n\n\treturn (\n\t\t\n\t\t\t{options.map((option, index) => (\n\t\t\t\t
\n\t);\n};\n\nclass AssignDropdown extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselectedOptions: this.props.preSelected,\n\t\t};\n\t}\n\n\trender() {\n\t\tvar { selectedOptions } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t handleSubOptionsListChange(option.id, subSelections)}\n\t\t\t\t\t\t\tonSelectLocation={onSelectLocation}\n\t\t\t\t\t\t\tselectedId={selectedId}\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 && selectedOptions[option.id] && (\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(option.id);\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{selectedOptions[option.id] ? '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 selectOption(option) : undefined}>\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\tfiber_manual_record\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.data.length !== 0 ? (\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default AssignDropdown;\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);\n\t\t}\n\t}\n\treturn (\n\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.setState({ selectedOptions });\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tselectedOptions={selectedOptions}\n\t\t\t\t\t\t\tselectedId={this.props.selectedId}\n\t\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\t\tThis health system does not have any created hospitals. Make sure to create them before assigning nurses!\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 Select;\n","import React, { Component } from 'react';\nimport Table from 'components/Table';\nimport { findSectorById, getSectorPath } from 'infrastructure/helpers/commonHelpers';\nimport SmallModal from 'components/SmallModal';\nimport AssignDropdown from 'components/UserManagement/AssignDropdown';\nimport { If, Then, Else } from 'react-if';\nimport Grid from 'components/Grid';\nimport Loader from 'components/Loader';\nimport { Form, Formik, Field } from 'formik';\nimport * as Yup from 'yup';\nimport Select from 'components/Common/FormElements/Select';\nimport Alert from 'components/Alert';\nimport classNames from 'classnames/bind';\nimport { addToHealthSystem, getNurseHealthSystems, getHealthSystemSubTree, assignMember, deleteHealthSystemMember } from 'api/users';\n\nclass ManageHealthSystems extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\thealthsystems: [],\n\t\t\tshowHealthSystemForm: false,\n\t\t\tloadingHealthSystems: false,\n\t\t\tcurrentHealthSystem: {},\n\t\t\tcurrentUserSubTree: [],\n\t\t\tassigningUser: false,\n\t\t};\n\t}\n\n\tasync componentDidMount() {\n\t\tthis.setState({ loadingHealthSystems: true });\n\t\tlet healthsystems = await getNurseHealthSystems(this.props.member.memberId);\n\t\tthis.setState({\n\t\t\thealthsystems: healthsystems,\n\t\t\tloadingHealthSystems: false,\n\t\t});\n\t}\n\n\tdisplayHealthSystems() {\n\t\treturn this.state.healthsystems.map(hs => {\n\t\t\treturn {\n\t\t\t\tname: hs.name,\n\t\t\t\tassignation: this.Assignation(hs),\n\t\t\t\tedit: this.getEditButtons(hs.id),\n\t\t\t};\n\t\t});\n\t}\n\n\tgetEditButtons(healthSystemId) {\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.deleteHealthSystem(healthSystemId)}>\n\t\t\t\t\tdelete\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tdeleteHealthSystem(healthSystemId) {\n\t\tdeleteHealthSystemMember(healthSystemId, this.props.member.memberId).then(() => {\n\t\t\tthis.setState({\n\t\t\t\thealthsystems: this.state.healthsystems.filter(hs => {\n\t\t\t\t\treturn hs.id !== healthSystemId;\n\t\t\t\t}),\n\t\t\t});\n\t\t});\n\t}\n\n\tAssignation = healthSystem => {\n\t\tlet sector = healthSystem.location ? findSectorById(this.state.currentUserSubTree, healthSystem.location.id) : null;\n\t\tlet preselected = !!sector ? getSectorPath(sector) : {};\n\t\treturn (\n\t\t\t\n\t\t\t\t this.setState({ currentHealthSystem: {} })}>\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\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 this.onSelectLocation(level)}\n\t\t\t\t\t\t\t\t\tdata={this.state.currentUserSubTree}\n\t\t\t\t\t\t\t\t\tpreSelected={preselected}\n\t\t\t\t\t\t\t\t\tselectedId={healthSystem.location ? healthSystem.location.id : null}\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\tasync onSelectLocation(level) {\n\t\tthis.setState({ assigningUser: true });\n\t\tlet userId = this.props.member.userInfo.id;\n\t\tlet healthSystemIndex = this.state.healthsystems.findIndex(hs => hs.id === this.state.currentHealthSystem.id);\n\n\t\tassignMember(this.state.currentHealthSystem.id, level.id, userId)\n\t\t\t.then(() => {\n\t\t\t\tlet items = [...this.state.healthsystems];\n\t\t\t\tlet item = {\n\t\t\t\t\t...items[healthSystemIndex],\n\t\t\t\t\tlocation: {\n\t\t\t\t\t\t...items[healthSystemIndex].location,\n\t\t\t\t\t\tid: level.id,\n\t\t\t\t\t\tname: level.name,\n\t\t\t\t\t},\n\t\t\t\t};\n\n\t\t\t\titems[healthSystemIndex] = item;\n\t\t\t\tthis.setState({ healthsystems: items, currentHealthSystem: {}, assigningUser: false });\n\t\t\t})\n\t\t\t.catch(error => console.log(error));\n\t}\n\n\tasync getTree(healthSystem) {\n\t\tthis.setState({ currentHealthSystem: healthSystem, fetchingSubTree: true });\n\t\tlet subtree = await getHealthSystemSubTree(healthSystem.id);\n\t\tthis.setState({ fetchingSubTree: false, currentUserSubTree: subtree });\n\t}\n\n\tgetHealthSystems(allHealthSystems, assignedHealthSystems) {\n\t\treturn allHealthSystems.filter(function(e) {\n\t\t\tlet f = assignedHealthSystems.find(a => a.id == e.id);\n\t\t\treturn f ? false : true;\n\t\t});\n\t}\n\n\trender() {\n\t\tlet usersTableHeaders = [{ title: 'Health System' }, { title: 'Assignation' }, { edit: '' }];\n\n\t\treturn (\n\t\t\t this.getTree(healthSystem)}>\n\t\t\t\t\t{healthSystem.location ? (\n\t\t\t\t\t\thealthSystem.location.name\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\thow_to_regAssign Level\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\t{this.state.currentHealthSystem.id === healthSystem.id && (\n\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\n\t\t {\n\t\t\t\tprops.onLoading('healthSystemAddition');\n\t\t\t\tconst pastHealthSystem = props.member.healthSystems.length !== 0 ? props.member.healthSystems[0].id : null;\n\t\t\t\teditSuperUserHealthSystem(props.member.userInfo.id, values.healthSystem, pastHealthSystem).then(res => {\n\t\t\t\t\tprops.userUpdated(props.member.userInfo.userId, props.member.userInfo.firstName, props.member.userInfo.lastName, Roles.SUPERUSER, [\n\t\t\t\t\t\tprops.healthSystems.find(x => x.id === values.healthSystem),\n\t\t\t\t\t]);\n\t\t\t\t\tprops.onSuccess('healthSystemAddition');\n\t\t\t\t});\n\t\t\t}}\n\t\t\tvalidationSchema={Yup.object().shape({\n\t\t\t\thealthSystem: Yup.string().required('Health system is required!'),\n\t\t\t})}>\n\t\t\t{formikProps => {\n\t\t\t\t// bind the submission handler remotely\n\t\t\t\tprops.bindSubmitForm(formikProps.submitForm);\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}}\n\t\t\n\t
\n);\n\nexport default SuperUserHealthSystem;\n","import React, { Component } from 'react';\n\nimport Pagination from 'components/Common/Pagination';\nimport { Grid, Input, Table, Tabs, Button, Badge, Modal } from 'components';\n\nimport { getMembers, deleteMember, getHealthSystemMembers, sendRecoveryEmail } from 'api/users';\nimport { UserTypes, InviteTypes, UserRoles } from 'constants/enums';\nimport { decodeHtml, getCurrentHealthSystemInfo } from 'infrastructure/helpers/commonHelpers';\nimport { utcToLocalTime } from 'infrastructure/helpers/dateHelper';\nimport { getUserProfile, getUserRole, getUserId } from 'infrastructure/auth';\nimport moment from 'moment';\n\nimport ManageHealthSystems from 'components/UserManagement/Lists/EditUser/ManageHealthSystems';\nimport UserInformation from 'components/UserManagement/Lists/EditUser/UserInformation';\nimport { SocketContext } from 'io-client/SocketContext';\nimport SocketEvents from 'constants/socket-events';\nimport SuperUserHealthSystem from 'components/UserManagement/Lists/EditUser/SuperUserHealthSystem';\n\nclass UsersList extends Component {\n\tconstructor(props, context) {\n\t\tsuper(props, context);\n\n\t\tthis.state = {\n\t\t\tpageSize: { value: 10, label: '10' },\n\t\t\tpageIndex: 0,\n\t\t\ttotalCount: 0,\n\t\t\tmembers: [],\n\t\t\tloading: true,\n\t\t\tcurrentMemberObj: null,\n\t\t\tcurrentMemberId: null,\n\t\t\tsearchValue: '',\n\t\t\tisDeleteModalOpen: false,\n\t\t\tdeletingMember: false,\n\t\t\tisEditMemberModalOpen: false,\n\t\t\teditingMember: false,\n\t\t\tmanageUsersSelectedTab: 0,\n\t\t\thealthSystemAddition: {\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\tupdateNurse: {\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\tshowAccountRecoveryModal: false,\n\t\t\taccountRecoveryMailSent: false,\n\t\t\tmemberId: null,\n\t\t\taccountRecoveryMailFailed: false,\n\t\t};\n\n\t\tthis.submitMyForm = null;\n\t\tthis.socket = context;\n\t}\n\n\tasync componentDidMount() {\n\t\tlet response = {};\n\t\tlet healthSystem = getCurrentHealthSystemInfo();\n\n\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\tresponse = await getMembers();\n\t\t} else {\n\t\t\tresponse = await getHealthSystemMembers(healthSystem.currentHealthSystemId);\n\t\t}\n\n\t\tthis.setState({\n\t\t\tloading: false,\n\t\t\tmembers: response.members,\n\t\t\ttotalCount: response.totalCount,\n\t\t\tcurrentHealthSystemId: healthSystem.currentHealthSystemId,\n\t\t});\n\n\t\tthis.socket.on(SocketEvents.Client.ON_NOTIFY_UPDATED_USER_PRESENCE, this.handleUpdatedMemberPresence);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.socket.off(SocketEvents.Client.ON_NOTIFY_UPDATED_USER_PRESENCE, this.handleUpdatedMemberPresence);\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\thandleDeleteMember = async () => {\n\t\tthis.setState({ deletingMember: true });\n\t\tdeleteMember(this.state.currentMemberId).then(() => {\n\t\t\tthis.setState({\n\t\t\t\tmembers: this.state.members.filter(member => {\n\t\t\t\t\treturn member.memberId !== this.state.currentMemberId;\n\t\t\t\t}),\n\t\t\t\tcurrentMemberId: null,\n\t\t\t\tdeletingMember: false,\n\t\t\t\tisDeleteModalOpen: false,\n\t\t\t});\n\t\t});\n\t};\n\n\tasync onChange(pageSize, pageIndex) {\n\t\tthis.setState({ loading: true });\n\n\t\tlet members = {};\n\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\tmembers = await getMembers(pageSize.value, pageIndex, this.state.searchValue);\n\t\t} else {\n\t\t\tmembers = await getHealthSystemMembers(this.state.currentHealthSystemId, pageSize.value, pageIndex, this.state.searchValue);\n\t\t}\n\n\t\tthis.setState({\n\t\t\tloading: false,\n\t\t\tmembers: members.members,\n\t\t\tpageSize: pageSize,\n\t\t\tpageIndex: pageIndex,\n\t\t\ttotalCount: members.totalCount,\n\t\t});\n\t}\n\n\tgetLocations(locations) {\n\t\tif (locations.length === 0) return 'N/A';\n\n\t\treturn locations\n\t\t\t.map(location => {\n\t\t\t\treturn location.name;\n\t\t\t})\n\t\t\t.join(',');\n\t}\n\n\tgetRoles(roles) {\n\t\tif (roles.length === 1) return this.getRole(roles[0].id);\n\t\treturn roles.map(role => this.getRole(role.id)).join(', ');\n\t}\n\n\tgetRole(id) {\n\t\tswitch (id) {\n\t\t\tcase UserTypes.OWNER: {\n\t\t\t\treturn 'Owner';\n\t\t\t}\n\t\t\tcase UserTypes.ADMIN: {\n\t\t\t\treturn 'Admin';\n\t\t\t}\n\t\t\tcase UserTypes.VIRTUALCAREPROVIDER: {\n\t\t\t\treturn 'Virtual Care Provider';\n\t\t\t}\n\t\t\tcase UserTypes.VIRTUALSITTER: {\n\t\t\t\treturn 'Virtual Sitter';\n\t\t\t}\n\t\t\tcase UserTypes.SUPERUSER: {\n\t\t\t\treturn 'Super User';\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\treturn '';\n\t\t}\n\t}\n\n\tisVirtualCarer(roles) {\n\t\tconst vcp = roles.find(role => role.id === UserTypes.VIRTUALCAREPROVIDER || role.id === UserTypes.VIRTUALSITTER);\n\t\tif (typeof vcp === 'undefined') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tisAdmin(roles) {\n\t\tconst admin = roles.find(role => role.id === UserTypes.ADMIN);\n\t\tif (typeof admin === 'undefined') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tonRecoverPassword = async (email, memberId, tokenId) => {\n\t\tconst response = await sendRecoveryEmail(email, memberId, tokenId);\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\taccountRecoveryMailSent: !!response.Result,\n\t\t\t\tmemberId,\n\t\t\t\temail,\n\t\t\t\ttokenId,\n\t\t\t\taccountRecoveryMailFailed: false,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.toggleAccountRecoveryModal();\n\t\t\t}\n\t\t);\n\t};\n\n\tgetInviter = user => {\n\t\tif (user.inviteTypeId === InviteTypes.ADUSER.type) return 'AD User';\n\t\treturn user.inviter\n\t\t\t? this.getProfileBox(decodeHtml(`${user.inviter.firstName} ${user.inviter.lastName}`), getUserProfile().userId === user.inviter.userId)\n\t\t\t: 'N/A';\n\t};\n\n\tdisplayUsers() {\n\t\tif (this.state.members.length === 0) return [];\n\t\treturn this.state.members.map(user => {\n\t\t\tlet presence;\n\t\t\tlet presenceColor;\n\t\t\tif (user.userInfo.presenceStatusTypeId === 1) {\n\t\t\t\tpresence = 'Available';\n\t\t\t\tpresenceColor = 'green';\n\t\t\t} else {\n\t\t\t\tpresence = 'Unavailable';\n\t\t\t\tpresenceColor = 'red';\n\t\t\t}\n\t\t\tconst current = getUserProfile().userId === user.userInfo.userId;\n\t\t\tconst isOwner = user.roles.some(role => role.id === UserTypes.OWNER);\n\t\t\treturn {\n\t\t\t\tprofileBox: this.getProfileBox(decodeHtml(`${user.userInfo.firstName} ${user.userInfo.lastName}`), current),\n\t\t\t\temail: user.userInfo.email,\n\t\t\t\tinvitedBy: this.getInviter(user),\n\t\t\t\tdateInvited: user.dateInvited ? moment(utcToLocalTime(user.dateInvited)).format('MM/DD/YYYY-hh:mm A') : 'N/A',\n\t\t\t\tdateAdded: user.dateAdded ? moment(utcToLocalTime(user.dateAdded)).format('MM/DD/YYYY-hh:mm A') : 'N/A',\n\t\t\t\thealthsystem: user.healthSystems.length > 0 ? this.displayHealthSystems(user.healthSystems) : 'N/A',\n\t\t\t\tstatus: \n\t\t\t\t\n\t\t\t\t\t{name} {current && '(You)'}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tgetEditButtons(memberId, roles, pendingRecoveryInviteToken, email, inviteTypeId) {\n\t\tconst userId = getUserId();\n\t\treturn (\n\t\t\t\n\t\t\t\t{pendingRecoveryInviteToken && (\n\t\t\t\t\t this.onRecoverPassword(email, userId, pendingRecoveryInviteToken)}\n\t\t\t\t\t\tdata-tooltip='Send reset password link'\n\t\t\t\t\t\tdata-position='top'>\n\t\t\t\t\t\temail\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{inviteTypeId !== InviteTypes.ADUSER.type && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t this.openEditMemberModal(memberId)}>\n\t\t\t\t\t\t\tedit\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.openDeleteMemberModal(memberId)}>\n\t\t\t\t\t\t\tdelete\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\topenEditMemberModal(memberId) {\n\t\tlet member = this.state.members.find(m => m.memberId === memberId);\n\t\tthis.setState({\n\t\t\tisEditMemberModalOpen: true,\n\t\t\tcurrentMemberId: memberId,\n\t\t\tcurrentMemberObj: member,\n\t\t\tupdateNurse: {\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\thealthSystemAddition: {\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\topenDeleteMemberModal(memberId) {\n\t\tthis.setState({ isDeleteModalOpen: true, currentMemberId: memberId });\n\t}\n\n\thandleSearchChanges = async event => {\n\t\tlet searchValue = event.target.value;\n\t\tthis.setState({ loading: true, pageIndex: 0, searchValue: searchValue });\n\n\t\tif (this.timeout) clearTimeout(this.timeout);\n\t\tthis.timeout = setTimeout(\n\t\t\tasync function() {\n\t\t\t\tlet response = {};\n\t\t\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\t\t\tresponse = await getMembers(this.state.pageSize.value, 0, searchValue);\n\t\t\t\t} else {\n\t\t\t\t\tresponse = await getHealthSystemMembers(this.state.currentHealthSystemId, this.state.pageSize.value, 0, searchValue);\n\t\t\t\t}\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tloading: false,\n\t\t\t\t\tmembers: response.members,\n\t\t\t\t\ttotalCount: response.totalCount,\n\t\t\t\t});\n\t\t\t}.bind(this),\n\t\t\t500\n\t\t);\n\t};\n\n\tonLoading = tab => {\n\t\tthis.setState({\n\t\t\t[tab]: {\n\t\t\t\t...this.state[tab],\n\t\t\t\tloading: true,\n\t\t\t},\n\t\t});\n\t};\n\n\tonSuccess = async tab => {\n\t\tthis.setState({\n\t\t\tloading: true,\n\t\t});\n\t\tlet members = {};\n\t\tif (getUserRole() === UserRoles.ADMIN) {\n\t\t\tmembers = await getMembers(this.state.pageSize.value, this.state.pageIndex, this.state.searchValue);\n\t\t} else {\n\t\t\tmembers = await getHealthSystemMembers(this.state.currentHealthSystemId, this.state.pageSize.value, this.state.pageIndex, this.state.searchValue);\n\t\t}\n\t\tthis.setState({\n\t\t\t[tab]: {\n\t\t\t\t...this.state[tab],\n\t\t\t\tloading: false,\n\t\t\t\tloaded: true,\n\t\t\t\terror: false,\n\t\t\t},\n\t\t\tloading: false,\n\t\t\tmembers: members.members,\n\t\t\ttotalCount: members.totalCount,\n\t\t\tcurrentMemberObj: this.state.members.find(m => m.memberId === this.state.currentMemberObj.memberId),\n\t\t});\n\t};\n\n\tonError = tab => {\n\t\tthis.setState({\n\t\t\t[tab]: {\n\t\t\t\t...this.state[tab],\n\t\t\t\tloading: false,\n\t\t\t\terror: true,\n\t\t\t},\n\t\t});\n\t};\n\n\tonCloseAlert = tab => {\n\t\tthis.setState({\n\t\t\t[tab]: {\n\t\t\t\t...this.state[tab],\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\tuserUpdated = (userId, firstName, lastName, role, healthSystems) => {\n\t\tlet userIndex = this.state.members.findIndex(member => member.userInfo.userId === userId);\n\n\t\tlet items = [...this.state.members];\n\t\tconst roles = [role];\n\n\t\tlet item = {\n\t\t\t...items[userIndex],\n\t\t\tuserInfo: {\n\t\t\t\t...items[userIndex].userInfo,\n\t\t\t\tfirstName: firstName,\n\t\t\t\tlastName: lastName,\n\t\t\t},\n\t\t\troles,\n\t\t\thealthSystems,\n\t\t};\n\n\t\titems[userIndex] = item;\n\t\tthis.setState({\n\t\t\tmembers: items,\n\t\t\tcurrentMemberObj: {\n\t\t\t\t...this.state.currentMemberObj,\n\t\t\t\tuserInfo: {\n\t\t\t\t\t...this.state.currentMemberObj.userInfo,\n\t\t\t\t\tfirstName: firstName,\n\t\t\t\t\tlastName: lastName,\n\t\t\t\t},\n\t\t\t\thealthSystems,\n\t\t\t},\n\t\t});\n\t};\n\n\thandleUpdatedMemberPresence = ({ objectId, presenceStatusTypeId }) => {\n\t\tconst { members } = this.state;\n\n\t\tconst member = members.find(({ userInfo }) => userInfo.userId === +objectId);\n\t\tif (!member) {\n\t\t\treturn;\n\t\t}\n\n\t\tmember.userInfo.presenceStatusTypeId = presenceStatusTypeId;\n\n\t\tthis.setState({ members });\n\t};\n\n\ttoggleAccountRecoveryModal = () => {\n\t\tthis.setState({\n\t\t\tshowAccountRecoveryModal: !this.state.showAccountRecoveryModal,\n\t\t});\n\t};\n\n\tsendNewLink = async () => {\n\t\ttry {\n\t\t\tawait sendRecoveryEmail(this.state.email, this.state.memberId, this.state.tokenId);\n\t\t\tthis.toggleAccountRecoveryModal();\n\t\t\tthis.setState({\n\t\t\t\taccountRecoveryMailFailed: false,\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tthis.setState({\n\t\t\t\taccountRecoveryMailFailed: true,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst usersTableHeaders = [\n\t\t\t{ title: 'User Name' },\n\t\t\t{ title: 'Email' },\n\t\t\t{ title: 'Invited By' },\n\t\t\t{ title: 'Date Invited' },\n\t\t\t{ title: 'Date Added' },\n\t\t\t{ title: 'Health Systems' },\n\t\t\t{ title: 'Status' },\n\t\t\t{ title: 'Role' },\n\t\t\t{ edit: '' },\n\t\t];\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 this.onChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.handleDeleteMember()}\n\t\t\t\t\tonModalClose={() => this.setState({ isDeleteModalOpen: false })}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.sendNewLink()}\n\t\t\t\t\tonModalClose={() => this.toggleAccountRecoveryModal()}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.setState({ isEditMemberModalOpen: false, currentMemberId: null, currentMemberObj: null })}\n\t\t\t\t\tonModalSubmit={this.handleSubmitMyForm}\n\t\t\t\t\tisLoading={this.state.healthSystemAddition.loading || this.state.updateNurse.loading}>\n\t\t\t\t\t{this.state.currentMemberObj !== null &&\n\t\t\t\t\t\t(this.isAdmin(this.state.currentMemberObj.roles) ? (\n\t\t\t\t\t\t\t this.setState({ manageUsersSelectedTab: index })}\n\t\t\t\t\t\t\t\tcomponents={[\n\t\t\t\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nUsersList.contextType = SocketContext;\nexport default UsersList;\n","import React, { Component } from 'react';\nimport { Form, Formik, Field } from 'formik';\nimport * as Yup from 'yup';\nimport Input from 'components/Common/FormElements/Input';\nimport { createNurseInvite, checkIfCompanyMemberExists } from 'api/users';\n\nimport { If, Then, Else } from 'react-if';\nimport Select from 'components/Common/FormElements/Select';\nimport Alert from 'components/Alert';\n\nclass InviteSuperUsers extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\textraFields: 0,\n\t\t};\n\t}\n\n\taddExtraInputField = () => {\n\t\tconst updatedExtraFields = this.state.extraFields + 1;\n\t\tthis.setState({ extraFields: updatedExtraFields });\n\t};\n\n\tdisplayExtraFields = () => {\n\t\tconst table = [];\n\t\tfor (let i = 0; i < this.state.extraFields; i++) {\n\t\t\ttable.push(\n\t\t\t\t {\n\t\t\t\t\t\tthis.props.onLoading();\n\t\t\t\t\t\tconst emailObjs = [];\n\t\t\t\t\t\tObject.keys(values).forEach(key => {\n\t\t\t\t\t\t\tif (key !== 'healthSystem' && values[key] !== '') emailObjs.push(values[key]);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconst healthSystem = this.props.healthSystems.find(hs => hs.id === values.healthSystem);\n\t\t\t\t\t\tcreateNurseInvite(emailObjs, this.props.inviteTypeId, [{ value: healthSystem.id, label: healthSystem.value }]).then(() => {\n\t\t\t\t\t\t\tthis.props.onSuccess();\n\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\thealthSystem: '',\n\t\t\t\t\t\t\t\temail: '',\n\t\t\t\t\t\t\t\temail0: '',\n\t\t\t\t\t\t\t\temail1: '',\n\t\t\t\t\t\t\t\temail2: '',\n\t\t\t\t\t\t\t\temail3: '',\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\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\temail: Yup.string()\n\t\t\t\t\t\t\t.required('Email is required!')\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail0: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val1 => this.checkEmail(val1)),\n\t\t\t\t\t\temail1: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail2: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\temail3: Yup.string()\n\t\t\t\t\t\t\t.email('Invalid email!')\n\t\t\t\t\t\t\t.test('existing-email', 'This user already exists!', val => this.checkEmail(val)),\n\t\t\t\t\t\thealthSystem: Yup.string().required('Health system is required!'),\n\t\t\t\t\t})}>\n\t\t\t\t\t{formikProps => {\n\t\t\t\t\t\t// bind the submission handler remotely\n\t\t\t\t\t\tthis.props.bindSubmitForm(formikProps.submitForm);\n\n\t\t\t\t\t\treturn (\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\nexport default InviteSuperUsers;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators as mainLayoutActionCreators } from 'state/mainLayout/actions';\nimport { actionCreators as organizationActionCreators } from 'state/organization/actions';\n\nimport { Grid, Tabs, Modal } from 'components';\nimport InviteAdmins from 'components/UserManagement/InviteAdmins';\nimport Layout from 'components/Common/Layout';\nimport Header from 'components/Common/Header';\nimport InviteNurses from 'components/UserManagement/InviteNurses';\nimport InvitedUsersList from 'components/UserManagement/Lists/InvitedUsersList';\nimport UsersList from 'components/UserManagement/Lists/UsersList';\n\nimport { getHealthSystems } from 'api/users';\nimport { InviteTypes } from 'constants/enums';\nimport InviteSuperUsers from 'components/UserManagement/InviteSuperUsers';\n\nclass Users extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\thealthSystems: [],\n\t\t\tisSendInvitationsModalOpen: false,\n\t\t\tinviteTypeId: 0,\n\t\t\tsendInvitations: {\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\tasync componentDidMount() {\n\t\tlet healthSystems = (await getHealthSystems()).map(hs => {\n\t\t\treturn { id: hs.id, value: hs.name };\n\t\t});\n\n\t\tthis.setState({ healthSystems: healthSystems });\n\t}\n\n\tsubmitMyForm = null;\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\tonSuccess = () => {\n\t\tthis.setState({\n\t\t\tsendInvitations: {\n\t\t\t\t...this.state.sendInvitations,\n\t\t\t\tloading: false,\n\t\t\t\tloaded: true,\n\t\t\t},\n\t\t});\n\t};\n\n\tonCloseAlert = () => {\n\t\tthis.setState({\n\t\t\tsendInvitations: {\n\t\t\t\t...this.state.sendInvitations,\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\tonLoading = () => {\n\t\tthis.setState({\n\t\t\tsendInvitations: {\n\t\t\t\t...this.state.sendInvitations,\n\t\t\t\tloading: true,\n\t\t\t},\n\t\t});\n\t};\n\n\tonModalClose = () => {\n\t\tthis.setState({\n\t\t\tisSendInvitationsModalOpen: !this.state.isSendInvitationsModalOpen,\n\t\t\tinviteTypeId: 0,\n\t\t\tsendInvitations: {\n\t\t\t\t...this.state.sendInvitations,\n\t\t\t\tloaded: false,\n\t\t\t\terror: false,\n\t\t\t},\n\t\t});\n\t};\n\n\ttoggleSendInvitationsModal = type => {\n\t\tthis.setState({\n\t\t\tisSendInvitationsModalOpen: !this.state.isSendInvitationsModalOpen,\n\t\t\tinviteTypeId: type,\n\t\t});\n\t};\n\n\tdisplayInviteForm = () => {\n\t\tif (this.state.inviteTypeId === InviteTypes.ADMIN.type) {\n\t\t\treturn (\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\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 \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\tUser Management
\n\t\t\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\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\n\t\t\t\t\t\t\tdone\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tYour health system profile has been created successfully.
\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
\n\tYou are currently logged in as:
\n\t\t\t\n\t\t\t\t
\n\t\t\t{decodeHtml(getUserProfile().firstName + ' ' + getUserProfile().lastName)}
\n\t\t\tPlease log out from this account and go back to your email to accept this invitation.
\n\t\t\t\n\t\t\t\t{' '}\n\t\t\t\tLog out here\n\t\t\t\n\t\tThis is not a valid invitation. Go back to your email and make sure that the link you have clicked is valid, or contact your administrator.
\n\t\t\t\t);\n\t\t\t}\n\t\t\tcase OrganizationErrorCodes.InviteCancelled: {\n\t\t\t\treturnThis invitation has been cancelled by the system's administrator. Ask the administrator to reinvite you.
;\n\t\t\t}\n\t\t\tcase OrganizationErrorCodes.InviteAlreadyAccepted: {\n\t\t\t\treturnThis invitation has already been accepted.
;\n\t\t\t}\n\t\t\tcase OrganizationErrorCodes.InviteExpired: {\n\t\t\t\treturnThis invitation has expired. Ask the system's administrator to invite you again.
;\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tif (isAuthenticated() && this.state.email === getUserProfile().email) {\n\t\t\treturn\n\t\t\t\t\t\t
\n\t\t\t\tYour account is being created. This may take a few minutes!
\n\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\n\t\t\t\t\t\t{this.state.inviteValidation.error && (\n\t\t\t\t\t\t\t this.submitForm(values)}\n\t\t\t\t\t\t\t\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\t\t\t\tfirstName: Yup.string().required('First name is required'),\n\t\t\t\t\t\t\t\t\tlastName: Yup.string().required('Last name is required'),\n\t\t\t\t\t\t\t\t\temail: Yup.string()\n\t\t\t\t\t\t\t\t\t\t.email()\n\t\t\t\t\t\t\t\t\t\t.required('Email is required'),\n\t\t\t\t\t\t\t\t\tpassword: Yup.string()\n\t\t\t\t\t\t\t\t\t\t.required('Password is required')\n\t\t\t\t\t\t\t\t\t\t.min(8, 'At least 8 characters!')\n\t\t\t\t\t\t\t\t\t\t.max(64, 'No more than 64 characters!')\n\t\t\t\t\t\t\t\t\t\t.matches(passwordRegEx, ChangePasswordUseCases.strongPasswordCheck),\n\t\t\t\t\t\t\t\t\tpasswordConfirm: Yup.string()\n\t\t\t\t\t\t\t\t\t\t.required('Password confirmation is required')\n\t\t\t\t\t\t\t\t\t\t.oneOf([Yup.ref('password')], 'Must match password')\n\t\t\t\t\t\t\t\t\t\t.matches(passwordRegEx, ChangePasswordUseCases.strongPasswordCheck),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\trender={() => (\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\t\t\t\t\twarning\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!this.state.inviteValidation.error && !this.state.inviteValidation.loading && (\n\t\t\t\t\t\t\t{this.state.inviteValidation.errorMessage}
\n\t\t\t\t\t\t\t\t{this.getAppropriateErrorMessage(this.state.inviteValidation.error)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\n\t\t \n\t\t\n\t\t\t \n\t
\n);\n\nexport default Help;\n","import React, { Component } from 'react';\nimport * as Yup from 'yup';\nimport { Form, Formik, Field } from 'formik';\nimport queryString from 'query-string';\n\nimport Grid from 'components/Grid';\nimport Input from 'components/Common/FormElements/Input';\nimport Button from 'components/Button';\nimport Loader from 'components/Loader';\nimport { sendOrganizationPasswordRecoveryEmail } from 'api/users';\n\nclass Recover extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tloaded: false,\n\t\t\terror: false,\n\t\t};\n\t}\n\n\tsubmitForm(values) {\n\t\tthis.setState({ loading: true });\n\t\tsendOrganizationPasswordRecoveryEmail(values.email)\n\t\t\t.then(response => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tloading: false,\n\t\t\t\t\tloaded: true,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tloading: false,\n\t\t\t\t\terror: true,\n\t\t\t\t});\n\t\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t24/7 Support
\n\t\t\t\tIf you're encountering any issues, please contact us on the live chat or via email at support@solaborate.com
\n\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\n\t\t\t\t\t\t{this.state.loading && !this.state.loaded && (\n\t\t\t\t\t\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{this.state.loaded && !this.state.loading && (\n\t\t\t\t\t\t\t
\n\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\terror_outline\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!this.state.loaded && !this.state.loading && (\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\t\tA message with link to reset your password was sent to your email account. Please go to your email account to reset your password.\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\tIf you don't receive instructions within a minute or two, check your spam and junk filters, or try\n\t\t\t\t\t\t\t\t\t\t this.setState({ loaded: false })}>\n\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\tresending your request\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\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\terror_outline\n\t\t\t\t\t\t\t\t\tPlease enter the email address you used to create your Banyan account, and we will send you a link to reset your password.\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 this.submitForm(values)}\n\t\t\t\t\t\t\t\t\t\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\t\t\t\t\t\temail: Yup.string()\n\t\t\t\t\t\t\t\t\t\t\t\t.email()\n\t\t\t\t\t\t\t\t\t\t\t\t.required('Email is required'),\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\trender={() => (\n\t\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/>\n\t\t\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\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.loading && !this.state.loaded && (\n\t\t\t\t\t\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{this.state.loaded && !this.state.loading && (\n\t\t\t\t\t\t\t
\n\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\terror_outline\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!this.state.loaded && !this.state.loading && (\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\t\tYour Banyan password was successfully changed. Please login again using your new password\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\tClick here to go to login page\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\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\terror_outline\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tTo verify your new password, please enter it once in each field below. Password are case-sensitive and must be at least 8 characters long. A\n\t\t\t\t\t\t\t\t\t\tgood password should contain a mix of capital and lower-case letters, numbers and symbols.\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 this.submitForm(values)}\n\t\t\t\t\t\t\t\t\t\tvalidationSchema={Yup.object().shape({\n\t\t\t\t\t\t\t\t\t\t\tpassword: Yup.string()\n\t\t\t\t\t\t\t\t\t\t\t\t.required('Password is required')\n\t\t\t\t\t\t\t\t\t\t\t\t.min(8, 'At least 8 characters!')\n\t\t\t\t\t\t\t\t\t\t\t\t.max(64, 'No more than 64 characters!')\n\t\t\t\t\t\t\t\t\t\t\t\t.matches(passwordRegEx, ChangePasswordUseCases.strongPasswordCheck),\n\t\t\t\t\t\t\t\t\t\t\tpasswordConfirm: Yup.string()\n\t\t\t\t\t\t\t\t\t\t\t\t.required('Password confirmation is required')\n\t\t\t\t\t\t\t\t\t\t\t\t.oneOf([Yup.ref('password')], 'Must match password')\n\t\t\t\t\t\t\t\t\t\t\t\t.matches(passwordRegEx, ChangePasswordUseCases.strongPasswordCheck),\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\trender={() => (\n\t\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/>\n\t\t\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\n\t\t\t\t\t\tlist_alt\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.openEditModal(config)}>\n\t\t\t\t\tcreate\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\ttransformUserIdleConfigurations = () => {\n\t\treturn this.state.userIdleConfigurations.map(item => {\n\t\t\treturn {\n\t\t\t\thealthSystem: item.team.name,\n\t\t\t\trole: item.role.name,\n\t\t\t\ttimeoutMinutes: item.timeoutMinutes,\n\t\t\t\tcreatedBy: `${item.userCreated.firstName} ${item.userCreated.lastName}`,\n\t\t\t\tdateCreated: moment(utcToLocalTime(item.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\tedit: this.getButtons(item),\n\t\t\t};\n\t\t});\n\t};\n\n\trender() {\n\t\tconst DropdownIndicator = () => {\n\t\t\treturn arrow_drop_down;\n\t\t};\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t this.onPaginationChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.setState({ isModalOpen: !this.state.isModalOpen, editConfig: null })}\n\t\t\t\t\tonSucceeded={() => this.getConfigurations(true)}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t}\n}\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\nexport function getTeamConfigurationProfiles({ pageSize = 10, pageIndex = 0, teamId = null, teamTypeId = 4 }) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.get(`v1/healthcare/organizations/${companyId}/configurations/team-profiles`, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize,\n\t\t\t\t\tpageIndex,\n\t\t\t\t\tteamId,\n\t\t\t\t\tteamTypeId,\n\t\t\t\t},\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\nexport function addTeamConfigurationProfile(teamId, teamType, data) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.post(`/v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configuration-profiles`, data)\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\nexport function updateTeamConfigurationProfile(teamId, teamType, id, data) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.put(`/v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configuration-profiles/${id}`, data)\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\nexport function getTeamConfigurationProfilesHisotry({ id, pageSize = 10, pageIndex = 0 }) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.get(`/v1/healthcare/organizations/${APP_CONFIG.companyId}/configurations/team-profiles/${id}/history`, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize,\n\t\t\t\t\tpageIndex,\n\t\t\t\t},\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\nexport function deleteTeamConfigurationProfile(teamId, teamType, id) {\n\treturn new Promise((res, rej) => {\n\t\tgatewayApi\n\t\t\t.delete(`/v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configuration-profiles/${id}`)\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 React from 'react';\nimport { Table, Grid, Button, Modal, Form, Input, Select as SelectTag, Loader } from 'components';\nimport Select from 'react-select';\nimport Pagination from 'components/Common/Pagination';\nimport { getHealthSystemHospitals, getTeamConfigurations, addDeviceConfiguration, deleteTVDeviceConfiguration } from 'api/userIdleConfigurations';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators } from 'state/organization/actions';\nimport { UserRoles, TeamTypes, ConfigHistoryTypes, TVs, TeamConfigurationIntegrationType, TelehealthTv } from 'constants/enums';\nimport moment from 'moment';\nimport { utcToLocalTime } from 'infrastructure/helpers/dateHelper';\nimport { If, Then, Else } from 'react-if';\nimport _ from 'lodash';\nimport { getUserRole } from 'infrastructure/auth';\nimport { Link } from 'react-router-dom';\nimport {\n\taddTeamConfigurationProfile,\n\tdeleteTeamConfigurationProfile,\n\tgetTeamConfigurationProfiles,\n\tupdateTeamConfigurationProfile,\n} from 'api/teamConfigurationProfiles';\nimport { getHopsitalDepartments } from 'api/organization';\n\nclass DeviceConfig extends React.Component {\n\tinitialConfigurationFormData = {\n\t\thealthSystems: this.props.healthSystems,\n\t\thospitals: [],\n\t\tdepartments: [],\n\t\thdmiPorts: [\n\t\t\t{ id: 1, value: 'HDMI 1' },\n\t\t\t{ id: 2, value: 'HDMI 2' },\n\t\t\t{ id: 3, value: 'HDMI 3' },\n\t\t],\n\t\tendCallSource: [\n\t\t\t{ id: 0, value: 'TV Channels' },\n\t\t\t{ id: 1, value: 'HDMI 1' },\n\t\t\t{ id: 2, value: 'HDMI 2' },\n\t\t\t{ id: 3, value: 'HDMI 3' },\n\t\t],\n\t\ttvs: [\n\t\t\t{ id: 1, value: TVs.LG },\n\t\t\t{ id: 2, value: TVs.SAMSUNG },\n\t\t\t{ id: 3, value: TelehealthTv.label },\n\t\t\t{ id: 4, value: TVs.PCARE },\n\t\t\t{ id: 5, value: TVs.CEC },\n\t\t],\n\t\tintegrationTypes: [\n\t\t\t{ id: 0, value: 'TeleHealth' },\n\t\t\t{ id: 1, value: 'pCare' },\n\t\t],\n\t\tselectedHealthSystemValue: -1,\n\t\tselectedHealthSystem: null,\n\n\t\tselectedHospitalValue: -1,\n\t\tselectedHospital: null,\n\n\t\tselectedHdmiPortValue: -1,\n\t\tselectedTVValue: -1,\n\n\t\tselectedEndCallSource: -1,\n\n\t\tselectedDepartment: null,\n\t\tselectedDepartmentValue: -1,\n\n\t\tselectedTeamProfileValue: -1,\n\t\tselectedTeamProfile: null,\n\n\t\tringtoneVolumeValue: 0,\n\t\tselectedId: null,\n\t\tselectedIntegrationTypeValue: 0,\n\t\tprofileName: '',\n\t\turl: '',\n\t\tport: '',\n\t\thsSecret: '',\n\t\tuserName: '',\n\n\t\tisEdit: false,\n\t\terrors: {\n\t\t\thealthSystemError: null,\n\t\t\thospitalError: null,\n\t\t\tdepartmentError: null,\n\t\t\thdmiPortError: null,\n\t\t\tendCallSourceError: null,\n\t\t\tringtoneVolumeError: null,\n\t\t\tprofileNameError: null,\n\t\t\turlError: null,\n\t\t\tportError: null,\n\t\t\thsSecretError: null,\n\t\t\tteamProfileError: null,\n\t\t\ttvError: null,\n\t\t},\n\n\t\tisSecretChanged: false,\n\t\tnewSecret: '',\n\t\tisHospitalLoading: false,\n\t\tisDepartmentLoading: false,\n\t};\n\n\tstate = {\n\t\tisLoading: true,\n\t\tshowConfigurationModal: false,\n\t\thospitals: [],\n\t\tdepartments: [],\n\t\tteamProfiles: [],\n\t\tisHospitalDropdownDisabled: true,\n\t\tisDepartmentDropdownDisabled: true,\n\t\tconfigurations: [],\n\t\thealthSystemConfigs: [],\n\t\tisFormLoading: false,\n\t\ttotalConfigs: null,\n\t\tisDeleteConfigModalOpen: false,\n\t\tdeleteConfig: null,\n\t\tconfigurationFormData: _.cloneDeep(this.initialConfigurationFormData),\n\t};\n\n\tdeviceConfigHeaders = [\n\t\t{ title: 'Health System' },\n\t\t{ title: 'Hospital' },\n\t\t{ title: 'Department' },\n\t\t{ title: 'HDMI Port' },\n\t\t{ title: 'Default Source' },\n\t\t{ title: 'Ringtone Volume' },\n\t\t{ title: 'TV' },\n\t\t{ title: 'Profile Name' },\n\t\t{ title: 'Created by' },\n\t\t{ title: 'Date Created' },\n\t\t{ title: '' },\n\t];\n\n\thealthSystemConfigHeaders = [\n\t\t{ title: 'Health System' },\n\t\t{ title: 'Profile Name' },\n\t\t{ title: 'URL' },\n\t\t{ title: 'Port' },\n\t\t{ title: 'Date Created' },\n\t\t{ title: '' },\n\t];\n\n\trole = null;\n\n\ttransformTypes = {\n\t\tWithValues: 1,\n\t\tWithLabels: 2,\n\t};\n\n\tactiveSubTab = {\n\t\tHealthSystem: 0,\n\t\tTV: 1,\n\t};\n\n\tendCallSource = {\n\t\t0: 'TV Channels',\n\t\t1: 'HDMI 1',\n\t\t2: 'HDMI 2',\n\t\t3: 'HDMI 3',\n\t};\n\n\tcomponentDidMount = () => {\n\t\tthis.role = getUserRole();\n\t\tthis.getTeamProfiles();\n\t\tthis.getConfigurations();\n\t};\n\n\tcomponentDidUpdate = prevProps => {\n\t\tif (\n\t\t\tthis.props.pageIndex !== prevProps.pageIndex ||\n\t\t\tthis.props.selectedHealthSystem !== prevProps.selectedHealthSystem ||\n\t\t\tthis.props.selectedHospitalId !== prevProps.selectedHospitalId ||\n\t\t\tthis.props.selectedDepartmentId !== prevProps.selectedDepartmentId ||\n\t\t\tthis.props.activeSubTab !== prevProps.activeSubTab\n\t\t) {\n\t\t\tthis.getConfigurations();\n\t\t\tthis.getTeamProfiles();\n\t\t}\n\t};\n\n\tgetTeamProfiles = async () => {\n\t\tconst response = await getTeamConfigurationProfiles({\n\t\t\tpageSize: 999, // TO DO: Apply pagination\n\t\t\tpageIndex: 0,\n\t\t\tteamTypeId: TeamTypes.HEALTHSYSTEM,\n\t\t});\n\n\t\tthis.setState({\n\t\t\tteamProfiles: response.teamConfigurationProfiles.map(config => ({ id: config.id, value: config.profileName })),\n\t\t});\n\t};\n\n\tgetHospitals = async healthSystem => {\n\t\tlet hospitals;\n\t\tif (healthSystem.value !== '0') {\n\t\t\thospitals = await this.getHealthSystemHospitals(healthSystem.value);\n\t\t\thospitals.unshift({ value: 0, label: 'All' });\n\t\t}\n\t\tthis.setState({\n\t\t\tisHospitalDropdownDisabled: healthSystem.value === '0',\n\t\t\tisDepartmentDropdownDisabled: healthSystem.value === '0' ? true : this.state.isDepartmentDropdownDisabled,\n\t\t\thospitals,\n\t\t});\n\t};\n\n\tgetDepartments = async (healthSystem, hospitalId) => {\n\t\tlet departments;\n\t\tif (healthSystem.value !== '0' && hospitalId !== 0) {\n\t\t\tconst { hospital } = await getHopsitalDepartments(healthSystem.value, hospitalId);\n\t\t\tdepartments = hospital.departments.map(department => ({ value: department.id, label: department.name }));\n\t\t\tdepartments.unshift({ value: 0, label: 'All' });\n\t\t}\n\t\tthis.setState({\n\t\t\tisDepartmentDropdownDisabled: healthSystem.value === '0' || hospitalId === 0,\n\t\t\tdepartments,\n\t\t});\n\t};\n\n\tgetConfigurations = async () => {\n\t\tif (this.props.isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { selectedHealthSystem, selectedHospitalId, selectedDepartmentId } = this.props;\n\t\tlet hsId = null;\n\t\tif (selectedHealthSystem && selectedHealthSystem.value !== '0') {\n\t\t\thsId = selectedHealthSystem.value;\n\t\t}\n\n\t\tif (this.props.activeSubTab === this.activeSubTab.TV) {\n\t\t\tconst response = await getTeamConfigurations({\n\t\t\t\thealthSystemId: hsId,\n\t\t\t\thospitalId: selectedHospitalId || null,\n\t\t\t\tdepartmentId: selectedDepartmentId || null,\n\t\t\t\tpageSize: this.props.pageSize.value,\n\t\t\t\tpageIndex: this.props.pageIndex,\n\t\t\t\tteamTypeId: TeamTypes.HOSPITAL,\n\t\t\t});\n\t\t\tif (selectedHealthSystem) {\n\t\t\t\tawait this.getHospitals(selectedHealthSystem);\n\t\t\t}\n\t\t\tif (selectedHealthSystem && selectedHospitalId) {\n\t\t\t\tawait this.getDepartments(selectedHealthSystem, selectedHospitalId);\n\t\t\t}\n\n\t\t\tthis.getDeviceConfigurations(response.deviceConfigurations);\n\t\t\tthis.setState({\n\t\t\t\ttotalConfigs: response.total,\n\t\t\t});\n\t\t} else {\n\t\t\tconst response = await getTeamConfigurationProfiles({\n\t\t\t\tpageSize: this.props.pageSize.Value,\n\t\t\t\tpageIndex: this.props.pageIndex,\n\t\t\t\tteamId: hsId,\n\t\t\t\tteamTypeId: TeamTypes.HEALTHSYSTEM,\n\t\t\t});\n\n\t\t\tthis.getHealthSystemConfigs(response.teamConfigurationProfiles);\n\t\t\tthis.setState({\n\t\t\t\ttotalConfigs: response.total,\n\t\t\t});\n\t\t}\n\t};\n\n\ttransformHealthSystemsForSelect = healthSystems => {\n\t\treturn healthSystems.map(healthSystem => {\n\t\t\treturn { label: healthSystem.name, value: healthSystem.id };\n\t\t});\n\t};\n\n\tgetHealthSystemHospitals = async healthSystemId => {\n\t\tconst firstHSHospitals = await getHealthSystemHospitals(healthSystemId);\n\t\treturn this.transformHealthSystemsForSelect(firstHSHospitals);\n\t};\n\n\tonHospitalSelect = async selection => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.setSelectedHospital(selection);\n\t\t\t}\n\t\t);\n\t};\n\n\tonDepartmentSelect = async selection => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.setSelectedDepartment(selection);\n\t\t\t}\n\t\t);\n\t};\n\n\tgetHospitalConfigurations = async (healthSystemId, hospitalId, pageSize, pageIndex = 0) => {\n\t\tconst response = await getTeamConfigurations({\n\t\t\thealthSystemId: healthSystemId,\n\t\t\tteamId: hospitalId,\n\t\t\tpageSize: pageSize || 10,\n\t\t\tpageIndex: pageIndex,\n\t\t\tteamTypeId: TeamTypes.HOSPITAL,\n\t\t});\n\t\treturn response;\n\t};\n\n\tonHealthSystemSelect = async selection => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.setSelectedHealthSystem(selection);\n\t\t\t}\n\t\t);\n\t};\n\n\tonFormHealthSystemSelect = async ({ id }) => {\n\t\tconst { configurationFormData } = this.state;\n\t\tif (configurationFormData.isEdit) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData: { ...configurationFormData, isHospitalLoading: true },\n\t\t});\n\n\t\tconfigurationFormData.selectedHealthSystemValue = configurationFormData.healthSystems.findIndex(hs => id === hs.id);\n\t\tconfigurationFormData.selectedHealthSystem = configurationFormData.healthSystems.find(hs => id === hs.id);\n\t\tconfigurationFormData.isHospitalLoading = false;\n\t\tif (this.props.activeSubTab === this.activeSubTab.TV) {\n\t\t\tconst hsHospitals = await getHealthSystemHospitals(id);\n\t\t\tconfigurationFormData.hospitals = hsHospitals.map(hospital => ({ id: hospital.id, value: hospital.name }));\n\t\t\tconfigurationFormData.selectedHospital = null;\n\t\t\tconfigurationFormData.selectedHospitalValue = -1;\n\t\t\tconfigurationFormData.selectedDepartment = null;\n\t\t\tconfigurationFormData.selectedDepartmentValue = -1;\n\t\t}\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormHospitalSelect = async ({ id }) => {\n\t\tconst { configurationFormData } = this.state;\n\t\tif (configurationFormData.isEdit) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({\n\t\t\tconfigurationFormData: { ...configurationFormData, isDepartmentLoading: true },\n\t\t});\n\t\tconfigurationFormData.selectedHospitalValue = configurationFormData.hospitals.findIndex(hospital => id === hospital.id);\n\t\tconfigurationFormData.errors.hospitalError = null;\n\n\t\tconst { hospital } = await getHopsitalDepartments(configurationFormData.selectedHealthSystem.id, id);\n\n\t\tconfigurationFormData.departments = hospital.departments.map(department => ({ id: department.id, value: department.name }));\n\t\tconfigurationFormData.selectedDepartment = null;\n\t\tconfigurationFormData.selectedDepartmentValue = -1;\n\t\tconfigurationFormData.isDepartmentLoading = false;\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormDepartmentSelect = ({ id }) => {\n\t\tconst { configurationFormData } = this.state;\n\t\tif (configurationFormData.isEdit) {\n\t\t\treturn;\n\t\t}\n\n\t\tconfigurationFormData.selectedDepartmentValue = configurationFormData.departments.findIndex(dep => id === dep.id);\n\t\tconfigurationFormData.selectedDepartment = configurationFormData.departments.find(hs => id === hs.id);\n\t\tconfigurationFormData.errors.departmentError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormTeamProfileSelect = ({ id }) => {\n\t\tconst { configurationFormData, teamProfiles } = this.state;\n\t\tconfigurationFormData.selectedTeamProfileValue = teamProfiles.findIndex(profile => id === profile.id);\n\t\tconfigurationFormData.selectedTeamProfile = teamProfiles.find(profile => id === profile.id);\n\t\tconfigurationFormData.errors.teamProfileError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormHdmiPortSelect = event => {\n\t\tconst { configurationFormData } = this.state;\n\n\t\tconfigurationFormData.selectedHdmiPortValue = +event.target.value;\n\t\tconfigurationFormData.errors.hdmiPortError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonEndCallSourceSelect = event => {\n\t\tconst { configurationFormData } = this.state;\n\n\t\tconfigurationFormData.selectedEndCallSource = +event.target.value;\n\t\tconfigurationFormData.errors.endCallSourceError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormTVSelect = ({ id }) => {\n\t\tconst { configurationFormData } = this.state;\n\n\t\tconfigurationFormData.selectedTVValue = configurationFormData.tvs.findIndex(tv => id === tv.id);\n\t\tconfigurationFormData.errors.tvError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\tonFormRingtoneVolumeChange = event => {\n\t\tconst { configurationFormData } = this.state;\n\n\t\tconfigurationFormData.ringtoneVolumeValue = event.target.value;\n\n\t\tconfigurationFormData.errors.ringtoneVolumeError = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\taddDeviceConfiguration = async () => {\n\t\tconst { configurationFormData } = this.state;\n\t\tlet hasError = false;\n\n\t\tif (this.props.activeSubTab === this.activeSubTab.TV) {\n\t\t\tif (!configurationFormData.isEdit) {\n\t\t\t\tif (configurationFormData.selectedHospitalValue === -1 && !configurationFormData.selectedHospital) {\n\t\t\t\t\tconfigurationFormData.errors.hospitalError = 'Please select a hospital.';\n\t\t\t\t\thasError = true;\n\t\t\t\t}\n\n\t\t\t\tif (configurationFormData.selectedDepartmentValue === -1 && !configurationFormData.selectedDepartment) {\n\t\t\t\t\tconfigurationFormData.errors.departmentError = 'Please select a department.';\n\t\t\t\t\thasError = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (configurationFormData.selectedHdmiPortValue === -1) {\n\t\t\t\tconfigurationFormData.errors.hdmiPortError = 'Please select a HDMI port.';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tif (configurationFormData.selectedTVValue === -1) {\n\t\t\t\tconfigurationFormData.errors.tvError = 'Please select a TV.';\n\t\t\t\thasError = true;\n\t\t\t}\n\t\t\tconst ringtoneVolumeNumber = +configurationFormData.ringtoneVolumeValue;\n\t\t\tif (Number.isNaN(ringtoneVolumeNumber) || ringtoneVolumeNumber < 0 || ringtoneVolumeNumber > 100) {\n\t\t\t\tconfigurationFormData.errors.ringtoneVolumeError = 'Ringtone volume must be in between 0 and 100.';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tif (configurationFormData.selectedEndCallSource === -1) {\n\t\t\t\tconfigurationFormData.errors.endCallSourceError = 'Please select a TV End Call Source.';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tthis.setState({ configurationFormData });\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst hdmiPort = configurationFormData.selectedHdmiPortValue;\n\t\t\tconst departmentId = configurationFormData.selectedDepartment.id;\n\t\t\tconst teamConfigurationProfileId = configurationFormData.selectedTeamProfile ? configurationFormData.selectedTeamProfile.id : null;\n\t\t\tconst { id: defaultSource } = configurationFormData.endCallSource[configurationFormData.selectedEndCallSource];\n\t\t\tconst tv =\n\t\t\t\tconfigurationFormData.selectedTVValue + 1 === TelehealthTv.id\n\t\t\t\t\t? TelehealthTv.value\n\t\t\t\t\t: configurationFormData.tvs[configurationFormData.selectedTVValue].value;\n\n\t\t\tthis.setState({ isFormLoading: true });\n\n\t\t\tconst { hasSucceeded } = await addDeviceConfiguration(departmentId, {\n\t\t\t\tteamTypeId: TeamTypes.DEPARTMENT,\n\t\t\t\tdefaultSource,\n\t\t\t\thdmiPort,\n\t\t\t\tringtoneVolume: ringtoneVolumeNumber,\n\t\t\t\tteamConfigurationProfileId: teamConfigurationProfileId,\n\t\t\t\ttv,\n\t\t\t});\n\n\t\t\tif (!hasSucceeded) {\n\t\t\t\tthis.setState({ isFormLoading: false });\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tawait this.resetAddConfigurationModal();\n\t\t} else {\n\t\t\tif (!configurationFormData.isEdit) {\n\t\t\t\tif (configurationFormData.selectedHealthSystemValue === -1) {\n\t\t\t\t\tconfigurationFormData.errors.healthSystemError = 'Please select a health system.';\n\t\t\t\t\thasError = true;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (configurationFormData.profileName === '') {\n\t\t\t\tconfigurationFormData.errors.profileNameError = 'Please set a profile name.';\n\t\t\t\thasError = true;\n\t\t\t}\n\t\t\tif (configurationFormData.userName === '' && configurationFormData.selectedIntegrationTypeValue === 1) {\n\t\t\t\tconfigurationFormData.errors.userNameError = 'Please set a username.';\n\t\t\t\thasError = true;\n\t\t\t}\n\t\t\tif (configurationFormData.url === '') {\n\t\t\t\tconfigurationFormData.errors.urlError = 'Please set a URL.';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tlet newSecretKey = configurationFormData.newSecret;\n\n\t\t\tif (!newSecretKey) {\n\t\t\t\tnewSecretKey = '';\n\t\t\t}\n\n\t\t\tconst secretKeyWoSpaces = newSecretKey.trim();\n\n\t\t\tif ((!configurationFormData.hsSecret && !secretKeyWoSpaces) || (configurationFormData.isSecretChanged && !secretKeyWoSpaces)) {\n\t\t\t\tconfigurationFormData.errors.hsSecretError = 'Please set a secret.';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tlet port = null;\n\t\t\tif (configurationFormData.port) {\n\t\t\t\tport = +configurationFormData.port;\n\t\t\t}\n\t\t\tif (!port) {\n\t\t\t\tconfigurationFormData.errors.portError = 'Port is required';\n\t\t\t\thasError = true;\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tthis.setState({ configurationFormData });\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.setState({ isFormLoading: true });\n\n\t\t\tif (!configurationFormData.isEdit) {\n\t\t\t\tconst response = await addTeamConfigurationProfile(configurationFormData.selectedHealthSystem.id, TeamTypes.HEALTHSYSTEM, {\n\t\t\t\t\tprofileName: configurationFormData.profileName,\n\t\t\t\t\turl: configurationFormData.url,\n\t\t\t\t\tport: parseInt(configurationFormData.port, 10),\n\t\t\t\t\tsecret: window.btoa(`${configurationFormData.userName}:${configurationFormData.newSecret}`),\n\t\t\t\t\tintegrationTypeId:\n\t\t\t\t\t\tconfigurationFormData.selectedIntegrationTypeValue === 0 ? TeamConfigurationIntegrationType.TELEHEALTH : TeamConfigurationIntegrationType.PCARE,\n\t\t\t\t});\n\n\t\t\t\tif (!response.hasSucceeded || response.error) {\n\t\t\t\t\tthis.setState({ isFormLoading: false });\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst { hasSucceeded } = await updateTeamConfigurationProfile(\n\t\t\t\t\tconfigurationFormData.selectedHealthSystem.id,\n\t\t\t\t\tTeamTypes.HEALTHSYSTEM,\n\t\t\t\t\tconfigurationFormData.selectedId,\n\t\t\t\t\t{\n\t\t\t\t\t\tprofileName: configurationFormData.profileName,\n\t\t\t\t\t\turl: configurationFormData.url,\n\t\t\t\t\t\tport: parseInt(configurationFormData.port, 10),\n\t\t\t\t\t\tsecret: configurationFormData.isSecretChanged\n\t\t\t\t\t\t\t? window.btoa(`${configurationFormData.userName}:${configurationFormData.newSecret}`)\n\t\t\t\t\t\t\t: window.btoa(`${configurationFormData.userName}:${configurationFormData.hsSecret}`),\n\t\t\t\t\t\tintegrationTypeId:\n\t\t\t\t\t\t\tconfigurationFormData.selectedIntegrationTypeValue === 0 ? TeamConfigurationIntegrationType.TELEHEALTH : TeamConfigurationIntegrationType.PCARE,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\tif (!hasSucceeded) {\n\t\t\t\t\tthis.setState({ isFormLoading: false });\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tawait this.resetAddConfigurationModal();\n\t\t}\n\t\tthis.getConfigurations();\n\t};\n\n\tresetAddConfigurationModal = () => {\n\t\treturn new Promise(res => {\n\t\t\tthis.setState(\n\t\t\t\t{\n\t\t\t\t\tconfigurationFormData: _.cloneDeep(this.initialConfigurationFormData),\n\t\t\t\t\tshowConfigurationModal: false,\n\t\t\t\t\tisFormLoading: false,\n\t\t\t\t},\n\t\t\t\t() => res()\n\t\t\t);\n\t\t});\n\t};\n\n\tgetDeviceConfigurations = configurations => {\n\t\tif (!configurations.length) {\n\t\t\tthis.setState({\n\t\t\t\tconfigurations: [],\n\t\t\t\tisLoading: false,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tconst transformConfigs = configurations.map(config => ({\n\t\t\thealthSystem: config.team.healthSystemName,\n\t\t\thospitalName: config.team.hospitalName,\n\t\t\thospital: config.team.name, // Department\n\t\t\thdmiPort: config.hdmiPort,\n\t\t\tdefaultSource: this.endCallSource[config.defaultSource],\n\t\t\tringtoneVolume: config.ringtoneVolume,\n\t\t\ttv: config.tv === TelehealthTv.value ? TelehealthTv.label : config.tv,\n\t\t\tprofileName: config.teamConfigurationProfile ? config.teamConfigurationProfile.profileName : '',\n\t\t\tcreatedBy: `${config.userCreated.firstName} ${config.userCreated.lastName}`,\n\t\t\tdateCreated: moment(utcToLocalTime(config.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\tactions: (\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\tlist_alt\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t this.toggleConfigurationModal(config)}>\n\t\t\t\t\t\tcreate\n\t\t\t\t\t\n\t\t\t\t\t this.openDeleteModal(config)}>\n\t\t\t\t\t\tdelete\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t),\n\t\t}));\n\t\tthis.setState({\n\t\t\tconfigurations: transformConfigs,\n\t\t\tisLoading: false,\n\t\t});\n\t};\n\n\ttoggleConfigurationModal = async (config = null) => {\n\t\tconst { showConfigurationModal, configurationFormData, teamProfiles } = this.state;\n\t\tif (!showConfigurationModal) {\n\t\t\tthis.props.pushFiltersToQueryString();\n\t\t\tconfigurationFormData.isEdit = !!config;\n\t\t\tconfigurationFormData.healthSystems = this.props.allHealthSystems.map(hs => ({ id: hs.id, value: hs.name }));\n\t\t\tif (this.props.activeSubTab === this.activeSubTab.TV) {\n\t\t\t\tif (this.role === UserRoles.SUPERUSER) {\n\t\t\t\t\tthis.onFormHealthSystemSelect(configurationFormData.healthSystems[0]);\n\t\t\t\t}\n\n\t\t\t\tif (configurationFormData.isEdit) {\n\t\t\t\t\t//\n\t\t\t\t\tconfigurationFormData.selectedDepartment = config.team;\n\t\t\t\t\tconfigurationFormData.selectedHdmiPortValue = configurationFormData.hdmiPorts.find(port => config.hdmiPort === port.id).id;\n\t\t\t\t\tconfigurationFormData.selectedEndCallSource = configurationFormData.endCallSource.find(ds => config.defaultSource === ds.id).id;\n\t\t\t\t\tconfigurationFormData.ringtoneVolumeValue = config.ringtoneVolume;\n\t\t\t\t\tconfigurationFormData.selectedTeamProfileValue = teamProfiles.findIndex(p => config.teamConfigurationProfileId === p.id);\n\t\t\t\t\tconfigurationFormData.selectedTeamProfile = teamProfiles.find(p => config.teamConfigurationProfileId === p.id);\n\t\t\t\t\tconfigurationFormData.selectedTVValue = configurationFormData.tvs.findIndex(t =>\n\t\t\t\t\t\tconfig.tv === TelehealthTv.value ? TelehealthTv.label === t.value : config.tv === t.value\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tconfigurationFormData,\n\t\t\t\t\tshowConfigurationModal: !showConfigurationModal,\n\t\t\t\t});\n\t\t\t} else if (configurationFormData.isEdit) {\n\t\t\t\tconst isBase64 = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?$/;\n\t\t\t\tif (config.secret.match(isBase64)) {\n\t\t\t\t\tconst decodedSecret = window.atob(config.secret);\n\t\t\t\t\tconst userData = decodedSecret.split(':');\n\t\t\t\t\tif (!userData || window.atob(config.secret).split(':').length < 2) {\n\t\t\t\t\t\tconfigurationFormData.newSecret = '';\n\t\t\t\t\t\tconfigurationFormData.hsSecret = '';\n\t\t\t\t\t} else {\n\t\t\t\t\t\t[configurationFormData.userName, configurationFormData.hsSecret] = userData;\n\t\t\t\t\t\tconfigurationFormData.newSecret = `${userData[1].slice(0, 3)}************`;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconfigurationFormData.hsSecret = config.secret;\n\t\t\t\t\tconfigurationFormData.newSecret = `${config.secret.slice(0, 3)}************`;\n\t\t\t\t}\n\t\t\t\tconfigurationFormData.selectedHealthSystem = config.team;\n\t\t\t\tconfigurationFormData.profileName = config.profileName;\n\t\t\t\tconfigurationFormData.port = config.port;\n\t\t\t\tconfigurationFormData.url = config.url;\n\t\t\t\tconfigurationFormData.selectedId = config.id;\n\t\t\t\tconfigurationFormData.selectedIntegrationTypeValue = config.integrationTypeId === TeamConfigurationIntegrationType.TELEHEALTH ? 0 : 1;\n\t\t\t\tthis.setState({\n\t\t\t\t\tconfigurationFormData,\n\t\t\t\t\tshowConfigurationModal: !showConfigurationModal,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({\n\t\t\t\t\tshowConfigurationModal: !showConfigurationModal,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tthis.resetAddConfigurationModal();\n\t\t}\n\t};\n\n\tonPaginationChange = async (pageSize, pageIndex) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.onPaginationChange(pageSize, pageIndex);\n\t\t\t}\n\t\t);\n\t};\n\n\ttransformArray = (array, type, isHealthSystem) => {\n\t\tif (type === this.transformTypes.WithValues) {\n\t\t\tconst newArray = array.map(item => {\n\t\t\t\treturn { id: item.id, value: item.name };\n\t\t\t});\n\t\t\tif (isHealthSystem) {\n\t\t\t\tif (this.role === UserRoles.ADMIN) {\n\t\t\t\t\tnewArray.unshift({ id: '0', value: 'All' });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tnewArray.unshift({ id: '0', value: 'All' });\n\t\t\t}\n\t\t\treturn newArray;\n\t\t}\n\t\tif (type === this.transformTypes.WithLabels) {\n\t\t\tconst newArray = array.map(item => {\n\t\t\t\treturn { value: item.id, label: item.name };\n\t\t\t});\n\t\t\tif (isHealthSystem) {\n\t\t\t\tif (this.role === UserRoles.ADMIN) {\n\t\t\t\t\tnewArray.unshift({ value: '0', label: 'All' });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tnewArray.unshift({ value: '0', label: 'All' });\n\t\t\t}\n\t\t\treturn newArray;\n\t\t}\n\t\treturn [];\n\t};\n\n\tonTabChange = tabIndex => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.onSubTabChange(tabIndex);\n\t\t\t}\n\t\t);\n\t};\n\n\tgetTabsConfigurations = () => {\n\t\tif (this.props.activeSubTab === this.activeSubTab.HealthSystem) {\n\t\t\treturn this.state.healthSystemConfigs;\n\t\t}\n\t\treturn this.state.configurations;\n\t};\n\n\tonFormTextChange = event => {\n\t\tconst { configurationFormData } = this.state;\n\n\t\tconfigurationFormData[event.target.name] = event.target.value;\n\t\tconfigurationFormData.errors[`${event.target.name}Error`] = null;\n\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\topenDeleteModal = deleteConfig => {\n\t\tthis.props.pushFiltersToQueryString();\n\t\tthis.setState({\n\t\t\tdeleteConfig,\n\t\t\tisDeleteConfigModalOpen: true,\n\t\t});\n\t};\n\n\tgetHealthSystemConfigs = configurations => {\n\t\tif (!configurations.length) {\n\t\t\tthis.setState({\n\t\t\t\thealthSystemConfigs: [],\n\t\t\t\tisLoading: false,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tconst transformConfigs = configurations.map(config => ({\n\t\t\thealthSystem: config.team.name,\n\t\t\tprofileName: config.profileName,\n\t\t\turl: config.url,\n\t\t\tport: config.port,\n\t\t\tdateCreated: moment(utcToLocalTime(config.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\tactions: (\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\tlist_alt\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t this.toggleConfigurationModal(config)}>\n\t\t\t\t\t\tcreate\n\t\t\t\t\t\n\t\t\t\t\t this.openDeleteModal(config)}>\n\t\t\t\t\t\tdelete\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t),\n\t\t}));\n\t\tthis.setState({\n\t\t\thealthSystemConfigs: transformConfigs,\n\t\t\tisLoading: false,\n\t\t});\n\t};\n\n\tdeleteTeamProfile = async () => {\n\t\tthis.setState({\n\t\t\tisLoading: true,\n\t\t\tisDeleteConfigModalOpen: false,\n\t\t});\n\n\t\tconst { deleteConfig } = this.state;\n\n\t\tif (this.props.activeSubTab === this.activeSubTab.HealthSystem) {\n\t\t\tawait deleteTeamConfigurationProfile(deleteConfig.team.id, deleteConfig.team.typeId, deleteConfig.id);\n\t\t} else if (this.props.activeSubTab === this.activeSubTab.TV) {\n\t\t\tawait deleteTVDeviceConfiguration(deleteConfig.team.id, deleteConfig.id);\n\t\t}\n\t\tthis.getConfigurations();\n\t};\n\n\tselectIntegrationType = ({ id }) => {\n\t\tconst { configurationFormData } = this.state;\n\t\tconfigurationFormData.selectedIntegrationTypeValue = id;\n\t\tthis.setState({\n\t\t\tconfigurationFormData,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst DropdownIndicator = () => {\n\t\t\treturn arrow_drop_down;\n\t\t};\n\n\t\tconst { configurationFormData, isFormLoading, isLoading } = this.state;\n\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 x.value === this.props.selectedHospitalId) : null}\n\t\t\t\t\t\t\t\t\tisDisabled={this.state.isHospitalDropdownDisabled}\n\t\t\t\t\t\t\t\t\tclassNamePrefix='custom-select'\n\t\t\t\t\t\t\t\t\toptions={this.state.hospitals}\n\t\t\t\t\t\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\t\t\t\t\t\tonChange={this.onHospitalSelect}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t x.value === this.props.selectedDepartmentId) : null}\n\t\t\t\t\t\t\t\t\tisDisabled={this.state.isDepartmentDropdownDisabled}\n\t\t\t\t\t\t\t\t\tclassNamePrefix='custom-select'\n\t\t\t\t\t\t\t\t\toptions={this.state.departments}\n\t\t\t\t\t\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\t\t\t\t\t\tonChange={this.onDepartmentSelect}\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 this.toggleConfigurationModal()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\t\t\t\t\t this.onPaginationChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.toggleConfigurationModal()}\n\t\t\t\t\tisLoading={isFormLoading}>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.deleteTeamProfile()}\n\t\t\t\t\tonModalClose={() => this.setState({ isDeleteConfigModalOpen: false, deleteConfig: null })}>\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)(DeviceConfig);\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\nexport function getActiveDirectories({ pageSize = 10, pageIndex = 0, healthSystemId = null, hospitalId = null }) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.get(`v1/healthcare/organizations/${companyId}/configurations/active-directories`, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize,\n\t\t\t\t\tpageIndex,\n\t\t\t\t\thealthSystemId,\n\t\t\t\t\thospitalId,\n\t\t\t\t},\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\nexport function getActiveDirectoriesHistory(id, { pageSize = 10, pageIndex = 0 }) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.get(`v1/healthcare/organizations/${companyId}/configurations/active-directories/${id}/history`, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize,\n\t\t\t\t\tpageIndex,\n\t\t\t\t},\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\nexport function getADGroupRoles({ pageSize = 10, pageIndex = 0, healthSystemId = null, hospitalId = null }) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.get(`v1/healthcare/organizations/${companyId}/configurations/active-directories/group-roles`, {\n\t\t\t\tparams: {\n\t\t\t\t\tpageSize,\n\t\t\t\t\tpageIndex,\n\t\t\t\t\thealthSystemId,\n\t\t\t\t\thospitalId,\n\t\t\t\t},\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\nexport function updateActiveDirectory(id, activeDirectory) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.put(`v1/healthcare/organizations/${companyId}/configurations/active-directories/${id}`, activeDirectory)\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\nexport function addActiveDirectory(activeDirectory) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.post(`v1/healthcare/organizations/${companyId}/configurations/active-directories`, activeDirectory)\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\nexport function addGroupRole(groupRole) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\n\t\tconst roleId = parseInt(groupRole.roleId, 10);\n\t\tconst data = {\n\t\t\thospitalId: groupRole.hospitalId,\n\t\t\troleId,\n\t\t\tgroup: groupRole.group,\n\t\t};\n\t\tgatewayApi\n\t\t\t.post(`v1/healthcare/organizations/${companyId}/configurations/active-directories/group-roles`, data)\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\nexport function updateGroupRole(id, groupRole) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\n\t\tconst roleId = parseInt(groupRole.roleId, 10);\n\t\tconst data = {\n\t\t\thospitalId: groupRole.hospitalId,\n\t\t\troleId,\n\t\t\tgroup: groupRole.group,\n\t\t};\n\t\tgatewayApi\n\t\t\t.put(`v1/healthcare/organizations/${companyId}/configurations/active-directories/group-roles/${id}`, data)\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\nexport function deleteActiveDirectory(id) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.delete(`v1/healthcare/organizations/${companyId}/configurations/active-directories/${id}`)\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\nexport function deleteGroupRole(id) {\n\treturn new Promise((res, rej) => {\n\t\tconst { companyId } = APP_CONFIG;\n\t\tgatewayApi\n\t\t\t.delete(`v1/healthcare/organizations/${companyId}/configurations/active-directories/group-roles/${id}`)\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 React from 'react';\nimport { Field, Formik } from 'formik';\nimport * as Yup from 'yup';\nimport Input from 'components/Common/FormElements/Input';\nimport Select from 'components/Common/FormElements/Select';\nimport { Form, Modal, Alert } from 'components';\nimport Loader from 'components/Loader';\nimport { addActiveDirectory, addGroupRole, updateActiveDirectory, updateGroupRole } from 'api/activeDirectories';\n\nexport default class ActiveDirectoryForm extends React.Component {\n\tstate = {\n\t\tisSuccessfulAlertOn: false,\n\t\tisErrorsAlertOn: false,\n\t\tisPasswordChanged: false,\n\t};\n\n\thandleSubmitMyForm = async (values, { setSubmitting }) => {\n\t\tsetSubmitting(true);\n\t\ttry {\n\t\t\tconst hospitalIds = [values.hospital];\n\t\t\tlet res = null;\n\t\t\tif (this.props.activeTab === 0) {\n\t\t\t\tconst { domain, validGroupName, adClientSecret, adClientId } = values;\n\t\t\t\tif (this.props.initialValues) {\n\t\t\t\t\tres = await updateActiveDirectory(this.props.initialValues.id, {\n\t\t\t\t\t\tdomain,\n\t\t\t\t\t\tvalidGroupName,\n\t\t\t\t\t\tusername: adClientId,\n\t\t\t\t\t\tpassword: this.state.isPasswordChanged ? adClientSecret : this.props.initialValues.fullPassword,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tconst [hospitalId] = hospitalIds;\n\t\t\t\t\tres = await addActiveDirectory({ hospitalId, domain, validGroupName, username: adClientId, password: adClientSecret });\n\t\t\t\t}\n\t\t\t\tif (res.hasSucceeded) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisSuccessfulAlertOn: true,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst [roleId] = [values.role];\n\t\t\t\tconst { group } = values;\n\n\t\t\t\tif (this.props.initialValues) {\n\t\t\t\t\tres = await updateGroupRole(this.props.initialValues.id, { roleId, group });\n\t\t\t\t} else {\n\t\t\t\t\tconst [hospitalId] = hospitalIds;\n\t\t\t\t\tres = await addGroupRole({ hospitalId, roleId, group });\n\t\t\t\t}\n\t\t\t\tif (!res.exists) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisSuccessfulAlertOn: true,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.props.onSucceeded();\n\t\t} catch (e) {\n\t\t\tthis.setState({\n\t\t\t\tisErrorsAlertOn: true,\n\t\t\t});\n\t\t}\n\t\tsetSubmitting(false);\n\t};\n\n\tonCloseModal = () => {\n\t\tthis.setState({\n\t\t\tisSuccessfulAlertOn: false,\n\t\t\tisErrorsAlertOn: false,\n\t\t\tisPasswordChanged: false,\n\t\t});\n\n\t\tthis.props.toggleModal();\n\t};\n\n\tgetValidationSchema = () => {\n\t\tconst validation = {};\n\t\tif (!this.props.initialValues) {\n\t\t\tvalidation.healthSystem = Yup.string().required('Health system is required');\n\t\t\tvalidation.hospital = Yup.string().required('Hospital is required');\n\t\t}\n\t\tif (this.props.activeTab === 0) {\n\t\t\tvalidation.domain = Yup.string().required('Domain is required');\n\t\t\tvalidation.validGroupName = Yup.string().required('Valid group name is required');\n\t\t\tvalidation.adClientId = Yup.string().required('ClientId is required');\n\t\t\tvalidation.adClientSecret = Yup.string().required('Client Secret is required');\n\t\t} else {\n\t\t\tvalidation.role = Yup.string().required('Role is required');\n\t\t\tvalidation.group = Yup.string().required('Group is required');\n\t\t}\n\n\t\treturn validation;\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t this.onTabChange(this.activeSubTab.HealthSystem)}>Health System\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.onTabChange(this.activeSubTab.TV)}>TV \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\tlist_alt\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.openEditModal(editConfig)}>\n\t\t\t\t\tcreate\n\t\t\t\t\n\t\t\t\t this.openDeleteModal(editConfig)}>\n\t\t\t\t\tdelete\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tgetGroupRoleButtons = config => {\n\t\tconst editConfig = {\n\t\t\tid: config.id,\n\t\t\thospital: config.team.name,\n\t\t\trole: config.role.id,\n\t\t\tgroup: config.group,\n\t\t};\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.openEditModal(editConfig)}>\n\t\t\t\t\tcreate\n\t\t\t\t\n\t\t\t\t this.openDeleteModal(editConfig)}>\n\t\t\t\t\tdelete\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\topenEditModal = editConfig => {\n\t\tthis.setState({\n\t\t\teditConfig,\n\t\t\tisModalOpen: true,\n\t\t});\n\t};\n\n\tsetFormHospitals = async id => {\n\t\tthis.setState({\n\t\t\tisModalHospitalsLoading: true,\n\t\t});\n\t\tconst hsHospitals = await getHealthSystemHospitals(id);\n\t\tconst formHospitals = hsHospitals.map(hospital => ({ id: hospital.id, value: hospital.name }));\n\t\tthis.setState({\n\t\t\tformHospitals,\n\t\t\tisModalHospitalsLoading: false,\n\t\t});\n\t};\n\n\ttransformActiveDirectories = () => {\n\t\tif (this.props.activeSubTab === this.activeSubTab.ADs) {\n\t\t\treturn this.state.activeDirectories.map(item => {\n\t\t\t\treturn {\n\t\t\t\t\thospital: item.team.name,\n\t\t\t\t\tdomain: item.domain,\n\t\t\t\t\tvalidGroupName: item.validGroupName,\n\t\t\t\t\tcreatedBy: `${item.userCreated.firstName} ${item.userCreated.lastName}`,\n\t\t\t\t\tdateCreated: moment(utcToLocalTime(item.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\t\tedit: this.getADButtons(item),\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\treturn this.state.groupRoles.map(item => {\n\t\t\treturn {\n\t\t\t\thospital: item.team.name,\n\t\t\t\trole: item.role.name,\n\t\t\t\tgroup: item.group,\n\t\t\t\tcreatedBy: `${item.userCreated.firstName} ${item.userCreated.lastName}`,\n\t\t\t\tdateCreated: moment(utcToLocalTime(item.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\tedit: this.getGroupRoleButtons(item),\n\t\t\t};\n\t\t});\n\t};\n\n\tonPaginationChange = (pageSize, pageIndex) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.props.onPaginationChange(pageSize, pageIndex);\n\t\t\t}\n\t\t);\n\t};\n\n\tonTabChange = tabIndex => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\tasync () => {\n\t\t\t\tawait this.props.onSubTabChange(tabIndex);\n\t\t\t}\n\t\t);\n\t};\n\n\tdeleteActiveDirectory = async () => {\n\t\tthis.setState({\n\t\t\tisLoading: true,\n\t\t\tisDeleteConfigModalOpen: false,\n\t\t});\n\t\tif (this.props.activeSubTab === this.activeSubTab.ADs) {\n\t\t\tawait deleteActiveDirectory(this.state.editConfig.id);\n\t\t} else if (this.props.activeSubTab === this.activeSubTab.GroupRoles) {\n\t\t\tawait deleteGroupRole(this.state.editConfig.id);\n\t\t}\n\t\tthis.getConfigurations();\n\t};\n\n\trender() {\n\t\tconst DropdownIndicator = () => {\n\t\t\treturn arrow_drop_down;\n\t\t};\n\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 x.value === this.props.selectedHospitalId) : null}\n\t\t\t\t\t\t\tisDisabled={this.state.isHospitalDisabled}\n\t\t\t\t\t\t\tclassNamePrefix='custom-select'\n\t\t\t\t\t\t\toptions={this.state.hospitals}\n\t\t\t\t\t\t\tcomponents={{ DropdownIndicator }}\n\t\t\t\t\t\t\tonChange={this.onHospitalSelect}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t this.toggleConfigModal()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\n\t\t\t\t\t this.onPaginationChange(pageSize, pageIndex)}\n\t\t\t\t/>\n\t\t\t\t this.setState({ isModalOpen: !this.state.isModalOpen, editConfig: null })}\n\t\t\t\t\tonSucceeded={this.getConfigurations}\n\t\t\t\t\thospitals={this.state.formHospitals}\n\t\t\t\t\tisHospitalLoading={this.state.isModalHospitalsLoading}\n\t\t\t\t\tonHealthSystemChange={this.onHealthSystemChange}\n\t\t\t\t/>\n\t\t\t\t this.deleteActiveDirectory()}\n\t\t\t\t\tonModalClose={() => this.setState({ isDeleteConfigModalOpen: false, editConfig: null })}>\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)(ActiveDirectory);\n","import { gatewayApi, APP_CONFIG } from 'constants/global-variables';\n\nexport const getNtpConfigurations = async ({ pageSize, pageIndex, teamId, teamType }) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.get(`v1/healthcare/organizations/${APP_CONFIG.companyId}/configurations/ntp`, {\n\t\t\tparams: { pageSize, pageIndex, teamId, teamType },\n\t\t});\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const addNtpConfiguration = async (teamId, teamType, ntpUrls) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.post(`v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configurations/ntp`, {\n\t\t\tntpUrls,\n\t\t});\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const deleteNtpConfiguration = async (teamId, teamType, id) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.delete(\n\t\t\t`/v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configurations/ntp/${id}`\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const getNtpConfigurationHistory = async ({ id, pageSize = 10, pageIndex = 0 }) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.get(`/v1/healthcare/organizations/${APP_CONFIG.companyId}/configurations/ntp/${id}/history`, {\n\t\t\tparams: {\n\t\t\t\tpageSize,\n\t\t\t\tpageIndex,\n\t\t\t},\n\t\t});\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n\nexport const editNtpConfiguration = async ({ teamId, teamType, id, ntpUrls }) => {\n\ttry {\n\t\tconst { data } = await gatewayApi.put(\n\t\t\t`/v1/healthcare/organizations/${APP_CONFIG.companyId}/teams/${teamId}/team-types/${teamType}/configurations/ntp/${id}`,\n\n\t\t\t{ ntpUrls }\n\t\t);\n\t\treturn data;\n\t} catch (error) {\n\t\treturn { error };\n\t}\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { Table, Grid, Button, Modal, Form, Input, Select as SelectTag, Alert } from 'components';\nimport Select from 'react-select';\nimport Pagination from 'components/Common/Pagination';\nimport { UserRoles, TeamTypes, ConfigHistoryTypes } from 'constants/enums';\nimport moment from 'moment';\nimport { utcToLocalTime } from 'infrastructure/helpers/dateHelper';\nimport _ from 'lodash';\nimport { getUserRole } from 'infrastructure/auth';\nimport { getHealthSystemHospitals } from 'api/organization';\nimport { addNtpConfiguration, deleteNtpConfiguration, editNtpConfiguration, getNtpConfigurations } from 'api/ntpConfig';\nimport { getPort, handleOnKeyDownNumeric } from 'infrastructure/helpers/commonHelpers';\nimport { useSelector } from 'react-redux';\nimport { Link } from 'react-router-dom';\n\nconst NetworkConfig = props => {\n\tconst defaultPortValue = '123';\n\tconst initialConfigurationFormData = {\n\t\thealthSystems: props.healthSystems,\n\t\thospitals: [],\n\t\tselectedHealthSystemValue: -1,\n\t\tselectedHospitalValue: -1,\n\t\tselectedHospital: null,\n\t\tselectedHealthSystem: null,\n\t\tselectedHospitalName: '',\n\t\tselectedHealthSystemName: '',\n\t\tisEdit: false,\n\t\tntpUrl1: '',\n\t\tntpUrl2: '',\n\t\tntpPort1: defaultPortValue,\n\t\tntpPort2: defaultPortValue,\n\t\tconfigurationId: '',\n\t\terrors: {\n\t\t\thealthSystemError: null,\n\t\t\thospitalError: null,\n\t\t\tntpUrl1: null,\n\t\t\tntpUrl2: null,\n\t\t\tntpPort1: null,\n\t\t\tntpPort2: null,\n\t\t},\n\t};\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [healthSystems, setHealthSystems] = useState([{ value: '0', label: 'All' }]);\n\tconst [showConfigurationModal, setShowConfigurationModal] = useState(false);\n\tconst [hospitals, setHospitals] = useState([]);\n\tconst [isHospitalDropdownDisabled, setIsHospitalDropdownDisabled] = useState(true);\n\tconst [configurations, setConfigurations] = useState([]);\n\tconst [isFormLoading, setIsFormLoading] = useState(false);\n\tconst [totalConfigs, setTotalConfigs] = useState(null);\n\tconst [configurationFormData, setConfigurationFormData] = useState(_.cloneDeep(initialConfigurationFormData));\n\tconst [isDeleteConfigModalOpen, setIsDeleteConfigModalOpen] = useState(false);\n\tconst [deleteConfig, setDeleteConfig] = useState(null);\n\tconst [editConfig, setEditConfig] = useState(null);\n\tconst [error, setError] = useState('');\n\n\tconst ntpConfigHeaders = [{ title: 'Name' }, { title: 'Type' }, { title: 'NTP Endpoint' }, { title: 'Created By' }, { title: 'Date Created' }, { title: '' }];\n\n\tconst orgProps = useSelector(state => state.organization);\n\n\tconst role = getUserRole();\n\n\tconst transformItemsForSelect = arr => arr.map(item => ({ label: item.name, value: item.id }));\n\n\tuseEffect(() => {\n\t\tconst setHealthSystemsAndConfigs = async () => {\n\t\t\tconst healthSystemsList = transformItemsForSelect(orgProps.allHealthSystems);\n\t\t\thealthSystemsList.unshift({ value: '0', label: 'All' });\n\n\t\t\tsetHealthSystems(healthSystemsList);\n\t\t};\n\t\tsetHealthSystemsAndConfigs();\n\t}, []);\n\n\tconst getHospitalsByHealthSystemId = async healthSystemId => {\n\t\tconst response = await getHealthSystemHospitals(healthSystemId);\n\t\tif (!response.error) {\n\t\t\treturn transformItemsForSelect(response);\n\t\t}\n\t\treturn [];\n\t};\n\n\tconst openDeleteModal = config => {\n\t\tsetDeleteConfig(config);\n\t\tsetIsDeleteConfigModalOpen(true);\n\t};\n\n\tconst getActionButtons = config => (\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t this.onTabChange(this.activeSubTab.ADs)}>AD \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.onTabChange(this.activeSubTab.GroupRoles)}>Group roles \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tlist_alt\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t);\n\n\tuseEffect(() => {\n\t\tconst getHospitalsList = async () => {\n\t\t\tlet hospitalsList = [];\n\t\t\tif (props.selectedHealthSystem.value.toString() !== '0') {\n\t\t\t\tconst response = await getHealthSystemHospitals(props.selectedHealthSystem.value);\n\t\t\t\tif (!response.error) {\n\t\t\t\t\thospitalsList = transformItemsForSelect(response);\n\t\t\t\t\thospitalsList.unshift({ value: '0', label: 'All' });\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetIsHospitalDropdownDisabled(props.selectedHealthSystem.value.toString() === '0');\n\t\t\tsetHospitals(hospitalsList);\n\t\t};\n\t\tgetHospitalsList();\n\t}, [props.selectedHealthSystem]);\n\n\tconst getConfigurations = useCallback(async () => {\n\t\tlet hsId = null;\n\t\tlet teamType = null;\n\n\t\tif (props.selectedHealthSystem && props.selectedHealthSystem.value !== '0') {\n\t\t\thsId = props.selectedHealthSystem.value;\n\t\t\tteamType = TeamTypes.HEALTHSYSTEM;\n\t\t}\n\n\t\tif (props.selectedHospitalId && props.selectedHospitalId !== '0') {\n\t\t\thsId = props.selectedHospitalId;\n\t\t\tteamType = TeamTypes.HOSPITAL;\n\t\t}\n\n\t\tconst configs = await getNtpConfigurations({\n\t\t\tpageSize: props.pageSize?.value,\n\t\t\tpageIndex: props.pageIndex,\n\t\t\tteamId: hsId,\n\t\t\tteamType,\n\t\t});\n\t\tif (configs.error) {\n\t\t\tsetError('Something went wrong!');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!configs.teamNetworkNtpConfigurations.length) {\n\t\t\tsetConfigurations([]);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst transformConfigs = configs.teamNetworkNtpConfigurations.map(config => ({\n\t\t\tname: config.team.name,\n\t\t\ttype: config.team.typeId === TeamTypes.HEALTHSYSTEM ? 'Health System' : 'Hospital',\n\t\t\tntpUrl: config.ntpUrls.map(el => (\n\t\t\t\t<>\n\t\t\t\t\t{el}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)),\n\t\t\tcreatedBy: `${config.userCreated.firstName} ${config.userCreated.lastName}`,\n\t\t\tdateCreated: moment(utcToLocalTime(config.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\tactions: getActionButtons(config),\n\t\t}));\n\t\tsetTotalConfigs(configs.total);\n\t\tsetConfigurations(transformConfigs);\n\t\tsetIsLoading(false);\n\t}, [props.pageSize, props.pageIndex, props.selectedHealthSystem, props.selectedHospitalId]);\n\n\tuseEffect(() => {\n\t\tgetConfigurations();\n\t}, [getConfigurations]);\n\n\tconst onHealthSystemSelect = async selection => {\n\t\tsetIsLoading(true);\n\t\tawait props.setSelectedHealthSystem(selection);\n\t};\n\n\tconst onHospitalSelect = async selection => {\n\t\tawait props.setSelectedHospital(selection);\n\t};\n\n\tuseEffect(() => {\n\t\tif (role === UserRoles.SUPERUSER && healthSystems.length > 1) {\n\t\t\tonHealthSystemSelect(healthSystems[1]);\n\t\t}\n\t}, [healthSystems]);\n\n\tconst onFormHealthSystemSelect = async ({ id }) => {\n\t\tconst newConfigurationFormData = { ...configurationFormData };\n\t\tif (newConfigurationFormData.isEdit) {\n\t\t\treturn;\n\t\t}\n\t\tnewConfigurationFormData.errors.healthSystemError = null;\n\t\tnewConfigurationFormData.selectedHealthSystemValue = newConfigurationFormData.healthSystems.findIndex(hs => id === hs.id);\n\t\tnewConfigurationFormData.selectedHealthSystem = id;\n\t\tnewConfigurationFormData.selectedHospital = null;\n\t\tnewConfigurationFormData.selectedHospitalValue = -1;\n\n\t\tconst response = await getHospitalsByHealthSystemId(id);\n\t\tif (!response.error) {\n\t\t\tconst newArray = response.map(item => ({ id: item.value, value: item.label }));\n\t\t\tnewArray.unshift({ id: '0', value: 'All' });\n\t\t\tnewConfigurationFormData.hospitals = newArray;\n\t\t}\n\t\tsetConfigurationFormData(newConfigurationFormData);\n\t};\n\n\tconst onFormHospitalSelect = ({ id }) => {\n\t\tconst newConfigurationFormData = { ...configurationFormData };\n\t\tif (newConfigurationFormData.isEdit) {\n\t\t\treturn;\n\t\t}\n\n\t\tnewConfigurationFormData.selectedHospital = id;\n\t\tnewConfigurationFormData.selectedHospitalValue = newConfigurationFormData.hospitals.findIndex(item => id === item.id);\n\t\tnewConfigurationFormData.errors.hospitalError = null;\n\n\t\tsetConfigurationFormData(newConfigurationFormData);\n\t};\n\n\tconst resetAddConfigurationModal = async () => {\n\t\tif (editConfig) {\n\t\t\tsetEditConfig(null);\n\t\t}\n\n\t\tsetConfigurationFormData(_.cloneDeep(initialConfigurationFormData));\n\t\tsetIsFormLoading(false);\n\t};\n\n\tconst setDeviceConfiguration = async () => {\n\t\tconst maximumPortNumber = 65535;\n\t\tconst newConfigurationFormData = { ...configurationFormData };\n\t\tconst { isEdit, selectedHealthSystemValue, errors, ntpUrl1, ntpUrl2, ntpPort1, ntpPort2 } = newConfigurationFormData;\n\t\tlet hasError = false;\n\n\t\tif (!isEdit && selectedHealthSystemValue === -1) {\n\t\t\terrors.healthSystemError = 'Please select a health system.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tconst URL = /^((https?|ftp):\\/\\/)?(www.)?(((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:)*@)?(((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]))|((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.?)(:\\d*)?)(\\/((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)+(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)*)*)?)?(\\?((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)|[\\uE000-\\uF8FF]|\\/|\\?)*)?(\\#((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&'\\(\\)\\*\\+,;=]|:|@)|\\/|\\?)*)?$/i;\n\n\t\tif (ntpUrl1 && !URL.test(ntpUrl1)) {\n\t\t\terrors.ntpUrl1 = 'Please enter valid URL.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpUrl2 && !URL.test(ntpUrl2)) {\n\t\t\terrors.ntpUrl2 = 'Please enter valid URL.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (!ntpUrl1 && !ntpUrl2) {\n\t\t\terrors.ntpUrl1 = 'Please set at least 1 NTP Endpoint.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpUrl1 && !ntpPort1) {\n\t\t\terrors.ntpPort1 = 'Please set the NTP Port.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpPort1 && +ntpPort1 > maximumPortNumber) {\n\t\t\terrors.ntpPort1 = `Maximum port number is ${maximumPortNumber}.`;\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpPort1 && +ntpPort1 < 0) {\n\t\t\terrors.ntpPort1 = 'Port cannot be a negative number.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpUrl2 && !ntpPort2) {\n\t\t\terrors.ntpPort2 = 'Please set the NTP Port.';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpPort2 && +ntpPort2 > maximumPortNumber) {\n\t\t\terrors.ntpPort2 = `Maximum port number is ${maximumPortNumber}.`;\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpPort2 && +ntpPort2 < 0) {\n\t\t\terrors.ntpPort2 = `Port cannot be a negative number.`;\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (ntpUrl1 && ntpUrl2 && ntpPort1 && ntpPort2 && ntpUrl1 === ntpUrl2 && ntpPort1 === ntpPort2) {\n\t\t\terrors.ntpUrl2 = 'Endpoint + port fields should be unique';\n\t\t\thasError = true;\n\t\t}\n\n\t\tif (hasError) {\n\t\t\tsetConfigurationFormData(newConfigurationFormData);\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsFormLoading(true);\n\t\tconst teamId =\n\t\t\tnewConfigurationFormData.selectedHospital && newConfigurationFormData.selectedHospital !== '0'\n\t\t\t\t? newConfigurationFormData.selectedHospital\n\t\t\t\t: newConfigurationFormData.selectedHealthSystem;\n\t\tconst teamTypeId =\n\t\t\tnewConfigurationFormData.selectedHospital && newConfigurationFormData.selectedHospital !== '0' ? TeamTypes.HOSPITAL : TeamTypes.HEALTHSYSTEM;\n\t\tconst configId = newConfigurationFormData.configurationId;\n\n\t\tconst ntpUrls = [];\n\t\tif (newConfigurationFormData.ntpUrl1) {\n\t\t\tconst firstUrlPort = `${newConfigurationFormData.ntpUrl1}:${newConfigurationFormData.ntpPort1}`;\n\t\t\tntpUrls.push(firstUrlPort);\n\t\t}\n\t\tif (newConfigurationFormData.ntpUrl2) {\n\t\t\tconst secondUrlPort = `${newConfigurationFormData.ntpUrl2}:${newConfigurationFormData.ntpPort2}`;\n\t\t\tntpUrls.push(secondUrlPort);\n\t\t}\n\n\t\tconst editParams = {\n\t\t\tteamId,\n\t\t\tteamType: teamTypeId,\n\t\t\tid: configId,\n\t\t\tntpUrls,\n\t\t};\n\n\t\tconst { hasSucceeded } = !newConfigurationFormData.isEdit ? await addNtpConfiguration(teamId, teamTypeId, ntpUrls) : await editNtpConfiguration(editParams);\n\n\t\tif (!hasSucceeded) {\n\t\t\tsetIsFormLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\tresetAddConfigurationModal();\n\t\tsetShowConfigurationModal(false);\n\t\tgetConfigurations();\n\t};\n\n\tconst toggleConfigurationModal = async (config = null) => {\n\t\tconst newConfigurationFormData = { ...configurationFormData };\n\t\tif (!showConfigurationModal) {\n\t\t\tnewConfigurationFormData.healthSystems = orgProps.allHealthSystems.map(hs => ({ id: hs.id, value: hs.name }));\n\t\t\tnewConfigurationFormData.isEdit = !!config;\n\t\t\tif (!newConfigurationFormData.isEdit) {\n\t\t\t\tsetEditConfig(null);\n\t\t\t}\n\n\t\t\tif (role === UserRoles.SUPERUSER && !newConfigurationFormData.isEdit) {\n\t\t\t\tnewConfigurationFormData.selectedHealthSystemValue = 0;\n\t\t\t\tonFormHealthSystemSelect(newConfigurationFormData.healthSystems[0]);\n\t\t\t}\n\n\t\t\tif (newConfigurationFormData.isEdit) {\n\t\t\t\tif (config.team.typeId === TeamTypes.HEALTHSYSTEM) {\n\t\t\t\t\tnewConfigurationFormData.selectedHealthSystem = config.team.id;\n\t\t\t\t\tnewConfigurationFormData.selectedHealthSystemName = config.team.name;\n\t\t\t\t}\n\t\t\t\tif (config.team.typeId === TeamTypes.HOSPITAL) {\n\t\t\t\t\tnewConfigurationFormData.selectedHospital = config.team.id;\n\t\t\t\t\tnewConfigurationFormData.selectedHospitalName = config.team.name;\n\t\t\t\t}\n\t\t\t\tnewConfigurationFormData.ntpUrl1 = config.ntpUrls[0].substr(0, config.ntpUrls[0].lastIndexOf(':'));\n\t\t\t\tnewConfigurationFormData.ntpPort1 = getPort(config.ntpUrls[0]).toString();\n\t\t\t\tnewConfigurationFormData.ntpUrl2 = config.ntpUrls.length > 1 ? config.ntpUrls[1].substr(0, config.ntpUrls[1].lastIndexOf(':')) : '';\n\t\t\t\tnewConfigurationFormData.ntpPort2 = config.ntpUrls.length > 1 ? getPort(config.ntpUrls[1]).toString() : defaultPortValue;\n\t\t\t\tnewConfigurationFormData.configurationId = config.id;\n\t\t\t}\n\n\t\t\tsetConfigurationFormData(newConfigurationFormData);\n\t\t} else {\n\t\t\tresetAddConfigurationModal();\n\t\t}\n\t\tsetShowConfigurationModal(prevState => !prevState);\n\t};\n\n\tuseEffect(() => {\n\t\tif (editConfig) {\n\t\t\ttoggleConfigurationModal(editConfig);\n\t\t}\n\t}, [editConfig]);\n\n\tconst onPaginationChange = async (size, index) => {\n\t\tsetIsLoading(true);\n\t\tawait props.onPaginationChange(size, index);\n\t};\n\n\tconst submitDeleteConfig = async () => {\n\t\tsetError('');\n\t\tsetIsLoading(true);\n\t\tsetIsDeleteConfigModalOpen(false);\n\n\t\tconst deleteRes = await deleteNtpConfiguration(deleteConfig.team.id, deleteConfig.team.typeId, deleteConfig.id);\n\n\t\tif (deleteRes.error) {\n\t\t\tsetError('Something went wrong! Please try again.');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\tgetConfigurations();\n\t};\n\n\tconst onDeleteModal = () => {\n\t\tsetIsDeleteConfigModalOpen(false);\n\t\tsetDeleteConfig(null);\n\t};\n\n\tconst DropdownIndicator = () => {\n\t\treturn arrow_drop_down;\n\t};\n\n\tconst onInputChange = e => {\n\t\tconst newConfigurationFormData = { ...configurationFormData };\n\t\tnewConfigurationFormData[e.target.name] = e.target.value;\n\t\tnewConfigurationFormData.errors[e.target.name] = null;\n\t\tsetConfigurationFormData(newConfigurationFormData);\n\t};\n\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t onPaginationChange(size, index)} />\n\t\t\t toggleConfigurationModal()}\n\t\t\t\tisLoading={isFormLoading}>\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default NetworkConfig;\n","import React from 'react';\nimport Layout from 'components/Common/Layout';\nimport { Grid, Tabs } from 'components';\nimport Header from 'components/Common/Header';\nimport UserIdleTimeout from 'components/Configurations/UserIdleTimeout';\nimport DeviceConfig from 'components/Configurations/DeviceConfig';\nimport { getHealthSystems } from 'api/users';\nimport { getUserRole } from 'infrastructure/auth';\nimport queryString from 'query-string';\nimport ActiveDirectory from 'components/Configurations/ActiveDirectory';\nimport { Roles } from 'constants/enums';\nimport NetworkConfig from 'components/Configurations/NetworkConfig';\n\nclass Configurations extends React.Component {\n\tstate = {\n\t\tisLoading: true,\n\t\tactiveTab: 0,\n\t\thealthSystems: [],\n\t\tselectedHealthSystem: { value: '0', label: 'All' },\n\t\tselectedHospitalId: null,\n\t\tselectedDepartmentId: null,\n\t\tselectedRole: { value: '0', label: 'All' },\n\t\tpageSize: { value: 10, label: '10' },\n\t\tpageIndex: 0,\n\t\tactiveSubTab: 0,\n\t};\n\n\trole = null;\n\n\tcomponentDidMount = async () => {\n\t\tconst result = await getHealthSystems();\n\t\tthis.role = getUserRole();\n\t\tconst queryParams = queryString.parse(this.props.location.search);\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\thealthSystems: result,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.setStateFromQueryString(queryParams);\n\t\t\t}\n\t\t);\n\t};\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst currentParams = queryString.parse(this.props.location.search);\n\t\tconst prevParams = queryString.parse(prevProps.location.search);\n\t\tif (this.hasQueryChanged(currentParams, prevParams)) {\n\t\t\tthis.setStateFromQueryString(currentParams);\n\t\t}\n\t}\n\n\thasQueryChanged = (currentParams, prevParams) => {\n\t\treturn (\n\t\t\tcurrentParams.pageIndex !== prevParams.pageIndex ||\n\t\t\tcurrentParams.pageSize !== prevParams.pageSize ||\n\t\t\tcurrentParams.activeTab !== prevParams.activeTab ||\n\t\t\tcurrentParams.healthSystem !== prevParams.healthSystem ||\n\t\t\tcurrentParams.hospital !== prevParams.hospital ||\n\t\t\tcurrentParams.role !== prevParams.role\n\t\t);\n\t};\n\n\tsetStateFromQueryString = queryParams => {\n\t\tconst { pageIndex, activeTab, healthSystem, hospital, department, role, activeSubTab, pageSize } = queryParams;\n\t\tconst hs = healthSystem ? this.state.healthSystems.find(x => x.id === healthSystem) : null;\n\t\tconst selectedRole = role ? Object.values(Roles).find(x => x.id === parseInt(role, 10)) : null;\n\n\t\tconst validPageSize = { value: 10, label: '10' };\n\t\tif (pageSize === '25' || pageSize === '50') {\n\t\t\tvalidPageSize.value = parseInt(pageSize, 10);\n\t\t\tvalidPageSize.label = pageSize;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tpageIndex: pageIndex ? parseInt(pageIndex, 10) : 0,\n\t\t\tpageSize: validPageSize,\n\t\t\tactiveTab: activeTab ? parseInt(activeTab, 10) : 0,\n\t\t\tselectedHealthSystem: hs ? { value: hs.id, label: hs.name } : { value: '0', label: 'All' },\n\t\t\tselectedRole: selectedRole ? { value: selectedRole.id, label: selectedRole.value } : { value: '0', label: 'All' },\n\t\t\tselectedHospitalId: hospital,\n\t\t\tselectedDepartmentId: department,\n\t\t\tactiveSubTab: activeSubTab ? parseInt(activeSubTab, 10) : 0,\n\t\t\tisLoading: false,\n\t\t});\n\t};\n\n\tonHealthSystemChange = selectedHealthSystem => {\n\t\tthis.setState({\n\t\t\tselectedHospitalId: null,\n\t\t\tselectedDepartmentId: null,\n\t\t\tselectedHealthSystem,\n\t\t\tpageIndex: 0,\n\t\t});\n\t};\n\n\tonRoleChange = selectedRole => {\n\t\tthis.setState({\n\t\t\tselectedRole,\n\t\t});\n\t};\n\n\tonPaginationChange = (pageSize, pageIndex) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tpageSize,\n\t\t\t\tpageIndex,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.pushFiltersToQueryString();\n\t\t\t}\n\t\t);\n\t};\n\n\tonSubTabChange = activeSubTab => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tactiveSubTab,\n\t\t\t\tpageSize: { value: 10, label: '10' },\n\t\t\t\tpageIndex: 0,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.pushFiltersToQueryString();\n\t\t\t}\n\t\t);\n\t};\n\n\tonHospitalChange = selectedHospital => {\n\t\tthis.setState({\n\t\t\tselectedHospitalId: selectedHospital.value,\n\t\t\tselectedDepartmentId: null,\n\t\t\tpageIndex: 0,\n\t\t});\n\t};\n\n\tonDepartmentChange = selectedDepartment => {\n\t\tthis.setState({\n\t\t\tselectedDepartmentId: selectedDepartment.value,\n\t\t});\n\t};\n\n\tonTabChange = async index => {\n\t\tthis.setState({\n\t\t\tisLoading: true,\n\t\t});\n\t\tconst healthSystems = await getHealthSystems();\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\thealthSystems,\n\t\t\t\tselectedHospitalId: null,\n\t\t\t\tselectedDepartmentId: null,\n\t\t\t\tselectedRole: { value: '0', label: 'All' },\n\t\t\t\tpageSize: { value: 10, label: '10' },\n\t\t\t\tpageIndex: 0,\n\t\t\t\tactiveSubTab: 0,\n\t\t\t\tactiveTab: parseInt(index, 10),\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.pushFiltersToQueryString();\n\t\t\t\tthis.setState({\n\t\t\t\t\tisLoading: false,\n\t\t\t\t});\n\t\t\t}\n\t\t);\n\t};\n\n\tpushFiltersToQueryString = () => {\n\t\tconst queryParams = {};\n\t\tif (this.state.pageIndex > 0) {\n\t\t\tqueryParams.pageIndex = this.state.pageIndex.toString();\n\t\t}\n\t\tif (this.state.pageSize.value > 10) {\n\t\t\tqueryParams.pageSize = this.state.pageSize.value.toString();\n\t\t}\n\t\tif (this.state.activeTab > 0) {\n\t\t\tqueryParams.activeTab = this.state.activeTab.toString();\n\t\t}\n\t\tif (this.state.selectedHealthSystem !== null && this.state.selectedHealthSystem.value !== '0') {\n\t\t\tqueryParams.healthSystem = this.state.selectedHealthSystem.value;\n\t\t}\n\t\tif (this.state.selectedHospitalId !== null && this.state.selectedHospitalId !== '0' && this.state.selectedHospitalId !== 0) {\n\t\t\tqueryParams.hospital = this.state.selectedHospitalId;\n\t\t}\n\t\tif (this.state.selectedDepartmentId !== null && this.state.selectedDepartmentId !== '0' && this.state.selectedDepartmentId !== 0) {\n\t\t\tqueryParams.department = this.state.selectedDepartmentId;\n\t\t}\n\t\tif (this.state.selectedRole !== null && this.state.selectedRole.value !== '0') {\n\t\t\tqueryParams.role = this.state.selectedRole.value.toString();\n\t\t}\n\t\tif (this.state.activeSubTab > 0) {\n\t\t\tqueryParams.activeSubTab = this.state.activeSubTab.toString();\n\t\t}\n\t\tthis.props.history.push({ search: queryString.stringify(queryParams) });\n\t};\n\n\ttabs = {\n\t\tUSER_IDLE_TIMEOUT: 0,\n\t\tDEVICE: 1,\n\t\tACTIVE_DIRECTORY: 2,\n\t\tNETWORK: 3,\n\t};\n\n\trender() {\n\t\treturn (\n\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\t\t,\n\t\t\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
\n\t\t\tConfigurations
\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\tcreatedBy: `${config.userEdited.firstName} ${config.userEdited.lastName}`,\n\t\t\t\t\tdateCreated: moment(utcToLocalTime(config.dateEdited)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\t\tclassName: this.getClassName(config),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn null;\n\t\t});\n\n\t\tif (this.props.match.params.type === ConfigHistoryTypes.ADs) {\n\t\t\tconfigs.unshift({\n\t\t\t\thospital: this.activeDirectory.team.name,\n\t\t\t\tdomain: this.activeDirectory.domain,\n\t\t\t\tvalidGroupName: this.activeDirectory.validGroupName,\n\t\t\t\teditedBy: `${this.activeDirectory.userCreated.firstName} ${this.activeDirectory.userCreated.lastName}`,\n\t\t\t\tdateEdited: moment(utcToLocalTime(this.activeDirectory.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\tclassName: 'active-configuration',\n\t\t\t});\n\t\t} else if (this.props.match.params.type === ConfigHistoryTypes.TeamConfigurationProfiles) {\n\t\t\tconfigs.unshift({\n\t\t\t\thealthSystem: this.teamProfile.team.name,\n\t\t\t\tprofileName: this.teamProfile.profileName,\n\t\t\t\turl: this.teamProfile.url,\n\t\t\t\tport: this.teamProfile.port,\n\t\t\t\tcreatedBy: `${this.teamProfile.userCreated.firstName} ${this.teamProfile.userCreated.lastName}`,\n\t\t\t\tdateCreated: moment(utcToLocalTime(this.teamProfile.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\tclassName: 'active-configuration',\n\t\t\t});\n\t\t} else if (this.props.match.params.type === ConfigHistoryTypes.NtpConfiguration) {\n\t\t\tconfigs.unshift({\n\t\t\t\tname: this.ntpConfigurations.team.name,\n\t\t\t\ttype: this.ntpConfigurations.team.typeId === TeamTypes.HEALTHSYSTEM ? 'Health System' : 'Hospital',\n\t\t\t\tntpUrl: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{this.ntpConfigurations.ntpUrls.map(el => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{el}\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\tcreatedBy: `${this.ntpConfigurations.userCreated.firstName} ${this.ntpConfigurations.userCreated.lastName}`,\n\t\t\t\tdateCreated: moment(utcToLocalTime(this.ntpConfigurations.dateCreated)).format('MM/DD/YYYY-hh:mm A'),\n\t\t\t\tclassName: this.getClassName(this.ntpConfigurations),\n\t\t\t});\n\t\t}\n\t\treturn configs;\n\t};\n\n\tgetHeaders = () => {\n\t\tswitch (this.props.match.params.type) {\n\t\t\tcase ConfigHistoryTypes.UserIdle:\n\t\t\t\treturn this.userIdleHeaders;\n\t\t\tcase ConfigHistoryTypes.Devices:\n\t\t\t\treturn this.deviceConfigHeaders;\n\t\t\tcase ConfigHistoryTypes.ADs:\n\t\t\t\treturn this.activeDirectoriesHeaders;\n\t\t\tcase ConfigHistoryTypes.TeamConfigurationProfiles:\n\t\t\t\treturn this.teamProfileHeaders;\n\t\t\tcase ConfigHistoryTypes.NtpConfiguration:\n\t\t\t\treturn this.ntpConfigHeaders;\n\t\t\tdefault:\n\t\t\t\treturn [];\n\t\t}\n\t};\n\n\trender() {\n\t\treturn (\n\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\t\t
\n\t\t\t\t\t\t\t\t\t this.onPaginationChange(pageSize, pageIndex)}\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\t\t\t\t\t window.history.back()}>\n\t\t\t\t\t\t\t\t\t\t\tkeyboard_arrow_left\n\t\t\t\t\t\t\t\t\t\t\tGo back to configurations\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{this.state.title}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t {\n\t\t\t\t\twindow.location.href = '/logout';\n\t\t\t\t}}>\n\t\t\t\tClick here to go back to login screen.\n\t\t\t\n\t\t
\n\tInvalid datetime of token.
\n\t\t\t\n\t\t\tThe token seems to be invalid. Please make sure your machine has the current time zone and/or Date and time and try again.
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{showSelf && (\n\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}\n}\n\nIncomingCall.contextType = SocketContext;\n\nexport default connect(state => state)(IncomingCall);\n","const channel = new BroadcastChannel('userIdle');\n\nexport const postUserIdleMessage = msg => {\n\tchannel.postMessage(msg);\n};\n\nexport const onUserIdleMessage = handler => {\n\tchannel.onmessage = handler;\n};\n\nexport const closeUserIdleChannel = () => {\n\tif (channel) {\n\t\tchannel.close();\n\t}\n};\n","import React from 'react';\nimport { Modal } from 'components';\nimport { postUserIdleMessage, onUserIdleMessage, closeUserIdleChannel } from 'infrastructure/helpers/userIdleChannel';\nimport { getUserRoleId } from 'infrastructure/auth';\nimport { getUserIdleConfigurationMinutes } from 'api/userIdleConfigurations';\n\nexport default class UserIdleCheck extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisLogoutAlertOn: false,\n\t\t\tsecondCounter: null,\n\t\t\tminutes: null,\n\t\t};\n\t}\n\n\tuserIdleTimeout = null;\n\n\talertDisplayTime = 30; // seconds\n\n\tpostMessages = {\n\t\tCONFIRMED: 'CONFIRMED',\n\t\tIN_CALL: 'IN_CALL',\n\t};\n\n\tcomponentDidMount = async () => {\n\t\tconst roleId = getUserRoleId();\n\t\tif (this.props.healthSystemId && roleId) {\n\t\t\tthis.unbindListeners();\n\t\t\tawait this.getUserIdleConfiguration(this.props.healthSystemId, roleId);\n\t\t\tthis.startTimeout();\n\t\t\tthis.bindListeners();\n\t\t}\n\t};\n\n\tcomponentDidUpdate = async prevProps => {\n\t\tif (prevProps.healthSystemId !== this.props.healthSystemId) {\n\t\t\tconst roleId = getUserRoleId();\n\t\t\tawait this.getUserIdleConfiguration(this.props.healthSystemId, roleId);\n\t\t\tthis.startTimeout();\n\t\t\tthis.resetTimeout();\n\t\t}\n\t};\n\n\tgetUserIdleConfiguration = async (healthSystemId, roleId) => {\n\t\ttry {\n\t\t\tconst result = await getUserIdleConfigurationMinutes(healthSystemId, roleId);\n\t\t\tthis.setState({\n\t\t\t\tminutes: result ? result.minutes : null,\n\t\t\t});\n\t\t} catch (e) {\n\t\t\tthis.setState({\n\t\t\t\tminutes: null,\n\t\t\t});\n\t\t}\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tthis.unbindListeners();\n\t\tclearTimeout(this.userIdleTimeout);\n\t\tclearInterval(this.logoutInterval);\n\t\tcloseUserIdleChannel();\n\t};\n\n\tsetActiveUser = () => {\n\t\tpostUserIdleMessage();\n\t\tthis.resetTimeout();\n\t};\n\n\tresetTimeout = () => {\n\t\tif (this.userIdleTimeout && !this.state.isLogoutAlertOn) {\n\t\t\tclearTimeout(this.userIdleTimeout);\n\t\t\tthis.startTimeout();\n\t\t}\n\t};\n\n\tbindListeners = () => {\n\t\twindow.addEventListener('mousemove', this.setActiveUser);\n\t\twindow.addEventListener('scroll', this.setActiveUser);\n\t\twindow.addEventListener('keydown', this.setActiveUser);\n\t\twindow.addEventListener('resize', this.setActiveUser);\n\t\twindow.addEventListener('click', this.setActiveUser);\n\t\tonUserIdleMessage(this.tabsListener);\n\t};\n\n\ttabsListener = message => {\n\t\tif (message.data === this.postMessages.CONFIRMED) {\n\t\t\tthis.resetActivity();\n\t\t} else {\n\t\t\tthis.resetTimeout();\n\t\t}\n\t};\n\n\tunbindListeners = () => {\n\t\twindow.removeEventListener('mousemove', this.setActiveUser);\n\t\twindow.removeEventListener('scroll', this.setActiveUser);\n\t\twindow.removeEventListener('keydown', this.setActiveUser);\n\t\twindow.removeEventListener('resize', this.setActiveUser);\n\t\twindow.removeEventListener('click', this.setActiveUser);\n\t};\n\n\tstartTimeout = () => {\n\t\tif (this.state.minutes) {\n\t\t\tthis.userIdleTimeout = setTimeout(() => {\n\t\t\t\tthis.openLogoutAlert();\n\t\t\t}, this.state.minutes * 60000);\n\t\t}\n\t};\n\n\topenLogoutAlert = () => {\n\t\tclearTimeout(this.userIdleTimeout);\n\t\tclearInterval(this.logoutInterval);\n\n\t\tthis.setState({ isLogoutAlertOn: true, secondCounter: this.alertDisplayTime });\n\n\t\tthis.logoutInterval = setInterval(() => {\n\t\t\tconst { secondCounter } = this.state;\n\t\t\tif (secondCounter > 0) {\n\t\t\t\tthis.setState({ secondCounter: this.state.secondCounter - 1 }, () => {\n\t\t\t\t\tif (this.state.secondCounter === 0) {\n\t\t\t\t\t\tclearInterval(this.logoutInterval);\n\t\t\t\t\t\tconst { pathname } = window.location;\n\t\t\t\t\t\tif (pathname.startsWith('/call/') || pathname.startsWith('/patient-feed/') || pathname === '/monitoring') {\n\t\t\t\t\t\t\tthis.setState({ isLogoutAlertOn: false });\n\t\t\t\t\t\t\twindow.postMessage(this.postMessages.IN_CALL, window.location.href);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\twindow.location.href = '/logout';\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}, 1000);\n\t};\n\n\tcloseAlert = () => {\n\t\tpostUserIdleMessage(this.postMessages.CONFIRMED);\n\t\tthis.resetActivity();\n\t};\n\n\tresetActivity = () => {\n\t\tthis.setState({\n\t\t\tisLogoutAlertOn: false,\n\t\t});\n\t\tclearInterval(this.logoutInterval);\n\t\tthis.setActiveUser();\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{this.incomingConferenceInfo.from.name}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\tYou have been idle for {this.state.minutes} minutes
\n\t\t\t\t\tYou will be logged out in case you don’t confirm your presence within the next {this.state.secondCounter} seconds
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n","import React, { Component } from 'react';\nimport { AppInsightsContext, withAITracking } from '@microsoft/applicationinsights-react-js';\nimport { withRouter } from 'react-router-dom';\nimport { ai } from 'infrastructure/helpers/appInsightsTelemetry';\nimport { APP_CONFIG } from 'constants/global-variables';\n\nclass AppInsightsTelemetryProvider extends Component {\n\tstate = {\n\t\tinitialized: false,\n\t};\n\n\tcomponentDidMount() {\n\t\tconst { history } = this.props;\n\t\tconst { initialized } = this.state;\n\t\tconst appInsightsInstrumentationKey = APP_CONFIG.aiInstrumentationKey;\n\n\t\tif (!initialized && !!appInsightsInstrumentationKey && !!history) {\n\t\t\tai.initialize(appInsightsInstrumentationKey, history);\n\t\t\tthis.setState({ initialized: true });\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { children } = this.props;\n\t\treturn\n\t\t\t\t\tBanyan needs access to your{' '}\n\t\t\t\t\t{reason.type === StreamError.CAM_AND_MIC_BLOCKED.type\n\t\t\t\t\t\t? 'camera and microphone'\n\t\t\t\t\t\t: (reason.type === StreamError.CAMERA_BLOCKED.type && 'camera') || (reason.type === StreamError.MICROPHONE_BLOCKED.type && 'microphone')}{' '}\n\t\t\t\t\tso patients can hear you. Check the top left of the screen and click Allow.\n\t\t\t\t
\n\t\t\t\n\t\t)}\n\t\t{(reason.type === StreamError.MICROPHONE_NOT_FOUND.type || reason.type === StreamError.CAMERA_NOT_FOUND.type) && (\n\t\t\t\n\t\t)}\n\t\n);\n\nexport default StreamPermissionsModal;\n","import React, { Component } from 'react';\nimport { AuthProvider } from 'providers/authProvider';\nimport { BrowserRouter } from 'react-router-dom';\nimport { Routes } from 'routes/routes';\nimport Socket from 'io-client/Socket';\nimport { isAuthenticated, memberExists, setUserInfo, setTokens } from 'infrastructure/auth';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { actionCreators as organizationActionCreators } from 'state/organization/actions';\nimport { Loader, Grid, Button, Alert } from 'components';\nimport { getCurrentHealthSystemInfo, findSectorById } from 'infrastructure/helpers/commonHelpers';\nimport { onMessage } from 'infrastructure/helpers/notificationsChannel';\nimport { fetchNotificationCounter } from 'state/notifications/actions';\nimport { If, Then, Else } from 'react-if';\nimport IncomingCall from 'views/IncomingCall';\nimport { APP_CONFIG } from 'constants/global-variables';\nimport { SocketState } from 'constants/enums';\nimport queryString from 'query-string';\nimport UserIdleCheck from 'containers/UserIdleCheck';\nimport AppInsightsTelemetryProvider from 'components/AppInsightsTelemetryProvider';\nimport StreamPermissions from 'components/StreamPermissions';\nimport StreamPermissionsModal from 'components/StreamPermissionsModal';\n\nclass App extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tstartApplication: false,\n\t\t\tdisplayContentUpdatedAlert: false,\n\t\t\tdisplaySocketConnectionAlert: false,\n\t\t\tsocketConnectionState: SocketState.CONNECTED,\n\t\t};\n\n\t\tthis.versionTimeout = null;\n\t\tthis.socketStateTimeout = null;\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tif (isAuthenticated()) {\n\t\t\tif (memberExists()) {\n\t\t\t\tlet healthSystemExists = await this.checkIfHealthSystemExists();\n\t\t\t\tif (!healthSystemExists && this.props.organization.allHealthSystems.length !== 0) {\n\t\t\t\t\tlet currentHealthSystemInfo = {\n\t\t\t\t\t\tcurrentHealthSystemId: this.props.organization.allHealthSystems[0].id,\n\t\t\t\t\t\tcurrentRegionId: this.props.organization.allHealthSystems[0].regions[0].id,\n\t\t\t\t\t};\n\t\t\t\t\tlocalStorage.setItem('currentHealthSystemInfo', JSON.stringify(currentHealthSystemInfo));\n\t\t\t\t}\n\t\t\t}\n\t\t\tonMessage(() => {\n\t\t\t\tthis.props.fetchNotificationCounter();\n\t\t\t});\n\t\t\tthis.startVersionTimeout();\n\t\t}\n\t\t// If tokens are provided and the url contains call\n\t\t// then set tokens along with the other data on localStorage\n\t\t// in order to bypass identity auth and get directly to call\n\t\tconst authResult = this.getTokensIfCall();\n\t\tif (authResult) {\n\t\t\tsetTokens(authResult);\n\t\t\tawait setUserInfo();\n\t\t}\n\t\tthis.setState({\n\t\t\tstartApplication: true,\n\t\t});\n\t};\n\n\tcheckIfHealthSystemExists = async () => {\n\t\tawait this.props.organizationActions.getAllHealthSystems();\n\t\tlet currentHealthSystemInfo = getCurrentHealthSystemInfo();\n\t\tif (currentHealthSystemInfo) {\n\t\t\tlet { currentHealthSystemId } = getCurrentHealthSystemInfo();\n\t\t\treturn this.props.organization.allHealthSystems.some(healthSystem => {\n\t\t\t\treturn healthSystem.id === currentHealthSystemId;\n\t\t\t});\n\t\t}\n\t\treturn false;\n\t};\n\n\tstartVersionTimeout = () => {\n\t\tif (this.versionTimeout) {\n\t\t\tclearTimeout(this.versionTimeout);\n\t\t}\n\n\t\tconst versionTimeoutInterval = +APP_CONFIG.versionCheckInterval || 10;\n\t\tthis.versionTimeout = setTimeout(async () => {\n\t\t\tthis.compareVersions();\n\t\t}, 1000 * 60 * versionTimeoutInterval);\n\t};\n\n\tcompareVersions = async () => {\n\t\ttry {\n\t\t\tconst response = await fetch('/env/react-config.js');\n\t\t\tlet configText = await response.text();\n\n\t\t\tconfigText = configText.replace(/'/g, `\"`);\n\n\t\t\tconst { REACT_APP_BUILD_NUMBER } = JSON.parse(configText.substring(configText.indexOf('{'), configText.lastIndexOf('}') + 1));\n\n\t\t\tif (APP_CONFIG.buildNumber && REACT_APP_BUILD_NUMBER && APP_CONFIG.buildNumber !== REACT_APP_BUILD_NUMBER) {\n\t\t\t\tthis.setState({\n\t\t\t\t\tdisplayContentUpdatedAlert: true,\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.error(error);\n\t\t}\n\n\t\tthis.startVersionTimeout();\n\t};\n\n\tonConnectionStateChange = async newSocketConnectionState => {\n\t\tif (this.state.socketConnectionState.type === newSocketConnectionState.type) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tdisplaySocketConnectionAlert: true,\n\t\t\tsocketConnectionState: newSocketConnectionState,\n\t\t});\n\t\tif (newSocketConnectionState.type === SocketState.CONNECTED.type) {\n\t\t\tif (this.socketStateTimeout) {\n\t\t\t\tclearTimeout(this.socketStateTimeout);\n\t\t\t}\n\t\t\tthis.socketStateTimeout = setTimeout(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tdisplaySocketConnectionAlert: false,\n\t\t\t\t});\n\t\t\t}, 2000);\n\t\t\tawait this.props.organizationActions.getTreeData();\n\t\t\tthis.props.organization.activeMonitoringFeeds.forEach(({ roomId }) => {\n\t\t\t\tthis.changeRoomAddDeviceIcon(roomId);\n\t\t\t});\n\t\t\tthis.props.organizationActions.setTreeData({ ...this.props.organization.treeData });\n\t\t}\n\t};\n\n\tchangeRoomAddDeviceIcon = roomId => {\n\t\tconst sector = findSectorById(this.props.organization.treeData.tree, roomId);\n\t\tsector.customActionIcon = {\n\t\t\ticonColor: '#4cd137',\n\t\t\ticon: 'check_circle',\n\t\t};\n\t};\n\n\tshouldDisableIncomingCalls = () => {\n\t\tconst pathname = window.location.pathname.split('/');\n\t\tif (pathname.length > 1) {\n\t\t\tconst isCallView = pathname[1] === 'call';\n\n\t\t\treturn isCallView;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tgetTokensIfCall = () => {\n\t\tconst { search, pathname } = window.location;\n\t\tconst query = queryString.parse(search);\n\t\tif (query.accessToken && query.idToken && pathname.startsWith('/call/')) {\n\t\t\treturn { accessToken: query.accessToken, idToken: query.idToken };\n\t\t}\n\t\treturn undefined;\n\t};\n\n\trender() {\n\t\tconst { startApplication, socketConnectionState, displaySocketConnectionAlert, displayContentUpdatedAlert } = this.state;\n\t\tconst currentHealthSystem = getCurrentHealthSystemInfo();\n\t\tconst currentHealthSystemId = currentHealthSystem ? currentHealthSystem.currentHealthSystemId : null;\n\t\tconst { streamPermission } = this.props.organization;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t{APP_CONFIG.buildNumber}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tNew version of the app is available{' '}\n\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.location.reload(true);\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\tsize='small'\n\t\t\t\t\t\t\t\t\t\t\t\ttext='Refresh'\n\t\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}\n\t\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\t\tdisplayContentUpdatedAlert: false,\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\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\t\tdisplaySocketConnectionAlert: false,\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\t