\r\n
\r\n {typeof children === 'function' ? children(p) : children}\r\n {error && (\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n return {note}
}\r\n {hr && \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DatePicker;\r\n","import './PasswordInput.scss';\r\n\r\nimport { action, observable } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport React from 'react';\r\n\r\nimport TextInput from './TextInput';\r\n\r\n@observer\r\nclass PasswordInput extends React.Component {\r\n @observable visible = false;\r\n\r\n @action toggleVisible = () => {\r\n this.visible = !this.visible;\r\n };\r\n\r\n @action resetVisible = () => {\r\n this.visible = false;\r\n };\r\n\r\n componentWillUnmount() {\r\n this.resetVisible();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PasswordInput;\r\n","import './Radio.scss';\r\n\r\nimport cx from 'classnames';\r\nimport React from 'react';\r\n\r\nimport TextInput from './TextInput';\r\n\r\nclass Radio extends React.Component {\r\n formikCtx = null;\r\n assignFormikCtx = ctx => {\r\n this.formikCtx = ctx;\r\n };\r\n\r\n removeAllCheckedClass = () => {\r\n const { name } = this.props;\r\n [...document.querySelectorAll(`div[name=${name}].Radio`)].forEach(node => {\r\n node.classList.remove('checked');\r\n });\r\n };\r\n\r\n handleClick = event => {\r\n event.persist();\r\n this.removeAllCheckedClass();\r\n event.target.parentElement.classList.add('checked');\r\n\r\n const { name, value, onChange } = this.props;\r\n this.formikCtx.form.setFieldValue(name, value);\r\n onChange && onChange(event, this.props);\r\n };\r\n\r\n componentDidMount() {\r\n const { name, value, checked } = this.props;\r\n if (checked) {\r\n this.formikCtx.form.values[name] = value;\r\n }\r\n }\r\n\r\n render() {\r\n const { name, value, label, className, checked, style, disabled } = this.props;\r\n return (\r\n \r\n {this.visible ? 'HIDE' : 'SHOW'}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Radio;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nlet portalRoot = document.querySelector('#portal-root');\r\n\r\n(() => {\r\n if (portalRoot) return;\r\n\r\n const portal = document.createElement('div');\r\n portal.id = 'portal-root';\r\n document.body.appendChild(portal);\r\n portalRoot = portal;\r\n})();\r\n\r\nclass Portal extends React.Component {\r\n constructor() {\r\n super();\r\n this.el = document.createElement('div');\r\n }\r\n\r\n componentDidMount() {\r\n portalRoot.appendChild(this.el);\r\n }\r\n\r\n componentWillUnmount() {\r\n portalRoot.removeChild(this.el);\r\n }\r\n\r\n render() {\r\n return ReactDOM.createPortal(this.props.children, this.el);\r\n }\r\n}\r\n\r\nexport default Portal;\r\n","import './Search.scss';\r\n\r\nimport cx from 'classnames';\r\nimport omit from 'lodash/omit';\r\nimport React from 'react';\r\n\r\nimport Portal from './Portal';\r\nimport TextInput from './TextInput';\r\n\r\nclass Search extends React.Component {\r\n static defaultProps = {\r\n showNoResults: true,\r\n noResultsMessage: 'No results found',\r\n defaultOption: '',\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.formikCtx = null;\r\n this.searchRef = React.createRef();\r\n this.resultContainer = React.createRef();\r\n this.state = {\r\n open: false,\r\n ready: false,\r\n position: {},\r\n q: '',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { defaultOption, name } = this.props;\r\n this.formikCtx.form.values[name] = defaultOption || '';\r\n window.addEventListener('click', this.handleClosePortal);\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n assignFormikCtx = ctx => {\r\n this.formikCtx = ctx;\r\n };\r\n\r\n getPosition = () => {\r\n const { current } = this.searchRef;\r\n const { bottom, left, width } = current.getBoundingClientRect();\r\n return {\r\n top: bottom + (window.scrollY || window.pageYOffset) - 3,\r\n left,\r\n width,\r\n };\r\n };\r\n\r\n handleResize = () => {\r\n this.setState({ position: this.getPosition() });\r\n };\r\n\r\n handleClosePortal = event => {\r\n const { open, ready } = this.state;\r\n if (open && ready) {\r\n const { current } = this.searchRef;\r\n const { clientX, clientY } = event;\r\n const { top, left, bottom, right } = current.getBoundingClientRect();\r\n\r\n if (\r\n !(\r\n clientX >= left &&\r\n clientX <= right &&\r\n clientY >= top &&\r\n clientY <= bottom\r\n )\r\n ) {\r\n this.onInputBlur();\r\n }\r\n }\r\n };\r\n\r\n onInputChange = event => {\r\n event.persist();\r\n const { value } = event.target;\r\n const { onSearchChange } = this.props;\r\n !onSearchChange ? this.setState({ q: value }) : onSearchChange(value);\r\n };\r\n\r\n onInputFocus = event => {\r\n event.persist();\r\n this.setState({ open: true, position: this.getPosition() }, () => {\r\n setTimeout(() => this.setState({ ready: true }), 100);\r\n const { onFocus } = this.props;\r\n onFocus && onFocus(event);\r\n });\r\n };\r\n\r\n onInputBlur = () => {\r\n this.setState({ open: false, ready: false, position: {} }, () => {\r\n const { onBlur } = this.props;\r\n onBlur && onBlur();\r\n });\r\n };\r\n\r\n onResultSelect = item => () => {\r\n const { onBlur, onResultSelect, name } = this.props;\r\n this.formikCtx.form.setFieldValue(name, item.title);\r\n\r\n this.setState({ open: false, ready: false }, () => {\r\n onBlur && onBlur();\r\n onResultSelect && onResultSelect(item);\r\n });\r\n };\r\n\r\n renderResults = () => {\r\n const { q } = this.state;\r\n const { results, showNoResults, noResultsMessage } = this.props;\r\n const filteredResults = !!q\r\n ? results.filter(re => re.title.toLowerCase().includes(q.toLowerCase()))\r\n : results;\r\n\r\n if (filteredResults.length) {\r\n return this.renderResult(filteredResults);\r\n }\r\n\r\n return showNoResults ? (\r\n \r\n {noResultsMessage}\r\n
\r\n ) : null;\r\n };\r\n\r\n renderResult = results => {\r\n const { resultRenderer } = this.props;\r\n return results.map((item, idx) => (\r\n \r\n \r\n \r\n {this.renderResults()}\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Search;\r\n","import './SelectSearch.scss';\r\n\r\nimport cx from 'classnames';\r\nimport React from 'react';\r\nimport { Dropdown } from 'semantic-ui-react';\r\n\r\nfunction SelectSearch({ className, ...props }) {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n Your password reset email has been sent. Make sure you check\r\n Spam/Junk email folder in case the email is filtered to there.\r\n Contact info@medicolegalexpress.com.au if you don’t\r\n receive password reset email.{' '}\r\n \r\n \r\n Retry\r\n \r\n
\r\n )}\r\n {!this.showSuccessMessage && (\r\n\r\n \r\n Back to login\r\n \r\n
\r\n \r\n
\r\n {totalItems} items
\r\n{totalPage} pages
\r\n\r\n LOGIN \r\n Check Report Status \r\n
\r\n \r\n \r\n Forgot password\r\n \r\n
\r\n \r\n \r\n Register Account\r\n \r\n
\r\n \r\n \r\n Register Account (Specialists)\r\n \r\n
\r\n \r\n {message}...\r\n
\r\n \r\n
\r\n);\r\n\r\nexport default FormGroupTitle;\r\n","import cx from 'classnames';\r\nimport { action, computed, observable, toJS } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport { notification } from 'antd';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n Button,\r\n Divider,\r\n Dropdown,\r\n Icon,\r\n Form as FormSemantic,\r\n Radio,\r\n} from 'semantic-ui-react';\r\nimport * as api from '../../stores/api';\r\nimport ButtonSubmit from '../shared/form/ButtonSubmit';\r\nimport FormGroupTitle from '../shared/FormGroupTitle';\r\nimport customFetch from '../../utils/customFetch';\r\n\r\nconst fields = [\r\n // { name: 'AccType', value: 'doc', label: 'Doctor Account', style: { marginLeft: '0em' } },\r\n {\r\n name: 'AccType',\r\n value: 'cm',\r\n label: 'Case Manager Account',\r\n checked: true,\r\n style: { marginLeft: '0em' },\r\n },\r\n { name: 'CompanyName', rule: 'required', label: 'Company Name', value: '' },\r\n {\r\n name: 'StreetAddress',\r\n rule: 'required',\r\n label: 'Street Address',\r\n // value: '',\r\n },\r\n { name: 'Suburb', rule: 'required', label: 'Suburb', multi: 1, value: '' },\r\n {\r\n name: 'Postcode',\r\n rule: 'required',\r\n label: 'Postcode',\r\n multi: 1,\r\n maxLength: 4,\r\n value: '',\r\n },\r\n // { name: 'State', rule: 'required', label: 'State' },\r\n {\r\n name: 'BusinessType',\r\n value: 1,\r\n label: 'Insurer',\r\n checked: true,\r\n style: { marginLeft: '0em' },\r\n },\r\n {\r\n name: 'BusinessType',\r\n value: 6,\r\n label: 'Self Insurer',\r\n style: { marginLeft: '3.2em' },\r\n },\r\n {\r\n name: 'BusinessType',\r\n value: 2,\r\n label: 'Law Defendant',\r\n style: { marginLeft: '1.6em' },\r\n },\r\n {\r\n name: 'BusinessType',\r\n value: 3,\r\n label: 'Law Plaintiff',\r\n style: { marginLeft: '0em' },\r\n },\r\n { name: 'BusinessType', value: 4, label: 'Law Practice' },\r\n { name: 'BusinessType', value: 5, label: 'Other' },\r\n { name: 'FirstName', rule: 'required', label: 'First Name', multi: 1 },\r\n { name: 'LastName', rule: 'required', label: 'Last Name', multi: 1 },\r\n { name: 'Email', rule: 'required|email', label: 'Email' },\r\n {\r\n name: 'PhoneNumber',\r\n rule: 'required',\r\n label: 'Phone Number',\r\n // type: 'number',\r\n maxLength: 10,\r\n },\r\n {\r\n name: 'Mobile',\r\n rule: 'required',\r\n label: 'Mobile',\r\n // type: 'number',\r\n maxLength: 10,\r\n },\r\n];\r\n\r\nconst State = [\r\n { id: '108', label: 'ACT' },\r\n { id: '109', label: 'NSW' },\r\n { id: '110', label: 'VIC' },\r\n { id: '111', label: 'QLD' },\r\n { id: '112', label: 'SA' },\r\n { id: '113', label: 'WA' },\r\n { id: '114', label: 'TAS' },\r\n { id: '115', label: 'NT' },\r\n];\r\n\r\nconst Title = ['Mr', 'Ms', 'Mrs'];\r\n\r\n@observer\r\nclass Register extends React.Component {\r\n //For client\r\n @observable loadingSearchClient = true;\r\n @observable searchClient = '';\r\n @observable clients = [];\r\n\r\n @observable modelCM = {\r\n CompanyName: '',\r\n StreetAddress: '',\r\n Suburb: '',\r\n Postcode: '',\r\n FirstName: '',\r\n LastName: '',\r\n Email: '',\r\n PhoneNumber: '',\r\n Mobile: '',\r\n };\r\n\r\n @observable errorModelCM = {\r\n CompanyName: '',\r\n StreetAddress: '',\r\n Suburb: '',\r\n Postcode: '',\r\n FirstName: '',\r\n LastName: '',\r\n Email: '',\r\n PhoneNumber: '',\r\n };\r\n\r\n @observable registerSuccessfully = false;\r\n @observable step = 1;\r\n\r\n @observable ddlClients = [];\r\n @observable ddlPosition = [];\r\n\r\n @observable numberSearchClient = 30;\r\n\r\n @observable stateSelected = null;\r\n @observable titleSelected = null;\r\n @observable positionSelected = null;\r\n @observable clientSelected = null;\r\n @observable businessType = 1;\r\n @observable accType = 'cm';\r\n\r\n @computed get hidden() {\r\n return this.step > 1;\r\n }\r\n constructor(props) {\r\n super(props);\r\n this.formikRef = React.createRef();\r\n }\r\n\r\n @action renderStateOptions = () => {\r\n // this.titleSelected = 'Mr'; //set default\r\n return State.map(opt => ({\r\n key: opt.id,\r\n text: opt.label,\r\n value: opt.id,\r\n }));\r\n };\r\n\r\n @action renderTitleOptions = () => {\r\n // this.stateSelected = '109'; //set default\r\n return Title.map(opt => ({\r\n key: opt,\r\n text: opt,\r\n value: opt,\r\n }));\r\n };\r\n\r\n componentDidMount() {\r\n this.getClientInfo();\r\n this.getPositionInfo();\r\n }\r\n\r\n @action Clear = () => {\r\n this.stateSelected = null;\r\n this.titleSelected = null;\r\n this.positionSelected = null;\r\n this.clientSelected = null;\r\n this.businessType = 1;\r\n this.accType = 'cm';\r\n this.modelCM = {\r\n CompanyName: '',\r\n StreetAddress: '',\r\n Suburb: '',\r\n Postcode: '',\r\n FirstName: '',\r\n LastName: '',\r\n Email: '',\r\n PhoneNumber: '',\r\n Mobile: '',\r\n };\r\n this.errorModelCM = {\r\n CompanyName: '',\r\n StreetAddress: '',\r\n Suburb: '',\r\n Postcode: '',\r\n FirstName: '',\r\n LastName: '',\r\n Email: '',\r\n PhoneNumber: '',\r\n // Mobile: '',\r\n };\r\n };\r\n\r\n @action resetRegister = () => {\r\n this.registerSuccessfully = false;\r\n this.Clear();\r\n };\r\n\r\n onStepChange = step => {\r\n return action(() => (this.step += step));\r\n };\r\n\r\n getDataField = (name, value, disable) => {\r\n var obj = fields.find(x => x.name === name);\r\n obj.value = value;\r\n obj.disabled = disable;\r\n if (this.formikRef.current) {\r\n this.formikRef.current.setFieldValue(name, value);\r\n }\r\n };\r\n\r\n @action onBusinessTypeChange = (_, { value }) => {\r\n this.businessType = value;\r\n };\r\n\r\n @action onChangePosition = (_, { value }) => {\r\n this.positionSelected = value;\r\n };\r\n\r\n @action onChange = (e, data) => {\r\n this.clientSelected = data.value;\r\n var client = this.clients.find(x => x.Id === this.clientSelected);\r\n //------------\r\n if (client) {\r\n //------ Add clearable\r\n this.modelCM.CompanyName = client.Name || 'N/A';\r\n this.modelCM.StreetAddress = client.Address || 'N/A';\r\n this.modelCM.Suburb = client.District || 'N/A';\r\n this.modelCM.Postcode = client.Postcode || 'N/A';\r\n this.businessType = client.ClientType;\r\n this.stateSelected = client.State;\r\n this.errorModelCM = {\r\n CompanyName: '',\r\n StreetAddress: '',\r\n Suburb: '',\r\n Postcode: '',\r\n };\r\n } else {\r\n this.modelCM.CompanyName = '';\r\n this.modelCM.StreetAddress = '';\r\n this.modelCM.Suburb = '';\r\n this.modelCM.Postcode = '';\r\n this.businessType = 1;\r\n this.stateSelected = null;\r\n this.errorModelCM = {\r\n CompanyName: 'This field is required',\r\n StreetAddress: 'This field is required',\r\n Suburb: 'This field is required',\r\n Postcode: 'This field is required',\r\n };\r\n }\r\n };\r\n\r\n @action onSearchChange = (_, { searchQuery }) => {\r\n this.searchClient = searchQuery;\r\n this.getClientInfo();\r\n };\r\n\r\n @action onChangeState = (_, { value }) => {\r\n this.stateSelected = value;\r\n };\r\n\r\n @action onChangeTitle = (e, data) => {\r\n this.titleSelected = data.value;\r\n };\r\n\r\n @action getClientInfo = () => {\r\n // if (this.accType === 'cm') {\r\n this.loadingSearchClient = true;\r\n return customFetch('/Company/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n Keyword: this.searchClient,\r\n IsSelectionList: true,\r\n NumItemPerPage: this.numberSearchClient,\r\n }),\r\n }).then(\r\n action(data => {\r\n if (data && data.itemList) {\r\n this.clients = data.itemList;\r\n this.ddlClients = this.clients.map(opt => ({\r\n key: opt.Id,\r\n text: opt.Name,\r\n value: opt.Id,\r\n }));\r\n }\r\n this.loadingSearchClient = false;\r\n }),\r\n );\r\n // }\r\n };\r\n\r\n @action getPositionInfo = () => {\r\n return customFetch('/Staff/GetSpecificLookupConfigByType', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n type: 'job',\r\n }),\r\n }).then(\r\n action(data => {\r\n if (data && data.itemList) {\r\n this.ddlPosition = data.itemList.map(opt => ({\r\n key: opt.Id,\r\n text: opt.Label,\r\n value: opt.Id,\r\n }));\r\n }\r\n }),\r\n );\r\n };\r\n\r\n @action handleScrollClient = event => {\r\n const target = event.target;\r\n const scrollNumber = target.scrollHeight - target.scrollTop;\r\n const clientHeight = target.clientHeight;\r\n this.numberSearchClient += 30;\r\n if (scrollNumber <= clientHeight + 5 && scrollNumber >= clientHeight - 5) {\r\n this.getClientInfo();\r\n }\r\n };\r\n\r\n @action onValidChangeInput = (name, input) => {\r\n if (name === 'Email') {\r\n if (!input) {\r\n this.errorModelCM[name] = 'This field is required';\r\n } else {\r\n if (!this.validateEmail(input)) {\r\n this.errorModelCM[name] = 'Invalid email address';\r\n } else {\r\n this.errorModelCM[name] = '';\r\n }\r\n }\r\n } else if (name !== 'Mobile') {\r\n if (!input) {\r\n this.errorModelCM[name] = 'This field is required';\r\n } else {\r\n this.errorModelCM[name] = '';\r\n }\r\n }\r\n };\r\n\r\n @action checkValidSubmit = () => {\r\n const data = this.modelCM;\r\n const inValid = this.errorModelCM;\r\n for (let i in data) {\r\n if (i !== 'Mobile') {\r\n if (!data[i]) {\r\n this.onValidChangeInput(i, '');\r\n }\r\n if (i === 'Email') {\r\n if (!data[i]) {\r\n this.errorModelCM[i] = 'This field is required';\r\n } else {\r\n if (!this.validateEmail(data[i])) {\r\n this.errorModelCM[i] = 'Invalid email address';\r\n } else {\r\n this.errorModelCM[i] = '';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n for (let e in inValid) {\r\n if (inValid[e]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n onSubmit = () => {\r\n const isValid = this.checkValidSubmit();\r\n if (!isValid) {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Invalid',\r\n description: 'Your provided data is invalid',\r\n placement: 'topRight',\r\n });\r\n } else {\r\n const bodyModal = {\r\n ...this.modelCM,\r\n Mobile: this.modelCM.Mobile.replace(/[^\\d]/g, ''),\r\n PhoneNumber: this.modelCM.PhoneNumber.replace(/[^\\d]/g, ''),\r\n State: this.stateSelected,\r\n Tilte: this.titleSelected,\r\n CompanyId: this.clientSelected || 0,\r\n AccType: this.accType,\r\n BusinessType: this.businessType,\r\n Position: this.positionSelected,\r\n };\r\n api.register.post(bodyModal, () => (this.registerSuccessfully = true));\r\n }\r\n };\r\n\r\n validateEmail = email => {\r\n return /\\S+@\\S+\\.\\S+/.test(email);\r\n };\r\n\r\n convertPhoneNumber = (number, type) => {\r\n const value = number;\r\n if (!value) return value;\r\n else if (value) {\r\n const currentValue = value.replace(/[^\\d]/g, '');\r\n const cvLength = currentValue.length;\r\n if (type === 'Mobile') {\r\n if (cvLength < 4) {\r\n return currentValue;\r\n }\r\n if (cvLength < 8) {\r\n const sliceTwo = currentValue.slice(4, 7);\r\n return `${currentValue.slice(0, 4)}${\r\n sliceTwo ? ` ${currentValue.slice(4, 7)}` : ``\r\n }`;\r\n } else if (cvLength <= 10) {\r\n return `${currentValue.slice(0, 4)} ${currentValue.slice(\r\n 4,\r\n 7,\r\n )}${currentValue.slice(7, 10)}`;\r\n }\r\n } else {\r\n if (cvLength < 2) {\r\n return currentValue;\r\n }\r\n if (cvLength < 8) {\r\n const sliceTwo = currentValue.slice(2, 7);\r\n return `${currentValue.slice(0, 2)}${\r\n sliceTwo ? ` ${currentValue.slice(2, 7)}` : ``\r\n }`;\r\n } else if (cvLength <= 10) {\r\n return `${currentValue.slice(0, 2)} ${currentValue.slice(\r\n 2,\r\n 7,\r\n )}${currentValue.slice(7, 10)}`;\r\n }\r\n }\r\n }\r\n };\r\n\r\n @action onChangeTextInput = (_, { value, name }) => {\r\n this.onValidChangeInput(name, value);\r\n if (name === 'PhoneNumber') {\r\n this.modelCM[name] = this.convertPhoneNumber(value, 'PhoneNumber');\r\n } else if (name === 'Mobile') {\r\n this.modelCM[name] = this.convertPhoneNumber(value, 'Mobile');\r\n } else {\r\n this.modelCM[name] = value;\r\n }\r\n };\r\n\r\n renderRadioBox = fields => {\r\n return fields.map(i => (\r\n {children}
\r\n \r\n \r\n
\r\n ));\r\n };\r\n\r\n renderForm = () => {\r\n return (\r\n Step {this.step}/2:
*/}\r\n {/* \r\n
*/}\r\n Choose from existing company
\r\n \r\n Company information \r\n {/* {this.renderFields(fields.slice(1, 5))} */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Company Name
\r\n Street Address
\r\n Suburb
\r\n Postcode
\r\n \r\n
\r\n State
\r\n \r\n {this.renderRadioBox(fields.slice(5, 9))}\r\n
\r\n \r\n {this.renderRadioBox(fields.slice(9, 11))}\r\n
\r\n \r\n Your information \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {this.renderFields(fields.slice(11, 13))} */}\r\n Title
\r\n First Name
\r\n Last Name
\r\n \r\n
\r\n {/* {this.renderFields(fields.slice(13))} */}\r\n Position
\r\n Email
\r\n Phone Number
\r\n Mobile
\r\n \r\n You have registered an account successfully. We will contact you\r\n shortly to confirm and open your account.{' '}\r\n \r\n Register again\r\n \r\n
\r\n\r\n {this.registerSuccessfully\r\n ? this.renderSuccessMessage()\r\n : this.renderForm()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Register;\r\n","import { observer } from 'mobx-react';\r\nimport React from 'react';\r\n\r\nconst apiConnectQuery = query => Component => {\r\n @observer\r\n class Outer extends React.Component {\r\n componentDidMount() {\r\n query.fetch();\r\n }\r\n componentDidUpdate() {\r\n if (!query.fetched) {\r\n query.refetch();\r\n }\r\n }\r\n render() {\r\n // Access to this property so the componentDidUpdate method\r\n // will be called when this property get changed\r\n void query.fetched;\r\n return \r\n \r\n Back to login\r\n \r\n
\r\n {getErrorMessage(error)}
\r\n\r\n Hello {data.FullName}, to reset\r\n your password please enter your new password and submit.\r\n
\r\n );\r\n }\r\n return null;\r\n }\r\n\r\n renderForm() {\r\n if (!api.resetCheckCode.data) {\r\n return null;\r\n }\r\n return (\r\n{getErrorMessage('Password')}
\r\n\r\n You have registered an account successfully. We will contact you shortly\r\n to confirm and open your account.{\" \"}\r\n
\r\n\r\n {registerStore.registerSuccessfully\r\n ? this.renderSuccessMessage()\r\n : this.renderForm()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RegisterDoctor;\r\n","import { action, observable } from 'mobx';\r\nimport customFetch from '../../../../utils/customFetch';\r\nimport swal from 'sweetalert2';\r\nimport router from '../../../../stores/router';\r\nclass UploadStore {\r\n @observable loading = false;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @observable emailInfo = null;\r\n\r\n @observable attachmentType_Paperwork = {\r\n Assessment: 1,\r\n Supplementary: 2,\r\n FileReview: 1,\r\n Assessment_Other: 9,\r\n FileReview_Other: 6,\r\n Supplementary_Other: 3\r\n }\r\n @observable attachmentType_Dictations = {\r\n Assessment: 2,\r\n Supplementary: 5,\r\n FileReview: 2,\r\n }\r\n @observable attachmentType_Draft = {\r\n Assessment: 3,\r\n Supplementary: 6,\r\n FileReview: 3,\r\n }\r\n @observable attachmentType_ReportCompleted = {\r\n Assessment: 4,\r\n Supplementary: 0,\r\n FileReview: 4,\r\n }\r\n @observable submitDocumentType = {\r\n Assessment: '/MedicalService/SubmitAssessmentDocument',\r\n Supplementary: '/Supplementary/SubmitSUPPDocument',\r\n FileReview: '/FileReview/SubmitFRDocument',\r\n IME_Paperwork_Onetimeacess: '/OneTimeAccess/UploadPaperworkSubmit',\r\n }\r\n @observable infoEmailCase = {\r\n Assessment: '/MedicalService/InfoEmailCase',\r\n Supplementary: '/Supplementary/InfoEmailCase',\r\n FileReview: '/FileReview/InfoEmailCase',\r\n }\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action fetchInfoEmail = caseId => {\r\n this.emailInfo = null;\r\n const { serviceType } = this.modalParams;\r\n customFetch(this.infoEmailCase[serviceType], {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n id: caseId,\r\n }),\r\n }).then(action(res => {\r\n this.emailInfo = res.data;\r\n }))\r\n };\r\n\r\n @action submitFileHandler = (url, data, refetchTable) => {\r\n action(customFetch(url, {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify(data),\r\n }).then(action(res => {\r\n this.loading = false;\r\n if (res.status === 'success') {\r\n swal.fire('', 'Upload files success', 'success').then((result) => {\r\n if (result.isConfirmed && data.Token) {\r\n router.history.push('/view/login');\r\n } \r\n });\r\n } else {\r\n swal.fire('', 'Upload files fail', 'error');\r\n }\r\n if (refetchTable) {\r\n refetchTable();\r\n }\r\n this.open = false;\r\n })))\r\n }\r\n\r\n ReplaceFileNameUpload = (serviceType, caseNumber, claimantFullname, doctorTitle, doctorFullName, inputDate, isRequireVideo, clinicName, number) => {\r\n var retStr = claimantFullname + ' - ' + doctorTitle + '.' + doctorFullName + ' - ' + inputDate;\r\n switch (serviceType) {\r\n case 'Assessment':\r\n retStr += ' - ';\r\n if (isRequireVideo) {\r\n retStr += \"telehealth\";\r\n } else {\r\n retStr += clinicName;\r\n }\r\n retStr += ' - Case No:' + caseNumber;\r\n if (number > 0) {\r\n retStr += ' - ' + number;\r\n }\r\n break;\r\n case 'Supplementary':\r\n case 'FileReview':\r\n retStr = retStr + ' - Case No: ' + caseNumber;\r\n if (number > 0) {\r\n retStr += ' - ' + number;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n return retStr;\r\n }\r\n}\r\n\r\nexport default new UploadStore();\r\n","import './Modal.scss';\r\n\r\nimport { Modal as AntdModal } from 'antd';\r\nimport cx from 'classnames';\r\nimport React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nfunction Modal(props) {\r\n const renderModalFooter = () => {\r\n const { footer, onCancel } = props;\r\n\r\n if (!footer) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n return footer;\r\n };\r\n\r\n return (\r\n \r\n \r\n Back to login\r\n \r\n
\r\n \r\n {!hideWarningIcon &&
\r\n );\r\n\r\n const handleOnOkClick = () => {\r\n onOk && onOk();\r\n onCancel();\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n {serviceType === 'Assessment' && \r\n \r\n
\r\n
\r\n
}\r\n \r\n {serviceType !== 'Assessment' && \r\n (\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default observer(UploadDictations);\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport Modal from '../../../shared/Modal';\r\nimport { Button, Dimmer, Loader, Form, Icon, Checkbox } from 'semantic-ui-react';\r\nimport './../../DragDrop.scss';\r\nimport './Upload.scss';\r\nimport { action } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport DragDropFile from './../../DragDropFile';\r\nimport ModalConfirm from '../../Modal/ModalConfirm';\r\nimport uploadStore from './UploadStore';\r\n\r\nfunction UploadReportDrafts(props) {\r\n const { \r\n open, \r\n modalParams, \r\n emailInfo, \r\n submitDocumentType, \r\n attachmentType_Draft,\r\n toggleModal, \r\n submitFileHandler \r\n } = uploadStore;\r\n const { id, serviceType } = modalParams;\r\n const [uploadFile, setUploadFile] = useState([]);\r\n const [sendAttachment, setSendAttachment] = useState(false);\r\n const [sendDraftBE, setsendDraftBE] = useState(false);\r\n const [sendDraftPE, setsendDraftPE] = useState(false);\r\n const [openModalConfirm, setOpenModalConfirm] = useState(false);\r\n const [doctorPE, setDoctorPE] = useState(null);\r\n const [doctorBE, setDoctorBE] = useState(null);\r\n const prevEmailInfo = useRef(emailInfo);\r\n\r\n const title = () => {\r\n return 'Upload Report Drafts: ' + modalParams.caseNo + ' - Claimant: ' + modalParams.claimant;\r\n };\r\n\r\n const onSubmitFile = action(() => {\r\n uploadStore.loading = true;\r\n if (!uploadFile || uploadFile.length <= 0) {\r\n return;\r\n }\r\n\r\n if (!sendDraftBE && !sendDraftPE) {\r\n uploadStore.loading = false;\r\n return setOpenModalConfirm(true)\r\n }\r\n\r\n var uploadAttachment = [];\r\n uploadFile.forEach(element => {\r\n uploadAttachment.push(\r\n {\r\n [`${serviceType}Id`]: id,\r\n FileName: element.name,\r\n Title: element.title,\r\n ReportType: element.reportType,\r\n Type : element.reportType,\r\n NumberOfPages: element.numberOfPages\r\n }\r\n );\r\n });\r\n const uploadData = {\r\n [`${serviceType}Id`]: id,\r\n ReportType: attachmentType_Draft[serviceType],\r\n [`${serviceType}Attachment`]: uploadAttachment,\r\n SendDraftAttachment: sendAttachment,\r\n SendDraftBE: sendDraftBE,\r\n SendDraftPE: sendDraftPE,\r\n };\r\n submitFileHandler(submitDocumentType[serviceType], uploadData, props.refetchTable);\r\n });\r\n\r\n const onUploadFile = (acceptedFiles, reportType) => {\r\n if (acceptedFiles != null) {\r\n acceptedFiles.forEach(function (element) {\r\n element.reportType = reportType;\r\n });\r\n const data = [...uploadFile, ...acceptedFiles].filter((v, i, a) => a.findIndex(t => (t.name === v.name)) === i);\r\n setUploadFile(data);\r\n }\r\n };\r\n\r\n const onDeleteFile = (deletedFiles) => {\r\n if (deletedFiles != null) {\r\n const data = [...uploadFile].filter(x => x.name !== deletedFiles.name);\r\n setUploadFile(data);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n uploadStore.fetchInfoEmail(modalParams.id);\r\n }, [modalParams])\r\n\r\n useEffect(action(() => {\r\n if (prevEmailInfo.current !== emailInfo) {\r\n if (emailInfo) {\r\n uploadStore.loading = false;\r\n setDoctorBE(emailInfo.DoctorBE)\r\n setDoctorPE(emailInfo.DoctorPE)\r\n emailInfo.DoctorBE && setsendDraftBE(true)\r\n emailInfo.DoctorPE && setsendDraftPE(true) \r\n }\r\n } else {\r\n uploadStore.loading = true;\r\n }\r\n }), [emailInfo])\r\n\r\n const emailLabel = (labelType, doctorEmail) => {\r\n const label = `To Specialist's ${labelType} Email `;\r\n const email = doctorEmail ? `(${doctorEmail})` : '';\r\n return label.concat(email);\r\n }\r\n \r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
{description}
}\r\n\r\n Greeting, you have logged in as{' '}\r\n {data.FullName}.{' '}\r\n \r\n Logout\r\n \r\n
\r\n\r\n \r\n Back to dashboard\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.renderTitle()}\r\n {this.renderContent()}\r\n
\r\n \r\n
\r\n \r\n \r\n window.open('https://kawaconn.com.au/', '_blank')\r\n }\r\n style={{ cursor: 'pointer' }}\r\n >\r\n Kawaconn\r\n
\r\n Powered by:
\r\n ABN: 98639063988
\r\n {FIXED_ICS_ADDR}
\r\n \r\n Copyright © {new Date().getFullYear()}\r\n
\r\n \r\n
\r\n Contact us:
\r\n \r\n All Correspondence: PO Box 447 North Melbourne, VIC, 3051\r\n
\r\n \r\n info@medicolegalexpress.com.au\r\n
\r\n \r\n
\r\n Phone:
\r\n 1300 299 899
\r\n Fax:
\r\n 03 9492 5251
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Anonymous;\r\n","import { action, observable } from 'mobx';\r\nimport moment from 'moment';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass FileReviewStore {\r\n @observable loading = true;\r\n @observable loadingClaimant = true;\r\n @observable loadingStaff = true;\r\n @observable loadingStaffAssignAction = true;\r\n @observable loadingStaffAssign = true;\r\n @observable loadingDynamicFRStatus = true;\r\n @observable loadingDynamicOverDueFRStatus = true;\r\n\r\n @observable data = null;\r\n @observable dataClaimant = null;\r\n @observable dataStaff = null;\r\n @observable dataStaffAssignAction = null;\r\n @observable dataStaffAssign = null;\r\n @observable dataDynamicFileReviewStatus = null;\r\n @observable dataDynamicOverDueFileReviewStatus = null;\r\n @observable dataPrepayment = null;\r\n @observable showBookingToday = false;\r\n\r\n @observable keyword = '';\r\n @observable keywordClaimant = ``;\r\n @observable numberSearch = 30;\r\n\r\n @observable sortKey = 'StatusDate';\r\n @observable sortColumn = 'Status Date';\r\n @observable sortDirection = 'descending';\r\n @observable filter = `All`;\r\n @observable searchClaimantOnly = true;\r\n @observable filterOverdue = `All`;\r\n @observable actionRequiredById = '';\r\n @observable fromTo = ``;\r\n @observable NextTaskPIC = null;\r\n @observable claimant = { Id: ``, FullName: `` };\r\n @observable PrepaymentType = 0;\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @observable bodyForm = null;\r\n\r\n @observable assignStaffs = [];\r\n\r\n //Modal Supp request\r\n @observable loadingSuppRequest = true;\r\n @observable dataSuppRequest = null;\r\n @observable totalSuppRequest = 0;\r\n\r\n @action fetchSuppRequest = caseId => {\r\n this.loadingSuppRequest = true;\r\n customFetch(`/FileReview/GetSuppRequests?caseId=${caseId}&type=FR`, {\r\n method: 'GET',\r\n headers: { 'Content-Type': 'application/json' },\r\n }).then(\r\n action(data => {\r\n console.log(data);\r\n this.totalSuppRequest = data.itemList.length;\r\n this.dataSuppRequest = data;\r\n this.loadingSuppRequest = false;\r\n }),\r\n );\r\n };\r\n //\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchClaimant = () => {\r\n this.loadingClaimant = true;\r\n customFetch('/FileReview/GetSuggestClaimant', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordClaimant,\r\n Showing: 'active',\r\n numItemPerPage: this.numberSearch,\r\n IsSelectionList: true,\r\n curPage: 1,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataClaimant = data;\r\n this.loadingClaimant = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchPrepayment = () => {\r\n this.loadingPrepayment = true;\r\n customFetch('/FileReview/GetDynamicAssessmentPrepayment', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataPrepayment = data;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchStaff = () => {\r\n this.loadingStaff = true;\r\n customFetch('/FileReview/GetStaffs', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataStaff = data;\r\n this.loadingStaff = false;\r\n }),\r\n );\r\n };\r\n @action fetchStaffAssignAction = () => {\r\n this.loadingStaffAssignAction = true;\r\n customFetch('/FileReview/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Action Required\r\n this.dataStaffAssignAction = data;\r\n this.loadingStaffAssignAction = false;\r\n }),\r\n );\r\n };\r\n @action fetchStaffAssign = () => {\r\n this.loadingStaffAssign = true;\r\n customFetch('/FileReview/GetStaffsAssign', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // NextTaskPIC\r\n this.dataStaffAssign = data;\r\n this.loadingStaffAssign = false;\r\n }),\r\n );\r\n };\r\n @action fetchDynamicFileReviewStatus = () => {\r\n this.loadingDynamicFRStatus = true;\r\n customFetch('/FileReview/GetDynamicFileReviewStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // CaseStatus\r\n this.dataDynamicFileReviewStatus = data;\r\n this.loadingDynamicFRStatus = false;\r\n }),\r\n );\r\n };\r\n @action fetchDynamicOverDueFileReviewStatus = () => {\r\n this.loadingDynamicOverDueFRStatus = true;\r\n customFetch('/FileReview/GetDynamicOverDueFileReviewStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Over Due\r\n this.dataDynamicOverDueFileReviewStatus = data;\r\n this.loadingDynamicOverDueFRStatus = false;\r\n }),\r\n );\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromTo.split(' - ');\r\n return {\r\n fromDate: fromDate ? moment(fromDate, 'DD/MM/YYYY') : '',\r\n toDate: toDate ? moment(toDate, 'DD/MM/YYYY').toISOString() : '',\r\n };\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate } = this.getDateRange();\r\n\r\n let from = '';\r\n if (fromDate) {\r\n from = this.showBookingToday ? fromDate.format() : fromDate.toISOString();\r\n }\r\n\r\n const body = JSON.stringify({\r\n ActionRequired: false,\r\n ActionRequiredById: this.actionRequiredById,\r\n ActionType: 'NONE',\r\n From: from,\r\n To: toDate,\r\n CurPage: this.curPage,\r\n FilterOverdue: this.filterOverdue,\r\n FilterType: this.filter,\r\n ClaimantId: this.claimant.Id,\r\n Keyword: this.keyword,\r\n NextPicId: this.NextTaskPIC,\r\n NumItemPerPage: 20,\r\n Claimant: this.claimant,\r\n SearchClaimantOnly: this.searchClaimantOnly,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n UrgentReport: false,\r\n FilterPrepayment: this.PrepaymentType,\r\n });\r\n\r\n customFetch('/FileReview/FileReview_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body,\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.bodyForm = body;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.fetchClaimant();\r\n this.fetchDynamicFileReviewStatus();\r\n this.fetchStaff();\r\n this.fetchDynamicOverDueFileReviewStatus();\r\n this.fetchStaffAssign();\r\n this.fetchStaffAssignAction();\r\n this.fetchPrepayment();\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action getData = () => {\r\n this.loading = true;\r\n };\r\n\r\n @action toggleModal2 = (isOpen, params = {}) => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action refetch = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action refetchClaimant = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchClaimant(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Status Date';\r\n this.sortKey = 'StatusDate';\r\n this.sortDirection = 'descending';\r\n this.searchClaimantOnly = true;\r\n this.claimant = { Id: ``, FullName: `` };\r\n this.fromTo = ``;\r\n this.NextTaskPIC = null;\r\n this.actionRequiredById = ``;\r\n this.filterOverdue = `All`;\r\n this.showBookingToday = false;\r\n this.PrepaymentType = 0;\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.fetchFiles(true);\r\n };\r\n @action resetSearch = () => {\r\n this.keywordClaimant = '';\r\n this.numberSearch = 30;\r\n\r\n this.refetchClaimant();\r\n };\r\n}\r\n\r\nexport default new FileReviewStore();\r\n","import React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport Modal from '../Modal';\r\n\r\nfunction ActionNoteModal({ open, onCancel, message, onOk }) {\r\n const renderConfirmMessage = () => (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n const handleOnOkClick = () => {\r\n onOk && onOk();\r\n onCancel();\r\n };\r\n\r\n return (\r\n \r\n {this.props.note && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ActionNoteForm;\r\n","import { action } from 'mobx';\r\nimport { Spin } from 'antd';\r\nimport cx from 'classnames';\r\nimport { omit, uniqBy } from 'lodash';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport ActionNoteForm from '../../shared/ActionNoteForm';\r\nimport Modal from '../../shared/Modal';\r\nimport fileReviewStore from './fileReviewStore';\r\n\r\nclass ModalActionNotes extends React.Component {\r\n state = {\r\n staffs: [],\r\n notes: [],\r\n loading: true,\r\n toggleNewNote: false,\r\n };\r\n\r\n async componentDidMount() {\r\n try {\r\n const staffsPromise = customFetch('/FileReview/GetStaffs', {\r\n method: 'POST',\r\n });\r\n\r\n const notesPromise = customFetch('/FileReview/ActionRequired_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ fileReviewId: fileReviewStore.modalParams.id }),\r\n });\r\n\r\n const [staffs, notes] = await Promise.all([staffsPromise, notesPromise]);\r\n\r\n this.setState({\r\n staffs: uniqBy(staffs.itemList, 'Id'),\r\n notes: notes.itemList,\r\n toggleNewNote: !notes.itemList.length,\r\n });\r\n } finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n renderNoteForm = () => {\r\n const { staffs, notes } = this.state;\r\n if (!notes.length) return null;\r\n\r\n return notes.map(note => (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {note.Completed && (\r\n \r\n \r\n
\r\n )}\r\n {note.CreatedDate && note.CreatedUserId && (\r\n \r\n
\r\n \r\n Created by: {this.getUserById(note.CreatedUserId)} at{' '}\r\n {note.CreatedDate\r\n ? moment(\r\n formatDate(note.CreatedDate, true),\r\n 'DD MMM YYYY, HH:mm',\r\n ).format('DD/MM/YYYY')\r\n : 'N/A'}\r\n
\r\n )}\r\n {note.LastUpdatedBy && note.LastUpdatedDate && (\r\n \r\n Last updated by: {this.getUserById(note.LastUpdatedBy)} at{' '}\r\n {note.LastUpdatedDate\r\n ? moment(\r\n formatDate(note.LastUpdatedDate, true),\r\n 'DD MMM YYYY, HH:mm',\r\n ).format('DD/MM/YYYY')\r\n : 'N/A'}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CaseProgressCicle;\r\n","import './index.scss';\r\n\r\nimport { Spin } from 'antd';\r\nimport cx from 'classnames';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Divider, Icon, Table } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport Circle from './CaseProgressCircle';\r\n\r\nclass CaseProgress extends React.Component {\r\n state = {\r\n loading: true,\r\n toggleViewHistory: false,\r\n progressList: this.props.progressList,\r\n history: null,\r\n prepaymentStatuses: [],\r\n };\r\n\r\n async componentDidMount() {\r\n try {\r\n const { url, body, param, keyName } = this.props;\r\n\r\n const responseSupp =\r\n url === '/Supplementary/GetSupplementaryLogs'\r\n ? await customFetch(url, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(body),\r\n })\r\n : null;\r\n\r\n const checkresponseSupp = responseSupp\r\n ? responseSupp.itemList.map(checked => checked.Status)\r\n : null;\r\n\r\n if (checkresponseSupp) {\r\n if (checkresponseSupp.indexOf('ServiceBilled') > 1) {\r\n responseSupp.itemList.push({\r\n Status: 'Service Paid',\r\n });\r\n }\r\n var progressSupp = this.state.progressList;\r\n if (checkresponseSupp.indexOf('ClarificationNoFee') === -1) {\r\n progressSupp = progressSupp.filter(\r\n i => i.Key !== 'ClarificationNoFee',\r\n );\r\n }\r\n if (checkresponseSupp.indexOf('ReportCompleted') === -1) {\r\n progressSupp = progressSupp.filter(i => i.Key !== 'ReportCompleted');\r\n }\r\n if (\r\n checkresponseSupp.indexOf('ClarificationNoFee') === -1 &&\r\n checkresponseSupp.indexOf('ReportCompleted') === -1\r\n ) {\r\n progressSupp.splice(6, 0, {\r\n Key: '',\r\n Label: 'Reports Sent to CMs',\r\n Checked: false,\r\n });\r\n }\r\n this.setState({ progressList: progressSupp });\r\n }\r\n\r\n const response = param\r\n ? await customFetch(url, param)\r\n : await customFetch(url, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(body),\r\n });\r\n this.setState({ history: response.itemList });\r\n this.bindPrepaymentStatusesFromApi(response);\r\n const newProgressList = this.state.progressList.map(item => {\r\n const matchedStatus = responseSupp\r\n ? responseSupp.itemList.find(\r\n i => item.Key === (i[keyName] || i.Status || i.status),\r\n )\r\n : response.itemList.find(\r\n i => item.Key === (i[keyName] || i.Status || i.status),\r\n );\r\n\r\n if (matchedStatus) {\r\n return {\r\n ...item,\r\n Checked: true,\r\n statusDate: matchedStatus.StatusDate || matchedStatus.statusDate,\r\n createdDate: matchedStatus.CreatedDate || matchedStatus.createdDate,\r\n personInCharge:\r\n matchedStatus.UserName ||\r\n matchedStatus.UpdatedUserName ||\r\n matchedStatus.updatedUserName,\r\n };\r\n }\r\n return item;\r\n });\r\n\r\n this.setState({ progressList: newProgressList });\r\n } finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n renderProgressList = () => {\r\n return this.state.progressList.map(({ Label, Checked }, index) => (\r\n \r\n \r\n
\r\n {label}\r\n {date}\r\n \r\n {checked &&
\r\n \r\n
\r\n ));\r\n };\r\n\r\n convertPersonInCharge = person => {\r\n const person_ = person ? person.replace(/^(.+)@(.+)$/g, '$1') : person;\r\n return person_;\r\n };\r\n\r\n convertStatusName = status => {\r\n const statusName = this.state.progressList.find(i => i.Key === status);\r\n if (statusName) {\r\n return statusName.Label;\r\n } else {\r\n if (status === 'Paperwork Received') return 'Request Sent to Provider';\r\n return status;\r\n }\r\n };\r\n\r\n renderPersonInChargeList = () => {\r\n const { url } = this.props;\r\n return this.state.progressList.map(\r\n ({ Key, personInCharge, Checked }, index) => {\r\n return (\r\n \r\n \r\n
\r\n {Label}\r\n \r\n {Checked &&
\r\n \r\n {Key === 'Service Paid' &&\r\n url === '/Supplementary/GetSupplementaryLogs'\r\n ? ''\r\n : this.convertPersonInCharge(personInCharge) ||\r\n (Checked && 'N/a')}\r\n
\r\n );\r\n },\r\n );\r\n };\r\n\r\n renderStatusDateList = () => {\r\n const { url } = this.props;\r\n return this.state.progressList.map(\r\n ({ Key, statusDate, Checked }, index) => (\r\n \r\n {Key === 'Service Paid' &&\r\n url === '/Supplementary/GetSupplementaryLogs'\r\n ? ''\r\n : formatDate(statusDate) || (Checked && 'N/a')}\r\n
\r\n ),\r\n );\r\n };\r\n\r\n handleToggleViewHistory = () => {\r\n this.setState(prev => ({\r\n ...prev,\r\n toggleViewHistory: !prev.toggleViewHistory,\r\n }));\r\n };\r\n\r\n renderStatusHistory = () => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CaseProgress;\r\n","import React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport * as api from '../../../stores/api';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport CaseProgress from '../../shared/CaseProgress';\r\nimport Modal from '../../shared/Modal';\r\nimport fileReviewStore from './fileReviewStore';\r\n\r\nfunction ModalCaseProgress() {\r\n const openCaseCorrespondence = () => {\r\n const {\r\n toggleModal,\r\n modalParams: { id },\r\n } = fileReviewStore;\r\n\r\n const caseNo = `Case F-${(id + '').padStart(6, 0)}`;\r\n localStorage.setItem('FileReviewCaseId', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostFileReview',\r\n `?id=${id}&view=PostFileReview#Corespondence`,\r\n {\r\n id,\r\n view: 'PostFileReview',\r\n },\r\n );\r\n\r\n toggleModal(false)();\r\n };\r\n\r\n const { open, modalParams, toggleModal } = fileReviewStore;\r\n const title = `Case Progress: ${modalParams.caseNo}`;\r\n const url = '/FileReview/GetFileReviewLogs';\r\n const body = { fileReviewId: modalParams.id };\r\n\r\n return (\r\n {this.renderProgressList()}
\r\n \r\n
\r\n {showHistory && (\r\n \r\n
\r\n Person in charge:
\r\n\r\n {this.renderPersonInChargeList()}\r\n
\r\n \r\n
\r\n Status date:
\r\n\r\n {this.renderStatusDateList()}\r\n
\r\n \r\n
\r\n )}\r\n Prepayment Status
\r\n \r\n {prepaymentStatuses.map(({ label, checked, date }, i) => (\r\n
\r\n \r\n \r\n View status history\r\n
\r\n {toggleViewHistory && this.renderStatusHistory()}\r\n
\r\n )}\r\n \r\n View status history\r\n
\r\n {toggleViewHistory && this.renderStatusHistory()}\r\n \r\n {record.DoctorId > 0 ? `(${record.DoctorId})` : ''} {record.Doctor}{' '}\r\n {record.DoctorId > 0\r\n ? `${\r\n record.DoctorRegisterOption\r\n ? `(${record.DoctorRegisterOption})`\r\n : ''\r\n }`\r\n : ``}\r\n
\r\n\r\n {record.DoctorId > 0 ? `Specialty:` + record.DoctorSepcialty : ``}\r\n
\r\n \r\n {record.DoctorId > 0 ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nexport function Left({ className, children, ...props }) {\r\n const WrappedComponent = props.as || 'form';\r\n return (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {record.ActionOverview}\r\n
\r\n \r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n \r\n
\r\n ({record.CaseManagerId}) {record.CaseManager}\r\n
\r\n{record.CMEmail}
\r\n \r\n
\r\n \r\n {record.DoctorId > 0 ? `(${record.DoctorId})` : ''}{' '}\r\n {record.DoctorName}{' '}\r\n {`${\r\n record.DoctorRegisterOption\r\n ? `(${record.DoctorRegisterOption})`\r\n : ''\r\n }`}\r\n
\r\n {record.DoctorName && (\r\n\r\n Specialty: {record.DoctorSpecialty}\r\n
\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n
\r\n )}\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n {record.CaseManager}
\r\n {record.IsDirect &&{record.CMEmail}
}\r\n {record.IsDirect && (\r\n \r\n
\r\n )}\r\n \r\n {record.DoctorName}{' '}\r\n
\r\n {record.DoctorName && (\r\n\r\n Specialty: {record.DoctorSpecialty}\r\n
\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n
\r\n )}\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n {(loading && !data) ||\r\n (!dataClaimant && loadingClaimant) ||\r\n (loadingDynamicFRStatus && !dataDynamicFileReviewStatus) ||\r\n (loadingStaff && !dataStaff) ||\r\n (loadingDynamicOverDueFRStatus &&\r\n !dataDynamicOverDueFileReviewStatus) ||\r\n (loadingStaffAssign && !dataStaffAssign) ||\r\n (loadingStaffAssignAction && !dataStaffAssignAction) ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FileReview;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport moment from 'moment';\r\n\r\nclass MedNegStore {\r\n @observable loading = true;\r\n @observable loadingClaimant = true;\r\n @observable loadingStaff = true;\r\n @observable loadingStaffAssignAction = true;\r\n @observable loadingStaffAssign = true;\r\n @observable loadingDynamicMNStatus = true;\r\n @observable loadingDynamicOverDueMNStatus = true;\r\n @observable loadingDynamicMNNextTask = true;\r\n\r\n @observable data = null;\r\n @observable dataClaimant = null;\r\n @observable dataStaff = null;\r\n @observable dataStaffAssignAction = null;\r\n @observable dataStaffAssign = null;\r\n @observable dataDynamicMedNegStatus = null;\r\n @observable dataDynamicMedNegNextTask = null;\r\n @observable dataDynamicOverDueMedNegStatus = null;\r\n @observable showBookingToday = false;\r\n\r\n @observable keyword = '';\r\n @observable keywordClaimant = ``;\r\n @observable numberSearch = 30;\r\n\r\n @observable sortKey = 'StatusDate';\r\n @observable sortColumn = 'Status Date';\r\n @observable sortDirection = 'descending';\r\n @observable filter = `All`;\r\n @observable filterNextTask = `All`;\r\n @observable searchClaimantOnly = true;\r\n @observable filterOverdue = `All`;\r\n @observable actionRequiredById = '';\r\n @observable fromTo = ``;\r\n @observable NextTaskPIC = null;\r\n @observable claimant = { Id: ``, FullName: `` };\r\n @observable includeAttachment = false;\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @observable bodyForm = null;\r\n\r\n @observable assignStaffs = [];\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchClaimant = () => {\r\n this.loadingClaimant = true;\r\n customFetch('/MedNeg/GetSuggestClaimant', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordClaimant,\r\n Showing: 'active',\r\n numItemPerPage: this.numberSearch,\r\n IsSelectionList: true,\r\n curPage: 1,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataClaimant = data;\r\n this.loadingClaimant = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchStaff = () => {\r\n this.loadingStaff = true;\r\n customFetch('/MedNeg/GetStaffs', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataStaff = data;\r\n this.loadingStaff = false;\r\n }),\r\n );\r\n };\r\n @action fetchStaffAssignAction = () => {\r\n this.loadingStaffAssignAction = true;\r\n customFetch('/MedNeg/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Action Required\r\n this.dataStaffAssignAction = data;\r\n this.loadingStaffAssignAction = false;\r\n }),\r\n );\r\n };\r\n @action fetchStaffAssign = () => {\r\n this.loadingStaffAssign = true;\r\n customFetch('/MedNeg/GetStaffsAssign', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // NextTaskPIC\r\n this.dataStaffAssign = data;\r\n this.loadingStaffAssign = false;\r\n }),\r\n );\r\n };\r\n @action fetchDynamicMedNegStatus = () => {\r\n this.loadingDynamicMNStatus = true;\r\n customFetch('/MedNeg/GetDynamicMedNegStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // CaseStatus\r\n this.dataDynamicMedNegStatus = data;\r\n this.loadingDynamicMNStatus = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchDynamicMedNegNextTask = () => {\r\n this.loadingDynamicMNStatus = true;\r\n customFetch('/MedNeg/GetDynamicMedNegNextTask', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataDynamicMedNegNextTask = data;\r\n this.loadingDynamicMNNextTask = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchDynamicOverDueMedNegStatus = () => {\r\n this.loadingDynamicOverDueMNStatus = true;\r\n customFetch('/MedNeg/GetDynamicOverDueMedNegStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Over Due\r\n this.dataDynamicOverDueMedNegStatus = data;\r\n this.loadingDynamicOverDueMNStatus = false;\r\n }),\r\n );\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromTo.split(' - ');\r\n return {\r\n fromDate: fromDate ? moment(fromDate, 'DD/MM/YYYY') : '',\r\n toDate: toDate ? moment(toDate, 'DD/MM/YYYY').toISOString() : '',\r\n }\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate } = this.getDateRange();\r\n\r\n let from = '';\r\n if (fromDate) {\r\n from = this.showBookingToday ? fromDate.format() : fromDate.toISOString();\r\n }\r\n\r\n const body = JSON.stringify({\r\n ActionRequired: false,\r\n ActionRequiredById: this.actionRequiredById,\r\n ActionType: 'NONE',\r\n From: from,\r\n To: toDate,\r\n CurPage: this.curPage,\r\n FilterOverdue: this.filterOverdue,\r\n FilterType: this.filter,\r\n FilterNextStatus : this.filterNextTask,\r\n ClaimantId: this.claimant.Id,\r\n Keyword: this.keyword,\r\n NextPicId: this.NextTaskPIC,\r\n NumItemPerPage: 20,\r\n Claimant: this.claimant,\r\n SearchClaimantOnly: this.searchClaimantOnly,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n UrgentReport: false,\r\n IncludeAttachment : this.includeAttachment,\r\n });\r\n\r\n return customFetch('/MedNeg/MedNeg_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body,\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.bodyForm = body;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.fetchClaimant();\r\n this.fetchDynamicMedNegStatus();\r\n this.fetchStaff();\r\n this.fetchDynamicOverDueMedNegStatus();\r\n this.fetchStaffAssign();\r\n this.fetchStaffAssignAction();\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action getData = () => {\r\n this.loading = true;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action refetch = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action onSearchChange = (keyword) => {\r\n this.keyword = keyword;\r\n return this.fetchFiles();\r\n };\r\n \r\n @action refetchClaimant = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchClaimant(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Status Date';\r\n this.sortKey = 'StatusDate';\r\n this.sortDirection = 'descending';\r\n this.searchClaimantOnly = true;\r\n this.claimant = { Id: ``, FullName: `` };\r\n this.fromTo = ``;\r\n this.NextTaskPIC = null;\r\n this.actionRequiredById = ``;\r\n this.filterOverdue = `All`;\r\n this.showBookingToday = false;\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.fetchFiles(true);\r\n };\r\n @action resetSearch = () => {\r\n this.keywordClaimant = '';\r\n this.numberSearch = 30;\r\n\r\n this.refetchClaimant();\r\n };\r\n}\r\n\r\nexport default new MedNegStore();\r\n","import { action } from 'mobx';\r\nimport { Spin } from 'antd';\r\nimport cx from 'classnames';\r\nimport { omit, uniqBy } from 'lodash';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport ActionNoteForm from '../../shared/ActionNoteForm';\r\nimport Modal from '../../shared/Modal';\r\nimport mednegStore from './MedNegStore';\r\n\r\nclass ModalActionNotes extends React.Component {\r\n state = {\r\n staffs: [],\r\n notes: [],\r\n loading: true,\r\n toggleNewNote: false,\r\n };\r\n\r\n async componentDidMount() {\r\n try {\r\n const staffsPromise = customFetch('/MedNeg/GetStaffs', {\r\n method: 'POST',\r\n });\r\n\r\n const notesPromise = customFetch('/MedNeg/ActionRequired_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ mednegId: mednegStore.modalParams.id }),\r\n });\r\n\r\n const [staffs, notes] = await Promise.all([staffsPromise, notesPromise]);\r\n\r\n this.setState({\r\n staffs: uniqBy(staffs.itemList, 'Id'),\r\n notes: notes.itemList,\r\n toggleNewNote: !notes.itemList.length,\r\n });\r\n } finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n renderNoteForm = () => {\r\n const { staffs, notes } = this.state;\r\n if (!notes.length) return null;\r\n\r\n return notes.map(note => (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {`(${item.DoctorId}) ${item.Title} ${item.FullName}`}\r\n {item.Phone &&
}\r\n {item.Phone && {`Phone: ${item.Phone}`}}\r\n {item.Status &&
}\r\n {item.Status && {`Status: ${item.Status}`}}\r\n {idx < (doctors || doctors).length - 1 &&
\r\n ))}\r\n }\r\n {item.Phone && {`Phone: ${item.Phone}`}}\r\n {item.Status &&
}\r\n {item.Status && {`Status: ${item.Status}`}}\r\n {idx < (doctors || doctors).length - 1 &&
\r\n {record.ActionOverview}\r\n
\r\n \r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n \r\n
\r\n )}\r\n \r\n \r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n \r\n
{record.TypeOfClaimnt}
\r\n {record.TypeOfReport}
\r\n {record.CaseManagerId > 0 ? `(${record.CaseManagerId})` : ``} {record.CaseManager}
\r\n{record.CMEmail}
\r\n {record.CMMobilePhone}
\r\n {record.CaseManager}
\r\n {record.IsDirect &&{record.CMEmail}
}\r\n {record.IsDirect && {record.CMMobilePhone}
}\r\n \r\n {record.DoctorName}{' '}\r\n
\r\n {record.DoctorName && (\r\n\r\n Specialty: {record.DoctorSpecialty}\r\n
\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n {record.DoctorPhone}
\r\n )}\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n {(loading && !data) ||\r\n (loadingClaimant && !dataClaimant) ||\r\n (loadingDynamicMNStatus && !dataDynamicMedNegStatus) ||\r\n (loadingStaff && !dataStaff) ||\r\n (loadingDynamicOverDueMNStatus && !dataDynamicOverDueMedNegStatus) ||\r\n (loadingStaffAssign && !dataStaffAssign) ||\r\n (loadingStaffAssignAction && !dataStaffAssignAction) ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MedNeg;\r\n","import React from 'react'\r\nimport { Form, DatePicker, Select, Divider, Input, Checkbox } from 'antd'\r\n\r\nclass ClaimDetailsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClaimDetailsForm","import React from 'react'\r\nimport { Form, Input, InputNumber, Select, Divider } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass MedNegProcessing extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default MedNegProcessing","import React from 'react'\r\nimport { Form, DatePicker, Select, Input, Radio } from 'antd'\r\n\r\nclass CaseStatus extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CaseStatus","import React from 'react';\r\nimport { Checkbox, Form, Select, DatePicker, Input, Radio } from 'antd';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport './ConversationModalForm.scss';\r\nimport Modal from '../../shared/Modal';\r\n\r\nclass ConversationModalForm extends React.Component {\r\n render() {\r\n const { visible, onCancel } = this.props;\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CaseCorrespondenceForm","import React from 'react'\r\nimport { Form, Input, DatePicker, Select, Checkbox } from 'antd'\r\n\r\nclass ActionRequiredForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequiredForm","import React from 'react';\r\nimport cx from 'classnames'\r\nimport { Divider } from 'antd'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport ClaimDetails from './ClaimDetails'\r\nimport MedNegProcessing from './MedNegProcessing'\r\nimport CaseStatus from './CaseStatus'\r\nimport CaseCorrespondence from './CaseCorrespondence'\r\nimport ActionRequired from './ActionRequired'\r\n\r\nconst STEPS = [\r\n 'Claim Details',\r\n 'Med Neg Processing Information',\r\n 'Case Status Information',\r\n 'Case Correspondence',\r\n 'Action Required'\r\n]\r\n\r\nclass AddEditMedNeg extends React.Component {\r\n state = {\r\n currentStep: 0,\r\n }\r\n\r\n handleStepChange = step => () => {\r\n this.setState({ currentStep: step })\r\n }\r\n\r\n renderForm = () => {\r\n switch(this.state.currentStep) {\r\n case 1: return \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n ); \r\n }\r\n}\r\n\r\nexport default AddEditMedNeg","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass IMSApprovalCodeStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable keyword = '';\r\n @observable filter = 'All';\r\n\r\n @observable sortKey = 'PaymentClassificationCode';\r\n @observable sortColumn = 'PAYMENT CLASSIFICATION CODE';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = (data = {}) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n\r\n customFetch('/IMSApprovalCodeWIRO/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n FilterType: this.filter,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: false,\r\n UrgentReport: false,\r\n ActionRequiredById: '',\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortKey = 'PaymentClassificationCode';\r\n this.sortColumn = 'PAYMENT CLASSIFICATION CODE';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n };\r\n}\r\n\r\nexport default new IMSApprovalCodeStore();\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport IMSApprovalCodeStore from './IMSApprovalCodeStore';\r\n\r\nfunction IMSApprovalCodeModal() {\r\n const { modalType } = IMSApprovalCodeStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n
\r\n {STEPS[this.state.currentStep]}
\r\n {this.renderForm()}\r\n\r\n {STEPS.map((step, idx) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n {record.IsActive ? `Active` : `Inactive`}\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default IMSApprovalCode;\r\n","import { action, observable } from 'mobx';\r\nimport moment from 'moment';\r\n\r\nimport * as api from '../../../stores/api';\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass IMEStore {\r\n @observable loading = true;\r\n\r\n @observable data = null;\r\n @observable loadingClaimant = true;\r\n @observable loadingOverDue = true;\r\n @observable loadingCase = true;\r\n @observable loadingActionPIC = true;\r\n @observable loadingPrepayment = true;\r\n @observable loadingStaff = true;\r\n @observable dataStaff = null;\r\n @observable dataPrepayment = null;\r\n @observable dataOverdue = null;\r\n @observable dataCase = null;\r\n @observable dataActionPIC = null;\r\n @observable dataSuggestClaimant = null;\r\n\r\n @observable keyword = '';\r\n @observable showBookingToday = false;\r\n @observable keywordClaimant = ``;\r\n @observable FilterOverdue = 'All';\r\n @observable FilterType = 'All';\r\n @observable FilterStaff = 'All';\r\n @observable IMEType = 'All';\r\n @observable PrepaymentType = 0;\r\n @observable searchClaimantOnly = true;\r\n @observable status = 0;\r\n @observable claimant = { Id: ``, FullName: `` };\r\n\r\n @observable NextPicId = null;\r\n\r\n @observable sortKey = 'StatusDate';\r\n @observable numberSearch = 30;\r\n @observable sortColumn = 'Name';\r\n @observable sortDirection = 'DESC';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable ActionRequiredById = '';\r\n @observable ActionRequired = false;\r\n @observable fromToRequest = '';\r\n @observable fromToAppointmentDate = '';\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n //Modal Supp request\r\n @observable loadingSuppRequest = true;\r\n @observable dataSuppRequest = null;\r\n @observable totalSuppRequest = 0;\r\n\r\n @action fetchSuppRequest = caseId => {\r\n this.loadingSuppRequest = true;\r\n customFetch(`/MedicalService/GetSuppRequests?caseId=${caseId}&type=IME`, {\r\n method: 'GET',\r\n headers: { 'Content-Type': 'application/json' },\r\n }).then(\r\n action(data => {\r\n this.totalSuppRequest = data.itemList.length;\r\n this.dataSuppRequest = data;\r\n this.loadingSuppRequest = false;\r\n }),\r\n );\r\n };\r\n //\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchMain();\r\n };\r\n\r\n @action fetchMain = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate } = this.getDateRange();\r\n const {\r\n fromAppointmentDate,\r\n toAppointmentDate,\r\n } = this.getAppointmentDateRange();\r\n\r\n let from = '';\r\n if (fromDate) {\r\n from = this.showBookingToday ? fromDate.format() : fromDate.toISOString();\r\n }\r\n\r\n if (api.isAdminOrMagStaffOrAccounting()) {\r\n customFetch('/MedicalService/Assessment_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionRequired: this.ActionRequired,\r\n ActionRequiredById: this.ActionRequiredById,\r\n ActionType: 'NONE',\r\n Claimant: this.claimant,\r\n ClaimantId: this.claimant.Id,\r\n CurPage: this.curPage,\r\n FilterOverdue: this.FilterOverdue,\r\n FilterType: this.FilterType,\r\n From: from,\r\n FromAppointmentDate: fromAppointmentDate,\r\n IMEType: this.IMEType,\r\n FilterPrepayment: this.PrepaymentType,\r\n Keyword: this.keyword,\r\n NextPicId:\r\n this.FilterStaff === 'All' ? this.NextPicId : this.FilterStaff,\r\n SearchClaimantOnly: this.searchClaimantOnly,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n To: toDate,\r\n ToAppointmentDate: toAppointmentDate,\r\n NumItemPerPage: this.pageSize,\r\n UrgentReport: false,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n this.showBookingToday = false;\r\n }),\r\n );\r\n } else if (api.isCaseManager() || api.isTypist()) {\r\n const { CaseManagerId, ClientId, TypistId } = api.currentUser.data;\r\n return customFetch('/CMReports/GetCMReports', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n FilterType: this.FilterType,\r\n NumItemPerPage: this.pageSize,\r\n FilterOverdue: this.FilterOverdue,\r\n SortBy: 'StatusDate',\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: false,\r\n CaseMngId: CaseManagerId ?? TypistId,\r\n ClientId: ClientId,\r\n From: fromDate,\r\n To: toDate,\r\n ToAppointmentDate: toAppointmentDate,\r\n FromAppointmentDate: fromAppointmentDate,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n }\r\n };\r\n\r\n @action fetchPicStaff = () => {\r\n this.loadingStaff = true;\r\n customFetch('/MedicalService/GetNextPicStaffs', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataStaff = data;\r\n this.loadingStaff = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchOverdue = () => {\r\n this.loadingOverDue = true;\r\n customFetch('/MedicalService/GetDynamicOverDueAssessmentStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataOverdue = data;\r\n this.loadingOverDue = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchCase = () => {\r\n this.loadingCase = true;\r\n customFetch('/MedicalService/GetDynamicAssessmentStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataCase = data;\r\n this.loadingCase = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchActionPIC = () => {\r\n this.loadingActionPIC = true;\r\n customFetch('/MedicalService/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataActionPIC = data;\r\n this.loadingActionPIC = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchPrepayment = () => {\r\n this.loadingPrepayment = true;\r\n customFetch('/MedicalService/GetDynamicAssessmentPrepayment', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataPrepayment = data;\r\n this.loadingPrepayment = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchGetSuggestClaimant = () => {\r\n this.loadingClaimant = true;\r\n customFetch('/MedicalService/GetSuggestClaimant', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordClaimant,\r\n Showing: 'active',\r\n numItemPerPage: this.numberSearch,\r\n IsSelectionList: true,\r\n curPage: 1,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataSuggestClaimant = data;\r\n this.loadingClaimant = false;\r\n }),\r\n );\r\n };\r\n\r\n @action toggleModal2 = (isOpen, params = {}) => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromToRequest.split(' - ');\r\n return {\r\n fromDate: fromDate ? moment(fromDate, 'DD/MM/YYYY') : '',\r\n toDate: toDate ? moment(toDate, 'DD/MM/YYYY').toISOString() : '',\r\n };\r\n };\r\n\r\n getAppointmentDateRange = () => {\r\n const [fromDate, toDate] = this.fromToAppointmentDate.split(' - ');\r\n return {\r\n fromAppointmentDate: fromDate\r\n ? moment(fromDate, 'DD/MM/YYYY').toISOString()\r\n : '',\r\n toAppointmentDate: toDate\r\n ? moment(toDate, 'DD/MM/YYYY').toISOString()\r\n : '',\r\n };\r\n };\r\n\r\n serviceItemCreate = (service = {}) => {\r\n return action(() => {\r\n this.serviceItem = service;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n @action handleSearchChangeClinic = ({ target }) => {\r\n this.keywordClinic = target.value;\r\n };\r\n\r\n @action refetch = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchMain(setTotalPage);\r\n };\r\n\r\n @action refetchStaffs = (data = {}) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchStaffs();\r\n };\r\n\r\n @action refetchClaimant = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchGetSuggestClaimant(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.keywordClaimant = '';\r\n this.FilterOverdue = 'All';\r\n this.FilterType = 'All';\r\n this.FilterStaff = 'All';\r\n this.NextPicId = null;\r\n this.IMEType = 'All';\r\n this.claimant = { Id: ``, FullName: `` };\r\n this.ActionRequiredById = '';\r\n this.searchClaimantOnly = true;\r\n this.fromToRequest = '';\r\n this.fromToAppointmentDate = '';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'StatusDate';\r\n this.ActionRequired = false;\r\n this.numberSearch = 30;\r\n this.PrepaymentType = 0;\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n };\r\n @action resetSearch = () => {\r\n this.numberSearch = 30;\r\n this.keywordClaimant = '';\r\n\r\n this.refetchClaimant({}, true);\r\n };\r\n}\r\n\r\nexport default new IMEStore();\r\n","import React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal/';\r\n\r\nfunction ModalAlert({ open, onCancel, modalParams }) {\r\n const { message } = modalParams;\r\n\r\n const renderConfirmMessage = () => (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {this.renderModal()}\r\n \r\n \r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n Search\r\n \r\n \r\n Clear\r\n \r\n \r\n Refresh\r\n \r\n {api.isCaseManager() && !api.isTypist() && (\r\n \r\n \r\n Add New Case\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n \r\n \r\n \r\n Add New Case (via Appointment Searches)\r\n \r\n \r\n \r\n Add New Case (via Clinic Calendar)\r\n \r\n \r\n Add New Case (Direct)\r\n \r\n\r\n \r\n Export Search Results\r\n \r\n\r\n \r\n Show Today's Booking\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default IMEToolbar;\r\n","import './index.scss';\r\nimport { Dropdown, Menu } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport { Divider } from 'semantic-ui-react';\r\nimport React from 'react';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table, TableBody } from 'semantic-ui-react';\r\nimport { notification } from 'antd';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport * as api from '../../../stores/api';\r\nimport {\r\n TableEmptyMessage,\r\n TableFooterPagination,\r\n TableHeader,\r\n} from '../../shared/table';\r\nimport FormatPhoneNumber from '../../shared/FormatPhoneNumber';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport IMEStore from './IMEStore';\r\n\r\nconst columnsForAdmin = [\r\n { title: '' },\r\n { title: 'Case No', sortKey: 'AssessmentNumber' },\r\n { title: 'Request Date', sortKey: 'InquiryDate' },\r\n { title: 'Action Required', sortKey: '' },\r\n { title: 'Claim No', sortKey: 'ClaimNo' },\r\n { title: 'Type Of Claim/Report', sortKey: 'TypeOfClaimLabel' },\r\n { title: 'Claimant Name', sortKey: 'Claimant' },\r\n { title: 'Booking Client', sortKey: 'Client' },\r\n { title: 'Case Manager', sortKey: 'CaseManager' },\r\n { title: 'Assessing Specialist', sortKey: 'DoctorName' },\r\n { title: 'Clinic Information' },\r\n { title: 'Appointment Date', sortKey: 'DateFrom' },\r\n { title: 'Case Status', sortKey: 'Status' },\r\n { title: 'Status Date', sortKey: 'StatusDate' },\r\n { title: 'Next Task' },\r\n { title: 'Next Task PIC', sortKey: 'NextPicName' },\r\n { title: 'Created By', sortKey: 'CreatedBy' },\r\n];\r\nconst columnsForCM = [\r\n { title: '' },\r\n { title: 'Case No' },\r\n { title: 'Request Date' },\r\n { title: 'Claim No' },\r\n { title: 'Type Of Claim/Report' },\r\n { title: 'Claimant' },\r\n { title: 'Client ' },\r\n { title: 'Case Manager' },\r\n { title: 'Doctor' },\r\n { title: 'Clinic Centre' },\r\n { title: 'Appointment Date' },\r\n { title: 'Case Progress' },\r\n { title: 'Status Date' },\r\n { title: 'Created By' },\r\n];\r\n@observer\r\nclass IMETable extends React.Component {\r\n openModal = options => {\r\n return IMEStore.toggleModal(true, options);\r\n };\r\n\r\n convertEmailCreatedAt = email => {\r\n const email_ = email ? email.replace(/^(.+)@(.+)$/g, '$1') : email;\r\n return email_;\r\n };\r\n\r\n isShowDetailTypist = record => {\r\n if (api.isTypist()) {\r\n switch (record.Status) {\r\n case api.imeStatus.CANCELLED:\r\n case api.imeStatus.IME_CANCELLED_WITH_FEE:\r\n case api.imeStatus.BILLED:\r\n case api.imeStatus.FULLY_PAID:\r\n return false;\r\n default:\r\n break;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n openCaseDetail = (id, name) => () => {\r\n localStorage.setItem('AssessmentCaseId', `Case ${name}`);\r\n iframe.forceOpenTab('PostAssessment', `?id=${id}&view=PostAssessment`, {\r\n id,\r\n view: 'PostAssessment',\r\n });\r\n };\r\n openCaseUploadPaper = (id, name) => () => {\r\n const caseNo = `Case ${name}`;\r\n localStorage.setItem('AssessmentCaseId', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?id=${id}&view=PostAssessment#Appointment`,\r\n {\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n openCaseUpdateAttAndCancel = (id, name) => () => {\r\n const caseNo = `Case ${name}`;\r\n localStorage.setItem('AssessmentCaseId', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?id=${id}&view=PostAssessment#Attendance`,\r\n {\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n openCaseDictation = (id, name) => () => {\r\n const caseNo = `Case ${name}`;\r\n localStorage.setItem('AssessmentCaseId', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?inquiryReq=7&id=${id}&view=PostAssessment#Completion`,\r\n {\r\n inquiryReq: 7,\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n openCaseCorrespondence = (id, name, type) => () => {\r\n localStorage.setItem('AssessmentCaseId', `Case ${name}`);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?inquiryReq=9&id=${id}&view=PostAssessment#${type}`,\r\n {\r\n inquiryReq: 9,\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n addNewInvoice = (id, name) => () => {\r\n // localStorage.setItem('InvoiceCaseId', id);\r\n localStorage.removeItem(`InvoiceCaseId`);\r\n iframe.forceOpenTab(\r\n 'ViewInvoice',\r\n `?id=0&mId=${id}&type=A&view=ViewInvoice`,\r\n {\r\n id: 0,\r\n type: 'A',\r\n mId: id,\r\n view: 'ViewInvoice',\r\n },\r\n );\r\n };\r\n\r\n openCaseViewInvoice = (id, name) => () => {\r\n localStorage.setItem('InvoiceCaseId', `INV-${id}`);\r\n iframe.forceOpenTab('ViewInvoice', `?id=${id}&view=ViewInvoice`, {\r\n id,\r\n view: 'ViewInvoice',\r\n });\r\n };\r\n\r\n doOpenCaseRequestSuppReport = (id, name) => () => {\r\n localStorage.setItem('AssessmentCaseId', `Case ${name}`);\r\n iframe.forceOpenTab(\r\n 'PostSupplementary',\r\n `?mId=${id}&mType=A&view=PostSupplementary`,\r\n {\r\n mId: id,\r\n mType: 'A',\r\n view: 'PostSupplementary',\r\n },\r\n );\r\n };\r\n\r\n openCaseRequestSuppReport = (id, name) => async () => {\r\n await customFetch('/Supplementary/CheckOriginalCaseNo', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ caseNo: name }),\r\n }).then(res => {\r\n if (res.status === 'success') {\r\n if (res.exist) {\r\n var existItems = '';\r\n var message = '';\r\n\r\n res.listExist.forEach(i => {\r\n existItems += i.CaseNo + ' - ' + i.StatusStaffText + ', ';\r\n });\r\n\r\n if (res.listExist.length > 1) {\r\n message =\r\n 'Supplementary requests (' +\r\n existItems.substring(0, existItems.length - 2) +\r\n ') have already been created for this case. Do you want to proceed?';\r\n } else {\r\n message =\r\n 'A supplementary request (' +\r\n existItems.substring(0, existItems.length - 2) +\r\n ') has already been created for this case. Do you want to proceed?';\r\n }\r\n IMEStore.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: message,\r\n onOk: this.doOpenCaseRequestSuppReport(id, name),\r\n })();\r\n } else {\r\n localStorage.setItem('AssessmentCaseId', `Case ${name}`);\r\n iframe.forceOpenTab(\r\n 'PostSupplementary',\r\n `?mId=${id}&mType=A&view=PostSupplementary`,\r\n {\r\n mId: id,\r\n mType: 'A',\r\n view: 'PostSupplementary',\r\n },\r\n );\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleDuplicate = id => async () => {\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?id=${id}©=true&view=PostAssessment`,\r\n {\r\n copy: true,\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n handleDelete = (id, record) => {\r\n if (record.Status === api.imeStatus.IME_REQUESTED || record.Status === api.imeStatus.CANCELLED) {\r\n IMEStore.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'Do you want to delete this assessment?',\r\n onOk: async () => {\r\n IMEStore.setFieldsValue({ loading: true });\r\n try {\r\n const response = await await customFetch('/MedicalService/DeleteAssessment', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id: id }),\r\n });\r\n if (response.status === 'success') {\r\n await IMEStore.refetch({}, true);\r\n }\r\n } catch (error) {\r\n } finally {\r\n IMEStore.setFieldsValue({ loading: false });\r\n }\r\n },\r\n })();\r\n } else {\r\n notification.error({\r\n message: 'Error',\r\n description: 'Please cancel (no-fee) this case before deleting.',\r\n });\r\n }\r\n };\r\n\r\n handlePrintAppCon = id => {\r\n window.open(\r\n '/MedicalService/AppointmentConfirmationLetterPrint?aId=' + id,\r\n '_blank',\r\n );\r\n };\r\n\r\n handPrintDoctor = id => {\r\n window.open('/MedicalService/DoctorConfPrint?aId=' + id, '_blank');\r\n };\r\n\r\n handPrintInvoice = id => {\r\n window.open('/Invoice/ViewBilling?invoiceId=' + id, '_blank');\r\n };\r\n\r\n handleCopyVoice = id => async () => {\r\n try {\r\n await customFetch('/Invoice/Checkexist', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id: id, module: 'Assessment' }),\r\n });\r\n await IMEStore.refetch({}, true);\r\n } finally {\r\n }\r\n };\r\n\r\n handleSendStatusUpdate = (id, sentTo) => async () => {\r\n try {\r\n await customFetch('/MedicalService/SendReportStatusAsync', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id, type: 1, sentTo }),\r\n }).then(res => {\r\n if (res.status === 'success') {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: `Report was sent`,\r\n duration: 2,\r\n });\r\n } else {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Fail',\r\n description: `Report can not sent`,\r\n duration: 2,\r\n });\r\n }\r\n });\r\n } finally {\r\n }\r\n };\r\n\r\n handleUnClockForEdit = id => async () => {\r\n try {\r\n await customFetch('/MedicalService/UnlockEdit', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id: id, module: 'Assessment' }),\r\n });\r\n await IMEStore.refetch({}, true);\r\n } finally {\r\n }\r\n };\r\n\r\n renderTableBodyForAdmin = (data, colSpan) => {\r\n if (!data || !data.itemList.length) {\r\n return \r\n Total Cases: {totalItems}\r\n
\r\n \r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n\r\n
\r\n {record.ActionRequiredType > 0 && record.ActionOverview\r\n ? `${record.ActionOverview} - ${this.convertEmailCreatedAt(\r\n record.ActionRequiredUserName,\r\n )}`\r\n : ''}\r\n
\r\n \r\n DOB:{' '}\r\n {record.ClaimantDoB\r\n ? moment(formatDate(record.ClaimantDoB), 'DD MMM YYYY').format(\r\n 'DD/MM/YYYY',\r\n )\r\n : 'N/A'}\r\n
\r\n {record.Client}\r\n {record.SubBookingClientName\r\n ? `Sub client: ${record.SubBookingClientName}`\r\n : ''}\r\n {record.BusinessType &&
}\r\n {record.BusinessType}\r\n
\r\n
\r\n \r\n }\r\n {record.BusinessType}\r\n
\r\n
\r\n ({record.CaseManagerId}) {record.CaseManager}\r\n
{record.CMEmail}\r\n
\r\n
\r\n {record.CMEmail}\r\n
\r\n
\r\n \r\n {record.DoctorName\r\n ? `(${record.DoctorId}) ${record.DoctorName}`\r\n : ''}{' '}\r\n {record.DoctorRegisterOption\r\n ? `(${record.DoctorRegisterOption})`\r\n : ''}\r\n \r\n {record.DoctorSpecialty ?
: ''}\r\n {record.DoctorSpecialty\r\n ? `Specialty: ${record.DoctorSpecialty}`\r\n : ''}{' '}\r\n
\r\n {record.DoctorSpecialty\r\n ? `Video Assessment: ${\r\n record.DoctorTeleAssessment === 0\r\n ? 'Unsure'\r\n : record.DoctorTeleAssessment === 1\r\n ? 'Yes'\r\n : 'No'\r\n }`\r\n : ''}\r\n
\r\n
: ''}\r\n {record.DoctorEmail ? record.DoctorEmail : ''}\r\n {record.DoctorEmail ?
: ''}\r\n {record.DoctorName ? (\r\n\r\n Contract Ready: {record.ContractReady === 1 ? 'Yes' : 'No'}\r\n \r\n ) : (\r\n ''\r\n )}{' '}\r\n
\r\n
\r\n )}\r\n : ''}\r\n {record.DoctorSpecialty\r\n ? `Specialty: ${record.DoctorSpecialty}`\r\n : ''}{' '}\r\n
\r\n {record.DoctorSpecialty\r\n ? `Video Assessment: ${\r\n record.DoctorTeleAssessment === 0\r\n ? 'Unsure'\r\n : record.DoctorTeleAssessment === 1\r\n ? 'Yes'\r\n : 'No'\r\n }`\r\n : ''}\r\n
\r\n
: ''}\r\n {record.DoctorEmail ? record.DoctorEmail : ''}\r\n {record.DoctorEmail ?
: ''}\r\n {record.DoctorName ? (\r\n
\r\n
\r\n
}\r\n {record.ClinicEmail}\r\n
\r\n {record.AssessmentMethod ? 'Video Assessment' : ''}\r\n
Old-Billed
\r\n ) : (\r\n 'Old-Billed'\r\n )\r\n ) : record.Status === api.imeStatus.IME_REQUESTED ? (\r\n {record.StatusStaffText}
\r\n ) : (\r\n record.StatusStaffText\r\n )}\r\n \r\n {record.NextStatusStaffText}
\r\n ) : (\r\n record.NextStatusStaffText\r\n )}\r\n \r\n {record.caseManager || record.CaseManager || record.CaseManagerName}\r\n
\r\n {(record.isDirect || record.IsDirect || record.isMagDirect) && (\r\n{record.cmEmail || record.CMEmail}
\r\n )}\r\n {(record.isDirect || record.IsDirect || record.isMagDirect) && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {record.doctorName ||\r\n record.DoctorName ||\r\n record.doctor ||\r\n record.Doctor}\r\n
\r\n {(record.isDirect || record.IsDirect || record.isMagDirect) && (\r\n\r\n {record.doctorBusinessEmail || record.DoctorBusinessEmail}\r\n
\r\n )}\r\n {(record.isDirect || record.IsDirect || record.isMagDirect) && (\r\n \r\n
\r\n )}\r\n \r\n {record.clinicName || record.ClinicName}
\r\n{record.clinicEmail || record.ClinicEmail}
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {Key === 'Service Paid'\r\n ? ''\r\n : (personInCharge === 'system@medicolegalassessmentsgroup.com.au'\r\n ? 'system'\r\n : this.convertPersonInCharge(personInCharge)) ||\r\n (checked && 'N/a')}\r\n
\r\n );\r\n },\r\n );\r\n };\r\n\r\n renderStatusDateList = () => {\r\n return this.state.progressList.map(\r\n ({ Key, statusDate, checked }, index) => (\r\n \r\n {Key === 'Service Paid'\r\n ? ''\r\n : formatDate(statusDate) || (checked && 'N/a')}\r\n
\r\n ),\r\n );\r\n };\r\n\r\n handleToggleViewHistory = () => {\r\n this.setState(prev => ({\r\n ...prev,\r\n toggleViewHistory: !prev.toggleViewHistory,\r\n }));\r\n };\r\n\r\n checkUpdatedBy = user => {\r\n return user === 'system@medicolegalassessmentsgroup.com.au'\r\n ? 'system'\r\n : this.convertPersonInCharge(user) || 'N/a';\r\n };\r\n convertStatusName = status => {\r\n const statusName = this.state.progressList.find(i => i.Key === status)\r\n .Label;\r\n return statusName;\r\n };\r\n\r\n renderStatusHistory = () => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CaseProgress;\r\n","import React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport CaseProgress from './CaseProgress';\r\nimport Modal from '../../shared/Modal';\r\nimport IMEStore from './IMEStore';\r\nimport * as api from '../../../stores/api';\r\n\r\nfunction ModalCaseProgress() {\r\n const openCaseCorrespondence = () => {\r\n const {\r\n toggleModal,\r\n modalParams: { id },\r\n } = IMEStore;\r\n\r\n const caseNo = `Case A-${(id + '').padStart(6, 0)}`;\r\n localStorage.setItem('PostAssessment', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?id=${id}&view=PostAssessment#Corespondence`,\r\n {\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n\r\n toggleModal(false)();\r\n };\r\n\r\n const { open, modalParams, toggleModal } = IMEStore;\r\n const title = `Status History: ${modalParams.caseNo}`;\r\n const url = '/MedicalService/GetAssessmentLogs';\r\n const body = { assessmentId: modalParams.id };\r\n\r\n return (\r\n {this.renderProgressList()}
\r\n \r\n
\r\n {showHistory && (\r\n \r\n
\r\n Person in charge:
\r\n\r\n {this.renderPersonInChargeList()}\r\n
\r\n \r\n
\r\n Status date:
\r\n\r\n {this.renderStatusDateList()}\r\n
\r\n \r\n
\r\n Prepayment Status
\r\n \r\n {prepaymentStatuses.map(({ label, checked, date }, i) => (\r\n
\r\n \r\n \r\n View status history\r\n
\r\n {toggleViewHistory && this.renderStatusHistory()}\r\n
\r\n )}\r\n \r\n View status history\r\n
\r\n {toggleViewHistory && this.renderStatusHistory()}\r\n \r\n {record.DoctorId > 0 ? `(${record.DoctorId})` : ''} {record.Doctor}{' '}\r\n {record.DoctorId > 0\r\n ? `${\r\n record.DoctorRegisterOption\r\n ? `(${record.DoctorRegisterOption})`\r\n : ''\r\n }`\r\n : ``}\r\n
\r\n\r\n {record.DoctorId > 0 ? `Specialty:` + record.DoctorSepcialty : ``}\r\n
\r\n \r\n {record.DoctorId > 0 ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {scroll !== 0 && (\r\n \r\n \r\n PIC 2: Thomas Hiep Pham\r\n
\r\n 03-12-2020\r\n
\r\n }\r\n />\r\n \r\n 03-12-2020\r\n
\r\n 03-12-2020\r\n \r\n }\r\n />\r\n
\r\n 03-12-2020\r\n \r\n }\r\n />\r\n
\r\n {uploadLoading &&
\r\n ) : (\r\n attachments.map((i, idx) => (\r\n \r\n
\r\n ))\r\n )}\r\n \r\n
\r\n {i.Title}
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CaseCorrespondence","import React from 'react'\r\nimport { Form, Radio, Input, DatePicker, Select, Checkbox } from 'antd'\r\n\r\nclass ActionRequired extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequired","import React, { useRef, useState, useEffect } from 'react';\r\nimport { Segment, Button, Icon, Message } from 'semantic-ui-react';\r\nimport { observer } from 'mobx-react';\r\n\r\nimport AddEditStore from './Store';\r\nimport { toJS } from 'mobx';\r\n\r\nconst FormDragToDropFile = ({ ...props }) => {\r\n const fileInputRef = useRef();\r\n const [selectedFiles, setSelectedFiles] = useState([]);\r\n const [validFiles, setValidFiles] = useState([]);\r\n const [unsupportedFiles, setUnsupportedFiles] = useState([]);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n\r\n useEffect(() => {\r\n let filteredArr = selectedFiles.reduce((acc, current) => {\r\n const x = acc.find(item => item.name === current.name);\r\n if (!x) {\r\n return acc.concat([current]);\r\n } else {\r\n return acc;\r\n }\r\n }, []);\r\n setValidFiles([...filteredArr]);\r\n }, [selectedFiles]);\r\n\r\n const dragOver = e => {\r\n e.preventDefault();\r\n };\r\n\r\n const dragEnter = e => {\r\n e.preventDefault();\r\n };\r\n\r\n const dragLeave = e => {\r\n e.preventDefault();\r\n };\r\n\r\n const fileDrop = e => {\r\n e.preventDefault();\r\n const files = e.dataTransfer.files;\r\n if (files.length) {\r\n handleFiles(files);\r\n return { errorMessage, validFiles, unsupportedFiles };\r\n }\r\n };\r\n\r\n const filesSelected = () => {\r\n if (fileInputRef.current.files.length) {\r\n handleFiles(fileInputRef.current.files);\r\n }\r\n };\r\n\r\n const fileInputClicked = () => {\r\n fileInputRef.current.click();\r\n };\r\n\r\n const handleFiles = files => {\r\n for (let i = 0; i < files.length; i++) {\r\n if (validateFile(files[i])) {\r\n setSelectedFiles(prevArray => [...prevArray, files[i]]);\r\n } else {\r\n files[i]['invalid'] = true;\r\n setSelectedFiles(prevArray => [...prevArray, files[i]]);\r\n setErrorMessage('File type not permitted');\r\n setUnsupportedFiles(prevArray => [...prevArray, files[i]]);\r\n }\r\n }\r\n };\r\n\r\n const validateFile = file => {\r\n const { uploadRule } = AddEditStore;\r\n const rules = toJS(uploadRule)\r\n .map(i => {\r\n if (i.reportType.indexOf(props.fileType) !== -1) {\r\n return i.rule;\r\n }\r\n return null;\r\n })\r\n .filter(i => i);\r\n if (rules) {\r\n if (\r\n rules[0].fileExtension.indexOf(`image/${file.type}`) === -1 &&\r\n rules[0].fileExtension.indexOf(`audio/file.type`) === -1 &&\r\n rules[0].fileExtension.indexOf(`audio/file.type`) === -1\r\n ) {\r\n return false;\r\n } else if (\r\n file.size / 1024 / 1024 >\r\n parseInt(rules.maxSize[0].replace('mb') / 10)\r\n ) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {i.Title}
\r\n \r\n
\r\n \r\n or click\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AddEditImeAssessments;\r\n","import React from 'react'\r\nimport { Form, Radio, Input, DatePicker, Select, Checkbox, Divider } from 'antd'\r\n\r\nclass ActionRequiredForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequiredForm","import React from 'react'\r\nimport { Form, Input, Select, DatePicker, Radio, Divider, Checkbox } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass FactualInvestigationDetails extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default FactualInvestigationDetails","import React from 'react'\r\nimport { Form, Input, Radio, DatePicker, Divider } from 'antd'\r\n\r\nclass ServiceProvider extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ServiceProvider","import React from 'react'\r\nimport { Form, Input, Radio, DatePicker } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass ReportStatus extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ReportStatus","import React from 'react'\r\nimport { Form, Radio, Input, Checkbox, DatePicker } from 'antd'\r\n\r\nclass RequestCancellationStatus extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default RequestCancellationStatus","import React from 'react';\r\nimport cx from 'classnames'\r\nimport { Divider } from 'antd'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport '../AddEditClinic/index.scss';\r\n\r\nimport ActionRequired from './ActionRequired'\r\nimport FactualInvestigationDetails from './FactualInvestigationDetails'\r\nimport ServiceProvider from './ServiceProvider'\r\nimport ReportStatus from './ReportStatus'\r\nimport RequestCancellationStatus from './RequestCancellationStatus'\r\n\r\nconst STEPS = [\r\n 'Action Required',\r\n 'Factual Investigation Details',\r\n 'Service Provider/Investigator Status',\r\n 'Report Status',\r\n 'Request Cancellation Status',\r\n]\r\n\r\nclass AddEditFactualInvestigation extends React.Component {\r\n state = {\r\n currentStep: 0,\r\n }\r\n\r\n handleStepChange = step => () => {\r\n this.setState({ currentStep: step })\r\n }\r\n\r\n renderForm = () => {\r\n switch(this.state.currentStep) {\r\n case 1: return \r\n
\r\n \r\n {AddEditStore.steps[this.state.currentStep].title}\r\n
\r\n {this.renderForm()}\r\n\r\n {AddEditStore.steps.map((step, idx) => (\r\n \r\n {idx + 1}. {step.title}\r\n \r\n ))}\r\n {!!AddEditStore.upLoadType.filter(i => i.active).length && (\r\n
\r\n \r\n \r\n \r\n {i.title ? i.title.toUpperCase() : i.fileName.toUpperCase()}\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n ); \r\n }\r\n}\r\n\r\nexport default AddEditFactualInvestigation","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass IndustrySegmentsStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable filter = 'All';\r\n @observable sortDirection = 'ascending';\r\n @observable keyword = '';\r\n @observable sortColumn = '';\r\n @observable sortKey = 'Id';\r\n\r\n @observable curPage = 1;\r\n @observable pageSize = 20;\r\n @observable totalPage = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = obj => {\r\n Object.keys(obj).forEach(key => {\r\n this[key] = obj[key];\r\n });\r\n };\r\n\r\n @action fetchIndustrySegments = (setTotalPage = false) => {\r\n this.loading = true;\r\n customFetch('/IndustrySegment/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n FilterType: this.filter,\r\n Showing: this.filter,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchIndustrySegments();\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchIndustrySegments(setTotalPage);\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Label';\r\n this.sortKey = 'Id';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n };\r\n}\r\n\r\nexport default new IndustrySegmentsStore();\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport IndustrySegmentsStore from './IndustrySegmentsStore';\r\n\r\nfunction IndustrySegmentsModal() {\r\n const { modalType } = IndustrySegmentsStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n
\r\n {STEPS[this.state.currentStep]}
\r\n {this.renderForm()}\r\n\r\n {STEPS.map((step, idx) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n {record.IsActive ? `Active` : `Inactive`}\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default observer(IndustrySegments);\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass JobTitleStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable filter = 'All';\r\n @observable sortDirection = 'ascending';\r\n @observable keyword = '';\r\n @observable sortColumn = 'Name';\r\n @observable sortKey = 'Label';\r\n @observable totalItem = 0;\r\n\r\n @observable curPage = 1;\r\n @observable pageSize = 20;\r\n @observable totalPage = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = obj => {\r\n Object.keys(obj).forEach(key => {\r\n this[key] = obj[key];\r\n });\r\n };\r\n\r\n @action fetchJob = (setTotalPage = false) => {\r\n this.loading = true;\r\n customFetch('/JobTitle/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n FilterType: this.filter,\r\n Showing: this.filter,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItem = setTotalPage ? data.sumItem : this.totalItem;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchJob();\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchJob(setTotalPage);\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'Label';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n };\r\n}\r\n\r\nexport default new JobTitleStore();\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport JobTitleStore from './JobTitleStore';\r\n\r\nfunction JobTitleModal() {\r\n const { modalType } = JobTitleStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n {record.IsActive ? `Active` : `Inactive`}\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default observer(JobTitle);\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass ServiceFeeStore {\r\n @observable loading = true;\r\n @observable loadingServiceGroup = true\r\n @observable data = null;\r\n @observable dataServiceGroup = null;\r\n @observable dataServiceGroupId = '';\r\n @observable serviceItem = null;\r\n\r\n @observable keyword = '';\r\n @observable filter = 1;\r\n @observable filterStatus = 'All'\r\n @observable fromTo = '';\r\n @observable statusId = 0;\r\n @observable serviceGroupId = 'All';\r\n\r\n @observable sortKey = 'Name';\r\n @observable sortColumn = 'Name';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n console.log( this.sortColumn);\r\n console.log( this.sortDirection);\r\n console.log( this.sortKey);\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n customFetch('/MAGService/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: false,\r\n UrgentReport: false,\r\n ActionRequiredById: '',\r\n ServiceStatusId: this.filter,\r\n ServiceGroupId: this.serviceGroupId,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n @action fetchService = () => {\r\n this.loadingServiceGroup = true;\r\n\r\n customFetch('/MAGService/GetServiceGroup', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({})\r\n }).then(\r\n action(data => {\r\n this.dataServiceGroup = data;\r\n this.loadingServiceGroup = false;\r\n }),\r\n );\r\n };\r\n \r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n serviceItemCreate = (service = {}) => {\r\n return action(() => {\r\n this.serviceItem = service;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action refetchGroup = (data) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchService();\r\n }\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'Name';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n\r\n };\r\n}\r\n\r\nexport default new ServiceFeeStore();\r\n","import React, {useState} from 'react';\r\nimport {Button, Checkbox, Form, Icon} from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal';\r\nimport ServiceFeeStore from './ServiceFeeStore';\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nfunction ModalCreate({open, onCancel, modalParams}) {\r\n const {id} = modalParams;\r\n const data = ServiceFeeStore.dataServiceGroup;\r\n const group = data.find(s => s.Id === id)\r\n const [checked, setChecked] = useState(group ? group.Status ? 0 : 1 : 0 )\r\n const [serviceGroup, setServiceGroup] = useState(id ?\r\n group\r\n : {\r\n Id: '',\r\n Name : '',\r\n Status : true,\r\n }\r\n );\r\n \r\n\r\n const onChange = (event) => {\r\n const {name, value} = event.target;\r\n setServiceGroup({\r\n ...serviceGroup,\r\n [name]: value,\r\n })\r\n }\r\n const onChangeCheck = () => {\r\n setChecked(checked + 1);\r\n const status = checked % 2 ? true : false; \r\n setServiceGroup({\r\n ...serviceGroup,\r\n Status: status,\r\n })\r\n }\r\n const handleCreateServiceGroup = () => async () => {\r\n ServiceFeeStore.setFieldsValue ({loading: true});\r\n\r\n try {\r\n await customFetch ('/MAGService/SaveServiceGroup', {\r\n headers: {'Content-Type': 'application/json'},\r\n method: 'POST',\r\n body: JSON.stringify ({serviceGroup}),\r\n }).then(respone => {\r\n if (respone.status === 'success') {\r\n onCancel();\r\n }\r\n });;\r\n await ServiceFeeStore.fetchService ({}, true);\r\n } finally {\r\n ServiceFeeStore.setFieldsValue ({loading: false});\r\n }\r\n };\r\n\r\n const handleEditServiceGroup = () => async () => {\r\n ServiceFeeStore.setFieldsValue ({loading: true});\r\n\r\n try {\r\n await customFetch ('/MAGService/SaveServiceGroup', {\r\n headers: {'Content-Type': 'application/json'},\r\n method: 'POST',\r\n body: JSON.stringify ({serviceGroup}),\r\n }).then(respone => {\r\n if (respone.status === 'success') {\r\n onCancel();\r\n }\r\n });;\r\n await ServiceFeeStore.fetchService ({}, true);\r\n } finally {\r\n ServiceFeeStore.setFieldsValue ({loading: false});\r\n }\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Search\r\n \r\n \r\n {api.isAdmin() && (\r\n \r\n {serviceGroupId === 'All' ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {api.isAdmin() && (\r\n \r\n \r\n Add New Service Group\r\n \r\n \r\n Add New Item Code\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ServiceFeeToolbar;\r\n","import { Spin } from 'antd';\r\nimport { observer } from 'mobx-react';\r\nimport React from 'react';\r\n\r\nimport ServiceFeeModal from './ServiceFeeModal';\r\nimport ServiceFeeStore from './ServiceFeeStore';\r\nimport ServiceFeeTable from './ServiceFeeTable';\r\nimport ServiceFeeToolbar from './ServiceFeeToolbar';\r\n\r\n@observer\r\nclass ServiceFee extends React.Component {\r\n componentDidMount() {\r\n ServiceFeeStore.fetchService(true);\r\n ServiceFeeStore.fetchFiles(true);\r\n }\r\n render() {\r\n const { loading, loadingServiceGroup, data, open, dataServiceGroup } = ServiceFeeStore;\r\n return (\r\n \r\n \r\n Export Service Fees\r\n \r\n \r\n Edit\r\n \r\n \r\n Delete\r\n \r\n
\r\n )}\r\n \r\n {loading && loadingServiceGroup && !dataServiceGroup ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ServiceFee;\r\n","import { action, observable, toJS } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass ServiceFeeStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n @observable amaSelectionList = [];\r\n\r\n @observable keyword = '';\r\n @observable filter = 1;\r\n @observable filterStatus = 'All';\r\n\r\n @observable sortKey = 'Name';\r\n @observable sortColumn = 'Name';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n @observable selectedExcluded = [];\r\n\r\n @observable dataServiceType = [];\r\n @observable dataTypeProcedure = [];\r\n @observable filterServiceType = '';\r\n @observable filterTypeProcedure = '';\r\n @observable filterStatus = 'all';\r\n @observable searchExcludedText = '';\r\n @observable arrExcludedId = [];\r\n\r\n @observable numberPageSearch = 20;\r\n @observable isSelectionList = false;\r\n\r\n @observable listTreatment = [];\r\n @observable loadingCheckAmaTreatment = false;\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = this.isSelectionList ? false : true;\r\n this.loadingSearch = this.isSelectionList ? true : false;\r\n customFetch('/MAGService/AMAGetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n Keyword: !this.isSelectionList ? this.keyword : this.searchExcludedText,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.numberPageSearch,\r\n FilterServiceType: this.filterServiceType,\r\n FilterTypeProcedure: this.filterTypeProcedure,\r\n IsSelectionList: this.isSelectionList,\r\n FilterType: this.filterStatus,\r\n }),\r\n }).then(\r\n action(data => {\r\n if (this.isSelectionList) {\r\n this.loadingSearch = false;\r\n this.amaSelectionList =\r\n toJS(\r\n data.itemList.map(t => ({\r\n value: t.Id,\r\n text: t.AMACode,\r\n key: t.Id,\r\n })),\r\n ) || [];\r\n } else {\r\n this.data = data;\r\n }\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchExcludedAMACodeFiles = (id = 0) => {\r\n customFetch('/MAGService/GetExcludedAMACode', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n Id: id,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.loadingAMA = false;\r\n this.arrExcludedId = [];\r\n if (data) {\r\n this.arrExcludedId = data.itemList.map(a => a.ExcludedAMAId);\r\n const amaSelected = data.itemList.map(amacode => ({\r\n value: amacode.ExcludedAMAId,\r\n text: amacode.ExcludedAMACode,\r\n key: amacode.ExcludedAMAId,\r\n }));\r\n this.selectedExcluded = amaSelected\r\n }\r\n }),\r\n );\r\n };\r\n\r\n @action fetchServiceTypeAMACodeFiles = () => {\r\n customFetch('/MAGService/GetServiceTypeAMAAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordServiceType,\r\n CurPage: 1,\r\n NumItemPerPage: this.numberPageServiceTypeSearch,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataServiceType = data.itemList.map(t => ({\r\n value: t,\r\n text: t,\r\n }));\r\n }),\r\n );\r\n };\r\n\r\n @action fetchTypeProcedureAMACodeFiles = () => {\r\n customFetch('/MAGService/GetTypeProcedureAMAAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordTypeProcedure,\r\n CurPage: 1,\r\n NumItemPerPage: this.numberPageTypeProcedureSearch,\r\n FilterServiceType: this.filterServiceType,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataTypeProcedure = data.itemList.map(t => ({\r\n value: t,\r\n text: t,\r\n }));\r\n }),\r\n );\r\n };\r\n\r\n @action fetchCheckTreatmentCaculations = listTreatment => {\r\n this.loadingCheckAmaTreatment = true;\r\n customFetch('/MAGService/CheckTreatmentCaculations', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n ListAmaCode: listTreatment.map(i => i.treatment),\r\n }),\r\n })\r\n .then(\r\n action(response => {\r\n this.listTreatment = response?.itemList || [];\r\n this.loadingCheckAmaTreatment = false;\r\n }),\r\n )\r\n .catch(\r\n action(() => {\r\n this.loadingCheckAmaTreatment = false;\r\n this.listTreatment = [];\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action refetchGroup = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchService();\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'Name';\r\n this.sortDirection = 'ascending';\r\n this.filterServiceType = '';\r\n this.filterTypeProcedure = '';\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n };\r\n}\r\n\r\nexport default new ServiceFeeStore();\r\n","import { toJS } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport React, { useState, useEffect } from 'react';\r\nimport {\r\n Button,\r\n Form,\r\n Icon,\r\n Input,\r\n Table,\r\n TableBody,\r\n Select,\r\n} from 'semantic-ui-react';\r\nimport cx from 'classnames';\r\nimport orderBy from 'lodash/orderBy';\r\n\r\nimport Modal from '../../shared/Modal';\r\nimport ServiceFeeStore from './AMAServiceFeeStore';\r\nimport { TableEmptyMessage, TableHeader } from '../../shared/table';\r\nimport { uniqBy } from 'lodash';\r\n// import { Tab } from 'bootstrap';\r\n// import customFetch from '../../../utils/customFetch';\r\n\r\nfunction ModalCheckTreatment({ open, onCancel, modalParams }) {\r\n const [listTreatment, setListTreatment] = useState([\r\n {\r\n idx: 1,\r\n treatment: '',\r\n },\r\n ]);\r\n const [showTable, setShowTable] = useState(false);\r\n\r\n const [quoteCodeFee, setQuoteCodeFee] = useState(0);\r\n\r\n const onAdd = () => {\r\n setListTreatment([\r\n ...listTreatment,\r\n { idx: listTreatment.length + 1, treatment: '' },\r\n ]);\r\n };\r\n\r\n useEffect(() => {\r\n ServiceFeeStore.setFieldsValue({\r\n listTreatment: [],\r\n searchExcludedText: '',\r\n });\r\n }, []);\r\n\r\n const handleCheck = () => {\r\n const newArray = listTreatment.filter(i => i.treatment);\r\n setListTreatment(newArray);\r\n setShowTable(true);\r\n ServiceFeeStore.fetchCheckTreatmentCaculations(listTreatment);\r\n };\r\n\r\n const renderHighLightText = (listExcludedAMACode, amaCode) => {\r\n if (listExcludedAMACode && Array.isArray(listExcludedAMACode)) {\r\n const dataCheckTreatment = toJS(ServiceFeeStore.listTreatment);\r\n const listExcludeCode = toJS(ServiceFeeStore.listTreatment)\r\n .map(i => i.ListExcludedAMACode)\r\n .filter(i => !!i.length);\r\n const excludeCode = dataCheckTreatment\r\n .map(i => i.AMACode)\r\n .map(i => listExcludedAMACode.find(code => code.ExcludedAMACode === i))\r\n .filter(i => i);\r\n const excludeCode_ = uniqBy(\r\n [].concat.apply([], listExcludeCode),\r\n 'Id',\r\n ).filter(i => i.ExcludedAMACode === amaCode);\r\n return !!excludeCode.length || !!excludeCode_.length;\r\n }\r\n return false;\r\n };\r\n\r\n const renderTableBody = data => {\r\n return data.map(({ Id, ...record }) => (\r\n \r\n
\r\n ),\r\n }));\r\n\r\n return (\r\n {r.text}
\r\n \r\n \r\n \r\n ({ value: i.value, text: i.label }))}\r\n value={\r\n STATUST.find(i => i.value === ServiceFeeStore.filterStatus)\r\n .label\r\n }\r\n onChange={this.onChangeStatus}\r\n label=\"Status\"\r\n />\r\n \r\n Search\r\n \r\n \r\n Clear\r\n \r\n \r\n Check Treatment Fees\r\n \r\n {api.isAdmin() && (\r\n \r\n Add Code\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ServiceFeeToolbar;\r\n","import { Spin } from 'antd';\r\nimport { observer } from 'mobx-react';\r\nimport React from 'react';\r\n\r\nimport ServiceFeeModal from './AMAServiceFeeModal';\r\nimport amaStore from './AMAServiceFeeStore';\r\nimport ServiceFeeTable from './AMAServiceFeeTable';\r\nimport ServiceFeeToolbar from './AMAServiceFeeToolbar';\r\n\r\n@observer\r\nclass AMAFeeCodes extends React.Component {\r\n componentDidMount() {\r\n // amaStore.fetchService(true);\r\n amaStore.fetchFiles(true);\r\n amaStore.fetchServiceTypeAMACodeFiles();\r\n amaStore.fetchTypeProcedureAMACodeFiles();\r\n }\r\n render() {\r\n const { loading, loadingServiceGroup, data, open, dataServiceGroup } = amaStore;\r\n return (\r\n \r\n {loading && loadingServiceGroup && !dataServiceGroup ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AMAFeeCodes;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass DocAndConsStore {\r\n @observable loading = true;\r\n @observable loadingSearch = true;\r\n @observable loadingHistory = true;\r\n \r\n @observable picData = [];\r\n @observable data = null;\r\n @observable dataSearch = null;\r\n @observable dataFiles = null;\r\n @observable dataActionNotes = null;\r\n @observable dataStaffs = null;\r\n @observable dataExport = null;\r\n @observable dataUser = null;\r\n @observable dataHistory = null;\r\n\r\n @observable ActionRequired = false;\r\n\r\n @observable keyword = '';\r\n @observable keywordSearch = '';\r\n @observable filterRecruitment = 'All';\r\n @observable filterStatus = 'active';\r\n @observable filterPIC = '';\r\n @observable fromTo = '';\r\n @observable statusId = 0;\r\n @observable serviceGroupId = 'All';\r\n\r\n @observable sortKey = 'FirstName';\r\n @observable sortColumn = 'Name';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable numberPageSearch = 30;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchMain();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n customFetch('/MedicalDoctor/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: false,\r\n UrgentReport: false,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataFiles = data;\r\n // this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchSearch = () => {\r\n this.loadingSearch = true;\r\n customFetch('/MedicalDoctor/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordSearch,\r\n CurPage: 1,\r\n NumItemPerPage: this.numberPageSearch,\r\n Showing: this.filterStatus,\r\n IsSelectionList: true,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataSearch = data;\r\n this.loadingSearch = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchMain = (setTotalPage = false) => {\r\n this.loading = true;\r\n customFetch('/MedicalDoctor/GetForMainListing', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: this.ActionRequired,\r\n UrgentReport: false,\r\n ActionRequiredById: this.filterPIC,\r\n ShowingRecruitment: this.filterRecruitment,\r\n Showing: this.filterStatus,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.fetchSearch();\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchHistory = () => {\r\n this.loadingHistory = true;\r\n customFetch('/Manager/GetLoginHistory', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n uId: this.modalParams.record.UserId,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: 'LoginDate',\r\n SortDirection: 'descending'.replace('ending', '').toUpperCase(),\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataHistory = data;\r\n this.loadingHistory = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n serviceItemCreate = (service = {}) => {\r\n return action(() => {\r\n this.serviceItem = service;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n @action handleSearchChangeClinic = ({ target }) => {\r\n this.keywordClinic = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchMain(setTotalPage);\r\n };\r\n\r\n @action refetchSearch = (data = {}) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchSearch(true);\r\n };\r\n\r\n @action refetchStaffs = (data = {}) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchStaffs();\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filterRecruitment = 'All';\r\n this.filterStatus = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'FirstName';\r\n this.ActionRequired = false;\r\n this.keywordSearch = '';\r\n\r\n this.numberPageSearch = 30;\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n };\r\n\r\n @action resetSearch = () => {\r\n this.keywordSearch = '';\r\n this.numberPageSearch = 30;\r\n\r\n this.refetchSearch({});\r\n };\r\n\r\n @action fetchPIC = () => {\r\n this.loading = true;\r\n\r\n return customFetch('/MedicalDoctor/GetStaffAssign', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n }).then(\r\n action(res => {\r\n if (res.status === 'success') {\r\n this.picData = res.itemList;\r\n console.log(\"picData\", this.picData);\r\n }\r\n }),\r\n );\r\n };\r\n}\r\n\r\nexport default new DocAndConsStore();\r\n","import { observer } from 'mobx-react';\r\nimport React from 'react';\r\n// import { Checkbox } from 'semantic-ui-react';\r\nimport { toJS } from 'mobx';\r\n\r\nimport TableToolbar from '../../shared/tableToolbar';\r\nimport DocAndConsStore from './DocAndConsStore';\r\nimport dashboardStore from '../../../stores/dashboard';\r\n\r\nconst RecruitmentStatusLabels = [\r\n { text: `All`, value: `All` },\r\n { text: `Recruiting`, value: `Recruiting` },\r\n { text: `Onboarding`, value: `Onboarding` },\r\n { text: `Onboarded`, value: `Onboarded` },\r\n];\r\n\r\nconst DoctorStatusLabels = [\r\n { text: `All`, value: `All` },\r\n { text: `Active`, value: `active` },\r\n { text: `Inactive`, value: `inactive` },\r\n { text: `Specialists With Clinic`, value: `wClinic` },\r\n { text: `Specialists Without Clinic`, value: `woClinic` },\r\n];\r\n\r\n@observer\r\nclass DocAndConsToolbar extends React.Component {\r\n openModal = options => {\r\n return DocAndConsStore.toggleModal(true, options);\r\n };\r\n openCaseCreate = () => () => {\r\n if (localStorage.getItem(`DoctorName`)) {\r\n localStorage.removeItem(`DoctorName`);\r\n }\r\n dashboardStore.close('/view/add-edit-doctor-2', true);\r\n setTimeout(() => {\r\n dashboardStore.open('/view/add-edit-doctor-2');\r\n });\r\n };\r\n\r\n handleScroll = event => {\r\n const target = event.target;\r\n const number = DocAndConsStore.numberPageSearch;\r\n const scrollNumber = target.scrollHeight - target.scrollTop;\r\n const clientHeight = target.clientHeight;\r\n if (scrollNumber <= clientHeight + 5 && scrollNumber >= clientHeight - 5) {\r\n DocAndConsStore.refetchSearch({ numberPageSearch: number + 20 });\r\n }\r\n };\r\n\r\n renderRecruitmentOptions = () => {\r\n return RecruitmentStatusLabels.map(opt => ({\r\n text: opt.text,\r\n value: opt.value,\r\n }));\r\n };\r\n\r\n renderRecruitmentText = value => {\r\n let labels = RecruitmentStatusLabels.filter(opt => opt.value === value).map(\r\n opt => opt.text,\r\n );\r\n return labels[0];\r\n };\r\n\r\n renderDoctorOptions = () => {\r\n return DoctorStatusLabels.map(opt => ({\r\n text: opt.text,\r\n value: opt.value,\r\n }));\r\n };\r\n\r\n renderPICOptions = () => {\r\n const array = [];\r\n const data = toJS(DocAndConsStore.picData);\r\n for (var i = 0; i < data.length; i++) {\r\n array.push(data[i]);\r\n }\r\n array.unshift({ Id: '', FullName: 'All', Count: 0 });\r\n return array.map(opt => {\r\n if (opt.FullName === 'All') {\r\n return {\r\n text: opt.FullName,\r\n value: opt.Id,\r\n };\r\n } else {\r\n return {\r\n text: `${opt.FullName} (${opt.Count})`,\r\n value: opt.Id,\r\n };\r\n }\r\n });\r\n };\r\n\r\n renderPICText = value => {\r\n if (value === '') {\r\n return 'All';\r\n } else {\r\n const array = [];\r\n const data = toJS(DocAndConsStore.picData);\r\n for (var i = 0; i < data.length; i++) {\r\n array.push(data[i]);\r\n }\r\n array.unshift({ Id: '', FullName: 'All', Count: 0 });\r\n let labels = array\r\n .filter(opt => opt.Id === value)\r\n .map(opt => {\r\n if (opt.FullName === 'All') {\r\n return opt.FullName;\r\n } else {\r\n return `${opt.FullName} (${opt.Count})`;\r\n }\r\n });\r\n return labels[0];\r\n }\r\n };\r\n\r\n renderDoctorText = value => {\r\n let labels = DoctorStatusLabels.filter(opt => opt.value === value).map(\r\n opt => opt.text,\r\n );\r\n return labels[0];\r\n };\r\n\r\n handleFilterActionPIC = (_, { value }) => {\r\n DocAndConsStore.refetch({ filterPIC: value, curPage: 1 }, true);\r\n };\r\n\r\n handleRecruitment = (_, { value }) => {\r\n DocAndConsStore.refetch({ filterRecruitment: value, curPage: 1 }, true);\r\n };\r\n\r\n handleDoctor = (_, { value }) => {\r\n DocAndConsStore.refetch({ filterStatus: value, curPage: 1 }, true);\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n DocAndConsStore.refetch({ curPage: 1 }, true);\r\n };\r\n\r\n changeActionRequired = () => {\r\n const { ActionRequired } = DocAndConsStore;\r\n DocAndConsStore.refetch(\r\n { ActionRequired: !ActionRequired, curPage: 1 },\r\n true,\r\n );\r\n };\r\n handleChangeSearchDropdown = e => {\r\n DocAndConsStore.refetchSearch({\r\n keywordSearch: e.target.value,\r\n keyword: e.target.value,\r\n numberPageSearch: 30,\r\n });\r\n };\r\n\r\n renderActionOptions = () => {\r\n const array = [];\r\n const data = toJS(DocAndConsStore.dataSearch.itemList);\r\n for (var i = 0; i < data.length; i++) {\r\n array.push(data[i]);\r\n }\r\n array.unshift({\r\n Id: 'All',\r\n FullName: ``,\r\n ClientType: ``,\r\n Specialty: ``,\r\n Accreditations: ``,\r\n });\r\n return array.map((opt, index) => ({\r\n text: `${\r\n opt.Id === `All`\r\n ? `All`\r\n : `${opt.Id || ''} ${opt.FullName ? `- ${opt.FullName}` : ``}\r\n ${opt.Specialty ? `| Specialty:` : ``}\r\n ${opt.Specialty || ``}\r\n ${opt.Accreditations ? `| Accreditations: ` : ``} ${opt.Accreditations ||\r\n ``}`\r\n }`,\r\n value: JSON.stringify({\r\n id: opt.Id,\r\n key: `${opt.Id} ${index}`,\r\n value: `${opt.FullName}`,\r\n }),\r\n }));\r\n };\r\n\r\n checkIsJSON = value => {\r\n try {\r\n JSON.parse(value);\r\n } catch (e) {\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n handleFilterAction = (_, { value }) => {\r\n const doctor = this.checkIsJSON(value) ? JSON.parse(value) : value;\r\n if (doctor.id === `All`) {\r\n DocAndConsStore.refetch(\r\n {\r\n keyword: ``,\r\n curPage: 1,\r\n },\r\n true,\r\n );\r\n DocAndConsStore.resetSearch();\r\n } else {\r\n DocAndConsStore.refetch(\r\n {\r\n keyword: doctor.id,\r\n curPage: 1,\r\n numberPageSearch: 30,\r\n keywordSearch: `${doctor.id}`,\r\n },\r\n true,\r\n );\r\n }\r\n };\r\n\r\n renderSearchText = value => {\r\n const array = [];\r\n const data = toJS(DocAndConsStore.dataSearch.itemList);\r\n for (var i = 0; i < data.length; i++) {\r\n array.push(data[i]);\r\n }\r\n array.unshift({\r\n Id: 'All',\r\n FullName: ``,\r\n });\r\n let labels = array\r\n .filter(opt => opt.Id === value)\r\n .map(opt => `${opt.FullName || ``}`);\r\n if (labels[0]) return labels[0];\r\n return value.toString();\r\n };\r\n\r\n handleRefresh = () => {\r\n DocAndConsStore.refetch(\r\n {\r\n data: null,\r\n dataSearch: null,\r\n },\r\n true,\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n keyword,\r\n loading,\r\n filterRecruitment,\r\n filterStatus,\r\n // ActionRequired,\r\n loadingSearch,\r\n filterPIC,\r\n } = DocAndConsStore;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Search\r\n \r\n \r\n Clear\r\n \r\n \r\n Refresh\r\n \r\n \r\n Add New Specialist\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DocAndConsToolbar;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass DoctorClinicStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n @observable filter = `selected`\r\n @observable clinics = null;\r\n\r\n @observable keyword = '';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchClinic();\r\n };\r\n\r\n @action fetchDoctor = (setTotalPage = false) => {\r\n this.loading = true;\r\n\r\n customFetch('/Clinic/GetClinicList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n IsSelectionList: true,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchDoctor(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n };\r\n}\r\n\r\nexport default new DoctorClinicStore();\r\n","import React from 'react';\r\nimport { Button } from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal/';\r\n\r\nfunction ModalResetPassword({ message, open, onCancel }) {\r\n const handleOnOkClick = () => {\r\n onCancel();\r\n };\r\n\r\n return (\r\n {message}
\r\n \r\n );\r\n}\r\n\r\nexport default ModalResetPassword;\r\n","import './index.scss';\r\nimport { Dropdown, Menu, notification } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport { action } from 'mobx';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table, TableBody } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport {\r\n TableEmptyMessage,\r\n TableFooterPagination,\r\n TableHeader,\r\n} from '../../shared/table';\r\nimport FormatPhoneNumber from '../../shared/FormatPhoneNumber';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport DocAndConsStore from './DocAndConsStore';\r\nimport DoctorClinicStore from './DoctorClinicStore';\r\nimport ModalResetPassword from './ModalResetPassword';\r\nimport dashboardStore from '../../../stores/dashboard';\r\nimport moment from 'moment';\r\nimport router from '../../../stores/router';\r\n\r\nconst columns = [\r\n { title: '' },\r\n { title: 'ID', sortKey: 'Id' },\r\n { title: 'Title' },\r\n { title: 'First Name', sortKey: 'FirstName' },\r\n { title: 'Last Name', sortKey: 'LastName' },\r\n { title: 'Action Required' },\r\n { title: 'Contract Date', sortKey: 'ContractWithMagDate' },\r\n { title: 'Recruitment Status', sortKey: 'RecruitmentStatus' },\r\n { title: 'Recruitment PIC', sortKey: 'PiCFullName' },\r\n { title: 'Username Login' },\r\n { title: 'Specialties' },\r\n { title: 'Provider No' },\r\n { title: 'Qualifications' },\r\n { title: 'Accreditations' },\r\n { title: 'Office Phone' },\r\n { title: 'Business Email' },\r\n { title: 'Suburb' },\r\n { title: 'Account Status' },\r\n { title: 'Created At', sortKey: 'CreatedDate' },\r\n { title: 'Created By', sortKey: 'CreatedByUsername' },\r\n];\r\n\r\n@observer\r\nclass DocAndConsTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openModalNotification: false,\r\n message: ``,\r\n };\r\n }\r\n\r\n openModal = options => {\r\n return DocAndConsStore.toggleModal(true, options);\r\n };\r\n\r\n openCaseDetail = (id, record, type = 'view') => () => {\r\n localStorage.setItem(\r\n 'DoctorName',\r\n `${record.FirstName} ${record.LastName}`,\r\n );\r\n dashboardStore.close('/view/add-edit-doctor-2', true);\r\n let step = 0;\r\n let type_ = 'view';\r\n switch (type) {\r\n case 'details':\r\n step = 0;\r\n type_ = 'edit';\r\n break;\r\n case 'loginInfo':\r\n step = 2;\r\n type_ = 'edit';\r\n break;\r\n case 'assisgnMed':\r\n step = 4;\r\n type_ = 'edit';\r\n break;\r\n case 'correspondence':\r\n step = 6;\r\n type_ = 'edit';\r\n break;\r\n default:\r\n break;\r\n }\r\n setTimeout(() => {\r\n router.history.push({\r\n pathname: '/view/add-edit-doctor-2',\r\n state: { userId: record.UserId },\r\n search: `?id=${id}&action=${type_}&step=${step}`,\r\n });\r\n });\r\n };\r\n\r\n openCaseManageCalendar = (id, name) => () => {\r\n localStorage.setItem('DocAndCons', name);\r\n iframe.forceOpenTab(\r\n 'ManageCalendar',\r\n `?doctorId=${id}&view=ManageCalendar`,\r\n {\r\n doctorId: id,\r\n view: 'ManageCalendar',\r\n },\r\n );\r\n };\r\n handleEditItemStatus = (id, record) => async () => {\r\n DocAndConsStore.setFieldsValue({ loading: true });\r\n\r\n try {\r\n await customFetch('/MedicalDoctor/Authorize', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id, status: !record.IsActive }),\r\n });\r\n await DocAndConsStore.refetch({}, true);\r\n } finally {\r\n DocAndConsStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n handleDelete = id => async () => {\r\n DocAndConsStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/MedicalDoctor/Delete', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id }),\r\n });\r\n await DocAndConsStore.refetch({}, true);\r\n } finally {\r\n DocAndConsStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n fetchClinicDoctor = async clinicDoctors => {\r\n DoctorClinicStore.setFieldsValue({\r\n loading: true,\r\n clinics: clinicDoctors,\r\n });\r\n await customFetch('/Clinic/GetClinicByIdList', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify(clinicDoctors.map(i => i)),\r\n }).then(\r\n action(data =>\r\n DoctorClinicStore.setFieldsValue({\r\n data,\r\n loading: false,\r\n totalPage: data.sumPage || DoctorClinicStore.totalPage,\r\n curPage: 1,\r\n }),\r\n ),\r\n );\r\n };\r\n\r\n handleActionNotes = (Id, record) => () => {\r\n customFetch('/MedicalDoctor/GetActionNotes', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ recordId: Id }),\r\n })\r\n .then(\r\n action(data => {\r\n DocAndConsStore.dataActionNotes = data;\r\n }),\r\n )\r\n .then(\r\n this.openModal({\r\n modalType: 'actionNotes',\r\n Id,\r\n record,\r\n }),\r\n );\r\n };\r\n\r\n handleEditUser = (Id, record) => () => {\r\n customFetch('/Manager/GetUserById', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ userId: record.UserId }),\r\n })\r\n .then(\r\n action(data => {\r\n DocAndConsStore.dataUser = data;\r\n }),\r\n )\r\n .then(\r\n this.openModal({\r\n modalType: 'editUser',\r\n Id,\r\n record,\r\n }),\r\n );\r\n };\r\n\r\n convertEmailCreatedAt = email => {\r\n const domain = '@medicolegalassessmentsgroup.com.au';\r\n const email_ = email\r\n ? email.search(domain) && email.replace(domain, '')\r\n : email;\r\n return email_;\r\n };\r\n\r\n handleUnlockUser = record => async () => {\r\n DocAndConsStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/manager/unlockUser', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId: record.UserId }),\r\n }).then(\r\n this.openModal({\r\n modalType: 'alert',\r\n message: 'User has been unlocked',\r\n }),\r\n );\r\n await DocAndConsStore.refetch({}, true);\r\n } finally {\r\n DocAndConsStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n handleResetPassword = (id, record) => () => {\r\n customFetch('/Manager/ResetPassword', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId: record.UserId, doctorId: id }),\r\n }).then(res => {\r\n this.setState({\r\n openModalNotification: true,\r\n message: `Generated password: ${res.result}`,\r\n });\r\n });\r\n };\r\n\r\n handleResendLoginInformation = (id, record) => () => {\r\n customFetch('/Manager/ResendLoginInformation', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ uId: record.UserId, doctorId: id }),\r\n }).then(() => {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: `Resend login Information: Successfully!!`,\r\n duration: 2,\r\n placement: `bottomRight`,\r\n });\r\n });\r\n };\r\n\r\n renderTableBody = (data, colSpan) => {\r\n if (!data || !data.itemList.length) {\r\n return \r\n Action required{' '}\r\n {record.ActionRequiredDueDate\r\n ? ' - Due Date:' +\r\n `${\r\n record.ActionRequiredDueDate\r\n ? moment(\r\n formatDate(record.ActionRequiredDueDate),\r\n 'DD MMM YYYY',\r\n ).format('DD/MM/YYYY')\r\n : 'N/A'\r\n }`\r\n : ''}\r\n {record.ActionRequiredStaffName\r\n ? '- PIC' + record.ActionRequiredStaffName\r\n : ''}\r\n
\r\n ) : (\r\n ''\r\n )}\r\n View\r\n \r\n {record.ProviderNumber}
\r\n {record.ProviderNumber2}
\r\n {record.ProviderNumber3}
\r\n {record.ProviderNumber4}
\r\n \r\n
\r\n
\r\n );\r\n\r\n const handleOnOkClick = () => {\r\n onOk && onOk();\r\n onCancel();\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {`${record.FirstName} ${record.LastName} Clinics`} \r\n \r\n \r\n {data.itemList.length ? (\r\n this.renderTable()\r\n ) : (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ModalDoctorClinic;\r\n","import React from 'react';\r\nimport {observer} from 'mobx-react';\r\nimport {uniqBy} from 'lodash';\r\nimport {toJS} from 'mobx';\r\nimport moment from 'moment';\r\nimport {\r\n Button,\r\n Form,\r\n Icon,\r\n Checkbox,\r\n TextArea,\r\n Select,\r\n} from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal';\r\nimport customFetch from '../../../utils/customFetch';\r\nimport DocAndConsStore from './DocAndConsStore';\r\nimport {DatePicker, Spin} from 'antd';\r\n\r\nconst datePickerFormat = 'DD/MM/YYYY';\r\n\r\n@observer class ModalActionNotes extends React.Component {\r\n constructor (props) {\r\n super (props);\r\n this.state = {\r\n DoctorClinic: {\r\n Id: this.props.modalParams.Id,\r\n IsActionRequired: DocAndConsStore.dataActionNotes.actionNotes\r\n .IsActionRequired,\r\n ActionRequiredStaffId: DocAndConsStore.modalParams.record\r\n .ActionRequiredStaffId,\r\n ActionRequiredCompleted: DocAndConsStore.dataActionNotes.actionNotes\r\n .ActionRequiredCompleted,\r\n ActionRequiredDate: DocAndConsStore.dataActionNotes.actionNotes\r\n .ActionRequiredDate,\r\n ActionRequiredDueDate: DocAndConsStore.dataActionNotes.actionNotes\r\n .ActionRequiredDueDate,\r\n ActionRequiredCompletedDate: DocAndConsStore.dataActionNotes.actionNotes\r\n .ActionRequiredCompletedDate,\r\n ActionRequiredNote: DocAndConsStore.dataActionNotes.actionNotes\r\n .ActionRequiredNote,\r\n },\r\n staffs: [],\r\n loading: true,\r\n };\r\n }\r\n\r\n async componentDidMount () {\r\n try {\r\n const staffsPromise = customFetch ('/MedicalDoctor/GetStaffs', {\r\n method: 'POST',\r\n });\r\n\r\n const [staffs] = await Promise.all ([staffsPromise]);\r\n\r\n this.setState ({\r\n staffs: uniqBy (staffs.itemList, 'Id'),\r\n });\r\n } finally {\r\n this.setState ({loading: false});\r\n }\r\n }\r\n\r\n onChangeDisable = () => {\r\n this.setState(state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n IsActionRequired: false,}\r\n }));\r\n };\r\n\r\n onChangeEnable = () => {\r\n this.setState(state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n IsActionRequired: true,}\r\n }));\r\n };\r\n\r\n onChangeDateDisable = () => {\r\n this.setState(state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n ActionRequiredCompletedDate: null,\r\n ActionRequiredCompleted: false,}\r\n }));\r\n };\r\n\r\n onChangeDateEnable = () => {\r\n this.setState(state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n ActionRequiredCompletedDate: moment(Date.now()),\r\n ActionRequiredCompleted: true,}\r\n }));\r\n };\r\n\r\n handlePickerChange = name => momentValue => {\r\n this.setState (state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n [name]: momentValue.format(),\r\n },\r\n }));\r\n };\r\n\r\n renderStaffsOptions = () => {\r\n return toJS (this.state.staffs).map (opt => ({\r\n text: opt.FullName,\r\n value: opt.Id,\r\n }));\r\n };\r\n\r\n handleFilterStaffs = (_, {value}) => {\r\n this.setState (state => ({\r\n DoctorClinic: {\r\n ...state.DoctorClinic,\r\n ActionRequiredStaffId: value,\r\n },\r\n }));\r\n };\r\n\r\n handleSubmitActionNotes = async () => {\r\n DocAndConsStore.setFieldsValue ({loading: true});\r\n try {\r\n await customFetch ('/MedicalDoctor/PostActionNotes_Submit', {\r\n headers: {'Content-Type': 'application/json'},\r\n method: 'POST',\r\n body: JSON.stringify ({...this.state.DoctorClinic,\r\n ActionRequiredDate: moment(this.state.DoctorClinic.ActionRequiredDate).format(),\r\n ActionRequiredDueDate: moment(this.state.DoctorClinic.ActionRequiredDueDate).format(),\r\n ActionRequiredCompletedDate: moment(this.state.DoctorClinic.ActionRequiredCompletedDate).format()}),\r\n }).then (respone => {\r\n if (respone.status === 'success') {\r\n this.props.onCancel ();\r\n }\r\n });\r\n await DocAndConsStore.fetchFiles ({}, true);\r\n } finally {\r\n DocAndConsStore.setFieldsValue ({loading: false});\r\n }\r\n };\r\n\r\n onCancel = () => {\r\n this.props.onCancel ();\r\n };\r\n render () {\r\n const {open} = DocAndConsStore;\r\n const {loading, staffs} = this.state;\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {loading && !staffs.length\r\n ? \r\n \r\n \r\n \r\n \r\n }\r\n title=\"Action Notes\"\r\n >\r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ModalActionNotes;\r\n","import './index.scss';\r\nimport React from 'react';\r\nimport {observer} from 'mobx-react';\r\nimport {uniqBy} from 'lodash';\r\nimport {Button, Form, Checkbox, Select} from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal';\r\nimport customFetch from '../../../utils/customFetch';\r\nimport DocAndConsStore from './DocAndConsStore';\r\nimport {DatePicker, Spin} from 'antd';\r\n\r\nconst DoctorLabels = [\r\n {text: `ACT`, value: `ACT`},\r\n {text: `NSW`, value: `NSW`},\r\n {text: `VIC`, value: `VIC`},\r\n {text: `QLD`, value: `QLD`},\r\n {text: `SA`, value: `SA`},\r\n {text: `WA`, value: `WA`},\r\n {text: `TAS`, value: `TAS`},\r\n {text: `NT`, value: `NT`},\r\n];\r\n\r\nconst datePickerFormat = 'DD/MM/YYYY';\r\n\r\n@observer class ModalExportDoctor extends React.Component {\r\n constructor (props) {\r\n super (props);\r\n this.state = {\r\n exported: [],\r\n speItemList: [],\r\n accreditationList: [],\r\n DateFrom: null,\r\n DateTo: null,\r\n loading: true,\r\n IncludeRecruitingDoctors: true,\r\n IncludeOnboardingDoctors: true,\r\n IncludeOnboardedDoctors: true,\r\n IncludeNCIDoctors: true,\r\n doctorTypes1: '',\r\n doctorTypes2: '',\r\n doctorTypes3: '',\r\n acceptTeleAssessment: false,\r\n selectedSpecialties: [],\r\n selectedAccreditations: [],\r\n state: '',\r\n };\r\n }\r\n async componentDidMount () {\r\n try {\r\n const exportPromise = customFetch ('/MedicalDoctor/GetLookUpConfig', {\r\n method: 'POST',\r\n headers: {'Content-Type': 'application/json'},\r\n body: JSON.stringify ({type: 'doctor'}),\r\n });\r\n\r\n const [exportDoctor] = await Promise.all ([exportPromise]);\r\n\r\n this.setState ({\r\n speItemList: uniqBy (exportDoctor.speItemList),\r\n exported: exportDoctor,\r\n accreditationList: uniqBy (exportDoctor.accreditationList),\r\n });\r\n } finally {\r\n this.setState ({loading: false});\r\n }\r\n }\r\n\r\n renderSpeFilterOptions = () => {\r\n return this.state.speItemList.map (opt => ({\r\n text: opt.Label,\r\n value: opt.Id,\r\n }));\r\n };\r\n\r\n renderSpeFilterText = value => {\r\n let labels = this.state.speItemList\r\n .filter (opt => opt.Id === value)\r\n .map (opt => opt.Label);\r\n return labels[0];\r\n };\r\n renderAccreditationFilterOptions = () => {\r\n return this.state.accreditationList.map (opt => ({\r\n text: opt.Label,\r\n value: opt.Label,\r\n }));\r\n };\r\n\r\n renderAccreditationFilterText = value => {\r\n let labels = this.state.accreditationList\r\n .filter (opt => opt.value === value)\r\n .map (opt => opt.value);\r\n return labels[0];\r\n };\r\n\r\n renderDoctorFilterOptions = () => {\r\n return DoctorLabels.map (opt => ({\r\n text: opt.text,\r\n value: opt.value,\r\n }));\r\n };\r\n\r\n renderDoctorFilterText = value => {\r\n let labels = DoctorLabels.filter (opt => opt.value === value).map (\r\n opt => opt.text\r\n );\r\n return labels[0];\r\n };\r\n\r\n onChangeCheckBoxFalse = name => {\r\n this.setState ({\r\n ...this.state,\r\n [name]: false,\r\n });\r\n };\r\n\r\n onChangeCheckBox = (name, value) => {\r\n this.setState ({\r\n ...this.state,\r\n [name]: value,\r\n });\r\n };\r\n\r\n handlePickerChange = name => momentValue => {\r\n this.setState ({\r\n ...this.state,\r\n [name]: momentValue.format ('DDMMMMYYYY'),\r\n });\r\n };\r\n handleOnChangeDropDown = name => (e, { value }) => {\r\n this.setState({ ...this.state, [name]: value });\r\n };\r\n\r\n handleOnChangeAccDropDown = (e, { value }) => {\r\n this.setState({ ...this.state, selectedAccreditations: value });\r\n };\r\n\r\n handleExport = () => {\r\n const {\r\n IncludeRecruitingDoctors,\r\n IncludeOnboardingDoctors,\r\n IncludeOnboardedDoctors,\r\n IncludeNCIDoctors,\r\n DateFrom,\r\n DateTo,\r\n doctorTypes1,\r\n doctorTypes2,\r\n doctorTypes3,\r\n acceptTeleAssessment,\r\n state,\r\n } = this.state;\r\n const doctorTypes = [];\r\n if (doctorTypes1) {\r\n doctorTypes.push (doctorTypes1);\r\n }\r\n if (doctorTypes2) {\r\n doctorTypes.push (doctorTypes2);\r\n }\r\n if (doctorTypes3) {\r\n doctorTypes.push (doctorTypes3);\r\n }\r\n const params = Object.assign (\r\n {},\r\n {\r\n from: DateFrom,\r\n to: DateTo,\r\n IncludeRecruitingDoctors: IncludeRecruitingDoctors,\r\n IncludeOnboardingDoctors: IncludeOnboardingDoctors,\r\n IncludeOnboardedDoctors: IncludeOnboardedDoctors,\r\n IncludeNCIDoctors: IncludeNCIDoctors,\r\n acceptTeleAssessment: acceptTeleAssessment,\r\n state: state,\r\n },\r\n );\r\n var qs = Object.entries(params).map(([key, val]) => (`${key}=${val}`)).join('&')\r\n var qs1 = doctorTypes.map(val => (`doctorTypes=${val}`)).join('&')\r\n var qs2 = this.state.selectedSpecialties.map(val => (`speList=${val}`)).join('&')\r\n var qs3 = this.state.selectedAccreditations.map(val => (`accList=${val.replace(/\\s+/g, '+')}`)).join('&')\r\n window.open (\r\n '/Report/ExportDoctor?' +qs +'&'+ qs1 +'&'+ qs2 +'&'+ qs3,'_blank'\r\n );\r\n };\r\n\r\n onCancel = () => {\r\n this.props.onCancel ();\r\n };\r\n render () {\r\n const {open} = DocAndConsStore;\r\n const {\r\n exported,\r\n loading,\r\n IncludeRecruitingDoctors,\r\n IncludeOnboardingDoctors,\r\n IncludeOnboardedDoctors,\r\n IncludeNCIDoctors,\r\n } = this.state;\r\n return (\r\n {message}
\r\n );\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n );\r\n\r\n const handleOnCreateClick = () => async () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/Manager/Save', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ modUserParam: { ...userInfo } }),\r\n })\r\n .then(respone => {\r\n if (respone.status === 'success') {\r\n onCancel();\r\n }\r\n })\r\n .catch(err => {\r\n const errObj = JSON.parse(JSON.stringify(err));\r\n for (var key in errObj) {\r\n if (key === `UserName`) {\r\n setErrorUserName(`This user name is not available.`);\r\n }\r\n if (key === `Email`) {\r\n setErrorEmail(`This email is not available.`);\r\n }\r\n }\r\n });\r\n await LoginUserStore.fetchLoginUser({}, true);\r\n } finally {\r\n LoginUserStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n const handleOnSaveClick = () => async () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/Manager/Save', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({\r\n modUserParam: {\r\n ...userInfo,\r\n FullName: `${userInfo.FirstName} ${userInfo.LastName}`,\r\n StatusChangedDate: record.StatusChangedDate\r\n ? new Date(formatDate(record.StatusChangedDate))\r\n : null,\r\n Activated: record.Activated,\r\n Address: record.Address,\r\n Birthday: record.Birthday,\r\n CaseManagerId: record.CaseManagerId,\r\n CityId: record.CityId,\r\n CreatedDate: record.CreatedDate\r\n ? new Date(formatDate(record.CreatedDate))\r\n : null,\r\n Gender: record.Gender,\r\n LastLoginDate: record.LastLoginDate\r\n ? new Date(formatDate(record.StatusChangedDate))\r\n : null,\r\n Postcode: record.Postcode,\r\n Enabled: record.Enabled,\r\n District: record.District,\r\n },\r\n }),\r\n })\r\n .then(respone => {\r\n if (respone.status === 'success') {\r\n onCancel();\r\n }\r\n })\r\n .catch(err => {\r\n const errObj = JSON.parse(JSON.stringify(err));\r\n for (var key in errObj) {\r\n if (key === `UserName`) {\r\n setErrorUserName(`This user name is not available.`);\r\n }\r\n if (key === `Email`) {\r\n setErrorEmail(`This email is not available.`);\r\n }\r\n }\r\n });\r\n await LoginUserStore.fetchLoginUser({}, true);\r\n } finally {\r\n LoginUserStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n return (\r\n \r\n {`Login History - ${record.Email}`} \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ModalLoginUserHistory;\r\n","import React from 'react';\r\nimport { Button } from 'semantic-ui-react';\r\n\r\nimport Modal from '../../shared/Modal/';\r\n\r\nfunction ModalNotification({ open, onCancel, modalParams }) {\r\n const { message, onOk } = modalParams;\r\n\r\n const renderConfirmMessage = () => (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n {data.itemList.length ? (\r\n this.renderTableHistory()\r\n ) : (\r\n \r\n this.handlePageClick(page)}\r\n />\r\n \r\n
\r\n )}\r\n {message}
\r\n );\r\n\r\n const handleOnOkClick = () => {\r\n onOk && onOk();\r\n onCancel();\r\n };\r\n\r\n return (\r\n {message}
\r\n \r\n );\r\n}\r\n\r\nexport default ModalResetPassword;\r\n","import { Dropdown, Menu, notification } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport dashboard from '../../../stores/dashboard';\r\nimport * as api from '../../../stores/api';\r\nimport {\r\n TableEmptyMessage,\r\n TableFooterPagination,\r\n TableHeader,\r\n} from '../../shared/table';\r\nimport LoginUserStore from './LoginUserStore';\r\nimport ModalResetPassword from './ModalResetPassword';\r\nimport moment from 'moment';\r\n\r\nconst columns = [\r\n { title: '' },\r\n { title: 'User ID' },\r\n { title: 'User Name' },\r\n { title: 'Full Name' },\r\n { title: 'Email' },\r\n { title: 'Registered Date' },\r\n { title: 'Roles' },\r\n { title: 'Account Status' },\r\n { title: 'Date of Status' },\r\n { title: 'Last Login' },\r\n];\r\n@observer\r\nclass LoginUserTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openModalNotification: false,\r\n message: ``,\r\n };\r\n }\r\n getRolesLabel = Roles => {\r\n let roleLabels = [];\r\n Roles.forEach(Roles => {\r\n switch (Roles) {\r\n case `admin`:\r\n return roleLabels.push('Admin');\r\n case `magstaff`:\r\n return roleLabels.push('Staff');\r\n case `casemng`:\r\n return roleLabels.push('Case Manager');\r\n case `doctor`:\r\n return roleLabels.push('Specialist');\r\n case `accounting`:\r\n return roleLabels.push('Accounting');\r\n case `typist`:\r\n return roleLabels.push('Typist');\r\n default:\r\n return '';\r\n }\r\n });\r\n return roleLabels.join(', ');\r\n };\r\n openModal = options => {\r\n return LoginUserStore.toggleModal(true, options);\r\n };\r\n\r\n handleDelete = id => async () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n\r\n try {\r\n await customFetch('/Manager/DeleteUser', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({ userId: id, isLogicalDel: false }),\r\n });\r\n\r\n await LoginUserStore.fetchLoginUser({}, true);\r\n } finally {\r\n LoginUserStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n handleEditItemStatus = id => async () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/Manager/AllowAccess', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId: id }),\r\n });\r\n await LoginUserStore.fetchLoginUser({}, true);\r\n } finally {\r\n LoginUserStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n openNotification = message => {\r\n return LoginUserStore.toggleModal(true, {\r\n modalType: 'notification',\r\n message,\r\n });\r\n };\r\n\r\n handleUnlockUser = userId => async () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n try {\r\n await customFetch('/manager/unlockUser', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId }),\r\n }).then(this.openNotification('User has been unlocked'));\r\n await LoginUserStore.fetchLoginUser({}, true);\r\n } finally {\r\n LoginUserStore.setFieldsValue({ loading: false });\r\n }\r\n };\r\n\r\n openModalAddOrEdit = (userId, record) => {\r\n localStorage.setItem('StaffName', `${record.FullName}`);\r\n dashboard.close('/view/add-edit-staff-2', true);\r\n setTimeout(() => {\r\n dashboard.open(`/view/add-edit-staff-2?id=${userId}&action=edit`);\r\n });\r\n };\r\n\r\n handleResetPassword = userId => () => {\r\n customFetch('/Manager/ResetPassword', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId }),\r\n }).then(res => {\r\n this.setState({\r\n openModalNotification: true,\r\n message: `Resend login Information: ${res.result}`,\r\n });\r\n });\r\n };\r\n\r\n handleResendLoginInformation = userId => () => {\r\n customFetch('/Manager/ResendLoginInformation', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ uId: userId }),\r\n }).then(() => {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: `Resend login Information: Successfully!!`,\r\n duration: 2,\r\n placement: `bottomRight`,\r\n });\r\n });\r\n };\r\n\r\n handleImpersonateUser = userId => () => {\r\n LoginUserStore.setFieldsValue({ loading: true });\r\n customFetch('/Manager/ImpersonateUser', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ userId }),\r\n }).then(() => {\r\n var url = window.location.protocol + \"//\" + window.location.host + \"/view/dashboard\";\r\n window.location = url;\r\n });\r\n };\r\n\r\n handlePageClick = page => {\r\n LoginUserStore.refetch({ curPage: page });\r\n };\r\n\r\n renderTableBody = () => {\r\n return LoginUserStore.data.itemList.map(({ Id, ...record }) => (\r\n \r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default observer(LoginUser);\r\n","import customFetch from '../../../utils/customFetch';\r\n\r\nexport const getStaffInfo = id => {\r\n return customFetch('/Manager/GetUserById', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ userId: id }),\r\n });\r\n};\r\n\r\nexport const saveInfo = body => {\r\n return customFetch('/Manager/Save', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ modUserParam: body }),\r\n });\r\n};\r\n","import { action, observable } from 'mobx';\r\nimport Validator from 'validatorjs';\r\n\r\nimport { getStaffInfo, saveInfo } from './service';\r\nconst INIT_STAFF = {\r\n Email: '',\r\n FirstName: '',\r\n Id: '',\r\n LastName: '',\r\n Roles: ['magstaff'],\r\n UserName: '',\r\n};\r\n\r\nconst VALIDATE_RULES = {\r\n FirstName: 'required',\r\n LastName: 'required',\r\n Email: ['email', 'required'],\r\n UserName: 'required',\r\n Roles: 'required',\r\n};\r\n\r\nconst ERROR_MESSAGES = {\r\n required: 'This field is required',\r\n email: 'Invalid email address',\r\n max: {\r\n string: 'Must be less than or equal to :max digits',\r\n },\r\n};\r\n\r\nclass AddEdditStaffStore {\r\n @observable loading = true;\r\n @observable StaffInfo = INIT_STAFF;\r\n\r\n @observable StaffInfo_ = INIT_STAFF;\r\n @observable isChanged = {};\r\n\r\n //Save\r\n @observable loadingSave = false;\r\n\r\n //Check duplicate\r\n @observable loadingCheckDuplicate = false;\r\n\r\n //Error\r\n @observable errors = {};\r\n\r\n //Modal\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n //\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleValidate = (field, value) => {\r\n if (field === 'email') {\r\n const emailRequired = new Validator({ [field]: value }, { [field]: VALIDATE_RULES[field][1] }, ERROR_MESSAGES);\r\n const emailValidation = new Validator({ [field]: value }, { [field]: VALIDATE_RULES[field][0] }, ERROR_MESSAGES);\r\n if (emailRequired.passes()) {\r\n delete this.errors[field];\r\n if (emailValidation.passes()) {\r\n delete this.errors[field];\r\n } else {\r\n this.errors[field] = emailValidation.errors.first(field);\r\n }\r\n } else {\r\n this.errors[field] = emailRequired.errors.first(field);\r\n }\r\n } else {\r\n const validation = new Validator({ [field]: value }, { [field]: VALIDATE_RULES[field] }, ERROR_MESSAGES);\r\n if (validation.passes()) {\r\n delete this.errors[field];\r\n } else {\r\n this.errors[field] = validation.errors.first(field);\r\n }\r\n }\r\n };\r\n\r\n @action fetchStaffData = id => {\r\n Promise.all([getStaffInfo(id)]).then(\r\n action(([info]) => {\r\n const user = info.User;\r\n const staffInfo = {\r\n Email: user.Email,\r\n FirstName: user.FirstName,\r\n Id: user.Id,\r\n LastName: user.LastName,\r\n Roles: user.Roles,\r\n UserName: user.UserName,\r\n };\r\n this.StaffInfo = staffInfo;\r\n this.loading = false;\r\n this.StaffInfo_ = staffInfo;\r\n }),\r\n );\r\n };\r\n\r\n @action initStaffData = () => {\r\n this.loading = false;\r\n this.StaffInfo = INIT_STAFF;\r\n this.StaffInfo_ = INIT_STAFF;\r\n };\r\n\r\n handleFieldChange = fieldName =>\r\n action(event => {\r\n const value = event ? (event.target ? event.target.value : event) : null;\r\n\r\n this.StaffInfo[fieldName] = value;\r\n\r\n if (fieldName === 'Roles') {\r\n const role = this.StaffInfo[fieldName].join();\r\n const role_ = this.StaffInfo_[fieldName].join();\r\n if (role !== role_) {\r\n this.isChanged[fieldName] = true;\r\n } else {\r\n delete this.isChanged[fieldName];\r\n }\r\n } else {\r\n if (this.StaffInfo[fieldName] !== this.StaffInfo_[fieldName]) {\r\n this.isChanged[fieldName] = true;\r\n } else {\r\n delete this.isChanged[fieldName];\r\n }\r\n }\r\n\r\n if (VALIDATE_RULES[fieldName]) {\r\n this.handleValidate(fieldName, this.StaffInfo[fieldName]);\r\n }\r\n });\r\n\r\n @action resetStore = () => {};\r\n\r\n @action handleSaveStaff = () => {\r\n this.loadingSave = true;\r\n\r\n return saveInfo(this.StaffInfo);\r\n };\r\n}\r\n\r\nexport default new AddEdditStaffStore();\r\n","import React from 'react';\r\nimport { Form, Input, Select } from 'antd';\r\nimport { observer } from 'mobx-react';\r\n\r\nimport AddEditStaffStore from './Store';\r\nimport { toJS } from 'mobx';\r\n\r\nconst roles = [\r\n { key: 'admin', text: 'Admin', value: 'admin' },\r\n { key: 'magstaff', text: 'Staff', value: 'magstaff' },\r\n { key: 'casemng', text: 'Case Manager', value: 'casemng' },\r\n { key: 'doctor', text: 'Specialist', value: 'doctor' },\r\n { key: 'accounting', text: 'Accounting', value: 'accounting' },\r\n { key: 'typist', text: 'Typist', value: 'typist' },\r\n];\r\n\r\n@observer\r\nclass GeneralInformation extends React.Component {\r\n render() {\r\n const { StaffInfo } = AddEditStaffStore;\r\n const rolesOption = StaffInfo.Id\r\n ? roles\r\n : [{ key: 'magstaff', text: 'Staff', value: 'magstaff' }];\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default GeneralInformation;\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport AddEditStaffStore from './Store';\r\n\r\nfunction AddEditModal() {\r\n const { modalType } = AddEditStaffStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n {open && \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AddEditStaff;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass TypesOfClaimsStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable keyword = '';\r\n @observable filter = 'All';\r\n @observable fromTo = '';\r\n\r\n @observable sortKey = 'Name';\r\n @observable sortColumn = 'Name';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n\r\n customFetch('/TypesOfClaims/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n FilterType: this.filter,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: false,\r\n UrgentReport: false,\r\n ActionRequiredById: '',\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'Name';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n\r\n this.refetch({}, true);\r\n };\r\n}\r\n\r\nexport default new TypesOfClaimsStore();\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport TypeOfClaimsStore from './TypeOfClaimsStore';\r\n\r\nfunction TypeOfClaimsModal() {\r\n const { modalType } = TypeOfClaimsStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n
\r\n General Information
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {record.IsActive ? `Active` : `Inactive`}\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TypeOfClaims;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass typesOfReportStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable keyword = '';\r\n @observable filter = 'All';\r\n\r\n @observable sortKey = 'Name';\r\n @observable sortColumn = 'NAME';\r\n @observable sortDirection = 'ascending';\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n @observable totalItems = 0;\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchFiles();\r\n };\r\n\r\n @action fetchFiles = (setTotalPage = false) => {\r\n this.loading = true;\r\n\r\n customFetch('/TypesOfReport/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n ActionType: 'NONE',\r\n FilterType: this.filter,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: true,\r\n NextPicId: null,\r\n ActionRequired: false,\r\n UrgentReport: false,\r\n ActionRequiredById: '',\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchFiles(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Name';\r\n this.sortKey = 'Name';\r\n this.sortDirection = 'ascending';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n };\r\n}\r\n\r\nexport default new typesOfReportStore();\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport typesOfReportStore from './typesOfReportStore';\r\n\r\nfunction TypesOfReportModal() {\r\n const { modalType } = typesOfReportStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n {record.IsActive ? `Active` : `Inactive`}\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TypesOfReport;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst accordionItems = [\r\n {\r\n title: 'IME Reports',\r\n cmUrl: '/view/ime-assessments-2',\r\n adminUrl: '/view/ime-assessments-2',\r\n drUrl: '/view/doctor-ime',\r\n },\r\n {\r\n title: 'File Reviews',\r\n cmUrl: '/view/admin-file-reviews',\r\n adminUrl: '/view/admin-file-reviews',\r\n drUrl: '/view/doctor-file-reviews',\r\n },\r\n {\r\n title: 'Supplementary Reports',\r\n cmUrl: '/view/supplementary-reports-2',\r\n adminUrl: '/view/supplementary-reports-2',\r\n drUrl: '/view/doctor-supplementary',\r\n },\r\n];\r\n\r\nconst accordionPaths = ['/MedicalService', '/Supplementary', '/FileReview'];\r\n\r\nfunction EnhancedLink({ children, ...props }) {\r\n const handleClick = event => {\r\n event.stopPropagation();\r\n props.onClick && props.onClick(event);\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nexport { accordionItems, accordionPaths, EnhancedLink };\r\n","import { Spin } from 'antd';\r\nimport React from 'react';\r\nimport { Accordion, Icon } from 'semantic-ui-react';\r\n\r\nimport * as api from '../../stores/api';\r\nimport customFetch from '../../utils/customFetch';\r\nimport { EnhancedLink as Link } from './accordionUtils';\r\n\r\nclass ActionRequiredSection extends React.Component {\r\n isEmpty = [];\r\n defaultActive = Array.from({ length: this.props.accordionItems.length }).map(\r\n (_, idx) => idx,\r\n );\r\n\r\n state = {\r\n active: this.defaultActive,\r\n loading: true,\r\n data: null,\r\n };\r\n\r\n async componentDidMount() {\r\n const responses = await Promise.all(\r\n api.isAdminOrMagStaffOrAccounting()\r\n ? this.getDataForAd()\r\n : api.isDoctor()\r\n ? this.getDataForDr()\r\n : this.getDataForCm(),\r\n );\r\n this.setState({\r\n data: responses.map(res => res?.itemList || (!!res.length ? res : [])),\r\n loading: false,\r\n });\r\n }\r\n\r\n getDataForAd = () => [\r\n customFetch('/MedicalService/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n }),\r\n customFetch('/FileReview/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n }),\r\n customFetch('/Supplementary/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n }),\r\n customFetch('/ClinicalNote/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n }),\r\n ];\r\n\r\n getDataForCm = () => [\r\n customFetch('/MedicalService/GetDynamicAssessmentStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n CaseMngId: api.currentUser.data.CaseManagerId,\r\n ClientId: api.currentUser.data.ClientId,\r\n }),\r\n }),\r\n customFetch('/FileReview/GetDynamicFileReviewStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/Supplementary/GetDynamicSupplementaryStatus', {\r\n method: 'POST',\r\n }),\r\n api.isTypist() ? [] : customFetch('/api/CaseStatusWithUsageCount?casetype=6'),\r\n ];\r\n\r\n getDataForDr = () => {\r\n const imeStatus = customFetch(\r\n '/MedicalService/GetDynamicAssessmentStatus',\r\n { method: 'POST' },\r\n );\r\n const frStatus = customFetch('/FileReview/GetDynamicFileReviewStatus', {\r\n method: 'POST',\r\n });\r\n const suppStatus = customFetch(\r\n '/Supplementary/GetDynamicSupplementaryStatus',\r\n { method: 'POST' },\r\n );\r\n return [imeStatus, frStatus, suppStatus];\r\n };\r\n\r\n handleClick = (_, titleProps) => {\r\n const { index } = titleProps;\r\n const { active } = this.state;\r\n\r\n if (active.includes(index)) {\r\n this.setState({ active: active.filter(i => i !== index) });\r\n } else {\r\n this.setState({ active: [...active, index] });\r\n }\r\n };\r\n\r\n renderAccordion = () => (\r\n \r\n
\r\n View\r\n \r\n {this.renderAccordionContent(\r\n data,\r\n idx,\r\n `${isCm ? cmUrl : isAdmin ? adminUrl : drUrl}`,\r\n )}\r\n \r\n \r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n {this.renderLabelStatus(Status || status || FullName, idx)}\r\n \r\n )}\r\n {api.isCaseManager() && (\r\n \r\n {this.renderLabelStatus(Status || status || FullName, idx)}\r\n \r\n )}\r\n {api.isDoctor() && (\r\n \r\n {this.renderLabelStatus(Status || status || FullName, idx)}\r\n \r\n )}\r\n \r\n ({Count || count})\r\n
\r\n ),\r\n )}\r\n \r\n {api.isAdminOrMagStaffOrAccounting() ? 'No actions' : 'No cases'}\r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {api.isAdminOrMagStaffOrAccounting()\r\n ? 'Action Required'\r\n : 'Case Statuses'}\r\n
\r\n {this.state.loading ?THIS MONTH SESSIONS
\r\n\r\n (Monthly Slot Target/This Month/Today Slots Added)\r\n
\r\n\r\n {STATES.map((i, idx) => (\r\n this.handleOpenChartSession(i)}\r\n >\r\n {toJS(dataTarget.itemList)\r\n .filter(item => item.Key === i)\r\n .map(item => item.Target)[0] || 0}\r\n /{statistics.myThisMonthSessions?.[i] || 0}/\r\n {statistics.myTodaySessions?.[i] || 0}\r\n
\r\n \r\n ))}\r\n {/* \r\n this.handleOpenChartSession(i)}\r\n >\r\n {i}\r\n
\r\n \r\n this.handleOpenChartSession('NSW')}\r\n >\r\n NSW\r\n
\r\n \r\n 300/{statistics.myThisMonthSessions?.NSW || 0}/\r\n {statistics.myTodaySessions?.NSW || 0}\r\n
\r\n \r\n \r\n this.handleOpenChartSession('VIC')}\r\n >\r\n VIC\r\n
\r\n \r\n 800/{statistics.myThisMonthSessions?.VIC || 0}/\r\n {statistics.myTodaySessions?.VIC || 0}\r\n
\r\n \r\n \r\n this.handleOpenChartSession('ACT')}\r\n >\r\n ACT\r\n
\r\n \r\n 100/{statistics.myThisMonthSessions?.ACT || 0}/\r\n {statistics.myTodaySessions?.ACT || 0}\r\n
\r\n \r\n \r\n this.handleOpenChartSession('QLD')}\r\n >\r\n QLD\r\n
\r\n \r\n 180/{statistics.myThisMonthSessions?.QLD || 0}/\r\n {statistics.myTodaySessions?.QLD || 0}\r\n
\r\n \r\n \r\n this.handleOpenChartSession('WA')}\r\n >\r\n WA\r\n
\r\n \r\n 100/{statistics.myThisMonthSessions?.WA || 0}/\r\n {statistics.myTodaySessions?.WA || 0}\r\n
\r\n */}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {totalItemChart} specialists\r\n
\r\n\r\n {totalPageChart} pages\r\n
\r\n */}\r\n \r\n \r\n \r\n {SVG ? (\r\n \r\n ) : (\r\n
\r\n \r\n ))}\r\n \r\n {/* */}\r\n \r\n
\r\n {services.map(({ onClick, title, icon, SVG, active }, index, arr) => (\r\n {title}
\r\n\r\n
\r\n};\r\n\r\nfunction DashboardBody({ children }) {\r\n const [showServices, setShowServices] = useState(false);\r\n const { Title, FullName } = api.currentUser.data;\r\n console.log(api.currentUser.data)\r\n const openCalendar = () => {\r\n const user = api.currentUser.data;\r\n localStorage.setItem('DocAndCons', user.FullName);\r\n const id = user.DoctorId;\r\n\r\n if (api.isDoctor()) {\r\n iframe.forceOpenTab(\r\n 'ManageCalendar',\r\n `?doctorId=${id}&view=ManageCalendar`,\r\n {\r\n doctorId: id,\r\n view: 'ManageCalendar',\r\n },\r\n );\r\n }\r\n if (api.isCaseManager()) {\r\n dashboardStore.open('/view/calendar');\r\n }\r\n };\r\n\r\n const openSearch = (service, tabName) => {\r\n dashboardStore.close(`/view/universal-search`, true);\r\n if (!!tabName) {\r\n setTimeout(() =>\r\n localStorage.setItem('FindCases', tabName)\r\n );\r\n }\r\n setTimeout(() =>\r\n dashboardStore.open(`/view/universal-search?service=${service}`),\r\n );\r\n };\r\n\r\n const doctorService = [\r\n {\r\n key: 0,\r\n title: 'Update My Availability',\r\n icon: 'calendar',\r\n SVG: () => (\r\n \r\n {SVG ? (\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n GOOD DAY, {api.isDoctor() && (Title ? `${Title}.` : 'Dr.')} {FullName}! What would you like to do today ?
\r\n {/* */}\r\n\r\n
\r\n What type of service would you like to book?
\r\n\r\n {bookingServices.map(group => (\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DashboardHeader;","import { Tooltip, Spin } from 'antd';\r\nimport React from 'react';\r\nimport { Accordion, Icon } from 'semantic-ui-react';\r\n\r\nimport * as api from '../../stores/api';\r\nimport customFetch from '../../utils/customFetch';\r\nimport { EnhancedLink as Link } from './accordionUtils';\r\n\r\nclass NextTaskSection extends React.Component {\r\n isEmpty = [];\r\n defaultActive = Array.from({ length: this.props.accordionItems.length }).map(\r\n (_, idx) => idx,\r\n );\r\n\r\n state = {\r\n active: this.defaultActive,\r\n loading: true,\r\n data: null,\r\n };\r\n\r\n async componentDidMount() {\r\n const responses = await Promise.all(\r\n api.isAdminOrMagStaffOrAccounting()\r\n ? this.getDataForAd()\r\n : api.isDoctor()\r\n ? this.getDataForDr()\r\n : this.getDataForCm(),\r\n );\r\n\r\n this.setState({\r\n data: responses.map(res => res?.itemList || (!!res.length ? res : [])),\r\n loading: false,\r\n });\r\n }\r\n\r\n getDataForAd = () => [\r\n customFetch('/MedicalService/GetDynamicOverDueAssessmentStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/FileReview/GetDynamicOverDueFileReviewStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/Supplementary/GetDynamicOverDueSupplementaryStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/api/CaseStatusWithOverDueCount'),\r\n ];\r\n\r\n getDataForCm = () => [\r\n customFetch('/MedicalService/GetDynamicAssessmentStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/FileReview/GetDynamicFileReviewStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/Supplementary/GetDynamicSupplementaryStatus', {\r\n method: 'POST',\r\n }),\r\n api.isTypist() ? [] : customFetch('/api/CaseStatusWithUsageCount?casetype=6'),\r\n ];\r\n\r\n getDataForDr = () => [\r\n customFetch('/MedicalService/GetDynamicAssessmentNextStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/FileReview/GetDynamicFileReviewNextStatus', {\r\n method: 'POST',\r\n }),\r\n customFetch('/Supplementary/GetDynamicSupplementaryNextStatus', {\r\n method: 'POST',\r\n }),\r\n ];\r\n\r\n handleClick = (_, titleProps) => {\r\n const { index } = titleProps;\r\n const { active } = this.state;\r\n\r\n if (active.includes(index)) {\r\n this.setState({ active: active.filter(i => i !== index) });\r\n } else {\r\n this.setState({ active: [...active, index] });\r\n }\r\n };\r\n\r\n renderAccordion = () => (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n Today's Appointments:\r\n {todayCount}\r\n , Tomorrow's Appoinments:\r\n {tomorrowCount}\r\n
\r\n {isAdmin && (\r\n \r\n \r\n Daily Assessments Target:\r\n \r\n \r\n {\r\n dataTarget.itemList\r\n .filter(i => i.Key === 'dailybookingtarget')\r\n .map(i => i.Target)[0]\r\n }\r\n \r\n
\r\n \r\n My Today Bookings:\r\n {bookingCount}\r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {isAdmin && \"Today's Total Bookings:\"}{' '}\r\n {moment().format('dddd, DD MMM YYYY')}\r\n
\r\n {isAdmin && (\r\n\r\n
\r\n \r\n IME In-person:\r\n {statistics.aCount}\r\n
\r\n \r\n IME Video:\r\n {statistics.vaCount}\r\n
\r\n \r\n Supp Reports:\r\n {statistics.sCount}\r\n
\r\n \r\n File Reviews:\r\n {statistics.fCount}\r\n
\r\n \r\n {/*
\r\n \r\n CR Retrievals:\r\n {statistics.cnCount}\r\n
\r\n \r\n Imaging:\r\n \r\n {statistics.mriCount}\r\n \r\n
\r\n \r\n FI:\r\n {statistics.fiCount}\r\n
*/}\r\n \r\n Med Neg:\r\n {statistics.mnCount}\r\n
\r\n \r\n
\r\n View\r\n \r\n {this.renderAccordionContent(\r\n data,\r\n idx,\r\n `${isCm ? cmUrl : isAdmin ? adminUrl : drUrl}`,\r\n title,\r\n )}\r\n \r\n \r\n \r\n \r\n {statusLabel}\r\n \r\n \r\n \r\n ({Count || count})\r\n
\r\n );\r\n } else {\r\n return '';\r\n }\r\n };\r\n\r\n renderCmContent = ({ NextStatus, Status, Count, status, nextStatus, count }, idx, pathName) => {\r\n const statusLabel = NextStatus || nextStatus;\r\n if (!statusLabel) {\r\n return null;\r\n }\r\n return (\r\n \r\n \r\n \r\n {statusLabel}\r\n \r\n \r\n ({Count || count})\r\n
\r\n );\r\n };\r\n\r\n renderDrContent = ({ Status, Count, status, count }, idx, pathName) => {\r\n const statusLabel = Status || status;\r\n return (\r\n \r\n \r\n \r\n {statusLabel}\r\n \r\n\r\n \r\n ({Count || count})\r\n
\r\n );\r\n };\r\n\r\n\r\n\r\n renderEmptyMessage = () => {\r\n const itemLength = this.props.accordionItems.length;\r\n if (itemLength === this.isEmpty.length && this.isEmpty.every(i => i)) {\r\n return (\r\n \r\n No tasks\r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {api.isAdminOrMagStaffOrAccounting()\r\n ? 'Next Task Overdue'\r\n : 'Tasks Due'}\r\n
\r\n {this.state.loading ?\r\n \r\n {`${data.Title} ${data.FullName}${data.Specialty ? ` - ${data.Specialty}` : ''}${\r\n data.CreatedBy ? ` - By ${data.CreatedBy}` : ''\r\n }`}\r\n \r\n
\r\n );\r\n } else if (key === 1) {\r\n return (\r\n \r\n \r\n {`${data.ClientName}${\r\n data.ServiceType ? ` - ${data.ServiceType}` : ''\r\n }${data.CreatedBy ? ` - By ${data.CreatedBy}` : ''}`}\r\n \r\n
\r\n );\r\n } else if (key === 2) {\r\n return (\r\n \r\n \r\n {`${data.ClinicName}${data.State ? ` - ${data.State}` : ''}${\r\n data.CreatedBy ? ` - By ${data.CreatedBy}` : ''\r\n }`}\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n renderAccordion = () => {\r\n return (\r\n \r\n
\r\n \r\n Empty\r\n
\r\n );\r\n };\r\n render() {\r\n return (\r\n \r\n {\"today's new specialists, clients, clinics\".toUpperCase()}\r\n
\r\n {this.state.loading ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n // \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Dashboard;\r\n","import './SessionNote.scss';\r\n\r\nimport { Affix } from 'antd';\r\nimport React from 'react';\r\nimport * as api from '@stores/api';\r\n\r\nconst noteGroup = [\r\n { title: 'Available', className: 'available' },\r\n { title: 'On-demand', className: 'on-demand' },\r\n];\r\n\r\nconst noteItems = [\r\n { label: 'In-person Only', className: 'inperson' },\r\n { label: 'Video Only', className: 'video' },\r\n { label: 'In-person or Video', className: 'both' },\r\n];\r\n\r\nfunction SessionNote() {\r\n // const getTimezone = () => {\r\n // const leadZero = num => (num < 11 ? '0' + num : num);\r\n\r\n // const tzOffset = -1 * new Date().getTimezoneOffset();\r\n // const hour = ~~Math.abs(tzOffset / 60);\r\n // const minute = Math.abs(tzOffset % 60);\r\n\r\n // return `UTC${tzOffset < 0 ? '-' : '+'}${leadZero(hour)}:${leadZero(\r\n // minute,\r\n // )}`;\r\n // };\r\n\r\n return (\r\n \r\n {noteGroup.map(({ title, className: c1 }, i) => (\r\n
\r\n \r\n {title === 'Available' && (\r\n
\r\n ))}\r\n {/* \r\n \r\n \r\n
\r\n )}\r\n {title === 'On-demand' && (\r\n \r\n \r\n Reserved\r\n \r\n
\r\n )}\r\n\r\n {title}:
\r\n {noteItems.map(({ label, className: c2 }, idx) => (\r\n\r\n \r\n \r\n
\r\n ))}\r\n {!api.isCaseManager() &&\r\n \r\n \r\n
\r\n }\r\n \r\n
*/}\r\n Note:
\r\n Session time displays in timezone {getTimezone()}\r\n\r\n
\r\n ),\r\n }));\r\n };\r\n\r\n renderDoctorOptions = () => {\r\n return store.doctors.map(({ Title, Id, FullName, Email2 }) => ({\r\n key: Id,\r\n text: FullName,\r\n value: Id,\r\n content: (\r\n {Name}
\r\n {FullAddress}
\r\n \r\n
\r\n ),\r\n }));\r\n };\r\n\r\n @action handleChange = (_, { value, name }) => {\r\n if (name === 'start') {\r\n const { end } = store;\r\n if (!end) {\r\n return store.setFieldsValue({\r\n [name]: value,\r\n isReloadCalendar: true,\r\n });\r\n } else {\r\n if (\r\n value &&\r\n moment(value, 'DD/MM/YYYY').isAfter(moment(end, 'DD/MM/YYYY'))\r\n ) {\r\n return store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'From-date must be before To-date',\r\n })();\r\n } else {\r\n return store.setFieldsValue({\r\n [name]: value,\r\n isReloadCalendar: true,\r\n });\r\n }\r\n }\r\n }\r\n if (name === 'end') {\r\n const { start } = store;\r\n if (!start) {\r\n return (store[name] = value || '');\r\n } else {\r\n if (\r\n value &&\r\n moment(value, 'DD/MM/YYYY').isBefore(moment(start, 'DD/MM/YYYY'))\r\n ) {\r\n return store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'To-date must be after From-date',\r\n })();\r\n } else {\r\n return (store[name] = value || '');\r\n }\r\n }\r\n }\r\n if (name === 'doctorId' && !value) {\r\n store.specialistKeyword = '';\r\n }\r\n return (store[name] = value || 0);\r\n };\r\n\r\n SendUpdateClinicAvailabilityRequestToDoctor = () => {\r\n const { clinicSelected, doctorSelected } = store;\r\n if (\r\n !(\r\n clinicSelected &&\r\n clinicSelected.Id > 0 &&\r\n doctorSelected &&\r\n doctorSelected.Id > 0\r\n )\r\n ) {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message:\r\n 'Please select a specialist and a clinic you want to send the availability update request.',\r\n })();\r\n return;\r\n } else {\r\n return store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: `Do you want to request a clinic availability update from Doctor ${doctorSelected.FullName} for Clinic ${clinicSelected.Name}?`,\r\n onOk: () => {\r\n store.toggleModal(false, {})();\r\n customFetch('/MedicalDoctor/SendClinicAvailabilityRequest', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n doctorId: doctorSelected.Id,\r\n clinicId: clinicSelected.Id,\r\n }),\r\n }).then(res => {\r\n if (res.status === 'success') {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: `An email asking for clinic availability updates has been sent to Doctor ${doctorSelected.FullName}`,\r\n hideWarningIcon: true,\r\n footerCloseButton: true,\r\n })();\r\n } else {\r\n if (res.error === 'no-session') {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: `Doctor ${doctorSelected.FullName} has never had a session in clinic ${clinicSelected.Name}`,\r\n })();\r\n } else {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Error',\r\n description:\r\n 'Some error occurred. Please report this error to system administrator.',\r\n });\r\n }\r\n }\r\n });\r\n },\r\n })();\r\n }\r\n };\r\n\r\n EmailDoctorBookingDaysheets = () => {\r\n const { isHomeVisit, clinicSelected, doctorSelected, start, end } = store;\r\n if (\r\n (!isHomeVisit && (!clinicSelected || clinicSelected.Id === 0)) ||\r\n !doctorSelected ||\r\n doctorSelected.Id === 0\r\n ) {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message:\r\n 'Please select a specialist and clinic to email booking daysheets to specialist.',\r\n })();\r\n return;\r\n }\r\n const yearFrom = moment(start, 'DD/MM/YYYY').year();\r\n const yearTo = moment(end, 'DD/MM/YYYY').year();\r\n\r\n if (yearFrom === yearTo) {\r\n if (\r\n moment(start, 'DD/MM/YYYY').isSameOrBefore(moment(end, 'DD/MM/YYYY'))\r\n ) {\r\n if (\r\n Math.abs(\r\n moment(start, 'DD/MM/YYYY').diff(\r\n moment(end, 'DD/MM/YYYY'),\r\n 'days',\r\n true,\r\n ),\r\n )\r\n ) {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message:\r\n 'Do you want to email booking daysheets of the selected dates to the specialist?',\r\n onOk: () => {\r\n store.toggleModal(false, {})();\r\n return customFetch(\r\n '/MedicalService/EmailDoctorBookingDaysheets',\r\n {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n doctorId: doctorSelected.Id,\r\n clinicId: clinicSelected.Id,\r\n isHomeVisit: isHomeVisit,\r\n fromDate: moment(start, 'DD/MM/YYYY').toISOString(),\r\n toDate: moment(end, 'DD/MM/YYYY').toISOString(),\r\n }),\r\n },\r\n )\r\n .then(res => {\r\n if (res.status === 'success') {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: `Sent to ${res.doctorEmail}.`,\r\n });\r\n\r\n } else {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Error',\r\n description: res.message,\r\n });\r\n }\r\n })\r\n .catch(() => { });\r\n },\r\n })();\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'Please select from/to dates within 5 days',\r\n })();\r\n }\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'To date must be after From date',\r\n })();\r\n }\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'Select from/to dates first',\r\n })();\r\n }\r\n };\r\n\r\n PrintDoctorBookingDaysheet = () => {\r\n const { isHomeVisit, clinicSelected, doctorSelected, start, end } = store;\r\n if (\r\n (!isHomeVisit && (!clinicSelected || clinicSelected.Id === 0)) ||\r\n !doctorSelected ||\r\n doctorSelected.Id === 0\r\n ) {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message:\r\n 'Please select a specialist and clinic to view booking daysheets',\r\n })();\r\n return;\r\n }\r\n const yearFrom = moment(start, 'DD/MM/YYYY').year();\r\n const yearTo = moment(end, 'DD/MM/YYYY').year();\r\n\r\n if (moment(start, 'DD/MM/YYYY').isSame(moment(end, 'DD/MM/YYYY'))) {\r\n let openPrintDate = moment(start, 'DD/MM/YYYY');\r\n let strOpenPrintDate = openPrintDate.format('DDMMMMYYYY');\r\n\r\n window.open(\r\n '/MedicalService/DoctorDaySheetPrint?dId=' +\r\n doctorSelected.Id +\r\n '&cId=' +\r\n clinicSelected.Id +\r\n '&printDate=' +\r\n strOpenPrintDate +\r\n '&isHomeVisit=' +\r\n isHomeVisit,\r\n '_blank',\r\n );\r\n } else {\r\n if (yearFrom === yearTo) {\r\n if (\r\n moment(start, 'DD/MM/YYYY').isSameOrBefore(moment(end, 'DD/MM/YYYY'))\r\n ) {\r\n if (\r\n Math.abs(\r\n moment(start, 'DD/MM/YYYY').diff(\r\n moment(end, 'DD/MM/YYYY'),\r\n 'days',\r\n true,\r\n ),\r\n ) <= 5\r\n ) {\r\n for (\r\n var i = 1;\r\n i <=\r\n Math.abs(\r\n moment(start, 'DD/MM/YYYY').diff(\r\n moment(end, 'DD/MM/YYYY'),\r\n 'days',\r\n true,\r\n ),\r\n );\r\n i++\r\n ) {\r\n let openPrintDate =\r\n i > 1\r\n ? moment(start, 'DD/MM/YYYY').add(i - 1, 'days')\r\n : moment(start, 'DD/MM/YYYY');\r\n let strOpenPrintDate = openPrintDate.format('DDMMMMYYYY');\r\n window.open(\r\n '/MedicalService/DoctorDaySheetPrint?dId=' +\r\n doctorSelected.Id +\r\n '&cId=' +\r\n clinicSelected.Id +\r\n '&printDate=' +\r\n strOpenPrintDate +\r\n '&isHomeVisit=' +\r\n isHomeVisit,\r\n '_blank',\r\n );\r\n }\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'Please select from/to dates within 5 days',\r\n })();\r\n }\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'To date must be after From date',\r\n })();\r\n }\r\n } else {\r\n store.toggleModal(true, {\r\n modalType: 'confirm',\r\n message: 'Select from/to dates first',\r\n })();\r\n }\r\n }\r\n };\r\n\r\n handleSearchChange = (_, { searchQuery }) => {\r\n store.setFieldsValue({ specialistKeyword: searchQuery });\r\n };\r\n\r\n handleScroll = event => {\r\n const target = event.target;\r\n const number = store.specialistNumber;\r\n const scrollNumber = target.scrollHeight - target.scrollTop;\r\n const clientHeight = target.clientHeight;\r\n if (scrollNumber <= clientHeight + 5 && scrollNumber >= clientHeight - 5) {\r\n store.setFieldsValue({ specialistNumber: number + 30 });\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n loading,\r\n start,\r\n end,\r\n clinicSelected,\r\n doctorSelected,\r\n loadingClinics,\r\n loadingSpecialists,\r\n specialistKeyword,\r\n } = store;\r\n\r\n return (\r\n \r\n {Title} {FullName}\r\n
\r\n {\r\n !api.isCaseManager() ? {Email2}
: null\r\n }\r\n \r\n \r\n Specialist:\r\n \r\n
\r\n )}\r\n \r\n \r\n Clinic:\r\n \r\n
\r\n\r\n \r\n \r\n \r\n *\r\n \r\n From:\r\n \r\n \r\n *\r\n To:\r\n \r\n
\r\n \r\n \r\n Search\r\n \r\n {\r\n store.clearStore();\r\n store.handleSearch();\r\n }}\r\n disabled={loading}\r\n >\r\n Clear\r\n \r\n
\r\n \r\n {`${session.DoctorTitle} ${session.DoctorName}`}\r\n
\r\n {`${session.DoctorTitle} ${session.DoctorName}`}\r\n
\r\n {!loading && doctor && (\r\n
\r\n )}\r\n \r\n \r\n }\r\n position=\"bottom left\"\r\n wide=\"very\"\r\n size=\"mini\"\r\n />\r\n );\r\n};\r\n\r\n@observer\r\nclass Calendar extends React.Component {\r\n calendarRef = React.createRef();\r\n\r\n state = {\r\n loading: false,\r\n doctorInfo: null,\r\n monthDate:\r\n moment()\r\n .startOf('month')\r\n .format('DD/MM/YYYY') +\r\n ' - ' +\r\n moment()\r\n .endOf('month')\r\n .format('DD/MM/YYYY'),\r\n };\r\n\r\n componentDidUpdate() {\r\n const { start, isReloadCalendar, isResetStore } = store;\r\n const {\r\n currentViewType,\r\n } = this.calendarRef.current.getApi().currentDataManager.data;\r\n if (isResetStore) {\r\n store.setFieldsValue({ isResetStore: false, isReloadCalendar: false });\r\n this.setState({\r\n monthDate:\r\n moment()\r\n .startOf('month')\r\n .format('DD/MM/YYYY') +\r\n ' - ' +\r\n moment()\r\n .endOf('month')\r\n .format('DD/MM/YYYY'),\r\n });\r\n return this.calendarRef.current\r\n .getApi()\r\n .changeView('dayGridMonth', moment().toISOString());\r\n } else if (start && isReloadCalendar) {\r\n store.setFieldsValue({ isReloadCalendar: false, isResetStore: false });\r\n const mode = store.calendarViewMode === 'week' ? 'isoWeek' : store.calendarViewMode;\r\n this.setState({\r\n monthDate:\r\n moment(start, 'DD/MM/YYYY')\r\n .startOf(mode)\r\n .format('DD/MM/YYYY') +\r\n ' - ' +\r\n moment(start, 'DD/MM/YYYY')\r\n .endOf(mode)\r\n .format('DD/MM/YYYY'),\r\n });\r\n return this.calendarRef.current.getApi().changeView(currentViewType, moment(start, 'DD/MM/YYYY').toISOString());\r\n }\r\n }\r\n\r\n createDate = date => {\r\n const datearr = date.split('/');\r\n const d = new Date(datearr[2], Number(datearr[1]) - 1, datearr[0]);\r\n return d;\r\n };\r\n\r\n handleEventClick = eventClickInfo => {\r\n const { event } = eventClickInfo;\r\n const { id, extendedProps } = event;\r\n return store.toggleModal(true, { modalType: 'editSession', id, booked: extendedProps.booked })();\r\n };\r\n\r\n renderSessionColor = item => {\r\n var title = '';\r\n var isShowVideoIcon = false;\r\n var isShowCheckIcon = false;\r\n var isShowUserIcon = false;\r\n var textColor = '#000000';\r\n if (api.isDoctor() && item.PatientName) {\r\n title =\r\n item.PatientName +\r\n (!item.IsTeleAssessment ? ' - ' + item.ClinicName : '');\r\n } else {\r\n title =\r\n item.DoctorTitle +\r\n ' ' +\r\n item.DoctorName +\r\n (!item.IsTeleAssessment ? ' - ' + item.ClinicName : '');\r\n if (api.isAdminOrMagStaffOrAccounting() && item.PatientName)\r\n title += ' - ' + item.PatientName;\r\n }\r\n let backgroundColor = '#009B72';\r\n let borderColor = '#009B72';\r\n if (item.ItemType === calendarItemTypeSession) {\r\n if (item.IsReserved && api.isAdminOrMagStaffOrAccounting()) {\r\n backgroundColor = '#1FC0DA';\r\n borderColor = '#1FC0DA';\r\n } else if (item.Confirmed) {\r\n if (api.isCaseManager()) {\r\n title += ' (Available)';\r\n }\r\n\r\n backgroundColor = '#009B72';\r\n if (item.SessionAcceptsType === sessionAcceptTypeInPersonAssessment) {\r\n isShowUserIcon = true;\r\n borderColor = '#009B72';\r\n } else if (\r\n item.SessionAcceptsType === sessionAcceptTypeVideoAssessment\r\n ) {\r\n isShowVideoIcon = true;\r\n textColor = '#ffffff';\r\n backgroundColor = '#514163';\r\n borderColor = '#514163';\r\n } else if (item.SessionAcceptsType === sessionAcceptTypeBoth) {\r\n backgroundColor = '#febf40';\r\n borderColor = '#febf40';\r\n }\r\n } else {\r\n if (api.isCaseManager()) {\r\n title += ' (Available - subject to confirmation)';\r\n }\r\n\r\n backgroundColor = '#99d7c6';\r\n if (item.SessionAcceptsType === sessionAcceptTypeInPersonAssessment) {\r\n isShowUserIcon = true;\r\n borderColor = '#99d7c6';\r\n } else if (\r\n item.SessionAcceptsType === sessionAcceptTypeVideoAssessment\r\n ) {\r\n isShowVideoIcon = true;\r\n textColor = '#ffffff';\r\n backgroundColor = '#afa8b8';\r\n borderColor = '#afa8b8';\r\n } else if (item.SessionAcceptsType === sessionAcceptTypeBoth) {\r\n backgroundColor = '#fedc96';\r\n borderColor = '#fedc96';\r\n }\r\n }\r\n } else if (item.ItemType === calendarItemTypeAppointment) {\r\n if (api.isCaseManager()) {\r\n title += ' (Booked)';\r\n }\r\n\r\n if (item.Confirmed) {\r\n backgroundColor = '#a62639';\r\n textColor = '#ffffff';\r\n\r\n if (item.IsTeleAssessment) {\r\n if (item.EassessClaimantLocationChecklistReceived) {\r\n title = item.AssessmentNumber + ' ' + title;\r\n isShowCheckIcon = true;\r\n } else {\r\n title = item.AssessmentNumber + ' ' + title;\r\n }\r\n isShowVideoIcon = true;\r\n backgroundColor = '#a62639';\r\n borderColor = '#a62639';\r\n } else {\r\n isShowUserIcon = true;\r\n title = item.AssessmentNumber + ' ' + title;\r\n borderColor = '#a62639';\r\n }\r\n } else {\r\n backgroundColor = '#a62639';\r\n textColor = '#ffffff';\r\n\r\n if (item.IsTeleAssessment) {\r\n backgroundColor = '#FF7373';\r\n borderColor = '#FF7373';\r\n } else {\r\n backgroundColor = '#FF7373';\r\n borderColor = '#FF7373';\r\n }\r\n }\r\n }\r\n\r\n if (item.IsMagDirectSession && item.ItemType === calendarItemTypeSession) {\r\n backgroundColor = '#588A93';\r\n borderColor = '#588A93';\r\n }\r\n if (api.isDoctor() && api.currentUser.data.DoctorId !== item.DoctorId) {\r\n title = '';\r\n }\r\n return {\r\n backgroundColor,\r\n title,\r\n borderColor,\r\n isShowVideoIcon,\r\n isShowUserIcon,\r\n isShowCheckIcon,\r\n textColor,\r\n };\r\n };\r\n getDateTimestamp = date => {\r\n return +date.match(/\\d+/)[0];\r\n };\r\n formatDate = datesString => {\r\n if (!datesString) return '';\r\n\r\n if (datesString.startsWith('/Date(-')) {\r\n datesString = -this.getDateTimestamp(datesString);\r\n } else if (datesString.startsWith('/Date(')) {\r\n datesString = this.getDateTimestamp(datesString);\r\n }\r\n return datesString ? moment(datesString).toISOString() : '';\r\n };\r\n renderDayHeaderContent = args => {\r\n const { calendarViewMode } = store;\r\n if (calendarViewMode !== 'month')\r\n return moment(args.date).format('dddd DD/MM');\r\n return moment(args.date).format('dddd');\r\n };\r\n\r\n changeDayOrViewCalendar = (dateString, view) => {\r\n if (view === 'timeGridDay') {\r\n store.setFieldsValue({\r\n currentDate: moment(dateString, 'DD/MM/YYYY').format('DD/MM/YYYY'),\r\n });\r\n } else {\r\n store.setFieldsValue({\r\n currentDate: null,\r\n });\r\n }\r\n return this.calendarRef.current\r\n .getApi()\r\n .changeView(view, moment(dateString, 'DD/MM/YYYY').toISOString());\r\n };\r\n\r\n changeDateMoment = (dateString, type, action, value) => {\r\n const calendarCurrDate = moment(\r\n this.calendarRef.current.getApi().getDate(),\r\n ).format('DD/MM/YYYY');\r\n if (action === 'prev') {\r\n return dateString\r\n ? moment(dateString, 'DD/MM/YYYY')\r\n .subtract(value, type)\r\n .format('DD/MM/YYYY')\r\n : moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .subtract(value, type)\r\n .format('DD/MM/YYYY');\r\n }\r\n if (action === 'next') {\r\n return dateString\r\n ? moment(dateString, 'DD/MM/YYYY')\r\n .add(value, type)\r\n .format('DD/MM/YYYY')\r\n : moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .add(value, type)\r\n .format('DD/MM/YYYY');\r\n }\r\n };\r\n\r\n handleChangeView = viewName => e => {\r\n e.preventDefault();\r\n const calendarCurrDate = moment(\r\n this.calendarRef.current.getApi().getDate(),\r\n ).format('DD/MM/YYYY');\r\n if (viewName === 'day') {\r\n if (!store.start && !store.end) {\r\n store.setFieldsValue({\r\n start: calendarCurrDate,\r\n end: calendarCurrDate,\r\n });\r\n }\r\n this.setState({ monthDate: calendarCurrDate });\r\n this.changeDayOrViewCalendar(calendarCurrDate, 'timeGridDay');\r\n }\r\n if (viewName === 'week') {\r\n const start = moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .startOf('isoWeek')\r\n .format('DD/MM/YYYY');\r\n const end = moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .endOf('isoWeek')\r\n .format('DD/MM/YYYY');\r\n if (!store.start && !store.end) {\r\n store.setFieldsValue({ start, end });\r\n }\r\n this.setState({ monthDate: start + ' - ' + end });\r\n this.changeDayOrViewCalendar(calendarCurrDate, 'timeGridWeek');\r\n }\r\n if (viewName === 'month') {\r\n const start = moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .startOf('month')\r\n .format('DD/MM/YYYY');\r\n const end = moment(calendarCurrDate, 'DD/MM/YYYY')\r\n .endOf('month')\r\n .format('DD/MM/YYYY');\r\n if (!store.start && !store.end) {\r\n store.setFieldsValue({ start, end });\r\n }\r\n this.setState({ monthDate: start + ' - ' + end });\r\n\r\n this.changeDayOrViewCalendar(calendarCurrDate, 'dayGridMonth');\r\n }\r\n return store.setFieldsValue({\r\n calendarViewMode: viewName,\r\n });\r\n };\r\n\r\n handleNextOrPrev = type => e => {\r\n e.preventDefault();\r\n const {\r\n currentViewType,\r\n } = this.calendarRef.current.getApi().currentDataManager.data;\r\n if (type) {\r\n if (type === 'today') {\r\n this.changeDayOrViewCalendar(\r\n moment().format('DD/MM/YYYY'),\r\n 'timeGridDay',\r\n );\r\n const dateString = moment().format('DD/MM/YYYY');\r\n store.setFieldsValue({\r\n calendarViewMode: 'day',\r\n });\r\n return this.setState({\r\n monthDate: dateString,\r\n });\r\n }\r\n if (currentViewType === 'dayGridMonth') {\r\n const dateString = this.changeDateMoment('', 'month', type, 1);\r\n this.setState({\r\n monthDate:\r\n moment(dateString, 'DD/MM/YYYY')\r\n .startOf('month')\r\n .format('DD/MM/YYYY') +\r\n ' - ' +\r\n moment(dateString, 'DD/MM/YYYY')\r\n .endOf('month')\r\n .format('DD/MM/YYYY'),\r\n });\r\n return this.changeDayOrViewCalendar(dateString, currentViewType);\r\n }\r\n if (currentViewType === 'timeGridWeek') {\r\n const dateString = this.changeDateMoment('', 'week', type, 1);\r\n this.setState({\r\n monthDate:\r\n moment(dateString, 'DD/MM/YYYY')\r\n .startOf('isoWeek')\r\n .format('DD/MM/YYYY') +\r\n ' - ' +\r\n moment(dateString, 'DD/MM/YYYY')\r\n .endOf('isoWeek')\r\n .format('DD/MM/YYYY'),\r\n });\r\n return this.changeDayOrViewCalendar(dateString, currentViewType);\r\n }\r\n if (currentViewType === 'timeGridDay') {\r\n const dateString = this.changeDateMoment('', 'day', type, 1);\r\n this.setState({\r\n monthDate: moment(dateString, 'DD/MM/YYYY')\r\n .startOf('day')\r\n .format('DD/MM/YYYY'),\r\n });\r\n return this.changeDayOrViewCalendar(dateString, currentViewType);\r\n }\r\n }\r\n return;\r\n };\r\n\r\n @action handleChange = (_, { value, name }) => {\r\n if (value) {\r\n if (name === 'GoToDate') {\r\n this.calendarRef.current\r\n .getApi()\r\n .changeView('timeGridDay', moment(value, 'DD/MM/YYYY').toISOString());\r\n store.setFieldsValue({\r\n calendarViewMode: 'day',\r\n });\r\n }\r\n }\r\n return store.setFieldsValue({\r\n [name]: value,\r\n });\r\n };\r\n\r\n handleDateClick = dateInfo => {\r\n const date = dateInfo.dateStr;\r\n this.calendarRef.current\r\n .getApi()\r\n .changeView('timeGridDay', moment(date, 'YYYY-MM-DD').toISOString());\r\n store.setFieldsValue({\r\n calendarViewMode: 'day',\r\n currentDate: moment(date, 'YYYY-MM-DD'),\r\n });\r\n };\r\n\r\n renderEventContent = eventInfo => {\r\n if (eventInfo) return \r\n
\r\n )}\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n <>\r\n \r\n {doctor.title +\r\n ' ' +\r\n doctor.firstName +\r\n ' ' +\r\n doctor.lastName}\r\n {doctor.strSpecialty && - {doctor.strSpecialty}}\r\n {doctor.strSubSpecialty && (\r\n - {doctor.strSubSpecialty}\r\n )}\r\n
\r\n {doctor.specialties && !!doctor.specialties.length && (\r\n\r\n Specialty:{' '}\r\n {doctor.specialties.map((i, idx) => (\r\n \r\n ))}\r\n
\r\n )}\r\n {doctor.subSpecialties && !!doctor.subSpecialties.length && (\r\n \r\n Sub-Specialty:{' '}\r\n {doctor.subSpecialties.map((i, idx) => (\r\n \r\n ))}\r\n
\r\n )}\r\n {doctor.reservedForClients &&\r\n !!doctor.reservedForClients.length && (\r\n \r\n
\r\n )}\r\n \r\n This session reserved for:\r\n
\r\n {doctor.reservedForClients.map((i, idx) => (\r\n \r\n ))}\r\n\r\n Brief Profile\r\n
\r\n\r\n {doctor.profileAndPreferences}\r\n
\r\n\r\n Consulting Locations\r\n
\r\n\r\n {doctor.consultingLocations}\r\n
\r\n {doctor.serviceExclusion && (\r\n <>\r\n\r\n \r\n Service Exclusions:\r\n \r\n
\r\n \r\n )}\r\n {doctor.commissionOnTop && (\r\n {doctor.serviceExclusion}
\r\n\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n Non standard fees applied\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {!api.isAdminOrMagStaffOrAccounting() && (\r\n \r\n Commission Information\r\n
\r\n\r\n Commission On Top - COT(%): {doctor.commissionOnTop}\r\n
\r\n\r\n Confidential Insights\r\n
\r\n\r\n {doctor.preferences}\r\n
\r\n \r\n )}\r\n {api.isAdminOrMagStaffOrAccounting() && (\r\n\r\n \r\n Bookings and Cancellation Terms\r\n \r\n
\r\n )}\r\n \r\n {doctor.doctorBookingsAndCancellationTerms}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {store.calendarViewMode !== 'dailyBookingByRooms' && (\r\n <>\r\n \r\n Time zone:\r\n \r\n ({ value: i, text: i }))}\r\n value={store.timeZone}\r\n name=\"timeZone\"\r\n className=\"Toolbar-input\"\r\n style={{\r\n marginRight: '10px',\r\n }}\r\n onChange={this.handleChange}\r\n />\r\n \r\n )}\r\n \r\n \r\n {today}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SessionCalendar;\r\n","import React from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport { Tab, Button, Dimmer, Loader, Popup, Icon } from 'semantic-ui-react';\r\nimport {\r\n Form,\r\n Radio,\r\n Select,\r\n Checkbox,\r\n DatePicker,\r\n Input,\r\n TimePicker,\r\n} from 'antd';\r\n\r\nimport moment from 'moment';\r\n\r\nimport Modal from '../../shared/Modal/';\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport store from './store';\r\nimport customFetch from '@utils/customFetch';\r\nimport { notification } from 'antd';\r\nimport * as api from '../../../stores/api';\r\nimport {\r\n getSpecificLookupConfigByType,\r\n getRooms,\r\n getAssessmentsAndClinicServiceType,\r\n updateClinicServiceType,\r\n fetchClinic,\r\n getDoctorInfo,\r\n updateDoctorInfo,\r\n getClinicServicestype,\r\n fetchSpecialists,\r\n} from './service';\r\nimport iframe from '@components/dashboard-routes/Iframe/iframeData';\r\n\r\n@observer\r\nclass ModalSessionDetails extends React.Component {\r\n state = {\r\n sessionDetails: null,\r\n loading: true,\r\n openModal: false,\r\n modalParams: {},\r\n rooms: [],\r\n clinicServiceTypes: [],\r\n clinicServiceTypesSeleted: [],\r\n numberOfDaysBeforeSessionDateThatClientReservationExpire: 10,\r\n clientReservationExpiresOn: 0,\r\n sessionExpiresOn: 0,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: 0,\r\n clinics: [],\r\n specialists: [],\r\n fieldNameUpdated: null,\r\n doctorInfo: null,\r\n doctors: [],\r\n sessionDuration: 30,\r\n repeatOpt: 0,\r\n moreDetailOpt: 0,\r\n repeatTime: null,\r\n numberOfWeek: null,\r\n isSaved: false,\r\n isLocked: false,\r\n };\r\n getClientRevert = calendarId => {\r\n return customFetch('/Calendar/GetReservedForClientsAsync', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ calendarId }),\r\n });\r\n };\r\n componentDidMount() {\r\n const { id, booked } = store.modalParams;\r\n let session = store.sessions.find(i => i.Id === parseInt(id));\r\n if (booked) {\r\n session = store.sessions.find(i => i.AssessmentId === parseInt(id));\r\n }\r\n if (session) {\r\n const doctorId = !api.isDoctor()\r\n ? session.DoctorId\r\n : api.currentUser.data.DoctorId;\r\n if ((api.isDoctor() && session.PatientId > 0) || api.isCaseManager()) {\r\n this.setState({ isLocked: true });\r\n } else {\r\n this.setState({ isLocked: false });\r\n }\r\n Promise.all([\r\n getSpecificLookupConfigByType(),\r\n getRooms(session.ClinicId),\r\n getAssessmentsAndClinicServiceType(session.ClinicId, session.DoctorId),\r\n fetchClinic(doctorId),\r\n getDoctorInfo(doctorId),\r\n this.getClientRevert(session.Id),\r\n ])\r\n .then(\r\n ([\r\n specificLookupConfig,\r\n rooms,\r\n clinicServiceTypesSeleted,\r\n clinics,\r\n doctorInfo,\r\n clientRevert,\r\n ]) => {\r\n return this.setState(\r\n {\r\n sessionDetails: {\r\n ...session,\r\n ReservedForClients: clientRevert.reservedForClients\r\n ? clientRevert.reservedForClients.map(i => i.Id)\r\n : [],\r\n },\r\n rooms: rooms.itemList,\r\n clinicServiceTypes: specificLookupConfig.itemList,\r\n clinicServiceTypesSeleted:\r\n clinicServiceTypesSeleted.clinicServiceTypesSeleted,\r\n clientReservationExpiresOn: moment(session.DateFrom)\r\n .subtract(10, 'day')\r\n .startOf('day')\r\n .toDate(),\r\n sessionExpiresOn: session.SessionExpiresOn\r\n ? moment(session.SessionExpiresOn)\r\n : null,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: session.SessionExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.SessionExpiresOn),\r\n 'days',\r\n )\r\n : null,\r\n numberOfDaysBeforeSessionDateThatClientReservationExpire: session.ClientReservationExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.ClientReservationExpiresOn),\r\n 'days',\r\n )\r\n : 10,\r\n appDateFrom: session.DateFrom,\r\n appDateTo: session.DateTo,\r\n clinics: clinics.itemList,\r\n doctorInfo,\r\n },\r\n () => this.setState({ loading: false }),\r\n );\r\n },\r\n )\r\n .catch(() => { });\r\n } else {\r\n const { currentDate, start, clinicSelected, doctorSelected } = store;\r\n const doctorId = !api.isDoctor() ? null : api.currentUser.data.DoctorId;\r\n const date_ = currentDate ? currentDate : start;\r\n const session = {\r\n AssessmentId: 0,\r\n AssessmentMethod: false,\r\n AssessmentNumber: null,\r\n ClientReservationExpiresOn: null, //Date\r\n ClinicId: null,\r\n ClinicName: null,\r\n Confirmed: false,\r\n ConfirmedComment: null,\r\n CreatedByUser: null,\r\n CreatedDate: null,\r\n DateFrom: date_\r\n ? moment(date_, 'DD/MM/YYYY')\r\n .hours(9)\r\n .minute(0)\r\n : moment()\r\n .hours(9)\r\n .minute(0),\r\n DateTo: date_\r\n ? moment(date_, 'DD/MM/YYYY')\r\n .hours(17)\r\n .minute(0)\r\n : moment()\r\n .hours(17)\r\n .minute(0),\r\n DictationOption: 1,\r\n DoctorBookingsAndCancellationTerms: null,\r\n DoctorContractFileName: null,\r\n DoctorId: doctorId,\r\n DoctorName: null,\r\n DoctorProviderNo: null,\r\n DoctorProviderNo2: null,\r\n DoctorProviderNo2Note: null,\r\n DoctorProviderNo3: null,\r\n DoctorProviderNo3Note: null,\r\n DoctorProviderNo4: null,\r\n DoctorProviderNo4Note: null,\r\n DoctorProviderNoNote: null,\r\n DoctorServiceExclusion: null,\r\n DoctorSpecialty: null,\r\n DoctorSubSpecialty: null,\r\n DoctorTitle: null,\r\n EassessClaimantLocationChecklistReceived: false,\r\n EventSerie: null,\r\n Id: 0,\r\n IsAdminOrMagStaff: true,\r\n IsMagDirectSession: false,\r\n IsMultiOptionAppointment: false,\r\n IsReserved: false,\r\n IsTeleAssessment: false,\r\n ItemType: 0,\r\n PatientId: null,\r\n PatientName: null,\r\n ReservedForClients: [],\r\n RoomId: null,\r\n RoomName: null,\r\n SelectedDoctorProviderNoIdx: 1,\r\n SessionAcceptsType: 0,\r\n SessionExpiresOn: null,\r\n SessionId: null,\r\n };\r\n\r\n if (doctorSelected?.Id) {\r\n session['DoctorId'] = doctorSelected?.Id;\r\n if (clinicSelected?.Id) {\r\n session['ClinicId'] = clinicSelected?.Id;\r\n }\r\n }\r\n if (api.isDoctor() && session.PatientId > 0) {\r\n this.setState({ isLocked: true });\r\n } else {\r\n this.setState({ isLocked: false });\r\n }\r\n\r\n if (api.isDoctor()) {\r\n return Promise.all([\r\n getSpecificLookupConfigByType(),\r\n fetchClinic(doctorId),\r\n getDoctorInfo(doctorId),\r\n ])\r\n .then(([specificLookupConfig, clinics, doctorInfo]) => {\r\n return this.setState(\r\n {\r\n sessionDetails: {\r\n ...session,\r\n DoctorProviderNo: doctorInfo.providerNumber,\r\n DoctorProviderNo2: doctorInfo.providerNumber2Note,\r\n DoctorProviderNo2Note: doctorInfo.providerNumber2,\r\n DoctorProviderNo3: doctorInfo.providerNumber2Note,\r\n DoctorProviderNo3Note: doctorInfo.providerNumber3,\r\n DoctorProviderNo4: doctorInfo.providerNumber4Note,\r\n DoctorProviderNo4Note: doctorInfo.providerNumber4,\r\n DoctorProviderNoNote: doctorInfo.providerNumberNote,\r\n },\r\n clinicServiceTypes: specificLookupConfig.itemList,\r\n clientReservationExpiresOn: moment(session.DateFrom)\r\n .subtract(10, 'day')\r\n .startOf('day')\r\n .toDate(),\r\n sessionExpiresOn: session.SessionExpiresOn\r\n ? moment(session.SessionExpiresOn)\r\n : null,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: session.SessionExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.SessionExpiresOn),\r\n 'days',\r\n )\r\n : null,\r\n appDateFrom: session.DateFrom,\r\n appDateTo: session.DateTo,\r\n clinics: clinics.itemList,\r\n doctorInfo,\r\n },\r\n () => this.setState({ loading: false }),\r\n );\r\n })\r\n .catch(() => { });\r\n } else {\r\n if (doctorSelected) {\r\n if (clinicSelected) {\r\n return Promise.all([\r\n getSpecificLookupConfigByType(),\r\n fetchClinic(doctorSelected?.Id),\r\n fetchSpecialists(),\r\n getRooms(clinicSelected?.Id),\r\n ])\r\n .then(([specificLookupConfig, clinics, doctors, rooms]) => {\r\n return this.setState(\r\n {\r\n sessionDetails: {\r\n ...session,\r\n RoomId: (rooms.itemList || [])[0].Id,\r\n },\r\n doctors: doctors.itemList,\r\n rooms: rooms.itemList,\r\n clinicServiceTypesSeleted: [],\r\n clinicServiceTypes: specificLookupConfig.itemList,\r\n clientReservationExpiresOn: moment(session.DateFrom)\r\n .subtract(10, 'day')\r\n .startOf('day')\r\n .toDate(),\r\n sessionExpiresOn: session.SessionExpiresOn\r\n ? moment(session.SessionExpiresOn)\r\n : null,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: session.SessionExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.SessionExpiresOn),\r\n 'days',\r\n )\r\n : null,\r\n appDateFrom: session.DateFrom,\r\n appDateTo: session.DateTo,\r\n clinics: clinics.itemList,\r\n },\r\n () => this.setState({ loading: false }),\r\n );\r\n })\r\n .catch(() => { });\r\n }\r\n return Promise.all([\r\n getSpecificLookupConfigByType(),\r\n fetchClinic(doctorSelected?.Id),\r\n fetchSpecialists(),\r\n ])\r\n .then(([specificLookupConfig, clinics, doctors]) => {\r\n return this.setState(\r\n {\r\n sessionDetails: {\r\n ...session,\r\n RoomId: null,\r\n },\r\n doctors: doctors.itemList,\r\n rooms: [],\r\n clinicServiceTypesSeleted: [],\r\n clinicServiceTypes: specificLookupConfig.itemList,\r\n clientReservationExpiresOn: moment(session.DateFrom)\r\n .subtract(10, 'day')\r\n .startOf('day')\r\n .toDate(),\r\n sessionExpiresOn: session.SessionExpiresOn\r\n ? moment(session.SessionExpiresOn)\r\n : null,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: session.SessionExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.SessionExpiresOn),\r\n 'days',\r\n )\r\n : null,\r\n appDateFrom: session.DateFrom,\r\n appDateTo: session.DateTo,\r\n clinics: clinics.itemList,\r\n },\r\n () => this.setState({ loading: false }),\r\n );\r\n })\r\n .catch(() => { });\r\n }\r\n return Promise.all([\r\n getSpecificLookupConfigByType(),\r\n fetchSpecialists(),\r\n ])\r\n .then(([specificLookupConfig, doctors]) => {\r\n return this.setState(\r\n {\r\n sessionDetails: session,\r\n clinicServiceTypes: specificLookupConfig.itemList,\r\n clientReservationExpiresOn: moment(session.DateFrom)\r\n .subtract(10, 'day')\r\n .startOf('day')\r\n .toDate(),\r\n sessionExpiresOn: session.SessionExpiresOn\r\n ? moment(session.SessionExpiresOn)\r\n : null,\r\n numberOfDaysBeforeSessionDateThatSessionExpire: session.SessionExpiresOn\r\n ? moment(session.DateFrom).diff(\r\n moment(session.SessionExpiresOn),\r\n 'days',\r\n )\r\n : null,\r\n appDateFrom: session.DateFrom,\r\n appDateTo: session.DateTo,\r\n clinics: [],\r\n doctors: doctors.itemList,\r\n },\r\n () => this.setState({ loading: false }),\r\n );\r\n })\r\n .catch(() => { });\r\n }\r\n }\r\n }\r\n sessionDurationList = [30, 40, 45, 50, 55, 60, 75, 90, 105, 120, 240];\r\n componentDidUpdate() {\r\n const { fieldNameUpdated, doctors, sessionDetails } = this.state;\r\n if (fieldNameUpdated) {\r\n if (fieldNameUpdated.key === 'clinicId') {\r\n Promise.all([\r\n getRooms(fieldNameUpdated.value),\r\n getClinicServicestype(fieldNameUpdated.value),\r\n ])\r\n .then(([rooms, clinicServiceTypesSeleted]) => {\r\n this.setState({\r\n rooms: rooms.itemList,\r\n fieldNameUpdated: null,\r\n clinicServiceTypesSeleted:\r\n clinicServiceTypesSeleted.clinicServiceTypesSeleted,\r\n sessionDetails: {\r\n ...sessionDetails,\r\n RoomId: !!rooms.itemList.length ? rooms.itemList[0].Id : null,\r\n },\r\n });\r\n })\r\n .catch(() => { });\r\n return this.setState({ fieldNameUpdated: null });\r\n } else if (fieldNameUpdated.key === 'specialistId') {\r\n const specialistSelected = doctors.find(\r\n i => i.Id === fieldNameUpdated.value,\r\n );\r\n if (specialistSelected) {\r\n Promise.all([\r\n getDoctorInfo(specialistSelected.Id),\r\n fetchClinic(specialistSelected?.Id),\r\n ])\r\n .then(([doctor, clinics]) => {\r\n\r\n if (clinics.itemList.length > 0) {\r\n var clinic = clinics.itemList[0].Id;\r\n\r\n if (clinics.itemList.length > 1) {\r\n var nonMagClinic = clinics.itemList.find(x => x.Type === 'non-mag');\r\n if (nonMagClinic) {\r\n clinic = nonMagClinic.Id;\r\n }\r\n }\r\n getRooms(clinic).then((room) => {\r\n if (room && room.itemList) {\r\n this.setState({\r\n rooms: room.itemList,\r\n sessionDetails: { ...sessionDetails, RoomId: room.itemList[0].Id, ClinicId: clinic }\r\n });\r\n }\r\n })\r\n }\r\n\r\n this.setState({\r\n doctorInfo: doctor,\r\n fieldNameUpdated: null,\r\n clinics: clinics.itemList,\r\n });\r\n })\r\n .catch(() => { });\r\n }\r\n return this.setState({ fieldNameUpdated: null });\r\n }\r\n return;\r\n } else return;\r\n }\r\n parseTimeRangeItem = time => {\r\n if (time < 10) {\r\n return { label: '0' + time, value: '0' + time };\r\n } else {\r\n return { label: time, value: time };\r\n }\r\n };\r\n\r\n showError = (message = '') => {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Error',\r\n description: message,\r\n });\r\n };\r\n\r\n handleValidate = () => {\r\n const { sessionDetails, repeatTime, numberOfWeek } = this.state;\r\n if (!sessionDetails.ClinicId) {\r\n this.showError('Please select a clinic');\r\n return false;\r\n }\r\n if (!sessionDetails.DoctorId) {\r\n this.showError('Please select a specialist');\r\n return false;\r\n }\r\n if (!sessionDetails.RoomId) {\r\n this.showError('Please select a room');\r\n return false;\r\n }\r\n if (!sessionDetails.DateFrom) {\r\n this.showError('Please select starting date');\r\n return false;\r\n }\r\n if (this.state.repeatOpt !== 0 && !repeatTime) {\r\n this.showError('Please enter no of occurrences');\r\n return false;\r\n }\r\n if (this.state.repeatOpt === 4 && !numberOfWeek) {\r\n this.showError('Please enter number of week interval');\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n handleUpdateSession = type => {\r\n const {\r\n sessionDetails,\r\n appDateTo,\r\n appDateFrom,\r\n numberOfDaysBeforeSessionDateThatClientReservationExpire,\r\n numberOfDaysBeforeSessionDateThatSessionExpire,\r\n } = this.state;\r\n let typeStr = '';\r\n if (type === 1) {\r\n typeStr = 'only this session?';\r\n } else if (type === 2) {\r\n typeStr = 'this and other available sessions in the series?';\r\n }\r\n\r\n return this.setState({\r\n openModal: true,\r\n modalParams: {\r\n message: `Are you sure to update ${typeStr}`,\r\n onOk: () => {\r\n this.setState({ loading: true });\r\n let startTime = moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom\r\n : moment(sessionDetails.DateFrom);\r\n const dateFromHour = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom.hours()\r\n : moment(sessionDetails.DateFrom).hours(),\r\n );\r\n const dateFromMinute = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom.minutes()\r\n : moment(sessionDetails.DateFrom).minutes(),\r\n );\r\n const dateToHour = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateTo)\r\n ? sessionDetails.DateTo.hours()\r\n : moment(sessionDetails.DateTo).hours(),\r\n );\r\n const dateToMinute = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateTo)\r\n ? sessionDetails.DateTo.minutes()\r\n : moment(sessionDetails.DateTo).minutes(),\r\n );\r\n\r\n const startTime_ = moment(\r\n `${startTime.format('DD/MM/YYYY')} ${dateFromHour.value}:${dateFromMinute.value\r\n }`,\r\n 'DD/MM/YYYY HH:mm',\r\n );\r\n\r\n let endTime = moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom\r\n : moment(sessionDetails.DateFrom);\r\n const endTime_ = moment(\r\n `${endTime.format('DD/MM/YYYY')} ${dateToHour.value}:${dateToMinute.value\r\n }`,\r\n 'DD/MM/YYYY HH:mm',\r\n );\r\n if (!this.handleValidate()) {\r\n return this.setState({ loading: false });\r\n }\r\n\r\n customFetch('/Calendar/Update', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n OldDateFrom: moment(appDateFrom).toISOString(),\r\n OldDateTo: moment(appDateTo).toISOString(),\r\n AppDateFrom: startTime_,\r\n AppDateTo: endTime_,\r\n Id: sessionDetails.Id,\r\n NewRoomId: sessionDetails.RoomId,\r\n Type: type,\r\n EventSerie: sessionDetails.EventSerie,\r\n Confirmed: sessionDetails.Confirmed,\r\n ConfirmedComment: sessionDetails.ConfirmedComment,\r\n SelectedDoctorProviderNoIdx:\r\n sessionDetails.SelectedDoctorProviderNoIdx,\r\n IsTeleAssessment: sessionDetails.IsTeleAssessment,\r\n DictationOption: parseInt(sessionDetails.DictationOption),\r\n SessionAcceptsType: parseInt(sessionDetails.SessionAcceptsType),\r\n ReservedForCompanyIds: [...sessionDetails.ReservedForClients],\r\n NumberOfDaysBeforeSessionDateThatClientReservationExpire: numberOfDaysBeforeSessionDateThatClientReservationExpire,\r\n NumberOfDaysBeforeSessionDateThatSessionExpire:\r\n numberOfDaysBeforeSessionDateThatSessionExpire || -1,\r\n }),\r\n })\r\n .then(res => {\r\n if (res.status === 'success') {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: 'Data has been saved successfully.',\r\n });\r\n this.setState({ isSaved: true, loading: false });\r\n } else {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Error',\r\n description:\r\n 'Error occured while updating data, please try again later.',\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n this.setState({ loading: false });\r\n });\r\n },\r\n },\r\n });\r\n };\r\n handleUpdateBookedSession = () => {\r\n this.setState({\r\n openModal: true,\r\n modalParams: {\r\n message: 'Are you sure to update this appointment',\r\n onOk: () => {\r\n this.setState({ loading: true });\r\n const { sessionDetails } = this.state;\r\n let startTime = moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom\r\n : moment(sessionDetails.DateFrom);\r\n const dateFromHour = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom.hours()\r\n : moment(sessionDetails.DateFrom).hours(),\r\n );\r\n const dateFromMinute = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom.minutes()\r\n : moment(sessionDetails.DateFrom).minutes(),\r\n );\r\n const dateToHour = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateTo)\r\n ? sessionDetails.DateTo.hours()\r\n : moment(sessionDetails.DateTo).hours(),\r\n );\r\n const dateToMinute = this.parseTimeRangeItem(\r\n moment.isMoment(sessionDetails.DateTo)\r\n ? sessionDetails.DateTo.minutes()\r\n : moment(sessionDetails.DateTo).minutes(),\r\n );\r\n\r\n const startTime_ = moment(\r\n `${startTime.format('DD/MM/YYYY')} ${dateFromHour.value}:${dateFromMinute.value\r\n }`,\r\n 'DD/MM/YYYY HH:mm',\r\n );\r\n\r\n let endTime = moment.isMoment(sessionDetails.DateFrom)\r\n ? sessionDetails.DateFrom\r\n : moment(sessionDetails.DateFrom);\r\n const endTime_ = moment(\r\n `${endTime.format('DD/MM/YYYY')} ${dateToHour.value}:${dateToMinute.value\r\n }`,\r\n 'DD/MM/YYYY HH:mm',\r\n );\r\n\r\n if (!this.handleValidate()) {\r\n return this.setState({ loading: false });\r\n }\r\n\r\n customFetch('/MedicalService/UpdateBookedSession', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n id: sessionDetails.AssessmentId,\r\n appDateFrom: startTime_,\r\n appDateTo: endTime_,\r\n newClinicId: sessionDetails.ClinicId,\r\n newRoomId: sessionDetails.RoomId,\r\n clinicConfirmed: sessionDetails.Confirmed,\r\n confirmedComment: sessionDetails.ConfirmedComment,\r\n sessionId: sessionDetails.SessionId,\r\n isMultiOption: sessionDetails.IsMultiOptionAppointment,\r\n selectedDoctorProviderNoIdx:\r\n sessionDetails.SelectedDoctorProviderNoIdx,\r\n }),\r\n })\r\n .then(res => {\r\n if (res.status === 'success') {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: 'Data has been saved successfully.',\r\n });\r\n this.setState({ isSaved: true, loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(() => {\r\n this.setState({ loading: false });\r\n });\r\n },\r\n },\r\n });\r\n };\r\n handleDeleteSessions = type => {\r\n let typeStr = '';\r\n if (type === 1) {\r\n typeStr = 'only this session?';\r\n } else if (type === 2) {\r\n typeStr = 'this and other available sessions in the series?';\r\n } else if (type === 3) {\r\n typeStr = 'this and other available sessions in the series on this day?';\r\n }\r\n const { sessionDetails } = this.state;\r\n this.setState({ loading: true });\r\n const bodyParam = {\r\n AppDateFrom: moment(sessionDetails.DateFrom).toISOString(),\r\n AppDateTo: moment(sessionDetails.DateTo).toISOString(),\r\n ClinicId: sessionDetails.ClinicId,\r\n DoctorId: sessionDetails.DoctorId,\r\n EventSerie: sessionDetails.EventSerie,\r\n Id: sessionDetails.Id,\r\n NewRoomId: sessionDetails.RoomId,\r\n Type: type,\r\n };\r\n return this.setState({\r\n openModal: true,\r\n modalParams: {\r\n message: `Do you want to delete ${typeStr}`,\r\n onOk: () =>\r\n customFetch('/Calendar/Delete', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(bodyParam),\r\n })\r\n .then(res => {\r\n if (res.status === 'success') {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: 'Data has been delete successfully.',\r\n });\r\n store.toggleModal(false)();\r\n return store.handleSearch();\r\n } else {\r\n notification.destroy();\r\n notification.error({\r\n message: 'Error',\r\n description:\r\n 'Error occured while updating data, please try again later.',\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n this.setState({ loading: false });\r\n }),\r\n },\r\n });\r\n };\r\n renderDeleteSessionTab = () => {\r\n return (\r\n \r\n this.handleDeleteSessions(1)}\r\n >\r\n Delete only this session\r\n \r\n \r\n All other available sessions in the series will remain unchanged.\r\n \r\n
\r\n \r\n this.handleDeleteSessions(3)}\r\n >\r\n Delete this and other available sessions on this day\r\n \r\n \r\n This and other available sessions in the series on this day will be\r\n deleted.\r\n \r\n
\r\n \r\n this.handleDeleteSessions(2)}\r\n >\r\n Delete this and others available sessions\r\n \r\n \r\n This and other available sessions in the series will be deleted.\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {row.MonthText}\r\n \r\n \r\n Sessions:{' '}\r\n \r\n {row.AvailableSession}/{row.TotalSession}\r\n \r\n \r\n
\r\n {doc.ClinicName}
\r\n \r\n
\r\n \r\n ))}\r\n \r\n {s.DateText} ({s.AvailableSession}/{s.TotalSession})\r\n
\r\n \r\n {s.Appointments.map((a, idx) => (\r\n 10,\r\n 'ml-0': idx % 10 === 0,\r\n })}\r\n >\r\n {a.From}\r\n {a.To}\r\n
\r\n ))}\r\n \r\n
\r\n {record.CaseManager}
\r\n {record.IsDirect &&{record.CMEmail}
}\r\n \r\n \r\n SEARCH\r\n \r\n
\r\n \r\n \r\n CLEAR\r\n \r\n
\r\n \r\n \r\n REFRESH\r\n \r\n
\r\n \r\n Total Cases: {totalItems}\r\n
\r\n \r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default observer(FileReview);\r\n","import React from 'react'\r\nimport { Form, DatePicker, Select, Divider, Input, Radio, InputNumber, Checkbox } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass ClaimDetailsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClaimDetailsForm","import React from 'react'\r\nimport { Form, Checkbox, DatePicker, Input, Select, Divider } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass CaseDocumentsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n ) \r\n }\r\n}\r\n\r\nexport default CaseDocumentsForm","import React from 'react'\r\nimport { Form, Select, Radio, Input, Checkbox, DatePicker } from 'antd'\r\n\r\nclass CaseCancellationForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CaseCancellationForm","import React from 'react'\r\nimport { Form, Input, DatePicker, InputNumber, Select, Divider, Checkbox } from 'antd'\r\nimport { Message } from 'semantic-ui-react'\r\n\r\nclass SpecialistPaymentForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default SpecialistPaymentForm","import React from 'react'\r\nimport { Message } from 'semantic-ui-react'\r\nimport { \r\n Form, \r\n Checkbox, \r\n Divider, \r\n Radio, \r\n Select, \r\n Menu, \r\n Dropdown, \r\n Icon, \r\n Input, \r\n InputNumber \r\n} from 'antd'\r\n\r\nclass ClientInvoicingForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClientInvoicingForm","import React from 'react';\r\nimport { Checkbox, Form, Select, DatePicker, Input, Radio } from 'antd';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport './ConversationModalForm.scss';\r\nimport Modal from '../../shared/Modal';\r\n\r\nclass ConversationModalForm extends React.Component {\r\n render() {\r\n const { visible, onCancel } = this.props;\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CaseCorrespondenceForm","import React from 'react'\r\nimport { Form, Radio, Input, DatePicker, Select, Checkbox } from 'antd'\r\n\r\nclass ActionRequiredForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequiredForm","import React from 'react';\r\nimport cx from 'classnames'\r\nimport { Divider } from 'antd'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport '../AddEditClinic/index.scss';\r\n\r\nimport ClaimDetails from './ClaimDetails'\r\nimport CaseDocuments from './CaseDocuments'\r\nimport CaseCancellation from './CaseCancellation'\r\nimport SpecialistPayment from './SpecialistPayment'\r\nimport ClientInvoicing from './ClientInvoicing'\r\nimport CaseCorrespondence from './CaseCorrespondence'\r\nimport ActionRequired from './ActionRequired'\r\n\r\nconst STEPS = [\r\n 'Claim Details',\r\n 'Case Documents, Dictations & Report Information',\r\n 'Case Cancellation Information',\r\n 'Specialist Payment Information',\r\n 'Client Invoicing Information',\r\n 'Case Correspondence',\r\n 'Action Required',\r\n]\r\n\r\nclass AddEditFileReview extends React.Component {\r\n state = {\r\n currentStep: 0,\r\n }\r\n\r\n handleStepChange = step => () => {\r\n this.setState({ currentStep: step })\r\n }\r\n\r\n renderForm = () => {\r\n switch(this.state.currentStep) {\r\n case 1: return \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n ); \r\n }\r\n}\r\n\r\nexport default AddEditFileReview","import { action, observable } from 'mobx';\r\nimport * as api from '../../../stores/api';\r\nimport customFetch from '../../../utils/customFetch';\r\n\r\nclass IMEStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n\r\n @observable doctorId = 9186;\r\n @observable open = false;\r\n @observable filterNextStatus = 'All';\r\n @observable filter = 'All';\r\n @observable filterTypes = null;\r\n @observable keyword = '';\r\n @observable fromTo = '';\r\n @observable toAppointmentDate = '';\r\n @observable includeAttachment = false;\r\n\r\n @observable sortColumn = 'Request Date';\r\n @observable sortColumnKey = 'DateFrom';\r\n @observable sortDirection = 'descending';\r\n\r\n @observable currentPage = 1;\r\n @observable pageSize = 20;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n\r\n @observable currentAttPage = 1;\r\n @observable pageAttSize = 20;\r\n @observable totalAttPage = 0;\r\n @observable totalAttItems = 0;\r\n @observable dataAtt = null;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n @observable dynamicStatus = [];\r\n @observable dynamicNextStatus = [];\r\n\r\n @action handleSearchChange = event => {\r\n this.keyword = event.target.value;\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromTo.split(' - ');\r\n const [fromDay, fromMonth, fromYear] = fromDate ? fromDate.split('/') : [];\r\n const [toDay, toMonth, toYear] = toDate ? toDate.split('/') : [];\r\n\r\n const from = fromDate && new Date([fromMonth, fromDay, fromYear].join('-')).toISOString();\r\n const to = toDate && new Date([toMonth, toDay, toYear].join('-')).toISOString();\r\n\r\n return {\r\n fromDate: fromDate\r\n ? new Date([fromMonth, fromDay, fromYear].join('-'))\r\n : '',\r\n toDate: toDate ? new Date([toMonth, toDay, toYear].join('-')) : '',\r\n from: from\r\n ? from\r\n : '',\r\n to: to ? to : '',\r\n };\r\n };\r\n\r\n @action fetchReports = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate, from, to } = this.getDateRange();\r\n if (api.isDoctor()) {\r\n return customFetch(\r\n `/api/OnlinedoctorReportSearch?keyword=${this.keyword}¤tPage=${this.currentPage\r\n }&pageSize=${this.pageSize}&sortBy=${this.sortColumnKey\r\n }&sortDirection=${this.sortDirection\r\n .replace('ending', '')\r\n .toUpperCase()}&doctorId=${this.doctorId\r\n }&From=${from}&To=${to}&FromDate=${fromDate}&ToDate=${toDate}&FilterType=${this.filter\r\n }&IncludeAttachment=${this.includeAttachment\r\n }&FilterNextStatus=${this.filterNextStatus\r\n }&ToAppointmentDate=${this.toAppointmentDate\r\n }`,\r\n ).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.totalPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n } else if (api.isCaseManager()) {\r\n const { CaseManagerId, ClientId } = api.currentUser.data;\r\n return customFetch('/CMReports/GetCMReports', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n Keyword: this.keyword,\r\n CurPage: this.currentPage,\r\n SortBy: this.sortColumnKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: false,\r\n CaseMngId: CaseManagerId,\r\n ClientId: ClientId,\r\n FilterType: this.filter,\r\n FilterTypes: this.filterTypes,\r\n FilterOverdue: this.filterNextStatus,\r\n IncludeAttachment: this.includeAttachment,\r\n To: '',\r\n From: '',\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n\r\n } else {\r\n return customFetch('/MedicalService/Assessment_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n Keyword: this.keyword,\r\n CurPage: this.currentPage,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortColumnKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n SearchClaimantOnly: false,\r\n FilterType: this.filter,\r\n FilterTypes: this.filterTypes,\r\n FilterOverdue: this.filterNextStatus,\r\n IncludeAttachment: this.includeAttachment,\r\n IMEType: \"All\",\r\n ToAppointmentDate: this.toAppointmentDate,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n }\r\n\r\n };\r\n\r\n @action refetch = (data, setTotalPage) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n return this.fetchReports(setTotalPage);\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortColumnKey = sortKey;\r\n this.fetchReports();\r\n };\r\n\r\n @action getIMEStatus = () => {\r\n return customFetch(\r\n '/MedicalService/GetDynamicAssessmentStatus',\r\n { method: 'POST' },\r\n ).then(\r\n action(data => {\r\n if (data.itemList.filter(x => x.Count > 0).length > 0) {\r\n var All = {\r\n key: 'All',\r\n text: 'All',\r\n value: 'All',\r\n };\r\n this.dynamicStatus = [All, ...data.itemList.filter(x => x.Count > 0).map(opt => ({\r\n key: opt.Status,\r\n text: opt.Status + ' - (' + opt.Count + ')',\r\n value: opt.Status,\r\n }))];\r\n }\r\n }),\r\n );\r\n };\r\n\r\n @action getIMENextStatus = () => {\r\n return customFetch(\r\n '/MedicalService/GetDynamicAssessmentNextStatus',\r\n { method: 'POST' },\r\n ).then(\r\n action(data => {\r\n if (data.itemList.filter(x => x.Count > 0).length > 0) {\r\n var All = {\r\n key: 'All',\r\n text: 'All',\r\n value: 'All',\r\n };\r\n this.dynamicNextStatus = [All, ...data.itemList.filter(x => x.Count > 0).map(opt => ({\r\n key: opt.Status,\r\n text: opt.Status + ' - (' + opt.Count + ')',\r\n value: opt.Status,\r\n }))];\r\n }\r\n }),\r\n );;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n}\r\n\r\nexport default new IMEStore();\r\n","import { Dropdown, Menu } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table } from 'semantic-ui-react';\r\n\r\nimport { formatDate } from '../../../utils/functions';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport {\r\n TableEmptyMessage,\r\n TableFooterPagination,\r\n TableHeader,\r\n} from '../../shared/table';\r\nimport imeStore from './IMEStore';\r\n\r\nconst columns = [\r\n { title: '' },\r\n { title: 'Case No', sortKey: 'magRefNo' },\r\n { title: 'Request Date', sortKey: 'bookingDate' },\r\n { title: 'Claim No', sortKey: 'claimNo' },\r\n { title: 'Type Of Claim/Report' },\r\n { title: 'Claimant', sortKey: 'claimant' },\r\n { title: 'Client ' },\r\n { title: 'Case Manager' },\r\n { title: 'Appointment Date', sortKey: 'appointmentDate' },\r\n { title: 'Case Progress' },\r\n { title: 'Status Date', sortKey: 'StatusDate' },\r\n];\r\n\r\nclass CmTable extends React.Component {\r\n handlePageClick = page => {\r\n imeStore.refetch({ currentPage: page });\r\n };\r\n\r\n openCaseDetail = (id, type) => () => {\r\n const caseNo = `Case A-${(id + '').padStart(6, 0)}`;\r\n localStorage.setItem('AssessmentCaseId', caseNo);\r\n iframe.forceOpenTab(\r\n 'PostAssessment',\r\n `?id=${id}&view=PostAssessment#${type}`,\r\n {\r\n id,\r\n view: 'PostAssessment',\r\n },\r\n );\r\n };\r\n\r\n openModalCaseProgress = (id, caseNo) => () => {\r\n imeStore.toggleModal(true, { id, caseNo })();\r\n };\r\n\r\n renderTableBody = () => {\r\n return (\r\n \r\n
\r\n {STEPS[this.state.currentStep]}
\r\n {this.renderForm()}\r\n\r\n {STEPS.map((step, idx) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n {item.caseManager}
\r\n {item.isDirect &&{item.cmEmail}
}\r\n \r\n \r\n SEARCH\r\n \r\n
\r\n \r\n \r\n CLEAR\r\n \r\n
\r\n \r\n \r\n REFRESH\r\n \r\n
\r\n \r\n Total Cases: {totalItems}\r\n
\r\n \r\n{record.CaseManager}
\r\n {record.IsDirect &&{record.CMEmail}
}\r\n {record.IsDirect && {record.CMMobilePhone}
}\r\n \r\n \r\n SEARCH\r\n \r\n
\r\n \r\n \r\n CLEAR\r\n \r\n
\r\n \r\n \r\n REFRESH\r\n \r\n
\r\n \r\n Total Cases: {totalItems}\r\n
\r\n \r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default observer(SupplementaryReports);\r\n","import React from 'react'\r\nimport { Form, DatePicker, Select, Divider, Input, Radio, InputNumber, Checkbox } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass ClaimDetailsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClaimDetailsForm","import React from 'react'\r\nimport { Form, Checkbox, DatePicker, Input, Select, Divider } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass CaseDocumentsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n ) \r\n }\r\n}\r\n\r\nexport default CaseDocumentsForm","import React from 'react'\r\nimport { Form, Select, Radio, Input, Checkbox, DatePicker } from 'antd'\r\n\r\nclass CaseCancellationForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CaseCancellationForm","import React from 'react'\r\nimport { Form, Input, DatePicker, InputNumber, Select, Divider, Checkbox } from 'antd'\r\nimport { Message } from 'semantic-ui-react'\r\n\r\nclass SpecialistPaymentForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default SpecialistPaymentForm","import React from 'react'\r\nimport { Message } from 'semantic-ui-react'\r\nimport { \r\n Form, \r\n Checkbox, \r\n Divider, \r\n Radio, \r\n Select, \r\n Menu, \r\n Dropdown, \r\n Icon, \r\n Input, \r\n InputNumber \r\n} from 'antd'\r\n\r\nclass ClientInvoicingForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClientInvoicingForm","import React from 'react';\r\nimport { Checkbox, Form, Select, DatePicker, Input, Radio } from 'antd';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport './ConversationModalForm.scss';\r\nimport Modal from '../../shared/Modal';\r\n\r\nclass ConversationModalForm extends React.Component {\r\n render() {\r\n const { visible, onCancel } = this.props;\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CaseCorrespondenceForm","import React from 'react'\r\nimport { Form, Radio, Input, DatePicker, Select, Checkbox } from 'antd'\r\n\r\nclass ActionRequiredForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequiredForm","import React from 'react';\r\nimport cx from 'classnames'\r\nimport { Divider } from 'antd'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport ClaimDetails from './ClaimDetails'\r\nimport CaseDocuments from './CaseDocuments'\r\nimport CaseCancellation from './CaseCancellation'\r\nimport SpecialistPayment from './SpecialistPayment'\r\nimport ClientInvoicing from './ClientInvoicing'\r\nimport CaseCorrespondence from './CaseCorrespondence'\r\nimport ActionRequired from './ActionRequired'\r\n\r\nconst STEPS = [\r\n 'Claim Details',\r\n 'Case Documents, Dictations & Report Information',\r\n 'Case Cancellation Information',\r\n 'Specialist Payment Information',\r\n 'Client Invoicing Information',\r\n 'Case Correspondence',\r\n 'Action Required',\r\n]\r\n\r\nclass AddEditSupplementaryReport extends React.Component {\r\n state = {\r\n currentStep: 0,\r\n }\r\n\r\n handleStepChange = step => () => {\r\n this.setState({ currentStep: step })\r\n }\r\n\r\n renderForm = () => {\r\n switch(this.state.currentStep) {\r\n case 1: return \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n ); \r\n }\r\n}\r\n\r\nexport default AddEditSupplementaryReport","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport moment from 'moment';\r\n\r\nclass SupplementaryReportsStore {\r\n @observable loading = true;\r\n @observable loadingClaimant = true;\r\n @observable loadingStaff = true;\r\n @observable loadingStaffAssignAction = true;\r\n @observable loadingStaffAssign = true;\r\n @observable loadingDynamicSRStatus = true;\r\n @observable loadingDynamicOverDueSRStatus = true;\r\n\r\n @observable data = null;\r\n @observable dataClaimant = null;\r\n @observable dataStaff = null;\r\n @observable dataStaffAssignAction = null;\r\n @observable dataStaffAssign = null;\r\n @observable dataDynamicSupplementaryReportStatus = null;\r\n @observable dataDynamicOverDueSupplementaryReportStatus = null;\r\n @observable dataPrepayment = null;\r\n\r\n @observable showBookingToday = false;\r\n\r\n @observable keyword = '';\r\n @observable keywordClaimant = ``;\r\n\r\n @observable sortKey = 'DateRequest';\r\n @observable sortColumn = 'Status Date';\r\n @observable sortDirection = 'descending';\r\n @observable filter = `All`;\r\n @observable searchClaimantOnly = true;\r\n @observable filterOverdue = `All`;\r\n @observable actionRequiredById = '';\r\n @observable fromTo = ``;\r\n @observable NextTaskPIC = null;\r\n @observable claimant = { Id: ``, FullName: `` };\r\n @observable PrepaymentType = 0;\r\n\r\n @observable curPage = 1;\r\n @observable totalPage = 0;\r\n @observable totalItems = 0;\r\n @observable numberSearch = 30;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @observable bodyForm = null;\r\n @observable assignStaffs = [];\r\n\r\n @action setFieldsValue = data => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchSupplementary();\r\n };\r\n\r\n @action fetchClaimant = () => {\r\n this.loadingClaimant = true;\r\n customFetch('/Supplementary/GetSuggestClaimant', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n keyword: this.keywordClaimant,\r\n Showing: 'active',\r\n numItemPerPage: this.numberSearch,\r\n IsSelectionList: true,\r\n curPage: 1,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.dataClaimant = data;\r\n this.loadingClaimant = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchStaff = () => {\r\n this.loadingStaff = true;\r\n customFetch('/Supplementary/GetStaffs', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataStaff = data;\r\n this.loadingStaff = true;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchStaffAssignAction = () => {\r\n this.loadingStaffAssignAction = true;\r\n customFetch('/Supplementary/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Action Required\r\n this.dataStaffAssignAction = data;\r\n this.loadingStaffAssignAction = true;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchStaffAssign = () => {\r\n this.loadingStaffAssign = true;\r\n customFetch('/Supplementary/GetStaffsAssign', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // NextTaskPIC\r\n this.dataStaffAssign = data;\r\n this.loadingStaffAssign = true;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchDynamicSupplementaryReportStatus = () => {\r\n this.loadingDynamicSRStatus = true;\r\n customFetch('/Supplementary/GetDynamicSupplementaryStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // CaseStatus\r\n this.dataDynamicSupplementaryReportStatus = data;\r\n this.loadingDynamicSRStatus = true;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchDynamicOverDueSupplementaryReportStatus = () => {\r\n this.loadingDynamicOverDueSRStatus = true;\r\n customFetch('/Supplementary/GetDynamicOverDueSupplementaryStatus', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Over Due\r\n this.dataDynamicOverDueSupplementaryReportStatus = data;\r\n this.loadingDynamicOverDueSRStatus = true;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchPrepayment = () => {\r\n this.loadingPrepayment = true;\r\n customFetch('/Supplementary/GetDynamicAssessmentPrepayment', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n this.dataPrepayment = data;\r\n }),\r\n );\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromTo.split(' - ');\r\n return {\r\n fromDate: fromDate ? moment(fromDate, 'DD/MM/YYYY') : '',\r\n toDate: toDate ? moment(toDate, 'DD/MM/YYYY').toISOString() : '',\r\n };\r\n };\r\n\r\n @action fetchSupplementary = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate } = this.getDateRange();\r\n\r\n let from = ''\r\n if (fromDate) {\r\n from = this.showBookingToday ? fromDate.format() : fromDate.toISOString();\r\n }\r\n\r\n const body = JSON.stringify({\r\n ActionRequired: false,\r\n ActionRequiredById: this.actionRequiredById,\r\n ActionType: 'NONE',\r\n From: from,\r\n To: toDate,\r\n CurPage: this.curPage,\r\n FilterOverdue: this.filterOverdue,\r\n FilterType: this.filter,\r\n ClaimantId: this.claimant.Id,\r\n Keyword: this.keyword,\r\n NextPicId: this.NextTaskPIC,\r\n NumItemPerPage: 20,\r\n Claimant: this.claimant,\r\n SearchClaimantOnly: this.searchClaimantOnly,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n UrgentReport: false,\r\n FilterPrepayment: this.PrepaymentType,\r\n });\r\n\r\n customFetch('/Supplementary/Supplementary_LoadList', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body,\r\n }).then(\r\n action(data => {\r\n this.data = data;\r\n this.bodyForm = body;\r\n this.showBookingToday = false;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.fetchClaimant();\r\n this.fetchDynamicSupplementaryReportStatus();\r\n this.fetchStaff();\r\n this.fetchDynamicOverDueSupplementaryReportStatus();\r\n this.fetchPrepayment();\r\n this.fetchStaffAssign();\r\n this.fetchStaffAssignAction();\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n @action getData = () => {\r\n this.loading = true;\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action refetch = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchSupplementary(setTotalPage);\r\n };\r\n\r\n @action refetchClaimant = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchClaimant(setTotalPage);\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filter = 'All';\r\n this.sortColumn = 'Status Date';\r\n this.sortKey = 'DateRequest';\r\n this.sortDirection = 'descending';\r\n this.searchClaimantOnly = true;\r\n this.claimant = { Id: ``, FullName: `` };\r\n this.fromTo = ``;\r\n this.NextTaskPIC = null;\r\n this.actionRequiredById = ``;\r\n this.filterOverdue = `All`;\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n this.numberSearch = 30;\r\n this.PrepaymentType = 0;\r\n\r\n this.fetchSupplementary(true);\r\n };\r\n\r\n @action resetSearch = () => {\r\n this.numberSearch = 30;\r\n this.keywordClaimant = '';\r\n\r\n this.refetchClaimant({}, true);\r\n };\r\n}\r\n\r\nexport default new SupplementaryReportsStore();\r\n","import { action } from 'mobx';\r\nimport { Spin } from 'antd';\r\nimport cx from 'classnames';\r\nimport { omit, uniqBy } from 'lodash';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport ActionNoteForm from '../../shared/ActionNoteForm';\r\nimport Modal from '../../shared/Modal';\r\nimport SupplementaryReportsStore from './SupplementaryReportsStore';\r\n\r\nclass ModalActionNotes extends React.Component {\r\n state = {\r\n staffs: [],\r\n notes: [],\r\n loading: true,\r\n toggleNewNote: false,\r\n };\r\n\r\n async componentDidMount() {\r\n try {\r\n const staffsPromise = customFetch('/Supplementary/GetStaffs', {\r\n method: 'POST',\r\n });\r\n\r\n const notesPromise = customFetch(\r\n '/Supplementary/ActionRequired_LoadList',\r\n {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n suppId: SupplementaryReportsStore.modalParams.id,\r\n }),\r\n },\r\n );\r\n\r\n const [staffs, notes] = await Promise.all([staffsPromise, notesPromise]);\r\n this.setState({\r\n staffs: uniqBy(staffs.itemList, 'Id'),\r\n notes: notes.itemList,\r\n toggleNewNote: !notes.itemList.length,\r\n });\r\n } finally {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n renderNoteForm = () => {\r\n const { staffs, notes } = this.state;\r\n if (!notes.length) return null;\r\n\r\n return notes.map(note => (\r\n \r\n
\r\n {STEPS[this.state.currentStep]}
\r\n {this.renderForm()}\r\n\r\n {STEPS.map((step, idx) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n return (\r\n {message}
\r\n \r\n );\r\n}\r\n\r\nexport default ModalNotification;\r\n","import { Divider, Dropdown, Menu } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table } from 'semantic-ui-react';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport { TableEmptyMessage, TableFooterPagination, TableHeader } from '../../shared/table';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport FormatPhoneNumber from '../../shared/FormatPhoneNumber';\r\nimport SupplementaryReportsStore from './SupplementaryReportsStore';\r\nimport ModalNotification from './ModalNotification';\r\nimport * as api from '../../../stores/api';\r\nimport { notification } from 'antd';\r\nimport moment from 'moment';\r\n\r\nconst columns = [\r\n { title: '' },\r\n { title: 'Case No', sortKey: 'SuppNo' },\r\n { title: 'Request Date', sortKey: 'DateRequest' },\r\n { title: 'Action Required' },\r\n { title: 'Original Case', sortKey: 'CaseNo' },\r\n { title: 'Claim No', sortKey: 'ClaimNo' },\r\n { title: 'Type of Claim', sortKey: 'TypeofClaim' },\r\n { title: 'Claimant Name', sortKey: 'Claimant' },\r\n { title: 'Client', sortKey: 'Client' },\r\n { title: 'Case Manager', sortKey: 'CaseManager' },\r\n { title: 'Assessing Specialist', sortKey: 'AssessedDoctorName' },\r\n { title: 'Case Status', sortKey: 'CaseProgress' },\r\n { title: 'Status Date', sortKey: 'StatusDate' },\r\n { title: 'Next Task' },\r\n { title: 'Next Task PIC' },\r\n { title: 'Created By', sortKey: 'CreatedByName' },\r\n];\r\n\r\nconst columnsCM = [\r\n { title: '' },\r\n { title: 'Case No' },\r\n { title: 'Request Date' },\r\n { title: 'Original Case' },\r\n { title: 'Claim No' },\r\n { title: 'Type Of Claim' },\r\n { title: 'Claimant' },\r\n { title: 'Client' },\r\n { title: 'Case Manager' },\r\n { title: 'Doctor' },\r\n { title: 'Case Progress' },\r\n { title: 'Status Date' },\r\n];\r\n\r\n@observer\r\nclass SupplementReportsTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openModalNotification: false,\r\n message: ``,\r\n };\r\n }\r\n\r\n isShowDetailTypist = record => {\r\n if (api.isTypist()) {\r\n if (api.isTypist()) {\r\n switch (record.CaseProgress) {\r\n case api.suppStatusEnum.CANCELLED_WITH_FEE:\r\n case api.suppStatusEnum.CANCELLED_NO_FEE:\r\n case api.suppStatusEnum.SERVICE_BILLED:\r\n case api.suppStatusEnum.SERVICE_PAID:\r\n return false;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n openModal = options => {\r\n return SupplementaryReportsStore.toggleModal(true, options);\r\n };\r\n\r\n handleAddCopyInvoice = (id, invoiceId) => () => {\r\n const caseNo = `INV-${(id + '').padStart(6, 0)}`;\r\n if (invoiceId) {\r\n localStorage.setItem('InvoiceCaseId', caseNo);\r\n } else {\r\n localStorage.removeItem(`InvoiceCaseId`);\r\n }\r\n iframe.forceOpenTab('ViewInvoice', `?id=${invoiceId}&mId=${id}&type=S&view=ViewInvoice`, {\r\n id: invoiceId,\r\n mId: id,\r\n type: 'S',\r\n view: 'ViewInvoice',\r\n });\r\n };\r\n\r\n openViewInvoice = id => () => {\r\n const caseNo = `INV-${(id + '').padStart(6, 0)}`;\r\n localStorage.setItem('InvoiceCaseId', caseNo);\r\n iframe.forceOpenTab('ViewInvoice', `?id=${id}&view=ViewInvoice`, {\r\n id,\r\n view: 'ViewInvoice',\r\n });\r\n };\r\n\r\n openPrintCase = uri => () => {\r\n window.open(window.location.origin + uri, '_blank');\r\n };\r\n\r\n convertEmailCreatedAt = email => {\r\n const domain = '@medicolegalassessmentsgroup.com.au';\r\n const email_ = email ? email.search(domain) && email.replace(domain, '') : email;\r\n return email_;\r\n };\r\n\r\n renderTableBody = (data, colSpan) => {\r\n if (!data || !data.itemList.length) {\r\n return \r\n {record.ActionSubject}\r\n
\r\n {record.ActionSubject ? record.ActionOverview.slice(12) : record.ActionOverview.slice(14)}\r\n
\r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n )}\r\n \r\n \r\n {record.ActionSubject ? record.ActionOverview.slice(12) : record.ActionOverview.slice(14)}\r\n
\r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n {record.CaseManagerId > 0 ? `(${record.CaseManagerId})` : ``} {record.CaseManager}\r\n
\r\n{record.CMEmail}
\r\n \r\n {record.AssessedDoctorName &&\r\n record.AssessedDoctorRegisterOption && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {record.AssessedDoctorSpecialty && \r\n {record.DoctorId > 0 ? `(${record.DoctorId})` : ``}{' '}\r\n {record.AssessedDoctorName} (\r\n {record.AssessedDoctorRegisterOption})\r\n
\r\nSpecialty: {record.AssessedDoctorSpecialty}
}\r\n {record.DoctorEmail}
\r\n \r\n \r\n
\r\n \r\n Contract Ready: {!record.ContractReady ? 'No' : 'Yes'}\r\n
\r\n {record.CaseManager}
\r\n {record.IsDirect &&{record.CMEmail}
}\r\n {record.IsDirect && {record.AssessedDoctorName}
\r\n {record.IsDirect &&{record.DoctorEmail}
}\r\n {record.IsDirect && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {(loading && !data) ||\r\n (!dataClaimant && loadingClaimant) ||\r\n (loadingDynamicSRStatus && !dataDynamicSupplementaryReportStatus) ||\r\n (loadingStaff && !dataStaff) ||\r\n (loadingDynamicOverDueSRStatus &&\r\n !dataDynamicOverDueSupplementaryReportStatus) ||\r\n (loadingStaffAssign && !dataStaffAssign) ||\r\n (loadingStaffAssignAction && !dataStaffAssignAction) ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SupplementaryReports;\r\n","import { action, observable } from 'mobx';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport moment from 'moment';\r\n\r\nclass InvoicesStore {\r\n @observable loading = true;\r\n @observable data = null;\r\n @observable loadingStaff = true;\r\n @observable dataStaff = null;\r\n @observable dataHistory = null;\r\n @observable loadingHistory = true;\r\n @observable loadingClient = true;\r\n @observable clientSearchData = [];\r\n\r\n @observable loadingInvoiceStatus = true;\r\n @observable loadingXeroStatus = true;\r\n @observable loadingPaymentStatus = true;\r\n @observable loadingServiceType = true;\r\n @observable dataInvoiceStatus = null;\r\n @observable dataXeroStatus = null;\r\n @observable dataServiceType = null;\r\n @observable dataPaymentStatus = null;\r\n\r\n @observable actionRequiredById = '';\r\n @observable paymentFilterType = 'Unknown';\r\n @observable filterInvoiceStatus = 'All';\r\n @observable filterStatus = 'All';\r\n @observable filterType = 'All';\r\n @observable filterTypeText = 'All';\r\n @observable sortDirection = 'descending';\r\n @observable keyword = '';\r\n @observable sortColumn = 'Last Update';\r\n @observable sortKey = 'UpdatedDate';\r\n @observable actionRequired = false;\r\n @observable fromTo = ``;\r\n @observable requestDateTimeFrom = null;\r\n @observable keywordClientSearch = '';\r\n\r\n @observable curPage = 1;\r\n @observable pageSize = 20;\r\n @observable totalPage = 0;\r\n @observable Total = 0;\r\n @observable totalItems = 0;\r\n @observable curPageClientSearch = 1;\r\n\r\n @observable open = false;\r\n @observable modalParams = {};\r\n\r\n @action setFieldsValue = obj => {\r\n Object.keys(obj).forEach(key => {\r\n this[key] = obj[key];\r\n });\r\n };\r\n\r\n ///Invoice/GetInvoiceCount //ServiceType\r\n ///Invoice/GetInvoicePaymentStatusCount //Payment\r\n ///Invoice/GetInvoiceStatusCount //InvoiceStatus\r\n ///Invoice/GetFilterInvoiceStatusCount //Xero\r\n\r\n @action fetchServiceType = () => {\r\n this.loadingServiceType = true;\r\n customFetch(`/Invoice/GetInvoiceCount`, {\r\n method: `POST`,\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({}),\r\n }).then(\r\n action(data => {\r\n this.loadingServiceType = false;\r\n this.dataServiceType = data;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchPaymentStatus = () => {\r\n this.loadingPaymentStatus = true;\r\n customFetch(`/Invoice/GetInvoicePaymentStatusCount`, {\r\n method: `POST`,\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({}),\r\n }).then(\r\n action(data => {\r\n this.loadingPaymentStatus = false;\r\n this.dataPaymentStatus = data;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchInvoiceStatus = () => {\r\n this.loadingInvoiceStatus = true;\r\n customFetch(`/Invoice/GetInvoiceStatusCount`, {\r\n method: `POST`,\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({}),\r\n }).then(\r\n action(data => {\r\n this.loadingInvoiceStatus = false;\r\n this.dataInvoiceStatus = data;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchXeroStatus = () => {\r\n this.loadingXeroStatus = true;\r\n customFetch(`/Invoice/GetFilterInvoiceStatusCount`, {\r\n method: `POST`,\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({}),\r\n }).then(\r\n action(data => {\r\n this.loadingXeroStatus = false;\r\n this.dataXeroStatus = data;\r\n }),\r\n );\r\n };\r\n\r\n getDateRange = () => {\r\n const [fromDate, toDate] = this.fromTo.split(' - ');\r\n\r\n return {\r\n fromDate: fromDate\r\n ? moment(fromDate, 'DD/MM/YYYY').format('YYYY/MM/DD')\r\n : null,\r\n toDate: toDate ? moment(toDate, 'DD/MM/YYYY').format('YYYY/MM/DD') : null,\r\n };\r\n };\r\n\r\n @action fetchInvoicesStaff = () => {\r\n this.loadingStaff = true;\r\n customFetch('/Invoice/GetStaffsAssignedActionRequired', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(),\r\n }).then(\r\n action(data => {\r\n // Action Required\r\n this.dataStaff = data;\r\n this.loadingStaff = false;\r\n }),\r\n );\r\n };\r\n\r\n @action fetchInvoices = (setTotalPage = false) => {\r\n this.loading = true;\r\n const { fromDate, toDate } = this.getDateRange();\r\n customFetch('/Invoice/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n FilterInvoiceStatus: this.filterInvoiceStatus,\r\n FilterStatus: this.filterStatus,\r\n FilterType: this.filterType,\r\n FilterTypeText: this.filterTypeText,\r\n Keyword: this.keyword,\r\n CurPage: this.curPage,\r\n ActionRequired: this.actionRequiredById ? true : false,\r\n NumItemPerPage: this.pageSize,\r\n SortBy: this.sortKey,\r\n SortDirection: this.sortDirection.replace('ending', '').toUpperCase(),\r\n From: fromDate,\r\n To: toDate,\r\n RequestDateTimeFrom: this.requestDateTimeFrom,\r\n PaymentFilterType: this.paymentFilterType,\r\n ActionRequiredById: this.actionRequiredById,\r\n }),\r\n }).then(\r\n action(data => {\r\n this.fetchInvoiceStatus();\r\n this.fetchInvoicesStaff();\r\n this.fetchXeroStatus();\r\n this.fetchServiceType();\r\n this.fetchPaymentStatus();\r\n this.Total = data.sumTotal;\r\n this.data = data;\r\n this.totalPage = setTotalPage ? data.sumPage : this.totalPage;\r\n this.totalItems = setTotalPage ? data.sumItem : this.totalItems;\r\n this.loading = false;\r\n }),\r\n );\r\n };\r\n\r\n ///Invoice/GetInvoiceCount\r\n\r\n @action fetchInvoicesHistory = (reminderType, objectId) => {\r\n reminderType = 0;\r\n this.loadingHistory = true;\r\n customFetch(\r\n `/api/ReminderHistory?reminderType=${0}&objectId=${objectId}`,\r\n ).then(\r\n action(data => {\r\n this.dataHistory = data;\r\n this.loadingHistory = false;\r\n }),\r\n );\r\n };\r\n\r\n @action handleSort = ({ sortKey }, { column, direction }) => {\r\n this.sortColumn = column;\r\n this.sortDirection = direction;\r\n this.sortKey = sortKey;\r\n this.fetchInvoices();\r\n };\r\n\r\n @action refetch = (data = {}, setTotalPage = false) => {\r\n Object.keys(data).forEach(key => {\r\n this[key] = data[key];\r\n });\r\n this.fetchInvoices(setTotalPage);\r\n };\r\n\r\n @action handleSearchChange = ({ target }) => {\r\n this.keyword = target.value;\r\n };\r\n\r\n @action fetchClientSearch = () => {\r\n this.loadingClient = true;\r\n customFetch('/Company/GetAll', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n NumItemPerPage: this.pageSize,\r\n curPage: this.curPageClientSearch,\r\n keyword: this.keywordClientSearch,\r\n }),\r\n }).then(\r\n action(data => {\r\n if (data.itemList) {\r\n this.clientSearchData = [...this.clientSearchData, ...data.itemList];\r\n }\r\n this.loadingClient = false;\r\n }),\r\n );\r\n };\r\n\r\n toggleModal = (isOpen, params = {}) => {\r\n return action(() => {\r\n this.open = isOpen;\r\n this.modalParams = params;\r\n });\r\n };\r\n\r\n @action resetStore = () => {\r\n this.keyword = '';\r\n this.filterInvoiceStatus = 'All';\r\n this.filterStatus = 'All';\r\n this.filterType = 'All';\r\n this.filterTypeText = 'All';\r\n this.paymentFilterType = 'Unknown';\r\n this.sortColumn = 'Last Update';\r\n this.sortKey = 'UpdatedDate';\r\n this.sortDirection = 'descending';\r\n this.fromTo = ``;\r\n this.requestDateTimeFrom = null;\r\n this.actionRequiredById = '';\r\n\r\n this.curPage = 1;\r\n this.totalPage = 0;\r\n };\r\n}\r\n\r\nexport default new InvoicesStore();\r\n","import { Dropdown, Menu, notification } from 'antd';\r\nimport cx from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Icon, Table } from 'semantic-ui-react';\r\nimport customFetch from '../../../utils/customFetch';\r\nimport { formatDate } from '../../../utils/functions';\r\nimport iframe from '../../dashboard-routes/Iframe/iframeData';\r\nimport {\r\n TableEmptyMessage,\r\n TableFooterPagination,\r\n TableHeader,\r\n} from '../../shared/table';\r\nimport InvoicesStore from './InvoicesStore';\r\n\r\nconst columns = [\r\n { title: '' },\r\n { title: 'Invoice No', sortKey: 'InvoiceNo' },\r\n { title: 'Invoice Date', sortKey: 'DateOfInvoice' },\r\n { title: 'Action Required' },\r\n { title: 'Amount (incl GST)', sortKey: 'Total' },\r\n { title: 'Claimant Name', sortKey: 'Claimant' },\r\n { title: 'Assessing Specialist', sortKey: 'Doctor' },\r\n { title: 'Provider No', sortKey: 'DoctorProviderNo' },\r\n { title: 'Commission Rate', sortKey: 'CommissionRate' },\r\n { title: 'Case No', sortKey: 'MagRefNo' },\r\n { title: 'Clain No', sortKey: 'ClaimNo' },\r\n { title: 'Service Date', sortKey: 'ServiceDate' },\r\n { title: 'Paying Client', sortKey: 'Client' },\r\n { title: 'Booking Client', sortKey: 'BookingClient' },\r\n { title: 'Booking CM' },\r\n { title: 'Invoice Status', sortKey: 'Status' },\r\n { title: 'IV Status Date', sortKey: 'SentDate' },\r\n { title: 'Xero Status' },\r\n { title: 'Payment Status', sortKey: 'PaymentStatusString' },\r\n { title: 'Last Update', sortKey: 'UpdatedDate' },\r\n { title: 'Created By', sortKey: 'CreatedBy' },\r\n { title: 'Created Date' },\r\n];\r\n\r\n@observer\r\nclass InvoicesTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openModalCancel: false,\r\n message: ``,\r\n };\r\n }\r\n\r\n openNotification = message => {\r\n return InvoicesStore.toggleModal(true, {\r\n modalType: 'notification',\r\n message,\r\n });\r\n };\r\n\r\n renderXeroStatus = status => {\r\n switch (status) {\r\n case 0:\r\n return `Not Uploaded`;\r\n case 2:\r\n return `Uploaded-Client/Doctor`;\r\n case 5:\r\n return `Uploaded-Doctor`;\r\n case 6:\r\n return `Uploaded-Client`;\r\n default:\r\n return `All`;\r\n }\r\n };\r\n\r\n openModal = options => {\r\n return InvoicesStore.toggleModal(true, options);\r\n };\r\n\r\n openNotification = message => {\r\n return InvoicesStore.toggleModal(true, {\r\n modalType: 'notification',\r\n message,\r\n });\r\n };\r\n\r\n duplicateCaseDetail = (id, label) => () => {\r\n localStorage.setItem('InvoiceCaseId', `INV-${label}`);\r\n iframe.forceOpenTab('ViewInvoice', `?id=${id}&type=I&view=ViewInvoice`, {\r\n id,\r\n type: 'I',\r\n view: 'ViewInvoice',\r\n });\r\n };\r\n\r\n openCaseDetail = (id, label, type) => () => {\r\n localStorage.setItem('InvoiceCaseId', `INV-${label}`);\r\n if (!type) {\r\n iframe.forceOpenTab('ViewInvoice', `?id=${id}&view=ViewInvoice`, {\r\n id,\r\n view: 'ViewInvoice',\r\n });\r\n } else {\r\n iframe.forceOpenTab('ViewInvoice', `?id=${id}&view=ViewInvoice#` + type, {\r\n id,\r\n view: 'ViewInvoice',\r\n });\r\n }\r\n };\r\n\r\n openModalDelete = (userId, record) => {\r\n return InvoicesStore.toggleModal(true, {\r\n modalType: 'cancel',\r\n userId,\r\n record,\r\n });\r\n };\r\n\r\n handlePageClick = page => {\r\n InvoicesStore.refetch({ curPage: page });\r\n };\r\n\r\n renderActionRequired = record => {\r\n if (!record.IsActionRequired) {\r\n return;\r\n }\r\n if (record.IsActionRequired) {\r\n return `Action required - Due Date: ${\r\n record.ActionRequiredDueDate\r\n ? moment(\r\n formatDate(record.ActionRequiredDueDate),\r\n 'DD MMM YYYY',\r\n ).format('DD/MM/YYYY')\r\n : 'N/A'\r\n }`;\r\n }\r\n };\r\n\r\n handlehandleSend = id => () => {\r\n customFetch('/Invoice/SendInvoices', {\r\n headers: { 'Content-Type': 'application/json' },\r\n method: 'POST',\r\n body: JSON.stringify({ id }),\r\n }).then(() => {\r\n notification.destroy();\r\n notification.success({\r\n message: 'Success',\r\n description: `Email has been sent!!`,\r\n duration: 2,\r\n placement: `bottomRight`,\r\n });\r\n });\r\n };\r\n\r\n openPrintCase = uri => () => {\r\n window.open(window.location.origin + uri, '_blank');\r\n };\r\n\r\n convertEmailCreatedAt = email => {\r\n const domain = '@medicolegalassessmentsgroup.com.au';\r\n const email_ = email\r\n ? email.search(domain) && email.replace(domain, '')\r\n : email;\r\n return email_;\r\n };\r\n\r\n renderTableBody = () => {\r\n return InvoicesStore.data.itemList.map(({ Id, ...record }) => (\r\n \r\n {record.ActionSubject}\r\n
\r\n {record.ActionSubject\r\n ? record.ActionOverview.slice(12)\r\n : record.ActionOverview.slice(14)}\r\n
\r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n )}\r\n \r\n \r\n {record.ActionSubject\r\n ? record.ActionOverview.slice(12)\r\n : record.ActionOverview.slice(14)}\r\n
\r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n {record.ClientAccountEmail}\r\n \r\n
\r\n {record.BookingCMAccountEmail}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n );\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ModalXero;\r\n","import React from 'react';\r\nimport { Button, Divider, Form, Header, Icon } from 'semantic-ui-react';\r\nimport moment from 'moment';\r\n\r\nimport customFetch from '../../../utils/customFetch';\r\nimport Modal from '../../shared/Modal/';\r\nimport InvoicesStore from './InvoicesStore';\r\nimport TableToolbar from '../../shared/tableToolbar';\r\nimport ModalNotification from './ModalNotification';\r\n\r\nclass ModalXero extends React.Component {\r\n state = {\r\n openModalNotification: false,\r\n message: `Request sent. This is a long-running task, you will see results in the Notifications box (below account name).`,\r\n checkedClaimtOnly: true,\r\n type: null,\r\n date: '',\r\n };\r\n\r\n handleSubmit = e => {\r\n const { id } = InvoicesStore.modalParams;\r\n e.preventDefault();\r\n const time = moment().format('HH:mm:ss');\r\n const date = moment(\r\n moment(this.state.date, `DD/MM/YYYY`).format(`YYYY-MM-DD`) + time,\r\n 'YYYY-MM-DD hh:mm:ss',\r\n ).toISOString();\r\n if (!date) {\r\n this.setState({\r\n openModalNotification: true,\r\n message: `Invalid date range.`,\r\n });\r\n } else {\r\n customFetch('/invoice/UploadToXero', {\r\n method: 'POST',\r\n headers: { 'Content-type': 'application/json' },\r\n body: JSON.stringify({\r\n invoiceId: id,\r\n xeroInvoiceDate: date,\r\n }),\r\n }).then(() => InvoicesStore.toggleModal(false, {})());\r\n }\r\n };\r\n\r\n handleChangeFromTo = (_, { value }) => {\r\n this.setState({ date: value });\r\n };\r\n\r\n renderModal = () => {\r\n const { message, openModalNotification } = this.state;\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ModalXero;\r\n","import React from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport { Button, Divider, Form, Header, Icon } from 'semantic-ui-react';\r\nimport moment from 'moment';\r\nimport Modal from '@components/shared/Modal/';\r\nimport InvoicesStore from './InvoicesStore';\r\nimport TableToolbar from '@components/shared/tableToolbar';\r\n\r\n@observer\r\nclass ModalExportBatch extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n clientId: null,\r\n clientName: '',\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n InvoicesStore.setFieldsValue({curPageClientSearch: 1, clientSearchData: []});\r\n InvoicesStore.fetchClientSearch();\r\n }\r\n\r\n handleSubmit = e => {\r\n const { fromDate, toDate } = InvoicesStore.getDateRange();\r\n\r\n const from = moment(\r\n moment(fromDate).format(`YYYY-MM-DD`),\r\n 'YYYY-MM-DD',\r\n ).toISOString();\r\n const to = moment(\r\n moment(toDate).format(`YYYY-MM-DD`),\r\n 'YYYY-MM-DD',\r\n ).toISOString();\r\n\r\n var qs = Object.entries({ from, to, clientId: this.state.clientId })\r\n .map(([key, val]) => `${key}=${val}`)\r\n .join('&');\r\n\r\n window.open('/Invoice/ExportInvoices?' + qs, '_blank');\r\n };\r\n\r\n handleScroll = event => {\r\n const target = event.target;\r\n const scrollNumber = target.scrollHeight - target.scrollTop;\r\n const clientHeight = target.clientHeight;\r\n const curPage = InvoicesStore.curPageClientSearch;\r\n if (scrollNumber <= clientHeight + 5 && scrollNumber >= clientHeight - 5) {\r\n InvoicesStore.setFieldsValue({curPageClientSearch: curPage + 1});\r\n InvoicesStore.fetchClientSearch();\r\n }\r\n };\r\n\r\n handleChangeSearchDropdown = e => {\r\n InvoicesStore.setFieldsValue({curPageClientSearch: 1, keywordClientSearch: e.target.value, clientSearchData: []});\r\n InvoicesStore.fetchClientSearch();\r\n };\r\n\r\n renderActionOptions = () => {\r\n return InvoicesStore.clientSearchData.map(opt => ({\r\n key: opt.Id,\r\n text: `No. ${opt.Id} - ${opt.Name || ``} - ${opt.CityName || ``}`,\r\n value: JSON.stringify({\r\n id: opt.Id,\r\n value: opt.Name || '',\r\n }),\r\n }));\r\n };\r\n\r\n handleFilterAction = (_, { value }) => {\r\n const client = JSON.parse(value);\r\n this.setState({clientId: client.id, clientName: client.value});\r\n };\r\n\r\n renderSearchText = value => {\r\n if (this.state.clientId) {\r\n const items = InvoicesStore.clientSearchData.filter(opt => opt.Id === value);\r\n if (items.length > 0) {\r\n return items[0].Name;\r\n }\r\n }\r\n\r\n return InvoicesStore.keywordClientSearch;\r\n };\r\n\r\n render() {\r\n const { toggleModal, loadingClient, fromTo } = InvoicesStore;\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ModalExportBatch;\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport InvoicesStore from './InvoicesStore';\r\nimport ModalActionNotes from './ModalActionNotes';\r\nimport ModalDelete from './ModalDelete';\r\nimport ModalHistory from './ModalHistory';\r\nimport ModalXero from './ModalXero';\r\nimport ModalUpload from './ModalUploadClient';\r\nimport ModalExportBatch from './ModalExportBatch';\r\n\r\nfunction InvoicesModal() {\r\n const { modalType } = InvoicesStore.modalParams;\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n {Total !== undefined && `Total Amount (incl GST) $${Total !== undefined && Total.toFixed(2).replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`}\r\n
\r\n \r\n \r\n \r\n {keyword && !checkFrom && !checkTo && (\r\n
\r\n \r\n\r\n \r\n \r\n {this.renderTableBody(dataDoctorReports, colSpan)}\r\n \r\n \r\n
\r\n \r\n {keyword && !checkFrom && !checkTo && (\r\n \r\n Assessments performed by {keyword}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n {keyword && checkFrom && !checkTo && (\r\n \r\n Assessments performed by {keyword} from{' '}\r\n {checkFrom.replace('17:00:00 GMT', '')}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n {keyword && !checkFrom && checkTo && (\r\n \r\n Assessments performed by {keyword} to{' '}\r\n {checkTo.replace('17:00:00 GMT', '')}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n {keyword && checkFrom && checkTo && (\r\n \r\n Assessments performed by {keyword} from{' '}\r\n {checkFrom.replace('17:00:00 GMT', '')} to{' '}\r\n {checkTo.replace('17:00:00 GMT', '')}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n {!keyword && checkFrom && checkTo && (\r\n \r\n Assessments performed by {keyword} from{' '}\r\n {checkFrom.replace('17:00:00 GMT', '')} to{' '}\r\n {checkTo.replace('17:00:00 GMT', '')}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n {!keyword && checkFrom && !checkTo && (\r\n \r\n Assessments performed from{' '}\r\n {checkFrom.replace('17:00:00 GMT', '')}{' '}\r\n {sumItem ? `(` + sumItem + `)` : ``}\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n {email}\r\n {index < email.length - 1 &&
}\r\n
\r\n ));\r\n };\r\n\r\n renderTableBody = data => {\r\n return data.map(({ id, ...record }, index) => (\r\n }\r\n
\r\n this.handleSelectDoctor(id)}\r\n checked={this.renderChecked(id)}\r\n disabled={!record.accountEmailList}\r\n />\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default observer(ModalBatchUpdatePayments);\r\n","import React from 'react';\r\n\r\nimport ModalConfirm from '../../shared/Modal/ModalConfirm';\r\nimport ModalBatchUpdatePayments from './ModalBatchUpdatePayments';\r\nimport DRStore from './DRStore';\r\n\r\n\r\nfunction ClientsModal() {\r\n\r\n const { modalType } = DRStore.modalParams;\r\n\r\n if (modalType === 'confirm') {\r\n return (\r\n \r\n \r\n
\r\n \r\n You can upload one .XLSX file only. Max file size is 5 MB.\r\n
\r\n\r\n {loading && !data ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SessionAvailability;\r\n","import './index.scss';\r\nimport React from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport moment from 'moment';\r\nimport cx from 'classnames';\r\nimport TableToolbar from '../../shared/tableToolbar';\r\nimport DoctorReportsStore from './DoctorReportsStore';\r\nimport SessionAvailability from './SessionAvailability';\r\nimport * as api from '../../../stores/api';\r\n\r\n@observer\r\nclass DoctorReportsToolbar extends React.Component {\r\n state = {\r\n isActive: false,\r\n fromToOnboardingDate:\r\n moment()\r\n .subtract(1, 'month')\r\n .startOf('month')\r\n .format(`DD/MM/YYYY`) +\r\n ' - ' +\r\n moment()\r\n .subtract(1, 'month')\r\n .endOf('month')\r\n .format(`DD/MM/YYYY`),\r\n fromToAssignedDate:\r\n moment()\r\n .subtract(1, 'month')\r\n .startOf('month')\r\n .format(`DD/MM/YYYY`) +\r\n ' - ' +\r\n moment()\r\n .subtract(1, 'month')\r\n .endOf('month')\r\n .format(`DD/MM/YYYY`),\r\n activeExportclinicReport: false,\r\n };\r\n openModal = options => {\r\n this.setState({ isActive: false });\r\n return DoctorReportsStore.toggleModal(true, options)();\r\n };\r\n\r\n handlePrintSearchResult = () => {\r\n this.setState({ isActive: false });\r\n const { dataDoctorReports } = DoctorReportsStore;\r\n if (dataDoctorReports) {\r\n var printContents = window.functionGetElementTableForPrint();\r\n var popupWin = window.open('', '_blank', 'width=800,height=600');\r\n popupWin.document.open();\r\n popupWin.document.write(\r\n '' +\r\n printContents +\r\n '',\r\n );\r\n popupWin.document.close();\r\n }\r\n };\r\n\r\n handleExportDoctorNationalDirectory = () => {\r\n this.setState({ isActive: false });\r\n window.open(`/report/ExportDoctorWithCombinedClinic`, '_blank');\r\n };\r\n\r\n handleSpecialistAssignedClinics = () => {\r\n this.setState({ isActive: false, activeExportclinicReport: true });\r\n // window.open(`/report/ExportClinicReport`, '_blank');\r\n };\r\n\r\n handleExportClinictSessionHistory = () => {\r\n this.setState({ isActive: false });\r\n window.open('/Report/ExportClinicSessionHistory');\r\n };\r\n\r\n handleExportSearchResult = () => {\r\n this.setState({ isActive: false });\r\n const { DoctorId, dataDoctorReports } = DoctorReportsStore;\r\n const { fromDate, toDate } = DoctorReportsStore.getDateRange();\r\n const fromDate_ = fromDate\r\n ? moment(fromDate, 'DD/MM/YYYY')\r\n // .subtract(1, 'd')\r\n .format('YYYY-MM-DD')\r\n : null;\r\n const toDate_ = toDate\r\n ? moment(toDate, 'DD/MM/YYYY')\r\n // .subtract(1, 'd')\r\n .format('YYYY-MM-DD')\r\n : null;\r\n if (dataDoctorReports && dataDoctorReports.itemList.length !== 0) {\r\n window.open(\r\n '/Report/DownloadDoctorReports?DoctorId=' +\r\n DoctorId +\r\n '&From=' +\r\n encodeURIComponent(fromDate_) +\r\n '&To=' +\r\n encodeURIComponent(toDate_),\r\n '_blank',\r\n );\r\n }\r\n };\r\n\r\n getFromTofromDateRange = dateRange => {\r\n if (dateRange) {\r\n const [fromDate, toDate] = dateRange.split(' - ');\r\n\r\n return {\r\n fromDate: fromDate ? fromDate : null,\r\n toDate: toDate ? toDate : null,\r\n };\r\n } else\r\n return {\r\n fromDate: null,\r\n toDate: null,\r\n };\r\n };\r\n\r\n handleChangeRangePicker = fieldName => (_, { value }) => {\r\n this.setState({ [fieldName]: value });\r\n };\r\n\r\n exportClinicReport = () => {\r\n const { fromToOnboardingDate, fromToAssignedDate } = this.state;\r\n const onboardingDate = this.getFromTofromDateRange(fromToOnboardingDate);\r\n const assignedDate = this.getFromTofromDateRange(fromToAssignedDate);\r\n const fromOnboardingDate = onboardingDate.fromDate\r\n ? moment(onboardingDate.fromDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const toOnboardingDate = onboardingDate.toDate\r\n ? moment(onboardingDate.toDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const fromAssignedDate = assignedDate.fromDate\r\n ? moment(assignedDate.fromDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const toAssignedDate = assignedDate.toDate\r\n ? moment(assignedDate.toDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n window.open(\r\n `/Report/ExportClinicReport?FromOnboardingDate=${fromOnboardingDate}&ToOnboardingDate=${toOnboardingDate}&FromAssigned=${fromAssignedDate}&ToAssigned=${toAssignedDate}`,\r\n '_blank',\r\n );\r\n };\r\n\r\n handleExportClinicReport = () => {\r\n const { fromToOnboardingDate, fromToAssignedDate } = this.state;\r\n const onboardingDate = this.getFromTofromDateRange(fromToOnboardingDate);\r\n const assignedDate = this.getFromTofromDateRange(fromToAssignedDate);\r\n const fromOnboardingDate = onboardingDate.fromDate\r\n ? moment(onboardingDate.fromDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const toOnboardingDate = onboardingDate.toDate\r\n ? moment(onboardingDate.toDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const fromAssignedDate = assignedDate.fromDate\r\n ? moment(assignedDate.fromDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const toAssignedDate = assignedDate.toDate\r\n ? moment(assignedDate.toDate, 'DD/MM/YYYY').format('MM/DD/YYYY')\r\n : '';\r\n const defaultDate = moment().format('DD/MM/YYYY');\r\n if (!toOnboardingDate && !toAssignedDate) {\r\n if (!fromAssignedDate && !fromOnboardingDate) {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: '',\r\n fromToAssignedDate: '',\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n } else if (!fromAssignedDate) {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: `${onboardingDate.fromDate} - ${defaultDate}`,\r\n fromToAssignedDate: '',\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n } else if (!fromOnboardingDate) {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: '',\r\n fromToAssignedDate: `${assignedDate.fromDate} - ${defaultDate}`,\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: `${onboardingDate.fromDate} - ${defaultDate}`,\r\n fromToAssignedDate: `${assignedDate.fromDate} - ${defaultDate}`,\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n }\r\n } else if (!toAssignedDate) {\r\n if (!fromAssignedDate) {\r\n this.setState(\r\n {\r\n fromToAssignedDate: '',\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n fromToAssignedDate: `${assignedDate.fromDate} - ${defaultDate}`,\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n }\r\n } else if (!toOnboardingDate) {\r\n if (!fromOnboardingDate) {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: '',\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n fromToOnboardingDate: `${onboardingDate.fromDate} - ${defaultDate}`,\r\n },\r\n () => this.exportClinicReport(),\r\n );\r\n }\r\n } else {\r\n this.exportClinicReport();\r\n }\r\n };\r\n\r\n handleClearDateRange = () => {\r\n this.setState({\r\n fromToOnboardingDate: '',\r\n fromToAssignedDate: '',\r\n });\r\n };\r\n\r\n render() {\r\n const { fromToOnboardingDate, fromToAssignedDate } = this.state;\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {record.ActionOverview}\r\n
\r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n )}\r\n \r\n \r\n {this.convertEmailCreatedAt(record.ActionRequiredUserName)}\r\n
\r\n {record.Client}\r\n
{record.BusinessType}\r\n
\r\n \r\n {record.BusinessType}\r\n
}\r\n {record.CMEmail}\r\n {record.CMMobilePhone &&
}\r\n
}\r\n {record.ClinicEmail}\r\n {record.ClinicPhone &&
}\r\n
\r\n {record.DoctorId > 0 ? `(${record.DoctorId})` : ``}{' '}\r\n {record.DoctorName}{' '}\r\n {`${\r\n record.DoctorRegisterOption\r\n ? `(${record.DoctorRegisterOption})`\r\n : ''\r\n }`}\r\n
\r\n {record.DoctorEmail}\r\n {record.DoctorPhone &&}\r\n
{record.CaseManager}
\r\n{record.CMEmail}
\r\n \r\n
\r\n \r\n {record.ClinicName}
\r\n{record.ClinicEmail}
\r\n \r\n
\r\n {record.DoctorName}
\r\n{record.DoctorEmail}
\r\n \r\n
\r\n \r\n {(loading && !data) ||\r\n (!dataClaimant && loadingClaimant) ||\r\n (loadingOverDueCRStatus && !dataOverDueCRStatus) ||\r\n (loadingCRStatus && !dataCRStatus) ||\r\n (loadingStaffAssignAction && !dataStaffAssignAction) ||\r\n (loadingStaffAssign && !dataStaffAssign) ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FileReview;\r\n","import React from 'react'\r\nimport { Form, DatePicker, Select, Divider, Input, Radio, InputNumber } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass ClaimDetailsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClaimDetailsForm","import React from 'react'\r\nimport { Form, Checkbox, DatePicker, Input, Select, Divider, Radio } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass CaseDocumentsForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n ) \r\n }\r\n}\r\n\r\nexport default CaseDocumentsForm","import React from 'react'\r\nimport { Form, Select, Radio, Input, Checkbox, DatePicker } from 'antd'\r\n\r\nclass CaseCancellationForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CaseCancellationForm","import React from 'react'\r\nimport { Form, Input, DatePicker, Checkbox, Divider, Select, InputNumber } from 'antd'\r\nimport { Message } from 'semantic-ui-react';\r\n\r\nclass ProviderPayment extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ProviderPayment","import React from 'react';\r\nimport { Checkbox, Form, Select, DatePicker, Input, Radio } from 'antd';\r\nimport { Button, Icon } from 'semantic-ui-react';\r\n\r\nimport './ConversationModalForm.scss';\r\nimport Modal from '../../shared/Modal';\r\n\r\nclass ConversationModalForm extends React.Component {\r\n render() {\r\n const { visible, onCancel } = this.props;\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CaseCorrespondenceForm","import React from 'react'\r\nimport { Form, Radio, Input, DatePicker, Select, Checkbox } from 'antd'\r\n\r\nclass ActionRequiredForm extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ActionRequiredForm","import React from 'react';\r\nimport cx from 'classnames'\r\nimport { Divider } from 'antd'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport '../AddEditClinic/index.scss';\r\n\r\nimport ClaimDetails from './ClaimDetails'\r\nimport CaseDocuments from './CaseDocuments'\r\nimport CaseCancellation from './CaseCancellation'\r\nimport ProviderPayment from './ProviderPayment'\r\nimport CaseCorrespondence from './CaseCorrespondence'\r\nimport ActionRequired from './ActionRequired'\r\n\r\nconst STEPS = [\r\n 'Claim Details',\r\n 'Case Documents and CR Retrieval',\r\n 'Cancellation and On-Hold Request Information',\r\n 'Provider Payment Information',\r\n 'Case Correspondence',\r\n 'Action Required',\r\n]\r\n\r\nclass AddEditClinicalRecord extends React.Component {\r\n state = {\r\n currentStep: 0,\r\n }\r\n\r\n handleStepChange = step => () => {\r\n this.setState({ currentStep: step })\r\n }\r\n\r\n renderForm = () => {\r\n switch(this.state.currentStep) {\r\n case 1: return \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n ); \r\n }\r\n}\r\n\r\nexport default AddEditClinicalRecord","import './DoctorCardList.scss';\r\n\r\nimport React from 'react';\r\nimport { Icon } from 'semantic-ui-react';\r\n\r\nfunction DoctorCardList({ data }) {\r\n return (\r\n \r\n
\r\n {STEPS[this.state.currentStep]}
\r\n {this.renderForm()}\r\n\r\n {STEPS.map((step, idx) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n {!data || !data.length ? (\r\n
\r\n );\r\n}\r\n\r\nexport default DoctorCardList;\r\n","import React from 'react';\r\nimport { Dropdown, Menu } from 'antd';\r\nimport { Icon } from 'semantic-ui-react';\r\n\r\nclass ShortcutTable extends React.Component {\r\n render() {\r\n const shortcut = this.props.shortcutOptions || [];\r\n return (\r\n No Data Found
\r\n ) : (\r\n data.map(doc => (\r\n \r\n 
\r\n
\r\n ))\r\n )}\r\n \r\n
\r\n \r\n {doc.fullname} ({doc.title}.)\r\n
\r\n {doc.specialty}\r\n\r\n
\r\n