\n
\n \n 
\n
\n \n
\n \n );\n }\n}\n\nexport default Sidebar;\n","import React, { useContext, useState } from \"react\";\nimport { Navbar } from \"react-bootstrap\";\nimport AdminNavbarLinks from \"./AdminNavbarLinks.jsx\";\nimport SendJobModal from \"components/SendJobModal/SendJobModal.jsx\";\nimport GlobalContext from \"context/globalContext\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport styles from \"./adminNavBar.module.css\";\n\nfunction Header(props) {\n const globalContext = useContext(GlobalContext);\n const [sidebarExists, setSidebarExists] = useState(false);\n const [showSendModal, setShowSendModal] = useState(false);\n\n const mobileSidebarToggle = (e) => {\n if (sidebarExists === false) {\n setSidebarExists(true)\n }\n e.preventDefault();\n document.documentElement.classList.toggle(\"nav-open\");\n var node = document.createElement(\"div\");\n node.id = \"bodyClick\";\n node.onclick = function () {\n this.parentElement.removeChild(this);\n document.documentElement.classList.toggle(\"nav-open\");\n };\n document.body.appendChild(node);\n }\n\n const onDisconnect = async (e) => {\n let sessionHelper = globalContext.session.response.helper;\n await globalContext.session.disconnect(globalContext.sessionId);\n sessionHelper\n .streams.forEach(e =>\n sessionHelper.session.forceUnpublish(e.streamId, (resp) => console.log(resp))\n );\n }\n\n const onSendJob = () => {\n setShowSendModal(true);\n }\n\n\n return (\n - \n {this.state.width <= 991 ?
{prop.name}
\n \n \n );\n return null;\n })}\n\n {this.props.hideHeader ? \"\" :\n \n {this.props.content}\n\n
\n \n );\n }\n}\n\nexport default Card;\n","import React from \"react\";\nimport Moment from \"react-moment\";\nimport ReactHtmlParser from 'react-html-parser'\n\nfunction LogRows(props) {\n const renderLog = () => {\n let rows = props.notes.map((note, index) => {\n return (\n \n
}\n {this.props.title}
\n{this.props.category}
\n\n {this.props.footer ? this.props.footer :\n \n {this.props.legend}\n {this.props.stats != null ?
: \"\"}\n }\n
\n : \"\"}\n
\n {this.props.stats}\n
\n loading...
\r\n )\r\n }\r\n else return (\r\n Loading..
\r\n )\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MapsView;\r\n","/*!\n\n=========================================================\n* Light Bootstrap Dashboard React - v1.3.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React, { Component } from \"react\";\nimport { FormGroup, ControlLabel, FormControl, Row } from \"react-bootstrap\";\n\nfunction FieldGroup({ label, ...props }) {\n var newProps = {...props};\n if (newProps.value === null){\n newProps.value = \"\";\n } \n return (\n \n
\n );\n }\n return \r\n Loading..\r\n
\r\n )\r\n }\r\n else {\r\n\r\n return (\r\n \r\n \r\n \r\n {\r\n console.log(\"OT connected\");\r\n }}\r\n onError={(err) => {\r\n console.log(\"error\", err);\r\n window.alert(err.message);\r\n errorLogging.sendLog(JSON.stringify(err));\r\n }}\r\n >\r\n {\r\n console.log(\"error\", err);\r\n errorLogging.sendLog(JSON.stringify(err));\r\n }}\r\n />\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Customer;\r\n","import axios from \"axios\";\r\nimport errorLogger from 'errorLogger'\r\nimport config from 'config';\r\n\r\nimport {\r\n GET_SESSION,\r\n SET_SUBSCRIBED,\r\n SET_SIGNALRCONNECTED,\r\n SET_SESSION_HELPER\r\n} from \"./sessionActionTypes\";\r\n\r\nconst sessionActions = (dispatch) => {\r\n const fetch = async (id, admin) => {\r\n try {\r\n console.log(\"fetching session\");\r\n let session = await _getSessionFromServer(id, admin);\r\n dispatch({\r\n type: GET_SESSION,\r\n payload: session\r\n });\r\n }\r\n catch (ex) {\r\n errorLogger.sendLog(JSON.stringify(ex));\r\n console.log(\"error\", ex);\r\n //window.location.href = \"/?errorMsg=Error, Session maybe closed or operator not ready\"\r\n }\r\n };\r\n\r\n const setSubscribed = (isSubscribed) => {\r\n dispatch({\r\n type: SET_SUBSCRIBED,\r\n payload: isSubscribed\r\n });\r\n }\r\n\r\n const setSignalRConnected = (isClientConnected) => {\r\n dispatch({\r\n type: SET_SIGNALRCONNECTED,\r\n payload: isClientConnected\r\n });\r\n }\r\n\r\n const disconnect = async (sessionId) => {\r\n return new Promise(async (resolve, reject) => {\r\n await _disconnect(sessionId);\r\n resolve();\r\n })\r\n }\r\n\r\n const setSessionHelper = (sessionHelper) => {\r\n dispatch({\r\n type: SET_SESSION_HELPER,\r\n payload: sessionHelper\r\n })\r\n }\r\n\r\n return {\r\n fetch,\r\n setSubscribed,\r\n setSignalRConnected,\r\n disconnect,\r\n setSessionHelper\r\n };\r\n};\r\n\r\nconst _getSessionFromServer = (id, admin) => {\r\n return new Promise((resolve, reject) => {\r\n let url = `${config.url}/api/session/GetCustomer?id=${id}`;\r\n axios({\r\n url: url,\r\n method: \"GET\"\r\n }).then((response) => {\r\n resolve({ id: response.data.sessionId, token: response.data.token });\r\n }).catch((response) => {\r\n console.log(\"Error getting session\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nconst _disconnect = async (sessionId) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Session/Delete?id=${sessionId}`,\r\n method: \"DELETE\"\r\n }).then(() => {\r\n resolve();\r\n }).catch((response) => {\r\n console.log(\"Error deleting session\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nexport default sessionActions;","export const GET_SESSION = \"GET_SESSION\";\r\nexport const SET_SUBSCRIBED = \"SET_SUBSCRIBED\";\r\nexport const SET_SIGNALRCONNECTED = \"SET_SIGNALRCONNECTED\";\r\nexport const SET_SESSION_HELPER = \"SET_SESSION_HELPER\";\r\n","import {\r\n GET_SESSION,\r\n SET_SUBSCRIBED,\r\n SET_SIGNALRCONNECTED,\r\n SET_SESSION_HELPER\r\n} from \"./sessionActionTypes\";\r\n\r\nconst sessionReducer = (state, action) => {\r\n switch (action.type) {\r\n case GET_SESSION:\r\n return { ...state, session: action.payload };\r\n case SET_SUBSCRIBED:\r\n return { ...state, subscribed: action.payload };\r\n case SET_SIGNALRCONNECTED:\r\n return { ...state, signalRConnected: action.payload }\r\n case SET_SESSION_HELPER:\r\n return { ...state, helper: action.payload }\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\n\r\nexport default sessionReducer;\r\n","import { useReducer } from \"react\";\r\nimport sessionActions from \"./sessionActions\";\r\nimport sessionReducer from \"./sessionReducer\";\r\n\r\n\r\nexport default function useSession() {\r\n const [session, sessionDispatch] = useReducer(sessionReducer, { session: null });\r\n const { fetch, \r\n setSubscribed, \r\n setSignalRConnected, \r\n disconnect, \r\n setSessionHelper } = sessionActions(sessionDispatch);\r\n\r\n return {\r\n response: session,\r\n fetch,\r\n setSubscribed,\r\n setSignalRConnected,\r\n disconnect,\r\n setSessionHelper\r\n };\r\n}\r\n","export const GET_LOG = \"GET_LOG\";\r\nexport const WRITE_LOG = \"WRITE_LOG\";\r\nexport const WRITE_IMPORTANTLOG = \"WRITE_IMPORTANTLOG\";\r\nexport const WRITE_SUPERVISORLOG = \"WRITE_SUPERVISORLOG\";\r\nexport const GET_IMPORTANTLOG = \"GET_IMPORTANTLOG\";\r\nexport const GET_SUPERVISORLOG = \"GET_SUPERVISORLOG\";\r\n","import axios from \"axios\";\r\nimport config from 'config';\r\nimport { \r\n WRITE_LOG, \r\n WRITE_IMPORTANTLOG,\r\n WRITE_SUPERVISORLOG,\r\n GET_LOG,\r\n GET_IMPORTANTLOG, \r\n GET_SUPERVISORLOG } from \"./logActionTypes\";\r\n\r\nconst logActions = (dispatch) => {\r\n const fetchLog = async (sessionId) => {\r\n let notes = await _fetch(sessionId, \"GetLog\");\r\n dispatch({\r\n type: GET_LOG,\r\n payload: notes\r\n });\r\n };\r\n\r\n const fetchImportantLog = async (sessionId) => {\r\n let notes = await _fetch(sessionId, \"GetImportantNotes\");\r\n dispatch({\r\n type: GET_IMPORTANTLOG,\r\n payload: notes\r\n });\r\n };\r\n\r\n const fetchSupervisorLog = async (sessionId) => {\r\n let notes = await _fetch(sessionId, \"GetSupervisorNotes\");\r\n dispatch({\r\n type: GET_SUPERVISORLOG,\r\n payload: notes\r\n });\r\n };\r\n\r\n const write = async(sessionId, note) => {\r\n return new Promise(async (resolve,reject) => {\r\n await _write(sessionId, note, \"log\");\r\n dispatch({\r\n type: WRITE_LOG,\r\n payload: note\r\n })\r\n resolve(); \r\n });\r\n }\r\n\r\n const writeImportantLog = async(sessionId, note) => {\r\n return new Promise(async (resolve,reject) => {\r\n await _write(sessionId, note, \"ImportantLog\");\r\n dispatch({\r\n type: WRITE_IMPORTANTLOG,\r\n payload: note\r\n })\r\n resolve(); \r\n });\r\n }\r\n\r\n const writeSupervisorLog = async(sessionId, note) => {\r\n return new Promise(async (resolve,reject) => {\r\n await _write(sessionId, note, \"SupervisorLog\");\r\n dispatch({\r\n type: WRITE_SUPERVISORLOG,\r\n payload: note\r\n })\r\n resolve(); \r\n });\r\n }\r\n \r\n\r\n return { fetchLog, fetchImportantLog, fetchSupervisorLog, write, writeImportantLog, writeSupervisorLog };\r\n};\r\n\r\nconst _fetch = (sessionId, url) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/${url}?sessionId=${sessionId}`,\r\n method: \"GET\"\r\n }).then((response) => {\r\n resolve(response.data);\r\n }).catch((response) => {\r\n console.log(\"Error getting logs\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nconst _write = (sessionId, note, noteType) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/${noteType}?sessionId=${sessionId}¬e=${note}`,\r\n method: \"POST\"\r\n }).then((response) => {\r\n resolve(response.data);\r\n }).catch((response) => {\r\n console.log(\"Error getting logs\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nexport default logActions;","import {\r\n WRITE_LOG,\r\n WRITE_SUPERVISORLOG,\r\n WRITE_IMPORTANTLOG,\r\n GET_LOG,\r\n GET_IMPORTANTLOG,\r\n GET_SUPERVISORLOG\r\n} from \"./logActionTypes\";\r\n\r\nconst logReducer = (state, action) => {\r\n switch (action.type) {\r\n case GET_LOG:\r\n return { ...state, logList: action.payload.notes };\r\n case GET_IMPORTANTLOG:\r\n return { ...state, importantList: action.payload.notes }\r\n case GET_SUPERVISORLOG:\r\n return { ...state, supervisorList: action.payload.notes }\r\n case WRITE_LOG:\r\n return _writeLog(state, action);\r\n case WRITE_SUPERVISORLOG:\r\n return _writeSupervisorLog(state, action);\r\n case WRITE_IMPORTANTLOG:\r\n return _writeImportantLog(state, action);\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst _writeLog = (state, action) => {\r\n var note = {\r\n author: \"You\",\r\n message: `${action.payload}
`,\r\n modified: new Date().toISOString()\r\n }\r\n var currentLog = [...state.logList];\r\n currentLog.splice(0, 0, note);\r\n return { ...state, logList: currentLog }\r\n}\r\n\r\nconst _writeSupervisorLog = (state, action) => {\r\n var note = {\r\n author: \"You\",\r\n message: `${action.payload}
`,\r\n modified: new Date().toISOString()\r\n }\r\n var currentLog = [...state.supervisorList];\r\n currentLog.splice(0, 0, note);\r\n return { ...state, supervisorList: currentLog }\r\n}\r\n\r\nconst _writeImportantLog = (state, action) => {\r\n var note = {\r\n author: \"You\",\r\n message: `${action.payload}
`,\r\n modified: new Date().toISOString()\r\n }\r\n var currentLog = [...state.importantList];\r\n currentLog.splice(0, 0, note);\r\n return { ...state, importantList: currentLog }\r\n}\r\n\r\nexport default logReducer;\r\n","import { useReducer } from \"react\";\r\nimport logActions from \"./logActions\";\r\nimport logReducer from \"./logReducer\";\r\n\r\n\r\nexport default function useNotes() {\r\n const [log, logDispatch] = useReducer(logReducer, {});\r\n const { fetchLog, \r\n fetchImportantLog, \r\n fetchSupervisorLog, \r\n write, \r\n writeImportantLog, \r\n writeSupervisorLog } = logActions(logDispatch);\r\n\r\n return {\r\n response: log,\r\n fetchLog,\r\n fetchImportantLog,\r\n fetchSupervisorLog,\r\n write,\r\n writeImportantLog,\r\n writeSupervisorLog\r\n };\r\n}\r\n","export const GET_LIST = \"GET_LIST\";\r\nexport const SET_UPLOAD_PROGRESS = \"SET_UPLOAD_PROGRESS\";\r\nexport const UPDATE_PHOTO_SOURCE = \"UPDATE_PHOTO_SOURCE\";\r\nexport const ADD_PHOTO = \"ADD_PHOTO\";\r\nexport const RENAME_PHOTO = \"RENAME_PHOTO\";\r\nexport const DELETE_PHOTO = \"DELETE_PHOTO\";\r\nexport const SET_LOADER = \"SET_LOADER\";","import axios from \"axios\";\r\nimport photoService from \"services/photoService\";\r\nimport config from 'config';\r\n\r\nimport {\r\n GET_LIST,\r\n SET_UPLOAD_PROGRESS,\r\n UPDATE_PHOTO_SOURCE,\r\n ADD_PHOTO,\r\n RENAME_PHOTO,\r\n DELETE_PHOTO,\r\n SET_LOADER\r\n} from \"./photosActionTypes\";\r\n\r\nconst photosActions = (dispatch) => {\r\n const fetchList = async (sessionId) => {\r\n let photoList = await _fetchList(sessionId);\r\n dispatch({\r\n type: GET_LIST,\r\n payload: photoList\r\n });\r\n };\r\n\r\n const setUploadProgress = (photoId, progress) => {\r\n dispatch({\r\n type: SET_UPLOAD_PROGRESS,\r\n payload: { photoId, progress }\r\n })\r\n }\r\n\r\n const updatePhotoSource = (photoId, filePath) => {\r\n dispatch({\r\n type: UPDATE_PHOTO_SOURCE,\r\n payload: { photoId, filePath }\r\n })\r\n }\r\n\r\n const addPhoto = (imageObject) => {\r\n dispatch({\r\n type: ADD_PHOTO,\r\n payload: imageObject\r\n })\r\n }\r\n\r\n const renamePhoto = async (imageObject, newName, sessionId, loaderType) => {\r\n dispatch({\r\n type: SET_LOADER,\r\n payload: {loader: loaderType, fileName: imageObject.fileName}\r\n });\r\n await photoService.renamePhoto(imageObject.fileName, newName, sessionId);\r\n dispatch({\r\n type: RENAME_PHOTO,\r\n payload: {newName, photoId: imageObject.id }\r\n });\r\n }\r\n\r\n const deletePhoto = async (fileName, sessionId) => {\r\n dispatch({\r\n type: SET_LOADER,\r\n payload: {loader: \"delete\", fileName}\r\n });\r\n await _deletePhoto(fileName, sessionId);\r\n dispatch({\r\n type: DELETE_PHOTO,\r\n payload: fileName\r\n })\r\n }\r\n\r\n return { fetchList, \r\n setUploadProgress, \r\n updatePhotoSource, \r\n addPhoto, \r\n renamePhoto,\r\n deletePhoto };\r\n};\r\n\r\nconst _deletePhoto = (fileName, sessionId) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Photo?fileName=${fileName}&sessionId=${sessionId}`,\r\n method: \"DELETE\"\r\n }).then((response) => {\r\n resolve(response.data);\r\n }).catch((response) => {\r\n console.log(\"Error getting logs\", response);\r\n reject();\r\n });\r\n });\r\n\r\n}\r\n\r\nconst _fetchList = (sessionId) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Photo/List?sessionId=${sessionId}`,\r\n method: \"GET\"\r\n }).then((response) => {\r\n resolve(response.data);\r\n }).catch((response) => {\r\n console.log(\"Error getting logs\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nexport default photosActions;","import {\r\n GET_LIST,\r\n SET_UPLOAD_PROGRESS,\r\n UPDATE_PHOTO_SOURCE,\r\n ADD_PHOTO,\r\n RENAME_PHOTO,\r\n DELETE_PHOTO,\r\n SET_LOADER\r\n} from \"./photosActionTypes\";\r\n\r\nconst photosReducer = (state, action) => {\r\n switch (action.type) {\r\n case GET_LIST:\r\n return { ...state, list: action.payload };\r\n case SET_UPLOAD_PROGRESS:\r\n return _setUploadProgress(state, action);\r\n case UPDATE_PHOTO_SOURCE:\r\n return _updatePhotoSource(state, action);\r\n case ADD_PHOTO:\r\n return _addPhoto(state, action);\r\n case RENAME_PHOTO:\r\n return _renamePhoto(state, action);\r\n case DELETE_PHOTO:\r\n return _deletePhoto(state, action);\r\n case SET_LOADER:\r\n return _setLoader(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst _setLoader = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n const fileName = action.payload.fileName;\r\n const loaderType = action.payload.loader;\r\n\r\n for (let i = 0; i < newPhotoList.length; i++) {\r\n if (newPhotoList[i].fileName === fileName) {\r\n newPhotoList[i].loader = {...newPhotoList[i].loader, [loaderType]: true}\r\n }\r\n }\r\n return { ...state, list: newPhotoList };\r\n}\r\n\r\nconst _deletePhoto = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n const fileName = action.payload;\r\n let filteredList = newPhotoList.filter(photo => photo.fileName !== fileName);\r\n return { ...state, list: filteredList };\r\n}\r\n\r\nconst _setUploadProgress = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n const photoId = action.payload.photoId;\r\n const progress = action.payload.progress;\r\n\r\n for (let i = 0; i < newPhotoList.length; i++) {\r\n if (newPhotoList[i].id === photoId &&\r\n newPhotoList[i].progress < progress) {\r\n newPhotoList[i].progress = progress;\r\n }\r\n }\r\n return { ...state, list: newPhotoList };\r\n}\r\n\r\nconst _updatePhotoSource = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n const photoId = action.payload.photoId;\r\n const filePath = action.payload.filePath;\r\n for (let i = 0; i < newPhotoList.length; i++) {\r\n if (newPhotoList[i].id === photoId) {\r\n newPhotoList[i].data = `/api/photo?path=${filePath}`;\r\n newPhotoList[i].uploaded = true;\r\n newPhotoList[i].fileName = filePath.replace(/^.*[\\\\/]/, '');\r\n }\r\n }\r\n return { ...state, list: newPhotoList };\r\n};\r\n\r\nconst _addPhoto = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n newPhotoList.push(action.payload);\r\n return { ...state, list: newPhotoList };\r\n}\r\n\r\nconst _renamePhoto = (state, action) => {\r\n const newPhotoList = [...state.list];\r\n for (let i = 0; i < newPhotoList.length; i++) {\r\n if (newPhotoList[i].id === action.payload.photoId) {\r\n newPhotoList[i].data = newPhotoList[i].data.replace(newPhotoList[i].fileName, action.payload.newName);\r\n newPhotoList[i].fileName = action.payload.newName;\r\n newPhotoList[i].loader = {...newPhotoList[i].loader, rename: false, addToReport: false}\r\n }\r\n }\r\n return { ...state, list: newPhotoList };\r\n}\r\n\r\nexport default photosReducer;\r\n","import { useReducer } from \"react\";\r\nimport photosActions from \"./photosActions\";\r\nimport photosReducer from \"./photosReducer\";\r\n\r\n\r\nexport default function usePhotos() {\r\n const [photos, photosDispatch] = useReducer(photosReducer, {});\r\n const { fetchList,\r\n setUploadProgress,\r\n updatePhotoSource,\r\n addPhoto,\r\n renamePhoto,\r\n deletePhoto } = photosActions(photosDispatch);\r\n\r\n return {\r\n response: photos,\r\n fetchList,\r\n setUploadProgress,\r\n updatePhotoSource,\r\n addPhoto,\r\n renamePhoto,\r\n deletePhoto \r\n };\r\n}\r\n","export const GET_DETAILS = \"GET_DETAILS\";\r\nexport const UPDATE_SITE_CONTACT = \"UPDATE_SITE_CONTACT\";\r\nexport const UPDATE_STREET_VIEW = \"UPDATE_STREET_VIEW\";\r\nexport const UPDATE_RA = \"UPDATE_RA\";\r\n","import axios from \"axios\";\r\nimport config from 'config';\r\n\r\nimport {\r\n GET_DETAILS,\r\n UPDATE_SITE_CONTACT,\r\n UPDATE_STREET_VIEW,\r\n UPDATE_RA\r\n} from \"./jobActionTypes\";\r\n\r\nconst jobActions = (dispatch) => {\r\n const getDetails = async (sessionId) => {\r\n let jobDetails = await _getDetails(sessionId);\r\n dispatch({\r\n type: GET_DETAILS,\r\n payload: jobDetails\r\n });\r\n };\r\n\r\n const updateSiteContact = async (sessionId, siteContact, siteContactPh, siteContactNotes) => {\r\n return new Promise(async (resolve, reject) => {\r\n await _updateSiteContact(sessionId, siteContact, siteContactPh, siteContactNotes);\r\n dispatch({\r\n type: UPDATE_SITE_CONTACT,\r\n payload: { siteContact, siteContactPh, siteContactNotes }\r\n });\r\n resolve();\r\n });\r\n }\r\n\r\n const updateStreetView = async (sessionId, streetViewUrl) => {\r\n await _updateStreetView(sessionId, streetViewUrl);\r\n dispatch({\r\n type: UPDATE_STREET_VIEW,\r\n payload: streetViewUrl\r\n });\r\n };\r\n\r\n const updateRa = async (sessionId, ra) => {\r\n await _updateRa(sessionId, ra);\r\n dispatch({\r\n type: UPDATE_RA,\r\n payload: ra\r\n })\r\n }\r\n\r\n return { getDetails, updateSiteContact, updateStreetView, updateRa };\r\n};\r\n\r\nconst _updateRa = (sessionId, ra) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/UpdateRa?sessionId=${sessionId}&ra=${ra}`,\r\n method: \"POST\"\r\n }).then((response) => {\r\n resolve();\r\n }).catch((response) => {\r\n console.log(\"Error updating RA\", response);\r\n reject();\r\n });\r\n })\r\n}\r\n\r\nconst _updateStreetView = (sessionId, streetViewUrl) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/UpdateStreetView?sessionId=${sessionId}&streetViewUrl=${streetViewUrl}`,\r\n method: \"POST\"\r\n }).then((response) => {\r\n resolve();\r\n }).catch((response) => {\r\n console.log(\"Error updating street view\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nconst _getDetails = (sessionId) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/GetDetails?sessionId=${sessionId}`,\r\n method: \"GET\"\r\n }).then((response) => {\r\n resolve(response.data);\r\n }).catch((response) => {\r\n console.log(\"Error getting Job Details\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\nconst _updateSiteContact = async (sessionId, siteContact, siteContactPh, siteContactNotes) => {\r\n return new Promise((resolve, reject) => {\r\n axios({\r\n url: `${config.url}/api/Jobs/UpdateSiteContact?sessionId=${sessionId}&siteContact=${siteContact}&siteContactPh=${siteContactPh}&siteContactNotes=${encodeURIComponent(siteContactNotes)}`,\r\n method: \"POST\"\r\n }).then((response) => {\r\n resolve();\r\n }).catch((response) => {\r\n console.log(\"Error getting Job Details\", response);\r\n reject();\r\n });\r\n });\r\n}\r\n\r\n\r\nexport default jobActions;","import {\r\n GET_DETAILS,\r\n UPDATE_SITE_CONTACT,\r\n UPDATE_STREET_VIEW\r\n} from \"./jobActionTypes\";\r\n\r\nconst jobReducer = (state, action) => {\r\n switch (action.type) {\r\n case GET_DETAILS:\r\n return { ...state, details: action.payload };\r\n case UPDATE_SITE_CONTACT:\r\n return { ...state, details: { ...state.details, siteContact: action.payload.siteContact, siteContactNotes: action.payload.siteContactNotes, siteContactPhone: action.payload.siteContactPhone } };\r\n case UPDATE_STREET_VIEW:\r\n console.log(\"streetView\", action.payload);\r\n return { ...state, details: { ...state.details, streetViewImage: action.payload } };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\n\r\nexport default jobReducer;\r\n","import { useReducer } from \"react\";\r\nimport jobActions from \"./jobActions\";\r\nimport jobReducer from \"./jobReducer\";\r\n\r\n\r\nexport default function useJob() {\r\n const [job, jobDispatch] = useReducer(jobReducer, {});\r\n const { getDetails, updateSiteContact, updateStreetView, updateRa } = jobActions(jobDispatch);\r\n\r\n return {\r\n response: job,\r\n getDetails,\r\n updateSiteContact,\r\n updateStreetView,\r\n updateRa\r\n };\r\n}\r\n","export const GET_LOCATION = \"GET_LOCATION\";\r\nexport const SET_LOCATION = \"SET_LOCATION\";","import {\r\n GET_LOCATION,\r\n SET_LOCATION \r\n} from \"./customerActionTypes\";\r\n\r\nconst customerActions = (dispatch) => {\r\n const getLocation = async () => {\r\n var response = await _getLocation();\r\n dispatch({\r\n type: GET_LOCATION,\r\n payload: response\r\n });\r\n }\r\n\r\n const setLocation = async (geolocation) => {\r\n dispatch({\r\n type: SET_LOCATION,\r\n payload: geolocation\r\n });\r\n }\r\n return { getLocation,setLocation };\r\n};\r\n\r\nconst _getLocation = () => {\r\n return new Promise((resolve, reject) => {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n (geolocation => {\r\n resolve({ geolocation, succes: true });\r\n }\r\n ), \r\n (code, message) => {\r\n resolve({success: false, message});\r\n });\r\n } else {\r\n resolve({ success: false, message: \"not supported in browser\" });\r\n }\r\n });\r\n}\r\n\r\nexport default customerActions;","import {\r\n GET_LOCATION,\r\n SET_LOCATION\r\n} from \"./customerActionTypes\";\r\n\r\nconst customerReducer = (state, action) => {\r\n switch (action.type) {\r\n case GET_LOCATION:\r\n return { ...state, geolocation: action.payload.geolocation, success : action.payload.success };\r\n case SET_LOCATION:\r\n return { ...state, geolocation: action.payload };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default customerReducer;\r\n","import { useReducer } from \"react\";\r\nimport customerActions from \"./customerActions\";\r\nimport customerReducer from \"./customerReducer\";\r\n\r\n\r\nexport default function useCustomer() {\r\n const [customer, customerDispatch] = useReducer(customerReducer, {});\r\n const { getLocation, setLocation } = customerActions(customerDispatch);\r\n\r\n return {\r\n response: customer,\r\n getLocation,\r\n setLocation\r\n };\r\n}\r\n","import React from \"react\";\r\nimport GlobalContext from \"./globalContext\";\r\nimport useSession from \"./sessionContext/useSession\";\r\nimport useLog from \"./logContext/useLog\";\r\nimport usePhotos from \"./photosContext/usePhotos\";\r\nimport useJob from \"./jobContext/useJob\";\r\nimport useCustomer from \"./customerContext/useCustomer\"\r\n\r\nconst GlobalState = props => {\r\n const stateHooks = {\r\n session: useSession(),\r\n log: useLog(),\r\n photos: usePhotos(),\r\n job: useJob(),\r\n customer: useCustomer(),\r\n sessionId: props.sessionId\r\n };\r\n\r\n return (\r\n {error}
,\r\n document.getElementById(\"root\")\r\n );\r\n}\r\nelse if (!sessionId) {\r\n ReactDOM.render(\r\n Session not found. SessionId must be included in the query string
,\r\n document.getElementById(\"root\")\r\n );\r\n}\r\nelse {\r\n ReactDOM.render(\r\n