\n
\n \n );\n }\n}\n\nexport default LogoutConfirmationModal;\n","import React, { Component } from 'react';\n\nclass OnlineAlertModal extends Component {\n render() {\n return (\n \n
\n \n
\n Logout
\nTo select this team, you need to log in again.
\n\n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default OnlineAlertModal;\n","import React, { Component } from 'react';\nimport { userLogout } from '../../common/globals';\n\nclass SessionExpireMessageModal extends Component {\n _onOK = async () => {\n await userLogout(true);\n }\n\n render() {\n return (\n \n
\n \n
\n Did you know?
\nYou must have as internet connection.
\nPlease check your connection and try again.
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default SessionExpireMessageModal;\n","import React, { Component } from 'react';\n\nclass InternalServerError extends Component {\n render() {\n return (\n \n
\n \n
\n OPtimize
\nYour session has expired.
\nPlease login again.
\n\n
\n \n
\n \n \n OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default InternalServerError;\n","import { connect } from 'react-redux';\nimport { onlineSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setOnline: (data) => {\n dispatch(onlineSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n online: state.online ? state.online : false,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { userSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setUser: (data) => {\n dispatch(userSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n user: state.user ? state.user : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { teamSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setTeam: (data) => {\n dispatch(teamSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n team: state.team ? state.team : null,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { serverUrlSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setServerUrl: (data) => {\n dispatch(serverUrlSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n serverUrl: state.serverUrl ? state.serverUrl : null,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport withOnline from '../../common/withOnline';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withUser from '../../common/withUser';\nimport withTeam from '../../common/withTeam';\nimport withServerUrl from '../../common/withServerUrl';\nimport {\n storeUser,\n userLogout,\n Fcm_Token,\n storeVersionCode\n} from '../../common/globals';\nimport { reLogin } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { deleteOfflineSyncCases } from '../../utils/db';\nimport { APP_VERSION, REQUEST_SOURCE, APP_GENERATION } from '../../common/config';\n\nclass ChangeTeamDataConfirmation extends Component {\n _onClickYes = async () => {\n try {\n const {\n user, setUser, setTeam, setLoader, notify, team, online\n } = this.props;\n if (online) {\n setLoader(true);\n await deleteOfflineSyncCases();\n setTeam(team);\n const userData = Object.assign(user, { team: team.id, selectedTeam: team });\n setUser(userData);\n storeUser(userData);\n storeVersionCode();\n const reLoginData = {\n userId: user.loginPayload.userId,\n password: user.loginPayload.password,\n requestSource: REQUEST_SOURCE,\n lastAppVersion: APP_VERSION,\n appGeneration: APP_GENERATION,\n deviceId: 'website',\n deviceToken: '0',\n fcmToken: Fcm_Token\n };\n\n reLogin(reLoginData).then(async (response) => {\n setLoader(false);\n const { status } = response;\n if (status) {\n // Add office & team\n response.office = user.office;\n response.team = user.team;\n response.territoryId = user.territoryId;\n response.remember = user.remember;\n response.selectedTeam = user.selectedTeam;\n response.loginPayload = reLoginData;\n await storeUser(response);\n await storeVersionCode();\n setUser(response);\n browserHistory.push('/sync-data');\n } else {\n notify({ type: 'error', message: response.message });\n userLogout(false);\n }\n });\n } else {\n notify({ type: 'error', message: 'You must an internet connection to Log In. Please check your connection and try again.', time: 3 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n Sorry! We are not able to process your request at this time.\n Please try again after some time.\n If this persists, your WiFi network may be blocking the kplogic.com domain.\n Ask the network admin to add kplogic.com to their whitelist.\n Another option is to turn off WiFi and use cellular data.\n
\n\n
\n \n
\n \n \n OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default withTeam(\n withServerUrl(withUser(withOnline(withNotify(withLoader(ChangeTeamDataConfirmation)))))\n);\n","import React, { Component } from 'react';\nimport { userLogout } from '../../common/globals';\nimport { deleteDb } from '../../utils/db';\nimport withUser from '../../common/withUser';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass RemoteWipeModal extends Component {\n _onOK = async () => {\n try {\n const { setUser } = this.props;\n await userLogout(true);\n setUser({});\n await deleteDb();\n window.localStorage.clear();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n You have cases with unsaved changes.
\nThese changes will be lost if you change team.
\nContinue?
\n\n
\n \n
\n \n \n
\n \n \n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default withUser(RemoteWipeModal);\n","import { connect } from 'react-redux';\nimport { calendarFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setCalendarFilter: (data) => {\n dispatch(calendarFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n calendarFilter: state.calendarFilter ? state.calendarFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { scanInventorySet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setScanInventory: (data) => {\n dispatch(scanInventorySet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n scanInventory: state.scanInventory ? state.scanInventory : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { scanInventoryScannerSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setScanInventoryScanner: (data) => {\n dispatch(scanInventoryScannerSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n scanInventoryScanner: state.scanInventoryScanner ? state.scanInventoryScanner : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { firstLoginSessionTokenSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setFirstLoginSessionToken: (data) => {\n dispatch(firstLoginSessionTokenSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n firstLoginSessionToken: state.firstLoginSessionToken ? state.firstLoginSessionToken : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { updatedRouteSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setUpdatedRoute: (data) => {\n dispatch(updatedRouteSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n updatedRoute: state.updatedRoute ? state.updatedRoute : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport withOnline from '../../common/withOnline';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withUser from '../../common/withUser';\nimport withTeam from '../../common/withTeam';\nimport withServerUrl from '../../common/withServerUrl';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { userLogout, storeLastVisitedRoute } from '../../common/globals';\nimport {\n deleteAllCases, deleteDb, deleteOfflineSyncCases, deleteUnSubmittedScanSessions\n} from '../../utils/db';\nimport withCalendarFilter from '../../common/withCalendarFilter';\nimport withScanInventory from '../../common/withScanInventory';\nimport withScanInventoryScanner from '../../common/withScanInventoryScanner';\nimport withFirstLoginSessionToken from '../../common/withFirstLoginSessionToken';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\nimport { signout } from '../../utils/utils';\n\nclass UnSubmittedScanSessions extends Component {\n _onClickYes = async () => {\n try {\n const {\n setTeam, setLoader, setCalendarFilter, setScanInventory, setScanInventoryScanner,\n setFirstLoginSessionToken, setUpdatedRoute, online\n } = this.props;\n if (online) {\n setLoader(true);\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n await deleteDb();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n signout().then(async () => {\n await userLogout();\n setLoader(false);\n });\n } else {\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n // await deleteDb();\n await deleteAllCases();\n await deleteOfflineSyncCases();\n await deleteUnSubmittedScanSessions();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n browserHistory.push('/');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n Attention
\nA remove wipe has been requested for this user
\n\n
\n \n
\n \n \n OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default withTeam(\n withServerUrl(withUser(withOnline(withNotify(withLoader(withCalendarFilter(\n withScanInventory(withScanInventoryScanner(withFirstLoginSessionToken(\n withUpdatedRoute(UnSubmittedScanSessions)\n )))\n ))))))\n);\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport withOnline from '../../common/withOnline';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withUser from '../../common/withUser';\nimport withTeam from '../../common/withTeam';\nimport withServerUrl from '../../common/withServerUrl';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { userLogout, storeLastVisitedRoute } from '../../common/globals';\nimport {\n deleteAllCases, deleteDb, deleteOfflineSyncCases, getUnSubmittedScanSessions\n} from '../../utils/db';\nimport withCalendarFilter from '../../common/withCalendarFilter';\nimport withScanInventory from '../../common/withScanInventory';\nimport withScanInventoryScanner from '../../common/withScanInventoryScanner';\nimport withFirstLoginSessionToken from '../../common/withFirstLoginSessionToken';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\nimport { signout } from '../../utils/utils';\n\nclass UnSavedCaseChanges extends Component {\n constructor(props) {\n super(props);\n this.unSubmittedScanSessions = null;\n this.unSavedCaseChanges = null;\n }\n\n componentDidMount() {\n try {\n this.unSubmittedScanSessions = new window.bootstrap.Modal(window.$('#unSubmittedScanSessionsModal'));\n this.unSavedCaseChanges = new window.bootstrap.Modal(window.$('#unSavedCaseChangesModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickYes = async () => {\n try {\n const {\n setTeam, setLoader, setCalendarFilter, setScanInventory, setScanInventoryScanner,\n setFirstLoginSessionToken, setUpdatedRoute, online\n } = this.props;\n const unSubmittedScanSessions = await getUnSubmittedScanSessions();\n if (online) {\n if (unSubmittedScanSessions !== undefined\n && !unSubmittedScanSessions.length > 0) {\n setLoader(true);\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n await deleteDb();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n signout().then(async () => {\n await userLogout();\n setLoader(false);\n });\n } else {\n this.unSavedCaseChanges.hide();\n this.unSubmittedScanSessions.show();\n return;\n }\n } else if (!online && unSubmittedScanSessions !== undefined\n && unSubmittedScanSessions.length > 0) {\n this.unSavedCaseChanges.hide();\n this.unSubmittedScanSessions.show();\n return;\n } else {\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n // await deleteDb();\n await deleteAllCases();\n await deleteOfflineSyncCases();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n browserHistory.push('/');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n You have unsubmitted scan sessions.
\nThese sessions will be lost if you log out.
\nContinue?
\n\n
\n \n
\n \n \n
\n \n \n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default withTeam(\n withServerUrl(withUser(withOnline(withNotify(withLoader(withCalendarFilter(\n withScanInventory(withScanInventoryScanner(withFirstLoginSessionToken(\n withUpdatedRoute(UnSavedCaseChanges)\n )))\n ))))))\n);\n","import React, { Component } from 'react';\nimport { upgradeUrl } from '../../common/config';\n\nclass StatusCode400 extends Component {\n _onClickDownload = () => {\n window.open(`${upgradeUrl}`);\n }\n\n render() {\n return (\n \n
\n \n
\n You have cases with unsaved changes.
\nThese changes will be lost if you log out.
\nContinue?
\n\n
\n \n
\n \n \n
\n \n \n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default StatusCode400;\n","import React, { Component } from 'react';\nimport { upgradeUrl } from '../../common/config';\nimport { userLogout } from '../../common/globals';\n\nclass StatusCode426 extends Component {\n _onClickDownload = () => {\n window.open(`${upgradeUrl}`);\n }\n\n _onClickCancel = async () => {\n await userLogout(true);\n }\n\n render() {\n return (\n \n
\n \n
\n OPtimize
\nPlease upgrade your app version. It's out of date.
\n\n
\n \n
\n
\n \n \n Cancel\n \n
\n \n
\n \n Get the new version\n \n
\n \n
\n \n );\n }\n}\n\nexport default StatusCode426;\n","import React, { Component } from 'react';\nimport { userLogout } from '../../common/globals';\n\nclass StatusCode503 extends Component {\n _onClickOk = async () => {\n await userLogout(true);\n }\n\n render() {\n return (\n \n
\n \n
\n OPtimize
\nPlease upgrade your app version. It's out of date.
\n\n
\n \n
\n \n \n Get the new version\n \n
\n \n \n Cancel\n \n
\n \n
\n \n );\n }\n}\n\nexport default StatusCode503;\n","import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nfunction OptimizeModal({\n modalBody, modalFooter, show, onClose, ...props\n}) {\n const modalRef = useRef();\n const [modalInstance, setModalInstance] = useState();\n\n useEffect(() => {\n const modalElement = modalRef.current;\n if (!modalElement) return;\n setModalInstance(new window.bootstrap.Modal(modalElement));\n modalElement.addEventListener('hidden.bs.modal', onClose);\n }, []);\n\n useEffect(() => {\n if (!modalInstance) return;\n if (show) {\n modalInstance.show();\n } else {\n modalInstance.hide();\n }\n }, [show, modalInstance]);\n\n return (\n \n
\n \n
\n System temporarily down for maintenance.
\n\n
\n \n
\n \n \n Ok\n \n
\n \n
\n \n );\n}\n\nOptimizeModal.defaultProps = {\n modalFooter: null,\n modalBody: null,\n onClose: () => {},\n};\n\nOptimizeModal.propTypes = {\n modalBody: PropTypes.node,\n modalFooter: PropTypes.node,\n show: PropTypes.bool.isRequired,\n onClose: PropTypes.func,\n};\n\nexport default OptimizeModal;\n","import { connect } from 'react-redux';\nimport { derModalSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setDerModal: (data) => {\n dispatch(derModalSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n derModal: state.derModal ? state.derModal : null,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React from 'react';\nimport OptimizeModal from '../OptimizeModal.js';\nimport withDerModal from '../../../common/withDerModal.js';\n\nfunction DERTrackingModal({ setDerModal, derModal }) {\n const onClickYes = () => {\n setDerModal({ ...derModal, show: false, answer: 'Yes' });\n };\n\n const onClickNo = () => {\n setDerModal({ ...derModal, show: false, answer: 'No' });\n };\n\n return (\n \n
\n \n {modalBody}\n
\n \n {modalFooter}\n
\n Are J&J MedTech products being revised?
\nIf Yes, a DER is required.
\n \n )}\n modalFooter={(\n //\n // {\n // setDerModal({ ...derModal, show: false, answer: 'No' });\n // }}\n // >\n // No\n // \n // {\n // setDerModal({ ...derModal, show: false, answer: 'Yes' });\n // }}\n // >\n // Yes\n // \n //
\n \n
\n )}\n />\n );\n}\n\nexport default withDerModal(\n DERTrackingModal\n);\n","import React, { Component } from 'react';\n\nclass AcmPushCaseStatusCode extends Component {\n render() {\n return (\n \n onClickNo()}\n >\n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default AcmPushCaseStatusCode;\n","import React from 'react';\nimport LogoutConfirmationModal from './LogoutConfirmationModal';\nimport OnlineAlertModal from './OnlineAlertModal';\nimport SessionExpireMessageModal from './SessionExpireMessageModal';\nimport InternalServerErrorModal from './InternalServerError';\nimport ChangeTeamDataConfirmation from './ChangeTeamDataConfirmation';\nimport RemoteWipeModal from './RemoteWipeModal';\nimport UnSubmittedScanSessions from './UnSubmittedScanSessions';\nimport UnSavedCaseChanges from './UnSavedCaseChanges';\nimport StatusCode400 from './StatusCode400';\nimport StatusCode426 from './StatusCode426';\nimport StatusCode503 from './StatusCode503.js';\nimport DERTrackingModal from '../commonComponents/Modals/DERTrackingModal.js';\nimport AcmPushCaseStatusCode from './AcmPushCaseStatusCode.js';\n\nconst Modals = () => (\n <>\n \n\n
\n \n \n
\n\n \n
\n\n \n
\n \n \n Ok\n \n
\n \n
\n );\n }\n}\n\nexport default withNotifications(withOnline(App));\n","import React, { Component } from 'react';\n\nclass NotFound extends Component {\n render() {\n return \n
\n Page Not Found
;\n }\n}\n\nexport default NotFound;\n","import { connect } from 'react-redux';\nimport { goBackSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setGoBack: (data) => {\n dispatch(goBackSet(data));\n }\n});\n\nconst mapStateToProps = (state) => ({\n goBack: state.goBack ? state.goBack : []\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { setsListStateStorageSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSetsListStateStorage: (data) => {\n dispatch(setsListStateStorageSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n setsListStateStorage: state.setsListStateStorage ? state.setsListStateStorage : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { tableNameSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setTableName: (data) => {\n dispatch(tableNameSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n tableName: state.tableName ? state.tableName : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { selectCaseDateSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSelectCaseDate: (data) => {\n dispatch(selectCaseDateSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n selectCaseDate: state.selectCaseDate ? state.selectCaseDate : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { caseFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setCaseFilter: (data) => {\n dispatch(caseFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n caseFilter: state.caseFilter ? state.caseFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { selectedSetsPayloadSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSelectedSetsPayload: (data) => {\n dispatch(selectedSetsPayloadSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n selectedSetsPayload: state.selectedSetsPayload ? state.selectedSetsPayload : [],\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { aggregatePlanSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setAggregatePlan: (data) => {\n dispatch(aggregatePlanSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n aggregatePlan: state.aggregatePlan ? state.aggregatePlan : [],\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { productsSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setProducts: (data) => {\n dispatch(productsSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n products: state.products ? state.products : [],\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { caseDerSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setCaseDer: (data) => {\n dispatch(caseDerSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n caseDer: state.caseDer ? state.caseDer : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","export default __webpack_public_path__ + \"static/media/three-dots.aa5b0f8b.svg\";","import React, { Component } from 'react';\n\nclass CaseChangesNoLonger extends Component {\n render() {\n // const { id } = this.props;\n return (\n \n
\n \n );\n }\n}\n\nexport default CaseChangesNoLonger;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/dollarSign.067f9803.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAACDklEQVR42u3dIY4UQRiG4b9m9giIhYRTgMAg8Fhw6BWL4gocAEHYBIvda2yCAoPCcwYUvYWdTDANTddsf89zgKm/kjddlRY9VQAAAAAAAAAAAADceW2thfpVPbm9rTejN/zXWn3bX9bb0WMs7Wythaaqh63Vi9Eb/gdPq7YXwG70AHfIeX9fD0YPsTQBzDDt6tHoGZYmgBlaCSBaawKI1ns9Hj3D0gQwz3n/WPdHD7EkAcw0/drWU0AAM23tIiiAmbZ2EVztTeBW9F7Ppw/V11+4rvev6+XSP+sJEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBDuJL8U2qs+t14/Vl+41bOqujd6/2s6yQCq1bv9ZV2vvex0VZ+q16vR21+TI+BQry+jR1ibAA7sSgDZzuprVU2jx1iTAA60i/pZvb6PnmNNAji2yzoGBHAs7CIogCNpF0EBHAu7CArgSNpF8DTfBA62a3UxtdP6g8j9f3o1LoA/aJd1M3qGtTgCwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAAAAAAAAAAAA25jfgtTgN28DgoAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNC0xOFQwOTo0MjowNCswMDowMPjne9gAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDQtMThUMDk6NDI6MDQrMDA6MDCJusNkAAAAAElFTkSuQmCC\"","import React, { Component } from 'react';\n\nclass DerNotSaved extends Component {\n render() {\n const {\n onClickYes, id, title, text\n } = this.props;\n return (\n \n
\n \n
\n Changes can no longer be made to this case.
\n\n
\n \n
\n \n browserHistory.push(`/manage-case/${id}`)}\n >OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default DerNotSaved;\n","import { connect } from 'react-redux';\nimport { readCaseDataSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setReadCaseData: (data) => {\n dispatch(readCaseDataSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n readCaseData: state.readCaseData,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { selectCaseIdSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSelectCaseId: (data) => {\n dispatch(selectCaseIdSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n selectCaseId: state.selectCaseId ? state.selectCaseId : '',\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAJZlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgExAAIAAAARAAAAWodpAAQAAAABAAAAbAAAAAAAAABgAAAAAQAAAGAAAAABd3d3Lmlua3NjYXBlLm9yZwAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAArYH0OAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAi1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+d3d3Lmlua3NjYXBlLm9yZzwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj45NjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+OTY8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgryNKKqAAABJklEQVQ4Ea1VSxKCMAylMI5bPYZ30YV6BY+hgi78bDyAR3TpwiX1vbZxClOgZexMSPN7SdoAKotcWmsFV1KmlKojw8JuDuxnpNzWiTGXTQwHyB10Q4Ua/p2gvVgAKOgAvgDJOjhdAYU5hl6QthFBAroWRPDyX6CbAGgOna0UGwqxNHVVbQOg49qX4wDgElQ74MolynlTc3FK4BPc9AuxO8Q8QWz3BF1FwHckkBkV+JJz8aI+oBmI40f5kTSHCOhaMjr1P1su0fK5K+OgHke1AsmlHBkAueAjdmToFxqbcW+NyW6r8AdbwJhMznGwO9uKBfNfPQFLG2ivMv/jsGcZtCVVJrVLEPgVdHFgaW0KmAtunA8TSBLfj/uGY9voyw7A+GPeOn8BX5IFcrfZ3pP4AAAAAElFTkSuQmCC\"","import React, { useState, useEffect } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport withTeam from '../common/withTeam';\nimport withLoader from '../common/withLoader';\nimport withNotify from '../common/withNotify';\nimport withTableName from '../common/withTableName';\nimport withOnline from '../common/withOnline';\nimport withProducts from '../common/withProducts';\nimport withGoBack from '../common/withGoBack';\nimport withCaseDer from '../common/withCaseDer';\nimport Bugsnag from '../helpers/bugsnag';\nimport threeDot from '../assets/images/three-dots.svg';\nimport {\n getTableCaseByCaseId,\n getVhnPpcValue,\n updateTableWiseCaseByCaseId\n} from '../utils/db';\nimport {\n updateCase,\n uploadDgr,\n} from '../utils/utils';\nimport CaseChangesNoLonger from './Models/CasesChangesNoLonger';\nimport ArrowRight from '../assets/images/arrow-right.png';\nimport XrayIcon from '../assets/images/radiology-box-outline.png';\nimport DollarSign from '../assets/images/dollarSign.png';\nimport AcmFlag from '../assets/images/flag.png';\nimport DerSubmit from './Models/DerSubmit';\nimport {\n getDERFlag,\n getTerritoryData,\n getUser,\n handleProductsButtonClick\n} from '../common/globals';\nimport withDerModal from '../common/withDerModal.js';\nimport withReadCaseData from '../common/withReadCaseData.js';\nimport withSelectCaseId from '../common/withSelectCaseId';\nimport FFFIcon from '../assets/images/fff_90_90.png';\nimport ACMRightArrow from '../assets/images/right-arrowACM.png';\n\nconst CaseRow = (props) => {\n const [active, setActive] = useState(true);\n const [vhnValue, setVhnValue] = useState({});\n const [acmPlanned, setAcmPlanned] = useState([]);\n const caseChangesNoLonger = null;\n const [isDER, setisDER] = useState(false);\n const [isFFFVisable, setIsFFFVisable] = useState(false);\n\n const _getDERFlagValue = async () => {\n try {\n const isDERValue = await getDERFlag();\n setisDER(isDERValue);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onRedirect = (event, path) => {\n try {\n const {\n setTableName, table, onRedirect, notify, data: {\n MRN, PatientID, id, CaseDate,\n }, onMrnPatientIdAdd, online\n } = props;\n setTableName(table);\n event.stopPropagation();\n if (path === '') {\n if ((MRN === null || MRN === '') && (PatientID === null || PatientID === '')) {\n if (new Date(CaseDate) > new Date()) {\n notify({\n type: 'error',\n message: 'You can\\'t add or view products for a case in the future.'\n });\n } else {\n onMrnPatientIdAdd(id);\n }\n } else {\n if (online) {\n console.error('Unexpected Error.');\n } else {\n notify({\n type: 'error',\n message: 'You can\\'t add or view product when offline.'\n });\n }\n }\n } else {\n onRedirect(path);\n }\n // path === ''\n // ? ((MRN === null || MRN === '') && (PatientID === null || PatientID === ''))\n // ? (new Date(CaseDate) > new Date())\n // ? notify({\n // type: 'error',\n // message: 'You can\\'t add or view products for a case in the future.'\n // })\n // : onMrnPatientIdAdd(id)\n // : notify({\n // type: 'error',\n // message: 'You can\\'t add or view product when offline.'\n // })\n // : onRedirect(path);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _getVhnPpcValue = async () => {\n try {\n const { data: { CustomerName } } = props;\n let vhnPpcValue = {};\n if (CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(CustomerName);\n }\n setVhnValue(vhnPpcValue);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _getAcmPlanned = async () => {\n try {\n const { data: { ACMPlannedParts } } = props;\n const plannedArr = [];\n if (ACMPlannedParts !== null) {\n const ACMPlannedArray = ACMPlannedParts.split(';');\n ACMPlannedArray.map((value) => {\n plannedArr.push(value.split(','));\n });\n }\n const plannedValue = plannedArr.slice(0).map(\n ([productId, bodyComponent, confidence, isTemplated,\n shortDesc, longDesc]) => (\n {\n productId, bodyComponent, confidence, isTemplated, shortDesc, longDesc\n }\n )\n );\n const templatedPlannedData = [];\n for (const planned of plannedValue) {\n if (!_.isEmpty(planned.shortDesc)) {\n templatedPlannedData.push(planned);\n }\n }\n setAcmPlanned(templatedPlannedData);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n useEffect(async () => {\n try {\n await _getVhnPpcValue();\n await _getAcmPlanned();\n await _getDERFlagValue();\n\n const {\n territories,\n territoryId,\n selectedTeam\n } = props;\n\n territories.map((item) => {\n if (item.isFFF && item.id === territoryId) {\n if (item.hasOwnProperty('offices')) {\n item.offices.map((office) => {\n if (office.hasOwnProperty('teams')) {\n office.teams.map((team) => {\n if (team.isFFF && team.id === selectedTeam.id) {\n setIsFFFVisable(true);\n }\n });\n }\n });\n }\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }, []);\n\n const _onProductClick = (id) => {\n try {\n const { addVhnPpc, setLoader } = props;\n setLoader(true);\n addVhnPpc(id);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onProductClickVras = (id) => {\n try {\n const { addVrasPpc, setLoader } = props;\n setLoader(true);\n addVrasPpc(id);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const onBeforeProduct = (e) => {\n const { setDerModal, data: { ProcedureType, id, DERRequired } } = props;\n const user = getUser();\n const territory = getTerritoryData(user);\n const location = window.location.href;\n if (territory\n && territory.isDER\n && id\n && typeof ProcedureType !== 'undefined'\n && ProcedureType !== null\n && ProcedureType.toUpperCase() === 'REVISION'\n && (DERRequired === null\n || DERRequired === undefined)\n && (location.includes('manage-cases')\n || location.includes('missing-dgr'))) {\n e.stopPropagation();\n setDerModal({ show: true, for: id });\n return;\n }\n onProduct(e);\n };\n\n const onProduct = (e = { stopPropagation: () => { } }) => {\n try {\n const {\n setTableName, table, online, notify,\n data: { CaseScheduleID, DGR }, scanner, setProducts\n } = props;\n setProducts([]);\n setTableName(table);\n const resultedRoute = handleProductsButtonClick(\n online,\n {\n CaseDate,\n CaseScheduleID,\n ACMCaseID,\n MRN,\n PatientID,\n CaseType,\n id,\n DGR,\n case_products,\n CreateRep\n },\n CaseDate,\n {\n addPatientIdOrMrn: () => props.onMrnPatientIdAdd(id),\n addVhnPpc: () => _onProductClick(id),\n addVrasPpc: () => _onProductClickVras(id)\n },\n scanner,\n vhnValue.VHN_PPC,\n vhnValue.VHN_Other,\n vhnValue.VRAS_PPC,\n vhnValue.VRAS_Other,\n notify\n );\n if (resultedRoute) {\n _onRedirect(e, resultedRoute);\n }\n e.stopPropagation();\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onXrays = (e) => {\n try {\n const { online, notify } = props;\n if (online) {\n _onRedirect(e, `/manage-case/${id}/x-ray`);\n } else {\n e.stopPropagation();\n notify({ type: 'error', message: 'X-rays cannot be views without an internet connection.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onClickSets = (e) => {\n try {\n const { online, notify, data: { CaseScheduleID } } = props;\n if (online && CaseScheduleID === null) {\n e.stopPropagation();\n notify({ type: 'error', message: 'Case must be submitted and have a CaseNo before adding sets.', time: 2 });\n } else if (online && CaseScheduleID !== null) {\n _onRedirect(e, `/manage-case/${id}/sets`);\n } else {\n e.stopPropagation();\n notify({ type: 'error', message: 'You must be connected to the internet to view sets.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _preventParentClick = (e) => {\n try {\n e.stopPropagation();\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onOpenCaseMenu = (e) => {\n try {\n _preventParentClick(e);\n window.closeAllCasesMenu(window.$(e.target).attr('data-id'));\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onFilter = (event, key) => {\n try {\n if (key !== 'mix') {\n event.preventDefault();\n event.stopPropagation();\n const { onFilter } = props;\n if (onFilter) {\n props.onFilter({ [key]: event.target.value });\n }\n } else {\n const mix = {};\n mix.selectedTypes = event.CaseType;\n for (const filterValue in mix) {\n if (mix[filterValue] === null || mix[filterValue] === undefined || mix[filterValue] === '') {\n delete mix[filterValue];\n }\n }\n props.onFilter(mix);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onSideMenuPress = React.useCallback((event, key, index) => {\n try {\n if (key !== 'mix') {\n setActive(false);\n _onFilter(event, key);\n window.closeToggleMenu(event, `#cardMenu-${index}`);\n } else {\n setActive(false);\n _onFilter(event, key);\n window.closeToggleMenu(event, `#cardMenu-${index}`);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }, []);\n\n const _onRedirectTo = (path) => {\n try {\n if (window.disabledClick) {\n return false;\n }\n const {\n onRedirect, setTableName, table\n } = props;\n setTableName(table);\n\n if (active) {\n onRedirect(path);\n setTableName(table);\n } else {\n setActive(true);\n setTableName(table);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onGoBack = () => {\n try {\n const { goBack, setGoBack } = props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onSubmitCase = async (event, index) => {\n try {\n const {\n data: { id }, team: { dgrRequired }, onSubmitCase, onCaseSubmitted, online,\n onShowDgrRequiredModal\n } = props;\n event.preventDefault();\n event.stopPropagation();\n window.closeToggleMenu(event, `#cardMenu-${index}`);\n\n const newUpdatedCaseDetail = await getTableCaseByCaseId(id, table);\n\n if (online && newUpdatedCaseDetail.case_products.length > 0\n && newUpdatedCaseDetail.ProductSubmitted === '0' && dgrRequired === 6 && newUpdatedCaseDetail.case_dgrs.length === 0) {\n onShowDgrRequiredModal(id);\n return;\n }\n\n (Submitted === '1' && ProductSubmitted === '1')\n ? onCaseSubmitted()\n // : (Submitted === '1' && Synced === '1' && ProductSubmitted === '1')\n // ? onCaseSubmitted()\n : onSubmitCase(id);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onCancelCase = (e, index) => {\n try {\n const {\n online, notify, data: { id }, onCancel, onGetACMCase\n } = props;\n _preventParentClick(e);\n if (online) {\n onCancel(id);\n onGetACMCase(id);\n } else {\n window.closeToggleMenu(e, `#cardMenu-${index}`);\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onBilling = (e, index) => {\n try {\n const { onRedirect, notify, online } = props;\n _preventParentClick(e);\n if (online) {\n onRedirect(`/billing-detail/${id}`);\n } else {\n window.closeToggleMenu(e, `#cardMenu-${index}`);\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onDER = (e, index) => {\n try {\n const {\n onRedirect, setCaseDer, setTableName, table, setReadCaseData, data, setSelectCaseId\n } = props;\n setReadCaseData(data);\n setSelectCaseId(index);\n _preventParentClick(e);\n setCaseDer('true');\n setTableName(table);\n onRedirect(`/ders/search-ders/search-results/${id}`);\n window.closeToggleMenu(e, `#cardMenu-${index}`);\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const onSelectImage = async (formData) => {\n try {\n const {\n online, notify, setLoader, tableName, data: { id }\n } = props;\n const uploadFile = document.getElementById(`uploadDGREle-${id}`);\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n console.log(caseChangesNoLonger);\n // if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n // caseChangesNoLonger.show();\n // return;\n // }\n\n const body = formData.files[0];\n if (!(/\\.(gif|jpg|jpeg|tiff|png|pdf|heic)$/i).test(body.name)) {\n notify({ type: 'error', message: 'Only images and PDF files are allowed for DGR uploads.' });\n return;\n }\n setLoader(true);\n if (online) {\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const {\n message, data, result\n } = responseJson;\n if (result === 'success') {\n if (message.length > 0) {\n uploadFile.value = null;\n }\n _onGoBack();\n // Update into local db\n caseDetailsRes.case_dgrs.push(data);\n caseDetailsRes.DGRUpload = '2';\n caseDetailsRes.ProductSubmitted = '0';\n await updateCase(caseDetailsRes);\n await updateTableWiseCaseByCaseId(caseDetailsRes.RepCaseNo, caseDetailsRes, tableName);\n setLoader(false);\n } else if (result === 'failure') {\n notify({ type: 'error', message });\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n setLoader(false);\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const onRedirectToDgr = () => {\n try {\n setTimeout(() => {\n const {\n goBack, setGoBack, setLoader, data: { id }\n } = props;\n const uploadFile = document.getElementById(`uploadDGREle-${id}`);\n setLoader(true);\n _onGoBack();\n if (uploadFile !== null && uploadFile.value.length) {\n } else {\n if (goBack.length === 2 && goBack[goBack.length - 2] === '/manage-cases') {\n setGoBack('/manage-cases');\n return;\n }\n if (goBack.length === 3) {\n if (goBack[goBack.length - 2] === '/missing-dgr') {\n setGoBack(['/billing', '/missing-dgr']);\n return;\n } if (goBack[goBack.length - 2] === '/missing-pos') {\n setGoBack(['/billing', '/missing-pos']);\n return;\n } if (goBack[goBack.length - 2] === '/billing/notBilledCases') {\n setGoBack(['/billing', '/billing/notBilledCases']);\n return;\n }\n }\n if (goBack.length === 4 && goBack[goBack.length - 1] === '/manage-cases/filter-cases') {\n setGoBack(['/manage-cases', '/manage-cases/filter', '/manage-cases/filter-cases']);\n return;\n }\n browserHistory.push(`/manage-case/${id}/products/dgr`);\n setLoader(false);\n }\n document.body.onfocus = null;\n }, 1000);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const onCancelUploadImage = () => {\n try {\n const { setLoader } = props;\n setLoader(true);\n document.body.onfocus = onRedirectToDgr;\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onAcmflags = (e) => {\n try {\n _onRedirect(e, `/manage-case/${id}/acm-products/acmFlagDetails`);\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onAcmDollar = (e) => {\n try {\n const { online, notify } = props;\n if (online) {\n _onRedirect(e, `/billing-detail/${id}`);\n } else {\n e.stopPropagation();\n notify({ type: 'error', message: 'You must be connected to the internet to view billing details.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const _onACMPushCase = (e, index) => {\n try {\n const {\n online,\n notify,\n onACMPushCase\n } = props;\n\n _preventParentClick(e);\n if (online) {\n window.closeToggleMenu(event, `#cardMenu-${index}`);\n onACMPushCase(id);\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const onSubmitDer = async () => {\n try {\n const {\n data: { id }, team: { dgrRequired }, onSubmitCase, onCaseSubmitted, online\n } = props;\n const newUpdatedCaseDetail = await getTableCaseByCaseId(id, table);\n\n if (online && newUpdatedCaseDetail.case_products.length > 0\n && ProductSubmitted === '0' && dgrRequired === 6 && newUpdatedCaseDetail.case_dgrs.length === 0) {\n return;\n }\n\n (Submitted === '1' && ProductSubmitted === '1')\n ? onCaseSubmitted()\n // : (Submitted === '1' && Synced === '1' && ProductSubmitted === '1')\n // ? onCaseSubmitted()\n : onSubmitCase(id);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const _onEditedCase = async (event, index) => {\n try {\n const {\n data: { id, CaseDate },\n online,\n goBack,\n tableName,\n setSelectCaseDate,\n setGoBack,\n notify\n } = props;\n event.preventDefault();\n event.stopPropagation();\n window.closeToggleMenu(event, `#cardMenu-${index}`);\n\n if (online) {\n goBack.push(window.location.pathname);\n\n browserHistory.push(`/manage-case/${id}/edit`);\n if (tableName === 'Cases') {\n setSelectCaseDate(new Date(CaseDate.replace(/-/g, '/')));\n }\n setGoBack(goBack);\n } else if (!moment(CaseDate, 'YYYY-MM-DD').isSameOrBefore()) {\n notify({ type: 'error', message: 'This case can no longer be edited while offline.' });\n } else {\n // this.patientAndMrnEditOfflineModal.show();\n }\n\n if (tableName === 'Cases') {\n setSelectCaseDate(new Date(CaseDate.replace(/-/g, '/')));\n }\n\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n useEffect(() => {\n const {\n derModal, data, setDerModal, setLoader, online, tableName, onRefreshDate\n } = props;\n if (derModal.answer && derModal.for === data.id) {\n const handleModalAnswer = async () => {\n const updatedCase = {\n ...data,\n DERRequired: derModal.answer.toUpperCase() === 'YES' ? '1' : '0'\n };\n if (online) {\n await updateCase(updatedCase).finally(() => setLoader(false));\n setDerModal({ ...derModal, answer: null, for: null });\n updateTableWiseCaseByCaseId(updatedCase.RepCaseNo, updatedCase, tableName);\n } else {\n updatedCase.Sync = 1;\n updateTableWiseCaseByCaseId(updatedCase.RepCaseNo, updatedCase, tableName);\n }\n if (onRefreshDate) {\n await onRefreshDate(new Date(updatedCase.CaseDate));\n }\n onProduct();\n setDerModal({ ...derModal, answer: null, for: null });\n };\n setLoader(true);\n handleModalAnswer().finally(() => setLoader(false));\n }\n }, [props.derModal]);\n\n const {\n smallLargeCard,\n isCancel = true,\n type,\n data: {\n ACMCaseID,\n SurgeonName,\n CustomerName,\n PatientID,\n CoverRep,\n CaseType,\n AltCaseType,\n Side,\n ProcedureType,\n RepCaseNo,\n CaseNo,\n Submitted,\n id,\n case_products,\n case_xrays,\n ProductSubmitted,\n case_sets,\n CaseDate,\n MRN, POIssue, CaseTime,\n PriceSheet,\n ACMCaseFlags,\n Gender,\n FFFValue,\n RepNotes,\n CreateRep,\n ACMCaseID2\n },\n team: { salesAccess },\n table,\n isGroup,\n screenWidth,\n filterCase\n } = props;\n\n let setsQuantity = 0;\n if (case_sets !== undefined) {\n setsQuantity = case_sets.reduce((sum, { Quantity }) => sum + parseInt(Quantity, 10), 0);\n }\n\n const ShowPushACM = (ACMCaseID2 !== null && CreateRep !== 'ACM');\n const ShowACM = (ACMCaseID !== null && CreateRep === 'ACM');\n\n return (\n <>\n \n
\n \n
\n {title}
\n{text}
\n\n
\n \n
\n \n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n \n\n _onRedirectTo(`/manage-case/${id}`)}>\n
\n {\n (typeof RepNotes !== 'undefined' && RepNotes !== null && RepNotes !== '')\n ? (\n \n
\n\n \n
\n \n \n {\n type === 'caseCard'\n ? moment(CaseTime, ['HH:mm']).format('h:mm A')\n : type === 'billedCaseRow'\n ? moment(CaseDate).format('MMM DD, YYYY')\n : moment(CaseDate, ['YYYY-MM:DD']).format('DD MMM YY')\n }\n \n\n {\n !(Submitted === '1' && (ProductSubmitted === '1' || ProductSubmitted === null))\n ? (\n _onSubmitCase(e, id)\n }\n >\n 
\n \n )\n : \n }\n\n {\n (props.data.hasOwnProperty('case_xrays') && case_xrays.length > 0)\n ? (\n \n _onXrays(e)}>\n 
\n \n \n )\n : \n }\n\n {\n (PriceSheet !== null && PriceSheet !== undefined && PriceSheet !== '' && PriceSheet !== '0')\n ? (\n \n _onAcmDollar(e)}>\n 
\n \n \n )\n : \n }\n\n {\n (isFFFVisable && FFFValue !== null && FFFValue !== undefined && FFFValue !== '' && FFFValue === 'CONFIRMED')\n ? (\n \n 
\n \n )\n : \n }\n\n {\n (smallLargeCard && screenWidth < 800)\n ? (\n <>\n {\n ShowPushACM && (\n \n 
\n ACM\n \n )\n }\n\n {\n ShowACM && (\n PatientID !== null && PatientID.startsWith('ACM CX')\n ? ACM\n : (ACMCaseFlags !== null && ACMCaseFlags !== undefined && ACMCaseFlags !== '')\n ? (\n \n _onAcmflags(e)}>\n 
\n \n \n )\n : (\n ACM\n )\n )\n }\n \n ) : (\n ACMCaseFlags !== null && ACMCaseFlags !== undefined && ACMCaseFlags !== ''\n ) && (\n \n _onAcmflags(e)}>\n \n \n \n )\n }\n\n {/* Small Card Start ACM */}\n {\n smallLargeCard && screenWidth > 800 && (\n <>\n {\n ShowPushACM && (\n <>\n \n \n \n \n ACM\n \n \n )\n }\n\n {\n ShowACM && (\n \n ACM\n \n )\n }\n \n )\n }\n {/* Small Card End ACM */}\n
\n\n \n
\n \n {/* Web View Start */}\n { _onOpenCaseMenu(e); }}\n className=\"dropdown-toggle\"\n role=\"button\"\n id={`cardMenu-${id}`}\n data-id={`cardMenu-${id}`}\n data-bs-toggle=\"dropdown\"\n aria-expanded=\"false\"\n >\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n { _onOpenCaseMenu(e); }}\n data-id={`cardMenu-${id}`}\n src={threeDot} alt=\"ThreeDot\"\n width={`${(screenWidth < 800 || screenWidth < 836) ? '23' : '35'}`}\n onError={(event) => {\n event.target.src = '/assets/images/three-dots.svg';\n event.onerror = null;\n }}\n />\n \n\n \n \n window.closeToggleMenu(e, `#cardMenu-${id}`)}\n >\n \n \n \n\n \n \n \n\n {\n isCancel && (\n \n _onCancelCase(e, id)}\n >Cancel Case\n \n \n )\n }\n\n {\n salesAccess && (\n \n _onBilling(e, id)}\n >\n Billing Details\n \n \n )\n }\n\n {\n isDER === true && (\n \n _onDER(e, id)}\n >\n DER\n \n \n )\n }\n\n {\n CreateRep !== 'ACM' && (\n \n _onACMPushCase(e, id)}\n >ACM Push\n \n \n )\n }\n\n \n \n Quick Filters\n \n \n\n \n { _onSideMenuPress(event, 'selectSurgeon', id); }}\n >Surgeon\n \n \n\n \n { _onSideMenuPress(event, 'selectHospitals', id); }}\n >Hospital\n \n \n\n \n { _onSideMenuPress(event, 'PatientID', id); }}\n >Patient Name\n \n \n\n \n { _onSideMenuPress(event, 'selectedRefs', id); }}\n >Rep Name\n \n \n\n \n { _onSideMenuPress(event, 'selectedTypes', id); }}\n >Type\n \n \n\n \n {\n (table === 'Cases')\n ? (\n { _onSideMenuPress(event, 'ProcedureType', id); }}\n >Procedure\n \n )\n : (\n { _onSideMenuPress(event, 'selectedProcedures', id); }}\n >Procedure\n \n )\n }\n \n\n \n { _onSideMenuPress(event, 'Side', id); }}\n >Side\n \n \n \n
\n \n \n {\n CaseNo === null ? 'PENDING' : CaseNo.slice(3)\n }\n \n\n {\n ShowPushACM && !smallLargeCard && (\n \n \n \n ACM\n \n \n )\n }\n\n {\n ShowACM && !smallLargeCard && (\n \n {\n (ACMCaseID !== null)\n ? PatientID !== null && PatientID.startsWith('ACM CX')\n ? ACM\n : ACM\n : \n }\n \n )\n }\n
\n {/* Web View End */}\n\n {/* App View Start */}\n \n \n {\n CaseNo === null ? 'PENDING' : CaseNo.slice(3)\n }\n \n\n {\n ShowPushACM && !smallLargeCard && (\n \n \n \n ACM\n \n \n )\n }\n\n {\n ShowACM && !smallLargeCard && (\n \n {\n (ACMCaseID !== null)\n ? PatientID !== null && PatientID.startsWith('ACM CX')\n ? ACM\n : ACM\n : \n }\n \n )\n }\n
\n {/* App View End */}\n\n \n 375)) ? 'col-4'\n : (type === undefined && isGroup === undefined && smallLargeCard === true && screenWidth < 375) ? 'col-4 small-card-view'\n : (smallLargeCard && isGroup === undefined && type === 'caseCard') ? 'col-8'\n : 'col-6'}`}\n >\n {\n ((type !== undefined && isGroup === undefined)\n || (type === undefined && isGroup === undefined && !smallLargeCard))\n && (\n
\n \n 375)) ? 'col-8'\n : (type === undefined && isGroup === undefined && smallLargeCard === true && screenWidth < 375) ? 'col-8 small-card-view'\n : (smallLargeCard && isGroup === undefined && type === 'caseCard') ? 'col-4' : 'col-6'}`}\n >\n {\n (type !== 'caseCard' && type !== 'billedCaseRow')\n ? (\n (type === undefined && smallLargeCard === false) ? (\n
\n \n \n
\n ) : (type === undefined && smallLargeCard === true)\n ? ''\n : (\n \n {CustomerName}\n
\n \n\n {CustomerName}\n
\n )\n ) : ((type === 'caseCard' || type === 'billedCaseRow') && isGroup !== undefined && !smallLargeCard)\n ? (\n \n \n
\n )\n : ''\n }\n {\n (type === undefined && smallLargeCard === false && CustomerName === null)\n && (\n \n {CustomerName}\n
\n \n\n Hospital\n
\n )\n }\n {\n smallLargeCard\n ? (\n \n
\n\n )\n : (\n \n {SurgeonName}\n
\n\n {\n ((type === 'caseCard' && isGroup !== undefined) || (type === undefined && smallLargeCard === true))\n ? (\n \n {CustomerName}\n
\n ) : ''\n }\n \n {SurgeonName != null ? SurgeonName : Surgeon}\n
\n )\n }\n\n \n
\n \n {\n (PatientID !== null && PatientID !== undefined && PatientID !== '')\n ? (\n
\n \n \n {PatientID} {Gender ? `(${Gender[0]})` : null}\n \n
\n )\n : (\n Gender\n ? (\n\n \n ({Gender[0]})\n \n
\n ) : (\n\n Patient\n
\n )\n )\n }\n\n {\n (CoverRep !== null && CoverRep !== undefined && CoverRep !== '')\n ?
\n {CoverRep}
\n :Rep
\n }\n\n \n {AltCaseType !== null\n ? `${AltCaseType.toString()}`\n : !CaseType ? null : `${CaseType.toString()}`}\n {ProcedureType === null || AltCaseType\n ? null\n : `, ${ProcedureType.toString()}`}\n {!Side\n ? null\n : `, ${Side.toString()}`}\n \n
\n \n {\n ACMCaseID !== null && acmPlanned.map((data, key) => (\n \n {key !== 0 ? `, ${data.shortDesc}` : data.shortDesc}\n \n ))\n }\n
\n \n {AltCaseType !== null\n ? `${AltCaseType.toString()}`\n : !CaseType ? null : `${CaseType.toString()}`}\n {ProcedureType === null || AltCaseType\n ? null\n : `, ${ProcedureType.toString()}`}\n {!Side\n ? null\n : `, ${Side.toString()}`}\n
\n )\n }\n\n {\n ((smallLargeCard && isGroup !== undefined)\n || (type === undefined && smallLargeCard === true))\n && (\n \n {AltCaseType === null ? (\n <>\n {CaseType === null ? null : `${CaseType.toString().substring(0, 1)}`}\n {ProcedureType === null ? null : `-${ProcedureType.toString().substring(0, 1)}`}\n \n ) : `${AltCaseType.toString().substring(0, 1)}`}\n {Side === null ? -N\n : (Side === 'NONE') ? -N\n : `-${Side.toString().substring(0, 1)}`}\n \n )\n }\n \n
\n \n _onClickSets(e)}>\n {props.data.hasOwnProperty('SetQty') && `${(setsQuantity === 0 || setsQuantity === null)\n ? `${setsQuantity} Sets` : (setsQuantity === 1)\n ? `${setsQuantity} Set`\n : `${setsQuantity} Sets`}`}\n \n
\n \n onBeforeProduct(e)}\n >\n {\n props.data.hasOwnProperty('case_products') && `${case_products.length === 0\n ? `${case_products.length} Products` : `${case_products.length === 1\n ? `${case_products.length} Product` : `${case_products.length} Products`}`}`\n }\n \n
\n \n {RepNotes}\n
\n ) : ''\n }\n {\n (table === 'NotBilled' && POIssue === '1')\n ? (\n \n *There is an issues with this PO\n
\n ) : ''\n }\n \n
\n \n
\n \n
\n \n \n {selectedTeam}\n \n
\n \n {salesAccess && isSalesMetrics && `YTD: ${salesYTD ? `${Math.round(salesYTD)}%` : '-'}`}\n
\n \n
\n \n {/* onToday()}>Today */}\n\n onToday()} className=\"day link cursor-pointer\">\n 
\n \n this._onSevenDayData()} className=\"day link cursor-pointer\">\n 
\n \n this._onFourteenDayData()} className=\"day link cursor-pointer\">\n 
\n \n\n \n \n \n
\n \n
\n );\n }\n\n renderDays() {\n const { currentMonth } = this.props;\n const { weekStartsOn } = this.state;\n const dateFormat = 'iii';\n const days = [];\n\n const startDate = startOfWeek(currentMonth, { weekStartsOn });\n\n for (let i = 0; i < 7; i++) {\n days.push(\n \n
\n \n \n
\n \n {format(currentMonth, dateFormat)}\n
\n \n \n
\n \n \n {format(addDays(startDate, i), dateFormat)}\n \n
\n );\n }\n\n return {days}
;\n }\n\n renderCells() {\n const { currentDate, weekStartsOn } = this.state;\n const {\n onDateClick, selectedDate, dateLogs, currentMonth\n } = this.props;\n const monthStart = startOfMonth(currentMonth);\n const monthEnd = endOfMonth(monthStart);\n const startDate = startOfWeek(monthStart, { weekStartsOn });\n const endDate = endOfWeek(monthEnd, { weekStartsOn });\n const addWeekDate = addWeeks(endDate, 1);\n const dateFormat = 'd';\n const flagDateFormat = 'yyyy-LL-dd';\n const rows = [];\n\n let days = [];\n let day = startDate;\n let formattedDate = '';\n\n while (day <= addWeekDate) {\n for (let i = 0; i < 7; i++) {\n formattedDate = format(day, dateFormat);\n const cloneDay = day;\n const flagDate = format(cloneDay, flagDateFormat);\n\n // eslint-disable-next-line no-loop-func\n dateLogs.map((date) => {\n days.push(\n \n
\n );\n days = [];\n }\n }\n return {days}
\n {rows}
;\n }\n\n render() {\n return (\n \n \n {this.renderHeader()}\n \n
\n );\n }\n}\n\nexport default Calendar;\n","import { connect } from 'react-redux';\nimport { menuSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setMenu: (data) => {\n dispatch(menuSet(data));\n }\n});\n\nconst mapStateToProps = (state) => ({\n menu: state.menu ? state.menu : []\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { autoLoginDataSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setAutoLoginData: (data) => {\n dispatch(autoLoginDataSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n autoLoginData: state.autoLoginData ? state.autoLoginData : false,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport classNames from 'classnames';\nimport _ from 'lodash';\nimport {\n storeUser,\n getUser,\n getServerUrl,\n dynamicSort,\n getStoreLastVisitedRoute,\n userLogout,\n storeLastVisitedRoute,\n storeSyncInventoryDate,\n storeInventoryFlag,\n storeDERFlag,\n getDERFlag,\n getTerritoryData,\n getTeamData,\n storeVersionCode,\n} from '../common/globals';\nimport {\n saveScanInventoryData,\n signout\n} from '../utils/utils';\nimport withMenu from '../common/withMenu';\nimport withUser from '../common/withUser';\nimport withServerUrl from '../common/withServerUrl';\nimport withLoader from '../common/withLoader';\nimport withNotify from '../common/withNotify';\nimport withOnline from '../common/withOnline';\nimport withTeam from '../common/withTeam';\nimport withCalendarFilter from '../common/withCalendarFilter';\nimport withSelectCaseDate from '../common/withSelectCaseDate';\nimport withCaseFilter from '../common/withCaseFilter';\nimport Bugsnag from '../helpers/bugsnag';\nimport {\n deleteDb,\n getInventory,\n getNotSyncdCases,\n updateInventoryByLocalInventoryId,\n getUnSubmittedScanSessions,\n deleteAllCases,\n deleteOfflineSyncCases,\n deleteUnSubmittedScanSessions,\n deleteInventoryData,\n deleteInventoryScansData\n} from '../utils/db';\nimport withScanInventory from '../common/withScanInventory';\nimport withFirstLoginSessionToken from '../common/withFirstLoginSessionToken';\nimport withScanInventoryScanner from '../common/withScanInventoryScanner';\nimport withUpdatedRoute from '../common/withUpdatedRoute';\nimport { APP_VERSION } from '../common/config';\nimport withAutoLogin from '../common/withAutoLogin';\n\nclass Sidebar extends Component {\n constructor(props) {\n super(props);\n this.state = {\n user: {},\n offices: [],\n menuVisible: true,\n lastVisitedRoute: '',\n hasNotifications: false,\n mailBody: '',\n selectedOfficeName: '',\n };\n this.logoutConfirmModal = null;\n this.unSavedCasesCofirmation = null;\n this.unSubmittedScanSessions = null;\n this.unSavedCaseChanges = null;\n }\n\n componentDidMount() {\n try {\n this.logoutConfirmModal = new window.bootstrap.Modal(window.$('#logoutConfirmationModal'), {});\n this.unSavedCasesCofirmation = new window.bootstrap.Modal(window.$('#unSavedDataConfirmationModal'));\n this.unSubmittedScanSessions = new window.bootstrap.Modal(window.$('#unSubmittedScanSessionsModal'));\n this.unSavedCaseChanges = new window.bootstrap.Modal(window.$('#unSavedCaseChangesModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickTeam = async (\n territoryId,\n office, team,\n selectedTeam,\n isOpenLogoutModal,\n isChangeTeam,\n isSyncData = false\n ) => {\n try {\n const {\n user, setUser, setLoader, online, setTeam, setSelectCaseDate, setCaseFilter,\n setCalendarFilter\n } = this.props;\n if (isOpenLogoutModal) {\n this.logoutConfirmModal.show();\n return;\n }\n const notSyncData = await getNotSyncdCases();\n if (notSyncData !== undefined && notSyncData.length > 0 && isChangeTeam) {\n setTeam(selectedTeam);\n this.unSavedCasesCofirmation.show();\n return;\n }\n const userData = Object.assign(user, {\n office, team, selectedTeam, territoryId\n });\n\n // Store territories data from userData\n const territoriesData = userData.territories;\n territoriesData.map((t1) => {\n if (territoryId === t1.id) {\n storeDERFlag(t1.isDER);\n }\n });\n\n const offices = [];\n user.territories.map((item) => {\n item.offices.map(async (value) => {\n // Sort team asc order\n value.teams.sort(dynamicSort('name'));\n\n offices.push(Object.assign(value, {\n abb: item.abb,\n connectionStringApi: item.connectionStringApi,\n httpUrlApiNew: item.httpUrlApiNew,\n territoryId: item.id,\n territoryName: item.name,\n server: item.server\n }));\n });\n });\n if (offices.length === 1) {\n offices.map((value) => {\n if (value.teams.length === 1) {\n this.setState({\n menuVisible: false\n });\n }\n });\n }\n const sortOffices = _.sortBy(offices, 'name');\n // if (online) {\n // const getUserRes = await getUsersSettings(user.id);\n // if (Object.keys(getUserRes).length > 0) {\n // userData.isBigCards = getUserRes.isBigCards;\n // userData.isGroupByHospital = getUserRes.isGroupByHospital;\n // userData.isPushNotifications = getUserRes.isPushNotifications;\n // }\n // }\n setUser(userData);\n storeUser(userData);\n storeVersionCode();\n this.setState({ user, offices: sortOffices, changeTeam: selectedTeam });\n if (online) {\n if (isSyncData || (isChangeTeam && notSyncData.length === 0)) {\n setLoader(true);\n await deleteInventoryData();\n await deleteInventoryScansData();\n setSelectCaseDate({});\n setCaseFilter({});\n setCalendarFilter({});\n storeSyncInventoryDate('');\n storeInventoryFlag('false');\n browserHistory.push('/sync-data');\n setLoader(false);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onLogout = async () => {\n try {\n const {\n setLoader, setCalendarFilter, setTeam, setScanInventory, setFirstLoginSessionToken,\n setScanInventoryScanner, online, setUpdatedRoute, setCaseFilter\n } = this.props;\n const getNotSyncedCases = await getNotSyncdCases();\n const unSubmittedScanSessions = await getUnSubmittedScanSessions();\n // setLoader(true);\n if (online) {\n if (unSubmittedScanSessions !== undefined && unSubmittedScanSessions.length > 0\n && getNotSyncedCases !== undefined && !getNotSyncedCases.length > 0) {\n this.unSubmittedScanSessions.show();\n return;\n }\n\n if (getNotSyncedCases !== undefined && getNotSyncedCases.length > 0\n && unSubmittedScanSessions !== undefined\n && !unSubmittedScanSessions.length > 0) {\n this.unSavedCaseChanges.show();\n return;\n }\n\n if (unSubmittedScanSessions !== undefined\n && unSubmittedScanSessions.length > 0 && getNotSyncedCases !== undefined\n && getNotSyncedCases.length > 0) {\n this.unSavedCaseChanges.show();\n setLoader(false);\n }\n if ((getNotSyncedCases !== undefined && !getNotSyncedCases.length > 0)\n && (unSubmittedScanSessions !== undefined && !unSubmittedScanSessions.length > 0)) {\n // setUser({});\n setTeam({});\n await deleteDb();\n setCaseFilter({});\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n signout().then(async () => {\n window.localStorage.clear();\n await userLogout();\n setLoader(false);\n });\n }\n } else if (!online && unSubmittedScanSessions !== undefined\n && unSubmittedScanSessions.length > 0 && getNotSyncedCases !== undefined\n && !getNotSyncedCases.length > 0) {\n this.unSubmittedScanSessions.show();\n setLoader(false);\n // return;\n } else if (!online && getNotSyncedCases !== undefined\n && getNotSyncedCases.length > 0 && unSubmittedScanSessions !== undefined\n && !unSubmittedScanSessions.length > 0) {\n this.unSavedCaseChanges.show();\n setLoader(false);\n // return;\n } else if (!online && unSubmittedScanSessions !== undefined\n && unSubmittedScanSessions.length > 0 && getNotSyncedCases !== undefined\n && getNotSyncedCases.length > 0) {\n this.unSavedCaseChanges.show();\n } else {\n setLoader(true);\n // await deleteDb();\n await deleteAllCases();\n await deleteOfflineSyncCases();\n await deleteUnSubmittedScanSessions();\n window.localStorage.clear();\n setTeam({});\n setCaseFilter({});\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setUpdatedRoute('');\n browserHistory.push('/');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickCases = () => {\n try {\n if (window.location.pathname === '/manage-cases' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/manage-cases');\n } else {\n browserHistory.push('/manage-cases');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickSalesMetrics = () => {\n try {\n const { online, notify } = this.props;\n if (!online) {\n notify({ type: 'error', message: 'You must have an internet connection to view sales metrics.', time: 5 });\n return;\n }\n if (window.location.pathname === '/sales-metrics' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/sales-metrics');\n } else {\n browserHistory.push('/sales-metrics');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickBilling = () => {\n try {\n if (window.location.pathname === '/billing' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/billing');\n } else {\n browserHistory.push('/billing');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickReports = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n if (window.location.pathname === '/reports' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/reports');\n } else {\n browserHistory.push('/reports');\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to view reports.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickInventory = () => {\n try {\n if (window.location.pathname === '/inventory' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/inventory');\n } else {\n browserHistory.push('/inventory');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickDers = () => {\n try {\n if (window.location.pathname === '/ders' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/ders');\n } else {\n browserHistory.push('/ders');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickPreferences = () => {\n try {\n if (window.location.pathname === '/preferences' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/preferences');\n } else {\n browserHistory.push('/preferences');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickSyncData = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n browserHistory.push('/sync-data');\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to sync data.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickCalendarFeed = () => {\n try {\n if (window.location.pathname === '/calendar-feed' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/calendar-feed');\n } else {\n browserHistory.push('/calendar-feed');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickNotifications = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n if (window.location.pathname === '/notifications' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/notifications');\n } else {\n browserHistory.push('/notifications');\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to view notifications.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickSettings = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n if (window.location.pathname === '/settings' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/settings');\n } else {\n browserHistory.push('/settings');\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to view settings.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeTeam = (\n territoryId,\n office,\n team, selectedTeam, isOpenLogoutModal, isChangeTeam, isSyncData\n ) => {\n try {\n const { online, notify } = this.props;\n if (online) {\n this._onClickTeam(territoryId,\n office,\n team,\n selectedTeam,\n isOpenLogoutModal,\n isChangeTeam,\n isSyncData);\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to change the team.' });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _saveInventory = async () => {\n try {\n const { online, notify } = this.props;\n const inventoryRes = await getInventory();\n if (online) {\n let responseJson = {};\n const hospitalPromiseAll = inventoryRes.map(async (data) => new Promise(\n // eslint-disable-next-line no-async-promise-executor\n async (resolve) => {\n if (data.ID === null) {\n responseJson = await saveScanInventoryData(data);\n const { message, status, ID } = responseJson;\n if (status) {\n data.ID = ID;\n await updateInventoryByLocalInventoryId(data.inventoryId, data);\n } else {\n notify({ type: 'error', message, time: 3 });\n }\n }\n resolve(true);\n }\n ));\n await Promise.all(hospitalPromiseAll);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getLastVisitedRoute = async () => {\n try {\n const { setUpdatedRoute } = this.props;\n const getNotSyncedCases = await getNotSyncdCases();\n if (getNotSyncedCases !== undefined && !getNotSyncedCases.length > 0) {\n const lastVisitedRoute = await getStoreLastVisitedRoute();\n setUpdatedRoute(lastVisitedRoute);\n this.setState({ lastVisitedRoute });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickYes = async () => {\n try {\n const {\n setTeam, setLoader, setCalendarFilter, setScanInventory, setScanInventoryScanner,\n setFirstLoginSessionToken, setUpdatedRoute, online, setCaseFilter\n } = this.props;\n if (online) {\n setLoader(true);\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n await deleteDb();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n setCaseFilter({});\n browserHistory.push('/');\n signout().then(async () => {\n await userLogout();\n setLoader(false);\n });\n } else {\n storeLastVisitedRoute('');\n setUpdatedRoute('');\n setTeam({});\n setCaseFilter({});\n await deleteDb();\n window.localStorage.clear();\n setCalendarFilter({});\n setScanInventory({});\n setScanInventoryScanner({});\n setFirstLoginSessionToken('');\n browserHistory.push('/');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getDERFlagValue = async () => {\n try {\n const isDER = await getDERFlag();\n this.setState({ isDER });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickSurgeonNotes = () => {\n try {\n if (window.location.pathname === '/surgeon-notes' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/surgeon-notes');\n } else {\n browserHistory.push('/surgeon-notes');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { setServerUrl } = this.props;\n const user = await getUser();\n const serverUrl = await getServerUrl();\n this._getLastVisitedRoute();\n this._getDERFlagValue();\n setServerUrl(serverUrl);\n await this._onClickTeam(user.territoryId, user.office, user.team, user.selectedTeam);\n setTimeout(async () => {\n await this._saveInventory();\n }, 5000);\n\n user.territories.map((item) => {\n if (item.id === user.territoryId) {\n if (item.hasOwnProperty('offices')) {\n item.offices.map((office) => {\n if (office.id === user.office) {\n this.setState({\n selectedOfficeName: office.name\n });\n }\n });\n }\n }\n });\n\n const mailtoLink = 'mailto:OPtimize@kplogic.com?subject=OPtimize Support Ticket&body='\n + `USERID: ${encodeURIComponent(user.userId)}%0D%0A EMAIL: ${encodeURIComponent(user.email)}%0D%0A TERR: ${encodeURIComponent(this.state.selectedOfficeName)}; ${encodeURIComponent(user.selectedTeam.name)}%0D%0A VERSION: ${encodeURIComponent(APP_VERSION)}`;\n\n this.setState({\n mailBody: mailtoLink\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n menu, serverUrl, updatedRoute, totalUnread\n } = this.props;\n const {\n user, offices, menuVisible, isDER, mailBody\n } = this.state;\n const accessObject = {};\n if (Object.keys(user).length) {\n const territoryData = getTerritoryData(user);\n const teamData = getTeamData(user);\n accessObject.isSalesMetrics = territoryData?.isSalesMetrics;\n accessObject.salesAccess = teamData?.salesAccess;\n }\n\n return (\n <>\n {this.renderDays()}
\n {this.renderCells()}\n \n
\n \n );\n }\n}\n\nexport default withFirstLoginSessionToken(\n withScanInventory(\n withCaseFilter(\n withSelectCaseDate(\n withCalendarFilter(\n withTeam(\n withOnline(\n withNotify(\n withLoader(\n withServerUrl(\n withUser(\n withMenu(\n withScanInventoryScanner(\n withUpdatedRoute(\n withAutoLogin(\n Sidebar\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","export default __webpack_public_path__ + \"static/media/file-excel-outline.56dc4ec3.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACgCAYAAADHCaiQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU0MzI4MUVDMTVEMTFFQ0E2QUZFNUNGRUU5NkVFRTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU0MzI4MURDMTVEMTFFQ0E2QUZFNUNGRUU5NkVFRTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY2ODkwOTU5RURDMTFFQzhDQUVBRjFCMUIyNUJBNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY2ODkwOTY5RURDMTFFQzhDQUVBRjFCMUIyNUJBNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vdat5AAAGBElEQVR42uyd74tU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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACgCAYAAADHCaiQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUZDNUVBMjlDMTVEMTFFQzkxMEU5NEYzNzhCNDZFNDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUZDNUVBMjhDMTVEMTFFQzkxMEU5NEYzNzhCNDZFNDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY2ODkwOTU5RURDMTFFQzhDQUVBRjFCMUIyNUJBNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY2ODkwOTY5RURDMTFFQzhDQUVBRjFCMUIyNUJBNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rcCaHAAAGGUlEQVR42uydXWsc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\"","export default __webpack_public_path__ + \"static/media/web_go.0caf3e71.png\";","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport Sidebar from './Sidebar';\nimport { userLogout } from '../common/globals';\nimport { signout } from '../utils/utils';\nimport withLoader from '../common/withLoader';\nimport withNotify from '../common/withNotify';\nimport withCalendarFilter from '../common/withCalendarFilter';\nimport withUser from '../common/withUser';\nimport withFirstLoginSessionToken from '../common/withFirstLoginSessionToken';\nimport { deleteDb, getNotSyncdCases } from '../utils/db';\nimport Bugsnag from '../helpers/bugsnag';\nimport withScanInventoryScanner from '../common/withScanInventoryScanner';\nimport withCaseDer from '../common/withCaseDer';\nimport withOnline from '../common/withOnline.js';\nimport withNotifications from '../common/withNotifications.js';\nimport FileExcelIcon from '../assets/images/file-excel-outline.svg';\nimport AscIcon from '../assets/images/asc.png';\nimport DescIcon from '../assets/images/desc.png';\nimport BellIcon from '../assets/images/bell.png';\nimport AddCaseIcon from '../assets/images/icon-card-plus-outline.png';\nimport WebGoIcon from '../assets/images/web_go.png';\n\nclass Header extends Component {\n _onLogout = async () => {\n try {\n const {\n setLoader, setCalendarFilter, setFirstLoginSessionToken, setScanInventoryScanner\n } = this.props;\n setLoader(true);\n const getNotSyncedCases = await getNotSyncdCases();\n setCalendarFilter({});\n setFirstLoginSessionToken('');\n setScanInventoryScanner({});\n signout().then(async () => {\n if (getNotSyncedCases !== undefined && !getNotSyncedCases.length > 0) {\n // setUser({});\n await deleteDb();\n window.localStorage.clear();\n }\n await userLogout();\n setLoader(false);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickNotifications = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n if (window.location.pathname === '/notifications' && window.$('.left-bar').hasClass('is-active')) {\n window.$('.left-bar').removeClass('is-active');\n browserHistory.push('/notifications');\n } else {\n browserHistory.push('/notifications');\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection to view notifications.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n sideMenu = false,\n title = '',\n goBack = '',\n goForward = {},\n actionButton = false,\n logout = false,\n actionButtonExtra = {},\n user: {\n territories\n },\n caseDer,\n customRightSide,\n notifications,\n showRighIcon,\n actionRighIcon,\n actionCaseHisterButton = {}\n } = this.props;\n\n return (\n <>\n \n
\n \n
\n \n {\n window.$('#sideMenuTeamsListEle').attr('aria-expanded') === 'true' && window.$('#sideMenuTeamsListEle').click();\n }}\n >\n Back\n \n
\n \n
\n \n \n {\n event.target.src = '/assets/images/white_report_logo.png';\n event.onerror = null;\n }}\n />\n \n
\n \n \n Log Out\n \n
\n \n \n {\n (menuVisible === true)\n && (\n \n \n Change Team\n \n \n\n \n )\n }\n\n 0 && menu[0] === 1 })}>\n \n Cases\n \n \n\n {\n accessObject?.isSalesMetrics && accessObject?.salesAccess ? (\n 0 && menu[0] === 11 })}>\n \n Sales Metrics\n \n \n ) : null\n }\n\n 0 && menu[0] === 2 })}>\n \n Billing\n \n \n\n 0 && menu[0] === 3 })}>\n \n Documents & Reports\n \n \n\n 0 && menu[0] === 10 })}>\n \n Notifications\n {\n totalUnread !== undefined\n ? totalUnread > 0\n ? (\n \n {totalUnread < 100 ? totalUnread : '99+'}\n \n )\n : null\n : null\n }\n \n \n\n 0 && menu[0] === 4 })}>\n \n Inventory\n \n \n\n {\n isDER === true\n && (\n 0 && menu[0] === 9 })}>\n \n Device Experience Reports\n \n \n )\n }\n\n 0 && menu[0] === 12 })}>\n \n Surgeon Notes\n \n \n\n 0 && menu[0] === 5 })}>\n \n Preferences\n \n \n\n 0 && menu[0] === 6 })}>\n \n Sync Data\n \n \n\n 0 && menu[0] === 7 })}>\n \n Calendar Feed\n \n \n\n 0 && menu[0] === 8 })}>\n \n Settings\n \n \n\n \n \n Log Out\n \n \n\n \n\n
\n \n
\n - \n {\n offices.map((value, key) => (\n
- \n
\n {`${value.name} ${serverUrl !== value.server ? '(Requires Logout)' : ''}`}\n
\n \n {\n value.teams.map((team, index) => (\n
\n \n this._onChangeTeam(\n value.territoryId,\n value.id,\n team.id,\n team,\n serverUrl !== value.server,\n true\n )}\n >\n {team.name}\n \n \n ))\n }\n
\n ))\n }\n \n
\n \n {\n window.location.href = mailBody;\n e.preventDefault();\n }\n }\n >\n Email Support\n \n
\n \n \n \n
\n \n );\n }\n}\n\nexport default withNotifications(\n withOnline(\n withScanInventoryScanner(\n withFirstLoginSessionToken(\n withUser(\n withCalendarFilter(\n withLoader(\n withNotify(\n withCaseDer(\n Header\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAAlRJREFUeF7t3GFOg0AQhuGBxnvZ62g8g/YMRq/Tei5TMDQ16Z/Fj+y3Eyqvv2dn4GGABdZ2wV+KQJdShSIBdFITAA10kkBSGToa6CSBpDJ0NNBJAkll6GigkwSSytDRQCcJJJWho4FOEkgqQ0cDnSSQVIaOXiP093s8Jm3XKso8vMTJtSGLOnr4jOM4bgd7GGLvwgZ6pmWBdp3Pf+QBGugkgaQydDTQSQJJZVbZ0V0Xp/M5DkkGljJ9f5mqvpaSrRa6f4q9RSApyfQA1vdxBLoxONCNgX/TAw10+V3HdDPkGl3uENu7DqDnT0OgmXW0v1BzM2xvfKkANND/ctZR/Dy3e4431zHf9M3QhajkAVpRMsQAbUBUUgCtKBligDYgKimAVpQMMUAbEJUUQCtKhhigDYhKCqAVJUPM5qHnVsi6FjhOx2nT0Ly9M5yqSgqgFSVDDNAGRCUF0IqSIQZoA6KSAmhFyRADtAFRSQG0omSIAdqAqKQAWlEyxNwltGG/iymWrLw/f1yWCBRX8TfczsPc8gTbu46GOxBAt9S9yQ000LcCXDqS+gFooEWBzV2jr1MnkccXtmRV53VuvOQHXIpTwenfRcYxvpQ9GYY4zX36WjS9UwreU8xqH1juCVHZVqAVJUMM0AZEJQXQipIhBmgDopICaEXJEAO0AVFJAbSiZIgB2oCopABaUTLETNC7XflrzPQbUa4VpZt+BDccKzkF0DJVXSDQdX7yaKBlqrpAoOv85NFAy1R1gUDX+cmjgZap6gKBrvOTRwMtU9UFAl3nJ4/+AfVwNHlZhTToAAAAAElFTkSuQmCC\"","import React, { Component } from 'react';\n\nclass ZeroProductSubmitModal extends Component {\n render() {\n const { onSubmitProductCaseYes, onSubmitProductCaseNo, caseDetail } = this.props;\n return (\n \n
\n \n
\n \n {\n sideMenu\n ? (\n
\n \n \n\n \n
\n )\n : ((goBack !== '' || (goBack !== undefined && goBack.length >= 1))\n && ((territories !== undefined && territories.length > 1) || (title !== 'Teams')))\n ? (\n { } : goBack}>\n \n {(caseDer === 'true' || caseDer === '') ? 'Back'\n : ((caseDer === 'false' || caseDer === 'true' || caseDer === '') && title === 'View DER')\n ? 'Back' : (title === 'Edit DER' || title === 'Copy DER' || title === 'Create DER') ? 'Back' : 'Exit'}\n \n )\n : (logout || (territories !== undefined && territories.length === 1 && (title === 'Teams' || title === ''))) ? (\n \n ) : null\n }\n \n {\n title === ''\n ? (\n
\n \n \n {\n event.target.src = '/assets/images/white_report_logo.png';\n event.onerror = null;\n }}\n />\n \n
\n )\n : {title}
\n }\n\n {\n Object.keys(goForward).length > 0\n ? typeof goForward.showIcon !== 'undefined' && goForward.showIcon\n ? (\n goForward.siteFlag !== 'undefined' && goForward.siteFlag\n ? (\n \n 
\n \n ) : (\n goForward.onGoForward()}\n >\n 
\n \n )\n )\n : (\n goForward.onGoForward()}\n />\n )\n : Object.keys(actionButton).length\n ? (\n \n {actionButton.title}\n \n )\n : null\n }\n {\n Object.keys(actionButtonExtra).length\n ? (\n \n {actionButtonExtra.title}\n \n )\n : null\n }\n {\n customRightSide || null\n }\n {\n showRighIcon\n ? (\n \n
\n \n
\n \n );\n }\n}\n\nexport default ZeroProductSubmitModal;\n","import React, { Component } from 'react';\nimport { trim } from 'lodash';\n\nclass ReduxField extends Component {\n _dropDownChange = (event) => {\n const {\n input: { name },\n _dropDownChange,\n } = this.props;\n _dropDownChange({ name, value: event.target.value });\n };\n\n render() {\n const {\n input,\n type = 'text',\n meta,\n _dropDownChange = null,\n ...rest\n } = this.props;\n return (\n <>\n {type === 'dropdown' ? (\n \n
\n \n
\n OPtimize
\n{`You are submitting ${caseDetail.case_products !== undefined ? caseDetail.case_products.length : 0}\n ${caseDetail.case_products !== undefined && caseDetail.case_products.length > 1 ? 'products' : 'product'}. Continue?`}\n
\n\n
\n \n
\n \n onSubmitProductCaseNo()}\n >No\n \n
\n \n onSubmitProductCaseYes()}\n >Yes\n \n
\n \n
\n \n );\n }\n}\n\nconst withForm = reduxForm({\n enableReinitialize: true,\n form: 'mrnPatientIdForm',\n});\n\nexport default withNotify(withTableName(withLoader(withOnline(withForm(MrnOrPatientIdModal)))));\n","import React, { Component } from 'react';\n\nclass RequiredMrnOrPatientId extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default RequiredMrnOrPatientId;\n","import React, { Component } from 'react';\n\nclass AlreadySubmittedCase extends Component {\n render() {\n return (\n \n
\n \n
\n You must enter Patient ID or MRN before scanning product
\n\n
\n \n Ok\n \n
\n \n
\n \n );\n }\n}\n\nexport default AlreadySubmittedCase;\n","import React, { Component } from 'react';\n\nclass CancelCaseModal extends Component {\n _onCancelCaseBack = () => {\n const { onCancelCaseBack } = this.props;\n onCancelCaseBack();\n }\n\n render() {\n const { onCancelCase, onCaseRowAcmCase } = this.props;\n\n return (\n \n
\n \n
\n This case is already submitted
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default CancelCaseModal;\n","import React, { Component } from 'react';\n\nclass VhnPpcModal extends Component {\n render() {\n const { onClickNo, onClickYes } = this.props;\n return (\n \n
\n \n
\n\n Cancel Case
\n {\n (onCaseRowAcmCase.ACMCaseID !== '' && onCaseRowAcmCase.CreateRep === 'ACM')\n ? (\n\n
\n )\n : \n This is an ACM case. If canceled,\n no further updates will be received from ACM.\n
\n\n Are you sure you want to cancel?\n
\nAre you sure you want to cancel this case?
\n }\n\n
\n \n
\n \n \n
\n \n onCancelCase()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default VhnPpcModal;\n","import { connect } from 'react-redux';\nimport { vhnPpcOtherChargeSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setVhnPpcOtherCharge: (data) => {\n dispatch(vhnPpcOtherChargeSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n vhnPpcOtherCharge: state.vhnPpcOtherCharge ? state.vhnPpcOtherCharge : false,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\n\nclass VrasPpcModal extends Component {\n render() {\n const { onClickNo, onClickYes } = this.props;\n return (\n \n
\n \n {/*
\n VELYS Hip Nav
*/}\nWas VHN used for this case?
\n\n
\n \n
\n \n onClickNo()}\n >\n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default VrasPpcModal;\n","import { connect } from 'react-redux';\nimport { viewDersDetailsSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setViewDersDetails: (data) => {\n dispatch(viewDersDetailsSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n viewDersDetails: state.viewDersDetails ? state.viewDersDetails : false,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/zero_selectd.d9fce9ea.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAADLElEQVR42u3dMU4bQRyF8W93XSOlT06RBk7ACcghEKKgShfKpKFANoeAE0Q5ABwkJ3Dt9aSaAomgtdnd2fm/9yuRgbHf1yCNDZiZmZmZnKb0AeaSHjjd77kZ8ti25a655KX0meewKn2AufTwpWm4GPjYJ9AIoC19ACvLAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYir5j5Auudk33FH4uSo72/43MDZoMfCc5P4e9RBG7Ztz01zzbbgy3XAcSuSHvi6T/wBPpU+y39s24bzmi6TVBUALDqC6saHCgOARUZQ5fhQaQCwqAiqHR8qDgAWEUHV40PlAUDRCKofHwIEAEUiCDE+BAkAZo0gzPgQKACYJYJQ40OwAGDSCMKNDwEDgEkiCDk+BA0ARo0g7PgQOAAYJYLQ40PwAOBDEYQfHwQCgKMikBgfRAKAgyKQGR+EAoBBEUiND2IBwLsRyI0PggHAmxFIjg+iAcCrCDrV8eWlNWdpPeyiqJmZmZlZGJP8GdiveWTgp3LaQImn7opvY/9YvzlUnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQNw0/zOo5YV96acWTOsLK2ZmZmY2Et8HqIXvA9gUHIA4ByDOAYhzAOIcgDgHIM4BiHMA4nwfoBa+D2BmZmZmNoJ+w22/5mfpc1gB/YbbfkPqNyTlCCQ/KLLfcAv8ePXFxK/uiu+lzzY3uQDeHD8TjEAqgHfHz8QikAlg0PiZUAQSARw0fiYSQfgAjho/E4ggdAAfGj8LHkHYAEYZPwscQcgARh0/CxpBuAAmGT8LGEGoACYdPwsWQZgAZhk/CxRBiABmHT8LEkH1ARQZPwsQQdUBFB0/qzyCagNYxPhZxRFUGcCixs8qjaC6ABY5flZhBFUFsOjxs8oiqCaAdM9Jv+L86Ce655SGm2G/jLv0gbdidTt+N9dsC7xMh78upQ8wl90DF03icchjU8O31SVPpc88B787WJwDEOcAxDkAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEDfNR8UuULfjuV8N+6dL3Y7n0uc1MzMzMzMzMzMzG88/DlE3oQeuDMcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMThUMDk6MzQ6MTgrMDA6MDDXyHT2AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTE4VDA5OjM0OjE4KzAwOjAwppXMSgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAADLElEQVR42u3cMW4TQRyF8W+8oQHJEn0OQho6JC5gDhFFSDkHRSQryiFwj0RD64pbuEeiZj0UiEEChTjxjmfn/95XJs56Nu/X2IoDzjnnnHPOOeecc865+KUaF823XIwLzlvfXKSGPbt0xXbq657VOOwerlNmVf/XotMeNjA9gEXrG3NtMwDxDEA8AxDPAMQzAPEMQDwDEM8AxKvyTuACbsbEpvXNRWrI7FqfwTnnnHMuRHnNMq9Ztj5Hy2RfBuY1y3Hg8zjwJd/xsvV5WlXlL4Lm3u/xE7wCyPB1SLxJl3xrfbZTJwfg7/HL10URSAG4b/zyfUEEMgAeGr88TgyBBIBDxy+PF0IQHsBjxy8/J4IgNICnjl9+XgBBWADHjl+uExxBSABTjV+uFxhBOABTj1+uGxRBKAC1xi/XD4ggDIDa45fnCYYgBIBTjV+eLxCC7gGcevzyvEEQdA2g1fjl+QMg6BZA6/HLOTpH0CWAuYxfztMxgu4AzG38cq5OEXQFYK7jl/N1iKAbAHMfv5yzMwTdADi2H3esUubjIY/NiXdnlxofbZP9q2D3KwMQzwDEMwDxDEA8AxDPAMQzAPEMQDwDEM8AxDMA8QxAPAMQzwDEMwDxDEA8AxDPAMQzAPEMQDwDEM8AxDMA8QxAPAMQzwDEMwDxDEA8AxDPAMTr5v8D5A+8GJ/zKcHr1mf57zlhO4y8Te/53vosh9QNAJg/gt7Gh84AwHwR9Dg+dAgA5oeg1/GhUwAwHwQ9jw8dA4D2CHofHzoHAO0QRBgfAgCA0yOIMj4EAQCnQxBpfAgEAOojiDY+BAMA9RBEHB8CAoDpEUQdH4ICgOkQRB4fAgOA4xFEHx+CA4CnI1AYHwQAwOMRqIwPIgDgcARK44MQAHgYgdr4IAYA7kegOD4IAoB/EaiOD6IA4A8C4Jnq+PLlNcu8Ztn6HM4555xzp67Kq4B8y8W44Lz1zUVq2LNLV2ynvu5ZjcPu4TplVvV/LTrtYQPTA/CHQ8UzAPEMQDwDEM8AxDMA8QxAPAMQzwDEq/JO4AJuxsSm9c1FasjsWp/BOeecc84555xzzjnXaz8BEvdkkCEVEU4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMThUMDk6MzQ6NTMrMDA6MDBRhS72AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTE4VDA5OjM0OjUzKzAwOjAwINiWSgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAD60lEQVR42u3dvW4cVRyG8efM2HABCUR2QoOh4QqMlIKCtBih4CtAiuSYSLgCCYkOiS+LD2Mlt+AUkJRUEEVKboAuAQmFBFBCn/XO/ClihCgsn7Oe9XH2fX/1zNk5M49md0dHu2BmZmZmZmZmZmazLw01UASJK7zEmIWu4VTtic2itudP5njABe6kRAwx5qEDiMu83HdsAG8Ai7VPkoj7JK41wWa6yJ3DDDRxALHDM/1DPiG4CMzXPiOSghGw1TzPB2mV0SRDTBRAbHGiS3yf4Gztc2AQcKMN3krrPCrdtziAuMJ81/FDCl6rPXH7T8DNtuP1dInHJfs1pS/Ud3zqi3/8JDjbN3w8wX759j7w/Yzf84+r3QZeKflgWHQH2Pu074t/fM338F7JDtkBxEc0wErtGdqB3ozIv7Pn3wEWWAIWas/ODrTIN7yYu3F2AONdTteemWWa40z+ppkSnMg+gGAzGm7XPg+zJPUsk9jI2bbrOJk7bnYAtDS5T5+j4fbcGleP+BzNtPE2pNyn/23+nb34OYDNFgcgzgGIcwDiHIA4ByDOAYhzAOIcgLj8J4FPkW6LHRJvDzpocLVdZ7X23IbmO4A4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4qovCu222Bl80MSr0xhzGsdae6Fp9QAGX707PWeeomPN5rcAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEOcAxDkAcQ5AnAMQ5wDEOQBxDkCcAxBXf01gTOG/hZ4sCs3+56xM9whuHck5OULVA5jGqtgp/VTsrdoreKfBbwHiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiKu+KHQaZnHx5rT4DiDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgLv9JYEefm0vqWR5v157abEk9y6TMjTv63HGzA2hbHvaRe7RspNxtLU/uxQfalr9yt81/C2i4X/scWKZx/rXK7iqC1G/zG8P/9IoN6/dmjRdSIusenH0H2Bvweu3Z2YG+y734UPgtoOn5HHhce4a2j2DUdHxZsktRAOldfiX4tvY8bR8NX6VL3C3bpfQ15nk/Ej/Wnqv9X8DN5iQflu5XHEC6wG7bcz7gRu1J2xMBP7XPspJWGZXuO9GTwLTOo/Y5zgFfEOUvagMJRiQ+a+c4l97h70mGKHi8sM8xfM1S37IBrACna58TEfcIrjUNm2mNXw4z0KED+FcEiW2WCBa7hlO1z9AsauEPggescbfkq56ZmZmZmZmZmZmp+wdQC7hK6kwG4gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNC0yMlQxMzoyNjoyMCswMDowMK+qVHcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDQtMjJUMTM6MjY6MjArMDA6MDDe9+zLAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJPSURBVGhDYxgFo2AUjIJRMKIBI5QGg3+bAjMYXp6ZyPDrMxtUiG6AKfsDiluIBUxQGuL4x/unD4TjKQFwD4BDfggChAeGWMjDADzd/Zsq8B/KBANy0ySxgFr2IWJgiIJRDww0GDR5ACcQ0TnCFH7EFsrDAIM/Bt5csfm3MSAPysMAQyMJPTk48f///9xQHgoYNB4AJVl0zMAp+hki+5/h/zyVFxA2KhjUMcCYeEuUgYkFkld+vOX5t9LmMJiNBAa3BxgZfzLIOgZCuVjzw6DPA0w+qzcySFrMgnIx8sOQyMRMQTvSGfiV7kB4qPlh8NcDOADMfUMiBvCBUQ8MNCDoAWCOZ/u3zPziv+mi/0DpFoxB7GXmF4ByrFBlAwbweuDfljCv/9OFfzK8v6nH8O83IlOD2O9v6oPkgGrcoaIDAnCWQoMdkF4KCajcYpB3cwNjAeXbUFHqATLNJy4GgIYzRZ9Rh/LA4N8S49sMH++qQLmUATLMJy0G+JUzoSwEEFBJh7IoBxSYj8iYaAAlRoDRyuSzajeUBwagDM7wcNdWKJfkmpta5uOOAVgzFgQ+3p0KZSHAhzuIgTAmVtILACqZjzsGlpldYnh/SxfKBUYpMGPxK+eC2R/uTkFJn4LqF5miThpAeUQBapmP0wPASoodWM5/Z/j/D3/SYGT+z5j5hgPYdv8FFSEKUMt8nEkI1JlgzHwrx8DIhDt5QAyXJdXxIEAt8/GWQkCNT4CWcAKj8BJKOmRi/QeKVmjIPIWKkgxobf4oGAWjYBSMguEOGBgARLQWBaMExKAAAAAASUVORK5CYII=\"","import React, { Component } from 'react';\nimport {\n format,\n startOfWeek,\n addDays,\n endOfWeek,\n isSameDay,\n} from 'date-fns';\nimport { dayMap, getUser } from '../common/globals.js';\n\nclass WeekCalendar extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentDate: new Date(),\n touchEnd: null,\n touchStart: null,\n weekStartsOn: 0\n };\n }\n\n // renderHeader() {\n // const { prevWeek, nextWeek, currentMonth } = this.props;\n // const dateFormat = 'MMMM yyyy';\n // return (\n // \n
\n \n {/*
\n VELYS Knee Nav
*/}\nWas VRAS used for this case?
\n\n
\n \n
\n \n onClickNo()}\n >\n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n //
\n // );\n // }\n\n UNSAFE_componentWillMount() {\n const { weekStart } = getUser();\n this.setState({ weekStartsOn: dayMap[weekStart] });\n }\n\n renderDays() {\n const { currentMonth } = this.props;\n const { weekStartsOn } = this.state;\n const dateFormat = 'iii';\n const days = [];\n\n const startDate = startOfWeek(currentMonth, { weekStartsOn });\n\n for (let i = 0; i < 7; i++) {\n days.push(\n \n //
\n // \n // \n //
\n // \n // {format(currentMonth, dateFormat)}\n //
\n // \n // \n //
\n // \n \n {format(addDays(startDate, i), dateFormat)}\n \n
\n );\n }\n\n return {days}
;\n }\n\n renderCells() {\n const { currentDate } = this.state;\n const {\n onDateClick, selectedDate, dateLogs, currentMonth\n } = this.props;\n const startDate = startOfWeek(currentMonth);\n const endDate = endOfWeek(currentMonth);\n const dateFormat = 'd';\n const flagDateFormat = 'yyyy-LL-dd';\n const rows = [];\n\n let days = [];\n let day = startDate;\n let formattedDate = '';\n\n while (day <= endDate) {\n for (let i = 0; i < 7; i++) {\n formattedDate = format(day, dateFormat);\n const cloneDay = day;\n const flagDate = format(cloneDay, flagDateFormat);\n\n // eslint-disable-next-line no-loop-func\n dateLogs.map((date) => {\n days.push(\n \n
\n );\n days = [];\n }\n return {days}
\n {rows}
;\n }\n\n render() {\n const { touchStart, touchEnd } = this.state;\n const { prevWeek, nextWeek } = this.props;\n const minSwipeDistance = 50;\n\n const onTouchStart = (e) => {\n this.setState({\n touchEnd: null,\n touchStart: e.targetTouches[0].clientX\n });\n };\n\n const onTouchMove = (e) => this.setState({\n touchEnd: e.targetTouches[0].clientX\n });\n\n const onTouchEnd = () => {\n if (!touchStart || !touchEnd) return;\n const distance = touchStart - touchEnd;\n const isLeftSwipe = distance > minSwipeDistance;\n const isRightSwipe = distance < -minSwipeDistance;\n if (isLeftSwipe) nextWeek();\n else if (isRightSwipe) prevWeek();\n };\n\n return (\n \n \n \n {/* {this.renderHeader()} */}\n \n
\n );\n }\n}\n\nexport default WeekCalendar;\n","import React, { Component } from 'react';\n\nclass DgrRequiredOnSubmitCase extends Component {\n render() {\n const { onClickYes, id } = this.props;\n return (\n {this.renderDays()}
\n {this.renderCells()}\n \n
\n \n );\n }\n}\n\nexport default DgrRequiredOnSubmitCase;\n","import { connect } from 'react-redux';\nimport { prevRouteSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setPrevRoute: (data) => {\n dispatch(prevRouteSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n prevRoute: state.prevRoute ? state.prevRoute : [],\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\n\nclass AcmPushCaseConfirmModal extends Component {\n render() {\n const { onPushCaseYes, onPushCaseNo } = this.props;\n\n return (\n \n
\n \n
\n A DGR must be uploaded for this case before it can be submitted. Upload DGR now?
\n\n
\n \n
\n \n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default AcmPushCaseConfirmModal;\n","import React, { Component } from 'react';\n\nclass AcmPushCaseStatusModal extends Component {\n render() {\n const {\n messageStatus, onPushCaseStatus, acmMessageStatusFlag, acmMessageStatusMessage\n } = this.props;\n\n return (\n \n
\n \n
\n \n This case will be pushed to ACM for AI predictions and/or templating.\n Only DICOM files are accepted by ACM.
\n Are you sure you want to continue?\n
\n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default AcmPushCaseStatusModal;\n","import React, { Component } from 'react';\nimport {\n addMonths,\n subMonths,\n addDays,\n subDays,\n format,\n startOfWeek,\n addWeeks,\n subWeeks,\n isSameMonth,\n endOfWeek,\n startOfMonth,\n endOfMonth\n} from 'date-fns';\nimport { browserHistory, Link } from 'react-router';\nimport PullToRefresh from 'react-simple-pull-to-refresh';\nimport moment from 'moment';\nimport _, { sortBy } from 'lodash';\nimport momentTz from 'moment-timezone';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withUser from '../../common/withUser';\nimport withGoBack from '../../common/withGoBack';\nimport withSetsListStateStorage from '../../common/withSetsListStateStorage';\nimport withTableName from '../../common/withTableName';\nimport withSelectCaseDate from '../../common/withSelectCaseDate';\nimport withCaseFilter from '../../common/withCaseFilter';\nimport withOnline from '../../common/withOnline';\nimport withTeam from '../../common/withTeam';\nimport withCalendarFilter from '../../common/withCalendarFilter';\nimport withSelectedSetsPayload from '../../common/withSelectedSetsPayload';\nimport withAggregatePlan from '../../common/withAggregatePlan';\nimport CaseRow from '../../components/CaseRow';\nimport CalenderSearchSection from '../../components/CalenderSearchSection';\nimport Calendar from '../../components/Calendar';\nimport Header from '../../components/Header';\nimport {\n getCasesByDate,\n getCases,\n bulkManageCaseAdd,\n getCasesByBetweenDate,\n deleteCaseByCaseId,\n updateCaseByPrimaryId,\n updateTableWiseCaseByCaseId,\n getTableCaseByCaseId,\n syncCases,\n getCaseByCaseId,\n getVhnPpcValue,\n insertComplianceApp,\n bulkCaseUpdate,\n} from '../../utils/db';\nimport {\n addComplianceAppData,\n cancelCase,\n getShipments,\n listCases,\n listSingleCase,\n updateCase,\n updatePushToACM,\n} from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ZeroProductSubmitModal from '../../components/Models/ZeroProductSubmitModal';\nimport MrnOrPatientIdModal from '../../components/Models/MrnOrPatientIdModal';\nimport RequiredMrnOrPatientId from '../../components/Models/RequiredMrnOrPatientId';\nimport AlreadySubmittedCase from '../../components/Models/AlreadySubmittedCase';\nimport CancelCaseModal from '../../components/Models/CancelCaseModal';\nimport {\n getListCaseDate,\n getStoreLastVisitedRoute,\n getUser,\n // SERVER_TIMEZONE,\n sortData,\n storeLastVisitedRoute,\n storeListCaseDate\n} from '../../common/globals';\nimport VhnPpcModal from '../../components/Models/VhnPpcModal';\nimport withVhnPpcOtherCharge from '../../common/withVhnPpcOtherCharge';\nimport VrasPpcModal from '../../components/Models/VrasPpcModal';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\nimport withCaseDer from '../../common/withCaseDer';\nimport withViewDersDetails from '../../common/withViewDersDetails';\n// import DgrRequiredOnSubmitCase from '../../components/Models/DgrRequiredOnSubmitCase';\nimport FilterIcon from '../../assets/images/filter-outline.png';\nimport ZeroSelected from '../../assets/images/zero_selectd.png';\nimport ZeroOutLine from '../../assets/images/zero.png';\nimport ArrowCollapse from '../../assets/images/arrow-collapse-vertical.png';\nimport ArrowExpand from '../../assets/images/arrow-expand-vertical.png';\nimport CalenderIcon from '../../assets/images/calendar-outline.png';\nimport ClockTimeIcon from '../../assets/images/clock-time-three-outline.png';\nimport HospitalBoxIcon from '../../assets/images/hospital-box-outline.png';\nimport CartOutlineIcon from '../../assets/images/cart-outline.png';\nimport TruckOutlineIcon from '../../assets/images/Truck-new.png';\nimport WeekCalendar from '../../components/WeekCalendar';\nimport DgrRequiredOnSubmitCase from '../../components/Models/DgrRequiredOnSubmitCase.js';\nimport withPrevRoute from '../../common/withPrevRoute.js';\nimport withSalesYTD from '../../common/withSalesYTD.js';\nimport AcmPushCaseConfirmModal from '../../components/Models/AcmPushCaseConfirmModal';\nimport AcmPushCaseStatusModal from '../../components/Models/AcmPushCaseStatusModal';\n\nclass ManageCases extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentMonth: new Date(),\n currentWeek: new Date(),\n selectedDate: new Date(),\n dateLogs: [],\n hideShowCalendar: true,\n smallLargeCard: false,\n isAcm: false,\n filterData: {},\n isProduct: false,\n casesList: [],\n hospitalGroupCasesList: [],\n casesDetail: [],\n mrnPatientIdCaseId: null,\n caseDetail: {},\n mrnOrPatientCaseId: '',\n cancelId: 0,\n acmCases: {},\n screenWidth: '',\n isGroup: false,\n isHideTeamName: false,\n screenHeight: '',\n shipments: [],\n idForDgrRequest: null,\n filterDataNew: {},\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n };\n this.zeroProductSubmitModal = null;\n this.mrnOrPatientModal = null;\n this.requiredmrnOrPatientModal = null;\n this.alreadySubmittedCase = null;\n this.cancelCaseModal = null;\n this.vhnPpcModal = null;\n this.vrasPpcModal = null;\n this.dgrRequiredOnSubmitCaseModal = null;\n this.acmPushCaseStatusModal = null;\n this.acmPushCaseConfirmModal = null;\n\n // Ref to the bottom of the list\n this.topRef = React.createRef();\n }\n\n componentDidMount() {\n try {\n const { setSetsListStateStorage, setGoBack, setSelectedSetsPayload } = this.props;\n setSetsListStateStorage({});\n setSelectedSetsPayload([]);\n setGoBack([]);\n this.zeroProductSubmitModal = new window.bootstrap.Modal(window.$('#zeroProductSubmitModal'));\n this.mrnOrPatientModal = new window.bootstrap.Modal(window.$('#mrnOrPatientIdModal'));\n this.requiredmrnOrPatientModal = new window.bootstrap.Modal(window.$('#requiredMrnOrPatientId'));\n this.alreadySubmittedCase = new window.bootstrap.Modal(window.$('#alreadySubmittedCase'));\n this.cancelCaseModal = new window.bootstrap.Modal(window.$('#cancelCaseModal'));\n this.vhnPpcModal = new window.bootstrap.Modal(window.$('#vhnPpcModalModal'));\n this.vrasPpcModal = new window.bootstrap.Modal(window.$('#vrasPpcModal'));\n this.dgrRequiredOnSubmitCaseModal = new window.bootstrap.Modal(window.$('#dgrRequiredOnSubmitCaseModal'));\n this.acmPushCaseStatusModal = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n this.acmPushCaseConfirmModal = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n\n // window.addEventListener('scroll', this._onCasesScroll);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n componentWillUnmount() {\n // window.removeEventListener('scroll', this._onCasesScroll);\n }\n\n _onCasesScroll = () => {\n window.closeAllCasesMenu();\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width, screenHeight: window.screen.height });\n }\n\n _updateCaseList = (caseList, detailUpdate = true) => {\n try {\n const { setAggregatePlan } = this.props;\n const { shipments } = this.state;\n const response = sortBy(caseList, ['CaseTime', 'CustomerName', 'SurgeonName', 'PatientID']);\n const casesListGroups = _.chain(response)\n .orderBy(['CaseTime'], ['asc'])\n .groupBy('CustomerName')\n .map((value, key) => {\n // Filter the Case Sets Qty\n const caseSets = value.filter((c) => c.case_sets.length > 0).map((set) => {\n let setsQty = 0;\n setsQty = set.case_sets.reduce((sum, { Quantity }) => sum + parseInt(Quantity, 10), 0);\n return ({ qty: setsQty });\n });\n const totalQty = _.sumBy(caseSets, 'qty');\n const caseId = value[0].id;\n return (\n {\n customer: key, data: value, qty: totalQty, id: caseId\n }\n );\n })\n .value();\n const filteredTotalSeta = casesListGroups.filter((obj) => obj.customer !== 'null');\n setAggregatePlan(sortData(filteredTotalSeta, 'customer'));\n const sortedCaseGroup = this.sortCaseGroupData(casesListGroups).map((item) => {\n const ownShipments = shipments.filter((shipment) => shipment.ShipToLoc === item.customer);\n if (!ownShipments.length) {\n return {\n ...item,\n hasShipments: !!ownShipments.length\n };\n }\n const shipFromLoc = ownShipments\n .some((shipment) => shipment.ShipFromLoc === 'DEPUY') && shipments.some((shipment) => shipment.ShipFromLoc === 'OFFICE')\n ? 'ALL' : ownShipments.some((shipment) => shipment.ShipFromLoc === 'DEPUY')\n ? 'DEPUY' : 'OFFICE';\n return {\n ...item,\n shipFromLoc,\n hasShipments: !!ownShipments.length\n };\n });\n if (detailUpdate) {\n this.setState({\n casesList: response,\n hospitalGroupCasesList: sortedCaseGroup,\n casesDetail: response,\n });\n } else {\n this.setState({\n casesList: response,\n hospitalGroupCasesList: sortedCaseGroup,\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n sortCaseGroupData = (data) => {\n const sortedCaseData = _.sortBy(data,\n [function (item) { return item.customer; }]);\n const filteredNullCaseData = sortedCaseData.filter((item) => item.customer === 'null');\n const filteredCaseData = sortedCaseData.filter((item) => item.customer !== 'null');\n for (const caseData of filteredNullCaseData) {\n filteredCaseData.unshift(caseData);\n }\n return filteredCaseData;\n }\n\n onDateClick = async (date, value = null) => {\n try {\n const { setSelectCaseDate, selectCaseDate, online } = this.props;\n const { currentMonth } = this.state;\n const sameMonth = isSameMonth(currentMonth, date);\n // If user want to remove filterData please uncomment below block code\n // const { setSelectCaseDate, selectCaseDate, setCaseFilter } = this.props;\n // const clickDate = moment(date).format('YYYY-MM-DD');\n // const selectedDate = moment(selectCaseDate).format('YYYY-MM-DD');\n // const dateIsSame = moment(clickDate).isSame(moment(selectedDate));\n // if (!dateIsSame) {\n // this.setState({\n // filterData: {}\n // });\n // setCaseFilter({});\n // }\n if (value === 'add') {\n const day = moment(new Date()).format('D');\n const month = moment(currentMonth).format('M');\n const year = moment(currentMonth).format('yyyy');\n const currentDateWithMonth = moment().year(year).month(month).date(day);\n const removeMonth = moment(subMonths(moment(currentDateWithMonth)._d, 1));\n this.setState({\n selectedDate: moment(date)._d,\n currentWeek: isSameMonth(selectCaseDate, moment(removeMonth)._d)\n ? moment(selectCaseDate)._d\n : moment(removeMonth)._d\n });\n } else {\n this.setState({\n selectedDate: moment(date)._d,\n currentMonth: date,\n currentWeek: moment(date)._d\n });\n }\n if (online) {\n if (!sameMonth) {\n await this._getListCases(moment(date).startOf('month').format('YYYY-MM-DD'),\n moment(date).endOf('month').format('YYYY-MM-DD'));\n } else {\n await this._getListCases(moment(date).format('YYYY-MM-DD'),\n moment(date).format('YYYY-MM-DD'));\n }\n }\n setSelectCaseDate(moment(date)._d);\n const getByCaseId = await getCasesByBetweenDate(moment(date).format('YYYY-MM-DD'),\n moment(date).format('YYYY-MM-DD'));\n this._updateCaseList(getByCaseId);\n this.onFilter();\n await this._getDateSlot();\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _getListCases = async (startDate, endDate) => {\n try {\n const {\n online, setLoader, selectCaseDate, caseFilter, setSalesYTD\n } = this.props;\n setLoader(true);\n await storeListCaseDate(moment(startDate)._d);\n if (online) {\n // await deleteSyncedCases();\n await syncCases();\n await listCases(\n { date_start: moment(startDate).format('YYYY-MM-DD'), date_end: moment(endDate).format('YYYY-MM-DD') }\n ).then(async (response) => {\n const { data, ytd } = response;\n setSalesYTD(ytd);\n if (data !== undefined) {\n await bulkCaseUpdate(data, moment(startDate).format('YYYY-MM-DD'), moment(endDate).format('YYYY-MM-DD'));\n const caseResResult = await getCases();\n const result = data.filter(\n (o1) => !caseResResult.some((o2) => o1.RepCaseNo === o2.RepCaseNo)\n );\n result.map((item, key) => {\n result[key].Sync = 0;\n });\n if (Object.keys(result).length > 0) {\n await bulkManageCaseAdd(result);\n }\n }\n }).finally(() => setLoader(false));\n } else {\n await getCasesByBetweenDate(moment(startDate).format('YYYY-MM-DD'), moment(endDate).format('YYYY-MM-DD')).then((res) => {\n if (Object.keys(caseFilter).length > 0) {\n this.setState({ casesDetail: res }, () => {\n this._onFilter(caseFilter);\n });\n } else {\n this._updateCaseList(res);\n }\n });\n }\n await getCasesByDate(moment((selectCaseDate === '' ? new Date() : selectCaseDate)).format('YYYY-MM-DD')).then((response) => {\n if (Object.keys(caseFilter).length > 0) {\n this.setState({ casesDetail: response }, () => {\n this._onFilter(caseFilter);\n });\n } else {\n this._updateCaseList(response);\n }\n setLoader(false);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoForward = () => {\n try {\n const { setSelectCaseDate } = this.props;\n const { selectedDate } = this.state;\n setSelectCaseDate(selectedDate);\n storeLastVisitedRoute('add-case');\n this._onGoBack();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n const { filterData } = this.state;\n _.mapKeys(data, (value) => {\n if (_.isArray(value)) {\n _.mapKeys(value, (item) => {\n item.filter((e) => typeof e === 'string' && e !== '');\n });\n }\n });\n _.mapKeys(data, (value, key) => {\n if (_.isArray(value) && _.isEmpty(value)) delete data[key];\n });\n const { notify, setCaseFilter } = this.props;\n for (const value in data) {\n if (data[value] === null || data[value] === undefined || data[value] === '' || data[value] === 'NONE') {\n notify({ type: 'warning', message: 'No data to filter', time: 3 });\n delete data[value];\n } else {\n const key = Object.keys(data)[0];\n if (!filterData.hasOwnProperty(key)) {\n filterData[key] = [];\n }\n if (!filterData[key].includes(data[key])) {\n filterData[key] = [...filterData[key], data[key]];\n }\n\n setCaseFilter(filterData);\n this.setState({\n filterData\n }, () => {\n this.onFilter();\n });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n onFilter = () => {\n try {\n const {\n filterData, isAcm, casesDetail, isProduct, hideShowCalendar, smallLargeCard\n } = this.state;\n const { setCalendarFilter } = this.props;\n setCalendarFilter({\n isAcm, isProduct, hideShowCalendar, smallLargeCard\n });\n let data = [...casesDetail];\n if (filterData.hasOwnProperty('selectSurgeon')) {\n data = (data.filter((item) => filterData.selectSurgeon.includes(item.SurgeonName)));\n }\n if (filterData.hasOwnProperty('selectHospitals')) {\n data = (data.filter((item) => filterData.selectHospitals.includes(item.CustomerName)));\n }\n if (filterData.hasOwnProperty('selectedRefs')) {\n data = (data.filter((item) => filterData.selectedRefs.includes(item.CoverRep)));\n }\n if (filterData.hasOwnProperty('ProcedureType')) {\n data = (data.filter((item) => filterData.ProcedureType.includes(item.ProcedureType)));\n }\n if (filterData.hasOwnProperty('selectedTypes')) {\n data = (data.filter((item) => filterData.selectedTypes.includes(item.AltCaseType)));\n }\n if (filterData.hasOwnProperty('Side')) {\n data = (data.filter((item) => filterData.Side.includes(item.Side)));\n }\n if (filterData.hasOwnProperty('PatientID')) {\n data = (data.filter((item) => filterData.PatientID.includes(item.PatientID)));\n }\n if (filterData.hasOwnProperty('selectedAcm')) {\n data = (data.filter((item) => item.ACMCaseID !== null));\n }\n\n if (filterData.hasOwnProperty('selectSubmitted')) {\n if (filterData.selectSubmitted.length <= 1) {\n const updatedSubmitted = filterData.selectSubmitted.map((item) => (item === 'SUBMITTED' ? '1' : '0'));\n\n // Determine ProductSubmitted filter values\n const productFilterValues = updatedSubmitted[0] === '1' ? ['1', null] : ['0'];\n // console.log(data);\n // Filter data based on Submitted\n data = data.filter((item) => {\n if (updatedSubmitted[0] === '1' && item.Submitted === '1') {\n for (const key in productFilterValues) {\n if (productFilterValues[key] === item.ProductSubmitted) {\n return true;\n }\n }\n }\n\n if (updatedSubmitted[0] === '0') {\n for (const key in productFilterValues) {\n if (item.ProductSubmitted === null && item.Submitted === updatedSubmitted[0]) {\n return true;\n }\n\n if (item.ProductSubmitted === productFilterValues[key]) {\n return true;\n }\n\n if (item.ProductSubmitted === '1' && item.Submitted === updatedSubmitted[0]) {\n return true;\n }\n }\n }\n });\n }\n }\n\n // if (isAcm) {\n // data = (data.filter((item) => item.ACMCaseID !== null));\n // }\n\n if (isProduct) {\n data = (\n data.filter(\n (item) => (\n item.case_dgrs.length === 0 && item.case_products.length === 0\n )\n )\n );\n }\n\n const searchFilter = this.topRef.current;\n if (searchFilter) {\n window.scrollTo(0, searchFilter.offsetTop);\n }\n\n this._updateCaseList(data, false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRedirect = (path) => {\n try {\n this._onGoBack();\n browserHistory.push(path);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveFilter = (key) => {\n const { filterData } = this.state;\n if (filterData.hasOwnProperty(key)) {\n delete filterData[key];\n }\n this.setState({ filterData }, () => {\n this.onFilter();\n });\n }\n\n _addDays = async () => {\n try {\n const { setSelectCaseDate } = this.props;\n // If user want to remove filterData please uncomment below block code\n // const { setSelectCaseDate, selectCaseDate, setCaseFilter } = this.props;\n this.setState({\n selectedDate: addDays(this.state.selectedDate, 1),\n }, () => {\n // const clickDate = moment(this.state.selectedDate).format('YYYY-MM-DD');\n // const selectedDate = moment(selectCaseDate).format('YYYY-MM-DD');\n // const dateIsSame = moment(clickDate).isSame(moment(selectedDate));\n // if (!dateIsSame) {\n // this.setState({\n // filterData: {}\n // });\n // setCaseFilter({});\n // }\n setSelectCaseDate(this.state.selectedDate);\n });\n const addSelectedDays = moment(addDays(this.state.selectedDate, 1)).format('YYYY-MM-DD');\n const getByAddDaysCaseRes = await getCasesByDate(moment(addSelectedDays).format('YYYY-MM-DD'));\n this._updateCaseList(getByAddDaysCaseRes);\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _subDays = async () => {\n try {\n const { setSelectCaseDate } = this.props;\n // If user want to remove filterData please uncomment below block code\n // const { setSelectCaseDate, selectCaseDate, setCaseFilter } = this.props;\n this.setState({\n selectedDate: subDays(this.state.selectedDate, 1),\n }, () => {\n // const clickDate = moment(this.state.selectedDate).format('YYYY-MM-DD');\n // const selectedDate = moment(selectCaseDate).format('YYYY-MM-DD');\n // const dateIsSame = moment(clickDate).isSame(moment(selectedDate));\n // if (!dateIsSame) {\n // this.setState({\n // filterData: {}\n // });\n // setCaseFilter({});\n // }\n setSelectCaseDate(this.state.selectedDate);\n });\n const subSelectedDays = moment(subDays(this.state.selectedDate, 1)).format('YYYY-MM-DD');\n const getBySubDaysCaseRes = await getCasesByDate(moment(subSelectedDays).format('YYYY-MM-DD'));\n this._updateCaseList(getBySubDaysCaseRes);\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _addWeeks = async () => {\n try {\n // const { selectCaseDate } = this.props;\n this.setState({\n currentWeek: addWeeks(this.state.currentWeek, 1),\n }, async () => {\n const endDate = endOfWeek(this.state.currentWeek);\n const getListCase = await getListCaseDate();\n if (!isSameMonth(endDate, moment(getListCase)._d)) {\n const monthStart = startOfMonth(endDate);\n const monthEnd = endOfMonth(endDate);\n await this._getListCases(monthStart, monthEnd);\n await this._getDateSlot();\n this.setState({\n currentMonth: endDate,\n });\n }\n });\n await this._getDateSlot();\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _subWeeks = async () => {\n try {\n // const { selectCaseDate } = this.props;\n this.setState({\n currentWeek: subWeeks(this.state.currentWeek, 1),\n }, async () => {\n const startDate = startOfWeek(this.state.currentWeek);\n const getListCase = await getListCaseDate();\n if (!isSameMonth(startDate, moment(getListCase)._d)) {\n const monthStart = startOfMonth(startDate);\n const monthEnd = endOfMonth(startDate);\n await this._getListCases(monthStart, monthEnd);\n await this._getDateSlot();\n this.setState({\n currentMonth: startDate,\n });\n }\n });\n await this._getDateSlot();\n // this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _addMonths = async () => {\n try {\n const { selectCaseDate } = this.props;\n this.setState({\n currentMonth: addMonths(this.state.currentMonth, 1),\n // selectedDate: moment(addMonths(this.state.currentMonth, 1))._i,\n });\n const monthStartDate = moment(addMonths(this.state.currentMonth, 1)).startOf('month').format('YYYY-MM-DD');\n const monthEndDate = moment(addMonths(this.state.currentMonth, 1)).endOf('month').format('YYYY-MM-DD');\n await this._getListCases(monthStartDate, monthEndDate);\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate, 'add');\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _subMonths = async () => {\n try {\n const { selectCaseDate } = this.props;\n this.setState({\n currentMonth: subMonths(this.state.currentMonth, 1),\n // selectedDate: moment(subMonths(this.state.currentMonth, 1))._i,\n });\n const monthStartDate = moment(subMonths(this.state.currentMonth, 1)).startOf('month').format('YYYY-MM-DD');\n const monthEndDate = moment(subMonths(this.state.currentMonth, 1)).endOf('month').format('YYYY-MM-DD');\n await this._getListCases(monthStartDate, monthEndDate);\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate, 'add');\n this.onFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n productCaseFilter = (cases) => {\n try {\n const { isProduct } = this.state;\n cases.map((item) => {\n if (isProduct) {\n return (item.case_dgrs.length === 0 && item.case_products.length === 0);\n }\n return cases;\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProduct = () => {\n try {\n const { isProduct } = this.state;\n this.setState({ isProduct: !isProduct }, () => {\n this.onFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSmallLargeCard = () => {\n try {\n const { smallLargeCard } = this.state;\n this.setState({ smallLargeCard: !smallLargeCard }, () => {\n this.onFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onHideShowCalendar = () => {\n try {\n const {\n hideShowCalendar\n } = this.state;\n if (hideShowCalendar === false) {\n this.setState({\n hideShowCalendar: true,\n // isHideTeamName: false\n }, () => {\n this.onFilter();\n });\n } else {\n this.setState({\n hideShowCalendar: false,\n // isHideTeamName: true\n }, () => {\n this.onFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getDateSlot = async () => {\n try {\n const caseRes = await getCases();\n const caseDateObj = {};\n const dateLogsValue = [];\n caseRes.map((val) => {\n if (!caseDateObj.hasOwnProperty(val.CaseDate)) {\n caseDateObj[val.CaseDate] = [];\n }\n caseDateObj[val.CaseDate] = [...caseDateObj[val.CaseDate], val];\n });\n\n Object.keys(caseDateObj).map((value) => {\n const { length } = caseDateObj[value];\n const submitted = [];\n const productSubmitted = [];\n caseDateObj[value].map((item) => {\n submitted.push(item.Submitted);\n productSubmitted.push(item.ProductSubmitted);\n if (!caseDateObj.hasOwnProperty(item.CaseDate)) {\n caseDateObj[item.CaseDate] = [];\n }\n caseDateObj[item.CaseDate] = {\n count: length,\n border: submitted.includes('0') || productSubmitted.includes('0') ? 'red' : 'yellow'\n };\n });\n });\n dateLogsValue.push(caseDateObj);\n this.setState({ dateLogs: dateLogsValue });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n acmCaseFilter = (cases) => {\n try {\n const { isAcm } = this.state;\n if (isAcm) {\n return (cases.filter((item) => item.ACMCaseID !== null));\n }\n return cases;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* _onACM = () => {\n try {\n const { isAcm } = this.state;\n this.setState({ isAcm: !isAcm }, () => {\n this.onFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n } */\n\n _onToday = async () => {\n try {\n const { setSelectCaseDate } = this.props;\n // If user want to remove filterData please uncomment below block code\n // const { setCaseFilter, setSelectCaseDate } = this.props;\n // const clickDate = moment(new Date()).format('YYYY-MM-DD');\n // const selectedDate = moment(new Date()).format('YYYY-MM-DD');\n // const dateIsSame = moment(clickDate).isSame(moment(selectedDate));\n // if (dateIsSame) {\n // this.setState({\n // filterData: {}\n // });\n // setCaseFilter({});\n // }\n this.setState({\n selectedDate: new Date(),\n currentMonth: new Date()\n });\n setSelectCaseDate(new Date());\n this.onDateClick(new Date());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseCancel = async () => {\n try {\n const {\n notify, setLoader, online, tableName, selectCaseDate\n } = this.props;\n const { cancelId } = this.state;\n const caseRes = await getTableCaseByCaseId(cancelId, tableName);\n\n if (online && caseRes && caseRes.CaseScheduleID !== null) {\n const cancelCaseRes = await cancelCase(caseRes.CaseScheduleID);\n const { message, status } = cancelCaseRes;\n if (status) {\n setLoader(true);\n // notify({ type: 'success', message });\n if (message === 'You can not delete this case') {\n\n } else {\n await deleteCaseByCaseId(caseRes.id);\n }\n const getMonthAndYear = moment(caseRes.CaseDate).format('MM-YY');\n const passMonthAndYear = moment(getMonthAndYear, 'MM-YY');\n await this._getListCases(passMonthAndYear.startOf('month').format('YYYY-MM-DD'),\n passMonthAndYear.endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n // browserHistory.push('/manage-cases');\n } else {\n notify({ type: 'error', message });\n }\n setLoader(false);\n } else {\n setLoader(true);\n notify({ type: 'warning', message: 'Case must be submitted and have a CaseNo before cancel case.' });\n // await deleteCaseByCaseId(caseRes.id);\n const getMonthAndYear = moment(caseRes.CaseDate).format('MM-YY');\n const passMonthAndYear = moment(getMonthAndYear, 'MM-YY');\n await this._getListCases(passMonthAndYear.startOf('month').format('YYYY-MM-DD'),\n passMonthAndYear.endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n // browserHistory.push('/manage-cases');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancel = async (id) => {\n try {\n this.setState({ cancelId: id });\n this.cancelCaseModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelCaseBack = () => {\n try {\n this.cancelCaseModal.hide();\n this.setState({ acmCases: {} });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetACMCase = async (id) => {\n try {\n const acmCase = await getCaseByCaseId(id);\n if (acmCase.ACMCaseID !== null) {\n return this.setState({ acmCases: acmCase });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseNo = () => {\n try {\n this.zeroProductSubmitModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseYes = async () => {\n try {\n const {\n notify, setLoader, tableName, selectCaseDate, user: { name }, team: { dgrRequired },\n } = this.props;\n const { caseDetail } = this.state;\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_products, ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n subset.Submitted = '1';\n if (subset.ProductSubmitted === '0') {\n subset.ProductSubmitted = '1';\n } else {\n if (caseDetail.case_products.length > 0) {\n subset.ProductSubmitted = '1';\n }\n }\n if (caseDetail.case_products.length > 0 && dgrRequired > 0) {\n if (caseDetail.case_dgrs.length === 0) {\n subset.DGRUpload = '1';\n }\n } else if (caseDetail.case_dgrs.length > 0) {\n subset.DGRUpload = '2';\n }\n if (typeof caseDetail.case_products !== 'undefined' && caseDetail.case_products.length > 0) {\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null || subset.ProductNotes === 'No products used') ? '' : subset.ProductNotes;\n } else {\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null) ? '' : subset.ProductNotes;\n }\n await this._getListCases(caseDetail.CaseDate, caseDetail.CaseDate);\n await this._getDateSlot();\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n setLoader(true);\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n const getMonthAndYear = moment(caseDetails.CaseDate).format('MM-YY');\n const passMonthAndYear = moment(getMonthAndYear, 'MM-YY');\n await this._getListCases(passMonthAndYear.startOf('month').format('YYYY-MM-DD'),\n passMonthAndYear.endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n // updateCaseByPrimaryId(caseDetail.id, caseDetail);\n this.zeroProductSubmitModal.hide();\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitCase = async (id) => {\n try {\n const {\n notify, online, setLoader, tableName, selectCaseDate,\n user: { name }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({\n caseDetail\n });\n\n if (online) {\n // if ((caseDetail.case_products.length > 0 || caseDetail.case_dgrs.length === 0)\n // && caseDetail.ProductSubmitted === '0' &&\n // dgrRequired === 6 && caseDetail.case_dgrs.length === 0) {\n // // notify({\n // // type: 'error',\n // // message: 'A DGR must be uploaded for this case before it can be submitted.'\n // // });\n // // this.dgrRequiredModal.show();\n // this.dgrRequiredOnSubmitCaseModal.show();\n // return;\n // }\n if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n this.zeroProductSubmitModal.show();\n } else {\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_dgrs, case_products,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n\n if (caseDetail.case_products.length === 0 && caseDetail.case_dgrs.length === 0 && caseDetail.Submitted === '0') {\n subset.DGRUpload = '0';\n }\n\n subset.Submitted = '1';\n subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length > 0) && (subset.ProductSubmitted === '0')) ? '1'\n : ((case_dgrs.length > 0 || case_products.length === 0) && (subset.ProductSubmitted === '1')) ? '1' : null);\n // subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length >= 0)\n // && (subset.ProductSubmitted === '0')) ? '1' : null);\n if (subset.ProductSubmitted === '0') {\n subset.ProductSubmitted = '1';\n } else {\n if (caseDetail.case_products.length > 0) {\n subset.ProductSubmitted = '1';\n }\n }\n\n setLoader(true);\n await updateCase(subset);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n const getMonthAndYear = moment(caseDetails.CaseDate).format('MM-YY');\n const passMonthAndYear = moment(getMonthAndYear, 'MM-YY');\n await this._getListCases(passMonthAndYear.startOf('month').format('YYYY-MM-DD'),\n passMonthAndYear.endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n } else {\n notify({ type: 'error', message });\n }\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenMrnPatientIdModal = async (id) => {\n try {\n this.setState({\n mrnOrPatientCaseId: id\n });\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onNextAddPatientIdOrMrn = () => {\n try {\n this.requiredmrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddPatientIdOrMrn = () => {\n try {\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseSubmitted = () => {\n try {\n this.alreadySubmittedCase.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVhnPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vhnPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n browserHistory.push(`/manage-case/${id}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n\n // try {\n // const { tableName } = this.props;\n // const { mrnOrPatientCaseId } = this.state;\n // let caseDetail = {};\n // if (id === undefined) {\n // caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n // } else {\n // caseDetail = await getTableCaseByCaseId(id, tableName);\n // this.setState({ mrnOrPatientCaseId: id });\n // }\n // if (caseDetail.case_products.length > 0) {\n // const vhnProductNo = caseDetail.case_products.find((e) => e.ProductNo === '099995000');\n // if (_.isEmpty(vhnProductNo)) {\n // this.vhnPpcModal.show();\n // } else {\n // browserHistory.push(`/manage-case/${id}/products/list`);\n // }\n // } else {\n // this.vhnPpcModal.show();\n // }\n // } catch (e) {\n // Bugsnag.notify(e);\n // }\n }\n\n _onClickVhnPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n let vhnPpcValue = {};\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'No';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVrasPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vrasPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n this._onRedirect(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMrnPatientIdAdd = async (formData) => {\n try {\n const {\n notify, online, setLoader, tableName, user: { name }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n if (!Object.keys(formData).length > 0) {\n this._onNextAddPatientIdOrMrn();\n return;\n }\n if (formData.hasOwnProperty('patientId')) {\n caseDetail.PatientID = (formData.patientId !== null || formData.patientId !== undefined)\n ? formData.patientId\n : null;\n }\n if (formData.hasOwnProperty('mrn')) {\n caseDetail.MRN = (formData.mrn !== null || formData.mrn !== undefined)\n ? formData.mrn\n : null;\n }\n if (online) {\n setLoader(true);\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n // subset.selectedSets = caseDetail.case_sets;\n updateCase(subset).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (Object.keys(formData).length > 0) {\n // notify({ type: 'success', message });\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && (vhnPpcValue.VHN_PPC === '1' || vhnPpcValue.VHN_Other === '1')) {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n\n // Update into local db\n updateCaseByPrimaryId(caseDetail.id, caseDetail);\n // setLoader(false);\n this.setState({ caseDetail });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n caseDetail.Sync = 1;\n this._onGoBack();\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && (vhnPpcValue.VHN_PPC === '1' || vhnPpcValue.VHN_Other === '1')) {\n this._onAddVhnPpc(mrnOrPatientCaseId);\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc(mrnOrPatientCaseId);\n } else if (caseDetail.case_products.length > 0) {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n this._onRedirect(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n\n // Update into local db\n updateCaseByPrimaryId(caseDetail.id, caseDetail);\n setLoader(false);\n this.setState({ caseDetail });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDayFilter = () => {\n try {\n const {\n setTableName, table, setSelectCaseDate\n } = this.props;\n this._onGoBack();\n browserHistory.push('/manage-cases/day-filter');\n const { selectedDate } = this.state;\n setTableName(table);\n setSelectCaseDate(selectedDate);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onUnselectValue = async (key, index) => {\n try {\n const { caseFilter, setCaseFilter } = this.props;\n const { filterData } = this.state;\n\n if (filterData[key].length > 1) {\n filterData[key].splice(index, 1);\n } else {\n delete caseFilter[key];\n delete filterData[key];\n }\n setCaseFilter(caseFilter);\n this.setState({ filterData }, () => this.onFilter());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n // _onClickDrgModalYes = () => {\n // try {\n // const { caseDetail } = this.state;\n // this._onGoBack();\n // browserHistory.push(`/manage-case/${caseDetail.id}/products/dgr`);\n // } catch (e) {\n // Bugsnag.notify(e);\n // }\n // }\n\n // _onClickDrnModalNo = () => {\n // try {\n // const { caseDetail } = this.state;\n // if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n // this.zeroProductSubmitModal.show();\n // }\n // } catch (e) {\n // Bugsnag.notify(e);\n // }\n // }\n\n _sortTeamName = async () => {\n try {\n const user = await getUser();\n const newName = user.selectedTeam.name.startsWith('TEAM');\n if (newName === false) {\n this.setState({ updatedTeamName: user.selectedTeam.name });\n } else {\n const updatedTeamName = user.selectedTeam.name.replace('TEAM', '');\n this.setState({ updatedTeamName });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGroupByHospital = async () => {\n try {\n const { isGroup } = this.state;\n this.setState({\n isGroup: !isGroup\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n scrollFunction = () => {\n try {\n const {\n hideShowCalendar, screenWidth,\n // isHideTeamName\n } = this.state;\n window.addEventListener('scroll', () => {\n if (window.scrollY > 280 && screenWidth < 800) {\n this.setState({\n hideShowCalendar: !hideShowCalendar,\n // isHideTeamName: !isHideTeamName,\n });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRefreshForCalendar = async () => {\n try {\n this.setState({\n hideShowCalendar: true,\n // isHideTeamName: false,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onShipmentsTruck = (cases) => {\n if (cases.shipFromLoc === 'ALL') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=DEPUY&shipTo=${cases.customer}`);\n } else if (cases.shipFromLoc === 'DEPUY') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=DEPUY&shipTo=${cases.customer}`);\n } else if (cases.shipFromLoc === 'OFFICE') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=OFFICE&shipTo=${cases.customer}`);\n }\n }\n\n _onShowDgrRequiredModal = (id) => {\n const dgrRequiredOnSubmitCaseModal = new window.bootstrap.Modal(window.$('#dgrRequiredOnSubmitCaseModal-dgr-req-on-submit'));\n this.setState({\n idForDgrRequest: id\n });\n dgrRequiredOnSubmitCaseModal.show();\n }\n\n _onClickDrgModalYes = () => {\n try {\n const { idForDgrRequest } = this.state;\n const { online, notify } = this.props;\n if (online && idForDgrRequest) {\n document.getElementById(`uploadDGREle-${idForDgrRequest}`).click();\n } else {\n notify({ type: 'error', message: 'DGRs cannot be viewed without an internet connection' });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setShipments = async () => {\n try {\n const shipmentsRes = await getShipments({});\n this.setState({ shipments: shipmentsRes.data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onApplyNewFilter = async (data) => {\n try {\n this.setState({ filterDataNew: data });\n\n const { setCaseFilter, notify } = this.props;\n const { filterDataNew } = this.state;\n\n const { filterDataNew: { selectedStartDate, selectedEndDate } } = this.state;\n if (selectedStartDate !== undefined || selectedEndDate !== undefined) {\n if ((selectedStartDate === '' || selectedStartDate === undefined) && (selectedEndDate !== '')) {\n notify({ type: 'error', message: 'Please select start date' });\n return;\n }\n }\n _.mapKeys(filterDataNew, (value, key) => {\n if (_.isArray(value) && _.isEmpty(value)) delete filterDataNew[key];\n });\n\n _.mapKeys(filterDataNew, (value, key) => {\n if (_.isString(value) && _.isEmpty(value)) delete filterDataNew[key];\n });\n\n if (this._checkValidation(filterDataNew)) {\n this._onGoBack();\n setCaseFilter(filterDataNew);\n browserHistory.push('/manage-cases/filter-cases');\n } else {\n notify({ type: 'error', message: 'You must select at least one search field' });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _checkValidation = (filterDataNew) => {\n try {\n if (Object.keys(filterDataNew).length) {\n return !!Object.keys(filterDataNew).filter((field) => !!(filterDataNew[field].length || (filterDataNew[field] !== ''))).length;\n } return false;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitACMPushCase = async () => {\n try {\n const {\n notify,\n online,\n setLoader,\n tableName,\n selectCaseDate\n } = this.props;\n\n const { caseDetail } = this.state;\n\n if (online) {\n setLoader(true);\n const responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n const getMonthAndYear = moment(caseDetails.CaseDate).format('MM-YY');\n const passMonthAndYear = moment(getMonthAndYear, 'MM-YY');\n await this._getListCases(passMonthAndYear.startOf('month').format('YYYY-MM-DD'),\n passMonthAndYear.endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n this.onDateClick(selectCaseDate === '' ? new Date() : selectCaseDate);\n this.onFilter();\n } else {\n notify({ type: 'error', message });\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCase = async (id) => {\n try {\n const {\n notify, online, tableName\n } = this.props;\n\n if (online) {\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ caseDetail });\n\n if (caseDetail.ACM === '0') {\n this.setState({\n acmPushCaseStatusCount: 1\n });\n this._onACMPushCaseStatus();\n } else {\n this._onACMPushCaseConfirm();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onPushCaseYes = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const {\n caseDetail: {\n Age,\n Gender,\n Height,\n HeightUnits,\n PatientID,\n Weight,\n WeightUnits,\n case_xrays,\n MRN,\n Side,\n },\n } = this.state;\n\n if (online) {\n let xrayCountFlag = 0;\n const xrayStatusFlag = typeof case_xrays !== 'undefined' ? case_xrays.length : 0;\n if (xrayStatusFlag > 0) {\n case_xrays.forEach((element) => {\n if (element.Filename.includes('.dcm')) {\n xrayCountFlag++;\n }\n });\n }\n\n if (Number(xrayCountFlag) > 0) {\n const MessageStatusFlag = [];\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (Side === '' || Side === null) {\n MessageStatusFlag.push(MessageStatusFlag.length > 0 ? '& Side' : 'Side');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmMessageStatusFlag: MessageStatusFlag,\n acmPushCaseStatusCount: 5\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n } else {\n const fieldsToCheck = [\n { field: Age, name: 'Age' },\n { field: Gender, name: 'Gender' },\n { field: Height, name: 'Height' },\n { field: HeightUnits, name: 'Height Units' },\n { field: Side, name: 'Side' },\n { field: Weight, name: 'Weight' },\n { field: WeightUnits, name: 'Weight Units' },\n ];\n\n const MessageStatusFlag = fieldsToCheck.filter(\n ({ field }) => typeof field === 'undefined' || field === null || field === '' || field === '.00'\n )\n .map(({ name }) => name);\n\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmPushCaseStatusCount: 2,\n acmMessageStatusFlag: MessageStatusFlag.sort()\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _updatePushToACM = async () => {\n try {\n const {\n online,\n notify,\n setLoader,\n user: {\n territories,\n territoryId\n }\n } = this.props;\n const {\n caseDetail: {\n CaseScheduleID\n },\n } = this.state;\n\n if (online) {\n setLoader(true);\n const pushData = {\n caller: 'OPT'\n };\n\n territories.map((item) => {\n if (item.id === territoryId) {\n pushData.TerritoryCode = item.abb;\n }\n });\n\n const acmResponseJson = await updatePushToACM(CaseScheduleID, pushData);\n const { message, status, result } = acmResponseJson;\n setLoader(false);\n if (typeof result !== 'undefined' && result === 'failure') {\n } else {\n if (status) {\n this.setState({\n acmPushCaseStatusCount: 4,\n acmMessageStatusMessage: message\n });\n } else {\n this.setState({\n acmPushCaseStatusCount: 3,\n acmMessageStatusMessage: message\n });\n }\n\n this._onACMPushCaseStatus();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseStatus = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const { acmPushCaseStatusCount } = this.state;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n\n if (acmPushCaseStatusCount === 4) {\n this._onSubmitACMPushCase();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseNo = () => {\n try {\n const {\n online, notify\n } = this.props;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCaseStatus = () => {\n try {\n const acmPushCaseStatus = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n acmPushCaseStatus.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onACMPushCaseConfirm = () => {\n try {\n const acmPushCaseConfirm = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n acmPushCaseConfirm.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n selectCaseDate, caseFilter, calendarFilter, online, goBack, setUpdatedRoute,\n user: { isBigCards }, setCaseDer, setViewDersDetails, setTableName, prevRoute,\n setSelectCaseDate\n } = this.props;\n\n const refreshOnlyDay = prevRoute.path.includes('/manage-case');\n const user = await getUser();\n if (user.isGroupByHospital) {\n this.setState({\n isGroup: user.isGroupByHospital\n });\n }\n\n const { casesDetail } = this.state;\n const lastVisitedRoute = await getStoreLastVisitedRoute();\n if (lastVisitedRoute === 'add-case' || lastVisitedRoute === 'filter') {\n this.setState({ lastVisitedRoute });\n }\n await this._getScreenWidth();\n await this._sortTeamName();\n this.scrollFunction();\n if (online) {\n this._setShipments();\n await syncCases();\n const { currentMonth, currentWeek } = this.state;\n this.setState({\n selectedDate: (selectCaseDate === '' ? new Date() : moment(selectCaseDate)._d),\n filterData: caseFilter,\n currentMonth: (selectCaseDate === '' ? currentMonth : moment(selectCaseDate)._d),\n currentWeek: (selectCaseDate === '' ? currentWeek : moment(selectCaseDate)._d),\n isAcm: calendarFilter.isAcm,\n isProduct: calendarFilter.isProduct,\n hideShowCalendar: true,\n // hideShowCalendar: (calendarFilter.hideShowCalendar === undefined\n // ? true : calendarFilter.hideShowCalendar),\n smallLargeCard: (((lastVisitedRoute === '' || lastVisitedRoute === '/settings') && isBigCards === true) ? false\n : ((lastVisitedRoute === '' || lastVisitedRoute === '/settings') && isBigCards === false) ? true\n : calendarFilter.smallLargeCard),\n casesDetail\n });\n if (!Object.values(goBack).includes('/office')) {\n if (!refreshOnlyDay) {\n await this._getListCases(\n moment(\n selectCaseDate === ''\n ? new Date()\n : selectCaseDate\n ).startOf('month').format('YYYY-MM-DD'),\n moment(\n selectCaseDate === ''\n ? new Date()\n : selectCaseDate\n ).endOf('month').format('YYYY-MM-DD')\n );\n } else {\n await this._getListCases(moment(selectCaseDate || new Date()).format('YYYY-MM-DD'),\n moment(selectCaseDate || new Date()).format('YYYY-MM-DD'));\n }\n }\n await this._getDateSlot();\n const getByCaseId = await getCasesByBetweenDate(\n moment(selectCaseDate || new Date()).format('YYYY-MM-DD'),\n moment(selectCaseDate || new Date()).format('YYYY-MM-DD')\n );\n setSelectCaseDate(moment(selectCaseDate === '' ? new Date() : selectCaseDate)._d);\n this._updateCaseList(getByCaseId);\n this.onFilter();\n } else {\n const { currentMonth, currentWeek } = this.state;\n this.setState({\n selectedDate: (selectCaseDate === '' ? new Date() : moment(selectCaseDate)._d),\n filterData: caseFilter,\n currentMonth: (selectCaseDate === '' ? currentMonth : moment(selectCaseDate)._d),\n currentWeek: (selectCaseDate === '' ? currentWeek : moment(selectCaseDate)._d),\n isAcm: calendarFilter.isAcm,\n isProduct: calendarFilter.isProduct,\n hideShowCalendar: true,\n // hideShowCalendar: (calendarFilter.hideShowCalendar === undefined\n // ? true : calendarFilter.hideShowCalendar),\n smallLargeCard: calendarFilter.smallLargeCard,\n casesDetail\n });\n await this._getListCases(moment(selectCaseDate === '' ? new Date() : selectCaseDate).startOf('month').format('YYYY-MM-DD'),\n moment(selectCaseDate === '' ? new Date() : selectCaseDate).endOf('month').format('YYYY-MM-DD'));\n await this._getDateSlot();\n setSelectCaseDate(moment(selectCaseDate === '' ? new Date() : selectCaseDate)._d);\n this.onFilter();\n }\n storeLastVisitedRoute('/manage-cases');\n setUpdatedRoute('/manage-cases');\n setTableName('Cases');\n setViewDersDetails(false);\n setCaseDer('');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n selectedDate,\n dateLogs,\n currentMonth,\n hideShowCalendar,\n smallLargeCard,\n isProduct,\n filterData,\n casesList,\n hospitalGroupCasesList,\n caseDetail,\n acmCases,\n screenWidth,\n isGroup,\n currentWeek,\n isHideTeamName,\n updatedTeamName,\n filterDataNew,\n acmPushCaseStatusCount,\n acmMessageStatusFlag,\n acmMessageStatusMessage,\n } = this.state;\n\n const {\n user: {\n scanner, territories, selectedTeam, territoryId\n }\n } = this.props;\n const dateFormat = 'MMM dd, yyyy';\n return (\n \n
\n \n {\n messageStatus === 1 && (\n <>\n
\n \n This Surgeon / Hospital combination is not set up with ACM so AI size\n predictions and templating cannot be generated.\n
\n\n To set up an account, please contact ACMSupport@its.jnj.com\n
\n \n )\n }\n\n {\n messageStatus === 2 && (\n <>\n\n The following fields or a DICOM file are required\n before pushing this case to ACM:\n
\n- \n {\n acmMessageStatusFlag.length > 0\n ? acmMessageStatusFlag.map((item, key) => (\n
- {item} \n ))\n : ''\n }\n
\n ACM push could not be completed.\n
\n\n Please try again later or contact\n ACMSupport@its.jnj.com\n
*/}\n\n\n Case pushed to ACM successfully!\n
\n\n {'NOTE: Templating may not occur if DICOMS are received\n < 5 days from surgery date.'}\n
*/}\n\n {\n acmMessageStatusFlag.length > 0\n ? acmMessageStatusFlag.map((item, key) => (\n {item} \n ))\n : ''\n }\n {acmMessageStatusFlag.length === 1 ? 'is' : 'are'} required before submitting the case to ACM.\n
\n \n )\n }\n\n
\n \n
\n \n \n
\n \n \n ',\n url: '/manage-case/add-case',\n onGoForward: this._onGoForward,\n showIcon: true\n }}\n />\n {\n !isHideTeamName && (\n this._onApplyNewFilter(data)}\n previousData={filterDataNew}\n />\n )\n }\n \n \n \n
\n );\n }\n}\n\nexport default withVhnPpcOtherCharge(\n withCaseFilter(\n withUser(\n withTableName(\n withSetsListStateStorage(\n withCalendarFilter(\n withSelectedSetsPayload(\n withOnline(\n withGoBack(\n withTeam(\n withSelectCaseDate(\n withNotify(\n withLoader(\n withUpdatedRoute(\n withCaseDer(\n withViewDersDetails(\n withAggregatePlan(\n withPrevRoute(\n withSalesYTD(\n ManageCases\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAD9UlEQVR42u3dP2hdZRjH8e9zTqyKRZBStGiW4GgRupgu4qiCIoXo5qKDTYL/UFDBSUGoIFiS7A4uyaAOgptQEQuCDo5CHayUanVQFNTc87gILtEeed973ia/32c+vOf0ud/ce/sm91wwMzMzMzMzMzOzgy9aX8DuFitjjusHLsY6n7W+3jFyg5OzjjvGHLuwyk7La11oeXKASLbHHDfADuyPAAZ4LnJc2DT+IexantzacwDiHIA4ByDOAYhzAOIcgDgHIM4BiJvrLlRucucA9wNLJLcC1+1xBWN3zC6S+2MnkOAkjNsKJvfcCv6T4DLBN13HR/EUX8/vUudgd4MHI3gNODGvCxfzZQavLqzyYe2FqwaQmxxOeCfh1HSz0RHwftzA4/EEv1Rcs47c4pYBPia5u814ZHzVXc998SQ/1VisypvA3KbP5F0/+JM4Pvud93KbQzUWqxLAcIVnEh5oOxcdAfcOP7BWaa0yeZabh54LwJHWgxHzYzdjKZ7m55JFip8BZj2n8IPfwpFZzyOlixQH0MFDrSehqkseLl6jdIGE460HoSqDu0rXqPEm8FjrQQi7vXSBGn8UenjUUclOv86j857IQTDbYHvkFvm42f8H/zJInAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQNxkHw/PYHHsvQDUZbI41WfGJwsgYJmR9wKw6fglQJwDEOcAxDkAcQ5AnAMQ5wDEOQBxDkDcdFvBcJ7grdb/4H0heT5geYpTTbcVnHzbr7W9L+5+MdtghZgmAL8EiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhr/qVRe/kfn48v1q+1/+a0lvwMIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIO6a/GQQHecZWl+EhmsygH7VdxObil8CxDkAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEOcAxDkAcTV+HZxw9bttZrC4uzXN3T/3u0wWR96+NEvPVSOAK8DRqx0UsEyyXeF89o/vSxeo8RLwXespCLtUukB5AMknracg7FzpAsUBDPBB6ymoGrry2RffKj2TmG3xacDJ1gNRkvB5v8o9EWVvBIufASLIPnkJ/He8Exr65IXSBx8q7QPEOueAl1tPRUbwyt8zL1ZtI6hf4wzB61T4v6n9qyR5ozvNmVoLVv+6lN0tViJ5Gzg26WgOvkuZPLuwXncvZS7fl5NvctNwI6sZPBZwYl7nEZAJXwRsd7+xGS/ya+0TzP2BybMcpWNpBrfRcWje5zsQBv7oOy4TXIjT5bt9ZmZmZmZmZmZmpu4vaGWxsiooJtQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMThUMDk6Mzc6MzgrMDA6MDB+2siIAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTE4VDA5OjM3OjM4KzAwOjAwD4dwNAAAAABJRU5ErkJggg==\"","import React, { Component } from 'react';\n\nclass PasswordRequirements extends Component {\n render() {\n return (\n \n
\n \n {hideShowCalendar\n ? (\n {\n this._addMonths();\n }}\n prevMonth={() => {\n this._subMonths();\n }}\n selectedDate={selectedDate}\n dateLogs={dateLogs}\n currentMonth={currentMonth}\n />\n ) : (\n {\n this._addWeeks();\n }}\n prevWeek={() => {\n this._subWeeks();\n }}\n selectedDate={selectedDate}\n dateLogs={dateLogs}\n currentMonth={currentWeek}\n />\n )}\n
\n \n 800 ? 'sticky-cal-date-filter' : 'stick-icons mb-2'}`}>\n \n\n \n \n {\n isGroup\n ? (hospitalGroupCasesList.length > 0)\n ? hospitalGroupCasesList.map((cases, key) => (\n \n
\n \n
\n \n
\n {/* eslint-disable-next-line max-len */}\n {/* \n
\n \n {/* {!hideShowCalendar\n && (\n
\n
\n \n
\n \n \n 
\n \n
\n \n \n {\n isProduct ? 
\n : 
\n }\n \n
\n \n {(!isGroup) ? 
: 
}\n \n
\n {\n screenWidth < 800\n && (\n \n {\n if (window.scrollY > 0) {\n window.scrollTo({ top: 0, behavior: 'instant' });\n setTimeout(this._onHideShowCalendar, 0);\n } else this._onHideShowCalendar();\n }}\n >\n {/* {hideShowCalendar ? 'HIDE CALENDAR' : 'SHOW CALENDAR'} */}\n 
\n \n
\n )\n }\n \n \n {smallLargeCard ? 
: 
}\n \n
\n ACM */}\n {/* */}\n {/*
*/}\n\n \n
\n \n {\n (\n filterData && Object.keys(filterData).map((key) => (\n filterData[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n this._onUnselectValue(key, index)}\n >\n \n \n
\n {item}
\n\n
\n )) : \n : (casesList.length > 0)\n ? casesList.map((data, key) => (\n \n
\n {\n cases.data.map((data) => (\n {cases.customer === 'null' ? '-' : cases.customer}
\n {cases.hasShipments ? (\n <>\n \n \n this._onShipmentsTruck(cases)}\n >\n 
\n \n
\n \n {cases.qty}\n { }\n : () => this._onRedirect(`/manage-case/aggregate-plan/${cases.id}`)}\n >\n 
\n \n
\n \n ) : (\n \n {cases.qty}\n { }\n : () => this._onRedirect(`/manage-case/aggregate-plan/${cases.id}`)}\n >\n \n \n
\n )}\n\n \n
\n \n );\n }\n}\n\nexport default PasswordRequirements;\n","import React, { Component } from 'react';\nimport { change, Field, reduxForm } from 'redux-form';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../common/withNotify';\nimport withLoader from '../common/withLoader';\nimport withOnline from '../common/withOnline';\nimport {\n passwordExtraMatches, passwordMaxLength, passwordsMustMatch, renderField, required\n} from '../helpers/form-validations';\nimport PasswordRequirements from '../components/Models/PasswordRequirements';\nimport Header from '../components/Header';\nimport { changePassword } from '../utils/utils';\nimport {\n encryptPassword, passwordWithTimestamp, onGoBack, getUserNameAndPassword,\n storeUserNameAndPassword\n} from '../common/globals';\nimport withGoBack from '../common/withGoBack';\nimport Bugsnag from '../helpers/bugsnag';\n// import { APP_VERSION } from '../common/config';\n\nclass ChangePassword extends Component {\n _onSubmitPassword = (formData) => {\n try {\n const {\n setLoader, notify, online\n } = this.props;\n const changePasswordData = {\n userId: formData.userId,\n password: encryptPassword(passwordWithTimestamp(formData.currentPassword)),\n newPassword: encryptPassword(passwordWithTimestamp(formData.password)),\n // lastAppVersion: APP_VERSION,\n };\n const userNameAndPassword = {\n userId: formData.userId,\n password: formData.password\n };\n storeUserNameAndPassword(userNameAndPassword);\n if (online) {\n setLoader(true);\n changePassword(changePasswordData).then(async (responseJson) => {\n setLoader(false);\n const { message, status } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n browserHistory.push('/');\n } else {\n notify({\n type: 'error',\n // message: 'Must be at least 8 characters long. Must contain an uppercase letter,\n // a lowercase letter, and a number. Password cannot be reused'\n message: responseJson.message\n });\n }\n });\n } else {\n notify({ type: 'error', message: 'You must an internet connection to Log In. Please check your connection and try again.', time: 3 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n async UNSAFE_componentWillMount() {\n try {\n const { dispatch } = this.props;\n const getUserName = await getUserNameAndPassword();\n Object.keys(getUserName).map(() => {\n dispatch(change('ChangePasswordForm', 'userId', getUserName.userId));\n dispatch(change('ChangePasswordForm', 'currentPassword', getUserName.password));\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { handleSubmit, goBack } = this.props;\n return (\n \n
\n \n
\n Password Requirements
\nMust be at least 8 characters long. Must contain an uppercase letter,\n a lowercase letter, a number and a special character. Password cannot be reused.\n
\n\n
\n \n
\n \n \n
\n \n onGoBack(goBack)}\n />\n \n \n
\n );\n }\n}\n\nconst withForm = reduxForm({\n enableReinitialize: true,\n form: 'ChangePasswordForm',\n});\n\nexport default withOnline(withGoBack(withForm(withNotify(withLoader(ChangePassword)))));\n","import React, { Component } from 'react';\n\nclass ContinueLoginModal extends Component {\n render() {\n const { onClickYes } = this.props;\n return (\n \n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default ContinueLoginModal;\n","import React, { Component } from 'react';\nimport { change, Field, reduxForm } from 'redux-form';\nimport { browserHistory, Link } from 'react-router';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport withNotify from '../common/withNotify';\nimport withLoader from '../common/withLoader';\nimport withUser from '../common/withUser';\nimport withTeam from '../common/withTeam';\nimport withOnline from '../common/withOnline';\nimport ContinueLoginModal from '../components/Models/ContinueLoginModal';\nimport withSelectCaseDate from '../common/withSelectCaseDate';\nimport withFirstLoginSessionToken from '../common/withFirstLoginSessionToken';\nimport withProducts from '../common/withProducts';\nimport {\n encryptPassword,\n storeUser,\n passwordWithTimestamp,\n storeServerUrl,\n userLogout,\n storeUserNameAndPassword,\n getUserNameAndPassword,\n Fcm_Token,\n storeFirstLoginToken,\n storeVersionCode,\n} from '../common/globals';\nimport {\n getNotifications,\n login,\n reLogin,\n getUsersData\n} from '../utils/utils';\nimport {\n // passwordExtraMatches,\n // passwordMaxLength,\n renderField,\n required\n} from '../helpers/form-validations';\nimport { productDb, deleteDb, getNotSyncdCases } from '../utils/db';\nimport Bugsnag from '../helpers/bugsnag';\nimport withServerUrl from '../common/withServerUrl';\nimport {\n APP_VERSION, REQUEST_SOURCE, APP_GENERATION, API_VERSION\n} from '../common/config';\nimport { requestForToken } from '../helpers/firebase.js';\nimport { store } from '../redux/store.js';\nimport { notificationsSet } from '../redux/actions.js';\nimport withAutoLogin from '../common/withAutoLogin';\n\nclass Login extends Component {\n constructor(props) {\n super(props);\n this.state = {\n rememberUserName: false,\n rememberPassword: false,\n formData: {}\n };\n this.continueLoginModal = null;\n }\n\n componentDidMount() {\n try {\n this.continueLoginModal = new window.bootstrap.Modal(window.$('#continueLoginModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onLogin = async (formData) => {\n try {\n const { user } = this.props;\n // Check login scenario\n const getNotSyncedCases = await getNotSyncdCases();\n if (getNotSyncedCases !== undefined && getNotSyncedCases.length > 0) {\n if (user.hasOwnProperty('userId')) {\n if (user.userId.toLowerCase() !== formData.userId.toLowerCase()) {\n this.continueLoginModal.show();\n this.setState({ formData });\n return;\n }\n }\n }\n\n // if (user.hasOwnProperty('userId')) {\n // if (user.userId.toLowerCase() !== formData.userId.toLowerCase()) {\n // this.continueLoginModal.show();\n // this.setState({ formData });\n // return;\n // }\n // }\n this.loginUser(formData);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n loginUser = async (formData) => {\n try {\n const {\n setUser, setLoader, notify, setServerUrl, setTeam, online, setSelectCaseDate, setProducts,\n setFirstLoginSessionToken\n } = this.props;\n const remember = {};\n const { rememberUserName, rememberPassword } = this.state;\n (rememberUserName) ? remember.ru = formData.userId : delete remember.ru;\n (rememberPassword) ? remember.rp = formData.password : delete remember.rp;\n const deviceToken = await requestForToken();\n const loginData = {\n userId: formData.userId,\n password: encryptPassword(passwordWithTimestamp(formData.password)),\n requestSource: REQUEST_SOURCE,\n lastAppVersion: APP_VERSION,\n appGeneration: APP_GENERATION,\n deviceId: deviceToken,\n deviceToken,\n fcmToken: Fcm_Token\n };\n setSelectCaseDate('');\n setProducts([]);\n\n if (online) {\n setLoader(true);\n const allOfficeDataRes = [];\n login(loginData).then(async (responseJson) => {\n setLoader(false);\n if (responseJson.status) {\n productDb();\n // Add office & team\n responseJson.office = null;\n responseJson.team = null;\n responseJson.loginPayload = loginData;\n responseJson.remember = remember;\n // notify({ type: 'success', message: 'Successfully signed in.', time: 1 });\n setFirstLoginSessionToken(responseJson.sessionToken);\n await storeFirstLoginToken(responseJson.sessionToken);\n await storeUser(responseJson);\n await storeVersionCode();\n setUser(responseJson);\n await storeUserNameAndPassword({});\n getNotifications({ status: 'unread' }).then((notificationsResponse) => {\n if (notificationsResponse) {\n store.dispatch(notificationsSet({\n totalUnread: notificationsResponse.totalUnread,\n data: notificationsResponse.notifications\n }));\n }\n });\n const officeData = [];\n for (const office of responseJson.territories) {\n if (office.offices.length > 0) {\n for (const item of office.offices) {\n officeData.push(item);\n }\n }\n }\n if (!officeData.length > 0) {\n browserHistory.push('/');\n return notify({\n type: 'error',\n message: 'Your account is not configured properly. Please contact your office.',\n time: 10\n });\n }\n\n responseJson.territories.map(async (territoriesData) => {\n if (territoriesData.offices.length > 0) {\n allOfficeDataRes.push(territoriesData.offices);\n if (allOfficeDataRes !== undefined && allOfficeDataRes.length > 1) {\n setTimeout(() => {\n setUser(responseJson);\n browserHistory.push('/office');\n }, 600);\n } else if (allOfficeDataRes.length > 0 && allOfficeDataRes[0][0].teams.length > 1\n && allOfficeDataRes[0].length > 1) {\n setTimeout(() => {\n setUser(responseJson);\n browserHistory.push('/office');\n }, 600);\n } else if (allOfficeDataRes.length > 0 && allOfficeDataRes[0][0].teams.length === 1\n && allOfficeDataRes[0].length === 1) {\n const officeRes = allOfficeDataRes[0][0];\n const teamRes = allOfficeDataRes[0][0].teams[0];\n const territoriesData1 = responseJson.territories.find(\n (item) => item.offices.some(\n (office) => office.id === officeRes.id\n )\n );\n const userOfficeData = Object.assign(responseJson,\n {\n office: officeRes.id,\n territoryId: territoriesData1.id,\n team: teamRes.id,\n selectedTeam: teamRes\n });\n setUser(userOfficeData);\n const serverData = {\n server: territoriesData.server,\n aipUrl: territoriesData.httpUrlApiNew\n };\n await storeServerUrl(serverData);\n setServerUrl(serverData);\n setTeam(teamRes);\n storeUser(userOfficeData);\n storeVersionCode();\n const reLoginData = {\n userId: responseJson.loginPayload.userId,\n password: responseJson.loginPayload.password,\n requestSource: REQUEST_SOURCE,\n lastAppVersion: APP_VERSION,\n appGeneration: APP_GENERATION,\n deviceId: deviceToken,\n deviceToken,\n fcmToken: Fcm_Token\n };\n\n reLogin(reLoginData).then(async (response) => {\n setLoader(false);\n const { status } = response;\n if (status) {\n // Add office & team\n response.office = responseJson.office;\n response.team = responseJson.team;\n response.territoryId = responseJson.territoryId;\n response.remember = responseJson.remember;\n response.selectedTeam = responseJson.selectedTeam;\n response.loginPayload = reLoginData;\n await storeUser(response);\n await storeVersionCode();\n setUser(response);\n browserHistory.push('/sync-data');\n } else {\n notify({ type: 'error', message: response.message });\n userLogout(false);\n }\n });\n } else {\n const territoriesData2 = responseJson.territories.find(\n (item) => item.offices.some(\n (office) => {\n if (allOfficeDataRes.length > 0) {\n if (office.id === allOfficeDataRes[0][0].id) {\n return item;\n }\n }\n }\n )\n );\n if (allOfficeDataRes.length > 0 && allOfficeDataRes[0][0].teams.length >= 0) {\n const userData = Object.assign(responseJson,\n { office: allOfficeDataRes[0][0].id, territoryId: territoriesData2.id });\n setUser(userData);\n const serverData = {\n server: territoriesData2.server,\n aipUrl: territoriesData2.httpUrlApiNew\n };\n await storeServerUrl(serverData);\n setServerUrl(serverData);\n storeUser(userData);\n storeVersionCode();\n browserHistory.push('/team');\n } else {\n notify({\n type: 'error',\n message: 'Your account is not configured properly. Please contact your office.',\n time: 5\n });\n browserHistory.push('/team');\n }\n }\n }\n });\n } else {\n notify({ type: 'error', message: responseJson.message });\n }\n });\n } else {\n notify({ type: 'error', message: 'You must an internet connection to Log In. Please check your connection and try again.', time: 3 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickYes = () => {\n try {\n const { formData } = this.state;\n deleteDb();\n this.loginUser(formData);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangePassword = () => {\n try {\n storeUserNameAndPassword(this.props.formData.values);\n browserHistory.push('/change-password');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onForgotPassword = () => {\n try {\n storeUserNameAndPassword(this.props.formData.values);\n browserHistory.push('/forgot-password');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n autoLoginUser = async (token) => {\n try {\n const {\n setUser, setLoader, notify,\n setServerUrl, setTeam,\n setSelectCaseDate, setProducts,\n setFirstLoginSessionToken, setAutoLoginData\n } = this.props;\n // console.log(this.props);\n const paramData = atob(token);\n const jsonData = JSON.parse(paramData);\n\n setSelectCaseDate('');\n setProducts([]);\n\n const getSettingsPayload = {\n userId: jsonData.userId,\n sessionToken: jsonData.token,\n url: atob(jsonData.url)\n };\n let responseJson = {};\n setLoader(true);\n responseJson = await getUsersData(getSettingsPayload);\n const { status } = responseJson;\n if (status) {\n const getUserRes = await getUsersData(getSettingsPayload);\n if (getUserRes.status === true) {\n const remember = {};\n const deviceToken = await requestForToken();\n const loginData = {\n userId: getUserRes.userId,\n requestSource: REQUEST_SOURCE,\n lastAppVersion: APP_VERSION,\n appGeneration: APP_GENERATION,\n deviceId: deviceToken,\n deviceToken,\n fcmToken: Fcm_Token\n };\n\n productDb();\n // Add office & team\n responseJson.office = null;\n responseJson.team = null;\n responseJson.loginPayload = loginData;\n responseJson.remember = remember;\n\n setFirstLoginSessionToken(jsonData.firstToken);\n await storeFirstLoginToken(jsonData.firstToken);\n await storeUser(responseJson);\n await storeVersionCode();\n setUser(responseJson);\n await storeUserNameAndPassword({});\n getNotifications({ status: 'unread' }).then((notificationsResponse) => {\n if (notificationsResponse) {\n store.dispatch(notificationsSet({\n totalUnread: notificationsResponse.totalUnread,\n data: notificationsResponse.notifications\n }));\n }\n });\n const officeData = [];\n for (const office of responseJson.territories) {\n if (office.offices.length > 0) {\n for (const item of office.offices) {\n officeData.push(item);\n }\n }\n }\n\n const allOfficeDataRes = [];\n responseJson.territories.map(async (territoriesData) => {\n if (territoriesData.offices.length > 0) {\n if (Number(territoriesData.id) === Number(jsonData.territoryId)) {\n allOfficeDataRes.push(territoriesData.offices);\n const officeRes = allOfficeDataRes[0].map((obj) => {\n if (Number(obj.id) === Number(jsonData.office)) {\n return obj;\n }\n return null;\n }).find((obj) => obj !== null);\n const teamRes = officeRes.teams.map((obj) => {\n if (Number(obj.id) === Number(jsonData.team)) {\n return obj;\n }\n return null;\n }).find((obj) => obj !== null);\n // const territoriesData1 = responseJson.territories.find(\n // (item) => item.offices.some(\n // (office) => office.id === officeRes.id\n // )\n // );\n const userOfficeData = Object.assign(responseJson,\n {\n office: officeRes.id,\n territoryId: jsonData.territoryId,\n team: teamRes.id,\n selectedTeam: teamRes\n });\n setUser(userOfficeData);\n const serverData = {\n server: territoriesData.server,\n aipUrl: territoriesData.httpUrlApiNew\n };\n await storeServerUrl(serverData);\n setServerUrl(serverData);\n setTeam(teamRes);\n storeUser(userOfficeData);\n storeVersionCode();\n setAutoLoginData(true);\n\n responseJson.office = jsonData.office;\n responseJson.team = jsonData.team;\n responseJson.territoryId = jsonData.territoryId;\n responseJson.selectedTeam = teamRes;\n await storeUser(responseJson);\n await storeVersionCode();\n setUser(responseJson);\n browserHistory.push('/sync-data');\n }\n }\n });\n } else {\n notify({ type: 'error', message: getUserRes.message });\n }\n }\n setLoader(false);\n browserHistory.push('/');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { user, dispatch } = this.props;\n const query = new URLSearchParams(this.props.location.search);\n if (typeof query !== 'undefined' || query !== null) {\n const token = query.get('auto-login');\n if (typeof token !== 'undefined' || token !== null) {\n try {\n const paramData = atob(token);\n console.log(paramData);\n this.autoLoginUser(token);\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n }\n\n const getUserName = await getUserNameAndPassword();\n Object.keys(getUserName).map((key) => {\n dispatch(change('loginForm', key, getUserName[key]));\n });\n if (user.hasOwnProperty('remember')) {\n const { remember } = user;\n this.setState({\n rememberUserName: remember.hasOwnProperty('ru') ? remember.ru !== '' : false,\n rememberPassword: remember.hasOwnProperty('rp') ? remember.rp !== '' : false,\n }, () => {\n dispatch(change('loginForm', 'userId', remember.ru));\n dispatch(change('loginForm', 'password', remember.rp));\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { handleSubmit } = this.props;\n const { rememberUserName } = this.state;\n return (\n \n
\n \n
\n Local Changes
\n{`Another user on this device has unsaved changes. When you login with a different account,\n the previous user's data will be lost. Would you like to continue logging in?`}\n
\n\n
\n \n
\n \n No\n \n
\n \n onClickYes()}\n >Yes\n \n
\n \n \n \n
\n );\n }\n}\n\n/* const withForm = reduxForm({\n enableReinitialize: true,\n form: 'loginForm',\n}); */\n\nconst loginFormProps = withFirstLoginSessionToken(\n withProducts(\n withSelectCaseDate(\n withOnline(\n withTeam(\n withServerUrl(\n withUser(\n withNotify(\n withLoader(\n withAutoLogin(\n Login\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n\nexport default compose(\n connect((state) => ({\n formData: state.form.loginForm\n })),\n reduxForm({ form: 'loginForm' })\n)(loginFormProps);\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\n\nclass ForgotPasswordConfirmation extends Component {\n onClickOk = () => {\n browserHistory.push('/');\n }\n\n render() {\n const { apiResponse } = this.props;\n return (\n \n
\n \n
\n\n \n
\n \n ![\"logo\"](\"assets/images/white_report_logo.png\")
\n
\n \n v{APP_VERSION} ({API_VERSION})
\n \n\n
\n \n );\n }\n}\n\nexport default ForgotPasswordConfirmation;\n","import React, { Component } from 'react';\nimport { change, Field, reduxForm } from 'redux-form';\nimport withNotify from '../common/withNotify';\nimport withLoader from '../common/withLoader';\nimport withOnline from '../common/withOnline';\nimport { onGoBack, getUserNameAndPassword } from '../common/globals';\nimport { renderField, required } from '../helpers/form-validations';\nimport Header from '../components/Header';\nimport { forgotPassword } from '../utils/utils';\nimport Bugsnag from '../helpers/bugsnag';\nimport ForgotPasswordConfirmation from '../components/Models/ForgotPasswordConfirmation';\n// import { APP_VERSION } from '../common/config';\n\nclass ForgotPassword extends Component {\n constructor(props) {\n super(props);\n this.state = {\n apiResponse: ''\n };\n this.ForgotPasswordConfirmationModal = null;\n }\n\n componentDidMount() {\n try {\n this.ForgotPasswordConfirmationModal = new window.bootstrap.Modal(window.$('#forgotPasswordConfirmationModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = (formData) => {\n try {\n const {\n setLoader, notify, online\n } = this.props;\n if (online) {\n setLoader(true);\n // formData.lastAppVersion = APP_VERSION;\n forgotPassword(formData).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n // notify({ type: 'success', message });\n this.ForgotPasswordConfirmationModal.show();\n this.setState({ apiResponse: message });\n } else {\n notify({ type: 'error', message: 'User ID not found.' });\n }\n });\n } else {\n notify({ type: 'error', message: 'You must an internet connection to Log In. Please check your connection and try again.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n async UNSAFE_componentWillMount() {\n try {\n const { dispatch } = this.props;\n const getUserName = await getUserNameAndPassword();\n Object.keys(getUserName).map(() => {\n dispatch(change('ForgotPasswordForm', 'userId', getUserName.userId));\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { handleSubmit, goBack } = this.props;\n const { apiResponse } = this.state;\n return (\n \n
\n \n
\n {apiResponse}
\n\n
\n \n
\n \n \n
\n \n \n
\n );\n }\n}\n\nconst withForm = reduxForm({\n form: 'ForgotPasswordForm',\n});\n\nexport default withOnline(withForm(withNotify(withLoader(ForgotPassword))));\n","import React, { Component } from 'react';\n\nclass AcmCaseEditNotify extends Component {\n render() {\n return (\n \n
\n \n );\n }\n}\n\nexport default AcmCaseEditNotify;\n","import React, { Component } from 'react';\nimport withGoBack from '../../common/withGoBack';\nimport { onGoBack } from '../../common/globals';\n\nclass TypeChangeConfirmationModal extends Component {\n _onNotChange = () => {\n const { goBack, editManageCase, onCancelTypeChange } = this.props;\n if (editManageCase) {\n onGoBack(goBack);\n } else {\n onCancelTypeChange();\n }\n }\n\n render() {\n const { onSaveChanges, caseRes } = this.props;\n let selectedSetsCount = 0;\n if (Object.keys(caseRes).length > 0) {\n caseRes.case_sets.map((value) => {\n selectedSetsCount += Number(value.Quantity);\n });\n }\n return (\n \n
\n \n
\n This is an ACM case. Editing is limited.
\n\n Rep changes will show in blue on the Case Details screen\n and the field will not receive additional ACM updates.\n
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default withGoBack(TypeChangeConfirmationModal);\n","import React, { Component } from 'react';\n\nclass ACMProductGoBackModal extends Component {\n render() {\n const { onSave, onCancel } = this.props;\n return (\n \n
\n \n
\n OPtimize
\n{`If you change the Case Type, the ${selectedSetsCount} sets selected for this case will be removed.\n Are you sure?`}\n
\n\n
\n \n
\n \n No\n \n
\n \n onSaveChanges()}\n data-bs-dismiss=\"modal\"\n >Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default ACMProductGoBackModal;\n","import React, { Component } from 'react';\n\nclass TextareaExpanding extends Component {\n constructor(props) {\n super(props);\n this.textarea = React.createRef();\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.value !== this.props.value) {\n const currentTextarea = this.textarea.current;\n const minHeight = currentTextarea.minHeight || 36;\n if (this.props.value === null || this.props.value.length === 0) {\n currentTextarea.style.height = `${minHeight}px`;\n return;\n }\n const newHeight = currentTextarea.scrollHeight > minHeight\n ? currentTextarea.scrollHeight : minHeight;\n currentTextarea.style.height = `${newHeight + 2}px`;\n }\n }\n\n _handleChange = (e) => {\n if (e.target.value.length === 0) {\n e.target.style.height = 'auto';\n }\n const minHeight = e.target.minHeight || 36;\n e.target.style.height = `${e.target.scrollHeight > minHeight ? e.target.scrollHeight : minHeight}px`;\n }\n\n render() {\n const { ...rest } = this.props;\n return (\n \n
\n \n
\n Do you want to save changes first?
\n\n
\n \n
\n \n \n
\n \n onSave()}\n >\n Yes\n \n
\n \n {\n !hideSearch && (\n
\n \n {\n this.setState({\n searchValue: value,\n objectsToDisplay: objectsList.filter((data) => data.toLowerCase()\n .includes(value.toLowerCase())),\n });\n }}\n placeholder={`Search for a ${pageTitle}`}\n />\n
\n )\n }\n\n \n
\n \n
\n - \n {\n objectsToDisplay && objectsToDisplay.map((data, index) => (\n
- \n \n\n\n\n
\n {\n (pageTitle === 'HeightUnitType' || pageTitle === 'WeightUnitType')\n ? `${data.split(', ')[0]} (${data.split(', ').pop()})`\n : data\n }\n
\n \n \n ))\n }\n\n {\n objectsToDisplay.length === 0 && (\n - \n \n\n\n No results found.\n\n \n )\n }\n
\n
\n \n );\n }\n}\n\nexport default AcmCaseCancel;\n","import React, { Component } from 'react';\nimport {\n Field,\n reduxForm,\n change,\n reset\n} from 'redux-form';\nimport { browserHistory } from 'react-router';\nimport DatePicker from 'react-datepicker';\nimport Datetime from 'react-datetime';\nimport moment from 'moment';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { isEmpty, trim } from 'lodash';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withTeam from '../../common/withTeam';\nimport withUser from '../../common/withUser';\nimport withSelectCaseDate from '../../common/withSelectCaseDate';\nimport withSetsListStateStorage from '../../common/withSetsListStateStorage';\nimport withTableName from '../../common/withTableName';\nimport withSelectedSetsPayload from '../../common/withSelectedSetsPayload';\nimport {\n renderField,\n maxLength3,\n maxLength25,\n maxLength50,\n maxValue120\n} from '../../helpers/form-validations';\nimport Header from '../../components/Header';\nimport {\n onGoBack,\n sortData,\n getNoneAtTop,\n getSelectedDateTime,\n isMobile\n} from '../../common/globals';\nimport {\n getSurgeons,\n getProcedureTypes,\n getTeamReps,\n getSideType,\n getGenderType,\n getHeightUnitType,\n getWeightUnitType,\n updateTableWiseCaseByCaseId,\n getCustomerNoByName,\n insertCaseByCaseId,\n updateCaseByPrimaryId,\n getTableCaseByCaseId,\n getCaseByCaseScheduleID,\n updateCaseByCaseScheduleID,\n getHospitalByCustomerNo,\n getAltCaseTypes,\n} from '../../utils/db';\nimport {\n addCases,\n updateCase,\n listSingleCase,\n // updateACMLog\n} from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport AcmCaseEditNotify from '../../components/Models/AcmCaseEditNotify';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport TypeChangeConfirmationModal from '../../components/Models/TypeChangeConfirmationModal';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport TextareaExpanding from '../../components/TextareaExpanding.js';\nimport ChooseFieldPage from '../../components/ManageCase/ChooseFieldPage.js';\nimport AcmCaseCancel from '../../components/Models/AcmCaseCancel';\n\nclass EditManageCase extends Component {\n constructor(props) {\n super(props);\n // const { team: { timezone } } = this.props;\n this.state = {\n manageCaseData: {},\n fixCaseData: {},\n types: [],\n selectedType: '',\n selectedAltCaseType: '',\n surgeons: [],\n selectedSurgeon: '',\n hospitals: [],\n selectedHospital: '',\n procedures: [],\n selectedProcedure: '',\n sides: [],\n selectedSide: '',\n selectedStartTime: '',\n // selectedCaseDate: new Date(new Date().toLocaleString('en-US', { timeZone: timezone })),\n selectedCaseDate: new Date(new Date().toLocaleString('en-US')),\n genders: [],\n selectedGender: '',\n heightUnitType: [],\n selectedHeightUnit: '',\n weightUnitType: [],\n selectedWeightUnit: '',\n caseData: {},\n isEdit: false,\n selectedCaseId: '',\n coverReps: [],\n selectedCoverRep: '',\n count: 0,\n // selectedCaseTime: new Date(new Date(\n // new Date().toLocaleString('en-US', { timeZone: timezone })\n // ).setHours(7, 0)),\n selectedCaseTime: new Date(new Date(new Date().toLocaleString('en-US')).setHours(7, 0)),\n customerNo: '',\n RepNotes: '',\n Comments: '',\n fieldPageToShow: null,\n timeConstraints: { minutes: { step: 15 } }\n };\n this.acmCaseEditNotifyModal = null;\n this.caseChangesNoLonger = null;\n this.typeChangeConfirmationModal = null;\n this.manageCaseBackModal = null;\n this.acmCaseCancelModal = null;\n }\n\n componentDidMount() {\n try {\n const { setSetsListStateStorage, setSelectedSetsPayload } = this.props;\n setSetsListStateStorage({});\n setSelectedSetsPayload([]);\n this.acmCaseEditNotifyModal = new window.bootstrap.Modal(window.$('#acmCaseEditNotifyModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.typeChangeConfirmationModal = new window.bootstrap.Modal(window.$('#typeChangeConfirmationModal'));\n this.manageCaseBackModal = new window.bootstrap.Modal(window.$('#acmProductGoBackModal'));\n this.acmCaseCancelModal = new window.bootstrap.Modal(window.$('#AcmCaseCancelModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getHospital = async (value) => {\n try {\n const { surgeons } = this.state;\n const hospitalFilterRes = surgeons.filter((obj) => obj.SurgeonName.toString() === value);\n // const sortHospitals = sortData(hospitalFilterRes, 'CustomerName');\n let hospitalsToReturn = [];\n await Promise.all(hospitalFilterRes.map(async (hospital) => {\n const tempHospitals = hospital.surgeon_hospitals;\n const customerNosRes = [];\n tempHospitals.forEach((obj) => {\n customerNosRes.push(obj.CustomerNo);\n });\n let newData = [];\n await Promise.all(customerNosRes.map(async (item) => {\n const hospitalRes = await getHospitalByCustomerNo(item);\n if (!isEmpty(hospitalRes)) {\n newData.push(hospitalRes);\n const filtered = [];\n for (let i = 0; i < newData.length; i++) {\n let isHasNotEqual = true;\n for (let j = 0; j < filtered.length; j++) {\n if (filtered[j].CustomerNo === newData[i].CustomerNo) {\n isHasNotEqual = false;\n }\n }\n if (isHasNotEqual) {\n filtered.push(newData[i]);\n }\n }\n newData = filtered;\n this.setState({\n hospitals: sortData(newData, 'CustomerName'),\n });\n }\n }));\n hospitalsToReturn = [...newData];\n }));\n return hospitalsToReturn;\n // hospitalFilterRes.map((hospitalRes) => {\n // this.setState({\n // hospitals: sortData(hospitalRes.surgeon_hospitals, 'CustomerName'),\n // }, () => {\n // $('#hospitalsEle').select2('open');\n // });\n // });\n } catch (e) {\n Bugsnag.notify(e);\n return [];\n }\n }\n\n _getCaseType = async () => {\n try {\n const typeRes = await getAltCaseTypes();\n const sortType = sortData(typeRes, 'AltCaseType');\n this.setState({\n types: sortType\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSurgeon = async () => {\n try {\n const surgeonRes = await getSurgeons();\n const sortSurgeons = sortData(surgeonRes, 'SurgeonName');\n this.setState({\n surgeons: sortSurgeons\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getProcedureTypes = async () => {\n try {\n const procedureTypesRes = await getProcedureTypes();\n this.setState({\n procedures: procedureTypesRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getTeamReps = async () => {\n try {\n const { user: { name } } = this.props;\n const teamRepsRes = await getTeamReps();\n teamRepsRes.push({ SalesRepName: name });\n const seen = new Set();\n const filteredArr = teamRepsRes.filter((el) => {\n if (el.SalesRepName !== '') {\n const duplicate = seen.has(el.SalesRepName);\n seen.add(el.SalesRepName);\n return !duplicate;\n }\n });\n const sortTeamReps = sortData(filteredArr, 'SalesRepName');\n sortTeamReps.unshift({ SalesRepName: 'NONE' });\n this.setState({\n coverReps: sortTeamReps\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCustomerNo = async (name) => {\n try {\n const customerNoRes = await getCustomerNoByName(name);\n this.setState({\n customerNo: customerNoRes.CustomerNo\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSideType = async () => {\n try {\n const sideTypeRes = await getSideType();\n const sortSideType = sortData(sideTypeRes, 'OptionName');\n const sideSortByNoneRes = await getNoneAtTop(sortSideType, 'OptionName');\n this.setState({\n sides: sideSortByNoneRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getGenderType = async () => {\n try {\n const genderTypeRes = await getGenderType();\n const sortGenderType = sortData(genderTypeRes, 'OptionName');\n const genderSortByNoneRes = await getNoneAtTop(sortGenderType, 'OptionName');\n this.setState({\n genders: genderSortByNoneRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getHeightUnitType = async () => {\n try {\n const heightTypeRes = await getHeightUnitType();\n const sortHeightType = sortData(heightTypeRes, 'OptionName');\n this.setState({\n heightUnitType: sortHeightType\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getWeightUnitType = async () => {\n try {\n const weightTypeRes = await getWeightUnitType();\n const sortWeightType = sortData(weightTypeRes, 'OptionName');\n this.setState({\n weightUnitType: sortWeightType\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getById = async () => {\n try {\n const {\n dispatch, params: { id }, user: { name }, tableName\n } = this.props;\n\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (caseRes && caseRes.ACMCaseID !== null && caseRes.CreateRep === 'ACM') {\n if (caseRes.CaseStatus === 'CANCEL') {\n this.acmCaseCancelModal.show();\n } else {\n if (caseRes.ACMCx === '1' && caseRes.CaseStatus === 'ACTIVE') {\n this.acmCaseEditNotifyModal.show();\n } else {\n this.acmCaseEditNotifyModal.show();\n }\n }\n }\n\n // Get case time\n const currentDate = new Date();\n const timeValues = caseRes.CaseTime.split(':');\n // const CaseDateTime = currentDate.setHours(timeValues[0], timeValues[1]);\n let CaseDateTime;\n let NewTime;\n if (timeValues.length === 2) {\n CaseDateTime = currentDate.setHours(timeValues[0], timeValues[1]);\n NewTime = new Date(CaseDateTime);\n } else {\n CaseDateTime = caseRes.CaseTime;\n NewTime = new Date(CaseDateTime);\n }\n\n const newCoverRep = (caseRes.CoverRep === null) ? name : caseRes.CoverRep;\n if (Object.keys(caseRes).length > 0) {\n this._getHospital(caseRes.SurgeonName);\n this.setState({\n selectedCaseId: (caseRes.ACMCaseID === null) ? caseRes.RepCaseNo : `${`${caseRes.RepCaseNo}(ACM)`}`,\n selectedType: caseRes.CaseType,\n selectedAltCaseType: caseRes.AltCaseType,\n selectedSurgeon: caseRes.SurgeonName,\n selectedHospital: caseRes.CustomerName,\n selectedProcedure: caseRes.ProcedureType,\n selectedSide: caseRes.Side,\n selectedCaseTime: NewTime,\n selectedGender: caseRes.Gender,\n selectedCoverRep: caseRes.CoverRep === null ? name : caseRes.CoverRep,\n selectedCaseDate: new Date(caseRes.CaseDate.replace(/-/g, '/')),\n customerNo: caseRes.CustomerNo,\n RepNotes: caseRes.RepNotes,\n Comments: caseRes.Comments,\n selectedHeightUnit: caseRes.HeightUnits,\n selectedWeightUnit: caseRes.WeightUnits,\n }, () => {\n this.setState({ fixCaseData: { ...caseRes, ...this.state } });\n });\n Object.keys(caseRes).map((key) => {\n if (key === 'RepCaseNo' && caseRes.ACMCaseID !== null) {\n const RepCaseNo = `${`${caseRes.RepCaseNo} (ACM)`}`;\n caseRes.RepCaseNo = RepCaseNo;\n }\n if (key === 'CaseNo') {\n caseRes.CaseNo = caseRes.CaseNo === null ? 'PENDING' : caseRes.CaseNo;\n }\n dispatch(change('EditManageCaseForm', key, caseRes[key]));\n });\n this.setState({ caseData: caseRes, manageCaseData: { ...caseRes }, newCoverRep });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedCaseType = async (caseType) => {\n try {\n const { tableName, params } = this.props;\n const { selectedType, types } = this.state;\n const altCaseTypeObj = types.find((type) => type.AltCaseType === caseType);\n if (params.hasOwnProperty('id')) {\n const caseRes = await getTableCaseByCaseId(params.id, tableName);\n if (caseRes.case_sets.length > 0 && selectedType !== altCaseTypeObj.CaseType) {\n this.typeChangeConfirmationModal.show();\n }\n }\n this.setState({\n selectedType: altCaseTypeObj.CaseType,\n selectedProcedure: altCaseTypeObj.ProcedureType,\n selectedAltCaseType: altCaseTypeObj.AltCaseType,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onTypeChanges = () => {\n try {\n const { selectedType } = this.state;\n this.setState({ selectedType });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = async (formData) => {\n try {\n const {\n selectedSurgeon,\n selectedType,\n selectedAltCaseType,\n selectedHospital,\n selectedCaseDate,\n selectedCoverRep,\n selectedCaseTime,\n count,\n selectedSide,\n selectedProcedure,\n selectedGender,\n caseData,\n isEdit,\n customerNo,\n manageCaseData,\n selectedHeightUnit,\n selectedWeightUnit\n } = this.state;\n const { fixCaseData: { Comments, RepNotes } } = this.state;\n const {\n goBack, setLoader, notify, online, params: { id }, dispatch, tableName,\n user: { selectedTeam, name }\n } = this.props;\n\n let responseJson = {};\n if (typeof caseData !== 'undefined' && typeof caseData.CaseScheduleID !== 'undefined') {\n responseJson = await listSingleCase(caseData.CaseScheduleID);\n }\n\n if ((selectedCaseTime === null || selectedCaseTime === '') && formData.ACMCaseID === null) {\n notify({ type: 'error', message: 'You must select a case time' });\n }\n\n // if (caseData && caseData.DGR === '1') {\n // this.caseChangesNoLonger.show();\n // setLoader(false);\n // return;\n // }\n\n // Set case time based on server timezone\n const updateTime = moment(selectedCaseTime.getTime()).format('HH:mm');\n const selectedDateTime = await getSelectedDateTime(selectedCaseDate, updateTime);\n\n if ((selectedCaseDate === null || selectedCaseDate === '')) {\n notify({ type: 'error', message: 'You must select a case date' });\n } else if ((selectedSurgeon === null || selectedSurgeon === '') && (!isEdit || caseData.ACMCaseID === null)) {\n notify({ type: 'error', message: 'You must select a surgeon' });\n } else if ((selectedHospital === null || selectedHospital === '') && (!isEdit || caseData.ACMCaseID === null)) {\n notify({ type: 'error', message: 'You must select a hospital' });\n } else if ((selectedType === null || selectedType === '') && (!isEdit || caseData.ACMCaseID === null)) {\n notify({ type: 'error', message: 'You must select a case type' });\n } else if ((selectedProcedure === null || selectedProcedure === '') && (!isEdit || caseData.ACMCaseID === null)) {\n notify({ type: 'error', message: 'You must select a procedure type' });\n } else {\n caseData.Age = (formData.Age > 0 ? formData.Age : null);\n caseData.CaseDate = moment(selectedDateTime).format('YYYY-MM-DD');\n caseData.CaseTime = moment(selectedDateTime).format('YYYY-MM-DD') + moment(selectedDateTime).format(' HH:mm');\n caseData.CaseType = selectedType;\n caseData.AltCaseType = selectedAltCaseType;\n caseData.ChangeRep = name;\n caseData.ProcedureType = selectedProcedure;\n caseData.Comments = (Comments === null || Comments === undefined)\n ? null : Comments !== null ? Comments.charAt(0).toUpperCase() + Comments.slice(1) : '';\n caseData.CoverRep = selectedCoverRep;\n caseData.CreateRep = selectedCoverRep;\n caseData.CustomerName = selectedHospital;\n caseData.CustomerNo = customerNo;\n caseData.Gender = selectedGender;\n caseData.Height = (formData.Height === undefined || formData.Height === '') ? null : formData.Height;\n caseData.MRN = (formData.MRN === null || formData.MRN === undefined) ? null\n : formData.MRN.toUpperCase();\n caseData.PatientID = (formData.PatientID === null || formData.PatientID === undefined)\n ? null : formData.PatientID.toUpperCase();\n caseData.RepNotes = (RepNotes === undefined || RepNotes === '') ? null\n : RepNotes !== null ? RepNotes.charAt(0).toUpperCase() + RepNotes.slice(1) : '';\n caseData.RepPONumber = (formData.RepPONumber === null || formData.RepPONumber === undefined)\n ? null : formData.RepPONumber;\n caseData.Side = selectedSide;\n caseData.SurgeonName = selectedSurgeon;\n caseData.Weight = (formData.Weight === undefined || formData.Weight === '') ? null : formData.Weight;\n caseData.HeightUnits = (selectedHeightUnit !== null && selectedHeightUnit !== '' ? selectedHeightUnit.split(', ').pop() : selectedHeightUnit);\n caseData.WeightUnits = (selectedWeightUnit !== null && selectedWeightUnit !== '' ? selectedWeightUnit.split(', ').pop() : selectedWeightUnit);\n\n if (caseData.Height !== null && (caseData.HeightUnits === null || caseData.HeightUnits === '')) {\n caseData.HeightUnits = 'IN';\n }\n\n if (caseData.Weight !== null && (caseData.WeightUnits === null || caseData.WeightUnits === '')) {\n caseData.WeightUnits = 'LB';\n }\n\n if (caseData.Height === null) {\n caseData.HeightUnits = null;\n }\n\n if (caseData.Weight === null) {\n caseData.WeightUnits = null;\n }\n\n if (!isEdit) {\n caseData.Submitted = '0';\n caseData.Synced = '0';\n }\n\n setLoader(true);\n if (!isEdit) {\n let modifiedCaseResData = {\n Sync: 0,\n case_products: [],\n case_dgrs: [],\n case_xrays: [],\n case_sets: []\n };\n if (online) {\n if (typeof caseData.RepNotes !== 'undefined' && caseData.RepNotes !== null && caseData.RepNotes !== '') {\n caseData.RepNotes = caseData.RepNotes.replaceAll('\\r\\n', '#*#');\n // caseData.RepNotes = caseData.RepNotes.replaceAll('\\n', '#*#');\n // caseData.RepNotes = caseData.RepNotes.replaceAll('\\r', '#*#');\n caseData.RepNotes = caseData.RepNotes.replaceAll('#*##*##*#', '\\r\\n');\n caseData.RepNotes = caseData.RepNotes.replaceAll('#*##*#', '\\r\\n');\n caseData.RepNotes = caseData.RepNotes.replaceAll('#*#', '\\r\\n');\n }\n if (typeof caseData.Comments !== 'undefined' && caseData.Comments !== null && caseData.Comments !== '') {\n caseData.Comments = caseData.Comments.replaceAll('\\r\\n', '#*#');\n // caseData.Comments = caseData.Comments.replaceAll('\\n', '#*#');\n // caseData.Comments = caseData.Comments.replaceAll('\\r', '#*#');\n caseData.Comments = caseData.Comments.replaceAll('#*##*##*#', '\\r\\n');\n caseData.Comments = caseData.Comments.replaceAll('#*##*#', '\\r\\n');\n caseData.Comments = caseData.Comments.replaceAll('#*#', '\\r\\n');\n }\n responseJson = await addCases(caseData);\n const { message, status } = responseJson;\n if (status) {\n this._onScrollToTop();\n const caseDetails = responseJson.data[0];\n modifiedCaseResData = Object.assign(modifiedCaseResData, { ...caseDetails });\n modifiedCaseResData.CaseDate = caseData.CaseDate;\n modifiedCaseResData.CaseTime = caseData.CaseTime;\n insertCaseByCaseId(modifiedCaseResData);\n // notify({ type: 'success', message });\n dispatch(reset('EditManageCaseForm'));\n } else {\n notify({ type: 'error', message });\n }\n } else {\n caseData.ACMCaseFlags = null;\n caseData.ACMCaseID = null;\n caseData.ACMChange = '0';\n caseData.ACMCxEmail = null;\n caseData.ACMIssue = '0';\n caseData.ACMOrder = '0';\n caseData.ACMPartsSent = '0';\n caseData.ACMPlannedParts = null;\n caseData.ACMSelectedParts = null;\n caseData.AppSetQty = '0';\n caseData.CaseNo = null;\n caseData.CaseScheduleID = null;\n caseData.CaseStatus = null;\n caseData.ChangedFields = null;\n caseData.DGR = '0';\n caseData.DGRBG = '0';\n caseData.DGRSignature = null;\n caseData.DGRUpload = '0';\n caseData.DGRViewed = '0';\n caseData.DateDeleted = null;\n caseData.DateModified = null;\n caseData.Deleted = '0';\n caseData.MultiProdRep = '0';\n caseData.NoProducts = '0';\n caseData.OfficeName = null;\n caseData.ProdNotesViewed = '0';\n caseData.ProductNotes = null;\n caseData.ProductSubmitted = null;\n caseData.RepCaseNo = null;\n caseData.SalesRepName = selectedTeam.name;\n caseData.SalesRepNo = null;\n caseData.SetQty = null;\n caseData.SubOfficeName = null;\n caseData.SubmitDate = null;\n caseData.Submitted = '0';\n caseData.SurgeonNo = null;\n caseData.SurgeonNotes = null;\n caseData.Synced = '0';\n caseData.ViewShipTo = '0';\n\n const caseDetails = Object.assign(modifiedCaseResData, { ...caseData });\n caseDetails.Sync = 1;\n insertCaseByCaseId(caseDetails);\n this._onScrollToTop();\n dispatch(reset('EditManageCaseForm'));\n }\n this.setState({\n count: count + 1,\n selectedSide: '',\n selectedGender: '',\n RepNotes: '',\n Comments: '',\n selectedHeightUnit: '',\n selectedWeightUnit: ''\n });\n setLoader(false);\n } else if (online) {\n const {\n CaseScheduleID, AltCaseType, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, ProductNotes, Synced,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n HeightUnits, WeightUnits,\n ...partialObject\n } = caseData;\n\n const subset = {\n CaseScheduleID,\n AltCaseType,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n Synced,\n selectedSets,\n HeightUnits,\n WeightUnits\n };\n\n if (typeof responseJson.status !== 'undefined' && responseJson.status && responseJson.hasOwnProperty('data')) {\n const caseDetails = responseJson.data[0];\n subset.Synced = caseDetails.Synced;\n }\n\n const compareValue = await this.compareUpdatedValue(manageCaseData, subset);\n if (compareValue) {\n subset.Submitted = '0';\n subset.Synced = (subset.Synced === '1' ? '0' : subset.Synced);\n }\n\n if (JSON.stringify(manageCaseData.CaseType) === JSON.stringify(selectedType)) {\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n } else {\n subset.selectedSets = [];\n }\n\n if (typeof subset.RepNotes !== 'undefined' && subset.RepNotes !== null && subset.RepNotes !== '') {\n subset.RepNotes = subset.RepNotes.replaceAll('\\r\\n', '#*#');\n // subset.RepNotes = subset.RepNotes.replaceAll('\\n', '#*#');\n // subset.RepNotes = subset.RepNotes.replaceAll('\\r', '#*#');\n subset.RepNotes = subset.RepNotes.replaceAll('#*##*##*#', '\\r\\n');\n subset.RepNotes = subset.RepNotes.replaceAll('#*##*#', '\\r\\n');\n subset.RepNotes = subset.RepNotes.replaceAll('#*#', '\\r\\n');\n }\n\n if (typeof subset.Comments !== 'undefined' && subset.Comments !== null && subset.Comments !== '') {\n subset.Comments = subset.Comments.replaceAll('\\r\\n', '#*#');\n // subset.Comments = subset.Comments.replaceAll('\\n', '#*#');\n // subset.Comments = subset.Comments.replaceAll('\\r', '#*#');\n subset.Comments = subset.Comments.replaceAll('#*##*##*#', '\\r\\n');\n subset.Comments = subset.Comments.replaceAll('#*##*#', '\\r\\n');\n subset.Comments = subset.Comments.replaceAll('#*#', '\\r\\n');\n }\n\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseData.CaseScheduleID);\n const { message, status } = responseJson;\n\n if (status && responseJson.hasOwnProperty('data')) {\n this._onScrollToTop();\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(id, 10);\n caseDetails.CaseDate = caseData.CaseDate;\n caseDetails.CaseTime = moment(caseData.CaseTime).format('HH:mm');\n\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n if (tableName !== 'Cases') {\n const getCaseByCaseId = await getCaseByCaseScheduleID(caseDetails.CaseScheduleID);\n\n if (getCaseByCaseId !== undefined) {\n caseDetails.id = getCaseByCaseId.id;\n await updateCaseByCaseScheduleID(\n caseDetails.CaseScheduleID, caseDetails\n );\n }\n }\n onGoBack(goBack);\n } else {\n notify({ type: 'error', message });\n }\n } else {\n caseData.Sync = 1;\n caseData.Synced = (caseData.Synced === '1' ? '0' : caseData.Synced);\n updateCaseByPrimaryId(caseData.id, caseData);\n this._onScrollToTop();\n this.setState({\n count: count + 1\n });\n setLoader(false);\n onGoBack(goBack);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n compareUpdatedValue = async (oldValue, newValue) => {\n const {\n CaseScheduleID, AltCaseType, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, ProductNotes, Comments,\n ProductSubmitted, RepPONumber, CoverRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight,\n } = oldValue;\n const { selectedSets, ...newValueRest } = newValue;\n const {\n user: { name }\n } = this.props;\n\n delete newValueRest.RepNotes;\n delete newValueRest.Submitted;\n delete newValueRest.Synced;\n delete newValueRest.WeightUnits;\n delete newValueRest.HeightUnits;\n\n newValueRest.CaseTime = moment(newValueRest.CaseTime).format('HH:mm');\n newValueRest.PatientID = (typeof newValueRest.PatientID !== 'undefined' && newValueRest.PatientID !== null ? newValueRest.PatientID.toLowerCase() : newValueRest.PatientID);\n\n const subset = {\n CaseScheduleID,\n AltCaseType,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID: (typeof PatientID !== 'undefined' && PatientID !== null ? PatientID.toLowerCase() : PatientID),\n ProcedureType,\n CaseType,\n Side,\n Comments,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n };\n\n if (JSON.stringify(newValueRest) === JSON.stringify(subset)) {\n return false;\n }\n return true;\n }\n\n _onChangeRepNote = (key, value) => {\n try {\n const { fixCaseData } = this.state;\n fixCaseData[key] = value;\n this.setState({\n fixCaseData\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeOfficeNote = (key, value) => {\n try {\n const { fixCaseData } = this.state;\n fixCaseData[key] = value;\n this.setState({\n fixCaseData\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBackCancel = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getFormFieldData = (formData) => {\n try {\n const fields = [\n 'selectedCaseDate',\n 'selectedCaseTime',\n 'RepCaseNo',\n 'selectedSurgeon',\n 'selectedProcedure',\n 'selectedSide',\n 'selectedCoverRep',\n 'Height',\n 'selectedHospital',\n 'selectedType',\n 'PatientID',\n 'MRN',\n 'Age',\n 'selectedGender',\n 'Weight',\n 'RepPONumber',\n 'RepNotes',\n 'Comments',\n 'selectedHeightUnit',\n 'selectedWeightUnit'\n ];\n const caseDetail = {};\n fields.map((key) => {\n caseDetail[key] = (!formData.hasOwnProperty(key) || formData[key] === '') ? null : formData[key];\n });\n return caseDetail;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseGoBack = async () => {\n try {\n const { goBack, formData, dispatch } = this.props;\n const { fixCaseData, isEdit } = this.state;\n const updatedFormData = this._getFormFieldData(\n { ...formData.values, ...this.state }\n );\n const fixFormData = this._getFormFieldData(fixCaseData);\n if (updatedFormData.RepCaseNo !== null) {\n const removeString = updatedFormData.RepCaseNo.split('(ACM)');\n Object.keys(updatedFormData).map((key) => {\n if (key === 'RepCaseNo' && updatedFormData.RepCaseNo.includes('(ACM)')) {\n const RepCaseNo = updatedFormData.RepCaseNo.replace(\n updatedFormData.RepCaseNo, trim(removeString[0])\n );\n updatedFormData.RepCaseNo = RepCaseNo;\n }\n dispatch(change('EditManageCaseForm', key, updatedFormData[key]));\n });\n }\n this.setState({ updatedFormData: { ...updatedFormData } });\n if (JSON.stringify(fixFormData) === JSON.stringify(updatedFormData)) {\n onGoBack(goBack);\n } else {\n // onGoBack(goBack);\n isEdit ? this.manageCaseBackModal.show() : onGoBack(goBack);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveChanges = () => {\n try {\n const { formData } = this.props;\n this._onSubmit(formData.values);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScrollToTop = () => {\n try {\n window.scrollTo({\n top: 0,\n behavior: 'smooth',\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onOpenChooseFieldPage = (field) => {\n try {\n this.setState({\n fieldPageToShow: field,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFieldSelected = async (field, value) => {\n const {\n selectedHospital, selectedType\n } = this.state;\n\n if (field === 'Surgeon') {\n this.setState({\n selectedSurgeon: value,\n }, async () => {\n const availableHospitals = await this._getHospital(value);\n const isIncluded = availableHospitals\n .find((hospital) => hospital.CustomerName === selectedHospital);\n if (selectedHospital) {\n if (isIncluded) {\n this.setState({\n fieldPageToShow: null,\n });\n return;\n }\n this.setState({\n selectedHospital: '',\n fieldPageToShow: null,\n }, () => {\n setTimeout(() => this._onOpenChooseFieldPage('Hospital'), 750);\n });\n return;\n }\n this._onOpenChooseFieldPage('Hospital');\n });\n }\n\n if (field === 'Hospital') {\n this.setState({\n selectedHospital: value,\n }, async () => {\n await this._getCustomerNo(value);\n if (selectedType) {\n this.setState({\n fieldPageToShow: null,\n });\n return;\n }\n this._onOpenChooseFieldPage('Type');\n });\n }\n\n if (field === 'Type') {\n await this._onSelectedCaseType(value);\n this.setState({\n fieldPageToShow: null,\n });\n }\n\n if (field === 'Side') {\n if (value === 'NONE') {\n this.setState({\n selectedSide: null,\n fieldPageToShow: null,\n });\n return;\n }\n this.setState({\n fieldPageToShow: null,\n selectedSide: value\n });\n }\n\n if (field === 'CoverRep') {\n this.setState({\n fieldPageToShow: null,\n selectedCoverRep: value\n }, () => {\n this._getTeamReps(value);\n });\n }\n\n if (field === 'Gender') {\n this.setState({\n fieldPageToShow: null,\n selectedGender: value === 'NONE' ? '' : value\n });\n }\n\n if (field === 'HeightUnitType') {\n this.setState({\n fieldPageToShow: null,\n selectedHeightUnit: value\n });\n }\n\n if (field === 'WeightUnitType') {\n this.setState({\n fieldPageToShow: null,\n selectedWeightUnit: value\n });\n }\n }\n\n _onGetObjectsList = (fieldPageToShow) => {\n const {\n surgeons, hospitals, types, sides,\n coverReps, genders, heightUnitType, weightUnitType,\n } = this.state;\n\n if (fieldPageToShow === 'Surgeon') {\n return surgeons.map((surgeon) => surgeon.SurgeonName);\n }\n\n if (fieldPageToShow === 'Hospital') {\n return hospitals.map((hospital) => hospital.CustomerName);\n }\n\n if (fieldPageToShow === 'Type') {\n return types.map((value) => (value.AltCaseType));\n }\n\n if (fieldPageToShow === 'Side') {\n return sides.map((value) => (value.OptionName));\n }\n\n if (fieldPageToShow === 'CoverRep') {\n return coverReps.map((value) => value.SalesRepName);\n }\n\n if (fieldPageToShow === 'Gender') {\n return genders.map((value) => value.OptionName);\n }\n\n if (fieldPageToShow === 'HeightUnitType') {\n return heightUnitType.map((value) => value.OptionName);\n }\n\n if (fieldPageToShow === 'WeightUnitType') {\n return weightUnitType.map((value) => value.OptionName);\n }\n\n return [];\n }\n\n _acmBackCall = () => {\n try {\n const {\n params: { id }, goBack\n } = this.props;\n\n onGoBack(goBack);\n browserHistory.push(`/manage-case/${id}`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeUpdate = (event) => {\n try {\n const {\n isEdit,\n selectedHeightUnit,\n selectedWeightUnit\n } = this.state;\n const field = event.target.name;\n const fieldValue = event.target.value;\n\n if (field === 'Height') {\n if (fieldValue === '') {\n this.setState({ selectedHeightUnit: '' });\n } else {\n if (isEdit) {\n if (selectedHeightUnit === null || selectedHeightUnit === '') {\n this.setState({ selectedHeightUnit: 'IN' });\n }\n } else {\n if (selectedHeightUnit === null || selectedHeightUnit === '') {\n this.setState({ selectedHeightUnit: 'IN' });\n }\n }\n }\n }\n\n if (field === 'Weight') {\n if (fieldValue === '') {\n this.setState({ selectedWeightUnit: '' });\n } else {\n if (isEdit) {\n if (selectedWeightUnit === null || selectedWeightUnit === '') {\n this.setState({ selectedWeightUnit: 'LB' });\n }\n } else {\n if (selectedWeightUnit === null || selectedWeightUnit === '') {\n this.setState({ selectedWeightUnit: 'LB' });\n }\n }\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n params, selectCaseDate, user, dispatch\n } = this.props;\n dispatch(change('EditManageCaseForm', 'PatientID', ''));\n this._onScrollToTop();\n if (params.hasOwnProperty('id')) {\n this.setState({ isEdit: true });\n await this._getSurgeon();\n await this._getById();\n } else {\n this.setState({ selectedCoverRep: user.name });\n this.setState({ selectedCaseDate: new Date(selectCaseDate) });\n }\n await this._getSurgeon();\n await this._getCaseType();\n await this._getProcedureTypes();\n await this._getTeamReps();\n await this._getSideType();\n await this._getGenderType();\n await this._getHeightUnitType();\n await this._getWeightUnitType();\n $(document).on('focus', '.select2-selection.select2-selection--single', function () {\n $(this).closest('.select2-container').siblings('select:enabled').select2('open');\n });\n\n // steal focus during close - only capture once and stop propogation\n $('select.select2').on('select2:closing', (e) => {\n $(e.target).data('select2').$selection.one('focus focusin', (ee) => {\n ee.stopPropagation();\n });\n });\n $('select').select2({\n minimumResultsForSearch: -1\n })\n .on('select2-opening', function () {\n $(this).siblings('.select2-container').find('.select2-search, .select2-focusser').remove();\n });\n $('select').on('select2:open', () => {\n $('.select2-search__field').remove();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n handleSubmit,\n online,\n formData\n } = this.props;\n const {\n caseData,\n selectedAltCaseType,\n selectedType,\n selectedProcedure,\n selectedSurgeon,\n selectedHospital,\n selectedSide,\n selectedGender,\n isEdit,\n selectedCaseDate,\n selectedCoverRep,\n count,\n selectedCaseTime,\n fixCaseData,\n newCoverRep,\n timeConstraints,\n fieldPageToShow,\n selectedHeightUnit,\n selectedWeightUnit\n } = this.state;\n\n return (\n \n
\n \n
\n This ACM case is canceled. Editing is not allowed.
\n\n
\n \n
\n \n acmBackCall()}\n >\n OK\n \n
\n \n {\n !fieldPageToShow ? (\n \n ) : (\n {\n const { values } = formData;\n const isValidField = (field) => typeof values !== 'undefined' && typeof values[field] !== 'undefined' && values[field] !== '';\n\n if (fieldPageToShow === 'HeightUnitType' && isValidField('Height')) {\n this._onFieldSelected(fieldPageToShow, 'INCHES, IN');\n } else if (fieldPageToShow === 'WeightUnitType' && isValidField('Weight')) {\n this._onFieldSelected(fieldPageToShow, 'POUNDS, LB');\n }\n\n // Default action to hide the field page\n this.setState({ fieldPageToShow: null });\n }\n }\n objectsList={this._onGetObjectsList(fieldPageToShow)}\n onSelect={(value) => this._onFieldSelected(fieldPageToShow, value)}\n hideSearch={['Gender', 'Side', 'Type', 'Procedure', 'HeightUnitType', 'WeightUnitType'].includes(fieldPageToShow)}\n caseData={caseData}\n />\n )\n }\n\n
\n );\n }\n}\n\nconst editManageCaseProps = withSelectedSetsPayload(\n withSetsListStateStorage(\n withTableName(\n withTeam(\n withOnline(\n withGoBack(\n withSelectCaseDate(\n withNotify(\n withLoader(\n withUser(\n EditManageCase\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n\nexport default compose(\n connect((state) => ({\n formData: state.form.EditManageCaseForm\n })),\n reduxForm({ form: 'EditManageCaseForm' })\n)(editManageCaseProps);\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\n\nclass ImageWithLoader extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showLoader: true,\n displayImage: false\n };\n this.spinnerRef = React.createRef();\n }\n\n componentDidMount() {\n const { isLazy } = this.props;\n if (isLazy) {\n const observer = new IntersectionObserver((entries, obs) => {\n for (const entry of entries) {\n if (entry.isIntersecting) {\n this.setState({ displayImage: true });\n obs.disconnect();\n }\n }\n });\n observer.observe(this.spinnerRef.current);\n } else {\n this.setState({ displayImage: true });\n }\n }\n\n onLoad = () => {\n const { onImageLoad } = this.props;\n this.setState({\n showLoader: false\n }, onImageLoad());\n }\n\n render() {\n const { src, alt, background } = this.props;\n const { showLoader, displayImage } = this.state;\n return (\n <>\n {showLoader && (\n \n {\n !(Submitted === '1' && (ProductSubmitted === '1' || ProductSubmitted === null))\n && (\n \n \n
\n ) : ''\n : (\n \n
\n )\n }\n\n \n Submit \n \n
\n \n \n
\n\n \n\n
\n \n \n {CaseNo === null ? 'PENDING' : CaseNo}\n {\n PatientID !== null && PatientID !== undefined && PatientID.startsWith('ACM CX') && (\n (ACM CX)\n )\n }\n {\n ShowACM && (\n ACM\n )\n }\n {\n ShowPushACM && (\n <>\n \n \n \n ACM\n \n )\n }\n \n\n \n {\n ACMCaseFlags !== null && ACMCaseFlags !== undefined && ACMCaseFlags !== '' && (\n \n
\n \n )\n }\n \n
\n \n \n
\n \n
\n\n \n {\n isEditDetail.selectedDate\n ? (\n {\n onChangeCaseDetail('selectedDate', value);\n }}\n onChangeRaw={(e) => {\n e.preventDefault();\n }}\n ref={pickerRef}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'selectedDate')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >{moment(selectedDate).format('ddd MMM DD, YYYY')}\n // \n {moment(selectedDate).format('ddd MMM DD, YYYY')}\n \n )\n }\n {\n isEditDetail.selectedTime\n ? (\n {\n onChangeCaseDetail('selectedTime', value);\n }}\n nChangeRaw={(e) => {\n e.preventDefault();\n }}\n className=\"time-border date-picker-read-only time-picker-bg-white\"\n inputProps={inputProps}\n timeConstraints={timeConstraints}\n input={false}\n value={selectedTime}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'selectedTime')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >{moment(selectedTime).format('h:mm A')}\n // \n {moment(selectedTime).format('h:mm A')}\n \n )\n }\n
\n \n \n
\n\n \n {\n (isEditDetail.SurgeonName)\n ? (\n value.SurgeonName)}\n value={SurgeonName}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('SurgeonName', value);\n _getHospital();\n }}\n options={{ placeholder: 'Select Surgeon' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n \n {(SurgeonName === null || SurgeonName === '') ?
\n SurgeonName
\n : SurgeonName}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.CustomerName || isEditDetail.SurgeonName)\n ? (\n value.CustomerName)}\n value={CustomerName}\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('CustomerName', value);\n _getCustomerNo(value);\n }}\n id=\"hospitalsEle1\"\n required\n options={{ placeholder: 'Select Hospital' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n \n {(CustomerName === null || CustomerName === '') ?
\n CustomerName
\n : CustomerName}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.CoverRep === true)\n ? (\n value.SalesRepName)}\n value={CoverRep}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('CoverRep', value);\n $('#onSelect2FocusEdit').select2('open');\n }}\n options={{ placeholder: 'Select Rep' }}\n />\n )\n : (\n \n {(CoverRep === null || CoverRep === '') ?
\n CoverRep
\n : (CoverRep === 'NONE') ?NONE
: CoverRep}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.CaseType === true)\n ? (\n value.OptionName)}\n value={CaseType}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('CaseType', value);\n $('#onSelect2FocusEdit').select2('open');\n }}\n options={{ placeholder: 'Select Type' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'CaseType')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(CaseType === null || CaseType === '')\n // ? \n {\n (AltCaseType !== null && AltCaseType !== '') ? AltCaseType\n : (CaseType !== null && CaseType !== '') ? CaseType\n : value.OptionName)}\n value={ProcedureType}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('ProcedureType', value);\n $('#onSelect2FocusEdit').select2('open');\n }}\n options={{ placeholder: 'Select side' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n \n {\n (AltCaseType !== null && AltCaseType !== '') ? null\n : (ProcedureType !== null && ProcedureType !== '') ? ProcedureType\n : ''\n }\n \n )\n }\n {\n (isEditDetail.Side === true)\n ? (\n value.OptionName)}\n value={Side}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('Side', value);\n $('#onSelect2FocusEdit').select2('open');\n }}\n options={{ placeholder: 'Select side' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'Side')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(Side === null || Side === '')\n // ?
\n CaseType
\n // : CaseType}\n // \nCaseType
\n }\n {(Side === null || Side === '') ? '' : (Side === 'NONE') ? '' : ','}\n \n )\n }\n {\n (isEditDetail.ProcedureType === true)\n ? (\nSide
\n // : (Side === 'NONE') ?\n //NONE
\n // : `, ${Side}`}\n // \n \n {(Side === null || Side === '') ?Side
\n : (Side === 'NONE') ?NONE
\n : ` ${Side}`}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.PatientID === true)\n ? (\n onChangeCaseDetail('PatientID', event.target.value)}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n
\n \n {(PatientID === null || PatientID === '') ?
PatientID
\n : (PatientID !== null && PatientID !== undefined && PatientID.startsWith('ACM CX'))\n ?{PatientID}
\n :{PatientID}
}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.MRN === true)\n ? (\n onChangeCaseDetail('MRN', event.target.value)}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : _onLongPress(event, 'MRN');\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(MRN === null || MRN === '')\n // ?
\n MRN
\n // :{MRN}
}\n // \n\n {(MRN === null || MRN === '') ?
MRN
\n :{MRN}
}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.Gender === true)\n ? (\n value.OptionName)}\n value={Gender}\n id=\"onSelect2FocusEdit\"\n onChange={({ target: { value } }) => {\n onChangeCaseDetail('Gender', value);\n $('#onSelect2FocusEdit').select2('open');\n }}\n options={{ placeholder: 'Select gender' }}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'Gender')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(Gender === null || Gender === '')\n // ?
\n Gender
\n // : (Gender === 'NONE') ?\n //NONE
: Gender}\n // \n\n {(Gender === null || Gender === '') ?
Gender
\n : (Gender === 'NONE') ?NONE
: Gender}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.Age === true)\n ? (\n onChangeCaseDetail('Age', event.target.value)}\n disabled={(ACMCaseID !== null)}\n onInput={_maxLengthCheck}\n onKeyDown={(e) => (\n e.keyCode === 69 || e.keyCode === 190) && e.preventDefault()}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'Age')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(Age === null || Age === '')\n // ?
\n Age
: Age}\n // \n\n {(Age === null || Age === '') ?
Age
: Age}\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.Height === true)\n ? (\n onChangeCaseDetail('Height', event.target.value)}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'Height')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(Height === null || Height === '')\n // ?
\n Height
: Height}\n // \n\n {\n (Height === null || Height === '')\n ?
Height
\n : Height\n }\n\n {\n (HeightUnits === null || HeightUnits === '')\n ? \n : ` ${HeightUnits}`\n }\n \n )\n }\n\n \n
\n\n \n {\n (isEditDetail.Weight === true)\n ? (\n onChangeCaseDetail('Weight', event.target.value)}\n disabled={(ACMCaseID !== null)}\n />\n )\n : (\n // COMMENT currently quick edit functionality disabled\n // {\n // online && ACMCaseID !== null\n // ? notify({ type: 'warning',\n // message: 'This ACM case. You can\\'t edit this value.' })\n // : online\n // ? _onLongPress(event, 'Weight')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // className={`cursor-pointer theme-color${\n // (ACMCaseID === null && screenWidth > 800) ? '-yellow'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && screenWidth < 800) ? '-white'\n // : ((ACMCaseID === null || ACMCaseID !== null)\n // && (screenWidth > 800 || screenWidth < 800)) && '-white'}`}\n // >\n // {(Weight === null || Weight === '')\n // ?
\n Weight
: Weight}\n // \n\n {\n (Weight === null || Weight === '')\n ?
Weight
\n : Weight\n }\n {\n (WeightUnits === null || WeightUnits === '')\n ? \n : ` ${WeightUnits}`\n }\n \n )\n }\n\n \n
\n\n \n {\n isEditDetail.RepPONumber ? (\n 800 ? '-yellow'\n // : screenWidth < 800 ? '-white'\n // : (ACMCaseID === null || ACMCaseID !== null) && '-white'}`}\n // {...useLongPress((event) => {\n // online\n // ? _onLongPress(event, 'RepPONumber')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // >\n // {(RepPONumber === null || RepPONumber === '')\n // ?
\n \n
RepPO Number
\n // :{RepPONumber}
}\n // \n\n\n {(RepPONumber === null || RepPONumber === '') ?
RepPO Number
\n :{RepPONumber}
}\n \n )\n }\n\n \n
\n\n \n {\n isEditDetail.RepNotes ? (\n 800 ? '-yellow'\n // : screenWidth < 800 ? '-white'\n // : (ACMCaseID === null || ACMCaseID !== null) && '-white'}`}\n // {...useLongPress((event) => {\n // online\n // ? _onLongPress(event, 'RepNotes')\n // : notify({ type: 'error',\n // message: 'You need an internet connection to edit this case.',\n // time: 5 });\n // },\n // LONG_PRESS_PARAMS)}\n // dangerouslySetInnerHTML={{\n // __html: (RepNotes && RepNotes !== null)\n // ? RepNotes.replace(/(?:\\r\\n|\\r|\\n)/g, '
')\n // : '
\n \n
')\n // : '
Add Notes
'\n // }}\n // />\n\n \n
\n\n \n {\n isEditDetail.Comments ? (\n
\n \n
\n {\n ACMCaseID !== null\n && (\n <>\n
\n\n \n \n
\n \n {\n isEditDetail.Comments ? (\n
\n \n )\n }\n \n
\n {\n ACMCaseID !== null && (\n
\n\n {\n online ? (xRayFileUrlDataToShow.length > 0)\n ? (\n \n \n
\n )\n }\n \n {\n acmPlanned.map((planned, key) => (\n \n {\n key !== 0\n ? `, ${planned.longDesc}`\n : planned.longDesc\n }\n \n ))\n }\n
\n \n {\n xRayFileUrlDataToShow.filter((f) => f.type === 'pdf').length > 0\n ? xRayFileUrlDataToShow.filter((f) => f.type === 'pdf')[0].files.map((pdf, k) => (\n \n \n 
\n \n \n )) : ''\n }\n {\n xRayFileUrlDataToShow.filter((f) => f.type === 'txt').length > 0\n ? xRayFileUrlDataToShow.filter((f) => f.type === 'txt')[0].files.map((txt, k) => (\n \n \n 
\n \n \n )) : ''\n }\n {\n xRayFileUrlDataToShow.filter((f) => f.type === 'image').length > 0\n ? (\n xRayFileUrlDataToShow.filter((f) => f.type === 'image')[0].files.map((ig, i) => (\n {\n if (ig?.loaded) {\n onImage(ig);\n }\n }}\n className=\"items\" key={i}\n >\n {\n ig.loaded = true;\n }}\n />\n { /* {ig.title} */}\n
\n ))\n ) : ''\n }\n {xRayCount > 20\n && (\n View All
\n \n \n )}\n\n {xRayFileUrlDataToShow.map((item, key) => (\n {\n notify({ type: 'error', message: 'X-rays cannot be viewed without an internet connection.', time: 3 });\n }}\n className=\"offline-xray-list\"\n />\n ))}\n
\n )\n }\n\n {\n setsQuantity !== {} && (\n \n \n
\n )\n }\n \n\n \n {\n Object.keys(_getOfficeSets()).length > 0\n ? Object.keys(_getOfficeSets()).map((sets) => (\n
\n \n \n \n {\n caseRes.case_sets.length > 0 && caseRes.case_sets.filter(\n (items) => (items.DeviceType === sets && items.Status === null)\n ).length > 0\n ? (\n caseRes.case_sets.map((set, s) => (\n (set.DeviceType === sets && set.Status === null)\n ? (Number(set.Quantity) > 1)\n ? (\n
\n\n {\n typeof caseRes.case_sets_rbo !== 'undefined' && caseRes.case_sets_rbo.length > 0 && caseRes.case_sets_rbo.filter(\n (items) => (items.DeviceType === sets)\n ).length > 0\n ? (\n <>\n \n \n {\n (caseRes.case_sets_rbo.map((item, i) => (\n (item.DeviceType === sets)\n ? (\n
\n \n )\n : ''\n }\n
\n )) : ''\n }\n \n {sets.toLowerCase()}{(_getOfficeSets()[sets]).length > 1 ? 's: ' : ': '}\n {\n (\n // _getOfficeSets()[sets].reduce(\n // (total, currentValue) => (total + +currentValue.Quantity), 0\n // )\n\n Number(getTotalQuantity(caseRes.case_sets, sets, true))\n + Number(getTotalQuantity(caseRes.all_case_sets, sets, false))\n + Number(getTotalQuantity(caseRes.case_sets_removedcx, sets, false))\n )\n }\n
\n\n| {set.SetName} | \n\n {\n typeof set.SetNo !== 'undefined' && set.SetNo !== null\n ? (\n set.SetNo.length > 2\n ? set.SetNo.slice(0, 2) : set.SetNo\n )\n : ''\n }\n | \n
| {set.SetName} | \n\n {\n typeof set.SetNo !== 'undefined'\n && set.SetNo !== null\n ? (\n set.SetNo.length > 2\n ? set.SetNo.slice(0, 2) : set.SetNo\n )\n : ''\n }\n | \n
| {set.SetName} | \n\n {\n typeof set.SetNo !== 'undefined' && set.SetNo !== null\n ? (\n set.SetNo.length > 2\n ? set.SetNo.slice(0, 2) : set.SetNo\n )\n : ''\n }\n | \n
| {set.SetName} | \n\n {\n typeof set.SetNo !== 'undefined' && set.SetNo !== null\n ? (\n set.SetNo.length > 2\n ? set.SetNo.slice(0, 2) : set.SetNo\n )\n : ''\n }\n | \n
\n \n
\n| {item.SetName} | \n
\n
\n \n );\n}\n\nexport default withTableName(\n withLoader(\n withProducts(\n withOnline(\n withGoBack(\n withNotify(\n withTeam(\n withDerModal(\n EditCaseDetail\n )\n )\n )\n )\n )\n )\n )\n);\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\n\nclass CaseSubmitted extends Component {\n render() {\n return (\n \n
\n \n 
Cancel\n \n {case_xrays !== undefined && case_xrays.length === 0 ? 'X-rays'\n : case_xrays !== undefined && case_xrays.length && case_xrays.length === 1 ? 'X-ray' : 'X-rays'}\n \n \n \n \n {setsQuantity !== {} ? setsQuantity : 0}\n \n {setsQuantity !== {} && setsQuantity === 0 ? 'Sets'\n : setsQuantity !== {} && setsQuantity === 1 ? 'Set' : 'Sets'}\n \n \n onBeforeProduct()}>\n \n \n {case_products !== undefined ? case_products.length : 0}\n \n \n {case_products !== undefined && case_products.length === 0 ? 'Products'\n : case_products !== undefined && case_products.length === 1 ? 'Product' : 'Products'}\n \n \n \n \n Billing\n \n
\n \n
\n \n );\n }\n}\n\nexport default CaseSubmitted;\n","import React, { Component } from 'react';\n\nclass AgeInputLimitModal extends Component {\n _onChangeAge = () => {\n const { onAngeInputChange, editDetail } = this.props;\n if (editDetail) {\n onAngeInputChange();\n }\n }\n\n render() {\n return (\n \n
\n \n
\n Case Submitted
\n\n
\n \n );\n }\n}\n\nexport default AgeInputLimitModal;\n","import React, { Component } from 'react';\n\nclass QuickEditChangesNoLonger extends Component {\n render() {\n return (\n \n
\n \n
\n Age must be in between 1 and 120.
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default QuickEditChangesNoLonger;\n","import React, { Component } from 'react';\n\nclass PatientAndMrnEditOffline extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n
\n Changes can no longer be made to this case.
\n\n
\n \n
\n \n window.location.reload()}\n >OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default PatientAndMrnEditOffline;\n","export default __webpack_public_path__ + \"static/media/white_report_logo.df1b1442.png\";","export default __webpack_public_path__ + \"static/media/OpenSans.ceb05254.ttf\";","export default __webpack_public_path__ + \"static/media/OpenSans-Bold.fa428cdd.ttf\";","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport _, { isEmpty } from 'lodash';\nimport moment from 'moment';\nimport momentTz from 'moment-timezone';\nimport JsPDF from 'jspdf';\nimport autoTable from 'jspdf-autotable';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withNotify from '../../common/withNotify';\nimport {\n CAPITALIZE,\n getNoneAtTop,\n getSelectedDateTime,\n onGoBack,\n // SERVER_TIMEZONE,\n sortData\n} from '../../common/globals';\nimport withSelectCaseDate from '../../common/withSelectCaseDate';\nimport EditCaseDetail from '../../components/EditCaseDetail';\nimport CancelCaseModal from '../../components/Models/CancelCaseModal';\nimport CaseSubmitted from '../../components/Models/CaseSubmitted';\nimport TypeChangeConfirmationModal from '../../components/Models/TypeChangeConfirmationModal';\nimport MrnOrPatientIdModal from '../../components/Models/MrnOrPatientIdModal';\nimport withOnline from '../../common/withOnline';\nimport withLoader from '../../common/withLoader';\nimport withTableName from '../../common/withTableName';\nimport withTeam from '../../common/withTeam';\nimport withSetsListStateStorage from '../../common/withSetsListStateStorage';\nimport withSelectedSetsPayload from '../../common/withSelectedSetsPayload';\nimport {\n deleteCaseByCaseId,\n getCaseByCaseScheduleID,\n getCaseType,\n getCustomerNoByName,\n getGenderType,\n getHospitalByCustomerNo,\n getProcedureTypes,\n getSideType,\n getSurgeons,\n getTableCaseByCaseId,\n getTeamReps,\n getVhnPpcValue,\n insertComplianceApp, singleManageCaseAdd,\n updateCaseByCaseScheduleID,\n updateTableCaseByPrimaryId,\n updateTableWiseCaseByCaseId,\n updateCaseByPrimaryId\n} from '../../utils/db';\nimport {\n addComplianceAppData, cancelCase, generateBulkTimedURL, listSingleCase, updateCase\n} from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport RequiredMrnOrPatientId from '../../components/Models/RequiredMrnOrPatientId';\nimport ZeroProductSubmitModal from '../../components/Models/ZeroProductSubmitModal';\nimport AgeInputLimitModal from '../../components/Models/AgeInputLimit';\nimport AlreadySubmittedCase from '../../components/Models/AlreadySubmittedCase';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport QuickEditChangesNoLonger from '../../components/Models/QuickEditChangesNoLonger';\nimport PatientAndMrnEditOffline from '../../components/Models/PatientAndMrnEditOffline';\nimport withUser from '../../common/withUser';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport VhnPpcModal from '../../components/Models/VhnPpcModal';\nimport withVhnPpcOtherCharge from '../../common/withVhnPpcOtherCharge';\nimport VrasPpcModal from '../../components/Models/VrasPpcModal';\nimport ReportLogo from '../../assets/images/white_report_logo.png';\nimport Printer from '../../assets/images/printer-outline-custom.png';\nimport OpenSans from '../../assets/fonts/OpenSans.ttf';\nimport OpenSansBold from '../../assets/fonts/OpenSans-Bold.ttf';\n\nconst isEditCaseDetail = {\n age: false,\n repNote: false,\n officeNote: false,\n weight: false,\n repPo: false,\n gender: false,\n mra: false,\n height: false,\n rep: false,\n hospital: false,\n SurgeonName: false\n};\n\nclass ManageCaseDetails extends Component {\n constructor(props) {\n super(props);\n this.state = {\n user: {},\n caseDetail: {},\n manageCaseDetail: {},\n previousType: '',\n isEditDetail: _.cloneDeep(isEditCaseDetail),\n editValue: '',\n types: [],\n sides: [],\n coverReps: [],\n procedures: [],\n hospitals: [],\n surgeons: [],\n genders: [],\n selectedDate: new Date(),\n selectedTime: new Date(),\n caseRes: {},\n age: '',\n customerNo: '',\n previousPage: '',\n xRayFileUrlData: []\n };\n this.onlineAlertModal = null;\n this.typeChangeConfirmationModal = null;\n this.mrnOrPatientModal = null;\n this.requiredmrnOrPatientModal = null;\n this.caseSubmittedModal = null;\n this.caseSubmittedModal = null;\n this.zeroProductSubmitModal = null;\n this.ageInputLimitModal = null;\n this.alreadySubmittedCase = null;\n this.caseChangesNoLonger = null;\n this.quickEditChangesNoLonger = null;\n this.patientAndMrnEditOfflineModal = null;\n this.cancelCaseModal = null;\n this.internalServerErrorModal = null;\n this.saveChangesConfirmation = null;\n this.vhnPpcModal = null;\n this.vrasPpcModal = null;\n this.dgrRequiredOnSubmitCaseModal = null;\n }\n\n componentDidMount() {\n try {\n const { setSetsListStateStorage, setSelectedSetsPayload } = this.props;\n setSetsListStateStorage({});\n setSelectedSetsPayload([]);\n // goBack.push(window.location.pathname);\n // setGoBack(goBack);\n\n this.onlineAlertModal = new window.bootstrap.Modal(window.$('#onlineInfoModal'));\n this.typeChangeConfirmationModal = new window.bootstrap.Modal(window.$('#typeChangeConfirmationModal'));\n this.mrnOrPatientModal = new window.bootstrap.Modal(window.$('#mrnOrPatientIdModal'));\n this.requiredmrnOrPatientModal = new window.bootstrap.Modal(window.$('#requiredMrnOrPatientId'));\n this.caseSubmittedModal = new window.bootstrap.Modal(window.$('#caseSubmittedModal'));\n this.zeroProductSubmitModal = new window.bootstrap.Modal(window.$('#zeroProductSubmitModal'));\n this.ageInputLimitModal = new window.bootstrap.Modal(window.$('#ageInputLimit'));\n this.alreadySubmittedCase = new window.bootstrap.Modal(window.$('#alreadySubmittedCase'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.quickEditChangesNoLonger = new window.bootstrap.Modal(window.$('#quickEditChangesNoLongerModal'));\n this.patientAndMrnEditOfflineModal = new window.bootstrap.Modal(window.$('#patientAndMrnEditOfflineModal'));\n this.cancelCaseModal = new window.bootstrap.Modal(window.$('#cancelCaseModal'));\n this.internalServerErrorModal = new window.bootstrap.Modal(window.$('#internalServerErrorModal'));\n this.saveChangesConfirmation = new window.bootstrap.Modal(window.$('#acmProductGoBackModal'));\n this.vhnPpcModal = new window.bootstrap.Modal(window.$('#vhnPpcModalModal'));\n this.vrasPpcModal = new window.bootstrap.Modal(window.$('#vrasPpcModal'));\n this.dgrRequiredOnSubmitCaseModal = new window.bootstrap.Modal(window.$('#dgrRequiredOnSubmitCaseModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async componentDidUpdate(prevProps) {\n if (prevProps.online !== this.props.online) {\n await this._getFiles();\n }\n }\n\n _getSurgeon = async () => {\n try {\n const surgeonRes = await getSurgeons();\n const sortSurgeons = sortData(surgeonRes, 'SurgeonName');\n this.setState({\n surgeons: sortSurgeons\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getHospital = () => {\n try {\n const { surgeons, caseDetail } = this.state;\n const hospitalFilterRes = surgeons.filter(\n (obj) => obj.SurgeonName.toString() === caseDetail.SurgeonName\n );\n // const sortHospitals = sortData(hospitalFilterRes, 'CustomerName');\n // Hospital API response get by Surgeon id\n hospitalFilterRes.map((hospital) => {\n this.setState({ tempHospitals: hospital.surgeon_hospitals }, async () => {\n const customerNosRes = [];\n this.state.tempHospitals.forEach((obj) => {\n customerNosRes.push(obj.CustomerNo);\n });\n let newData = [];\n customerNosRes.map(async (item) => {\n const hospitalRes = await getHospitalByCustomerNo(item);\n if (!isEmpty(hospitalRes)) {\n newData.push(hospitalRes);\n const filtered = [];\n for (let i = 0; i < newData.length; i++) {\n let isHasNotEqual = true;\n for (let j = 0; j < filtered.length; j++) {\n if (filtered[j].CustomerNo === newData[i].CustomerNo) {\n isHasNotEqual = false;\n }\n }\n if (isHasNotEqual) {\n filtered.push(newData[i]);\n }\n }\n newData = filtered;\n this.setState({\n hospitals: sortData(newData, 'CustomerName'),\n }, () => {\n $('#hospitalsEle').select2('open');\n });\n }\n });\n });\n });\n // hospitalFilterRes.map((hospitalRes) => {\n // this.setState({\n // hospitals: sortData(hospitalRes.surgeon_hospitals, 'CustomerName'),\n // }, () => {\n // $('#hospitalsEle').select2('open');\n // });\n // });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCustomerNo = async (name) => {\n try {\n const customerNoRes = await getCustomerNoByName(name);\n this.setState({\n customerNo: customerNoRes.CustomerNo\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseType = async () => {\n try {\n const typeRes = await getCaseType();\n const sortType = sortData(typeRes, 'OptionName');\n this.setState({\n types: sortType\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getProcedureTypes = async () => {\n try {\n const procedureTypesRes = await getProcedureTypes();\n this.setState({\n procedures: procedureTypesRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getTeamReps = async () => {\n try {\n const { user: { name }, team: { salesAccess } } = this.props;\n const teamRepsRes = await getTeamReps();\n salesAccess && teamRepsRes.push({ SalesRepName: salesAccess ? name : '' });\n const sortTeamReps = sortData(teamRepsRes, 'SalesRepName');\n sortTeamReps.unshift({ SalesRepName: 'NONE' });\n this.setState({\n coverReps: sortTeamReps\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSideType = async () => {\n try {\n const sideTypeRes = await getSideType();\n const sortSideType = sortData(sideTypeRes, 'OptionName');\n const sideSortByNoneRes = await getNoneAtTop(sortSideType, 'OptionName');\n this.setState({\n sides: sideSortByNoneRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getGenderType = async () => {\n try {\n const genderTypeRes = await getGenderType();\n const sortGenderType = sortData(genderTypeRes, 'OptionName');\n const genderSortByNoneRes = await getNoneAtTop(sortGenderType, 'OptionName');\n this.setState({\n genders: genderSortByNoneRes\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { caseDetail, previousType } = this.state;\n this.setState({ previousType: caseDetail.CaseType });\n if (previousType !== caseDetail.CaseType && caseDetail.case_sets.length > 0) {\n this.typeChangeConfirmationModal.show();\n } else {\n this._onSaveChanges();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPrint = () => {\n try {\n const { caseDetail, selectedDate, selectedTime } = this.state;\n const documentTitle = `${(caseDetail.CaseNo ? caseDetail.CaseNo : caseDetail.CaseScheduleID)}.pdf`;\n const doc = new JsPDF({\n unit: 'cm',\n });\n const docuemntConstants = {\n headerHeight: 3,\n };\n doc.setProperties({\n title: documentTitle,\n });\n doc.addFont(OpenSans, 'OpenSans', 'normal');\n doc.addFont(OpenSansBold, 'OpenSans', 'bold');\n doc.setFont('OpenSans');\n const addHeader = (document) => {\n document.addImage(ReportLogo, 'PNG', 2, 1.5, 3.5, 0.7);\n document.setFontSize(9);\n document.text(`pdf generated: ${moment().format('YYYY-MM-DD HH:mm:ss')}`, 19, 1.85, {\n align: 'right',\n });\n document.setDrawColor('#808080');\n document.setLineWidth(0.05);\n document.rect(0.5, 0.5, 20, 28.5);\n };\n const firstTableData = [\n [{ content: 'Case ID:' }, caseDetail.CaseNo || 'PENDING'],\n ['Date:',\n `${moment(selectedDate)\n .format('ddd MMM DD, YYYY') || ''} ${moment(selectedTime).format('h:mm A')}`],\n ['Surgeon:', caseDetail.SurgeonName || ''],\n ['Hospital:', caseDetail.CustomerName || ''],\n ['Rep:', caseDetail.CoverRep || ''],\n ['Type:', (caseDetail.CaseType || '')\n + (caseDetail.ProcedureType ? `, ${caseDetail.ProcedureType}` : '')\n + (caseDetail.Side ? `, ${caseDetail.Side}` : '')],\n ['Gender:', caseDetail.Gender || ''],\n ['Age:', caseDetail.Age || ''],\n ['Height:', caseDetail.Height || ''],\n ['Weight:', caseDetail.Weight || ''],\n ['Rep PO#:', caseDetail.RepPONumber || ''],\n ['X-Rays:', caseDetail.case_xrays ? `${caseDetail.case_xrays.length} available` : ''],\n ['Rep Notes:', caseDetail.RepNotes || ''],\n ['Office Notes:', caseDetail.Comments || ''],\n ];\n if (caseDetail.ACMCaseFlags !== null) {\n firstTableData.splice(1, 0, ['ACM Flag:', 'True']);\n firstTableData.push(['Clinical Notes:', caseDetail.SurgeonNotes || '']);\n const plannedTemplate = this._getPlannedTemplate();\n firstTableData.push(['Templated:', plannedTemplate || '']);\n }\n autoTable(doc, {\n margin: {\n top: docuemntConstants.headerHeight, left: 2, right: 2, bottom: 2\n },\n styles: {\n font: 'OpenSans',\n fontSize: 10,\n lineWidth: 0,\n cellPadding: 0.1,\n },\n body: firstTableData,\n theme: 'plain',\n showHead: 'everyPage',\n columnStyles: {\n 0: { cellWidth: 2.5 },\n },\n didDrawPage: () => {\n addHeader(doc);\n }\n });\n\n let { finalY } = doc.lastAutoTable;\n if (finalY + 3 > doc.internal.pageSize.height) {\n doc.addPage();\n finalY = docuemntConstants.headerHeight;\n }\n doc.setFontSize(10);\n doc.setFont('OpenSans', 'bold');\n doc.text('Office Sets:', 2, finalY + 1);\n doc.setFont('OpenSans', 'normal');\n const officeSets = this._getOfficeSets();\n Object.keys(officeSets).forEach((key, index) => {\n // final Y + 2 for the title + 1 for each row and one additional row for the total\n const estimatedSize = finalY + 2 + (officeSets[key].length + 1) * 1;\n if (estimatedSize > doc.internal.pageSize.height) {\n doc.addPage();\n finalY = 3;\n }\n if (index === 0) {\n doc.text(`${key[0] + key.slice(1).toLowerCase()}s`, 2, finalY + 1.5);\n finalY += 1.5;\n } else {\n doc.text(`${key[0] + key.slice(1).toLowerCase()}s`, 2, finalY + 1);\n finalY += 1;\n }\n const bodyData = officeSets[key].map((set) => [\n set.SetName,\n { content: set.Quantity, styles: { halign: 'center' } },\n ]);\n bodyData.push(['', {\n content: officeSets[key].reduce((acc, set) => acc + parseInt(set.Quantity, 10), 0),\n styles: { halign: 'center' }\n }]);\n autoTable(doc, {\n margin: {\n top: docuemntConstants.headerHeight,\n left: 2,\n right: 2\n },\n startY: finalY + 0.2,\n theme: 'grid',\n tableLineWidth: 0,\n cellWidth: 'wrap',\n styles: {\n font: 'OpenSans',\n fontSize: 10,\n lineColor: '#000000',\n lineWidth: 0.04,\n cellPadding: 0.1,\n },\n didDrawPage: (HookData) => {\n addHeader(doc);\n HookData.settings.startY = 0;\n finalY = 4;\n },\n body: bodyData,\n });\n finalY = doc.lastAutoTable.finalY;\n });\n if (window.mobileCheck()) {\n doc.save(documentTitle);\n } else {\n doc.output('dataurlnewwindow', documentTitle);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getOfficeSets = () => {\n try {\n const { caseRes } = this.state;\n if (Object.keys(caseRes).length > 0) {\n const result = [...caseRes.case_sets.reduce((mp, o) => {\n if (!mp.has(o.SetName)) mp.set(o.SetName, { ...o, count: 0 });\n mp.get(o.SetName).count++;\n return mp;\n }, new Map()).values()];\n const groupByData = _.groupBy(result, 'DeviceType');\n return Object.keys(groupByData)\n .sort()\n .reduce((accumulator, key) => {\n accumulator[key] = groupByData[key];\n\n return accumulator;\n }, {});\n }\n return [];\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _getPlannedTemplate = () => {\n const { caseDetail: { ACMPlannedParts } } = this.state;\n const plannedArr = [];\n const ACMPlannedArray = ACMPlannedParts.split(';');\n ACMPlannedArray.map((value) => {\n plannedArr.push(value.split(','));\n });\n const plannedValue = plannedArr.slice(0).map(\n ([productId, bodyComponent, confidence, isTemplated, shortDesc, longDesc]) => ({\n productId, bodyComponent, confidence, isTemplated, shortDesc, longDesc\n })\n );\n\n const templatedPlannedData = [];\n for (const planned of plannedValue) {\n if (!_.isEmpty(planned.longDesc)) {\n templatedPlannedData.push(planned);\n }\n }\n return templatedPlannedData.map((planned) => planned.longDesc).join(', ');\n }\n\n _onAngeInputChange = async () => {\n try {\n const { params } = this.props;\n if (params.hasOwnProperty('caseId')) {\n await this._getCaseById();\n }\n this.ageInputLimitModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelTypeChange = async () => {\n try {\n const { params } = this.props;\n if (params.hasOwnProperty('caseId')) {\n await this._getCaseById();\n }\n this._onSaveChanges();\n this.typeChangeConfirmationModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveChanges = async () => {\n try {\n const {\n goBack, setGoBack, setSelectCaseDate, notify, online, setLoader, tableName, user: { name }\n } = this.props;\n const {\n caseDetail, isEditDetail, manageCaseDetail, previousPage, customerNo\n } = this.state;\n if (Object.values(isEditDetail).some((key) => key === true)) {\n if (caseDetail.CaseType === '') {\n notify({ type: 'error', message: 'Please select type' });\n } else if (caseDetail.SurgeonName === '') {\n notify({ type: 'error', message: 'Please select surgeon' });\n } else if (caseDetail.CustomerName === '') {\n notify({ type: 'error', message: 'Please select hospital' });\n } else if (caseDetail.ProcedureType === '') {\n notify({ type: 'error', message: 'Please select procedure' });\n } else {\n this.setState({\n isEditDetail: _.cloneDeep(isEditCaseDetail)\n });\n\n if (JSON.stringify(caseDetail) !== JSON.stringify(manageCaseDetail)) {\n caseDetail.Submitted = '0';\n }\n // updateCaseByCaseId(caseDetail.id, caseDetail);\n // if (caseDetail && caseDetail.DGR === '1') {\n // this.caseChangesNoLonger.show();\n // // setLoader(false);\n // return;\n // }\n if (caseDetail.Age > 120) {\n this.ageInputLimitModal.show();\n return;\n }\n setLoader(true);\n if (online) {\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo: customerNo === '' ? CustomerNo : customerNo,\n CustomerName,\n SurgeonName,\n PatientID: (PatientID !== null) ? (PatientID.toUpperCase()) : null,\n ProcedureType,\n CaseType,\n Side,\n Comments: (Comments !== null) ? CAPITALIZE(Comments) : null,\n RepNotes: (RepNotes !== null) ? CAPITALIZE(RepNotes) : null,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n if (Object.values(isEditDetail).some((key) => key === true)) {\n // Set case time based on server timezone\n const selectedDateTime = await getSelectedDateTime(\n caseDetail.CaseDate, caseDetail.CaseTime\n );\n\n caseDetail.CaseDate = moment(selectedDateTime).format('YYYY-MM-DD');\n caseDetail.CaseTime = moment(selectedDateTime).format('HH:mm');\n if (JSON.stringify(caseDetail.CaseType)\n !== JSON.stringify(manageCaseDetail.CaseType)) {\n subset.selectedSets = [];\n subset.case_sets = [];\n } else {\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n }\n\n updateCase(subset).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // Update into local db\n await updateTableWiseCaseByCaseId(\n caseDetail.id, { ...caseDetail, ...subset }, tableName\n );\n const caseRes = await this._getCase();\n if (Object.keys(caseRes).length > 0) {\n this.setState({\n caseRes,\n caseDetail: { ...caseDetail, ...subset }\n });\n }\n if (tableName !== 'Cases') {\n const getCaseByCaseId = await getCaseByCaseScheduleID(\n caseDetail.CaseScheduleID\n );\n caseDetail.id = getCaseByCaseId.id;\n subset.id = getCaseByCaseId.id;\n await updateCaseByCaseScheduleID(\n caseDetail.CaseScheduleID, { ...caseDetail, ...subset }\n );\n }\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } else {\n if (isEditDetail.PatientID || isEditDetail.MRN) {\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n } else {\n setLoader(true);\n const caseRes = await getTableCaseByCaseId(caseDetail.id, tableName);\n\n if (Object.keys(caseRes).length > 0) {\n this.setState({\n caseRes\n }, () => {\n notify({ type: 'error', message: 'You need an internet connection to edit this case.', time: 5 });\n });\n }\n }\n setLoader(false);\n }\n }\n } else {\n // if (caseDetail && caseDetail.DGR === '1') {\n // notify({ type: 'error', message: 'Changes no longer be made to this case.' });\n // return;\n // }\n if (online) {\n goBack.push(window.location.pathname);\n browserHistory.push(`/manage-case/${caseDetail.id}/edit`);\n if (tableName === 'Cases') {\n setSelectCaseDate(new Date(caseDetail.CaseDate.replace(/-/g, '/')));\n }\n setGoBack(goBack);\n } else if (!moment(caseDetail.CaseDate, 'YYYY-MM-DD').isSameOrBefore()) {\n notify({ type: 'error', message: 'This case can no longer be edited while offline.' });\n } else {\n this.patientAndMrnEditOfflineModal.show();\n }\n if (tableName === 'Cases') {\n setSelectCaseDate(new Date(caseDetail.CaseDate.replace(/-/g, '/')));\n }\n setGoBack(goBack);\n }\n if (previousPage === 'previousPage') {\n if (caseDetail.CustomerName === '') {\n notify({ type: 'error', message: 'Please select hospital' });\n } else {\n onGoBack(goBack);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickOk = async () => {\n try {\n const { goBack } = this.props;\n const caseDetail = await this._getCase();\n goBack.push(window.location.pathname);\n browserHistory.push(`/manage-case/${caseDetail.id}/edit`);\n this.patientAndMrnEditOfflineModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBillingDetails = () => {\n try {\n const { online, goBack } = this.props;\n const { caseDetail: { id } } = this.state;\n if (online) {\n goBack.push(window.location.pathname);\n browserHistory.push(`/billing-detail/${id}`);\n } else {\n this.onlineAlertModal.show();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetsClick = async () => {\n try {\n const { goBack } = this.props;\n const caseDetail = await this._getCase();\n goBack.push(window.location.pathname);\n browserHistory.push(`/manage-case/${caseDetail.id}/sets`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeCaseDetail = (key, value) => {\n try {\n const { caseDetail } = this.state;\n caseDetail[key] = value;\n if (caseDetail && caseDetail.DGR === '1') {\n this.quickEditChangesNoLonger.show();\n return;\n }\n\n if (key === 'SurgeonName') {\n caseDetail.CustomerName = '';\n this._getHospital();\n }\n if (key === 'selectedDate') {\n this.setState({ selectedDate: value });\n caseDetail.CaseDate = moment(value).format('YYYY-MM-DD');\n }\n if (key === 'selectedTime') {\n this.setState({ selectedTime: value });\n caseDetail.CaseTime = moment(value).format('HH:mm');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditCaseDetail = (key, value) => {\n try {\n const { isEditDetail } = this.state;\n isEditDetail[key] = value;\n this.setState({ isEditDetail }, () => this._onFocusAndBlur());\n this._onRepNotesFocusAndBlur();\n this._onOfficeNotesFocusAndBlur();\n this._onSelect2FocusAndBlur();\n this._onHospitalFocusAndBlur();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseById = async () => {\n try {\n const { notify } = this.props;\n const caseRes = await this._getCase();\n\n if (Object.keys(caseRes).length > 0) {\n // Get case time\n const currentDate = new Date();\n const timeValues = caseRes.CaseTime.split(':');\n\n let CaseDateTime;\n let NewTime;\n if (timeValues.length === 2) {\n CaseDateTime = currentDate.setHours(timeValues[0], timeValues[1]);\n NewTime = new Date(CaseDateTime);\n } else {\n CaseDateTime = caseRes.CaseTime;\n NewTime = CaseDateTime;\n }\n\n this.setState({\n caseDetail: caseRes,\n previousType: caseRes.CaseType,\n manageCaseDetail: { ...caseRes },\n selectedDate: new Date(caseRes.CaseDate.replace(/-/g, '/')),\n selectedTime: NewTime\n });\n } else {\n notify({ type: 'error', message: 'Case record not found.' });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseCancel = async () => {\n try {\n const {\n notify, setLoader, online, goBack\n } = this.props;\n const caseRes = await this._getCase();\n\n if (caseRes && caseRes.DGR === '1') {\n setLoader(true);\n this.quickEditChangesNoLonger.show();\n setLoader(false);\n return;\n }\n\n if (online) {\n const cancelCaseRes = await cancelCase(caseRes.CaseScheduleID);\n const { message, status } = cancelCaseRes;\n if (status) {\n setLoader(true);\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n await deleteCaseByCaseId(caseRes.id);\n onGoBack(goBack);\n } else {\n notify({ type: 'error', message });\n }\n setLoader(false);\n } else {\n // setLoader(true);\n // await deleteCaseByCaseId(caseRes.id);\n // browserHistory.push('/manage-cases');\n // setLoader(false);\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onCancelCase = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n this.cancelCaseModal.show();\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 3 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelCaseBack = () => {\n try {\n this.cancelCaseModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddPatientIdOrMrn = () => {\n try {\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onNextAddPatientIdOrMrn = () => {\n try {\n this.requiredmrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVhnPpc = async () => {\n try {\n const caseDetail = await this._getCase();\n if (caseDetail.VelysUsed === null) {\n // if (caseDetail.case_products.length > 0) {\n // const vhnProductNo = caseDetail.case_products.find((e) => e.ProductNo === '099995000');\n // if (_.isEmpty(vhnProductNo)) {\n this.vhnPpcModal.show();\n } else if (caseDetail.case_products.length > 0) {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/list`);\n } else {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBackButton = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await this._getCase();\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add/other-charge`);\n } else {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add/other-charge`);\n } else {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await this._getCase();\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVrasPpc = async () => {\n try {\n const caseDetail = await this._getCase();\n if (caseDetail.VelysUsed === null) {\n this.vrasPpcModal.show();\n } else if (caseDetail.case_products.length > 0) {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/list`);\n } else {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await this._getCase();\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add/other-charge`);\n } else {\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await this._getCase();\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n this._onGoBackButton();\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMrnPatientIdAdd = async (formData) => {\n try {\n const {\n notify, online, setLoader, tableName, setGoBack, goBack\n } = this.props;\n const caseDetail = await this._getCase();\n let vhnPpcValue = {};\n\n if (online && caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n if (!Object.keys(formData).length > 0) {\n this._onNextAddPatientIdOrMrn();\n return;\n }\n /* if (!online && scanner === true) {\n this.internalServerErrorModal.show();\n } */\n if (formData.hasOwnProperty('patientId')) {\n caseDetail.PatientID = (formData.patientId !== null || formData.patientId !== undefined)\n ? formData.patientId\n : null;\n }\n if (formData.hasOwnProperty('mrn')) {\n caseDetail.MRN = (formData.mrn !== null || formData.mrn !== undefined)\n ? formData.mrn\n : null;\n }\n\n if (online) {\n setLoader(true);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n updateCase(caseDetail).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (Object.keys(formData).length > 0) {\n // notify({ type: 'success', message });\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && (vhnPpcValue.VHN_PPC === '1' || vhnPpcValue.VHN_Other === '1')) {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${caseDetail.id}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n }\n\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n updateTableWiseCaseByCaseId(caseDetail.RepCaseNo, caseDetail, tableName);\n // setLoader(false);\n this.setState({ caseDetail });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n setLoader(true);\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n caseDetail.Sync = 1;\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && (vhnPpcValue.VHN_PPC === '1' || vhnPpcValue.VHN_Other === '1')) {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${caseDetail.id}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${caseDetail.id}/products/add`);\n }\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n updateTableWiseCaseByCaseId(caseDetail.RepCaseNo, caseDetail, tableName);\n setLoader(false);\n this.setState({ caseDetail });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseNo = () => {\n try {\n this.zeroProductSubmitModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseYes = async () => {\n try {\n const {\n notify, setLoader, tableName, user: { name }, params,\n team: { dgrRequired },\n } = this.props;\n const { caseDetail } = this.state;\n\n // if (caseDetail && caseDetail.DGR === '1') {\n // // this.zeroProductSubmitModal.hide();\n // this.caseChangesNoLonger.show();\n // return false;\n // }\n\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_products, ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n\n if (caseDetail.case_products.length > 0 && dgrRequired > 0) {\n if (caseDetail.case_dgrs.length === 0) {\n subset.DGRUpload = '1';\n }\n // subset.DGRUpload = '2';\n // } else if (!(caseDetail.case_products.length > 0) || !(dgrRequired > 0)) {\n // if (caseDetail.case_dgrs.length > 0) {\n // subset.DGRUpload = '2';\n // }\n // subset.DGRUpload = '1';\n } else if (caseDetail.case_dgrs.length > 0) {\n subset.DGRUpload = '2';\n }\n\n if (typeof caseDetail.case_products !== 'undefined' && caseDetail.case_products.length > 0) {\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null || subset.ProductNotes === 'No products used') ? '' : subset.ProductNotes;\n } else {\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null) ? '' : subset.ProductNotes;\n }\n\n subset.Submitted = '1';\n // subset.ProductSubmitted = '1';\n if (subset.ProductSubmitted === '0') {\n subset.ProductSubmitted = '1';\n } else {\n if (typeof caseDetail.case_products !== 'undefined' && caseDetail.case_products.length > 0) {\n subset.ProductSubmitted = '1';\n }\n }\n\n setLoader(true);\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n const caseRes = await this._getCase();\n this.setState({\n caseRes\n });\n this.zeroProductSubmitModal.hide();\n this.caseSubmittedModal.show();\n setTimeout(\n () => this.caseSubmittedModal.hide(),\n 2000\n );\n if (params.hasOwnProperty('caseId')) {\n await this._getCaseById();\n }\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseSubmitted = () => {\n try {\n this.alreadySubmittedCase.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitCase = async () => {\n try {\n const {\n notify, online, setLoader, tableName, user: { name }, params\n } = this.props;\n const { caseDetail } = this.state;\n\n if (online) {\n if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n this.zeroProductSubmitModal.show();\n } else {\n setLoader(true);\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_dgrs, case_products,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n if (caseDetail.case_products.length === 0 && caseDetail.case_dgrs.length === 0 && caseDetail.Submitted === '0') {\n subset.DGRUpload = '0';\n }\n\n subset.Submitted = '1';\n subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length > 0) && (subset.ProductSubmitted === '0')) ? '1'\n : ((case_dgrs.length > 0 || case_products.length === 0) && (subset.ProductSubmitted === '1')) ? '1' : null);\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null) ? '' : subset.ProductNotes;\n // subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length >= 0)\n // && (subset.ProductSubmitted === '0')) ? '1' : null);\n // subset.ProductSubmitted = '1';\n if (subset.ProductSubmitted === '0') {\n subset.ProductSubmitted = '1';\n } else {\n if (typeof caseDetail.case_products !== 'undefined' && caseDetail.case_products.length > 0) {\n subset.ProductSubmitted = '1';\n }\n }\n subset.Synced = (subset.Synced === '1' ? '0' : subset.Synced);\n\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n const caseRes = await getTableCaseByCaseId(caseDetails.id, tableName);\n this.setState({\n caseRes\n });\n this.caseSubmittedModal.show();\n setTimeout(\n () => this.caseSubmittedModal.hide(),\n 2000\n );\n if (params.hasOwnProperty('caseId')) {\n await this._getCaseById();\n }\n } else {\n notify({ type: 'error', message });\n }\n }\n } else {\n // caseDetail.Sync = 1;\n // caseDetail.Submitted = '1';\n // caseDetail.ProductSubmitted = '1';\n // caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n // updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n // setLoader(false);\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onManageDetailBack = async () => {\n try {\n const { goBack } = this.props;\n const caseRes = await this._getCase();\n const { caseDetail } = this.state;\n if (JSON.stringify(caseRes) !== JSON.stringify(caseDetail)) {\n this.setState({\n previousPage: 'previousPage'\n });\n this.saveChangesConfirmation.show();\n } else {\n onGoBack(goBack);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBackCancel = async () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFocusAndBlur = () => {\n try {\n const { isEditDetail } = this.state;\n (!isEditDetail) ? window.$('#onFocusEdit').blur() : window.$('#onFocusEdit').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRepNotesFocusAndBlur = () => {\n try {\n const { isEditDetail } = this.state;\n if (!isEditDetail) {\n window.$('#repNote').blur();\n } else {\n const html = window.$('#repNote').val();\n window.$('#repNote').focus().val('').val(html);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOfficeNotesFocusAndBlur = () => {\n try {\n const { isEditDetail } = this.state;\n if (!isEditDetail) {\n window.$('#officeNote').blur();\n } else {\n const html = window.$('#officeNote').val();\n window.$('#officeNote').focus().val('').val(html);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onHospitalFocusAndBlur = () => {\n try {\n const { isEditDetail } = this.state;\n (!isEditDetail) ? window.$('#hospitalsEle').blur() : window.$('#hospitalsEle').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelect2FocusAndBlur = () => {\n try {\n const { isEditDetail } = this.state;\n (!isEditDetail) ? window.$('#onSelect2FocusEdit').blur() : window.$('#onSelect2FocusEdit').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width });\n }\n\n // _onClickDrnModalNo = () => {\n // try {\n // const { caseDetail } = this.state;\n // if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n // this.zeroProductSubmitModal.show();\n // }\n // } catch (e) {\n // Bugsnag.notify(e);\n // }\n // }\n\n _getFiles = async () => {\n try {\n const { caseDetail: { case_xrays } } = this.state;\n const XrayIds = (case_xrays.length > 0) ? case_xrays.map((r) => r.XRayID) : [];\n if (XrayIds.length > 0) {\n const {\n user, setLoader, notify, team, online\n } = this.props;\n const generateTimedURLData = {\n team: team.name,\n entity_type: 'xrays',\n entity_id: JSON.stringify(XrayIds),\n token: user.token,\n key: user.userKey\n };\n setLoader(true);\n if (online) {\n generateBulkTimedURL(generateTimedURLData).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n const fileData = data !== undefined && data.map((file) => {\n const profile = case_xrays.find((d) => (file.entity_id === d.XRayID));\n // const newItem = { fileType: profile.Filename };\n // boxData.push();\n const fileext = profile.Filename.split('.').pop();\n const docData = {\n src: file.url,\n width: 1,\n height: 1,\n title: profile.Name,\n fileType: fileext.toLowerCase() === 'pdf' ? 'pdf' : fileext.toLowerCase() === 'txt' ? 'txt' : 'image',\n order: fileext.toLowerCase() === 'pdf' ? 1 : 0\n };\n return docData;\n });\n // const sortFileData = _.orderBy(fileData, ['order'], ['desc']);\n const sortFilesData = _.chain(fileData)\n .orderBy(['order'], ['desc'])\n .groupBy('fileType')\n .map((value, key) => ({ type: key, files: value }))\n .value();\n this.setState({ xRayFileUrlData: sortFilesData });\n // window.open(data, '', 'width=900, height=900');\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n this.setState({ xRayFileUrlData: case_xrays });\n setLoader(false);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* async UNSAFE_componentWillReceiveProps(nextProps) {\n const { online } = this.props;\n if (online !== nextProps.online) {\n\n }\n } */\n\n _getCase = async () => {\n const {\n params: { caseId }, tableName, setLoader, notify\n } = this.props;\n try {\n setLoader(true);\n // Check if the case is already in the db\n const caseResByCaseId = await getTableCaseByCaseId(caseId, tableName);\n if (caseResByCaseId) {\n setLoader(false);\n return caseResByCaseId;\n }\n\n // Check if the case is already in the db by schedule id\n const caseResByScheduleId = await getCaseByCaseScheduleID(Number(caseId));\n if (caseResByScheduleId) {\n setLoader(false);\n return caseResByScheduleId;\n }\n\n // If case is not in the db, fetch from remote\n const caseResFromRemote = await listSingleCase(caseId);\n if (!caseResFromRemote?.data?.length) {\n notify({ type: 'error', message: 'Case not found in currently active team.' });\n browserHistory.push('/manage-cases');\n return;\n }\n const resId = await singleManageCaseAdd(caseResFromRemote.data[0]);\n updateCaseByPrimaryId(resId, caseResFromRemote.data[0]);\n const caseSavedToDb = await getTableCaseByCaseId(resId, tableName);\n if (caseSavedToDb) {\n setLoader(false);\n return caseSavedToDb;\n }\n } catch (e) {\n Bugsnag.notify(e);\n } finally {\n setLoader(false);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { params } = this.props;\n if (params.hasOwnProperty('caseId')) {\n await this._getCaseById();\n }\n\n const caseRes = await this._getCase();\n\n if (Object.keys(caseRes).length > 0) {\n this.setState({\n caseRes\n });\n }\n await this._getScreenWidth();\n await this._getSurgeon();\n await this._getCaseType();\n await this._getProcedureTypes();\n await this._getTeamReps();\n await this._getSideType();\n await this._getGenderType();\n await this._getHospital();\n await this._getFiles();\n $(document).on('focus', '.select2-selection.select2-selection--single', function () {\n $(this).closest('.select2-container').siblings('select:enabled').select2('open');\n });\n // steal focus during close - only capture once and stop propogation\n // $('select.select2').on('select2:closing', (e) => {\n // $(e.target).data('select2').$selection.one('focus focusin', (ee) => {\n // ee.stopPropagation();\n // });\n // });\n // $('select').select2({\n // minimumResultsForSearch: -1\n // })\n // .on('select2-opening', function () {\n // $(this).siblings('.select2-container')\n // .find('.select2-search, .select2-focusser').remove();\n // });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n caseDetail, isEditDetail, sides, coverReps, types,\n procedures, surgeons, hospitals, genders, selectedDate,\n selectedTime, caseRes, screenWidth, xRayFileUrlData\n } = this.state;\n\n const { user } = this.props;\n\n return (\n \n
\n \n
\n Only patient and MRN can be edited while offline.
\n\n
\n \n
\n \n \n
\n \n \n {!Object.values(isEditDetail).some((key) => key === true) && (\n this._onPrint()}\n >\n 
\n \n )}\n this._onGoBack()}\n >\n {Object.values(isEditDetail).some((key) => key === true) ? 'Save' : 'Edit'}\n \n
\n )}\n />\n \n
\n - \n {\n offices.length > 0\n ? offices.map((office, index) => (\n this._onClickOffice(office.id)}>\n
- {office.name} \n \n ))\n :
No office available
\n }\n\n onGoBack(goBack)}\n />\n \n \n
\n );\n }\n}\n\nexport default withTableName(\n withTeam(withNotify(withOnline(withLoader(withUser(withGoBack(BillingDetail))))))\n);\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport { browserHistory, Link } from 'react-router';\nimport _ from 'lodash';\nimport Header from '../components/Header';\nimport withNotify from '../common/withNotify';\nimport withLoader from '../common/withLoader';\nimport withTeam from '../common/withTeam';\nimport withUser from '../common/withUser';\nimport withOnline from '../common/withOnline';\nimport {\n onGoBack,\n sortData,\n storeUser,\n userLogout,\n Fcm_Token,\n storeVersionCode\n} from '../common/globals';\nimport withGoBack from '../common/withGoBack';\nimport { reLogin } from '../utils/utils';\nimport Bugsnag from '../helpers/bugsnag';\nimport { APP_VERSION, REQUEST_SOURCE, APP_GENERATION } from '../common/config';\n\nclass Teams extends Component {\n constructor(props) {\n super(props);\n this.state = {\n teams: []\n };\n }\n\n _onClickTeam = (team) => {\n try {\n const {\n user, setUser, setTeam, setLoader, notify, goBack, setGoBack, online\n } = this.props;\n setLoader(true);\n setTeam(team);\n const userData = Object.assign(user, { team: team.id, selectedTeam: team });\n setUser(userData);\n storeUser(userData);\n storeVersionCode();\n const reLoginData = {\n userId: user.loginPayload.userId,\n password: user.loginPayload.password,\n requestSource: REQUEST_SOURCE,\n lastAppVersion: APP_VERSION,\n appGeneration: APP_GENERATION,\n deviceId: user.loginPayload.deviceToken,\n deviceToken: user.loginPayload.deviceToken,\n fcmToken: Fcm_Token\n };\n\n if (online) {\n reLogin(reLoginData).then(async (response) => {\n setLoader(false);\n const { status } = response;\n if (status) {\n // Add office & team\n response.office = user.office;\n response.team = user.team;\n response.territoryId = user.territoryId;\n response.remember = user.remember;\n response.selectedTeam = user.selectedTeam;\n response.loginPayload = reLoginData;\n await storeUser(response);\n await storeVersionCode();\n setUser(response);\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n browserHistory.push('/sync-data');\n } else {\n notify({ type: 'error', message: response.message });\n userLogout(false);\n }\n });\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { user } = this.props;\n let { teams } = this.state;\n if (user.hasOwnProperty('territories')) {\n user.territories.map((territoriesData) => {\n if (territoriesData.hasOwnProperty('offices')) {\n const officeIndex = _.findIndex(territoriesData.offices, { id: user.office });\n if (officeIndex !== -1) {\n teams = sortData(territoriesData.offices[officeIndex].teams, 'name');\n // teams = territoriesData.offices[officeIndex].teams;\n }\n }\n });\n }\n this.setState({ teams });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { teams } = this.state;\n const { goBack } = this.props;\n return (\n \n
\n {\n billingData.length > 0 && billingData.map((item, key) => (\n
*/}\n
\n \n
\n \n
\n {\n isPriceSheetShow === true\n && (\n \n
\n \n {billingCount} {(billingCount === 0) ? 'POs' : (billingCount === 1) ? 'PO' : 'POs' }\n \n {/* { (typeof caseDetail.POIssue !== 'undefined'\n && caseDetail.POIssue !== null)\n ? ((caseDetail.POIssue === '0')\n ? '' : ' *Case is flagged') : ''} */}\n { (POIssueFlag === '0') ? '' : ' *Case is flagged' }\n \n
\n\n \n
\n {formatter.format(billingTotal)}
\n\n Price Sheet\n \n
\n )\n }\n \n {\n billingData.length > 0 && billingData.map((item, key) => (\n
\n
\n ))\n }\n {/* \n
\n \n
\n PO #{ key + 1 }\n {/* \n {(item.POIssue === '0') ? '' : ' *There is an issue with this PO'}\n */}\n
\n\n
\n \n \n
\n ${item.Amount}
\n\n
\n \n \n
\n {item.PONumber}
\n\n
\n \n \n
\n {item.PODate !== null ? moment(item.PODate).format('MMM DD, YYYY') : '-'}
\n\n
\n \n \n
\n {item.BilledDate !== null ? moment(item.BilledDate).format('MMM DD, YYYY') : '-'}
\n*/}\n
\n
\n - \n {\n teams !== undefined && teams.length > 0\n ? teams.map((team, index) => (\n this._onClickTeam(team)}>\n
- {team.name} \n \n ))\n :
No teams available
\n }\n\n
\n \n
\n \n \n Missing DGRs {countData.missingDGRCaseCount !== undefined ? countData.missingDGRCaseCount : 0}\n \n
\n \n \n Missing POs\n \n
\n \n \n Not Billed\n \n
\n {\n (salesAccess)\n && (\n \n Billed\n
\n )\n }\n \n\n
\n \n\n \n
\n\n \n
\n \n this._onSearch(e)}\n value={search}\n />\n
\n \n \n \n \n
\n\n \n
\n\n Documents
\n\n
\n\n \n {\n repDocuments.length > 0\n ? repDocuments.map((item, key) => (\n
\n \n\n \n {item.group}\n \n\n
\n ))\n : \n {\n item.children.length > 0 && item.children.map((data, index) => (\n
\n \n this._onReport(data.name, 'documents')}\n >\n
\n ))\n }\n\n {data.name}
\n \nNo Document Found.
\n }\n\n \n \n \n
\n\n \n \n\n \n
\n\n Reports
\n\n\n {\n repReports.length > 0\n ? repReports.map((item, key) => (\n item.group === 'OPS' && (\n
\n\n \n\n {/* \n this._onReport(item.name, 'reports')}\n >\n {item.name}\n \n this._onCopyReport(item)\n }\n >\n \n \n
\n )\n ))\n : No Reports Available
\n }\n\n\n \n
\n \n */}\n \n \n \n Operational Reports\n \n
\n \n
\n \n {\n opsReports.length > 0\n ? opsReports.map((item, key) => (\n item.group === 'OPS' && (\n
\n \n this._onReport(item.name)}\n >\n {item.name}\n \n this._onCopyReport(item)\n }\n >\n \n \n
\n )\n ))\n : No Reports Available
\n }\n \n
\n \n
\n \n Office Sets\n
\n \n ExpressCare Sets\n
\n \n Consignment\n \n
\n \n Backorders\n \n
\n \n Shipments\n \n
\n \n
\n \n );\n }\n}\n\nexport default withPreference(withGoBack(withNotify(withLoader(CopyPreferenceModal))));\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport { browserHistory, Link } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withPreference from '../../common/withPreference';\nimport withOnline from '../../common/withOnline';\nimport Header from '../../components/Header';\nimport CopyPreferenceModal from '../../components/Models/CopyPreferenceModal';\nimport { ALPHANUMERIC, sortData, storeLastVisitedRoute } from '../../common/globals';\nimport { addPreference, getPreferences } from '../../utils/utils';\nimport { addBulkPreferences, getAllPreferences, preferencesClear } from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\n\nclass Preferences extends Component {\n constructor(props) {\n super(props);\n this.state = {\n preferencesData: [],\n preferenceSearchResult: [],\n selectedCopyPreference: null,\n search: ''\n };\n this.internalServerErrorModal = null;\n }\n\n componentDidMount() {\n try {\n this.internalServerErrorModal = new window.bootstrap.Modal(window.$('#internalServerErrorModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getPreferenceData = async () => {\n try {\n const { online, setLoader, notify } = this.props;\n setLoader(true);\n if (online) {\n const preferenceRes = await getPreferences();\n const { message, status, data } = preferenceRes;\n if (status) {\n await preferencesClear();\n if (typeof data !== 'undefined' && data !== null) {\n await addBulkPreferences(data);\n }\n this._fetchLocalPreferences();\n } else {\n notify({ type: 'error', message });\n }\n // setLoader(false);\n } else {\n this._fetchLocalPreferences();\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fetchLocalPreferences = async () => {\n try {\n const data = await getAllPreferences();\n const finalPreferenceMap = {};\n data.forEach((singlePref) => {\n if (finalPreferenceMap[singlePref.PreferenceName]) {\n finalPreferenceMap[singlePref.PreferenceName].selectedSets.push({\n SetName: singlePref.SetName,\n Quantity: Number(singlePref.Quantity),\n DeviceType: singlePref.DeviceType\n });\n } else {\n const {\n SetName, Quantity, DeviceType, ...rest\n } = singlePref;\n finalPreferenceMap[singlePref.PreferenceName] = { ...rest };\n finalPreferenceMap[singlePref.PreferenceName].selectedSets\n = [{ SetName, Quantity: Number(Quantity), DeviceType }];\n }\n });\n\n const finalPreferenceList = [];\n for (const key in finalPreferenceMap) {\n if (key !== 'null') {\n if (key !== '') {\n finalPreferenceList.push(finalPreferenceMap[key]);\n }\n }\n }\n const sortedObjs = this.preferenceGroupData(finalPreferenceList);\n this.setState({\n preferencesData: sortedObjs,\n preferenceSearchResult: sortedObjs\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n preferenceGroupData = (preferences) => {\n try {\n // TODO: update the code base on api response\n const data = preferences.reduce((r, e) => {\n const group = (e.PreferenceName !== null) ? e.PreferenceName[0] : '';\n if (!r[group]) r[group] = { group, children: [e] };\n else r[group].children.push(e);\n return r;\n }, {});\n\n const result = Object.values(data);\n return sortData(result, 'group');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCopyAndSavePreference = (newName) => {\n try {\n const { selectedCopyPreference } = this.state;\n const {\n setPreference, goBack, setGoBack, setLoader, notify, online\n } = this.props;\n const copyPreferenceName = `${selectedCopyPreference.PreferenceName} COPY`;\n selectedCopyPreference.PreferenceName = newName !== '' ? newName.toUpperCase() : copyPreferenceName;\n if (online) {\n setLoader(true);\n addPreference(selectedCopyPreference).then((response) => {\n const { result, message } = response;\n setLoader(false);\n if (result === 'success') {\n selectedCopyPreference.id = selectedCopyPreference.PreferenceName;\n setPreference(selectedCopyPreference);\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n browserHistory.push(`/preferences/${selectedCopyPreference.PreferenceName}`);\n } else {\n this._getPreferenceData();\n notify({ type: 'error', message });\n }\n });\n } else {\n this.internalServerErrorModal.show();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearch = (event) => {\n try {\n let search = '';\n search = event.target.value;\n this.setState({ search }, () => {\n this.searchPreference();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n searchPreference = () => {\n try {\n const { search, preferenceSearchResult } = this.state;\n const searchRes = [];\n preferenceSearchResult.map((preference) => {\n const searchData = new RegExp(search.toUpperCase(), 'g');\n const data = preference.children.filter((item) => (item.PreferenceName !== null ? item.PreferenceName.match(searchData) : ''));\n data.map((item) => {\n searchRes.push(item);\n });\n });\n const sortedObjs = this.preferenceGroupData(searchRes);\n this.setState({\n preferencesData: search !== '' ? sortedObjs : preferenceSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCopyPreference = (selectedData) => {\n try {\n this.setState({ selectedCopyPreference: selectedData });\n setTimeout(() => {\n window.$('#copyPrefName').focus();\n }, 500);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onAddNew = () => {\n try {\n const { goBack, setGoBack, setPreference } = this.props;\n setPreference({\n PreferenceName: '',\n CaseType: '',\n Comments: '',\n RepNotes: '',\n selectedSets: []\n });\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditPreference = (data) => {\n try {\n const {\n setPreference, goBack, setGoBack, online, notify\n } = this.props;\n if (online) {\n setPreference({ ...data, id: data.PreferenceName });\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n browserHistory.push(`preferences/${data.PreferenceName}`);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { setUpdatedRoute } = this.props;\n await this._getPreferenceData();\n storeLastVisitedRoute('/preferences');\n setUpdatedRoute('/preferences');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { preferencesData, search } = this.state;\n return (\n \n
\n \n
\n Copy Preference
\nGive the copy a unique name:
\n\n
\n \n
\n \n
\n \n Back\n \n
\n \n Copy & Save\n \n
\n \n
\n \n
\n\n \n
\n \n this._onSearch(e)}\n value={search}\n />\n
\n \n
\n\n \n {preferencesData !== undefined\n && preferencesData.length > 0 ? preferencesData.map((item, index) => (\n
\n \n
\n )) : {item.group}\n
\n- \n {\n item.children.map((data, key) => (\n
- \n \n\n
\n {data.PreferenceName !== null ? data.PreferenceName : ''}\n
\n \n ))\n }\n
No Preferences Found.
}\n- \n {ALPHANUMERIC.map((name, index) => (\n
- \n {name}\n \n ))}\n
\n
\n \n );\n }\n}\n\nexport default withNotify(SetQuantity);\n","import React, { Component } from 'react';\nimport { Link } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport { getCaseType } from '../../utils/db';\nimport { sortData } from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass CaseType extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n caseType: [],\n selectedType: '',\n active: null\n };\n }\n\n _onSelectedType = (selectedData, index = null) => {\n try {\n const { onHideShowCaseType } = this.props;\n const { active, isCaseType } = this.state;\n if (active === index) {\n this.setState({ active: null, selectedType: '' });\n } else {\n onHideShowCaseType(selectedData);\n this.setState({ active: index, selectedType: selectedData, isCaseType: !isCaseType });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectedCaseType = (position) => {\n try {\n const { active } = this.state;\n if (active === position) {\n return 'selected';\n }\n return '';\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const unSortCaseType = await getCaseType();\n const caseType = sortData(unSortCaseType, 'OptionName');\n caseType && this.setState({ caseType });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { caseType } = this.state;\n return (\n \n
\n \n
\n Set Quantity
\n\n \n \n \n
\n \n
\n \n
\n \n Back\n \n
\n \n \n
\n \n
\n \n
\n \n
\n - \n {\n caseType.length > 0\n ? caseType.map((data, index) => (\n
No case types available
\n }\n \n
\n {item.group}
\n- \n {\n item.children.map((data, key) => (\n { _onSelectSet(index, key, data); }} key={key}>\n
\n
\n \n \n ))\n }\n \n \n );\n};\n\nexport default withGoBack(SetRow);\n","import React, { Component } from 'react';\n\nclass SetContentNotLoaded extends Component {\n render() {\n const { onSetContentBack } = this.props;\n return (\n {data.SetName}
{data.hasOwnProperty('ECSetDescription') && data.ECSetDescription}
\n
\n \n );\n }\n}\n\nexport default SetContentNotLoaded;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABShJREFUeF7t3b1uUzEUB/Bjpi6oErc8AE/S2wmx005JJRgqMRQhPkQZECAhlYEPgSqWDkhNFig7YuJGPAMzD9CGGQm1RjdSS6huEvvYubXP+Wetndj+/67t66SJITxUj4BR3Xt0ngBAOQIAAADlI6C8+5gBAED5CCjvPmYAAFA+Asq7jxkAAHSMwM8P5cKVG9VvHb1176WaGWDYW1kjc7xYdAa77sMjv6QuAGQ/krEbQPAPtj4Add+B4FSATgBAAACjEcBMoOfdwNEmsN4DnH0oR6B3CRiHoBgBAJxAUIoAAJTPBACgfE8AAE2HfYqWAwCYdNqrBAEATDvuV4AAAGa93yMcAQDMAiD8xBAAXAAQkSXaXOpWO47FsykGAB5RSUQAAB4A6qLSEACAJwBpCACAAUASAgBgApCCAAACAEhAAACBAHJHAAARAOSMAAAiAcgVAQBEBJAjAj0A9pZXyZhPjnl/IaJrjmUbipl7Rffba3799moCQNNYG1o11l62ZN5zo8jlxBAAJgAoOtXnX73lW9IR6AEw6f8CmgBYu1asD/brP0lHAAAzAEhHEAzgoFeW3HWyzXoXiOp2PnF6TUOr9RIwXvawv7xprHnnVL95WblfdKpX7PpzqhgMYNgr7Zzadn5PO7YEjDdi2C/vkKU33IaluDEEAIclQDICAPAEUBeXNBMAAAOAJAQAwAQgBQEABACIgYCIHhTd6iV3YxlaDwACAeSOAAAiAMgZAQBEApArAgCICGB0bNwvt6yl7YC1udU9QWsADFF1RPQsYGBaq7rw5+jHxZvfD7gvGIrAGHp0qVO94L6+T73WAJCh/aJTrfk0LueyoQjaujsAgDkqywEBAMwRQA57AgCYM4DUEQBACwBSRgAALQFIFQEAtAhgdFjUK+tPJT0NeNmo5wQAEJAEt+rhXrltDG1x68e8RQSAgBRCqqaCAABCUgysmwICAAgMMaR66H7AWnq8tF49D2kDAISMXkDdVE4JASAgRG7VVMKv2w8A3BSZ9VIKHwCYIXKrpRY+AHCTZNRLMXwAYATJqZJq+ADASdOzTsrhA4BnmL7FUw8fAHwT9SifQ/itAlD1odBe+dASsT/UKfNDoR5Xz7kXnfD9AC7tCv3P4Zjv9Lm0t72DIJfWpFKGCSC38FtdAlLJ1qkdDAA5hg8AkzR4Asg1fACIACDn8AEgEEDu4QNAAAAJ4QMAE0Bo+Cl9XRxuA5sQTNkESgofM4DnDCAt/CgA1HxV7N7KbWPsW6dzhOZZ5W6xPmB/yyj7dWdUDF4C5tWw2M87ZH5beN0Oyd8YDgAz9gCSw4+yBMS+Uuf1fJwZQHr4ugD4/GYQfjJmXtfh+T3vsF9eJ0ujXwGZ+TD0lSxdnVluUgFDSf42QFNzsQdgp9xcMaVDHpeuAYDLKDmWyS18XXsAn9tAx8DHi+UYPgAwgm68ayTaXOpWO5GertWnwRIQONy5Xvkn3QaAAAC5h48lQHn4AMAEIOHKxxKA8EcjgD2ADwRjN4rOYNenSuplAcA1IYHhYwZQHj4AuAAQeuVjE4jwsQmcakD4lY8ZYFr6SsLHHqAJgaLwAeAsAGXhA8A4AIXhA8DpTkjeCZ/LTQ4AjEZAb/gAoDx83QAQvuKDIIR/ukXQ924gwv9vf6gLgDlelPZ+vutuf1I5NQBCB0pqfQCQmqxjvwDAcaCkFgMAqck69gsAHAdKajEAkJqsY78AwHGgpBYDAKnJOvYLABwHSmoxAJCarGO/AMBxoKQW+wsJvhO9vC0jnQAAAABJRU5ErkJggg==\"","import { connect } from 'react-redux';\nimport { setsToMoveSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSetsToMove: (data) => {\n dispatch(setsToMoveSet(data));\n }\n});\n\nconst mapStateToProps = (state) => ({\n setsToMove: state.setsToMove ? state.setsToMove : {}\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport moment from 'moment';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport { getSetProductContents } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport SetContentNotLoaded from '../Models/SetContentNotLoaded';\nimport {\n convertServerDateToTeamZone,\n getTeamData, getTerritoryData, getUser, onGoBack\n} from '../../common/globals';\nimport ArrowRightIcon from '../../assets/images/arrow-right-bold-outline-custom.png';\nimport withOnline from '../../common/withOnline.js';\nimport withSetsToMove from '../../common/withSetsToMove.js';\n\nclass SetContents extends Component {\n constructor(props) {\n super(props);\n this.state = {\n setsContents: [],\n setsStatus: [],\n setsContentsCount: 0,\n };\n }\n\n componentDidMount() {\n try {\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSetProducts = () => {\n try {\n const {\n setName, notify, setLoader\n } = this.props;\n const productData = {};\n const searchData = {\n set_name: setName\n };\n setLoader(true);\n getSetProductContents(searchData).then((response) => {\n const {\n status, data, locations, server_timezone\n } = response;\n if (status) {\n setLoader(false);\n let countProductQty = 0;\n if (!data) return;\n data.map((item) => {\n if (!productData.hasOwnProperty(item.TrayName)) {\n productData[item.TrayName] = [];\n }\n productData[item.TrayName].push(item);\n\n countProductQty = Number(item.Qty) + Number(countProductQty);\n });\n const locationsWithLocalTime = locations.map((location) => ({\n ...location,\n MoveDate: convertServerDateToTeamZone(location.MoveDate, server_timezone)\n }));\n this.setState({\n setsContents: productData,\n setsStatus: locationsWithLocalTime,\n setsContentsCount: countProductQty\n });\n } else {\n setLoader(false);\n notify({ type: 'error', message: response.message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetContentBack = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n this.setContentNotLoaded.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMoveSet = (setToMove) => {\n const {\n online, notify, setSetsToMove, goBack, setGoBack\n } = this.props;\n if (!online) {\n notify({ type: 'error', message: 'You must have an internet connection. Please check you connection and try again.', time: 5 });\n return;\n }\n setSetsToMove([setToMove]);\n setGoBack([...goBack, window.location.pathname]);\n browserHistory.push('/move-sets-to-location');\n }\n\n async UNSAFE_componentWillMount() {\n try {\n await this._getSetProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n setsContents,\n setsStatus,\n setsContentsCount\n } = this.state;\n const {\n setName, ecSetsDescipriton, setType, isSetContents\n } = this.props;\n const user = getUser();\n\n return (\n \n
\n \n
\n Set contents are not loaded for this set.
\n\n
\n \n
\n \n onSetContentBack()}\n >\n Ok\n \n
\n \n
\n )) : (\n \n
\n {\n this.props.isSetStatus ? (\n \n
\n \n
\n \n \n {setType === 'eckit' ? ecSetsDescipriton : setName}\n \n {\n !isSetContents\n ? ''\n : (\n \n Qty: {setsContentsCount > 0 ? setsContentsCount : ''}\n \n )\n }\n
\n\n {\n setsStatus && Object.keys(setsStatus).length > 0 && (\n
\n \n
\n )\n }\n \n
\n \n
\n Set
\n\n
\n \n Location
\n\n {\n setsStatus && Object.keys(setsStatus).length > 0\n ? Object.keys(setsStatus.sort((a, b) => {\n if (a.SetNo < b.SetNo) return -1;\n if (a.SetNo > b.SetNo) return 1;\n return 0;\n })).map((item, index) => (\n
\n \n \n \n \n
\n \n
\n {setsStatus[item].SetNo}
\n\n
\n {setsStatus[item].LocName}
\n\n
\n \n )\n }\n \n \n \n
\n {\n getTerritoryData(user).isSetMove && getTeamData(user).isSetMove\n ? (\n this._onMoveSet(setsStatus[item])}\n >\n 
\n \n ) : null\n }\n
\n | Status: | \n{setsStatus[item].SetStatus} | \n
| Moved By: | \n{setsStatus[item].MoveUser} | \n
| Moved At: | \n\n {\n setsStatus[item].MoveDate\n ? moment(setsStatus[item].MoveDate).format('MM/DD/YYYY hh:mm A')\n : null\n }\n | \n
\n \n \n
\n
\n | Prev Case: | \n{setsStatus[item].PrevCase} | \n
| Prev Date: | \n{setsStatus[item].PrevDate && moment(setsStatus[item].PrevDate).format('L')} | \n
| Prev Loc: | \n{setsStatus[item].PrevLocName} | \n
| Prev Rep: | \n{setsStatus[item].PrevRep} | \n
\n \n \n
\n
\n {\n setsStatus[item].MissingProducts?.length > 0 && (\n <>\n | Next Case: | \n{setsStatus[item].NextCase} | \n
| Next Date: | \n{setsStatus[item].NextDate && moment(setsStatus[item].NextDate).format('L')} | \n
| Next Loc: | \n{setsStatus[item].NextLocName} | \n
| Next Rep: | \n{setsStatus[item].NextRep} | \n
\n \n \n
\n
\n | Missing: | \n
\n {setsStatus[item].MissingProducts?.split(';').map((product) => {\n const info = product.split(',');\n const prodId = info[0];\n const prodName = info[1];\n const qty = info[2];\n\n return (\n \n
\n );\n })}\n \n {prodId}\n {prodName}\n
\n \n Qty: {qty}\n
\n \n
\n )\n }\n \n \n ) : (\n Set status are not loaded for this set.
\n\n
\n )\n }\n \n \n {\n Object.keys(setsContents).length > 0\n ? Object.keys(setsContents).map((value, index) => (\n
\n \n {\n (value !== '' && value !== 'null') && (\n
\n ))\n : (\n \n \n {\n (value === '' || value === null || value === 'null') ? '' : value\n }\n \n\n Tray Qty: {\n setsContents[value].reduce(\n (total, currentValue) => (total + +currentValue.Qty), 0\n )\n }\n \n
\n )\n }\n\n- \n {\n setsContents[value].map((data, key) => (\n
- \n \n\n\n\n\n\n
{data.ProductNo}
\n{data.ProductDescription}
\n\n Qty: {data.Qty}\n\n \n ))\n }\n
\n
\n )\n }\n Set contents are not loaded for this set.
\n\n
\n \n );\n }\n}\n\nexport default SaveExpressCareSetsModal;\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport { browserHistory, Link } from 'react-router';\nimport _ from 'lodash';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withTableName from '../../common/withTableName';\nimport withSetsSearch from '../../common/withSetsSearch';\nimport {\n ALPHANUMERIC, countImplantInstrument, onGoBack, renderAlphabetically, updateQuantityValue\n} from '../../common/globals';\nimport Header from '../../components/Header';\nimport SetQuantity from '../../components/Models/SetQuantity';\nimport CaseType from '../../components/ManageCase/CaseType';\nimport SetRow from '../../components/Sets/SetRow';\nimport SetContents from '../../components/Sets/SetContents';\nimport {\n getECKits, getTableCaseByCaseId, updateTableWiseCaseByCaseId\n} from '../../utils/db';\nimport { initAPIController, searchSets, updateCase } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport SaveExpressCareSetsModal from '../../components/Models/SaveExpressCareSetsModal';\n\nclass ExpressCareSets extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n sets: [],\n masterSetsGroup: [],\n setsGroup: [],\n instrumentCount: 0,\n implantCount: 0,\n selectedSet: {},\n search: '',\n isSearch: false,\n isSelected: false,\n isType: false,\n selectedType: '',\n isSetContents: false,\n deviceType: '',\n longPressItem: null,\n allSetsQty: {},\n selectedSetsQty: {},\n officeSets: [],\n selectedSetsCount: 0,\n };\n this.saveExpressCareSetsModal = null;\n }\n\n componentDidMount() {\n try {\n this.saveExpressCareSetsModal = new window.bootstrap.Modal(\n window.$('#saveExpressCareSetsModal')\n );\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveSets = async (quantity) => {\n try {\n const {\n selectedSet\n } = this.state;\n this._onEditSets(quantity, selectedSet);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditSets = (quantity, selectedSet) => {\n try {\n const { selectedSetsQty, isSelected } = this.state;\n selectedSetsQty[selectedSet.SetName] = quantity;\n\n this.setState({\n selectedSetsQty,\n selectedSet\n }, () => {\n if (isSelected) {\n this._onFilter();\n }\n this._updateINSIMP();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _updateINSIMP = () => {\n try {\n const { selectedSetsQty, sets } = this.state;\n // add qty to sets\n const updatedSets = updateQuantityValue(sets, selectedSetsQty, {});\n\n // Count implant/instrument\n const qtyImplantInstrument = countImplantInstrument(updatedSets);\n this.setState({\n instrumentCount: qtyImplantInstrument.instrumentQty,\n implantCount: qtyImplantInstrument.implantQty\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = () => {\n try {\n const {\n sets, selectedSetsQty, isSelected, deviceType, selectedType\n } = this.state;\n\n let data = [...sets];\n if (isSelected) {\n data = data.filter((item) => selectedSetsQty[item.SetName] >= 0);\n }\n if (deviceType !== '') {\n // data = (data.filter((item) => item.DeviceType === deviceType));\n data = data.filter(\n (item) => item.DeviceType.includes(deviceType)\n );\n }\n if (selectedType !== '') {\n // data = (data.filter((item) => item.CaseType === selectedType));\n data = data.filter(\n (item) => item.CaseType.includes(selectedType)\n );\n }\n const setsGroup = renderAlphabetically(data, 'SetName');\n this.setState({\n setsGroup\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedSets = () => {\n try {\n const { isSelected } = this.state;\n this.setState({ isSelected: !isSelected }, () => this._onFilter());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectDeviceType = (selectedDeviceType = '') => {\n try {\n let { deviceType } = this.state;\n deviceType = (deviceType === selectedDeviceType) ? '' : selectedDeviceType;\n this.setState({ deviceType }, () => { this._onFilter(); });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearch = () => {\n try {\n const { isSearch, masterSetsGroup } = this.state;\n const { online, setSetsSearch } = this.props;\n if (online) {\n this.setState({ isSearch: !isSearch });\n if (isSearch) {\n setSetsSearch({});\n this.setState({\n search: '',\n setsGroup: masterSetsGroup\n });\n }\n } else {\n this.onlineAlertModal.show();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedCaseType = (selectedType) => {\n try {\n const { isType } = this.state;\n if (selectedType === '' || selectedType === undefined) {\n this.setState({ isType: !isType });\n } else {\n this.setState({ selectedType: selectedType.OptionName, isType: !isType },\n () => { this._onFilter(); });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseTypeClick = () => {\n try {\n const { isType, selectedType } = this.state;\n if (selectedType !== '') {\n this.setState({ selectedType: '' }, () => { this._onFilter(); });\n } else {\n this.setState({ isType: !isType });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onLongPress = (item) => {\n try {\n this.setState({ isSetContents: true, longPressItem: item });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetBack = () => {\n try {\n this.setState({ isSetContents: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onExpressCareBack = () => {\n try {\n this.setState({ isType: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getECKistsList = async () => {\n try {\n const { setsSearch } = this.props;\n const sets = await getECKits();\n const setsGroup = renderAlphabetically(sets, 'SetName');\n const search = setsSearch.hasOwnProperty('search') ? setsSearch.search : '';\n this.setState({\n setsGroup,\n masterSetsGroup: setsGroup,\n sets,\n search,\n allSetsQty: _.chain(sets)\n .keyBy('SetName')\n .mapValues('Quantity')\n .value(),\n }, () => {\n this._onSetSearch(search, () => {\n this._onFilter();\n });\n this._updateINSIMP();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetSearch = async (search, callback = false) => {\n try {\n const {\n online, notify, setSetsSearch, setLoader\n } = this.props;\n const { masterSetsGroup } = this.state;\n\n this.setState({ search });\n\n const searchData = {\n search_term: search,\n set_type: 'eckit'\n };\n\n if (search.length >= 3) {\n if (online) {\n setLoader(true);\n if (this.apiController) {\n this.apiController.abort();\n }\n this.apiController = initAPIController();\n searchSets(searchData).then((response) => {\n const { status, data } = response;\n if (status) {\n data.map((value) => {\n value.ECSetDescription = value.ProductDescription;\n });\n const setsGroup = renderAlphabetically(data, 'SetName');\n this.setState({\n setsGroup,\n sets: data\n }, () => {\n callback && callback();\n });\n setSetsSearch({\n isSearch: true,\n setsGroup,\n search\n });\n }\n if (search.length < 3) {\n this.setState({\n setsGroup: renderAlphabetically(masterSetsGroup, 'SetName'),\n sets: masterSetsGroup\n }, () => {\n callback && callback();\n });\n }\n }).catch(() => {\n if (search.length < 3) {\n setSetsSearch({\n isSearch: true,\n setsGroup: renderAlphabetically(masterSetsGroup, 'SetName'),\n search\n });\n this.setState({\n setsGroup: renderAlphabetically(masterSetsGroup, 'SetName'),\n sets: masterSetsGroup\n }, () => {\n callback && callback();\n });\n }\n });\n setLoader(false);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n } else {\n if (this.apiController) {\n this.apiController.abort();\n }\n const sets = await getECKits();\n const setsGroup = renderAlphabetically(sets, 'SetName');\n setSetsSearch({\n isSearch: true,\n setsGroup,\n search: ''\n });\n this.setState({ setsGroup, sets }, () => {\n callback && callback();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onExpressCareSetsSave = async () => {\n try {\n const {\n params: { id }, notify, setLoader, goBack, tableName, setSetsSearch\n } = this.props;\n const { officeSets } = this.state;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (!caseDetail) {\n notify({ type: 'error', message: 'Case details not found.', time: 3 });\n browserHistory.push('/manage-cases');\n return false;\n }\n const comments = caseDetail.Comments && caseDetail.Comments != null ? caseDetail.Comments : '';\n\n caseDetail.Comments = officeSets.length > 0\n ? `${comments !== '' ? `${comments}\\n` : ''}${officeSets.join(', ')}`\n : caseDetail.Comments;\n caseDetail.Submitted = '0';\n caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n // delete caseDetail.selectedSets;\n let newSets = [];\n caseDetail.case_sets.map((item) => {\n newSets.push({\n ...item,\n SetName: item.SetName,\n CasePlanID: item.CasePlanId,\n PreferenceName: item.PreferenceName\n });\n });\n newSets = _.orderBy(newSets, ['CasePlanID'], ['desc']);\n const newUsers = newSets.map(({\n CasePlanID, SetName, PreferenceName, Quantity\n }) => ({\n CasePlanID,\n SetName,\n PreferenceName,\n Quantity: Number(Quantity)\n }));\n caseDetail.selectedSets = newUsers;\n // Update API\n setLoader(true);\n updateCase(caseDetail).then(async (response) => {\n setLoader(false);\n const { status, message } = response;\n if (status) {\n // Update into local db\n caseDetail.Sync = 0;\n await updateTableWiseCaseByCaseId(caseDetail.RepCaseNo, caseDetail, tableName);\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n setSetsSearch({});\n onGoBack(goBack);\n browserHistory.push(`/manage-case/${id}/sets`);\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveQuantityZero = (removeQuantity, selectedSetsQty) => {\n try {\n const new_keys = Object.keys(selectedSetsQty).filter(\n (sets) => selectedSetsQty[sets] !== removeQuantity\n );\n const newObj = {};\n // eslint-disable-next-line no-return-assign\n new_keys.forEach((key) => newObj[key] = selectedSetsQty[key]);\n return newObj;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSave = async () => {\n try {\n const { selectedSetsQty } = this.state;\n const { goBack, params: { id }, setSetsSearch } = this.props;\n setSetsSearch({});\n const setsQty = this._onRemoveQuantityZero(0, selectedSetsQty);\n const officeSets = [];\n Object.keys(setsQty).map((qKey) => {\n if (setsQty[qKey] > 1) {\n officeSets.push(`${qKey} (${setsQty[qKey]})`);\n } else {\n officeSets.push(`${qKey}`);\n }\n });\n let selectedSetsCount = 0;\n Object.keys(setsQty).map(\n // eslint-disable-next-line no-return-assign\n (key) => selectedSetsCount += Number(setsQty[key])\n );\n this.setState({\n officeSets, selectedSetsCount\n });\n if (officeSets.length > 0) {\n this.saveExpressCareSetsModal.show();\n } else {\n onGoBack(goBack);\n browserHistory.push(`/manage-case/${id}/sets`);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetGoBack = () => {\n try {\n const { goBack, setSetsSearch } = this.props;\n setSetsSearch({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSearchValue = () => {\n try {\n this.setState({ search: '' });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n await this._getECKistsList();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { params: { id } } = this.props;\n const {\n setsGroup,\n selectedSetsQty,\n selectedSet,\n instrumentCount,\n implantCount,\n isSearch,\n isType,\n selectedType,\n isSetContents,\n longPressItem,\n allSetsQty,\n selectedSetsCount,\n search\n } = this.state;\n return (\n \n
\n \n
\n {`You have planned a total of ${selectedSetsCount} ${selectedSetsCount > 1 ? 'sets' : 'set'}.\n ${selectedSetsCount > 1 ? 'These sets' : 'This set'} will be added to Office Notes for the office staff to process.\n Is\n this correct ?`}\n
\n\n
\n \n
\n \n \n
\n \n onSave()}\n >\n Yes\n \n
\n \n
\n \n
\n \n
\n \n
\n {\n (isSearch === true)\n ? (\n \n
\n INS: {instrumentCount} | IMP: {implantCount}
\n\n \n
\n \n
\n ) : ''\n }\n \n
\n \n {\n this._onSetSearch(value, () => {\n this._onFilter();\n });\n }}\n />\n \n {/* { */}\n {/* search !== undefined && search.length > 0 */}\n {/* ? ( */}\n {/* */}\n {/* */}\n {/* */}\n {/* ) : '' */}\n {/* } */}\n
\n \n {setsGroup.length > 0\n ? setsGroup.map((item, index) => (\n
\n No sets match your filters
}\n- \n {ALPHANUMERIC.map((name, index) => (\n
- \n {name}\n \n ))}\n
\n
\n \n
\n \n
\n \n
\n \n Selected\n \n
\n \n \n {selectedType || 'Type'}\n \n
\n \n
\n \n this._onSelectDeviceType('IMPLANT')}\n >Implant\n \n this._onSelectDeviceType('INSTRUMENT')}\n >Instrument\n \n
\n \n
\n \n
\n \n
\n \n {\n Object.keys(components).length > 0\n ? Object.keys(components).map((value, index) => (\n
\n \n
\n )) : {value}
\n- \n {\n components[value].map((data, key) => (\n
- \n {data.Component}\n \n \n ))\n }\n
No sets component match to your filters
\n }\n\n
\n \n \n
\n\n \n {showHeaderButton\n ? (\n <>\n
\n \n ExpressCare\n
\n \n Preferences\n
\n \n ) : }\n\n \n
\n {\n isSearch === true\n ? (\n \n
\n \n
\n \n
\n \n INS: {instrumentCount}\n
\n \n IMP:{implantCount}\n
\n \n \n
\n \n
\n )\n : ''\n }\n \n
\n \n {\n this._onSetSearch(value, () => {\n this._onFilter();\n });\n }}\n />\n \n {/* { */}\n {/* searchValue !== undefined && searchValue.length > 0 */}\n {/* ? ( */}\n {/* */}\n {/* */}\n {/* */}\n {/* ) : '' */}\n {/* } */}\n
\n \n {setsGroup.length > 0\n ? setsGroup.map((item, index) => (\n
\n No sets match your filters
}\n\n
\n \n
\n \n
\n \n {\n getTerritoryData(user).isSetMove && getTeamData(user).isSetMove ? (\n
\n \n \n 
\n \n
\n ) : null\n }\n \n {\n this._onSelectedSets(e);\n }}\n >Selected\n \n
\n \n
\n \n this._onDeviceTypeClick(e)}\n >Implant\n \n this._onDeviceTypeClick(e)}\n >Instrument\n \n
\n \n
\n \n this._onProcedureTypeClick(e)}\n >Primary\n \n this._onProcedureTypeClick(e)}\n >Revision\n \n
\n \n onClickGroup()}\n >Group\n {/* {selectedGroup ? selectedGroup.SetGroup : 'Group'} */}\n \n
\n \n onClickComponent()}\n >{selectedComponent ? selectedComponent.Component : 'Component'}\n \n
\n \n
\n \n
\n \n
\n \n {\n Object.keys(setGroup).length > 0\n ? Object.keys(setGroup).map((value, index) => (\n
\n \n
\n )) : {value}
\n- \n {\n setGroup[value].map((data, key) => (\n
- \n {data.SetGroup} {\n (data.SetCnt > 1)\n ? `(${data.SetCnt} Sets)`\n : (data.SetCnt !== null)\n ? `(${data.SetCnt} Set)`\n : `(${data.SetCnt === null ? 0 : ''} Set)`\n }\n \n \n ))\n }\n
No sets group match to your filters
\n }\n\n
\n \n );\n }\n}\n\nexport default SaveSetsModal;\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withSetsSearch from '../../common/withSetsSearch';\nimport withTableName from '../../common/withTableName';\nimport withSelectedSetsPayload from '../../common/withSelectedSetsPayload';\nimport withSetsFilter from '../../common/withSetsFilter';\nimport withPreferenceOptions from '../../common/withPreferenceOptions';\nimport withUser from '../../common/withUser';\nimport withOnline from '../../common/withOnline';\nimport Header from '../../components/Header';\nimport Components from '../../components/ManageCase/Components';\nimport SetsList from '../../components/Sets/SetsList';\nimport { CAPITALIZE, onGoBack } from '../../common/globals';\nimport SetContents from '../../components/Sets/SetContents';\nimport {\n updateTableWiseCaseByCaseId, getTableCaseByCaseId\n} from '../../utils/db';\nimport SetsMasterGroup from '../../components/ManageCase/SetsMasterGroup';\nimport { listSingleCase, updateCase } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport SaveSetsModal from '../../components/Models/SaveSetsModal';\n\nclass Sets extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isComponent: false,\n selectedComponent: '',\n isSetContents: false,\n isSetStatus: false,\n isGroup: false,\n selectedGroup: '',\n caseDetail: {},\n preferenceOptions: {},\n selectedSetsCount: 0\n };\n\n this._onChildSetsSave = null;\n this.setBackModal = null;\n this.caseChangesNoLonger = null;\n this.saveSetsModal = null;\n }\n\n componentDidMount() {\n try {\n this.setBackModal = new window.bootstrap.Modal(\n window.$('#acmProductGoBackModal')\n );\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.saveSetsModal = new window.bootstrap.Modal(window.$('#saveSetsModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetLongPress = (item) => {\n try {\n const { location: { pathname } } = this.props;\n browserHistory.push(`${pathname}/${item.SetName}/set-contents`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedComponent = (selectedComponent) => {\n try {\n const { isComponent } = this.state;\n if (selectedComponent.Component !== '') {\n this.setState({\n selectedComponent, isComponent: !isComponent\n });\n } else {\n this.setState({\n selectedComponent: '', isComponent: !isComponent\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickComponent = () => {\n try {\n const { isComponent, selectedComponent } = this.state;\n if (selectedComponent.Component === undefined) {\n this.setState({\n isComponent: !isComponent\n });\n } else {\n this.setState({\n selectedComponent: ''\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedSetsGroup = (selectedGroup) => {\n try {\n const { isGroup } = this.state;\n if (selectedGroup.SetGroup !== '') {\n this.setState({\n selectedGroup,\n isGroup: !isGroup\n });\n } else {\n this.setState({\n selectedGroup: '',\n isGroup: !isGroup\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickGroup = () => {\n try {\n const { isGroup, selectedGroup } = this.state;\n if (selectedGroup === '') {\n this.setState({\n isGroup: !isGroup\n });\n } else {\n this.setState({\n selectedGroup: ''\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onComponentBack = () => {\n try {\n const { isComponent } = this.state;\n this.setState({\n isComponent: !isComponent\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGroupBack = () => {\n try {\n this.setState({ isGroup: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetContentBack = () => {\n try {\n browserHistory.goBack();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSave = async () => {\n try {\n const {\n params: { id }, online, setLoader, notify, tableName, goBack, user: { name }\n } = this.props;\n const { preferenceOptions } = this.state;\n this._onChildSetsSave(async (sets) => {\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n console.log(sets);\n let newSets = [];\n sets.map((item) => {\n const findIndex = _.findIndex(caseDetail.case_sets,\n { SetName: item.SetName, PreferenceName: item.PreferenceName });\n if (findIndex !== -1) {\n newSets.push({\n ...item,\n CasePlanID: caseDetail.case_sets[findIndex].CasePlanId,\n PreferenceName: caseDetail.case_sets[findIndex].PreferenceName\n });\n } else {\n newSets.push({ ...item, CasePlanID: '' });\n }\n });\n newSets = _.orderBy(newSets, ['CasePlanID'], ['desc']);\n const newUsers = newSets.map(({\n CasePlanID, SetName, PreferenceName, Quantity\n }) => ({\n CasePlanID,\n SetName,\n PreferenceName,\n Quantity: Number(Quantity)\n }));\n caseDetail.selectedSets = newUsers;\n if (Object.keys(preferenceOptions).length > 0) {\n if (preferenceOptions.type === 'append') {\n const comments = caseDetail.Comments && caseDetail.Comments !== null ? caseDetail.Comments : '';\n caseDetail.Comments = preferenceOptions.preferenceComments\n ? `${comments !== '' ? `${comments}\\n` : ''}${preferenceOptions.preferenceComments}`\n : caseDetail.Comments;\n const repNotesValue = caseDetail.RepNotes && caseDetail.RepNotes !== null ? caseDetail.RepNotes : '';\n caseDetail.RepNotes = preferenceOptions.preferenceRepNotes\n ? `${repNotesValue !== '' ? `${repNotesValue}\\n` : ''}${preferenceOptions.preferenceRepNotes}`\n : caseDetail.RepNotes;\n } else {\n caseDetail.Comments = preferenceOptions.preferenceComments;\n caseDetail.RepNotes = preferenceOptions.preferenceRepNotes;\n }\n }\n if (online) {\n setLoader(true);\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_sets\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID: (PatientID !== null) ? (PatientID.toUpperCase()) : null,\n ProcedureType,\n CaseType,\n Side,\n Comments: (Comments !== null) ? CAPITALIZE(Comments) : null,\n RepNotes: (RepNotes !== null) ? CAPITALIZE(RepNotes) : null,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets,\n case_sets\n };\n const compareValue = await this.compareUpdatedValue();\n if (compareValue) {\n subset.Submitted = '0';\n subset.Synced = (subset.Synced === '1' ? '0' : subset.Synced);\n }\n await updateCase(subset);\n setLoader(false);\n const caseRes = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = caseRes;\n if (status) {\n const caseDetails = caseRes.data[0];\n caseDetails.id = parseInt(id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // this._onSetBack();\n onGoBack(goBack);\n } else {\n notify({ type: 'error', message });\n }\n } else {\n notify({\n type: 'warn',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n compareUpdatedValue = async () => {\n const { caseDetail } = this.state;\n let oldSets = [];\n oldSets = caseDetail.case_sets.map(\n ({ Quantity, DeviceType, SetName }) => ({ Quantity: Number(Quantity), DeviceType, SetName })\n );\n let newSets = [];\n this._onChildSetsSave(async (selectedSets) => {\n const filteredSets = selectedSets.filter((item) => item.Quantity > 0);\n newSets = filteredSets.map(\n ({ Quantity, DeviceType, SetName }) => (\n { Quantity: Number(Quantity), DeviceType, SetName })\n );\n });\n if (JSON.stringify(newSets) === JSON.stringify(oldSets)) {\n return false;\n }\n return true;\n }\n\n _onSetBack = () => {\n try {\n const { goBack, setSetsSearch, setSetsFilter } = this.props;\n const { caseDetail } = this.state;\n let oldSets = [];\n oldSets = caseDetail.case_sets.map(\n ({ Quantity, DeviceType, SetName }) => ({ Quantity: Number(Quantity), DeviceType, SetName })\n );\n this._onChildSetsSave(async (selectedSets) => {\n selectedSets = selectedSets.map(\n ({ Quantity, DeviceType, SetName }) => (\n { Quantity: Number(Quantity), DeviceType, SetName })\n );\n if (JSON.stringify(selectedSets) !== JSON.stringify(oldSets)) {\n this.setBackModal.show();\n } else {\n onGoBack(goBack);\n setSetsFilter({});\n setSetsSearch({});\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBackCancel = () => {\n try {\n const { goBack, setSetsSearch } = this.props;\n setSetsSearch({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveSet = () => {\n try {\n const {\n online, notify, setSetsFilter, setSetsSearch\n } = this.props;\n setSetsFilter({});\n setSetsSearch({});\n this._onChildSetsSave(async (selectedSets) => {\n if (!online) {\n notify({\n type: 'warning',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n let selectedSetsCount = 0;\n selectedSets = selectedSets.map(({ Quantity, DeviceType, SetName }) => {\n if (typeof Quantity !== 'undefined' && Number(Quantity) > 0) {\n selectedSetsCount += Number(Quantity);\n }\n return {\n Quantity,\n DeviceType,\n SetName\n };\n });\n\n console.log(selectedSetsCount);\n\n // this.setState({ selectedSetsCount, selectedSets }, () => {\n // this.saveSetsModal.show();\n // });\n\n this.setState({ selectedSets }, () => {\n this.saveSetsModal.show();\n });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeSetView = () => {\n try {\n const { isSetContents, isSetStatus } = this.state;\n const { location: { pathname } } = this.props;\n const routeComponents = pathname.split('/');\n if (isSetContents) {\n routeComponents.splice(routeComponents.length - 1, 1, 'set-status');\n }\n if (isSetStatus) {\n routeComponents.splice(routeComponents.length - 1, 1, 'set-contents');\n }\n browserHistory.replace(routeComponents.join('/'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetSetsCount = async (quantity) => {\n try {\n this.setState({ selectedSetsCount: quantity });\n } catch (e) {\n }\n }\n\n UNSAFE_componentWillUpdate(nextProps, nextState) {\n const { location: { pathname } } = nextProps;\n if (pathname.includes('set-contents')) {\n nextState.isSetContents = true;\n nextState.isSetStatus = false;\n return;\n }\n if (pathname.includes('set-status')) {\n nextState.isSetStatus = true;\n nextState.isSetContents = false;\n return;\n }\n nextState.isSetStatus = false;\n nextState.isSetContents = false;\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n params: { id }, tableName, preferenceOptions,\n setsFilter: { selectedComponent = '', selectedGroup = '' }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({\n caseDetail, preferenceOptions, selectedComponent, selectedGroup\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { params: { id, setName } } = this.props;\n const {\n isSetContents, isSetStatus, isComponent, selectedComponent, isGroup,\n selectedGroup, caseDetail, selectedSetsCount\n } = this.state;\n return (\n \n
\n \n {\n setsSave\n ?
\n {`You have planned a total of ${selectedSetsCount} ${selectedSetsCount > 1 ? 'sets' : 'set'}. Is this correct?`}
\n :{`You have selected a total of ${selectedSetsCount} ${selectedSetsCount > 1 ? 'sets' : 'set'}. Is this correct?`}
\n }\n\n
\n \n
\n \n \n
\n \n onSave()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default withGoBack(withPreferenceOptions(\n withSelectedSetsPayload(PreferenceOptions)\n));\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport { browserHistory, Link } from 'react-router';\nimport _ from 'lodash';\nimport moment from 'moment';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withTableName from '../../common/withTableName';\nimport Header from '../../components/Header';\nimport PreferenceOptions from '../../components/Models/PreferenceOptions';\nimport withSetsListStateStorage from '../../common/withSetsListStateStorage';\nimport withPreferenceOptions from '../../common/withPreferenceOptions';\nimport { onGoBack } from '../../common/globals';\nimport { getTableCaseByCaseId, getAllPreferences } from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport withSelectedSetsPayload from '../../common/withSelectedSetsPayload';\n\nclass SetsPreferences extends Component {\n constructor(props) {\n super(props);\n this.state = {\n setsPreferences: [],\n CaseRes: '',\n selectedPreference: [],\n selectedSetsCount: 0\n };\n this.preferenceOptionsModal = null;\n this.caseChangesNoLonger = null;\n }\n\n componentDidMount() {\n try {\n this.preferenceOptionsModal = new window.bootstrap.Modal(window.$('#preferenceOptionsModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getPreferenceData = async () => {\n try {\n const { CaseRes } = this.state;\n const getPreferencesRes = await getAllPreferences();\n if (CaseRes !== undefined) {\n const getCaseTypePreferenceList\n = getPreferencesRes.filter((item) => item.CaseType === CaseRes.CaseType);\n const newPreferenceArray = getCaseTypePreferenceList.filter(\n (item) => (item.PreferenceName !== '' && item.PreferenceName !== null)\n );\n const groups = _.groupBy(newPreferenceArray, 'PreferenceName');\n this.setState({\n setsPreferences: groups\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenPreferenceOptionsPopup = async (data) => {\n try {\n const {\n setsPreferences, selectedSetsCount, CaseRes\n } = this.state;\n const { params: { id }, tableName, setSelectedSetsPayload } = this.props;\n\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n if (selectedSetsCount === 0\n && (CaseRes.Comments === null || CaseRes.Comments === '')\n && (CaseRes.RepNotes === null || CaseRes.RepNotes === '')) {\n const {\n setPreferenceOptions, goBack\n } = this.props;\n const preferenceOptions = {};\n let preferenceComments = {};\n let preferenceRepNotes = {};\n\n setSelectedSetsPayload([...setsPreferences[data]]);\n\n setsPreferences[data].map((set) => {\n set.CasePlanID = '';\n const {\n SetName, Quantity, Comments, RepNotes\n } = set;\n preferenceOptions[SetName] = Number(Quantity);\n preferenceComments = Comments;\n preferenceRepNotes = RepNotes;\n });\n setPreferenceOptions({\n data: preferenceOptions, type: 'append', preferenceComments, preferenceRepNotes\n });\n this.preferenceOptionsModal.hide();\n browserHistory.push(`/manage-case/${CaseRes.id}/sets`);\n onGoBack(goBack);\n } else {\n this.preferenceOptionsModal.show();\n }\n this.setState({\n selectedPreference: setsPreferences[data]\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onHidePreferenceOption = () => {\n try {\n this.preferenceOptionsModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { params: { id }, tableName, setsListStateStorage } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n this.setState({\n CaseRes: caseRes\n });\n let selectedSetsCount = 0;\n if (Object.keys(setsListStateStorage).length > 0) {\n const setQty = Object.values(setsListStateStorage.selectedSetsQty);\n setQty.map((value) => {\n selectedSetsCount += Number(value);\n });\n } else {\n caseRes.case_sets.map(({ Quantity }) => {\n selectedSetsCount += Number(Quantity);\n });\n }\n this.setState({ selectedSetsCount });\n await this._getPreferenceData();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n setsPreferences, CaseRes, selectedPreference, selectedSetsCount\n } = this.state;\n const { goBack } = this.props;\n let caseDate;\n if (CaseRes !== undefined) {\n caseDate = moment(CaseRes.CaseDate).format('YYYY-MM-DD');\n }\n return (\n <>\n \n
\n \n
\n Preference Options
\n {\n (!dateRes)\n ? (\n{`You have ${selectedSetsCount} ${selectedSetsCount > 1 ? 'sets' : 'set'} selected for this case. You can either replace or append to these sets/notes`}\n
\n )\n : (\n{`You have ${selectedSetsCount} ${selectedSetsCount > 1 ? 'sets' : 'set'} selected for this case.It will append to these sets/notes.`}\n
\n )\n }\n\n\n {\n (!dateRes)\n ? (\n
\n \n
\n )\n : (\n \n \n
\n \n \n
\n \n \n
\n \n
\n )\n }\n \n \n
\n \n \n
\n \n
\n - \n {\n Object.keys(setsPreferences).length > 0\n ? Object.keys(setsPreferences).map((key, index) => (\n
- {key} \n \n )) :
No Preferences Found.
\n }\n\n
\n \n );\n }\n}\n\nexport default XrayDeleteConfirmation;\n","import React, { Component } from 'react';\n\nclass PdfNotDownloaded extends Component {\n render() {\n return (\n \n
\n \n
\n Delete?
\n{`Are you sure you want to remove \n X-ray ${xRayData.Name}?`}\n
\n\n
\n \n
\n \n No\n \n
\n \n onDeleteXray(xRayData)}\n >Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default PdfNotDownloaded;\n","import React, { Component } from 'react';\nimport { Link, browserHistory } from 'react-router';\nimport { reduxForm } from 'redux-form';\nimport _ from 'lodash';\n// import Lightbox from 'react-image-lightbox';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withUser from '../../common/withUser';\nimport withOnline from '../../common/withOnline';\nimport withTableName from '../../common/withTableName';\nimport {\n getSelectedTeamName,\n onGoBack\n} from '../../common/globals';\nimport Header from '../../components/Header';\nimport {\n caseXraysList,\n generateTimedURL,\n listSingleCase,\n removeXray,\n generateBulkTimedURL\n} from '../../utils/utils';\nimport {\n updateTableCaseByPrimaryId,\n getTableCaseByCaseId\n} from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport XrayDeleteConfirmation from '../../components/Models/XrayDeleteConfirmation';\nimport PdfIcon from '../../assets/images/file-pdf-box.png';\nimport FileIcon from '../../assets/images/file-document-outline.png';\nimport PdfNotDownloaded from '../../components/Models/PdfNotDownloaded';\nimport ImageWithLoader from '../../components/ImageWithLoader.js';\n\nclass Xray extends Component {\n constructor(props) {\n super(props);\n this.state = {\n xRayData: [],\n selectedXrayValue: [],\n xRayFileUrlData: [],\n photoIndex: 0,\n isOpen: false,\n showLightBox: false,\n screenWidth: ''\n };\n this.XrayDelete = null;\n this.PdfNotDownloaded = null;\n }\n\n componentDidMount() {\n try {\n this.XrayDelete = new window.bootstrap.Modal(window.$('#xrayDeleteModal'));\n this.PdfNotDownloaded = new window.bootstrap.Modal(window.$('#pdfNotDownloadedModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width });\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onUpload = () => {\n try {\n const { params: { id } } = this.props;\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/x-ray/upload`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getXrayLists = async () => {\n try {\n const {\n notify, setLoader, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (online) {\n setLoader(true);\n caseXraysList(caseDetailsRes.CaseScheduleID).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n const sortXrayRes = data !== undefined ? data.sort((a, b) => a - b).reverse() : [];\n if (sortXrayRes.length > 0) {\n this._getFiles(sortXrayRes);\n }\n this.setState({ xRayData: sortXrayRes });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n setLoader(true);\n // Get the xRayData list if user is offline\n const data = caseDetailsRes.case_xrays;\n const sortXrayRes = data !== undefined ? data.sort((a, b) => a - b).reverse() : [];\n this.setState({ xRayData: sortXrayRes });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _openImage = async (XrayId) => {\n try {\n const { user, setLoader, notify } = this.props;\n const generateTimedURLData = {\n team: await getSelectedTeamName(),\n entity_type: 'xrays',\n entity_id: XrayId,\n token: user.token,\n key: user.userKey\n };\n setLoader(true);\n generateTimedURL(generateTimedURLData).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n window.open(data, '', 'width=900, height=900');\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenXrayDeletePopup = (data) => {\n try {\n this.XrayDelete.show();\n this.setState({\n selectedXrayValue: data\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveXray = async (data) => {\n try {\n const {\n notify, setLoader, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n setLoader(true);\n removeXray(data.XRayID).then(async (responseJson) => {\n // setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n const singleCaseRes = await listSingleCase(caseDetailsRes.CaseScheduleID);\n singleCaseRes.data[0].CaseDate = caseDetailsRes.CaseDate;\n singleCaseRes.data[0].CaseTime = caseDetailsRes.CaseTime;\n // await updateCase(singleCaseRes.data[0]);\n await updateTableCaseByPrimaryId(caseDetailsRes.id, singleCaseRes.data[0], tableName);\n await this._getXrayLists();\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getFiles = async (sortXrayRes) => {\n const XrayIds = sortXrayRes.length > 0 ? sortXrayRes.map((res) => res.XRayID) : [];\n if (XrayIds.length > 0) {\n try {\n const { user, setLoader, notify } = this.props;\n const generateTimedURLData = {\n team: await getSelectedTeamName(),\n entity_type: 'xrays',\n entity_id: JSON.stringify(XrayIds),\n token: user.token,\n key: user.userKey\n };\n setLoader(true);\n generateBulkTimedURL(generateTimedURLData).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n const fileData = data.map((file) => {\n const profile = sortXrayRes.find((d) => (file.entity_id === d.XRayID));\n // const newItem = { fileType: profile.Filename };\n // boxData.push();\n const fileext = profile.Filename.split('.').pop();\n const docData = {\n src: file.url,\n entity_id: file.entity_id,\n title: profile.Name,\n fileType: fileext.toLowerCase() === 'pdf' ? 'pdf' : fileext.toLowerCase() === 'txt' ? 'txt' : 'image',\n order: fileext.toLowerCase() === 'pdf' ? 1 : 0\n };\n return docData;\n });\n // const sortFileData = _.orderBy(fileData, ['order'], ['desc']);\n const sortFilesData = _.chain(fileData)\n .orderBy(['order'], ['desc'])\n .groupBy('fileType')\n .map((value, key) => ({ type: key, files: value }))\n .value();\n this.setState({ xRayFileUrlData: sortFilesData });\n // window.open(data, '', 'width=900, height=900');\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n }\n\n _openLightbox = (image) => {\n window.open(image.src, '_blank');\n // this.setState({ photoIndex: index, isOpen: true });\n };\n\n _closeLightbox = () => {\n this.setState({ photoIndex: 0, isOpen: false });\n };\n\n _gotoPrevious = (index, imgLength) => {\n const phIndex = (index + imgLength.length - 1) % imgLength.length;\n if (phIndex >= 0) {\n this.setState({ photoIndex: phIndex });\n }\n };\n\n _gotoNext = (index, imgLength) => {\n const phIndex = (index + 1) % imgLength.length;\n if (phIndex >= 0) {\n this.setState({ photoIndex: phIndex });\n }\n };\n\n _onCopyXray = (data) => {\n try {\n const { notify } = this.props;\n navigator.clipboard.writeText(data.src);\n notify({ type: 'success', message: 'URL Copied' });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickTextFile = () => {\n try {\n this.PdfNotDownloaded.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n this._getXrayLists();\n await this._getScreenWidth();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { goBack } = this.props;\n const {\n xRayData, selectedXrayValue, xRayFileUrlData, screenWidth,\n // photoIndex, isOpen,\n } = this.state;\n return (\n \n
\n \n
\n PDF not downloaded yet!
\n\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n {\n (xRayData.length === 0)\n ? (\n 800 ? 'desktop-xRay-copyBtn' : 'mobile-xRay-copyBtn'}`}\n onClick={\n () => this._onCopyXray(ig)\n }\n >\n \n this._onOpenXrayDeletePopup(res[0])\n }\n >\n \n \n {ig.title}\n \n );\n })\n }\n {/* {isOpen && ( */}\n {/* \n f.type === 'image')[0].files[photoIndex].src} */}\n {/* nextSrc={xRayFileUrlData\n .filter((f) => f.type === 'image')[0]\n .files[photoIndex].src[(photoIndex + 1)\n % xRayFileUrlData.filter((f) => f.type === 'image')\n [0].files.length]} */}\n {/* prevSrc={\n xRayFileUrlData\n .filter((f) => f.type === 'image')[0]\n .files[photoIndex].src[\n (photoIndex + xRayFileUrlData.filter(\n (f) => f.type === 'image')[0].files.length - 1)\n % xRayFileUrlData.filter(\n (f) => f.type === 'image')[0].files.length]} */}\n {/* onCloseRequest={() => this._closeLightbox()} */}\n {/* onMovePrevRequest={\n () => this._gotoPrevious(photoIndex,\n xRayFileUrlData.filter(\n (f) => f.type === 'image')[0].files)} */}\n {/* onMoveNextRequest={\n () => this._gotoNext(photoIndex,\n xRayFileUrlData.filter(\n (f) => f.type === 'image')[0].files)} */}\n {/* /> */}\n {/* )} */}\n \n ) : ''\n }\n \n ) :
\n )\n }\n\n \n ![\"icon\"](\"/assets/images/empty-xrays.png\")
\n
\n )\n : (\n \n No x-rays have been
uploaded for this case.
\n
\n {xRayData !== undefined ? `X-rays: ${xRayData.length}` : 'X-rays: 0'}
\n {\n (xRayData.length > 0 && xRayFileUrlData.length > 0)\n ? (\n- \n {\n xRayFileUrlData.filter((f) => f.type === 'pdf').length > 0\n ? xRayFileUrlData.filter((f) => f.type === 'pdf')[0].files.map((pdf, k) => {\n const res = xRayData.filter(\n (d) => d.XRayID === pdf.entity_id\n );\n return (\n <>\n
- \n \n \n \n {pdf.title}\n \n );\n }) : ''\n }\n {\n xRayFileUrlData.filter((f) => f.type === 'txt').length > 0\n ? xRayFileUrlData.filter((f) => f.type === 'txt')[0].files.map((txt, k) => {\n const res = xRayData.filter(\n (d) => d.XRayID === txt.entity_id\n );\n return (\n <>\n
- \n this._onClickTextFile(txt)} className=\"items text-center\" key={k}>\n \n \n {txt.title}\n \n );\n }) : ''\n }\n {\n xRayFileUrlData.filter((f) => f.type === 'image').length > 0\n ? (\n <>\n {\n xRayFileUrlData.filter((f) => f.type === 'image')[0].files.map((ig, i) => {\n // eslint-disable-next-line max-len\n const res = xRayData.filter((d) => d.XRayID === ig.entity_id);\n return (\n <>\n
- \n
No X-ray found
\n }\n \n
\n Note: All attachments will be deleted
\n 30 days after the case date.\n
\n \n \n
\n \n
\n \n
\n \n
\n \n Planned / Selected\n \n Used In Surgery\n \n
\n \n
\n );\n}\n","import React from 'react';\nimport { Link } from 'react-router';\nimport moment from 'moment';\n\nexport default function Selected(props) {\n const { data, caseData, onDelete } = props;\n const _onDelete = function (selectedData) {\n onDelete(selectedData);\n };\n\n return (\n \n {Object.keys(data).length > 0 ? Object.keys(data)\n .map((value, index) => (\n
\n \n
\n )) : \n \n {value === '' ? 'No Component' : (value !== 'undefined' ? value : 'No Component')}\n \n
\n- \n {\n data[value].map((acmProduct, key) => (\n
- \n \n\n\n\n\n\n\n {moment(caseDate) >= moment() ? (\n _onAddSelectedProduct(acmProduct)}>\n \n \n ) : ''}\n\n\n\n\n\n\n\n
{acmProduct.productId}
\n\n {acmProduct.confidence > 0\n && (\n\nAI {acmProduct.confidence}%\n
\n )}\n\n\n{acmProduct.isTemplated === 'false' ? 'Templated' : ''}
\n{acmProduct.ProductDescription}
\n \n ))\n }\n
There are no planned products for this case.
}\n\n
\n );\n}\n","import React, { Component } from 'react';\n\nclass ACMSelectedProduct extends Component {\n render() {\n return (\n \n
\n - \n {\n data.length > 0\n ? data.map((selectData, key) => (\n selectData.productId !== ''\n && (\n
- \n \n\n\n\n\n\n\n {moment(caseData.CaseDate) >= moment() ? (\n _onDelete(selectData, key)}>\n \n \n ) : ''}\n\n\n\n\n\n\n\n \n \n
{selectData.productId.startsWith('null') ? selectData.productId.split('null') : selectData.productId}
\n{selectData.ProductDescription}
\n \n )\n )) :
There are no selected products for this case.
\n }\n\n
\n \n );\n }\n}\n\nexport default ACMSelectedProduct;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\n\nclass SelectProduct extends Component {\n constructor(props) {\n super(props);\n this.selectProductModal = null;\n }\n\n componentDidMount() {\n this.selectProductModal = new window.bootstrap.Modal(window.$('#selectProductModal'));\n }\n\n _onSaveSelectedProduct = () => {\n const {\n product, onSave, caseRes, acmProduct\n } = this.props;\n onSave(product);\n if (acmProduct) {\n browserHistory.push(`/manage-case/${caseRes.id}/acm-products`);\n } else {\n browserHistory.push(`/manage-case/${caseRes.id}/acm-products/select`);\n }\n this.selectProductModal.hide();\n }\n\n render() {\n const { product, onCancel, acmProduct } = this.props;\n return (\n \n
\n \n
\n Only 10 products can be selected.
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default SelectProduct;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport Header from '../../components/Header';\nimport Planned from '../../components/Product/Planned';\nimport Selected from '../../components/Product/Selected';\nimport { onGoBack, sortData } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport {\n getTableCaseByCaseId,\n getProductDescriptionById,\n updateTableCaseByPrimaryId\n} from '../../utils/db';\nimport {\n listSingleCase,\n updateCase,\n updateACMProduct\n} from '../../utils/utils';\nimport withOnline from '../../common/withOnline';\nimport withLoader from '../../common/withLoader';\nimport withNotify from '../../common/withNotify';\nimport withTableName from '../../common/withTableName';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ACMSelectedProduct from '../../components/Models/ACMSelectedProduct';\nimport SelectProduct from '../../components/Models/SelectProduct';\n\nclass AcmProducts extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isPlannedSelect: true,\n selectedData: [],\n plannedData: {},\n caseRes: {},\n selectedProduct: {},\n saveEnable: '',\n caseData: {}\n };\n this.acmProductGoBackModal = null;\n this.acmSelectedProduct = null;\n }\n\n componentDidMount() {\n try {\n this.acmProductGoBackModal = new window.bootstrap.Modal(window.$('#acmProductGoBackModal'));\n this.acmSelectedProduct = new window.bootstrap.Modal(window.$('#acmSelectedProduct'));\n this.selectProductModal = new window.bootstrap.Modal(window.$('#selectProductModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickSave = async () => {\n try {\n const { caseRes } = this.state;\n const {\n online, setLoader, notify, params: { id }, goBack, setGoBack\n } = this.props;\n\n const parts = {\n Parts: (caseRes.ACMSelectedParts !== null) ? caseRes.ACMSelectedParts.split(';') : null\n };\n if (online) {\n setLoader(true);\n updateACMProduct(caseRes.CaseScheduleID, parts).then(async (response) => {\n setLoader(false);\n const { status, message } = response;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n await updateCase(caseRes);\n if (goBack.length >= 2 && goBack[goBack.length - 2].indexOf(`manage-case/${id}`) > -1) {\n // TODO Remove all state and set only /manage-cases\n setGoBack(['/manage-cases']);\n // setGoBack(goBack.splice(goBack.length - 2, 1));\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 2) {\n onGoBack(goBack);\n } else {\n browserHistory.push('/manage-cases');\n }\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectProducts = () => {\n try {\n const { params: { id } } = this.props;\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/acm-products/select`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDelete = async (selectedData) => {\n try {\n const { caseRes } = this.state;\n const { tableName } = this.props;\n const values = caseRes.ACMSelectedParts.split(';');\n const index = values.indexOf(selectedData.productId);\n if (index > -1) {\n values.splice(index, 1);\n }\n caseRes.ACMSelectedParts = caseRes.ACMSelectedParts !== '' ? values.join(';') : null;\n caseRes.Sync = 1;\n await updateTableCaseByPrimaryId(caseRes.id, caseRes, tableName);\n await this._getACMSelectedParts();\n await this._onSaveEnable();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getAMCPlannedParts = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n const plannedArr = [];\n const caseRes = await getTableCaseByCaseId(id, tableName);\n\n if (caseRes && caseRes.ACMPlannedParts !== null) {\n const ACMPlannedArray = caseRes.ACMPlannedParts.split(';');\n ACMPlannedArray.map((value) => {\n plannedArr.push(value.split(','));\n });\n\n const plannedValue = plannedArr.slice(0).map(\n ([productId, bodyComponent, confidence, isTemplated]) => (\n {\n productId,\n bodyComponent,\n confidence,\n isTemplated\n }\n )\n );\n\n const sortPlannedValue = sortData(plannedValue, 'bodyComponent');\n for await (const value of sortPlannedValue) {\n const productRes = await getProductDescriptionById(value.productId);\n value.ProductDescription = productRes;\n value.confidence = Math.round(value.confidence * 100);\n }\n const plannedData = {};\n const promisePlanedValue = sortPlannedValue.map((item) => new Promise((resolve) => {\n if (!plannedData.hasOwnProperty(item.bodyComponent)) {\n plannedData[item.bodyComponent] = [];\n }\n plannedData[item.bodyComponent].push(item);\n resolve(true);\n }));\n\n await Promise.all(promisePlanedValue);\n if (plannedData.length > 0) {\n Object.keys(plannedData).map((data) => {\n const maxValue = Math.max(...plannedData[data].map((o) => o.confidence));\n plannedData[data].map((value) => {\n value.maxValue = maxValue;\n });\n });\n }\n this.setState({\n plannedData, caseRes\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getACMSelectedParts = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n const selectedArr = [];\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (caseRes && caseRes.ACMSelectedParts !== null) {\n const ACMSelectedArray = caseRes.ACMSelectedParts !== []\n ? caseRes.ACMSelectedParts.split(';') : [];\n\n // const newArray = selectedArr.filter((value) => JSON.stringify(value) !== '[\"\"]');\n // const newArray = selectedArr.filter((value) => Object.keys(value).length !== 0);\n ACMSelectedArray.map(async (value) => {\n selectedArr.push({ productId: value });\n });\n for await (const value of selectedArr) {\n const productRes = await getProductDescriptionById(value.productId);\n value.ProductDescription = productRes;\n }\n this.setState({\n selectedData: selectedArr,\n caseRes\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMProductGoBack = async () => {\n try {\n const { goBack, notify, setLoader } = this.props;\n const { caseRes } = this.state;\n setLoader(true);\n const singleCaseRes = await listSingleCase(caseRes.CaseScheduleID);\n setLoader(false);\n const newData = Object.keys(caseRes).length > 0\n && caseRes.ACMSelectedParts !== null ? caseRes.ACMSelectedParts.split(';') : null;\n const { message, status, data } = singleCaseRes;\n if (status) {\n const oldData = data !== undefined && data[0].ACMSelectedParts !== null ? data[0].ACMSelectedParts.split(';') : null;\n if (JSON.stringify(newData) === JSON.stringify(oldData)) {\n this.acmProductGoBackModal.hide();\n onGoBack(goBack);\n } else {\n this.acmProductGoBackModal.show();\n }\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancel = async () => {\n try {\n const {\n goBack, params: { id }, tableName, setLoader\n } = this.props;\n const { caseRes } = this.state;\n let singleCaseRes = {};\n setLoader(true);\n singleCaseRes = await listSingleCase(caseRes.CaseScheduleID);\n setLoader(false);\n const oldData = singleCaseRes.data[0];\n setLoader(true);\n await updateCase(oldData);\n setLoader(false);\n await updateTableCaseByPrimaryId(Number(id), oldData, tableName);\n await this._getACMSelectedParts();\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddSelectedProduct = async (data) => {\n try {\n const { selectedData } = this.state;\n // const { params: { id }, tableName } = this.props;\n if (selectedData.length >= 10) {\n this.acmSelectedProduct.show();\n return;\n }\n this.selectProductModal.show();\n this.setState({\n selectedProduct: data\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSave = async () => {\n try {\n const { caseRes, selectedProduct } = this.state;\n const { params: { id }, tableName } = this.props;\n let selectedValue = caseRes.ACMSelectedParts;\n if (selectedValue !== null) {\n selectedValue += `${(caseRes.ACMSelectedParts === null)\n ? selectedProduct.productId : `;${selectedProduct.productId}`}`;\n } else {\n selectedValue = selectedProduct.productId;\n }\n caseRes.ACMSelectedParts = selectedValue;\n await updateTableCaseByPrimaryId(Number(id), caseRes, tableName);\n await this._getACMSelectedParts();\n await this._onSaveEnable();\n this.selectProductModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAcmFlagDetails = async () => {\n try {\n const { params: { id } } = this.props;\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/acm-products/acmFlagDetails`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveEnable = async () => {\n try {\n const { notify, setLoader } = this.props;\n const { caseRes } = this.state;\n setLoader(true);\n const singleCaseRes = await listSingleCase(caseRes.CaseScheduleID);\n setLoader(false);\n const newData = Object.keys(caseRes).length > 0\n && caseRes.ACMSelectedParts !== null ? caseRes.ACMSelectedParts.split(';') : null;\n const { message, status, data } = singleCaseRes;\n if (status) {\n const oldData = data !== undefined && data[0].ACMSelectedParts !== null ? data[0].ACMSelectedParts.split(';') : null;\n if (JSON.stringify(newData) === JSON.stringify(oldData)) {\n this.setState({\n saveEnable: ''\n });\n } else {\n this.setState({\n saveEnable: 'Save'\n });\n }\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getById = async () => {\n try {\n const {\n params: { id }, tableName, online\n } = this.props;\n if (online) {\n const caseResponse = await getTableCaseByCaseId(id, tableName);\n // console.log(caseRes);\n this.setState({\n caseData: caseResponse,\n caseRes: caseResponse\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n params: { id }\n } = this.props;\n if (id) {\n await this._getById();\n }\n await this._getAMCPlannedParts();\n await this._getACMSelectedParts();\n await this._onSaveEnable();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n isPlannedSelect, plannedData, selectedData, caseRes,\n selectedProduct, saveEnable, caseData: { ACMCaseFlags }\n } = this.state;\n\n _.remove(selectedData, (detail) => (_.isEmpty(detail.productId)\n && _.isEmpty(detail.ProductDescription)));\n return (\n \n
\n \n
\n Select this product?
\n{acmProduct ? product.productId : product.ProductNo}
\n {product.ProductDescription}\n
\n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n {(ACMCaseFlags !== null && ACMCaseFlags !== undefined && ACMCaseFlags !== '')\n ? (\n
\n {\n isPlannedSelect\n ? (\n \n \n *** ACM Flag ***\n \n
\n )\n : ''}\n {\n caseRes.ACMAIVersion === 'GENERIC'\n && (\n \n \n
\n )\n }\n\n \n
\n \n
\n \n \n \n
\n \n
\n \n Selected:\n \n {selectedData.length}\n \n
\n \n
\n \n
\n \n
\n \n {\n moment(caseRes.CaseDate) >= moment()\n ? (\n \n Select Products\n \n ) : ''\n }\n
\n \n
\n \n );\n }\n}\n\nexport default ProductNotSave;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport Header from '../../components/Header';\nimport { onGoBack } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport { getHospitalByCustomerNo, getTableCaseByCaseId, updateTableWiseCaseByCaseId } from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport withTableName from '../../common/withTableName';\nimport withOnline from '../../common/withOnline';\nimport withLoader from '../../common/withLoader';\nimport withNotify from '../../common/withNotify';\nimport withUser from '../../common/withUser';\n// import SelectFileOrTakePhoto from '../../components/Models/SelectFileOrTakePhoto';\nimport { listSingleCase, updateCase, uploadDgr } from '../../utils/utils';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport VelysLogoBlue from '../../assets/images/VELYS-Logo-Blue.png';\n// import TakePhotoModal from '../../components/Models/TakePhotoModal';\nimport ProductNotSave from '../../components/Models/ProductNotSave';\n\nclass ProductList extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n productsData: [],\n productNotes: '',\n dgrsCount: 0,\n dgrKey: '',\n caseRes: {},\n NeedPrice: false,\n hospitalNeedPrice: false,\n PriceSheet: false,\n };\n // this.selectFileOrTakePhoto = null;\n // this.takePhotoModal = null;\n this.caseChangesNoLonger = null;\n this.ProductNotSaveModal = null;\n }\n\n componentDidMount() {\n try {\n // this.selectFileOrTakePhoto =\n // new window.bootstrap.Modal(window.$('#selectFileOrTakePhoto'));\n // this.takePhotoModal = new window.bootstrap.Modal(window.$('#takePhotoModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.ProductNotSaveModal = new window.bootstrap.Modal(window.$('#ProductNotSaveModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getProductList = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n // const caseRes = await getCaseByCaseId(id);\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (caseRes && caseRes.case_products.length > 0) {\n this.setState({\n productsData: caseRes.case_products,\n productNotes: caseRes.ProductNotes,\n dgrKey: caseRes.DGR\n });\n } else {\n this.setState({\n productsData: caseRes.case_products,\n productNotes: caseRes.ProductNotes,\n dgrKey: caseRes.DGR\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getDgrsCount = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (caseRes) {\n this.setState({\n dgrsCount: caseRes.case_dgrs.length,\n caseRes\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMProductNotes = () => {\n try {\n const { params: { id } } = this.props;\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add/notes`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* _onACMProductDGR = async () => {\n const { params: { id } } = this.props;\n const { dgrsCount } = this.state;\n if (dgrsCount > 0) {\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/dgr`);\n } else {\n this.takePhotoModal.show();\n }\n } */\n\n _onProductAdd = async () => {\n try {\n const { caseData } = this.state;\n if (caseData.DGR === '1') {\n this.ProductNotSaveModal.show();\n } else {\n const {\n params: { id }, tableName, user: { scanner }, notify\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (scanner === false && caseDetailsRes.case_products.length > 0) {\n notify({\n type: 'error',\n message: 'Scanning is not enabled for your account. Please contact your office if you need to scan'\n });\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add`);\n }\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add`);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectImage = async (formData, value) => {\n try {\n const {\n setLoader, notify, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n const body = (value === 'dgr') ? formData : formData.files[0];\n setLoader(true);\n if (online) {\n // this.selectFileOrTakePhoto.hide();\n // this.takePhotoModal.hide();\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // Update into local db\n caseDetailsRes.case_dgrs.push(data);\n await updateCase(caseDetailsRes);\n await updateTableWiseCaseByCaseId(caseDetailsRes.RepCaseNo, caseDetailsRes, tableName);\n this.setState({ OriginalFile: data.OriginalFileName });\n await this._getDgrsCount();\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onTakePhotoFile = async (formData) => {\n try {\n const {\n setLoader, notify, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n const body = formData;\n setLoader(true);\n if (online) {\n this.takePhotoModal.hide();\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // Update into local db\n caseDetailsRes.case_dgrs.push(data);\n await updateCase(caseDetailsRes);\n await updateTableWiseCaseByCaseId(caseDetailsRes.RepCaseNo, caseDetailsRes, tableName);\n await this._getDgrsCount();\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onClickDgrs = () => {\n try {\n const { params: { id }, online, notify } = this.props;\n if (online) {\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/dgr`);\n } else {\n notify({ type: 'error', message: 'DGRs cannot be viewed without an internet connection' });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getById = async () => {\n try {\n const {\n params: { id }, tableName, online\n } = this.props;\n\n let caseRes = await getTableCaseByCaseId(id, tableName);\n const hosptalRes = await getHospitalByCustomerNo(caseRes.CustomerNo);\n this.setState({ hospitalNeedPrice: hosptalRes?.NeedPrice === '1' });\n if (online) {\n if (caseRes !== null) {\n let _ignore;\n // eslint-disable-next-line no-unused-vars\n [caseRes, _ignore] = (await listSingleCase(caseRes.CaseScheduleID)).data;\n }\n }\n // Get case time\n const currentDate = new Date();\n const timeValues = caseRes.CaseTime.split(':');\n const CaseDateTime = currentDate.setHours(timeValues[0], timeValues[1]);\n if (Object.keys(caseRes).length > 0) {\n this.setState({\n selectedCaseId: (caseRes.ACMCaseID === null) ? caseRes.RepCaseNo : `${`${caseRes.RepCaseNo}(ACM)`}`,\n selectedType: caseRes.CaseType,\n selectedSurgeon: caseRes.SurgeonName,\n selectedHospital: caseRes.CustomerName,\n selectedProcedure: caseRes.ProcedureType,\n selectedSide: caseRes.Side,\n selectedCaseTime: new Date(CaseDateTime),\n selectedGender: caseRes.Gender,\n selectedCaseDate: new Date(caseRes.CaseDate.replace(/-/g, '/')),\n customerNo: caseRes.CustomerNo,\n RepNotes: caseRes.RepNotes,\n Comments: caseRes.Comments,\n NeedPrice: caseRes.NeedPrice === '1',\n PriceSheet: caseRes.PriceSheet === '1',\n }, () => {\n this.setState({ fixCaseData: { ...caseRes, ...this.state } });\n });\n Object.keys(caseRes).map((key) => {\n if (key === 'RepCaseNo' && caseRes.ACMCaseID !== null) {\n const RepCaseNo = `${`${caseRes.RepCaseNo} (ACM)`}`;\n caseRes.RepCaseNo = RepCaseNo;\n }\n });\n this.setState({\n caseData: caseRes,\n manageCaseData: { ...caseRes },\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickNeedPrice = async () => {\n const { NeedPrice, caseData } = this.state;\n const submitData = {\n ...caseData,\n NeedPrice: !NeedPrice\n };\n await updateCase(submitData);\n try {\n this.setState({\n NeedPrice: !NeedPrice\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickProductNotSave = async () => {\n try {\n const { goBack, params: { id } } = this.props;\n onGoBack(goBack);\n this.ProductNotSaveModal.hide();\n browserHistory.push(`/manage-case/${id}`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n params: { id }, setLoader\n } = this.props;\n setLoader(true);\n if (id) {\n await this._getById();\n }\n await this._getProductList();\n await this._getDgrsCount();\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { goBack } = this.props;\n const {\n productsData, productNotes, dgrsCount, dgrKey, caseRes, NeedPrice, PriceSheet,\n hospitalNeedPrice\n } = this.state;\n return (\n \n
\n \n {\n onMessage !== ''\n ? (\n
\n {onMessage}
\n )\n : (\n\n Products have already been processed for this case.\n Ask the office to reopen the case in order to submit additional products.\n
\n )\n }\n\n
\n \n
\n \n onClickYes()}\n >OK\n \n
\n \n
\n \n
\n \n
\n \n
\n Products: {productsData.length}
\n\n {\n caseRes.VelysUsed !== null\n && (\n
\n \n \n
\n )\n }\n {caseRes.VelysUsed === 'YES' ? 'Used' : 'Not Used'}
\n\n {\n !PriceSheet && hospitalNeedPrice && (\n
\n \n
\n )\n }\n \n
\n \n
\n - \n {\n productsData && productsData.map((product, key) => (\n
- \n \n\n\n\n\n\n
{product.ProductNo}
\n\n\n{product.LotNo}
\n{product.ProductDescription}
\n \n ))\n }\n
\n
\n \n
\n \n
\n \n Notes\n \n \n DGRs: {dgrsCount}\n \n
\n \n \n {streaming\n && (\n <>\n \n
\n );\n};\n\nexport default TakePhotoModal;\n","import React, { Component } from 'react';\nimport TakePhotoModal from './TakePhotoModal';\n\nclass SelectFileOrTakePhoto extends Component {\n constructor(props) {\n super(props);\n this.takePhotoModal = null;\n }\n\n componentDidMount() {\n this.takePhotoModal = new window.bootstrap.Modal(window.$('#takePhotoModal'));\n }\n\n _onOpen = () => {\n document.getElementById('uploadDGREle').click();\n }\n\n _onTakePhotoFile = (imageData) => {\n const { onTakePhoto } = this.props;\n onTakePhoto(imageData, 'dgr');\n this.takePhotoModal.hide();\n }\n\n render() {\n const { onSelectImage } = this.props;\n return (\n captureImage()} />\n \n \n )}\n
\n );\n}\n\nexport default ImageCapture;\n","import React, {\n useState, useCallback, useEffect,\n} from 'react';\nimport { browserHistory } from 'react-router';\nimport ImageCapture from '../ImageCapture';\nimport { isMobile } from '../../common/globals';\n\nconst TakePhotoModal = ({\n onTakePhotoFile, params, id\n}) => {\n const [cameraError, setCameraError] = useState(false);\n const [showCamera, setShowCamera] = useState(false);\n const [imgSrc, setImgSrc] = useState(null);\n const [imgFile, setImgFile] = useState(null);\n const [facingMode, setFacingMode] = useState(true);\n\n useEffect(() => {\n const takePhotoModal = document.getElementById('takePhotoModal');\n takePhotoModal.addEventListener('show.bs.modal', () => {\n setShowCamera(true);\n setImgSrc(null);\n });\n takePhotoModal.addEventListener('hide.bs.modal', () => {\n setShowCamera(false);\n });\n }, []);\n\n const onCapture = (imageData) => {\n // read as webP\n setImgSrc(imageData.webP);\n setImgFile(\n new File([imageData.blob], `${new Date().getTime()}.png`, { type: 'image/png' })\n );\n setShowCamera(false);\n };\n\n const onError = useCallback(() => {\n // alert(JSON.stringify(error));\n setCameraError(true);\n }, []);\n\n const onSuccess = useCallback(() => {\n setCameraError(false);\n }, []);\n\n const _onUsePhoto = (() => {\n onTakePhotoFile(imgFile, 'dgr');\n setImgSrc(null);\n setShowCamera(false);\n });\n\n const _onFlipCamera = (() => {\n setFacingMode(!facingMode);\n setShowCamera(true);\n });\n\n const _onRetake = (() => {\n setImgSrc(null);\n setShowCamera(true);\n });\n\n const onClickCancel = () => {\n if (params === 'products/add') {\n browserHistory.push(`/manage-case/${id}/products/dgr`);\n }\n };\n\n return (\n \n
\n \n {/*
\n */}\n {/*
*/}\n Take photo
*/}\n {/*\n
\n \n {\n cameraError && (\n
\n \n There was an error with accessing the camera to take photo.\n
\n )\n }\n {showCamera && (\n \n
\n )}\n {imgSrc && (\n \n 
\n
\n )}\n \n
\n \n {!imgSrc && (\n <>\n
\n \n Cancel\n \n
\n {\n isMobile\n && (\n \n Camera Flip\n \n
\n )\n }\n \n )}\n {imgSrc && (\n <>\n \n Retake\n \n
\n \n Use Photo\n \n
\n \n )}\n \n
\n \n
\n \n
\n Select Type
\nChoose option for upload picture.
\n\n
\n \n
\n \n {\n this.takePhotoModal.show();\n }}\n >Take Photo\n \n
\n \n onSelectImage(e.target)} className=\"d-none\" />\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default DGRDelete;\n","import React, { Component } from 'react';\n// import { Link } from 'react-router';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withOnline from '../../common/withOnline';\nimport withTableName from '../../common/withTableName';\nimport {\n onGoBack,\n getSelectedTeamName\n} from '../../common/globals';\nimport {\n caseDgrsList,\n uploadDgr,\n removeDgr,\n generateTimedURL,\n listSingleCase,\n updateCase\n} from '../../utils/utils';\nimport withUser from '../../common/withUser';\nimport {\n updateTableWiseCaseByCaseId,\n updateTableCaseByPrimaryId,\n getTableCaseByCaseId,\n getTeams\n} from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport SelectFileOrTakePhoto from '../../components/Models/SelectFileOrTakePhoto';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport DGRDelete from '../../components/Models/DGRDelete';\n\nclass Dgr extends Component {\n constructor(props) {\n super(props);\n this.state = {\n DRGLists: [],\n DGRData: {},\n DGR: ''\n };\n // this.selectFileOrTakePhoto = null;\n // this.takePhotoModal = null;\n this.caseChangesNoLonger = null;\n this.DGRDelete = null;\n }\n\n componentDidMount() {\n try {\n // this.selectFileOrTakePhoto =\n // new window.bootstrap.Modal(window.$('#selectFileOrTakePhoto'));\n // this.takePhotoModal = new window.bootstrap.Modal(window.$('#takePhotoModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.DGRDelete = new window.bootstrap.Modal(window.$('#DGRDeleteModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectImage = async (formData) => {\n try {\n const {\n setLoader, notify, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n const body = formData.files[0];\n\n if (!(/\\.(gif|jpg|jpeg|tiff|png|pdf|heic)$/i).test(body.name)) {\n notify({ type: 'error', message: 'Only images and PDF files are allowed for DGR uploads.' });\n return;\n }\n\n setLoader(true);\n if (online) {\n // this.selectFileOrTakePhoto.hide();\n // this.takePhotoModal.hide();\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const {\n message, data, result\n } = responseJson;\n if (result === 'success') {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // Update into local db\n caseDetailsRes.case_dgrs.push(data);\n caseDetailsRes.DGRUpload = '2';\n // caseDetailsRes.ProductSubmitted = '0';\n // caseDetailsRes.ProductNotes = (\n // caseDetailsRes.ProductNotes === ''\n // || caseDetailsRes.ProductNotes === null\n // || caseDetailsRes.ProductNotes === 'No products used'\n // ) ? '' : caseDetailsRes.ProductNotes;\n\n if (\n typeof caseDetailsRes.ProductNotes !== 'undefined'\n && (caseDetailsRes.ProductNotes === '' || caseDetailsRes.ProductNotes === null)\n ) {\n caseDetailsRes.ProductNotes = 'No products used';\n }\n\n delete caseDetailsRes.FFFDate;\n delete caseDetailsRes.FFFRep;\n delete caseDetailsRes.FFFValue;\n\n await updateCase(caseDetailsRes);\n await updateTableWiseCaseByCaseId(caseDetailsRes.RepCaseNo, caseDetailsRes, tableName);\n this._getDGRLists();\n } else if (result === 'failure') {\n notify({ type: 'error', message });\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _getDGRLists = async () => {\n try {\n const {\n notify, setLoader, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (online) {\n setLoader(true);\n caseDgrsList(caseDetailsRes.CaseScheduleID).then(async (responseJson) => {\n const { status, message, data } = responseJson;\n if (status) {\n const sortDGRRes = data !== undefined ? data.sort((a, b) => a - b).reverse() : [];\n responseJson = await listSingleCase(caseDetailsRes.CaseScheduleID);\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetailsRes.id, 10);\n caseDetails.CaseDate = caseDetailsRes.CaseDate;\n caseDetails.CaseTime = caseDetailsRes.CaseTime;\n // Update into local db\n await updateTableWiseCaseByCaseId(\n caseDetails.id, caseDetails, tableName\n );\n this.setState({ DRGLists: sortDGRRes });\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n setLoader(true);\n // Get the DRGLists list if user is offline\n const data = caseDetailsRes.case_dgrs;\n const sortDGRRes = data !== undefined ? data.sort((a, b) => a - b).reverse() : [];\n this.setState({ DRGLists: sortDGRRes });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onOpenDGRDeletePopup = (data) => {\n try {\n this.setState({\n DGRData: data\n });\n this.DGRDelete.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveDGR = async (data) => {\n try {\n const {\n notify, setLoader, params: { id }, tableName\n } = this.props;\n const teams = await getTeams();\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n setLoader(true);\n removeDgr(data.DGRID).then(async (responseJson) => {\n const { status, message } = responseJson;\n if (status) {\n // notify({ type: 'success', message });\n if ((caseDetailsRes.case_dgrs.length - 1) === 0) {\n if (teams[0].DGRRequired === '6') {\n caseDetailsRes.DGRUpload = '1';\n } else {\n caseDetailsRes.DGRUpload = '0';\n }\n caseDetailsRes.ProductSubmitted = '0';\n await updateCase(caseDetailsRes);\n }\n const singleCaseRes = await listSingleCase(caseDetailsRes.CaseScheduleID);\n console.log(singleCaseRes.data[0]);\n singleCaseRes.data[0].CaseDate = caseDetailsRes.CaseDate;\n singleCaseRes.data[0].CaseTime = caseDetailsRes.CaseTime;\n await updateTableCaseByPrimaryId(caseDetailsRes.id, singleCaseRes.data[0], tableName);\n await this._getDGRLists();\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _openImage = async (DGRId) => {\n try {\n const {\n user, setLoader, notify, online\n } = this.props;\n if (online) {\n const generateTimedURLData = {\n team: await getSelectedTeamName(),\n entity_type: 'dgrs',\n entity_id: DGRId,\n token: user.token,\n key: user.userKey\n };\n setLoader(true);\n generateTimedURL(generateTimedURLData).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n window.open(data, '', 'width=900, height=900');\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectImageFile = () => {\n try {\n this.selectFileOrTakePhoto.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCopyDgr = async (dgrData) => {\n const {\n online, notify, user, setLoader\n } = this.props;\n try {\n if (online) {\n const generateTimedURLData = {\n team: await getSelectedTeamName(),\n entity_type: 'dgrs',\n entity_id: dgrData.DGRID,\n token: user.token,\n key: user.userKey\n };\n setLoader(true);\n generateTimedURL(generateTimedURLData).then((responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n navigator.clipboard.writeText(data);\n notify({ type: 'success', message: 'URL Copied' });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseDgrValue = async () => {\n const { params: { id }, tableName } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n this.setState({ DGR: caseDetailsRes.DGR });\n }\n\n UNSAFE_componentWillMount() {\n try {\n this._getDGRLists();\n this._getCaseDgrValue();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { goBack, params: { id } } = this.props;\n const { DRGLists, DGRData, DGR } = this.state;\n\n return (\n \n
\n \n
\n Delete?
\n{`Are you sure you want to remove \n DGR ${DGRData.DGRNo}?`}\n
\n\n
\n \n
\n \n \n
\n \n onDeleteDgr(DGRData)}\n >\n Yes\n \n
\n \n {\n document.getElementById('uploadDGREle').click();\n }\n }}\n title=\"DGRs\"\n goBack={() => onGoBack(goBack)}\n />\n \n this._onSelectImage(e.target)}\n className=\"d-none\"\n />\n {/* \n \n
\n );\n }\n}\n\nexport default withTableName(\n withOnline(\n withUser(\n withLoader(\n withNotify(\n withGoBack(\n Dgr\n )\n )\n )\n )\n )\n);\n","import React, { Component } from 'react';\nimport moment from 'moment';\n\nclass SetsContentModal extends Component {\n render() {\n const { onSave, setsContentData, onCanel } = this.props;\n return (\n \n
\n \n
\n \n
\n \n
\n {DRGLists !== undefined ? `DGRs: ${DRGLists.length}` : 'DGRs: 0'}
\n {\n (DRGLists.length > 0)\n ? DRGLists.map((data, key) => (\n\n- \n
- \n this._openImage(data.DGRID)}>\n {`DGRs: ${data.DGRNo}`}\n\n\n {\n DGR === '0' && (\n\n \n
\n
\n \n );\n }\n}\n\nexport default SetsContentModal;\n","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport moment from 'moment';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport Header from '../../components/Header';\nimport {\n convertServerDateToTeamZone,\n getTeamData, getTerritoryData, getUser, onGoBack\n} from '../../common/globals';\nimport { getSetProductContents } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport withOnline from '../../common/withOnline';\nimport ArrowRightIcon from '../../assets/images/arrow-right-bold-outline-custom.png';\nimport withSetsToMove from '../../common/withSetsToMove.js';\nimport SetsContentModal from '../../components/Models/SetsContentModal';\n\nclass SetsContents extends Component {\n constructor(props) {\n super(props);\n this.state = {\n title: 'Set Status',\n subPageTitle: 'Set Contents',\n setsContents: [],\n setsStatus: [],\n showSetStatus: true,\n setsContentModalData: [],\n setsContentsCount: 0,\n };\n this.SetsContentModalModal = null;\n }\n\n componentDidMount() {\n try {\n this.SetsContentModalModal = new window.bootstrap.Modal(window.$('#SetsContentModalModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSetProducts = (id) => {\n try {\n const { notify, setLoader, online } = this.props;\n const productData = {};\n if (online) {\n setLoader(true);\n getSetProductContents({ set_name: id }).then((response) => {\n const {\n status, data, locations, server_timezone\n } = response;\n if (status) {\n setLoader(false);\n let countProductQty = 0;\n if (data) {\n data.map((item) => {\n if (!productData.hasOwnProperty(item.TrayName)) {\n productData[item.TrayName] = [];\n }\n productData[item.TrayName].push(item);\n\n countProductQty = Number(item.Qty) + Number(countProductQty);\n });\n }\n if (typeof locations !== 'undefined' && locations !== null) {\n const locationsWithLocalTime = locations.map((location) => ({\n ...location,\n MoveDate: convertServerDateToTeamZone(location.MoveDate, server_timezone)\n }));\n\n this.setState({\n setsContents: productData,\n setsStatus: locationsWithLocalTime,\n setsContentsCount: countProductQty\n });\n } else {\n this.setState({\n setsContents: productData,\n setsContentsCount: countProductQty\n });\n }\n } else {\n setLoader(false);\n notify({ type: 'error', message: response.message });\n }\n });\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 5 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSetContentBack = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _changeDataView = () => {\n try {\n const { showSetStatus, title, subPageTitle } = this.state;\n this.setState({\n showSetStatus: !showSetStatus,\n title: subPageTitle,\n subPageTitle: title\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMoveSet = (setToMove) => {\n const {\n online, notify, setSetsToMove, goBack, setGoBack\n } = this.props;\n if (!online) {\n notify({ type: 'error', message: 'You must have an internet connection. Please check you connection and try again.', time: 5 });\n return;\n }\n setSetsToMove([setToMove]);\n setGoBack([...goBack, window.location.pathname]);\n\n const currentDate = moment();\n if (moment(setToMove.NextDate).isAfter(currentDate)) {\n this.setState({ setsContentModalData: setToMove });\n this.SetsContentModalModal.show();\n } else {\n browserHistory.push('/move-sets-to-location');\n }\n }\n\n _onSaveSetContentModal = () => {\n this.SetsContentModalModal.hide();\n browserHistory.push('/move-sets-to-location');\n }\n\n _onRemoveSetContentModal = () => {\n this.SetsContentModalModal.hide();\n };\n\n UNSAFE_componentWillMount() {\n try {\n const { params, online, notify } = this.props;\n if (params.hasOwnProperty('id')) {\n if (online) {\n this._getSetProducts(params.id);\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check you connection and try again.', time: 5 });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n goBack, params: { id }\n } = this.props;\n const {\n setsContents, setsStatus, showSetStatus, title, subPageTitle, setsContentsCount\n } = this.state;\n const user = getUser();\n\n return (\n \n
\n \n
\n The selected set is planned for an upcoming case. If possible,
\n consider moving a different set.
\n\n \n \n \n
\n
\n | Next Case: | \n{setsContentData.NextCase} | \n
| Next Date: | \n{setsContentData.NextDate && moment(setsContentData.NextDate).format('L')} | \n
| Next Loc: | \n{setsContentData.NextLocName} | \n
| Next Rep: | \n{setsContentData.NextRep} | \n
\n
\n \n
\n \n \n
\n \n onSave()}\n >\n Continue\n \n
\n \n
\n \n )) : (\n \n
\n {showSetStatus ? (\n \n
\n \n
\n \n \n {id}\n \n {\n showSetStatus\n ? ''\n : (\n \n Qty: {setsContentsCount > 0 ? setsContentsCount : ''}\n \n )\n }\n
\n\n {setsStatus && Object.keys(setsStatus).length > 0 && (\n
\n \n
\n )}\n {setsStatus && Object.keys(setsStatus).length > 0\n ? Object.keys(setsStatus.sort((a, b) => {\n if (a.SetNo < b.SetNo) return -1;\n if (a.SetNo > b.SetNo) return 1;\n return 0;\n })).map((item, index) => (\n \n
\n \n
\n Set
\n\n
\n \n Location
\n\n \n \n \n
\n \n
\n {setsStatus[item].SetNo}
\n\n
\n {setsStatus[item].LocName}
\n\n
\n \n )}\n \n \n \n
\n {\n getTerritoryData(user).isSetMove && getTeamData(user).isSetMove ? (\n this._onMoveSet(setsStatus[item])}\n >\n \n \n ) : null\n }\n
\n | Status: | \n{setsStatus[item].SetStatus} | \n
| Moved By: | \n{setsStatus[item].MoveUser} | \n
| Moved At: | \n{setsStatus[item].MoveDate ? moment(setsStatus[item].MoveDate)\n .format('MM/DD/YYYY hh:mm A') : null}\n | \n
\n \n \n
\n
\n | Prev Case: | \n{setsStatus[item].PrevCase} | \n
| Prev Date: | \n{setsStatus[item].PrevDate && moment(setsStatus[item].PrevDate).format('L')} | \n
| Prev Loc: | \n{setsStatus[item].PrevLocName} | \n
| Prev Rep: | \n{setsStatus[item].PrevRep} | \n
\n \n \n
\n
\n {setsStatus[item].MissingProducts?.length > 0 && (\n <>\n | Next Case: | \n{setsStatus[item].NextCase} | \n
| Next Date: | \n{setsStatus[item].NextDate && moment(setsStatus[item].NextDate).format('L')} | \n
| Next Loc: | \n{setsStatus[item].NextLocName} | \n
| Next Rep: | \n{setsStatus[item].NextRep} | \n
\n \n \n
\n
\n | Missing: | \n
\n {setsStatus[item].MissingProducts?.split(';').map((product) => {\n const info = product.split(',');\n const prodId = info[0];\n const prodName = info[1];\n const qty = info[2];\n\n return (\n \n
\n );\n })}\n \n {prodId}\n {prodName}\n
\n \n Qty: {qty}\n
\n \n
\n )}\n \n ) : (\n Set status are not loaded for this set.
\n\n
\n )}\n \n \n {\n Object.keys(setsContents).length > 0\n ? Object.keys(setsContents).map((value, index) => (\n
\n \n {\n (value !== '' && value !== 'null') && (\n
\n )) : (\n \n \n {\n (value === '' || value === null || value === 'null') ? '' : value\n }\n \n Tray Qty: {\n setsContents[value].reduce(\n (total, currentValue) => (total + +currentValue.Qty), 0\n )\n }\n \n
\n )\n }\n- \n {\n setsContents[value].map((data, key) => (\n
- \n \n\n\n\n\n\n
{data.ProductNo}
\n{data.ProductDescription}
\n\n Qty: {data.Qty}\n\n \n ))\n }\n
\n
\n )\n }\n Set contents are not loaded for this set.
\n\n */}\n \n \n\n 0) ? 'resizer-class' : ''}`}>\n \n
\n );\n }\n}\n\nexport default withVhnPpcOtherCharge(\n withUser(\n withCalendarFilter(\n withCaseFilter(\n withTableName(\n withMissingDgrsFilter(\n withOnline(\n withLoader(\n withNotify(\n withGoBack(\n withTeam(\n MissingDgr\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","import React, { Component } from 'react';\nimport { Link } from 'react-router';\nimport DatePicker from 'react-datepicker';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport {\n getProcedureTypes,\n getSurgeons,\n getHospitals,\n getTeamReps,\n getBillingFilterFieldList, getAltCaseTypes\n} from '../utils/db';\nimport withCaseFilter from '../common/withCaseFilter';\nimport withTableName from '../common/withTableName';\nimport withSearchFilter from '../common/withSearchFilter';\nimport { sortData } from '../common/globals';\nimport Bugsnag from '../helpers/bugsnag';\n\nclass Filter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n selectHospitals: [],\n keywordSearch: '',\n selectedStartDate: '',\n selectedEndDate: '',\n selectedRefs: [],\n selectedTypes: [],\n selectedProcedures: [],\n selectSurgeon: [],\n // selectPOIssues: [],\n PatientID: [],\n repData: [],\n // poIssues: [{ text: 'PO Issue', id: 1 }, { text: 'No PO Issue', id: 2 }],\n hospitals: [],\n surgeons: [],\n types: [],\n procedures: [],\n patients: [],\n sortOrder: 'desc',\n clearData: {},\n filterRepData: '',\n filterHospitalData: '',\n filterSurgeonData: '',\n filterTypeData: '',\n filterProcedureData: '',\n filterPatientIDData: '',\n repSearchResult: [],\n hospitalSearchResult: [],\n surgeonSearchResult: [],\n typeSearchResult: [],\n procedureSearchResult: [],\n patientSearchResult: [],\n isSearchRep: false,\n isSearchHospital: false,\n isSearchSurgeon: false,\n isSearchType: false,\n isSearchProcedure: false,\n isSearchPatientID: false,\n };\n }\n\n _onClearFilter = () => {\n // eslint-disable-next-line react/prop-types\n const { onClearFilter, setCaseFilter } = this.props;\n this.setState({\n selectHospitals: [],\n keywordSearch: '',\n selectedStartDate: '',\n selectedEndDate: '',\n selectedRefs: [],\n selectedTypes: [],\n selectedProcedures: [],\n selectSurgeon: [],\n sortOrder: 'desc',\n clearData: {},\n PatientID: [],\n // selectPOIssues: []\n });\n setCaseFilter({});\n onClearFilter();\n }\n\n _onUnSelectRef = async (id) => {\n try {\n let { selectedRefs } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (selectedRefs.includes(id)) {\n selectedRefs = selectedRefs.filter((val) => val !== id);\n this._onFilter({ selectedRefs });\n this.setState({ selectedRefs }, () => {\n setCaseFilter({ ...caseFilter, selectedRefs: '' });\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectRef = async (id) => {\n try {\n const { selectedRefs } = this.state;\n if (selectedRefs.indexOf(id) > -1) {\n selectedRefs.splice(selectedRefs.indexOf(id), 1);\n } else {\n selectedRefs.push(id);\n this._onFilter({ selectedRefs });\n }\n this.setState({ selectedRefs }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectType = async (id) => {\n try {\n let { selectedTypes } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (selectedTypes.includes(id)) {\n selectedTypes = selectedTypes.filter((val) => val !== id);\n this._onFilter({ selectedTypes });\n this.setState({ selectedTypes }, () => {\n setCaseFilter({ ...caseFilter, selectedTypes: '' });\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectType = async (id) => {\n try {\n const { selectedTypes } = this.state;\n if (selectedTypes.indexOf(id) > -1) {\n selectedTypes.splice(selectedTypes.indexOf(id), 1);\n } else {\n selectedTypes.push(id);\n this._onFilter({ selectedTypes });\n }\n this.setState({ selectedTypes }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectProcedure = async (id) => {\n try {\n let { selectedProcedures } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (selectedProcedures.includes(id)) {\n selectedProcedures = selectedProcedures.filter((val) => val !== id);\n this._onFilter({ selectedProcedures });\n this.setState({ selectedProcedures }, () => {\n setCaseFilter({ ...caseFilter, selectedProcedures: '' });\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectProcedures = async (id) => {\n try {\n const { selectedProcedures } = this.state;\n if (selectedProcedures.indexOf(id) > -1) {\n selectedProcedures.splice(selectedProcedures.indexOf(id), 1);\n } else {\n selectedProcedures.push(id);\n this._onFilter({ selectedProcedures });\n }\n this.setState({ selectedProcedures }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectHospital = async (id) => {\n try {\n let { selectHospitals } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (selectHospitals.includes(id)) {\n selectHospitals = selectHospitals.filter((val) => val !== id);\n this._onFilter({ selectHospitals });\n this.setState({ selectHospitals }, () => {\n setCaseFilter({ ...caseFilter, selectHospitals: '' });\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectHospital = async (id) => {\n /* const { selectHospitals } = this.state;\n if (!selectHospitals.includes(id)) {\n selectHospitals.push(id);\n this._onFilter({ selectHospitals });\n await this.setState({ selectHospitals }, () => {\n this.setClearFilter();\n });\n } */\n try {\n const { selectHospitals } = this.state;\n if (selectHospitals.indexOf(id) > -1) {\n selectHospitals.splice(selectHospitals.indexOf(id), 1);\n } else {\n selectHospitals.push(id);\n this._onFilter({ selectHospitals });\n }\n this.setState({ selectHospitals }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectSurgeon = async (id) => {\n try {\n let { selectSurgeon } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (selectSurgeon.includes(id)) {\n selectSurgeon = selectSurgeon.filter((val) => val !== id);\n this.setState({ selectSurgeon }, () => {\n setCaseFilter({ ...caseFilter, selectSurgeon: '' });\n this.setClearFilter();\n });\n this._onFilter({ selectSurgeon });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectSurgeon = async (id) => {\n try {\n const { selectSurgeon } = this.state;\n if (selectSurgeon.indexOf(id) > -1) {\n selectSurgeon.splice(selectSurgeon.indexOf(id), 1);\n } else {\n selectSurgeon.push(id);\n this._onFilter({ selectSurgeon });\n }\n this.setState({ selectSurgeon }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n /* _onUnSelectPOIssue = async (id) => {\n let { selectPOIssues } = this.state;\n if (selectPOIssues.includes(id)) {\n selectPOIssues = selectPOIssues.filter((val) => val !== id);\n this.setState({ selectPOIssues }, () => {\n this.setClearFilter();\n });\n }\n }; */\n\n /* _onSelectPOIssue = async ({ params: { data: { id } } }) => {\n const { selectPOIssues } = this.state;\n if (!selectPOIssues.includes(id)) {\n selectPOIssues.push(id);\n await this.setState({ selectPOIssues }, () => {\n this.setClearFilter();\n });\n }\n }; */\n\n _onUnSelectPatient = async (id) => {\n try {\n let { PatientID } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n if (PatientID.includes(id)) {\n PatientID = PatientID.filter((val) => val !== id);\n this.setState({ PatientID }, () => {\n setCaseFilter({ ...caseFilter, PatientID: '' });\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectPatient = async (id) => {\n /* const { PatientID } = this.state;\n if (!PatientID.includes(id)) {\n PatientID.push(id);\n await this.setState({ PatientID }, () => {\n this.setClearFilter();\n });\n this._onFilter({ PatientID });\n } */\n try {\n const { PatientID } = this.state;\n if (PatientID.indexOf(id) > -1) {\n PatientID.splice(PatientID.indexOf(id), 1);\n } else {\n PatientID.push(id);\n this._onFilter({ PatientID });\n }\n this.setState({ PatientID }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _clearDateFilter = () => {\n try {\n this.setState({\n selectedStartDate: new Date(),\n selectedEndDate: new Date(),\n }, () => {\n this.setClearFilter();\n });\n this._onFilter({\n selectedStartDate: new Date(),\n selectedEndDate: new Date()\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n const { onFilter, previousData } = this.props;\n onFilter(Object.assign(previousData, data));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFutureData = () => {\n try {\n const todayDate = new Date();\n const futureDate = new Date();\n futureDate.setDate(todayDate.getDate() + 365);\n this.setState({\n selectedStartDate: new Date(todayDate),\n selectedEndDate: new Date(futureDate)\n }, () => {\n this.setClearFilter();\n });\n this._onFilter({\n selectedStartDate: new Date(todayDate),\n selectedEndDate: new Date(futureDate)\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onKeyword = (event) => {\n try {\n let keywordData = [];\n this.setState({ keywordSearch: event.target.value }, () => {\n keywordData = this.state.keywordSearch.split(',');\n this.setClearFilter();\n this._onFilter({ keywordSearch: keywordData });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSort = ({ target: { value } }) => {\n try {\n this.setState({ sortOrder: value });\n this._onFilter({ sortOrder: value });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClear = (value) => {\n try {\n const {\n selectedRefs,\n selectHospitals,\n selectSurgeon,\n selectedTypes,\n selectedProcedures,\n keywordSearch,\n // selectPOIssues,\n PatientID\n } = this.state;\n // eslint-disable-next-line react/prop-types\n const { caseFilter, setCaseFilter } = this.props;\n this._onFilter({\n selectedRefs: value === 'selectedRefs' ? [] : selectedRefs,\n selectHospitals: value === 'selectHospitals' ? [] : selectHospitals,\n selectSurgeon: value === 'selectSurgeon' ? [] : selectSurgeon,\n selectedTypes: value === 'selectedTypes' ? [] : selectedTypes,\n selectedProcedures: value === 'selectedProcedures' ? [] : selectedProcedures,\n keywordSearch: value === 'keywordSearch' ? '' : keywordSearch,\n // selectPOIssues: value === 'selectPOIssues' ? [] : selectPOIssues,\n PatientID: value === 'PatientID' ? [] : PatientID,\n });\n setCaseFilter({\n // eslint-disable-next-line react/prop-types\n selectedRefs: value === 'selectedRefs' ? '' : caseFilter.selectedRefs !== undefined ? caseFilter.selectedRefs : '',\n // eslint-disable-next-line react/prop-types\n selectHospitals: value === 'selectHospitals' ? '' : caseFilter.selectHospitals !== undefined ? caseFilter.selectHospitals : '',\n // eslint-disable-next-line react/prop-types\n selectSurgeon: value === 'selectSurgeon' ? '' : caseFilter.selectSurgeon !== undefined ? caseFilter.selectSurgeon : '',\n // eslint-disable-next-line react/prop-types\n selectedTypes: value === 'selectedTypes' ? '' : caseFilter.selectedTypes !== undefined ? caseFilter.selectedTypes : '',\n // eslint-disable-next-line react/prop-types\n selectedProcedures: value === 'selectedProcedures' ? '' : caseFilter.selectedProcedures !== undefined ? caseFilter.selectedProcedures : '',\n // eslint-disable-next-line react/prop-types\n PatientID: value === 'PatientID' ? '' : caseFilter.PatientID !== undefined ? caseFilter.PatientID : '',\n });\n this.setState({\n selectedRefs: value === 'selectedRefs' ? [] : selectedRefs,\n selectHospitals: value === 'selectHospitals' ? [] : selectHospitals,\n selectSurgeon: value === 'selectSurgeon' ? [] : selectSurgeon,\n selectedTypes: value === 'selectedTypes' ? [] : selectedTypes,\n selectedProcedures: value === 'selectedProcedures' ? [] : selectedProcedures,\n keywordSearch: value === 'keywordSearch' ? '' : keywordSearch,\n // selectPOIssues: value === 'selectPOIssues' ? [] : selectPOIssues,\n PatientID: value === 'PatientID' ? [] : PatientID,\n }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDateClear = () => {\n try {\n this.setState({\n selectedStartDate: '',\n selectedEndDate: ''\n }, () => {\n this.setClearFilter();\n });\n this._onFilter({\n selectedStartDate: '',\n selectedEndDate: ''\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n setClearFilter = () => {\n try {\n // const { selectedFilter } = this.props;\n const {\n selectedStartDate,\n selectedEndDate,\n // selectPOIssues,\n selectedRefs,\n selectedTypes,\n selectHospitals,\n selectedProcedures,\n selectSurgeon,\n keywordSearch,\n PatientID\n } = this.state;\n let clearData = {};\n if (selectedStartDate !== null && selectedStartDate !== undefined && selectedStartDate !== '') {\n clearData = Object.assign(clearData, { selectedStartDate });\n }\n if (selectedEndDate !== null && selectedEndDate !== undefined && selectedEndDate !== '') {\n clearData = Object.assign(clearData, { selectedEndDate });\n }\n /* if (selectPOIssues.length > 0) {\n clearData = Object.assign(clearData, { selectPOIssues });\n } */\n if (selectedRefs.length > 0) {\n clearData = Object.assign(clearData, { selectedRefs });\n }\n if (selectedTypes.length > 0) {\n clearData = Object.assign(clearData, { selectedTypes });\n }\n if (selectHospitals.length > 0) {\n clearData = Object.assign(clearData, { selectHospitals });\n }\n if (selectedProcedures.length > 0) {\n clearData = Object.assign(clearData, { selectedProcedures });\n }\n if (selectSurgeon.length > 0) {\n clearData = Object.assign(clearData, { selectSurgeon });\n }\n if (PatientID.length > 0) {\n clearData = Object.assign(clearData, { PatientID });\n }\n if (keywordSearch.length > 0 || keywordSearch !== '') {\n const keywordData = this.state.keywordSearch.split(',');\n clearData = Object.assign(clearData, { keywordSearch: keywordData });\n }\n this._onFilter({\n selectedRefs: selectedRefs || [],\n PatientID: PatientID || []\n });\n this.setState({ clearData });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setHospitalData = async () => {\n try {\n const { tableName } = this.props;\n let hospitals = [];\n const hospitalData = await getBillingFilterFieldList(tableName);\n\n const hospitalPromiseAll = hospitalData.map(\n (data) => new Promise((resolve) => {\n if (data.CustomerName !== null) {\n hospitals.push({ CustomerName: data.CustomerName, id: data.id });\n }\n resolve(true);\n })\n );\n await Promise.all(hospitalPromiseAll);\n hospitals = [...new Map(hospitals.map((item) => [item.CustomerName, item])).values()];\n const sortHospitals = sortData(hospitals, 'CustomerName');\n this.setState({ hospitals: sortHospitals, hospitalSearchResult: sortHospitals });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setSurgeonData = async () => {\n try {\n const { tableName } = this.props;\n let surgeons = [];\n const surgeonsData = await getBillingFilterFieldList(tableName);\n\n const surgeonsPromiseAll = surgeonsData.map(\n (data) => new Promise((resolve) => {\n if (data.SurgeonName !== null) {\n surgeons.push({ SurgeonName: data.SurgeonName, id: data.id });\n }\n resolve(true);\n })\n );\n await Promise.all(surgeonsPromiseAll);\n surgeons = [...new Map(surgeons.map((item) => [item.SurgeonName, item])).values()];\n const sortSurgeons = sortData(surgeons, 'SurgeonName');\n this.setState({ surgeons: sortSurgeons, surgeonSearchResult: sortSurgeons });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setRepData = async () => {\n try {\n const { tableName } = this.props;\n let repData = [];\n const coverRepData = await getBillingFilterFieldList(tableName);\n const repsPromiseAll = coverRepData.map(\n (data) => new Promise((resolve) => {\n if (data.CoverRep !== null && data.CoverRep !== 'NONE') {\n repData.push({ SalesRepName: data.CoverRep, id: data.id });\n }\n resolve(true);\n })\n );\n await Promise.all(repsPromiseAll);\n repData = [...new Map(repData.map((item) => [item.SalesRepName, item])).values()];\n const sortRepData = sortData(repData, 'SalesRepName');\n this.setState({ repData: sortRepData, repSearchResult: sortRepData });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setCaseTypeData = async () => {\n try {\n const { tableName } = this.props;\n let types = [];\n const typeData = await getBillingFilterFieldList(tableName);\n\n const typePromiseAll = typeData.map(\n (data) => new Promise((resolve) => {\n if (data.AltCaseType !== null) {\n types.push({ AltCaseType: data.AltCaseType, id: data.id });\n }\n resolve(true);\n })\n );\n await Promise.all(typePromiseAll);\n types = [...new Map(types.map((item) => [item.AltCaseType, item])).values()];\n const sortCaseTypes = sortData(types, 'AltCaseType');\n this.setState({ types: sortCaseTypes, typeSearchResult: sortCaseTypes });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setProcedureTypeData = async () => {\n try {\n const { tableName } = this.props;\n let procedures = [];\n const procedureTypeData = await getBillingFilterFieldList(tableName);\n\n const procedureTypePromiseAll = procedureTypeData.map(\n (data) => new Promise((resolve) => {\n if (data.ProcedureType !== null) {\n procedures.push({ OptionName: data.ProcedureType, id: data.id });\n }\n resolve(true);\n })\n );\n await Promise.all(procedureTypePromiseAll);\n procedures = [...new Map(procedures.map((item) => [item.OptionName, item])).values()];\n const sortProcedureType = sortData(procedures, 'OptionName');\n this.setState({ procedures: sortProcedureType, procedureSearchResult: sortProcedureType });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setPatientData = async () => {\n try {\n const { tableName } = this.props;\n let patients = [];\n const patientData = await getBillingFilterFieldList(tableName);\n const patientPromiseAll = patientData.map(\n (data) => new Promise((resolve) => {\n if (data.PatientID !== null) {\n if (data.PatientID !== '') {\n patients.push({\n PatientID: data.PatientID,\n id: data.id\n });\n }\n }\n resolve(true);\n })\n );\n await Promise.all(patientPromiseAll);\n patients = [...new Map(patients.map((item) => [item.PatientID, item])).values()];\n const sortPatients = sortData(patients, 'PatientID');\n this.setState({ patients: sortPatients, patientSearchResult: sortPatients });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setBillingFilterData = async () => {\n try {\n const { selectedFilter, searchFilter } = this.props;\n await this._setHospitalData();\n await this._setSurgeonData();\n await this._setRepData();\n await this._setCaseTypeData();\n await this._setProcedureTypeData();\n await this._setPatientData();\n this.setState({\n isSearchRep: searchFilter.isSearchRep !== undefined ? searchFilter.isSearchRep : '',\n isSearchHospital: searchFilter.isSearchHospital !== undefined ? searchFilter.isSearchHospital : '',\n isSearchSurgeon: searchFilter.isSearchSurgeon !== undefined ? searchFilter.isSearchSurgeon : '',\n isSearchType: searchFilter.isSearchType !== undefined ? searchFilter.isSearchType : '',\n isSearchProcedure: searchFilter.isSearchProcedure !== undefined ? searchFilter.isSearchProcedure : '',\n isSearchPatientID: searchFilter.isSearchPatientID !== undefined ? searchFilter.isSearchPatientID : '',\n selectedStartDate: (selectedFilter.hasOwnProperty('selectedStartDate'))\n ? new Date(selectedFilter.selectedStartDate)\n : '',\n selectedEndDate: (selectedFilter.hasOwnProperty('selectedEndDate'))\n ? new Date(selectedFilter.selectedEndDate)\n : '',\n selectedTypes: (selectedFilter.hasOwnProperty('selectedTypes'))\n ? selectedFilter.selectedTypes\n : [],\n selectHospitals: (selectedFilter.hasOwnProperty('selectHospitals'))\n ? selectedFilter.selectHospitals\n : [],\n selectedRefs: (selectedFilter.hasOwnProperty('selectedRefs'))\n ? selectedFilter.selectedRefs\n : [],\n selectedProcedures: (selectedFilter.hasOwnProperty('selectedProcedures'))\n ? selectedFilter.selectedProcedures\n : [],\n selectSurgeon: (selectedFilter.hasOwnProperty('selectSurgeon'))\n ? selectedFilter.selectSurgeon\n : [],\n keywordSearch: (selectedFilter.hasOwnProperty('keywordSearch'))\n ? (selectedFilter.keywordSearch).join(',')\n : '',\n PatientID: (selectedFilter.hasOwnProperty('PatientID'))\n ? selectedFilter.PatientID\n : [],\n sortOrder: (selectedFilter.hasOwnProperty('sortOrder'))\n ? selectedFilter.sortOrder\n : 'desc'\n }, () => {\n this._onFilterData();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRepChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterRepData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterRepData: value\n });\n this._onSearchRepList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchRepList = () => {\n try {\n const { filterRepData, repSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterRepData.toUpperCase(), 'g');\n const data = repSearchResult.filter((item) => item.SalesRepName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n repData: filterRepData !== '' ? searchRes : repSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onHospitalChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterHospitalData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterHospitalData: value\n });\n this._onSearchHospitalList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchHospitalList = () => {\n try {\n const { filterHospitalData, hospitalSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterHospitalData.toUpperCase(), 'g');\n const data = hospitalSearchResult.filter((item) => item.CustomerName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n hospitals: filterHospitalData !== '' ? searchRes : hospitalSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSurgeonChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterSurgeonData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterSurgeonData: value\n });\n this._onSearchSurgeonList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchSurgeonList = () => {\n try {\n const { filterSurgeonData, surgeonSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterSurgeonData.toUpperCase(), 'g');\n const data = surgeonSearchResult.filter((item) => item.SurgeonName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n surgeons: filterSurgeonData !== '' ? searchRes : surgeonSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onTypeChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterTypeData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterTypeData: value\n });\n this._onSearchTypeList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchTypeList = () => {\n try {\n const { filterTypeData, typeSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterTypeData.toUpperCase(), 'g');\n const data = typeSearchResult.filter((item) => item.OptionName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n types: filterTypeData !== '' ? searchRes : typeSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProcedureChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterProcedureData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterProcedureData: value\n });\n this._onSearchProcedureList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchProcedureList = () => {\n try {\n const { filterProcedureData, procedureSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterProcedureData.toUpperCase(), 'g');\n const data = procedureSearchResult.filter((item) => item.OptionName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n procedures: filterProcedureData !== '' ? searchRes : procedureSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPatientIDChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter, searchFilter } = this.props;\n this.setState({ filterPatientIDData: value }, () => {\n setSearchFilter({\n ...searchFilter, filterPatientIDData: value\n });\n this._onSearchPatientIDList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchPatientIDList = () => {\n try {\n const { filterPatientIDData, patientSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterPatientIDData.toUpperCase(), 'g');\n const data = patientSearchResult.filter((item) => item.PatientID.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n patients: filterPatientIDData !== '' ? searchRes : patientSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearch = (value) => {\n try {\n const {\n isSearchRep,\n isSearchHospital,\n isSearchSurgeon,\n isSearchType,\n isSearchProcedure,\n isSearchPatientID,\n filterRepData,\n filterHospitalData,\n filterSurgeonData,\n filterTypeData,\n filterProcedureData,\n filterPatientIDData\n } = this.state;\n // eslint-disable-next-line react/prop-types\n const { setSearchFilter } = this.props;\n this.setState({\n isSearchRep: value === 'isSearchRep' ? !isSearchRep : false,\n isSearchHospital: value === 'isSearchHospital' ? !isSearchHospital : false,\n isSearchSurgeon: value === 'isSearchSurgeon' ? !isSearchSurgeon : false,\n isSearchType: value === 'isSearchType' ? !isSearchType : false,\n isSearchProcedure: value === 'isSearchProcedure' ? !isSearchProcedure : false,\n isSearchPatientID: value === 'isSearchPatientID' ? !isSearchPatientID : false,\n filterRepData: value === 'isSearchRep' ? '' : filterRepData,\n filterHospitalData: value === 'isSearchHospital' ? '' : filterHospitalData,\n filterSurgeonData: value === 'isSearchSurgeon' ? '' : filterSurgeonData,\n filterTypeData: value === 'isSearchType' ? '' : filterTypeData,\n filterProcedureData: value === 'isSearchProcedure' ? '' : filterProcedureData,\n filterPatientIDData: value === 'isSearchPatientID' ? '' : filterPatientIDData,\n }, () => {\n value === 'isSearchRep' && this._onRepChange('');\n value === 'isSearchHospital' && this._onHospitalChange('');\n value === 'isSearchSurgeon' && this._onSurgeonChange('');\n value === 'isSearchType' && this._onTypeChange('');\n value === 'isSearchProcedure' && this._onProcedureChange('');\n value === 'isSearchPatientID' && this._onPatientIDChange('');\n });\n setSearchFilter({\n isSearchRep: value === 'isSearchRep' ? !isSearchRep : false,\n isSearchHospital: value === 'isSearchHospital' ? !isSearchHospital : false,\n isSearchSurgeon: value === 'isSearchSurgeon' ? !isSearchSurgeon : false,\n isSearchType: value === 'isSearchType' ? !isSearchType : false,\n isSearchProcedure: value === 'isSearchProcedure' ? !isSearchProcedure : false,\n isSearchPatientID: value === 'isSearchPatientID' ? !isSearchPatientID : false,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilterData = () => {\n try {\n const { searchFilter } = this.props;\n this.setState({\n filterRepData: searchFilter.filterRepData !== undefined ? searchFilter.filterRepData : '',\n filterHospitalData: searchFilter.filterHospitalData !== undefined ? searchFilter.filterHospitalData : '',\n filterSurgeonData: searchFilter.filterSurgeonData !== undefined ? searchFilter.filterSurgeonData : '',\n filterTypeData: searchFilter.filterTypeData !== undefined ? searchFilter.filterTypeData : '',\n filterProcedureData: searchFilter.filterProcedureData !== undefined ? searchFilter.filterProcedureData : '',\n filterPatientIDData: searchFilter.filterPatientIDData !== undefined ? searchFilter.filterPatientIDData : '',\n }, () => {\n searchFilter.filterRepData !== undefined ? this._onSearchRepList() : '';\n searchFilter.filterHospitalData !== undefined ? this._onSearchHospitalList() : '';\n searchFilter.filterSurgeonData !== undefined ? this._onSearchSurgeonList() : '';\n searchFilter.filterTypeData !== undefined ? this._onSearchTypeList() : '';\n searchFilter.filterProcedureData !== undefined ? this._onSearchProcedureList() : '';\n searchFilter.filterPatientIDData !== undefined ? this._onSearchPatientIDList() : '';\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { selectedFilter, tableName, searchFilter } = this.props;\n if (tableName !== 'Cases') {\n await this._setBillingFilterData();\n } else {\n const proceduresRes = await getProcedureTypes();\n const typeRes = await getAltCaseTypes();\n const sortType = sortData(typeRes, 'AltCaseType');\n const surgeonsRes = await getSurgeons();\n const sortSurgeons = sortData(surgeonsRes, 'SurgeonName');\n const hospitalRes = await getHospitals();\n const sortHospital = sortData(hospitalRes, 'CustomerName');\n const repRes = await getTeamReps();\n const sortRep = sortData(repRes, 'SalesRepName');\n this.setState({\n procedures: proceduresRes,\n procedureSearchResult: proceduresRes,\n types: sortType,\n typeSearchResult: sortType,\n surgeons: sortSurgeons,\n surgeonSearchResult: sortSurgeons,\n hospitals: sortHospital,\n hospitalSearchResult: sortHospital,\n repData: sortRep,\n repSearchResult: sortRep,\n isSearchRep: searchFilter.isSearchRep !== undefined ? searchFilter.isSearchRep : '',\n isSearchHospital: searchFilter.isSearchHospital !== undefined ? searchFilter.isSearchHospital : '',\n isSearchSurgeon: searchFilter.isSearchSurgeon !== undefined ? searchFilter.isSearchSurgeon : '',\n isSearchType: searchFilter.isSearchType !== undefined ? searchFilter.isSearchType : '',\n isSearchProcedure: searchFilter.isSearchProcedure !== undefined ? searchFilter.isSearchProcedure : '',\n isSearchPatientID: searchFilter.isSearchPatientID !== undefined ? searchFilter.isSearchPatientID : '',\n selectedStartDate: (selectedFilter.hasOwnProperty('selectedStartDate'))\n ? new Date(selectedFilter.selectedStartDate)\n : '',\n selectedEndDate: (selectedFilter.hasOwnProperty('selectedEndDate'))\n ? new Date(selectedFilter.selectedEndDate)\n : '',\n selectedTypes: (selectedFilter.hasOwnProperty('selectedTypes'))\n ? selectedFilter.selectedTypes\n : [],\n selectHospitals: (selectedFilter.hasOwnProperty('selectHospitals'))\n ? selectedFilter.selectHospitals\n : [],\n selectedRefs: (selectedFilter.hasOwnProperty('selectedRefs'))\n ? selectedFilter.selectedRefs\n : [],\n selectedProcedures: (selectedFilter.hasOwnProperty('selectedProcedures'))\n ? selectedFilter.selectedProcedures\n : [],\n selectSurgeon: (selectedFilter.hasOwnProperty('selectSurgeon'))\n ? selectedFilter.selectSurgeon\n : [],\n keywordSearch: (selectedFilter.hasOwnProperty('keywordSearch'))\n ? (selectedFilter.keywordSearch).join(',')\n : '',\n PatientID: (selectedFilter.hasOwnProperty('PatientID'))\n ? selectedFilter.PatientID\n : [],\n sortOrder: (selectedFilter.hasOwnProperty('sortOrder'))\n ? selectedFilter.sortOrder\n : 'desc'\n }, () => {\n this._onFilterData();\n });\n }\n this.setClearFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n selectHospitals, selectSurgeon, selectedProcedures, selectedTypes, repData,\n selectedEndDate, selectedStartDate, selectedRefs, PatientID,\n hospitals, surgeons, types, procedures, patients, keywordSearch, sortOrder,\n clearData, filterRepData, isSearchRep, filterHospitalData, isSearchHospital,\n filterSurgeonData, isSearchSurgeon, filterTypeData, isSearchType,\n filterProcedureData, isSearchProcedure, filterPatientIDData, isSearchPatientID\n } = this.state;\n const { title, filter, searchFilter } = this.props;\n const {\n keywords = false, date = false, sort = false, patient = false\n } = filter;\n return (\n \n
\n \n
\n \n
\n Cases: {totalCases}
\n\n
\n \n this._onSelectExcludeToday(isExcludeToday)}\n />\n \n
\n \n
\n \n \n {\n hideAndShowCard ? 'LARGE CARDS ' : 'SMALL CARDS '\n }\n \n \n \n \n
\n \n
\n \n
\n \n {\n (\n Object.keys(filterCases).map((key) => (\n key !== 'sortOrder'\n && filterCases[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n
\n {item.toUpperCase()}
\n \n\n
\n \n {\n casesList.map((customer, index) => (\n
\n \n
\n ))\n // : \n {customer.CustomerName ? customer.CustomerName : '-'}\n
\n {customer.cases.map((crtCase, key) => (\n \n \n
\n ))}\n No cases found
\n }\n \n
\n \n
\n \n
\n \n
\n {title}
\n\n 0 ? 'cursor-pointer' : 'btn-clear-filter'}`}\n onClick={Object.keys(clearData).length > 0 ? this._onClearFilter : () => {}}\n >Clear Search\n \n
\n \n
\n \n
\n )\n } */}\n \n { date && (\n
\n )}\n {/* {\n poIssue && (\n \n \n
\n \n \n Time Period\n \n \n Today\n \n Future\n { (selectedStartDate !== '' || selectedEndDate !== '')\n && (\n Clear\n \n )}\n
\n \n
\n \n
\n \n {\n e.preventDefault();\n }}\n onChange={(value) => {\n this._onFilter({ selectedStartDate: value });\n this.setState({ selectedStartDate: value }, () => {\n this.setClearFilter();\n });\n }}\n />\n
\n \n {\n e.preventDefault();\n }}\n onChange={(value) => {\n this._onFilter({ selectedEndDate: value });\n this.setState({ selectedEndDate: value }, () => {\n this.setClearFilter();\n });\n }}\n />\n
\n \n \n
\n {\n poIssues.map((po, index) => (\n \n { selectPOIssues.length > 0\n && (\n this._onClear('selectPOIssues')}\n >Clear\n \n )}\n \n PO Issue\n \n
\n \n value.text)}\n value={selectPOIssues}\n onSelect={this._onSelectPOIssue}\n onUnselect={({ target: { value } }) =>\n this._onUnSelectPOIssue(value)}\n options={\n {\n placeholder: 'Search',\n }\n }\n />\n
\n \n {selectPOIssues.includes(po.text) && (\n
\n ))\n }\n \n
\n )}\n {po.text}
\n \n\n \n
\n {\n !isSearchRep && repData.map((rep, index) => (\n \n { (selectedRefs.length > 0 && !isSearchRep)\n && (\n this._onClear('selectedRefs')}\n >Clear\n \n )}\n this._onSearch('isSearchRep')}\n >\n Rep\n \n
\n \n
\n \n {\n this._onRepChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(repData) && repData.map((item, key) => (\n \n \n
\n ))}\n \n {selectedRefs.includes(rep.SalesRepName) && (\n
\n ))\n }\n \n
\n )}\n {rep.SalesRepName}
\n \n\n \n
\n {\n !isSearchHospital && hospitals.map((hospital, index) => (\n \n { (selectHospitals.length > 0 && !isSearchHospital)\n && (\n this._onClear('selectHospitals')}\n >Clear\n \n )}\n this._onSearch('isSearchHospital')}\n >\n Hospital\n \n
\n \n
\n \n {\n this._onHospitalChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(hospitals) && hospitals.map((item, key) => (\n \n \n
\n ))}\n \n {selectHospitals.includes(hospital.CustomerName) && (\n
\n ))\n }\n \n
\n )}\n {hospital.CustomerName}
\n \n\n \n
\n {\n !isSearchSurgeon && surgeons.map((surgeon, index) => (\n \n { (selectSurgeon.length > 0 && !isSearchSurgeon)\n && (\n this._onClear('selectSurgeon')}\n >Clear\n \n )}\n this._onSearch('isSearchSurgeon')}\n >\n Surgeon\n \n
\n \n
\n \n {\n this._onSurgeonChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(surgeons) && surgeons.map((item, key) => (\n \n \n
\n ))}\n \n {selectSurgeon.includes(surgeon.SurgeonName) && (\n
\n ))\n }\n \n \n
\n )}\n {surgeon.SurgeonName}
\n \n\n \n
\n {\n !isSearchType && types.map((type, index) => (\n \n { (selectedTypes.length > 0 && !isSearchType)\n && (\n this._onClear('selectedTypes')}\n >Clear\n \n )}\n this._onSearch('isSearchType')}\n >\n Type\n \n
\n \n
\n \n {\n this._onTypeChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(types) && types.map((item, key) => (\n \n \n
\n ))}\n \n {selectedTypes.includes(type.OptionName) && (\n
\n ))\n }\n \n \n
\n )}\n {type.OptionName}
\n \n\n \n
\n {\n !isSearchProcedure && procedures.map((procedure, index) => (\n \n { (selectedProcedures.length > 0 && !isSearchProcedure)\n && (\n this._onClear('selectedProcedures')}\n >Clear\n \n )}\n this._onSearch('isSearchProcedure')}\n >\n Procedure\n \n
\n \n
\n \n {\n this._onProcedureChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(procedures) && procedures.map((item, key) => (\n \n \n
\n ))}\n \n {selectedProcedures.includes(procedure.OptionName) && (\n
\n ))\n }\n \n {keywords && (\n \n
\n )}\n {procedure.OptionName}
\n \n\n \n
\n \n )}\n {patient && (\n \n { keywordSearch !== ''\n && (\n this._onClear('keywordSearch')}\n >Clear\n \n )}\n \n Keyword\n \n
\n \n {\n this._onKeyword(event);\n })}\n placeholder=\"Search patient name, notes, etc.\"\n value={keywordSearch}\n />\n
\n To search by more than one word, separate each word with a comma.
\n\n \n
\n {\n !isSearchPatientID && patients.map((patientData, index) => (\n \n { (PatientID.length > 0 && !isSearchPatientID)\n && (\n this._onClear('PatientID')}\n >Clear\n \n )}\n this._onSearch('isSearchPatientID')}\n >\n Patient\n \n
\n \n
\n\n \n {\n this._onPatientIDChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(patients) && patients.map((item, key) => (\n \n \n
\n ))}\n \n {PatientID.includes(patientData.PatientID) && (\n
\n ))\n }\n \n )}\n \n \n \n {sort && (\n \n
\n )}\n {patientData.PatientID}
\n \n\n
\n )}\n \n \n
\n \n
\n Sort
\n\n
\n \n this._onSort(e)}\n >Newest - Oldest\n \n this._onSort(e)}\n >Oldest - Newest\n \n
\n \n \n
\n \n );\n}\n\nFilterAccordionItem.defaultProps = {\n collapsed: true\n};\n\nFilterAccordionItem.propTypes = {\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n selectedItems: PropTypes.arrayOf(PropTypes.string).isRequired,\n itemList: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n collapsed: PropTypes.bool\n};\n\nexport default FilterAccordionItem;\n","import React from 'react';\nimport DatePicker from 'react-datepicker';\nimport moment from 'moment';\n\nconst headerWithYearPicker = ({\n date,\n changeYear,\n // changeMonth,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n startYear\n}) => {\n let years;\n if (typeof startYear !== 'undefined' && startYear !== null) {\n const numberOfYears = startYear;\n const number = Number(numberOfYears) + 1;\n years = Array\n .from(\n { length: number },\n (current, index) => (new Date().getFullYear() - numberOfYears + index).toString()\n );\n } else {\n const numberOfYears = 5;\n years = Array\n .from(\n { length: numberOfYears * 2 + 1 },\n (current, index) => (new Date().getFullYear() - numberOfYears + index).toString()\n );\n }\n\n return (\n \n { selectedItems.length > 0\n && (\n onClear(title)}\n >\n Clear\n \n )}\n \n {title}\n \n
\n \n setSearchTerm(e.target.value)}\n className=\"form-control search-input search-input-focus\"\n placeholder=\"Search\"\n />\n { itemList ? getFiltered(itemList, searchTerm)\n .map((item, key) => (\n
\n \n \n
\n )) : null}\n \n {\n e.preventDefault();\n decreaseMonth();\n }}\n disabled={prevMonthButtonDisabled}\n style={{\n border: 'none',\n background: 'none',\n color: 'inherit',\n padding: '3px',\n font: 'inherit',\n cursor: 'pointer',\n outline: 'inherit',\n }}\n >\n \n {moment(date).format('MMM')}\n \n {years.map((year) => (\n \n {\n changeYear(year);\n }}\n >\n {year}\n \n \n ))}\n \n
\n \n \n \n {date.getFullYear()}\n
\n \n \n
\n );\n }\n}\n\nconst withForm = reduxForm({\n form: 'searchBilledForm',\n initialValues,\n});\n\nexport default withTableName(withLoader(withNotify(withOnline(withTeam(\n withSearchBilledData(withForm(withSearchBilledCaseCountData(withGoBack(withUser(SearchBilled)))))\n)))));\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Link } from 'react-router';\nimport PropTypes from 'prop-types';\n\nfunction ProductSearchUI({\n productNumber,\n setProductNumber,\n productDescription,\n setProductDescription,\n products,\n selectedProductsNumbers,\n onProductSelect,\n onLastItemReached,\n focusProductNumber,\n}) {\n const observer = useRef(new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting) {\n onLastItemReached();\n }\n }));\n const [lastProduct, setLastProduct] = useState();\n const productNumberField = useRef();\n\n useEffect(() => {\n const currentElement = lastProduct;\n const currentObserver = observer.current;\n\n if (currentElement) {\n currentObserver.observe(currentElement);\n }\n\n return () => {\n if (currentElement) {\n currentObserver.unobserve(currentElement);\n }\n };\n }, [lastProduct]);\n\n useEffect(() => {\n if (productNumberField.current && focusProductNumber) {\n productNumberField.current.focus();\n }\n }, [productNumberField]);\n\n return (\n \n
\n \n setProductNumber(value)}\n placeholder=\"#\"\n />\n setProductDescription(value)}\n placeholder=\"Product Description\"\n />\n
\n Search Product #
\n Product Description
\n \n
\n \n
\n - \n {typeof products !== 'undefined' && !products.length && (productNumber.length || productDescription) && (\n
- \n \n\n\n\n{product.number}\n{product.description}\n \n ) : (\n
- \n \n\n\n\n{product.number}\n{product.description}\n \n )}\n\n \n ))}\n
\n No results found.\n
\n )}\n {typeof products !== 'undefined' && products.map((product, index) => (\n \n {children}\n
\n {onClose && (\n\n
\n \n
\n\n \n
\n \n {/*
\n {title}
*/}\n\n 0 ? 'cursor-pointer' : 'btn-clear-filter'}`}\n onClick={Object.keys(clearData).length > 0 ? this._onClearFilter : () => { }}\n >Reset\n \n
\n \n
\n \n
\n )\n } */}\n \n {date && (\n
\n )}\n {/* {\n poIssue && (\n \n \n
\n \n \n Time Period\n \n\n
\n\n \n \n \n \n \n \n \n \n \n \n \n 
\n \n\n {(selectedStartDate !== '' || selectedEndDate !== '')\n && (\n Clear\n \n )}\n
\n\n \n
\n \n
\n \n {\n e.preventDefault();\n }}\n maxDate={selectedEndDate}\n onChange={(value) => {\n this._onFilter({ selectedStartDate: value });\n this.setState({ selectedStartDate: value }, () => {\n this.setClearFilter();\n });\n }}\n />\n
\n \n {\n e.preventDefault();\n }}\n // endDate={selectedEndDate}\n // startDate={selectedStartDate}\n minDate={selectedStartDate}\n // disabled={selectedStartDate === ''}\n onChange={(value) => {\n this._onFilter({ selectedEndDate: value });\n this.setState({ selectedEndDate: value }, () => {\n this.setClearFilter();\n });\n }}\n />\n
\n \n \n
\n {\n poIssues.map((po, index) => (\n \n { selectPOIssues.length > 0\n && (\n this._onClear('selectPOIssues')}\n >Clear\n \n )}\n \n PO Issue\n \n
\n \n value.text)}\n value={selectPOIssues}\n onSelect={this._onSelectPOIssue}\n onUnselect={({ target: { value } }) =>\n this._onUnSelectPOIssue(value)}\n options={\n {\n placeholder: 'Search',\n }\n }\n />\n
\n \n {selectPOIssues.includes(po.text) && (\n
\n ))\n }\n \n
\n )}\n {po.text}
\n \n\n \n
\n {\n !isSearchRep && repData.map((rep, index) => (\n \n {(selectedRefs.length > 0 && !isSearchRep)\n && (\n this._onClear('selectedRefs')}\n >Clear\n \n )}\n this._onSearch('isSearchRep')}\n >\n Rep\n \n
\n \n
\n \n {\n this._onRepChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(repData) && repData.map((item, key) => (\n \n \n
\n ))}\n \n {selectedRefs.includes(rep.SalesRepName) && (\n
\n ))\n }\n \n
\n )}\n {rep.SalesRepName}
\n \n\n \n
\n {\n !isSearchHospital && hospitals.map((hospital, index) => (\n \n {(selectHospitals.length > 0 && !isSearchHospital)\n && (\n this._onClear('selectHospitals')}\n >Clear\n \n )}\n this._onSearch('isSearchHospital')}\n >\n Hospital\n \n
\n \n
\n \n {\n this._onHospitalChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(hospitals) && hospitals.map((item, key) => (\n \n \n
\n ))}\n \n {selectHospitals.includes(hospital.CustomerName) && (\n
\n ))\n }\n \n
\n )}\n {hospital.CustomerName}
\n \n\n \n
\n {\n !isSearchSurgeon && surgeons.map((surgeon, index) => (\n \n {(selectSurgeon.length > 0 && !isSearchSurgeon)\n && (\n this._onClear('selectSurgeon')}\n >Clear\n \n )}\n this._onSearch('isSearchSurgeon')}\n >\n Surgeon\n \n
\n \n
\n \n {\n this._onSurgeonChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(surgeons) && surgeons.map((item, key) => (\n \n \n
\n ))}\n \n {selectSurgeon.includes(surgeon.SurgeonName) && (\n
\n ))\n }\n \n \n
\n )}\n {surgeon.SurgeonName}
\n \n\n \n
\n {\n !isSearchType && types.map((type, index) => (\n \n {(selectedTypes.length > 0 && !isSearchType)\n && (\n this._onClear('selectedTypes')}\n >Clear\n \n )}\n this._onSearch('isSearchType')}\n >\n Type\n \n
\n \n
\n \n {\n this._onTypeChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(types) && types.map((item, key) => (\n \n \n
\n ))}\n \n {selectedTypes.includes(type.AltCaseType) && (\n
\n ))\n }\n \n \n
\n )}\n {type.AltCaseType}
\n \n\n \n
\n {\n !isSearchProcedure && procedures.map((procedure, index) => (\n \n {(ProcedureType.length > 0 && !isSearchProcedure)\n && (\n this._onClear('ProcedureType')}\n >Clear\n \n )}\n this._onSearch('isSearchProcedure')}\n >\n Procedure\n \n
\n \n
\n \n {\n this._onProcedureChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(procedures) && procedures.map((item, key) => (\n \n \n
\n ))}\n \n {ProcedureType.includes(procedure.OptionName) && (\n
\n ))\n }\n \n\n \n
\n )}\n {procedure.OptionName}
\n \n\n \n
\n {\n !isSearchSide && side.map((procedure, index) => (\n \n {(Side.length > 0 && !isSearchSide)\n && (\n this._onClear('Side')}\n >Clear\n \n )}\n this._onSearch('isSearchSide')}\n >\n Side\n \n
\n \n
\n \n {\n this._onSideChange(value);\n }}\n placeholder=\"Search\"\n />\n
\n {!isEmpty(side) && side.map((item, key) => (\n \n \n
\n ))}\n \n {Side.includes(procedure.OptionName) && (\n
\n ))\n }\n \n \n
\n )}\n {procedure.OptionName}
\n \n\n
\n \n \n VELYS\n \n {Velys.length\n ? (\n this._onClear('Velys')}\n >Clear\n \n ) : null}\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n {\n ProductNo.map((productNumber) => (\n this._onRemoveProduct(productNumber)}\n >\n {productNumber}\n \n ))\n }\n
\n \n \n {patient && (\n \n setShowSearchProducts(true)}\n >\n Product\n \n {ProductNo.length > 0\n && (\n this._onClear('ProductNo')}\n >Clear\n \n )}\n
\n \n \n
\n \n )}\n \n {PatientID.length > 0\n && (\n this._onClear('PatientID')}\n >Clear\n \n )}\n \n Patient\n \n
\n \n {\n this._onPatientID(event);\n })}\n placeholder=\"Search patient name\"\n value={PatientID}\n />\n
\n \n \n
\n \n {repNotes && (\n \n {CaseNo.length > 0\n && (\n this._onClear('CaseNo')}\n >Clear\n \n )}\n \n Case #\n \n
\n \n {\n const re = /^([a-zA-Z0-9])*$/;\n if (re.test(event.target.value)) {\n this._onCaseNo(event);\n }\n })}\n placeholder=\"Search case #\"\n value={CaseNo}\n />\n
\n \n \n
\n \n )}\n\n {comments && (\n \n {RepNotes.length > 0\n && (\n this._onClear('RepNotes')}\n >Clear\n \n )}\n \n Rep Notes\n \n
\n \n {\n // this._onPatientID(event);\n this._onRepNotes(event);\n })}\n placeholder=\"Search rep notes\"\n value={RepNotes}\n />\n
\n \n \n
\n \n )}\n\n {surgeonNotes && (\n \n {Comments.length > 0\n && (\n this._onClear('Comments')}\n >Clear\n \n )}\n \n Office Notes\n \n
\n \n {\n this._onComments(event);\n })}\n placeholder=\"Search office notes\"\n value={Comments}\n />\n
\n \n \n
\n \n )}\n\n {keywords && (\n \n {SurgeonNotes.length > 0\n && (\n this._onClear('SurgeonNotes')}\n >Clear\n \n )}\n \n Clinical Notes\n \n
\n \n {\n this._onSurgeonNotes(event);\n })}\n placeholder=\"Search clinical notes\"\n value={SurgeonNotes}\n />\n
\n \n \n
\n \n )}\n {patient === false && (\n \n {keywordSearch.length > 0\n && (\n this._onClear('keywordSearch')}\n >Clear\n \n )}\n \n Keyword (any field)\n \n
\n \n {\n this._onKeyword(event);\n })}\n placeholder=\"Search patient name, notes, etc.\"\n value={keywordSearch}\n />\n
\n To search by more than one word, separate each word with a comma. This creates an “AND” search.
\n\n \n
\n {\n patients.map((patientData, index) => (\n \n {PatientID.length > 0\n && (\n this._onClear('PatientID')}\n >Clear\n \n )}\n \n Patient\n \n
\n \n value.PatientID)}\n value={PatientID}\n onSelect={this._onSelectPatient}\n onUnselect={({ target: { value } }) => this._onUnSelectPatient(value)}\n options={\n {\n placeholder: 'Search',\n }\n }\n />\n
\n \n {PatientID.includes(patientData.PatientID) && (\n
\n ))\n }\n \n )}\n \n \n \n {sort && (\n \n
\n )}\n {patientData.PatientID}
\n \n\n
\n )}\n \n \n
\n \n
\n Sort
\n\n
\n \n this._onSort(e)}\n >Newest - Oldest\n \n this._onSort(e)}\n >Oldest - Newest\n \n
\n \n this._onFilter(data)}\n selectedFilter={caseFilter}\n onClearFilter={this._onClearFilter}\n showSearchProducts={showSearchProducts}\n setShowSearchProducts={(value) => this.setState({ showSearchProducts: value })}\n />\n
\n );\n }\n}\n\nexport default withSearchFilter(\n withCaseFilter(\n withNotify(\n withGoBack(\n ManageCaseFilter\n )\n )\n )\n);\n","import { connect } from 'react-redux';\nimport { notBilledFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setNotBilledCaseFilter: (data) => {\n dispatch(notBilledFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n notBilledFilter: state.notBilledFilter ? state.notBilledFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { notBillingFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setNotBillingFilter: (data) => {\n dispatch(notBillingFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n notBillingFilter: state.notBillingFilter ? state.notBillingFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport { orderBy } from 'lodash';\nimport momentTz from 'moment-timezone';\nimport LazyLoad from 'react-lazyload';\nimport Header from '../../components/Header';\nimport CaseRow from '../../components/CaseRow';\nimport {\n formatter,\n getOrderByCases,\n onGoBack,\n // SERVER_TIMEZONE,\n getUser\n} from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withOnline from '../../common/withOnline';\nimport withNotBilledFilter from '../../common/withNotBilledFilter';\nimport withTableName from '../../common/withTableName';\nimport withCaseFilter from '../../common/withCaseFilter';\nimport withNotBillingFilter from '../../common/withNotBillingFilter';\nimport withCalendarFilter from '../../common/withCalendarFilter';\nimport withUser from '../../common/withUser';\nimport {\n addComplianceAppData,\n cancelCase,\n listSingleCase,\n searchBilledCase,\n updateCase,\n updatePushToACM\n} from '../../utils/utils';\nimport {\n deleteTableWiseCaseByCaseId,\n filterCase,\n getNotBilled,\n getTableCaseByCaseId,\n getVhnPpcValue,\n insertComplianceApp,\n setNotBilledCases,\n updateTableCaseByPrimaryId,\n updateTableWiseCaseByCaseId\n} from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ZeroProductSubmitModal from '../../components/Models/ZeroProductSubmitModal';\nimport MrnOrPatientIdModal from '../../components/Models/MrnOrPatientIdModal';\nimport RequiredMrnOrPatientId from '../../components/Models/RequiredMrnOrPatientId';\nimport AlreadySubmittedCase from '../../components/Models/AlreadySubmittedCase';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport CancelCaseModal from '../../components/Models/CancelCaseModal';\nimport withVhnPpcOtherCharge from '../../common/withVhnPpcOtherCharge';\nimport VhnPpcModal from '../../components/Models/VhnPpcModal';\nimport VrasPpcModal from '../../components/Models/VrasPpcModal';\n// import DgrRequiredOnSubmitCase from '../../components/Models/DgrRequiredOnSubmitCase';\nimport ClockTimeIcon from '../../assets/images/clock-time-three-outline.png';\nimport HospitalBoxIcon from '../../assets/images/hospital-box-outline.png';\nimport AcmPushCaseConfirmModal from '../../components/Models/AcmPushCaseConfirmModal';\nimport AcmPushCaseStatusModal from '../../components/Models/AcmPushCaseStatusModal';\n\nclass NotBilled extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterData: {},\n poIssue: '',\n hideAndShowCard: false,\n casesList: [],\n filteredCases: [],\n totalAmount: 0,\n totalCases: 0,\n filterCases: {},\n caseDetail: {},\n cancelId: 0,\n notBillingSearchData: {},\n acmCases: {},\n isGroup: false,\n casesDetail: [],\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n };\n this.zeroProductSubmitModal = null;\n this.mrnOrPatientModal = null;\n this.requiredmrnOrPatientModal = null;\n this.alreadySubmittedCase = null;\n this.caseChangesNoLonger = null;\n this.cancelCaseModal = null;\n this.vhnPpcModal = null;\n this.vrasPpcModal = null;\n this.dgrRequiredOnSubmitCaseModal = null;\n this.acmPushCaseStatusModal = null;\n this.acmPushCaseConfirmModal = null;\n }\n\n componentDidMount() {\n try {\n this.zeroProductSubmitModal = new window.bootstrap.Modal(window.$('#zeroProductSubmitModal'));\n this.mrnOrPatientModal = new window.bootstrap.Modal(window.$('#mrnOrPatientIdModal'));\n this.requiredmrnOrPatientModal = new window.bootstrap.Modal(window.$('#requiredMrnOrPatientId'));\n this.alreadySubmittedCase = new window.bootstrap.Modal(window.$('#alreadySubmittedCase'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.cancelCaseModal = new window.bootstrap.Modal(window.$('#cancelCaseModal'));\n this.vhnPpcModal = new window.bootstrap.Modal(window.$('#vhnPpcModalModal'));\n this.vrasPpcModal = new window.bootstrap.Modal(window.$('#vrasPpcModal'));\n this.dgrRequiredOnSubmitCaseModal = new window.bootstrap.Modal(window.$('#dgrRequiredOnSubmitCaseModal'));\n this.acmPushCaseStatusModal = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n this.acmPushCaseConfirmModal = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n // window.addEventListener('scroll', this._onCasesScroll);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n componentWillUnmount() {\n // window.removeEventListener('scroll', this._onCasesScroll);\n }\n\n _onCasesScroll = () => {\n window.closeAllCasesMenu();\n }\n\n _updateCaseList = (caseList, detailUpdate = true) => {\n try {\n const { notBilledFilter: { sortOrder } } = this.props;\n // const response = sortBy(caseList,\n // ['CaseTime', 'CustomerName', 'SurgeonName', 'PatientID']);\n const response = orderBy(caseList, ['CaseDate', 'CaseTime', 'CustomerName', 'SurgeonName', 'PatientID'],\n ['desc', 'asc', 'asc', 'asc', 'asc']);\n const notBilledRes = response;\n const clientList = this._casesListToCustomerList(notBilledRes);\n if (sortOrder === 'asc') {\n clientList.forEach((client) => {\n client.cases.reverse();\n });\n }\n if (detailUpdate) {\n this.setState({\n casesList: clientList,\n casesDetail: response,\n });\n } else {\n this.setState({\n casesList: clientList,\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickFilter = () => {\n try {\n this._onGoBack();\n browserHistory.push('/billing/notBilledCases-filter');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _casesListToCustomerList = (casesList) => {\n const clientsSet = new Set();\n casesList.forEach((item) => {\n clientsSet.add(item.CustomerName);\n });\n const clientsArray = Array.from(clientsSet);\n clientsArray.sort();\n clientsArray.unshift(clientsArray.pop());\n const customerList = [];\n clientsArray.forEach((client) => {\n const objToAdd = {};\n objToAdd.CustomerName = client;\n objToAdd.cases = [];\n casesList.forEach((crtCase) => {\n if (crtCase.CustomerName === client) {\n objToAdd.cases.push(crtCase);\n }\n });\n customerList.push(objToAdd);\n });\n customerList.sort((a, b) => a.CustomerName.localeCompare(b.CustomerName));\n return customerList;\n }\n\n _onFilter = (data) => {\n try {\n const { filterData } = this.state;\n const { notify, setCaseFilter } = this.props;\n setCaseFilter(filterData);\n for (const value in data) {\n if (data[value] === null || data[value] === undefined || data[value] === '' || data[value] === 'NONE') {\n notify({ type: 'warning', message: 'No data to filter' });\n delete data[value];\n }\n }\n this.setState({\n filterData: Object.assign(filterData, data)\n }, () => { this._getNotBilled(); });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n longPressFilter = () => {\n try {\n const { filterData, casesList } = this.state;\n let data = [...casesList];\n if (Object.keys(filterData).length > 0) {\n if (filterData.hasOwnProperty('SurgeonName')) {\n data = (data.filter((item) => item.SurgeonName === filterData.SurgeonName));\n }\n if (filterData.hasOwnProperty('CustomerName')) {\n data = (data.filter((item) => item.CustomerName === filterData.CustomerName));\n }\n if (filterData.hasOwnProperty('CoverRep')) {\n data = (data.filter((item) => item.CoverRep === filterData.CoverRep));\n }\n if (filterData.hasOwnProperty('ProcedureType')) {\n data = (data.filter((item) => item.ProcedureType === filterData.ProcedureType));\n }\n if (filterData.hasOwnProperty('CaseType')) {\n data = (data.filter((item) => item.CaseType === filterData.CaseType));\n }\n if (filterData.hasOwnProperty('Side')) {\n data = (data.filter((item) => item.Side === filterData.Side));\n }\n }\n const amountSum = data.reduce((sum, { Amount }) => sum + parseInt(Amount, 10), 0);\n this.setState({ filteredCases: data, totalCases: data.length, totalAmount: amountSum });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRedirect = (path) => {\n try {\n this._onGoBack();\n browserHistory.push(path);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const {\n goBack, setGoBack, setTableName, tableName\n } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n setTableName(tableName);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPOClick = (value) => {\n try {\n const { filterCases, notBillingSearchData, poIssue } = this.state;\n const { setNotBillingFilter } = this.props;\n const poIssueVal = value === poIssue ? '' : value;\n this.setState({ poIssue: poIssueVal }, () => {\n setNotBillingFilter({ poIssue: poIssueVal });\n this.setState({ notBillingSearchData: { ...notBillingSearchData, poIssue: poIssueVal } });\n this._onSearchNotBilled({ ...filterCases, poIssue: poIssueVal });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveFilter = async (key) => {\n try {\n const { filterData } = this.state;\n const { caseFilter } = this.props;\n if (filterData.hasOwnProperty(key)) {\n delete filterData[key];\n }\n if (Object.keys(caseFilter).length > 0) {\n this.setState({ filterData: caseFilter }, () => {\n this.longPressFilter();\n });\n } else {\n this.setState({ filterData });\n await this._onFilter(filterData);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onUnselectValue = async (key, index) => {\n try {\n const {\n setNotBilledCaseFilter, caseFilter, setCaseFilter, notBilledFilter\n } = this.props;\n const { filterCases, notBillingSearchData: { poIssue = '' } } = this.state;\n if (filterCases[key].length > 1) {\n filterCases[key].splice(index, 1);\n notBilledFilter[key].splice(index, 1);\n } else {\n delete caseFilter[key];\n delete filterCases[key];\n delete notBilledFilter[key];\n }\n setNotBilledCaseFilter(notBilledFilter);\n setCaseFilter(caseFilter);\n this.setState({ filterCases });\n await this._onSearchNotBilled({ ...filterCases, poIssue });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchNotBilled = async (uniqueValue) => {\n try {\n const { setLoader, notify } = this.props;\n const {\n selectSurgeon,\n selectHospitals,\n selectedTypes,\n selectedProcedures,\n Side,\n PatientID,\n selectedRefs,\n poIssue\n } = uniqueValue;\n Object.keys(uniqueValue).map((key) => {\n uniqueValue = Object.assign(uniqueValue, { [key]: [...new Set(uniqueValue[key])] });\n });\n const searchData = {};\n if (uniqueValue !== undefined) {\n if (Object.keys(uniqueValue).length > 0) {\n searchData.SearchType = 'not_billed';\n searchData.GetCountOnly = 'N';\n searchData.SurgeonName = selectSurgeon !== undefined ? JSON.stringify(selectSurgeon) : [];\n searchData.CoverRep = selectedRefs !== undefined ? JSON.stringify(selectedRefs) : [];\n searchData.Hospital = selectHospitals !== undefined\n ? JSON.stringify(selectHospitals) : [];\n searchData.AltCaseType = selectedTypes !== undefined ? JSON.stringify(selectedTypes) : [];\n searchData.ProcedureType = selectedProcedures !== undefined\n ? JSON.stringify(selectedProcedures) : [];\n searchData.Side = Side !== undefined ? JSON.stringify(Side) : [];\n searchData.PatientID = PatientID !== undefined ? JSON.stringify(PatientID) : [];\n searchData.POIssue = poIssue === 'po' ? 'Y' : poIssue === 'noPo' ? 'N' : '';\n } else {\n searchData.SearchType = 'not_billed';\n searchData.GetCountOnly = 'N';\n }\n }\n this.setState({\n filterCases: uniqueValue,\n });\n setLoader(true);\n await searchBilledCase(searchData).then(async (response) => {\n const { status, message, data } = response;\n if (status) {\n if (data.cases.length) {\n delete uniqueValue.poIssue;\n this.setState({\n totalCases: data.totalCases,\n filteredCases: this._casesListToCustomerList(data.cases),\n totalAmount: data.totalAmount,\n casesList: this._casesListToCustomerList(data.cases),\n casesDetail: data.cases,\n filterCases: { ...uniqueValue },\n });\n this._updateCaseList(data.cases, true);\n // Set data in local db\n await setNotBilledCases(data.cases);\n const notBilledRes = await getNotBilled();\n this._updateCaseList(notBilledRes, true);\n // this.setState({ filteredCases: sortOrder === 'asc'\n // ? notBilledRes.reverse() : notBilledRes, casesList: notBilledRes });\n setLoader(false);\n } else {\n setLoader(false);\n await setNotBilledCases([]);\n await getNotBilled();\n this.setState({\n totalCases: data.totalCases,\n filteredCases: this._casesListToCustomerList(data.cases),\n totalAmount: data.totalAmount,\n casesList: this._casesListToCustomerList(data.cases),\n casesDetail: data.cases,\n filterCases: { ...uniqueValue },\n });\n this._updateCaseList(data.cases, true);\n // this.setState({ filteredCases: [], casesList: [] });\n // notify({ type: 'error', message: 'No cases found.' });\n }\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getNotBilled = async () => {\n try {\n const { notBilledFilter, caseFilter } = this.props;\n const { notBillingSearchData } = this.state;\n let caseFilterValue = {};\n Object.keys(caseFilter).map((key) => {\n if (caseFilter[key].length > 0) {\n caseFilterValue = Object.assign(caseFilterValue, { [key]: [caseFilter[key]] });\n }\n });\n\n let filterKeys = [];\n filterKeys = filterKeys.concat(Object.keys(caseFilterValue), Object.keys(notBilledFilter));\n filterKeys = [...new Set(filterKeys)];\n\n filterKeys.map((value) => {\n const longPressFilter = caseFilterValue[value] ? caseFilterValue[value] : [];\n const searchFilter = notBilledFilter[value] ? notBilledFilter[value] : [];\n notBilledFilter[value] = value === 'sortOrder' ? searchFilter : [...longPressFilter, ...searchFilter];\n });\n\n let uniqueValue = {};\n Object.keys(notBilledFilter).map((key) => {\n uniqueValue = Object.assign(uniqueValue, { [key]: [...new Set(notBilledFilter[key])] });\n });\n if (notBillingSearchData.hasOwnProperty('poIssue')) {\n const { poIssue } = notBillingSearchData;\n this.setState({ poIssue });\n uniqueValue.poIssue = poIssue;\n this.setState({ notBillingSearchData: { ...notBillingSearchData, poIssue } });\n }\n await this._onSearchNotBilled(uniqueValue);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n getFilterCases = async (notBilledFilter) => {\n try {\n const { filterCases } = this.state;\n const { caseFilter } = this.props;\n let totalAmount = 0;\n let result = await filterCase(notBilledFilter, 'NotBilled');\n result = filterCases.hasOwnProperty('sortOrder') ? await getOrderByCases(result, filterCases.sortOrder) : result;\n result.map((item) => {\n totalAmount += Number(item.Amount);\n });\n if (Object.keys(caseFilter).length > 0) {\n this.setState({ casesList: result }, () => {\n this._onFilter(caseFilter);\n });\n } else {\n this.setState({\n filteredCases: result,\n casesList: result,\n totalCases: result.length,\n totalAmount\n });\n this._updateCaseList(result, true);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _goBack = () => {\n try {\n const {\n goBack, setTableName, setNotBilledCaseFilter,\n setCaseFilter, setNotBillingFilter, setCalendarFilter\n } = this.props;\n setTableName('Cases');\n setNotBilledCaseFilter({});\n setNotBillingFilter({});\n setCaseFilter({});\n setCalendarFilter({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseCancel = async () => {\n try {\n const {\n notify, setLoader, online, tableName\n } = this.props;\n const { cancelId } = this.state;\n const caseRes = await getTableCaseByCaseId(cancelId, tableName);\n if (caseRes && caseRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n if (online) {\n const cancelCaseRes = await cancelCase(caseRes.CaseScheduleID);\n const { message, status } = cancelCaseRes;\n if (status) {\n setLoader(true);\n await deleteTableWiseCaseByCaseId(caseRes.id, tableName);\n await this._getNotBilled();\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n // browserHistory.push('/manage-cases');\n } else {\n notify({ type: 'error', message });\n }\n setLoader(false);\n } else {\n setLoader(true);\n await deleteTableWiseCaseByCaseId(caseRes.id, tableName);\n await this._getNotBilled();\n // browserHistory.push('/manage-cases');\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancel = async (id) => {\n try {\n this.setState({ cancelId: id });\n this.cancelCaseModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelCaseBack = () => {\n try {\n this.cancelCaseModal.hide();\n this.setState({ acmCases: {} });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetACMCase = async (id) => {\n try {\n const { tableName } = this.props;\n const acmCase = await getTableCaseByCaseId(id, tableName);\n if (acmCase.ACMCaseID !== null) {\n return this.setState({ acmCases: acmCase });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitCase = async (id) => {\n try {\n const {\n notify, online, setLoader, tableName, user: { name }\n // team: { dgrRequired },\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({\n caseDetail\n });\n\n if (online) {\n // if ((caseDetail.case_products.length > 0 || caseDetail.case_dgrs.length === 0)\n // && caseDetail.ProductSubmitted === '0' && dgrRequired === 6\n // && caseDetail.case_dgrs.length === 0) {\n // // notify({ type: 'error',\n // // message: 'A DGR must be uploaded for this case before it can be submitted.' });\n // this.dgrRequiredOnSubmitCaseModal.show();\n // return;\n // }\n if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n this.zeroProductSubmitModal.show();\n } else {\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_dgrs, case_products,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n subset.Submitted = '1';\n subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length > 0) && (subset.ProductSubmitted === '0')) ? '1'\n : ((case_dgrs.length > 0 || case_products.length === 0) && (subset.ProductSubmitted === '1')) ? '1' : null);\n // subset.ProductSubmitted = (((case_dgrs.length > 0 || case_products.length >= 0)\n // && (subset.ProductSubmitted === '0')) ? '1' : null);\n\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n await this._getNotBilled();\n } else {\n notify({ type: 'error', message });\n }\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseSubmitted = () => {\n try {\n this.alreadySubmittedCase.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenMrnPatientIdModal = async (id) => {\n try {\n this.setState({\n mrnOrPatientCaseId: id\n });\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseNo = () => {\n try {\n this.zeroProductSubmitModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseYes = async () => {\n try {\n const {\n notify, setLoader, tableName, user: { name }\n } = this.props;\n const { caseDetail } = this.state;\n\n if (caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n let responseJson = {};\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n\n subset.Submitted = '1';\n subset.ProductSubmitted = '1';\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n\n await updateCase(subset);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n await this._getNotBilled();\n this.zeroProductSubmitModal.hide();\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onNextAddPatientIdOrMrn = () => {\n try {\n this.requiredmrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddPatientIdOrMrn = () => {\n try {\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVhnPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vhnPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n browserHistory.push(`/manage-case/${id}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVrasPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vrasPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n browserHistory.push(`/manage-case/${id}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz().format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMrnPatientIdAdd = async (formData) => {\n try {\n const {\n notify, online, setLoader, tableName, user: { name }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n if (online && caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n if (!Object.keys(formData).length > 0) {\n this._onNextAddPatientIdOrMrn();\n return;\n }\n if (formData.hasOwnProperty('patientId')) {\n caseDetail.PatientID = (formData.patientId !== null || formData.patientId !== undefined)\n ? formData.patientId\n : null;\n }\n if (formData.hasOwnProperty('mrn')) {\n caseDetail.MRN = (formData.mrn !== null || formData.mrn !== undefined)\n ? formData.mrn\n : null;\n }\n if (online) {\n setLoader(true);\n // const newArrayOfObj = caseDetail.case_sets.map(({\n // CasePlanId: CasePlanID,\n // ...rest\n // }) => ({\n // CasePlanID,\n // ...rest\n // }));\n // caseDetail.selectedSets = newArrayOfObj;\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments, RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, ChangeRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets\n };\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n subset.Submitted = '0';\n subset.Synced = '0';\n updateCase(subset).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (Object.keys(formData).length > 0) {\n // notify({ type: 'success', message });\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && vhnPpcValue.VHN_PPC === '1') {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n // setLoader(false);\n this.setState({ caseDetail });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n caseDetail.Sync = 1;\n this._onGoBack();\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && vhnPpcValue.VHN_PPC === '1') {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n setLoader(false);\n this.setState({ caseDetail });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSmallLargeCard = () => {\n try {\n const { hideAndShowCard } = this.state;\n const { setCalendarFilter } = this.props;\n this.setState({ hideAndShowCard: !hideAndShowCard }, () => {\n setCalendarFilter({ hideAndShowCard: !hideAndShowCard });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width });\n }\n\n // _onClickDrgModalYes = () => {\n // try {\n // const { caseDetail } = this.state;\n // this._onGoBack();\n // browserHistory.push(`/manage-case/${caseDetail.id}/products/dgr`);\n // } catch (e) {\n // Bugsnag.notify(e);\n // }\n // }\n\n _onGroupByHospital = async () => {\n try {\n const { isGroup } = this.state;\n this.setState({\n isGroup: !isGroup\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitACMPushCase = async () => {\n try {\n const {\n notify, online, tableName\n } = this.props;\n const { caseDetail } = this.state;\n\n if (online) {\n let responseJson = {};\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n await this._getNotBilled();\n } else {\n notify({ type: 'error', message });\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCase = async (id) => {\n try {\n const {\n notify, online, tableName\n } = this.props;\n\n if (online) {\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ caseDetail });\n\n if (caseDetail.ACM === '0') {\n this.setState({\n acmPushCaseStatusCount: 1\n });\n this._onACMPushCaseStatus();\n } else {\n this._onACMPushCaseConfirm();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onPushCaseYes = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const {\n caseDetail: {\n Age,\n Gender,\n Height,\n HeightUnits,\n PatientID,\n Weight,\n WeightUnits,\n case_xrays,\n MRN,\n Side,\n },\n } = this.state;\n\n if (online) {\n let xrayCountFlag = 0;\n const xrayStatusFlag = typeof case_xrays !== 'undefined' ? case_xrays.length : 0;\n if (xrayStatusFlag > 0) {\n case_xrays.forEach((element) => {\n if (element.Filename.includes('.dcm')) {\n xrayCountFlag++;\n }\n });\n }\n\n if (Number(xrayCountFlag) > 0) {\n const MessageStatusFlag = [];\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (Side === '' || Side === null) {\n MessageStatusFlag.push(MessageStatusFlag.length > 0 ? '& Side' : 'Side');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmMessageStatusFlag: MessageStatusFlag,\n acmPushCaseStatusCount: 5\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n } else {\n const fieldsToCheck = [\n { field: Age, name: 'Age' },\n { field: Gender, name: 'Gender' },\n { field: Height, name: 'Height' },\n { field: HeightUnits, name: 'Height Units' },\n { field: Side, name: 'Side' },\n { field: Weight, name: 'Weight' },\n { field: WeightUnits, name: 'Weight Units' },\n ];\n\n const MessageStatusFlag = fieldsToCheck.filter(\n ({ field }) => typeof field === 'undefined' || field === null || field === '' || field === '.00'\n )\n .map(({ name }) => name);\n\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmPushCaseStatusCount: 2,\n acmMessageStatusFlag: MessageStatusFlag.sort()\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _updatePushToACM = async () => {\n try {\n const {\n online,\n notify,\n setLoader,\n user: {\n territories,\n territoryId\n }\n } = this.props;\n const {\n caseDetail: {\n CaseScheduleID\n },\n } = this.state;\n\n if (online) {\n setLoader(true);\n const pushData = {\n caller: 'OPT'\n };\n\n territories.map((item) => {\n if (item.id === territoryId) {\n pushData.TerritoryCode = item.abb;\n }\n });\n\n const acmResponseJson = await updatePushToACM(CaseScheduleID, pushData);\n const { message, status, result } = acmResponseJson;\n setLoader(false);\n if (typeof result !== 'undefined' && result === 'failure') {\n } else {\n if (status) {\n this.setState({\n acmPushCaseStatusCount: 4,\n acmMessageStatusMessage: message\n });\n } else {\n this.setState({\n acmPushCaseStatusCount: 3,\n acmMessageStatusMessage: message\n });\n }\n\n this._onACMPushCaseStatus();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseStatus = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const { acmPushCaseStatusCount } = this.state;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n\n if (acmPushCaseStatusCount === 4) {\n this._onSubmitACMPushCase();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseNo = () => {\n try {\n const {\n online, notify\n } = this.props;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCaseStatus = () => {\n try {\n const acmPushCaseStatus = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n acmPushCaseStatus.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onACMPushCaseConfirm = () => {\n try {\n const acmPushCaseConfirm = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n acmPushCaseConfirm.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n online, notify, setTableName, caseFilter, notBillingFilter, calendarFilter,\n user: { isBigCards }\n } = this.props;\n const { notBillingSearchData } = this.state;\n setTableName('NotBilled');\n await this._getScreenWidth();\n if (caseFilter !== undefined) {\n this.setState({ filterData: caseFilter });\n }\n const user = await getUser();\n if (user.isGroupByHospital) {\n this.setState({\n isGroup: user.isGroupByHospital\n });\n }\n if (online) {\n if (notBillingFilter.hasOwnProperty('poIssue')) {\n const { poIssue } = notBillingFilter;\n this.setState({\n poIssue,\n notBillingSearchData: { ...notBillingSearchData, poIssue },\n searchData: { ...notBillingSearchData, poIssue },\n hideAndShowCard: isBigCards === true ? false\n : isBigCards === false ? true\n : calendarFilter.hideAndShowCard\n }, () => this._getNotBilled());\n } else {\n this.setState({\n hideAndShowCard: isBigCards === true ? false\n : isBigCards === false ? true\n : calendarFilter.hideAndShowCard\n });\n await this._getNotBilled();\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n hideAndShowCard,\n filterCases,\n totalCases,\n totalAmount,\n casesList,\n caseDetail,\n acmCases,\n screenWidth,\n isGroup,\n casesDetail,\n acmPushCaseStatusCount,\n acmMessageStatusFlag,\n acmMessageStatusMessage,\n } = this.state;\n const {\n user: {\n scanner, territories, selectedTeam, territoryId\n }\n } = this.props;\n\n if (Object.keys(filterCases).length > 0) {\n delete filterCases.poIssue;\n }\n\n return (\n \n \n \n \n \n \n \n 0) ? 'resizer-class' : ''}`}>\n \n
\n );\n }\n}\n\nexport default withVhnPpcOtherCharge(\n withUser(\n withCalendarFilter(\n withCaseFilter(\n withTableName(\n withNotBilledFilter(\n withNotBillingFilter(\n withOnline(\n withNotify(\n withLoader(\n withGoBack(\n NotBilled\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","import React, { Component } from 'react';\nimport Header from '../../components/Header';\nimport SelectProduct from '../../components/Models/SelectProduct';\nimport { onGoBack } from '../../common/globals';\nimport {\n getProductMaster,\n getTableCaseByCaseId,\n updateTableCaseByPrimaryId,\n updateTableWiseCaseByCaseId\n} from '../../utils/db';\nimport withGoBack from '../../common/withGoBack';\nimport withTableName from '../../common/withTableName';\nimport withOnline from '../../common/withOnline';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ACMSelectedProduct from '../../components/Models/ACMSelectedProduct';\n\nclass AcmSelect extends Component {\n constructor(props) {\n super(props);\n this.state = {\n selectedProduct: {},\n selectProductDesc: '',\n searchProduct: '',\n productMaster: [],\n productMasterSearchResult: [],\n searchProductId: '',\n searchProductDesc: '',\n filterData: [],\n caseRes: {},\n selectedProductCount: []\n };\n this.acmSelectedProduct = null;\n this.selectProductModal = null;\n }\n\n componentDidMount() {\n try {\n this.acmSelectedProduct = new window.bootstrap.Modal(window.$('#acmSelectedProduct'), {});\n this.selectProductModal = new window.bootstrap.Modal(window.$('#selectProductModal'), {});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductSelect = (product) => {\n try {\n const { selectedProductCount } = this.state;\n if (selectedProductCount !== null) {\n if (selectedProductCount.length >= 10) {\n this.acmSelectedProduct.show();\n return;\n }\n }\n this.selectProductModal.show();\n this.setState({ selectedProduct: product });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSave = async (data) => {\n try {\n const {\n online, setLoader, tableName\n } = this.props;\n const { caseRes, selectedProductCount } = this.state;\n if (selectedProductCount !== null) {\n if (selectedProductCount.length >= 10) {\n this.acmSelectedProduct.show();\n return;\n }\n }\n // const responseJson = {};\n let selectedValue = caseRes.ACMSelectedParts !== null ? caseRes.ACMSelectedParts : '';\n selectedValue += `${(caseRes.ACMSelectedParts === null) ? data.ProductNo : `;${data.ProductNo}`}`;\n caseRes.ACMSelectedParts = selectedValue;\n if (online) {\n /* await updateCase(caseRes);\n setLoader(false);\n responseJson = await listSingleCase(caseRes.CaseScheduleID); */\n updateTableWiseCaseByCaseId(caseRes.RepCaseNo, caseRes, tableName);\n this._selectedCount();\n this.selectProductModal.hide();\n /* const { message, status } = responseJson;\n if (status) {\n // const caseDetails = responseJson.data[0];\n // caseDetails.id = parseInt(id, 10);\n // caseDetails.Sync = 1;\n\n } else {\n notify({ type: 'error', message });\n } */\n } else {\n caseRes.Sync = 1;\n updateTableCaseByPrimaryId(caseRes.id, caseRes, tableName);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _selectedCount = () => {\n try {\n const { caseRes } = this.state;\n this.setState({\n selectedProductCount: caseRes.ACMSelectedParts !== null ? caseRes.ACMSelectedParts.split(';') : []\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchProducts = (value, key) => {\n try {\n this.setState({ [key]: value }, () => {\n this._onSearchProductsList();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchProductsList = () => {\n try {\n const { productMasterSearchResult, searchProductId, searchProductDesc } = this.state;\n const searchProductIds = searchProductId.toUpperCase();\n const searchProductDescs = searchProductDesc.toUpperCase();\n const itemsUpdate = productMasterSearchResult.filter((item) => {\n const ProductNo\n = item.ProductNo !== null && item.ProductNo\n .includes(searchProductIds !== null && searchProductIds);\n const ProductDescription\n = item.ProductDescription !== null && item.ProductDescription\n .includes(searchProductDescs !== null && searchProductDescs);\n return ProductNo && ProductDescription;\n });\n this.setState({\n filterData: (searchProductId.length > 2 || searchProductDesc.length > 2) ? itemsUpdate : []\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n async UNSAFE_componentWillMount() {\n try {\n const { params: { id }, tableName } = this.props;\n const productMasterRes = await getProductMaster();\n const caseRes = await getTableCaseByCaseId(id, tableName);\n this.setState({\n productMaster: productMasterRes,\n productMasterSearchResult: productMasterRes,\n caseRes\n }, () => this._selectedCount());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { goBack } = this.props;\n const {\n searchProductId, searchProductDesc, filterData, selectedProduct, caseRes, selectedProductCount\n } = this.state;\n const productCount = selectedProductCount.filter((x) => x !== '');\n return (\n \n
\n \n
\n \n
\n Cases: {totalCases}
\nTotal: {formatter.format(totalAmount)}
\n\n
\n \n \n {\n (!isGroup)\n ? \n : \n }\n \n \n {\n hideAndShowCard ? 'LARGE CARDS ' : 'SMALL CARDS '\n }\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n {\n (\n Object.keys(filterCases).map((key) => (\n key !== 'sortOrder'\n && filterCases[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n
\n {item.toUpperCase()}
\n \n\n
\n \n {\n isGroup\n ? casesList.map((customer, index) => (\n
\n \n
\n ))\n : casesDetail.map((crtCase, key) => (\n \n {customer.CustomerName ? customer.CustomerName : '-'}\n
\n {customer.cases.map((crtCase, key) => (\n \n \n
\n ))}\n \n
\n ))\n }\n \n \n
\n \n \n onGoBack(goBack)}\n />\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n Selected Products: {productCount.length}\n
\n\n
\n \n \n {\n this._onSearchProducts(value, 'searchProductId');\n }}\n value={searchProductId}\n />\n
\n \n \n {/* ({ id, text: desc }))}\n onChange={({ target: { value } }) => {\n this.setState({ selectProductDesc: value });\n }}\n value={selectProductDesc}\n options={{ placeholder: 'Product Description' }}\n /> */}\n\n this._onSearchProductDesc(e)}\n onChange={({ target: { value } }) => {\n this._onSearchProducts(value, 'searchProductDesc');\n }}\n value={searchProductDesc}\n />\n
\n \n
\n \n
\n \n ))\n }\n \n - \n {\n filterData && filterData.map((item, key) => (\n
- \n \n\n\n\n\n \n\n\n\n
{item.ProductNo}
\n{item.ProductDescription}
\n
\n
\n \n );\n }\n}\n\nexport default ExceedsSearchResult;\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport moment from 'moment';\nimport _, { sortBy } from 'lodash';\nimport momentTz from 'moment-timezone';\nimport Header from '../../components/Header';\nimport {\n onGoBack,\n getUser,\n // SERVER_TIMEZONE\n} from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withCaseFilter from '../../common/withCaseFilter';\nimport withNotify from '../../common/withNotify';\nimport withOnline from '../../common/withOnline';\nimport withLoader from '../../common/withLoader';\nimport withTableName from '../../common/withTableName';\nimport withCalendarFilter from '../../common/withCalendarFilter';\nimport withUser from '../../common/withUser';\nimport withSavedScrollPosition from '../../common/withSavedScrollPosition';\nimport {\n addComplianceAppData,\n cancelCase,\n listSingleCase,\n searchCases,\n updateCase,\n getShipments,\n updatePushToACM\n} from '../../utils/utils';\nimport CaseRow from '../../components/CaseRow';\nimport {\n bulkManageCaseAdd,\n getTableCaseByCaseId,\n deleteCaseByCaseId,\n getCaseScheduleIDFilter,\n updateCaseByPrimaryId,\n updateCaseByCaseId,\n updateTableWiseCaseByCaseId,\n getCases,\n insertComplianceApp,\n getVhnPpcValue\n} from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ExceedsSearchResult from '../../components/Models/ExceedsSearchResult';\nimport ZeroProductSubmitModal from '../../components/Models/ZeroProductSubmitModal';\nimport MrnOrPatientIdModal from '../../components/Models/MrnOrPatientIdModal';\nimport RequiredMrnOrPatientId from '../../components/Models/RequiredMrnOrPatientId';\nimport AlreadySubmittedCase from '../../components/Models/AlreadySubmittedCase';\nimport CancelCaseModal from '../../components/Models/CancelCaseModal';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport withTeam from '../../common/withTeam';\n// import DgrRequiredOnSubmitCase from '../../components/Models/DgrRequiredOnSubmitCase';\nimport VhnPpcModal from '../../components/Models/VhnPpcModal';\nimport VrasPpcModal from '../../components/Models/VrasPpcModal';\nimport withVhnPpcOtherCharge from '../../common/withVhnPpcOtherCharge';\nimport ArrowCollapse from '../../assets/images/arrow-collapse-vertical.png';\nimport ArrowExpand from '../../assets/images/arrow-expand-vertical.png';\nimport ClockTimeIcon from '../../assets/images/clock-time-three-outline.png';\nimport HospitalBoxIcon from '../../assets/images/hospital-box-outline.png';\nimport AscIcon from '../../assets/images/asc.png';\nimport DescIcon from '../../assets/images/desc.png';\nimport CartOutlineIcon from '../../assets/images/cart-outline.png';\nimport TruckOutlineIcon from '../../assets/images/Truck-new.png';\nimport AcmPushCaseConfirmModal from '../../components/Models/AcmPushCaseConfirmModal';\nimport AcmPushCaseStatusModal from '../../components/Models/AcmPushCaseStatusModal';\n\nclass FilterCases extends Component {\n constructor(props) {\n super(props);\n this.state = {\n hideAndShowCard: false,\n filterCases: {},\n localFilterCases: [],\n casesDetail: [],\n caseDetail: {},\n cancelId: 0,\n acmCases: {},\n filterData: [],\n isGroup: false,\n hospitalGroupCasesList: [],\n hospitalGroupCasesListData: [],\n shipments: [],\n orderByFlag: 'asc',\n orderByFlagCard: false,\n indexKey: 1,\n scrollPosition: 0,\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n };\n this.exceedsSearchResult = null;\n this.zeroProductSubmitModal = null;\n this.mrnOrPatientModal = null;\n this.requiredmrnOrPatientModal = null;\n this.alreadySubmittedCase = null;\n this.cancelCaseModal = null;\n this.caseChangesNoLonger = null;\n this.vhnPpcModal = null;\n this.vrasPpcModal = null;\n this.dgrRequiredOnSubmitCaseModal = null;\n this.acmPushCaseStatusModal = null;\n this.acmPushCaseConfirmModal = null;\n }\n\n componentDidMount() {\n try {\n this.exceedsSearchResult = new window.bootstrap.Modal(window.$('#exceedsSearchResult'));\n this.zeroProductSubmitModal = new window.bootstrap.Modal(window.$('#zeroProductSubmitModal'));\n this.mrnOrPatientModal = new window.bootstrap.Modal(window.$('#mrnOrPatientIdModal'));\n this.requiredmrnOrPatientModal = new window.bootstrap.Modal(window.$('#requiredMrnOrPatientId'));\n this.alreadySubmittedCase = new window.bootstrap.Modal(window.$('#alreadySubmittedCase'));\n this.cancelCaseModal = new window.bootstrap.Modal(window.$('#cancelCaseModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.vhnPpcModal = new window.bootstrap.Modal(window.$('#vhnPpcModalModal'));\n this.vrasPpcModal = new window.bootstrap.Modal(window.$('#vrasPpcModal'));\n this.dgrRequiredOnSubmitCaseModal = new window.bootstrap.Modal(window.$('#dgrRequiredOnSubmitCaseModal'));\n this.acmPushCaseStatusModal = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n this.acmPushCaseConfirmModal = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getFilterCases = async () => {\n try {\n const {\n notify, online, setLoader\n } = this.props;\n const { filterCases } = this.state;\n let casesData = [];\n const searchData = {};\n searchData.Date_start = filterCases.mix !== undefined\n ? filterCases.mix[0] !== undefined ? moment(filterCases.mix[0].split('-')[0], 'DD MMM YYYY').format('YYYY/MM/DD') : '' : '';\n searchData.Date_end = filterCases.mix !== undefined\n ? filterCases.mix[0] !== undefined ? moment(filterCases.mix[0].split('-')[1], 'DD MMM YYYY').format('YYYY/MM/DD') : '' : '';\n searchData.CoverRep = filterCases.selectedRefs !== undefined\n ? JSON.stringify(filterCases.selectedRefs)\n : [];\n searchData.Hospital = filterCases.selectHospitals !== undefined\n ? JSON.stringify(filterCases.selectHospitals)\n : [];\n searchData.SurgeonName = filterCases.selectSurgeon !== undefined\n ? JSON.stringify(filterCases.selectSurgeon)\n : [];\n searchData.AltCaseType = filterCases.selectedTypes !== undefined\n ? JSON.stringify(filterCases.selectedTypes)\n : [];\n searchData.ProcedureType = filterCases.ProcedureType !== undefined\n ? JSON.stringify(filterCases.ProcedureType)\n : [];\n searchData.Side = filterCases.Side !== undefined\n ? JSON.stringify(filterCases.Side)\n : [];\n searchData.PatientID = filterCases.PatientID !== undefined\n ? JSON.stringify(filterCases.PatientID.map((element) => element.trim().toUpperCase()))\n : [];\n searchData.RepNotes = filterCases.RepNotes !== undefined\n ? JSON.stringify(filterCases.RepNotes.map((element) => element.trim()))\n : [];\n searchData.Comments = filterCases.Comments !== undefined\n ? JSON.stringify(filterCases.Comments.map((element) => element.trim()))\n : [];\n searchData.SurgeonNotes = filterCases.SurgeonNotes !== undefined\n ? JSON.stringify(filterCases.SurgeonNotes.map((element) => element.trim()))\n : [];\n searchData.Keyword = filterCases.keywordSearch !== undefined\n ? JSON.stringify(filterCases.keywordSearch.map((element) => element.trim())) : [];\n searchData.VelysUsed = filterCases.Velys !== undefined\n ? filterCases.Velys[0] : '';\n searchData.CaseNo = filterCases.CaseNo !== undefined\n ? filterCases.CaseNo[0] : '';\n const arraySearchData = {};\n if (filterCases.ProductNo !== undefined) {\n arraySearchData.ProductNo = filterCases.ProductNo;\n }\n this.getFilterCases(filterCases);\n if (online) {\n setLoader(true);\n const data = {\n string: searchData,\n array: arraySearchData\n };\n searchData !== ''\n && searchCases(data).then(async (response) => {\n setLoader(false);\n const { status, message } = response;\n\n if (status) {\n casesData = response.hasOwnProperty('data') ? response.data : [];\n if (response.hasOwnProperty('data')) {\n this.setState({\n filterData: response.data\n });\n\n // Set filter cases to local db\n if (casesData.length) {\n const caseRes = await getCases();\n const result = casesData.filter((o1) => !caseRes.some(\n (o2) => o1.RepCaseNo === o2.RepCaseNo\n ));\n if (Object.keys(result).length > 0) {\n await bulkManageCaseAdd(result);\n }\n }\n\n // Get filter cases from local db\n this.getFilterCases(filterCases);\n } else {\n this.setState({ localFilterCases: [], casesDetail: [] });\n notify({ type: 'error', message });\n }\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n this.setState({ filterCases });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n getFilterCases = async (caseFilter) => {\n try {\n const { setLoader, savedScrollPosition } = this.props;\n const { filterData, shipments, orderByFlag } = this.state;\n for (const value in caseFilter) {\n if (caseFilter[value].length === 0 || caseFilter[value] === '' || caseFilter[value] === []) {\n delete caseFilter[value];\n }\n }\n const caseScheduleID = [];\n filterData.map((value) => {\n caseScheduleID.push(value.CaseScheduleID);\n });\n let localFilterCases = [];\n setLoader(true);\n localFilterCases = await getCaseScheduleIDFilter(caseScheduleID);\n\n // Use Sort By Date\n const casesListGroupsSort = _.chain(localFilterCases)\n .orderBy(['CaseDate'], [orderByFlag])\n .groupBy('CaseDate')\n .map((value, key) => {\n // Filter the Case Sets Qty\n const caseSets = value.filter((c) => c.case_sets.length > 0).map((set) => {\n let setsQty = 0;\n setsQty = set.case_sets.reduce((sum, { Quantity }) => sum + parseInt(Quantity, 10), 0);\n return ({ qty: setsQty });\n });\n\n const totalQty = _.sumBy(caseSets, 'qty');\n\n return (\n {\n date: key, data: value, qty: totalQty, dataNonGroup: value\n }\n );\n })\n .value();\n\n // Use Customer Name\n const casesListGroupsNew = casesListGroupsSort.map((item) => {\n if (item.dataNonGroup.length > 0) {\n item.dataNonGroup.sort((a, b) => a.CaseTime.localeCompare(b.CaseTime));\n }\n\n if (item.data.length > 0) {\n // item.data.sort((a, b) => a.CaseTime.localeCompare(b.CaseTime));\n\n const casesListGroups1 = _.chain(item.data)\n .orderBy(['CaseTime'], ['asc'])\n .groupBy('CustomerName')\n .map((value, key) => {\n // Filter the Case Sets Qty\n const caseSets = value.filter((c) => c.case_sets.length > 0).map((set) => {\n let setsQty = 0;\n setsQty = set.case_sets.reduce(\n (\n sum, { Quantity }\n ) => sum + parseInt(Quantity, 10), 0\n );\n\n return ({ qty: setsQty });\n });\n\n const totalQty = _.sumBy(caseSets, 'qty');\n const caseId = value[0].id;\n\n return (\n {\n customer: key, data: value, qty: totalQty, id: caseId\n }\n );\n })\n .value();\n\n const sortedCaseGroup = casesListGroups1.map((items) => {\n const ownShipments = shipments.filter(\n (shipment) => shipment.ShipToLoc === items.customer\n );\n if (!ownShipments.length) {\n return {\n ...items,\n hasShipments: !!ownShipments.length\n };\n }\n\n const shipFromLoc = ownShipments\n .some(\n (shipment) => shipment.ShipFromLoc === 'DEPUY'\n )\n && shipments.some(\n (shipment) => shipment.ShipFromLoc === 'OFFICE'\n )\n ? 'ALL' : ownShipments.some((shipment) => shipment.ShipFromLoc === 'DEPUY')\n ? 'DEPUY' : 'OFFICE';\n\n return {\n ...items,\n shipFromLoc,\n hasShipments: !!ownShipments.length\n };\n });\n\n item.data = sortedCaseGroup;\n }\n\n return {\n ...item\n };\n });\n\n /* let localFilterCases = [];\n if (Object.keys(caseFilter).length > 0) {\n setLoader(true);\n localFilterCases = await filterCase(caseFilter, 'Cases');\n } */\n\n this.setState({\n localFilterCases,\n casesDetail: localFilterCases,\n hospitalGroupCasesListData: casesListGroupsNew\n });\n\n if (savedScrollPosition > 0) {\n window.scrollTo(0, savedScrollPosition, 'instant');\n }\n\n setTimeout(() => {\n setLoader(false);\n }, 500);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRedirect = (path) => {\n try {\n const { setSavedScrollPosition } = this.props;\n\n const currentScrollPosition = window.pageYOffset;\n setSavedScrollPosition(currentScrollPosition);\n\n this._onGoBack();\n browserHistory.push(path);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onUnselectValue = async (key, index) => {\n try {\n const { caseFilter, setCaseFilter } = this.props;\n const { filterCases } = this.state;\n\n if (filterCases[key].length > 1) {\n filterCases[key].splice(index, 1);\n } else {\n delete caseFilter[key];\n delete filterCases[key];\n }\n setCaseFilter(caseFilter);\n this.setState({ filterCases }, () => this._getFilterCases());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditFilter = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearFilter = () => {\n try {\n const {\n setCaseFilter,\n setCalendarFilter,\n setSavedScrollPosition\n } = this.props;\n\n /* const filterCases = {};\n this.setState({ filterCases }, async () => {\n await this._getFilterCases();\n });\n onGoBack(goBack); */\n\n setCalendarFilter({});\n setCaseFilter({});\n setSavedScrollPosition(0);\n this._onGoBack();\n browserHistory.push('/manage-cases');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n const { filterCases } = this.state;\n const { notify, setCaseFilter } = this.props;\n for (const value in data) {\n if (data[value] === null || data[value] === undefined || data[value] === '' || data[value] === 'NONE') {\n notify({ type: 'warning', message: 'No data to filter', time: 3 });\n } else {\n const key = Object.keys(data)[0];\n if (!filterCases.hasOwnProperty(key)) {\n filterCases[key] = [];\n }\n if (!filterCases[key].includes(data[key])) {\n filterCases[key] = [...filterCases[key], data[key]];\n }\n setCaseFilter(filterCases);\n this.setState({\n filterCases\n }, () => {\n this._getFilterCases();\n });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n longPressFilter = () => {\n try {\n const { casesDetail, filterCases } = this.state;\n let data = [...casesDetail];\n if (Object.keys(filterCases).length > 0) {\n if (filterCases.hasOwnProperty('selectSurgeon')) {\n data = (data.filter((item) => filterCases.selectSurgeon.includes(item.SurgeonName)));\n }\n if (filterCases.hasOwnProperty('selectHospitals')) {\n data = (data.filter((item) => filterCases.selectHospitals.includes(item.CustomerName)));\n }\n if (filterCases.hasOwnProperty('selectedRefs')) {\n data = (data.filter((item) => filterCases.selectedRefs.includes(item.CoverRep)));\n }\n if (filterCases.hasOwnProperty('ProcedureType')) {\n data = (data.filter((item) => item.ProcedureType === filterCases.ProcedureType));\n }\n if (filterCases.hasOwnProperty('selectedTypes')) {\n data = (data.filter((item) => filterCases.selectedTypes.includes(item.CaseType)));\n }\n if (filterCases.hasOwnProperty('Side')) {\n data = (data.filter((item) => filterCases.Side.includes(item.Side)));\n }\n if (filterCases.hasOwnProperty('PatientID')) {\n data = (data.filter((item) => item.PatientID === filterCases.PatientID));\n }\n }\n this._updateCaseList(data, false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _updateCaseList = (caseList, detailUpdate = true) => {\n try {\n const response = sortBy(caseList, ['CaseTime', 'CustomerName', 'SurgeonName', 'PatientID']);\n if (detailUpdate) {\n this.setState({\n localFilterCases: response,\n casesDetail: response,\n });\n } else {\n this.setState({\n localFilterCases: response\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancel = async (id) => {\n try {\n this.setState({ cancelId: id });\n this.cancelCaseModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelCaseBack = () => {\n try {\n this.cancelCaseModal.hide();\n this.setState({ acmCases: {} });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetACMCase = async (id) => {\n try {\n const { tableName } = this.props;\n const acmCase = await getTableCaseByCaseId(id, tableName);\n if (acmCase.ACMCaseID !== null) {\n return this.setState({ acmCases: acmCase });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseCancel = async () => {\n try {\n const {\n notify, setLoader, online, tableName\n } = this.props;\n const { cancelId } = this.state;\n const caseRes = await getTableCaseByCaseId(cancelId, tableName);\n if (caseRes && caseRes.DGR === '1') {\n setLoader(true);\n this.caseChangesNoLonger.show();\n setLoader(false);\n return;\n }\n\n if (online) {\n const cancelCaseRes = await cancelCase(caseRes.CaseScheduleID);\n const { message, status } = cancelCaseRes;\n if (status) {\n setLoader(true);\n if (message.length > 0) {\n // notify({ type: 'success', message });\n }\n await deleteCaseByCaseId(caseRes.id);\n await this._getFilterCases();\n // browserHistory.push('/manage-cases');\n } else {\n notify({ type: 'error', message, time: 3 });\n }\n setLoader(false);\n } else {\n await deleteCaseByCaseId(caseRes.id);\n await this._getFilterCases();\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCaseSubmitted = () => {\n try {\n this.alreadySubmittedCase.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenMrnPatientIdModal = async (id) => {\n try {\n this.setState({\n mrnOrPatientCaseId: id\n });\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitCase = async (id) => {\n try {\n const {\n notify, online, setLoader, tableName, team: { dgrRequired }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({\n caseDetail\n });\n // const responseJson = {};\n if (online) {\n if ((caseDetail.case_products.length > 0 || caseDetail.case_dgrs.length === 0)\n && caseDetail.ProductSubmitted === '0' && dgrRequired === 6 && caseDetail.case_dgrs.length === 0) {\n // notify({ type: 'error',\n // message: 'A DGR must be uploaded for this case before it can be submitted.' });\n this.dgrRequiredOnSubmitCaseModal.show();\n return;\n }\n if (caseDetail.case_products.length >= 0 && caseDetail.ProductSubmitted === '0') {\n this.zeroProductSubmitModal.show();\n } else {\n let responseJson = {};\n caseDetail.Submitted = '1';\n caseDetail.ProductSubmitted = (((caseDetail.case_dgrs.length > 0 || caseDetail.case_products.length > 0) && (caseDetail.ProductSubmitted === '0')) ? '1'\n : ((caseDetail.case_dgrs.length > 0 || caseDetail.case_products.length === 0) && (caseDetail.ProductSubmitted === '1')) ? '1' : null);\n // caseDetail.ProductSubmitted = (((caseDetail.case_dgrs.length > 0\n // || caseDetail.case_products.length >= 0)\n // && (caseDetail.ProductSubmitted === '0')) ? '1' : null);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectedSets = newArrayOfObj;\n setLoader(true);\n await updateCase(caseDetail);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n await this._getFilterCases();\n } else {\n notify({ type: 'error', message });\n }\n }\n } else {\n caseDetail.Sync = 1;\n caseDetail.Submitted = '1';\n caseDetail.ProductSubmitted = '1';\n updateCaseByPrimaryId(caseDetail.id, caseDetail);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseNo = () => {\n try {\n this.zeroProductSubmitModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onNextAddPatientIdOrMrn = () => {\n try {\n this.requiredmrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddPatientIdOrMrn = () => {\n try {\n this.mrnOrPatientModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVhnPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vhnPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VHN-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddVrasPpc = async (id) => {\n try {\n const { tableName, setLoader } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n let caseDetail = {};\n if (id === undefined) {\n caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n } else {\n caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ mrnOrPatientCaseId: id });\n }\n if (caseDetail.VelysUsed === null) {\n this.vrasPpcModal.show();\n setLoader(false);\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${id}/products/list`);\n setLoader(false);\n } else {\n browserHistory.push(`/manage-case/${id}/products/add`);\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcYes = async () => {\n try {\n const {\n tableName, setVhnPpcOtherCharge, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'YES',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n setVhnPpcOtherCharge(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n caseDetail.Sync = 1;\n updateTableWiseCaseByCaseId(caseDetail.id, caseDetail, tableName);\n if (complainAppData.ComplianceType === 'VRAS-PPC') {\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add/other-charge`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcNo = async () => {\n try {\n const {\n tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vrasPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vrasPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vrasPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'NO',\n // ResponseDate: momentTz(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: momentTz(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? '0' : '1'\n };\n setLoader(true);\n if (online) {\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n });\n } else {\n await insertComplianceApp(complainAppData);\n this._onGoBack();\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMrnPatientIdAdd = async (formData) => {\n try {\n const {\n notify, online, setLoader, tableName\n } = this.props;\n const { mrnOrPatientCaseId } = this.state;\n const caseDetail = await getTableCaseByCaseId(mrnOrPatientCaseId, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n\n if (online && caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n if (!Object.keys(formData).length > 0) {\n this._onNextAddPatientIdOrMrn();\n return;\n }\n if (formData.hasOwnProperty('patientId')) {\n caseDetail.PatientID = (formData.patientId !== null || formData.patientId !== undefined)\n ? formData.patientId\n : null;\n }\n if (formData.hasOwnProperty('mrn')) {\n caseDetail.MRN = (formData.mrn !== null || formData.mrn !== undefined)\n ? formData.mrn\n : null;\n }\n if (online) {\n setLoader(true);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectedSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n updateCase(caseDetail).then(async (responseJson) => {\n setLoader(false);\n const { status, message } = responseJson;\n if (status) {\n if (Object.keys(formData).length > 0) {\n // notify({ type: 'success', message });\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && vhnPpcValue.VHN_PPC === '1') {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n }\n\n // Update into local db\n updateCaseByPrimaryId(caseDetail.id, caseDetail);\n // setLoader(false);\n this.setState({ caseDetail });\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n caseDetail.Sync = 1;\n this._onGoBack();\n if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'HIP' && vhnPpcValue.VHN_PPC === '1') {\n this._onAddVhnPpc();\n } else if ((caseDetail.case_products.length > 0\n || caseDetail.case_products.length === 0)\n && caseDetail.CaseType === 'KNEE' && (vhnPpcValue.VRAS_PPC === '1' || vhnPpcValue.VRAS_Other === '1')) {\n this._onAddVrasPpc();\n } else if (caseDetail.case_products.length > 0) {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/list`);\n } else {\n browserHistory.push(`/manage-case/${mrnOrPatientCaseId}/products/add`);\n }\n updateCaseByPrimaryId(caseDetail.id, caseDetail);\n setLoader(false);\n this.setState({ caseDetail });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitProductCaseYes = async () => {\n try {\n const {\n notify, setLoader\n } = this.props;\n const { caseDetail } = this.state;\n let responseJson = {};\n caseDetail.Submitted = '1';\n caseDetail.ProductSubmitted = '1';\n await this._getFilterCases();\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectedSets = newArrayOfObj;\n await updateCase(caseDetail);\n setLoader(false);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateCaseByCaseId(caseDetails.RepCaseNo, caseDetails);\n await this._getFilterCases();\n // updateCaseByPrimaryId(caseDetail.id, caseDetail);\n this.zeroProductSubmitModal.hide();\n } else {\n notify({ type: 'error', message });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSmallLargeCard = () => {\n try {\n const { hideAndShowCard } = this.state;\n const { setCalendarFilter } = this.props;\n this.setState({ hideAndShowCard: !hideAndShowCard }, () => {\n setCalendarFilter({ hideAndShowCard: !hideAndShowCard });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _goBack = () => {\n try {\n const {\n goBack,\n setCalendarFilter,\n setCaseFilter,\n setSavedScrollPosition\n } = this.props;\n\n setCalendarFilter({});\n if (goBack[goBack.length - 1] === '/manage-cases') {\n setCaseFilter({});\n }\n setSavedScrollPosition(0);\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width });\n }\n\n _onGroupByHospital = async () => {\n try {\n const { isGroup } = this.state;\n this.setState({\n isGroup: !isGroup\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSort = async () => {\n try {\n const { orderByFlag, orderByFlagCard } = this.state;\n this.setState({\n orderByFlag: orderByFlag === 'asc' ? 'desc' : 'asc',\n orderByFlagCard: !orderByFlagCard\n }, () => this._getFilterCasesSort());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getFilterCasesSort = async () => {\n try {\n const { filterCases } = this.state;\n const searchData = {};\n\n searchData.Date_start = filterCases.mix !== undefined\n ? filterCases.mix[0] !== undefined ? moment(filterCases.mix[0].split('-')[0], 'DD MMM YYYY').format('YYYY/MM/DD') : '' : '';\n searchData.Date_end = filterCases.mix !== undefined\n ? filterCases.mix[0] !== undefined ? moment(filterCases.mix[0].split('-')[1], 'DD MMM YYYY').format('YYYY/MM/DD') : '' : '';\n searchData.CoverRep = filterCases.selectedRefs !== undefined\n ? JSON.stringify(filterCases.selectedRefs)\n : [];\n searchData.Hospital = filterCases.selectHospitals !== undefined\n ? JSON.stringify(filterCases.selectHospitals)\n : [];\n searchData.SurgeonName = filterCases.selectSurgeon !== undefined\n ? JSON.stringify(filterCases.selectSurgeon)\n : [];\n searchData.AltCaseType = filterCases.selectedTypes !== undefined\n ? JSON.stringify(filterCases.selectedTypes)\n : [];\n searchData.ProcedureType = filterCases.ProcedureType !== undefined\n ? JSON.stringify(filterCases.ProcedureType)\n : [];\n searchData.Side = filterCases.Side !== undefined\n ? JSON.stringify(filterCases.Side)\n : [];\n searchData.PatientID = filterCases.PatientID !== undefined\n ? JSON.stringify(filterCases.PatientID.map((element) => element.trim().toUpperCase()))\n : [];\n searchData.RepNotes = filterCases.RepNotes !== undefined\n ? JSON.stringify(filterCases.RepNotes.map((element) => element.trim()))\n : [];\n searchData.Comments = filterCases.Comments !== undefined\n ? JSON.stringify(filterCases.Comments.map((element) => element.trim()))\n : [];\n searchData.SurgeonNotes = filterCases.SurgeonNotes !== undefined\n ? JSON.stringify(filterCases.SurgeonNotes.map((element) => element.trim()))\n : [];\n searchData.Keyword = filterCases.keywordSearch !== undefined\n ? JSON.stringify(filterCases.keywordSearch.map((element) => element.trim())) : [];\n searchData.VelysUsed = filterCases.Velys !== undefined\n ? filterCases.Velys[0] : '';\n searchData.CaseNo = filterCases.CaseNo !== undefined\n ? filterCases.CaseNo[0] : '';\n const arraySearchData = {};\n if (filterCases.ProductNo !== undefined) {\n arraySearchData.ProductNo = filterCases.ProductNo;\n }\n this.getFilterCases(filterCases);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setShipments = async () => {\n try {\n const shipmentsRes = await getShipments({});\n this.setState({ shipments: shipmentsRes.data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n sortCaseGroupData = (data) => {\n const sortedCaseData = _.sortBy(data,\n [function (item) { return item.customer; }]);\n const filteredNullCaseData = sortedCaseData.filter((item) => item.customer === 'null');\n const filteredCaseData = sortedCaseData.filter((item) => item.customer !== 'null');\n for (const caseData of filteredNullCaseData) {\n filteredCaseData.unshift(caseData);\n }\n\n return filteredCaseData;\n }\n\n _onShipmentsTruck = (cases) => {\n if (cases.shipFromLoc === 'ALL') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=DEPUY&shipTo=${cases.customer}`);\n } else if (cases.shipFromLoc === 'DEPUY') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=DEPUY&shipTo=${cases.customer}`);\n } else if (cases.shipFromLoc === 'OFFICE') {\n this._onRedirect(`/inventory/shipments?shipFromLoc=OFFICE&shipTo=${cases.customer}`);\n }\n }\n\n _onSubmitACMPushCase = async () => {\n try {\n const {\n notify, online, setLoader, tableName\n } = this.props;\n const { caseDetail } = this.state;\n\n if (online) {\n let responseJson = {};\n setLoader(true);\n responseJson = await listSingleCase(caseDetail.CaseScheduleID);\n const { message, status } = responseJson;\n if (status) {\n const caseDetails = responseJson.data[0];\n caseDetails.id = parseInt(caseDetail.id, 10);\n caseDetails.CaseDate = caseDetail.CaseDate;\n caseDetails.CaseTime = caseDetail.CaseTime;\n // Update the response when update API change\n updateTableWiseCaseByCaseId(caseDetails.RepCaseNo, caseDetails, tableName);\n await this._getFilterCases();\n } else {\n notify({ type: 'error', message });\n }\n } else {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCase = async (id) => {\n try {\n const {\n notify, online, tableName\n } = this.props;\n\n if (online) {\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n this.setState({ caseDetail });\n\n if (caseDetail.ACM === '0') {\n this.setState({\n acmPushCaseStatusCount: 1\n });\n this._onACMPushCaseStatus();\n } else {\n this._onACMPushCaseConfirm();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onPushCaseYes = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const {\n caseDetail: {\n Age,\n Gender,\n Height,\n HeightUnits,\n PatientID,\n Weight,\n WeightUnits,\n case_xrays,\n MRN,\n Side,\n },\n } = this.state;\n\n if (online) {\n let xrayCountFlag = 0;\n const xrayStatusFlag = typeof case_xrays !== 'undefined' ? case_xrays.length : 0;\n if (xrayStatusFlag > 0) {\n case_xrays.forEach((element) => {\n if (element.Filename.includes('.dcm')) {\n xrayCountFlag++;\n }\n });\n }\n\n if (Number(xrayCountFlag) > 0) {\n const MessageStatusFlag = [];\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (Side === '' || Side === null) {\n MessageStatusFlag.push(MessageStatusFlag.length > 0 ? '& Side' : 'Side');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmMessageStatusFlag: MessageStatusFlag,\n acmPushCaseStatusCount: 5\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n } else {\n const fieldsToCheck = [\n { field: Age, name: 'Age' },\n { field: Gender, name: 'Gender' },\n { field: Height, name: 'Height' },\n { field: HeightUnits, name: 'Height Units' },\n { field: Side, name: 'Side' },\n { field: Weight, name: 'Weight' },\n { field: WeightUnits, name: 'Weight Units' },\n ];\n\n const MessageStatusFlag = fieldsToCheck.filter(\n ({ field }) => typeof field === 'undefined' || field === null || field === '' || field === '.00'\n )\n .map(({ name }) => name);\n\n if ((PatientID === '' || PatientID === null) && (MRN === '' || MRN === null)) {\n MessageStatusFlag.push('Patient or MRN');\n }\n\n if (MessageStatusFlag.length > 0) {\n this.setState({\n acmPushCaseStatusCount: 2,\n acmMessageStatusFlag: MessageStatusFlag.sort()\n });\n this._onACMPushCaseStatus();\n } else {\n this._updatePushToACM();\n }\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _updatePushToACM = async () => {\n try {\n const {\n online,\n notify,\n setLoader,\n user: {\n territories,\n territoryId\n }\n } = this.props;\n const {\n caseDetail: {\n CaseScheduleID\n },\n } = this.state;\n\n if (online) {\n setLoader(true);\n const pushData = {\n caller: 'OPT'\n };\n\n territories.map((item) => {\n if (item.id === territoryId) {\n pushData.TerritoryCode = item.abb;\n }\n });\n\n const acmResponseJson = await updatePushToACM(CaseScheduleID, pushData);\n const { message, status, result } = acmResponseJson;\n setLoader(false);\n if (typeof result !== 'undefined' && result === 'failure') {\n } else {\n if (status) {\n this.setState({\n acmPushCaseStatusCount: 4,\n acmMessageStatusMessage: message\n });\n } else {\n this.setState({\n acmPushCaseStatusCount: 3,\n acmMessageStatusMessage: message\n });\n }\n\n this._onACMPushCaseStatus();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseStatus = async () => {\n try {\n const {\n online,\n notify,\n } = this.props;\n const { acmPushCaseStatusCount } = this.state;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n\n if (acmPushCaseStatusCount === 4) {\n this._onSubmitACMPushCase();\n }\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPushCaseNo = () => {\n try {\n const {\n online, notify\n } = this.props;\n if (online) {\n this.setState({\n acmPushCaseStatusCount: 0,\n acmMessageStatusFlag: [],\n acmMessageStatusMessage: ''\n });\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onACMPushCaseStatus = () => {\n try {\n const acmPushCaseStatus = new window.bootstrap.Modal(window.$('#acmPushCaseStatusModal'));\n acmPushCaseStatus.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onACMPushCaseConfirm = () => {\n try {\n const acmPushCaseConfirm = new window.bootstrap.Modal(window.$('#acmPushCaseConfirmModal'));\n acmPushCaseConfirm.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n caseFilter,\n calendarFilter,\n online,\n user: {\n isBigCards\n },\n } = this.props;\n let { filterCases } = this.state;\n await this._getScreenWidth();\n\n const user = await getUser();\n if (user.isGroupByHospital) {\n this.setState({\n isGroup: user.isGroupByHospital\n });\n }\n\n if (online) {\n this._setShipments();\n }\n\n const selectedStartDate = Array.isArray(caseFilter.selectedStartDate)\n ? caseFilter.selectedStartDate\n : [moment(caseFilter.selectedStartDate).format('DD MMM YYYY')];\n\n const selectedEndDate = Array.isArray(caseFilter.selectedEndDate)\n ? caseFilter.selectedEndDate\n : [moment(caseFilter.selectedEndDate).format('DD MMM YYYY')];\n\n if ((caseFilter.selectedEndDate !== '' && caseFilter.selectedEndDate !== undefined)\n || (caseFilter.selectedStartDate !== '' && caseFilter.selectedStartDate !== undefined)) {\n const mix = [`${selectedStartDate[0]} - ${selectedEndDate[0]}`];\n filterCases = { ...filterCases, mix };\n caseFilter.mix = `${selectedStartDate[0]} - ${selectedEndDate[0]}`;\n } else if (caseFilter.mix !== '' && caseFilter.mix !== undefined) {\n const selectedDate = Array.isArray(caseFilter.mix)\n ? caseFilter.mix\n : [caseFilter.mix];\n filterCases = { ...filterCases, mix: selectedDate };\n }\n\n delete caseFilter.selectedStartDate;\n delete caseFilter.selectedEndDate;\n this.setState({\n filterCases: { ...caseFilter, ...filterCases },\n hideAndShowCard: isBigCards === true ? false\n : isBigCards === false ? true\n : calendarFilter.hideAndShowCard\n }, () => this._getFilterCases());\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n hideAndShowCard,\n filterCases,\n localFilterCases,\n caseDetail,\n acmCases,\n screenWidth,\n isGroup,\n hospitalGroupCasesListData,\n orderByFlagCard,\n acmPushCaseStatusCount,\n acmMessageStatusFlag,\n acmMessageStatusMessage,\n } = this.state;\n const {\n user: {\n scanner, territories, selectedTeam, territoryId\n }\n } = this.props;\n let indexKey = 1;\n return (\n \n
\n \n
\n Result set exceeds 500 records, please refine your search criteria.
\n\n
\n \n
\n \n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n\n \n
\n\n Cases: {localFilterCases.length}
\n\n \n {\n (!isGroup)\n ? \n : \n }\n \n\n \n {orderByFlagCard ? 
: 
}\n \n\n \n {hideAndShowCard ? : }\n \n
\n\n \n {\n (\n filterCases && Object.keys(filterCases).map((key) => (\n filterCases[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n {key === 'Velys' ? (\n
\n VELYS: {item[0] === 'N' ? 'No' : 'Yes'}
\n ) : (\n{item}
\n )}\n \n\n {\n (hospitalGroupCasesListData.length > 0)\n && hospitalGroupCasesListData.map((caseValue, caseKey) => (\n
\n ))\n }\n \n
\n )) : (caseValue.dataNonGroup.length > 0)\n && caseValue.dataNonGroup.map((cases, key) => (\n \n
\n\n {\n isGroup\n ? (caseValue.data.length > 0)\n && caseValue.data.map((cases, key) => (\n {moment(caseValue.date).format('dddd, MMM DD, YYYY')}\n
\n\n \n
\n\n \n
\n {cases.customer === 'null' ? '-' : cases.customer}
\n {\n cases.hasShipments ? (\n <>\n \n \n this._onShipmentsTruck(cases)}\n >\n \n \n
\n \n {cases.qty}\n { }\n : () => this._onRedirect(`/manage-case/aggregate-plan/${cases.id}`)}\n >\n \n \n
\n \n ) : (\n \n {cases.qty}\n { }\n : () => this._onRedirect(`/manage-case/aggregate-plan/${cases.id}`)}\n >\n \n \n
\n )\n }\n \n
\n \n
\n \n {\n cases.data.map((data) => (\n
\n \n
\n ))\n }\n \n
\n \n
\n \n
\n \n
\n \n );\n }\n}\n\nexport default PreferenceDeleteConfirmation;\n","import React, { Component } from 'react';\nimport { change, Field, reduxForm } from 'redux-form';\nimport Select2 from 'react-select2-wrapper';\nimport { browserHistory, Link } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withPreference from '../../common/withPreference';\nimport Header from '../../components/Header';\nimport { renderField, required, preferenceNameExtraMatches } from '../../helpers/form-validations';\nimport {\n countImplantInstrument, isMobile, onGoBack, sortData\n} from '../../common/globals';\nimport {\n getCaseType,\n getPreferenceByName\n} from '../../utils/db';\nimport withOnline from '../../common/withOnline';\nimport { removePreference, editPreference, addPreference } from '../../utils/utils';\nimport Bugsnag from '../../helpers/bugsnag';\nimport PreferenceDeleteConfirmation from '../../components/Models/PreferenceDeleteConfirmation';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport withSetsListStateStorage from '../../common/withSetsListStateStorage';\n\nclass AddPreference extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n preference: {\n id: '',\n PreferenceName: '',\n RepNotes: '',\n Comments: '',\n CaseType: '',\n selectedSets: []\n },\n caseTypes: [],\n instrumentCount: 0,\n implantCount: 0\n };\n this.deletePreference = null;\n this.savePreferenceOnBack = null;\n }\n\n componentDidMount() {\n try {\n const { setSetsListStateStorage } = this.props;\n setSetsListStateStorage({});\n this.deletePreference = new window.bootstrap.Modal(\n window.$('#preferenceDeleteConfirmation')\n );\n this.savePreferenceOnBack = new window.bootstrap.Modal(\n window.$('#acmProductGoBackModal')\n );\n window.scrollTo(0, 0);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = () => {\n try {\n const {\n notify, preference, setLoader, online, setPreference\n } = this.props;\n preference.PreferenceName = preference.PreferenceName.toUpperCase();\n\n if (!online) {\n notify({ type: 'error', message: 'You must have an internet connection. Please check you connection and try again.', time: 3 });\n return false;\n }\n\n let APICall = null;\n setLoader(true);\n if (preference.id !== '') {\n APICall = editPreference(preference.id, preference);\n } else {\n APICall = addPreference(preference);\n }\n\n APICall.then((response) => {\n const { result, message } = response;\n setLoader(false);\n if (result === 'success') {\n // notify({ type: 'success', message });\n setPreference({});\n browserHistory.push('/preferences');\n } else {\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddSets = () => {\n try {\n const {\n goBack, setGoBack, preference, notify\n } = this.props;\n if (preference.CaseType === '') {\n notify({ type: 'error', message: 'Please select case type.' });\n return;\n }\n\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n browserHistory.push((preference.id !== '') ? `/preferences/${preference.id}/sets` : '/preferences/new/sets');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseType = async () => {\n try {\n const typeRes = await getCaseType();\n const sortType = sortData(typeRes, 'OptionName');\n this.setState({\n caseTypes: sortType\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fetchPreference = () => {\n try {\n const {\n params, preference\n } = this.props;\n const id = params.hasOwnProperty('id') ? params.id : '';\n this.setState({\n preference: { ...preference, id },\n }, () => {\n this._fillForm();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fillForm = () => {\n try {\n const { dispatch } = this.props;\n const { preference } = this.state;\n Object.keys(preference).map((key) => {\n dispatch(change('preferenceForm', key, preference[key]));\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemovePreference = async () => {\n try {\n const {\n preference, setPreference, online, setLoader, notify\n } = this.props;\n if (online) {\n setLoader(true);\n await removePreference(preference.id).then(async (response) => {\n setLoader(false);\n const { result, message } = response;\n if (result === 'success') {\n // notify({ type: 'success', message });\n setPreference({});\n browserHistory.push('/preferences');\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveCancelOrBack = () => {\n try {\n const {\n setPreference, goBack\n } = this.props;\n setPreference({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = async () => {\n try {\n const { preference } = this.props;\n if (preference.id !== '') {\n const oldPreference = await getPreferenceByName(preference.id);\n if (oldPreference.length > 0) {\n if (oldPreference[0].PreferenceName !== preference.PreferenceName\n || oldPreference[0].CaseType !== preference.CaseType\n || oldPreference[0].RepNotes !== preference.RepNotes\n || oldPreference[0].Comments !== preference.Comments) {\n // TODO: Compare selectedSets as well\n this.savePreferenceOnBack.show();\n } else {\n this._onSaveCancelOrBack();\n }\n } else {\n this._onSaveCancelOrBack();\n }\n } else if (preference.PreferenceName !== '' || preference.CaseType !== '') {\n this.savePreferenceOnBack.show();\n } else {\n this._onSaveCancelOrBack();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPreferenceSave = () => {\n try {\n const {\n notify, preference\n } = this.props;\n\n if (Object.keys(preference).length > 0) {\n if (preference.PreferenceName === '') {\n notify({ type: 'error', message: 'Please enter preference name.' });\n return;\n }\n\n if (preference.CaseType === '') {\n notify({ type: 'error', message: 'Please select case type.' });\n return;\n }\n\n if (preference.selectedSets.length === 0) {\n notify({ type: 'error', message: 'Please select sets.' });\n return;\n }\n this._onSubmit();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangePreferenceName = (e) => {\n try {\n const { preference } = this.state;\n this.setState({ preference: { ...preference, PreferenceName: e.target.value } }, () => {\n this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeRepNotes = (key, value) => {\n try {\n const { preference } = this.state;\n // window.firstLetterCapital('#preferenceRepNotes');\n preference[key] = value;\n this.setState({\n preference: {\n ...preference,\n }\n }, () => {\n this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n onChangeComments = (key, value) => {\n try {\n const { preference } = this.state;\n preference[key] = value;\n // window.firstLetterCapital('#preferenceOfficeNotes');\n this.setState({\n preference: {\n ...preference,\n }\n }, () => {\n this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeCaseType = (e) => {\n try {\n const { preference } = this.state;\n this.setState({ preference: { ...preference, CaseType: e.target.value } }, () => {\n this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _updatePreferenceState = () => {\n try {\n const { setPreference } = this.props;\n const { preference } = this.state;\n setPreference(preference);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { preference } = this.props;\n this._getCaseType();\n this._fetchPreference();\n // Count implant/instrument\n const qtyImplantInstrument = countImplantInstrument(preference.selectedSets);\n this.setState({\n instrumentCount: qtyImplantInstrument.instrumentQty,\n implantCount: qtyImplantInstrument.implantQty\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n render() {\n const { handleSubmit, params } = this.props;\n const {\n preference, caseTypes, instrumentCount, implantCount\n } = this.state;\n return (\n \n
\n \n
\n Delete Preference
\nAre you sure you want to delete this Team Preference?\n
\n\n
\n \n
\n \n No\n \n
\n \n onRemovePreference()}\n data-bs-dismiss=\"modal\"\n >Yes\n \n
\n \n
\n \n \n
\n\n \n {showHeaderButton\n ? (\n <>\n
\n \n ExpressCare\n
\n \n Preferences\n
\n \n ) : }\n\n \n
\n {\n isSearch === true\n ? (\n \n
\n \n
\n \n
\n \n INS: {instrumentCount}\n
\n \n IMP:{implantCount}\n
\n \n \n
\n \n
\n )\n : ''\n }\n \n
\n \n {\n this._onSetSearch(value, () => {\n this._onFilter();\n });\n }}\n />\n \n
\n \n { setsGroup.length > 0\n ? setsGroup.map((item, index) => (\n
\n No sets match your filters
}\n\n
\n \n
\n \n
\n \n
\n \n {\n this._onSelectedSets(e);\n }}\n >Selected\n \n
\n \n
\n \n this._onDeviceTypeClick(e)}\n >Implant\n \n this._onDeviceTypeClick(e)}\n >Instrument\n \n
\n \n
\n \n this._onProcedureTypeClick(e)}\n >Primary\n \n this._onProcedureTypeClick(e)}\n >Revision\n \n
\n \n onClickGroup()}\n >Group\n {/* {selectedGroup ? selectedGroup.SetGroup : 'Group'} */}\n \n
\n \n onClickComponent()}\n >{selectedComponent ? selectedComponent.Component : 'Component'}\n \n
\n \n
\n \n
\n \n
\n - \n {\n locations.length > 0\n ? locations.map((data, index) => (\n
No locations available
\n }\n \n
\n {\n officeSetsGroupData.length > 0 ? (\n \n
\n \n
\n {\n (isSearch === true)\n ? (\n \n
\n \n {\n officeSetsGroupData.length > 0\n ?
\n Sets
: ''\n }\n\n {\n officeSetsGroupData.length > 0 ? (\n \n
\n \n
\n ) : ''\n }\n \n
\n \n {\n this._onSetSearch(value, () => {\n this._onFilter();\n });\n }}\n />\n \n
\n \n {\n officeSetsGroupData.length > 0\n ? officeSetsGroupData.map((item, index) => (\n
\n\n \n
\n )) : {item.group}
\n- \n {\n item.children.map((data, key) => (\n
- \n \n\n \n ))\n }\n
No sets match to your filters
\n }\n- \n {ALPHANUMERIC.map((name, index) => (\n
- \n {name}\n \n ))}\n
\n
\n \n
\n \n
\n \n {\n getTerritoryData(user).isSetMove && getTeamData(user).isSetMove ? (\n
\n \n \n \n \n
\n ) : null\n }\n \n \n {selectedLocationAbb || 'Location'}\n \n
\n \n \n {selectedType || 'Type'}\n \n
\n \n
\n \n this._onDeviceTypeClick(e)}\n >Implant\n \n this._onDeviceTypeClick(e)}\n >Instrument\n \n
\n \n
\n \n this._onProcedureTypeClick(e)}\n >Primary\n \n this._onProcedureTypeClick(e)}\n >Revision\n \n
\n \n {selectedSetGroup || 'Group'}\n \n
\n \n {selectedComponent || 'Component'}\n \n
\n \n
\n \n
\n \n
\n - \n {\n backordersCaseTypes.length > 0\n ? backordersCaseTypes.map((type, index) => (\n
- \n \n\n\n {type}\n\n \n \n ))\n :
No case types available
\n }\n \n
\n \n
\n \n
\n - \n {\n backordersAccounts.length > 0\n ? backordersAccounts.map((data, index) => (\n
- \n \n\n\n {data.AccountName}\n\n \n \n ))\n :
No accounts available
\n }\n \n this.setState({ isInfo: true })}\n style={{\n position: 'fixed',\n zIndex: 999999,\n right: '6%',\n top: 11,\n cursor: 'pointer'\n }}\n >\n
\n \n Updated: {updatedAt}\n
\n ))}\n {selectedProduct.map((product, i) => (\n \n Account\n \n Product\n \n \n Type\n \n
\n \n {selectedAccount.map((account, i) => (\n \n {account}\n {\n const tempAccounts = selectedAccount;\n tempAccounts.splice(i, 1);\n this.setState({\n selectedAccount: tempAccounts\n }, this._onBackordersSearch);\n }}\n style={{ marginLeft: 16, cursor: 'pointer' }}\n >\n x\n
\n \n
\n )}\n {backorders[item].cleared\n .map((accountOrder, i) => (\n \n { accounts.length > 0\n ? accounts.map((item, index) => (\n
\n ))}\n {backorders[item].cleared.length > 0\n && (\n \n
\n 0\n || selectedCaseType.length > 0\n || selectedProduct.length > 0 ? 158 : 124,\n marginBottom: 0,\n zIndex: 999,\n }}\n >{item}\n
\n {backorders[item].current.length > 0\n && (\n 0\n || selectedCaseType.length > 0\n || selectedProduct.length > 0 ? 192 : 158,\n backgroundColor: '#212121',\n paddingTop: 4,\n paddingBottom: 4,\n }}\n >CURRENT BACKORDERS\n
\n )}\n {backorders[item].current\n .map((accountOrder, i) => (\n \n \n \n \n
\n \n
\n {accountOrder.ProductNo}
\n {accountOrder.ProductDescription}
\n Qty: -{accountOrder.Qty}
\n \n
\n \n \n \n
\n
\n | Order Date | \nOrder# | \nBO Qty | \nBO Days | \n
| {moment(order.OrderDate).format('MM/DD/YY')} | \n{order.OrderNo} | \n{order.Qty} | \n{order.BODays} | \n
0\n || selectedCaseType.length > 0\n || selectedProduct.length > 0 ? 182 : 148\n }}\n >\n \n
\n \n CLEARED BACKORDERS\n
\n \n \n \n \n
\n \n
\n {accountOrder.ProductNo}
\n {accountOrder.ProductDescription}
\n Qty: {accountOrder.Qty}
\n \n \n
\n \n ))}\n \n ))\n : noRecords\n ? \n \n \n
\n
\n | Order Date | \nOrder# | \nBO Qty | \nCleared Date | \n
| {moment(order.OrderDate).format('MM/DD/YY')} | \n{order.OrderNo} | \n{order.Qty} | \n{moment(order.ClearedDate).format('MM/DD/YY')} | \n
No backorders are currently recorded for your team
\n :No sets match to your filters
}\n \n\n \n\n
\n )\n }\n \n
\n \n
\n \n
\n \n 1. Due to the movement of product between accounts, the\n backorder location data is approximate. You should physically verify\n your consignment products prior to any surgery.\n
\n \n 2. Most cleared backorders have shipped. However, some may have\n been canceled in the system. Check with your office if you have\n any questions.\n
\n \n
\n {\n expressCareGroupData.length > 0 && (\n \n {\n expressCareGroupData.length > 0\n && (\n
\n\n \n
\n )\n }\n {\n (isSearch === true)\n ? (\n \n
\n \n
\n Sets
\n\n \n \n \n
\n \n
\n ) : ''\n }\n \n
\n \n {\n this._onSetSearch(value, () => {\n this._onFilter();\n });\n }}\n />\n \n
\n \n {expressCareGroupData.length > 0\n ? expressCareGroupData.map((item, index) => (\n
\n \n
\n )) : {item.group}
\n- \n {\n item.children.map((data, key) => (\n
- \n \n this._onClickExpressSets(data)}>\n {data.SetName}\n
{data.ECSetDescription}\n \n \n ))\n }\n
No sets match your filters
}\n- \n {ALPHANUMERIC.map((name, index) => (\n
- \n {name}\n \n ))}\n
\n
\n \n
\n \n
\n \n
\n \n {selectedType || 'Type'}\n \n
\n \n
\n \n this._onDeviceType(e)}\n value=\"IMPLANT\"\n >\n Implant\n \n this._onDeviceType(e)}\n value=\"INSTRUMENT\"\n >Instrument\n \n
\n \n
\n \n );\n }\n}\n\nexport default SaveProductError;\n","import React, { Component } from 'react';\n\nclass ManuallyProductWarnModal extends Component {\n render() {\n const { onClickContinue, onClickTryAgain } = this.props;\n return (\n \n
\n \n
\n Save Products
\nThere are {inventoryCount} products that require an inventory type.
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default ManuallyProductWarnModal;\n","import React, { Component } from 'react';\n\nclass ClearAllProducts extends Component {\n render() {\n const { onClearAll } = this.props;\n return (\n \n
\n \n
\n Product
\nProduct number can not be validated.
\n\n
\n \n
\n \n onClickTryAgain()}\n >Try Again\n \n
\n \n onClickContinue()}\n >\n Continue\n \n
\n \n
\n \n );\n }\n}\n\nexport default ClearAllProducts;\n","import { connect } from 'react-redux';\nimport { scannerSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setScanner: (data) => {\n dispatch(scannerSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n scanner: state.scanner ? state.scanner : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { lotScannerSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setLotScanner: (data) => {\n dispatch(lotScannerSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n lotScanner: state.lotScanner ? state.lotScanner : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { otherChargeSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setOtherCharge: (data) => {\n dispatch(otherChargeSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n otherCharge: state.otherCharge ? state.otherCharge : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\n\nclass NoProductModal extends Component {\n render() {\n const { onProductSaveYes, onProductSaveNo } = this.props;\n return (\n \n
\n \n
\n Clear All
\nDelete all Part and Lot scans?
\n\n
\n \n
\n \n \n
\n \n onClearAll()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default NoProductModal;\n","import React, { Component } from 'react';\n\nclass SaveProductModal extends Component {\n render() {\n const { onSave, parts, lotCount } = this.props;\n return (\n \n
\n \n
\n OPtimize
\nNo Product were scanned or entered.\n Is this correct?\n
\n\n
\n \n
\n \n onProductSaveNo()}\n >No\n \n
\n \n onProductSaveYes()}\n >Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default SaveProductModal;\n","import React, { Component } from 'react';\n\nclass DgrRequired extends Component {\n render() {\n const { onClickYes, onClickNo } = this.props;\n return (\n \n
\n \n
\n {`You have entered ${parts} ${parts > 1 ? 'parts' : 'part'} and ${lotCount} ${lotCount > 1 ? 'lots' : 'lot'}. Is this correct?`}
\n\n
\n \n
\n \n \n
\n \n onSave()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default DgrRequired;\n","import { connect } from 'react-redux';\nimport { readOnlyProductNotesSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setReadOnlyProductNotes: (data) => {\n dispatch(readOnlyProductNotesSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n readOnlyProductNotes: state.readOnlyProductNotes,\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\n\nclass FFFModal extends Component {\n render() {\n const { onFFFSaveYes, onFFFSaveNo } = this.props;\n return (\n \n
\n \n
\n A DGR must be uploaded for this case before it can be submitted. Upload DGR now?
\n\n
\n \n
\n \n onClickNo()}\n >No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default FFFModal;\n","import React, { Component } from 'react';\nimport Select2 from 'react-select2-wrapper';\nimport { browserHistory, Link } from 'react-router';\nimport { Field, reduxForm, change } from 'redux-form';\n// import moment from 'moment';\nimport moment from 'moment-timezone';\nimport Header from '../../components/Header';\nimport SaveProductError from '../../components/Models/SaveProductError';\nimport ManuallyProductWarnModal from '../../components/Models/ManuallyProductWarnModal';\nimport ClearAllProducts from '../../components/Models/ClearAllProducts';\nimport withUser from '../../common/withUser';\nimport withNotify from '../../common/withNotify';\nimport withProducts from '../../common/withProducts';\nimport withScanner from '../../common/withScanner';\nimport withLotScanner from '../../common/withLotScanner';\nimport withGoBack from '../../common/withGoBack';\nimport withOtherCharge from '../../common/withOtherCharge';\nimport withOnline from '../../common/withOnline';\nimport withLoader from '../../common/withLoader';\nimport withTableName from '../../common/withTableName';\nimport { renderField, required } from '../../helpers/form-validations';\nimport {\n getHospitalByCustomerNo,\n getInventoryType,\n getProduct,\n getTableCaseByCaseId, getVhnPpcValue, insertComplianceApp,\n updateTableCaseByPrimaryId,\n updateTableWiseCaseByCaseId,\n} from '../../utils/db';\nimport {\n addProduct, removeProduct, updateProduct, updateCase,\n uploadDgr, addComplianceAppData, listSingleCase\n} from '../../utils/utils';\nimport {\n onGoBack, sortData,\n SERVER_TIMEZONE,\n create_UUID, Fcm_Token,\n} from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\nimport NoProductModal from '../../components/Models/NoProductModal';\nimport ACMProductGoBackModal from '../../components/Models/ACMProductGoBackModal';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\nimport SaveProductModal from '../../components/Models/SaveProductModal';\nimport DgrRequiredModal from '../../components/Models/DgrRequired';\nimport withTeam from '../../common/withTeam';\nimport VhnPpcModal from '../../components/Models/VhnPpcModal';\nimport VelysLogoOrange from '../../assets/images/VELYS-Logo-Orange.png';\nimport VrasPpcModal from '../../components/Models/VrasPpcModal';\nimport withReadOnlyProductNotes from '../../common/withReadOnlyProductNotes';\n// import TakePhotoModal from '../../components/Models/TakePhotoModal';\nimport FFFModal from '../../components/Models/FFFModal';\nimport ProductNotSave from '../../components/Models/ProductNotSave';\n\nclass AddEditProduct extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isScanProduct: true,\n isScanLot: true,\n selectedInventoryType: '',\n productInventoryType: [],\n products: [],\n inventoryCount: 0,\n caseRes: {},\n manualProduct: {},\n manualLot: {},\n lotCount: 0,\n productCount: 0,\n dgrsCount: 0,\n velysUsed: '',\n NeedPrice: false,\n hospitalNeedPrice: false,\n PriceSheet: false,\n isFFFVisable: false,\n isFFFActivate: '',\n territoryData: false,\n productData: {},\n errorMessage: ''\n };\n this.saveProductErrortModal = null;\n this.manuallyProductWarnModal = null;\n this.noProductModal = null;\n this.setBackModal = null;\n this.caseChangesNoLonger = null;\n this.saveProductModalModal = null;\n this.clearAllProductsModal = null;\n this.dgrRequiredModal = null;\n this.vhnPpcModal = null;\n this.vrasPpcModal = null;\n // this.takePhotoModal = null;\n this.FFFModal = null;\n this.ProductNotSaveModal = null;\n }\n\n componentDidMount() {\n try {\n this.saveProductErrortModal = new window.bootstrap.Modal(window.$('#saveProductError'));\n this.manuallyProductWarnModal = new window.bootstrap.Modal(window.$('#manuallyProductWarnModal'));\n this.noProductModal = new window.bootstrap.Modal(window.$('#noProductModal'));\n this.setBackModal = new window.bootstrap.Modal(\n window.$('#acmProductGoBackModal')\n );\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n this.saveProductModalModal = new window.bootstrap.Modal(window.$('#saveProductModalModal'));\n this.clearAllProductsModal = new window.bootstrap.Modal(window.$('#clearAllProductsModal'));\n this.dgrRequiredModal = new window.bootstrap.Modal(window.$('#dgrRequiredModal'));\n this.vhnPpcModal = new window.bootstrap.Modal(window.$('#vhnPpcModalModal'));\n this.vrasPpcModal = new window.bootstrap.Modal(window.$('#vrasPpcModal'));\n // this.takePhotoModal = new window.bootstrap.Modal(window.$('#takePhotoModal'));\n this.FFFModal = new window.bootstrap.Modal(window.$('#FFFModal'));\n this.ProductNotSaveModal = new window.bootstrap.Modal(window.$('#ProductNotSaveModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductSaveYes = async () => {\n try {\n const {\n goBack, params: { id }, tableName, setProducts\n } = this.props;\n\n // const caseDetails = await getCaseByCaseId(id);\n const caseRes = await getTableCaseByCaseId(id, tableName);\n console.log(caseRes);\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n\n const compareValue = await this.compareUpdatedValue();\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectedSets = newArrayOfObj;\n caseDetail.ProductSubmitted = '0';\n caseDetail.ProductNotes = (caseDetail.ProductNotes === '' || caseDetail.ProductNotes === null) ? 'No products used' : caseDetail.ProductNotes;\n\n if (caseDetail.case_products.length === 0 && caseDetail.case_dgrs.length === 0) {\n caseDetail.DGRUpload = '0';\n }\n if (compareValue) {\n caseDetail.ProductSubmitted = '0';\n }\n\n caseDetail.CaseTime = this.state.caseRes.CaseTime;\n\n await updateCase(caseDetail);\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n setProducts([]);\n // await updateCaseByPrimaryId(id, caseDetail);\n this.noProductModal.hide();\n\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductSaveNo = () => {\n try {\n this.noProductModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancel = () => {\n try {\n const { setProducts } = this.props;\n this.saveProductModalModal.hide();\n setProducts([]);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = async () => {\n try {\n const { products } = this.state;\n const {\n params: { id }, setProducts, online, setLoader, goBack, tableName, setGoBack,\n user: {\n name,\n selectedTeam: { timezone }\n },\n team: { dgrRequired }\n } = this.props;\n const compareValue = await this.compareUpdatedValue();\n let inventoryCount = 0;\n const productsClone = [...products];\n productsClone.pop();\n productsClone.map((item) => {\n if (item.RepInventoryType === null || item.RepInventoryType === '') {\n inventoryCount += 1;\n }\n });\n this.setState({ inventoryCount });\n if (inventoryCount > 0) {\n this.saveProductErrortModal.show();\n this.saveProductModalModal.hide();\n } else {\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (caseDetail && caseDetail.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n const {\n CaseScheduleID, CaseDate, CaseTime, CustomerNo, CustomerName, SurgeonName,\n PatientID, ProcedureType, CaseType, Side, Comments,\n RepNotes, ProductNotes,\n ProductSubmitted, RepPONumber, Submitted, CoverRep, DGRUpload,\n MRN, Gender, Age, ACMPlannedParts, ACMSelectedParts, Height, Weight, selectedSets,\n case_dgrs, ...partialObject\n } = caseDetail;\n const subset = {\n CaseScheduleID,\n CaseDate,\n CaseTime,\n CustomerNo,\n CustomerName,\n SurgeonName,\n PatientID,\n ProcedureType,\n CaseType,\n Side,\n Comments,\n RepNotes,\n ProductNotes,\n ProductSubmitted,\n RepPONumber,\n Submitted,\n CoverRep,\n ChangeRep: name,\n DGRUpload,\n MRN,\n Gender,\n Age,\n ACMPlannedParts,\n ACMSelectedParts,\n Height,\n Weight,\n selectedSets,\n case_dgrs\n };\n const newArrayOfObj = partialObject.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n subset.selectedSets = newArrayOfObj;\n subset.ProductNotes = (subset.ProductNotes === '' || subset.ProductNotes === null || subset.ProductNotes === 'No products used') ? '' : subset.ProductNotes;\n if (online) {\n setLoader(true);\n const productAddPromiseAll = productsClone.map(\n // eslint-disable-next-line no-async-promise-executor\n async (product, key) => new Promise(async (resolve) => {\n try {\n if (!product.hasOwnProperty('CaseProductsID')) {\n // Add product\n product.RepCaseNo = caseDetail.RepCaseNo;\n product.ProductRep = name;\n product.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // product.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.DeviceID = Fcm_Token;\n product.AppGeneratedID = create_UUID();\n product.ProductCaseNo = caseDetail.RepCaseNo;\n await addProduct(product).then(async (response) => {\n if (response.result === 'failure') {\n this.setState({\n errorMessage: response.message\n });\n\n throw new Error('Failed to update product');\n }\n\n if (response.hasOwnProperty('data')) {\n const updatedScanDate = moment(moment.tz(\n response.data.ScanDate, 'YYYY-MM-DD HH:mm:ss.SSS', SERVER_TIMEZONE\n )).tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // const updatedScanDate =\n // moment(response.data.ScanDate).format('YYYY-MM-DD HH:mm:ss.SSS');\n productsClone[key] = response.data;\n productsClone[key].ScanDate = updatedScanDate;\n subset.case_products = productsClone;\n if (compareValue) {\n // subset.Submitted = '0';\n subset.ProductSubmitted = '0';\n }\n console.log(subset.case_dgrs.length);\n console.log(dgrRequired);\n if (subset.case_dgrs.length === 0 && dgrRequired > 0) {\n subset.DGRUpload = '1';\n }\n await updateCase(subset);\n // Set product into local\n // caseDetail.DGRUpload = '1';\n if (caseDetail.case_dgrs.length === 0 && dgrRequired > 0) {\n caseDetail.DGRUpload = '1';\n }\n caseDetail.case_products = productsClone;\n if (compareValue) {\n // caseDetail.Submitted = '0';\n caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n caseDetail.ProductSubmitted = '0';\n }\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n }\n });\n } else {\n // Edit product\n const caseProductId = product.CaseProductsID;\n delete product.CaseProductsID;\n if (JSON.stringify(product)) {\n await updateProduct(caseProductId, product).then(async (response) => {\n if (response.result === 'failure') {\n this.setState({\n errorMessage: response.message\n });\n\n throw new Error('Failed to update product');\n }\n\n if (response.hasOwnProperty('data')) {\n productsClone[key] = response.data;\n productsClone[key].ScanDate = moment(moment.tz(\n response.data.ScanDate, 'YYYY-MM-DD HH:mm:ss.SSS', SERVER_TIMEZONE\n )).tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // productsClone[key].ScanDate =\n // moment(response.data.ScanDate).format('YYYY-MM-DD HH:mm:ss.SSS');\n // caseDetail.DGRUpload = '1';\n console.log(subset.case_dgrs.length);\n console.log(dgrRequired);\n subset.case_products = productsClone;\n if (compareValue) {\n // subset.Submitted = '0';\n subset.ProductSubmitted = '0';\n }\n if (subset.case_dgrs.length === 0 && dgrRequired > 0) {\n subset.DGRUpload = '1';\n }\n await updateCase(subset);\n\n if (compareValue) {\n // caseDetail.Submitted = '0';\n caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n caseDetail.ProductSubmitted = '0';\n }\n if (caseDetail.case_dgrs.length === 0 && dgrRequired > 0) {\n caseDetail.DGRUpload = '1';\n }\n caseDetail.case_products = productsClone;\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n }\n });\n }\n }\n resolve(true);\n } catch (error) {\n setLoader(false);\n this.ProductNotSaveModal.show();\n }\n })\n );\n\n try {\n await Promise.all(productAddPromiseAll);\n setLoader(false);\n } catch (e) {\n setLoader(false);\n this.ProductNotSaveModal.show();\n }\n\n if (caseDetail.case_products.length === 0) {\n this.noProductModal.show();\n return;\n }\n } else {\n // If user offline\n setLoader(true);\n const productAddPromiseAll = productsClone.map(\n // eslint-disable-next-line no-async-promise-executor\n async (product) => new Promise(async (resolve) => {\n if (!product.hasOwnProperty('CaseProductsID')) {\n // Add product\n product.RepCaseNo = caseDetail.RepCaseNo;\n product.ProductRep = name;\n product.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // product.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.DeviceID = Fcm_Token;\n\n // Set product into local\n caseDetail.DGRUpload = '1';\n caseDetail.case_products = productsClone;\n if (compareValue) {\n // caseDetail.Submitted = '0';\n caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n caseDetail.ProductSubmitted = '0';\n }\n caseDetail.Sync = 1;\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n }\n resolve(true);\n })\n );\n await Promise.all(productAddPromiseAll);\n setLoader(false);\n if (caseDetail.case_products.length === 0) {\n this.noProductModal.show();\n return;\n }\n }\n // console.log(goBack);\n // console.log(goBack[goBack.length - 1]);\n // console.log(goBack[goBack.length - 1].indexOf(`/manage-case/${id}/products/list`));\n // Redirect from manage-cases\n if (goBack.length === 5 && goBack[goBack.length - 4] === '/missing-dgr') {\n setGoBack(['/billing', '/missing-dgr']);\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 4 && goBack[goBack.length - 3] === '/missing-dgr') {\n setGoBack(['/billing', '/missing-dgr']);\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 4 && goBack[goBack.length - 1].indexOf(`/manage-case/${id}/products/list`) > -1) {\n setGoBack(['/manage-cases', `/manage-case/${id}`]);\n onGoBack(goBack.splice(goBack.length - 2, 1));\n } else if (goBack.length === 4 && goBack[goBack.length - 2].indexOf('manage-cases/filter-cases') > -2) {\n onGoBack(goBack.splice(goBack.length - 2, 1));\n } else if (goBack.length === 3 && goBack[goBack.length - 1].indexOf('manage-cases/filter-cases') > -1) {\n setGoBack(['/manage-cases', '/manage-cases/filter']);\n onGoBack(goBack);\n } else if (goBack.length === 4 && goBack[goBack.length - 2].indexOf(`manage-case/${id}`) > -2) {\n onGoBack(goBack.splice(goBack.length - 2, 1));\n } else if (goBack.length === 3 && goBack[goBack.length - 2].indexOf(`/manage-case/${id}/products`) > -1) {\n setGoBack(['/manage-cases']);\n browserHistory.push('/manage-cases');\n } else if (goBack.length === 2 && goBack[goBack.length - 1].indexOf(`/manage-case/${id}/products`) > -1) {\n setGoBack(['/manage-cases']);\n browserHistory.push('/manage-cases');\n } else if (goBack.length === 3 && goBack[goBack.length - 3] === '/manage-cases') {\n setGoBack(['/manage-cases']);\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 3 && goBack[goBack.length - 1] === `/manage-case/${id}/products/add`) {\n setGoBack(['/manage-cases']);\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 3 && goBack[goBack.length - 1].indexOf(`manage-case/${id}`) > -1) {\n setGoBack(['/billing', '/missing-dgr']);\n onGoBack(goBack);\n } else if (goBack.length >= 2 && goBack[goBack.length - 2].indexOf(`manage-case/${id}`) > -1) {\n // TODO Remove all state and set only /manage-cases\n setGoBack(['/manage-cases']);\n // setGoBack(goBack.splice(goBack.length - 2, 1));\n browserHistory.push(`/manage-case/${id}`);\n } else if (goBack.length === 2 && goBack[goBack.length - 1].indexOf(`/manage-case/${id}/products/add`) > -1) {\n setGoBack(['/manage-cases']);\n browserHistory.push('/manage-cases');\n } else if (goBack.length === 2 && goBack[goBack.length - 1].indexOf(`/manage-case/${id}/products/list`) > -1) {\n setGoBack(['/manage-cases']);\n browserHistory.push('/manage-cases');\n } else if (goBack.length === 2) {\n onGoBack(goBack);\n } else {\n browserHistory.push('/manage-cases');\n }\n setProducts([]);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n compareUpdatedValue = async () => {\n try {\n const { products } = this.state;\n const {\n params: { id }, tableName\n } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n let oldSets = [];\n oldSets = caseRes.case_products.map(\n ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n }) => ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n })\n );\n let newSets = [];\n newSets = products.map(\n ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n }) => ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n })\n );\n const productsClone = [...newSets];\n productsClone.pop();\n if (JSON.stringify(productsClone) === JSON.stringify(oldSets)) {\n return false;\n }\n return true;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductClick = (key) => {\n try {\n const {\n params, setScanner\n } = this.props;\n setScanner({ key, scanType: 'product' });\n browserHistory.push(`/manage-case/${params.id}/products/scan`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onLotClick = (key) => {\n try {\n const { params, setScanner } = this.props;\n setScanner({ key, scanType: 'lot' });\n browserHistory.push(`/manage-case/${params.id}/products/scan`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeProductInventoryType = (value, index) => {\n try {\n const { setProducts } = this.props;\n const { products } = this.state;\n products[index] = Object.assign(products[index], { RepInventoryType: value });\n setProducts(products);\n this.setState({ products });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickScanProduct = async (index) => {\n try {\n const { products } = this.state;\n const {\n setProducts, online, params: { id }, setLoader, tableName, notify\n } = this.props;\n if (products[index].isScanProduct) {\n (!products[index].isScanProduct) ? window.$(`#ProductNo${index}`).blur() : window.$(`#ProductNo${index}`).focus();\n }\n setTimeout(() => {\n this._onScrollToBottom();\n }, 700);\n if (products.length - 1 === index) {\n products[index] = Object.assign(\n products[index],\n { isScanProduct: !products[index].isScanProduct }\n );\n this.setState({ products });\n } else if (index > -1) {\n const data = products[index];\n if (online) {\n if (data.hasOwnProperty('CaseProductsID')) {\n setLoader(true);\n await removeProduct(data.CaseProductsID).then(async (response) => {\n setLoader(false);\n const { status, result, message } = response;\n if (status && result !== 'failure') {\n products.splice(products.findIndex((a) => a.ProductNo === data.ProductNo), 1);\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n products.splice(products.findIndex((a) => a.ProductNo === data.ProductNo), 1);\n }\n } else {\n products.splice(products.findIndex((a) => a.ProductNo === data.ProductNo), 1);\n }\n // const caseDetail = await getCaseByCaseId(id);\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n const compareValue = await this.compareUpdatedValue();\n const productClone = [...products];\n productClone.pop();\n // caseDetail.Sync = 1;\n if (compareValue) {\n caseDetail.ProductSubmitted = '0';\n // caseDetail.Synced = (caseDetail.Synced === '1' ? '0' : caseDetail.Synced);\n // caseDetail.Submitted = '0';\n }\n caseDetail.case_products = productClone;\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n this.setState({ products });\n setProducts(products);\n await this.updateProducts();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickOtherScanLot = async (index) => {\n try {\n const {\n params: { id }, online, tableName, notify, setLoader\n } = this.props;\n const { products } = this.state;\n\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (online) {\n setLoader(true);\n if (caseRes !== null) {\n const caseData = (await listSingleCase(caseRes.CaseScheduleID)).data;\n const { case_products } = caseData[0];\n\n if (typeof case_products !== 'undefined' && case_products !== null && case_products.length > 0) {\n const singleProduct = products[index];\n const productImport = case_products.filter((item) => (\n item.CaseProductsID === singleProduct.CaseProductsID && item.Imported === '1'\n )).length > 0;\n if (productImport) {\n setLoader(false);\n notify({ type: 'error', message: 'This product has already been processed. Please contact your local office to unlock for editing.' });\n return;\n }\n }\n }\n setLoader(false);\n }\n\n products[index] = Object.assign(products[index], {\n isScanLot: !products[index].isScanLot,\n RepInventoryType: null,\n LotNo: null,\n isOtherCharge: false,\n UnitPrice: null\n });\n this.setState({ products });\n await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickScanLot = async (index) => {\n try {\n const {\n params: { id }, online, tableName, notify, setLoader\n } = this.props;\n const { products } = this.state;\n\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (online) {\n setLoader(true);\n if (caseRes !== null) {\n const caseData = (await listSingleCase(caseRes.CaseScheduleID)).data;\n const { case_products } = caseData[0];\n\n if (typeof case_products !== 'undefined' && case_products !== null && case_products.length > 0) {\n const singleProduct = products[index];\n const productImport = case_products.filter((item) => (\n item.CaseProductsID === singleProduct.CaseProductsID && item.Imported === '1'\n )).length > 0;\n if (productImport) {\n setLoader(false);\n notify({ type: 'error', message: 'This product has already been processed. Please contact your local office to unlock for editing.' });\n return;\n }\n }\n }\n setLoader(false);\n }\n\n if (products[index].isScanLot) {\n window.$(`#LotNo${index}`).focus();\n }\n\n products[index] = Object.assign(products[index], {\n isScanLot: !products[index].isScanLot,\n RepInventoryType: (products[index].LotNo !== null && products[index].isScanLot)\n ? null : products[index].RepInventoryType,\n LotNo: null,\n });\n\n this.setState({ products });\n await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductNotes = () => {\n try {\n const { params: { id }, setReadOnlyProductNotes } = this.props;\n setReadOnlyProductNotes(false);\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add/notes`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOtherCharge = (key) => {\n try {\n const { params: { id }, setOtherCharge } = this.props;\n setOtherCharge({ key });\n this._onGoBack();\n browserHistory.push(`/manage-case/${id}/products/add/other-charge`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickContinueBarCode = async (key) => {\n try {\n const { products } = this.props;\n if ((products[key].ProductNo === '' && products[key].ProductBarcode !== null) && products[key].isScanProduct === true) {\n products[key] = Object.assign(products[key],\n {\n ProductNo: '',\n ProductEnterType: 'MANUAL',\n ProductValid: false,\n ProductDescription: '',\n isScanProduct: true,\n ProductBarcode: null\n });\n } else {\n products[key] = Object.assign(products[key],\n {\n ProductNo: '',\n ProductEnterType: '',\n ProductValid: true,\n ProductDescription: '',\n isScanProduct: true,\n ProductBarcode: null\n });\n }\n await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterProduct = async (event, key) => {\n try {\n const { target: { value } } = event;\n const productNo = value.split('-').join('').split(' ').join('')\n .toUpperCase();\n if (productNo !== '') {\n const manualProduct = { ProductNo: productNo, key };\n const productMasterRes = await getProduct('ProductNo', manualProduct.ProductNo);\n this.setState({ manualProduct });\n if (Object.keys(productMasterRes).length > 0) {\n manualProduct.ProductDescription = productMasterRes.ProductDescription;\n await this._onClickContinue('ProductValid');\n } else {\n this.manuallyProductWarnModal.show();\n }\n } else {\n await this._onClickContinueBarCode(key);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterLot = async (event, key) => {\n try {\n const { target: { value } } = event;\n const lotNo = value.split('-').join('').split(' ').join('');\n if (lotNo !== '') {\n const manualLot = { LotNo: lotNo, key };\n this.setState({ manualLot }, async () => {\n await this._onClickLotContinue();\n });\n }\n const { setProducts } = this.props;\n const { products } = this.state;\n products[key] = Object.assign(products[key], { LotNo: lotNo });\n setProducts(products);\n this.setState({ products });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickLotContinue = async () => {\n try {\n const { products } = this.props;\n const { manualLot } = this.state;\n if (Object.keys(manualLot).length > 0) {\n const { key, LotNo } = manualLot;\n products[key] = Object.assign(products[key],\n {\n LotNo,\n LotEnterType: 'MANUAL',\n isScanLot: true\n });\n }\n await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickContinue = async (value) => {\n try {\n const { products } = this.props;\n const { manualProduct } = this.state;\n if (Object.keys(manualProduct).length > 0) {\n const { key, ProductNo, ProductDescription } = manualProduct;\n products[key] = Object.assign(products[key],\n {\n ProductNo,\n ProductEnterType: 'MANUAL',\n ProductValid: value === 'ProductValid',\n ProductDescription,\n isScanProduct: true,\n });\n }\n await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onTryAgain = async () => {\n try {\n const { manualProduct } = this.state;\n window.$(`#ProductNo${manualProduct.key}`).focus();\n setTimeout(() => {\n this._onScrollToBottom();\n }, 500);\n // await this.updateProducts();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductGoBack = async () => {\n try {\n const { products } = this.state;\n const {\n goBack, setProducts, params: { id }, tableName\n } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n let oldSets = [];\n oldSets = caseRes.case_products.map(\n ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n }) => ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n })\n );\n let newSets = [];\n newSets = products.map(\n ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n }) => ({\n ProductNo,\n ProductDescription,\n RepCaseNo,\n RepInventoryType,\n LotNo,\n UnitPrice,\n CaseProductsID\n })\n );\n\n const productsClone = [...newSets];\n productsClone.pop();\n if (JSON.stringify(productsClone) !== JSON.stringify(oldSets)) {\n this.setBackModal.show();\n } else {\n onGoBack(goBack);\n setProducts([]);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n updateProducts = async () => {\n try {\n const {\n products, dispatch, setProducts\n } = this.props;\n const productData = [];\n setProducts(products);\n if (!products.some(({ ProductNo }) => ProductNo === '' || ProductNo === undefined) || products.length === 0) {\n products.push({\n CaseNo: null,\n RepCaseNo: null,\n ProductBarcode: null,\n LotBarcode: null,\n ScanDate: '',\n RepInventoryType: null,\n ScanOrder: null,\n ProductRep: null,\n DeviceID: null,\n Submitted: 0,\n Imported: '0',\n ProductEnterType: null,\n LotEnterType: null,\n ProductValid: true,\n BarcodeType: null,\n ScanError: null,\n AppGeneratedID: null,\n UnitPrice: null,\n ProductCaseNo: null,\n uploadedToAPI: false,\n ProductNo: '',\n ProductDescription: '',\n LotNo: null,\n InventoryType: null,\n isScanProduct: true,\n isScanLot: true,\n isOtherCharge: false\n });\n }\n\n products.map((item) => {\n productData.push(Object.assign(item,\n { isScanProduct: item.isScanProduct, isScanLot: item.isScanLot }));\n });\n await this.setState({ products: productData }, () => {\n productData.map((item, key) => {\n dispatch(change('scanProductForm', `ProductNo${key}`, item.ProductNo));\n dispatch(change('scanProductForm', `LotNo${key}`, item.LotNo));\n dispatch(change('scanProductForm', `ProductDescription${key}`, item.ProductDescription));\n dispatch(change('scanProductForm', `RepInventoryType${key}`, item.RepInventoryType));\n });\n });\n this.setState({ products });\n console.log(products);\n setProducts(products);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearAllProduct = () => {\n try {\n this.clearAllProductsModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearAll = async () => {\n try {\n const {\n setProducts, online, params: { id }, setLoader, notify, tableName\n } = this.props;\n const { products } = this.state;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n\n if (online) {\n setLoader(true);\n // eslint-disable-next-line no-async-promise-executor\n const removePromiseAll = products.map(async (product) => new Promise(async (resolve) => {\n if (product.hasOwnProperty('CaseProductsID')) {\n await removeProduct(product.CaseProductsID);\n } else {\n product.RepInventoryType = '';\n }\n resolve(true);\n }));\n await Promise.all(removePromiseAll);\n setLoader(false);\n const compareValue = await this.compareUpdatedValue();\n if (compareValue) {\n caseDetail.ProductSubmitted = '0';\n caseDetail.Submitted = '0';\n }\n caseDetail.case_products = [];\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n // await updateCaseByPrimaryId(id, caseDetail);\n // Remove from redux & state\n products.splice(0, products.length - 1);\n this.setState({ products });\n setProducts(products);\n await this.updateProducts();\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBackCancel = () => {\n try {\n const { goBack, setProducts } = this.props;\n onGoBack(goBack);\n setProducts([]);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProductSave = () => {\n try {\n const { products, team: { dgrRequired }, online } = this.props;\n const { dgrsCount, caseData } = this.state;\n if (caseData.DGR === '1') {\n this.ProductNotSaveModal.show();\n } else {\n let inventoryCount = 0;\n const productsClone = [...products];\n productsClone.pop();\n productsClone.map((item) => {\n if (item.RepInventoryType === null || item.RepInventoryType === '') {\n inventoryCount += 1;\n }\n });\n this.setState({ inventoryCount });\n if (inventoryCount > 0) {\n this.saveProductErrortModal.show();\n this.saveProductModalModal.hide();\n } else if (online && products.length > 1 && dgrsCount === 0 && dgrRequired > 0) {\n this.dgrRequiredModal.show();\n this.saveProductErrortModal.hide();\n this.saveProductModalModal.hide();\n } else {\n const lotCount = [];\n const productCount = [];\n if (products.length > 1) {\n if (products.length > 1) {\n products.map((value) => {\n if (value.Imported.toString() === '0' && typeof value.ProductNo !== 'undefined' && value.ProductNo !== '') {\n productCount.push(value.Imported);\n if (value.LotNo !== 'No Lot #' && value.LotNo !== '' && value.LotNo !== null) {\n lotCount.push(value.LotNo);\n }\n }\n });\n }\n this.setState({ lotCount: lotCount.length });\n this.setState({ productCount: productCount.length });\n this.saveProductModalModal.show();\n } else {\n this._onSubmit();\n }\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickNoDrgRequired = () => {\n try {\n const { products } = this.props;\n const lotCount = [];\n const productCount = [];\n if (products.length > 1) {\n products.map((value) => {\n if (value.Imported.toString() === '0' && typeof value.ProductNo !== 'undefined' && value.ProductNo !== '') {\n productCount.push(value.Imported);\n if (value.LotNo !== 'No Lot #' && value.LotNo !== '' && value.LotNo !== null) {\n lotCount.push(value.LotNo);\n }\n }\n });\n this.setState({ lotCount: lotCount.length });\n this.setState({ productCount: productCount.length });\n this.saveProductModalModal.show();\n } else {\n this._onSubmit();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* _onTakePhotoFile = async (formData) => {\n try {\n const {\n setLoader, notify, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n const body = formData;\n setLoader(true);\n if (online) {\n this.takePhotoModal.hide();\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const { status, message, data } = responseJson;\n if (status) {\n if (message.length > 0) {\n notify({ type: 'success', message });\n }\n // Update into local db\n caseDetailsRes.case_dgrs.push(data);\n await updateCase(caseDetailsRes);\n await updateTableWiseCaseByCaseId(caseDetailsRes.RepCaseNo, caseDetailsRes, tableName);\n await this._getDgrsCount();\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }; */\n\n _onClickDgrs = () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n document.getElementById('uploadDGREle').click();\n } else {\n notify({ type: 'error', message: 'DGRs cannot be viewed without an internet connection' });\n }\n // this.takePhotoModal.show();\n // this._onGoBack();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getDgrsCount = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n if (caseRes !== undefined) {\n const newDgrCount = caseRes.case_dgrs.filter((elm) => elm);\n if (newDgrCount) {\n this.setState({\n dgrsCount: newDgrCount.length\n });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCancelUploadImage = () => {\n try {\n document.body.onfocus = this._onRedirectToDgr;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRedirectToDgr = () => {\n try {\n const $this = this;\n setTimeout(() => {\n const { params: { id }, goBack, setGoBack } = $this.props;\n const uploadFile = document.getElementById('uploadDGREle');\n\n if (uploadFile !== null && uploadFile.value.length) {\n } else {\n // this._onGoBack();\n goBack.push(`/manage-case/${id}/products/add`);\n setGoBack(goBack);\n browserHistory.push(`/manage-case/${id}/products/dgr`);\n }\n document.body.onfocus = null;\n }, 1000);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectImage = async (formData) => {\n try {\n const uploadFile = document.getElementById('uploadDGREle');\n const {\n setLoader, notify, online, params: { id }, tableName\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n\n const body = formData.files[0];\n if (!(/\\.(gif|jpg|jpeg|tiff|png|pdf|heic)$/i).test(body.name)) {\n notify({ type: 'error', message: 'Only images and PDF files are allowed for DGR uploads.' });\n return;\n }\n\n setLoader(true);\n if (online) {\n // this.selectFileOrTakePhoto.hide();\n // this.takePhotoModal.hide();\n uploadDgr({\n CaseScheduleID: caseDetailsRes.CaseScheduleID,\n OriginalFile: body\n }).then(async (responseJson) => {\n setLoader(false);\n const {\n message, data, result\n } = responseJson;\n if (result === 'success') {\n if (message.length > 0) {\n uploadFile.value = null;\n // notify({ type: 'success', message });\n }\n // Update into local db\n caseDetailsRes.id = Number(id);\n caseDetailsRes.case_dgrs.push(data);\n caseDetailsRes.DGRUpload = '2';\n if (\n typeof caseDetailsRes.ProductNotes !== 'undefined'\n && (caseDetailsRes.ProductNotes === '' || caseDetailsRes.ProductNotes === null)\n ) {\n caseDetailsRes.ProductNotes = 'No products used';\n }\n // caseDetailsRes.ProductSubmitted = '0';\n await updateCase(caseDetailsRes);\n const updatedCaseRes = await listSingleCase(caseDetailsRes.CaseScheduleID);\n const updatedCase = updatedCaseRes.data[0];\n updatedCase.id = Number(id);\n await updateTableWiseCaseByCaseId(caseDetailsRes.id, updatedCase, tableName);\n await this._getDgrsCount();\n } else if (result === 'failure') {\n notify({ type: 'error', message });\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _focusNextElement = (event) => {\n try {\n if (event.key === 'Enter') {\n event.preventDefault();\n const focusAbleElements = 'a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), [tabindex]:not([disabled]):not([tabindex=\"-1\"])';\n if (document.activeElement && document.activeElement.form) {\n const focusAble = Array.prototype.filter.call(\n document.activeElement.form.querySelectorAll(focusAbleElements),\n (element) => element.offsetWidth > 0\n || element.offsetHeight > 0\n || element === document.activeElement\n );\n const index = focusAble.indexOf(document.activeElement);\n if (index > -1) {\n const nextElement = focusAble[index + 1] || focusAble[0];\n nextElement.focus();\n }\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScrollToBottom = () => {\n window.scrollTo(0, document.body.scrollHeight);\n };\n\n _onClickVelysUsed = async () => {\n try {\n const { params: { id }, tableName } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (Object.keys(caseDetail).length > 0) {\n if (caseDetail.CaseType === 'HIP') {\n this.vhnPpcModal.show();\n return;\n }\n if (caseDetail.CaseType === 'KNEE') {\n this.vrasPpcModal.show();\n return;\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickNeedPrice = async () => {\n const { NeedPrice, caseData } = this.state;\n const { tableName, params: { id }, online } = this.props;\n try {\n const submitData = {\n ...caseData,\n NeedPrice: !NeedPrice\n };\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n caseDetail.NeedPrice = submitData.NeedPrice ? '1' : '0';\n caseDetail.Sync = online ? 0 : 1;\n updateTableCaseByPrimaryId(id, caseDetail, tableName);\n if (online) {\n await updateCase(submitData);\n }\n this.setState({\n NeedPrice: !NeedPrice\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcYesScanProduct = async () => {\n try {\n const {\n params: { id }, tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'YES',\n // ResponseDate: moment(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: moment(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n if (online) {\n setLoader(true);\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n }\n });\n setLoader(false);\n } else {\n setLoader(true);\n await insertComplianceApp(complainAppData);\n caseDetail.Sync = 1;\n caseDetail.VelysUsed = 'YES';\n caseDetail.Submitted = '0';\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVhnPpcNoScanProduct = async () => {\n try {\n const {\n params: { id }, tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VHN_PPC === '1' ? 'VHN-PPC' : 'VHN-Other',\n UserResponse: 'NO',\n // ResponseDate: moment(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: moment(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n\n if (online) {\n setLoader(true);\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n await updateCase(caseDetail);\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n }\n });\n setLoader(false);\n } else {\n setLoader(true);\n await insertComplianceApp(complainAppData);\n caseDetail.Sync = 1;\n caseDetail.VelysUsed = 'NO';\n caseDetail.Submitted = '0';\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcYesScanProduct = async () => {\n try {\n const {\n params: { id }, tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'YES',\n // ResponseDate: moment(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: moment(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n if (online) {\n setLoader(true);\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'YES';\n await updateCase(caseDetail);\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n }\n });\n setLoader(false);\n } else {\n setLoader(true);\n await insertComplianceApp(complainAppData);\n caseDetail.Sync = 1;\n caseDetail.VelysUsed = 'YES';\n caseDetail.Submitted = '0';\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickVrasPpcNoScanProduct = async () => {\n try {\n const {\n params: { id }, tableName, setLoader, online,\n user: { name, territories, office }\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n const complainAppData = {\n CaseScheduleID: caseDetail.CaseScheduleID,\n OfficeName: officeData.name,\n RepCaseNo: caseDetail.RepCaseNo,\n UserName: name,\n ComplianceType: vhnPpcValue.VRAS_PPC === '1' ? 'VRAS-PPC' : 'VRAS-Other',\n UserResponse: 'NO',\n // ResponseDate: moment(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD HH:mm:ss.SSS'),\n ResponseDate: moment(new Date()).format('YYYY-MM-DD HH:mm:ss.SSS'),\n Sync: online ? 0 : 1\n };\n\n if (online) {\n setLoader(true);\n await addComplianceAppData({\n CaseScheduleID: caseDetail.CaseScheduleID,\n ComplianceType: complainAppData.ComplianceType,\n UserResponse: complainAppData.UserResponse\n })\n .then(async (response) => {\n if (response.message === 'VHN Compliance added successsfully') {\n await insertComplianceApp(complainAppData);\n const newArrayOfObj = caseDetail.case_sets.map(({\n CasePlanId: CasePlanID,\n ...rest\n }) => ({\n CasePlanID,\n ...rest\n }));\n caseDetail.selectSets = newArrayOfObj;\n caseDetail.Submitted = '0';\n caseDetail.Synced = '0';\n caseDetail.VelysUsed = 'NO';\n await updateCase(caseDetail);\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n }\n });\n setLoader(false);\n } else {\n setLoader(true);\n await insertComplianceApp(complainAppData);\n caseDetail.Sync = 1;\n caseDetail.VelysUsed = 'NO';\n caseDetail.Submitted = '0';\n // Update into local db\n updateTableCaseByPrimaryId(caseDetail.id, caseDetail, tableName);\n this.setState({ caseRes: caseDetail });\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getById = async () => {\n try {\n const {\n dispatch, params: { id }, team: { salesAccess }, user: { name }, tableName, online\n } = this.props;\n\n let caseRes = await getTableCaseByCaseId(id, tableName);\n if (typeof caseRes.CustomerNo !== 'undefined' && caseRes.CustomerNo !== null) {\n const hosptalRes = await getHospitalByCustomerNo(caseRes.CustomerNo);\n this.setState({ hospitalNeedPrice: hosptalRes?.NeedPrice === '1' });\n }\n if (online) {\n if (caseRes !== null) {\n let _ignore;\n // eslint-disable-next-line no-unused-vars\n [caseRes, _ignore] = (await listSingleCase(caseRes.CaseScheduleID)).data;\n }\n }\n // if (caseRes && caseRes.ACMCaseID !== null) {\n // this.acmCaseEditNotifyModal.show();\n // }\n // Get case time\n const currentDate = new Date();\n const timeValues = caseRes.CaseTime.split(':');\n const CaseDateTime = currentDate.setHours(timeValues[0], timeValues[1]);\n const newCoverRep = (salesAccess && caseRes.CoverRep === null) ? name : caseRes.CoverRep;\n if (Object.keys(caseRes).length > 0) {\n this.setState({\n selectedCaseId: (caseRes.ACMCaseID === null) ? caseRes.RepCaseNo : `${`${caseRes.RepCaseNo}(ACM)`}`,\n selectedType: caseRes.CaseType,\n selectedSurgeon: caseRes.SurgeonName,\n selectedHospital: caseRes.CustomerName,\n selectedProcedure: caseRes.ProcedureType,\n selectedSide: caseRes.Side,\n selectedCaseTime: new Date(CaseDateTime),\n selectedGender: caseRes.Gender,\n selectedCoverRep: (salesAccess && caseRes.CoverRep === null) ? name : caseRes.CoverRep,\n selectedCaseDate: new Date(caseRes.CaseDate.replace(/-/g, '/')),\n customerNo: caseRes.CustomerNo,\n RepNotes: caseRes.RepNotes,\n Comments: caseRes.Comments,\n NeedPrice: caseRes.NeedPrice === '1',\n PriceSheet: caseRes.PriceSheet === '1',\n }, () => {\n this.setState({ fixCaseData: { ...caseRes, ...this.state } });\n });\n Object.keys(caseRes).map((key) => {\n if (key === 'RepCaseNo' && caseRes.ACMCaseID !== null) {\n const RepCaseNo = `${`${caseRes.RepCaseNo} (ACM)`}`;\n caseRes.RepCaseNo = RepCaseNo;\n }\n dispatch(change('EditManageCaseForm', key, caseRes[key]));\n });\n this.setState({\n caseData: caseRes,\n manageCaseData: { ...caseRes },\n newCoverRep,\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFFFCharge = () => {\n try {\n this.FFFModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFFFSaveNo = async () => {\n try {\n const {\n params: { id }, tableName\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n caseDetail.FFFValue = null;\n caseDetail.FFFRep = null;\n caseDetail.FFFDate = null;\n await updateCase(caseDetail);\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n this.setState({ isFFFActivate: '' });\n this.FFFModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFFFSaveYes = async () => {\n try {\n const {\n params: { id }, tableName\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n caseDetail.FFFValue = 'CONFIRMED';\n caseDetail.FFFRep = caseDetail.CreateRep;\n // caseDetail.FFFDate = moment(new Date()).tz(SERVER_TIMEZONE).format('YYYY-MM-DD');\n caseDetail.FFFDate = moment(new Date()).format('YYYY-MM-DD');\n await updateCase(caseDetail);\n await updateTableCaseByPrimaryId(id, caseDetail, tableName);\n this.setState({ isFFFActivate: 'CONFIRMED' });\n this.FFFModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickProductNotSave = async () => {\n try {\n const { goBack, params: { id } } = this.props;\n onGoBack(goBack);\n this.ProductNotSaveModal.hide();\n browserHistory.push(`/manage-case/${id}`);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n params: { id }, setProducts,\n products, otherCharge, setOtherCharge, tableName, setLoader,\n user: { territories, selectedTeam, territoryId }\n } = this.props;\n setLoader(true);\n if (id) {\n await this._getById();\n }\n setTimeout(() => {\n this._onScrollToBottom();\n }, 1000);\n const productInventoryType = await getInventoryType();\n const sortOnName = sortData(productInventoryType, 'OptionName');\n const sortRes = sortData(sortOnName, 'OptionAbb');\n const caseRes = await getTableCaseByCaseId(id, tableName);\n await this._getDgrsCount();\n // Get product from case\n if (products.length > 0) {\n setProducts(products);\n } else if (id !== null) {\n const productData = [];\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (caseDetail && caseDetail.case_products.length > 0) {\n caseDetail.case_products.map((item) => {\n productData.push(Object.assign(item,\n { isScanProduct: true, isScanLot: true, isOtherCharge: true }));\n });\n this.setState({ products: productData });\n setProducts(productData);\n }\n }\n if (Object.keys(otherCharge).length > 0) {\n await this.updateProducts();\n products[products.length - 1] = Object.assign(products[products.length - 1],\n {\n ProductNo: otherCharge.OptionNo !== undefined ? otherCharge.OptionNo : '',\n ProductDescription: otherCharge.OptionName !== undefined ? otherCharge.OptionName : '',\n LotNo: 'No Lot #',\n RepInventoryType: otherCharge.amount !== undefined ? `Other - $${otherCharge.amount}` : '',\n UnitPrice: otherCharge.amount !== undefined ? otherCharge.amount : '',\n isOtherCharge: true\n });\n this.setState({ products });\n setProducts(products);\n setOtherCharge({});\n }\n this.setState({ productInventoryType: sortRes, caseRes });\n await this.updateProducts();\n $('select').select2({\n minimumResultsForSearch: -1,\n placeholder: 'Select Inventory Type'\n });\n\n territories.map((item) => {\n if (item.isFFF && item.id === territoryId) {\n if (item.hasOwnProperty('offices')) {\n item.offices.map((office) => {\n if (office.hasOwnProperty('teams')) {\n office.teams.map((team) => {\n if (team.isFFF && team.id === selectedTeam.id) {\n this.setState({ territoryData: team.isFFF });\n }\n });\n }\n });\n }\n }\n });\n if (this.state.territoryData) {\n this.setState({ isFFFVisable: true });\n this.setState({ isFFFActivate: caseRes.FFFValue });\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n handleSubmit, user\n } = this.props;\n const {\n productInventoryType, products, inventoryCount, caseRes, lotCount,\n productCount, dgrsCount, NeedPrice, PriceSheet, hospitalNeedPrice\n } = this.state;\n return (\n \n
\n \n
\n \n Post Decontamination & Form Fit Function Acknowledgement\n
\nI certify that:
\n1 - I retrieved product to be removed from the hospital from the\n post - decontamination area after surgery and visually verified to\n ensure no gross soiling AND\n
\n\n I inspected product to be removed from the hospital for residual\n debris, functionality or damage, and completeness.\n
\nOR
\n2 - I confirm product was NOT removed from hospital.
\n\n
\n \n
\n \n onFFFSaveNo()}\n >Cancel\n \n
\n \n onFFFSaveYes()}\n >Confirm\n \n
\n \n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n \n
\n );\n }\n}\n\nconst withForm = reduxForm({\n form: 'scanProductForm',\n enableReinitialize: true\n});\n\nexport default withTeam(\n withTableName(\n withOtherCharge(\n withLoader(\n withLotScanner(\n withOnline(\n withNotify(\n withGoBack(\n withForm(\n withScanner(\n withProducts(\n withReadOnlyProductNotes(\n withUser(AddEditProduct)\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","export default \"data:image/png;base64,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\"","import React, { Component } from 'react';\nimport withUser from '../../common/withUser';\nimport withGoBack from '../../common/withGoBack';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass EnterProductNoManually extends Component {\n _onOK = async () => {\n const { onOK } = this.props;\n try {\n onOK();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n }\n\n render() {\n return (\n \n
\n \n );\n }\n}\n\nexport default withGoBack(withUser(EnterProductNoManually));\n","import React, {\n createContext, useContext, useEffect, useMemo, useState\n} from 'react';\n\nimport {\n BarcodeCapture,\n barcodeCaptureLoader,\n BarcodeCaptureOverlay,\n BarcodeCaptureSettings,\n Symbology,\n} from 'scandit-web-datacapture-barcode';\n\nimport {\n Camera,\n CameraSwitchControl,\n configure,\n DataCaptureContext,\n DataCaptureView,\n FrameSourceState,\n LaserlineViewfinder,\n Color,\n} from 'scandit-web-datacapture-core';\nimport * as SDCCore from 'scandit-web-datacapture-core';\nimport { SCANDIT_KEY } from '../../../../common/config';\n\nexport function createSDKFacade() {\n let context;\n let view;\n let camera;\n let settings;\n let barcodeCapture;\n let overlay;\n let host;\n let barcodeCaptureListener;\n let previousListener;\n\n return {\n async initialize() {\n // There is a Scandit sample license key set below here.\n // This license key is enabled for sample evaluation only.\n // If you want to build your own application, get your license key by signing up for a trial at https://ssl.scandit.com/dashboard/sign-up?p=test\n // The library location option represents the location of the wasm file,\n // which will be fetched asynchronously.\n await configure({\n libraryLocation: '/assets/js/scandit-sdk@6.22.2/engine/',\n licenseKey: SCANDIT_KEY,\n moduleLoaders: [barcodeCaptureLoader()],\n });\n\n context = await DataCaptureContext.create();\n view = await DataCaptureView.forContext(context);\n settings = new BarcodeCaptureSettings();\n settings.enableSymbologies([\n Symbology.Code128,\n Symbology.QR,\n Symbology.DataMatrix,\n Symbology.Aztec,\n Symbology.Code39,\n ]);\n const size = new SDCCore.SizeWithUnit(\n new SDCCore.NumberWithUnit(0.9, SDCCore.MeasureUnit.Fraction),\n new SDCCore.NumberWithUnit(0.1, SDCCore.MeasureUnit.Fraction),\n );\n settings.locationSelection = SDCCore.RectangularLocationSelection.withSize(size);\n\n barcodeCapture = await BarcodeCapture.forContext(context, settings);\n await barcodeCapture.setEnabled(false);\n\n overlay = await BarcodeCaptureOverlay.withBarcodeCaptureForView(barcodeCapture, view);\n const viewfinder = new LaserlineViewfinder();\n viewfinder.enabledColor = Color.fromHex('#eda340');\n viewfinder.disabledColor = Color.fromHex('#39c1cc');\n await overlay.setViewfinder(viewfinder);\n await view.addOverlay(overlay);\n\n camera = Camera.default;\n await camera.applySettings(BarcodeCapture.recommendedCameraSettings);\n await context.setFrameSource(camera);\n\n // NOTE:\n // The following is a workaround to keep the scanner working correctly with React.\n // The DataCaptureView requires the host element to remain the same throughout its lifecycle.\n // Unfortunately, between re-renders, React doesn't keep the same nodes alive,\n // but creates new ones each time.\n // This means that, between re-renders, the DataCaptureView might\n // stop rendering overlays, viewfinders etc...\n // To fix this, we connect the DataCaptureView to a hidden element,\n // then append it to a React component.\n // This allows us to keep the node alive, and the\n // DataCaptureView rendering correctly.\n // When mounting the scanner component, we show the hidden node,\n // then hide it when unmounting the scanner.\n // See also the `connectToElement` and `detachFromElement` facade methods for further context.\n host = document.createElement('div');\n host.style.display = 'none';\n host.style.width = '100%';\n host.style.height = '100%';\n document.body.append(host);\n view.connectToElement(host);\n view.addControl(new CameraSwitchControl());\n },\n async cleanup() {\n await camera.switchToDesiredState(FrameSourceState.Off);\n await context?.dispose();\n await context?.removeAllModes();\n await view.removeOverlay(overlay);\n barcodeCapture.removeListener(barcodeCaptureListener);\n view.detachFromElement();\n },\n connectToElement(element) {\n host.style.display = 'block';\n element.append(host);\n },\n setPointOfInterest(clientHeight) {\n if (!clientHeight) {\n view.pointOfInterest = new SDCCore.PointWithUnit(\n new SDCCore.NumberWithUnit(0.5, SDCCore.MeasureUnit.Fraction),\n new SDCCore.NumberWithUnit(0.5, SDCCore.MeasureUnit.Fraction)\n );\n return;\n }\n view.pointOfInterest = new SDCCore.PointWithUnit(\n new SDCCore.NumberWithUnit(0.5, SDCCore.MeasureUnit.Fraction),\n new SDCCore.NumberWithUnit(clientHeight / 2, SDCCore.MeasureUnit.Pixel)\n );\n },\n detachFromElement() {\n host.style.display = 'none';\n document.body.append(host);\n },\n async enableCamera(enabled) {\n camera = context?.frameSource;\n await camera.switchToDesiredState(enabled ? FrameSourceState.On : FrameSourceState.Off);\n },\n async enableScanning(enabled) {\n await barcodeCapture.setEnabled(enabled);\n },\n async enableSymbology(symbology, enabled) {\n settings.enableSymbology(symbology, enabled);\n await barcodeCapture.applySettings(settings);\n },\n onScan(callback) {\n if (previousListener) {\n barcodeCapture.removeListener(previousListener);\n }\n barcodeCaptureListener = {\n didScan: callback,\n };\n previousListener = barcodeCaptureListener;\n barcodeCapture.addListener(barcodeCaptureListener);\n },\n getEnabledSymbologies() {\n return settings.enabledSymbologies;\n },\n };\n}\n\nexport const sdk = createSDKFacade();\n\nexport const SDKContext = createContext({\n loading: false,\n sdk,\n});\n\nexport default function SDKProvider({ children }) {\n const [loading, setLoading] = useState(true);\n const providerValue = useMemo(() => ({ loading, sdk }), [loading]);\n\n useEffect(() => {\n async function start() {\n await sdk.initialize();\n setLoading(false);\n }\n start();\n return () => {\n sdk.cleanup();\n };\n }, []);\n\n return \n
\n \n
\n Product number cannot be determined from barcode.\n Enter product number manually.\n
\n\n
\n \n
\n \n \n OK\n \n
\n \n
\n );\n }\n}\n\nexport default withOnline(withGoBack(\n withNotify(withProducts(withTableName(withLotScanner(withScanner(ProductScan)))))\n));\n","import React, { Component } from 'react';\nimport Header from '../../components/Header';\nimport { onGoBack } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withNotBilledFilter from '../../common/withNotBilledFilter';\nimport BillingFilter from '../../components/BillingFilter';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass NoBilledFilter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterData: {}\n };\n }\n\n _onApplyFilter = () => {\n try {\n const { goBack, setNotBilledCaseFilter } = this.props;\n const { filterData } = this.state;\n for (const value in filterData) {\n if (filterData[value].length === 0) {\n delete filterData[value];\n }\n }\n setNotBilledCaseFilter(filterData);\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n this.setState({ filterData: data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearFilter = () => {\n try {\n const { setNotBilledCaseFilter } = this.props;\n this.setState({ filterData: {} });\n setNotBilledCaseFilter({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { notBilledFilter } = this.props;\n this.setState({ filterData: notBilledFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { filterData } = this.state;\n const { goBack, notBilledFilter } = this.props;\n return (\n \n this.setState({ scanPaused: value })}\n style={{ maxWidth: innerWidth, maxHeight: innerHeight }}\n />\n \n \n
\n \n
\n \n
\n \n
\n \n this.setState({ scanPaused: false })}\n >Scan\n \n Skip Lot\n \n
\n Products: {productCount}
\n \n\n onGoBack(goBack)}\n />\n this._onFilter(data)}\n selectedFilter={notBilledFilter}\n onClearFilter={this._onClearFilter}\n />\n
\n );\n }\n}\n\nexport default withNotBilledFilter(withOnline(withGoBack(NoBilledFilter)));\n","import { Component } from 'react';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass ChangingProgressProvider extends Component {\n constructor(props) {\n super(props);\n this.state = {\n valuesIndex: 0,\n };\n }\n\n componentDidMount() {\n try {\n const { onManageCases } = this.props;\n const myInterval = setInterval(() => {\n if (this.props.intervalId >= 12) {\n clearInterval(myInterval);\n onManageCases();\n }\n this.setState({\n valuesIndex: (this.state.valuesIndex + 1) % this.props.values.length\n });\n }, 400);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (this.props.children(this.props.values[this.state.valuesIndex]));\n }\n}\n\nexport default ChangingProgressProvider;\n","import React, { Component } from 'react';\n\nclass SyncOnlineNotify extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n );\n }\n}\n\nexport default SyncOnlineNotify;\n","import React, { Component } from 'react';\n\nclass EarlyAccessMessageModal extends Component {\n render() {\n const { message, onPressOkay } = this.props;\n return (\n \n
\n \n
\n You must have internet connection.
\nPlease check your connection and try again
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default EarlyAccessMessageModal;\n","import React, { Component } from 'react';\nimport { CircularProgressbar } from 'react-circular-progressbar';\nimport { browserHistory } from 'react-router';\nimport moment from 'moment';\nimport Header from '../components/Header';\nimport ChangingProgressProvider from '../components/SyncData/ChangingProgressProvider';\nimport withNotify from '../common/withNotify';\nimport withOnline from '../common/withOnline';\nimport withGoBack from '../common/withGoBack';\nimport Bugsnag from '../helpers/bugsnag';\nimport SyncOnlineNotify from '../components/Models/SyncOnlineNotify';\nimport {\n onGoBack,\n storeSyncDate,\n storeSyncTeamAbb,\n getUser,\n getAuthToken,\n getServerUrl,\n getFirstLoginToken,\n storeVersionCode\n} from '../common/globals';\nimport {\n setData,\n syncCases,\n} from '../utils/db.js';\nimport {\n syncData\n} from '../utils/utils';\nimport withSalesYTD from '../common/withSalesYTD.js';\nimport withMenu from '../common/withMenu';\nimport withUser from '../common/withUser';\nimport withServerUrl from '../common/withServerUrl';\nimport withLoader from '../common/withLoader';\nimport withTeam from '../common/withTeam';\nimport EarlyAccessMessageModal from '../components/Models/EarlyAccessMessageModal';\n\nlet intervalId = 0;\n\nclass SyncData extends Component {\n constructor(props) {\n super(props);\n this.state = {\n syncStatus: [\n 'Sync data...',\n 'Sync data - Surgeons...',\n 'Sync data - Hospitals...',\n 'Sync data - Components...',\n 'Sync data - Preferences...',\n 'Sync data - Device Types...',\n 'Sync data - Case Types...',\n 'Sync data - Procedure Types...',\n 'Sync data - Cases...',\n 'Sync data - Sets...',\n 'Sync data - Rep Reports...',\n 'Sync data - Team Reps...',\n 'Sync data - Product Master...',\n 'Sync data - Type Options...',\n 'Sync data - SetMasterGroup...'\n ],\n syncProgressStatus: [],\n downloadingStatus: false,\n syncProgress: [],\n arrayLength: 0,\n earlyAccessMessage: 'Your team is on the Production version of the website. Please use the button below to open the link.',\n earlyAccessURL: ''\n };\n this.clearInterval = 0;\n this.SyncOnlineNotify = null;\n this.EarlyAccessMessageModal = null;\n }\n\n componentDidMount() {\n try {\n this.EarlyAccessMessageModal = new window.bootstrap.Modal(window.$('#EarlyAccessMessageModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onManageCases = () => {\n try {\n setTimeout(() => {\n browserHistory.push('/manage-cases');\n }, 500);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onLogout = async () => {\n try {\n const {\n setLoader, setTeam, online\n } = this.props;\n if (online) {\n setLoader(true);\n setTeam({});\n window.localStorage.clear();\n setLoader(false);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenURL = async () => {\n try {\n setTimeout(() => {\n window.location.replace(this.state.earlyAccessURL);\n }, 1000);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n online, notify, setSalesYTD,\n user: { territories, selectedTeam, territoryId }\n } = this.props;\n\n if (online) {\n this.setState({\n downloadingStatus: true,\n syncProgress: 10\n });\n await syncCases();\n await storeVersionCode();\n this.setState({\n syncProgress: 30\n });\n syncData({ start_date: moment().startOf('month').format('YYYY-MM-DD') })\n .then(async (response) => {\n const {\n appDownloadLink, appTypeRequired\n } = response;\n\n if (appTypeRequired === 'website') {\n const currentURL = window.location.origin;\n if (currentURL !== appDownloadLink) {\n territories.map((item) => {\n if (item.id === territoryId) {\n if (item.hasOwnProperty('offices')) {\n item.offices.map((office) => {\n if (office.hasOwnProperty('teams')) {\n office.teams.map((team) => {\n if (team.isEarlyAccess && team.id === selectedTeam.id) {\n this.setState({\n earlyAccessMessage: 'Your team is on the Early Access version of the website. Please use the button below to open the link.'\n });\n }\n });\n }\n });\n }\n }\n });\n\n const userData = await getUser();\n const authToken = await getAuthToken();\n const serverUrl = await getServerUrl();\n const firstLoginToken = await getFirstLoginToken();\n\n // Sample object\n const objectToEncode = {\n token: authToken,\n userId: userData.id,\n office: userData.office,\n team: userData.team,\n territoryId: userData.territoryId,\n url: btoa(serverUrl),\n firstToken: firstLoginToken,\n };\n\n // Serialize object to JSON string\n const jsonString = JSON.stringify(objectToEncode);\n // console.log(jsonString);\n this.setState({\n earlyAccessURL: `${appDownloadLink}?auto-login=${btoa(jsonString)}`\n });\n await this._onLogout();\n setTimeout(() => {\n this.EarlyAccessMessageModal.show();\n }, 1000);\n return false;\n }\n }\n\n this.setState({\n syncProgress: 40\n });\n const {\n status, data, message, team_abb, ytd\n } = response;\n // TODO: If return error in sync API then ?\n if (status) {\n setSalesYTD(ytd);\n await setData(data);\n storeSyncDate(moment().toISOString());\n storeSyncTeamAbb(team_abb);\n const { syncStatus, syncProgressStatus } = this.state;\n this.clearInterval = setInterval(() => {\n this.setState({\n syncStatus\n });\n intervalId = (intervalId + 1) % syncStatus.length;\n syncProgressStatus.push(syncStatus[intervalId]);\n\n if (syncProgressStatus.length === syncStatus.length) {\n clearInterval(this.clearInterval);\n }\n if (intervalId > 0) {\n this.setState({\n syncProgress: (intervalId * 5) + 30,\n arrayLength: intervalId\n });\n }\n }, 100);\n this.SyncOnlineNotify = new window.bootstrap.Modal(window.$('#syncOnlineNotifyModal'));\n } else {\n notify({ type: 'error', message });\n }\n });\n } else {\n this.SyncOnlineNotify.show();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n syncProgressStatus, downloadingStatus, syncProgress, arrayLength\n } = this.state;\n const { goBack } = this.props;\n return (\n \n
\n \n
\n OPtimize
\n{message}
\n\n
\n \n
\n \n onPressOkay()}\n >\n Ok, take me there\n \n
\n \n
\n \n
\n \n {\n !downloadingStatus\n && (\n \n {() => (\n \n {(percentage) => (\n
\n \n
\n \n {\n downloadingStatus &&
\n Downloading data...
\n }\n\n {\n downloadingStatus && syncProgressStatus.map((item, key) => (\n{item}
\n ))\n }\n\n \n \n\n 0) ? 'resizer-class' : ''}`}>\n \n
\n );\n }\n}\n\nexport default withVhnPpcOtherCharge(\n withUser(\n withCalendarFilter(\n withCaseFilter(\n withSetsListStateStorage(\n withTableName(\n withMissingPosFilter(\n withOnline(\n withNotify(\n withLoader(\n withGoBack(\n withTeam(\n MissingPos\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","import React, { Component } from 'react';\nimport Header from '../../components/Header';\nimport { onGoBack } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withMissingPosFilter from '../../common/withMissingPosFilter';\nimport BillingFilter from '../../components/BillingFilter';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass MissingPosFilter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterData: {}\n };\n }\n\n _onApplyFilter = () => {\n try {\n const { goBack, setMissingPosCaseFilter } = this.props;\n const { filterData } = this.state;\n for (const value in filterData) {\n if (filterData[value].length === 0) {\n delete filterData[value];\n }\n }\n setMissingPosCaseFilter(filterData);\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n this.setState({ filterData: data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearFilter = () => {\n try {\n const { setMissingPosCaseFilter } = this.props;\n this.setState({ filterData: {} });\n setMissingPosCaseFilter({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { missingPosFilter } = this.props;\n this.setState({ filterData: missingPosFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { filterData } = this.state;\n const { goBack, missingPosFilter } = this.props;\n return (\n \n
\n \n
\n \n
\n Cases: {totalCases}
\nTotal: {formatter.format(totalAmount)}
\n\n
\n \n \n {\n (!isGroup)\n ? \n : \n }\n \n \n {\n hideAndShowCard ? 'LARGE CARDS ' : 'SMALL CARDS '\n }\n \n \n \n \n
\n \n
\n \n
\n \n {\n (\n Object.keys(filterCases).map((key) => (\n key !== 'sortOrder'\n && filterCases[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n
\n {item.toUpperCase()}
\n \n\n
\n \n {\n isGroup\n ? casesList.map((customer, index) => (\n
\n \n
\n ))\n : casesDetail.map((crtCase, key) => (\n \n {customer.CustomerName ? customer.CustomerName : '-'}\n
\n {customer.cases.map((crtCase, key) => (\n \n \n
\n ))}\n \n
\n ))\n }\n \n \n
\n \n onGoBack(goBack)}\n />\n this._onFilter(data)}\n selectedFilter={missingPosFilter}\n onClearFilter={this._onClearFilter}\n />\n
\n );\n }\n}\n\nexport default withMissingPosFilter(withGoBack(MissingPosFilter));\n","import React, { Component } from 'react';\nimport { reduxForm, Field } from 'redux-form';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withTableName from '../../common/withTableName';\nimport Header from '../../components/Header';\nimport {\n renderField,\n requiredXray\n} from '../../helpers/form-validations';\nimport { onGoBack } from '../../common/globals';\nimport { uploadXray } from '../../utils/utils';\nimport {\n getTableCaseByCaseId,\n updateTableWiseCaseByCaseId\n} from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\n// import SelectFileOrTakePhoto from '../../components/Models/SelectFileOrTakePhoto';\nimport CaseChangesNoLonger from '../../components/Models/CasesChangesNoLonger';\n\nclass XrayUpload extends Component {\n constructor(props) {\n super(props);\n this.state = {\n OriginalFile: ''\n };\n // this.selectFileOrTakePhoto = null;\n // this.takePhotoModal = null;\n this.caseChangesNoLonger = null;\n }\n\n componentDidMount() {\n try {\n // this.selectFileOrTakePhoto =\n // new window.bootstrap.Modal(window.$('#selectFileOrTakePhoto'));\n // this.takePhotoModal =\n // new window.bootstrap.Modal(window.$('#takePhotoModal'));\n this.caseChangesNoLonger = new window.bootstrap.Modal(window.$('#CaseChangesNoLongerModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = async (formData) => {\n try {\n const {\n setLoader, notify, online, params: { id }, tableName, goBack\n } = this.props;\n const caseDetailsRes = await getTableCaseByCaseId(id, tableName);\n if (caseDetailsRes && caseDetailsRes.DGR === '1') {\n this.caseChangesNoLonger.show();\n return;\n }\n const { OriginalFile } = this.state;\n formData.OriginalFile = OriginalFile;\n formData.CaseScheduleID = caseDetailsRes.CaseScheduleID;\n formData.Name = (formData.Name === null || formData.Name === undefined) ? '' : formData.Name.toUpperCase();\n\n setLoader(true);\n if (online) {\n uploadXray(formData).then(async (responseJson) => {\n setLoader(false);\n const {\n status, message, data, result\n } = responseJson;\n if (status) {\n if (result === 'success') {\n // notify({ type: 'success', message });\n // Update into local db\n caseDetailsRes.case_xrays.push(data);\n await updateTableWiseCaseByCaseId(\n caseDetailsRes.RepCaseNo, caseDetailsRes, tableName\n );\n onGoBack(goBack);\n } else if (formData.OriginalFile === '' || formData.OriginalFile === undefined) {\n notify({ type: 'error', message: 'You must select a file to upload!', time: 2 });\n } else {\n notify({ type: 'error', message, time: 2 });\n }\n } else {\n notify({ type: 'error', message });\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* _onSelectImage = (imageData) => {\n try {\n window.document.getElementById('fileControl').files = imageData.files;\n this.setState({ OriginalFile: imageData.files[0] });\n this.selectFileOrTakePhoto.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }; */\n\n _onSelectImage = (imageData) => {\n try {\n this.setState({ OriginalFile: imageData.files[0] });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onTakePhoto = (imageData) => {\n this.takePhotoModal.hide();\n this.selectFileOrTakePhoto.hide();\n const list = new DataTransfer();\n const file = new File(['content'], imageData.name);\n list.items.add(file);\n const myFileList = list.files;\n window.document.getElementById('fileControl').files = myFileList;\n try {\n this.setState({ OriginalFile: imageData });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { goBack, handleSubmit, params: { id } } = this.props;\n return (\n \n
\n \n );\n }\n}\n\nexport default OtherChargeTypeModal;\n","import React, { Component } from 'react';\nimport Select2 from 'react-select2-wrapper';\nimport { reduxForm, Field } from 'redux-form';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport Header from '../../components/Header';\nimport { onGoBack, sortData } from '../../common/globals';\nimport withOtherCharge from '../../common/withOtherCharge';\nimport { getProductChargeType, getTableCaseByCaseId, getVhnPpcValue } from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport OtherChargeTypeModal from '../../components/Models/OtherChargeModal';\nimport { renderField, requiredAmount } from '../../helpers/form-validations';\nimport withVhnPpcOtherCharge from '../../common/withVhnPpcOtherCharge';\nimport withProducts from '../../common/withProducts';\nimport withTableName from '../../common/withTableName';\n\nclass OtherCharge extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n chargeType: [],\n selectedType: '',\n selectedChargeData: {},\n charge_amount: '',\n addAmount: false\n };\n this.OtherChargeTypeModal = null;\n }\n\n componentDidMount() {\n try {\n this.OtherChargeTypeModal = new window.bootstrap.Modal(window.$('#otherChargeType'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOtherChargeType = () => {\n try {\n this.OtherChargeTypeModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmit = async (formData) => {\n try {\n const { selectedType, selectedChargeData } = this.state;\n const {\n setOtherCharge, goBack, setVhnPpcOtherCharge, vhnPpcOtherCharge, params: { id }, tableName,\n setProducts\n } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n if (selectedType === null || selectedType === '') {\n this._onOtherChargeType();\n } else {\n selectedChargeData.amount = formData.charge_amount;\n setOtherCharge(selectedChargeData);\n setVhnPpcOtherCharge(false);\n if (vhnPpcOtherCharge === true) {\n setProducts(caseDetail.case_products);\n browserHistory.push(`/manage-case/${id}/products/add`);\n } else {\n onGoBack(goBack);\n }\n // onGoBack(goBack);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectChargeType = (value) => {\n try {\n const { chargeType } = this.state;\n const selectedChargeData = chargeType.filter(\n (item) => item.TypeOptionsID.toString() === value\n );\n this.setState({ selectedType: value, selectedChargeData: selectedChargeData[0] });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickAmount = () => {\n try {\n this.setState({ addAmount: true });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const {\n goBack, setOtherCharge, setVhnPpcOtherCharge, vhnPpcOtherCharge, params: { id }\n } = this.props;\n setOtherCharge({});\n setVhnPpcOtherCharge(false);\n if (vhnPpcOtherCharge === true) {\n browserHistory.push(`/manage-case/${id}/products/add`);\n } else {\n onGoBack(goBack);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _setVhnPpcValue = async () => {\n const { chargeType } = this.state;\n const { params: { id }, tableName } = this.props;\n const caseDetail = await getTableCaseByCaseId(id, tableName);\n let vhnPpcValue = {};\n if (caseDetail.CustomerName !== null) {\n vhnPpcValue = await getVhnPpcValue(caseDetail.CustomerName);\n }\n chargeType.map((value) => {\n if (caseDetail.CaseType === 'HIP' && vhnPpcValue.VHN_PPC === '1') {\n if (value.OptionName === 'VELYS HIP NAV TOWER PPC FEE' || value.OptionNo === '099995000') {\n this.setState({\n selectedType: value.TypeOptionsID,\n addAmount: true\n }, () => {\n const selectedChargeData = chargeType.filter(\n (item) => item.TypeOptionsID === this.state.selectedType\n );\n this.setState({ selectedChargeData: selectedChargeData[0], });\n });\n }\n setTimeout(() => {\n window.$('#chargeAmount').focus();\n }, 500);\n }\n\n if (caseDetail.CaseType === 'KNEE' && vhnPpcValue.VRAS_PPC === '1') {\n if (value.OptionName === 'VELYS PPC USAGE FEE' || value.OptionNo === '451570404') {\n this.setState({\n selectedType: value.TypeOptionsID,\n addAmount: true\n }, () => {\n const selectedChargeData = chargeType.filter(\n (item) => item.TypeOptionsID === this.state.selectedType\n );\n this.setState({ selectedChargeData: selectedChargeData[0], });\n });\n }\n setTimeout(() => {\n window.$('#chargeAmount').focus();\n }, 500);\n }\n });\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { vhnPpcOtherCharge } = this.props;\n const chargeType = await getProductChargeType();\n const sortRes = sortData(chargeType, 'OptionName');\n this.setState({ chargeType: sortRes }, () => {\n if (vhnPpcOtherCharge === true) {\n this._setVhnPpcValue();\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { handleSubmit } = this.props;\n const {\n chargeType, selectedType, addAmount\n } = this.state;\n return (\n \n
\n \n
\n You must select a Charge Type.
\n\n
\n \n Ok\n \n
\n \n
\n Subscribe to this feed in your calendar application to show cases on it.\n If you are adding it to your phone's calendar, use the "Copy"\n button to copy the feed URL to your clipboard where it can be pasted later.\n If you are adding it to another device or computer, use the "Email"\n button to open a new email with the feed URL in it.\n
\n\n- \n {\n feedType.length > 0\n ? feedType.map((data, index) => (\n { this._onSelectedFeed(data, index); }} key={index}>\n
No cases found
\n }\n \n
\n \n Copy\n \n
\n\n {copiedUrl}
\n \n\n \n \n \n
\n \n \n \n\n 0) ? 'resizer-class' : ''}`}\n style={{ paddingBottom: '10px' }}\n >\n
\n );\n }\n}\n\nexport default withVhnPpcOtherCharge(\n withUser(\n withCalendarFilter(\n withSearchBilledData(\n withCaseFilter(\n withTableName(\n withBilledFilter(\n withOnline(\n withLoader(\n withNotify(\n withGoBack(\n withTeam(\n Billed\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n","import React, { Component } from 'react';\nimport Header from '../../components/Header';\nimport { onGoBack } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withBilledFilter from '../../common/withBilledFilter';\nimport BillingFilter from '../../components/BillingFilter';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass BilledFilter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterData: {}\n };\n }\n\n _onApplyFilter = () => {\n try {\n const { goBack, setBilledCaseFilter } = this.props;\n const { filterData } = this.state;\n for (const value in filterData) {\n if (filterData[value].length === 0) {\n delete filterData[value];\n }\n }\n setBilledCaseFilter(filterData);\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n this.setState({ filterData: data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearFilter = () => {\n try {\n const { setBilledCaseFilter } = this.props;\n this.setState({ filterData: {} });\n setBilledCaseFilter({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { billedFilter } = this.props;\n this.setState({ filterData: billedFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n filterData\n } = this.state;\n const { goBack, billedFilter } = this.props;\n return (\n \n
\n \n
\n \n
\n Cases: {totalCases}
\nTotal: {formatter.format(totalAmount)}
\n\n
\n \n \n {\n hideAndShowCard ? 'LARGE CARDS ' : 'SMALL CARDS '\n }\n \n \n \n \n
\n \n
\n \n
\n \n {\n (\n Object.keys(filterCases).map((key) => (\n key !== 'sortOrder'\n && filterCases[key].map((item, index) => (\n
\n \n
\n ))\n ))\n )\n }\n \n
\n {item.toUpperCase()}
\n \n\n
\n \n \n {\n (casesList.length > 0)\n && casesList.map((data, key) => (\n
\n No cases found
\n }\n \n
\n \n
\n\n {setHeader.ECSetDescription}
\n\n
\n\n \n {Object.keys(setsContents).length > 0 ? Object.keys(setsContents)\n .map((value, index) => (\n
\n \n {\n (value !== '')\n &&
\n )) : {(value === '' || value === null) ? '' : value}
\n }\n {/*{value !== 'null' ? value : '(No Tray)' }
*/}\n- \n {\n setsContents[value].map((data, key) => (\n
- \n \n\n\n\n\n\n
{data.ProductNo}
\n{data.ProductDescription}
\n\n\n{`Qty: ${data.Qty}`}
\n \n ))\n }\n
Set contents are not loaded for this set
}\n\n {\n flagsData.map((item, key) => (\n
\n \n \n
\n ))\n }\n \n {item.reason}\n
\n \n \n {item.severity}\n
\n \n \n {item.comments}\n
\n \n
\n \n
\n \n {\n getAcmFlag\n && (\n
)\n }\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n
\n \n ACM\n
\n )\n }\n\n {\n getAcmFlag\n && (\n \n
\n )\n }\n\n
\n Rep\n {\n repData.map((rep, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Hospital\n {\n hospitals.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Surgeon\n {\n surgeons.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Type\n {\n types.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Procedure\n {\n procedures.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Side\n {\n side.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Patient\n {\n patients.map((value, key) => (\n
\n\n \n \n
\n ))\n }\n \n\n
\n Submitted\n {\n submitTypes.map((item, key) => (\n
\n\n \n \n
\n ))\n }\n \n
\n this._onFilter(data)}\n selectedFilter={caseFilter}\n dayCaseFilter={filterData}\n selectCaseDate={selectCaseDate}\n />\n
\n );\n }\n}\n\nexport default withSelectCaseDate(\n withCaseFilter(\n withNotify(\n withGoBack(\n DayFilterCase\n )\n )\n )\n);\n","import { connect } from 'react-redux';\nimport { singleScanSessionSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSingleScanSession: (data) => {\n dispatch(singleScanSessionSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n singleScanSession: state.singleScanSession ? state.singleScanSession : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","export default __webpack_public_path__ + \"static/media/Add-Enter-Key.5bf40b3b.png\";","export default __webpack_public_path__ + \"static/media/Low-Volume.22fc043b.jpg\";","export default __webpack_public_path__ + \"static/media/Restore-Defaults.e01e4afc.jpg\";","import React, { Component } from 'react';\nimport HidBluetoothClassic from '../../assets/images/HID-Bluetooth-Classic.png';\nimport CradleBluetoothClassic from '../../assets/images/Cradle-Bluetooth-Classic.png';\nimport AddEnterKey from '../../assets/images/Add-Enter-Key.png';\nimport LowVolume from '../../assets/images/Low-Volume.jpg';\nimport RestoreDefaults from '../../assets/images/Restore-Defaults.jpg';\n// import { INVENTORY_INFO } from '../../common/config';\n\nclass InventoryInfo extends Component {\n render() {\n return (\n \n
\n \n );\n }\n}\n\nexport default InventoryInfo;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAACWCAYAAADDhgMpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH5gcbDTgvjWdMQAAAF8tJREFUeNrt3Ht8TGf+B/DPOTOTRBLkQoIhLolQ14QQtO7Cotb116Jbq02oWq1apVWW7bbULu1vWVqqdLUourZLK7rbXVUtQojbuldRIXGJS4VMkpn5/v44k2RCLjP4NZ7283695o/MPHOey3nmc86c80w0EREQEZGy9IpuABER3RsGORGR4hjkRESKY5ATESmOQU5EpDgGORGR4hjkRESKY5ATESmOQU5EpDjz3bzJ4lPy2/Lz7He8XvBcWdsorYyn7yutPaUpr77S2ubJ8/ejzpLe5+2YlteO8urzdEzudQw8acf97Je37fRmnno7puXVUZH73NvP5/0ep/+vtt7LmN5tv0rahrdZUl7dPCMnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlIcg5yISHEMciIixTHIiYgUxyAnIlKcJiJS0Y0gIqK7xzNyIiLFMciJiBTHICciUhyDnIhI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\"","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\n// import moment from 'moment';\nimport moment from 'moment-timezone';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withSingleScanSession from '../../common/withSingleScanSession';\nimport withScanInventory from '../../common/withScanInventory';\nimport Header from '../../components/Header';\nimport {\n getSyncInventoryDate, onGoBack, storeSyncInventoryDate, storeLastVisitedRoute,\n getStoreLastVisitedRoute, storeInventoryFlag, getInventoryFlag\n} from '../../common/globals';\nimport InventoryInfo from '../../components/Models/InventoryInfo';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { getInventoryData } from '../../utils/utils';\nimport {\n setInventoryData, getInventory, deleteByPrimaryKey\n} from '../../utils/db';\n\nclass Inventory extends Component {\n constructor(props) {\n super(props);\n this.state = {\n scanDate: '',\n localScanDate: ''\n };\n this.inventoryInfoModal = null;\n }\n\n async componentDidMount() {\n try {\n this.inventoryInfoModal = new window.bootstrap.Modal(window.$('#inventoryInfoModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onInfo = () => {\n try {\n this.inventoryInfoModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onViewInventory = () => {\n try {\n setTimeout(async () => {\n await this._onSevenDayOldInventory();\n }, 1000);\n this._onGoBack();\n storeLastVisitedRoute('view-inventory');\n browserHistory.push('/inventory/consignment/view-inventory');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScanSession = () => {\n try {\n setTimeout(async () => {\n await this._onSevenDayOldInventory();\n }, 1000);\n this._onGoBack();\n const { setScanInventory } = this.props;\n setScanInventory({});\n storeLastVisitedRoute('scan-session');\n browserHistory.push('/inventory/consignment/scan-session');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onManageScanSession = () => {\n try {\n setTimeout(async () => {\n await this._onSevenDayOldInventory();\n }, 1000);\n const { setSingleScanSession } = this.props;\n setSingleScanSession({});\n this._onGoBack();\n storeLastVisitedRoute('manage-sessions');\n browserHistory.push('/inventory/consignment/manage-sessions');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onGoBackInventory = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSyncInventory = async () => {\n try {\n const { online, setLoader } = this.props;\n const { scanDate } = this.state;\n if (online) {\n setLoader(true);\n const inventoryDataRes = await getInventoryData({ payload: 'DATA' });\n const { data } = inventoryDataRes;\n if (inventoryDataRes.hasOwnProperty('data')) {\n await setInventoryData(data);\n await storeSyncInventoryDate(scanDate);\n storeInventoryFlag('false');\n this.setState({\n localScanDate: scanDate\n });\n } else {\n // notify({ type: 'error', message });\n storeInventoryFlag('true');\n this.setState({ noInventoryData: true });\n }\n // setLoader(false);\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSevenDayOldInventory = async () => {\n try {\n const getInventoryByAccountNameRes\n = await getInventory();\n const scanSessionRes = getInventoryByAccountNameRes.reduce((session, value) => {\n const key = value.SessionID;\n if (session[key] == null) session[key] = [];\n value.sessionNameWithId = value.SessionName === '' ? value.SessionID\n : `${value.SessionName}(${value.SessionID})`;\n session[key].push({\n sessionNameWithId: value.sessionNameWithId,\n SessionName: value.SessionName,\n SessionID: value.SessionID,\n Submitted: value.Submitted,\n id: value.inventoryId,\n ScanDate: value.ScanDate\n });\n return session;\n }, {});\n Object.keys(scanSessionRes).map(async (data) => {\n let sevenDaysOld = [];\n const deleteDataPromiseAll = scanSessionRes[data].map(\n // eslint-disable-next-line no-async-promise-executor\n (value) => new Promise(async (resolve) => {\n resolve(true);\n const toDay = new Date();\n toDay.setDate(toDay.getDate() - 7);\n if (moment(value.ScanDate).format('YYYY-MM-DD') < moment(toDay).format('YYYY-MM-DD')) {\n sevenDaysOld.push(true);\n } else {\n sevenDaysOld.push(false);\n }\n })\n );\n await Promise.all(deleteDataPromiseAll);\n if (sevenDaysOld.every((item) => item === true)) {\n scanSessionRes[data].map(async (item) => {\n await deleteByPrimaryKey(item.id);\n });\n }\n sevenDaysOld = [];\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n online, setLoader, notify\n } = this.props;\n const syncDate = await getSyncInventoryDate();\n const lastVisitedRoute = await getStoreLastVisitedRoute();\n const inventoryFlag = await getInventoryFlag();\n if (inventoryFlag === 'true') {\n this.setState({ noInventoryData: true });\n } else {\n this.setState({ noInventoryData: false });\n }\n\n if (online) {\n setLoader(true);\n const inventoryDataRes = await getInventoryData({ payload: 'DATE' });\n const { date, message } = inventoryDataRes;\n if (message === 'Inventory retrived successsfully') {\n this.setState({\n scanDate: date,\n noInventoryData: false\n }, () => {\n storeInventoryFlag('false');\n });\n } else {\n this.setState({ noInventoryData: true }, () => {\n storeInventoryFlag('true');\n });\n // notify({ type: 'error',\n // message: 'Please click on Sync to enable Scan Inventory', time: 3 });\n }\n // setLoader(false);\n } else if (lastVisitedRoute === 'consignment') {\n notify({\n type: 'error',\n message: 'You must have an internet connection. Please check your connection and try again.',\n time: 5\n });\n }\n this.setState({ lastVisitedRoute, localScanDate: syncDate });\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n localScanDate, scanDate, lastVisitedRoute, noInventoryData\n } = this.state;\n // console.log('noInventoryData', noInventoryData);\n const { online } = this.props;\n return (\n \n
\n \n
\n Info
\n {/*{INVENTORY_INFO}
*/}\nP - Par Values (if entered by the office)
\nC - Consigned Inventory
\nS - Scanned Inventory
\nV - Variance
\nScan sessions are automatically deleted from your device after 7 days.
\nConsignment Inventory is typically updated once daily by the office.
\nScanning can occur independent of syncing inventory.
\n\n
\n Zebra Scanner Barcodes
\nScan the following barcode to make the Zebra scanner discoverable on Bluetooth.
\nOnce scanning is complete, re-pair the scanner to the cradle by:
\n1) scanning the below barcode
\n2) scanning the barcode on the cradle
\n\n
\n Troubleshooting Barcodes
\nIf a Zebra scanner is not reading barcodes properly, it\n may need configured to add an Enter key after each\n scan. To add an Enter key, scan the barcode below.\n
\nIf issues persist, restore the scanner to default\n settings using the barcode below.\n
\nNOTE: Once this is done, the scanner will need\n configured to add an Enter key (see above)\n
\nTo lower the volume of the scanner, scan the\n barcode below.\n
\n\n
\n \n
\n \n \n
\n \n
\n
\n \n
\n\n \n {\n !online && lastVisitedRoute === 'consignment' && localScanDate !== ''\n ? (\n
\n {`Last Inventory Sync: ${localScanDate !== ''\n // ? moment.tz(new Date(), 'America/New_York').format('MM/DD/YY HH:MM A')\n ? moment(new Date()).format('MM/DD/YY HH:MM A')\n : 'Never'}`}\n
\n )\n : (\n{`Last Inventory Sync: ${localScanDate !== ''\n // ? moment.tz(new Date(), 'America/New_York').format('MM/DD/YY HH:MM A')\n ? moment(new Date()).format('MM/DD/YY HH:MM A')\n : 'Never'}`}\n
\n )\n }\n\n {\n !online && lastVisitedRoute === 'consignment' && localScanDate !== ''\n ? (\n{`(${localScanDate === ''\n ? 'Data not available'\n : new Date(localScanDate) < new Date(scanDate)\n ? 'Newer data available'\n : (localScanDate === scanDate)\n ? 'Newer data not available'\n : 'Data not available'})`}\n
\n )\n : (\n{`(${scanDate === ''\n ? 'Data not available'\n : localScanDate === ''\n ? 'Data not loaded'\n : new Date(localScanDate) < new Date(scanDate)\n ? 'Newer data available'\n : 'Newer data not available'})`}\n
\n )\n }\n\n
\n \n
\n \n
\n \n
\n
\n
\n \n View Inventory\n \n
\n \n
\n \n Scan Inventory\n \n
\n \n
\n \n Manage Scan Sessions\n \n
\n \n
\n \n {\n !_.isEmpty(scanSessionData) && Object.keys(scanSessionData).map((session) => (\n scanSessionData[session].map((item, key) => (\n \n \n
\n \n
\n ))\n ))\n }\n \n this._onSelectedIds(item.SessionID)}\n checked={selectedIds.indexOf(item.SessionID) > -1}\n data-checkboxes=\"mygroup\"\n />\n \n
\n \n \n
\n \n this._onSelectAll(\n selectedIds.length === Object.keys(scanSessionData).length\n )}\n checked={selectedIds.length === Object.keys(scanSessionData).length\n && Object.keys(scanSessionData).length > 0}\n id=\"selectedAll\"\n disabled={scanSessionData.length === 0}\n >{selectedIds.length === Object.keys(scanSessionData).length ? 'Deselect All' : 'Select All'}\n \n
\n \n \n
\n \n );\n }\n}\n\nexport default NoScanSession;\n","import React, { Component } from 'react';\nimport { Link, browserHistory } from 'react-router';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport Select2 from 'react-select2-wrapper';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withUser from '../../common/withUser';\nimport withInventoryFilter from '../../common/withInventoryFilter';\nimport { onGoBack } from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { getAccountName, getInventory, getInventoryByAccountName } from '../../utils/db';\nimport ViewInventoryScanSession from '../../components/Inventory/ViewInventoryScanSession';\nimport NoScanSession from '../../components/Models/NoScanSession';\nimport OptimizeDatePicker from '../../components/commonComponents/OptimizeDatePicker';\n\nclass ViewInventory extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: new Date(),\n expiringDay: 0,\n account: {},\n accountName: '',\n scanSessionData: {},\n isSessionList: false,\n selectedScanSession: '',\n selectedSession: [],\n orderData: [],\n selectedOrderBy: 'PRODUCT #',\n varianceSettingsData: [\n {\n id: 0,\n value: 'NONE'\n },\n {\n id: 1,\n value: 'PRODUCT'\n },\n {\n id: 2,\n value: 'LOT'\n },\n ],\n selectedVariance: 'NONE',\n inventoryComparisonData: [\n {\n id: 0,\n value: 'CONSIGNMENT vs SCANS (S-C)'\n },\n {\n id: 1,\n value: 'PAR vs CONSIGNMENT (C-P)'\n },\n {\n id: 2,\n value: 'PAR vs SCANS (S-P)'\n }\n ],\n selectedInventoryComparison: ['CONSIGNMENT vs SCANS (S-C)'],\n searchProduct: [],\n searchProductDesc: [],\n searchLotNo: [],\n isScanOnly: false,\n isExpire: false,\n isChecked: true\n };\n this.noScanSession = null;\n }\n\n componentDidMount() {\n document.getElementById('expireDate').setAttribute('readonly', 'readonly');\n this.noScanSession = new window.bootstrap.Modal(window.$('#noScanSessionModal'));\n }\n\n _onApplyFilter = () => {\n try {\n this._onGoBack();\n browserHistory.push('/inventory/consignment/view-inventory/session-filter');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetScanSessionList = () => {\n try {\n const { scanSessionData, isSessionList } = this.state;\n if (Object.keys(scanSessionData).length > 0) {\n this.setState({ scanSessionData, isSessionList: !isSessionList });\n } else {\n this.noScanSession.show();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _goBack = () => {\n try {\n const { goBack, setInventoryFilter } = this.props;\n onGoBack(goBack);\n setInventoryFilter({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeDate = (value) => {\n try {\n const { inventoryFilter, setInventoryFilter } = this.props;\n const { isExpire } = this.state;\n const a = moment(value);\n const b = moment();\n this.setState({\n expiringDay: moment().format('M/DD/yy') === moment(value).format('M/DD/yy')\n ? 0\n : a.diff(b, 'days') + 1,\n startDate: value\n });\n if (isExpire) {\n setInventoryFilter({\n ...inventoryFilter,\n ExpireDate: [moment(value).format('M/DD/yy')],\n ExpiringDay: [moment().format('M/DD/yy') === moment(value).format('M/DD/yy')\n ? 0\n : a.diff(b, 'days') + 1],\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeDay = (e) => {\n try {\n const { inventoryFilter, setInventoryFilter } = this.props;\n const { isExpire } = this.state;\n const newDate = moment(new Date()).add(e.target.value, 'days');\n this.setState({\n expiringDay: e.target.value,\n startDate: e.target.value !== '' ? new Date(newDate) : new Date()\n });\n if (isExpire) {\n setInventoryFilter({\n ...inventoryFilter,\n ExpiringDay: [e.target.value],\n ExpireDate: [e.target.value !== '' ? moment(new Date(newDate)).format('M/DD/yy') : moment(new Date()).format('M/DD/yy')],\n });\n }\n } catch (er) {\n Bugsnag.notify(er);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onGetAccountName = async () => {\n try {\n const { setLoader } = this.props;\n const accountNameRes = await getAccountName();\n const inventoryRes = await getInventory();\n inventoryRes.map((value) => {\n value.InventoryType = value.ProductEnterType;\n });\n const mergeInventoryAndInventoryScan = accountNameRes.concat(inventoryRes);\n setLoader(true);\n const groupedData = _.groupBy(mergeInventoryAndInventoryScan, 'AccountName');\n let inventoryScan = {};\n Object.keys(groupedData).map(async (data) => {\n let par = 0; let congin = 0; let\n scan = 0;\n groupedData[data].map((item) => {\n if (item.InventoryType === 'PAR') {\n par += 1;\n } else if (item.InventoryType === 'CONSIGN') {\n congin += 1;\n } else if (item.InventoryType === 'SCAN' || item.InventoryType === 'MANUAL' || item.InventoryType === 'EXTDEVICE') {\n scan += 1;\n }\n });\n inventoryScan = Object.assign(\n inventoryScan,\n {\n [data]: {\n PAR: par,\n CONSIGN: congin,\n SCAN: scan,\n AccountName: data,\n Account: `${data} (${par}/${congin}/${scan})`\n }\n }\n );\n });\n const sortAccountData = Object.keys(inventoryScan).sort().reduce(\n (account, key) => {\n account[key] = inventoryScan[key];\n return account;\n },\n {}\n );\n this.setState({\n account: sortAccountData\n });\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScanSessionListBack = () => {\n try {\n this.setState({ isSessionList: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedSession = (selectedScanSession) => {\n try {\n const { isSessionList } = this.state;\n if (selectedScanSession.sessionId !== '') {\n this.setState({\n selectedScanSession, isSessionList: !isSessionList\n });\n } else {\n this.setState({\n selectedScanSession: '', isSessionList: !isSessionList\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeAccount = async (accountName) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n setInventoryFilter({\n ...inventoryFilter, AccountName: [accountName]\n });\n if (accountName !== undefined) {\n if (accountName.length > 0) {\n const getInventoryByAccountNameRes\n = await getInventoryByAccountName(accountName);\n const scanSessionRes = getInventoryByAccountNameRes.reduce((session, value) => {\n const key = value.SessionID;\n if (session[key] == null) session[key] = [];\n session[key].push({\n SessionName: value.SessionName,\n SessionID: value.SessionID,\n id: value.inventoryId\n });\n return session;\n }, {});\n const uniqueValue = {};\n Object.keys(scanSessionRes).map((key) => {\n Object.assign(uniqueValue, {\n [key]: [...new Map(scanSessionRes[key]\n .map((item) => [item.SessionID, item])).values()]\n });\n });\n this.setState({ scanSessionData: uniqueValue });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedSessionData = (selectedSession) => {\n try {\n this.setState({ selectedSession }, () => {\n this._getOrderBy();\n });\n const { setInventoryFilter, inventoryFilter } = this.props;\n setInventoryFilter({\n ...inventoryFilter, Sessions: selectedSession\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSelectedSessions = () => {\n try {\n this.setState({ selectedSession: [] });\n const { setInventoryFilter, inventoryFilter } = this.props;\n setInventoryFilter({\n ...inventoryFilter, Sessions: []\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _removeSession = (selectedSession, index) => {\n try {\n selectedSession.splice(index, 1);\n this.setState({ selectedSession });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSelectedAccount = () => {\n try {\n this.setState({ accountName: '', selectedSession: [] });\n const { setInventoryFilter, inventoryFilter } = this.props;\n setInventoryFilter({\n ...inventoryFilter, Sessions: []\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeOrderBy = (value) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n if (value === 'product') {\n document.getElementById('product').click();\n } else if (value === 'scanOrderFL') {\n document.getElementById('scanOrderFL').click();\n } else if (value === 'scanOrderLF') {\n document.getElementById('scanOrderLF').click();\n }\n this.setState({ selectedOrderBy: value });\n setInventoryFilter({\n ...inventoryFilter, OrderBy: [value]\n });\n if (value !== 'product') {\n setInventoryFilter({\n ...inventoryFilter, OrderBy: [value]\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onRemoveSelectedOrderBy = () => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ selectedOrderBy: 'PRODUCT #' });\n delete inventoryFilter.OrderBy;\n setInventoryFilter({ ...inventoryFilter, OrderBy: 'PRODUCT #' });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSearchProduct = () => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchProduct: '' });\n delete inventoryFilter.Product;\n setInventoryFilter({ ...inventoryFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSearchProductDesc = () => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchProductDesc: '' });\n delete inventoryFilter.ProductDescription;\n setInventoryFilter({ ...inventoryFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSearchLotNo = () => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchLotNo: '' });\n delete inventoryFilter.LotNo;\n setInventoryFilter({ ...inventoryFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeVariance = (value) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n if (value === 'none') {\n document.getElementById('none').click();\n } else if (value === 'product') {\n document.getElementById('product').click();\n } else if (value === 'lot') {\n document.getElementById('lot').click();\n }\n this.setState({ selectedVariance: value });\n if (value !== 'NONE') {\n setInventoryFilter({\n ...inventoryFilter, isChecked: ['checked'], Variance: [value]\n });\n } else {\n delete inventoryFilter.InventoryComparison;\n delete inventoryFilter.Variance;\n delete inventoryFilter.isChecked;\n setInventoryFilter({\n ...inventoryFilter\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onRemoveSelectedVariance = () => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ selectedVariance: 'NONE' });\n delete inventoryFilter.InventoryComparison;\n delete inventoryFilter.Variance;\n delete inventoryFilter.isChecked;\n setInventoryFilter({\n ...inventoryFilter\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeInventoryComparison = (value) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ selectedInventoryComparison: value });\n setInventoryFilter({\n ...inventoryFilter, InventoryComparison: [value]\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onRemoveSelectedInventoryComparison = () => {\n try {\n this.setState({ selectedInventoryComparison: '' });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeProduct = (event) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchProduct: [event.target.value] });\n setInventoryFilter({\n ...inventoryFilter, Product: [event.target.value]\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeProductDescription = (event) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchProductDesc: [event.target.value] });\n setInventoryFilter({\n ...inventoryFilter, ProductDescription: [event.target.value]\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeLotNo = (event) => {\n try {\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ searchLotNo: [event.target.value] });\n setInventoryFilter({\n ...inventoryFilter, LotNo: [event.target.value]\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCheckHideVariantsOrNot = () => {\n const { isChecked } = this.state;\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({\n isChecked: !isChecked,\n });\n let msg = ' ';\n if (isChecked) {\n msg = 'notChecked';\n } else {\n msg = 'checked';\n }\n setInventoryFilter({\n ...inventoryFilter, isChecked: [msg]\n });\n }\n\n _onScanOnly = () => {\n try {\n const { isScanOnly } = this.state;\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ isScanOnly: !isScanOnly }, () => { this._getOrderBy(); });\n let msg = ' ';\n if (isScanOnly) {\n delete inventoryFilter.isScanOnly;\n setInventoryFilter(inventoryFilter);\n } else {\n msg = 'SCAN';\n setInventoryFilter({\n ...inventoryFilter,\n isScanOnly: [msg]\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAlertExpireDate = () => {\n try {\n const { isExpire, expiringDay, startDate } = this.state;\n const { setInventoryFilter, inventoryFilter } = this.props;\n this.setState({ isExpire: !isExpire });\n let msg = ' ';\n if (isExpire) {\n delete inventoryFilter.isExpire;\n delete inventoryFilter.ExpiringDay;\n delete inventoryFilter.ExpireDate;\n setInventoryFilter(inventoryFilter);\n } else {\n msg = 'expired';\n setInventoryFilter({\n ...inventoryFilter,\n isExpire: [msg],\n ExpiringDay: [expiringDay],\n ExpireDate: [moment(startDate).format('M/DD/YY')]\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getOrderBy = () => {\n const { inventoryFilter } = this.props;\n if (inventoryFilter.hasOwnProperty('isScanOnly')) {\n if (inventoryFilter.isScanOnly.includes('SCAN')) {\n this.setState({\n orderData: [{\n id: 0,\n value: 'PRODUCT #'\n },\n {\n id: 1,\n value: 'SCAN ORDER (first to last)'\n },\n {\n id: 2,\n value: 'SCAN ORDER (last to first)'\n }],\n selectedOrderBy: 'PRODUCT #'\n });\n } else {\n this.setState({\n orderData: [\n {\n id: 0,\n value: 'PRODUCT #'\n }\n ],\n selectedOrderBy: 'PRODUCT #'\n });\n }\n } else {\n this.setState({\n orderData: [\n {\n id: 0,\n value: 'PRODUCT #'\n }\n ],\n selectedOrderBy: 'PRODUCT #'\n });\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { inventoryFilter, setLoader } = this.props;\n const {\n selectedInventoryComparison, selectedVariance, isChecked, isScanOnly, selectedOrderBy,\n isExpire\n } = this.state;\n\n for (const key in inventoryFilter) {\n const result = inventoryFilter[key].filter((e) => e);\n if (result.length === 0 || result === '' || result === []) {\n delete inventoryFilter[key];\n }\n }\n setLoader(true);\n await this._onGetAccountName();\n await this._getOrderBy();\n if (Object.keys(inventoryFilter).length > 0) {\n this.setState({\n accountName: inventoryFilter.AccountName !== undefined ? inventoryFilter.AccountName[0] : '',\n selectedSession: inventoryFilter.Sessions,\n isScanOnly: inventoryFilter.isScanOnly !== undefined\n ? inventoryFilter.isScanOnly.includes('SCAN') : isScanOnly,\n searchProduct: inventoryFilter.Product,\n searchProductDesc: inventoryFilter.ProductDescription,\n searchLotNo: inventoryFilter.LotNo,\n isExpire: inventoryFilter.isExpire !== undefined\n ? inventoryFilter.isExpire.includes('expired') : isExpire,\n expiringDay: inventoryFilter.ExpiringDay,\n startDate: inventoryFilter.hasOwnProperty('ExpiringDay')\n ? new Date(inventoryFilter.ExpireDate) : new Date(),\n selectedInventoryComparison: inventoryFilter.InventoryComparison !== undefined\n ? inventoryFilter.InventoryComparison\n : selectedInventoryComparison,\n isChecked: inventoryFilter.isChecked !== undefined\n ? inventoryFilter.isChecked.includes('checked')\n : isChecked\n });\n\n if (inventoryFilter.OrderBy !== undefined) {\n this.setState({\n selectedOrderBy: inventoryFilter.OrderBy !== undefined\n ? inventoryFilter.OrderBy\n : selectedOrderBy,\n });\n }\n if (inventoryFilter.InventoryComparison !== undefined) {\n this.setState({\n selectedVariance: inventoryFilter.Variance !== undefined\n ? inventoryFilter.Variance\n : selectedVariance,\n });\n }\n }\n setLoader(false);\n // Listen for input event on numInput.\n const number = document.getElementById('number');\n number.onkeydown = function (e) {\n if (!((e.keyCode > 95 && e.keyCode < 106)\n || (e.keyCode > 47 && e.keyCode < 58)\n || e.keyCode === 8)) {\n return false;\n }\n };\n $('select').select2({ minimumResultsForSearch: -1 });\n $('#accountName').select2({\n placeholder: 'Select Account'\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n startDate, expiringDay, account, accountName, scanSessionData, isSessionList, selectedSession,\n selectedOrderBy, selectedVariance, selectedInventoryComparison, searchProduct,\n varianceSettingsData, searchProductDesc, searchLotNo, inventoryComparisonData, isChecked,\n isScanOnly, isExpire, orderData\n } = this.state;\n return (\n \n
\n \n
\n There are no scan sessions for this account.
\n\n
\n \n
\n \n \n
\n \n
\n \n
\n
\n \n
\n \n \n
\n \n {\n this.setState({ accountName: value },\n () => { this._onChangeAccount(value); });\n }}\n data={Object.keys(account).map((key) => ({\n id: key,\n text: account[key].Account\n }))}\n value={accountName}\n />\n {\n accountName !== ''\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n 0\n ? 'selected-session-truncate' : 'delete-selected-session'}`}\n onClick={this._onGetScanSessionList}\n >\n {\n selectedSession !== undefined && selectedSession.length > 0\n ? selectedSession.join(',') : 'Select Scan Session(s)'\n }\n {/* Select Scan Session(s) */}\n \n {\n selectedSession !== undefined && selectedSession.length > 0\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n
\n\n \n \n
\n \n {\n this.setState({ selectedOrderBy: value },\n () => {\n this._onChangeOrderBy(value);\n });\n }}\n data={orderData.map((order) => (order.value))}\n defaultValue={selectedOrderBy}\n />\n {\n selectedOrderBy !== 'PRODUCT #'\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n this._onChangeProduct(e)}\n placeholder=\"Search Product #\"\n />\n {\n searchProduct !== undefined && searchProduct.length > 0\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n this._onChangeProductDescription(e)}\n placeholder=\"Search Product Description #\"\n />\n {\n searchProductDesc !== undefined && searchProductDesc.length > 0\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n this._onChangeLotNo(e)}\n placeholder=\"Search Lot #\"\n />\n {\n searchLotNo !== undefined && searchLotNo.length > 0\n && (\n \n \n \n )\n }\n
\n \n
\n \n \n
\n \n
\n \n
\n \n {\n if (e.target.value.length === 7) return false;\n this.setState({\n expiringDay: e.target.value,\n }, () => {\n this._onChangeDay(e);\n });\n }}\n value={expiringDay}\n onBlur={() => {\n this.setState({\n expiringDay: expiringDay === '' ? 0 : expiringDay,\n });\n }}\n onWheel={(event) => event.currentTarget.blur()}\n />\n days on\n \n
\n\n \n
\n \n {\n e.preventDefault();\n }}\n minDate={new Date()}\n showDisabledMonthNavigation\n onChange={(value) => {\n this._onChangeDate(value);\n }}\n />\n
\n \n
\n
\n Variance Settings
\n\n
\n {\n selectedVariance !== 'NONE'\n && (\n \n \n
\n \n {\n this.setState({ selectedVariance: value },\n () => { this._onChangeVariance(value); });\n }}\n data={varianceSettingsData.map((variance) => (variance.value))}\n defaultValue={selectedVariance}\n />\n {\n selectedVariance !== 'NONE'\n && (\n \n \n \n )\n }\n
\n \n
\n )\n }\n {\n selectedVariance !== 'NONE'\n && (\n \n \n
\n \n (compData.value)\n )}\n onChange={({ target: { value } }) => {\n this._onChangeInventoryComparison(value);\n }}\n value={selectedInventoryComparison}\n />\n \n \n \n
\n \n
\n )\n }\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default DeleteManageSessionsModal;\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport _ from 'lodash';\nimport Select2 from 'react-select2-wrapper';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withUser from '../../common/withUser';\nimport withOnline from '../../common/withOnline';\nimport { onGoBack, sortData } from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\nimport {\n deleteByPrimaryKey,\n getHospitals, getInventory,\n getInventoryByAccountName,\n getInventoryByID,\n getInventoryBySessionID,\n getTeamReps, updateInventoryByInventoryId,\n updateInventoryByLocalInventoryId\n} from '../../utils/db';\nimport withSingleScanSession from '../../common/withSingleScanSession';\nimport DeleteManageSessionsModal from '../../components/Models/DeleteManageSessionsModal';\nimport { saveScanInventoryData, submitScanData } from '../../utils/utils';\n\nclass ManageSessions extends Component {\n constructor(props) {\n super(props);\n this.state = {\n account: [],\n selectedAccountName: '',\n scanSessionData: {},\n singleSessionData: [],\n session: [],\n selectedIds: [],\n isSubmitted: true,\n unSubmittedProductCount: 0\n };\n this.deleteManageSessionsModal = null;\n }\n\n componentDidMount() {\n this.deleteManageSessionsModal = new window.bootstrap.Modal(window.$('#deleteManageSessionsModal'));\n }\n\n _onSingleSessionData = async (data) => {\n try {\n const {\n SessionID, SessionName, sessionNameWithId, productCount\n } = data;\n const { setSingleScanSession, singleScanSession } = this.props;\n setSingleScanSession({\n ...singleScanSession, SessionID, SessionName, sessionNameWithId, productCount\n });\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/edit-session');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetAccountName = async () => {\n try {\n const { user } = this.props;\n const hospitalRes = await getHospitals();\n const sortHospital = sortData(hospitalRes, 'CustomerName');\n const repRes = await getTeamReps();\n const sortRep = sortData(repRes, 'SalesRepName');\n const teamRes = user.selectedTeam;\n teamRes.AccountNameAndNumber = user.selectedTeam.name;\n teamRes.AccountName = user.selectedTeam.name;\n teamRes.AccountNo = '';\n teamRes.AccountAbb = user.selectedTeam.name.split(' ').map((x) => x[0]).join('');\n const teamArr = [];\n teamArr.push(teamRes);\n sortHospital.map((value) => {\n value.AccountNameAndNumber = `${value.CustomerName} (${(Number(value.CustomerNo).toString())})`;\n value.AccountName = value.CustomerName;\n value.AccountNo = (Number(value.CustomerNo).toString());\n value.AccountAbb = value.CustomerAbb;\n });\n sortRep.map((value) => {\n value.AccountNameAndNumber = `${value.SalesRepName} (${((value.SalesRepNo !== '' && value.SalesRepNo !== null)\n ? Number(value.SalesRepNo).toString() : '')})`;\n value.AccountName = value.SalesRepName;\n value.AccountNo = Number(value.SalesRepNo).toString();\n value.AccountAbb = value.SalesRepName.substr(0, value.SalesRepName.indexOf(','));\n });\n const merged = _(teamArr)\n .concat(sortRep, sortHospital)\n .groupBy('AccountName')\n .map(_.spread(_.merge))\n .value();\n const getInventoryScan = await getInventory();\n const onlySessionData = [];\n merged.map(async (value) => {\n getInventoryScan.map((item) => {\n if (value.AccountName === item.AccountName) {\n onlySessionData.push(value);\n }\n });\n });\n // Creates an array of objects with unique \"AccountName\" property values.\n const uniqueObjArray = [\n ...new Map(onlySessionData.map((item) => [item.AccountName, item])).values(),\n ];\n this.setState({\n account: uniqueObjArray\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectAll = (isSelected) => {\n try {\n const { scanSessionData } = this.state;\n let selectedIds = [];\n if (isSelected === false) {\n Object.keys(scanSessionData).map((session) => {\n scanSessionData[session].map(({ SessionID }) => {\n selectedIds.push(SessionID);\n });\n });\n } else {\n selectedIds = [];\n }\n this.setState({ selectedIds }, () => {\n this._onGetInventorySession(selectedIds);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectedIds = (userId) => {\n try {\n const { selectedIds } = this.state;\n if (selectedIds.indexOf(userId) > -1) {\n selectedIds.splice(selectedIds.indexOf(userId), 1);\n } else {\n selectedIds.push(userId);\n }\n this.setState({ selectedIds }, () => {\n this._onGetInventorySession(selectedIds);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _goBack = () => {\n try {\n const { goBack, setSingleScanSession } = this.props;\n setSingleScanSession({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n countProduct = (productRes) => {\n const productData = {};\n productRes.forEach(async (product) => {\n const key = `${product.SessionID}`;\n if (!productData[key]) {\n productData[key] = { ...product, productCount: 0 };\n }\n productData[key].productCount += 1;\n });\n return Object.values(productData);\n };\n\n _getInventoryByAccountName = async (accountName) => {\n try {\n const { selectedIds } = this.state;\n if (accountName !== undefined) {\n if (accountName.length > 0) {\n const getInventoryByAccountNameRes\n = await getInventoryByAccountName(accountName);\n const scanSessionRes = getInventoryByAccountNameRes.reduce((session, value) => {\n const key = value.SessionID;\n if (session[key] == null) session[key] = [];\n value.sessionNameWithId = value.SessionName === '' ? value.SessionID\n : `${value.SessionName}(${value.SessionID})`;\n session[key].push({\n sessionNameWithId: value.sessionNameWithId,\n SessionName: value.SessionName,\n SessionID: value.SessionID,\n Submitted: value.Submitted,\n id: value.inventoryId\n });\n return session;\n }, {});\n Object.keys(scanSessionRes).map((data) => {\n const maxValue = scanSessionRes[data].map((o) => o.Submitted);\n scanSessionRes[data].map((value) => {\n value.SubmitedValue = maxValue.every((item) => item === 1);\n value.productCount = scanSessionRes[data].length;\n });\n });\n const uniqueValue = {};\n Object.keys(scanSessionRes).map((key) => {\n Object.assign(uniqueValue, {\n [key]: [...new Map(scanSessionRes[key]\n .map((item) => [item.SessionID, item])).values()]\n });\n });\n this.setState({\n scanSessionData: uniqueValue\n });\n this._onGetInventorySession(selectedIds);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeAccount = async (key) => {\n try {\n const { account } = this.state;\n const { setSingleScanSession, singleScanSession } = this.props;\n if (account[key] !== undefined) {\n const {\n AccountName, AccountNameAndNumber\n } = account[key];\n setSingleScanSession({ ...singleScanSession, AccountName: AccountNameAndNumber });\n this.setState({ selectedAccountName: key });\n await this._getInventoryByAccountName(AccountName);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedSubmit = async () => {\n try {\n const {\n online, notify, setLoader, singleScanSession\n } = this.props;\n const { selectedIds } = this.state;\n selectedIds.map(async (selectedId) => {\n const inventoryRes = await getInventoryBySessionID(selectedId);\n if (online) {\n const scanInventoryID = [];\n let responseJson = {};\n let submitResponseJson = {};\n setLoader(true);\n const hospitalPromiseAll = inventoryRes.map(async (data) => new Promise(\n // eslint-disable-next-line no-async-promise-executor\n async (resolve) => {\n if (data.ID === null) {\n responseJson = await saveScanInventoryData(data);\n const { message, status, ID } = responseJson;\n if (status) {\n data.ID = ID;\n await updateInventoryByLocalInventoryId(data.inventoryId, data);\n scanInventoryID.push(ID);\n } else {\n notify({ type: 'error', message, time: 3 });\n }\n } else {\n scanInventoryID.push(data.ID);\n }\n resolve(true);\n }\n ));\n setLoader(false);\n await Promise.all(hospitalPromiseAll);\n setLoader(true);\n if (scanInventoryID.length > 0) {\n submitResponseJson = await submitScanData({ ID: scanInventoryID });\n if (submitResponseJson.hasOwnProperty('failed_IDs')) {\n const { failed_IDs } = submitResponseJson;\n scanInventoryID.map(async (id) => {\n const getInventoryResById = await getInventoryByID(id);\n if (failed_IDs.includes(id) === true) {\n getInventoryResById.Submitted = 0;\n await updateInventoryByInventoryId(id, getInventoryResById);\n } else {\n getInventoryResById.Submitted = 1;\n await updateInventoryByInventoryId(id, getInventoryResById);\n }\n });\n } else {\n scanInventoryID.map(async (id) => {\n const getInventoryResById = await getInventoryByID(id);\n getInventoryResById.Submitted = 1;\n await updateInventoryByInventoryId(id, getInventoryResById);\n });\n }\n }\n setTimeout(async () => {\n await this._getInventoryByAccountName(singleScanSession.AccountName);\n }, 1000);\n setLoader(false);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n });\n this._onGetInventorySession(selectedIds);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOpenSessionDeletePopup = (data) => {\n try {\n this.setState({ selectedIds: data });\n this.deleteManageSessionsModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSelectedDelete = async (data) => {\n try {\n const { setLoader, singleScanSession } = this.props;\n const arrDelete = [];\n // eslint-disable-next-line no-async-promise-executor\n const deleteDataPromiseAll = data.map(async (id) => new Promise(async (resolve) => {\n arrDelete.push(await getInventoryBySessionID(id));\n resolve(true);\n }));\n await Promise.all(deleteDataPromiseAll);\n arrDelete.map((value) => {\n value.map(async (item) => {\n if (item.inventoryId !== undefined) {\n setLoader(true);\n await deleteByPrimaryKey(item.inventoryId);\n await this._getInventoryByAccountName(singleScanSession.AccountName);\n this.setState({ selectedIds: [] });\n setLoader(false);\n }\n });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetInventorySession = (selectedIds) => {\n const { scanSessionData } = this.state;\n const selectedInventoryData = [];\n selectedIds.map((value) => {\n selectedInventoryData.push(scanSessionData[value][0]);\n });\n const isFound = selectedInventoryData.find((o) => o.Submitted === 0);\n if (selectedInventoryData.length > 0) {\n if (isFound !== undefined) {\n this.setState({\n isSubmitted: false\n });\n } else {\n this.setState({\n isSubmitted: true\n });\n }\n } else {\n this.setState({\n isSubmitted: true\n });\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { singleScanSession } = this.props;\n await this._onGetAccountName();\n await this._getInventoryByAccountName(singleScanSession.AccountName);\n this._onGetInventorySession();\n const { account } = this.state;\n if (singleScanSession !== undefined) {\n this.setState({\n selectedAccountName: account.findIndex(\n (x) => x.AccountName === singleScanSession.AccountName\n ),\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n account, selectedAccountName, scanSessionData, selectedIds,\n isSubmitted\n } = this.state;\n return (\n \n
\n \n
\n Are you sure you want to delete the selected session(s)?
\n\n
\n \n
\n \n \n
\n \n onClickYes(sessionData)}\n >\n Yes\n \n
\n \n
\n \n
\n {\n !_.isEmpty(scanSessionData) && Object.keys(scanSessionData).map((session) => (\n scanSessionData[session].map((item, key) => (\n
\n \n
\n \n \n {\n this._onChangeAccount(value);\n }}\n data={account.map((value, key) => (\n { id: key, text: value.AccountNameAndNumber }))}\n value={selectedAccountName}\n options={{ placeholder: 'Select Account' }}\n />\n
\n \n \n
\n \n this._onSelectAll(\n selectedIds.length === Object.keys(scanSessionData).length\n )}\n checked={selectedIds.length === Object.keys(scanSessionData).length\n && Object.keys(scanSessionData).length > 0}\n id=\"selectedAll\"\n readOnly\n disabled={Object.keys(scanSessionData).length === 0}\n >{(selectedIds.length === Object.keys(scanSessionData).length\n && (selectedAccountName !== -1 && Object.keys(scanSessionData).length > 0))\n ? 'Deselect All' : 'Select All'}\n \n
\n\n \n {\n !_.isEmpty(scanSessionData) && Object.keys(scanSessionData).map((session) => (\n scanSessionData[session].map((item, key) => (\n
\n
\n ))\n ))\n }\n \n
\n \n \n
\n \n
\n \n \n
\n\n {item.SessionName}
{item.SessionID}\n
\n {item.SessionID}\n
\n ({item.productCount})\n this._onSingleSessionData(item)} />\n
\n \n
\n \n
\n \n Submit Selected\n \n
\n \n this._onOpenSessionDeletePopup(selectedIds)}\n disabled={selectedIds.length === 0}\n >Delete Selected\n \n
\n \n
\n \n );\n }\n}\n\nexport default DeleteScanSessionModal;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\n// import moment from 'moment';\nimport moment from 'moment-timezone';\nimport Select2 from 'react-select2-wrapper';\nimport _ from 'lodash';\nimport Header from '../../components/Header';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withUser from '../../common/withUser';\nimport withScanInventory from '../../common/withScanInventory';\nimport withSingleScanSession from '../../common/withSingleScanSession';\nimport withOnline from '../../common/withOnline';\nimport {\n onGoBack, sortData,\n // SERVER_TIMEZONE,\n createNewSession, Fcm_Token, getSyncTeamAbb\n} from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\nimport {\n getHospitals, getTeamReps, getInventoryByAccountName, getInventoryByID,\n getInventoryBySessionID, updateInventoryByInventoryId, updateInventoryByLocalInventoryId,\n deleteByPrimaryKey\n} from '../../utils/db';\nimport { saveScanInventoryData, submitScanData } from '../../utils/utils';\nimport DeleteScanSessionModal from '../../components/Models/DeleteScanSessionModal';\nimport OptimizeDatePicker from '../../components/commonComponents/OptimizeDatePicker';\n\nclass ScanSession extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: new Date(),\n expiringDay: 0,\n session: [],\n account: [],\n selectedAccountName: '',\n productCount: 0,\n selectedSessionName: '',\n sessionId: '',\n selectedSessionNewOrOld: '',\n selectedSession: '',\n isProduct: false,\n isExpire: true,\n isConsignment: false,\n isSubmitted: true\n };\n this.deleteScanSessionModal = null;\n }\n\n componentDidMount() {\n this.deleteScanSessionModal = new window.bootstrap.Modal(window.$('#DeleteScanSessionModal'));\n document.getElementById('expireDate').setAttribute('readonly', 'readonly');\n }\n\n _goBack = () => {\n try {\n const { goBack, setScanInventory } = this.props;\n onGoBack(goBack);\n setScanInventory({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onScanInventory = () => {\n try {\n const {\n setScanInventory, scanInventory, setSingleScanSession,\n user: {\n name, salesRepNo, selectedTeam, territories, office,\n selectedTeam: { timezone }\n }\n } = this.props;\n const {\n productCount, isProduct, isExpire, startDate, expiringDay, isConsignment\n } = this.state;\n const territoriesData = territories.find((item) => item.offices.some(\n (value) => value.id === office\n ));\n const officeData = territoriesData.offices.find((o) => o.id === office);\n setScanInventory({\n ...scanInventory,\n ProductBarcode: null,\n LotBarcode: '',\n ProductNo: '',\n ProductDescription: '',\n Qty: 0,\n totalProduct: productCount,\n Submitted: 0,\n LotNo: '',\n OfficeName: officeData.name,\n ExpireDate: '',\n ScanRep: name,\n TeamName: selectedTeam.name,\n SalesRepNo: salesRepNo,\n BarcodeType: '',\n ProductEnterType: '',\n LotEnterType: '',\n ExpDateEnterType: '',\n ProductValid: true,\n // ScanDate: moment().tz(SERVER_TIMEZONE).format('YYYY-MM-DD, HH:mm:ss A'),\n ScanDate: moment().tz(timezone).format('YYYY-MM-DD, HH:mm:ss A'),\n // ScanDate: moment().format('YYYY-MM-DD, HH:mm:ss A'),\n\n // SessionDate: moment().format('YYYY-MM-DD, HH:mm:ss A'),\n // SessionDate: scanInventory.SessionDate,\n // SessionDate: moment().tz(timezone).format('YYYY-MM-DD, HH:mm:ss A'),\n DeviceID: Fcm_Token,\n ID: null,\n isProduct,\n isExpire,\n expiringDay,\n startDate,\n isConsignment\n });\n setSingleScanSession({});\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/scan-inventory');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditSession = async () => {\n try {\n const { setSingleScanSession, scanInventory, setScanInventory } = this.props;\n const { isProduct, isExpire, isConsignment } = this.state;\n setScanInventory({\n ...scanInventory, isProduct, isExpire, isConsignment\n });\n setSingleScanSession(scanInventory);\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/edit-session');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onViewInventory = () => {\n try {\n const { setScanInventory, scanInventory } = this.props;\n const { isProduct, isExpire, isConsignment } = this.state;\n setScanInventory({\n ...scanInventory, isProduct, isExpire, isConsignment\n });\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/scan-view-inventory');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeDay = (e) => {\n try {\n const newDate = moment(new Date()).add(e.target.value, 'days');\n this.setState({\n startDate: e.target.value !== '' ? new Date(newDate) : new Date()\n });\n } catch (er) {\n Bugsnag.notify(er);\n }\n }\n\n _onChangeDate = (value) => {\n try {\n const selectedDate = moment(value);\n const currentDate = moment();\n this.setState({\n expiringDay: moment().format('MM/DD/yyyy') === moment(value).format('MM/DD/yyyy')\n ? 0\n : selectedDate.diff(currentDate, 'days') + 1,\n startDate: value\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetAccountName = async () => {\n try {\n const { user } = this.props;\n const hospitalRes = await getHospitals();\n const sortHospital = sortData(hospitalRes, 'CustomerName');\n const repRes = await getTeamReps();\n const sortRep = sortData(repRes, 'SalesRepName');\n const teamRes = user.selectedTeam;\n const teamNo = sortHospital[0].TeamNo;\n teamRes.AccountNameAndNumber = user.selectedTeam.name;\n teamRes.AccountName = user.selectedTeam.name;\n teamRes.AccountNo = (teamNo).toString();\n teamRes.AccountAbb = await getSyncTeamAbb();\n const teamArr = [];\n teamArr.push(teamRes);\n sortHospital.map((value) => {\n value.AccountNameAndNumber = `${value.CustomerName} (${(value.CustomerNo).toString() === 'NaN' ? '0' : (value.CustomerNo).toString()})`;\n value.AccountName = value.CustomerName;\n value.AccountNo = (value.CustomerNo).toString() === 'NaN' ? '0' : (value.CustomerNo).toString();\n value.AccountAbb = value.CustomerAbb;\n });\n sortRep.map((value) => {\n value.AccountNameAndNumber = `${value.SalesRepName} (${((value.SalesRepNo !== '' && value.SalesRepNo !== null) ? (value.SalesRepNo).toString() : '')})`;\n value.AccountName = value.SalesRepName;\n value.AccountNo = (value.SalesRepNo !== null && (value.SalesRepNo).toString());\n value.AccountAbb = value.SalesRepName.substr(0, value.SalesRepName.indexOf(','));\n });\n const merged = _(teamArr)\n .concat(sortRep, sortHospital)\n .groupBy('AccountName')\n .map(_.spread(_.merge))\n .value();\n this.setState({\n account: merged\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeSessionName = (value) => {\n try {\n const { setScanInventory, scanInventory } = this.props;\n this.setState({\n selectedSessionName: value\n });\n setScanInventory({\n ...scanInventory,\n SessionName: value,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProduct = () => {\n try {\n const { isProduct } = this.state;\n const { setScanInventory, scanInventory } = this.props;\n this.setState({ isProduct: !isProduct });\n setScanInventory({\n ...scanInventory,\n isProduct: !isProduct\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAlertExpireDate = () => {\n try {\n const { startDate, isExpire, expiringDay } = this.state;\n const { setScanInventory, scanInventory } = this.props;\n this.setState({ isExpire: !isExpire });\n setScanInventory({\n ...scanInventory, isExpire: !isExpire, expiringDay, startDate\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCheckConsignment = () => {\n try {\n const { isConsignment } = this.state;\n const { setScanInventory, scanInventory } = this.props;\n this.setState({ isConsignment: !isConsignment });\n setScanInventory({\n ...scanInventory,\n isConsignment: !isConsignment\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeSession = async (value) => {\n try {\n const {\n setScanInventory,\n scanInventory\n } = this.props;\n const { session } = this.state;\n // const teamAbb = await getSyncTeamAbb();\n const result = session.find((x) => x.sessionNameWithId === value);\n const getInventoryBySessionIDRes\n = await getInventoryBySessionID(result.SessionID);\n this.setState({\n selectedSession: value,\n sessionId: value === 'CREATE NEW SESSION' ? scanInventory.AccountAbb + moment().format('_DDMMMYYYY_hhmmssA') : result.SessionID,\n selectedSessionNewOrOld: value === 'CREATE NEW SESSION' ? 'new' : 'old',\n productCount: value !== 'CREATE NEW SESSION' ? getInventoryBySessionIDRes.length : 0,\n SessionDate: result.SessionDate\n // SessionDate: value !== 'CREATE NEW SESSION' ? result.SessionDate\n // : moment().format('YYYY-MM-DD HH:mm:ss.SSS')\n }, () => {\n this._onFocusSessionName(value);\n });\n setScanInventory({\n ...scanInventory,\n SessionName: value === 'CREATE NEW SESSION' ? '' : result.SessionName,\n SessionID: value === 'CREATE NEW SESSION' ? scanInventory.AccountAbb + moment().format('_DDMMMYYYY_hhmmssA') : result.SessionID,\n SessionNewOrOld: value === 'CREATE NEW SESSION' ? 'new' : 'old',\n Qty: value !== 'CREATE NEW SESSION' ? getInventoryBySessionIDRes.length : 0,\n // SessionDate: value !== 'CREATE NEW SESSION' ? result.SessionDate\n // : moment().format('YYYY-MM-DD HH:mm:ss.SSS')\n // SessionDate: moment(result.SessionDate).tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS')\n // SessionDate: moment(result.SessionDate).format('YYYY-MM-DD HH:mm:ss.SSS')\n SessionDate: result.SessionDate\n });\n await this._onGetInventorySession(result.SessionID);\n this.setState({ selectedSessionName: result.SessionName });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFocusSessionName = async (value) => {\n try {\n if (value === 'CREATE NEW SESSION') {\n setTimeout(() => {\n window.$('#SessionName').focus();\n }, 100);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeAccount = async (key) => {\n try {\n const {\n account, selectedAccountName\n } = this.state;\n if (account[key] !== undefined) {\n const {\n AccountName, AccountAbb, AccountNo\n } = account[key];\n const { setScanInventory, scanInventory } = this.props;\n if (selectedAccountName !== key) {\n this.setState({\n sessionId: '', productCount: 0, isProduct: false, isConsignment: false\n });\n }\n this.setState({ selectedAccountName: key }, () => {\n setTimeout(() => {\n selectedAccountName !== '' && $('#selectSession').select2('open');\n }, 100);\n });\n setScanInventory({\n ...scanInventory, AccountName, AccountAbb, AccountNo\n });\n await this._getInventoryByAccountName(AccountName);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getInventoryByAccountName = async (accountName) => {\n try {\n const {\n user: { selectedTeam: { timezone } }\n } = this.props;\n\n if (accountName !== undefined) {\n if (accountName.length > 0) {\n const getInventoryByAccountNameRes\n = await getInventoryByAccountName(accountName);\n\n let sessionWiseInventoryData = [];\n // const sessionDate = getInventoryByAccountNameRes.length > 0\n // ? getInventoryByAccountNameRes[0].SessionDate\n // : moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n getInventoryByAccountNameRes.map((value) => {\n value.sessionNameWithId = value.SessionName === '' ? value.SessionID : `${value.SessionName}(${value.SessionID})`;\n sessionWiseInventoryData.push({\n sessionNameWithId: value.sessionNameWithId,\n SessionName: value.SessionName,\n SessionID: value.SessionID,\n // SessionDate: sessionDate\n SessionDate: value.SessionDate\n });\n });\n sessionWiseInventoryData = [...new Map(\n sessionWiseInventoryData.map(\n (item) => [item.SessionID, item]\n )\n ).values()];\n sessionWiseInventoryData = _.filter(sessionWiseInventoryData,\n (v) => _.keys(v).length !== 0);\n\n const newSessionDate = await moment(new Date()).tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n\n sessionWiseInventoryData.unshift({\n SessionID: '',\n SessionName: '',\n sessionNameWithId: 'CREATE NEW SESSION',\n SessionDate: newSessionDate\n });\n\n const createNewSessionRes = await createNewSession(sessionWiseInventoryData, 'sessionNameWithId');\n\n this.setState({\n session: createNewSessionRes\n });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSubmitSession = async () => {\n try {\n const {\n scanInventory, online, notify, setLoader\n } = this.props;\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n if (online) {\n const scanInventoryID = [];\n let responseJson = {};\n let submitResponseJson = {};\n setLoader(true);\n // eslint-disable-next-line no-async-promise-executor\n const hospitalPromiseAll = inventoryRes.map(async (data) => new Promise(async (resolve) => {\n if (data.ID === null) {\n responseJson = await saveScanInventoryData(data);\n const { message, status, ID } = responseJson;\n if (status) {\n data.ID = ID;\n await updateInventoryByLocalInventoryId(data.inventoryId, data);\n await this._onGetInventorySession(data.SessionID);\n scanInventoryID.push(ID);\n } else {\n notify({ type: 'error', message, time: 3 });\n }\n } else {\n scanInventoryID.push(data.ID);\n }\n resolve(true);\n }));\n setLoader(false);\n await Promise.all(hospitalPromiseAll);\n setLoader(true);\n if (scanInventoryID !== undefined && scanInventoryID.length > 0) {\n submitResponseJson = await submitScanData({ ID: scanInventoryID });\n if (submitResponseJson.hasOwnProperty('failed_IDs')) {\n const { failed_IDs } = submitResponseJson;\n scanInventoryID.map(async (id) => {\n const getInventoryResById = await getInventoryByID(id);\n if (failed_IDs.includes(id) === true) {\n getInventoryResById.Submitted = 0;\n await updateInventoryByInventoryId(id, getInventoryResById);\n await this._onGetInventorySession(getInventoryResById.SessionID);\n } else {\n getInventoryResById.Submitted = 1;\n await updateInventoryByInventoryId(id, getInventoryResById);\n await this._onGetInventorySession(getInventoryResById.SessionID);\n }\n });\n } else {\n scanInventoryID.map(async (id) => {\n const getInventoryResById = await getInventoryByID(id);\n getInventoryResById.Submitted = 1;\n await updateInventoryByInventoryId(id, getInventoryResById);\n await this._onGetInventorySession(getInventoryResById.SessionID);\n });\n }\n }\n setLoader(false);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGetInventorySession = async (data) => {\n const inventoryRes = await getInventoryBySessionID(data);\n const isFound = inventoryRes.find((o) => o.Submitted === 0);\n if (inventoryRes.length > 0) {\n if (isFound !== undefined) {\n this.setState({\n isSubmitted: false\n });\n } else {\n this.setState({\n isSubmitted: true\n });\n }\n } else {\n this.setState({\n isSubmitted: true\n });\n }\n }\n\n _onOpenScanSessionDeletePopup = (data) => {\n try {\n this.setState({ sessionId: data });\n this.deleteScanSessionModal.show();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDeleteSelectedSession = async (sessionId) => {\n try {\n const { setLoader, scanInventory } = this.props;\n const deleteSessionRes = await getInventoryBySessionID(sessionId);\n deleteSessionRes.map(async (item) => {\n if (item.inventoryId !== undefined) {\n setLoader(true);\n await deleteByPrimaryKey(item.inventoryId);\n await this._getInventoryByAccountName(scanInventory.AccountName);\n this.setState({\n selectedSession: '', selectedSessionName: '', sessionId: '', productCount: 0\n });\n setLoader(false);\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n await this._onGetAccountName();\n const { scanInventory } = this.props;\n await this._getInventoryByAccountName(scanInventory.AccountName);\n const { account } = this.state;\n\n if (Object.keys(scanInventory).length > 0) {\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n await this._onGetInventorySession(scanInventory.SessionID);\n this.setState({\n sessionId: scanInventory.SessionID,\n selectedAccountName: account.findIndex(\n (x) => x.AccountName === scanInventory.AccountName\n ),\n selectedSession: scanInventory.SessionNewOrOld === 'new'\n ? 'CREATE NEW SESSION' : scanInventory.SessionName === '' ? scanInventory.SessionID : `${scanInventory.SessionName}(${scanInventory.SessionID})`,\n selectedSessionName: scanInventory.SessionName,\n productCount: inventoryRes.length,\n isProduct: scanInventory.isProduct,\n isExpire: scanInventory.isExpire,\n expiringDay: scanInventory.expiringDay,\n startDate: scanInventory.startDate === undefined || scanInventory.startDate === 'Invalid Date'\n ? new Date() : new Date(scanInventory.startDate),\n isConsignment: scanInventory.isConsignment\n });\n }\n\n // Listen for input event on numInput.\n const number = document.getElementById('number');\n number.onkeydown = function (e) {\n if (!((e.keyCode > 95 && e.keyCode < 106)\n || (e.keyCode > 47 && e.keyCode < 58)\n || e.keyCode === 8)) {\n return false;\n }\n };\n $(document).on('focus', '.select2-selection.select2-selection--single', function () {\n $(this).closest('.select2-container').siblings('select:enabled').select2('open');\n });\n\n // steal focus during close - only capture once and stop propogation\n $('select.select2').on('select2:closing', (e) => {\n $(e.target).data('select2').$selection.one('focus focusin', (ee) => {\n ee.stopPropagation();\n });\n });\n $('select')\n .on('select2-opening', function () {\n $(this).siblings('.select2-container').find('.select2-search, .select2-focusser').remove();\n });\n $('select').on('select2:open', () => {\n $('.select2-search__field').remove();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n startDate, expiringDay, session, selectedSession, account, selectedAccountName, productCount,\n selectedSessionName, sessionId, isProduct, isExpire, isConsignment, isSubmitted\n } = this.state;\n const { scanInventory } = this.props;\n return (\n \n
\n \n
\n Are you sure you want to delete the session?
\n\n
\n \n
\n \n \n
\n \n onClickYes(sessionId)}\n >\n Yes\n \n
\n \n
\n \n
\n \n
\n \n \n {\n this._onChangeAccount(value);\n }}\n data={account.map((value, key) => (\n { id: key, text: value.AccountNameAndNumber }))}\n value={selectedAccountName}\n options={{ placeholder: 'Select Account' }}\n />\n
\n \n
\n \n \n {\n this._onChangeSession(value);\n }}\n data={session.map((value) => value.sessionNameWithId)}\n value={selectedSession}\n disabled={selectedAccountName === ''}\n options={{ placeholder: 'Select Session' }}\n />\n {\n (scanInventory !== undefined && scanInventory.SessionNewOrOld === 'new')\n && (\n {\n this._onChangeSessionName(value);\n }}\n value={selectedSessionName}\n placeholder=\"Session Name\"\n disabled={productCount > 0}\n />\n )\n }\n
\n \n
\n {`Session ID: ${selectedSession === '' ? '' : sessionId !== undefined ? sessionId : ''}`}
\n\n
\n Products: {productCount}
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n {\n if (e.target.value.length === 7) return false;\n this.setState({\n expiringDay: e.target.value,\n }, () => {\n this._onChangeDay(e);\n });\n }}\n value={expiringDay}\n onBlur={() => {\n this.setState({\n expiringDay: expiringDay === '' ? 0 : expiringDay,\n });\n }}\n onWheel={(event) => event.currentTarget.blur()}\n />\n days on\n \n
\n \n
\n \n {\n e.preventDefault();\n }}\n minDate={new Date()}\n showDisabledMonthNavigation\n onChange={(value) => {\n this._onChangeDate(value);\n }}\n />\n
\n \n
\n \n \n
\n \n
\n \n Scan Inventory\n \n
\n \n Edit Session\n \n
\n \n View Inventory\n \n
\n \n this._onOpenScanSessionDeletePopup(sessionId)}\n >Delete Session\n \n
\n \n
\n \n Submit Session\n \n
\n \n
\n \n );\n }\n}\n\nexport default ProductSaveWithoutLot;\n","import React, { Component } from 'react';\n\nclass AlertConsignmentInventoryModal extends Component {\n render() {\n const { onDeleteAlertConsignment, onClickContinueAlertConsignment } = this.props;\n return (\n \n
\n \n
\n Current product will be saved without a Lot #.
\n\n
\n \n
\n \n \n
\n \n onContinue()}\n >\n Continue\n \n
\n \n
\n \n );\n }\n}\n\nexport default AlertConsignmentInventoryModal;\n","import React, { Component } from 'react';\n\nclass AlertExpireProductModal extends Component {\n render() {\n const { onDeleteAlertExpireDate, onContinue } = this.props;\n return (\n \n
\n \n
\n Lot # is not in Consignment Inventory
\n\n
\n \n
\n \n onDeleteAlertConsignment()}\n >Delete\n \n
\n \n onClickContinueAlertConsignment()}\n >\n Continue\n \n
\n \n
\n \n );\n }\n}\n\nexport default AlertExpireProductModal;\n","import React, { Component } from 'react';\n\nclass ProductQuantityModal extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n
\n Expired or expiring product
\n\n
\n \n
\n \n onDeleteAlertExpireDate()}\n >Delete\n \n
\n \n onContinue()}\n >\n Continue\n \n
\n \n
\n \n );\n }\n}\n\nexport default ProductQuantityModal;\n","import React, { Component } from 'react';\n\nclass ProductNoRequired extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n
\n Quantity can’t be zero.
\n\n
\n \n
\n \n onClickOk()}\n >\n OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default ProductNoRequired;\n","export default __webpack_public_path__ + \"static/media/scanError.c9e53d6b.wav\";","export default __webpack_public_path__ + \"static/media/scanSuccess.abb402f3.wav\";","import React, { Component } from 'react';\n\nclass DoneBtnOnManualProduct extends Component {\n render() {\n const { onClickDoneModalYes } = this.props;\n return (\n \n
\n \n
\n Please enter Product!
\n\n
\n \n
\n \n onClickOk()}\n >OK\n \n
\n \n
\n \n );\n }\n}\n\nexport default DoneBtnOnManualProduct;\n","import React, { Component } from 'react';\n\nclass WrongProdcutBarCodeScanned extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n
\n Exit without saving current product?
\n\n
\n \n
\n \n \n
\n \n onClickDoneModalYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default WrongProdcutBarCodeScanned;\n","import React, { Component } from 'react';\n\nclass WrongLotBarCodeScanned extends Component {\n render() {\n const { onClickOk } = this.props;\n return (\n \n
\n \n
\n A Lot barcode was scanned. You must scan a Product barcode.
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default WrongLotBarCodeScanned;\n","import React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\n// import moment from 'moment';\nimport moment from 'moment-timezone';\nimport { browserHistory } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withUser from '../../common/withUser';\nimport withScanInventory from '../../common/withScanInventory';\nimport withScanInventoryScanner from '../../common/withScanInventoryScanner';\nimport withSingleScanSession from '../../common/withSingleScanSession';\nimport withOnline from '../../common/withOnline';\nimport {\n onGoBack, screenWidth\n} from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { findLot, findProduct } from '../../helpers/find-product';\nimport {\n insertScanInventory,\n getInventoryBySessionID, getProduct, getConsignmentByProductNo, getConsignmentByProductNoAndLotNo\n} from '../../utils/db';\nimport ProductSaveWithoutLot from '../../components/Models/ProductSaveWithoutLot';\nimport ManuallyProductWarnModal from '../../components/Models/ManuallyProductWarnModal';\nimport AlertConsignmentInventoryModal from '../../components/Models/AlertConsignmentInventory';\nimport AlertExpireProductModal from '../../components/Models/AlertExpireProductModal';\nimport EnterProductNoManually from '../../components/Models/EnterProductNoManually';\nimport ProductQuantityModal from '../../components/Models/ProductQuantity';\nimport ProductNoRequiredModal from '../../components/Models/ProductNoRequired';\nimport ErrorBeep from '../../assets/sounds/scanError.wav';\nimport SuccessBeep from '../../assets/sounds/scanSuccess.wav';\nimport DoneBtnOnManualProductModal from '../../components/Models/DoneBtnOnManualProduct';\nimport WrongProductBarCodeScanned from '../../components/Models/WrongProductBarCodeScanned';\nimport WrongLotBarCodeScanned from '../../components/Models/WrongLotBarCodeScanned';\nimport Scanner from '../../components/commonComponents/Scanner/Scanner';\n\nclass ScanInventory extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: new Date(),\n productCount: 0,\n product: {},\n isScanProduct: true,\n isScanLot: true,\n ProductNo: '',\n LotNo: '',\n ExpireDate: '',\n isScanExpiry: true,\n isSkipLot: false,\n selectedQuantity: 1,\n isScanner: false,\n onlineEngineLocation: 'https://cdn.jsdelivr.net/npm/scandit-sdk@5.11.1/build/',\n offlineEngineLocation: '/assets/js/scandit-sdk@5.11.1/build/',\n isClickContinue: '',\n isScannerKeyboard: false,\n isSaveProductBtn: false,\n scanPaused: true,\n };\n this.productSaveWithoutLotModal = null;\n this.manuallyProductWarnModal = null;\n this.alertConsignmentInventoryModal = null;\n this.alertExpireProductModal = null;\n this.enterProductNoManuallyModal = null;\n this.productQuantityModal = null;\n this.isScanProgress = false;\n this.productNoRequiredModal = null;\n this.donebtnOnManuaProductModal = null;\n this.wrongProductBarCodeScannedModal = null;\n this.wrongLotBarCodeScannedModal = null;\n }\n\n async componentDidMount() {\n try {\n const { scanInventory, scanInventoryScanner: { scanner } } = this.props;\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n this.setState({\n product: scanInventory,\n productCount: inventoryRes.length\n });\n if (scanner === true) {\n this.setState({ isScanner: true });\n } else {\n this.setState({ isScanner: false });\n }\n\n this.productSaveWithoutLotModal = new window.bootstrap.Modal(window.$('#productSaveWithoutLotModal'));\n this.manuallyProductWarnModal = new window.bootstrap.Modal(window.$('#manuallyProductWarnModal'));\n this.alertConsignmentInventoryModal = new window.bootstrap.Modal(window.$('#alertConsignmentInventoryModal'));\n this.alertExpireProductModal = new window.bootstrap.Modal(window.$('#alertExpireProductModal'));\n this.enterProductNoManuallyModal = new window.bootstrap.Modal(window.$('#enterProductNoManuallyModal'));\n this.productQuantityModal = new window.bootstrap.Modal(window.$('#productQuantityModal'));\n this.productNoRequiredModal = new window.bootstrap.Modal(window.$('#productNoRequiredModal'));\n this.donebtnOnManuaProductModal = new window.bootstrap.Modal(window.$('#doneBtnOnManualProductModal'));\n this.wrongProductBarCodeScannedModal = new window.bootstrap.Modal(window.$('#wrongProductBarCodeScannedModal'));\n this.wrongLotBarCodeScannedModal = new window.bootstrap.Modal(window.$('#wrongLotBarCodeScannedModal'));\n document.getElementById('expireDate').setAttribute('readonly', 'readonly');\n\n // To calculate screen height in small device browser\n // window.addEventListener('resize', () => {\n // // We execute the same script as before\n // const vh = window.innerHeight * 0.01;\n // document.documentElement.style.setProperty('--vh', `${vh}px`);\n // });\n\n window.addEventListener('resize', () => {\n document.querySelector(':root').style\n .setProperty('--vh', `${window.innerHeight / 100}px`);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScanner = () => {\n try {\n const { isScanner, isScanProduct } = this.state;\n const { setScanInventoryScanner } = this.props;\n this.setState({ isScanner: !isScanner, isScanProduct: !isScanProduct });\n if (isScanner === true) {\n window.$('#ProductNoBt').val('');\n window.$('#LotNoBt').val('');\n this.setState({ isScanProduct: true });\n setScanInventoryScanner({ scanner: false });\n } else {\n setTimeout(() => {\n window.$('#ProductNoBt').focus();\n // Stop keyboard events for BT Scanner\n // window.$(() => {\n // window.$('#ProductNoBt').keypress((event) => {\n // event.preventDefault();\n // return false;\n // });\n // });\n // window.$(() => {\n // window.$('#LotNoBt').keypress((event) => {\n // event.preventDefault();\n // return false;\n // });\n // });\n }, 500);\n this.setState({ isSaveProductBtn: false });\n setScanInventoryScanner({ scanner: true });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onScan = (data) => {\n const scanData = { data, key: 0 };\n this._onFindProductAndLot(scanData, 'scan');\n this.setState({ scanPaused: true });\n }\n\n _onSaveScanProduct = async (value) => {\n try {\n const {\n setScanInventory,\n scanInventory,\n user: { selectedTeam: { timezone } }\n } = this.props;\n const {\n product, selectedQuantity, isSkipLot\n } = this.state;\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmssA');\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n if (value === 'plus' && scanInventory.ProductNo !== '') {\n this.setState({\n productCount: inventoryRes.length + 1,\n isScanProduct: true\n // isScanProduct: false\n }, () => {\n window.$('#ProductNo').focus();\n });\n }\n this.setState({\n ProductNo: '',\n LotNo: '',\n ExpireDate: ''\n });\n if (scanInventory.ProductNo !== '' && (scanInventory.LotNo !== '' || scanInventory.ExpireDate !== '')) {\n if ((scanInventory.ProductEnterType === 'MANUAL'\n || scanInventory.LotEnterType === 'MANUAL'\n || scanInventory.ExpDateEnterType === 'MANUAL')\n && selectedQuantity >= 1) {\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n scanInventory.Qty = Number(selectedQuantity);\n await insertScanInventory(scanInventory);\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null) ? '' : new Date(scanInventory.ExpireDate);\n this.setState({\n productCount: inventoryRes.length + 1,\n ProductNo: '',\n LotNo: '',\n ExpireDate: ''\n });\n } else {\n for (let quantity = 0; quantity < selectedQuantity; quantity++) {\n scanInventory.Qty = 1;\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n insertScanInventory(scanInventory);\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null) ? '' : new Date(scanInventory.ExpireDate);\n this.setState({\n productCount: Number(inventoryRes.length) + Number(selectedQuantity)\n });\n }\n }\n } else if (scanInventory.ProductNo !== '' && isSkipLot === false) {\n if ((scanInventory.ProductEnterType === 'MANUAL'\n || scanInventory.LotEnterType === 'MANUAL'\n || scanInventory.ExpDateEnterType === 'MANUAL')\n && selectedQuantity > 1) {\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n scanInventory.Qty = Number(selectedQuantity);\n await insertScanInventory(scanInventory);\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null) ? '' : new Date(scanInventory.ExpireDate);\n this.setState({\n productCount: inventoryRes.length + 1,\n ProductNo: '',\n LotNo: '',\n ExpireDate: ''\n });\n } else {\n for (let quantity = 0; quantity < selectedQuantity; quantity++) {\n scanInventory.Qty = 1;\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n insertScanInventory(scanInventory);\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null) ? '' : new Date(scanInventory.ExpireDate);\n this.setState({\n productCount: Number(inventoryRes.length) + Number(selectedQuantity)\n });\n }\n }\n } else {\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n scanInventory.Qty = Number(selectedQuantity);\n await insertScanInventory(scanInventory);\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null) ? '' : new Date(scanInventory.ExpireDate);\n this.setState({\n productCount: inventoryRes.length + 1,\n });\n }\n product.AccountAbb = scanInventory.AccountAbb;\n product.AccountName = scanInventory.AccountName;\n product.AccountNo = scanInventory.AccountNo;\n product.BarcodeType = '';\n product.ExpDateEnterType = '';\n product.ExpireDate = '';\n product.LotBarcode = '';\n product.LotEnterType = '';\n product.LotNo = '';\n product.ProductBarcode = null;\n product.ProductDescription = '';\n product.ProductEnterType = '';\n product.ProductNo = '';\n product.ProductValid = true;\n product.Qty = 1;\n product.SalesRepNo = scanInventory.SalesRepNo;\n product.OfficeName = scanInventory.OfficeName;\n product.ScanDate = scanInventory.ScanDate;\n product.DeviceID = scanInventory.DeviceID;\n product.ScanRep = scanInventory.ScanRep;\n product.SessionID = scanInventory.SessionID;\n product.SessionDate = scanInventory.SessionDate;\n // product.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.SessionName = scanInventory.SessionName;\n product.SessionNewOrOld = 'old';\n product.Submitted = 0;\n product.TeamName = scanInventory.TeamName;\n product.isProduct = scanInventory.isProduct;\n product.isExpire = scanInventory.isExpire;\n product.expiringDay = scanInventory.expiringDay;\n product.startDate = new Date(scanInventory.startDate);\n product.isConsignment = scanInventory.isConsignment;\n setScanInventory(product);\n this.setState({\n product,\n isSkipLot: false,\n selectedQuantity: 1,\n isScanLot: true\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDeleteAlertConsignment = async () => {\n try {\n const { scanInventory } = this.props;\n const { product, isScanner } = this.state;\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n product.AccountAbb = scanInventory.AccountAbb;\n product.AccountName = scanInventory.AccountName;\n product.AccountNo = scanInventory.AccountNo;\n product.BarcodeType = '';\n product.ExpDateEnterType = '';\n product.ExpireDate = '';\n product.LotBarcode = '';\n product.LotEnterType = '';\n product.LotNo = '';\n product.ProductBarcode = null;\n product.ProductDescription = '';\n product.ProductEnterType = '';\n product.ProductNo = '';\n product.ProductValid = true;\n product.Qty = 1;\n product.SalesRepNo = scanInventory.SalesRepNo;\n product.OfficeName = scanInventory.OfficeName;\n product.ScanDate = scanInventory.ScanDate;\n product.DeviceID = scanInventory.DeviceID;\n product.ScanRep = scanInventory.ScanRep;\n product.SessionDate = scanInventory.SessionDate;\n // product.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.SessionID = scanInventory.SessionID;\n product.SessionName = scanInventory.SessionName;\n product.SessionNewOrOld = 'old';\n product.Submitted = 0;\n product.TeamName = scanInventory.TeamName;\n product.isProduct = scanInventory.isProduct;\n product.isExpire = scanInventory.isExpire;\n product.expiringDay = scanInventory.expiringDay;\n product.startDate = new Date(scanInventory.startDate);\n product.isConsignment = scanInventory.isConsignment;\n this.setState({\n productCount: inventoryRes.length,\n ProductNo: '',\n LotNo: '',\n ExpireDate: '',\n selectedQuantity: 1,\n isScanLot: true\n });\n this.alertExpireProductModal.hide();\n if (isScanner === true) {\n window.$('#ProductNoBt').focus();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickContinueAlertExpireDate = async () => {\n try {\n const { setScanInventory, scanInventory } = this.props;\n const { product, ExpireDate, isScanner } = this.state;\n product.ExpireDate = scanInventory.ExpireDate !== '' ? scanInventory.ExpireDate : ExpireDate;\n product.ExpDateEnterType = scanInventory.ExpDateEnterType === 'SCAN' ? 'SCAN' : 'MANUAL';\n setScanInventory(product);\n this.setState({\n product,\n isScanExpiry: true\n });\n this.alertExpireProductModal.hide();\n if (isScanner === true) {\n window.$('#ProductNoBt').focus();\n }\n if (product.ProductEnterType && product.isConsignment === false) {\n await this._onSaveScanProduct('');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n // handleClick = () => {\n // // setTimeout(() => {\n // // const myAudio = new Audio(ErrorBeep);\n // // myAudio.load();\n // // myAudio.play();\n // // // new Audio(ErrorBeep).play();\n // // }, 500);\n // const source = ErrorBeep;\n // const audio = document.createElement('audio');\n // //\n // audio.autoplay = true;\n // //\n // audio.load();\n // audio.addEventListener('load', () => {\n // audio.play();\n // }, true);\n // audio.src = source;\n // }\n\n _onFindProductAndLot = async (scanner, type) => {\n try {\n const {\n scanInventory, notify, setScanInventory, setLoader\n } = this.props;\n const {\n productCount, isScanProduct, isSkipLot, selectedQuantity, isScanner\n } = this.state;\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n if (Object.keys(scanner).length > 0 && scanner.data !== undefined) {\n const productRes = await findProduct(scanner, scanner.data, inventoryRes);\n const lotScanRes = await findLot(scanner, scanner.data, inventoryRes);\n const lotNoRes = await getConsignmentByProductNoAndLotNo(\n scanInventory.ProductNo, scanInventory.LotNo\n );\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n await this._onSaveScanProduct('');\n } else if (scanInventory.ProductNo !== '' && scanInventory.isProduct === true) {\n await this._onSaveScanProduct('');\n } else if (scanInventory.ProductNo !== '' && isSkipLot === false) {\n await this._onSaveScanProduct('');\n }\n if (scanInventory.ProductNo === '') {\n if (Object.keys(productRes).length > 0) {\n if ((productRes.ProductNo === undefined)) {\n this.enterProductNoManuallyModal.show();\n if (isScanner === true) {\n // await new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n window.$('#ProductNoBt').val('');\n window.$('#LotNoBt').val('');\n }\n return;\n }\n if (lotScanRes.ScanType === 'lot') {\n // notify({ type: 'error',\n // message: 'A Lot barcode was scanned. You must scan a Product barcode.', time: 3 });\n this.wrongProductBarCodeScannedModal.show();\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n return;\n }\n\n if (productRes.ScanType === 'product') {\n let expiryDate;\n if (productRes.ExpirationDate !== null) {\n expiryDate = moment(productRes.ExpirationDate, 'YYMMDD').format('MM/DD/YYYY');\n }\n scanInventory.ProductNo = productRes.ProductNo;\n scanInventory.ProductDescription = productRes.ProductDescription;\n scanInventory.ProductBarcode = productRes.ProductBarcode === undefined\n ? null\n : productRes.ProductBarcode;\n scanInventory.BarcodeType = productRes.BarcodeType;\n scanInventory.ProductValid = productRes.ProductValid;\n scanInventory.ProductEnterType = type === 'external' ? 'EXTDEVICE' : productRes.ProductEnterType;\n scanInventory.LotNo = productRes.LotNo === undefined ? '' : productRes.LotNo;\n scanInventory.LotEnterType = productRes.LotEnterType === undefined\n ? null : type === 'external' ? 'EXTDEVICE' : productRes.LotEnterType;\n scanInventory.LotBarcode = productRes.LotBarcode === undefined\n ? null : productRes.LotBarcode;\n scanInventory.ExpireDate = (productRes.ExpirationDate === undefined || productRes.ExpirationDate === '' || productRes.ExpirationDate === null)\n ? '' : new Date(expiryDate);\n scanInventory.ExpDateEnterType = productRes.ExpDateEnterType === undefined\n ? null : type === 'external' ? 'EXTDEVICE' : productRes.ExpDateEnterType;\n /* const productCountValue = (scanInventory.isProduct === true)\n ? productCount + 1 : (isSkipLot === false)\n ? Number(inventoryRes.length) + Number(selectedQuantity)\n : productCount; */\n scanInventory.Qty = (scanInventory.isProduct === true\n || (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''))\n ? productCount + 1 : productCount;\n let qty = 0;\n if (selectedQuantity > 1) {\n qty = Number(inventoryRes.length) + Number(selectedQuantity);\n } else {\n qty = productCount;\n }\n\n this.setState({\n isSkipLot: true,\n product: scanInventory,\n productCount: (scanInventory.isProduct === true\n || (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''))\n ? productCount + 1 : qty\n }, () => {\n setScanInventory(scanInventory);\n if (isScanner === true) {\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && scanInventory.isProduct === false) {\n if (scanInventory.isExpire === true\n && scanInventory.ExpireDate <= scanInventory.startDate) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n } else if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n } else {\n // window.$('#ProductNoBt').focus();\n // new Audio(SuccessBeep).play();\n window.$('#playSuccessAudio').click();\n // const interVal = setInterval(() => {\n // new Audio(SuccessBeep).play(); }, 300);\n // setTimeout(() => {\n // clearInterval(interVal);\n // }, 900);\n }\n } else if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && scanInventory.isProduct === true) {\n // new Audio(SuccessBeep).play();\n window.$('#playSuccessAudio').click();\n } else {\n // new Audio(SuccessBeep).play();\n window.$('#playSuccessAudio').click();\n }\n }\n });\n }\n } else {\n // notify({ type: 'error',\n // message: 'A Lot barcode was scanned, You must scan a Product barcode.', time: 3 });\n\n this.wrongProductBarCodeScannedModal.show();\n if (isScanner === true) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n window.$('#ProductNoBt').val('');\n }\n }\n } else if (scanInventory.LotNo === '') {\n if (productRes.ScanType === 'product') {\n // notify({ type: 'error',\n // message: 'A Product barcode was scanned. You must scan a Lot barcode.', time: 3 });\n this.wrongLotBarCodeScannedModal.show();\n if (isScanner === true) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n }\n return;\n }\n if (Object.keys(lotScanRes).length > 0) {\n let expiryDate;\n if (lotScanRes.ExpirationDate !== null) {\n // expiryDate = lotScanRes.ExpirationDate.match(/.{1,2}/g);\n expiryDate = moment(lotScanRes.ExpirationDate, 'YYMMDD').format('MM/DD/YYYY');\n }\n // expiryDate = `${expiryDate[1]}/${expiryDate[0]}/${expiryDate[2]}`;\n if (lotScanRes.ScanType === 'lot') {\n scanInventory.LotNo = lotScanRes.LotNo;\n scanInventory.LotEnterType = type === 'external' ? 'EXTDEVICE' : lotScanRes.LotEnterType;\n scanInventory.LotBarcode = lotScanRes.LotBarcode;\n scanInventory.ExpireDate = (lotScanRes.ExpirationDate === undefined || lotScanRes.ExpirationDate === '' || lotScanRes.ExpirationDate === null)\n ? '' : new Date(expiryDate);\n scanInventory.ExpDateEnterType = type === 'external' ? 'EXTDEVICE' : lotScanRes.ExpDateEnterType;\n scanInventory.Qty = productCount + 1;\n this.setState({\n product: scanInventory,\n isSkipLot: false,\n productCount: productCount + 1\n }, () => {\n setScanInventory(scanInventory);\n if (isScanner === true) {\n // new Audio(SuccessBeep).play();\n window.$('#playSuccessAudio').click();\n }\n });\n }\n } else if (scanner.scanType === 'lot' && scanInventory.ProductNo !== '') {\n // notify({ type: 'error',\n // message: 'A Product barcode was scanned. You must scan a Lot barcode.', time: 3 });\n this.wrongLotBarCodeScannedModal.show();\n if (isScanner === true) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n }\n } else {\n notify({\n type: 'error',\n message: 'The scanned barcode is invalid. Scan again or enter product number manually.',\n time: 3\n });\n if (isScanner === true) {\n // new Audio(ErrorBeep).play();\n window.$('#playErrorAudio').click();\n }\n }\n }\n\n // Check product Expiry date & in not in Consignment\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && scanInventory.ExpireDate <= scanInventory.startDate) {\n if (isScanner === true) {\n const interVal1 = setInterval(() => {\n clearInterval(interVal1);\n window.$('#ProductNoBt').blur();\n setLoader(true);\n }, 300);\n const interVal2 = setInterval(() => {\n clearInterval(interVal2);\n setLoader(false);\n }, 500);\n }\n if ((scanInventory.ExpireDate !== null || scanInventory.ExpireDate !== '') && scanInventory.isExpire === true\n && scanInventory.ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n if (scanInventory.isConsignment === true) {\n this.alertExpireProductModal.hide();\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n }\n\n // Check product Expiry date\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && scanInventory.ExpireDate <= scanInventory.startDate) {\n // window.$('#ProductNoBt').focus();\n if (isScanner === true && ((scanInventory.ExpireDate !== null || scanInventory.ExpireDate !== '') && scanInventory.isExpire === true\n && scanInventory.ExpireDate <= scanInventory.startDate)) {\n const interVal1 = setInterval(() => {\n clearInterval(interVal1);\n // window.$('#ProductNoBt').blur();\n setLoader(true);\n }, 300);\n const interVal2 = setInterval(() => {\n clearInterval(interVal2);\n setLoader(false);\n }, 500);\n }\n if ((scanInventory.ExpireDate !== null || scanInventory.ExpireDate !== '') && scanInventory.isExpire === true\n && scanInventory.ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n return;\n }\n\n if ((scanInventory.ExpireDate !== null || scanInventory.ExpireDate !== '') && scanInventory.isExpire === false\n && scanInventory.ExpireDate <= scanInventory.startDate) {\n setTimeout(() => {\n window.$('#ProductNoBt').focus();\n }, 300);\n return;\n }\n }\n\n // Check product is in not in Consignment\n // const lotNoRes = await getConsignmentByProductNoAndLotNo(\n // scanInventory.ProductNo, scanInventory.LotNo\n // );\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''\n && scanInventory.ExpireDate !== null && scanInventory.isConsignment === true) {\n if (isScanner === true) {\n const interVal1 = setInterval(() => {\n clearInterval(interVal1);\n window.$('#ProductNoBt').blur();\n setLoader(true);\n }, 300);\n const interVal2 = setInterval(() => {\n clearInterval(interVal2);\n setLoader(false);\n }, 500);\n }\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n const onlyProductNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (scanInventory.ProductNo !== '' && isScanProduct === true && scanInventory.isProduct === true) {\n if (onlyProductNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _goBack = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAlertConsignment = async () => {\n const { isSkipLot } = this.state;\n const { scanInventory } = this.props;\n if (isSkipLot === true) {\n this.setState({ isSkipLot: false });\n }\n if (scanInventory.ProductEnterType === 'MANUAL' && scanInventory.isConsignment === true) {\n await this._onSaveScanProduct('');\n }\n }\n\n _onSkipLot = async () => {\n try {\n const { scanInventory, setScanInventory } = this.props;\n const { product, isSkipLot, isScanner } = this.state;\n const lotNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '' && isSkipLot === true && scanInventory.ProductEnterType !== 'MANUAL') {\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n if (Object.keys(scanInventory).length > 0) {\n setScanInventory(product);\n if (scanInventory.ProductEnterType === 'MANUAL') {\n this.setState({\n LotNo: '',\n ExpireDate: '',\n selectedQuantity: 1,\n isSkipLot: false,\n isScanLot: true,\n isScanExpiry: true\n });\n } else {\n this.setState({\n LotNo: '',\n ExpireDate: '',\n selectedQuantity: 1,\n isSkipLot: false\n });\n }\n if (isScanner === true) {\n window.$('#ProductNoBt').val('');\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onInsertInventory = async (scanInventory, selectedQuantity) => {\n try {\n const { user: { selectedTeam: { timezone } } } = this.props;\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n if ((scanInventory.ProductEnterType === 'MANUAL'\n || scanInventory.LotEnterType === 'MANUAL'\n || scanInventory.ExpDateEnterType === 'MANUAL')\n && selectedQuantity > 1) {\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.totalProduct = Number(inventoryRes.length) + 1;\n scanInventory.Qty = Number(selectedQuantity);\n await insertScanInventory(scanInventory);\n } else {\n for (let quantity = 0; quantity < selectedQuantity; quantity++) {\n scanInventory.ScanDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.ScanDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate;\n // scanInventory.SessionDate = moment().tz(timezone).format('YYYY-MM-DD HH:mm:ss.SSS');\n // scanInventory.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n scanInventory.ExpireDate = (scanInventory.ExpireDate === '' || scanInventory.ExpireDate === null)\n ? '' : moment(scanInventory.ExpireDate).format('MM/DD/YYYY');\n scanInventory.totalProduct = Number(inventoryRes.length) + Number(selectedQuantity);\n scanInventory.inventoryId = moment().format('_DDMMMYYYY_hhmmss.SSSA');\n scanInventory.Qty = 1;\n insertScanInventory(scanInventory);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickDoneModalYes = () => {\n const { goBack } = this.props;\n this.setState({\n ProductNo: '', LotNo: '', ExpireDate: '', isScanProduct: true\n });\n onGoBack(goBack);\n }\n\n _onProductScanDone = async (value) => {\n try {\n const { scanInventory, goBack, setScanInventoryScanner } = this.props;\n const {\n selectedQuantity, isSkipLot, isScanProduct, isScanner, ProductNo\n } = this.state;\n if (isScanProduct === false && isScanner === false && ProductNo !== '') {\n this.donebtnOnManuaProductModal.show();\n return;\n }\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n }\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '' && scanInventory.isProduct === false && isSkipLot === true) {\n this.productSaveWithoutLotModal.show();\n } else if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '' && isSkipLot === false) {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n onGoBack(goBack);\n } else if ((scanInventory.ProductNo !== '') && scanInventory.isProduct === true) {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n onGoBack(goBack);\n } else {\n onGoBack(goBack);\n }\n this.setState({\n isClickContinue: value\n });\n setScanInventoryScanner({ scanner: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onClickScanLot = () => {\n try {\n const { scanInventory, setScanInventory } = this.props;\n const { isScanLot, product } = this.state;\n if (scanInventory.LotNo === '') {\n this.setState({\n isScanLot: !isScanLot\n }, () => {\n if (isScanLot) {\n (!isScanLot) ? window.$('#LotNo').blur() : window.$('#LotNo').focus();\n }\n });\n } else {\n product.LotNo = '';\n product.LotEnterType = '';\n setScanInventory(product);\n this.setState({ LotNo: '', isScanLot: true, product });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterLotNoManually = async () => {\n try {\n const { setScanInventory } = this.props;\n const { LotNo, product } = this.state;\n if (LotNo !== '') {\n product.LotNo = LotNo;\n product.LotEnterType = 'MANUAL';\n product.ExpireDate = '';\n setScanInventory(product);\n // const consignRes = await getConsignmentByProductNoAndLotNo(product.ProductNo, LotNo);\n // if (product.ProductNo !== '' && product.LotNo !== '' && product.isConsignment === true\n // && consignRes === undefined) {\n // this.alertConsignmentInventoryModal.show();\n // this.setState({\n // product\n // });\n // return;\n // }\n this.setState({\n product,\n isScanExpiry: false\n });\n } else {\n this.setState({ isScanLot: false, isScanExpiry: false });\n }\n // this._onEnterExpiryManually();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterExpiryManually = async () => {\n try {\n const { setScanInventory } = this.props;\n // const { setScanInventory, scanInventory } = this.props;\n const { ExpireDate, product } = this.state;\n // const lotNoRes = await getConsignmentByProductNoAndLotNo(\n // scanInventory.ProductNo, scanInventory.LotNo\n // );\n\n product.ExpireDate = ExpireDate;\n product.ExpDateEnterType = 'MANUAL';\n setScanInventory(product);\n this.setState({\n product,\n // isScanExpiry: true\n });\n // if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''\n // && scanInventory.ExpireDate !== null) {\n // if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n // this.alertConsignmentInventoryModal.show();\n // }\n // }\n // if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n // if ((scanInventory.ExpireDate !== null\n // || scanInventory.ExpireDate !== '')\n // && scanInventory.isExpire === true\n // && ExpireDate <= scanInventory.startDate) {\n // this.alertExpireProductModal.show();\n // }\n // }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickScanExpireDate = async () => {\n try {\n const { isScanExpiry } = this.state;\n this.setState({\n isScanExpiry: !isScanExpiry\n }, () => {\n if (isScanExpiry) {\n (!isScanExpiry) ? window.$('#expireDate').blur() : window.$('#expireDate').focus();\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterProductNoManually = async () => {\n try {\n const {\n ProductNo, product, ExpireDate, isScanProduct, isSkipLot, isScanner, isScannerKeyboard,\n isSaveProductBtn\n } = this.state;\n const { setScanInventory, scanInventory } = this.props;\n if (isScanner === true) {\n setTimeout(() => {\n window.$('#ProductNo').focus();\n }, 1000);\n this.setState({ isScannerKeyboard: false, isSaveProductBtn: true });\n }\n\n const inventoryRes = await getInventoryBySessionID(scanInventory.SessionID);\n\n if ((ProductNo === '' && isScanProduct === false && isScanner === false) || (ProductNo === '' && isScannerKeyboard === false && isSaveProductBtn === true)) {\n this.productNoRequiredModal.show();\n return;\n }\n const productMasterRes = await getProduct('ProductNo', ProductNo);\n if (Object.keys(productMasterRes).length > 0) {\n // const lotNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n // if (ProductNo !== '' && scanInventory.LotNo === '' && scanInventory.isProduct === true) {\n // if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n // this.alertConsignmentInventoryModal.show();\n // // return;\n // }\n // }\n product.ProductNo = productMasterRes.ProductNo;\n product.ProductEnterType = 'MANUAL';\n product.ProductValid = true;\n product.ProductDescription = productMasterRes.ProductDescription;\n setScanInventory(product);\n this.setState({\n product,\n // isScanProduct: true,\n isScanProduct: false,\n isSkipLot: true,\n isScanLot: false,\n isScanExpiry: false,\n productCount: Number(inventoryRes.length)\n });\n\n await this._onEnterExpiryManually();\n // Check product Expiry date & in not in Consignment\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n if (scanInventory.isConsignment === true) {\n this.alertExpireProductModal.hide();\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n }\n\n // Check product Expiry date only\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment\n const lotNoRes = await getConsignmentByProductNoAndLotNo(\n scanInventory.ProductNo, scanInventory.LotNo\n );\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''\n && scanInventory.ExpireDate !== null) {\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment only Product entered\n const onlyProductNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (scanInventory.ProductNo !== '' && isScanProduct === true && scanInventory.isProduct === true) {\n if (onlyProductNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n if (scanInventory.ProductNo !== '' && scanInventory.isProduct === true) {\n await this._onSaveScanProduct('');\n }\n\n // Check SkipLot\n if (product.ProductNo !== '' && product.LotNo === '' && isSkipLot === true && product.isProduct === false) {\n this.productSaveWithoutLotModal.show();\n return;\n }\n await this._onSaveManualProduct();\n } else if (ProductNo !== '') {\n this._onManualProductWarnModal();\n } else {\n this.setState({ isScanProduct: true });\n }\n // this.setState({ isScanProduct: true });\n // if (Object.keys(productMasterRes).length === 0 && isScanProduct === false\n // && ProductNo !== '') {\n // this._onManualProductWarnModal();\n // this.manuallyProductWarnModal.show();\n // }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onManualProductWarnModal = () => {\n try {\n this.manuallyProductWarnModal.show();\n this.setState({ isScanLot: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickContinueConsignmentAlert = async () => {\n try {\n const { scanInventory } = this.props;\n const { ProductNo } = this.state;\n const lotNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (ProductNo !== '' && scanInventory.LotNo === '' && scanInventory.isProduct === true) {\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.manuallyProductWarnModal.hide();\n this.alertConsignmentInventoryModal.show();\n // return;\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickScanProduct = () => {\n try {\n const {\n isScanProduct, product, productCount\n } = this.state;\n const { scanInventory, setScanInventory } = this.props;\n if (scanInventory.ProductNo === '') {\n this.setState({\n isScanProduct: !isScanProduct\n }, () => {\n if (isScanProduct) {\n (!isScanProduct) ? window.$('#ProductNo').blur() : window.$('#ProductNo').focus();\n }\n });\n } else {\n if (productCount !== 0) {\n this.setState({\n productCount: (productCount === scanInventory.Qty && scanInventory.Qty !== 0 && (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''))\n ? scanInventory.Qty - 1\n : (productCount === scanInventory.Qty && scanInventory.isProduct === false)\n ? productCount\n : (productCount === scanInventory.Qty && scanInventory.isProduct === true)\n ? scanInventory.Qty - 1 : productCount,\n });\n }\n product.AccountAbb = scanInventory.AccountAbb;\n product.AccountName = scanInventory.AccountName;\n product.AccountNo = scanInventory.AccountNo;\n product.BarcodeType = '';\n product.ExpDateEnterType = '';\n product.ExpireDate = '';\n product.LotBarcode = '';\n product.LotEnterType = '';\n product.LotNo = '';\n product.ProductBarcode = null;\n product.ProductDescription = '';\n product.ProductEnterType = '';\n product.ProductNo = '';\n product.ProductValid = true;\n product.Qty = productCount;\n product.SalesRepNo = scanInventory.SalesRepNo;\n product.ScanDate = scanInventory.ScanDate;\n product.DeviceID = scanInventory.DeviceID;\n product.ScanRep = scanInventory.ScanRep;\n product.SessionID = scanInventory.SessionID;\n product.SessionName = scanInventory.SessionName;\n product.OfficeName = scanInventory.OfficeName;\n product.SessionDate = scanInventory.SessionDate;\n // product.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.SessionNewOrOld = scanInventory.SessionNewOrOld;\n product.Submitted = 0;\n product.TeamName = scanInventory.TeamName;\n product.isProduct = scanInventory.isProduct;\n product.isExpire = scanInventory.isExpire;\n product.expiringDay = scanInventory.expiringDay;\n product.startDate = new Date(scanInventory.startDate);\n product.isConsignment = scanInventory.isConsignment;\n setScanInventory(product);\n this.setState({\n product,\n isSkipLot: false,\n ProductNo: '',\n isScanProduct: true,\n LotNo: '',\n ExpireDate: '',\n isScanLot: true\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEnterProduct = async (event) => {\n try {\n const { target: { value } } = event;\n const { isScanner } = this.state;\n if (isScanner === true) {\n this.setState({ isScanProduct: false, isSaveProductBtn: true });\n }\n const productNo = value;\n if (productNo !== '') {\n this.setState({\n ProductNo: productNo.split('-').join('').split(' ').join('')\n .toUpperCase(),\n isSkipLot: true,\n isScanLot: false,\n isScanExpiry: false\n });\n } else if (productNo.length === 0) {\n this.setState({\n ProductNo: ''\n });\n }\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onEnterLot = (e) => {\n try {\n const lotNo = e.target.value;\n if (lotNo !== '') {\n this.setState({ LotNo: lotNo });\n } else if (lotNo.length === 0) {\n this.setState({\n LotNo: ''\n });\n }\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onContinue = async () => {\n try {\n const { goBack } = this.props;\n const { isClickContinue, isScanner } = this.state;\n await this._onSaveScanProduct('');\n this.productSaveWithoutLotModal.hide();\n if (isClickContinue === 'done') {\n onGoBack(goBack);\n } else if (isClickContinue === 'editSession') {\n this._onRedirectToEditSession();\n } else if (isClickContinue === 'viewInventory') {\n this._onRedirectToViewInventory();\n }\n if (isScanner === true) {\n this.setState({ isScanProduct: true, isSaveProductBtn: false, isScanExpiry: true });\n window.$('#ProductNoBt').focus();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickContinue = async () => {\n try {\n const { setScanInventory, scanInventory } = this.props;\n const {\n ProductNo, product, isSkipLot, ExpireDate, isScanProduct\n } = this.state;\n product.ProductNo = ProductNo;\n product.ProductEnterType = 'MANUAL';\n product.ProductValid = false;\n product.ProductDescription = '';\n setScanInventory(product);\n this.setState({\n product,\n isScanProduct: false,\n // isScanProduct: true,\n isSkipLot: true\n });\n await this._onEnterExpiryManually();\n if (ProductNo !== '' && product.LotNo === '' && product.ProductEnterType === 'MANUAL'\n && product.isProduct === false) {\n this.productSaveWithoutLotModal.show();\n } else {\n await this._onSaveManualProduct();\n }\n // Check product Expiry date & in not in Consignment\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n if (scanInventory.isConsignment === true) {\n this.alertExpireProductModal.hide();\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n }\n\n // Check product Expiry date only\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment\n const lotNoRes = await getConsignmentByProductNoAndLotNo(\n scanInventory.ProductNo, scanInventory.LotNo\n );\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''\n && scanInventory.ExpireDate !== null) {\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment only Product entered\n const onlyProductNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (scanInventory.ProductNo !== '' && isScanProduct === true && scanInventory.isProduct === true) {\n if (onlyProductNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n // Check SkipLot\n if (product.ProductNo !== '' && product.LotNo === '' && isSkipLot === true && product.isProduct === false) {\n this.productSaveWithoutLotModal.show();\n return;\n }\n\n if ((ProductNo !== '' && isSkipLot === true) || (ProductNo !== '' && product.isProduct === true && product.ProductEnterType !== 'MANUAL')) {\n await this._onClickContinueConsignmentAlert();\n }\n if (ProductNo !== '' && product.ProductEnterType === 'MANUAL' && product.isProduct === true) {\n await this._onSaveScanProduct('');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onTryAgain = async () => {\n try {\n window.$('#ProductNo').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onBadBarcode = async () => {\n try {\n const { isScanner } = this.state;\n if (isScanner === true) {\n window.$('#ProductNoBt').val('');\n this.setState({ isScannerKeyboard: true, isScanProduct: false });\n // setTimeout(() => {\n // window.$('#ProductNo').focus();\n // }, 1000);\n } else {\n this.setState({\n isScanProduct: false,\n }, () => {\n window.$('#ProductNo').focus();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeQuantity = (e) => {\n try {\n if (e.target.value === '') {\n this.productQuantityModal.show();\n this.setState({\n selectedQuantity: ''\n });\n } else if (e.target.value === '0') {\n this.productQuantityModal.show();\n this.setState({\n selectedQuantity: 0\n }, () => this._onClickOk());\n } else if (e.target.value >= 1) {\n this.setState({\n selectedQuantity: e.target.value\n });\n }\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onClickOk = async () => {\n try {\n const { selectedQuantity } = this.state;\n window.$('#quantity').focus();\n if (selectedQuantity === 0) {\n this.setState({ selectedQuantity: 1 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onEditSession = async (editSession) => {\n try {\n this.setState({\n isClickContinue: editSession\n }, async () => {\n await this._onProductScanEditSession(editSession);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClearProduct = () => {\n const { scanInventory, setScanInventory } = this.props;\n const { product, productCount } = this.state;\n product.AccountAbb = scanInventory.AccountAbb;\n product.AccountName = scanInventory.AccountName;\n product.AccountNo = scanInventory.AccountNo;\n product.BarcodeType = '';\n product.ExpDateEnterType = '';\n product.ExpireDate = '';\n product.LotBarcode = '';\n product.LotEnterType = '';\n product.LotNo = '';\n product.ProductBarcode = null;\n product.ProductDescription = '';\n product.ProductEnterType = '';\n product.ProductNo = '';\n product.ProductValid = true;\n product.Qty = productCount;\n product.SalesRepNo = scanInventory.SalesRepNo;\n product.ScanDate = scanInventory.ScanDate;\n product.DeviceID = scanInventory.DeviceID;\n product.ScanRep = scanInventory.ScanRep;\n product.SessionID = scanInventory.SessionID;\n product.SessionName = scanInventory.SessionName;\n product.OfficeName = scanInventory.OfficeName;\n product.SessionDate = scanInventory.SessionDate;\n // product.SessionDate = moment().format('YYYY-MM-DD HH:mm:ss.SSS');\n product.SessionNewOrOld = scanInventory.SessionNewOrOld;\n product.Submitted = 0;\n product.TeamName = scanInventory.TeamName;\n product.isProduct = scanInventory.isProduct;\n product.isExpire = scanInventory.isExpire;\n product.expiringDay = scanInventory.expiringDay;\n product.startDate = new Date(scanInventory.startDate);\n product.isConsignment = scanInventory.isConsignment;\n setScanInventory(product);\n this.setState({\n product,\n });\n }\n\n _onRedirectToEditSession = () => {\n const { setSingleScanSession, scanInventory } = this.props;\n setSingleScanSession(scanInventory);\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/edit-session');\n }\n\n _onRedirectToViewInventory = () => {\n const { setSingleScanSession, scanInventory } = this.props;\n setSingleScanSession(scanInventory);\n this._onGoBack();\n browserHistory.push('/inventory/consignment/scan-session/scan-view-inventory');\n }\n\n _onProductScanEditSession = async () => {\n try {\n const { scanInventory } = this.props;\n const { selectedQuantity, isSkipLot, isClickContinue } = this.state;\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n await this._onClearProduct();\n if (isClickContinue === 'editSession') {\n await this._onRedirectToEditSession();\n } else {\n await this._onRedirectToViewInventory();\n }\n } else if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '' && isSkipLot === false) {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n await this._onClearProduct();\n if (isClickContinue === 'editSession') {\n await this._onRedirectToEditSession();\n } else {\n await this._onRedirectToViewInventory();\n }\n } else if ((scanInventory.ProductNo !== '') && scanInventory.isProduct === true) {\n await this._onInsertInventory(scanInventory, selectedQuantity);\n await this._onClearProduct();\n if (isClickContinue === 'editSession') {\n await this._onRedirectToEditSession();\n } else {\n await this._onRedirectToViewInventory();\n }\n } else if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '' && scanInventory.isProduct === false && isSkipLot === true) {\n this.productSaveWithoutLotModal.show();\n } else if (isClickContinue === 'editSession') {\n await this._onRedirectToEditSession();\n } else {\n await this._onRedirectToViewInventory();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onViewInventory = async (editSession) => {\n try {\n this.setState({\n isClickContinue: editSession\n }, async () => {\n await this._onProductScanEditSession(editSession);\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onExternalProductScan = async () => {\n const $this = this;\n if (!$this.isScanProgress) {\n $this.isScanProgress = true;\n setTimeout(async () => {\n const { scanInventory } = $this.props;\n const scannerValue = window.$('#ProductNoBt').val();\n const scanData = { data: scannerValue, key: 0 };\n await $this._onFindProductAndLot(scanData, 'external');\n $this.isScanProgress = false;\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo === '') {\n setTimeout(() => {\n window.$('#LotNoBt').focus();\n }, 100);\n }\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n window.$('#ProductNoBt').val('');\n window.$('#LotNoBt').val('');\n }\n if (scanInventory.ProductNo !== '' && scanInventory.isProduct === true) {\n window.$('#ProductNoBt').val('');\n }\n }, $this.props.scanInventory.isProduct === true ? 300 : 900);\n // }, 900);\n }\n }\n\n _onExternalLotScan = async () => {\n const $this = this;\n if (!$this.isScanProgress) {\n $this.isScanProgress = true;\n setTimeout(async () => {\n const { scanInventory } = this.props;\n const scannerValue = window.$('#LotNoBt').val();\n const scanData = { data: scannerValue, key: 0 };\n await $this._onFindProductAndLot(scanData, 'external');\n $this.isScanProgress = false;\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n window.$('#ProductNoBt').val('');\n window.$('#LotNoBt').val('');\n }\n setTimeout(() => {\n window.$('#ProductNoBt').focus();\n }, 100);\n }, 900);\n }\n }\n\n _onSaveManualProduct = async () => {\n try {\n const { scanInventory } = this.props;\n const {\n ExpireDate, product, isSkipLot, isScanProduct, ProductNo, isScanner\n } = this.state;\n\n if (isScanner === true) {\n window.$('#ProductNoBt').focus();\n this.setState({\n isScannerKeyboard: false,\n isSaveProductBtn: false,\n isScanExpiry: true\n });\n } else {\n this.setState({ isScanProduct: true });\n }\n\n if (ProductNo === '') {\n this.productNoRequiredModal.show();\n return;\n }\n await this._onEnterExpiryManually();\n // Check product Expiry date & in not in Consignment\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n if (scanInventory.isConsignment === true) {\n this.alertExpireProductModal.hide();\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n }\n\n // Check product Expiry date only\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '' && ExpireDate !== '') {\n if (scanInventory.isExpire === true && ExpireDate <= scanInventory.startDate) {\n this.alertExpireProductModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment\n const lotNoRes = await getConsignmentByProductNoAndLotNo(\n scanInventory.ProductNo, scanInventory.LotNo\n );\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== ''\n && scanInventory.ExpireDate !== null) {\n if (lotNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n // Check product is in not in Consignment only Product entered\n const onlyProductNoRes = await getConsignmentByProductNo(scanInventory.ProductNo);\n if (scanInventory.ProductNo !== '' && isScanProduct === true && scanInventory.isProduct === true) {\n if (onlyProductNoRes === undefined && scanInventory.isConsignment === true) {\n this.alertConsignmentInventoryModal.show();\n return;\n }\n }\n\n // Check SkipLot\n if (product.ProductNo !== '' && product.LotNo === '' && isSkipLot === true && product.isProduct === false) {\n this.productSaveWithoutLotModal.show();\n return;\n }\n\n if (scanInventory.ProductNo !== '' && scanInventory.LotNo !== '') {\n await this._onSaveScanProduct('');\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOkWrongProductBarCode = () => {\n try {\n window.$('#ProductNoBt').val('');\n window.$('#ProductNoBt').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onOkWrongLotBarCode = () => {\n try {\n window.$('#LotNoBt').val('');\n window.$('#LotNoBt').focus();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n playErrorAudio = () => {\n const audio = document.getElementById('errorAudio');\n audio.play();\n }\n\n playSuccessAudio = () => {\n const audio = document.getElementById('successAudio');\n audio.play();\n }\n\n render() {\n const {\n productCount, product, isScanProduct, ProductNo, LotNo, isScanLot, ExpireDate,\n isScanExpiry, isSkipLot, selectedQuantity, isScanner, isScannerKeyboard,\n isSaveProductBtn, scanPaused\n } = this.state;\n const { scanInventory, params: { id } } = this.props;\n return (\n \n
\n \n
\n A Product barcode was scanned. You must scan a Lot barcode.
\n\n
\n \n
\n \n \n
\n \n \n \n \n \n
\n {\n !isScanner\n && (\n \n this.setState({ scanPaused: newValue })}\n paused={scanPaused}\n />\n
\n )\n }\n {\n isScanner\n && (\n \n
\n )\n }\n \n
\n External Bluetooth Scanner
\n\n this._onExternalProductScan()}\n // onBlur={this._onAddExternalProduct}\n />\n
\n {\n product.isProduct === false\n && (\n \n this._onExternalLotScan()}\n />\n
\n )\n }\n \n
\n
\n \n
\n \n
\n Products: {productCount}
\n\n Camera\n \n
\n \n Scanner\n \n
\n \n
\n
\n \n this._onEditSession('editSession')}\n >Edit Session\n \n
\n \n this._onViewInventory('viewInventory')}\n disabled={(productCount === 0)}\n >View Inventory\n \n
\n \n
\n {\n scanInventory.isProduct === false\n && (\n \n { this._onEnterProduct(e); }}\n disabled={(isScanProduct === true && isScanner === false)\n || (isScanner === true && isSaveProductBtn === false)}\n // onBlur={ProductNo !== '' ? this._onEnterProductNoManually : () => {}}\n />\n
\n \n \n \n
\n \n {/*
\n {`${((product.ProductNo === ''\n || product.ProductNo === undefined || ProductNo === '')) */}\n {/* ? 'Product description would go here, not editable'\n : product.ProductDescription}`} */}\n {/*
*/}\n{`${product.ProductDescription}`}
\n \n\n
\n )\n }\n \n { this._onEnterLot(e); }}\n disabled={isScanLot === true}\n onBlur={this._onEnterLotNoManually}\n />\n
\n \n \n
\n \n {\n scanInventory.isProduct === false\n && (\n
\n\n {/* Visible while Manual Product enter */}\n {\n ((isScanProduct === false && product.ProductNo === '' && isScanner === false) || (product.ProductEnterType === 'MANUAL' && isScanner === false)\n || (isScanner === true && isSaveProductBtn === true\n && isScannerKeyboard === false))\n && (\n \n {\n e.preventDefault();\n }}\n onChange={(value) => {\n this.setState({ ExpireDate: value });\n }}\n minDate={new Date()}\n disabled={isScanExpiry === true}\n />\n
\n )\n }\n {/* { */}\n {/* (scanInventory.isProduct === false) && ( */}\n {/* */}\n {/* */}\n {/*
*/}\n {/* ) */}\n {/* } */}\n {\n scanInventory.isProduct === true && \n }\n\n \n { this._onChangeQuantity(e); }}\n />\n
\n \n
\n )\n\n }\n \n this._onEnterProductNoManually()}\n // onClick={() => this._onSaveManualProduct()}\n >Save Product\n \n
\n \n
\n \n \n
\n \n this.setState({ scanPaused: false })}\n disabled={isScanProduct === false || scanPaused === false}\n >Scan\n \n
\n {\n scanInventory.isProduct === true ? (\n \n Skip Lot\n \n
\n )\n : (\n \n Skip Lot\n \n
\n )\n }\n \n
\n }\n\n {\n !_.isEmpty(editSessionData) && editSessionData.map((item, key) => (\n
\n \n
\n\n {\n editSessionData.length === 0\n && \n
\n \n
\n\n {sessionID}
\nProducts: {editSessionData.length}
\n\n \n
\n \n }\n\n {\n !_.isEmpty(editSessionData) && editSessionData.map((item, key) => (\n
\n
\n ))\n }\n\n {/* { */}\n {/* editSessionData.length === 0 */}\n {/* && \n
\n \n
\n \n
\n \n
\n {item.ProductNo}
\n\n
\n {item.LotNo}
\n\n
\n {item.ProductDescription}
\n\n
\n {item.ExpireDate !== '' && moment(item.ExpireDate).format('MM/DD/YYYY')}
Qty: {item.Qty}
\n \n
\n Records not available!
*/}\n {/* } */}\n \n
\n \n
\n \n
\n \n
\n \n
\n {value}
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n P
\n\n
\n C
\n\n
\n S
\n\n
\n \n
\n \n
\n \n
\n Total Products
\n\n
\n \n
\n \n
\n \n
\n {par}
\n\n
\n {congin}
\n\n
\n {inventoryScan[value].SCAN}
\n\n {\n inventoryScan[value].ProductNo.map((item, idx) => (\n <>\n {\n (item.InventoryType === 'SCAN' || item.InventoryType === 'MANUAL' || item.InventoryType === 'EXTDEVICE')\n && (\n \n \n \n
\n )\n }\n \n
\n \n
\n {item.ProductNo}\n
{item.ProductDescription}
\n\n
\n \n
\n \n
\n \n
\n {item.LotNo.reduce((sum, { PAR }) => sum + PAR, 0)}\n
\n\n
\n {item.LotNo.reduce((\n sum, { CONSIGN }\n ) => sum + CONSIGN, 0)}\n
\n\n
\n {item.LotNo.reduce((sum, { SCAN }) => sum + SCAN, 0)}\n
\n\n {\n item.LotNo.map((lotNo) => (\n // (lotNo.LotNo !== null && lotNo.ExpireDate !== 'Invalid date')\n // && (\n
\n \n ))\n }\n \n \n )) : \n
\n // )\n ))\n }\n \n
\n {\n item.LotNo.map((lot, key) => (\n \n
\n \n
\n \n Lot #\n
\n \n Exp Date\n
\n \n
\n ))\n }\n \n
\n \n
\n \n
\n \n
\n {lot.LotNo}
\n\n
\n {lotNo.ExpireDate !== 'Invalid date' ? lot.ExpireDate : ''}
\n\n
\n \n
\n \n
\n \n
\n {lot.PAR}
\n\n
\n {lot.CONSIGN}
\n\n
\n {lot.SCAN}
\nNo data available
\n }\n\n\n
\n \n
\n
\n
\n
\n
\n \n
\n \n Select All\n
\n \n
\n Session Name
Session id
\n
\n
\n Session Name
Session id
\n
\n
\n Session Name
Session id
\n
\n
\n Session Name
Session id
\n
\n
\n Session Name
Session id
\n
\n\n {\n Object.keys(inventoryScan).length > 0 ? Object.keys(inventoryScan)\n .map((value, index) => (\n <>\n \n {\n (filterCases && Object.keys(filterCases).map((key) => (\n filterCases[key].map((item, id) => (\n (key !== 'Variance' && key !== 'isChecked' && key !== 'isScanOnly' && key !== 'isExpire'\n && key !== 'ExpiringDay' && item !== 'PRODUCT #' && key !== 'AccountName')\n ? (\n (screenWidth <= 800)\n ? (\n
\n \n
\n )\n : (\n \n
\n {key === 'isExpire' && key === 'ExpireDate'\n ? `EXPIRING on/after${moment(new Date(item)).format('M/DD/YY')}`\n : key === 'ExpireDate' ? `EXPIRING ${item}` : item}\n
\n {\n (filterCases.hasOwnProperty('AccountName') === true\n && this._getNumberOfVisibleFilters(filterCases) > 1)\n && (\n \n )\n }\n\n
\n )\n\n ) : ''\n ))\n ))\n )\n }\n \n
\n {key === 'isExpire' && key === 'ExpireDate'\n ? moment(new Date(item)).format('M/DD/YY')\n : key === 'ExpireDate' ? `EXPIRING ${item}` : item}\n
\n {\n (filterCases.hasOwnProperty('AccountName') === true\n && this._getNumberOfVisibleFilters(filterCases) > 1)\n && (\n \n )\n }\n\n
\n {/* */}\n \n
\n \n
\n {value}
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n P
\n\n
\n C
\n\n
\n S
\n\n
\n {\n inventoryFilter.hasOwnProperty('InventoryComparison') === true\n && (\n \n
\n \n
\n \n
\n Total Products
\n\n
\n \n {\n Object.keys(inventoryTypeCount).map((count) => (\n
\n \n
\n ))\n }\n \n {\n (value === count) &&
\n {inventoryTypeCount[count].PAR}
\n }\n\n {\n (value === count)\n &&
\n {inventoryTypeCount[count].CONSIGN}
\n }\n\n {\n (value === count && (filterCases.hasOwnProperty('Sessions') === true || inventoryFilter.hasOwnProperty('isScanOnly') === true))\n &&
\n {inventoryTypeCount[count].SCAN}
\n }\n\n
\n )\n }\n \n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n {\n (inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)') ? 'C'\n : (inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)') ? 'P'\n : (inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)') ? 'P' : ''\n }\n
\n\n
\n {\n (inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)') ? 'S'\n : (inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)') ? 'C'\n : (inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)') ? 'S' : ''\n }\n
\n\n
\n V
\n\n {\n inventoryScan[value].ProductNo.map((item, idx) => (\n <>\n \n \n \n
\n \n
\n \n
\n {\n inventoryFilter.hasOwnProperty('InventoryComparison') === false\n && (\n {item.ProductNo}\n
{item.ProductDescription}
\n\n
\n )\n }\n\n {\n inventoryFilter.hasOwnProperty('InventoryComparison') === true\n && (\n \n
\n \n
\n \n
\n {item.LotNo.reduce((sum, { PAR }) => sum + PAR, 0)}
\n\n
\n \n {item.LotNo.reduce((sum,\n { CONSIGN }) => sum + CONSIGN, 0)}\n
\n\n
\n \n {item.LotNo.reduce((sum, { SCAN }) => (SCAN !== 0\n ? sum + SCAN : ' '), 0)}\n
\n\n
\n )\n }\n \n
\n \n
\n \n
\n {inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)'\n ? item.LotNo.reduce((sum,\n { CONSIGN }) => sum + CONSIGN, 0)\n : inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)'\n ? item.LotNo.reduce((sum, { PAR }) => sum + PAR, 0)\n : inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)'\n ? item.LotNo.reduce((sum, { PAR }) => sum + PAR, 0)\n : 0}\n
\n\n
\n \n {inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)'\n ? item.LotNo.reduce((sum, { SCAN }) => sum + SCAN, 0)\n : inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)'\n ? item.LotNo.reduce((sum,\n { CONSIGN }) => sum + CONSIGN, 0)\n : inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)'\n ? item.LotNo.reduce((sum,\n { SCAN }) => sum + SCAN, 0)\n : 0}\n
\n\n {\n inventoryFilter.hasOwnProperty('Variance') === true\n && inventoryFilter.Variance[0] === 'PRODUCT'\n && (\n
\n \n {item.LotNo.reduce((sum,\n { variance }) => sum + variance, 0)}\n
\n )\n }\n\n
\n \n \n ))\n }\n \n \n )) : \n
\n {\n item.LotNo.map((lot, key) => (\n \n
\n \n
\n \n Lot #\n
\n \n Exp Date\n
\n \n
\n ))\n }\n \n
\n {\n inventoryFilter.hasOwnProperty('InventoryComparison') === false\n && (\n \n
\n \n
\n \n
\n {lot.LotNo}
\n\n
\n {lot.ExpireDate !== 'Invalid date' ? lot.ExpireDate : ''}
\n\n
\n )\n }\n\n {\n inventoryFilter.hasOwnProperty('InventoryComparison') === true\n && (\n \n
\n \n
\n \n
\n {lot.PAR}
\n\n
\n {lot.CONSIGN}
\n\n
\n {lot.SCAN}
\n\n
\n )\n }\n \n
\n \n
\n \n
\n \n {inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)'\n ? lot.CONSIGN\n : inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)'\n ? lot.PAR\n : inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)'\n ? lot.PAR\n : 0}\n
\n\n
\n {inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)'\n ? lot.SCAN\n : inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)'\n ? lot.CONSIGN\n : inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)'\n ? lot.SCAN\n : 0}\n
\n\n {\n inventoryFilter.hasOwnProperty('Variance') === true\n && inventoryFilter.Variance[0] === 'PRODUCT'\n ? \n : (\n
\n \n {inventoryFilter.InventoryComparison[0] === 'CONSIGNMENT vs SCANS (S-C)'\n ? lot.SCAN - lot.CONSIGN\n : inventoryFilter.InventoryComparison[0] === 'PAR vs CONSIGNMENT (C-P)'\n ? lot.CONSIGN - lot.PAR\n : inventoryFilter.InventoryComparison[0] === 'PAR vs SCANS (S-P)'\n ? lot.SCAN - lot.PAR\n : 0}\n
\n )\n }\nNo data available
\n }\n\n
\n \n {inventoryFilter.hasOwnProperty('isChecked') === false\n ? (\n
\n \n
\n ) : (\n \n this._onShowScanOnly(\n inventoryFilter.hasOwnProperty('isScanOnly') === true\n && inventoryFilter.isScanOnly[0] === 'SCAN'\n )}\n checked={inventoryFilter.hasOwnProperty('isScanOnly') === true ? inventoryFilter.isScanOnly[0] : 'notScan'}\n readOnly\n >Scans Only\n \n
\n \n
\n )}\n \n this._onHideVariants(\n inventoryFilter.hasOwnProperty('isChecked') === true\n && inventoryFilter.isChecked[0] === 'checked'\n )}\n checked={inventoryFilter.hasOwnProperty('isChecked') === true && inventoryFilter.isChecked[0]}\n readOnly\n >Hide 0 Var\n \n
\n \n\n this._onShowScanOnly(\n inventoryFilter.hasOwnProperty('isScanOnly') === true\n && inventoryFilter.isScanOnly[0] === 'SCAN'\n )}\n checked={inventoryFilter.hasOwnProperty('isScanOnly') === true ? inventoryFilter.isScanOnly[0] : 'notScan'}\n readOnly\n >Scan Only\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n Settings
\n\n\n
\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n {/* \n Week starts on:\n
\n \n \n \n
\n */}\n {/*
*/}\n */}\n {/* */}\n {/*
*/}\n {/* {notification.title}
\n{notification.body}
\n \n {notification.readAt === null ? (\n\n There are no notifications to be displayed.\n
\n )\n }\n\n
\n \n \n );\n }\n}\n\nexport default withNotifications(withGoBack(withLoader(withNotify(Notifications))));\n","import { connect } from 'react-redux';\nimport { derSearchFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setDerSearchFilter: (data) => {\n dispatch(derSearchFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n derSearchFilter: state.derSearchFilter ? state.derSearchFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { derFilterSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setDerFilter: (data) => {\n dispatch(derFilterSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n derFilter: state.derFilter ? state.derFilter : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { dersProductsSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setDersProducts: (data) => {\n dispatch(dersProductsSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n dersProducts: state.dersProducts ? state.dersProducts : [],\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import { connect } from 'react-redux';\nimport { isShowButtonSet } from '../redux/actions';\nimport { DEFAULT_IS_SHOW_BUTTON } from '../redux/reducers';\n\nconst mapDispatchToProps = (dispatch) => ({\n setIsShowButtons: (data) => {\n dispatch(isShowButtonSet(data));\n }\n});\n\nconst mapStateToProps = (state) => ({\n isShowButtons: state.isShowButtons ? state.isShowButtons : DEFAULT_IS_SHOW_BUTTON\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\nimport withDerSearchFilter from '../../common/withDerSearchFilter';\nimport withDerFilter from '../../common/withDerFilter';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { storeLastVisitedRoute } from '../../common/globals';\nimport withCaseDer from '../../common/withCaseDer';\nimport withDersProduct from '../../common/withDersProduct';\nimport withViewDersDetails from '../../common/withViewDersDetails';\nimport withIsShowButtons from '../../common/withIsShowButtons';\nimport withReadCaseData from '../../common/withReadCaseData';\n\nclass Ders extends Component {\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onAddNonCaseDer = () => {\n try {\n const {\n setCaseDer, setDersProducts, online, notify, setIsShowButtons, setReadCaseData\n } = this.props;\n setIsShowButtons({\n isView: false,\n isEdit: false,\n isCreate: true,\n isCopy: false,\n isSaved: false,\n isSubmitted: false\n });\n if (online) {\n setCaseDer('');\n setDersProducts([]);\n setReadCaseData([]);\n this._onGoBack();\n browserHistory.push('/ders/add-der');\n // browserHistory.push('/ders/add-non-case-der');\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchDers = () => {\n try {\n const {\n setCaseDer, setDersProducts, online, notify\n } = this.props;\n if (online) {\n setCaseDer('false');\n setDersProducts([]);\n this._onGoBack();\n browserHistory.push('/ders/search-ders');\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const {\n setUpdatedRoute, setDerFilter, setDerSearchFilter, setGoBack, setCaseDer, setViewDersDetails\n } = this.props;\n storeLastVisitedRoute('/ders');\n setUpdatedRoute('/ders');\n setDerFilter({});\n setDerSearchFilter({});\n setGoBack([]);\n setCaseDer('');\n setViewDersDetails(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n this._onMarkAllRead()}>\n Mark all as read\n \n this.setState({ onlyShowUnread: !onlyShowUnread })}>\n {onlyShowUnread ? 'Show all' : 'Show unread'}\n \n
\n \n
\n \n
\n Device Experience Reports
\n\n
\n \n Add Non-Case DER\n
\n \n Search DERs\n
\n \n
\n Note: DERs for cases are added from the Case card\n menu accessed by selecting the 3 dots.\n
\n\n
\n \n );\n }\n}\n\nexport default DerNotSaved;\n","import React, { Component } from 'react';\n\nclass DersErrorMessage extends Component {\n render() {\n const { message, onPressOkay } = this.props;\n return (\n \n
\n \n
\n This DER was not saved. All changes
\nwill be lost. Continue?
\n\n
\n \n
\n \n No\n \n
\n \n onClickYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default DersErrorMessage;\n","import React, { Component } from 'react';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass ClearDersFields extends Component {\n _onClickYes = () => {\n const { onClear, value } = this.props;\n try {\n onClear(value);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n {message}
\n\n
\n \n
\n \n \n
\n \n
\n \n );\n }\n}\n\nexport default ClearDersFields;\n","import React, { Component } from 'react';\nimport { isStartsWithNumber } from '../../common/globals';\n\nclass CopyDers extends Component {\n render() {\n const { derNo } = this.props;\n const derNoFlag = isStartsWithNumber(derNo);\n return (\n \n
\n \n
\n This will clear all fields in this section. Continue?
\n\n
\n \n
\n \n \n
\n \n \n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default CopyDers;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport { Field, reduxForm, change } from 'redux-form';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport DatePicker from 'react-datepicker';\nimport Select2 from 'react-select2-wrapper';\nimport _, { isEmpty } from 'lodash';\nimport moment from 'moment-timezone';\nimport {\n renderField\n} from '../../helpers/form-validations';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withTeam from '../../common/withTeam';\nimport withDersDetails from '../../common/withDersDetails';\nimport withDersFilterResult from '../../common/withDersFilterResult';\nimport Bugsnag from '../../helpers/bugsnag';\nimport {\n compactRandomStringMaker, isMobile, isStartsWithNumber, onGoBack, shallowCompare\n} from '../../common/globals';\nimport DerNotSaved from '../../components/Models/DerNotSaved';\nimport {\n getDersTeamsByTeamName,\n getTableCaseByCaseId,\n getDersByDersNo,\n updateTableWiseCaseByCaseId,\n updateDersById, insertDers, getAllDers\n} from '../../utils/db';\nimport withCaseDer from '../../common/withCaseDer';\nimport withTableName from '../../common/withTableName';\nimport withUser from '../../common/withUser';\nimport { addDersDetails, listSingleCase, updateDers } from '../../utils/utils';\nimport withViewDersDetails from '../../common/withViewDersDetails';\nimport withDersProduct from '../../common/withDersProduct';\nimport withIsShowButtons from '../../common/withIsShowButtons';\nimport withSelectCaseId from '../../common/withSelectCaseId';\nimport DersErrorMessage from '../../components/Models/DersErrorMessage';\nimport ClearDersFields from '../../components/Models/ClearDersFields';\nimport CopyDers from '../../components/Models/CopyDers';\nimport withReadCaseData from '../../common/withReadCaseData';\nimport OptimizeDatePicker from '../../components/commonComponents/OptimizeDatePicker';\n\nclass AddNonCaseDer extends Component {\n constructor(props) {\n super(props);\n this.MAX_BROKEN_PRODUCTS = 20;\n this.state = {\n onClickButtonName: '',\n onFocusInputName: '',\n isEditDer: false,\n selectedDateAware: new Date(),\n selectedDateImplanted: '',\n selectedDateExplanted: '',\n patientDob: '',\n patientActivity: [\n 'Average', 'Above Average', 'Below Average', 'Highly Active', 'Sedentary', 'Unknown'\n ],\n selectedActivity: '',\n fixCaseData: {},\n investigationDate: '',\n dersTeams: {},\n addNewDers: {\n RepCaseNo: null,\n COMNo: null,\n DeviceType: '',\n DERNotes: null,\n CaseNo: null,\n DERContact: '',\n DERContactPhone: '',\n DERRep: '',\n DERRepPhone: '',\n DERTerritory: '',\n ResponseLetter: 'NO',\n ResponseRecipient: '',\n SurgeonName: '',\n CustomerName: '',\n CustomerNo: '',\n CreditInvoiceNo: '',\n CreditAccountNo: '',\n RepPresent: 'NO',\n DateAware: moment(new Date()).format('YYYY-MM-DD hh:mm:ss.SSS'),\n DateImplanted: '',\n PrimaryCustomerSame: 'YES',\n PrimaryCustomer: '',\n DateExplanted: '',\n PatientName: '',\n PatientAge: '',\n PatientDOB: '',\n PatientGender: 'UNKNOWN',\n PatientHeight: '',\n PatientHeightUnits: 'UNKNOWN',\n PatientWeight: '',\n PatientWeightUnits: 'UNKNOWN',\n PatientStudy: 'UNKNOWN',\n PatientClinicalID: '',\n PatientActivity: '',\n EventInfo: 'DID NOT HAPPEN IN SURGERY',\n XraysAvailable: 'UNKNOWN',\n XraysAvailableReason: '',\n Loosening: 'UNKNOWN',\n LooseningComponents: '',\n LooseningInterface: 'NON-APPLICABLE',\n CementMFR: 'UNKNOWN',\n BrokenRemoved: 'NA',\n ProductDeficiency: 'NO',\n SurgeryExtend: 'UNKNOWN',\n SurgeryExtendTime: '',\n InvestigationRequestor: '',\n InvestigationDate: '',\n InvestigationResponder: '',\n InvestigationResponderTitle: '',\n Xray: '0',\n XrayReason: '',\n Patient: '0',\n PatientReason: '',\n Blood: '0',\n BloodReason: '',\n Histology: '0',\n HistologyReason: '',\n MRI: '0',\n MRIReason: '',\n Ultrasound: '0',\n UltrasoundReason: '',\n Clinical: '0',\n ClinicalReason: '',\n Primary: '0',\n PrimaryReason: '',\n Revision: '0',\n RevisionReason: '',\n Submited: '0',\n products: []\n },\n newDers: {\n RepCaseNo: null,\n COMNo: null,\n DeviceType: null,\n DERNotes: null,\n CaseNo: null,\n DERContact: '',\n DERContactPhone: '',\n DERRep: '',\n DERRepPhone: '',\n DERTerritory: '',\n ResponseLetter: 'NO',\n ResponseRecipient: '',\n SurgeonName: '',\n CustomerName: '',\n CustomerNo: '',\n CreditInvoiceNo: '',\n CreditAccountNo: '',\n RepPresent: 'NO',\n DateAware: moment(new Date()).format('YYYY-MM-DD hh:mm:ss.SSS'),\n DateImplanted: '',\n PrimaryCustomerSame: 'YES',\n PrimaryCustomer: '',\n DateExplanted: '',\n PatientName: '',\n PatientAge: '',\n PatientDOB: '',\n PatientGender: 'UNKNOWN',\n PatientHeight: '',\n PatientHeightUnits: 'UNKNOWN',\n PatientWeight: '',\n PatientWeightUnits: 'UNKNOWN',\n PatientStudy: 'UNKNOWN',\n PatientClinicalID: '',\n PatientActivity: '',\n EventInfo: 'DID NOT HAPPEN IN SURGERY',\n XraysAvailable: 'UNKNOWN',\n XraysAvailableReason: '',\n Loosening: 'UNKNOWN',\n LooseningComponents: '',\n LooseningInterface: 'NON-APPLICABLE',\n CementMFR: 'UNKNOWN',\n BrokenRemoved: 'YES',\n ProductDeficiency: 'NO',\n SurgeryExtend: 'UNKNOWN',\n SurgeryExtendTime: '',\n InvestigationRequestor: '',\n InvestigationDate: '',\n InvestigationResponder: '',\n InvestigationResponderTitle: '',\n Xray: '0',\n XrayReason: '',\n Patient: '0',\n PatientReason: '',\n Blood: '0',\n BloodReason: '',\n Histology: '0',\n HistologyReason: '',\n MRI: '0',\n MRIReason: '',\n Ultrasound: '0',\n UltrasoundReason: '',\n Clinical: '0',\n ClinicalReason: '',\n Primary: '0',\n PrimaryReason: '',\n Revision: '0',\n RevisionReason: '',\n Submited: '0',\n products: []\n },\n errorMessage: '',\n products: {\n ProductCode: '',\n ProductLot: '',\n ProductSide: 'UNKNOWN',\n ProductUsed: 'YES',\n ProductedReturned: 'NO',\n ProductQty: ''\n },\n ProductsBroken: [],\n clearForm: '',\n isCopy: false,\n copyDerNo: null,\n isAddNew: false\n };\n this.derNotSavedModal = null;\n this.dersErrorMessageModal = null;\n this.clearDersFieldsModal = null;\n this.copyDersModal = null;\n }\n\n async componentDidMount() {\n try {\n document.getElementById('date-picker-input').setAttribute('readonly', 'readonly');\n document.getElementById('date-picker-input1').setAttribute('readonly', 'readonly');\n document.getElementById('date-picker-input2').setAttribute('readonly', 'readonly');\n document.getElementById('date-picker-input3').setAttribute('readonly', 'readonly');\n document.getElementById('date-picker-input4').setAttribute('readonly', 'readonly');\n\n this.derNotSavedModal = new window.bootstrap.Modal(window.$('#derNotSavedModal'));\n this.dersErrorMessageModal = new window.bootstrap.Modal(window.$('#dersErrorMessageModal'));\n this.clearDersFieldsModal = new window.bootstrap.Modal(window.$('#clearDersFieldsModal'));\n this.copyDersModal = new window.bootstrap.Modal(window.$('#copyDersModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEdit = async () => {\n try {\n const { setViewDersDetails, setIsShowButtons } = this.props;\n setIsShowButtons({\n isEdit: true,\n isView: false,\n isCreate: false,\n isCopy: false,\n isSaved: false,\n isSubmitted: false\n });\n setViewDersDetails(false);\n this.setState({ isEditDer: true, isCopy: false });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getFormFieldData = (formData) => {\n try {\n const fields = ['DERContact', 'DERContactPhone', 'DERRep', 'DeviceType', 'DERRepPhone', 'DERNotes',\n 'DERTerritory', 'ResponseLetter', 'ResponseRecipient', 'SurgeonName', 'CustomerName', 'CustomerNo',\n 'CreditInvoiceNo', 'CreditAccountNo', 'RepPresent', 'DateAware', 'DateImplanted', 'PrimaryCustomerSame',\n 'PrimaryCustomer', 'DateExplanted', 'PatientName', 'PatientAge', 'PatientDOB', 'PatientGender',\n 'PatientHeight', 'PatientHeightUnits', 'PatientWeight', 'PatientWeightUnits', 'PatientStudy',\n 'PatientClinicalID', 'PatientActivity', 'EventInfo', 'XraysAvailable', 'XraysAvailableReason', 'Loosening',\n 'LooseningComponents', 'LooseningInterface', 'CementMFR', 'BrokenRemoved', 'ProductDeficiency',\n 'SurgeryExtend', 'InvestigationRequestor', 'InvestigationDate', 'InvestigationResponder',\n 'InvestigationResponderTitle', 'Xray', 'XrayReason', 'Patient', 'PatientReason', 'Blood', 'BloodReason',\n 'Histology', 'HistologyReason', 'MRI', 'MRIReason', 'Ultrasound', 'UltrasoundReason', 'Clinical',\n 'ClinicalReason', 'Primary', 'PrimaryReason', 'Revision', 'RevisionReason', 'products'];\n const caseDetail = {};\n fields.map((key) => {\n caseDetail[key] = (!formData.hasOwnProperty(key) || formData[key] === '') ? null : formData[key];\n });\n return caseDetail;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBackDers = async () => {\n try {\n const {\n params: { caseId }, caseDer, online, goBack\n } = this.props;\n const {\n addNewDers, newDers, selectedDateImplanted, selectedDateExplanted,\n patientDob, selectedActivity, investigationDate, selectedDateAware, isEditDer\n } = this.state;\n\n // const isPronductEmpty = ProductsBroken.some((item) =>\n // (item.ProductCode === '' || item.ProductLot === ''\n // || item.ProductQty === ''));\n\n addNewDers.DateAware = moment(selectedDateAware).format('YYYY-MM-DD');\n addNewDers.DateImplanted = selectedDateImplanted !== '' ? moment(selectedDateImplanted).format('YYYY-MM-DD') : '';\n addNewDers.DateExplanted = selectedDateExplanted !== '' ? moment(selectedDateExplanted).format('YYYY-MM-DD') : '';\n addNewDers.PatientDOB = patientDob !== '' ? moment(patientDob).format('YYYY-MM-DD') : '';\n addNewDers.PatientActivity = selectedActivity;\n addNewDers.InvestigationDate = investigationDate;\n newDers.DateAware = moment(selectedDateAware).format('YYYY-MM-DD');\n newDers.DateImplanted = selectedDateImplanted === '' ? '' : moment(selectedDateImplanted).format('YYYY-MM-DD');\n newDers.DateExplanted = selectedDateExplanted === '' ? '' : moment(selectedDateExplanted).format('YYYY-MM-DD');\n newDers.PatientDOB = patientDob === '' ? '' : moment(patientDob).format('YYYY-MM-DD');\n newDers.InvestigationDate = investigationDate;\n newDers.BloodReason = addNewDers.BloodReason;\n newDers.ClinicalReason = addNewDers.ClinicalReason;\n newDers.CreditAccountNo = addNewDers.CreditAccountNo;\n newDers.CreditInvoiceNo = addNewDers.CreditInvoiceNo;\n newDers.DERRepPhone = addNewDers.DERRepPhone;\n newDers.BrokenRemoved = addNewDers.BrokenRemoved;\n newDers.PatientGender = addNewDers.PatientGender;\n newDers.PatientAge = addNewDers.PatientAge;\n newDers.PatientHeight = addNewDers.PatientHeight;\n newDers.PatientWeight = addNewDers.PatientWeight;\n newDers.EventInfo = addNewDers.EventInfo;\n newDers.PrimaryCustomer = addNewDers.PrimaryCustomer;\n newDers.LooseningComponents = addNewDers.LooseningComponents;\n newDers.HistologyReason = addNewDers.HistologyReason;\n newDers.InvestigationRequestor = addNewDers.InvestigationRequestor;\n newDers.InvestigationResponder = addNewDers.InvestigationResponder;\n newDers.InvestigationResponderTitle = addNewDers.InvestigationResponderTitle;\n newDers.MRIReason = addNewDers.MRIReason;\n newDers.PatientClinicalID = addNewDers.PatientClinicalID;\n newDers.PatientReason = addNewDers.PatientReason;\n newDers.PrimaryReason = addNewDers.PrimaryReason;\n newDers.ResponseRecipient = addNewDers.ResponseRecipient;\n newDers.RevisionReason = addNewDers.RevisionReason;\n newDers.SurgeryExtendTime = addNewDers.SurgeryExtendTime;\n newDers.UltrasoundReason = addNewDers.UltrasoundReason;\n newDers.XrayReason = addNewDers.XrayReason;\n newDers.XraysAvailableReason = addNewDers.XraysAvailableReason;\n // newDers.products = isPronductEmpty ? [] : ProductsBroken;\n newDers.products = addNewDers.products;\n newDers.PatientActivity = selectedActivity;\n newDers.DeviceType = addNewDers.DeviceType;\n newDers.DERNotes = addNewDers.DERNotes;\n\n if (!online) {\n newDers.DERNo = addNewDers.DERNo;\n newDers.id = addNewDers.id;\n newDers.Sync = addNewDers.Sync;\n }\n\n if (!isEditDer) {\n onGoBack(goBack);\n return;\n }\n if (caseDer === 'true') {\n if (JSON.stringify(addNewDers) === JSON.stringify(newDers)) {\n onGoBack(goBack);\n } else {\n this.derNotSavedModal.show();\n }\n } else {\n if (isEmpty(caseId)) {\n if (JSON.stringify(addNewDers) === JSON.stringify(newDers)) {\n onGoBack(goBack);\n } else {\n this.derNotSavedModal.show();\n }\n } else {\n const caseRes = await getDersByDersNo(caseId);\n delete caseRes.id;\n delete caseRes.ID;\n caseRes.DateAware = moment(new Date()).format('YYYY-MM-DD');\n const updatedFormData = this._getFormFieldData({ ...addNewDers });\n const fixFormData = this._getFormFieldData(caseRes);\n if (isEditDer === true) {\n if (JSON.stringify(updatedFormData) === JSON.stringify(fixFormData)) {\n onGoBack(goBack);\n } else {\n this.derNotSavedModal.show();\n }\n } else {\n onGoBack(goBack);\n }\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickYes = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getDersTeams = async () => {\n try {\n const { dispatch, user, caseDer } = this.props;\n const { addNewDers, newDers } = this.state;\n const dersTeamsRes = await getDersTeamsByTeamName(user.selectedTeam.name);\n if (dersTeamsRes) {\n this.setState({ dersTeams: dersTeamsRes }, () => {\n dersTeamsRes && Object.keys(dersTeamsRes).map(() => {\n // dispatch(change('AddDersForm', key, dersTeamsRes[key]));\n dispatch(change('AddDersForm', 'DERContact', dersTeamsRes.DERContact));\n dispatch(change('AddDersForm', 'DERContactPhone', dersTeamsRes.DERContactPhone));\n dispatch(change('AddDersForm', 'DERRep', user.name));\n dispatch(change('AddDersForm', 'DERRepPhone', user.phone));\n dispatch(change('AddDersForm', 'DERCRepPhone', dersTeamsRes.DERRepPhone));\n dispatch(change('AddDersForm', 'DERTerritory', dersTeamsRes.DERTerritory));\n });\n addNewDers.DERContact = dersTeamsRes.DERContact;\n addNewDers.DERContactPhone = dersTeamsRes.DERContactPhone;\n addNewDers.DERRep = user.name;\n addNewDers.DERRepPhone = user.phone;\n addNewDers.DERTerritory = dersTeamsRes.DERTerritory;\n addNewDers.EventInfo = (caseDer === 'true' ? '' : addNewDers.EventInfo);\n newDers.DERContact = dersTeamsRes.DERContact;\n newDers.DERContactPhone = dersTeamsRes.DERContactPhone;\n newDers.DERRep = user.name;\n newDers.DERRepPhone = user.phone;\n newDers.DERTerritory = dersTeamsRes.DERTerritory;\n newDers.EventInfo = (caseDer === 'true' ? '' : newDers.EventInfo);\n });\n }\n this.setState({ addNewDers, newDers });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseDerDetails = async () => {\n try {\n const {\n tableName, dispatch, user: { name }, selectCaseId, readCaseData\n } = this.props;\n const {\n CaseNo, SurgeonName, CustomerName, CustomerNo\n } = readCaseData;\n const { addNewDers, dersTeams, newDers } = this.state;\n const caseDetailsRes = await getTableCaseByCaseId(selectCaseId, tableName);\n // console.log(caseDetailsRes);\n this.setState({\n addNewDers: {\n ...addNewDers,\n CaseNo: (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : null),\n RepCaseNo: caseDetailsRes.RepCaseNo,\n SurgeonName: (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : (caseDetailsRes.SurgeonName !== '' ? caseDetailsRes.SurgeonName : '')),\n CustomerName: (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : (caseDetailsRes.CustomerName !== '' ? caseDetailsRes.CustomerName : '')),\n CustomerNo: (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : (caseDetailsRes.CustomerNo !== '' ? caseDetailsRes.CustomerNo : '')),\n PatientName: '',\n PatientAge: caseDetailsRes.Age,\n PatientWeight: caseDetailsRes.Weight,\n PatientHeight: caseDetailsRes.Height,\n },\n newDers: {\n ...newDers,\n CaseNo: (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : null),\n RepCaseNo: caseDetailsRes.RepCaseNo,\n SurgeonName: (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : (caseDetailsRes.SurgeonName !== '' ? caseDetailsRes.SurgeonName : '')),\n CustomerName: (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : (caseDetailsRes.CustomerName !== '' ? caseDetailsRes.CustomerName : '')),\n CustomerNo: (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : (caseDetailsRes.CustomerNo !== '' ? caseDetailsRes.CustomerNo : '')),\n PatientName: '',\n PatientAge: caseDetailsRes.Age,\n PatientWeight: caseDetailsRes.Weight,\n PatientHeight: caseDetailsRes.Height,\n DateExplanted: moment(caseDetailsRes.CaseDate).format('YYYY-MM-DD'),\n },\n patientGender: caseDetailsRes.Gender,\n selectedDateExplanted: moment(caseDetailsRes.CaseDate).toDate(),\n }, () => {\n Object.keys(addNewDers).map(() => {\n // dispatch(change('AddDersForm', key, addNewDers[key]));\n dispatch(change('AddDersForm', 'DERContact', dersTeams.DERContact));\n dispatch(change('AddDersForm', 'DERContactPhone', dersTeams.DERContactPhone));\n dispatch(change('AddDersForm', 'DERRep', name));\n dispatch(change('AddDersForm', 'DERCRepPhone', dersTeams.DERRepPhone));\n dispatch(change('AddDersForm', 'DERTerritory', dersTeams.DERTerritory));\n dispatch(change('AddDersForm', 'RepCaseNo', caseDetailsRes.RepCaseNo));\n dispatch(change('AddDersForm', 'CaseNo', (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : (caseDetailsRes.CaseNo ? caseDetailsRes.CaseNo : (caseDetailsRes.RepCaseNo ? 'PENDING' : '')))));\n dispatch(change('AddDersForm', 'SurgeonName', (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : (caseDetailsRes.SurgeonName !== '' ? caseDetailsRes.SurgeonName : ''))));\n dispatch(change('AddDersForm', 'CustomerName', (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : (caseDetailsRes.CustomerName !== '' ? caseDetailsRes.CustomerName : ''))));\n dispatch(change('AddDersForm', 'CustomerNo', (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : (caseDetailsRes.CustomerNo !== '' ? caseDetailsRes.CustomerNo : ''))));\n dispatch(change('AddDersForm', 'PatientName', ''));\n dispatch(change('AddDersForm', 'PatientAge', caseDetailsRes.Age));\n dispatch(change('AddDersForm', 'PatientWeight', caseDetailsRes.Weight));\n dispatch(change('AddDersForm', 'PatientHeight', caseDetailsRes.Height));\n dispatch(change('AddDersForm', 'DateExplanted', new Date()));\n });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n fillData = async (data) => {\n try {\n const {\n addNewDers, dersTeams, newDers\n } = this.state;\n // console.log(data);\n const {\n dispatch, user: { name }, setDersProducts, online\n } = this.props;\n const derNoFlag = isStartsWithNumber(data.DERNo);\n this.setState({\n selectedDateAware: new Date(data.DateAware),\n selectedDateImplanted: (isEmpty(data.DateImplanted) || data.DateImplanted === 'Invalid Date') ? '' : new Date(data.DateImplanted),\n selectedDateExplanted: (isEmpty(data.DateExplanted) || data.DateExplanted === 'Invalid Date') ? '' : new Date(data.DateExplanted),\n patientDob: (isEmpty(data.PatientDOB) || data.PatientDOB === 'Invalid Date') ? '' : new Date(data.PatientDOB),\n selectedActivity: data.PatientActivity,\n investigationDate: (isEmpty(data.InvestigationDate) || data.InvestigationDate === 'Invalid Date') ? '' : new Date(data.InvestigationDate),\n ProductsBroken: data.products,\n addNewDers: {\n ...addNewDers,\n RepCaseNo: data.RepCaseNo,\n SurgeonName: data.SurgeonName,\n CustomerName: data.CustomerName,\n CustomerNo: data.CustomerNo,\n PatientName: data.PatientName,\n PatientAge: data.PatientAge,\n RepPresent: data.RepPresent,\n PrimaryCustomer: data.PrimaryCustomer,\n PrimaryCustomerSame: data.PrimaryCustomerSame,\n PatientGender: data.PatientGender,\n ResponseLetter: isEmpty(data.ResponseLetter) ? 'NO' : data.ResponseLetter,\n PatientWeight: data.PatientWeight,\n PatientHeight: data.PatientHeight,\n PatientHeightUnits: isEmpty(data.PatientHeightUnits) ? 'UNKNOWN' : data.PatientHeightUnits,\n PatientWeightUnits: isEmpty(data.PatientWeightUnits) ? 'UNKNOWN' : data.PatientWeightUnits,\n PatientStudy: isEmpty(data.PatientStudy) ? 'UNKNOWN' : data.PatientStudy,\n EventInfo: data.EventInfo,\n XraysAvailable: isEmpty(data.XraysAvailable) ? 'UNKNOWN' : data.XraysAvailable,\n Loosening: isEmpty(data.Loosening) ? 'UNKNOWN' : data.Loosening,\n LooseningComponents: data.LooseningComponents,\n LooseningInterface: isEmpty(data.LooseningInterface) ? 'NON-APPLICABLE' : data.LooseningInterface,\n CementMFR: isEmpty(data.CementMFR) ? 'UNKNOWN' : data.CementMFR,\n BrokenRemoved: isEmpty(data.BrokenRemoved) ? 'NO' : data.BrokenRemoved,\n SurgeryExtend: isEmpty(data.SurgeryExtend) ? 'UNKNOWN' : data.SurgeryExtend,\n ProductDeficiency: isEmpty(data.ProductDeficiency) ? 'NO' : data.ProductDeficiency,\n Xray: isEmpty(data.Xray) ? '0' : data.Xray,\n Patient: isEmpty(data.Patient) ? '0' : data.Patient,\n Blood: isEmpty(data.Blood) ? '0' : data.Blood,\n Histology: isEmpty(data.Histology) ? '0' : data.Histology,\n MRI: isEmpty(data.MRI) ? '0' : data.MRI,\n Ultrasound: isEmpty(data.Ultrasound) ? '0' : data.Ultrasound,\n Clinical: isEmpty(data.Clinical) ? '0' : data.Clinical,\n Primary: isEmpty(data.Primary) ? '0' : data.Primary,\n Revision: isEmpty(data.Revision) ? '0' : data.Revision,\n DERRepPhone: data.DERRepPhone,\n DeviceType: data.DeviceType,\n DERNotes: data.DERNotes,\n Submited: data.Submited\n },\n newDers: {\n ...newDers,\n RepCaseNo: data.RepCaseNo,\n SurgeonName: data.SurgeonName,\n CustomerName: data.CustomerName,\n CustomerNo: data.CustomerNo,\n PatientName: data.PatientName,\n PatientAge: data.PatientAge,\n RepPresent: data.RepPresent,\n PrimaryCustomer: data.PrimaryCustomer,\n PrimaryCustomerSame: data.PrimaryCustomerSame,\n PatientGender: data.PatientGender,\n ResponseLetter: isEmpty(data.ResponseLetter) ? 'NO' : data.ResponseLetter,\n PatientWeight: data.PatientWeight,\n PatientHeight: data.PatientHeight,\n PatientHeightUnits: isEmpty(data.PatientHeightUnits) ? 'UNKNOWN' : data.PatientHeightUnits,\n PatientWeightUnits: isEmpty(data.PatientWeightUnits) ? 'UNKNOWN' : data.PatientWeightUnits,\n PatientStudy: isEmpty(data.PatientStudy) ? 'UNKNOWN' : data.PatientStudy,\n EventInfo: data.EventInfo,\n XraysAvailable: isEmpty(data.XraysAvailable) ? 'UNKNOWN' : data.XraysAvailable,\n Loosening: isEmpty(data.Loosening) ? 'UNKNOWN' : data.Loosening,\n LooseningComponents: data.LooseningComponents,\n LooseningInterface: isEmpty(data.LooseningInterface) ? 'NON-APPLICABLE' : data.LooseningInterface,\n CementMFR: isEmpty(data.CementMFR) ? 'UNKNOWN' : data.CementMFR,\n BrokenRemoved: isEmpty(data.BrokenRemoved) ? 'NO' : data.BrokenRemoved,\n SurgeryExtend: isEmpty(data.SurgeryExtend) ? 'UNKNOWN' : data.SurgeryExtend,\n ProductDeficiency: isEmpty(data.ProductDeficiency) ? 'NO' : data.ProductDeficiency,\n Xray: isEmpty(data.Xray) ? '0' : data.Xray,\n Patient: isEmpty(data.Patient) ? '0' : data.Patient,\n Blood: isEmpty(data.Blood) ? '0' : data.Blood,\n Histology: isEmpty(data.Histology) ? '0' : data.Histology,\n MRI: isEmpty(data.MRI) ? '0' : data.MRI,\n Ultrasound: isEmpty(data.Ultrasound) ? '0' : data.Ultrasound,\n Clinical: isEmpty(data.Clinical) ? '0' : data.Clinical,\n Primary: isEmpty(data.Primary) ? '0' : data.Primary,\n Revision: isEmpty(data.Revision) ? '0' : data.Revision,\n DERRepPhone: data.DERRepPhone,\n DeviceType: data.DeviceType,\n DERNotes: data.DERNotes,\n Submited: data.Submited\n },\n }, () => {\n dispatch(change('AddDersForm', 'DERNo', !online && data.Sync === 1 ? '' : !derNoFlag ? '' : data.DERNo));\n dispatch(change('AddDersForm', 'DERContact', dersTeams.DERContact));\n dispatch(change('AddDersForm', 'DERContactPhone', dersTeams.DERContactPhone));\n dispatch(change('AddDersForm', 'DERRep', name));\n dispatch(change('AddDersForm', 'ResponseRecipient', data.ResponseRecipient));\n dispatch(change('AddDersForm', 'DERRepPhone', data.DERRepPhone));\n dispatch(change('AddDersForm', 'DeviceType', data.DeviceType));\n dispatch(change('AddDersForm', 'DERNotes', data.DERNotes));\n dispatch(change('AddDersForm', 'DERTerritory', dersTeams.DERTerritory));\n dispatch(change('AddDersForm', 'RepCaseNo', data.RepCaseNo));\n dispatch(change('AddDersForm', 'SurgeonName', data.SurgeonName));\n dispatch(change('AddDersForm', 'CustomerName', data.CustomerName));\n dispatch(change('AddDersForm', 'CustomerNo', data.CustomerNo));\n dispatch(change('AddDersForm', 'COMNo', data.COMNo));\n dispatch(change('AddDersForm', 'CaseNo', data.CaseNo\n ? data.CaseNo : data.RepCaseNo ? 'PENDING' : ''));\n dispatch(change('AddDersForm', 'PatientName', data.PatientName));\n dispatch(change('AddDersForm', 'PatientAge', data.PatientAge));\n dispatch(change('AddDersForm', 'PatientHeight', data.PatientHeight));\n dispatch(change('AddDersForm', 'PatientWeight', data.PatientWeight));\n dispatch(change('AddDersForm', 'PatientClinicalID', data.PatientClinicalID));\n dispatch(change('AddDersForm', 'PrimaryCustomer', data.PrimaryCustomer));\n dispatch(change('AddDersForm', 'XrayReason', data.XrayReason));\n dispatch(change('AddDersForm', 'LooseningComponents', data.LooseningComponents));\n dispatch(change('AddDersForm', 'InvestigationRequestor', data.InvestigationRequestor));\n dispatch(change('AddDersForm', 'InvestigationResponder', data.InvestigationResponder));\n dispatch(change('AddDersForm', 'InvestigationResponderTitle', data.InvestigationResponderTitle));\n dispatch(change('AddDersForm', 'PatientReason', data.PatientReason));\n dispatch(change('AddDersForm', 'BloodReason', data.BloodReason));\n dispatch(change('AddDersForm', 'HistologyReason', data.HistologyReason));\n dispatch(change('AddDersForm', 'MRIReason', data.MRIReason));\n dispatch(change('AddDersForm', 'UltrasoundReason', data.UltrasoundReason));\n dispatch(change('AddDersForm', 'ClinicalReason', data.ClinicalReason));\n dispatch(change('AddDersForm', 'PrimaryReason', data.PrimaryReason));\n dispatch(change('AddDersForm', 'RevisionReason', data.RevisionReason));\n });\n const { products } = this.state;\n const arr = [];\n for (let i = 0; i < 20; i++) {\n arr.push(products);\n }\n setDersProducts(arr);\n this.setState({ ProductsBroken: arr }, () => {\n this.state.ProductsBroken.map((item, key) => {\n dispatch(change('AddDersForm', `ProductCode${key}`, ''));\n dispatch(change('AddDersForm', `ProductLot${key}`, ''));\n dispatch(change('AddDersForm', `ProductSide${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductUsed${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductedReturned${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductQty${key}`, ''));\n });\n });\n setDersProducts(data.products);\n this.setState({\n addNewDers: {\n ...this.state.addNewDers,\n products: data.products,\n deviceType: data.DeviceType\n }\n });\n data.products.map((value, key) => {\n dispatch(change('AddDersForm', `ProductCode${key}`, value.ProductCode));\n dispatch(change('AddDersForm', `ProductLot${key}`, value.ProductLot));\n dispatch(change('AddDersForm', `ProductQty${key}`, value.ProductQty));\n });\n this.addProduct();\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n addProduct = () => {\n const {\n dersProducts, setDersProducts, readCaseData, dispatch\n } = this.props;\n const {\n CaseNo, SurgeonName, CustomerName, CustomerNo, RepCaseNo\n } = readCaseData;\n const { products, addNewDers, newDers } = this.state;\n this.setState({\n addNewDers: {\n ...addNewDers,\n CaseNo: (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : addNewDers.CaseNo),\n SurgeonName: (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : addNewDers.SurgeonName),\n CustomerName: (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : addNewDers.CustomerName),\n CustomerNo: (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : addNewDers.CustomerNo),\n },\n newDers: {\n ...newDers,\n CaseNo: (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : addNewDers.CaseNo),\n SurgeonName: (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : addNewDers.SurgeonName),\n CustomerName: (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : addNewDers.CustomerName),\n CustomerNo: (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : addNewDers.CustomerNo),\n },\n }, () => {\n Object.keys(addNewDers).map(() => {\n dispatch(change('AddDersForm', 'CaseNo', (typeof CaseNo !== 'undefined' && CaseNo !== null ? CaseNo : (RepCaseNo ? 'PENDING' : addNewDers.CaseNo))));\n dispatch(change('AddDersForm', 'SurgeonName', (typeof SurgeonName !== 'undefined' && SurgeonName !== null ? SurgeonName : addNewDers.SurgeonName)));\n dispatch(change('AddDersForm', 'CustomerName', (typeof CustomerName !== 'undefined' && CustomerName !== null ? CustomerName : addNewDers.CustomerName)));\n dispatch(change('AddDersForm', 'CustomerNo', (typeof CustomerNo !== 'undefined' && CustomerNo !== null ? CustomerNo : addNewDers.CustomerNo)));\n });\n });\n\n const newProductsBroken = [...dersProducts];\n const lastProduct = newProductsBroken[newProductsBroken.length - 1];\n if (dersProducts.length + 1 < this.MAX_BROKEN_PRODUCTS) {\n if (!lastProduct || !shallowCompare(lastProduct, products)) {\n newProductsBroken.push(products);\n }\n }\n setDersProducts(newProductsBroken);\n this.setState({ ProductsBroken: newProductsBroken });\n }\n\n _onSubmitDers = async (formData) => {\n try {\n const {\n caseDer,\n user: { name },\n setLoader,\n notify,\n setViewDersDetails,\n tableName,\n selectCaseId,\n setDersFilterResults,\n online,\n } = this.props;\n const {\n addNewDers, patientDob, selectedDateAware, selectedDateImplanted, selectedDateExplanted,\n selectedActivity, investigationDate, ProductsBroken\n } = this.state;\n\n const productData = ProductsBroken.filter(\n (item) => !isEmpty(item.ProductCode)\n || !isEmpty(item.ProductLot)\n || !isEmpty(item.ProductQty)\n );\n\n addNewDers.RepCaseNo = !isEmpty(addNewDers.RepCaseNo) ? addNewDers.RepCaseNo : null;\n addNewDers.CaseNo = null;\n addNewDers.COMNo = null;\n addNewDers.DERContact = formData.DERContact;\n addNewDers.DERContactPhone = formData.DERContactPhone;\n addNewDers.DERRep = name;\n addNewDers.DERRepPhone;\n addNewDers.DeviceType = !isEmpty(addNewDers.DeviceType) ? addNewDers.DeviceType : '';\n addNewDers.DERNotes = formData.DERNotes;\n addNewDers.DERTerritory = formData.DERTerritory;\n addNewDers.ResponseLetter;\n addNewDers.ResponseRecipient;\n addNewDers.SurgeonName = !isEmpty(addNewDers.SurgeonName) ? addNewDers.SurgeonName : '';\n addNewDers.CustomerName = !isEmpty(addNewDers.CustomerName) ? addNewDers.CustomerName : '';\n addNewDers.CustomerNo = !isEmpty(addNewDers.CustomerNo) ? addNewDers.CustomerNo : '';\n addNewDers.CreditInvoiceNo;\n addNewDers.CreditAccountNo;\n addNewDers.RepPresent;\n addNewDers.DateAware = moment(selectedDateAware).format('YYYY-MM-DD hh:mm:ss.SSS');\n addNewDers.DateImplanted = selectedDateImplanted !== '' ? moment(selectedDateImplanted).format('YYYY-MM-DD hh:mm:ss.SSS') : '';\n addNewDers.PrimaryCustomerSame;\n addNewDers.PrimaryCustomer = formData.PrimaryCustomer;\n addNewDers.DateExplanted = selectedDateExplanted !== '' ? moment(selectedDateExplanted).format('YYYY-MM-DD') : '';\n addNewDers.PatientName = !isEmpty(addNewDers.PatientName) ? addNewDers.PatientName : '';\n addNewDers.PatientAge;\n addNewDers.PatientDOB = patientDob !== '' ? moment(patientDob).format('YYYY-MM-DD hh:mm:ss.SSS') : '';\n addNewDers.PatientGender;\n addNewDers.PatientHeight;\n addNewDers.PatientHeightUnits;\n addNewDers.PatientWeight;\n addNewDers.PatientWeightUnits;\n addNewDers.PatientStudy;\n addNewDers.PatientClinicalID;\n addNewDers.PatientActivity = selectedActivity;\n addNewDers.EventInfo;\n addNewDers.XraysAvailable;\n addNewDers.XraysAvailableReason;\n addNewDers.Loosening;\n addNewDers.LooseningComponents;\n addNewDers.LooseningInterface;\n addNewDers.CementMFR;\n addNewDers.ProductDeficiency;\n addNewDers.BrokenRemoved;\n addNewDers.SurgeryExtend;\n addNewDers.SurgeryExtendTime;\n addNewDers.InvestigationRequestor;\n addNewDers.InvestigationDate = investigationDate;\n addNewDers.InvestigationResponder;\n addNewDers.InvestigationResponderTitle;\n addNewDers.Xray;\n addNewDers.XrayReason;\n addNewDers.Patient;\n addNewDers.PatientReason;\n addNewDers.Blood;\n addNewDers.BloodReason;\n addNewDers.Histology;\n addNewDers.HistologyReason;\n addNewDers.MRI;\n addNewDers.MRIReason;\n addNewDers.Ultrasound;\n addNewDers.UltrasoundReason;\n addNewDers.Clinical;\n addNewDers.ClinicalReason;\n addNewDers.Primary;\n addNewDers.PrimaryReason;\n addNewDers.Revision;\n addNewDers.RevisionReason;\n addNewDers.products = productData;\n if (caseDer === 'true') {\n // console.log('1');\n if (isEmpty(addNewDers.DeviceType)) {\n this.setState({ errorMessage: 'Please select Device Type' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERContact)) {\n this.setState({ errorMessage: 'Please enter Office Contact', onClickButtonName: 'contactInformation', onFocusInputName: 'DERContact' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERContactPhone)) {\n this.setState({ errorMessage: 'Please enter DER Contact Phone', onClickButtonName: 'contactInformation', onFocusInputName: 'DERContactPhone' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERRep)) {\n this.setState({ errorMessage: 'Please enter Sales Rep', onClickButtonName: 'contactInformation', onFocusInputName: 'DERRep' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERRepPhone)) {\n this.setState({ errorMessage: 'Please enter Rep Phone', onClickButtonName: 'contactInformation', onFocusInputName: 'DERRepPhone' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(formData.DERTerritory)) {\n this.setState({ errorMessage: 'Please enter Territory', onClickButtonName: 'contactInformation', onFocusInputName: 'DERTerritory' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.SurgeonName)) {\n this.setState({ errorMessage: 'Please enter Surgeon Name', onClickButtonName: 'hospitalCustomerComplainant', onFocusInputName: 'SurgeonName' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.CustomerName)) {\n this.setState({ errorMessage: 'Please enter Customer Name', onClickButtonName: 'hospitalCustomerComplainant', onFocusInputName: 'CustomerName' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.CustomerNo)) {\n this.setState({ errorMessage: 'Please enter Customer No', onClickButtonName: 'hospitalCustomerComplainant', onFocusInputName: 'CustomerNo' });\n this.dersErrorMessageModal.show();\n return;\n } if (selectedDateAware === '') {\n this.setState({ errorMessage: 'Please enter Date Aware' });\n this.dersErrorMessageModal.show();\n return;\n } if (addNewDers.PrimaryCustomerSame === 'NO' && isEmpty(addNewDers.PrimaryCustomer)) {\n this.setState({ errorMessage: 'Please enter Primary Customer', onClickButtonName: 'eventDateInformation', onFocusInputName: 'PrimaryCustomer' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.BrokenRemoved)) {\n this.setState({ errorMessage: 'Please select All Broken Pices Retrived', onClickButtonName: 'additionalEventInformation' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.PatientName)) {\n this.setState({ errorMessage: 'Please enter Patient Initials', onClickButtonName: 'patientInformation', onFocusInputName: 'PatientName' });\n this.dersErrorMessageModal.show();\n return;\n }\n // if (isEmpty(addNewDers.PatientAge)) {\n // this.setState({ errorMessage: 'Please enter Age',\n // onClickButtonName: 'patientInformation',\n // onFocusInputName: 'PatientAge' });\n // this.dersErrorMessageModal.show();\n // return;\n // } if (patientDob === '') {\n // this.setState({ errorMessage: 'Please enter DOB',\n // onClickButtonName: 'patientInformation', onFocusInputName: 'date-picker-input3' });\n // this.dersErrorMessageModal.show();\n // return;\n // } if (isEmpty(addNewDers.PatientHeight)) {\n // this.setState({ errorMessage: 'Please enter Height',\n // onClickButtonName: 'patientInformation', onFocusInputName: 'PatientHeight' });\n // this.dersErrorMessageModal.show();\n // return;\n // } if (isEmpty(addNewDers.PatientWeight)) {\n // this.setState({ errorMessage: 'Please enter Weight',\n // onClickButtonName: 'patientInformation', onFocusInputName: 'PatientWeight' });\n // this.dersErrorMessageModal.show();\n // return;\n // }\n if (isEmpty(addNewDers.EventInfo)) {\n this.setState({ errorMessage: 'Please enter Event Info', onClickButtonName: 'eventInformation', onFocusInputName: 'EventInfo' });\n this.dersErrorMessageModal.show();\n return;\n } if (addNewDers.XrayAvailable === 'NO' && isEmpty(addNewDers.XraysAvailableReason)) {\n this.setState({ errorMessage: 'Please enter X-rays reason' });\n this.dersErrorMessageModal.show();\n return;\n } if (addNewDers.Loosening === 'YES' && isEmpty(addNewDers.LooseningComponents)) {\n this.setState({ errorMessage: 'Please enter Loosening Components', onClickButtonName: 'additionalEventInformation', onFocusInputName: 'LooseningComponents' });\n this.dersErrorMessageModal.show();\n return;\n } if (addNewDers.SurgeryExtend === 'YES' && isEmpty(addNewDers.SurgeryExtendTime)) {\n this.setState({ errorMessage: 'Please enter Surgery Extend Time.' });\n this.dersErrorMessageModal.show();\n return;\n } if (productData.length === 0) {\n // if (isEmpty(ProductsBroken[0].ProductCode)\n // && isEmpty(ProductsBroken[0].ProductLot)\n // && isEmpty(ProductsBroken[0].ProductQty)) {\n this.setState({\n errorMessage: 'Please enter at least one product',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: 'ProductCode0'\n });\n this.dersErrorMessageModal.show();\n return;\n } if (ProductsBroken.length > 0) {\n for (let i = 0; i < ProductsBroken.length; i++) {\n if (!isEmpty(ProductsBroken[i].ProductCode)\n || !isEmpty(ProductsBroken[i].ProductLot)\n || !isEmpty(ProductsBroken[i].ProductLot)) {\n if (ProductsBroken[i].ProductCode === '') {\n this.setState({\n errorMessage: 'Please enter product code',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductCode${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n\n if (ProductsBroken[i].ProductLot === '') {\n this.setState({\n errorMessage: 'Please enter product lot',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductLot${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n if (ProductsBroken[i].ProductQty === '') {\n this.setState({\n errorMessage: 'Please enter product qty',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductQty${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n }\n }\n }\n } else {\n // console.log('2');\n if (isEmpty(addNewDers.DeviceType)) {\n this.setState({ errorMessage: 'Please select Device Type' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERContact)) {\n this.setState({ errorMessage: 'Please enter Office Contact', onClickButtonName: 'contactInformation', onFocusInputName: 'DERContact' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERContactPhone)) {\n this.setState({ errorMessage: 'Please enter DER Contact Phone', onClickButtonName: 'contactInformation', onFocusInputName: 'DERContactPhone' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERRep)) {\n this.setState({ errorMessage: 'Please enter Sales Rep', onClickButtonName: 'contactInformation', onFocusInputName: 'DERRep' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.DERRepPhone)) {\n this.setState({ errorMessage: 'Please enter Rep Phone', onClickButtonName: 'contactInformation', onFocusInputName: 'DERRepPhone' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(formData.DERTerritory)) {\n this.setState({ errorMessage: 'Please enter Territory', onClickButtonName: 'contactInformation', onFocusInputName: 'DERTerritory' });\n this.dersErrorMessageModal.show();\n return;\n } if (selectedDateAware === '') {\n this.setState({ errorMessage: 'Please enter Date Aware' });\n this.dersErrorMessageModal.show();\n return;\n } if (isEmpty(addNewDers.EventInfo)) {\n this.setState({ errorMessage: 'Please enter Event Info', onClickButtonName: 'eventInformation', onFocusInputName: 'EventInfo' });\n this.dersErrorMessageModal.show();\n return;\n } if (productData.length === 0) {\n // if (isEmpty(ProductsBroken[0].ProductCode)\n // && isEmpty(ProductsBroken[0].ProductLot)\n // && isEmpty(ProductsBroken[0].ProductQty)) {\n this.setState({ errorMessage: 'Please enter at least one product', onClickButtonName: 'productBrokenInformation', onFocusInputName: 'ProductCode0' });\n this.dersErrorMessageModal.show();\n return;\n } if (ProductsBroken.length > 0) {\n for (let i = 0; i < ProductsBroken.length; i++) {\n if (!isEmpty(ProductsBroken[i].ProductCode)\n || !isEmpty(ProductsBroken[i].ProductLot)\n || !isEmpty(ProductsBroken[i].ProductLot)) {\n if (ProductsBroken[i].ProductCode === '') {\n this.setState({\n errorMessage: 'Please enter product code',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductCode${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n\n if (ProductsBroken[i].ProductLot === '') {\n this.setState({\n errorMessage: 'Please enter product lot',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductLot${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n if (ProductsBroken[i].ProductQty === '') {\n this.setState({\n errorMessage: 'Please enter product qty',\n onClickButtonName: 'productBrokenInformation',\n onFocusInputName: `ProductQty${i}`\n });\n this.dersErrorMessageModal.show();\n return;\n }\n }\n }\n }\n }\n addNewDers.Submited = formData.isSave ? '0' : '1';\n // console.log(addNewDers);\n if (online) {\n let responseJson = {};\n const { params } = this.props;\n if (caseDer === 'true') {\n const caseDetailsRes = await getTableCaseByCaseId(selectCaseId, tableName);\n addNewDers.CaseNo = caseDetailsRes.CaseNo;\n }\n setLoader(true);\n if (isEmpty(params.caseId)) {\n responseJson = await addDersDetails(addNewDers);\n } else {\n responseJson = await updateDers(params.caseId, addNewDers);\n }\n const { message, status, data } = responseJson;\n if (status) {\n if (caseDer === 'true') {\n // find case and store der response\n const caseDetailsRes = await getTableCaseByCaseId(selectCaseId, tableName);\n const caseRes = await listSingleCase(caseDetailsRes.CaseScheduleID);\n if (!isEmpty(params.caseId)) {\n const caseDersData = caseRes.data[0].case_ders;\n caseDetailsRes.case_ders = caseDersData;\n const dersData = await getDersByDersNo(data.DERNo);\n await updateDersById(dersData.id, { ...data, id: dersData.id });\n await updateTableWiseCaseByCaseId(\n caseDetailsRes.RepCaseNo, caseDetailsRes, tableName\n );\n await this.fillData(data);\n } else {\n const caseDers = (typeof caseDetailsRes.case_ders !== 'undefined' ? caseDetailsRes.case_ders : []);\n caseDers.push(data);\n caseDetailsRes.case_ders = caseDers;\n await insertDers(data);\n await this.fillData(data);\n await updateTableWiseCaseByCaseId(\n caseDetailsRes.RepCaseNo, caseDetailsRes, tableName\n );\n this.setState({ isEditDer: false });\n browserHistory.push(`/ders/der/${data.DERNo}`);\n }\n } else {\n // local add/edit ders\n if (!isEmpty(params.caseId)) {\n const dersData = await getDersByDersNo(data.DERNo);\n await updateDersById(dersData.id, { ...data, id: dersData.id });\n const dersList = await getAllDers();\n setDersFilterResults(dersList);\n await this.fillData(data);\n } else {\n await insertDers(data);\n this.setState({ isEditDer: false });\n browserHistory.push(`/ders/der/${data.DERNo}`);\n await this.fillData(data);\n }\n }\n if (formData.isSave) {\n setViewDersDetails(true);\n this.setState({ isCopy: true, isAddNew: true, isEditDer: false });\n }\n const { setIsShowButtons, viewDersDetails } = this.props;\n setIsShowButtons({\n isView: true,\n isEdit: false,\n isCreate: false,\n isCopy: false,\n isSaved: formData.isSave ? true : !viewDersDetails,\n // isSaved: !viewDersDetails,\n isSubmitted: false\n });\n setLoader(false);\n } else {\n notify({ type: 'error', message });\n setLoader(false);\n }\n } else {\n if (addNewDers.Submited === '1') {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n this.setState({ addNewDers: { ...addNewDers, Submited: '0' } });\n return;\n }\n\n const { params: { caseId } } = this.props;\n if (caseDer === 'true') {\n setLoader(true);\n const caseDetailsRes = await getTableCaseByCaseId(selectCaseId, tableName);\n if (!isEmpty(caseId)) {\n const caseDersRes = caseDetailsRes.case_ders;\n const filtered = caseDersRes.filter((el) => el.DERNo !== caseId);\n addNewDers.DERNo = caseId;\n filtered.push(addNewDers);\n caseDetailsRes.case_ders = filtered;\n caseDetailsRes.Sync = 1;\n await updateTableWiseCaseByCaseId(\n caseDetailsRes.RepCaseNo, caseDetailsRes, tableName\n );\n } else {\n const DERNo = compactRandomStringMaker(5);\n // const DERNo = (Math.random() + 1).toString(36).substring(7);\n const caseDers = caseDetailsRes.case_ders;\n addNewDers.DERNo = DERNo;\n addNewDers.Sync = 1;\n caseDers.push(addNewDers);\n caseDetailsRes.case_ders = caseDers;\n caseDetailsRes.Sync = 1;\n await insertDers(addNewDers);\n this.setState({ isEditDer: false });\n browserHistory.push(`/ders/der/${addNewDers.DERNo}`);\n await updateTableWiseCaseByCaseId(\n caseDetailsRes.RepCaseNo, caseDetailsRes, tableName\n );\n }\n if (formData.isSave) {\n setViewDersDetails(true);\n this.setState({ isCopy: true, isAddNew: true, isEditDer: false });\n }\n const { setIsShowButtons, viewDersDetails } = this.props;\n setIsShowButtons({\n isView: true,\n isEdit: false,\n isCreate: false,\n isCopy: false,\n isSaved: formData.isSave ? true : !viewDersDetails,\n isSubmitted: false\n });\n setLoader(false);\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check your connection and try again.', time: 2 });\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeEventInfo = (key, value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, EventInfo: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n updateProducts = async () => {\n try {\n const {\n dersProducts, setDersProducts\n } = this.props;\n const { products } = this.state;\n const productData = [];\n dersProducts.push(products);\n dersProducts.map((item) => {\n productData.push(Object.assign(item));\n });\n this.setState({ ProductsBroken: dersProducts });\n setDersProducts(dersProducts);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n /* _onClickAddProduct = async () => {\n try {\n const { ProductsBroken } = this.state;\n const { setDersProducts } = this.props;\n ProductsBroken.push({\n ProductCode: '',\n ProductLot: '',\n ProductSide: 'UNKNOWN',\n ProductUsed: 'YES',\n ProductedReturned: 'NO',\n ProductQty: ''\n });\n setDersProducts(ProductsBroken);\n this.setState({ ProductsBroken });\n } catch (e) {\n Bugsnag.notify(e);\n\n }\n } */\n\n _updateProductState = async (key) => {\n try {\n const { dersProducts } = this.props;\n const { products, addNewDers } = this.state;\n const {\n ProductCode, ProductLot, ProductSide,\n ProductUsed, ProductedReturned, ProductQty\n } = products;\n if (Object.keys(products).length > 0) {\n dersProducts[key] = Object.assign(dersProducts[key],\n {\n ProductCode,\n ProductLot,\n ProductSide,\n ProductUsed,\n ProductedReturned,\n ProductQty\n });\n this.setState({\n addNewDers: { ...addNewDers, products: dersProducts },\n ProductsBroken: dersProducts,\n products: {\n ProductCode: '',\n ProductLot: '',\n ProductSide: 'UNKNOWN',\n ProductUsed: 'YES',\n ProductedReturned: 'NO',\n ProductQty: ''\n }\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDeviceType = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DeviceType: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onResponseLetter = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, ResponseLetter: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onRepPresent = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, RepPresent: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPrimaryCustomerSame = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PrimaryCustomerSame: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPatientGender = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientGender: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPatientHeightUnits = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientHeightUnits: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPatientWeightUnits = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientWeightUnits: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPatientStudy = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientStudy: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onXraysAvailable = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, XraysAvailable: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onLooseing = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Loosening: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onLooseningInterface = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, LooseningInterface: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onCementMfr = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, CementMFR: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onProductDeficiency = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, ProductDeficiency: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onBrokenRemoved = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, BrokenRemoved: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSurgeryExtend = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, SurgeryExtend: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onXray = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Xray: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPatient = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Patient: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onBlood = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Blood: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onHistology = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Histology: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onMri = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, MRI: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUltraSound = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Ultrasound: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onClinical = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Clinical: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onPrimary = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Primary: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onRevision = (value) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, Revision: value } });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onChangeDerRepPhone = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DERRepPhone: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeDerTerritory = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DERTerritory: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeDerContact = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DERContact: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeDerContactPhone = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DERContactPhone: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeDerRep = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, DERRep: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeResponseRecipient = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, ResponseRecipient: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeSurgeonName = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, SurgeonName: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeCustomerName = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, CustomerName: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeCustomerNo = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, CustomerNo: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeCreditInvoiceNo = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, CreditInvoiceNo: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeCreditAccountNo = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, CreditAccountNo: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePrimaryCustomer = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PrimaryCustomer: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientName = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientName: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientAge = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientAge: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientHeight = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientHeight: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientWeight = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientWeight: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientClinicalID = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientClinicalID: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeXraysAvailableReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, XraysAvailableReason: e.target.value } }, () => {\n // this._updatePreferenceState();\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeLooseningComponents = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, LooseningComponents: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeSurgeryExtendTime = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, SurgeryExtendTime: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeProductCode = (e, key) => {\n try {\n const { dersProducts, dispatch } = this.props;\n if (!dersProducts[key].ProductQty) {\n dispatch(change('AddDersForm', `ProductQty${key}`, '1'));\n }\n const productName = e.target.value;\n if (productName.trim() === '') {\n dispatch(change('AddDersForm', `ProductQty${key}`, ''));\n }\n\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? {\n ...product,\n ProductCode: e.target.value,\n ProductQty: (productName.trim() === '' ? '' : (!product.ProductQty ? '1' : product.ProductQty))\n } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _setProductsBroken = (newProductsBroken) => {\n const { setDersProducts } = this.props;\n const { products } = this.state;\n const updatedProductsBroken = [...newProductsBroken];\n const lastProduct = newProductsBroken.pop();\n if (newProductsBroken.length + 1 < this.MAX_BROKEN_PRODUCTS\n && !shallowCompare(lastProduct, products)) {\n updatedProductsBroken.push(products);\n }\n setDersProducts(updatedProductsBroken);\n this.setState({ ProductsBroken: updatedProductsBroken });\n }\n\n _onChangeProductLot = (e, key) => {\n try {\n const { dersProducts } = this.props;\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? { ...product, ProductLot: e.target.value } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onProductSide = (value, key) => {\n try {\n const { dersProducts } = this.props;\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? { ...product, ProductSide: value } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onProductUsed = (value, key) => {\n try {\n const { dersProducts } = this.props;\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? { ...product, ProductUsed: value } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onProductReturned = (value, key) => {\n try {\n const { dersProducts } = this.props;\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? { ...product, ProductedReturned: value } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onChangeProductQty = (e, key) => {\n try {\n const { dersProducts } = this.props;\n const updateProduct = dersProducts.map(\n (product, ind) => (ind === key ? { ...product, ProductQty: e.target.value } : product)\n );\n this._setProductsBroken(updateProduct);\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeInvestigationRequestor = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({\n addNewDers: {\n ...addNewDers,\n InvestigationRequestor: e.target.value\n }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeDerNotes = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({\n addNewDers: {\n ...addNewDers,\n DERNotes: e.target.value\n }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeInvestigationResponder = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({\n addNewDers: {\n ...addNewDers,\n InvestigationResponder: e.target.value\n }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeInvestigationResponderTitle = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({\n addNewDers: {\n ...addNewDers,\n InvestigationResponderTitle: e.target.value\n }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeXrayReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, XrayReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePatientReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PatientReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeBloodReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, BloodReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeHistologyReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, HistologyReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeMriReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, MRIReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeUltraSoundReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, UltrasoundReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeClinicalReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, ClinicalReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangePrimaryReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, PrimaryReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeRevisionReason = (e) => {\n try {\n const { addNewDers } = this.state;\n this.setState({ addNewDers: { ...addNewDers, RevisionReason: e.target.value } });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onClearDersFormFields = (value) => {\n try {\n this.clearDersFieldsModal.show();\n this.setState({\n clearForm: value\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClickYesClear = async (value) => {\n try {\n const { dispatch } = this.props;\n const { addNewDers } = this.state;\n if (value === 'contactInformation') {\n addNewDers.DERContact = '';\n addNewDers.DERContactPhone = '';\n addNewDers.DERRepPhone = '';\n addNewDers.DERTerritory = '';\n addNewDers.ResponseLetter = 'NO';\n addNewDers.ResponseRecipient = '';\n dispatch(change('AddDersForm', 'DERContact', ''));\n dispatch(change('AddDersForm', 'DERContactPhone', ''));\n dispatch(change('AddDersForm', 'DERRepPhone', ''));\n dispatch(change('AddDersForm', 'DERTerritory', ''));\n dispatch(change('AddDersForm', 'ResponseLetter', 'NO'));\n dispatch(change('AddDersForm', 'ResponseRecipient', ''));\n } else if (value === 'hospital') {\n addNewDers.SurgeonName = '';\n addNewDers.CustomerName = '';\n addNewDers.CustomerNo = '';\n addNewDers.CreditInvoiceNo = '';\n addNewDers.CreditAccountNo = '';\n dispatch(change('AddDersForm', 'SurgeonName', ''));\n dispatch(change('AddDersForm', 'CustomerName', ''));\n dispatch(change('AddDersForm', 'CustomerNo', ''));\n dispatch(change('AddDersForm', 'CreditInvoiceNo', ''));\n dispatch(change('AddDersForm', 'CreditAccountNo', ''));\n } else if (value === 'eventDate') {\n addNewDers.RepPresent = 'NO';\n addNewDers.DateAware = '';\n addNewDers.DateImplanted = '';\n addNewDers.PrimaryCustomerSame = 'NO';\n addNewDers.PrimaryCustomer = '';\n addNewDers.DateExplanted = '';\n dispatch(change('AddDersForm', 'PrimaryCustomer', ''));\n this.setState({\n selectedDateAware: '',\n selectedDateImplanted: '',\n selectedDateExplanted: ''\n });\n } else if (value === 'patient') {\n addNewDers.PatientName = '';\n addNewDers.PatientAge = '';\n addNewDers.PatientDOB = '';\n addNewDers.PatientGender = 'NO INFORMATION';\n addNewDers.PatientHeight = '';\n addNewDers.PatientHeightUnits = 'UNKNOWN';\n addNewDers.PatientWeight = '';\n addNewDers.PatientWeightUnits = 'UNKNOWN';\n addNewDers.PatientStudy = 'UNKNOWN';\n addNewDers.PatientClinicalID = '';\n addNewDers.PatientActivity = '';\n dispatch(change('AddDersForm', 'PatientName', ''));\n dispatch(change('AddDersForm', 'PatientAge', ''));\n dispatch(change('AddDersForm', 'PatientHeight', ''));\n dispatch(change('AddDersForm', 'PatientWeight', ''));\n dispatch(change('AddDersForm', 'PatientClinicalID', ''));\n dispatch(change('AddDersForm', 'PatientActivity', ''));\n this.setState({\n patientDob: '',\n selectedActivity: ''\n });\n } else if (value === 'event') {\n addNewDers.EventInfo = '';\n dispatch(change('AddDersForm', 'EventInfo', ''));\n } else if (value === 'additionalEvent') {\n addNewDers.XraysAvailable = 'UNKNOWN';\n addNewDers.XraysAvailableReason = '';\n addNewDers.Loosening = 'UNKNOWN';\n addNewDers.LooseningComponents = '';\n addNewDers.LooseningInterface = 'NON-APPLICABLE';\n addNewDers.CementMFR = 'UNKNOWN';\n addNewDers.BrokenRemoved = 'UNKNOWN';\n addNewDers.SurgeryExtend = 'UNKNOWN';\n addNewDers.ProductDeficiency = 'NO';\n dispatch(change('AddDersForm', 'XraysAvailableReason', ''));\n dispatch(change('AddDersForm', 'LooseningComponents', ''));\n } else if (value === 'investigation') {\n addNewDers.InvestigationRequestor = '';\n addNewDers.InvestigationResponder = '';\n addNewDers.InvestigationResponderTitle = '';\n addNewDers.Xray = '0';\n addNewDers.XrayReason = '';\n addNewDers.Patient = '0';\n addNewDers.PatientReason = '';\n addNewDers.Blood = '0';\n addNewDers.BloodReason = '';\n addNewDers.Histology = '0';\n addNewDers.HistologyReason = '';\n addNewDers.MRI = '0';\n addNewDers.MRIReason = '';\n addNewDers.Ultrasound = '0';\n addNewDers.UltrasoundReason = '';\n addNewDers.Clinical = '0';\n addNewDers.ClinicalReason = '';\n addNewDers.Primary = '0';\n addNewDers.PrimaryReason = '';\n addNewDers.Revision = '0';\n addNewDers.RevisionReason = '';\n dispatch(change('AddDersForm', 'InvestigationRequestor', ''));\n dispatch(change('AddDersForm', 'InvestigationResponder', ''));\n dispatch(change('AddDersForm', 'InvestigationResponderTitle', ''));\n dispatch(change('AddDersForm', 'XrayReason', ''));\n dispatch(change('AddDersForm', 'PatientReason', ''));\n dispatch(change('AddDersForm', 'BloodReason', ''));\n dispatch(change('AddDersForm', 'HistologyReason', ''));\n dispatch(change('AddDersForm', 'MRIReason', ''));\n dispatch(change('AddDersForm', 'UltrasoundReason', ''));\n dispatch(change('AddDersForm', 'ClinicalReason', ''));\n dispatch(change('AddDersForm', 'PrimaryReason', ''));\n dispatch(change('AddDersForm', 'RevisionReason', ''));\n this.setState({ investigationDate: '' });\n } else if (value === 'products') {\n const { setDersProducts } = this.props;\n const { products } = this.state;\n const arr = [];\n for (let i = 0; i < 20; i++) {\n arr.push(products);\n }\n setDersProducts(arr);\n this.setState({ ProductsBroken: arr }, () => {\n this.state.ProductsBroken.map((item, key) => {\n dispatch(change('AddDersForm', `ProductCode${key}`, ''));\n dispatch(change('AddDersForm', `ProductLot${key}`, ''));\n dispatch(change('AddDersForm', `ProductSide${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductUsed${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductedReturned${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductQty${key}`, ''));\n });\n });\n\n /* setDersProducts([]);\n ProductsBroken.map((item, key) => {\n dispatch(change('AddDersForm', `ProductCode${key}`, ''));\n dispatch(change('AddDersForm', `ProductLot${key}`, ''));\n dispatch(change('AddDersForm', `ProductSide${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductUsed${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductedReturned${key}`, 'NO'));\n dispatch(change('AddDersForm', `ProductQty${key}`, ''));\n });\n this.setState({\n ProductsBroken: [],\n products: {\n ProductCode: '',\n ProductLot: '',\n ProductSide: 'UNKNOWN',\n ProductUsed: 'YES',\n ProductedReturned: 'NO',\n ProductQty: ''\n },\n }, () => {\n this._onClickAddProduct();\n }); */\n } else if (value === 'derEmailNotes') {\n dispatch(change('AddDersForm', 'DERNotes', ''));\n }\n this.setState({ addNewDers });\n this.clearDersFieldsModal.hide();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCopyDer = async () => {\n try {\n this.copyDersModal.show();\n const { setViewDersDetails, params: { caseId }, setIsShowButtons } = this.props;\n const dersRes = await getDersByDersNo(caseId);\n dersRes.DERNo = null;\n dersRes.Submited = '0';\n await this.fillData(dersRes);\n setViewDersDetails(false);\n setIsShowButtons({\n isView: false,\n isEdit: false,\n isCreate: false,\n isCopy: true,\n isSaved: false,\n isSubmitted: false\n });\n this.setState({ copyDerNo: caseId, isEditDer: true, isCopy: true });\n browserHistory.push('/ders/add-der');\n // browserHistory.push('/ders/add-non-case-der');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n onPressOkay = () => {\n const {\n onClickButtonName, onFocusInputName\n } = this.state;\n const isAreaExpand = window.$(`#${onClickButtonName}`).attr('aria-expanded');\n if (isAreaExpand === 'false') {\n window.$(`#${onClickButtonName}`).click();\n }\n window.$(`#${onFocusInputName}`).focus();\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n caseDer, params: { caseId }, setLoader\n } = this.props;\n setLoader(true);\n await this._getDersTeams();\n // await this.updateProducts();\n if (caseDer === 'true') {\n if (isEmpty(caseId)) {\n // console.log('11');\n await this._getCaseDerDetails();\n }\n }\n if (!isEmpty(caseId)) {\n // console.log('12');\n const caseRes = await getDersByDersNo(caseId);\n await this.fillData(caseRes);\n } else {\n // console.log('13');\n this.addProduct();\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n handleSubmit, caseDer, viewDersDetails, isShowButtons\n } = this.props;\n\n const {\n isEditDer, selectedDateAware, selectedDateImplanted, selectedDateExplanted, patientDob,\n patientActivity, selectedActivity, investigationDate, dersTeams, addNewDers,\n errorMessage, ProductsBroken, clearForm, copyDerNo\n } = this.state;\n\n return (\n \n );\n }\n}\n\nconst addDers = withSelectCaseId(\n withOnline(\n withGoBack(\n withNotify(\n withLoader(\n withTeam(\n withDersDetails(\n withIsShowButtons(\n withCaseDer(\n withTableName(\n withDersFilterResult(\n withUser(\n withDersProduct(\n withViewDersDetails(\n withReadCaseData(\n AddNonCaseDer\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n )\n);\n\nexport default compose(\n connect((state) => ({\n formData: state.form.AddDersForm\n })),\n reduxForm({ form: 'AddDersForm' })\n)(addDers);\n","import React, { Component } from 'react';\nimport { Link } from 'react-router';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport Select2 from 'react-select2-wrapper';\nimport {\n getSurgeons,\n getHospitals\n} from '../../utils/db';\nimport withDerFilter from '../../common/withCaseFilter';\nimport withTableName from '../../common/withTableName';\nimport withDerSearchFilter from '../../common/withDerSearchFilter';\nimport {\n sortData, Years, Months, Days\n} from '../../common/globals';\nimport Bugsnag from '../../helpers/bugsnag';\n\nclass DersFilter extends Component {\n constructor(props) {\n super(props);\n this.state = {\n Hospital: [],\n Surgeon: [],\n Patient: '',\n hospitals: [],\n surgeons: [],\n patients: [],\n Product: '',\n DerNo: '',\n CaseNo: '',\n ComNo: '',\n Year: '',\n Month: '',\n Day: '',\n years: [],\n months: [],\n days: [],\n clearData: {},\n filterHospitalData: '',\n filterSurgeonData: '',\n hospitalSearchResult: [],\n surgeonSearchResult: [],\n isSearchHospital: false,\n isSearchSurgeon: false,\n KeywordSearch: []\n };\n }\n\n _onClearFilter = () => {\n try {\n const { onClearFilter } = this.props;\n this.setState({\n Hospital: [],\n Surgeon: [],\n KeywordSearch: [],\n clearData: {},\n Patient: '',\n Product: '',\n DerNo: '',\n CaseNo: '',\n ComNo: '',\n Year: '',\n Month: '',\n Day: ''\n });\n onClearFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onUnSelectHospital = async (id) => {\n try {\n let { Hospital } = this.state;\n if (Hospital.includes(id)) {\n Hospital = Hospital.filter((val) => val !== id);\n this._onFilter({ Hospital });\n this.setState({ Hospital }, () => {\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectHospital = async (id) => {\n try {\n const { Hospital } = this.state;\n if (Hospital.indexOf(id) > -1) {\n Hospital.splice(Hospital.indexOf(id), 1);\n } else {\n Hospital.push(id);\n this._onFilter({ Hospital: JSON.stringify(Hospital) });\n }\n this.setState({ Hospital }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectSurgeon = async (id) => {\n try {\n let { Surgeon } = this.state;\n if (Surgeon.includes(id)) {\n Surgeon = Surgeon.filter((val) => val !== id);\n this.setState({ Surgeon }, () => {\n this.setClearFilter();\n });\n this._onFilter({ Surgeon });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectSurgeon = async (id) => {\n try {\n const { Surgeon } = this.state;\n if (Surgeon.indexOf(id) > -1) {\n Surgeon.splice(Surgeon.indexOf(id), 1);\n } else {\n Surgeon.push(id);\n this._onFilter({ Surgeon: JSON.stringify(Surgeon) });\n }\n this.setState({ Surgeon }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onUnSelectPatient = async (id) => {\n try {\n let { Patient } = this.state;\n if (Patient.includes(id)) {\n Patient = Patient.filter((val) => val !== id);\n this.setState({ Patient }, () => {\n this.setClearFilter();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onSelectPatient = async ({ params: { data: { id } } }) => {\n try {\n const { Patient } = this.state;\n if (!Patient.includes(id)) {\n Patient.push(id);\n await this.setState({ Patient }, () => {\n this.setClearFilter();\n });\n this._onFilter({ Patient });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _onFilter = (data) => {\n try {\n const { onFilter, previousData } = this.props;\n onFilter(Object.assign(previousData, data));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDerNo = (event) => {\n try {\n this.setState({ DerNo: event.target.value !== '' ? event.target.value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ DerNo: this.state.DerNo });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCase = (event) => {\n try {\n this.setState({ CaseNo: event.target.value !== '' ? event.target.value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ CaseNo: this.state.CaseNo });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onCom = (event) => {\n try {\n this.setState({ ComNo: event.target.value !== '' ? event.target.value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ ComNo: this.state.ComNo });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onYear = (value) => {\n try {\n this.setState({ Year: value !== '' ? value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ Year: this.state.Year });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onMonth = (value) => {\n try {\n this.setState({ Month: value !== '' ? value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ Month: value });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onDay = (value) => {\n try {\n this.setState({ Day: value !== '' ? value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ Day: value });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onPatientID = (event) => {\n try {\n this.setState({ Patient: event.target.value !== '' ? event.target.value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ Patient: this.state.Patient });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onProduct = (event) => {\n try {\n this.setState({ Product: event.target.value !== '' ? event.target.value : '' }, () => {\n this.setClearFilter();\n this._onFilter({ Product: this.state.Product });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onKeyword = (event) => {\n try {\n let keywordData = [];\n this.setState({ KeywordSearch: event.target.value !== '' ? event.target.value : [] }, () => {\n keywordData = this.state.KeywordSearch.length > 0 ? this.state.KeywordSearch.split(',') : [];\n this.setClearFilter();\n this._onFilter({ Keyword: JSON.stringify(keywordData) });\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onClear = (value) => {\n try {\n const {\n Hospital, Surgeon, Patient, Product, DerNo, CaseNo, ComNo,\n Year, Month, Day, KeywordSearch\n } = this.state;\n this._onFilter({\n Hospital: value === 'Hospital' ? [] : Hospital,\n Surgeon: value === 'Surgeon' ? [] : Surgeon,\n Keyword: value === 'KeywordSearch' ? [] : KeywordSearch,\n Patient: value === 'Patient' ? '' : Patient,\n Product: value === 'Product' ? '' : Product,\n DerNo: value === 'DerNo' ? '' : DerNo,\n CaseNo: value === 'CaseNo' ? '' : CaseNo,\n ComNo: value === 'ComNo' ? '' : ComNo,\n Year: value === 'Year' ? '' : Year,\n Month: value === 'Month' ? '' : Month,\n Day: value === 'Day' ? '' : Day,\n });\n this.setState({\n Hospital: value === 'Hospital' ? [] : Hospital,\n Surgeon: value === 'Surgeon' ? [] : Surgeon,\n KeywordSearch: value === 'KeywordSearch' ? [] : KeywordSearch,\n Patient: value === 'Patient' ? '' : Patient,\n Product: value === 'Product' ? '' : Product,\n DerNo: value === 'DerNo' ? '' : DerNo,\n CaseNo: value === 'CaseNo' ? '' : CaseNo,\n ComNo: value === 'ComNo' ? '' : ComNo,\n Year: value === 'Year' ? '' : Year,\n Month: value === 'Month' ? '' : Month,\n Day: value === 'Day' ? '' : Day,\n }, () => {\n this.setClearFilter();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n setClearFilter = () => {\n try {\n const {\n Hospital, Surgeon, Patient, Product, DerNo, CaseNo, ComNo, Year,\n Month, Day, KeywordSearch,\n } = this.state;\n let clearData = {};\n if (Hospital.length > 0) {\n clearData = Object.assign(clearData, { Hospital });\n }\n if (Surgeon.length > 0) {\n clearData = Object.assign(clearData, { Surgeon });\n }\n if (!isEmpty(Patient)) {\n clearData = Object.assign(clearData, { Patient });\n }\n if (!isEmpty(Product)) {\n clearData = Object.assign(clearData, { Product });\n }\n if (!isEmpty(DerNo)) {\n clearData = Object.assign(clearData, { DerNo });\n }\n if (!isEmpty(CaseNo)) {\n clearData = Object.assign(clearData, { CaseNo });\n }\n if (!isEmpty(ComNo)) {\n clearData = Object.assign(clearData, { ComNo });\n }\n if (!isEmpty(Year)) {\n clearData = Object.assign(clearData, { Year });\n }\n if (!isEmpty(Month)) {\n clearData = Object.assign(clearData, { Month });\n }\n if (!isEmpty(Day)) {\n clearData = Object.assign(clearData, { Day });\n }\n if (KeywordSearch.length > 0) {\n clearData = Object.assign(clearData, { KeywordSearch });\n }\n this.setState({ clearData });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onHospitalChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setDerSearchFilter, derSearchFilter } = this.props;\n this.setState({ filterHospitalData: value }, () => {\n setDerSearchFilter({\n ...derSearchFilter, filterHospitalData: value\n });\n this._onSearchHospitalList();\n });\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onSearchHospitalList = () => {\n try {\n const { filterHospitalData, hospitalSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterHospitalData.toUpperCase(), 'g');\n const data = hospitalSearchResult.filter((item) => item.CustomerName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n hospitals: filterHospitalData !== '' ? searchRes : hospitalSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearchHospital = () => {\n const { isSearchHospital } = this.state;\n // eslint-disable-next-line react/prop-types\n const { setDerSearchFilter } = this.props;\n if (isSearchHospital) {\n this.setState({ filterRepData: '' }, () => {\n this._onHospitalChange('');\n });\n }\n this.setState({ isSearchHospital: !isSearchHospital });\n setDerSearchFilter({ isSearchHospital: !isSearchHospital });\n }\n\n _onSurgeonChange = (value) => {\n try {\n // eslint-disable-next-line react/prop-types\n const { setDerSearchFilter, derSearchFilter } = this.props;\n this.setState({ filterSurgeonData: value }, () => {\n setDerSearchFilter({\n ...derSearchFilter, filterSurgeonData: value\n });\n this._onSearchSurgeonList();\n });\n } catch (error) {\n Bugsnag.notify(error);\n }\n }\n\n _onSearchSurgeonList = () => {\n try {\n const { filterSurgeonData, surgeonSearchResult } = this.state;\n const searchRes = [];\n const searchData = new RegExp(filterSurgeonData.toUpperCase(), 'g');\n const data = surgeonSearchResult.filter((item) => item.SurgeonName.match(searchData));\n data.map((item) => {\n searchRes.push(item);\n });\n this.setState({\n surgeons: filterSurgeonData !== '' ? searchRes : surgeonSearchResult\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearch = (value) => {\n try {\n const {\n isSearchHospital,\n isSearchSurgeon,\n filterHospitalData,\n filterSurgeonData,\n } = this.state;\n // eslint-disable-next-line react/prop-types\n const { setDerSearchFilter } = this.props;\n this.setState({\n isSearchHospital: value === 'isSearchHospital' ? !isSearchHospital : false,\n isSearchSurgeon: value === 'isSearchSurgeon' ? !isSearchSurgeon : false,\n filterHospitalData: value === 'isSearchHospital' ? '' : filterHospitalData,\n filterSurgeonData: value === 'isSearchSurgeon' ? '' : filterSurgeonData,\n }, () => {\n value === 'isSearchHospital' && this._onHospitalChange('');\n value === 'isSearchSurgeon' && this._onSurgeonChange('');\n });\n setDerSearchFilter({\n isSearchHospital: value === 'isSearchHospital' ? !isSearchHospital : false,\n isSearchSurgeon: value === 'isSearchSurgeon' ? !isSearchSurgeon : false,\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilterData = () => {\n try {\n const { derSearchFilter } = this.props;\n this.setState({\n filterHospitalData: derSearchFilter.filterHospitalData !== undefined ? derSearchFilter.filterHospitalData : '',\n filterSurgeonData: derSearchFilter.filterSurgeonData !== undefined ? derSearchFilter.filterSurgeonData : '',\n }, () => {\n derSearchFilter.filterHospitalData !== undefined ? this._onSearchHospitalList() : '';\n derSearchFilter.filterSurgeonData !== undefined ? this._onSearchSurgeonList() : '';\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { selectedFilter, derSearchFilter } = this.props;\n const surgeonsRes = await getSurgeons();\n const sortSurgeons = sortData(surgeonsRes, 'SurgeonName');\n const hospitalRes = await getHospitals();\n const sortHospital = sortData(hospitalRes, 'CustomerName');\n this.setState({\n surgeons: sortSurgeons,\n surgeonSearchResult: sortSurgeons,\n years: Years,\n months: Months,\n days: Days,\n isSearchSurgeon: derSearchFilter.isSearchSurgeon !== undefined ? derSearchFilter.isSearchSurgeon : '',\n hospitals: sortHospital,\n hospitalSearchResult: sortHospital,\n isSearchHospital: derSearchFilter.isSearchHospital !== undefined ? derSearchFilter.isSearchHospital : '',\n Hospital: (selectedFilter.hasOwnProperty('Hospital'))\n ? selectedFilter.Hospital\n : [],\n Surgeon: (selectedFilter.hasOwnProperty('Surgeon'))\n ? selectedFilter.Surgeon\n : [],\n Patient: (selectedFilter.hasOwnProperty('Patient'))\n ? (selectedFilter.Patient)\n : [],\n Product: (selectedFilter.hasOwnProperty('Product'))\n ? (selectedFilter.Product)\n : '',\n DerNo: (selectedFilter.hasOwnProperty('DerNo'))\n ? (selectedFilter.DerNo)\n : '',\n CaseNo: (selectedFilter.hasOwnProperty('CaseNo'))\n ? (selectedFilter.CaseNo)\n : '',\n ComNo: (selectedFilter.hasOwnProperty('ComNo'))\n ? (selectedFilter.ComNo)\n : '',\n Year: (selectedFilter.hasOwnProperty('Year'))\n ? (selectedFilter.Year)\n : '',\n Month: (selectedFilter.hasOwnProperty('Month'))\n ? (selectedFilter.Month)\n : '',\n Day: (selectedFilter.hasOwnProperty('Day'))\n ? (selectedFilter.Day)\n : '',\n KeywordSearch: (selectedFilter.hasOwnProperty('Keyword'))\n ? JSON.parse(selectedFilter.Keyword)\n : [],\n }, () => {\n this._onFilterData();\n });\n this.setClearFilter();\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n Hospital, Surgeon, Patient, hospitals, surgeons, Product, DerNo, CaseNo, KeywordSearch,\n ComNo, filterHospitalData, isSearchHospital, filterSurgeonData, isSearchSurgeon, clearData,\n years, Year, months, Month, days, Day\n } = this.state;\n const { title, filter, derSearchFilter } = this.props;\n const {\n patient = false\n } = filter;\n\n return (\n \n
\n \n
\n You have created a copy of DER# {`${!derNoFlag ? '' : derNo}`}
\n\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n {title}
\n\n 0 ? 'cursor-pointer' : 'btn-clear-filter'}`}\n onClick={Object.keys(clearData).length > 0 ? this._onClearFilter : () => {}}\n >Clear Search\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n { !isEmpty(DerNo)\n && (\n this._onClear('DerNo')}\n >Clear\n \n )}\n \n DER #\n \n
\n \n {\n this._onDerNo(event);\n })}\n placeholder=\"Search DER #\"\n value={DerNo}\n />\n
\n \n \n
\n \n { !isEmpty(CaseNo)\n && (\n this._onClear('CaseNo')}\n >Clear\n \n )}\n \n Case #\n \n
\n \n {\n this._onCase(event);\n })}\n placeholder=\"Search Case #\"\n value={CaseNo}\n />\n
\n \n \n
\n \n { !isEmpty(ComNo)\n && (\n this._onClear('ComNo')}\n >Clear\n \n )}\n \n PC #\n \n
\n \n {\n this._onCom(event);\n })}\n placeholder=\"Search PC #\"\n value={ComNo}\n />\n
\n \n \n
\n \n { !isEmpty(Year)\n && (\n this._onClear('Year')}\n >Clear\n \n )}\n \n Year\n \n
\n \n (value))}\n onChange={({ target: { value } }) => {\n this.setState({ Year: value }, () => {\n this._onYear(value);\n });\n }}\n value={Year}\n options={{ placeholder: 'Search Year' }}\n />\n
\n \n \n
\n \n \n { !isEmpty(Month)\n && (\n this._onClear('Month')}\n >Clear\n \n )}\n \n Month\n \n
\n \n {\n this.setState({ Month: id }, () => {\n this._onMonth(id);\n });\n }}\n value={Month}\n options={{ placeholder: 'Search Month' }}\n />\n
\n \n \n
\n \n \n { !isEmpty(Day)\n && (\n this._onClear('Day')}\n >Clear\n \n )}\n \n Day\n \n
\n \n (value))}\n onChange={({ target: { value } }) => {\n this.setState({ Day: value }, () => {\n this._onDay(value);\n });\n }}\n value={Day}\n options={{ placeholder: 'Search Day' }}\n />\n
\n \n
\n \n \n
\n {\n !isSearchHospital && hospitals.map((hospital, index) => (\n \n { (Hospital.length > 0 && !isSearchHospital)\n && (\n this._onClear('Hospital')}\n >Clear\n \n )}\n this._onSearch('isSearchHospital')}\n >\n Hospital\n \n
\n \n
\n \n {\n this._onHospitalChange(value);\n }}\n placeholder=\"Search Hospital\"\n />\n
\n {!isEmpty(hospitals) && hospitals.map((item, key) => (\n \n \n
\n ))}\n \n {Hospital.includes(hospital.CustomerName) && (\n
\n ))\n }\n \n
\n )}\n {hospital.CustomerName}
\n \n\n \n
\n {\n !isSearchSurgeon && surgeons.map((surgeon, index) => (\n \n { (Surgeon.length > 0 && !isSearchSurgeon)\n && (\n this._onClear('Surgeon')}\n >Clear\n \n )}\n this._onSearch('isSearchSurgeon')}\n >\n Surgeon\n \n
\n \n
\n \n {\n this._onSurgeonChange(value);\n }}\n placeholder=\"Search Surgeon\"\n />\n
\n {!isEmpty(surgeons) && surgeons.map((item, key) => (\n \n \n
\n ))}\n \n {Surgeon.includes(surgeon.SurgeonName) && (\n
\n ))\n }\n \n {patient && (\n \n
\n )}\n {surgeon.SurgeonName}
\n \n\n \n
\n \n )}\n \n { !isEmpty(Patient)\n && (\n this._onClear('Patient')}\n >Clear\n \n )}\n \n Patient\n \n
\n \n {\n this._onPatientID(event);\n })}\n placeholder=\"Search Patient Name\"\n value={Patient}\n />\n
\n \n \n
\n \n \n { !isEmpty(Product)\n && (\n this._onClear('Product')}\n >Clear\n \n )}\n \n Product Code\n \n
\n \n {\n this._onProduct(event);\n })}\n placeholder=\"Search Product Code\"\n value={Product}\n />\n
\n \n \n
\n \n \n \n \n \n \n \n { KeywordSearch.length > 0\n && (\n this._onClear('KeywordSearch')}\n >Clear\n \n )}\n \n Keyword (any field)\n \n
\n \n {\n this._onKeyword(event);\n })}\n placeholder=\"Search hospitals, surgeons, patients and product code.\"\n value={KeywordSearch}\n />\n
\n To search by more than one word, separate each word with a comma. This creates an “AND” search.
\n\n
\n \n );\n }\n}\n\nexport default MissingEntry;\n","import React, { Component } from 'react';\nimport { browserHistory } from 'react-router';\nimport _ from 'lodash';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport Header from '../../components/Header';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withCaseDer from '../../common/withCaseDer';\nimport Bugsnag from '../../helpers/bugsnag';\nimport { onGoBack } from '../../common/globals';\nimport DersFilter from '../../components/DersFilter/DersFilter';\nimport withDerSearchFilter from '../../common/withSearchFilter';\nimport withDerFilter from '../../common/withDerFilter';\nimport withDersFilterResult from '../../common/withDersFilterResult';\nimport MissingEntry from '../../components/Models/MissingEntry';\nimport { searchDers } from '../../utils/utils';\n\nclass SearchDers extends Component {\n constructor(props) {\n super(props);\n this.state = {\n derSearchData: {},\n };\n this.missingEntryModal = null;\n }\n\n async componentDidMount() {\n try {\n this.missingEntryModal = new window.bootstrap.Modal(window.$('#missingEntryModal'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _checkValidation = (derSearchData) => {\n try {\n if (Object.keys(derSearchData).length) {\n return !!Object.keys(derSearchData).filter((field) => !!(derSearchData[field].length || (derSearchData[field] !== ''))).length;\n } return false;\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onApplySearch = async () => {\n try {\n const {\n setDerFilter, setCaseDer, setDersFilterResults, setLoader, notify, online\n } = this.props;\n const { derSearchData } = this.state;\n _.mapKeys(derSearchData, (value, key) => {\n if (_.isArray(value) && _.isEmpty(value)) delete derSearchData[key];\n });\n\n _.mapKeys(derSearchData, (value, key) => {\n if (_.isString(value) && _.isEmpty(value)) delete derSearchData[key];\n });\n\n if (this._checkValidation(derSearchData)) {\n setLoader(true);\n if (online) {\n const derSearchRes = await searchDers(derSearchData);\n const { result, message, status } = derSearchRes;\n if (status && result === 'failure') {\n notify({ type: 'error', message });\n setLoader(false);\n return;\n }\n\n const derSearch = _.orderBy(derSearchRes.data, ['DateExplanted', 'DERNo'], ['desc', 'desc']);\n\n if (status && result === 'success') {\n setDersFilterResults(derSearch);\n this._onGoBack();\n setDerFilter(derSearchData);\n setCaseDer('false');\n browserHistory.push('/ders/search-ders/search-results');\n } else {\n notify({ type: 'error', message });\n }\n setLoader(false);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } else {\n // notify({ type: 'error', message: 'You must select at least one search field' });\n this.missingEntryModal.show();\n }\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFilter = (data) => {\n try {\n this.setState({ derSearchData: data });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onReset = () => {\n try {\n const { setDerFilter } = this.props;\n this.setState({ derSearchData: {} });\n setDerFilter({});\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = () => {\n try {\n const { goBack, setGoBack } = this.props;\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBackDers = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n const { derFilter, setCaseDer } = this.props;\n setCaseDer('');\n this.setState({ derSearchData: derFilter });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { derSearchData } = this.state;\n const { derFilter } = this.props;\n return (\n \n
\n \n
\n Missing Entry
\nYou must select at least one
\nsearch field.
\n\n
\n \n
\n \n \n
\n \n this._onFilter(data)}\n selectedFilter={derFilter}\n onClearFilter={this._onReset}\n />\n
\n );\n }\n}\n\nexport default withDerSearchFilter(withDerFilter(withOnline(withGoBack(\n withNotify(withLoader(withCaseDer(withDersFilterResult(SearchDers))))\n))));\n","import React, { useState } from 'react';\nimport moment from 'moment';\nimport { isEmpty } from 'lodash';\nimport withGoBack from '../common/withGoBack';\nimport withOnline from '../common/withOnline';\nimport withTableName from '../common/withTableName';\nimport withNotify from '../common/withNotify';\nimport withLoader from '../common/withLoader';\nimport withViewDersDetails from '../common/withViewDersDetails';\nimport Bugsnag from '../helpers/bugsnag';\nimport ArrowRight from '../assets/images/arrow-right.png';\nimport DerSubmit from './Models/DerSubmit';\nimport { isStartsWithNumber } from '../common/globals';\n\nconst DersRow = (props) => {\n const [active, setActive] = useState(true);\n let dersSubmitModel = null;\n\n const _onRedirectTo = (path, data) => {\n try {\n const { setViewDersDetails } = props;\n if (window.disabledClick) {\n return false;\n }\n const {\n onRedirect, setTableName, table\n } = props;\n setTableName(table);\n\n if (active) {\n onRedirect(path, data);\n setTableName(table);\n setViewDersDetails(true);\n } else {\n setActive(true);\n setTableName(table);\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n const {\n data: {\n DERNo, CustomerName, SurgeonName, DateExplanted, COMNo, Sync, Submited, CaseNo, RepCaseNo\n },\n online, onSubmit\n } = props;\n\n const onDerSubmit = (e, data) => {\n try {\n e.stopPropagation();\n dersSubmitModel = new window.bootstrap.Modal(window.$(`#derSubmitModal-${data.DERNo}`));\n dersSubmitModel.show();\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const derNoFlag = isStartsWithNumber(DERNo);\n\n const onSubmitDer = async (derData) => {\n onSubmit(derData);\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {isEmpty(DateExplanted) ? moment(new Date()).format('MMM DD, YYYY')\n : moment(DateExplanted).format('MMM DD, YYYY')}\n {/*: moment(DateExplanted).format('MM/DD/YYYY')} */}\n {\n Submited === '0'\n && (\n
\n
\n {CaseNo || (RepCaseNo ? 'PENDING' : '')}
\n \n
\n {CustomerName}
\n\n
\n DER # {!online && Sync === 1 ? '' : !derNoFlag ? '' : DERNo}
\n\n
\n {SurgeonName}
\n\n
\n PC # {COMNo}
\n\n
\n \n
\n DERs: {dersList.length}
\n\n {\n (dersList !== undefined && dersList.length > 0)\n ? dersList.map((data, key) => (\n
\n {/* No DERs have been added for this case.
\n }\n */}\n {/*
*/}\n */}\n {/*
*/}\n {/* */}\n {/*
*/}\n {/* DERs: {dersList.length}
*/}\n {/*\n \n \n
\n ) : ''\n }\n {\n (Object.keys(hospitalSetsByType).length > 0)\n ? (Object.keys(hospitalSetsByType).map((sets) => (\n
\n \n {\n (aggregatePlan !== '')\n ? (\n
\n {\n (totalSets.length > 0)\n ? (\n \n value.customer)}\n onChange={({ target: { value } }) => {\n this._onChangeCaseDetail(value);\n }}\n value={CustomerName}\n options={{ placeholder: 'Hospital' }}\n />\n
\n ) : ''\n }\n \n {selectedDate !== null ? moment(selectedDate, ['YYYY-MM-DD']).format(dateFormat) : ''}\n
\n| Type | \nCases | \nPrimary | \nRevision | \n
|---|---|---|---|
| \n | \n {filteredSet.Cases} | \n{(filteredSet.PrimaryCount > 0) ? filteredSet.PrimaryCount : ''}\n {`${this._primaryLabels(filteredSet)}`}\n | \n{(filteredSet.RevisionCount > 0) ? filteredSet.RevisionCount : ''}\n {`${this._revisionLabels(filteredSet)}`}\n | \n
| \n | \n {totalSets.reduce((prev, current) => (prev + +current.Cases), 0)} | \n{totalSets.reduce((prev, current) => (prev + +current.PrimaryCount), 0)} | \n{totalSets.reduce((prev, current) => ((prev + +current.RevisionCount) > 0 && (prev + +current.RevisionCount)), 0)} | \n
\n \n \n {\n (hospitalSetsByType[sets].map((set, s) => (\n
\n
\n ))) : ''\n }\n {sets.toLowerCase()}{(hospitalSetsByType[sets]).length > 1 ? 's' : ''}
\n| {set.SetName} | \n{set.count} | \n
| \n | {hospitalSetsByType[sets].reduce((total, currentValue) => (total + +currentValue.count), 0)} | \n
\n
\n \n
\n \n
\n - \n {\n shipmentsCaseDates.length > 0\n ? shipmentsCaseDates.map((data, index) => (\n
- \n \n\n\n {moment(data.CaseDate).format('MM/DD/YY')} - {data.CaseDateName}\n\n \n \n ))\n :
No accounts available
\n }\n \n
\n \n
\n \n
\n - \n {\n shipmentsShipDates.length > 0\n ? shipmentsShipDates.map((data, index) => (\n
- \n \n\n\n {moment(data.ShipDate).format('MM/DD/YY')} - {data.ShipDateName}\n\n \n \n ))\n :
No accounts available
\n }\n \n
\n \n
\n \n
\n - \n {\n shipmentsShipTo.length > 0\n ? shipmentsShipTo.map((data, index) => (\n
- \n \n\n\n {data.ShipToLoc}\n\n \n \n ))\n :
No accounts available
\n }\n \n \n \n
\n ))}\n {selectedShipDate ? selectedShipDate.map((shipDate, i) => ((\n \n
\n \n \n this._onSort()}\n >\n {sortDirection > 0 ? (\n 
\n ) : (\n 
\n )}\n \n this._onToggleCollapse()}\n >\n {rowsCollapsed ? (\n \n ) : (\n \n ) }\n\n \n
\n \n Shipped From: {isDePuy ? 'DePuy' : 'Office'}\n Updated: {updatedAt}\n
\n \n Ship To\n \n Ship Date\n \n {isDePuy ? (\n \n Product\n \n ) : (\n \n Case Date\n \n )}\n
\n \n {selectedShipTo.map((account, i) => (\n \n {\n const tempShipTo = selectedShipTo;\n tempShipTo.splice(i, 1);\n this.setState({\n selectedShipTo: tempShipTo\n }, this._onShipmentsSearch);\n }}\n style={{\n marginLeft: 16,\n cursor: 'pointer'\n }}\n >\n x\n
\n \n {account}\n
\n\n {moment(shipDate).format('MM/DD/YY')}\n
\n\n {moment(caseDate).format('MM/DD/YY')}\n
\n\n {product}\n
\n\n
\n \n \n )) : null\n : shipments[item].length > 0 ? shipments[item]\n .map((accountShipment, i) => (\n \n { accounts.length > 0\n ? accounts.map((item, index) => (\n
\n \n
\n {isDePuy ? shipments[item].length > 0 ? shipments[item]\n .map((accountShipment, i) => (\n 0\n || selectedShipDate.length\n || selectedCaseDate.length ? 178 : 143,\n position: 'sticky',\n zIndex: 10\n }}\n >\n \n {isDePuy ? (\n
\n {item}\n
\n\n
\n ) : (\n <>\n \n
\n Order Date
\n Order #
\n Ship Date
\n Due Date
\n Service
\n \n )}\n \n 0\n || selectedShipDate.length\n || selectedCaseDate.length ? 238 : 203,\n position: 'sticky',\n }}\n aria-expanded=\"false\"\n >\n
\n \n
\n \n
\n \n {accountShipment.OrderDate ? moment(accountShipment.OrderDate).format('MM/DD/YY') : null}\n
\n \n {accountShipment.OrderNo}\n
\n \n \n \n
\n \n
\n ))}\n \n \n
\n \n
\n {accountShipment.shipments\n .map((shipmentItem) => (\n \n
\n \n
\n Product
\n Qty
\n Ship Date
\n \n
\n \n
\n {shipmentItem.ProductDescription}\n \n {shipmentItem.ProductNo}\n
\n \n {shipmentItem.Qty}\n
\n \n {shipmentItem.ShipDate\n ? moment(shipmentItem.ShipDate).format('MM/DD/YY')\n : null}\n
\n \n {shipmentItem.TrackingNo ? (\n this\n ._onRedirect(shipmentItem.TrackingNo)\n }\n style={{ cursor: 'pointer' }}\n >\n
\n ) : null}\n \n 0\n || selectedShipDate.length\n || selectedCaseDate.length ? 240 : 205,\n position: 'sticky',\n }}\n aria-expanded=\"false\"\n >\n
\n \n {accountShipment.ShipDate ? moment(accountShipment.ShipDate).format('MM/DD/YY') : null}\n
\n \n {accountShipment.DueDate ? moment(accountShipment.DueDate).format('MM/DD/YY') : null}\n
\n \n \n {accountShipment.Service}\n \n
\n \n \n \n
\n \n this\n ._onRedirect(accountShipment.TrackingNo)\n }\n style={{ cursor: 'pointer' }}\n >\n \n
\n \n \n \n
\n \n )) : null}\n \n ))\n : noRecords\n ? \n {Object.keys(accountShipment.caseDates)\n .map((caseDate) => (\n
\n \n \n Case Date:\n \n {caseDate !== 'null'\n ? ` ${moment(caseDate).format('MM/DD/YY')}` : ' N/A'}\n {accountShipment.caseDates[caseDate]\n .map((shippmentItem) => (\n
\n ))}\n \n {shippmentItem.ItemNo ? `${shippmentItem.ItemNo}. ` : (<>0. )}\n {shippmentItem.SetName}\n {shippmentItem.SetNo ? ` #${shippmentItem.SetNo}` : null}\n
\n ))}\n No Shipments are currently recorded for your team.
\n :No sets match to your filters
}\n \n \n\n \n \n
\n \n \n \n \n \n ) : (\n \n {Object.keys(caseDates).length ? Object.keys(caseDates).map((caseDate) => (\n \n )}\n
\n \n
\n Ship to:
\n {shipmentAttributes.ShipTo}
\n \n
\n Ship Date:
\n {shipmentAttributes.ShipDate ? moment(shipmentAttributes.ShipDate).format('MM/DD/YY') : null}
\n \n
\n Est Date:
\n {shipmentAttributes.DueDate\n ? shipmentAttributes.DueDate : ''}\n
\n \n
\n Status:
\n {shipmentAttributes.Status}
\n \n
\n Deliver Date:
\n {shipmentAttributes.DeliverDate ? shipmentAttributes.DeliverDate : ''}
\n \n
\n Received By:
\n {shipmentAttributes.ReceivedBy ? shipmentAttributes.ReceivedBy : ''}
\n \n
\n Left At:
\n {shipmentAttributes.LeftAt ? shipmentAttributes.LeftAt : ''}
\n \n
\n Service:
\n {shipmentAttributes.Service ? shipmentAttributes.Service : openFlagAttributes.Carrier}
\n \n
\n Tracking #:
\n {shipmentAttributes.TrackingNo ? shipmentAttributes.TrackingNo : openFlagAttributes.TrackingNo}
\n \n Shipment Contents\n
\n {shipmentAttributes.ShipFromLoc === 'DEPUY' ? (\n\n
\n {shipmentContents.map((shipmentItem) => (\n \n Product\n
\n \n Qty\n
\n \n
\n ))}\n \n {shipmentItem.ProductNo}\n
\n {shipmentItem.ProductDescription}\n
\n \n {shipmentItem.ProductDescription}\n
\n {shipmentItem.Qty}\n
\n \n
\n )) : null}\n \n \n Case Date:\n \n {caseDate !== 'null'\n ? ` ${moment(caseDate).format('MM/DD/YY')}` : ' '}\n
\n {caseDates[caseDate]\n .map((shippmentItem) => (\n \n {shippmentItem.ItemNo ? `${shippmentItem.ItemNo}. ` : null}\n {shippmentItem.SetName}\n {shippmentItem.SetNo ? ` #${shippmentItem.SetNo}` : null}\n
\n ))}\n \n
\n \n
\n \n
\n - \n {data.map((item, index) => (\n
{title}
\n YTD: {getFormattedPercentage(data[0].YTD_Chg)}
\n \n \n {item.type ? (\n \n \n
\n \n \n
\n {\n displaySales ? (\n \n \n
\n ) : null\n }\n
\n ))\n }\n {item.type}\n
\n ) : null}\n | YTD | \n{ displaySales ? 'Sales' : 'Cases' } | \nChg % | \n
|---|---|---|
| {item.PY} Full Year | \n{formatBySales(item.SalesPY)} | \n\n |
| {item.PY} YTD | \n{formatBySales(item.SalesPYTD)} | \n\n |
| {item.CY} YTD | \n{formatBySales(item.SalesCYTD)} | \n\n {item.YTD_Chg ? `${item.YTD_Chg.toFixed()}%` : null}\n | \n
| MTD | \nSales | \nChg% | \n
|---|---|---|
| {item.PY} {formatMonth(item.CM)} | \n{formatBySales(item.SalesPM)} | \n\n |
| {item.PY} {formatMonth(item.CM)} MTD | \n{formatBySales(item.SalesPMTD)} | \n\n |
| {item.CY} {formatMonth(item.CM)} MTD | \n{formatBySales(item.SalesCMTD)} | \n\n {item.MTD_Chg ? `${item.MTD_Chg.toFixed()}%` : null}\n | \n
| Not Billed | \nSales | \n|
|---|---|---|
| Not Billed | \n{formatter.format(item.NotBilled)} | \n\n |
\n
\n Invoiced through: {generalInfo.updated}
\n \n setDisplaySales(!displaySales)}\n style={{ display: 'inline-block' }}\n >\n { displaySales ? (\n
\n \n
\n \n setShowMonthSelect(true)}\n >\n Month\n \n
\n \n \n browserHistory.push(`/sales-filter?filterPage=${selectedPage}`)}\n >\n setToggleSeparation(!toggleSeparation)}\n style={{\n opacity: !toggleSeparation ? 1 : 'var(--selected-opacity)',\n }}\n >\n {\n selectedPage === availablePages.SURGEON ? (\n \n
\n { !!generalInfo.salesGoal && (\n \n Goal: {getFormattedPercentage(generalInfo.salesGoal)}\n
\n ) }\n \n { Object.keys(filters).map((key) => filters[key].map((filter, i) => (\n \n removeFilterItem(key, filter)}\n style={{\n marginLeft: 16,\n cursor: 'pointer'\n }}\n >\n x\n
\n \n ))) }\n \n \n {filter}\n
\nData not available
\n ) : (\nThere is no sales data to be displayed.
\n ) }\n\n browserHistory.goBack()}\n />\n
\n );\n}\n\nexport default withSalesFilter(withLoader(SalesFilter));\n","import React, { useEffect, useRef, useState } from 'react';\nimport { browserHistory } from 'react-router';\nimport moment from 'moment';\nimport Header from '../../../components/Header.js';\nimport ArrowRightIcon from '../../../assets/images/arrow-right-bold-outline-custom.png';\nimport Scanner from '../../../components/commonComponents/Scanner/Scanner';\nimport { getSetProductContents } from '../../../utils/utils.js';\nimport withNotify from '../../../common/withNotify.js';\nimport Bugsnag from '../../../helpers/bugsnag.js';\nimport withLoader from '../../../common/withLoader.js';\nimport withSetsToMove from '../../../common/withSetsToMove.js';\nimport { screenWidth } from '../../../common/globals.js';\nimport OptimizeModal from '../../../components/commonComponents/OptimizeModal.js';\nimport { useSDK } from '../../../components/commonComponents/Scanner/components/sdk';\n\nfunction MoveSets(props) {\n const [scanPaused, setScanPaused] = useState(true);\n const [sets, setSets] = useState([]);\n const setsRef = useRef();\n setsRef.current = sets;\n const [showModal, setShowModal] = useState(false);\n const [showSetScannedModal, setShowSetScannedModal] = useState(false);\n const { loading, sdk } = useSDK();\n const [setsContentModalData, SetsContentModalData] = useState([]);\n const [setContentModalModal, setSetContentModalModal] = useState(false);\n\n const onScan = async (data, currentSets) => {\n props.setLoader(true);\n try {\n const res = await getSetProductContents({ barcode: data });\n if (!res.locations) {\n props.notify({ type: 'error', message: res.message });\n return;\n }\n if (res.locations.length === 0) {\n setShowModal(true);\n return;\n }\n const setData = res.locations[0];\n if (currentSets.find((set) => set.SetName === setData.SetName)) {\n setShowSetScannedModal(true);\n return;\n }\n setSets((localSets) => [...localSets, setData]);\n // console.log(setData);\n const currentDate = moment();\n if (moment(setData.NextDate).isAfter(currentDate)) {\n setSetContentModalModal(true);\n SetsContentModalData(setData);\n }\n } catch (e) {\n Bugsnag.notify(e);\n } finally {\n props.setLoader(false);\n }\n };\n\n const onRemoveSet = (currentSets, index) => {\n const newSets = [...currentSets];\n newSets.splice(index, 1);\n setSets(newSets);\n };\n\n const onMove = () => {\n const { setSetsToMove } = props;\n if (sets.length === 0) {\n props.notify({ type: 'error', message: 'Please scan at least one set first.' });\n return;\n }\n setSetsToMove(sets);\n browserHistory.push('/move-sets-to-location');\n };\n\n const onSaveSetContentModal = () => {\n // const { setSetsToMove } = props;\n // setSetsToMove(sets);\n setSetContentModalModal(false);\n // browserHistory.push('/move-sets-to-location');\n };\n\n const onRemoveSetContentModal = () => {\n setSetContentModalModal(false);\n setSets([]);\n };\n\n useEffect(() => {\n if (loading) return;\n if (scanPaused) {\n sdk.enableScanning(false);\n } else {\n sdk.enableScanning(true);\n }\n }, [scanPaused, loading]);\n\n return (\n \n
\n \n { filterPage === 'SURGEON' ? (\n changeFilterOption('Surgeon', value)}\n onClear={() => changeFilterOption('Surgeon', [])}\n itemList={availableOptions.Surgeon}\n id=\"surgeon-filter\"\n title=\"Surgeon\"\n selectedItems={filterObject.Surgeon}\n collapsed={false}\n />\n ) : null }\n { filterPage === 'HOSPITAL' ? (\n changeFilterOption('Hospital', value)}\n onClear={() => changeFilterOption('Hospital', [])}\n itemList={availableOptions.Hospital}\n id=\"hospital-filter\"\n title=\"Hospital\"\n selectedItems={filterObject.Hospital}\n collapsed={false}\n />\n ) : null }\n changeFilterOption('CaseType', value)}\n onClear={() => changeFilterOption('CaseType', [])}\n itemList={availableOptions.CaseType}\n id=\"type-filter\"\n title=\"Type\"\n selectedItems={filterObject.CaseType}\n collapsed={false}\n />\n
\n \n Set already scanned.\n )}\n modalFooter={(\n \n browserHistory.goBack()}\n customRightSide={(\n \n Move\n \n {!loading && (\n onScan(data, setsRef.current)}\n paused={scanPaused}\n setPaused={setScanPaused}\n />\n )}\n \n \n \n
\n \n \n setScanPaused(false)}\n >Scan\n \n \n
\n \n
\n )}\n />\n \n setShowSetScannedModal(false)}\n >\n OK\n \n
\n Set barcode not found.
\nPlease scan another barcode or move the set manually from the Set Status screen.
\n \n )}\n modalFooter={(\n\n
\n )}\n />\n \n setShowModal(false)}\n >\n OK\n \n
\n \n \n \n Sets: {sets.length}\n
\n | # | \nSet | \n
|---|---|
| {set.SetNo} | \n\n {set.SetName}{set.DeviceType === 'INSTRUMENT' && set.TrayCount\n ? ` (${set.TrayCount} ${set.TrayCount > 1 ? 'Trays' : 'Tray'})` : null}\n onRemoveSet(sets, index)}>\n \n \n | \n
The scanned set is planned for an upcoming case. If possible,
\n consider moving a different set.
\n\n \n \n \n
\n
\n \n )}\n modalFooter={(\n | Next Case: | \n{setsContentModalData.NextCase} | \n
| Next Date: | \n{setsContentModalData.NextDate && moment(setsContentModalData.NextDate).format('L')} | \n
| Next Loc: | \n{setsContentModalData.NextLocName} | \n
| Next Rep: | \n{setsContentModalData.NextRep} | \n
\n
\n )}\n />\n \n );\n}\n\nexport default withSetsToMove(withLoader(withNotify(MoveSets)));\n","import React, { useEffect, useState } from 'react';\nimport { browserHistory } from 'react-router';\nimport Header from '../../../components/Header.js';\nimport withUser from '../../../common/withUser.js';\nimport Bugsnag from '../../../helpers/bugsnag.js';\nimport withLoader from '../../../common/withLoader.js';\nimport withSetsToMove from '../../../common/withSetsToMove.js';\nimport OptimizeModal from '../../../components/commonComponents/OptimizeModal.js';\nimport { getSetMoveLocations, updateSetsStatus } from '../../../utils/utils.js';\nimport withNotify from '../../../common/withNotify.js';\nimport { sortData } from '../../../common/globals.js';\nimport withGoBack from '../../../common/withGoBack';\n\nfunction MoveToLocation(props) {\n const [locations, setLocations] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [selectedLocation, setSelectedLocation] = useState(null);\n\n useEffect(() => {\n document.body.classList.remove('modal-open');\n const modalBackdrop = document.querySelector('.modal-backdrop');\n if (modalBackdrop) {\n modalBackdrop.remove();\n }\n\n try {\n const { setLoader, notify } = props;\n setLoader(true);\n const setLocationsData = async () => {\n const locationsRes = await getSetMoveLocations();\n if (!locationsRes.data) {\n notify({ type: 'error', message: 'There are no locations to show.' });\n return;\n }\n const locationsList = locationsRes.data.map((loc) => ({\n LocNo: loc.CustomerNo,\n LocName: loc.CustomerName,\n LocAbb: loc.CustomerAbb,\n }));\n const officeLocation = locationsList.find((loc) => loc.LocName.toUpperCase().includes('OFFICE'));\n const sortedLocations = sortData(locationsList, 'LocName')\n .filter((loc) => loc.LocName !== officeLocation.LocName);\n setLocations([officeLocation, ...sortedLocations]);\n };\n setLocationsData().finally(() => setLoader(false));\n } catch (error) {\n Bugsnag.notify(error);\n }\n }, []);\n\n const onSelectLocation = async (location) => {\n try {\n const { setsToMove, notify, setLoader } = props;\n if (!setsToMove || setsToMove.length === 0) {\n notify({ type: 'error', message: 'No sets to move' });\n browserHistory.goBack();\n return;\n }\n setLoader(true);\n setSelectedLocation(location);\n const res = await updateSetsStatus({\n SetID: setsToMove.map((set) => set.ID),\n LocNo: location.LocNo,\n LocName: location.LocName,\n LocAbb: location.LocAbb\n }).finally(() => setLoader(false));\n if (res.result === 'success') {\n setShowModal(true);\n } else {\n notify({ type: 'error', message: res.message });\n }\n } catch (error) {\n Bugsnag.notify(error);\n }\n };\n\n const onGoBack = () => {\n const { setGoBack, goBack } = props;\n if (goBack) {\n const lastRoute = goBack.pop();\n setGoBack([...goBack]);\n browserHistory.push(lastRoute);\n }\n };\n\n return (\n \n \n Delete\n \n
\n \n \n Continue\n \n
\n \n \n {props.setsToMove.length} {props.setsToMove.length > 1 ? 'sets' : 'set'} moved to {selectedLocation.LocName}\n \n ) : null\n }\n modalFooter={(\n browserHistory.goBack()}\n />\n
\n );\n}\n\nexport default withNotify(withSetsToMove(withLoader(withUser(withGoBack(MoveToLocation)))));\n","import React, { Component } from 'react';\n// import { Link } from 'react-router';\n// import { orderBy } from 'lodash';\nimport moment from 'moment';\nimport LazyLoad from 'react-lazyload';\nimport Header from '../../components/Header';\nimport { onGoBack } from '../../common/globals';\nimport withGoBack from '../../common/withGoBack';\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withOnline from '../../common/withOnline';\nimport withUser from '../../common/withUser';\nimport withTableName from '../../common/withTableName';\nimport { caseHistory } from '../../utils/utils';\nimport { getTableCaseByCaseId } from '../../utils/db';\nimport Bugsnag from '../../helpers/bugsnag';\nimport ZeroProductSubmitModal from '../../components/Models/ZeroProductSubmitModal';\nimport withTeam from '../../common/withTeam';\n\nclass CaseHistory extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterData: {},\n filterCases: {},\n casesList: [],\n totalCases: 0,\n casesDetail: [],\n caseDetail: {},\n pageCount: 1,\n sortFlag: 'ASC',\n orderFlags: false,\n pageFlag: true,\n };\n this.zeroProductSubmitModal = null;\n\n // Ref to the bottom of the list\n this.bottomRef = React.createRef();\n }\n\n componentDidMount() {\n try {\n this.zeroProductSubmitModal = new window.bootstrap.Modal(window.$('#zeroProductSubmitModal'));\n window.addEventListener('scroll', this.handleScroll);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n componentWillUnmount() {\n // window.removeEventListener('scroll', this._onCasesScroll);\n window.removeEventListener('scroll', this.handleScroll);\n }\n\n _onCasesScroll = () => {\n window.closeAllCasesMenu();\n }\n\n _onFilter = () => {\n try {\n this.setState(\n (prevState) => ({\n orderFlags: !prevState.orderFlags,\n pageCount: 1,\n }),\n () => {\n // Scroll to the top of the page after sorting\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n );\n\n // this.setState({ orderFlags: false }, () => {\n // console.log(this.state.orderFlags, 'orderFlags');\n // });\n\n setTimeout(() => {\n this._getCaseHistory();\n }, 100);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseHistory = async () => {\n try {\n const { setLoader, notify } = this.props;\n const {\n caseDetail, pageCount, sortFlag, orderFlags\n } = this.state;\n const searchData = {\n sort: (orderFlags ? sortFlag : 'DESC'),\n page: pageCount\n };\n setLoader(true);\n await caseHistory(caseDetail.CaseScheduleID, searchData).then(async (response) => {\n const { status, message } = response;\n if (status) {\n const { data } = response;\n if (typeof data !== 'undefined' && data.length > 0) {\n this.setState({\n casesList: data,\n casesDetail: data,\n totalCases: data.length,\n pageFlag: true\n });\n setLoader(false);\n } else {\n setLoader(false);\n notify({ type: 'error', message: 'No cases history found.' });\n }\n } else {\n setLoader(false);\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getCaseHistoryPage = async () => {\n try {\n const { setLoader, notify } = this.props;\n const {\n caseDetail, pageCount, sortFlag, orderFlags\n } = this.state;\n // console.log(this.state);\n const searchData = {\n sort: (orderFlags ? sortFlag : 'DESC'),\n page: pageCount\n };\n // console.log(searchData);\n setLoader(true);\n await caseHistory(caseDetail.CaseScheduleID, searchData).then(async (response) => {\n const { status, message } = response;\n if (status) {\n const { data } = response;\n if (typeof data !== 'undefined' && data.length > 0) {\n this.setState((prevState) => ({\n casesList: [...prevState.casesList, ...data],\n casesDetail: [...prevState.casesDetail, ...data],\n totalCases: data.length,\n pageFlag: true\n }));\n setLoader(false);\n } else {\n this.setState(\n (prevState) => ({\n pageFlag: !prevState.pageFlag\n })\n );\n setLoader(false);\n // notify({ type: 'error', message: 'No cases history found.' });\n }\n } else {\n setLoader(false);\n notify({ type: 'error', message });\n }\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n handleScroll = () => {\n if (\n (window.innerHeight + document.documentElement.scrollTop)\n === document.documentElement.offsetHeight\n ) {\n // this.loadMoreData();\n }\n };\n\n loadMoreData = () => {\n const { totalCases, pageFlag } = this.state;\n if (totalCases === 10 && pageFlag) {\n this.setState(\n (prevState) => ({ pageCount: prevState.pageCount + 1 })\n );\n\n // this.setState({ pageCount: pageCount + 1 });\n // await this._getCaseHistoryPage();\n\n // this.setState({ orderFlags: false }, () => {\n // console.log(this.state.orderFlags, 'orderFlags');\n // });\n\n setTimeout(async () => {\n await this._getCaseHistoryPage();\n }, 100);\n }\n };\n\n _goBack = () => {\n try {\n const { goBack } = this.props;\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getScreenWidth = () => {\n this.setState({ screenWidth: window.screen.width });\n }\n\n _getById = async () => {\n try {\n const {\n params: { id }, tableName\n } = this.props;\n const caseRes = await getTableCaseByCaseId(id, tableName);\n this.setState({ caseDetail: caseRes });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const {\n online, notify\n } = this.props;\n // console.log(this.props);\n await this._getScreenWidth();\n await this._getById();\n\n if (online) {\n await this._getCaseHistory();\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const {\n casesList, caseDetail, orderFlags,\n screenWidth,\n casesDetail, totalCases, pageFlag\n } = this.state;\n console.log(screenWidth);\n return (\n \n
\n )}\n show={showModal}\n />\n \n {\n setShowModal(false);\n }}\n >OK\n \n
\n \n
\n - \n {\n locations.map((location) => (\n
\n {location.LocName}\n
\n \n \n ))\n }\n\n 0) ? 'resizer-class' : ''}`}>\n \n
\n );\n }\n}\n\nexport default withTableName(\n withUser(\n withOnline(\n withNotify(\n withLoader(\n withGoBack(\n withTeam(\n CaseHistory\n )\n )\n )\n )\n )\n )\n);\n","import { connect } from 'react-redux';\nimport { surgeonNoteSet } from '../redux/actions';\n\nconst mapDispatchToProps = (dispatch) => ({\n setSurgeonNote: (data) => {\n dispatch(surgeonNoteSet(data));\n },\n});\n\nconst mapStateToProps = (state) => ({\n surgeonNote: state.surgeonNote ? state.surgeonNote : {},\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps);\n","import React, { Component } from 'react';\nimport { browserHistory, Link } from 'react-router';\n\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withUpdatedRoute from '../../common/withUpdatedRoute';\nimport withSurgeonNotes from '../../common/withSurgeonNotes';\n\nimport Header from '../../components/Header';\nimport Bugsnag from '../../helpers/bugsnag';\nimport {\n sortData,\n storeLastVisitedRoute,\n} from '../../common/globals';\nimport {\n getSurgeonNotes\n} from '../../utils/utils';\nimport {\n getAllSurgeonNotes,\n addBulkSurgeonNotes,\n surgeonNotesClear\n} from '../../utils/db';\n\nclass SurgeonNotes extends Component {\n constructor(props) {\n super(props);\n this.state = {\n surgeonNoteData: [],\n originalSurgeonNoteData: [],\n search: ''\n };\n }\n\n componentDidMount() {\n try {\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _getSurgeonNotesData = async () => {\n try {\n const { online, notify } = this.props;\n if (online) {\n const surgeonNoteRes = await getSurgeonNotes();\n const { message, status, data } = surgeonNoteRes;\n if (status) {\n await surgeonNotesClear();\n if (typeof data !== 'undefined' && data !== null) {\n await addBulkSurgeonNotes(data);\n }\n this._fetchLocalSurgeonNotes();\n } else {\n notify({ type: 'error', message });\n }\n } else {\n this._fetchLocalSurgeonNotes();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fetchLocalSurgeonNotes = async () => {\n try {\n const { setLoader } = this.props;\n\n const finalSurgeonNoteList = await getAllSurgeonNotes();\n const sortedObjs = sortData(finalSurgeonNoteList, 'SurgeonName');\n this.setState({\n surgeonNoteData: sortedObjs,\n originalSurgeonNoteData: sortedObjs\n });\n\n setLoader(false);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSearch = (event) => {\n try {\n let searchTxt = '';\n searchTxt = event.target.value;\n this.setState({ search: searchTxt }, () => {\n this._searchSurgeonNote();\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n };\n\n _searchSurgeonNote = () => {\n try {\n const { search, originalSurgeonNoteData } = this.state;\n if (search && search.length > 0) {\n const searchData = search.toUpperCase();\n const searchRes = originalSurgeonNoteData.filter((surgeon) => {\n // Search by SurgeonName\n const surgeonNameMatch = surgeon.SurgeonName\n && surgeon.SurgeonName.toUpperCase().includes(searchData);\n\n // Search in the notes array\n const notesMatch = surgeon.notes && surgeon.notes.some(\n (note) => (note.NoteTitle && note.NoteTitle.toUpperCase().includes(searchData))\n || (note.Note && note.Note.toUpperCase().includes(searchData))\n );\n\n // Return true if either the SurgeonName matches or any of the notes match\n return surgeonNameMatch || notesMatch;\n });\n\n const sortedObjs = sortData(searchRes, 'SurgeonName');\n this.setState({\n surgeonNoteData: sortedObjs\n });\n } else {\n this.setState({\n surgeonNoteData: originalSurgeonNoteData\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onAddNew = () => {\n try {\n const { goBack, setGoBack, setSurgeonNote } = this.props;\n setSurgeonNote({\n SurgeonName: '',\n NoteTitle: '',\n Note: '',\n ID: ''\n });\n\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n storeLastVisitedRoute('add');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onEditsurgeonNote = (data, name) => {\n try {\n const {\n setSurgeonNote, goBack, setGoBack, online, notify\n } = this.props;\n\n if (online) {\n setSurgeonNote({ ...data, SurgeonName: name });\n goBack.push(window.location.pathname);\n setGoBack(goBack);\n browserHistory.push(`surgeon-notes/${data.ID}/edit`);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.',\n time: 3\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n async UNSAFE_componentWillMount() {\n try {\n const { setUpdatedRoute, setLoader, setSurgeonNote } = this.props;\n setLoader(true);\n setSurgeonNote({});\n await this._getSurgeonNotesData();\n storeLastVisitedRoute('/surgeon-notes');\n setUpdatedRoute('/surgeon-notes');\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n render() {\n const { surgeonNoteData, search } = this.state;\n return (\n \n
\n \n {\n casesDetail.map((crtCase, key) => (\n
\n \n
\n ))\n }\n\n \n \n
\n \n \n \n
\n
\n \n | Date | \n{moment(crtCase.EventDate).format('MM/DD/YYYY h:mm A')} | \n
| Event | \n{crtCase.EventDescription} | \n
| Value | \n\n {crtCase.EventValue !== null ? (crtCase.EventValue !== '' ? crtCase.EventValue : 'Null') : 'Null'}\n | \n
| User | \n{crtCase.Username} | \n
\n this.loadMoreData()}\n >\n Show More\n \n
\n \n
\n\n \n
\n\n \n
\n \n this._onSearch(e)}\n value={search}\n />\n
\n \n\n {\n surgeonNoteData.length > 0\n ? surgeonNoteData.map((item, index) => (\n
\n\n \n \n \n \n
\n \n
\n\n {item.SurgeonName} ({item.notes.length})
\n\n {\n item.notes.map((data, key) => (\n\n \n \n \n \n
\n\n \n
\n\n {data.NoteTitle}
\n \n this._onEditsurgeonNote(data, item.SurgeonName)} className=\"link-edit\">\n \n \n
\n\n \n
\n \n ))\n }\n \n \n )) : \n
\n No Surgeon Notes Found.
\n }\n\n \n\n \n\n
\n\n \n \n
\n\n \n
\n \n this._onSearch(e)}\n value={search}\n />\n
\n \n\n {\n surgeonNoteData.length > 0\n ? surgeonNoteData.map((item, index) => (\n
\n )) : \n \n
\n \n onSelect(item)}\n >\n
\n \n {item.SurgeonName} {typeof item.notes !== 'undefined' && item.notes.length > 0 ? `(${item.notes.length})` : ''}\n
\n \nNo Surgeon Notes Found.
\n }\n\n\n
\n \n );\n }\n}\n\nexport default NoSaveSurgeonNoteModal;\n","import React, { Component } from 'react';\n\nclass SaveSurgeonBackModal extends Component {\n render() {\n const { onSave, onCancel } = this.props;\n return (\n \n
\n \n
\n \n Exit without saving?\n
\n\n
\n \n
\n \n \n No\n \n
\n \n onSurgeonNoteYes()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default SaveSurgeonBackModal;\n","import React, { Component } from 'react';\n\nclass DeleteSurgeonNoteConfirmation extends Component {\n render() {\n const { onRemove } = this.props;\n return (\n \n
\n \n
\n Do you want to save changes first?
\n\n
\n \n
\n \n onCancel()}\n >\n No\n \n
\n \n onSave()}\n >\n Yes\n \n
\n \n
\n \n );\n }\n}\n\nexport default DeleteSurgeonNoteConfirmation;\n","import React, { Component } from 'react';\nimport {\n change,\n Field,\n reduxForm,\n reset\n} from 'redux-form';\nimport { browserHistory } from 'react-router';\n\nimport withNotify from '../../common/withNotify';\nimport withLoader from '../../common/withLoader';\nimport withGoBack from '../../common/withGoBack';\nimport withOnline from '../../common/withOnline';\nimport withSurgeonNotes from '../../common/withSurgeonNotes';\n\nimport Header from '../../components/Header';\nimport Bugsnag from '../../helpers/bugsnag';\n\nimport {\n renderField,\n required,\n} from '../../helpers/form-validations';\nimport {\n onGoBack,\n} from '../../common/globals';\n// import {\n// getPreferenceByName\n// } from '../../utils/db';\nimport {\n removeSurgeonNotes,\n editSurgeonNotes,\n addSurgeonNotes\n} from '../../utils/utils';\n\nimport ChooseSurgeon from './ChooseSurgeon';\nimport NoSaveSurgeonNoteModal from '../../components/Models/NoSaveSurgeonNoteModal';\nimport SaveSurgeonBackModal from '../../components/Models/SaveSurgeonBackModal';\nimport DeleteSurgeonNoteConfirmation from '../../components/Models/DeleteSurgeonNoteConfirmation';\n\nclass AddSurgeonNote extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n surgeonNote: {\n SurgeonName: '',\n NoteTitle: '',\n Note: '',\n ID: ''\n },\n fieldPageToShow: false,\n surgeonData: {}\n };\n\n this.NoSaveSurgeonNote = null;\n this.deleteSurgeonNote = null;\n this.saveSurgeonNoteOnBack = null;\n }\n\n componentDidMount() {\n try {\n this.NoSaveSurgeonNote = new window.bootstrap.Modal(\n window.$('#noSaveSurgeonNoteModal')\n );\n this.deleteSurgeonNote = new window.bootstrap.Modal(\n window.$('#deleteSurgeonNoteConfirmation')\n );\n this.saveSurgeonNoteOnBack = new window.bootstrap.Modal(\n window.$('#saveSurgeonBackModal')\n );\n window.scrollTo(0, 0);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onGoBack = async () => {\n try {\n const { goBack, params } = this.props;\n const { fieldPageToShow } = this.state;\n\n const id = params.hasOwnProperty('id') ? params.id : '';\n if (id !== '') {\n this.saveSurgeonNoteOnBack.show();\n } else {\n if (fieldPageToShow) {\n this.NoSaveSurgeonNote.show();\n } else {\n onGoBack(goBack);\n }\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onFieldSelected = async (value) => {\n try {\n this.setState({\n fieldPageToShow: true,\n surgeonData: value\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _noSaveSurgeonNoteYes = () => {\n try {\n const { dispatch, setSurgeonNote } = this.props;\n const { fieldPageToShow, surgeonNote } = this.state;\n this.setState({\n fieldPageToShow: !fieldPageToShow,\n surgeonNote: {\n ...surgeonNote,\n NoteTitle: '',\n Note: '',\n ID: ''\n }\n });\n\n setSurgeonNote({\n SurgeonName: '',\n NoteTitle: '',\n Note: '',\n ID: ''\n });\n\n dispatch(reset('surgeonNoteForm'));\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onChangeName = (e) => {\n try {\n const { surgeonNote } = this.state;\n this.setState({\n surgeonNote: { ...surgeonNote, NoteTitle: e.target.value }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onChangeComments = (e) => {\n try {\n const { surgeonNote } = this.state;\n this.setState({\n surgeonNote: { ...surgeonNote, Note: e.target.value }\n });\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n _onSubmit = async () => {\n try {\n const {\n notify, online, setLoader, dispatch, goBack\n } = this.props;\n const {\n surgeonNote, surgeonData\n } = this.state;\n\n if (online) {\n setLoader(true);\n\n if (surgeonNote.ID !== '') {\n const postData = {\n NoteTitle: surgeonNote.NoteTitle,\n Note: surgeonNote.Note\n };\n\n const response = await editSurgeonNotes(surgeonNote.ID, postData);\n const { message, status } = response;\n if (status) {\n dispatch(reset('surgeonNoteForm'));\n onGoBack(goBack);\n } else {\n notify({ type: 'error', message });\n }\n } else {\n const postData = {\n NoteTitle: surgeonNote.NoteTitle,\n Note: surgeonNote.Note,\n SurgeonName: surgeonData.SurgeonName\n };\n\n const response = await addSurgeonNotes(postData);\n const { message, status } = response;\n if (status) {\n dispatch(reset('surgeonNoteForm'));\n onGoBack(goBack);\n } else {\n notify({ type: 'error', message });\n }\n }\n // setLoader(false);\n } else {\n notify({ type: 'error', message: 'You must have an internet connection. Please check you connection and try again.', time: 3 });\n return false;\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fetchSurgeonNote = () => {\n try {\n const {\n params, surgeonNote\n } = this.props;\n\n const { fieldPageToShow } = this.state;\n const id = params.hasOwnProperty('id') ? params.id : '';\n if (id !== '') {\n this.setState({\n fieldPageToShow: !fieldPageToShow,\n surgeonNote: { ...surgeonNote, ID: id },\n }, () => {\n this._fillForm();\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _fillForm = () => {\n try {\n const { dispatch } = this.props;\n const { surgeonNote } = this.state;\n Object.keys(surgeonNote).map((key) => {\n dispatch(change('surgeonNoteForm', key, surgeonNote[key]));\n });\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onRemoveSurgeonNote = async () => {\n try {\n const {\n surgeonNote, setSurgeonNote, online, setLoader, notify\n } = this.props;\n if (online) {\n setLoader(true);\n const response = await removeSurgeonNotes(surgeonNote.ID);\n const { result, message } = response;\n if (result === 'success') {\n setSurgeonNote({});\n browserHistory.push('/surgeon-notes');\n } else {\n notify({ type: 'error', message });\n }\n\n // setLoader(false);\n } else {\n notify({\n type: 'error',\n message: 'You must have as internet connection. Please check your connection and try again.'\n });\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSaveCancelOrBack = () => {\n try {\n const {\n setSurgeonNote, goBack\n } = this.props;\n setSurgeonNote({});\n onGoBack(goBack);\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n _onSurgeonNoteSave = () => {\n try {\n const {\n notify, surgeonNote\n } = this.props;\n\n if (Object.keys(surgeonNote).length > 0) {\n if (surgeonNote.NoteTitle === '') {\n notify({ type: 'error', message: 'Please enter title.' });\n return;\n }\n\n if (surgeonNote.Note === '') {\n notify({ type: 'error', message: 'Please enter note.' });\n return;\n }\n\n this._onSubmit();\n }\n } catch (e) {\n Bugsnag.notify(e);\n }\n }\n\n UNSAFE_componentWillMount() {\n try {\n this._fetchSurgeonNote();\n } catch (err) {\n Bugsnag.notify(err);\n }\n }\n\n render() {\n const { handleSubmit } = this.props;\n const {\n surgeonNote,\n fieldPageToShow,\n surgeonData\n } = this.state;\n\n return (\n \n
\n \n
\n Delete Note
\nAre you sure you want to delete this Surgeon Note?\n
\n\n
\n \n
\n \n \n No\n \n
\n \n onRemove()}\n data-bs-dismiss=\"modal\"\n >\n Yes\n \n
\n