\r\n \r\n {children}\r\n \r\n
\r\n );\r\n};\r\n","import Axios, { AxiosRequestConfig } from 'axios';\r\nimport { useAuthentication } from 'hooks/useAuthentication';\r\n\r\nexport const useAuthenticatedAxios = () => {\r\n const { getToken } = useAuthentication();\r\n return async (config: AxiosRequestConfig) =>\r\n await Axios({\r\n ...config,\r\n headers: {\r\n Authorization: `Bearer ${getToken()}`,\r\n ...config.headers\r\n }\r\n });\r\n};\r\n","export enum ROUTES {\r\n PartnerGetExternalUser = 'PartnerGetExternalUser',\r\n PartnerGetMyEncounterMasterView = 'PartnerGetMyEncounterMasterView',\r\n PartnerGetMyEncounterComments = 'PartnerGetMyEncounterComments',\r\n PartnerUpSertEncounterComment = 'PartnerUpSertEncounterComment',\r\n PartnerGetStatusList = 'PartnerGetStatusList',\r\n PartnerGetMyEncounterCommentTypes = 'PartnerGetMyEncounterCommentTypes',\r\n PartnerGetEncounterHeaderVoidReasonList = 'PartnerGetEncounterHeaderVoidReasonList',\r\n PartnerUpSertEncounterHeaderStatusVoidUpdate = 'PartnerUpSertEncounterHeaderStatusVoidUpdate',\r\n UpSertEncounterHeaderStatusVoidUpdateMultiple = 'UpSertEncounterHeaderStatusVoidUpdateMultiple',\r\n PartnerGetMyEncounterCommentPresetComments = 'PartnerGetMyEncounterCommentPresetComments',\r\n GetExceptionEncounterHeadersActiveAndInactiveByEncounterHeaderID = 'GetExceptionEncounterHeadersActiveAndInactiveByEncounterHeaderID',\r\n GetPartnerPortalProvidersByFacilityId = 'GetPartnerPortalProvidersByFacilityId',\r\n UpdateExceptionEncounterHeaders = 'UpdateExceptionEncounterHeaders',\r\n ClearAllExceptionEncounterHeaderExceptions = 'ClearAllExceptionEncounterHeaderExceptions',\r\n GetDocumentHeaders = 'GetDocumentHeaders',\r\n GetDocumentDetails = 'GetDocumentDetails',\r\n GetDocumentEdmById = 'GetDocumentEdmById',\r\n PartnerGetMaintenanceMode = 'PartnerGetMaintenanceMode',\r\n PartnerGetMfaAuthentication = 'PartnerGetMfaAuthentication',\r\n PartnerGetPatientInsurance = 'PartnerGetPatientInsurance',\r\n PartnerGetRefreshToken = 'PartnerGetRefreshToken',\r\n PartnerSendMfaTextToPhoneNumber = 'PartnerSendMfaTextToPhoneNumber',\r\n PartnerUpdateRequestInsuranceInsert = 'PartnerUpdateRequestInsuranceInsert',\r\n PartnerUpSertMfaPhoneNumber = 'PartnerUpSertMfaPhoneNumber',\r\n SendMfaTextToEmail = 'SendMfaTextToEmail',\r\n ClearAllExceptionEncounterHeaderExceptionsMulti = 'ClearAllExceptionEncounterHeaderExceptionsMulti',\r\n PartnerGetProviderList = 'PartnerGetProviderList'\r\n}\r\n","import { useMutation } from 'react-query';\r\nimport { ErrorResponse } from 'types/network';\r\nimport { useAuthenticatedAxios } from 'hooks/useAuthenticatedAxios';\r\nimport { ROUTES } from 'constants/routes';\r\n\r\nexport const usePartnerGetMfaAuthentication = () => {\r\n const Axios = useAuthenticatedAxios();\r\n return useMutationMy Account
\r\n {/* eslint-disable-next-line react/jsx-no-target-blank */}\r\n\r\n \r\n Submit\r\n \r\n
\r\n \r\n );\r\n }}\r\n />\r\n \r\n Update Password
\r\n\r\n
\r\n );\r\n};\r\n\r\n// UTILS FUNCTIONS -------------------\r\n\r\nconst checkIsDisabled = MESContext => {\r\n return (\r\n MESContext.isLoading ||\r\n MESHasFacility(MESContext.facility) ||\r\n MESFilterIsSelect(MESContext.advancedFilter) ||\r\n MESContext.value1 === '' ||\r\n MesDosRangeInvalid(MESContext)\r\n );\r\n};\r\n\r\nconst MESHasFacility = MESFacility => {\r\n return MESFacility && MESFacility.length === 0;\r\n};\r\n\r\nconst MESFilterIsSelect = MESFilter =>\r\n MESFilter.advancedFilter === '-- Select --';\r\n\r\nconst MesDosRangeInvalid = MESContext => {\r\n const { advancedFilter, value1, value2 } = MESContext;\r\n return (\r\n advancedFilter === 'Date Of Service Range' &&\r\n (moment(value1).format('MM-DD-YYYY') === 'Invalid date' ||\r\n moment(value2).format('MM-DD-YYYY') === 'Invalid date' ||\r\n moment(value1).isSameOrAfter(moment(value2)))\r\n );\r\n};\r\n\r\nconst myEncounterValueEnabled = MESContext => {\r\n return (\r\n !!MESContext.advancedFilter &&\r\n MESContext.advancedFilter !== '-- Select --' &&\r\n MESContext.advancedFilter !== 'Date Of Service Range' &&\r\n MESContext.advancedFilter !== 'Date Of Birth'\r\n );\r\n};\r\n\r\nconst myEncounterStartEnabled = MESContext => {\r\n return (\r\n !!MESContext.advancedFilter &&\r\n MESContext.advancedFilter === 'Date Of Service Range'\r\n );\r\n};\r\n\r\n// STYLED COMPONENTS -----------------\r\nconst StyledCheckbox = styled(Checkbox)`\r\n &.Mui-checked {\r\n color: ${BrandColor.ACCENT} !important;\r\n }\r\n`;\r\nconst StyledInputLabel = styled(InputLabel)`\r\n pointer-events: auto;\r\n &.MuiInputLabel-outlined {\r\n transform: translate(14px, 15px) scale(1);\r\n }\r\n &.MuiInputLabel-outlined.MuiInputLabel-shrink {\r\n background: linear-gradient(#f5f5f5 50%, white 50%);\r\n padding: 0 5px;\r\n display: flex;\r\n align-items: center;\r\n transform: translate(14px, -8px) scale(0.75);\r\n }\r\n`;\r\nconst FacilitiesField = styled(FormControl)`\r\n width: 150px;\r\n @media only screen and (min-width: 1200px) {\r\n width: 285px;\r\n }\r\n`;\r\n\r\n// CONSTANTS --------------\r\nconst advancedFilterOptions = [\r\n '-- Select --',\r\n 'Account Number',\r\n /*'Date Of Birth',*/ 'Date Of Service Range',\r\n 'Patient Last Name' /*'Responsible Provider'*/\r\n];\r\n\r\n// const accountOwnerOptions = ['All', 'Client', 'Ventra'];\r\n\r\n// STYLES -------------\r\nconst styles = {\r\n container: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-end',\r\n marginTop: '5px'\r\n },\r\n statusFormControl: { width: '145px' },\r\n searchFormControl: { width: '220px' },\r\n myEncounterValue: {\r\n backgroundColor: 'white'\r\n }\r\n};\r\n\r\nexport default MyEncountersSearchForm;\r\n","import React, { useState, useEffect } from 'react';\r\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport { FormHelperText } from '@material-ui/core';\r\nimport { usePartnerGetMyEncounterCommentTypes } from './lib/usePartnerGetMyEncounterCommentTypes';\r\n\r\nexport interface CommentsPresetProps {\r\n comment: { encounterHeaderCommentTypeID: string };\r\n handlePresetChange: (value: unknown) => void;\r\n handleChangeComment: (value: unknown) => void;\r\n isSubmitting: boolean;\r\n}\r\n\r\nfunction CommentsPreset({\r\n comment,\r\n handlePresetChange,\r\n handleChangeComment,\r\n isSubmitting\r\n}: CommentsPresetProps) {\r\n const { data: commentOptions = [] } = usePartnerGetMyEncounterCommentTypes();\r\n const [isDirty, setIsDirty] = useState(false);\r\n\r\n useEffect(() => {\r\n if (isSubmitting) {\r\n setIsDirty(false);\r\n }\r\n }, [isSubmitting]);\r\n\r\n useEffect(() => {\r\n handleChangeComment(comment ? comment : '');\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [comment]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {/* FACILITIES DROPDOWN HERE ---------- */}\r\n \r\n \r\n el.value).indexOf(option.value) >\r\n -1\r\n }\r\n />\r\n \r\n\r\n {/* STATUS DROPDOWN HERE -------------- */}\r\n \r\n MES.setStatus(e.target.value)}\r\n input={\r\n \r\n {value}\r\n \r\n ))}\r\n \r\n */}\r\n {/* SEARCH TYPE DROPSOWN HERE ------------ */}\r\n \r\n \r\n {value}\r\n \r\n ))}\r\n \r\n \r\n\r\n {myEncounterValueEnabled(MES) && (\r\n MES.setValue1(e.target.value)}\r\n />\r\n )}\r\n\r\n {myEncounterStartEnabled(MES) && (\r\n <>\r\n MES.setValue1(e.target.value)}\r\n >\r\n MES.setValue2(e.target.value)}\r\n >\r\n
\r\n\r\n {/* BUTTONS START HERE -------------- */}\r\n \r\n \r\n Search\r\n \r\n \r\n Clear\r\n \r\n
\r\n No comments found
\r\n )}\r\n \r\n {!user.readOnly ? (\r\n \r\n \r\n {theme.direction === 'rtl' ? \r\n {theme.direction === 'rtl' ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === 'rtl' ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === 'rtl' ?
\r\n );\r\n};\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired\r\n};\r\n\r\nexport default TablePaginationActions;\r\n","import OutlinedInput from '@material-ui/core/OutlinedInput';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport ClearIcon from '@material-ui/icons/Clear';\r\nimport styled from 'styled-components';\r\n\r\nconst StyledClearIcon = styled(ClearIcon)`\r\n cursor: pointer;\r\n`;\r\nconst StyledSearch = styled(OutlinedInput)`\r\n background: white;\r\n`;\r\n\r\nconst GlobalFilter = ({ globalFilter, setGlobalFilter, gotoPage }) => (\r\n \r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\nconst SelectedActions = ({\r\n ids,\r\n disableActions,\r\n disableExport,\r\n refetch,\r\n selectedFlatRows,\r\n data,\r\n user,\r\n columns\r\n}) => {\r\n const [openComment, setOpenComment] = React.useState(false);\r\n const [multiCommentIDs, setMultiCommentIDs] = React.useState([]);\r\n const [openVoidDialog, setOpenVoidDialog] = useState(false);\r\n const [multiVoidIDs, setMultiVoidIDs] = useState([]);\r\n const [isMulti, setIsMulti] = useState(null);\r\n const [optionalComment, setOptionalComment] = useState('');\r\n const [selectedVoidReason, setSelectedVoidReason] = useState({});\r\n const [multiVoid, setMultiVoid] = useState(false);\r\n const [openMultiSnackbar, setOpenMultiSnackbar] = useState(false);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [message, setMessage] = useState('');\r\n const [batchAuthOpen, setBatchAuthOpen] = useState(false);\r\n const { status } = useContext(MyEncoutnersSearchContext);\r\n\r\n const handleMulti = (ids, type) => {\r\n if (!type) return;\r\n\r\n const headerIDs = ids.map(i => ({\r\n encounterHeaderId: data[i].encounterHeaderID,\r\n applicationID: data[i].applicationID\r\n }));\r\n if (type === 'comment') {\r\n setMultiCommentIDs(headerIDs);\r\n setOpenComment(true);\r\n }\r\n if (type === 'void') {\r\n setMultiVoidIDs(headerIDs);\r\n setOpenVoidDialog(true);\r\n }\r\n };\r\n\r\n const handleCloseSnackBar = (_, reason) => {\r\n if (reason === 'clickaway') {\r\n return;\r\n }\r\n setOpenMultiSnackbar(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (multiVoid) {\r\n const multiVoidRecord = async () => {\r\n const payload = {\r\n encounterHeaderIdentifier: multiVoidIDs,\r\n encounterHeaderVoidReasonID: selectedVoidReason\r\n ? selectedVoidReason.encounterHeaderVoidReasonID\r\n : '',\r\n comment: optionalComment\r\n };\r\n try {\r\n await axios.post(\r\n `${process.env.REACT_APP_URL}/?route=${ROUTES.UpSertEncounterHeaderStatusVoidUpdateMultiple}`,\r\n payload,\r\n {\r\n headers: {\r\n Authorization: `Bearer ${sessionStorage.getItem('usertoken')}`\r\n }\r\n }\r\n );\r\n setIsSuccess(true);\r\n setMessage('Record voided.');\r\n setOptionalComment('');\r\n setSelectedVoidReason(null);\r\n setOpenVoidDialog(null);\r\n refetch(true);\r\n } catch (error) {\r\n const errMsg = error?.response?.data?.Error;\r\n setIsSuccess(false);\r\n setMessage(errMsg ?? 'There is an error.');\r\n } finally {\r\n setMultiVoid(false);\r\n setOpenMultiSnackbar(true);\r\n }\r\n };\r\n\r\n multiVoidRecord();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [multiVoid]);\r\n\r\n return (\r\n \r\n {!user.readOnly ? (\r\n
\r\n ),\r\n // The cell can use the individual row's getToggleRowSelectedProps method\r\n // to the render a checkbox\r\n Cell: ({ row }) => (\r\n \r\n {!user.readOnly ? (\r\n
\r\n )\r\n },\r\n ...columns\r\n ]);\r\n }\r\n );\r\n\r\n const handleChangePage = (event, newPage) => {\r\n gotoPage(newPage);\r\n };\r\n\r\n const handleChangeRowsPerPage = event => {\r\n setPageSize(Number(event.target.value));\r\n };\r\n\r\n return (\r\n My Encounters
\r\n\r\n \r\n {\r\n return {\r\n ...encounter,\r\n dateOfService: encounter.dateOfService\r\n ? moment(encounter.dateOfService).format('MM/DD/YY')\r\n : '',\r\n dateHeld: encounter.dateHeld\r\n ? moment(encounter.dateHeld).format('MM/DD/YY')\r\n : '',\r\n nextCheckDate: encounter.nextCheckDate\r\n ? moment(encounter.nextCheckDate).format('MM/DD/YY')\r\n : '',\r\n patientDOB: encounter.patientDOB\r\n ? moment(encounter.patientDOB).format('MM/DD/YYYY')\r\n : ''\r\n };\r\n }) || []\r\n }\r\n handleComments={(rowId: any, dateOfService: any) => {\r\n setOpenComment(rowId);\r\n setOpenCommentDOS(moment(dateOfService).format('MM/DD/YYYY'));\r\n }}\r\n handleVoid={(rowId: any) => {\r\n setOpenVoidDialog(rowId);\r\n }}\r\n handleOpenExceptions={(rowId: any) => setOpenExceptions(rowId)}\r\n openRecord={openComment || openVoidDialog || openExceptions}\r\n notSearched={notSearched}\r\n refetch={() => setRefetch(true)}\r\n />\r\n setSubmitComment(true)}\r\n newComment={newComment}\r\n onChange={(e: { target: { value: string } }) =>\r\n setNewComment(e.target.value)\r\n }\r\n onChangePreset={(value: any) => {\r\n if (value.encounterHeaderCommentTypeID) {\r\n setSelectedPreset(value);\r\n }\r\n }}\r\n onClose={() => {\r\n setOpenComment(null);\r\n setRefetch(false);\r\n setComments([]);\r\n }}\r\n />\r\n {!!openExceptions && (\r\n setOpenExceptions(null)}\r\n encounterHeaderId={openExceptions.encounterHeaderId}\r\n facilityId={openExceptions.facilityID}\r\n />\r\n )}\r\n \r\n setSelectedVoidReason(e.target.value)\r\n }\r\n optionalComment={optionalComment}\r\n handleOptionalCommentChange={(e: { target: { value: string } }) =>\r\n setOptionalComment(e.target.value)\r\n }\r\n onSave={() => setSaveVoid(true)}\r\n onClose={() => {\r\n setOpenVoidDialog(null);\r\n setOptionalComment('');\r\n setSelectedVoidReason(null);\r\n setRefetch(false);\r\n }}\r\n />\r\n \r\n {openSnackbar ? (\r\n \r\n {message}\r\n \r\n ) : undefined}\r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n setIsLoading(true);\r\n setSearch(true);\r\n }}\r\n >\r\n Search\r\n \r\n {\r\n setFacility([]);\r\n setAdvancedFilter('-- Select --');\r\n setValue1('');\r\n setValue2('');\r\n setNotSearched(true);\r\n setProviderSearch(null);\r\n }}\r\n >\r\n Clear\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default MyEncountersSearchForm;\r\n\r\nconst StyledCheckbox = styled(Checkbox)`\r\n &.Mui-checked {\r\n color: ${BrandColor.ACCENT} !important;\r\n }\r\n`;\r\nconst StyledInputLabel = styled(InputLabel)`\r\n pointer-events: auto;\r\n &.MuiInputLabel-outlined {\r\n transform: translate(14px, 15px) scale(1);\r\n }\r\n &.MuiInputLabel-outlined.MuiInputLabel-shrink {\r\n background: linear-gradient(#f5f5f5 50%, white 50%);\r\n padding: 0 5px;\r\n display: flex;\r\n align-items: center;\r\n transform: translate(14px, -8px) scale(0.75);\r\n }\r\n`;\r\nconst LabelWithTooltip = ({ id, label, toolTipText }) => (\r\n \r\n \r\n {theme.direction === 'rtl' ? \r\n {theme.direction === 'rtl' ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === 'rtl' ? (\r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === 'rtl' ?
\r\n );\r\n};\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired\r\n};\r\n\r\nexport default TablePaginationActions;\r\n","import React from 'react';\r\n\r\nimport clsx from 'clsx';\r\nimport GlobalFilter from 'components/GlobalFilter';\r\nimport { lighten, makeStyles } from '@material-ui/core/styles';\r\nimport PropTypes from 'prop-types';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport styled from 'styled-components';\r\n\r\nconst useToolbarStyles = makeStyles(theme => ({\r\n root: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n fontSize: '14px',\r\n padding: '0'\r\n },\r\n // stylelint-disable-next-line property-no-unknown\r\n highlight:\r\n theme.palette.type === 'light'\r\n ? {\r\n color: theme.palette.secondary.main,\r\n backgroundColor: lighten(theme.palette.secondary.light, 0.85)\r\n }\r\n : {\r\n color: theme.palette.text.primary,\r\n backgroundColor: theme.palette.secondary.dark\r\n },\r\n title: {\r\n flex: '1',\r\n maxWidth: '515px',\r\n marginRight: '10px',\r\n fontSize: '14px'\r\n },\r\n filter: {\r\n height: '45px',\r\n fontSize: '14px'\r\n },\r\n // stylelint-disable-next-line selector-type-no-unknown\r\n actions: {\r\n height: '45px'\r\n }\r\n}));\r\n\r\nconst StyledToolbar = styled(Toolbar)`\r\n padding: 0;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n`;\r\n\r\nconst TableToolbar = props => {\r\n const classes = useToolbarStyles();\r\n const {\r\n numSelected,\r\n preGlobalFilteredRows,\r\n setGlobalFilter,\r\n globalFilter,\r\n total,\r\n SelectedActions,\r\n notSearched\r\n } = props;\r\n return (\r\n \r\n
\r\n \r\n \r\n exportToExcelSheet({\r\n fileName: `MyTransactionsSummary-${format(\r\n new Date(),\r\n 'dd.MM.yyyy'\r\n )}.xlsx`,\r\n sheetName: 'My Transactions Summary',\r\n columns,\r\n data: data.map(el => ({\r\n ...el,\r\n ados: el.ados ? new Date(el.ados) : '',\r\n dob: el.dob ? new Date(el.dob) : ''\r\n }))\r\n })\r\n }\r\n >\r\n Export\r\n \r\n
\r\n );\r\n };\r\n const user = JSON.parse(sessionStorage.getItem('user'));\r\n const isIE = is.ie('>=10');\r\n const checkSelected = row => {\r\n if (\r\n row.original.invoiceNo === (openRecord && openRecord.account) &&\r\n row.original.srcSystemKey === (openRecord && openRecord.srcSystemKey)\r\n )\r\n return true;\r\n if (\r\n row.original.invoiceNo === (openStatement && openStatement.account) &&\r\n row.original.srcSystemKey ===\r\n (openStatement && openStatement.srcSystemKey)\r\n )\r\n return true;\r\n if (row.original.invoiceNo === openPatientInsurance?.invoiceNo) return true;\r\n return false;\r\n };\r\n\r\n // Render the UI for your table\r\n return (\r\n \r\n \r\n setOpenSummary(rowId)}\r\n >\r\n \r\n \r\n \r\n setOpenPatientInsurance({\r\n ...rowId,\r\n invoiceNo,\r\n hospitalAccountNumber\r\n })\r\n }\r\n >\r\n \r\n\r\n {showPatientStatement && (\r\n \r\n \r\n setOpenPatientStatement({ ...rowId, account: invoiceNo })\r\n }\r\n >\r\n \r\n )}\r\n {!!showMyTransactionsX12DocumentLink && (\r\n \r\n {\r\n setShowInvoice(invoiceNo);\r\n setOpenInvoice(true);\r\n }}\r\n >\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst MuiEnhancedTable = ({\r\n initial,\r\n tableData,\r\n notSearched,\r\n openSummary,\r\n openPatientStatement,\r\n setOpenSummary,\r\n setOpenPatientStatement,\r\n openPatientInsurance,\r\n setOpenPatientInsurance,\r\n setOpenInvoice,\r\n setShowInvoice\r\n}) => {\r\n // Last Name, First Name - Label should be 'Patient'\r\n // DOS\r\n // DOB\r\n // Charges\r\n // Patient Payment\r\n // Insurance Co Payment\r\n // Adjustment\r\n // Balance\r\n // Collection Balance\r\n // PolicyID\r\n const user = JSON.parse(sessionStorage.getItem('user'));\r\n\r\n /**@type Column\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default MuiTable;\r\n","import React, { useEffect, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport PrintIcon from '@material-ui/icons/Print';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\nimport NumberFormat from 'react-number-format';\r\nimport Table from './Table';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Draggable from 'react-draggable';\r\n\r\nfunction PaperComponent(props) {\r\n return (\r\n \r\n {/* PATIENT INFO TABLE */}\r\n dos && moment(dos).format('MM/DD/YY')\r\n },\r\n {\r\n Header: 'Statement Account',\r\n accessor: 'statementAccount'\r\n }, // TODO: ????\r\n {\r\n Header: 'Invoice',\r\n accessor: 'account'\r\n },\r\n {\r\n Header: 'Patient',\r\n id: 'firstName',\r\n accessor: ({ lastName, firstName }) =>\r\n `${lastName}, ${firstName}`\r\n },\r\n {\r\n Header: 'DOB',\r\n id: 'DOB',\r\n accessor: ({ dob }) => dob && moment(dob).format('MM/DD/YY')\r\n },\r\n {\r\n Header: 'Sex',\r\n accessor: 'sex'\r\n }\r\n ]\r\n }\r\n ]}\r\n data={[\r\n { dos, dob, account, lastName, firstName, sex, statementAccount }\r\n ]}\r\n />\r\n\r\n {/* EMPLOYMENT INFO TABLE */}\r\n currency(charge)\r\n },\r\n {\r\n Header: 'Adjustment',\r\n id: 'adj',\r\n accessor: ({ adj }) => currency(adj)\r\n },\r\n {\r\n Header: 'Insurance Payments',\r\n id: 'pmtIns',\r\n accessor: ({ pmtIns }) => currency(pmtIns)\r\n },\r\n {\r\n Header: 'Patient Payments',\r\n id: 'pmtPat',\r\n accessor: ({ pmtPat }) => currency(pmtPat)\r\n },\r\n {\r\n Header: 'Balance',\r\n id: 'balance',\r\n accessor: ({ balance }) => currency(balance)\r\n },\r\n {\r\n Header: 'Collection Balance',\r\n id: 'collectionBal',\r\n accessor: ({ collectionBal }) => currency(collectionBal)\r\n }\r\n ]\r\n }\r\n ]}\r\n data={[\r\n { charge, pmt, adj, balance, pmtIns, pmtPat, collectionBal }\r\n ]}\r\n />\r\n\r\n {/* CHARGES INFO TABLE */}\r\n \r\n date && moment(date).format('MM/DD/YYYY')\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description'\r\n },\r\n {\r\n Header: 'CPT',\r\n accessor: 'cpt'\r\n },\r\n {\r\n Header: 'Charge',\r\n id: 'charges',\r\n accessor: ({ charges }) => currency(charges)\r\n },\r\n {\r\n Header: 'Ins. Payments',\r\n id: 'insPmt',\r\n accessor: ({ insPmt }) => currency(insPmt)\r\n },\r\n {\r\n Header: 'Adjustments',\r\n id: 'adj',\r\n accessor: ({ adj }) => currency(adj)\r\n },\r\n {\r\n Header: 'Pat. Payments',\r\n id: 'patPmt',\r\n accessor: ({ patPmt }) => currency(patPmt)\r\n },\r\n {\r\n Header: 'Balance',\r\n id: 'bal',\r\n accessor: ({ bal }) => currency(bal)\r\n }\r\n ]\r\n }\r\n ]}\r\n data={\r\n summaryDetails?.charges?.sort((chargeA, chargeB) => {\r\n return chargeA.no - chargeB.no;\r\n }) || []\r\n }\r\n />\r\n\r\n {/* PROVIDERS INFO TABLE */}\r\n \r\n `${docLName}, ${docFName}`\r\n },\r\n {\r\n Header: 'APP',\r\n id: 'appName',\r\n accessor: ({ appFName, appLName }) =>\r\n `${appLName}, ${appFName}`\r\n },\r\n {\r\n Header: 'Crediting Provider',\r\n id: 'provider',\r\n accessor: ({ creditProviderFName, creditProviderLName }) =>\r\n `${creditProviderLName}, ${creditProviderFName}`\r\n }\r\n ]\r\n }\r\n ]}\r\n data={summaryDetails.providers}\r\n />\r\n\r\n {/* TRANSACTIONS INFO TABLE */}\r\n \r\n date && moment(date).format('MM/DD/YYYY')\r\n },\r\n {\r\n Header: 'Post Date',\r\n id: 'postDt',\r\n accessor: ({ postDt }) =>\r\n postDt && moment(postDt).format('MM/DD/YYYY')\r\n },\r\n {\r\n Header: 'Transaction Amount',\r\n id: 'tranAmt',\r\n accessor: ({ tranAmt }) => currency(tranAmt)\r\n },\r\n {\r\n Header: 'Plan Name',\r\n accessor: 'planName'\r\n },\r\n {\r\n Header: 'Comments',\r\n accessor: 'comments'\r\n }\r\n ]\r\n }\r\n ]}\r\n data={summaryDetails.transactions}\r\n />\r\n\r\n {/* BILLING HISTORY INFO TABLE */}\r\n \r\n actionDate && moment(actionDate).format('MM/DD/YYYY')\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description'\r\n },\r\n {\r\n Header: 'Amount',\r\n id: 'amount',\r\n accessor: ({ amount }) => currency(amount)\r\n },\r\n {\r\n Header: 'Additional Info',\r\n accessor: 'planName'\r\n }\r\n ]\r\n }\r\n ]}\r\n data={summaryDetails.billingHistory}\r\n />\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default MyTransactionSummaryDetails;\r\n","import { TableBorder } from './TableCell';\r\n\r\n/**\r\n * Return whether particular borders need to be included.\r\n * If the value is undefined then return true for that border.\r\n *\r\n * @param border the border item to parse.\r\n */\r\nexport function getDefaultBorderIncludes(border: TableBorder): TableBorder {\r\n return {\r\n includeBottomBorder:\r\n border.includeBottomBorder === undefined\r\n ? true\r\n : border.includeBottomBorder,\r\n includeTopBorder:\r\n border.includeTopBorder === undefined ? true : border.includeTopBorder,\r\n includeLeftBorder:\r\n border.includeLeftBorder === undefined ? true : border.includeLeftBorder,\r\n includeRightBorder:\r\n border.includeRightBorder === undefined ? true : border.includeRightBorder\r\n };\r\n}\r\n\r\n/**\r\n * Transform a single item to an array (with one element).\r\n * Or return the array.\r\n *\r\n * @param items the item or items to transform to an array.\r\n * @return an array of items or an empty array.\r\n */\r\nexport function transformToArray- \r\n {documentsList.map(doc => (\r\n
\r\n \r\n Submit Update Request\r\n \r\n
\r\n )}\r\n \r\n );\r\n }}\r\n />\r\n );\r\n};\r\n","import React from 'react';\r\nimport { useField } from 'formik';\r\nimport { composeValidators, requiredValidator } from 'sd-formik-validators';\r\nimport { StyledTextField } from './StyledTextField';\r\nconst validateEmail = value => {\r\n const validEmailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (value.trim() === '' || validEmailRegex.test(value)) {\r\n return undefined;\r\n } else {\r\n return 'Invalid Email';\r\n }\r\n};\r\nexport const EmailField = ({\r\n isRequired = false,\r\n name,\r\n label,\r\n validate = [],\r\n helperText = '',\r\n error = '',\r\n ...props\r\n}) => {\r\n const [field, meta] = useField({\r\n name,\r\n validate: isRequired\r\n ? composeValidators(requiredValidator, validateEmail, ...validate)\r\n : composeValidators(validateEmail, ...validate)\r\n });\r\n\r\n return (\r\n \r\n \r\n Submit Update Request\r\n \r\n
\r\n )}\r\n \r\n );\r\n }}\r\n />\r\n );\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport { FormSelector } from './FormSelector';\r\nimport styled from 'styled-components';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Paper, { PaperProps } from '@material-ui/core/Paper';\r\nimport Draggable from 'react-draggable';\r\nimport { InsuranceForm } from '../InsuranceForm/InsuranceForm';\r\nimport { PatientForm } from '../PatientForm/PatientForm';\r\nimport { usePartnerGetPatientInsurance } from 'hooks/requests';\r\nimport { MenuItem, Snackbar } from '@material-ui/core';\r\nimport Alert, { Color } from '@material-ui/lab/Alert';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport { PatientInsuranceInfo } from 'types/patientInsurance';\r\n\r\nexport interface PatientInsuranceDialogProps {\r\n invoiceNo?: number;\r\n srcSystemKey?: number;\r\n open?: boolean;\r\n close: () => void;\r\n}\r\n\r\nexport const PatientInsuranceDialog: React.FCMy Transactions
\r\n\r\n {\r\n return {\r\n ...encounter,\r\n ados: encounter.ados\r\n ? moment(encounter.ados).format('MM/DD/YY')\r\n : '',\r\n dob: encounter.dob\r\n ? moment(encounter.dob).format('MM/DD/YY')\r\n : ''\r\n };\r\n }) || []\r\n }\r\n openPatientInsurance={openPatientInsurance}\r\n setOpenPatientInsurance={setOpenPatientInsurance}\r\n notSearched={notSearched}\r\n openSummary={openSummary}\r\n openPatientStatement={openPatientStatement}\r\n showMyTransactionsX12DocumentLink={\r\n showMyTransactionsX12DocumentLink\r\n }\r\n openInvoice={openInvoice}\r\n showInvoice={showInvoice}\r\n setOpenSummary={setOpenSummary}\r\n setOpenPatientStatement={setOpenPatientStatement}\r\n setOpenInvoice={setOpenInvoice}\r\n setShowInvoice={setShowInvoice}\r\n setShowMyTransactionsX12DocumentLink={\r\n setShowMyTransactionsX12DocumentLink\r\n }\r\n />\r\n
\r\n )}\r\n\r\n {!!showMyTransactionsX12DocumentLink && !!showInvoice ? (\r\n \r\n \r\n \r\n \r\n \r\n The Partner Portal is undergoing routine maintenance. Please try\r\n again later.\r\n \r\n ) : null}\r\n {state.step === StepTypes.LOGIN && !inMaintenance ? (\r\n {\r\n const { username, password } = values;\r\n try {\r\n const userInfo = await axios.post(URL, {\r\n userName: username,\r\n password\r\n });\r\n const user =\r\n !!userInfo && !!userInfo.data ? userInfo.data : '';\r\n setUser(user);\r\n setToken(userInfo.data.token);\r\n setUserInfo(JSON.stringify(user));\r\n const validPhoneRegex = /^(\\d{10})$/;\r\n if (user.requireMFA && user.isEmailMFA) {\r\n gotoMFA();\r\n } else if (\r\n user.requireMFA &&\r\n !validPhoneRegex.test(user.phoneNumber)\r\n ) {\r\n gotoMFAPhone();\r\n } else if (user.requireMFA) {\r\n gotoMFA();\r\n } else if (\r\n !user.showMyEncounters &&\r\n user.showMyTransactions\r\n ) {\r\n navigate('/MyTransactionsSummary');\r\n } else {\r\n navigate('/MyEncounters');\r\n }\r\n } catch (err) {\r\n setErrorMessage(\r\n (err as ErrorResponse).response?.data.Error ||\r\n 'oops! an error occurred'\r\n );\r\n setOpenSnackBar(true);\r\n refetch();\r\n }\r\n actions.setSubmitting(false);\r\n }}\r\n initialValues={{\r\n username: '',\r\n password: ''\r\n }}\r\n render={({ isValidating, isSubmitting }) => {\r\n return (\r\n \r\n \r\n \r\n Login\r\n \r\n
\r\n \r\n \r\n {!!user &&\r\n !!user.externalUsersName &&\r\n `Logged in as: ${user.externalUsersName}`}\r\n \r\n logoutNavigate(navigate)}\r\n >\r\n Log Out\r\n \r\n
\r\n ) : (\r\n \r\n navigate('/')}\r\n >\r\n Login\r\n \r\n
\r\n )}\r\n Password Recovery\r\n
\r\n
\r\n \r\n Submit\r\n \r\n
\r\n \r\n );\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n Submit\r\n \r\n
\r\n \r\n );\r\n }}\r\n />\r\n \r\n