\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { handleSubmit } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nVerifyIdentityForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n verificationFields: PropTypes.array,\r\n patientIdentifierLabel: PropTypes.string,\r\n languageCode: PropTypes.string,\r\n history: PropTypes.object,\r\n};\r\n\r\nconst formConfig = {\r\n form: 'verifyIdentityForm',\r\n onSubmitFail: (errors) => scrollToFirstError(errors, fields),\r\n};\r\n\r\nexport default reduxForm(formConfig)(VerifyIdentityForm);\r\n","import * as api from './verify-identity-api';\r\nimport { setPatientData } from '../../patient/patient-middleware';\r\nimport * as MsgBarActions from '../../system-shared/message-bar-action-creator';\r\nimport { setVerificationFields, setSignUpVerifiedIdentityData } from '../signup-action-creator';\r\nimport history from '../../../../history';\r\n\r\nexport const loadPatientInviteResponseValidation = (patient) => (dispatch) => {\r\n const { firstName, lastName, year, month, day, pin, mrn, ssn } = patient;\r\n const birthDate = `${year}/${month}/${day}`;\r\n return api.postPatientInviteResponseValidation(firstName, lastName,\r\n birthDate, pin, mrn, ssn)\r\n .then((response) => {\r\n dispatch(setPatientData(response.data));\r\n dispatch(\r\n setSignUpVerifiedIdentityData(\r\n { firstName, lastName, birthDate, pin, mrn, ssn }\r\n )); // Need to use this when creating account\r\n history.push('/create-account');\r\n })\r\n .catch(() => {\r\n dispatch(MsgBarActions.showErrorMessage('signUpVerifyIdentityFailure'));\r\n });\r\n};\r\n\r\nexport const loadVerificationFields = () => (dispatch) => {\r\n api.getVerificationFields()\r\n .then((response) => dispatch(setVerificationFields(response.data)));\r\n};\r\n","import axiosInstance from '../../../axios-config';\r\n\r\nconst postPatientInviteResponseValidationUrl = '/api/patients/signup/invitedPatientValidation';\r\nconst getVerificationFieldsUrl = '/api/patients/signup/verificationFields';\r\n\r\nexport const postPatientInviteResponseValidation = (firstName, lastName, birthDate, pin, mrn, ssn) =>\r\n axiosInstance.post(postPatientInviteResponseValidationUrl,\r\n {\r\n firstName,\r\n lastName,\r\n birthDate,\r\n pin,\r\n mrn,\r\n ssn,\r\n },\r\n { headers: { 'Content-Type': 'application/json' } }\r\n );\r\n\r\nexport const getVerificationFields = () => axiosInstance.get(getVerificationFieldsUrl);\r\n","import * as TYPES from './signup-actiontypes';\r\n\r\nexport const showCancelModal = (isShowCancelModal) => ({\r\n type: TYPES.SHOW_CANCEL_MODAL,\r\n isShowCancelModal,\r\n});\r\n\r\nexport const setVerificationFields = (verificationFields) => ({\r\n type: TYPES.LOAD_VERIFICATION_FIELDS_SUCCESS,\r\n verificationFields: verificationFields.split(','),\r\n});\r\n\r\nexport const setSignUpVerifiedIdentityData = (verifiedIdentityData) => ({\r\n type: TYPES.SET_SIGN_UP_VERIFIED_IDENTITY_DATA,\r\n verifiedIdentityData,\r\n});\r\n\r\nexport const setAuthRepData = (authorizedRepData) => ({\r\n type: TYPES.SET_AUTHORIZED_REP_DATA,\r\n authorizedRepData,\r\n});\r\n","import * as TYPES from './types';\r\n\r\nexport const patientIdentifierLoaded = (patientIdentifierLabel) => ({\r\n type: TYPES.LOCALIZED_PT_IDENTIFIER_LOADED_SUCCESS,\r\n patientIdentifierLabel,\r\n});\r\n\r\n","import * as LocalizationApi from './localization-api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\nimport { patientIdentifierLoaded } from './actions/creators';\r\n\r\nexport const loadPatientIdentifierLabel = (language) => (dispatch) =>\r\n LocalizationApi.getLocalizedContent('PatientIdentifierLabel', language).then(\r\n (response) => dispatch(patientIdentifierLoaded(response.data)),\r\n () => dispatch(MsgBarActions.showErrorMessage())\r\n );\r\n\r\nexport const getLocalizedStringContent = (languageCode, contentKey, callback) => {\r\n LocalizationApi.getLocalizedContent(contentKey, languageCode).then(callback);\r\n};\r\n\r\nexport const getLocalizedFacilityStringContent = (facilityId, languageCode, contentKey, callback) => {\r\n LocalizationApi.getLocalizedFacilityContent(contentKey, facilityId, languageCode).then(callback);\r\n};","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport Header from '../Header/Header';\r\n\r\nexport class DedicatedWorkflowPanel extends React.Component {\r\n renderInstruction() {\r\n if (this.props.instruction) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDedicatedWorkflowPanel.propTypes = {\r\n dispatch: PropTypes.func,\r\n headerTitle: PropTypes.object,\r\n headerClassName: PropTypes.string,\r\n instruction: PropTypes.object,\r\n children: PropTypes.oneOfType([\r\n PropTypes.object,\r\n PropTypes.array,\r\n ]),\r\n};","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { withRouter } from 'react-router';\r\nimport isEqual from 'lodash/isEqual';\r\nimport { ModalDialog, ModalDialogMessages as sharedMsgs, generateValidation } from 'ecs-react-components/dist/index.es';\r\n\r\nimport QueryString from 'query-string';\r\nimport { messages } from '../../../containers/SignUp/VerifyIdentity/VerifyIdentityForm.i18n';\r\nimport VerifyIdentityForm from '../../../containers/SignUp/VerifyIdentity/VerifyIdentityForm';\r\nimport { loadVerificationFields } from '../../../redux/modules/signup/verify-identity/verify-identity-middleware';\r\nimport { loadPatientIdentifierLabel } from '../../../redux/modules/localization/localization-middleware';\r\nimport { DedicatedWorkflowPanel } from '../../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport { languageChange } from '../../../redux/modules/language/language-middleware';\r\n\r\nconst validations = {\r\n firstName: {\r\n required: true,\r\n validtateOnBlue: false,\r\n },\r\n lastName: {\r\n required: true,\r\n validateOnBlur: false,\r\n },\r\n day: {\r\n required: true,\r\n pattern: /^[0-9]+$/,\r\n validateOnBlur: false,\r\n },\r\n month: {\r\n required: true,\r\n pattern: /^[0-9]+$/,\r\n validateOnBlur: false,\r\n },\r\n year: {\r\n required: true,\r\n pattern: /^[0-9]+$/,\r\n validateOnBlur: false,\r\n },\r\n pin: {\r\n required: false,\r\n validateOnBlur: false,\r\n },\r\n mrn: {\r\n required: false,\r\n validateOnBlur: false,\r\n },\r\n ssn: {\r\n required: false,\r\n validateOnBlur: false,\r\n },\r\n};\r\n\r\nclass VerifyIdentityPage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n nextRoute: '',\r\n formValidate: {},\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const queries = QueryString.parse(location.search);\r\n if (queries.language && queries.pin) {\r\n this.props.dispatch(languageChange(queries.language));\r\n this.props.history.push(`/sign-up?pin=${queries.pin}`);\r\n }\r\n\r\n this.props.dispatch(loadVerificationFields());\r\n this.props.dispatch(loadPatientIdentifierLabel(this.props.languageCode));\r\n\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block(this.leaveHookFunction.bind(this));\r\n }\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(oldProps, newProps) {\r\n if (!oldProps.verificationFields) {\r\n return;\r\n }\r\n\r\n let verificationFields = oldProps.verificationFields;\r\n\r\n if (newProps.verificationFields &&\r\n !isEqual(oldProps.verificationFields.sort(), newProps.verificationFields.sort())) {\r\n verificationFields = newProps.verificationFields;\r\n }\r\n\r\n if (verificationFields) {\r\n verificationFields.forEach((field) => {\r\n if (field) {\r\n validations[field.toLowerCase()].required = true;\r\n }\r\n });\r\n\r\n this.setState({\r\n formValidate: generateValidation(validations),\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n leaveHookFunction = (next) => {\r\n let showCancelModal = true;\r\n if (next.pathname === '/create-account') {\r\n showCancelModal = false;\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n if (!this.state.isShowCancelModal\r\n && next.pathname !== this.props.history.location.pathname) {\r\n this.setState({\r\n isShowCancelModal: showCancelModal,\r\n nextRoute: next.pathname,\r\n });\r\n }\r\n\r\n return this.allowRouteToChange;\r\n };\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n this.props.history.push('/sign-up');\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n this.props.history.push(this.state.nextRoute);\r\n }\r\n\r\n render() {\r\n const { verificationFields, patientIdentifierLabel, languageCode } = this.props;\r\n const { formValidate, isShowCancelModal } = this.state;\r\n if (verificationFields && patientIdentifierLabel\r\n && Object.keys(formValidate).length > 0) {\r\n return (\r\n \r\n
\r\n \r\n {this.renderHeader()}\r\n
\r\n \r\n
\r\n \r\n { this.renderInstruction() }\r\n { this.props.children }\r\n
\r\n \r\n
\r\n );\r\n\r\n render() {\r\n const { handleSubmit } = this.props;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nProvideEmailForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n intl: PropTypes.object,\r\n handleSubmit: PropTypes.func,\r\n patient: PropTypes.object,\r\n history: PropTypes.object,\r\n user: PropTypes.object,\r\n onFormChange: PropTypes.func,\r\n userEmail: PropTypes.string,\r\n onChange: PropTypes.func,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patient: state.profile.patient,\r\n user: state.profile.user,\r\n userEmail: state.profile.user.email,\r\n language: state.language.languageCode,\r\n initialValues: {\r\n userEmail: state.profile.user.email,\r\n },\r\n});\r\n\r\nconst formConfig = {\r\n form: 'provideEmailForm',\r\n ...generateValidation(validations),\r\n};\r\n\r\nexport default ((connect(mapStateToProps)(reduxForm(formConfig)(injectIntl(ProvideEmailForm)))));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport ProvideEmailForm from '../../../containers/SignUp/ProvideIdentity/ProvideEmailForm';\r\n\r\nclass ProvideEmailPage extends React.Component {\r\n UNSAFE_componentWillMount() {\r\n const { history, userEmail, loginType } = this.props;\r\n if (userEmail || (loginType === 'singleSignOn')) {\r\n history.push('/dashboard');\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block((next) => {\r\n if (next.pathname === '/' || next.pathname === '/dashboard') {\r\n this.allowRouteToChange = true;\r\n }\r\n return this.allowRouteToChange;\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nProvideEmailPage.propTypes = {\r\n history: PropTypes.object,\r\n userEmail: PropTypes.string,\r\n loginType: PropTypes.string,\r\n languageCode: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n languageCode: state.language.languageCode,\r\n userEmail: state.profile.user.email,\r\n loginType: state.profile.auth.loginType,\r\n});\r\n\r\nexport default withRouter(connect(mapStateToProps)(ProvideEmailPage));\r\n","export const messages = {\r\n page: {\r\n title: {\r\n id: 'signup.CreateAccount.Page.Title',\r\n defaultMessage: 'Now, let\\'s create your account',\r\n },\r\n },\r\n form: {\r\n email: {\r\n id: 'signup.CreateAccount.Label.Email',\r\n defaultMessage: 'Enter your email address',\r\n },\r\n username: {\r\n id: 'signup.CreateAccount.Label.UserName',\r\n defaultMessage: 'Create your username',\r\n },\r\n password: {\r\n id: 'signup.CreateAccount.Label.Password',\r\n defaultMessage: 'Create your password',\r\n },\r\n confirmPassword: {\r\n id: 'signup.CreateAccount.Label.ConfirmPassword',\r\n defaultMessage: 'Confirm your password',\r\n },\r\n emailHelp: {\r\n id: 'signup.CreateAccount.Form.EmailHelp',\r\n defaultMessage: 'We need this if you ever forget your password.',\r\n },\r\n usernameHelp: {\r\n id: 'signup.CreateAccount.Form.UserNameHelp',\r\n defaultMessage: 'We recommend that you use your email address as your username.',\r\n },\r\n duplicateUsername: {\r\n id: 'signup.CreateAccount.Error.DuplicateUserName',\r\n defaultMessage: 'Username is already taken.',\r\n },\r\n },\r\n button: {\r\n createAccount: {\r\n id: 'signup.CreateAccount.Button.CreateAccount',\r\n defaultMessage: 'Create my account',\r\n },\r\n cancel: {\r\n id: 'signup.CreateAccount.Button.Cancel',\r\n defaultMessage: 'Cancel',\r\n },\r\n },\r\n checkbox: {\r\n accept: {\r\n id: 'signup.CreateAccount.Checkbox.Accept',\r\n defaultMessage: 'I accept the |{link}|',\r\n },\r\n tou: {\r\n id: 'signup.CreateAccount.Link.TermsOfUse',\r\n defaultMessage: 'Terms of Use',\r\n },\r\n },\r\n password: {\r\n format: {\r\n id: 'signup.CreateAccount.Password.Format',\r\n defaultMessage: '{description} {delimitedList}',\r\n },\r\n description: {\r\n id: 'signup.CreateAccount.Password.Description',\r\n defaultMessage: 'Use at least ',\r\n },\r\n minLength: {\r\n id: 'signup.CreateAccount.Password.MinLength',\r\n defaultMessage: `{minLength} {minLength, plural, one {character} other {characters}},\r\n `,\r\n },\r\n capitalLetters: {\r\n id: 'signup.CreateAccount.Password.CapitalLetters',\r\n defaultMessage: `, {capitalLetters} capital {capitalLetters, plural, one {letter} other {letters}}\r\n `,\r\n },\r\n numbers: {\r\n id: 'signup.CreateAccount.Password.Numbers',\r\n defaultMessage: `, {numbers} {numbers, plural, one {number} other {numbers}}\r\n `,\r\n },\r\n specialCharacters: {\r\n id: 'signup.CreateAccount.Password.SpecialCharacters',\r\n defaultMessage: `, {specialCharacters} special {specialCharacters, plural, one {character} other {characters}}\r\n ! @ # $ % & ) ( + `,\r\n },\r\n },\r\n error: {\r\n email: {\r\n id: 'signup.CreateAccount.Error.Email',\r\n defaultMessage: 'Email address is not in correct format.',\r\n },\r\n username: {\r\n id: 'signup.CreateAccount.Error.UserName',\r\n defaultMessage: 'Invalid username format',\r\n },\r\n password: {\r\n id: 'signup.CreateAccount.Error.Password',\r\n defaultMessage: 'Password does not meet security requirements.',\r\n },\r\n confirmPassword: {\r\n id: 'signup.CreateAccount.Error.ConfirmPassword',\r\n defaultMessage: 'Passwords do not match.',\r\n },\r\n tou: {\r\n id: 'signup.CreateAccount.Error.TermsOfUse',\r\n defaultMessage: 'You must accept the terms of use to create an account.',\r\n },\r\n },\r\n};\r\n","export const messages = {\r\n modal: {\r\n title: {\r\n id: 'termsOfUse.Modal.Title',\r\n defaultMessage: 'Terms of Use',\r\n },\r\n },\r\n button: {\r\n close: {\r\n id: 'termsOfUse.Modal.Button.Close',\r\n defaultMessage: 'Close',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './TouModal.i18n';\r\n\r\nclass TouModal extends React.Component {\r\n setTitleFocus = () => {\r\n const foundElems = document.getElementsByClassName('modal-title');\r\n if (foundElems) {\r\n foundElems[0].focus();\r\n }\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\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTouModal.propTypes = {\r\n show: PropTypes.bool,\r\n onHide: PropTypes.func,\r\n title: PropTypes.object,\r\n message: PropTypes.object, // array of items to stuff into the message. ['Hi',\r\n
\r\n \r\n
\r\n \r\n
\r\n html
,\"newrow\"]\r\n touContent: PropTypes.string,\r\n};\r\n\r\nexport default TouModal;","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { LoadingIndicator } from 'ecs-react-components/dist/index.es';\r\n\r\nclass LoadingIndicatorContainer extends React.Component {\r\n render = () => (\r\n this.props.loadingIndicators && this.props.loadingIndicators.indexOf(this.props.loadingKey) > -1 ?\r\n \r\n {passwordRulesFormat}\r\n
);\r\n }\r\n\r\n buildGetTermsOfUseStatement() {\r\n const { formatMessage } = this.props.intl;\r\n const text = formatMessage(messages.checkbox.tou);\r\n const link = (\r\n \r\n {text}\r\n \r\n );\r\n const statement = formatMessage(messages.checkbox.accept, { link });\r\n return (\r\n \r\n {statement}\r\n \r\n );\r\n }\r\n\r\n renderTouCheckbox(checkboxAccept) {\r\n let checkBox = null;\r\n if (checkboxAccept.meta.error) {\r\n checkBox = ();\r\n } else {\r\n checkBox = ();\r\n }\r\n return checkBox;\r\n }\r\n\r\n renderFields = (fieldsMeta) => {\r\n const { email, username, password, confirmPassword, checkboxAccept, authorizedRepData } = fieldsMeta;\r\n const isArSignUp = authorizedRepData && authorizedRepData.email;\r\n const inputClasses = classNames({\r\n tou: true,\r\n checkbox: true,\r\n });\r\n return (\r\n \r\n {!!isArSignUp ||\r\n
\r\n );\r\n };\r\n\r\n\r\n render() {\r\n const { handleSubmit,\r\n minLength,\r\n capitalLetters,\r\n numbers,\r\n specialCharacters,\r\n authorizedRepData,\r\n } = this.props;\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 {this.renderTouCheckbox(checkboxAccept)}\r\n {this.buildGetTermsOfUseStatement()}\r\n \r\n
\r\n {\r\n checkboxAccept.meta.error ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCreateAccountForm.propTypes = {\r\n facilityId: PropTypes.string,\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n touContent: PropTypes.string,\r\n patient: PropTypes.object,\r\n minLength: PropTypes.number,\r\n capitalLetters: PropTypes.number,\r\n numbers: PropTypes.number,\r\n specialCharacters: PropTypes.number,\r\n isTermsOfUseAccepted: PropTypes.bool,\r\n verifiedIdentityData: PropTypes.object,\r\n authorizedRepData: PropTypes.object,\r\n languageCode: PropTypes.string,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst formConfig = {\r\n form: 'createaccountform',\r\n returnRejectedSubmitPromise: true,\r\n onSubmitFail: (errors) => scrollToFirstError(errors, fields),\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n let typedMinLength = 0;\r\n let typedCapitalLetters = 0;\r\n let typedNumbers = 0;\r\n let typedSpecialCharacters = 0;\r\n if (state.signUp.password) {\r\n typedMinLength = state.signUp.password.minLength;\r\n typedCapitalLetters = state.signUp.password.capitalLetters;\r\n typedNumbers = state.signUp.password.numbers;\r\n typedSpecialCharacters = state.signUp.password.specialCharacters;\r\n }\r\n return {\r\n patient: state.profile.patient,\r\n touContent: state.profile.user.termsOfUse,\r\n facilityId: state.facility.facilityId,\r\n minLength: typedMinLength,\r\n capitalLetters: typedCapitalLetters,\r\n numbers: typedNumbers,\r\n specialCharacters: typedSpecialCharacters,\r\n isTermsOfUseAccepted: state.signUp.isTermsOfUseAccepted,\r\n verifiedIdentityData: state.signUp.verifiedIdentityData,\r\n authorizedRepData: state.signUp.authorizedRepData,\r\n languageCode: state.language.languageCode,\r\n };\r\n};\r\n\r\nexport default reduxForm(formConfig)(connect(mapStateToProps)(injectIntl(CreateAccountForm)));\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport { ModalDialog, ModalDialogMessages as sharedMsgs, generateValidation } from 'ecs-react-components/dist/index.es';\r\nimport { DedicatedWorkflowPanel } from '../../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport { messages } from '../../../containers/SignUp/CreateAccount/CreateAccountForm.i18n';\r\nimport CreateAccountForm from '../../../containers/SignUp/CreateAccount/CreateAccountForm';\r\nimport { clearPatientData } from '../../../redux/modules/signup/create-account/create-account-action-creator';\r\nimport { getValidations } from '../../../containers/SignUp/CreateAccount/CreateAccountForm.validations';\r\n\r\nclass CreateAccountPage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n nextRoute: '',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.patient.patientId && !this.props.authorizedRepData.email) {\r\n this.props.history.push('/');\r\n }\r\n\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block(this.leaveHook.bind(this));\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n leaveHook = (next) => {\r\n let showCancelModal = true;\r\n\r\n if (next.pathname === '/' || next.pathname === '/dashboard') {\r\n showCancelModal = false;\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n if (!this.state.isShowCancelModal) {\r\n this.setState({\r\n isShowCancelModal: showCancelModal,\r\n nextRoute: next.pathname,\r\n });\r\n }\r\n\r\n return this.allowRouteToChange;\r\n }\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n this.props.history.push('/create-account');\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n this.props.dispatch(clearPatientData());\r\n this.props.history.push(this.state.nextRoute);\r\n }\r\n\r\n allowRouteToChange = false;\r\n\r\n render() {\r\n const { minLength, capitalLetters, numbers, specialCharacters } = this.props;\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\nconst formConfig = {\r\n form: 'authRepVerifyIdentityForm',\r\n onSubmitFail: (errors) => scrollToFirstError(errors, fields),\r\n ...generateValidation(validations),\r\n};\r\n\r\nAuthRepVerifyIdentityForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n location: PropTypes.object,\r\n};\r\n\r\nexport default reduxForm(formConfig)(AuthRepVerifyIdentityForm);","import * as api from './authrep-verify-api';\r\nimport * as MsgBarActions from '../../system-shared/message-bar-action-creator';\r\nimport { setAuthRepData } from '../../../modules/signup/signup-action-creator';\r\nimport history from '../../../../history';\r\n\r\nexport const verifyAuthRep = (pin, encryptedInvitationId) => (dispatch) => (\r\n api.verifyAuthRep(pin, encryptedInvitationId)\r\n .then(\r\n (response) => {\r\n dispatch(setAuthRepData({\r\n encryptedInvitationId,\r\n pin,\r\n email: response.data.arEmail,\r\n facilityHomeId: response.data.facilityHomeId,\r\n }));\r\n history.push('/create-account');\r\n })\r\n .catch((axiosResponse) => {\r\n const error = axiosResponse.response;\r\n if (error.status === 404 || error.status === 500) {\r\n dispatch(MsgBarActions.showErrorMessage('signUpVerifyIdentityFailure'));\r\n }\r\n\r\n if (error.status === 400) {\r\n dispatch(MsgBarActions.showErrorMessage(error.data.message));\r\n }\r\n })\r\n);\r\n","import axiosInstance from '../../../axios-config';\r\n\r\nconst verifyAuthRepUrl = '/api/authRep/signup/verifyInvitationToken';\r\n\r\nexport const verifyAuthRep = (pin, token) =>\r\n axiosInstance.get(verifyAuthRepUrl + `/${pin}/${token}`);\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { ModalDialog, ModalDialogMessages as sharedMsgs } from 'ecs-react-components/dist/index.es';\r\n\r\nimport AuthRepVerifyIdentityForm from '../../../containers/SignUp/AuthRepVerifyIdentity/AuthRepVerifyIdentityForm';\r\nimport { DedicatedWorkflowPanel } from '../../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport { messages } from '../../../containers/SignUp/AuthRepVerifyIdentity/AuthRepVerifyIdentityForm.i18n';\r\nimport history from '../../../history';\r\nimport * as MsgBarActions from '../../../redux/modules/system-shared/message-bar-action-creator';\r\n\r\nclass AuthRepVerifyIdentityPage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n nextRoute: '',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block((next) => {\r\n let showCancelModal = true;\r\n if (next.pathname === '/create-account') {\r\n showCancelModal = false;\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n if (!this.state.isShowCancelModal) {\r\n this.setState({\r\n isShowCancelModal: showCancelModal,\r\n nextRoute: next.pathname,\r\n });\r\n }\r\n\r\n return this.allowRouteToChange;\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n history.push('/auth-rep-sign-up' + location.search);\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n history.push(this.state.nextRoute);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
);\r\n };\r\n\r\n getItemsWithMatrixGrouped = (questionnaireItems) => {\r\n const newItems = [];\r\n questionnaireItems\r\n .sort((item1, item2) => item1.sortOrder - item2.sortOrder)\r\n .map((item) => {\r\n if (item.questionnaireItemType === QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING &&\r\n newItems.find((x) => x.questionMatrixGuid === item.questionMatrixGuid) === undefined) {\r\n newItems.push({\r\n questionnaireItemType: QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING,\r\n questionMatrixGuid: item.questionMatrixGuid,\r\n questionnaireItems:\r\n questionnaireItems.filter((x) => x.questionMatrixGuid === item.questionMatrixGuid)\r\n .map((x) => ({ questionnaireItem: x })),\r\n });\r\n } else if (item.questionnaireItemType !== QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING) {\r\n newItems.push(item);\r\n }\r\n return item;\r\n });\r\n\r\n return newItems;\r\n };\r\n\r\n validateQuestionnaire = () => (\r\n this.props.dispatch(\r\n validateQuestionnaire(this.props.questionnaire.assignedQuestionnaireId))\r\n );\r\n\r\n validateQuestionnaireOnChange = () => (\r\n this.validateQuestionnaire().then(\r\n (isValid) => {\r\n if (isValid) {\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n },\r\n () => this.props.dispatch(MsgBarActions.showErrorMessage()))\r\n )\r\n\r\n updateQuestionnaireAnswer = (questionnaireItemId, value) => {\r\n this.props.dispatch(\r\n questionnaireAnswerUpdated(\r\n this.props.questionnaire.assignedQuestionnaireId, questionnaireItemId, value));\r\n }\r\n\r\n renderQuestionnaireTitle(title, id) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n
);\r\n }\r\n\r\n render() {\r\n const { questionnaire } = this.props;\r\n const { formatMessage } = this.props.intl;\r\n if (questionnaire === undefined || questionnaire === null) {\r\n return null;\r\n }\r\n\r\n const questionnaireTitleId = 'questionnaire_title_' + questionnaire.assignedQuestionnaireId;\r\n\r\n return (\r\n \r\n
\r\n {title}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n { isAuthenticated && (isKioskOrLinkUser || isEulaAccepted)\r\n ?
\r\n );\r\n }\r\n }\r\n\r\n AuthenticatedContainer.propTypes = {\r\n dispatch: PropTypes.func,\r\n history: PropTypes.object,\r\n isAuthenticated: PropTypes.bool,\r\n userProfileLoaded: PropTypes.bool,\r\n isEulaAccepted: PropTypes.bool,\r\n userEmail: PropTypes.string,\r\n loginType: PropTypes.string,\r\n };\r\n\r\n return withRouter(connect(mapStateToProps)(AuthenticatedContainer));\r\n};\r\n\r\nexport {\r\n withAuth,\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\n\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { ModalDialog, ModalDialogMessages as messages } from 'ecs-react-components/dist/index.es';\r\nimport CompleteQuestionnaire from '../../containers/Questionnaires/CompleteQuestionnaire';\r\nimport { questionnaireAnswerCleared }\r\n from '../../redux/modules/questionnaires/questionnaires-action-creator';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\n\r\nimport 'rc-slider/assets/index.css';\r\nimport { withAuth } from '../../containers/Authenticated';\r\n\r\n\r\nclass CompleteQuestionnairePage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n nextRoute: '',\r\n isSubmitting: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block((next) => {\r\n if (!this.state.isShowCancelModal && !this.state.isSubmitting) {\r\n this.setState({\r\n isShowCancelModal: true,\r\n nextRoute: next.pathname,\r\n });\r\n } else {\r\n this.setState({\r\n nextRoute: next.pathname,\r\n }, () => this.submitCancelModal());\r\n }\r\n\r\n return this.allowRouteToChange;\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n isSubmitting: true,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n\r\n this.props.dispatch(questionnaireAnswerCleared(this.props.selectedQuestionnaireId));\r\n\r\n this.props.history.push(this.state.nextRoute);\r\n }\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n }\r\n\r\n allowRouteToChange = false;\r\n\r\n render() {\r\n return ();\r\n }\r\n}\r\n\r\nCompleteQuestionnairePage.propTypes = {\r\n history: PropTypes.object,\r\n dispatch: PropTypes.func,\r\n selectedQuestionnaireId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n selectedQuestionnaireId: state.questionnaires.selectedQuestionnaireId,\r\n completeQuestionnairePage: state.questionnaires.completeQuestionnairePage,\r\n});\r\n\r\nconst CompleteQuestionnairePageWithAuth = withAuth(CompleteQuestionnairePage);\r\n\r\nexport default withRouter(connect(mapStateToProps)(CompleteQuestionnairePageWithAuth));","/* eslint max-len: 0 */\r\nexport const messages = {\r\n page: {\r\n title: {\r\n id: 'kioskQuestionnaires.Page.Title',\r\n defaultMessage: '-def-Kiosk Questionnaires',\r\n },\r\n titleDescription: {\r\n id: 'kioskQuestionnaires.Page.TitleDescription',\r\n defaultMessage: '-def-To start a Questionnaire for a patient click Start. Only patients with questionnaires due on the selected date in the selected facility will appear in the list.',\r\n },\r\n noPatientsWithQuestionnaires: {\r\n id: 'kioskQuestionnaires.Page.NoItemsToDisplay',\r\n defaultMessage: '-def-No items to display',\r\n },\r\n featureInactive: {\r\n id: 'kioskQuestionnaires.Page.FeatureInactive',\r\n defaultMessage: '-def-Kiosk feature has been disabled. Enable the kiosk feature and try again.',\r\n },\r\n startButtonText: {\r\n id: 'kioskQuestionnaires.Page.StartButtonText',\r\n defaultMessage: '-def-Start',\r\n },\r\n labels: {\r\n facility: {\r\n id: 'kioskQuestionnaires.Page.Labels.Facility',\r\n defaultMessage: '-def-Facility:',\r\n },\r\n all: {\r\n id: 'kioskQuestionnaires.Page.Labels.AllFacilities',\r\n defaultMessage: '-def-All',\r\n },\r\n dueDate: {\r\n id: 'kioskQuestionnaires.Page.Labels.DueDate',\r\n defaultMessage: '-def-Due Date:',\r\n },\r\n inactiveQuestionnaire: {\r\n id: 'kioskQuestionnaires.Page.Labels.InactiveQuestionnaire',\r\n defaultMessage: '-def-Questionnaires not yet active',\r\n },\r\n },\r\n },\r\n modal: {\r\n title: {\r\n id: 'kioskQuestionnaires.Modal.Title',\r\n defaultMessage: '-def-Start Questionnaire?',\r\n },\r\n labels: {\r\n patientName: {\r\n id: 'kioskQuestionnaires.Modal.Labels.PatientName',\r\n defaultMessage: '-def-Patient Name:',\r\n },\r\n dateOfBirth: {\r\n id: 'kioskQuestionnaires.Modal.Labels.DateOfBirth',\r\n defaultMessage: '-def-Date of Birth:',\r\n },\r\n mrn: {\r\n id: 'kioskQuestionnaires.Modal.Labels.Mrn',\r\n defaultMessage: '-def-MRN:',\r\n },\r\n facilityShortName: {\r\n id: 'kioskQuestionnaires.Modal.Labels.FacilityShortName',\r\n defaultMessage: '-def-Facility:',\r\n },\r\n assignedQuestionnaires: {\r\n id: 'kioskQuestionnaires.Modal.Labels.AssignedQuestionnaires',\r\n defaultMessage: '-def-Assigned Questionnaire(s):',\r\n },\r\n buttons: {\r\n yesButton: {\r\n id: 'kioskQuestionnaires.Modal.Buttons.YesButtonText',\r\n defaultMessage: '-def-Yes',\r\n },\r\n cancelButton: {\r\n id: 'kioskQuestionnaires.Modal.Buttons.CancelButtonText',\r\n defaultMessage: '-def-Cancel',\r\n },\r\n },\r\n },\r\n },\r\n columnHeader: {\r\n patientName: {\r\n id: 'kioskQuestionnaires.ColumnHeader.PatientName',\r\n defaultMessage: '-def-PatientName',\r\n },\r\n dateOfBirth: {\r\n id: 'kioskQuestionnaires.ColumnHeader.DateOfBirth',\r\n defaultMessage: '-def-Date of Birth',\r\n },\r\n mrn: {\r\n id: 'kioskQuestionnaires.ColumnHeader.Mrn',\r\n defaultMessage: '-def-MRN',\r\n },\r\n facilityShortName: {\r\n id: 'kioskQuestionnaires.ColumnHeader.FacilityShortName',\r\n defaultMessage: '-def-Facility',\r\n },\r\n numberQuestionnaires: {\r\n id: 'kioskQuestionnaires.ColumnHeader.NumberQuestionnaires',\r\n defaultMessage: '-def-# Questionnaires',\r\n },\r\n },\r\n sortedDisplayNameFormat: {\r\n id: 'sortedDisplayNameFormat',\r\n defaultMessage: '-def-{1}, {0}',\r\n },\r\n displayNameFormat: {\r\n id: 'displayNameFormat',\r\n defaultMessage: '-def-{0} {1}',\r\n },\r\n};","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nclass InlineHeader extends React.Component {\r\n onMessageBarDismissed = () => {\r\n this.title.focus();\r\n }\r\n\r\n setTitle = (h1) => {\r\n this.title = h1;\r\n };\r\n\r\n renderTitleDescription() {\r\n if (this.props.titleDescription) {\r\n const { intl } = this.props;\r\n const translated = intl.formatMessage({ ...this.props.titleDescription });\r\n return (\r\n \r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.props.headerTitle}\r\n
:\r\n \r\n }\r\n \r\n\r\n
;\r\n }\r\n\r\n render() {\r\n const { language, patientsWithActiveQuestionnaires } = this.props;\r\n const featureInactive = patientsWithActiveQuestionnaires &&\r\n patientsWithActiveQuestionnaires.length === 1 &&\r\n patientsWithActiveQuestionnaires[0] === 'feature_inactive';\r\n const { formatMessage } = this.props.intl;\r\n const patientFullName = formatMessage(messages.displayNameFormat,\r\n { 0: this.state.modalPatient ? this.state.modalPatient.firstName : '',\r\n 1: this.state.modalPatient ? this.state.modalPatient.lastName : '' });\r\n const confirmPatientLogon = () => {\r\n this.confirmPatientLogon(this.state.modalPatient.patientId);\r\n };\r\n const facilityOptions = this.getFacilityOptions();\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nKioskQuestionnaires.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n intl: PropTypes.object,\r\n patientsWithActiveQuestionnaires: PropTypes.array,\r\n filteredPatients: PropTypes.array,\r\n time: PropTypes.string,\r\n language: PropTypes.string,\r\n facility: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patientsWithActiveQuestionnaires: state.questionnaires.patientsWithActiveQuestionnaires,\r\n filteredPatients: state.questionnaires.filteredPatients,\r\n language: state.language.languageCode,\r\n facility: state.facility,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(KioskQuestionnaires));\r\n","import React from 'react';\r\nimport { Button } from 'react-bootstrap';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport moment from 'moment';\r\nimport { messages } from './KioskQuestionnaires.i18n';\r\n\r\nconst actionCell = (_, data, handleClick) => (\r\n data.canStartByPatient ?\r\n \r\n {\r\n isAuthenticated ?\r\n
\r\n );\r\n }\r\n }\r\n\r\n KioskAuthenticatedContainer.propTypes = {\r\n dispatch: PropTypes.func,\r\n history: PropTypes.object,\r\n isAuthenticated: PropTypes.bool,\r\n isAuthenticating: PropTypes.bool,\r\n userProfileLoaded: PropTypes.bool,\r\n loginType: PropTypes.string,\r\n };\r\n\r\n return withRouter(connect(mapStateToProps)(KioskAuthenticatedContainer));\r\n};\r\n\r\nexport {\r\n withKioskAuth,\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nimport {\r\n TextQuestion,\r\n SectionHeader,\r\n NumberQuestion,\r\n DateQuestionInternal as DateQuestion,\r\n DropdownQuestion,\r\n RadioCheckboxQuestion,\r\n MatrixQuestion,\r\n SliderQuestion,\r\n} from 'ecs-react-components/dist/index.es';\r\n\r\nimport { messages } from './Questionnaires.i18n';\r\n\r\nimport * as QUESTIONNAIRE_ITEM_TYPES from '../../redux/modules/questionnaires/questionnaire-item-types';\r\n\r\nclass QuestionnaireContents extends React.Component {\r\n getItemsWithMatrixGrouped = (questionnaire) => {\r\n const newItems = [];\r\n questionnaire.questionnaireItems\r\n .sort((item1, item2) => item1.sortOrder - item2.sortOrder)\r\n .map((item) => {\r\n if (item.questionnaireItemType === QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING &&\r\n newItems.find((x) => x.questionMatrixGuid === item.questionMatrixGuid) === undefined) {\r\n newItems.push({\r\n questionnaireItemType: QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING,\r\n questionMatrixGuid: item.questionMatrixGuid,\r\n questionnaireItems: questionnaire.questionnaireItems\r\n .filter((x) => x.questionMatrixGuid === item.questionMatrixGuid)\r\n .map((y) => {\r\n const questionAnswer = questionnaire.patientQuestionAnswerList\r\n .find((q) => q.questionnaireItemId === y.questionnaireItemId);\r\n return {\r\n questionnaireItem: y,\r\n answer: questionAnswer,\r\n };\r\n }),\r\n });\r\n } else if (item.questionnaireItemType === QUESTIONNAIRE_ITEM_TYPES.CHECKBOX_QUESTION\r\n || item.questionnaireItemType === QUESTIONNAIRE_ITEM_TYPES.BOOLEAN_QUESTION\r\n || item.questionnaireItemType === QUESTIONNAIRE_ITEM_TYPES.RADIOBUTTON_QUESTION) {\r\n newItems.push({\r\n questionnaireItemType: item.questionnaireItemType,\r\n questionnaireItem: item,\r\n answer: questionnaire.patientQuestionAnswerList\r\n .filter((x) => x.questionnaireItemId === item.questionnaireItemId),\r\n });\r\n } else if (item.questionnaireItemType !== QUESTIONNAIRE_ITEM_TYPES.MATRIX_GROUPING\r\n && item.questionnaireItemType !== QUESTIONNAIRE_ITEM_TYPES.CHECKBOX_QUESTION\r\n && item.questionnaireItemType !== QUESTIONNAIRE_ITEM_TYPES.BOOLEAN_QUESTION\r\n && item.questionnaireItemType !== QUESTIONNAIRE_ITEM_TYPES.RADIOBUTTON_QUESTION) {\r\n const questionAnswer = questionnaire.patientQuestionAnswerList\r\n .find((q) => q.questionnaireItemId === item.questionnaireItemId);\r\n newItems.push({\r\n questionnaireItemType: item.questionnaireItemType,\r\n questionnaireItem: item,\r\n answer: questionAnswer,\r\n });\r\n }\r\n return item;\r\n });\r\n\r\n return newItems;\r\n };\r\n\r\n render() {\r\n const { formatMessage } = this.props.intl;\r\n\r\n return (\r\n \r\n {\r\n this.getItemsWithMatrixGrouped(this.props.questionnaire)\r\n .map((item) => {\r\n let itemToRender;\r\n switch (item.questionnaireItemType) {\r\n case QUESTIONNAIRE_ITEM_TYPES.TEXT_QUESTION:\r\n itemToRender = (\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionnaireContents.propTypes = {\r\n questionnaire: PropTypes.object,\r\n language: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(QuestionnaireContents));","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport moment from 'moment';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { DescriptionBox, BackButton, DangerousHTMLDiv } from 'ecs-react-components/dist/index.es';\r\nimport QuestionnaireContents from './QuestionnaireContents';\r\nimport { messages } from './Questionnaires.i18n';\r\nimport { loadHistoricalQuestionnaireDetails } from '../../redux/modules/questionnaires/questionnaires-middleware';\r\nimport history from '../../history';\r\n\r\nclass ReviewQuestionnaire extends React.Component {\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(loadHistoricalQuestionnaireDetails(\r\n this.props.patientId, this.props.questionnaire.assignedQuestionnaireId));\r\n }\r\n\r\n handleBackButtonClick = () => {\r\n history.push(this.props.questionnairesOrigin);\r\n }\r\n\r\n displayDescription = () => {\r\n const { questionnaire } = this.props;\r\n const defaultMessageId = 'questionnaire_default_message_' + questionnaire.assignedQuestionnaireId;\r\n let message = '';\r\n questionnaire.patientScoreList.map((score) => {\r\n if (score.patientMessageOnCompletion !== '') {\r\n message += score.patientMessageOnCompletion + ' ';\r\n }\r\n return score;\r\n });\r\n\r\n return (\r\n
\r\n
);\r\n }\r\n\r\n renderQuestionnaireTitle(title, id) {\r\n return (\r\n \r\n Questionnaire submitted: {moment(questionnaire.completedDate).format('MMM DD, YYYY')}\r\n
\r\n\r\n
);\r\n }\r\n render() {\r\n const questionnaireTitleId = 'questionnaire_title_' + this.props.questionnaire.assignedQuestionnaireId;\r\n return (\r\n \r\n
\r\n {title}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nReviewQuestionnaire.propTypes = {\r\n questionnaire: PropTypes.object,\r\n dispatch: PropTypes.func,\r\n questionnairesOrigin: PropTypes.string,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n questionnaire: state.questionnaires\r\n .historicalQuestionnaires\r\n .find((q) => q.assignedQuestionnaireId === state.questionnaires.selectedQuestionnaireId),\r\n questionnairesOrigin: state.questionnaires.questionnairesOrigin,\r\n patientId: state.profile.patient.patientId,\r\n});\r\n\r\nexport default connect(mapStateToProps)(ReviewQuestionnaire);\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport ReviewQuestionnaire from '../../containers/Questionnaires/ReviewQuestionnaire';\r\nimport { withAuth } from '../../containers/Authenticated';\r\n\r\nclass ReviewQuestionnairePage extends React.Component {\r\n render() {\r\n return ();\r\n }\r\n}\r\n\r\nReviewQuestionnairePage.propTypes = {\r\n selectedQuestionnaireId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n selectedQuestionnaireId: state.questionnaires.selectedQuestionnaireId,\r\n});\r\n\r\nconst ReviewQuestionnairePageWithAuth = withAuth(ReviewQuestionnairePage);\r\n\r\nexport default withRouter(connect(mapStateToProps)(ReviewQuestionnairePageWithAuth));","import axiosInstance from '../../axios-config';\r\n\r\nconst personalContactsApi = '/api/patients/{0}/contacts';\r\nconst personalContactAuthorizedAccessApi = '/api/patients/{0}/contacts/{1}?authorized={2}';\r\nconst personalContactUnlockAccountApi = '/api/patients/{0}/contacts/{1}/UnlockAccount';\r\nconst personalContactPasswordResetApi = '/api/patients/{0}/contacts/{1}/ResetPassword';\r\n\r\nexport const getPersonalContacts = (patientId) => (\r\n axiosInstance.get(personalContactsApi.replace('{0}', patientId))\r\n);\r\n\r\nexport const resetContactPassword = (contact) => (\r\n axiosInstance.post(\r\n personalContactPasswordResetApi\r\n .replace('{0}', contact.patientId)\r\n .replace('{1}', contact.contactId)\r\n )\r\n);\r\n\r\nexport const putPersonalContact = (contact) => (\r\n axiosInstance.put(\r\n personalContactsApi.replace('{0}', contact.patientId),\r\n contact,\r\n { headers: { 'Content-Type': 'application/json' } }\r\n )\r\n);\r\n\r\nexport const postEnablePatientContactAccess = (contact, enableAccess) => (\r\n axiosInstance.post(\r\n personalContactAuthorizedAccessApi.replace('{0}', contact.patientId)\r\n .replace('{1}', contact.contactId)\r\n .replace('{2}', enableAccess)\r\n )\r\n);\r\n\r\nexport const postUnlockPatientContactUserAccount = (contact) => (\r\n axiosInstance.post(\r\n personalContactUnlockAccountApi.replace('{0}', contact.patientId)\r\n .replace('{1}', contact.contactId)\r\n )\r\n);","import * as TYPES from './personal-contacts-actiontypes';\r\n\r\nexport const personalContactsLoaded = (personalContacts) => ({\r\n type: TYPES.PERSONAL_CONTACTS_LOADED_SUCCESS,\r\n personalContacts,\r\n});\r\n\r\nexport const personalContactLoaded = (personalContact) => ({\r\n type: TYPES.PERSONAL_CONTACT_LOADED_SUCCESS,\r\n personalContact,\r\n});\r\n\r\nexport const enabledAccessState = (personalContact) => ({\r\n type: TYPES.PERSONAL_CONTACTS_ENABLED_ACCESS,\r\n personalContact,\r\n});\r\n\r\nexport const disabledAccessState = (personalContact) => ({\r\n type: TYPES.PERSONAL_CONTACTS_DISABLED_ACCESS,\r\n personalContact,\r\n});\r\n\r\nexport const unlockedAccount = () => ({\r\n type: TYPES.PERSONAL_CONTACTS_UNLOCKED_ACCOUNT,\r\n});\r\n\r\nexport const resetContactPassword = () => ({\r\n type: TYPES.PERSONAL_CONTACTS_PASSWORD_RESET,\r\n});\r\n\r\nexport const clearFlags = () => ({\r\n type: TYPES.PERSONAL_CONTACTS_CLEAR_FLAGS,\r\n});\r\n\r\nexport const setPersonalContactId = (contactId) => ({\r\n type: TYPES.PERSONAL_CONTACTS_SET_CONTACTID,\r\n selectedContactId: contactId,\r\n});\r\n","import * as api from './personal-contacts-api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\nimport * as action from './personal-contacts-action-creator';\r\n\r\nexport const loadPersonalContacts = (patientId) => (dispatch) =>\r\n api.getPersonalContacts(patientId)\r\n .then(\r\n (response) => dispatch(action.personalContactsLoaded(response.data)),\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage());\r\n });\r\n\r\nexport const submitAddContact = (contact, isEditMode, isInvited, fromAccountSettings) => (dispatch) =>\r\n api.putPersonalContact(contact).then(\r\n (response) => {\r\n dispatch(action.personalContactLoaded(response.data));\r\n dispatch(action.setPersonalContactId(response.data.contactId));\r\n if (!isEditMode) {\r\n if (!isInvited) {\r\n dispatch(MsgBarActions.showStickySuccessMessage('contactAddedSuccess'));\r\n }\r\n } else if (fromAccountSettings) {\r\n dispatch(MsgBarActions.showSuccessMessage('contactEditSuccess'));\r\n } else {\r\n dispatch(MsgBarActions.showStickySuccessMessage('contactEditSuccess'));\r\n }\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage());\r\n }\r\n );\r\n\r\n// // only use in unit-test\r\n// export const setPersonalContact = (constId) => (dispatch) => {\r\n// dispatch(action.setPersonalContactId(constId));\r\n// };\r\n\r\nexport const changePatientContactAccess = (contact, shouldEnableAccess) => (dispatch) =>\r\n api.postEnablePatientContactAccess(contact, shouldEnableAccess)\r\n .then(\r\n (response) => {\r\n if (shouldEnableAccess) {\r\n dispatch(action.enabledAccessState(response.data));\r\n dispatch(MsgBarActions.showSuccessMessage('contactAccessEnabled'));\r\n } else {\r\n dispatch(action.disabledAccessState(response.data));\r\n dispatch(MsgBarActions.showSuccessMessage('contactAccessDisabled'));\r\n }\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('failedChangeContactAccess'));\r\n }\r\n );\r\n\r\nexport const unlockPatientContactUserAccount = (contact) => (dispatch) =>\r\n api.postUnlockPatientContactUserAccount(contact)\r\n .then(\r\n () => {\r\n dispatch(action.unlockedAccount());\r\n dispatch(MsgBarActions.showSuccessMessage('contactUnlockAccount'));\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('failedContactUnlockAccount'));\r\n }\r\n );\r\n\r\nexport const resetPatientContactPassword = (contact) => (dispatch) =>\r\n api.resetContactPassword(contact)\r\n .then(\r\n () => {\r\n dispatch(action.resetContactPassword());\r\n dispatch(MsgBarActions.showSuccessMessage('contactPasswordReset', [contact.contactEmail]));\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('contactPasswordResetFailed'));\r\n }\r\n );\r\n","export const messages = {\r\n title: {\r\n id: 'address.Title',\r\n defaultMessage: 'Address',\r\n },\r\n label: {\r\n address1: {\r\n id: 'address.Label.Address1',\r\n defaultMessage: 'Address 1',\r\n },\r\n address2: {\r\n id: 'address.Label.Address2',\r\n defaultMessage: 'Address 2',\r\n },\r\n city: {\r\n id: 'address.Label.City',\r\n defaultMessage: 'City',\r\n },\r\n zipcode: {\r\n id: 'address.Label.PostalCode',\r\n defaultMessage: 'Zip Code',\r\n },\r\n state: {\r\n id: 'address.Label.State',\r\n defaultMessage: 'State',\r\n },\r\n country: {\r\n id: 'address.Label.Country',\r\n defaultMessage: 'Country',\r\n },\r\n selectOne: {\r\n id: 'address.Label.SelectOne',\r\n defaultMessage: 'Select one...',\r\n },\r\n usePatientAddress: {\r\n id: 'address.Label.UsePatientAddress',\r\n defaultMessage: 'Use same address as patient',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { InputBlock } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './Address.i18n';\r\n\r\nclass Address extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { filteredStates: props.states, usePatientAddress: this.props.fields.usePatientAddress.value };\r\n }\r\n\r\n onCountryChange = (newValue) => {\r\n let filteredStates = this.props.states;\r\n const newCountry = this.props.countries.find((x) => x.countryNameDisplay === newValue);\r\n if (newValue && newCountry) {\r\n filteredStates = this.props.states.filter(\r\n (state) => state.countryId === '' || state.countryId.toString() === newCountry.countryId.toString());\r\n }\r\n this.setState({ filteredStates });\r\n }\r\n\r\n onUsePatientAddressChange = (event) => {\r\n this.setState({ usePatientAddress: event.target.checked });\r\n this.props.onUsePatientAddressClick(event);\r\n this.props.fields.usePatientAddress.input.onChange(event);\r\n }\r\n\r\n render() {\r\n const countryOptions = this.props.countries.map((c) => {\r\n const option = {};\r\n option.key = c.countryNameDisplay;\r\n option.value = c.countryNameDisplay;\r\n option.displayValue = c.countryNameDisplay;\r\n return option;\r\n });\r\n\r\n const { formatMessage } = this.props.intl;\r\n\r\n const stateOptions = this.state.filteredStates.map((s) => {\r\n const option = {};\r\n option.key = s.stateNameDisplay;\r\n option.value = s.stateNameDisplay;\r\n option.displayValue = s.stateNameDisplay;\r\n return option;\r\n });\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nAddress.propTypes = {\r\n fields: PropTypes.object,\r\n countries: PropTypes.array,\r\n states: PropTypes.array,\r\n intl: PropTypes.object,\r\n patientAddress: PropTypes.object,\r\n onUsePatientAddressClick: PropTypes.func,\r\n};\r\n\r\nexport default (injectIntl(Address));","export const messages = {\r\n addContactPage: {\r\n title: {\r\n id: 'contact.Add.Title',\r\n defaultMessage: 'Add Contact',\r\n },\r\n },\r\n editContactPage: {\r\n title: {\r\n id: 'contact.Edit.Title',\r\n defaultMessage: 'Edit Contact',\r\n },\r\n },\r\n button: {\r\n saveContact: {\r\n id: 'contact.Button.Save',\r\n defaultMessage: 'Save Contact',\r\n },\r\n cancel: {\r\n id: 'contact.Button.Cancel',\r\n defaultMessage: 'Cancel',\r\n },\r\n },\r\n checkbox: {\r\n invite: {\r\n id: 'contact.Edit.Checkbox.Invite',\r\n defaultMessage: 'Invite to patient portal and give access to my health information.',\r\n },\r\n },\r\n};\r\n","export const messages = {\r\n title: {\r\n id: 'contactInformation.Title',\r\n defaultMessage: 'Contact Information',\r\n },\r\n label: {\r\n homePhone: {\r\n id: 'contactInformation.Label.HomePhone',\r\n defaultMessage: 'Home Phone',\r\n },\r\n mobilePhone: {\r\n id: 'contactInformation.Label.MobilePhone',\r\n defaultMessage: 'Mobile Phone',\r\n },\r\n workPhone: {\r\n id: 'contactInformation.Label.WorkPhone',\r\n defaultMessage: 'Work Phone',\r\n },\r\n email: {\r\n id: 'contactInformation.Label.Email',\r\n defaultMessage: 'Email',\r\n },\r\n preferredContactMethod: {\r\n id: 'contactInformation.Label.PreferredContactMethod',\r\n defaultMessage: 'Preferred Contact Method',\r\n },\r\n preferredCommunicationLanguage: {\r\n id: 'contactInformation.Label.PreferredCommunicationLanguage',\r\n defaultMessage: 'Preferred Communication Language',\r\n },\r\n },\r\n message: {\r\n id: 'contactInformation.Label.LeaveMessage',\r\n defaultMessage: 'Messages can be left at this number',\r\n },\r\n placeholder: {\r\n preferredContactMethod: {\r\n id: 'contactInformation.PreferredContactMethod.SelectOne',\r\n defaultMessage: 'Select one...',\r\n },\r\n preferredCommunicationLanguage: {\r\n id: 'contactInformation.PreferredCommunicationLanguage.SelectOne',\r\n defaultMessage: 'Select one...',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport {\r\n CheckboxInput,\r\n InputBlock,\r\n formatPhoneNumber,\r\n SharedFormMessages as formMessages,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './ContactInformation.i18n';\r\n\r\nclass ContactInformation extends React.Component {\r\n componentDidMount = () => {\r\n this.setNewContactDefaultLanguage();\r\n }\r\n\r\n setNewContactDefaultLanguage = () => {\r\n const { defaultLanguageId, preferredCommunicationLanguages } = this.props;\r\n const defaultLanguage = preferredCommunicationLanguages.filter((lang) => lang.languageId === defaultLanguageId);\r\n const defaultLanguageEnabled = defaultLanguage.length > 0;\r\n if (!this.props.isEditMode && defaultLanguageEnabled) {\r\n this.props.fields.communicationLanguageId.input.onChange(defaultLanguageId);\r\n }\r\n }\r\n\r\n createLanguageOptions = (language) => {\r\n const option = {};\r\n option.key = language.languageId;\r\n option.value = language.languageId;\r\n if (this.props.languageTranslations != null) {\r\n option.displayValue = this.props.languageTranslations[language.languageCode];\r\n } else {\r\n option.displayValue = language.displayName;\r\n }\r\n\r\n return option;\r\n }\r\n\r\n render() {\r\n const { fields, preferredCommunications, onPhoneChange, preferredCommunicationLanguages } = this.props;\r\n const { formatMessage } = this.props.intl;\r\n const filteredPreferredCommunications = preferredCommunications.filter(\r\n (communication) => communication.preferredCommunicationCode !== 'Fax');\r\n const preferredCommunicationsOptions = filteredPreferredCommunications.map((x) => {\r\n const option = {};\r\n option.key = x.preferredCommunicationId;\r\n option.value = x.preferredCommunicationId;\r\n option.displayValue = x.preferredCommunicationDisplay;\r\n return option;\r\n });\r\n\r\n const preferredCommunicationLanguageOptions = preferredCommunicationLanguages.map(this.createLanguageOptions);\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
\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\nContactInformation.propTypes = {\r\n fields: PropTypes.object,\r\n intl: PropTypes.object,\r\n preferredCommunications: PropTypes.array,\r\n onPhoneChange: PropTypes.func,\r\n preferredCommunicationLanguages: PropTypes.array,\r\n defaultLanguageId: PropTypes.string,\r\n isEditMode: PropTypes.bool,\r\n languageTranslations: PropTypes.object,\r\n};\r\n\r\nexport default (injectIntl(ContactInformation));","export const messages = {\r\n nameRelation: {\r\n title: {\r\n id: 'nameRelation.Label.Title',\r\n defaultMessage: 'Name and Relation',\r\n },\r\n firstName: {\r\n id: 'nameRelation.Label.FirstName',\r\n defaultMessage: 'First name',\r\n },\r\n lastName: {\r\n id: 'nameRelation.Label.Lastname',\r\n defaultMessage: 'Last name',\r\n },\r\n relation: {\r\n id: 'nameRelation.Label.Relation',\r\n defaultMessage: 'Relation',\r\n },\r\n selectOne: {\r\n id: 'nameRelation.Label.SelectOne',\r\n defaultMessage: 'Select one...',\r\n },\r\n otherInformation: {\r\n id: 'nameRelation.Label.OtherInformation',\r\n defaultMessage: 'Other Information',\r\n },\r\n primaryContact: {\r\n id: 'nameRelation.Label.PrimaryContact',\r\n defaultMessage: 'Primary Contact',\r\n },\r\n nextOfKin: {\r\n id: 'nameRelation.Label.NextOfKin',\r\n defaultMessage: 'Next of Kin',\r\n },\r\n providesTransportation: {\r\n id: 'nameRelation.Label.ProvidesTransportation',\r\n defaultMessage: 'Provides transportation to appointments',\r\n },\r\n },\r\n isPrimaryModal: {\r\n title: {\r\n id: 'isPrimaryModal.Title',\r\n defaultMessage: 'Only one Primary Contact is allowed.',\r\n },\r\n message: {\r\n id: 'isPrimaryModal.Label.Message',\r\n defaultMessage: 'Do you want to change the Primary Contact?',\r\n },\r\n submitBtnText: {\r\n id: 'isPrimaryModal.Button.Submit',\r\n defaultMessage: 'Yes',\r\n },\r\n hideBtnText: {\r\n id: 'isPrimaryModal.Button.Cancel',\r\n defaultMessage: 'Cancel',\r\n },\r\n },\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { CheckboxInput, InputBlock } from 'ecs-react-components/dist/index.es';\r\n\r\nimport { messages } from './NameRelation.i18n';\r\n\r\nclass NameRelation extends React.Component {\r\n render = () => {\r\n const {\r\n fields,\r\n relationships,\r\n isPrimary,\r\n onInputChange,\r\n } = this.props;\r\n\r\n const relationshipOptions = relationships.map((r) => {\r\n const option = {};\r\n option.key = r.relationshipId;\r\n option.value = r.relationshipId;\r\n option.displayValue = r.relationshipDisplay;\r\n return option;\r\n });\r\n\r\n let primaryContactCheckboxAttributes = {};\r\n if (isPrimary) {\r\n primaryContactCheckboxAttributes = { tabIndex: 0 };\r\n }\r\n\r\n const { formatMessage } = this.props.intl;\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
\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\nNameRelation.propTypes = {\r\n fields: PropTypes.object,\r\n relationships: PropTypes.array,\r\n intl: PropTypes.object,\r\n isPrimary: PropTypes.bool,\r\n onInputChange: PropTypes.func,\r\n};\r\n\r\nexport default (injectIntl(NameRelation));\r\n","import { emailRegEx } from 'ecs-react-components/dist/index.es';\r\n\r\nexport const validations = {\r\n contactFirstName: {\r\n required: true,\r\n },\r\n contactLastName: {\r\n required: true,\r\n },\r\n relationshipId: {\r\n required: true,\r\n },\r\n isPrimaryContact: {\r\n required: false,\r\n },\r\n isNextOfKin: {\r\n required: false,\r\n },\r\n providesTransport: {\r\n required: false,\r\n },\r\n usePatientAddress: {\r\n required: false,\r\n },\r\n address1: {\r\n required: false,\r\n },\r\n address2: {\r\n required: false,\r\n },\r\n city: {\r\n required: false,\r\n },\r\n zipCode: {\r\n required: false,\r\n },\r\n state: {\r\n required: false,\r\n },\r\n country: {\r\n required: false,\r\n },\r\n homePhone: {\r\n required: false,\r\n },\r\n isOkToLeaveMsgHome: {\r\n required: false,\r\n },\r\n mobilePhone: {\r\n required: false,\r\n },\r\n isOkToLeaveMsgMobile: {\r\n required: false,\r\n },\r\n workPhone: {\r\n required: false,\r\n },\r\n isOkToLeaveMsgWork: {\r\n required: false,\r\n },\r\n contactEmail: {\r\n required: false,\r\n validateOnBlur: false,\r\n promise: (fieldName, fieldValue) => (\r\n new Promise((resolve, reject) => {\r\n if (fieldValue && !emailRegEx.test(fieldValue)) {\r\n reject();\r\n } else {\r\n resolve();\r\n }\r\n })),\r\n },\r\n preferredCommunicationId: {\r\n required: false,\r\n },\r\n communicationLanguageId: {\r\n required: true,\r\n },\r\n};\r\n","/* eslint max-len: 0 */\r\nexport const messages = {\r\n accountSettings: {\r\n title: {\r\n id: 'accountSettings.Page.Title',\r\n defaultMessage: 'Account Settings',\r\n },\r\n state: {\r\n accessEnabled: {\r\n id: 'accountSettings.State.Access.Enabled',\r\n defaultMessage: 'This contact is authorized to access your information.',\r\n },\r\n accessDisabled: {\r\n id: 'accountSettings.State.Access.Disabled',\r\n defaultMessage: 'This contact is authorized to access your information, but their account access is disabled.',\r\n },\r\n lockAccount: {\r\n id: 'accountSettings.State.LockAccount',\r\n defaultMessage: 'This contact is authorized to access your information, but their account is locked.',\r\n },\r\n noUserAccount: {\r\n id: 'accountSettings.State.NoUserAccount',\r\n defaultMessage: 'This contact has not been invited to the patient portal and cannot access your health information.',\r\n },\r\n invitedContactMessage: {\r\n id: 'accountSettings.State.InvitedContact',\r\n defaultMessage: 'This contact has been invited to the portal, but has not yet created an account.',\r\n },\r\n },\r\n button: {\r\n resetPassword: {\r\n id: 'accountSettings.Button.ResetPassword',\r\n defaultMessage: 'Reset Password',\r\n },\r\n enableAccess: {\r\n id: 'accountSettings.Button.EnableAccess',\r\n defaultMessage: 'Enable Access',\r\n },\r\n disableAccess: {\r\n id: 'accountSettings.Button.DisableAccess',\r\n defaultMessage: 'Disable Access',\r\n },\r\n deleteContact: {\r\n id: 'accountSettings.Button.DeleteContact',\r\n defaultMessage: 'Delete Contact',\r\n },\r\n inviteContact: {\r\n id: 'accountSettings.Button.Invite',\r\n defaultMessage: 'Invite Contact',\r\n },\r\n reinviteContact: {\r\n id: 'accountSettings.Button.Reinvite',\r\n defaultMessage: 'Resend Invitation',\r\n },\r\n hint: {\r\n id: 'accountSettings.Button.Hint',\r\n defaultMessage: 'Clicking on this button, opens a new dialog.',\r\n },\r\n unlock: {\r\n id: 'accountSettings.Button.Unlock',\r\n defaultMessage: 'Unlock',\r\n },\r\n },\r\n label: {\r\n username: {\r\n id: 'accountSettings.Label.UserName',\r\n defaultMessage: 'Username:',\r\n },\r\n },\r\n },\r\n};\r\n","/* eslint-disable */\r\nexport const messages = {\r\n resetPassword: {\r\n title: {\r\n id: 'authrepAcctSetConfirm.ResetPassword.Title',\r\n defaultMessage: 'Reset Password?',\r\n },\r\n instruction: {\r\n id: 'authrepAcctSetConfirm.ResetPassword.Instruction',\r\n defaultMessage: 'Resetting the password for this account will email a temporary password to {userEmailAddress}.',\r\n },\r\n button: {\r\n submit: {\r\n id: 'authrepAcctSetConfirm.ResetPassword.Button.Submit',\r\n defaultMessage: 'Yes, reset the password',\r\n },\r\n cancel: {\r\n id: 'authrepAcctSetConfirm.ResetPassword.Button.Cancel',\r\n defaultMessage: 'No, take me back',\r\n },\r\n },\r\n },\r\n enableAccess: {\r\n title: {\r\n id: 'authrepAcctSetConfirm.EnableAccess.Title',\r\n defaultMessage: 'Enable Access?',\r\n },\r\n instruction: {\r\n id: 'authrepAcctSetConfirm.EnableAccess.Instruction',\r\n defaultMessage: 'Enabling access will allow this contact to log in to their account and view your health information.',\r\n },\r\n button: {\r\n submit: {\r\n id: 'authrepAcctSetConfirm.EnableAccess.Button.Submit',\r\n defaultMessage: 'Yes, enable access',\r\n },\r\n cancel: {\r\n id: 'authrepAcctSetConfirm.EnableAccess.Button.Cancel',\r\n defaultMessage: 'No, take me back',\r\n },\r\n },\r\n },\r\n disableAccess: {\r\n title: {\r\n id: 'authrepAcctSetConfirm.DisableAccess.Title',\r\n defaultMessage: 'Disable Access?',\r\n },\r\n instruction: {\r\n id: 'authrepAcctSetConfirm.DisableAccess.Instruction',\r\n defaultMessage: 'Disabling access will prevent this contact from logging in to their account. No information will be deleted and the account can be re-enabled later if needed.',\r\n },\r\n button: {\r\n submit: {\r\n id: 'authrepAcctSetConfirm.DisableAccess.Button.Submit',\r\n defaultMessage: 'Yes, disable access',\r\n },\r\n cancel: {\r\n id: 'authrepAcctSetConfirm.DisableAccess.Button.Cancel',\r\n defaultMessage: 'No, take me back',\r\n },\r\n },\r\n },\r\n resendInvite: {\r\n title: {\r\n id: 'authrepAcctSetConfirm.ResendInvite.Title',\r\n defaultMessage: 'Resend Invitation?',\r\n },\r\n instruction: {\r\n id: 'authrepAcctSetConfirm.ResendInvite.Instruction',\r\n defaultMessage: 'A new invitation will be emailed to {contactEmail}, and a new PIN will be created that you will need to provide to this contact.',\r\n },\r\n button: {\r\n submit: {\r\n id: 'authrepAcctSetConfirm.ResendInvite.Button.Submit',\r\n defaultMessage: 'Yes, resend the invitation',\r\n },\r\n cancel: {\r\n id: 'authrepAcctSetConfirm.ResendInvite.Button.Cancel',\r\n defaultMessage: 'No, take me back',\r\n },\r\n },\r\n },\r\n contactIsDirty: {\r\n title: {\r\n id: 'authrepAcctSetConfirm.ContactIsDirty.Title',\r\n defaultMessage: 'Save Changes?',\r\n },\r\n instruction: {\r\n id: 'authrepAcctSetConfirm.ContactIsDirty.Instruction',\r\n defaultMessage: 'Would you like to save your changes before continuing?',\r\n },\r\n button: {\r\n submit: {\r\n id: 'authrepAcctSetConfirm.ContactIsDirty.Button.Submit',\r\n defaultMessage: 'Yes, save changes',\r\n },\r\n cancel: {\r\n id: 'authrepAcctSetConfirm.ContactIsDirty.Button.Cancel',\r\n defaultMessage: 'No, don\\'t save',\r\n },\r\n },\r\n },\r\n};\r\n","import React from 'react';\r\nimport { isDirty } from 'redux-form';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages as acctSetMsgs } from './AccountSettings.i18n';\r\n\r\nexport const renderUserName = (username) => () => (\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 { username }\r\n \r\n
\r\n);\r\n\r\nexport const renderStateMessage = (stateMessage, className) => () => (\r\n\r\n
\r\n {\r\n formattedMessages && renderLabel(formattedMessages.title,\r\n formattedMessageValues && formattedMessageValues.title)\r\n }\r\n
\r\n \r\n {\r\n formattedMessages && renderLabel(formattedMessages.instruction,\r\n formattedMessageValues && formattedMessageValues.instruction)\r\n }\r\n
\r\n \r\n \r\n
\r\n\r\n {userAccountState && userAccountState.renderStateMessage()}\r\n\r\n {userAccountState && userAccountState.renderUsername()}\r\n\r\n {userAccountState && userAccountState.renderButtons('buttonHint')}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nAccountSettings.propTypes = {\r\n dispatch: PropTypes.func,\r\n personalContacts: PropTypes.array,\r\n selectedContactId: PropTypes.string,\r\n accessEnabled: PropTypes.bool,\r\n accountUnlocked: PropTypes.bool,\r\n inviteContactEnabled: PropTypes.bool,\r\n contactEmail: PropTypes.string,\r\n arInvitationExists: PropTypes.bool,\r\n formState: PropTypes.object,\r\n submitContact: PropTypes.func,\r\n isDirtyForm: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n personalContacts: state.personalContacts.personalContacts,\r\n selectedContactId: state.personalContacts.selectedContactId,\r\n accessEnabled: state.personalContacts.accessEnabled,\r\n accountUnlocked: state.personalContacts.accountUnlocked,\r\n arInvitationExists: state.invitation.arInvitationExists,\r\n formState: state.form.contactform,\r\n isDirtyForm: isDirty('contactform')(state),\r\n});\r\n\r\nexport default connect(mapStateToProps)(AccountSettings);","import axiosInstance from '../../axios-config';\r\n\r\nconst postInvitedAuthRepUrl = '/api/invitations/contact/{0}/invite';\r\nconst getArInviteExistsUrl = '/api/invitations/contact/{0}/checkArInviteExists';\r\n\r\nexport const postInvitedAuthRep = (contactId) =>\r\n axiosInstance.post(postInvitedAuthRepUrl.replace('{0}', contactId));\r\n\r\nexport const getArInviteExists = (contactId) =>\r\n axiosInstance.get(getArInviteExistsUrl.replace('{0}', contactId));\r\n\r\n","import * as TYPES from './ar-invitation-actiontypes';\r\n\r\nexport const setAuthRepInvitation = (arInvitation) => ({\r\n type: TYPES.SET_AUTHORIZED_REP_INVITATION,\r\n arInvitation,\r\n});\r\n\r\nexport const setArInvitationExists = (arInvitationExists) => ({\r\n type: TYPES.SET_AR_INVITATION_EXISTS,\r\n arInvitationExists,\r\n});\r\n\r\n\r\nexport const setPrevInvitationRoute = (prevRoute) => ({\r\n type: TYPES.SET_PREV_ROUTE_BEFORE_INVITE,\r\n prevRoute,\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Fields, reduxForm, change, stopAsyncValidation } from 'redux-form';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport {\r\n scrollToFirstError,\r\n generateValidation,\r\n formatPhoneNumber,\r\n removePhoneFormatting,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport { submitAddContact } from '../../../redux/modules/personal-contacts/personal-contacts-middleware';\r\nimport {\r\n loadRelationships,\r\n loadPreferredCommunications,\r\n loadCountries,\r\n loadStates,\r\n} from '../../../redux/modules/lookups/lookups-middleware';\r\nimport { loadSupportedLanguages } from '../../../redux/modules/capability/capability-middleware';\r\nimport Message from '../../../containers/Message/Message';\r\nimport AddressContainer from './Address';\r\nimport { messages } from './Contact.i18n';\r\nimport ContactInformation from './ContactInformation';\r\nimport NameRelation from './NameRelation';\r\nimport Header from '../../../components/Header/Header';\r\nimport { validations } from './Contact.validations';\r\nimport { setIsDedicatedWorkflow } from '../../../redux/modules/workflow/workflow-action-creator';\r\nimport { loadPatientAddress } from '../../../redux/modules/patient/patient-middleware';\r\nimport AccountSettings from './AccountSettings';\r\nimport * as MsgBarActions from '../../../redux/modules/system-shared/message-bar-action-creator';\r\nimport { checkIfArInvitationExists } from '../../../redux/modules/ar-invitation/ar-invitation-middleware';\r\nimport { setPrevInvitationRoute } from '../../../redux/modules/ar-invitation/ar-invitation-action-creator';\r\nimport { loadLanguageTranslations } from '../../../redux/modules/language/language-middleware';\r\n\r\nconst fields = [\r\n 'contactFirstName',\r\n 'contactLastName',\r\n 'relationshipId',\r\n 'isPrimaryContact',\r\n 'isNextOfKin',\r\n 'providesTransport',\r\n 'homePhone',\r\n 'isOkToLeaveMsgHome',\r\n 'mobilePhone',\r\n 'isOkToLeaveMsgMobile',\r\n 'workPhone',\r\n 'isOkToLeaveMsgWork',\r\n 'contactEmail',\r\n 'preferredCommunicationId',\r\n 'address1',\r\n 'address2',\r\n 'city',\r\n 'zipCode',\r\n 'state',\r\n 'country',\r\n 'usePatientAddress',\r\n 'isActive',\r\n 'communicationLanguageId',\r\n];\r\n\r\nclass Contact extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n inviteContactChecked: false,\r\n stayAfterSave: false,\r\n saveFromAccountSetting: false,\r\n };\r\n }\r\n\r\n componentDidMount = () => {\r\n const {\r\n dispatch,\r\n patientId,\r\n } = this.props;\r\n\r\n if (!patientId) {\r\n return;\r\n }\r\n\r\n dispatch(setIsDedicatedWorkflow(true));\r\n dispatch(loadRelationships());\r\n dispatch(loadCountries());\r\n dispatch(loadStates());\r\n dispatch(loadPreferredCommunications());\r\n dispatch(loadSupportedLanguages());\r\n if (patientId) {\r\n dispatch(loadPatientAddress(patientId));\r\n }\r\n dispatch(loadLanguageTranslations(this.props.languageCode));\r\n if (this.props.isEditMode && this.props.contactValue) {\r\n this.props.dispatch(checkIfArInvitationExists(this.props.contactValue.contactId));\r\n this.props.dispatch(setPrevInvitationRoute('/edit-contact'));\r\n } else {\r\n this.props.dispatch(setPrevInvitationRoute('/dashboard'));\r\n }\r\n }\r\n\r\n componentWillUnmount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\r\n }\r\n\r\n onSubmit = (values, dispatch, callback) => {\r\n const {\r\n isEditMode,\r\n personalContacts,\r\n selectedContactId,\r\n patientId,\r\n } = this.props;\r\n\r\n const personalContact = {\r\n ...personalContacts.find((x) => x.contactId === selectedContactId),\r\n patientId,\r\n contactEmail: values.contactEmail,\r\n isActive: true, // if value not set, API will default this to false\r\n contactFirstName: values.contactFirstName.trim(),\r\n contactLastName: values.contactLastName.trim(),\r\n isNextOfKin: values.isNextOfKin ? values.isNextOfKin : false,\r\n isPrimaryContact: values.isPrimaryContact ? values.isPrimaryContact : false,\r\n providesTransport: values.providesTransport ? values.providesTransport : false,\r\n relationshipId: values.relationshipId,\r\n usePatientAddress: values.usePatientAddress ? values.usePatientAddress : false,\r\n address1: values.address1,\r\n address2: values.address2,\r\n city: values.city,\r\n state: values.state,\r\n country: values.country,\r\n zipCode: values.zipCode,\r\n mobilePhone: removePhoneFormatting(values.mobilePhone),\r\n homePhone: removePhoneFormatting(values.homePhone),\r\n workPhone: removePhoneFormatting(values.workPhone),\r\n isOkToLeaveMsgHome: values.isOkToLeaveMsgHome ? values.isOkToLeaveMsgHome : false,\r\n isOkToLeaveMsgWork: values.isOkToLeaveMsgWork ? values.isOkToLeaveMsgWork : false,\r\n isOkToLeaveMsgMobile: values.isOkToLeaveMsgMobile ? values.isOkToLeaveMsgMobile : false,\r\n preferredCommunicationId: values.preferredCommunicationId,\r\n communicationLanguageId: values.communicationLanguageId,\r\n userInfo: undefined,\r\n };\r\n\r\n if (!personalContact.contactEmail && this.state.inviteContactChecked) {\r\n this.props.dispatch(MsgBarActions.showErrorMessage('contactEmailRequiredForInvite'));\r\n return;\r\n }\r\n\r\n dispatch(submitAddContact(\r\n personalContact,\r\n isEditMode,\r\n this.state.inviteContactChecked,\r\n this.state.saveFromAccountSetting))\r\n .then(() => {\r\n this.props.onSubmitAddContact();\r\n if (this.state.inviteContactChecked) {\r\n this.props.history.push('/invite-auth-statement');\r\n } else if (this.state.stayAfterSave) {\r\n this.setState({ stayAfterSave: false });\r\n if (callback) {\r\n callback();\r\n }\r\n } else {\r\n this.props.history.push('/');\r\n }\r\n });\r\n }\r\n\r\n setAddressToPatientAddress = () => {\r\n const { patientAddress, dispatch } = this.props;\r\n\r\n dispatch(change('contactform', 'address1', patientAddress.address1));\r\n dispatch(change('contactform', 'address2', patientAddress.address2));\r\n dispatch(change('contactform', 'city', patientAddress.city));\r\n dispatch(change('contactform', 'zipCode', patientAddress.zipCode));\r\n dispatch(change('contactform', 'state', patientAddress.state));\r\n dispatch(change('contactform', 'country', patientAddress.country));\r\n }\r\n\r\n setPageTitle() {\r\n if (this.props.isEditMode) {\r\n return \r\n
\r\n\r\n {userAccountState && userAccountState.renderStateMessage()}\r\n\r\n {userAccountState && userAccountState.renderUsername()}\r\n\r\n {userAccountState && userAccountState.renderButtons('buttonHint')}\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n return null;\r\n }\r\n\r\n renderFields = (fieldsMeta) => {\r\n const {\r\n relationships,\r\n patientAddress,\r\n contactValue,\r\n } = this.props;\r\n\r\n return (\r\n \r\n { contactValue &&
\r\n );\r\n }\r\n\r\n render = () => {\r\n const {\r\n handleSubmit,\r\n states,\r\n } = this.props;\r\n\r\n if (states && states.length > 0) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n }\r\n}\r\n\r\nContact.propTypes = {\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n relationships: PropTypes.array,\r\n preferredCommunications: PropTypes.array,\r\n onSubmitAddContact: PropTypes.func,\r\n countries: PropTypes.array,\r\n states: PropTypes.array,\r\n patientAddress: PropTypes.object,\r\n isEditMode: PropTypes.bool,\r\n personalContacts: PropTypes.array,\r\n contactValue: PropTypes.object,\r\n selectedContactId: PropTypes.string,\r\n capabilities: PropTypes.array,\r\n history: PropTypes.object,\r\n preferredCommunicationLanguages: PropTypes.array,\r\n facilityDefaultLanguageId: PropTypes.string,\r\n languageTranslations: PropTypes.object,\r\n languageCode: PropTypes.string,\r\n initialize: PropTypes.func,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n relationships: state.lookups.relationships,\r\n preferredCommunications: state.lookups.preferredCommunications,\r\n countries: state.lookups.countries,\r\n states: state.lookups.states,\r\n patientAddress: state.profile.patient.address,\r\n personalContacts: state.personalContacts.personalContacts,\r\n selectedContactId: state.personalContacts.selectedContactId,\r\n capabilities: state.capability.capabilities,\r\n preferredCommunicationLanguages: state.capability.languages,\r\n facilityDefaultLanguageId: state.facility.defaultCommunicationLanguageId,\r\n languageTranslations: state.language.languageTranslations,\r\n languageCode: state.language.languageCode,\r\n patientId: state.profile.patient.patientId,\r\n});\r\n\r\nconst formConfig = {\r\n form: 'contactform',\r\n returnRejectedSubmitPromise: true,\r\n onSubmitFail: (errors) => scrollToFirstError(errors, fields),\r\n ...generateValidation(validations),\r\n};\r\n\r\nconst contactFormWithReduxForm = reduxForm(formConfig)(Contact);\r\nconst connectedContactForm = connect(mapStateToProps)(contactFormWithReduxForm);\r\n\r\nexport default withRouter(connectedContactForm);\r\n","\r\nimport history from '../../../history';\r\nimport { postInvitedAuthRep, getArInviteExists } from './ar-invitation-api';\r\nimport { setAuthRepInvitation, setArInvitationExists } from './ar-invitation-action-creator';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\nimport { getNewAccessTokenFromForcedRefresh } from '../auth/auth-middleware';\r\n\r\nexport const inviteAuthRep = (contactId) => (dispatch) =>\r\n postInvitedAuthRep(contactId)\r\n .then((response) => {\r\n dispatch(setAuthRepInvitation(response.data));\r\n })\r\n .catch(\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('failedSendingEmail'));\r\n history.push('/edit-contact');\r\n }\r\n );\r\n\r\nexport const checkIfArInvitationExists = (contactId) => (dispatch) =>\r\n getArInviteExists(contactId)\r\n .then((response) => {\r\n dispatch(setArInvitationExists(response.data));\r\n }\r\n );\r\n\r\nexport const getPinPdfUrl = (invitationId) => (dispatch) =>\r\n dispatch(getNewAccessTokenFromForcedRefresh())\r\n .then(\r\n (token) =>\r\n Promise.resolve('/api/invitations/{0}/pinpdf?token={1}'\r\n .replace('{0}', invitationId).replace('{1}', token))\r\n );\r\n","import * as actions from './lookups-action-creator';\r\nimport * as api from './lookups-api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nexport const loadRelationships = () => (dispatch) =>\r\n api.getRelationshipsLookup()\r\n .then(\r\n (response) => dispatch(actions.loadRelationshipsSuccess(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadCountries = () => (dispatch) =>\r\n api.getCountriesLookup()\r\n .then(\r\n (response) => dispatch(actions.loadCountriesSuccess(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadPreferredCommunications = () => (dispatch) =>\r\n api.getPreferredCommunicationsLookup()\r\n .then(\r\n (response) => dispatch(actions.loadPreferredCommunicationsSuccess(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadStates = () => (dispatch) =>\r\n api.getStatesLookup()\r\n .then(\r\n (response) => dispatch(actions.loadStateSuccess(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\n","import axiosInstance from '../../axios-config';\r\n\r\nexport const getRelationshipsLookup = () => axiosInstance.get('/api/lookups/relationships');\r\n\r\nexport const getCountriesLookup = () => axiosInstance.get('/api/lookups/countries');\r\n\r\nexport const getPreferredCommunicationsLookup = () => axiosInstance.get('/api/lookups/preferredCommunications');\r\n\r\nexport const getStatesLookup = () => axiosInstance.get('/api/lookups/states');\r\n\r\nexport const checkSsoEnabled = () => axiosInstance.get('/api/lookups/ssoenabled');\r\n","import * as TYPES from './lookups-actiontypes';\r\n\r\nexport const loadRelationshipsSuccess = (relationships) => (\r\n {\r\n type: TYPES.LOOKUPS_LOADRELATIONSHIPS_SUCCESS,\r\n relationships,\r\n }\r\n);\r\n\r\nexport const loadCountriesSuccess = (countries) => ({\r\n type: TYPES.LOOKUPS_LOADCOUNTRIES_SUCCESS,\r\n countries,\r\n});\r\n\r\nexport const loadPreferredCommunicationsSuccess = (preferredCommunications) => (\r\n {\r\n type: TYPES.LOOKUPS_LOADPREFERREDCOMMUNICATIONS_SUCCESS,\r\n preferredCommunications,\r\n }\r\n);\r\n\r\n\r\nexport const loadStateSuccess = (states) => (\r\n {\r\n type: TYPES.LOOKUPS_LOADSTATES_SUCCESS,\r\n states,\r\n }\r\n);\r\n\r\n","import * as TYPES from './patient-actiontypes';\r\n\r\nexport const loadPatientAddress = (address) => (\r\n {\r\n type: TYPES.LOAD_PATIENT_ADDRESS_SUCCESS,\r\n address,\r\n }\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport { ModalDialog, ModalDialogMessages as messages } from 'ecs-react-components/dist/index.es';\r\nimport Contact from '../../containers/PersonalContacts/Contact/Contact';\r\nimport { withAuth } from '../../containers/Authenticated';\r\n\r\nclass AddContactPage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n isSubmitting: false,\r\n nextRoute: '',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.allowRouteToChange = false;\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block((next) => {\r\n if (!this.state.isShowCancelModal && !this.state.isSubmitting) {\r\n this.setState({\r\n isShowCancelModal: true,\r\n nextRoute: next.pathname,\r\n });\r\n } else {\r\n this.setState({\r\n nextRoute: next.pathname,\r\n }, () => this.submitCancelModal());\r\n }\r\n\r\n return this.allowRouteToChange;\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n isSubmitting: true,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n\r\n this.props.history.push(this.state.nextRoute);\r\n }\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n }\r\n\r\n allowRouteToChange = false;\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAddContactPage.propTypes = {\r\n history: PropTypes.object,\r\n};\r\n\r\nconst AddContactPageWithAuth = withAuth(AddContactPage);\r\n\r\nexport default withRouter(AddContactPageWithAuth);\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\nimport { isDirty } from 'redux-form';\r\nimport { ModalDialog, ModalDialogMessages as messages } from 'ecs-react-components/dist/index.es';\r\n\r\nimport Contact from '../../containers/PersonalContacts/Contact/Contact';\r\nimport { setPersonalContactId } from '../../redux/modules/personal-contacts/personal-contacts-action-creator';\r\nimport { loadPersonalContacts } from '../../redux/modules/personal-contacts/personal-contacts-middleware';\r\nimport { withAuth } from '../../containers/Authenticated';\r\n\r\nclass EditContactPage extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n isShowCancelModal: false,\r\n isCancelled: false,\r\n nextRoute: '',\r\n isSubmitting: false,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount = () => {\r\n const {\r\n personalContacts,\r\n patientId,\r\n } = this.props;\r\n\r\n if (patientId && personalContacts && personalContacts.length <= 0) {\r\n this.props.dispatch(loadPersonalContacts(patientId));\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.allowRouteToChange = false;\r\n\r\n if (this.props.history) {\r\n this.unblockRouter = this.props.history.block((next) => {\r\n if (next.pathname === '/invite-auth-statement') {\r\n this.allowRouteToChange = true;\r\n return this.allowRouteToChange;\r\n }\r\n\r\n if (!this.state.isCancelled && !this.state.isShowCancelModal) {\r\n // Is anything changed?\r\n if (this.props.isDirtyForm && !this.state.isSubmitting) {\r\n this.setState({\r\n isShowCancelModal: true,\r\n nextRoute: next.pathname,\r\n });\r\n } else {\r\n this.setState({\r\n nextRoute: next.pathname,\r\n }, () => this.submitCancelModal());\r\n }\r\n }\r\n return this.allowRouteToChange;\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unblockRouter) {\r\n this.unblockRouter();\r\n }\r\n }\r\n\r\n setNoModalToRoute = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n isSubmitting: true,\r\n });\r\n\r\n this.allowRouteToChange = true;\r\n }\r\n\r\n submitCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n isCancelled: true,\r\n }, () => {\r\n this.allowRouteToChange = true;\r\n\r\n this.props.history.push(this.state.nextRoute);\r\n this.props.dispatch(setPersonalContactId(null));\r\n });\r\n }\r\n\r\n hideCancelModal = () => {\r\n this.setState({\r\n isShowCancelModal: false,\r\n });\r\n\r\n this.allowRouteToChange = false;\r\n\r\n this.props.history.push('/');\r\n }\r\n\r\n contactInfo() {\r\n return this.props.personalContacts.find((member) => member.contactId === this.props.selectedContactId);\r\n }\r\n\r\n allowRouteToChange = false;\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditContactPage.propTypes = {\r\n history: PropTypes.object,\r\n dispatch: PropTypes.func,\r\n personalContacts: PropTypes.array,\r\n patientId: PropTypes.string,\r\n isDirtyForm: PropTypes.bool,\r\n selectedContactId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n personalContacts: state.personalContacts.personalContacts,\r\n patientId: state.profile.patient.patientId,\r\n formState: state.form.contactform,\r\n isDirtyForm: isDirty('contactform')(state),\r\n selectedContactId: state.personalContacts.selectedContactId,\r\n});\r\n\r\nconst EditContactPageWithAuth = withAuth(EditContactPage);\r\n\r\nexport default withRouter(connect(mapStateToProps)(EditContactPageWithAuth));\r\n","export const messages = {\r\n page: {\r\n title: {\r\n id: 'inviteAuth.Title',\r\n defaultMessage: 'Authorization Statement',\r\n },\r\n instruction: {\r\n id: 'inviteAuth.Page.Instruction',\r\n defaultMessage: 'To continue, please read and accept the Authorization Statement below.',\r\n },\r\n },\r\n button: {\r\n agree: {\r\n id: 'inviteAuth.Button.Agree',\r\n defaultMessage: 'I Agree',\r\n },\r\n cancel: {\r\n id: 'inviteAuth.Button.Cancel',\r\n defaultMessage: 'Cancel',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport { messages } from './InviteAuthRep.i18n';\r\nimport history from '../../history';\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\n\r\nclass InviteAuthStatementForm extends Component {\r\n onClickCancel = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\r\n history.push(this.props.prevRoute);\r\n }\r\n\r\n handleSubmitClick = () => {\r\n history.push('/contact-pin');\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\nInviteAuthStatementForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n signUpLegalStatement: PropTypes.string,\r\n prevRoute: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n prevRoute: state.invitation.prevRoute,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(InviteAuthStatementForm));","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { getLocalizedFacilityStringContent } from '../../../redux/modules/localization/localization-middleware';\r\nimport { DedicatedWorkflowPanel } from '../../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport { messages } from '../../../containers/InviteAuthRep/InviteAuthRep.i18n';\r\nimport InviteAuthStatementForm from '../../../containers/InviteAuthRep/InviteAuthStatementForm';\r\nimport { setIsDedicatedWorkflow } from '../../../redux/modules/workflow/workflow-action-creator';\r\nimport { withAuth } from '../../../containers/Authenticated';\r\n\r\n\r\nclass InviteAuthStatementPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n signUpLegalStatement: '',\r\n };\r\n }\r\n\r\n componentDidMount = () => {\r\n const callback = (response) => {\r\n this.setState({ signUpLegalStatement: response.data });\r\n };\r\n\r\n getLocalizedFacilityStringContent(this.props.facilityId, this.props.languageCode, 'signuplegalstatement', callback);\r\n this.props.dispatch(setIsDedicatedWorkflow(true));\r\n }\r\n\r\n render() {\r\n if (this.state.signUpLegalStatement.length > 0) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n}\r\n\r\nPinRequired.propTypes = {\r\n dispatch: PropTypes.func,\r\n personalContacts: PropTypes.array,\r\n contactId: PropTypes.string,\r\n pin: PropTypes.string,\r\n invitationId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n personalContacts: state.personalContacts.personalContacts,\r\n contactId: state.personalContacts.selectedContactId,\r\n invitationId: state.invitation.arInvitation.invitationId,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PinRequired);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { DedicatedWorkflowPanel } from '../../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport { messages } from '../../../containers/InviteAuthRep/PinRequired/PinRequired.i18n';\r\nimport PinRequired from '../../../containers/InviteAuthRep/PinRequired/PinRequired';\r\nimport { setIsDedicatedWorkflow } from '../../../redux/modules/workflow/workflow-action-creator';\r\nimport { inviteAuthRep } from '../../../redux/modules/ar-invitation/ar-invitation-middleware';\r\nimport LoadingIndicatorContainer from '../../../containers/LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../../redux/modules/loading-indicator/loading-indicator-middleware';\r\nimport { withAuth } from '../../../containers/Authenticated';\r\n\r\n\r\nclass PinRequiredPage extends React.Component {\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(true));\r\n this.props.dispatch(callWithLoadingIndicator(\r\n 'PinRequiredPage',\r\n () => this.props.dispatch(inviteAuthRep(this.props.contactId)))\r\n );\r\n }\r\n\r\n render = () => (\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
';\r\n }\r\n return score;\r\n });\r\n return (\r\n
\r\n {\r\n exitAfterFinalQ && assignedQuestionnaires && assignedQuestionnaires.length < 2 ?\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionnaireScoring.propTypes = {\r\n dispatch: PropTypes.func,\r\n assignedQuestionnaires: PropTypes.array,\r\n selectedQuestionnaireId: PropTypes.string,\r\n questionnairesOrigin: PropTypes.string,\r\n exitAfterFinalQ: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n assignedQuestionnaires: state.questionnaires.assignedQuestionnaires,\r\n selectedQuestionnaireId: state.questionnaires.selectedQuestionnaireId,\r\n questionnairesOrigin: state.questionnaires.questionnairesOrigin,\r\n});\r\n\r\nexport default connect(mapStateToProps)(QuestionnaireScoring);\r\n","import React from 'react';\r\nimport QuestionnaireScoring from '../../containers/Questionnaires/QuestionnaireScoring';\r\nimport { withAuth } from '../../containers/Authenticated';\r\n\r\n\r\nclass QuestionnaireScoringPageInternal extends React.Component {\r\n render() {\r\n return { questionnaire.templateTitle }
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nNewQuestionnaireButton.propTypes = {\r\n dispatch: PropTypes.func,\r\n assignedQuestionnaireId: PropTypes.string,\r\n patientId: PropTypes.string,\r\n hideDecline: PropTypes.bool,\r\n questionnairesOrigin: PropTypes.string,\r\n completeQuestionnairePage: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patientId: state.profile.patient.patientId,\r\n questionnairesOrigin: state.questionnaires.questionnairesOrigin,\r\n completeQuestionnairePage: state.questionnaires.completeQuestionnairePage,\r\n});\r\n\r\nexport default connect(mapStateToProps)(NewQuestionnaireButton);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport moment from 'moment';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { getFormattedDateTime } from 'ecs-react-components/dist/index.es';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nimport NewQuestionnaireButton from './NewQuestionnaireButton';\r\nimport { messages } from './Questionnaires.i18n';\r\n\r\nexport class QuestionnaireCard extends React.Component {\r\n renderDate(date) {\r\n const dateClass = moment(date).isSameOrAfter(moment(), 'day') ? 'date' : 'date overdue';\r\n const buttonText = moment(date).isSameOrAfter(moment(), 'day')\r\n ? \r\n
\r\n \r\n
\r\n ) :\r\n null\r\n }\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionnaireCard.propTypes = {\r\n item: PropTypes.object,\r\n language: PropTypes.string,\r\n hideDecline: PropTypes.bool,\r\n colCssClass: PropTypes.string,\r\n};","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport moment from 'moment';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { UtilityButtonDefault as ReviewButton } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './Questionnaires.i18n';\r\nimport { questionnaireSelected }\r\n from '../../redux/modules/questionnaires/questionnaires-action-creator';\r\nimport history from '../../history';\r\n\r\nclass QuestionnaireCardHistory extends React.Component {\r\n onReviewButtonClick = () => {\r\n this.props.dispatch(questionnaireSelected(this.props.item.assignedQuestionnaireId));\r\n history.push('/review-questionnaire');\r\n };\r\n\r\n renderDateTitle() {\r\n if (this.props.item.statusDescription === 'Completed') {\r\n return messages.date.completed;\r\n }\r\n if (this.props.item.statusDescription === 'Declined') {\r\n return messages.date.declined;\r\n }\r\n if (this.props.item.statusDescription === 'Missed') {\r\n return messages.date.missed;\r\n }\r\n return '';\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\n {this.props.item.templateTitle}\r\n
\r\n {this.renderDate(this.props.item.dueDate)}\r\n
{this.props.item.templateDescription}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionnaireCardHistory.propTypes = {\r\n dispatch: PropTypes.func,\r\n item: PropTypes.object,\r\n};\r\n\r\nexport default connect()(QuestionnaireCardHistory);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport QueryString from 'query-string';\r\nimport { ZeroState, ToggleButtonGroup } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './Questionnaires.i18n';\r\nimport { loadQuestionnaires, loadHistoricalQuestionnaires }\r\n from '../../redux/modules/questionnaires/questionnaires-middleware';\r\nimport { QuestionnaireCard } from './QuestionnaireCard';\r\nimport QuestionnaireCardHistory from './QuestionnaireCardHistory';\r\nimport Header from '../../components/Header/Header';\r\nimport { setQuestionnaireFilter, questionnaireSelected }\r\n from '../../redux/modules/questionnaires/questionnaires-action-creator';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\nimport history from '../../history';\r\n\r\nclass Questionnaires extends React.Component {\r\n UNSAFE_componentWillMount() {\r\n if (this.props.passAssignedQsThrough) {\r\n return;\r\n }\r\n this.props.dispatch(\r\n callWithLoadingIndicator('Questionnaires', () => this.props.dispatch(loadQuestionnaires(this.props.patientId))))\r\n .then(\r\n () => {\r\n if (this.shouldAutoRedirect()) {\r\n this.props.dispatch(\r\n questionnaireSelected(this.props.assignedQuestionnaires[0].assignedQuestionnaireId));\r\n history.push(this.props.completeQuestionnairePage);\r\n }\r\n }\r\n );\r\n }\r\n\r\n shouldAutoRedirect = () => {\r\n const parsedQueryString = QueryString.parse(this.props.location.search);\r\n return parsedQueryString.isAutoRedirect && this.props.assignedQuestionnaires.length === 1;\r\n };\r\n\r\n handleClickEvent = (filterValue) => {\r\n if (!filterValue || filterValue.length === 0) {\r\n return;\r\n }\r\n if (filterValue === 'History') {\r\n this.props.dispatch(loadHistoricalQuestionnaires(this.props.patientId));\r\n }\r\n this.props.dispatch(\r\n setQuestionnaireFilter(\r\n filterValue\r\n ));\r\n }\r\n\r\n renderCurrentList() {\r\n if (!this.props.assignedQuestionnaires) {\r\n return null;\r\n }\r\n if (this.props.assignedQuestionnaires.length > 0) {\r\n return this.props.assignedQuestionnaires.map((questionnaire) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.props.item.statusDescription === 'Completed'\r\n ? \r\n \r\n
\r\n \r\n {this.props.item.templateTitle}\r\n
\r\n \r\n
{this.props.item.templateDescription}
\r\n\r\n {\r\n !this.props.hideHeader ?\r\n (\r\n \r\n {\r\n !this.props.hideHistory ?\r\n (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionnaires.propTypes = {\r\n dispatch: PropTypes.func,\r\n patientId: PropTypes.string,\r\n assignedQuestionnaires: PropTypes.array,\r\n historicalQuestionnaires: PropTypes.array,\r\n badgeNumber: PropTypes.number,\r\n currentSelection: PropTypes.string,\r\n location: PropTypes.object,\r\n language: PropTypes.string,\r\n hideHeader: PropTypes.bool,\r\n hideHistory: PropTypes.bool,\r\n hideDecline: PropTypes.bool,\r\n colCssClass: PropTypes.string,\r\n passAssignedQsThrough: PropTypes.bool,\r\n completeQuestionnairePage: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n patientId: state.profile.patient.patientId,\r\n assignedQuestionnaires: ownProps.assignedQuestionnaires || state.questionnaires.assignedQuestionnaires,\r\n historicalQuestionnaires: state.questionnaires.historicalQuestionnaires,\r\n badgeNumber: state.questionnaires.newQuestionnaireCount,\r\n currentSelection: ownProps.currentSelection || state.questionnaires.filter || messages.button.current.defaultMessage,\r\n language: state.language.languageCode,\r\n completeQuestionnairePage: state.questionnaires.completeQuestionnairePage,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Questionnaires);","import PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport React, { Component } from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { decode, addUrlProps, UrlQueryParamTypes } from 'react-url-query';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nimport { ZeroState } from 'ecs-react-components/dist/index.es';\r\n\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\nimport { loadQuestionnaires } from '../../redux/modules/questionnaires/questionnaires-middleware';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nimport { DedicatedWorkflowPanel } from '../../components/SystemShared/DedicatedWorkflowPanel';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { messages } from './PatientKioskQuestionnaires.i18n';\r\nimport history from '../../history';\r\nimport Questionnaires from './Questionnaires';\r\nimport CompleteQuestionnaire from './CompleteQuestionnaire';\r\n\r\nclass PatientKioskQuestionnaires extends Component {\r\n UNSAFE_componentWillMount = () => {\r\n const { dispatch } = this.props;\r\n dispatch(setIsDedicatedWorkflow(true));\r\n if (this.props.patientId) {\r\n this.props.dispatch(\r\n callWithLoadingIndicator(\r\n 'PatientKioskQuestionnaires',\r\n () => this.props.dispatch(loadQuestionnaires(this.props.patientId))\r\n )\r\n );\r\n }\r\n }\r\n\r\n renderQuestionnaires = () => {\r\n const { assignedQuestionnaires, startIfOnlyOne } = this.props;\r\n if (!assignedQuestionnaires) {\r\n return null;\r\n }\r\n if (!assignedQuestionnaires.length) {\r\n return (\r\n \r\n
\r\n ) :\r\n null\r\n }\r\n {\r\n this.props.currentSelection === 'Current' ?\r\n this.renderCurrentList() :\r\n this.renderHistoryList()\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSingleSignOnLogoutForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n language: PropTypes.object.isRequired,\r\n supportedLanguages: PropTypes.array.isRequired,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n language: state.language,\r\n supportedLanguages: state.capability.languages,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(SingleSignOnLogoutForm));","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport SingleSignOnLogoutForm from '../../containers/Login/SingleSignOnLogoutForm';\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\n\r\n\r\nclass SingleSignOnLogoutPage extends Component {\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\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\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\nSingleSignOnLogoutPage.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n token: state.token,\r\n location: ownProps.location,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SingleSignOnLogoutPage);","export const links = {\r\n home: {\r\n to: '/',\r\n id: 'patientPortal.Navigation.Home',\r\n description: 'Home',\r\n defaultMessage: 'Dashboard',\r\n piwikTitle: 'Home',\r\n },\r\n\r\n contactus: {\r\n to: '/contact-us',\r\n id: 'patientPortal.Navigation.ContactUs',\r\n description: 'Contact Us',\r\n defaultMessage: 'Contact Us',\r\n piwikTitle: 'Contact Us',\r\n },\r\n\r\n help: {\r\n to: '/help',\r\n id: 'patientPortal.Navigation.Help',\r\n description: 'Help',\r\n defaultMessage: 'Help',\r\n piwikTitle: 'Help',\r\n },\r\n\r\n login: {\r\n to: '/login',\r\n id: 'patientPortal.Navigation.LogIn',\r\n description: 'Login',\r\n defaultMessage: '{facilityShortName} - {patientPortal}',\r\n piwikTitle: 'User Login',\r\n },\r\n\r\n accountSettings: {\r\n to: '/account-settings',\r\n id: 'patientPortal.Navigation.AccountSettings',\r\n description: 'Account Settings',\r\n defaultMessage: 'Account Settings',\r\n piwikTitle: 'My Account',\r\n },\r\n\r\n dataProtection: {\r\n to: '/personal-data',\r\n id: 'patientPortal.Navigation.DataProtection',\r\n description: 'Personal Data & Privacy',\r\n defaultMessage: 'Personal Data & Privacy',\r\n piwikTitle: 'Personal Data & Privacy',\r\n },\r\n\r\n logout: {\r\n to: '/logout',\r\n id: 'patientPortal.Navigation.Logout',\r\n description: 'Log Out',\r\n defaultMessage: 'Log Out',\r\n piwikTitle: 'Log Out',\r\n },\r\n\r\n dashboard: {\r\n to: '/dashboard',\r\n id: 'patientPortal.Home.Tabs.Dashboard',\r\n description: 'Dashboard',\r\n defaultMessage: 'Dashboard',\r\n piwikTitle: 'Home',\r\n },\r\n\r\n healthSummary: {\r\n to: '/health-summary',\r\n id: 'patientPortal.Navigation.HealthSummary',\r\n description: 'Health Information',\r\n defaultMessage: 'Health Information',\r\n piwikTitle: 'My CCDA',\r\n },\r\n\r\n appointments: {\r\n to: '/appointments',\r\n id: 'patientPortal.Home.Tabs.Appointments',\r\n description: 'Appointments',\r\n defaultMessage: 'Appointments',\r\n piwikTitle: 'My Appointments',\r\n },\r\n\r\n treatmentsummary: {\r\n to: '/treatment-summary',\r\n id: 'patientPortal.Home.Tabs.TreatmentSummary',\r\n description: 'Treatment Summary',\r\n defaultMessage: 'Treatment Summary',\r\n piwikTitle: 'My Treatments',\r\n },\r\n\r\n followups: {\r\n to: '/followup-plan',\r\n id: 'patientPortal.Home.Tabs.Followups',\r\n description: 'Follow-Up Plan',\r\n defaultMessage: 'Follow-Up Plan',\r\n piwikTitle: 'My Follow-Up Plan',\r\n },\r\n\r\n education: {\r\n to: '/education-articles',\r\n id: 'patientPortal.Home.Tabs.Education',\r\n description: 'Education',\r\n defaultMessage: 'Education',\r\n piwikTitle: 'My Education',\r\n },\r\n\r\n testresults: {\r\n to: '/test-results',\r\n id: 'patientPortal.Home.Tabs.TestResults',\r\n description: 'Test Results',\r\n defaultMessage: 'Test Results',\r\n piwikTitle: 'My Test Results',\r\n },\r\n\r\n medicalnotes: {\r\n to: '/medical-notes',\r\n id: 'patientPortal.Home.Tabs.MedicalNotes',\r\n description: 'Medical Notes',\r\n defaultMessage: 'Medical Notes',\r\n piwikTitle: 'My Medical Notes',\r\n },\r\n\r\n questionnaires: {\r\n to: '/questionnaires',\r\n id: 'patientPortal.Home.Tabs.Questionnaires',\r\n description: 'Questionnaires',\r\n defaultMessage: 'Questionnaires',\r\n piwikTitle: 'My Questionnaires',\r\n },\r\n\r\n securemessages: {\r\n to: '/secure-messages',\r\n id: 'patientPortal.Home.Tabs.SecureMessages',\r\n description: 'Secure Messages',\r\n defaultMessage: 'Messages',\r\n piwikTitle: 'My Messages',\r\n },\r\n\r\n resetpassword: {\r\n to: '/reset-password',\r\n id: 'patientPortal.Navigation.ResetPassword',\r\n description: 'Reset Password',\r\n defaultMessage: 'Reset Password',\r\n piwikTitle: 'Reset Your Password',\r\n },\r\n\r\n faqs: {\r\n to: '/faqs',\r\n id: 'patientPortal.Navigation.Faqs',\r\n description: 'FAQ',\r\n defaultMessage: 'FAQ',\r\n piwikTitle: 'FAQ',\r\n },\r\n\r\n usefullinks: {\r\n to: '/useful-links',\r\n id: 'patientPortal.Navigation.UsefulLinks',\r\n description: 'Useful Links',\r\n defaultMessage: 'Useful Links',\r\n piwikTitle: 'Useful Links',\r\n },\r\n\r\n downloadableitems: {\r\n to: '/download-forms',\r\n id: 'patientPortal.Navigation.DownloadableForms',\r\n description: 'Download Forms',\r\n defaultMessage: 'Download Forms',\r\n piwikTitle: 'Download Forms',\r\n },\r\n\r\n confirmEmail: {\r\n to: '/confirm-email',\r\n id: 'patientPortal.Navigation.ConfirmEmail',\r\n description: 'Email Confirmation',\r\n defaultMessage: 'Email Confirmation',\r\n piwikTitle: 'Email Confirmation',\r\n },\r\n\r\n provideEmail: {\r\n to: '/provide-email',\r\n id: 'patientPortal.Navigation.ProvideEmail',\r\n description: 'Provide Email',\r\n defaultMessage: 'Provide Email',\r\n piwikTitle: 'Provide Email',\r\n },\r\n\r\n addContact: {\r\n to: '/add-contact',\r\n id: 'patientPortal.Navigation.AddContact',\r\n description: 'Add Contact',\r\n defaultMessage: 'Add Contact',\r\n piwikTitle: 'Contact Details',\r\n },\r\n\r\n editContact: {\r\n to: '/edit-contact',\r\n id: 'patientPortal.Navigation.EditContact',\r\n description: 'Edit Contact',\r\n defaultMessage: 'Edit Contact',\r\n piwikTitle: 'Contact Details',\r\n },\r\n\r\n inviteContactLegal: {\r\n to: '/invite-auth-statement',\r\n id: 'patientPortal.Navigation.InviteContact',\r\n description: 'Invite Contact',\r\n defaultMessage: 'Invite Contact',\r\n piwikTitle: 'Authorize My Representative',\r\n },\r\n\r\n inviteContactPin: {\r\n to: '/contact-pin',\r\n id: 'patientPortal.Navigation.InviteContactPin',\r\n description: 'Invite Contact',\r\n defaultMessage: 'Invite Contact',\r\n piwikTitle: 'Authorize My Representative',\r\n },\r\n\r\n termsOfUse: {\r\n to: '/termsofuse',\r\n id: 'patientPortal.Navigation.TermsOfUse',\r\n description: 'Terms of Use',\r\n defaultMessage: 'Terms of Use',\r\n piwikTitle: 'Terms of Use',\r\n },\r\n\r\n updatePassword: {\r\n to: '/update-password',\r\n id: 'patientPortal.Navigation.ChangePassword',\r\n description: 'Change Your Password',\r\n defaultMessage: 'Change Your Password',\r\n piwikTitle: 'Change Your Password',\r\n },\r\n signupConfirmIdentity: {\r\n to: '/sign-up',\r\n id: 'patientPortal.Navigation.SignUp',\r\n description: 'Sign Up',\r\n defaultMessage: 'Sign Up',\r\n piwikTitle: 'Sign Up',\r\n },\r\n\r\n signupArConfirmIdentity: {\r\n to: '/auth-rep-sign-up',\r\n id: 'patientPortal.Navigation.ArSignUp',\r\n description: 'Sign Up',\r\n defaultMessage: 'Sign Up',\r\n piwikTitle: 'Sign Up',\r\n },\r\n\r\n signupCreateAccount: {\r\n to: '/create-account',\r\n id: 'patientPortal.Navigation.CreateSignUp',\r\n description: 'Sign Up',\r\n defaultMessage: 'Sign Up',\r\n piwikTitle: 'Sign Up',\r\n },\r\n\r\n siteName: {\r\n id: 'patientPortal.Site.Name',\r\n description: 'Patient Portal Site Name',\r\n defaultMessage: 'Patient Portal',\r\n piwikTitle: 'Patient Portal',\r\n },\r\n\r\n ssoLogout: {\r\n to: '/ssologout',\r\n id: 'patientPortal.Navigation.SSOlogout',\r\n description: 'SSO Logout',\r\n defaultMessage: '{facilityShortName} - {patientPortal}',\r\n piwikTitle: 'SSO Logout',\r\n },\r\n\r\n singleSignOnFailed: {\r\n id: 'patientPortal.Navigation.singleSignOnFailed',\r\n description: 'Patient Portal Login Failed',\r\n defaultMessage: 'Login Failed',\r\n piwikTitle: 'Login Failed',\r\n },\r\n};\r\n","export const messages = {\r\n headerLogo: {\r\n id: 'headerLogo.Alt',\r\n defaultMessage: 'Logo for ',\r\n },\r\n navigation: {\r\n hamburgerBar: {\r\n id: 'patientPortal.Navigation.HamburgerBar',\r\n defaultMessage: '',\r\n },\r\n toggleMenu: {\r\n id: 'patientPortal.Navigation.ToggleMenu',\r\n defaultMessage: 'Toggle Navigation',\r\n },\r\n resources: {\r\n id: 'patientPortal.Navigation.Resources',\r\n defaultMessage: 'Resources',\r\n },\r\n },\r\n screenReader: {\r\n helpLink: {\r\n id: 'screenReader.HelpLink',\r\n defaultMessage: 'Help link clicking opens a new window',\r\n },\r\n contactUsLink: {\r\n id: 'screenReader.ContactUsLink',\r\n defaultMessage: 'Contact us link clicking takes you to contact us page',\r\n },\r\n },\r\n displayNameFormat: {\r\n id: 'displayNameFormat',\r\n defaultMessage: '-def- {0} {1}',\r\n },\r\n};\r\n","import * as TYPES from './types';\r\n\r\nexport const articleSelected = (articleId) => ({\r\n type: TYPES.EDUCATION_ARTICLE_SELECTED,\r\n state: {\r\n selectedArticleId: articleId,\r\n },\r\n});\r\n\r\nexport const articlesLoaded = (articles) => ({\r\n type: TYPES.ARTICLES_LOADED_SUCCESS,\r\n state: {\r\n educationArticles: articles,\r\n },\r\n});\r\n\r\nexport const articlesLoadFailure = (message) => ({\r\n type: TYPES.ARTICLES_LOADED_FAILURE,\r\n error: message,\r\n});\r\n\r\nexport const decrementReadCount = () => ({\r\n type: TYPES.DECREMENT_READ_COUNT,\r\n});\r\n\r\nexport const inlineArticleUrlLoaded = (url) => ({\r\n type: TYPES.SINGLE_ARTICLE_LOADED,\r\n state: {\r\n inPageArticleUrl: url,\r\n },\r\n});\r\n\r\nexport const unreadCounted = (unreadCount) => ({\r\n type: TYPES.UNREAD_COUNT_SUCCESS,\r\n state: {\r\n unreadArticlesCount: unreadCount,\r\n },\r\n});\r\n\r\nexport const unreadCountFailure = (message) => ({\r\n type: TYPES.UNREAD_COUNT_FAILURE,\r\n error: message,\r\n});\r\n\r\nexport const archivedCounted = (archivedCount) => ({\r\n type: TYPES.ARCHIVED_COUNT_SUCCESS,\r\n state: {\r\n archivedArticlesCount: archivedCount,\r\n },\r\n});\r\n\r\nexport const archivedCountFailure = (message) => ({\r\n type: TYPES.ARCHIVED_COUNT_FAILURE,\r\n error: message,\r\n});\r\n\r\nexport const viewPreferenceRead = (response) => ({\r\n type: TYPES.VIEW_PREFERENCE_LOADED_SUCCESS,\r\n state: {\r\n viewSelectionPreference: response,\r\n },\r\n});\r\n\r\nexport const viewPreferenceReadFailure = (message) => ({\r\n type: TYPES.VIEW_PREFERENCE_LOADED_FAILED,\r\n error: message,\r\n});\r\n\r\nexport const viewPreferenceSet = (response) => ({\r\n type: TYPES.VIEW_PREFERENCE_SAVED_SUCCESS,\r\n value: response,\r\n});\r\n\r\nexport const viewPreferenceSetFailure = (message) => ({\r\n type: TYPES.VIEW_PREFERENCE_SAVED_FAILURE,\r\n error: message,\r\n});\r\n","import axiosInstance from '../../axios-config';\r\n\r\nconst educationApi = '/api/patients/{0}/education';\r\nconst getViewPreferenceApi = '/api/users/{0}/Preferences?name={1}';\r\nconst setViewPreferenceApi = '/api/users/{0}/Preferences';\r\nconst articleContentUrl = '/api/education/articles/{0}/content?token={1}';\r\nconst articleReadUrl = '/api/education/articles/{0}/read';\r\n\r\nconst viewPreferenceName = 'EducationMaterials_EducationPreviewSetting';\r\n\r\nexport const getEducationArticles = (patientId, showArchived) => {\r\n if (showArchived !== true) {\r\n return axiosInstance.get(educationApi.replace('{0}', patientId));\r\n }\r\n\r\n return axiosInstance.get(educationApi.replace('{0}', patientId) + '?includeArchived=true');\r\n};\r\n\r\nexport const getUnreadArticleCount = (patientId) => (\r\n axiosInstance.get((educationApi + '/UnreadCount').replace('{0}', patientId))\r\n);\r\n\r\nexport const getArchivedArticleCount = (patientId) => (\r\n axiosInstance.get((educationApi + '/ArchivedCount').replace('{0}', patientId))\r\n);\r\n\r\nexport const getArticleContentUrl = (articleId, accessToken) => (\r\n axiosInstance.defaults.baseURL +\r\n articleContentUrl\r\n .replace('{0}', articleId)\r\n .replace('{1}', accessToken)\r\n);\r\n\r\nexport const setViewPreference = (userId, value) =>\r\n axiosInstance.put(setViewPreferenceApi.replace('{0}', userId), {\r\n userId,\r\n name: viewPreferenceName,\r\n value,\r\n }, {\r\n headers: { 'Content-Type': 'application/json' },\r\n })\r\n .then((response) => response.data);\r\n\r\nexport const getViewPreference = (userId) =>\r\n axiosInstance.get(getViewPreferenceApi\r\n .replace('{0}', userId)\r\n .replace('{1}', viewPreferenceName)\r\n );\r\n\r\nexport const putMarkArticleAsRead = (articleId) =>\r\n axiosInstance.put(articleReadUrl\r\n .replace('{0}', articleId)\r\n );","import * as action from './actions/creators';\r\nimport * as api from './education-api';\r\nimport * as auth from '../auth/auth-middleware';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nconst openArticleInWindow = (articleId, accessToken, newTabWindow) => (\r\n Object.assign(newTabWindow, {\r\n location: api.getArticleContentUrl(articleId, accessToken),\r\n })\r\n);\r\n\r\nexport const getArticlesAfterRead = (articleId, articles, dispatch) => {\r\n if (!articles) {\r\n return null;\r\n }\r\n\r\n // article may be new in more than one reading list so badge may\r\n // decrease by more than 1.\r\n articles.forEach((article) => {\r\n if (article.articleId === articleId) {\r\n if (!article.wasReadByPatient) {\r\n dispatch(action.decrementReadCount());\r\n }\r\n }\r\n });\r\n\r\n return articles.map((article) => {\r\n if (article.articleId === articleId) {\r\n if (!article.wasReadByPatient) {\r\n return { ...article, wasReadByPatient: new Date().getTime() };\r\n }\r\n }\r\n return article;\r\n });\r\n};\r\n\r\nconst openArticleWithAccessToken = (articleId, state, accessToken, newWin, dispatch, inline) => {\r\n if (inline) {\r\n dispatch(action.inlineArticleUrlLoaded(api.getArticleContentUrl(articleId, accessToken)));\r\n } else {\r\n openArticleInWindow(articleId, accessToken, newWin);\r\n }\r\n};\r\n\r\nexport const educationArticleRequested = (articleId, newWin, inline) => (dispatch, storeState) =>\r\n dispatch(auth.getNewAccessTokenFromForcedRefresh())\r\n .then(\r\n (accessToken) =>\r\n api.putMarkArticleAsRead(articleId).then(\r\n () => {\r\n openArticleWithAccessToken(\r\n articleId,\r\n storeState().education,\r\n accessToken,\r\n newWin,\r\n dispatch,\r\n inline);\r\n\r\n dispatch(action.articleSelected(articleId));\r\n\r\n // Calling \"getArticlesAfterRead\" update the Badge state counter\r\n // which in turn makes the shouldComponentUpdate in the HomePage return true.\r\n dispatch(action.articlesLoaded(\r\n getArticlesAfterRead(articleId, storeState().education.educationArticles, dispatch))\r\n );\r\n }\r\n ),\r\n () => null\r\n );\r\n\r\nexport const loadArticles = (patientId, showArchived) => (dispatch) =>\r\n api.getEducationArticles(patientId, showArchived)\r\n .then(\r\n (response) => dispatch(action.articlesLoaded(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage());\r\n dispatch(action.articlesLoadFailure(error.message));\r\n }\r\n );\r\n\r\nexport const unreadCount = (patientId) => (dispatch) =>\r\n api.getUnreadArticleCount(patientId)\r\n .then(\r\n (response) => dispatch(action.unreadCounted(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(action.unreadCountFailure(error.message));\r\n }\r\n );\r\n\r\nexport const archivedCount = (patientId) => (dispatch) =>\r\n api.getArchivedArticleCount(patientId)\r\n .then(\r\n (response) => dispatch(action.archivedCounted(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(action.archivedCountFailure(error.message));\r\n }\r\n );\r\n\r\nexport const loadViewPreference = () => (dispatch, getState) =>\r\n api.getViewPreference(getState().profile.user.userId)\r\n .then(\r\n (response) => dispatch(action.viewPreferenceRead(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n if (error.status !== 404) {\r\n dispatch(action.viewPreferenceReadFailure(error.message));\r\n }\r\n }\r\n );\r\nexport const putViewPreference = (value) => (dispatch, getState) =>\r\n api.setViewPreference(getState().profile.user.userId, value)\r\n .then(\r\n () => dispatch(action.viewPreferenceSet(value)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response; dispatch(action.viewPreferenceSetFailure(error.message));\r\n }\r\n );\r\n","import * as TYPES from './test-results-actiontypes';\r\n\r\nexport const testResultsLoadedSuccess = (testResults, userPreferenceDateFilter) => (\r\n {\r\n type: TYPES.TEST_RESULTS_LOADED_SUCCESS,\r\n testResults,\r\n userPreferenceDateFilter,\r\n }\r\n);\r\n\r\nexport const newTestResultsCountLoadSuccess = (notReviewedTestResultsCount) => (\r\n {\r\n type: TYPES.NEW_TEST_RESULTS_COUNT_LOADED,\r\n notReviewedTestResultsCount,\r\n }\r\n);\r\n\r\nexport const selectedTestResultChanged = (selectedTestResultIndex) => (\r\n {\r\n type: TYPES.SELECTED_TEST_RESULT_CHANGED,\r\n selectedTestResultIndex,\r\n }\r\n);\r\n\r\nexport const testResultDetailsLoadSuccess = (testResult) => (\r\n {\r\n type: TYPES.TEST_RESULT_DETAILS_LOAD_SUCCESS,\r\n testResult,\r\n }\r\n);\r\n\r\nexport const testResultGroupSorted = (testGroupId, field, sortDirection) => (\r\n {\r\n type: TYPES.TEST_RESULT_GROUP_SORTED,\r\n testResultGroupId: testGroupId,\r\n dataField: field,\r\n direction: sortDirection,\r\n }\r\n);\r\n\r\nexport const filterOptionsChanged = (filter) => ({\r\n type: TYPES.TESTRESULTS_FILTER_OPTIONS_CHANGED,\r\n filter,\r\n});\r\n\r\nexport const toggleFilterPanel = (showFilterPanel) => ({\r\n type: TYPES.TESTRESULTS_TOGGLE_FILTER_PANEL,\r\n showFilterPanel,\r\n});\r\n","import * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\nimport * as api from './test-results-api';\r\nimport * as actions from './test-results-action-creators';\r\n\r\nconst sortTestResultsByDate = (testResults) => {\r\n testResults.sort((a, b) => new Date(b.startDate) - new Date(a.startDate));\r\n};\r\n\r\nconst filterDuplicateTestResults = (testResults) => {\r\n const filtered = testResults\r\n .map((e) => e.labResultId)\r\n .map((e, i, final) => final.indexOf(e) === i && i)\r\n .filter((e) => testResults[e]).map((e) => testResults[e]);\r\n\r\n return filtered;\r\n};\r\n\r\nconst testResultsLoadSuccess = (response, state) => {\r\n const testResults = response.map((tr) => {\r\n const result = {};\r\n result.labResultId = tr.labResultId;\r\n result.startDate = tr.startDate;\r\n result.requestingPhysician = tr.requestingPhysician;\r\n result.isReviewedByPatient = tr.isReviewedByPatient;\r\n\r\n result.labResultGroups = tr.testResultGroups.map((group) => {\r\n const resultGroup = {};\r\n resultGroup.testResultGroupId = group.testResultGroupId;\r\n resultGroup.groupDisplayName = group.groupDisplayName;\r\n return resultGroup;\r\n });\r\n\r\n return result;\r\n });\r\n sortTestResultsByDate(testResults);\r\n const filteredTestResults = filterDuplicateTestResults(testResults);\r\n\r\n const userPreferenceDateFilter = state.profile.user.preferences.PatientPortal_LabResultFilter_Date;\r\n\r\n return actions.testResultsLoadedSuccess(filteredTestResults, userPreferenceDateFilter);\r\n};\r\n\r\nexport const loadNewTestResultsCount = (patientId) => (dispatch) =>\r\n api.getNewTestResultsCount(patientId).then(\r\n (response) => {\r\n dispatch(actions.newTestResultsCountLoadSuccess(response.data));\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const testResultRequestedForPrinting = (patientId, labResultId, callback) => (dispatch) =>\r\n api.getTestResultPdf(patientId, labResultId).then(\r\n (downloadedFile) => {\r\n if (callback) {\r\n callback(downloadedFile);\r\n }\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadTestResultDetails = (patientId, testResultId) => (dispatch) =>\r\n api.getTestResultDetails(patientId, testResultId).then(\r\n (response) => {\r\n dispatch(actions.testResultDetailsLoadSuccess(response.data));\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadTestResults = (patientId) => (dispatch, getState) =>\r\n api.getTestResults(patientId).then(\r\n (response) => {\r\n dispatch(testResultsLoadSuccess(response.data, getState()));\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n","import axiosInstance from '../../axios-config';\r\n\r\nconst testResultsApi = '/api/patients/{0}/labresults/published';\r\nconst newTestResultCountApi = '/api/patients/{0}/labresults/NotReviewedCount';\r\nconst testResultDetailsApi = '/api/patients/{0}/labresults/{1}';\r\nconst testResultPdfApi = '/api/patients/{0}/labresults/published/{1}/pdf';\r\n\r\n\r\nexport const getTestResults = (patientId) => (\r\n axiosInstance.get(testResultsApi.replace('{0}', patientId))\r\n);\r\n\r\nexport const getNewTestResultsCount = (patientId) => (\r\n axiosInstance.get(newTestResultCountApi.replace('{0}', patientId))\r\n);\r\n\r\nexport const getTestResultDetails = (patientId, labResultId) => (\r\n axiosInstance.get(testResultDetailsApi\r\n .replace('{0}', patientId)\r\n .replace('{1}', labResultId))\r\n);\r\n\r\nexport const getTestResultPdf = (patientId, labResultId) => (\r\n axiosInstance.post(testResultPdfApi\r\n .replace('{0}', patientId)\r\n .replace('{1}', labResultId),\r\n null,\r\n {\r\n responseType: 'arraybuffer',\r\n })\r\n);\r\n\r\nexport const getTestResultContentUrl = (patientId, labResultId) => (\r\n axiosInstance.defaults.baseURL +\r\n testResultPdfApi\r\n .replace('{0}', patientId)\r\n .replace('{1}', labResultId)\r\n);\r\n\r\n","import * as TYPES from './medical-notes-actiontypes';\r\n\r\nexport const medicalNotesLoadedSuccess = (notes, userPreferenceDateFilter) => ({\r\n type: TYPES.MEDICAL_NOTES_LOADED_SUCCESS,\r\n notes,\r\n userPreferenceDateFilter,\r\n});\r\n\r\nexport const newMedicalNotesCountLoadedSuccess = (count) => ({\r\n type: TYPES.MEDICAL_NOTES_COUNT_LOADED_SUCCESS,\r\n isNotReviewedByPatientCount: count,\r\n});\r\n\r\nexport const setMedicalNoteReviewedSuccess = (medicalNoteId) => ({\r\n type: TYPES.MEDICAL_NOTE_SET_REVIEWED_SUCCESS,\r\n selectedMedicalNoteId: medicalNoteId,\r\n});\r\n\r\nexport const selectedMedicalNoteChanged = (selectedMedicalNoteId) => (\r\n {\r\n type: TYPES.MEDICAL_NOTES_SELECTED_CHANGED,\r\n selectedMedicalNoteId,\r\n }\r\n);\r\n\r\nexport const medicalNotesFilterOptionsChanged = (filter) => ({\r\n type: TYPES.MEDICAL_NOTES_FILTER_OPTIONS_CHANGED,\r\n filter,\r\n});\r\n\r\nexport const toggleFilterPanel = (showFilterPanel) => ({\r\n type: TYPES.MEDICAL_NOTES_TOGGLE_FILTER_PANEL,\r\n showFilterPanel,\r\n});\r\n\r\nexport const setTotalNumberOfPages = (totalNumberOfPages) => ({\r\n type: TYPES.MEDICAL_NOTES_SET_TOTAL_NUMBER_OF_PAGES,\r\n totalNumberOfPages,\r\n});\r\n\r\nexport const setCurrentPageNumber = (currentPageNumber) => ({\r\n type: TYPES.MEDICAL_NOTES_SET_CURRENT_PAGE_NUMBER,\r\n currentPageNumber,\r\n});\r\n\r\nexport const setCurrentPageUrl = (currentPageUrl) => ({\r\n type: TYPES.MEDICAL_NOTES_SET_CURRENT_PAGE_URL,\r\n currentPageUrl,\r\n});","import * as api from './medical-notes-api';\r\nimport * as actions from './medical-notes-action-creator';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nconst sortMedicalNotes = (notes) =>\r\n notes.sort((a, b) => new Date(b.serviceDate) - new Date(a.serviceDate));\r\n\r\nexport const loadMedicalNotes = (patientId) => (dispatch, getState) =>\r\n api.getMedicalNotes(patientId)\r\n .then(\r\n (response) => {\r\n const userPreferenceDateFilter = getState().profile.user.preferences.PatientPortal_MedicalNotesFilter_Date;\r\n dispatch(actions.medicalNotesLoadedSuccess(sortMedicalNotes(response.data), userPreferenceDateFilter));\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const loadNewMedicalNotesCount = (patientId) => (dispatch) =>\r\n api.getNewMedicalNotesCount(patientId)\r\n .then(\r\n (response) => dispatch(actions.newMedicalNotesCountLoadedSuccess(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const setMedicalNoteAsReviewed = (patientId, medicalNoteId) => (dispatch) =>\r\n api.updateMedicalNoteAsReviewed(patientId, medicalNoteId)\r\n .then(\r\n () => dispatch(actions.setMedicalNoteReviewedSuccess(medicalNoteId)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage(error.message));\r\n }\r\n );\r\n\r\nexport const setTotalNumberOfPages = (numberOfPages) => (dispatch) =>\r\n dispatch(actions.setTotalNumberOfPages(numberOfPages));\r\n\r\nexport const setCurrentPageNumber = (pageNumber) => (dispatch) =>\r\n dispatch(actions.setCurrentPageNumber(pageNumber));\r\n\r\nexport const getMedicalNotePageUrl = (patientId, medicalNoteId, pageNumber, token) =>\r\n api.medicalNotePageUrl(patientId, medicalNoteId, pageNumber, token);\r\n\r\nexport const setMedicalNotePageUrl = (url) => (dispatch) =>\r\n dispatch(actions.setCurrentPageUrl(url));","import axiosInstance from '../../axios-config';\r\n\r\nconst getMedicalNotesUrl = '/api/patients/{0}/medicalnotes/published';\r\nconst getNewMedicalNotesCountUrl = '/api/patients/{0}/medicalnotes/notReviewedCount';\r\nconst updateMedicalNoteAsReviewedUrl = '/api/patients/{0}/medicalnotes/{1}/setasreviewed';\r\nconst getMedicalNotePageUrl = '/api/patients/{0}/medicalnotes/published/{1}/page/{2}/content?token={3}';\r\n\r\nexport const getMedicalNotes = (patientId) => axiosInstance.get(getMedicalNotesUrl.replace('{0}', patientId));\r\n\r\nexport const getNewMedicalNotesCount = (patientId) =>\r\n axiosInstance.get(getNewMedicalNotesCountUrl.replace('{0}', patientId));\r\n\r\nexport const updateMedicalNoteAsReviewed = (patientId, medicalNoteId) =>\r\n axiosInstance.post(updateMedicalNoteAsReviewedUrl.replace('{0}', patientId).replace('{1}', medicalNoteId));\r\n\r\nexport const medicalNotePageUrl = (patientId, medicalNoteId, pageNumber, token) =>\r\n axiosInstance.defaults.baseURL +\r\n getMedicalNotePageUrl\r\n .replace('{0}', patientId)\r\n .replace('{1}', medicalNoteId)\r\n .replace('{2}', pageNumber)\r\n .replace('{3}', token);","import * as action from './actions/creators';\r\nimport * as api from './treatment-summary-api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nexport const loadTreatmentSummaryItems = (patientId) => (dispatch) =>\r\n api.getPatientTreatmentSummaryItems(patientId).then(\r\n (response) => dispatch(action.treatmentSummaryItemsLoaded(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage());\r\n dispatch(action.treatmentSummaryItemsFailed(error.message));\r\n }\r\n );\r\n\r\nexport const unseenCountTreatmentSummaryItems = (patientId) => (dispatch) =>\r\n api.getCountUnseenTreatmentSummaryItems(patientId).then(\r\n (response) => dispatch(action.unseenTreatmentSummaryCountLoaded(response.data)),\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(action.unseenTreatmentSummaryCountFailed(error.message));\r\n }\r\n );\r\n","import axiosInstance from '../../axios-config';\r\n\r\nconst treatmentSummaryApi = '/api/patients/{0}/treatmentSummary';\r\nconst countUnseenTreatmentSummaryItemsApi = '/api/patients/{0}/treatmentSummary/UnseenCount';\r\n\r\nexport const getPatientTreatmentSummaryItems = (patientId) =>\r\n axiosInstance.get(treatmentSummaryApi.replace('{0}', patientId));\r\n\r\nexport const getCountUnseenTreatmentSummaryItems = (patientId) =>\r\n axiosInstance.get(countUnseenTreatmentSummaryItemsApi.replace('{0}', patientId));\r\n","import * as TYPES from './types';\r\n\r\nexport const treatmentSummaryItemsLoaded = (items) => ({\r\n type: TYPES.TREATMENT_SUMMARY_LOADED_SUCCESS,\r\n state: {\r\n treatmentSummaryItems: items,\r\n },\r\n});\r\n\r\nexport const treatmentSummaryItemsFailed = (message) => ({\r\n type: TYPES.TREATMENT_SUMMARY_LOADED_FAILED,\r\n error: message,\r\n});\r\n\r\nexport const unseenTreatmentSummaryCountLoaded = (unseenCount) => ({\r\n type: TYPES.UNSEEN_TREATMENT_SUMMARY_COUNT_SUCCESS,\r\n state: {\r\n unseenTreatmentSummaryItems: unseenCount,\r\n },\r\n});\r\n\r\nexport const unseenTreatmentSummaryCountFailed = (message) => ({\r\n type: TYPES.UNSEEN_TREATMENT_SUMMARY_COUNT_FAILED,\r\n error: message,\r\n});\r\n","import { unreadCount as unreadEducationCount } from '../../redux/modules/education/education-middleware';\r\nimport { loadNewTestResultsCount } from '../../redux/modules/test-results/test-results-middleware';\r\nimport { loadNewMedicalNotesCount } from '../../redux/modules/medical-notes/medical-notes-middleware';\r\nimport { loadNewQuestionnairesCount } from '../../redux/modules/questionnaires/questionnaires-middleware';\r\nimport { unseenCountTreatmentSummaryItems } from '../../redux/modules/treatment-summary/treatment-summary-middleware';\r\nimport { getUnreadCount } from '../../redux/modules/secure-message/secure-message-middleware';\r\n\r\nexport const mapCapabilities = (config, stateCounter, patientId, dispatch) => (\r\n config.map((capability) => {\r\n const mapped = {};\r\n mapped.id = capability.moduleName.toLowerCase();\r\n mapped.isTabItem = true;\r\n switch (mapped.id) {\r\n case 'dashboard': {\r\n mapped.route = '/dashboard';\r\n mapped.hamburgerMenuSortOrder = 0;\r\n mapped.hasHealthSummary = capability.details ?\r\n !!capability.details.find((x) => x.fieldName === 'HealthSummary') : false;\r\n mapped.tabSortOrder = 0;\r\n mapped.iconClassNames = 'dashboard fa-solid fa-gauge';\r\n break;\r\n }\r\n case 'appointments': {\r\n mapped.route = '/appointments';\r\n mapped.hamburgerMenuSortOrder = 1;\r\n mapped.tabSortOrder = 1;\r\n mapped.iconClassNames = 'appointments fa-regular fa-calendar-days';\r\n break;\r\n }\r\n case 'treatmentsummary': {\r\n mapped.route = '/treatment-summary';\r\n mapped.hamburgerMenuSortOrder = 2;\r\n mapped.tabSortOrder = 2;\r\n mapped.badgeProperties = {\r\n dispatchMethod: patientId ? () => dispatch(unseenCountTreatmentSummaryItems(patientId)) : undefined,\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n };\r\n mapped.iconClassNames = 'treatments fa-solid fa-square-plus';\r\n break;\r\n }\r\n case 'followups': {\r\n mapped.route = '/followup-plan';\r\n mapped.hamburgerMenuSortOrder = 3;\r\n mapped.tabSortOrder = 3;\r\n mapped.iconClassNames = 'follow-up-plan fa-solid fa-location-arrow';\r\n break;\r\n }\r\n case 'education': {\r\n mapped.route = '/education-articles';\r\n mapped.hamburgerMenuSortOrder = 4;\r\n mapped.tabSortOrder = 4;\r\n mapped.badgeProperties = {\r\n dispatchMethod: patientId ? () => dispatch(unreadEducationCount(patientId)) : undefined,\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n };\r\n mapped.iconClassNames = 'education fa-solid fa-graduation-cap';\r\n break;\r\n }\r\n case 'questionnaires': {\r\n mapped.route = '/questionnaires';\r\n mapped.hamburgerMenuSortOrder = 5;\r\n mapped.tabSortOrder = 5;\r\n mapped.badgeProperties = {\r\n dispatchMethod: patientId ? () => dispatch(loadNewQuestionnairesCount(patientId)) : undefined,\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n };\r\n mapped.iconClassNames = 'questionnaires fa-regular fa-clipboard';\r\n break;\r\n }\r\n case 'testresults': {\r\n mapped.route = '/test-results';\r\n mapped.hamburgerMenuSortOrder = 6;\r\n mapped.tabSortOrder = 6;\r\n mapped.badgeProperties = {\r\n dispatchMethod: patientId ? () => dispatch(loadNewTestResultsCount(patientId)) : undefined,\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n };\r\n mapped.iconClassNames = 'test-results fa-solid fa-flask';\r\n break;\r\n }\r\n case 'medicalnotes': {\r\n mapped.route = '/medical-notes';\r\n mapped.hamburgerMenuSortOrder = 7;\r\n mapped.tabSortOrder = 7;\r\n mapped.badgeProperties = {\r\n dispatchMethod: patientId ? () => dispatch(loadNewMedicalNotesCount(patientId)) : undefined,\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n };\r\n mapped.iconClassNames = 'medical-notes fa-regular fa-file-lines';\r\n break;\r\n }\r\n case 'securemessages': {\r\n mapped.route = '/secure-messages';\r\n mapped.hamburgerMenuSortOrder = 8;\r\n mapped.tabSortOrder = 8;\r\n mapped.badgeProperties = {\r\n stateCounter: stateCounter ? stateCounter[mapped.id] : undefined,\r\n dispatchMethod: patientId ?\r\n () => dispatch(getUnreadCount(patientId))\r\n : undefined,\r\n };\r\n mapped.isTabItem = false;\r\n break;\r\n }\r\n default:\r\n mapped.isTabItem = false;\r\n mapped.hamburgerMenuSortOrder = null;\r\n break;\r\n }\r\n return mapped;\r\n })\r\n);\r\n","export const findCcdaExternalSystems = (externalSystems) =>\r\n ((externalSystems && externalSystems.length) ? externalSystems.filter(\r\n (system) => {\r\n if (!system.activeTriggerEventTypes) {\r\n return false;\r\n }\r\n const eventTypes = system.activeTriggerEventTypes.filter(\r\n (eventType) => eventType.toLowerCase() === 'CcdaRequested'.toLowerCase());\r\n return eventTypes !== null && eventTypes.length > 0;\r\n }\r\n ) : null);\r\n","export const mapResourcesCapabilities = (config) => (\r\n config.map((capability) => {\r\n const mapped = {};\r\n mapped.id = capability.moduleName.toLowerCase();\r\n switch (mapped.id) {\r\n case 'faqs': {\r\n mapped.route = '/faqs';\r\n mapped.hamburgerMenuSortOrder = 1;\r\n mapped.DesktopMenuSortOrder = 2;\r\n mapped.isHamburgerMenuItem = true;\r\n mapped.isDesktopMenuItem = true;\r\n break;\r\n }\r\n case 'usefullinks': {\r\n mapped.route = '/useful-links';\r\n mapped.hamburgerMenuSortOrder = 2;\r\n mapped.DesktopMenuSortOrder = 3;\r\n mapped.isHamburgerMenuItem = true;\r\n mapped.isDesktopMenuItem = true;\r\n break;\r\n }\r\n case 'downloadableitems': {\r\n mapped.route = '/download-forms';\r\n mapped.hamburgerMenuSortOrder = 3;\r\n mapped.DesktopMenuSortOrder = 4;\r\n mapped.isHamburgerMenuItem = true;\r\n mapped.isDesktopMenuItem = true;\r\n break;\r\n }\r\n case 'contactus': {\r\n mapped.route = '/contact-us';\r\n mapped.hamburgerMenuSortOrder = 5;\r\n mapped.isHamburgerMenuItem = true;\r\n mapped.isDesktopMenuItem = false;\r\n break;\r\n }\r\n default:\r\n mapped.isHamburgerMenuItem = false;\r\n mapped.isDesktopMenuItem = false;\r\n break;\r\n }\r\n return mapped;\r\n })\r\n);\r\n","import React from 'react';\r\n\r\nclass NavSeparator extends React.Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n\r\nexport default NavSeparator;","export default __webpack_public_path__ + \"src/static/images/handtinyblack.gif\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Image } from 'react-bootstrap';\r\nimport handTiny from '../../static/images/handtinyblack.gif';\r\n\r\nclass NavItemSeparator extends React.Component {\r\n render() {\r\n return (\r\n \r\n
);\r\n }\r\n}\r\n\r\nNavItemSeparator.propTypes = {\r\n className: PropTypes.string,\r\n};\r\n\r\n\r\nexport default NavItemSeparator;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Nav, NavItem } from 'react-bootstrap';\r\nimport LinkContainer from 'react-router-bootstrap/lib/LinkContainer';\r\n\r\n\r\nexport class SecureMessageNavLink extends React.Component {\r\n render() {\r\n return \r\n
);\r\n }\r\n return (\r\n
\r\n \r\n \r\n \r\n
);\r\n }\r\n\r\n handleClick = (e) => {\r\n e.preventDefault();\r\n let route = '/';\r\n if (this.isKiosk()) {\r\n route = '/kioskQuestionnaires';\r\n }\r\n if (!this.props.isDedicatedWorkflow) {\r\n history.push(route);\r\n }\r\n }\r\n\r\n isKiosk() {\r\n let isKiosk = false;\r\n if (window.location.pathname.toLowerCase().indexOf('kiosk') > -1) {\r\n isKiosk = true;\r\n } else if (this.props.loginType &&\r\n [\r\n 'patientkioskmanagement',\r\n 'patientkioskuser',\r\n 'patientlinkuser',\r\n ].indexOf(this.props.loginType.toLowerCase()) > -1) {\r\n isKiosk = true;\r\n }\r\n return isKiosk;\r\n }\r\n\r\n renderLogo() {\r\n let navigation;\r\n if (!this.props.isDedicatedWorkflow && !this.isKiosk()) {\r\n navigation = {\r\n to: '/',\r\n };\r\n }\r\n return this.buildLogo(navigation);\r\n }\r\n\r\n renderFacilityName() {\r\n let href = '#';\r\n if (this.isKiosk()) {\r\n href = '/kioskQuestionnaires';\r\n }\r\n return (\r\n {this.props.facilityName}\r\n );\r\n }\r\n\r\n renderUnauthenticatedNavItems() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderHealthSummaryLink(isHealthSummaryEnabled, ccdaExternalSystems, className, handleToggleHamburgerMenu) {\r\n if (!isHealthSummaryEnabled) {\r\n return null;\r\n }\r\n if (ccdaExternalSystems && ccdaExternalSystems.length) {\r\n return (\r\n \r\n \r\n \r\n { isAuthenticated ?\r\n this.renderFacilityName()\r\n :\r\n this.renderLogo() }\r\n \r\n { formatMessage(messages.navigation.toggleMenu) }\r\n \r\n { formatMessage(messages.navigation.hamburgerBar) }\r\n \r\n \r\n \r\n {\r\n isAuthenticated && (isEulaAccepted || this.isKiosk()) ?\r\n this.renderAuthenticatedNavItems() :\r\n this.renderUnauthenticatedNavItems()\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\n { isAuthenticated ?\r\n this.renderFacilityName()\r\n :\r\n this.renderLogo() }\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMenu.propTypes = {\r\n facilityName: PropTypes.string,\r\n isAuthenticated: PropTypes.bool,\r\n isEulaAccepted: PropTypes.bool,\r\n capabilities: PropTypes.array,\r\n user: PropTypes.object,\r\n logo: PropTypes.string,\r\n intl: PropTypes.object,\r\n isDedicatedWorkflow: PropTypes.bool,\r\n dispatch: PropTypes.func,\r\n patient: PropTypes.object,\r\n loginType: PropTypes.string,\r\n stateCounter: PropTypes.shape({\r\n education: PropTypes.number,\r\n testresults: PropTypes.number,\r\n medicalnotes: PropTypes.number,\r\n questionnaires: PropTypes.number,\r\n treatmentsummary: PropTypes.number,\r\n securemessages: PropTypes.number,\r\n }),\r\n externalSystems: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n facilityName: state.facility.facilityName,\r\n capabilities: state.capability.capabilities,\r\n isAuthenticated: state.profile.auth.isAuthenticated,\r\n isEulaAccepted: state.profile.user.isEulaAccepted,\r\n user: state.profile.user,\r\n logo: state.facility.logo,\r\n isDedicatedWorkflow: state.workflow.isDedicatedWorkflow,\r\n patient: state.profile.patient,\r\n loginType: state.profile.auth.loginType,\r\n stateCounter: {\r\n education: state.education.unreadArticlesCount,\r\n testresults: state.testResults.notReviewedTestResultsCount,\r\n medicalnotes: state.medicalNotes.isNotReviewedByPatientCount,\r\n questionnaires: state.questionnaires.newQuestionnaireCount,\r\n treatmentsummary: state.treatmentSummary.unseenTreatmentSummaryItems,\r\n securemessages: state.secureMessage.unreadCount,\r\n },\r\n externalSystems: state.externalSystems.externalSystems,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(Menu));","export const messages = {\r\n termsOfUse: {\r\n id: 'footer.TermsOfUse',\r\n defaultMessage: 'Terms Of Use',\r\n },\r\n privacyStatement: {\r\n id: 'footer.PrivacyStatement',\r\n defaultMessage: 'Privacy Statement',\r\n },\r\n accessibilityHelp: {\r\n id: 'footer.AccessibilityHelp',\r\n defaultMessage: 'Accessibility Help',\r\n },\r\n closeModalText: {\r\n id: 'footer.CloseModalText',\r\n defaultMessage: 'Close',\r\n },\r\n screenReader: {\r\n termsOfUse: {\r\n id: 'screenReader.TermsOfUse',\r\n defaultMessage: 'Terms of use link clicking opens a new tab',\r\n },\r\n privacyStatement: {\r\n id: 'screenReader.PrivacyStatement',\r\n defaultMessage: 'Privacy statement link clicking opens a new tab',\r\n },\r\n accessibilityHelp: {\r\n id: 'screenReader.AccessibilityHelp',\r\n defaultMessage: 'Accessibility help link clicking opens a new tab',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Modal } from 'react-bootstrap';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { messages } from './MasterFooter.i18n';\r\nimport { getLocalizedStringContent, getLocalizedFacilityStringContent }\r\n from '../../redux/modules/localization/localization-middleware';\r\n\r\nclass MasterFooter extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showModal: false,\r\n modalContents: '',\r\n modalTitle: null,\r\n };\r\n }\r\n\r\n clickTermsOfUse = () => {\r\n const callback = (response) => {\r\n const title = \r\n
\r\n \r\n {this.props.copyright}\r\n
\r\n \r\n\r\n {this.state.modalTitle}\r\n
\r\n \r\n {this.renderPhoto()}\r\n
\r\n );\r\n }\r\n\r\n /* eslint jsx-a11y/img-redundant-alt:0 */\r\n renderPhoto() {\r\n if (this.props.careTeamMember.userProfileImageUrl) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
);\r\n }\r\n return null;\r\n }\r\n\r\n renderSecureMessageButton() {\r\n if (this.props.careTeamMember.preferredSecureMessageIfSystemId &&\r\n this.props.careTeamMember.secureMessageRecipientForPatient &&\r\n this.props.capabilities.some((x) => x.moduleName === 'SecureMessages')) {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n \r\n
);\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCareTeamMemberCard.propTypes = {\r\n careTeamMember: PropTypes.object.isRequired,\r\n displayPhoto: PropTypes.bool,\r\n dispatch: PropTypes.func,\r\n intl: PropTypes.object,\r\n windowSize: PropTypes.string,\r\n capabilities: PropTypes.array,\r\n};\r\n\r\nCareTeamMemberCard.defaultProps = {\r\n displayPhoto: true,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n capabilities: state.capability.capabilities,\r\n});\r\nexport default connect(mapStateToProps)(injectIntl(CareTeamMemberCard));","import axiosInstance from '../../axios-config';\r\n\r\nconst careTeamApi = '/api/patients/{0}/careTeamMembers';\r\nconst userProfileImageUrlTemplate = '/api/images/userprofileimage/{fileName}';\r\n\r\nexport const getCareTeam = (patientId) => (\r\n axiosInstance.get(careTeamApi.replace('{0}', patientId))\r\n);\r\n\r\nexport const getUserProfileImageUrl = (fileName) => (\r\n axiosInstance.defaults.baseURL.concat(userProfileImageUrlTemplate.replace('{fileName}', fileName))\r\n);\r\n","import * as TYPES from './care-team-actiontypes';\r\nimport { getCareTeam, getUserProfileImageUrl } from './care-team-api';\r\n\r\nconst careTeamMemberFields = [\r\n 'careTeamId',\r\n 'patientId',\r\n 'careProviderId',\r\n 'firstName',\r\n 'lastName',\r\n 'publicEmail',\r\n 'address1',\r\n 'address2',\r\n 'address3',\r\n 'city',\r\n 'state',\r\n 'country',\r\n 'zipCode',\r\n 'publicPhone',\r\n 'publicPhoneExt',\r\n 'fax',\r\n 'institution',\r\n 'careProviderTitleValue',\r\n 'careProviderTitle',\r\n 'suffix',\r\n 'photoFilename',\r\n 'photoThumbnailFilename',\r\n 'preferredSecureMessageIfSystemId',\r\n 'secureMessageRecipientForPatient',\r\n];\r\n\r\nexport const careTeamLoadSuccess = (response) => {\r\n const members = response.map((member) => {\r\n const stateMember = {};\r\n careTeamMemberFields.forEach((field) => {\r\n stateMember[field] = member[field];\r\n });\r\n\r\n if (member.photoThumbnailFilename) {\r\n stateMember.userProfileImageUrl = getUserProfileImageUrl(member.photoThumbnailFilename);\r\n }\r\n\r\n return stateMember;\r\n });\r\n\r\n const state = {\r\n members,\r\n };\r\n\r\n return {\r\n type: TYPES.CARE_TEAM_LOADED_SUCCESS,\r\n state,\r\n };\r\n};\r\n\r\nexport const careTeamLoadFailed = () => ({\r\n type: TYPES.CARE_TEAM_LOADED_FAILURE,\r\n});\r\n\r\nexport const loadCareTeam = (patientId) => (dispatch) =>\r\n getCareTeam(patientId)\r\n .then(\r\n (response) =>\r\n dispatch(careTeamLoadSuccess(response.data)),\r\n () => dispatch(careTeamLoadFailed())\r\n );\r\n","export const messages = {\r\n careteam: {\r\n id: 'header.CareTeam',\r\n defaultMessage: 'Care Team',\r\n },\r\n noCareteam: {\r\n id: 'careTeam.Grid.NoCareTeam',\r\n defaultMessage: 'No Care Team members are currently assigned to you.',\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Col } from 'react-bootstrap';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport CareTeamMemberCard from '../../components/Person/CareTeamMemberCard';\r\nimport { loadCareTeam } from '../../redux/modules/care-team/care-team-middleware';\r\nimport { messages } from './Careteam.i18n';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nclass Careteam extends React.Component {\r\n UNSAFE_componentWillMount() {\r\n const {\r\n patientId,\r\n } = this.props;\r\n\r\n if (patientId) {\r\n this.props.dispatch(callWithLoadingIndicator('Careteam', () => this.props.dispatch(loadCareTeam(patientId))));\r\n }\r\n }\r\n\r\n getSortedCareteam() {\r\n return this.props.careTeam.sort((x, y) => {\r\n if (x.lastName.toLowerCase() < y.lastName.toLowerCase()) return -1;\r\n if (x.lastName.toLowerCase() > y.lastName.toLowerCase()) return 1;\r\n if (x.firstName.toLowerCase() < y.firstName.toLowerCase()) return -1;\r\n if (x.firstName.toLowerCase() > y.firstName.toLowerCase()) return 1;\r\n return 0;\r\n });\r\n }\r\n\r\n renderCareTeamMember(member) {\r\n return (\r\n \r\n {this.renderContactInfoSubset()}\r\n
\r\n {this.renderSecureMessageButton()}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCareteam.propTypes = {\r\n dispatch: PropTypes.func,\r\n careTeam: PropTypes.array,\r\n windowSize: PropTypes.string,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateProps = (state) => ({\r\n patientId: state.profile.patient.patientId,\r\n careTeam: state.careTeam.members,\r\n windowSize: state.window.size,\r\n});\r\n\r\nexport default connect(mapStateProps)(Careteam);","export const messages = {\r\n contactDetails: {\r\n edit: {\r\n id: 'contactDetails.Edit',\r\n defaultMessage: 'Edit',\r\n },\r\n moreLink: {\r\n id: 'contactDetails.Link.More',\r\n defaultMessage: 'More...',\r\n },\r\n popOverTitle: {\r\n id: 'contactDetails.PopOverTitle',\r\n defaultMessage: 'Contact Details',\r\n },\r\n changeButton: {\r\n id: 'contactDetails.Button.Change',\r\n defaultMessage: 'Change',\r\n },\r\n authorizedMessage: {\r\n id: 'contactDetails.Message.Authorized',\r\n defaultMessage: 'Authorized to access my record.',\r\n },\r\n notAuthorizedMessage: {\r\n id: 'contactDetails.Message.NotAuthorized',\r\n defaultMessage: 'Not authorized to access my record.',\r\n },\r\n pendingAuthorizedMessage: {\r\n id: 'contactDetails.Message.PendingAuthorized',\r\n defaultMessage: 'Access to my record is pending.',\r\n },\r\n primaryContact: {\r\n id: 'contactDetails.PrimaryContact',\r\n defaultMessage: 'Primary Contact',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { Popover, Tooltip, OverlayTrigger } from 'react-bootstrap';\r\nimport {\r\n Address,\r\n Phone,\r\n Name,\r\n Email,\r\n getFormattedName,\r\n getFormattedCityStateZip,\r\n} from 'ecs-react-components/dist/index.es';\r\n\r\nimport { messages } from './PersonalContactCard.i18n';\r\n\r\nclass PersonalContactCard extends React.Component {\r\n getPersonName() {\r\n return {\r\n firstName: this.props.contact.contactFirstName,\r\n lastName: this.props.contact.contactLastName,\r\n suffix: this.props.contact.suffix,\r\n title: this.props.contact.relationship };\r\n }\r\n\r\n getNumberOfLines = () => {\r\n const {\r\n contact,\r\n } = this.props;\r\n\r\n let maxLengthBeforeNameWraps = 39;\r\n let maxLengthBeforeAddress1Wraps = 41;\r\n let maxLengthBeforeAddress2Wraps = 41;\r\n let maxLengthBeforeCityStateZipWraps = 44;\r\n if (this.props.windowSize === 'large') {\r\n maxLengthBeforeNameWraps = 39;\r\n maxLengthBeforeAddress1Wraps = 41;\r\n maxLengthBeforeAddress2Wraps = 41;\r\n maxLengthBeforeCityStateZipWraps = 44;\r\n } else if (this.props.windowSize === 'medium') {\r\n maxLengthBeforeNameWraps = 29;\r\n maxLengthBeforeAddress1Wraps = 30;\r\n maxLengthBeforeCityStateZipWraps = 42;\r\n } else if (this.props.windowSize === 'small') {\r\n maxLengthBeforeNameWraps = 36;\r\n maxLengthBeforeAddress2Wraps = 38;\r\n maxLengthBeforeCityStateZipWraps = 48;\r\n } else {\r\n maxLengthBeforeNameWraps = 39;\r\n maxLengthBeforeAddress1Wraps = 41;\r\n maxLengthBeforeAddress2Wraps = 41;\r\n maxLengthBeforeCityStateZipWraps = 44;\r\n }\r\n\r\n let counter = 1; // Account for name line. It will always be present.\r\n if (getFormattedName(this.getPersonName()).length > maxLengthBeforeNameWraps) {\r\n counter += 1;\r\n }\r\n if (contact.address1) {\r\n counter += 1;\r\n }\r\n if (contact.address1 && contact.address1.length > maxLengthBeforeAddress1Wraps) {\r\n counter += 1;\r\n }\r\n if (contact.address2) {\r\n counter += 1;\r\n }\r\n if (contact.address2 && contact.address2.length > maxLengthBeforeAddress2Wraps) {\r\n counter += 1;\r\n }\r\n\r\n if (contact.city || contact.state || contact.zipCode) {\r\n counter += 1;\r\n }\r\n const cityStateZipLine = getFormattedCityStateZip(contact.city, contact.state, contact.zipCode);\r\n if (cityStateZipLine.length > maxLengthBeforeCityStateZipWraps) {\r\n counter += 1;\r\n }\r\n\r\n if (contact.contactEmail) {\r\n counter += 1;\r\n }\r\n if (contact.homePhone) {\r\n counter += 1;\r\n }\r\n if (contact.workPhone) {\r\n counter += 1;\r\n }\r\n if (contact.mobilePhone) {\r\n counter += 1;\r\n }\r\n\r\n return counter;\r\n }\r\n\r\n getContactInfoOverlay = () => (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n { this.props.careTeam.length > 0 ? this.getSortedCareteam().map((member) =>\r\n (this.renderCareTeamMember(member))) :\r\n
\r\n \r\n
}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDescribedByHiddenDetail = (describedById) => (\r\n \r\n
\r\n \r\n {this.renderContactInfoFull()}\r\n
\r\n );\r\n\r\n renderContactInfoSubset = () => {\r\n const numberOfLines = this.getNumberOfLines();\r\n const { contact } = this.props;\r\n const describedById = 'describedById_' + contact.contactId;\r\n return (\r\n \r\n 12 ? null : contact.address1,\r\n address2: numberOfLines > 11 ? null : contact.address2,\r\n city: numberOfLines > 10 ? null : contact.city,\r\n state: numberOfLines > 10 ? null : contact.state,\r\n zipCode: numberOfLines > 10 ? null : contact.zipCode,\r\n }\r\n }\r\n otherProperties={{ tabIndex: 0 }}\r\n />\r\n 9 ? null : contact.homePhone }\r\n mobilePhone={ numberOfLines > 8 ? null : contact.mobilePhone }\r\n workPhone={ numberOfLines > 7 ? null : contact.workPhone }\r\n otherProperties={{ tabIndex: 0 }}\r\n />\r\n { numberOfLines > 7 ? null :
\r\n );\r\n }\r\n\r\n renderPrimaryIndicator = () => {\r\n const tooltipId = 'primary_tooltip' + this.props.contact.contactId;\r\n const tooltip = (\r\n \r\n
\r\n \r\n
);\r\n }\r\n}\r\n\r\nPersonalContactCard.propTypes = {\r\n editClick: PropTypes.func,\r\n contact: PropTypes.object,\r\n windowSize: PropTypes.string,\r\n intl: PropTypes.object,\r\n authorizeClick: PropTypes.func,\r\n isDisplayAddContact: PropTypes.bool,\r\n};\r\n\r\nexport default injectIntl(PersonalContactCard);","export const messages = {\r\n header: {\r\n id: 'personalContacts.Header',\r\n defaultMessage: 'Personal Contacts',\r\n },\r\n label: {\r\n noContacts: {\r\n id: 'personalContacts.Label.NoContacts',\r\n defaultMessage: 'You have no personal contacts.',\r\n },\r\n },\r\n edit: {\r\n id: 'personalContacts.Edit',\r\n defaultMessage: 'Edit',\r\n },\r\n addContact: {\r\n id: 'personalContacts.AddContact',\r\n defaultMessage: 'Add Contact',\r\n },\r\n screenReader: {\r\n addContactLink: {\r\n id: 'personalContacts.ScreenReader.AddContactLink',\r\n defaultMessage: 'Add Contact link clicking takes you to add contact page',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { messages } from '../PersonalContacts.i18n';\r\nimport history from '../../../history';\r\n\r\nclass AddContactButton extends React.Component {\r\n handleAddContactClick = () => {\r\n history.push('/add-contact');\r\n }\r\n\r\n render = () => {\r\n const { formatMessage } = this.props.intl;\r\n return (\r\n \r\n
\r\n \r\n
\r\n {\r\n this.props.isDisplayAddContact ? (\r\n \r\n
\r\n \r\n {this.props.isDisplayAddContact ? (\r\n )\r\n : null}\r\n {\r\n this.renderContactInfoFull()\r\n }\r\n
\r\n \r\n
) :\r\n null\r\n }\r\n {this.getAuthorizeMessage()}
\r\n \r\n \r\n {this.props.intl.formatMessage(messages.contactDetails.changeButton)}\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
);\r\n };\r\n}\r\n\r\nAddContactButton.propTypes = {\r\n dispatch: PropTypes.func,\r\n intl: PropTypes.object,\r\n};\r\n\r\nexport default connect()(injectIntl(AddContactButton));","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { CardZeroState } from 'ecs-react-components/dist/index.es';\r\nimport PersonalContactCard from '../../components/Person/PersonalContactCard';\r\nimport { messages } from './PersonalContacts.i18n';\r\nimport { loadPersonalContacts } from '../../redux/modules/personal-contacts/personal-contacts-middleware';\r\nimport AddContactButton from './Contact/AddContactButton';\r\nimport { setPersonalContactId } from '../../redux/modules/personal-contacts/personal-contacts-action-creator';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\nimport history from '../../history';\r\n\r\nclass PersonalContacts extends React.Component {\r\n UNSAFE_componentWillMount() {\r\n const {\r\n dispatch,\r\n patientId,\r\n } = this.props;\r\n\r\n if (patientId) {\r\n dispatch(\r\n callWithLoadingIndicator('PersonalContacts', () => dispatch(loadPersonalContacts(patientId))));\r\n dispatch(setPersonalContactId(null));\r\n }\r\n }\r\n\r\n handleEditContactClick = (contactId) => () => {\r\n this.props.dispatch(setPersonalContactId(contactId));\r\n history.push('/edit-contact');\r\n }\r\n\r\n sortPersonalContacts() {\r\n return this.props.personalContacts.sort((x, y) => {\r\n if (x.contactFirstName.toLowerCase() < y.contactFirstName.toLowerCase()) return -1;\r\n if (x.contactFirstName.toLowerCase() > y.contactFirstName.toLowerCase()) return 1;\r\n if (x.contactLastName.toLowerCase() < y.contactLastName.toLowerCase()) return -1;\r\n if (x.contactLastName.toLowerCase() > y.contactLastName.toLowerCase()) return 1;\r\n return 0;\r\n });\r\n }\r\n\r\n hasAddContactLink = () => {\r\n const { capabilitySetting } = this.props;\r\n const addContactLink = capabilitySetting && capabilitySetting.details ?\r\n !!capabilitySetting.details.find((x) => x.fieldName === 'AddContact') : false;\r\n return addContactLink;\r\n };\r\n\r\n renderPersonalContactCard = (contact, isDisplayAddContact, contactIndex) =>\r\n (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPersonalContacts.propTypes = {\r\n dispatch: PropTypes.func,\r\n personalContacts: PropTypes.array,\r\n capabilitySetting: PropTypes.object,\r\n windowSize: PropTypes.string,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateProps = (state) => ({\r\n personalContacts: state.personalContacts.personalContacts,\r\n windowSize: state.window.size,\r\n patientId: state.profile.patient.patientId,\r\n});\r\n\r\nexport default connect(mapStateProps)(PersonalContacts);","export const messages = {\r\n page: {\r\n header: {\r\n id: 'appointmentsCard.Page.Header',\r\n defaultMessage: 'Appointments',\r\n },\r\n requestNew: {\r\n id: 'appointmentsCard.Page.RequestNew',\r\n defaultMessage: 'Request a New Appointment',\r\n },\r\n viewMore: {\r\n id: 'appointmentsCard.Page.ViewMore',\r\n defaultMessage: 'View More',\r\n },\r\n },\r\n statements: {\r\n months: {\r\n id: 'appointmentsCard.Statements.Months',\r\n defaultMessage: '{months} Month',\r\n },\r\n years: {\r\n id: 'appointmentsCard.Statements.Years',\r\n defaultMessage: '{years} Year',\r\n },\r\n followup: {\r\n id: 'appointmentsCard.Statements.Followup',\r\n defaultMessage: ' Follow-up',\r\n },\r\n today: {\r\n id: 'appointmentsCard.Statements.Today',\r\n defaultMessage: '(today)',\r\n },\r\n tomorrow: {\r\n id: 'appointmentsCard.Statements.Tomorrow',\r\n defaultMessage: '(tomorrow)',\r\n },\r\n daysAhead: {\r\n id: 'appointmentsCard.Statements.DaysAhead',\r\n defaultMessage: '(in {days} days)',\r\n },\r\n recommended: {\r\n id: 'appointmentsCard.Statements.Recommended',\r\n defaultMessage: 'Recommended',\r\n },\r\n timezone: {\r\n id: 'appointmentsCard.Statements.Timezone',\r\n defaultMessage: 'Appointment time is shown in {facilityTimeZone} unless otherwise specified.',\r\n },\r\n noAppointments: {\r\n id: 'appointmentsCard.Statements.NoAppointments',\r\n defaultMessage: 'No appointments to display',\r\n },\r\n status: {\r\n id: 'appointmentsCard.Statements.Status',\r\n defaultMessage: 'Status',\r\n },\r\n },\r\n screenReader: {\r\n requestAppointment: {\r\n id: 'appointmentsCard.ScreenReader.RequestAppointment',\r\n defaultMessage: 'Request a New Appointment link clicking takes you to contact us page',\r\n },\r\n viewMore: {\r\n id: 'appointmentsCard.ScreenReader.ViewMore',\r\n defaultMessage: 'View More link clicking opens a {page} page',\r\n },\r\n },\r\n};\r\n","import * as TYPES from './types';\r\n\r\nexport const patientNotifyPreferenceLoaded = (patientNotifyPreference) =>\r\n ({\r\n type: TYPES.APPOINTMENTS_PATIENT_NOTIFY_PREFERENCE_LOADED,\r\n patientNotifyPreference,\r\n });\r\n\r\nexport const appointmentsFiltered = (filter) => ({\r\n type: TYPES.APPOINTMENTS_FILTERED,\r\n filter,\r\n});\r\n\r\nexport const userPreferenceLoaded = (filterPref) => ({\r\n type: TYPES.APPOINTMENTS_USER_PREFERENCE_LOADED,\r\n filter: filterPref,\r\n});\r\n\r\nexport const setSortField = (property, sortDirection) => ({\r\n type: TYPES.APPOINTMENTS_SORTED,\r\n sortOption: {\r\n field: property,\r\n direction: sortDirection,\r\n },\r\n});\r\n\r\nexport const appointmentsLoaded = (response, patientFacility) => ({\r\n type: TYPES.APPOINTMENTS_LOADED,\r\n appointments: response,\r\n facility: patientFacility,\r\n});\r\n\r\nexport const toggleFilterPanel = (showFilterPanel) => ({\r\n type: TYPES.APPOINTMENTS_TOGGLE_FILTER_PANEL,\r\n showFilterPanel,\r\n});\r\n\r\nexport const upcomingAppointmentsLoaded = (appts, patientFacility) => ({\r\n type: TYPES.UPCOMING_APPOINTMENTS_LOADED,\r\n upcomingAppointments: appts,\r\n facility: patientFacility,\r\n});\r\n\r\nexport const upcomingAppointmentsLoadFailed = () => ({\r\n type: TYPES.UPCOMING_APPOINTMENTS_LOAD_FAILED,\r\n upcomingAppointments: [],\r\n});","import * as acc from './actions/creators';\r\nimport * as api from './appointment-api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\n/*\r\n Synchronous middleware\r\n*/\r\n\r\nconst processAppointments = (response) => (dispatch, storeState) =>\r\n dispatch(acc.appointmentsLoaded(response.data, storeState().facility));\r\n\r\nexport const setSortField = (property, sortDirection) => (dispatch) =>\r\n dispatch(acc.setSortField(property, sortDirection));\r\n\r\n/*\r\n Asynchronous middleware\r\n*/\r\n\r\nexport const loadUpcomingAppointments = (patientId) => (dispatch, storeState) =>\r\n api.getUpcomingAppointments(patientId).then(\r\n (response) => {\r\n dispatch(acc.upcomingAppointmentsLoaded(response.data, storeState().facility));\r\n },\r\n () => {\r\n dispatch(acc.upcomingAppointmentsLoadFailed());\r\n });\r\n\r\nexport const patientNotifyPreferenceLoadRequired = (patientId) => (dispatch) =>\r\n api.getPatientApptNotificationSettings(patientId)\r\n .then(\r\n (response) => dispatch(acc.patientNotifyPreferenceLoaded(response.data.patientSettings)),\r\n (err) => Promise.reject(err)\r\n );\r\n\r\nexport const userPreferenceLoadRequired = () =>\r\n (dispatch, getState) =>\r\n api.getDateFilterPreference(getState().profile.user.userId)\r\n .then(\r\n (response) => dispatch(acc.userPreferenceLoaded(response.data)),\r\n (err) => Promise.reject(err)\r\n );\r\n\r\nexport const appointmentLoadRequired = (patientId) =>\r\n (dispatch) => api.getAppointments(patientId)\r\n .then(\r\n (response) => dispatch(processAppointments(response)),\r\n () => dispatch(MsgBarActions.showErrorMessage())\r\n );\r\n\r\nexport const loadAppointments = (patientId) => (dispatch) => {\r\n dispatch(patientNotifyPreferenceLoadRequired(patientId));\r\n return dispatch(userPreferenceLoadRequired())\r\n .then(\r\n () => dispatch(appointmentLoadRequired(patientId))\r\n );\r\n};\r\n","import queryString from 'querystring';\r\nimport axiosInstance from '../../axios-config';\r\n\r\nconst appointmentsApi = '/api/patients/{0}/appointments';\r\nconst getDateFilterPrefApi = '/api/users/{0}/Preferences?names={1}';\r\nconst setDateFilterPrefApi = '/api/users/{0}/Preferences';\r\nconst getPatientApptNotificationSettingsApi = 'api/patients/{0}/NotificationSettings?type=Appointments';\r\nconst upcomingAppointmentsApi = '/api/patients/{0}/upcomingAppointments/count/4';\r\n\r\nconst filterPreferenceName = 'PatientPortal_AppointmentsFilter_Date';\r\n\r\nexport const getUpcomingAppointments = (patientId) =>\r\n axiosInstance.get(upcomingAppointmentsApi\r\n .replace('{0}', patientId)\r\n );\r\n\r\nexport const getAppointments = (patientId, filter) => {\r\n let qry = queryString.stringify(filter);\r\n if (qry && qry.length > 0) {\r\n qry = '&' + qry;\r\n } else {\r\n qry = '';\r\n }\r\n\r\n return axiosInstance.get(appointmentsApi\r\n .replace('{0}', patientId)\r\n .replace('{1}', qry));\r\n};\r\n\r\nexport const setDateFilterPreference = (userId, value) =>\r\n axiosInstance.put(setDateFilterPrefApi.replace('{0}', userId), {\r\n userId,\r\n name: filterPreferenceName,\r\n value,\r\n }, {\r\n headers: { 'Content-Type': 'application/json' },\r\n })\r\n .then((response) => response.data);\r\n\r\nexport const getDateFilterPreference = (userId) =>\r\n axiosInstance.get(getDateFilterPrefApi\r\n .replace('{0}', userId)\r\n .replace('{1}', filterPreferenceName)\r\n );\r\n\r\nexport const getPatientApptNotificationSettings = (patientId) =>\r\n axiosInstance\r\n .get(getPatientApptNotificationSettingsApi.replace('{0}', patientId))\r\n .catch((axiosResponse) => {\r\n const error = axiosResponse.response;\r\n if (error.status === 404) {\r\n const data = {\r\n data: {\r\n patientSettings: {\r\n email: false,\r\n sms: false,\r\n },\r\n },\r\n };\r\n return Promise.resolve(data);\r\n }\r\n\r\n return Promise.reject(error);\r\n });\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport moment from 'moment';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { CardZeroState, getFormattedDateTime } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './AppointmentsWidget.i18n';\r\nimport history from '../../history';\r\nimport { loadUpcomingAppointments } from '../../redux/modules/appointment/appointment-middleware';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nclass AppointmentsWidget extends Component {\r\n UNSAFE_componentWillMount() {\r\n if (this.props.patient.patientId) {\r\n this.props.dispatch(\r\n callWithLoadingIndicator(\r\n 'AppointmentsWidget',\r\n () => this.props.dispatch(loadUpcomingAppointments(this.props.patient.patientId))\r\n )\r\n );\r\n }\r\n }\r\n\r\n setLinkTo(appt) {\r\n let linkTo = '';\r\n if (appt.upcomingAppointmentType === 'FollowUpAppointment') {\r\n linkTo = '/followup-plan';\r\n } else if (appt.linkedToOtherTypeCount) {\r\n linkTo = '/followup-plan';\r\n } else {\r\n linkTo = '/appointments';\r\n }\r\n return linkTo;\r\n }\r\n\r\n navigateTo = (linkTo) => () => {\r\n if (linkTo) {\r\n history.push(linkTo);\r\n }\r\n }\r\n\r\n renderAppointmentLocation = (appt) => {\r\n const markup = () => ({ __html: appt.shortLocation });\r\n return (\r\n \r\n );\r\n };\r\n\r\n renderViewMore(appt) {\r\n const linkTo = this.setLinkTo(appt);\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.props.personalContacts.length > 0 ?\r\n \r\n
\r\n
\r\n { isDisplayAddContact ? \r\n {\r\n this.sortPersonalContacts().map(\r\n (contact, contactIndex) => (\r\n this.renderPersonalContactCard(contact, isDisplayAddContact, contactIndex)))\r\n }\r\n
\r\n :\r\n \r\n { this.renderFollowUpDate(date) }\r\n
\r\n );\r\n }\r\n\r\n renderExternalAppt(appt, timeZone, daysAhead) {\r\n return (\r\n \r\n
\r\n \r\n { this.renderFollowupLabel(yearsVal, monthsVal, appt) }\r\n
\r\n \r\n { this.renderViewMore(appt) }\r\n
\r\n \r\n { this.renderAppointmentDate(appt, timeZone, daysAhead) }\r\n
\r\n );\r\n }\r\n\r\n renderDaysAhead(daysParam) {\r\n if (daysParam === 0) {\r\n return \r\n
\r\n \r\n { appt.externalAppointmentType }\r\n
\r\n { this.renderAppointmentLocation(appt) }\r\n { appt.status !== null ? this.renderAppointmentStatus(appt.status) : null }\r\n \r\n { this.renderViewMore(appt) }\r\n
\r\n \r\n {daysAhead >= 0 && daysAhead < 8 ?\r\n \r\n { this.renderDaysAhead(daysAhead) }\r\n :\r\n null}\r\n
\r\n );\r\n }\r\n\r\n renderFollowUpDate(date) {\r\n const dateParts = getFormattedDateTime(null, date, this.props.language);\r\n return (\r\n \r\n { dateParts.datePart }\r\n
\r\n );\r\n }\r\n\r\n renderAppointmentStatus(status) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderAppointmentDate(appt, timeZone, daysAhead) {\r\n const label = appt.hasTimePart && (timeZone !== appt.timeZoneAbbreviation) ?\r\n ' ' + appt.timeZoneAbbreviation :\r\n '';\r\n const dateParts = getFormattedDateTime(appt.date, appt.date, this.props.language);\r\n return (\r\n \r\n { dateParts.datePart }\r\n \r\n { dateParts.timePart } { label }\r\n\r\n { this.renderDaysAheadLabel(daysAhead) }\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { capabilitySetting, contactUs, upcomingAppointments, timeZone } = this.props;\r\n const { formatMessage } = this.props.intl;\r\n\r\n const hasRequestCapability = () => {\r\n const hasLinkCap = capabilitySetting && capabilitySetting.details ?\r\n !!capabilitySetting.details.find((x) => x.fieldName === 'RequestNewAppointment') : false;\r\n return contactUs && hasLinkCap;\r\n };\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAppointmentsWidget.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n upcomingAppointments: PropTypes.array,\r\n patient: PropTypes.object,\r\n timeZone: PropTypes.string,\r\n language: PropTypes.string,\r\n capabilitySetting: PropTypes.object,\r\n contactUs: PropTypes.object,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n upcomingAppointments: state.appointment.upcomingAppointments,\r\n patient: state.profile.patient,\r\n timeZone: state.facility.timeZoneAbbreviation,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(AppointmentsWidget));","/* eslint max-len: 0 */\r\nexport const messages = {\r\n panel: {\r\n title: {\r\n id: 'healthSummary.Panel.Title',\r\n defaultMessage: 'Health Information Summary',\r\n },\r\n introduction: {\r\n id: 'healthSummary.Panel.Introduction',\r\n defaultMessage: 'See a summary of your most recent health information. Download a copy for yourself or send it to a care provider.',\r\n },\r\n buttonText: {\r\n id: 'healthSummary.Panel.ButtonText',\r\n defaultMessage: 'View My Health Info',\r\n },\r\n },\r\n screenReader: {\r\n button: {\r\n id: 'healthSummary.ScreenReader.Button',\r\n defaultMessage: 'View My Health Info link clicking takes you to Health Summary page',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { messages } from './HealthSummaryDashboardPanel.i18n';\r\nimport history from '../../history';\r\nimport * as MsgBarActions from '../../redux/modules/system-shared/message-bar-action-creator';\r\nimport { findCcdaExternalSystems } from '../../redux/modules/health-summary/external-systems-mapper';\r\n\r\nclass HealthSummaryDashboardPanel extends React.Component {\r\n handleButtonClick = () => {\r\n const {\r\n dispatch,\r\n externalSystems,\r\n } = this.props;\r\n\r\n if (!(externalSystems && externalSystems.length)) {\r\n dispatch(MsgBarActions.showErrorMessage('ccdaNotConfiguredError'));\r\n } else {\r\n const ccdaExternalSystems = findCcdaExternalSystems(externalSystems);\r\n if (ccdaExternalSystems.length) {\r\n history.push('/health-summary');\r\n } else {\r\n dispatch(MsgBarActions.showErrorMessage('ccdaNotConfiguredError'));\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { formatMessage } = this.props.intl;\r\n\r\n return (\r\n \r\n
\r\n {\r\n upcomingAppointments.length ?\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n hasRequestCapability() ?\r\n \r\n \r\n \r\n
\r\n \r\n
:\r\n \r\n { upcomingAppointments.map((appt) => {\r\n const daysAhead = moment(appt.rawDate).startOf('day').diff(moment().startOf('day'), 'days');\r\n return (\r\n
\r\n { upcomingAppointments.some((x) => x.hasTimePart) ?\r\n \r\n \r\n {\r\n appt.upcomingAppointmentType === 'FollowUpAppointment' ?\r\n this.renderFollowup(appt, appt.date) :\r\n this.renderExternalAppt(appt, timeZone, daysAhead)\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\nHealthSummaryDashboardPanel.propTypes = {\r\n capabilities: PropTypes.array,\r\n dispatch: PropTypes.func.isRequired,\r\n externalSystems: PropTypes.array,\r\n patientId: PropTypes.string,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n capabilities: state.capability.capabilities,\r\n externalSystems: state.externalSystems.externalSystems,\r\n patientId: state.profile.patient.patientId,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(HealthSummaryDashboardPanel));","export const messages = {\r\n page: {\r\n title: {\r\n id: 'dashboard.Page.Title',\r\n defaultMessage: 'Welcome, {firstName}',\r\n },\r\n titleDescription: {\r\n id: 'dashboard.Page.Description',\r\n defaultMessage: 'You are viewing the health information for {patientFirstName} {patientLastName}.',\r\n },\r\n },\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport Careteam from '../../containers/Careteam/Careteam';\r\nimport PersonalContacts from '../../containers/PersonalContacts/PersonalContacts';\r\nimport AppointmentsWidget from '../../containers/Appointments/AppointmentsWidget';\r\nimport HealthSummaryDashboardPanel from '../../containers/HealthSummary/HealthSummaryDashboardPanel';\r\nimport { messages } from './Dashboard.i18n';\r\nimport Header from '../../components/Header/Header';\r\n\r\nclass Dashboard extends React.Component {\r\n renderTitle() {\r\n let arDescription = null;\r\n if (this.props.isAuthorizedRepresentative) {\r\n arDescription = (\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.renderTitle()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nDashboard.propTypes = {\r\n userFirstName: PropTypes.string,\r\n patientFirstName: PropTypes.string,\r\n patientLastName: PropTypes.string,\r\n isAuthorizedRepresentative: PropTypes.bool,\r\n capabilities: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n userFirstName: state.profile.user.firstName,\r\n patientFirstName: state.profile.patient.firstName,\r\n patientLastName: state.profile.patient.lastName,\r\n isAuthorizedRepresentative: state.profile.user.isAuthorizedRepresentative,\r\n capabilities: state.capability.capabilities,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(Dashboard));\r\n","import React from 'react';\r\nimport Dashboard from '../../containers/Dashboard/Dashboard';\r\n\r\nexport class DashboardPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n { appointmentField ?\r\n
\r\n { careTeamField ? \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAppointmentFilters.propTypes = {\r\n dispatch: PropTypes.func,\r\n filterOptions: PropTypes.object,\r\n filter: PropTypes.object,\r\n intl: PropTypes.object,\r\n showFilterPanel: PropTypes.bool,\r\n filteredRows: PropTypes.number,\r\n allRows: PropTypes.number,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n filterOptions: state.appointment.filterOptions,\r\n filter: state.appointment.filter,\r\n showFilterPanel: state.appointment.showFilterPanel,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(AppointmentFilters));","import React from 'react';\r\nimport {\r\n DeviceWidth,\r\n sortDates,\r\n sortAlpha,\r\n sortHtml,\r\n getFormattedDateTime,\r\n} from 'ecs-react-components/dist/index.es';\r\n\r\nconst htmlCell = (cell) => {\r\n const markup = () => ({ __html: cell });\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport const columns = (dispatch, timeZoneAbbr, msgs, language) => {\r\n const tableColumns = [\r\n {\r\n name: msgs.columns.id,\r\n dataField: 'id',\r\n hidden: true,\r\n },\r\n {\r\n name: msgs.columns.date,\r\n dataField: 'date',\r\n renderField: (cell, row) => {\r\n const dateParts = getFormattedDateTime(cell, cell, language, true);\r\n return (\r\n \r\n {\r\n formatMessage(messages.filter.appointments)\r\n }\r\n ,\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n { dateParts.datePart } { dateParts.timePart }\r\n { timeZoneAbbr !== row.timeZoneAbbreviation ? ' ' + row.timeZoneAbbreviation : '' }\r\n
\r\n );\r\n },\r\n columnTitle: true,\r\n dataSort: true,\r\n sortFunc: (a, b, direction) => sortDates('date', direction.toUpperCase(), a, b),\r\n },\r\n {\r\n name: msgs.columns.provider,\r\n dataField: 'provider',\r\n dataSort: true,\r\n sortFunc: (a, b, direction) => sortAlpha('provider', direction.toUpperCase(), a, b),\r\n },\r\n {\r\n name: msgs.columns.type,\r\n dataField: 'type',\r\n dataSort: true,\r\n sortFunc: (a, b, direction) => sortAlpha('type', direction.toUpperCase(), a, b),\r\n maxCollapsedWidth: DeviceWidth.XSmall.maxWidth,\r\n },\r\n {\r\n name: msgs.columns.location,\r\n dataField: 'location',\r\n renderField: htmlCell,\r\n dataSort: true,\r\n sortFunc: (a, b, direction) => sortHtml('location', direction.toUpperCase(), a, b),\r\n maxCollapsedWidth: DeviceWidth.XSmall.maxWidth,\r\n },\r\n {\r\n name: msgs.columns.status,\r\n dataField: 'status',\r\n dataSort: true,\r\n sortFunc: (a, b, direction) => sortAlpha('status', direction.toUpperCase(), a, b),\r\n maxCollapsedWidth: DeviceWidth.XSmall.maxWidth,\r\n },\r\n ];\r\n\r\n return tableColumns;\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Table, ZeroState, NotifPref } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './Appointments.i18n';\r\nimport { loadAppointments, setSortField } from '../../redux/modules/appointment/appointment-middleware';\r\nimport AppointmentFilters from './AppointmentFilters';\r\nimport { auditRequest } from '../../redux/modules/audit/audit-middleware';\r\nimport { columns } from './AppointmentGridConfig';\r\nimport Header from '../../components/Header/Header';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nconst APPOINTMENT_VIEW_AUDIT_TYPE = 'appointmentviewauditevent';\r\n\r\nclass Appointments extends Component {\r\n UNSAFE_componentWillMount() {\r\n if (this.props.patient.patientId) {\r\n this.props.dispatch(auditRequest(APPOINTMENT_VIEW_AUDIT_TYPE, this.props.patient.patientId));\r\n this.props.dispatch(callWithLoadingIndicator(\r\n 'Appointments', () => this.props.dispatch(loadAppointments(this.props.patient.patientId))));\r\n }\r\n }\r\n\r\n render() {\r\n const gridOptions = {\r\n dataSortField: this.props.sortOption.field,\r\n sortDirection: this.props.sortOption.direction.toUpperCase(),\r\n onSortChange: (field, direction) => {\r\n this.props.dispatch(setSortField(field, direction));\r\n },\r\n };\r\n const config = {\r\n columns: columns(\r\n this.props.dispatch,\r\n this.props.timeZone,\r\n messages,\r\n this.props.language\r\n ),\r\n };\r\n\r\n const renderedTable = () => (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nAppointments.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n appointments: PropTypes.array,\r\n sortOption: PropTypes.object,\r\n patient: PropTypes.object,\r\n timeZone: PropTypes.string,\r\n language: PropTypes.string,\r\n unfilteredCount: PropTypes.number,\r\n patientNotifyPreference: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n ]),\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n appointments: state.appointment.appointments,\r\n sortOption: state.appointment.sortOption,\r\n patient: state.profile.patient,\r\n timeZone: state.facility.timeZoneAbbreviation,\r\n language: state.language.languageCode,\r\n unfilteredCount: state.appointment.unfilteredCount,\r\n patientNotifyPreference: state.appointment.patientNotifyPreference,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Appointments);","import React from 'react';\r\nimport Appointments from '../../containers/Appointments/Appointments';\r\n\r\nexport class AppointmentsPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n this.props.unfilteredCount ?\r\n <>\r\n !x.isFiltered).length : 0 }\r\n allRows={ this.props.unfilteredCount || 0 }\r\n />\r\n {\r\n this.props.appointments &&\r\n this.props.appointments.filter((a) => !a.isFiltered).length > 0 ?\r\n renderedTable() :\r\n (\r\n \r\n
\r\n \r\n \r\n {\r\n !assignmentsPresent ?\r\n (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEducationArticles.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n intl: PropTypes.object,\r\n educationArticles: PropTypes.array,\r\n unreadEducationCount: PropTypes.number,\r\n selectedArticleId: PropTypes.string,\r\n archivedArticlesCount: PropTypes.number,\r\n viewSelectionPreference: PropTypes.object,\r\n patient: PropTypes.object,\r\n showArchived: PropTypes.bool,\r\n inPageArticleUrl: PropTypes.string,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n educationArticles: state.education.educationArticles,\r\n unreadEducationCount: state.education.unreadArticlesCount,\r\n selectedArticleId: state.education.selectedArticleId,\r\n archivedArticlesCount: state.education.archivedArticlesCount,\r\n viewSelectionPreference: state.education.viewSelectionPreference,\r\n inPageArticleUrl: state.education.inPageArticleUrl,\r\n patient: state.profile.patient,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(EducationArticles));","import React from 'react';\r\nimport EducationArticles from '../../containers/Education/EducationArticles';\r\n\r\nexport class EducationArticlesPage extends React.Component {\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 { this.previewDropdown = navDropdown; } }>\r\n \r\n {this.displayTypeText(currentDisplayType)}\r\n \r\n \r\n {\r\n viewSelectionPreferences.map((disp) =>\r\n (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.displayTypeText(disp)}\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.props.inPageArticleUrl ?\r\n :\r\n
\r\n \r\n \r\n \r\n {\r\n appointment ? taskNames.map((taskName, index) => {\r\n const apptTask = appointment.tasks.find((task) => taskName.key === task.propertyCategoryId);\r\n if (!apptTask) {\r\n return null;\r\n }\r\n const iconCss = apptTask.isAddressed ?\r\n 'icoc icoc-greencheck follow-up-check' : 'fa-regular fa-square understated fs-6';\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nFollowUpTaskNotes.propTypes = {\r\n appointment: PropTypes.object,\r\n taskNames: PropTypes.array,\r\n};\r\n\r\nexport default connect()(FollowUpTaskNotes);","import React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { DeviceWidth } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './FollowUpPlan.i18n';\r\nimport { FollowUpTaskNotes } from './FollowUpTaskNotes';\r\n\r\nconst dateCell = (cell, row, timeZoneAbbr) => (\r\n \r\n
| \r\n \r\n \r\n \r\n \r\n | \r\n\r\n { taskName.value } \r\n { apptTask.taskNote }\r\n | \r\n
\r\n \r\n { cell.datePart }\r\n {\r\n cell.timePart ? (\r\n \r\n
\r\n \r\n { '(' + cell.timePart + ')' }\r\n { timeZoneAbbr !== row.timeZoneAbbreviation ? ' ' + row.timeZoneAbbreviation : '' }\r\n \r\n \r\n )\r\n : null\r\n }\r\n
\r\n
\r\n);\r\n\r\nconst providerCell = (cell) => (\r\n \r\n \r\n { '(' + cell.timePart + ')' }\r\n { timeZoneAbbr !== row.timeZoneAbbreviation ? ' ' + row.timeZoneAbbreviation : '' }\r\n \r\n \r\n )\r\n : null\r\n }\r\n
\r\n
\r\n \r\n { cell.first }\r\n {\r\n cell.last ?\r\n \r\n
\r\n { cell.last }\r\n \r\n : null\r\n }\r\n \r\n
\r\n);\r\n\r\nconst taskStatusCell = (cell, row, key) => {\r\n const theTask = row.tasks.find((task) => task.propertyCategoryId === key);\r\n let iconCss = 'icoc icoc-greencheck follow-up-check ';\r\n if (theTask && !theTask.isAddressed) {\r\n iconCss = 'fa-regular fa-square understated fs-6';\r\n }\r\n return (\r\n \r\n { cell.last }\r\n \r\n : null\r\n }\r\n \r\n
\r\n {\r\n theTask ? (\r\n \r\n \r\n \r\n ) :\r\n \r\n
\r\n );\r\n};\r\n\r\nconst taskNotesCell = (cell, row, taskNames) => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFollowUpPlan.propTypes = {\r\n dispatch: PropTypes.func,\r\n followUpPlan: PropTypes.object,\r\n filter: PropTypes.string,\r\n patientId: PropTypes.string,\r\n timeZone: PropTypes.string,\r\n language: PropTypes.string,\r\n patientNotifyPreference: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n ]),\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n followUpPlan: state.followUp.followUpPlan,\r\n filter: state.profile.user.preferences.PatientPortal_FollowupPlanFilter_Date,\r\n patientId: state.profile.patient.patientId,\r\n timeZone: state.facility.timeZoneAbbreviation,\r\n language: state.language.languageCode,\r\n patientNotifyPreference: state.followUp.patientNotifyPreference,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps)(FollowUpPlan);","import * as action from './actions/creators';\r\nimport * as api from './api';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nexport const loadPatientNotifyPreference = (patientId) =>\r\n (dispatch) => api.getPatientFollowUpPlanNotifSettings(patientId)\r\n .then(\r\n (response) => {\r\n dispatch(action.patientNotifyPreferenceLoaded(response.data.patientSettings));\r\n },\r\n (err) => Promise.reject(err)\r\n );\r\n\r\nexport const loadFollowUpPlan = (patientId, showArchived) => (dispatch) =>\r\n api.getFollowUpPlans(patientId, showArchived).then(\r\n (response) => {\r\n dispatch(action.plansLoaded(\r\n response.data && response.data.length > 0 ? response.data[0] : {}\r\n ));\r\n },\r\n (axiosResponse) => {\r\n const error = axiosResponse.response;\r\n dispatch(MsgBarActions.showErrorMessage());\r\n dispatch(action.plansLoadFailed(error.message));\r\n }\r\n );\r\n","import * as TYPES from './types';\r\n\r\nexport const plansLoaded = (plan) => ({\r\n type: TYPES.FOLLOWUP_PLAN_LOAD_SUCCESS,\r\n state: {\r\n followUpPlan: plan,\r\n },\r\n});\r\n\r\nexport const plansLoadFailed = (message) => ({\r\n type: TYPES.FOLLOWUP_PLAN_LOAD_FAILURE,\r\n error: message,\r\n});\r\n\r\nexport const patientNotifyPreferenceLoaded = (patientNotifyPreference) =>\r\n ({\r\n type: TYPES.FOLLOWUP_PATIENT_NOTIFY_PREFERENCE_LOADED,\r\n patientNotifyPreference,\r\n });\r\n","import moment from 'moment';\r\nimport { formati18nDate, getFormattedDateTime } from 'ecs-react-components/dist/index.es';\r\n\r\nconst filterNaAppointments = (appts, taskNames) =>\r\n appts.filter((appt) => {\r\n if (!appt.tasks || !appt.tasks.length) {\r\n return false;\r\n }\r\n if (taskNames && taskNames.length) {\r\n const valuableTasks = taskNames.filter((taskName) =>\r\n appt.tasks.find((task) => task.propertyCategoryId === taskName.key));\r\n return valuableTasks.length;\r\n }\r\n return false;\r\n });\r\n\r\nconst mapAppointments = (appointments, taskNames, language, nowDate) => {\r\n if (!appointments || appointments.length < 1) {\r\n return [];\r\n }\r\n const meaningfulAppts = filterNaAppointments(appointments, taskNames);\r\n return meaningfulAppts.map((appt) => {\r\n const mapped = { ...appt };\r\n const nowMoment = nowDate ? moment(nowDate) : moment();\r\n const apptDate = appt.actualDate || appt.targetDate;\r\n\r\n if (mapped.statusDesc === 'Completed') {\r\n mapped.dateStatus = 'completed';\r\n } else if (mapped.statusDesc === 'Missed') {\r\n mapped.dateStatus = 'missed';\r\n } else if (nowMoment.isAfter(apptDate)) {\r\n mapped.dateStatus = 'overdue';\r\n mapped.flag = true;\r\n } else {\r\n mapped.dateStatus = appt.actualDate ? 'scheduled' : 'recommended';\r\n }\r\n\r\n mapped.displayDate = getFormattedDateTime(appt.actualDate, appt.targetDate, language);\r\n\r\n mapped.isUpcoming = mapped.statusDesc === 'Pending' && mapped.dateStatus !== 'overdue';\r\n\r\n if (appt.provider) {\r\n const nameParts = appt.provider.split(',');\r\n mapped.provider = {\r\n first: (nameParts.length > 1 ? nameParts[1].trim() + ' ' : ''),\r\n last: (nameParts.length > 0 ? nameParts[0] : ''),\r\n };\r\n }\r\n return mapped;\r\n });\r\n};\r\n\r\nconst mapTemplates = (config, language) => {\r\n if (!config || config.length < 1) {\r\n return [];\r\n }\r\n return config.map((template) => {\r\n const mapped = { ...template };\r\n // ie. ll - Dec 25, 2016\r\n mapped.displayEffectiveDate = formati18nDate(template.effectiveDate, language, 'll');\r\n return mapped;\r\n });\r\n};\r\n\r\nexport const mapFollowUpPlan = (config, language, nowDate) => {\r\n if (!config) {\r\n return null;\r\n }\r\n const mapped = { ...config, displayStartDate: formati18nDate(config.startDate, language, 'll') };\r\n mapped.appointments = mapAppointments(config.appointments, config.taskNames, language, nowDate);\r\n mapped.templates = mapTemplates(config.templates, language);\r\n return mapped;\r\n};\r\n","import React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './FollowUpPlan.i18n';\r\n\r\nexport const configPlanDetails = (followUpPlan) => {\r\n const { templates, displayStartDate, memoToPatient } = followUpPlan;\r\n\r\n const instructions = !memoToPatient ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n appointments.length > 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 const planDetails = ({\r\n popoverTitle: (- \r\n {\r\n templates.map((template, index) =>\r\n (\r\n
- \r\n
\r\n \r\n ))\r\n }\r\n
\r\n
),\r\n });\r\n\r\n return planDetails;\r\n};\r\n\r\n\r\nexport const configFilter = (filter) => ({\r\n value: filter || 'All',\r\n id: 'date-filter-input-group',\r\n filterConfig: [\r\n {\r\n filterTitle: \r\n
\r\n {this.props.testResultDetails[0].testValue}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let isNonStructuredTestResult = false;\r\n if (this.props.testResultDetails && this.props.testResultDetails.length === 1) {\r\n if (this.props.testResultDetails[0].testValue.length > STRUCTURED_CHAR_LIMIT) {\r\n isNonStructuredTestResult = true;\r\n }\r\n }\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nTestResultDetails.propTypes = {\r\n groupDisplayName: PropTypes.string,\r\n testResultDetails: PropTypes.array,\r\n};\r\n\r\nexport default TestResultDetails;","import { messages } from './TestResults.i18n';\r\n\r\nexport const dateButtonGroupConfig = (props, formatMessage) => ({\r\n defaultValue: 'Last 9 months',\r\n value: (props.filter) ? (props.filter.date || 'Last 9 months') : 'Last 9 months',\r\n id: 'date-filter-input-group',\r\n filterConfig: [\r\n {\r\n filterTitle: formatMessage(messages.filter.allDates),\r\n filterValue: 'All',\r\n },\r\n {\r\n filterTitle: formatMessage(messages.filter.last3months),\r\n filterValue: 'Last 3 months',\r\n },\r\n {\r\n filterTitle: formatMessage(messages.filter.last6months),\r\n filterValue: 'Last 6 months',\r\n },\r\n {\r\n filterTitle: formatMessage(messages.filter.last9months),\r\n filterValue: 'Last 9 months',\r\n },\r\n ],\r\n xsSize: 12,\r\n smSize: 12,\r\n mdSize: 6,\r\n});\r\n\r\nconst setupFilterDropdown = (firstOptionText, filterValue, filterOptions, attribute, className) => {\r\n // filterOptions parameter expects an array of stirngs.\r\n const options = filterOptions.map((optionText) =>\r\n ({\r\n optionText,\r\n optionValue: {\r\n [attribute]: optionText,\r\n },\r\n })\r\n );\r\n\r\n const defaultOptionValue = {\r\n [attribute]: '',\r\n };\r\n\r\n // insert as first item\r\n options.unshift(\r\n {\r\n optionText: firstOptionText,\r\n optionValue: defaultOptionValue,\r\n }\r\n );\r\n\r\n // Display filter value if present otherwise display text of the first option item.\r\n const selectedOptionValue = (filterValue ?\r\n {\r\n [attribute]: filterValue,\r\n } :\r\n defaultOptionValue);\r\n\r\n return {\r\n defaultOptionValue,\r\n value: selectedOptionValue,\r\n options,\r\n className,\r\n };\r\n};\r\n\r\nexport const providerDropdownConfig = (props, formatMessage) => setupFilterDropdown(\r\n formatMessage(messages.filter.allCareProviders),\r\n (props.filter && props.filter.orderedBy) ? props.filter.orderedBy : '',\r\n props.filterOptions.orderedByList,\r\n 'orderedBy',\r\n 'leftJustified'\r\n);\r\n\r\nexport const typeDropdownConfig = (props, formatMessage) => setupFilterDropdown(\r\n formatMessage(messages.filter.allProcedures),\r\n (props.filter && props.filter.testProcedure) ? props.filter.testProcedure : '',\r\n props.filterOptions.testProcedureList,\r\n 'testProcedure',\r\n 'leftJustified'\r\n);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport CollapseButton from '../../components/Filter/CollapseButton';\r\nimport FilterPanel from '../../components/Filter/FilterPanel';\r\nimport { messages } from '../Filter/Filter.i18n';\r\nimport { toggleFilterPanel, filterOptionsChanged } from '../../redux/modules/test-results/test-results-action-creators';\r\nimport { getDefaultFilter } from '../../redux/modules/test-results/test-results-reducer';\r\nimport { messages as testResultMessages } from './TestResults.i18n';\r\nimport { dateButtonGroupConfig,\r\n providerDropdownConfig,\r\n typeDropdownConfig,\r\n}\r\n from '../../containers/TestResults/FilterConfig';\r\n\r\nclass TestResultsFilters extends Component {\r\n constructor() {\r\n super();\r\n this.handleCollapseEventBound = this.handleCollapseEvent.bind(this);\r\n }\r\n\r\n handleCollapseEvent() {\r\n this.props.dispatch(toggleFilterPanel(!this.props.showFilterPanel));\r\n }\r\n\r\n render() {\r\n const { formatMessage } = this.props.intl;\r\n const filterValues = [\r\n {\r\n id: 'type-filter',\r\n ref: 'testProcedurefilter',\r\n list: typeDropdownConfig(this.props, formatMessage),\r\n label: testResultMessages.filter.testProcedure,\r\n xsSize: 12,\r\n smSize: 6,\r\n mdSize: 3,\r\n },\r\n {\r\n id: 'order-by-filter',\r\n ref: 'orderbyfilter',\r\n list: providerDropdownConfig(this.props, formatMessage),\r\n label: testResultMessages.filter.orderedBy,\r\n xsSize: 12,\r\n smSize: 6,\r\n mdSize: 3,\r\n },\r\n ];\r\n const dateValues = dateButtonGroupConfig(this.props, formatMessage);\r\n\r\n // Show empty space if the store does not have any initial state values.\r\n if (!this.props.filterOptions) {\r\n return null;\r\n }\r\n\r\n let messageElement = null;\r\n if (this.props.filter.date !== 'All' ||\r\n this.props.filter.testProcedure.length !== 0 ||\r\n this.props.filter.orderedBy.length !== 0) {\r\n messageElement = ({this.props.groupDisplayName}
\r\n {isNonStructuredTestResult ? this.renderNonStructuredTestResult() : this.renderStructuredTestResult()}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nTestResultsFilters.propTypes = {\r\n dispatch: PropTypes.func,\r\n filterOptions: PropTypes.object,\r\n filter: PropTypes.object,\r\n intl: PropTypes.object,\r\n showFilterPanel: PropTypes.bool,\r\n filteredRows: PropTypes.number,\r\n allRows: PropTypes.number,\r\n allResults: PropTypes.array,\r\n defaultDateFilterValue: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n filterOptions: state.testResults.filterOptions,\r\n filter: state.testResults.filter,\r\n showFilterPanel: state.testResults.showFilterPanel,\r\n defaultDateFilterValue: state.profile.user.preferences.PatientPortal_LabResultFilter_Date,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(TestResultsFilters));","import { getFormattedDateTime } from 'ecs-react-components/dist/index.es';\r\n\r\nexport const generateListItems = (testResults, language) => {\r\n let listItems = testResults.filter((value) => !value.isFiltered);\r\n listItems = listItems.map((testResult) => {\r\n const dateParts = getFormattedDateTime(testResult.startDate, testResult.startDate, language);\r\n const startDate = dateParts.datePart;\r\n let heading = '';\r\n testResult.labResultGroups.forEach((group, index, groups) => {\r\n heading += group.groupDisplayName;\r\n heading += (index === groups.length - 1) ? '' : ', ';\r\n });\r\n return {\r\n heading,\r\n displayBadge: !testResult.isReviewedByPatient,\r\n key: testResult.labResultId,\r\n itemId: testResult.labResultId,\r\n subText: testResult.requestingPhysician ?\r\n testResult.requestingPhysician + ', ' + startDate : startDate,\r\n };\r\n });\r\n return listItems;\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport {\r\n ListPanel,\r\n DescriptionBox,\r\n ZeroState,\r\n getFormattedDateTime,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport {\r\n loadTestResults,\r\n loadTestResultDetails,\r\n loadNewTestResultsCount,\r\n testResultRequestedForPrinting,\r\n} from '../../redux/modules/test-results/test-results-middleware';\r\nimport * as actions from '../../redux/modules/test-results/test-results-action-creators';\r\nimport { TestResultDetails } from './TestResultDetails';\r\nimport { messages } from './TestResults.i18n';\r\nimport TestResultsFilters from './TestResultsFilters';\r\nimport Header from '../../components/Header/Header';\r\nimport { generateListItems } from './ListItemsConfig';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\n\r\nclass TestResults extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.listItems = [];\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.listItems = generateListItems(this.props.testResults, this.props.language);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n this.listItems = generateListItems(nextProps.testResults, this.props.language);\r\n }\r\n\r\n componentDidUpdate() {\r\n const viewPane = this.viewPane;\r\n if (viewPane) {\r\n viewPane.scrollTop = 0;\r\n }\r\n }\r\n\r\n getDescriptionBoxContent() {\r\n const {\r\n language,\r\n testResult: {\r\n startDate,\r\n requestingPhysician,\r\n labName,\r\n noteToPatient,\r\n },\r\n } = this.props;\r\n const dateParts = getFormattedDateTime(startDate, startDate, language);\r\n return (\r\n \r\n { messageElement }\r\n
\r\n \r\n
\r\n {\r\n noteToPatient ?\r\n
);\r\n }\r\n\r\n pdfLoadCallback = (downloadedFile) => {\r\n // convert downloaded data to a Blob\r\n const blob = new Blob([downloadedFile.data], { type: 'application/pdf' });\r\n\r\n // IE doesn't allow using a blob object directly as link href\r\n // instead it is necessary to use msSaveOrOpenBlob\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n window.navigator.msSaveOrOpenBlob(blob, 'TestResults.pdf');\r\n return;\r\n }\r\n\r\n const newWin = window.open('about:blank', '_blank');\r\n\r\n // create an object URL from the Blob\r\n const URL = window.URL || window.webkitURL;\r\n const downloadUrl = URL.createObjectURL(blob);\r\n\r\n newWin.location.replace(downloadUrl);\r\n\r\n // cleanup: remove element and revoke object URL\r\n const waitUntilCloses = setInterval(() => {\r\n if (newWin.closed) {\r\n URL.revokeObjectURL(downloadUrl);\r\n clearInterval(waitUntilCloses);\r\n }\r\n }, 1000);\r\n }\r\n\r\n printHandler = () => {\r\n const { patientId, testResult } = this.props;\r\n this.props.dispatch(\r\n testResultRequestedForPrinting(patientId, testResult.labResultId, this.pdfLoadCallback)\r\n );\r\n }\r\n\r\n handleListItemClick = (index) => {\r\n this.props.dispatch(actions.selectedTestResultChanged(this.listItems[index].itemId));\r\n\r\n this.props.dispatch(loadTestResultDetails(this.props.patientId, this.listItems[index].itemId)).then(() => {\r\n // Make this call so that the 'isNew' badge is updated.\r\n this.props.dispatch(loadTestResults(this.props.patientId));\r\n // Make this call so the total number of 'New' test results is updated.\r\n this.props.dispatch(loadNewTestResultsCount(this.props.patientId));\r\n });\r\n }\r\n\r\n renderTestResultDetails(labResultGroups) {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {\r\n noteToPatient ?\r\n
\r\n
\r\n {\r\n labResultGroups.length > 0 ?\r\n this.renderTestResultDetails(labResultGroups) :\r\n this.renderZeroStateMessagesContent()\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderHeaderPane() {\r\n const { badgeNumber } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTestResults.propTypes = {\r\n dispatch: PropTypes.func,\r\n patientId: PropTypes.string,\r\n testResults: PropTypes.array,\r\n testResult: PropTypes.object,\r\n badgeNumber: PropTypes.number,\r\n selectedTestResultIndex: PropTypes.string,\r\n labResultGroups: PropTypes.array,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patientId: state.profile.patient.patientId,\r\n testResults: state.testResults.results,\r\n testResult: state.testResults.selectedTestResult,\r\n labResultGroups: state.testResults.selectedTestResult.labResultGroups,\r\n badgeNumber: state.testResults.notReviewedTestResultsCount,\r\n selectedTestResultIndex: state.testResults.selectedTestResultIndex,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TestResults);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport {\r\n BackButton,\r\n ListPanel,\r\n DescriptionBox,\r\n ZeroState,\r\n getFormattedDateTime,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport {\r\n loadTestResults,\r\n loadTestResultDetails,\r\n} from '../../redux/modules/test-results/test-results-middleware';\r\nimport * as actions from '../../redux/modules/test-results/test-results-action-creators';\r\nimport { messages } from './TestResults.i18n';\r\nimport { TestResultDetails } from './TestResultDetails';\r\nimport TestResultsFilters from './TestResultsFilters';\r\nimport { generateListItems } from './ListItemsConfig';\r\nimport Header from '../../components/Header/Header';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\n\r\nclass TestResultsCompact extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.listItems = [];\r\n this.state = {\r\n isListView: true,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.listItems = generateListItems(this.props.testResults, this.props.language);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n this.listItems = generateListItems(nextProps.testResults, this.props.language);\r\n }\r\n\r\n getDescriptionBoxContent() {\r\n const {\r\n language,\r\n testResult: {\r\n startDate,\r\n requestingPhysician,\r\n labName,\r\n noteToPatient,\r\n },\r\n } = this.props;\r\n const dateParts = getFormattedDateTime(startDate, startDate, language);\r\n return (\r\n \r\n { this.renderHeaderPane() }\r\n !value.isFiltered).length :\r\n 0\r\n }\r\n allRows={ this.props.testResults.length || 0 }\r\n />\r\n \r\n \r\n
\r\n \r\n { this.renderLeftContentPane() }\r\n {\r\n this.listItems && this.listItems.length > 0 ?\r\n this.renderMainContentPane() :\r\n null\r\n }\r\n
\r\n \r\n
\r\n {\r\n this.props.testResult.noteToPatient ?\r\n
);\r\n }\r\n\r\n handleListItemClick = (activeIndex) => {\r\n this.props.dispatch(actions.selectedTestResultChanged(activeIndex));\r\n\r\n this.props.dispatch(loadTestResultDetails(this.props.patientId, this.listItems[activeIndex].itemId)).then(() => {\r\n // Make this call so that the 'isNew' badge is updated.\r\n this.props.dispatch(loadTestResults(this.props.patientId));\r\n\r\n if (this.state.isListView) {\r\n this.state.isListView = false;\r\n }\r\n });\r\n }\r\n\r\n handleBackButtonClick = () => {\r\n this.setState({ isListView: true });\r\n }\r\n\r\n\r\n renderZeroStateContainer() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {\r\n this.props.testResult.noteToPatient ?\r\n
\r\n
\r\n
\r\n );\r\n }\r\n\r\n renderListView() {\r\n return (\r\n \r\n !value.isFiltered).length : 0}\r\n allRows={this.props.testResults.length || 0}\r\n />\r\n \r\n { this.listItems.length > 0 ? this.renderTestResultsList() : this.renderZeroStateContainer() }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDetailsView() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.isListView ? this.renderListView() : this.renderDetailsView()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nTestResultsCompact.propTypes = {\r\n dispatch: PropTypes.func,\r\n patientId: PropTypes.string,\r\n testResults: PropTypes.array,\r\n testResult: PropTypes.object,\r\n badgeNumber: PropTypes.number,\r\n activeIndex: PropTypes.string,\r\n labResultGroups: PropTypes.array,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patientId: state.profile.patient.patientId,\r\n testResults: state.testResults.results,\r\n testResult: state.testResults.selectedTestResult,\r\n labResultGroups: state.testResults.selectedTestResult.labResultGroups,\r\n badgeNumber: state.testResults.notReviewedTestResultsCount,\r\n activeIndex: state.testResults.selectedTestResultIndex,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TestResultsCompact);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { DeviceWidth } from 'ecs-react-components/dist/index.es';\r\nimport TestResults from '../../containers/TestResults/TestResults';\r\nimport TestResultsCompact from '../../containers/TestResults/TestResultsCompact';\r\nimport { loadTestResults } from '../../redux/modules/test-results/test-results-middleware';\r\nimport { auditRequest } from '../../redux/modules/audit/audit-middleware';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nconst TEST_RESULTS_VIEW_AUDIT_TYPE = 'testresultsviewauditevent';\r\n\r\nclass TestResultsPage extends React.Component {\r\n componentDidMount() {\r\n this.props.dispatch(callWithLoadingIndicator(\r\n 'TestResults',\r\n () => this.props.dispatch(loadTestResults(this.props.patientId)))\r\n );\r\n this.props.dispatch(auditRequest(TEST_RESULTS_VIEW_AUDIT_TYPE, this.props.patientId));\r\n }\r\n\r\n getTestResultsComponentBySize() {\r\n const compactView = this.props.windowSize === DeviceWidth.Small.name\r\n || this.props.windowSize === DeviceWidth.XSmall.name;\r\n\r\n if (compactView) {\r\n return \r\n
\r\n );\r\n }\r\n}\r\n\r\nMedicalNotesFilters.propTypes = {\r\n dispatch: PropTypes.func,\r\n filter: PropTypes.object,\r\n intl: PropTypes.object,\r\n showFilterPanel: PropTypes.bool,\r\n filteredRows: PropTypes.number,\r\n allRows: PropTypes.number,\r\n allResults: PropTypes.array,\r\n filterDocuments: PropTypes.array,\r\n filterAuthors: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n filter: state.medicalNotes.filter,\r\n showFilterPanel: state.medicalNotes.showFilterPanel,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(MedicalNotesFilters));","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport {\r\n ListPanel,\r\n DeviceWidth,\r\n BackButton,\r\n ZeroState,\r\n getFormattedDateTime,\r\n Paginator,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './MedicalNotes.i18n';\r\nimport {\r\n loadMedicalNotes,\r\n loadNewMedicalNotesCount,\r\n setMedicalNoteAsReviewed,\r\n setTotalNumberOfPages,\r\n setCurrentPageNumber,\r\n getMedicalNotePageUrl,\r\n setMedicalNotePageUrl,\r\n} from '../../redux/modules/medical-notes/medical-notes-middleware';\r\nimport { auditRequest } from '../../redux/modules/audit/audit-middleware';\r\nimport MedicalNotesFilters from './MedicalNotesFilters';\r\nimport Header from '../../components/Header/Header';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\nimport * as actions from '../../redux/modules/medical-notes/medical-notes-action-creator';\r\n\r\nconst MEDICALNOTES_VIEW_AUDIT_TYPE = 'medicalnotesviewauditevent';\r\nconst MEDICALNOTES_VIEW_DETAIL_AUDIT_TYPE = 'medicalnotesviewdetailauditevent';\r\n\r\nclass MedicalNotes extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.listItems = [];\r\n this.state = {\r\n isRenderingListView: true,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.dispatch(callWithLoadingIndicator(\r\n 'MedicalNotes',\r\n () => this.props.dispatch(loadMedicalNotes(this.props.patientId)))\r\n )\r\n .then(() => this.generateListItemsFromMedicalNotes());\r\n\r\n this.props.dispatch(loadNewMedicalNotesCount(this.props.patientId));\r\n this.props.dispatch(auditRequest(MEDICALNOTES_VIEW_AUDIT_TYPE, this.props.patientId));\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n this.generateListItemsFromMedicalNotes(nextProps.medicalNotes.notes);\r\n }\r\n\r\n onPageChange = (pageNumber) => {\r\n this.props.dispatch(setCurrentPageNumber(pageNumber));\r\n const { patientId, selectedMedicalNoteId, token } = this.props;\r\n this.props.dispatch(setMedicalNotePageUrl(\r\n getMedicalNotePageUrl(patientId, selectedMedicalNoteId, pageNumber, token)\r\n ));\r\n }\r\n\r\n getSelectedMedicalNote = () =>\r\n this.props.medicalNotes.notes\r\n .find((x) => x.ptMedicalNoteId === this.props.selectedMedicalNoteId)\r\n\r\n generateListItemsFromMedicalNotes(notes = this.props.medicalNotes.notes) {\r\n this.listItems = notes.filter((value) => !value.isFiltered);\r\n this.listItems = this.listItems.map((note) => {\r\n const dateParts = getFormattedDateTime(note.serviceDate, note.serviceDate, this.props.language);\r\n const serviceDate = dateParts.datePart;\r\n return {\r\n heading: note.documentType,\r\n displayBadge: !note.isReviewedByPatient,\r\n key: note.ptMedicalNoteId,\r\n itemId: note.ptMedicalNoteId,\r\n subText: note.authoredBy ?\r\n note.authoredBy + ', ' + serviceDate : serviceDate,\r\n isSelected: note.ptMedicalNoteId === this.props.selectedMedicalNoteId,\r\n };\r\n });\r\n }\r\n\r\n handleListItemClick = (activeIndex) => {\r\n this.props.dispatch(actions.selectedMedicalNoteChanged(this.listItems[activeIndex].itemId));\r\n this.props.dispatch(setMedicalNoteAsReviewed(this.props.patientId, this.listItems[activeIndex].itemId))\r\n .then(() => this.props.dispatch(setTotalNumberOfPages(this.getSelectedMedicalNote().pages.length)))\r\n .then(() => this.props.dispatch(setCurrentPageNumber(1)))\r\n .then(() => {\r\n const medicalNote = this.getSelectedMedicalNote();\r\n const params = {\r\n patientId: medicalNote.patientId,\r\n ptMedicalNoteId: medicalNote.ptMedicalNoteId,\r\n serviceDate: medicalNote.serviceDate,\r\n documentType: medicalNote.documentType,\r\n };\r\n this.props.dispatch(auditRequest(MEDICALNOTES_VIEW_DETAIL_AUDIT_TYPE, this.props.patientId, params));\r\n })\r\n .then(() => {\r\n const { patientId, selectedMedicalNoteId, currentPageNumber, token } = this.props;\r\n const medicalNotePageUrl = getMedicalNotePageUrl(patientId, selectedMedicalNoteId, currentPageNumber, token);\r\n this.props.dispatch(setMedicalNotePageUrl(medicalNotePageUrl));\r\n\r\n if (this.isMobileDevice()) {\r\n window.location.assign(medicalNotePageUrl);\r\n }\r\n });\r\n\r\n if (this.isRenderingCompactListView()) {\r\n this.state.isRenderingListView = false;\r\n } else {\r\n this.props.dispatch(loadNewMedicalNotesCount(this.props.patientId));\r\n }\r\n }\r\n\r\n handleBackButtonClick = () => {\r\n this.setState({ isRenderingListView: true });\r\n }\r\n\r\n isMobileDevice = () =>\r\n /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\n\r\n isCompactView = () => (this.props.windowSize === DeviceWidth.Small.name\r\n || this.props.windowSize === DeviceWidth.XSmall.name);\r\n\r\n isRenderingCompactListView = () =>\r\n (this.isCompactView() && this.state.isRenderingListView);\r\n\r\n isRenderingCompactDetailView = () =>\r\n (this.isCompactView() && !this.state.isRenderingListView);\r\n\r\n extractDocumentTypes(notes) {\r\n const docTypes = [];\r\n\r\n notes.forEach((note) => {\r\n if (docTypes.indexOf(note.documentType) === -1) {\r\n docTypes.push(note.documentType);\r\n }\r\n });\r\n return docTypes;\r\n }\r\n\r\n extractAuthors(notes) {\r\n const authors = [];\r\n\r\n notes.forEach((note) => {\r\n if (authors.indexOf(note.authoredBy) === -1) {\r\n authors.push(note.authoredBy);\r\n }\r\n });\r\n return authors;\r\n }\r\n\r\n renderCompactViewBackButton() {\r\n return (\r\n \r\n { messageElement }\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDocumentTypeLabel() {\r\n return (\r\n \r\n {this.props.selectedMedicalNoteId ? this.getSelectedMedicalNote().documentType : ''}
\r\n
\r\n );\r\n }\r\n\r\n renderHeaderPanel() {\r\n let header = null;\r\n if (this.isRenderingCompactListView() || !(this.isRenderingCompactDetailView())) {\r\n const badgeNumber = this.props.medicalNotes.isNotReviewedByPatientCount;\r\n header = (\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n renderPDFContent() {\r\n const {\r\n serviceDate,\r\n authoredBy,\r\n noteToPatient,\r\n } = this.getSelectedMedicalNote();\r\n const dateParts = getFormattedDateTime(serviceDate, serviceDate, this.props.language);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderMainContentPane() {\r\n return (\r\n (this.props.selectedMedicalNoteId) ? this.renderPDFContent() : this.renderZeroState()\r\n );\r\n }\r\n\r\n renderNoMedicalNotesPane() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { this.isCompactView() ? this.renderDocumentTypeLabel() : ''}\r\n
\r\n
\r\n { this.props.totalNumberOfPages > 1 ?\r\n \r\n
\r\n
\r\n :\r\n null}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.renderCompactViewBackButton()\r\n }\r\n {\r\n this.renderMainContentPane()\r\n }\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {this.renderLeftContentPane() }\r\n {this.renderMainContentPane() }\r\n
\r\n );\r\n }\r\n\r\n renderFilter() {\r\n return (\r\n \r\n !value.isFiltered).length }\r\n allRows={ this.props.medicalNotes.notes.length || 0 }\r\n filterDocuments={ this.extractDocumentTypes(this.props.medicalNotes.notes) }\r\n filterAuthors={ this.extractAuthors(this.props.medicalNotes.notes) }\r\n />\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
);\r\n }\r\n}\r\n\r\nMedicalNotes.propTypes = {\r\n medicalNotes: PropTypes.object.isRequired,\r\n intl: PropTypes.object,\r\n dispatch: PropTypes.func,\r\n patientId: PropTypes.string,\r\n selectedMedicalNoteId: PropTypes.string,\r\n totalNumberOfPages: PropTypes.number,\r\n currentPageNumber: PropTypes.number,\r\n currentPageUrl: PropTypes.string,\r\n token: PropTypes.string,\r\n windowSize: PropTypes.string,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n medicalNotes: state.medicalNotes,\r\n patientId: state.profile.patient.patientId,\r\n selectedMedicalNoteId: state.medicalNotes.selectedMedicalNoteId,\r\n totalNumberOfPages: state.medicalNotes.totalNumberOfPages,\r\n currentPageNumber: state.medicalNotes.currentPageNumber,\r\n currentPageUrl: state.medicalNotes.currentPageUrl,\r\n token: state.profile.auth.access_token,\r\n windowSize: state.window.size,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(MedicalNotes));","import React from 'react';\r\nimport MedicalNotes from '../../containers/MedicalNotes/MedicalNotes';\r\n\r\nexport class MedicalNotesPage extends React.Component {\r\n render() {\r\n return \r\n { this.renderHeaderPanel() }\r\n { this.isRenderingCompactDetailView() ? null : this.renderFilter() }\r\n \r\n {\r\n this.props.medicalNotes.notes.filter((value) => !value.isFiltered).length <= 0 ?\r\n this.renderNoMedicalNotesPane() :\r\n this.renderMedicalNotes()\r\n }\r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.allergy.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.allergy.allergen}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAllergyDetail.propTypes = {\r\n allergy: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n startDate: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.StartDate',\r\n defaultMessage: 'Start Date: ',\r\n },\r\n mostRecentTreatmentDate: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.MostRecentTreatmentDate',\r\n defaultMessage: 'Most Recent Treatment Date: ',\r\n },\r\n endDate: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.EndDate',\r\n defaultMessage: 'End Date: ',\r\n },\r\n dose: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.Dose',\r\n defaultMessage: 'Cumulative Dose: ',\r\n },\r\n cyclesDelivered: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.CyclesDelivered',\r\n defaultMessage: '# Cycles: ',\r\n },\r\n frequency: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.Frequency',\r\n defaultMessage: 'Frequency: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n trialName: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.TrialName',\r\n defaultMessage: 'Regimen: ',\r\n },\r\n dosageForm: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.DosageForm',\r\n defaultMessage: 'Form: ',\r\n },\r\n drugCategory: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.DrugCategory',\r\n defaultMessage: 'Drug Category: ',\r\n },\r\n route: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.Route',\r\n defaultMessage: 'Route: ',\r\n },\r\n trialIndicator: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.TrialIndicator',\r\n defaultMessage: 'Part of Trial?: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.Chemotherapy.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './chemotherapy.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class ChemotherapyDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const agentName = isNullOrWhiteSpace(this.props.chemotherapy.agentNameDisplay) ?\r\n this.props.chemotherapy.agentName :\r\n this.props.chemotherapy.agentNameDisplay;\r\n const frequency = isNullOrWhiteSpace(this.props.chemotherapy.frequencyDisplay) ?\r\n this.props.chemotherapy.frequency :\r\n this.props.chemotherapy.frequencyDisplay;\r\n const trialIndicator = isNullOrWhiteSpace(this.props.chemotherapy.trialIndicatorDisplay) ?\r\n this.props.chemotherapy.trialIndicator :\r\n this.props.chemotherapy.trialIndicatorDisplay;\r\n const route = isNullOrWhiteSpace(this.props.chemotherapy.routeDisplay) ?\r\n this.props.chemotherapy.route :\r\n this.props.chemotherapy.routeDisplay;\r\n\r\n return (\r\n this.props.chemotherapy.isNullMessageHolder === false ?\r\n \r\n {this.props.allergy.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.chemotherapy.isPatientReviewed === false ?\r\n : null\r\n }\r\n {agentName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nChemotherapyDetail.propTypes = {\r\n chemotherapy: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n trialId: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.TrialId',\r\n defaultMessage: 'ID: ',\r\n },\r\n trialDescription: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.TrialDescription',\r\n defaultMessage: 'Description: ',\r\n },\r\n startDate: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.StartDate',\r\n defaultMessage: 'Start: ',\r\n },\r\n endDate: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.EndDate',\r\n defaultMessage: 'End: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.ClinicalTrial.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './clinicalTrial.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class ClinicalTrialDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.clinicalTrial.isNullMessageHolder === false ?\r\n \r\n {this.props.chemotherapy.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.clinicalTrial.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.clinicalTrial.trialName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nClinicalTrialDetail.propTypes = {\r\n clinicalTrial: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n comorbidityDiagnosisDate: {\r\n id: 'treatmentSummary.Groups.Comorbidity.ComorbidityDiagnosisDate',\r\n defaultMessage: 'Onset Date: ',\r\n },\r\n status: {\r\n id: 'treatmentSummary.Groups.Comorbidity.Status',\r\n defaultMessage: 'Condition Active?: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.Comorbidity.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.Comorbidity.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './comorbidity.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class ComorbidityDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.comorbidity.isNullMessageHolder === false ?\r\n \r\n {this.props.clinicalTrial.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.comorbidity.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.comorbidity.description}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nComorbidityDetail.propTypes = {\r\n comorbidity: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n diagnosisDate: {\r\n id: 'treatmentSummary.Groups.Diagnosis.DiagnosisDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n laterality: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Laterality',\r\n defaultMessage: 'Side: ',\r\n },\r\n histologyCode: {\r\n id: 'treatmentSummary.Groups.Diagnosis.HistologyCode',\r\n defaultMessage: 'Histology: ',\r\n },\r\n histologyDescription: {\r\n id: 'treatmentSummary.Groups.Diagnosis.HistologyDescription',\r\n defaultMessage: 'Histology Desc: ',\r\n },\r\n grade: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Grade',\r\n defaultMessage: 'Grade: ',\r\n },\r\n stagingSystem: {\r\n id: 'treatmentSummary.Groups.Diagnosis.StagingSystem',\r\n defaultMessage: 'Stage System: ',\r\n },\r\n stage: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Stage',\r\n defaultMessage: 'Stage: ',\r\n },\r\n tStage: {\r\n id: 'treatmentSummary.Groups.Diagnosis.TStage',\r\n defaultMessage: 'T: ',\r\n },\r\n nStage: {\r\n id: 'treatmentSummary.Groups.Diagnosis.NStage',\r\n defaultMessage: 'N: ',\r\n },\r\n mStage: {\r\n id: 'treatmentSummary.Groups.Diagnosis.MStage',\r\n defaultMessage: 'M: ',\r\n },\r\n provider: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Provider',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.Diagnosis.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.Diagnosis.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n diagnosisType: {\r\n id: 'treatmentSummary.Groups.Diagnosis.DiagnosisType',\r\n defaultMessage: 'Type: ',\r\n },\r\n icdCode: {\r\n id: 'treatmentSummary.Groups.Diagnosis.IcdCode',\r\n defaultMessage: 'ICD Code: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.Diagnosis.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './diagnosis.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class DiagnosisDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.diagnosis.isNullMessageHolder === false ?\r\n \r\n {this.props.comorbidity.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.diagnosis.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.diagnosis.icdDescriptionFull}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDiagnosisDetail.propTypes = {\r\n diagnosis: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n cancerDiagnosis: {\r\n id: 'treatmentSummary.Groups.FamilyHistory.CancerDiagnosis',\r\n defaultMessage: 'Diagnosis: ',\r\n },\r\n ageAtDiagnosis: {\r\n id: 'treatmentSummary.Groups.FamilyHistory.AgeAtDiagnosis',\r\n defaultMessage: 'Age at Diagnosis: ',\r\n },\r\n currentStatus: {\r\n id: 'treatmentSummary.Groups.FamilyHistory.CurrentStatus',\r\n defaultMessage: 'Current Status: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.FamilyHistory.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './familyHistory.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class FamilyHistoryDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const currentStatus = isNullOrWhiteSpace(this.props.familyHistory.currentStatusDisplay) ?\r\n this.props.familyHistory.currentStatus :\r\n this.props.familyHistory.currentStatusDisplay;\r\n const relationship = isNullOrWhiteSpace(this.props.familyHistory.relationshipDisplay) ?\r\n this.props.familyHistory.relationship :\r\n this.props.familyHistory.relationshipDisplay;\r\n\r\n return (\r\n this.props.familyHistory.isNullMessageHolder === false ?\r\n \r\n {this.props.diagnosis.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.familyHistory.isPatientReviewed === false ?\r\n : null\r\n }\r\n {relationship}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFamilyHistoryDetail.propTypes = {\r\n familyHistory: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n testDate: {\r\n id: 'treatmentSummary.Groups.GeneticTest.TestDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n testSummary: {\r\n id: 'treatmentSummary.Groups.GeneticTest.TestSummary',\r\n defaultMessage: 'Summary: ',\r\n },\r\n testDetail: {\r\n id: 'treatmentSummary.Groups.GeneticTest.TestDetail',\r\n defaultMessage: 'Detail: ',\r\n },\r\n patientCounseling: {\r\n id: 'treatmentSummary.Groups.GeneticTest.PatientCounseling',\r\n defaultMessage: 'Patient Counseling: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.GeneticTest.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.GeneticTest.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.GeneticTest.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.GeneticTest.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.GeneticTest.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './geneticTest.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class GeneticTestDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.geneticTest.isNullMessageHolder === false ?\r\n \r\n {this.props.familyHistory.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.geneticTest.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.geneticTest.testOrdered}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nGeneticTestDetail.propTypes = {\r\n geneticTest: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n lastMenstrualPeriod: {\r\n id: 'treatmentSummary.Groups.GynecologicHistory.LastMenstrualPeriod',\r\n defaultMessage: 'Last Menstrual Period: ',\r\n },\r\n menopausalReason: {\r\n id: 'treatmentSummary.Groups.GynecologicHistory.MenopausalReason',\r\n defaultMessage: 'Menopause Reason: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.GynecologicHistory.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './gynecologicHistory.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class GynecologicHistoryDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const menopauseStatus = isNullOrWhiteSpace(this.props.gynecologicHistory.menopauseStatusDisplay) ?\r\n this.props.gynecologicHistory.menopauseStatus :\r\n this.props.gynecologicHistory.menopauseStatusDisplay;\r\n const menopausalReason = isNullOrWhiteSpace(this.props.gynecologicHistory.menopausalReasonDisplay) ?\r\n this.props.gynecologicHistory.menopausalReason :\r\n this.props.gynecologicHistory.menopausalReasonDisplay;\r\n return (\r\n this.props.gynecologicHistory.isNullMessageHolder === false ?\r\n \r\n {this.props.geneticTest.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.gynecologicHistory.isPatientReviewed === false ?\r\n : null\r\n }\r\n {menopauseStatus}\r\n
\r\n \r\n
\r\n \r\n {\r\n // If a real date is provided, we want to render it out as an internationalizable date.\r\n // If not, we want to display the more generic text version (which may be blank/null).\r\n this.props.gynecologicHistory.lastMenstrualPeriod !== null ?\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nGynecologicHistoryDetail.propTypes = {\r\n gynecologicHistory: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n trialName: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.TrialName',\r\n defaultMessage: 'Regimen: ',\r\n },\r\n startDate: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.StartDate',\r\n defaultMessage: 'Start: ',\r\n },\r\n mostRecentTreatmentDate: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.MostRecentTreatmentDate',\r\n defaultMessage: 'Most Recent Treatment Date: ',\r\n },\r\n endDate: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.EndDate',\r\n defaultMessage: 'End: ',\r\n },\r\n doseAmount: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.DoseAmount',\r\n defaultMessage: 'Cumulative Dose: ',\r\n },\r\n plannedDuration: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.PlannedDuration',\r\n defaultMessage: 'Planned Duration: ',\r\n },\r\n frequency: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.Frequency',\r\n defaultMessage: 'Frequency: ',\r\n },\r\n provider: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.Provider',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n dosageForm: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.DosageForm',\r\n defaultMessage: 'Form: ',\r\n },\r\n drugCategory: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.DrugCategory',\r\n defaultMessage: 'Drug Category: ',\r\n },\r\n route: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.Route',\r\n defaultMessage: 'Route: ',\r\n },\r\n trialIndicator: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.TrialIndicator',\r\n defaultMessage: 'Part of Trial?: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.HormoneTherapy.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './hormoneTherapy.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class HormoneTherapyDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const agentName = isNullOrWhiteSpace(this.props.hormoneTherapy.agentNameDisplay) ?\r\n this.props.hormoneTherapy.agentName :\r\n this.props.hormoneTherapy.agentNameDisplay;\r\n const route = isNullOrWhiteSpace(this.props.hormoneTherapy.routeDisplay) ?\r\n this.props.hormoneTherapy.route :\r\n this.props.hormoneTherapy.routeDisplay;\r\n const frequency = isNullOrWhiteSpace(this.props.hormoneTherapy.frequencyDisplay) ?\r\n this.props.hormoneTherapy.frequency :\r\n this.props.hormoneTherapy.frequencyDisplay;\r\n const trialIndicator = isNullOrWhiteSpace(this.props.hormoneTherapy.trialIndicatorDisplay) ?\r\n this.props.hormoneTherapy.trialIndicator :\r\n this.props.hormoneTherapy.trialIndicatorDisplay;\r\n\r\n return (\r\n this.props.hormoneTherapy.isNullMessageHolder === false ?\r\n \r\n {this.props.gynecologicHistory.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.hormoneTherapy.isPatientReviewed === false ?\r\n : null\r\n }\r\n {agentName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nHormoneTherapyDetail.propTypes = {\r\n hormoneTherapy: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n clinicalFindingDate: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.ClinicalFindingDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n diseaseSite: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.DiseaseSite',\r\n defaultMessage: 'Site: ',\r\n },\r\n clinicalFindings: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.ClinicalFindings',\r\n defaultMessage: 'Findings: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.InitialClinicalFinding.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './initialClinicalFinding.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\n\r\nexport class InitialClinicalFindingDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.initialClinicalFinding.isNullMessageHolder === false ?\r\n \r\n {this.props.hormoneTherapy.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.initialClinicalFinding.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.initialClinicalFinding.clinicalFindingType}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nInitialClinicalFindingDetail.propTypes = {\r\n initialClinicalFinding: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n startDate: {\r\n id: 'treatmentSummary.Groups.Other.StartDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.Other.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.Other.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.Other.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.Other.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.Other.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './other.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class OtherDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.other.isNullMessageHolder === false ?\r\n \r\n {this.props.initialClinicalFinding.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.other.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.other.description}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nOtherDetail.propTypes = {\r\n other: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n startDate: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.StartDate',\r\n defaultMessage: 'First Treatment: ',\r\n },\r\n endDate: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.EndDate',\r\n defaultMessage: 'Most Recent: ',\r\n },\r\n deliveredDose: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.DeliveredDose',\r\n defaultMessage: 'Dose Delivered: ',\r\n },\r\n deliveredFractions: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.DeliveredFractions',\r\n defaultMessage: 'Fractions: ',\r\n },\r\n radiationType: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.RadiationType',\r\n defaultMessage: 'Type: ',\r\n },\r\n energyDisplay: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.EnergyDisplay',\r\n defaultMessage: 'Energy: ',\r\n },\r\n provider: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.Provider',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n elapsedDays: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.ElapsedDays',\r\n defaultMessage: 'Elapsed Days: ',\r\n },\r\n laterality: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.Laterality',\r\n defaultMessage: 'Laterality: ',\r\n },\r\n configuration: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.Configuration',\r\n defaultMessage: 'Configuration: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.RadiationTherapy.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './radiationTherapy.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class RadiationTherapyDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const configuration = isNullOrWhiteSpace(this.props.radiationTherapy.configurationDisplay) ?\r\n this.props.radiationTherapy.configuration :\r\n this.props.radiationTherapy.configurationDisplay;\r\n const radiationType = isNullOrWhiteSpace(this.props.radiationTherapy.radiationTypeDisplay) ?\r\n this.props.radiationTherapy.radiationType :\r\n this.props.radiationTherapy.radiationTypeDisplay;\r\n const laterality = isNullOrWhiteSpace(this.props.radiationTherapy.lateralityDisplay) ?\r\n this.props.radiationTherapy.laterality :\r\n this.props.radiationTherapy.lateralityDisplay;\r\n\r\n return (\r\n this.props.radiationTherapy.isNullMessageHolder === false ?\r\n \r\n {this.props.other.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.radiationTherapy.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.radiationTherapy.site}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nRadiationTherapyDetail.propTypes = {\r\n radiationTherapy: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n comment: {\r\n id: 'treatmentSummary.Groups.SideEffectBundle.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './sideEffectBundle.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class SideEffectBundleDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.sideEffectBundle.isNullMessageHolder === false ?\r\n \r\n {this.props.radiationTherapy.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.sideEffectBundle.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.sideEffectBundle.termDuration}\r\n
\r\n \r\n
\r\n \r\n }\r\n value={this.props.sideEffectBundle.sideEffectList} language={this.props.language}\r\n isActive={this.configurationActive('SideEffectList')}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSideEffectBundleDetail.propTypes = {\r\n sideEffectBundle: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n smokingAndAlcoholConsumption: {\r\n id: 'treatmentSummary.Groups.SocialHistory.SmokingAndAlcoholConsumption',\r\n defaultMessage: 'Smoking and Alcohol Consumption',\r\n },\r\n smokingStatus: {\r\n id: 'treatmentSummary.Groups.SocialHistory.SmokingStatus',\r\n defaultMessage: 'Smoking Status: ',\r\n },\r\n smokingYears: {\r\n id: 'treatmentSummary.Groups.SocialHistory.SmokingYears',\r\n defaultMessage: '# Years: ',\r\n },\r\n smokingPacksPerDay: {\r\n id: 'treatmentSummary.Groups.SocialHistory.SmokingPacksPerDay',\r\n defaultMessage: '# Pack/Day: ',\r\n },\r\n smokingYearsQuit: {\r\n id: 'treatmentSummary.Groups.SocialHistory.SmokingYearsQuit',\r\n defaultMessage: 'Years Quit: ',\r\n },\r\n alcoholStatus: {\r\n id: 'treatmentSummary.Groups.SocialHistory.AlcoholStatus',\r\n defaultMessage: 'Alcohol Status: ',\r\n },\r\n alcoholDaysPerWeek: {\r\n id: 'treatmentSummary.Groups.SocialHistory.AlcoholDaysPerWeek',\r\n defaultMessage: '# Days / Week: ',\r\n },\r\n alcoholDrinksPerDay: {\r\n id: 'treatmentSummary.Groups.SocialHistory.AlcoholDrinksPerDay',\r\n defaultMessage: '# Drinks/Day: ',\r\n },\r\n alcoholYearsQuit: {\r\n id: 'treatmentSummary.Groups.SocialHistory.AlcoholYearsQuit',\r\n defaultMessage: 'Years Quit: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.SocialHistory.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './socialHistory.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class SocialHistoryDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const smokingStatus = isNullOrWhiteSpace(this.props.socialHistory.smokingStatusDisplay) ?\r\n this.props.socialHistory.smokingStatus :\r\n this.props.socialHistory.smokingStatusDisplay;\r\n const smokingPacksPerDay = isNullOrWhiteSpace(this.props.socialHistory.smokingPacksPerDayDisplay) ?\r\n this.props.socialHistory.smokingPacksPerDay :\r\n this.props.socialHistory.smokingPacksPerDayDisplay;\r\n const alcoholStatus = isNullOrWhiteSpace(this.props.socialHistory.alcoholStatusDisplay) ?\r\n this.props.socialHistory.alcoholStatus :\r\n this.props.socialHistory.alcoholStatusDisplay;\r\n return (\r\n this.props.socialHistory.isNullMessageHolder === false ?\r\n \r\n {this.props.sideEffectBundle.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.socialHistory.isPatientReviewed === false ?\r\n : null\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\nSocialHistoryDetail.propTypes = {\r\n socialHistory: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n startDate: {\r\n id: 'treatmentSummary.Groups.Surgery.StartDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n laterality: {\r\n id: 'treatmentSummary.Groups.Surgery.Laterality',\r\n defaultMessage: 'Side: ',\r\n },\r\n provider: {\r\n id: 'treatmentSummary.Groups.Surgery.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.Surgery.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.Surgery.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.Surgery.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.Surgery.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './surgery.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class SurgeryDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const laterality = isNullOrWhiteSpace(this.props.surgery.lateralityDisplay) ?\r\n this.props.surgery.laterality :\r\n this.props.surgery.lateralityDisplay;\r\n return (\r\n this.props.surgery.isNullMessageHolder === false ?\r\n \r\n {this.props.socialHistory.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.surgery.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.surgery.procedureName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSurgeryDetail.propTypes = {\r\n surgery: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n startDate: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.StartDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n relatedDonor: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.RelatedDonor',\r\n defaultMessage: 'Related Donor?: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.TransplantHistory.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrWhiteSpace } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './transplantHistory.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class TransplantHistoryDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const relatedDonor = isNullOrWhiteSpace(this.props.transplantHistory.relatedDonorDisplay) ?\r\n this.props.transplantHistory.relatedDonor :\r\n this.props.transplantHistory.relatedDonorDisplay;\r\n\r\n return (\r\n this.props.transplantHistory.isNullMessageHolder === false ?\r\n \r\n {this.props.surgery.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.transplantHistory.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.transplantHistory.transplantType}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTransplantHistoryDetail.propTypes = {\r\n transplantHistory: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","export const messages = {\r\n labels: {\r\n tumorMarkerDate: {\r\n id: 'treatmentSummary.Groups.TumorMarker.TumorMarkerDate',\r\n defaultMessage: 'Date: ',\r\n },\r\n testResult: {\r\n id: 'treatmentSummary.Groups.TumorMarker.TestResult',\r\n defaultMessage: 'Summary: ',\r\n },\r\n providerName: {\r\n id: 'treatmentSummary.Groups.TumorMarker.ProviderName',\r\n defaultMessage: 'Care Provider: ',\r\n },\r\n institution: {\r\n id: 'treatmentSummary.Groups.TumorMarker.Institution',\r\n defaultMessage: 'Facility: ',\r\n },\r\n providerPhone: {\r\n id: 'treatmentSummary.Groups.TumorMarker.ProviderPhone',\r\n defaultMessage: 'Phone: ',\r\n },\r\n providerEmail: {\r\n id: 'treatmentSummary.Groups.TumorMarker.ProviderEmail',\r\n defaultMessage: 'Email: ',\r\n },\r\n comment: {\r\n id: 'treatmentSummary.Groups.TumorMarker.Comment',\r\n defaultMessage: 'Comment: ',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from './tumorMarker.i18n';\r\nimport { SecondaryDisplayItem } from './secondaryDisplayItem';\r\n\r\nexport class TumorMarkerDetail extends React.Component {\r\n configurationActive = (fieldName) => {\r\n if (this.props.capabilities.details.find((x) => x.fieldName === fieldName)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.tumorMarker.isNullMessageHolder === false ?\r\n \r\n {this.props.transplantHistory.nullMessage}\r\n
\r\n \r\n
\r\n :\r\n \r\n {\r\n this.props.tumorMarker.isPatientReviewed === false ?\r\n : null\r\n }\r\n {this.props.tumorMarker.testType}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTumorMarkerDetail.propTypes = {\r\n tumorMarker: PropTypes.object.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object.isRequired,\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { messages } from '../../containers/TreatmentSummary/TreatmentSummary.i18n';\r\n\r\nimport { AllergyDetail } from './allergyDetail';\r\nimport { ChemotherapyDetail } from './chemotherapyDetail';\r\nimport { ClinicalTrialDetail } from './clinicalTrialDetail';\r\nimport { ComorbidityDetail } from './comorbidityDetail';\r\nimport { DiagnosisDetail } from './diagnosisDetail';\r\nimport { FamilyHistoryDetail } from './familyHistoryDetail';\r\nimport { GeneticTestDetail } from './geneticTestDetail';\r\nimport { GynecologicHistoryDetail } from './gynecologicHistoryDetail';\r\nimport { HormoneTherapyDetail } from './hormoneTherapyDetail';\r\nimport { InitialClinicalFindingDetail } from './initialClinicalFindingDetail';\r\nimport { OtherDetail } from './otherDetail';\r\nimport { RadiationTherapyDetail } from './radiationTherapyDetail';\r\nimport { SideEffectBundleDetail } from './sideEffectBundleDetail';\r\nimport { SocialHistoryDetail } from './socialHistoryDetail';\r\nimport { SurgeryDetail } from './surgeryDetail';\r\nimport { TransplantHistoryDetail } from './transplantHistoryDetail';\r\nimport { TumorMarkerDetail } from './tumorMarkerDetail';\r\n\r\nexport class TreatmentSummaryItemGroup extends React.Component {\r\n buildItemList() {\r\n switch (this.props.groupKey) {\r\n case 'Allergy':\r\n return this.props.items.map((allergy, idx) =>\r\n (\r\n {this.props.tumorMarker.nullMessage}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // if no capabilities for this group, don't show it\r\n const returnValue = this.props.capabilities ? this.displayGroup() : null;\r\n return returnValue;\r\n }\r\n}\r\n\r\nTreatmentSummaryItemGroup.propTypes = {\r\n groupKey: PropTypes.string,\r\n items: PropTypes.array.isRequired,\r\n language: PropTypes.string,\r\n capabilities: PropTypes.object,\r\n};","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { ZeroState } from 'ecs-react-components/dist/index.es';\r\n\r\nimport { loadTreatmentSummaryItems,\r\n unseenCountTreatmentSummaryItems } from '../../redux/modules/treatment-summary/treatment-summary-middleware';\r\nimport { messages } from './TreatmentSummary.i18n';\r\nimport { auditRequest } from '../../redux/modules/audit/audit-middleware';\r\nimport { TreatmentSummaryItemGroup } from '../../components/TreatmentSummary/treatmentSummaryItemGroup';\r\nimport Header from '../../components/Header/Header';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\n\r\nconst TREAMENT_SUMMARY_VIEW_AUDIT_TYPE = 'treatmentsummaryviewauditevent';\r\n\r\nclass TreatmentSummary extends Component {\r\n componentDidMount() {\r\n if (this.props.patient.patientId) {\r\n this.props.dispatch(auditRequest(TREAMENT_SUMMARY_VIEW_AUDIT_TYPE, this.props.patient.patientId));\r\n this.props.dispatch(\r\n callWithLoadingIndicator(\r\n 'TreatmentSummary',\r\n () => this.props.dispatch(loadTreatmentSummaryItems(this.props.patient.patientId))\r\n )\r\n );\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { dispatch, patient } = this.props;\r\n dispatch(unseenCountTreatmentSummaryItems(patient.patientId));\r\n }\r\n\r\n render() {\r\n const summaryItemsPresent = this.props.treatmentSummaryItems && this.props.treatmentSummaryItems.length > 0;\r\n this.firstCategory = true;\r\n return (\r\n \r\n
\r\n {\r\n this.buildItemList()\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTreatmentSummary.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n intl: PropTypes.object,\r\n treatmentSummaryItems: PropTypes.array,\r\n time: PropTypes.string,\r\n unseenTreatmentSummaryItems: PropTypes.number,\r\n language: PropTypes.string,\r\n patient: PropTypes.object,\r\n capabilities: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n treatmentSummaryItems: state.treatmentSummary.treatmentSummaryItems,\r\n time: state.treatmentSummary.currentTime,\r\n unseenTreatmentSummaryItems: state.treatmentSummary.unseenTreatmentSummaryItems,\r\n language: state.language.languageCode,\r\n patient: state.profile.patient,\r\n capabilities: state.capability.capabilities.find((x) => x.moduleName === 'TreatmentSummary'),\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(TreatmentSummary));","import React from 'react';\r\nimport TreatmentSummary from '../../containers/TreatmentSummary/TreatmentSummary';\r\n\r\nexport class TreatmentSummaryPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n !summaryItemsPresent ?\r\n \r\n
\r\n \r\n {\r\n this.props.treatmentSummaryItems.map((group) =>\r\n ( x.fieldName === 'TreatmentTypes').details\r\n .find((y) => y.fieldName === group.key)\r\n }\r\n />)\r\n )\r\n }\r\n
\r\n }\r\n \r\n { headingDate }\r\n
\r\n {heading}\r\n );\r\n };\r\n\r\n const renderSubText = (subText, threadMessageCount) => () => (\r\n \r\n \r\n { this.textarea = textArea; } }\r\n className=\"form-control\"\r\n rows=\"5\"\r\n onChange={ this.onReplyTextareaChange }\r\n placeholder={ formatMessage(messages.replyTextboxPlaceholder) }\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 render() {\r\n const {\r\n selectedThread,\r\n } = this.props;\r\n\r\n return (\r\n selectedThread ?\r\n \r\n
:\r\n this.renderMessagesContentZeroStatePane()\r\n );\r\n }\r\n}\r\n\r\nThreadMessages.propTypes = {\r\n messages: PropTypes.array,\r\n dispatch: PropTypes.func,\r\n filter: PropTypes.string,\r\n timeZone: PropTypes.string,\r\n timeZoneOffset: PropTypes.string,\r\n language: PropTypes.string,\r\n selectedThreadIndex: PropTypes.string,\r\n selectedArchivedThreadIndex: PropTypes.string,\r\n selectedThread: PropTypes.object,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n filter: state.secureMessage.filter,\r\n patientId: state.profile.patient.patientId,\r\n timeZone: state.facility.timeZoneAbbreviation,\r\n timeZoneOffset: state.facility.timeZoneOffset,\r\n language: state.language.languageCode,\r\n selectedThreadIndex: state.secureMessage.selectedThreadIndex,\r\n selectedArchivedThreadIndex: state.secureMessage.selectedArchivedThreadIndex,\r\n selectedThread: findSelectedThread(state.secureMessage),\r\n});\r\n\r\nexport default connect(mapStateToProps)(ThreadMessages);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { ListPanel, ZeroState, NewMessageButton } from 'ecs-react-components/dist/index.es';\r\nimport QueryString from 'query-string';\r\nimport { messages } from './SecureMessages.i18n';\r\nimport SecureMessagesFilter from './SecureMessagesFilter';\r\nimport ThreadMessages from './ThreadMessages';\r\nimport Header from '../../components/Header/Header';\r\nimport SecureMessageForm from '../../containers/SecureMessage/SecureMessageForm';\r\nimport * as MID from '../../redux/modules/secure-message/secure-message-middleware';\r\nimport { careProviderSelected,\r\n showSecureMessageReplyItem,\r\n secureMessageThreadSelected,\r\n secureMessageArchivedThreadSelected,\r\n} from '../../redux/modules/secure-message/actions/creators';\r\nimport * as MsgBarActions from '../../redux/modules/system-shared/message-bar-action-creator';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\n\r\nclass SecureMessages extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showModal: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { language, timeZone, timeZoneOffset, location, patientId, dispatch, threads } = this.props;\r\n\r\n const parsedQueryString = QueryString.parse(location.search);\r\n if (parsedQueryString.isAutoRedirect && parsedQueryString.threadId) {\r\n // const threadId = parseInt(parsedQueryString.threadId, 10);\r\n const threadId = parsedQueryString.threadId;\r\n const selectedThread = threads.find((x) => x.threadId === threadId);\r\n\r\n dispatch(MID.threadMessagesRequested(\r\n patientId,\r\n selectedThread.threadId,\r\n language,\r\n timeZone,\r\n timeZoneOffset)).then(\r\n (responses) => {\r\n dispatch(MID.patchReviewedThreadMessages(\r\n patientId,\r\n selectedThread.threadId,\r\n responses.data,\r\n language,\r\n timeZone,\r\n timeZoneOffset));\r\n }\r\n );\r\n this.props.dispatch(secureMessageThreadSelected(threadId));\r\n }\r\n }\r\n\r\n onNewMessageButtonClick = () => {\r\n this.props.dispatch(careProviderSelected(null));\r\n this.setState({ showModal: true });\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n\r\n handleListItemClick = (index) => {\r\n const {\r\n language,\r\n timeZone,\r\n timeZoneOffset,\r\n filteredThreads,\r\n filter,\r\n patientId,\r\n dispatch,\r\n } = this.props;\r\n\r\n if (filter === 'Current') {\r\n dispatch(secureMessageThreadSelected(filteredThreads[index].itemId));\r\n } else {\r\n dispatch(secureMessageArchivedThreadSelected(filteredThreads[index].itemId));\r\n }\r\n this.props.dispatch(MID.threadMessagesRequested(\r\n patientId,\r\n filteredThreads[index].itemId,\r\n language,\r\n timeZone,\r\n timeZoneOffset)).then(\r\n (responses) => {\r\n dispatch(MID.patchReviewedThreadMessages(\r\n patientId,\r\n filteredThreads[index].itemId,\r\n responses.data,\r\n language,\r\n timeZone,\r\n timeZoneOffset));\r\n }\r\n );\r\n\r\n this.props.dispatch(showSecureMessageReplyItem(false));\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n\r\n closeModal = () => {\r\n this.setState({ showModal: !this.state.showModal });\r\n }\r\n\r\n renderThreadsContentPane() {\r\n const { filteredThreads, filter } = this.props;\r\n\r\n if (filteredThreads && filteredThreads.length > 0) {\r\n return (\r\n { this.viewPane = divViewPane; } }>\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n {\r\n message.displayDate.timePart ?\r\n\r\n \r\n {\r\n formatDisplayName(\r\n {\r\n firstName: message.authorFirstName,\r\n lastName: message.authorLastName,\r\n },\r\n {\r\n firstName: message.proxyAuthorFirstName,\r\n lastName: message.proxyAuthorLastName,\r\n }\r\n )\r\n }\r\n \r\n{ message.displayDate.timePart }:\r\n null\r\n }\r\n {\r\n message.displayDate.datePart ?\r\n{ message.displayDate.datePart }:\r\n null\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\nSecureMessages.propTypes = {\r\n dispatch: PropTypes.func,\r\n threads: PropTypes.array,\r\n messages: PropTypes.array,\r\n timeZone: PropTypes.string,\r\n timeZoneOffset: PropTypes.string,\r\n language: PropTypes.string,\r\n location: PropTypes.object,\r\n selectedThreadIndex: PropTypes.string,\r\n selectedArchivedThreadIndex: PropTypes.string,\r\n filteredThreads: PropTypes.array,\r\n filter: PropTypes.string,\r\n unreadCount: PropTypes.number,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n patientId: state.profile.patient.patientId,\r\n messages: state.secureMessage.messages,\r\n timeZone: state.facility.timeZoneAbbreviation,\r\n timeZoneOffset: state.facility.timeZoneOffset,\r\n language: state.language.languageCode,\r\n location: ownProps.location,\r\n threads: state.secureMessage.threads,\r\n selectedThreadIndex: state.secureMessage.selectedThreadIndex,\r\n selectedArchivedThreadIndex: state.secureMessage.selectedArchivedThreadIndex,\r\n filter: state.secureMessage.filter,\r\n unreadCount: state.secureMessage.unreadCount,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SecureMessages);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { CompactView, ListPanel, ZeroState, NewMessageButton } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './SecureMessages.i18n';\r\nimport SecureMessagesFilter from './SecureMessagesFilter';\r\nimport ThreadMessages from './ThreadMessages';\r\nimport Header from '../../components/Header/Header';\r\nimport * as MID from '../../redux/modules/secure-message/secure-message-middleware';\r\nimport {\r\n careProviderSelected,\r\n showSecureMessageReplyItem, secureMessageListViewCompact,\r\n secureMessageThreadSelected, secureMessageArchivedThreadSelected, secureMessageThreadClear,\r\n} from '../../redux/modules/secure-message/actions/creators';\r\nimport SecureMessageForm from '../../containers/SecureMessage/SecureMessageForm';\r\nimport * as MsgBarActions from '../../redux/modules/system-shared/message-bar-action-creator';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\n\r\nclass SecureMessagesCompact extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showModal: false,\r\n };\r\n }\r\n\r\n onNewMessageButtonClick = () => {\r\n this.props.dispatch(careProviderSelected(null));\r\n this.setState({ showModal: true });\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n\r\n closeModal = () => {\r\n this.setState({ showModal: !this.state.showModal });\r\n }\r\n\r\n handleBackButtonClick = () => {\r\n const { dispatch, filter } = this.props;\r\n dispatch(secureMessageListViewCompact(true));\r\n dispatch(secureMessageThreadClear());\r\n if (filter === 'Current') {\r\n dispatch(secureMessageThreadSelected(null));\r\n } else {\r\n dispatch(secureMessageArchivedThreadSelected(null));\r\n }\r\n }\r\n\r\n handleListItemClick = (index) => {\r\n const { language, timeZone, timeZoneOffset, filteredThreads, filter, dispatch, patientId } = this.props;\r\n\r\n dispatch(secureMessageListViewCompact(false));\r\n if (filter === 'Current') {\r\n dispatch(secureMessageThreadSelected(filteredThreads[index].itemId));\r\n } else {\r\n dispatch(secureMessageArchivedThreadSelected(filteredThreads[index].itemId));\r\n }\r\n dispatch(MID.threadMessagesRequested(\r\n patientId,\r\n filteredThreads[index].itemId,\r\n language,\r\n timeZone,\r\n timeZoneOffset)).then(\r\n (responses) => {\r\n dispatch(MID.patchReviewedThreadMessages(\r\n patientId,\r\n filteredThreads[index].itemId,\r\n responses.data,\r\n language,\r\n timeZone,\r\n timeZoneOffset));\r\n }\r\n );\r\n\r\n dispatch(showSecureMessageReplyItem(false));\r\n dispatch(secureMessageThreadSelected(filteredThreads[index].itemId));\r\n dispatch(MsgBarActions.dismissMessage());\r\n }\r\n\r\n renderZeroState() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n { this.renderThreadsContentPane() }\r\n { this.renderMessagesContentPane() }\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFilterPane() {\r\n const { filteredThreads } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderListPane() {\r\n const { filteredThreads, filter } = this.props;\r\n if (filteredThreads && filteredThreads.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n ')\r\n .replace('', '
');\r\n\r\n // replace the styling information to specify that styles are all \"within\" the ccdaContent div only\r\n const styleRegex = /\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { formatMessage } = this.props.intl;\r\n const { handleSubmit } = this.props;\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {formatMessage(messages.recipient.label)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatMessage(messages.sender.label)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatMessage(messages.body.label)}\r\n \r\n
\r\n \r\n {formatMessage(messages.page.header)}\r\n
\r\n \r\n { this[id] = input; }}\r\n />\r\n {\r\n /* eslint jsx-a11y/no-static-element-interactions:0 */\r\n this.props.value &&\r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nCalendarCustomInput.propTypes = {\r\n onClick: PropTypes.func,\r\n 'aria-label': PropTypes.string,\r\n value: PropTypes.string,\r\n id: PropTypes.string,\r\n};\r\n\r\nexport default CalendarCustomInput;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport DatePicker from 'react-datepicker';\r\nimport { useSelector } from 'react-redux';\r\nimport { FormattedMessage, useIntl } from 'react-intl';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\n\r\nimport { messages } from './CcdaOptionsForm.i18n';\r\nimport CalendarCustomInput from './CalendarCustomInput';\r\n\r\nfunction DateRange({ fieldsMeta, change, initFromDateInvalid, initToDateInvalid }) {\r\n const {\r\n startDate,\r\n endDate,\r\n fromDateInvalid,\r\n toDateInvalid,\r\n } = fieldsMeta;\r\n\r\n const { formatMessage } = useIntl();\r\n\r\n const language = useSelector((state) => state.language.languageCode)\r\n\r\n const handleOnChangeRaw = (e, onChangeFunction) => {\r\n const newDate = new Date(e.currentTarget.value);\r\n if (newDate instanceof Date && !isNaN(newDate)) {\r\n onChangeFunction(newDate);\r\n }\r\n };\r\n\r\n const onFromDateChange = (fromDate) => {\r\n change('startDate', fromDate);\r\n initFromDateInvalid();\r\n }\r\n\r\n const onToDateChange = (toDate) => {\r\n change('endDate', toDate);\r\n initToDateInvalid();\r\n }\r\n\r\n const handleDateFocus = () => {\r\n // Clear the recentVisitIndex selection\r\n change('radioValueField', 'daterange');\r\n change('recentVisitIndexField', -1);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nDateRange.propTypes = {\r\n fieldsMeta: PropTypes.object,\r\n change: PropTypes.func,\r\n initFromDateInvalid: PropTypes.func,\r\n initToDateInvalid: PropTypes.func,\r\n}\r\n\r\nexport default DateRange;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n Form,\r\n FormGroup,\r\n} from 'react-bootstrap';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { messages } from './CcdaOptionsForm.i18n';\r\nimport { findCcdaExternalSystems } from '../../../redux/modules/health-summary/external-systems-mapper';\r\n\r\nfunction Dropdown({\r\n field,\r\n externalSystemInvalid,\r\n change,\r\n initExternalSystemInvalid,\r\n}) {\r\n const getLabel = (f) => f + 'Label';\r\n\r\n const externalSystems = useSelector((state) => state.externalSystems.externalSystems);\r\n const ccdaExternalSystems = findCcdaExternalSystems(externalSystems);\r\n ccdaExternalSystems.sort((a, b) => {\r\n const nameA = a.patientDisplayName.toUpperCase();\r\n const nameB = b.patientDisplayName.toUpperCase();\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n return nameA > nameB ? 1 : 0;\r\n });\r\n\r\n const handleDropdownOnChange = (fldOnChange) => (values, dispatch, props) => {\r\n initExternalSystemInvalid();\r\n\r\n if (fldOnChange) {\r\n fldOnChange(values, dispatch, props);\r\n }\r\n }\r\n\r\n const handleDateFocus = () => {\r\n // Clear the recentVisitIndex selection\r\n change('radioValueField', 'daterange');\r\n change('recentVisitIndexField', -1);\r\n }\r\n\r\n /* eslint-disable */\r\n if (!ccdaExternalSystems || ccdaExternalSystems.length < 2) {\r\n return null;\r\n }\r\n \r\n return (\r\n \r\n \r\n handleOnChangeRaw(e, onFromDateChange)}\r\n onFocus={handleDateFocus}\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"scroll\"\r\n customInput={\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n handleOnChangeRaw(e, onToDateChange)}\r\n onFocus={handleDateFocus}\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"scroll\"\r\n customInput={\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nDropdown.propTypes = {\r\n ccdaExternalSystems: PropTypes.array, \r\n field: PropTypes.object, \r\n externalSystemInvalid: PropTypes.bool,\r\n change: PropTypes.func,\r\n initExternalSystemInvalid: PropTypes.func,\r\n}\r\n\r\nexport default Dropdown;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport {\r\n ModalListPanel,\r\n} from 'ecs-react-components/dist/index.es';\r\n\r\nimport { messages } from './CcdaOptionsForm.i18n';\r\n\r\nfunction RecentVisits({\r\n recentVisits,\r\n recentVisitIndexField,\r\n change,\r\n initRecentVisitIndexInvalid,\r\n}) {\r\n if (!(recentVisits && recentVisits.length)) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n { ccdaExternalSystems.map(\r\n (system) => (\r\n ))}\r\n \r\n { externalSystemInvalid &&\r\n \r\n \r\n
\r\n \r\n
);\r\n }\r\n\r\n const renderedItems = recentVisits.map((item, idx) => ({\r\n // eslint-disable-next-line react/no-unstable-nested-components\r\n heading: () => \r\n \r\n { item.encounterDate.datePart }\r\n \r\n
\r\n {item.visitType}\r\n ,\r\n // eslint-disable-next-line react/no-unstable-nested-components\r\n subText: () => \r\n {item.provider}\r\n ,\r\n itemId: idx,\r\n }));\r\n\r\n const handleListItemClick = (index) => {\r\n if (index < 0) {\r\n return;\r\n }\r\n\r\n initRecentVisitIndexInvalid();\r\n\r\n change('recentVisitIndexField', index);\r\n change('radioValueField', 'visits');\r\n };\r\n\r\n return (\r\n \r\n
\r\n { this.setState({ recentVisitIndexInvalid: false }); }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n render = () => {\r\n const { handleSubmit,\r\n recentVisits,\r\n } = this.props;\r\n\r\n const {\r\n fromDateInvalid,\r\n toDateInvalid,\r\n externalSystemInvalid,\r\n recentVisitIndexInvalid,\r\n } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n { this.setState({ fromDateInvalid: false }) } }\r\n initToDateInvalid={ () => { this.setState({ toDateInvalid: false }) } }\r\n />\r\n { this.setState({ externalSystemInvalid: false }); }}\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 render() {\r\n const { formatMessage } = this.props.intl;\r\n const { handleSubmit } = this.props;\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {formatMessage(messages.recipient.label)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {formatMessage(messages.body.label)}\r\n \r\n
\r\n \r\n {formatMessage(messages.page.header)}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nCcdaList.propTypes = {\r\n filteredCcdas: PropTypes.array,\r\n};\r\n\r\nexport default CcdaList;","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport { ZeroState,\r\n registerDatePickerLocale,\r\n SharedMessages as sharedMsgs,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport { findCcdaExternalSystems } from '../../redux/modules/health-summary/external-systems-mapper';\r\n\r\nimport EmailForm from './EmailForm';\r\nimport CcdaOptionsForm from './CcdaOptions/CcdaOptionsForm';\r\nimport SendSecurelyForm from './SendSecurelyForm';\r\nimport FileDownloadButton from './FileDownloadButton';\r\nimport CcdaList from './CcdaList';\r\nimport LoadingIndicatorContainer from '../LoadingIndicatorContainer';\r\nimport { callWithLoadingIndicator } from '../../redux/modules/loading-indicator/loading-indicator-middleware';\r\nimport { messages } from './HealthSummary.i18n';\r\n\r\nimport {\r\n loadHealthSummaryHtml,\r\n getMostRecentHealthSummaryIdentifier,\r\n getMostRecentOfficeVisitsForPatient,\r\n} from '../../redux/modules/health-summary/health-summary-middleware';\r\n\r\nimport { clearLoadedHtml } from '../../redux/modules/health-summary/actions/creators';\r\n\r\nfunction HealthInformationSummary() {\r\n const dispatch = useDispatch();\r\n\r\n const { patientId } = useSelector((state) => state.profile.patient);\r\n const {\r\n currentIdentifier,\r\n filteredCcdas,\r\n healthSummaryHtml,\r\n } = useSelector((state) => state.healthSummary);\r\n\r\n const language = useSelector((state) => state.language.languageCode);\r\n\r\n const externalSystems = useSelector((state) => state.externalSystems.externalSystems);\r\n const [ccdaExternalSystems, setCcdaExternalSystems] = useState(null);\r\n\r\n useEffect(() => {\r\n if (externalSystems && externalSystems.length) {\r\n const extSystems = findCcdaExternalSystems(externalSystems);\r\n setCcdaExternalSystems(extSystems);\r\n }\r\n\r\n registerDatePickerLocale(language);\r\n dispatch(getMostRecentOfficeVisitsForPatient(patientId, language));\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (\r\n patientId &&\r\n ccdaExternalSystems &&\r\n ccdaExternalSystems.length === 1 &&\r\n !currentIdentifier\r\n ) {\r\n // Find the most recent ccda identifier only when no html is saved in the redux store\r\n dispatch(getMostRecentHealthSummaryIdentifier(patientId, ccdaExternalSystems[0].ifSystemId));\r\n }\r\n return () => {\r\n dispatch(clearLoadedHtml());\r\n }\r\n }, [ccdaExternalSystems, patientId])\r\n\r\n useEffect(() => {\r\n // Download the ccda html only when no html is saved in the redux store\r\n if (!healthSummaryHtml) {\r\n let extSystem = externalSystems[0];\r\n if (currentIdentifier) {\r\n extSystem = externalSystems.find((x) => x.ifSystemId === currentIdentifier.ifSystemId);\r\n }\r\n if (extSystem && currentIdentifier) {\r\n dispatch(\r\n callWithLoadingIndicator(\r\n 'HealthSummary',\r\n () => dispatch(loadHealthSummaryHtml(patientId, currentIdentifier, extSystem.patientDisplayName))\r\n )\r\n );\r\n }\r\n }\r\n }, [currentIdentifier]);\r\n\r\n const renderCcdaList = () => (\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n | \r\n \r\n { moment(ccda.displayDate).format('ll') }\r\n \r\n | \r\n\r\n | \r\n
\r\n
\r\n );\r\n\r\n const renderContent = () => {\r\n if (filteredCcdas.length > 1) {\r\n return renderCcdaList();\r\n }\r\n // Based on the number of external systems and the presence of HTML to view, show the user some content\r\n if (healthSummaryHtml) {\r\n return renderCcda();\r\n }\r\n\r\n if (ccdaExternalSystems && ccdaExternalSystems.length > 1) {\r\n if (externalSystems.userSelectedASystem) {\r\n // No html loaded and have selected external system Id\r\n return renderZeroState(messages.page.noHealthSummary);\r\n }\r\n // No html loaded and have more than one external systems and\r\n // user has not selected any options.\r\n return renderZeroState(messages.page.multipleExternalSystems);\r\n }\r\n\r\n return renderZeroState(messages.page.noHealthSummary);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {\r\n renderContent()\r\n }\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default HealthInformationSummary;","import React from 'react';\r\nimport HealthSummary from '../../containers/HealthSummary/HealthSummary';\r\n\r\nexport class HealthSummaryPage extends React.Component {\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 healthSummaryHtml ?\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n render() {\r\n const { handleSubmit } = this.props;\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nChangeEmail.propTypes = {\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n patient: PropTypes.object,\r\n user: PropTypes.object,\r\n onFormChange: PropTypes.func,\r\n userEmail: PropTypes.string,\r\n usePrimaryEmail: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patient: state.profile.patient,\r\n user: state.profile.user,\r\n usePrimaryEmail: state.accountSettings.patientReminderSettings.usePrimaryEmail,\r\n userEmail: state.profile.user.email,\r\n language: state.language.languageCode,\r\n initialValues: {\r\n userEmail: state.profile.user.email,\r\n },\r\n});\r\n\r\nconst formConfig = {\r\n form: 'changeemailform',\r\n ...generateValidation(validations),\r\n};\r\n\r\nexport default ((connect(mapStateToProps)(reduxForm(formConfig)(ChangeEmail))));\r\n","export const messages = {\r\n title: {\r\n id: 'changePassword.Page.Header',\r\n defaultMessage: 'Change Your Password',\r\n },\r\n description: {\r\n id: 'changePassword.Page.Description',\r\n defaultMessage: 'Enter your current password, and then enter and confirm a new password',\r\n },\r\n button: {\r\n id: 'changePassword.Button',\r\n defaultMessage: 'Change Password',\r\n },\r\n placeholder: {\r\n oldpassword: {\r\n id: 'changePassword.Placeholder.OldPassword',\r\n defaultMessage: 'Current password',\r\n },\r\n password: {\r\n id: 'changePassword.Placeholder.Password',\r\n defaultMessage: 'New password',\r\n },\r\n confirmpassword: {\r\n id: 'changePassword.Placeholder.ConfirmPassword',\r\n defaultMessage: 'Confirm new password',\r\n },\r\n },\r\n};\r\n","export const passwordMessages = {\r\n error: {\r\n password: {\r\n id: 'passwordValidation.Error.Password',\r\n defaultMessage: 'Password does not meet security requirements.',\r\n },\r\n confirmPassword: {\r\n id: 'passwordValidation.Error.ConfirmPassword',\r\n defaultMessage: 'Passwords do not match.',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\nimport { injectIntl } from 'react-intl';\r\nimport { FormErrorMessages } from 'ecs-react-components/dist/index.es';\r\nimport { passwordMessages } from './PasswordValidation.i18n';\r\n\r\nclass PasswordField extends React.Component {\r\n getValidationMessage() {\r\n switch (this.props.field.input.name) {\r\n case 'newPwd':\r\n return this.props.intl.formatMessage(passwordMessages.error.password);\r\n case 'confirmNewPwd':\r\n return this.props.intl.formatMessage(passwordMessages.error.confirmPassword);\r\n default:\r\n break;\r\n }\r\n return null;\r\n }\r\n\r\n render() {\r\n const fieldClasses = classNames({\r\n 'mb-3': true,\r\n 'has-error': this.props.field.meta.invalid,\r\n });\r\n\r\n const inputClasses = classNames({\r\n 'form-control': true,\r\n 'no-label': true,\r\n 'is-invalid': this.props.field.meta.invalid,\r\n })\r\n\r\n return (\r\n \r\n \r\n E-mail \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPasswordField.propTypes = {\r\n field: PropTypes.object.isRequired,\r\n children: PropTypes.object,\r\n placeholder: PropTypes.string,\r\n intl: PropTypes.object,\r\n};\r\n\r\nexport default injectIntl(PasswordField);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Fields, reduxForm } from 'redux-form';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport { PasswordRulesMessages as pwdHintMessages } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './ChangePassword.i18n';\r\n\r\nimport PasswordField from './PasswordField';\r\nimport * as MsgBarActions from '../../../redux/modules/system-shared/message-bar-action-creator';\r\n\r\nconst fields = ['oldPwd', 'newPwd', 'confirmNewPwd'];\r\n\r\nclass ChangePassword extends Component {\r\n onSubmit = (values) => {\r\n const creds = {\r\n userId: this.props.userId,\r\n oldPwd: values.oldPwd,\r\n newPwd: values.newPwd,\r\n confirmNewPwd: values.confirmNewPwd,\r\n };\r\n this.props.sendUpdatePasswordRequest(creds);\r\n }\r\n\r\n createPasswordMessage({ minLength, capitalLetters, numbers, specialCharacters }) {\r\n const { formatMessage } = this.props.intl;\r\n const description = formatMessage(pwdHintMessages.rules.description);\r\n const minLengthText = formatMessage(pwdHintMessages.rules.minLength, { minLength });\r\n const capitalLettersText = formatMessage(pwdHintMessages.rules.capitalLetters, { capitalLetters });\r\n const numbersText = formatMessage(pwdHintMessages.rules.numbers, { numbers });\r\n const specialCharactersText = formatMessage(pwdHintMessages.rules.specialCharacters, { specialCharacters });\r\n let delimitedList = '';\r\n if (minLength > 0) {\r\n delimitedList += minLengthText;\r\n }\r\n if (capitalLetters > 0) {\r\n delimitedList += capitalLettersText;\r\n }\r\n if (numbers > 0) {\r\n delimitedList += numbersText;\r\n }\r\n if (specialCharacters > 0) {\r\n delimitedList += specialCharactersText;\r\n }\r\n const passwordRulesFormat = formatMessage(pwdHintMessages.rules.format, { description, delimitedList });\r\n return (\r\n \r\n {passwordRulesFormat}\r\n );\r\n }\r\n\r\n clearAlert = () => {\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n\r\n renderFields = (fieldsMeta) => {\r\n const { formatMessage } = this.props.intl;\r\n const {\r\n oldPwd,\r\n newPwd,\r\n confirmNewPwd,\r\n minLength,\r\n capitalLetters,\r\n numbers,\r\n specialCharacters,\r\n } = fieldsMeta;\r\n\r\n return (\r\n \r\n \r\n {this.createPasswordMessage({ minLength, capitalLetters, numbers, specialCharacters })}\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { handleSubmit, minLength, capitalLetters, numbers, specialCharacters } = this.props;\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nChangePassword.propTypes = {\r\n dispatch: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n minLength: PropTypes.number,\r\n capitalLetters: PropTypes.number,\r\n numbers: PropTypes.number,\r\n specialCharacters: PropTypes.number,\r\n intl: PropTypes.object,\r\n userId: PropTypes.string,\r\n sendUpdatePasswordRequest: PropTypes.func.isRequired,\r\n onFormChange: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n minLength: state.signUp.password.minLength,\r\n capitalLetters: state.signUp.password.capitalLetters,\r\n numbers: state.signUp.password.numbers,\r\n specialCharacters: state.signUp.password.specialCharacters,\r\n intl: PropTypes.object,\r\n userId: state.profile.user.userId,\r\n});\r\n\r\n\r\nconst formConfig = {\r\n form: 'changepasswordform',\r\n};\r\n\r\nexport default reduxForm(formConfig)(connect(mapStateToProps)(injectIntl(ChangePassword)));","export const messages = {\r\n title: {\r\n id: 'patientInformation.Title',\r\n defaultMessage: 'Patient Information',\r\n },\r\n subTitle: {\r\n demographics: {\r\n id: 'patientInformation.SubTitle.Demographics',\r\n defaultMessage: 'Demographics',\r\n },\r\n contactInformation: {\r\n id: 'patientInformation.SubTitle.ContactInformation',\r\n defaultMessage: 'Contact Information',\r\n },\r\n other: {\r\n id: 'patientInformation.SubTitle.Other',\r\n defaultMessage: 'Other',\r\n },\r\n },\r\n label: {\r\n fullName: {\r\n id: 'patientInformation.Label.FullName',\r\n defaultMessage: 'Full Name',\r\n },\r\n gender: {\r\n id: 'patientInformation.Label.Gender',\r\n defaultMessage: 'Gender',\r\n },\r\n dateOfBirth: {\r\n id: 'patientInformation.Label.DateOfBirth',\r\n defaultMessage: 'Date of Birth',\r\n },\r\n birthCountry: {\r\n id: 'patientInformation.Label.BirthCountry',\r\n defaultMessage: 'Birth Country',\r\n },\r\n ethnicity: {\r\n id: 'patientInformation.Label.Ethnicity',\r\n defaultMessage: 'Ethnicity',\r\n },\r\n race: {\r\n id: 'patientInformation.Label.Race',\r\n defaultMessage: 'Race',\r\n },\r\n religion: {\r\n id: 'patientInformation.Label.Religion',\r\n defaultMessage: 'Religion',\r\n },\r\n primaryLanguage: {\r\n id: 'patientInformation.Label.PrimaryLanguage',\r\n defaultMessage: 'Primary Language',\r\n },\r\n citizenship: {\r\n id: 'patientInformation.Label.Citizenship',\r\n defaultMessage: 'Citizenship',\r\n },\r\n maritalStatus: {\r\n id: 'patientInformation.Label.MaritalStatus',\r\n defaultMessage: 'Marital Status',\r\n },\r\n mothersMaidenName: {\r\n id: 'patientInformation.Label.MothersMaidenName',\r\n defaultMessage: 'Mother\\'s Maiden Name',\r\n },\r\n occupation: {\r\n id: 'patientInformation.Label.Occupation',\r\n defaultMessage: 'Occupation',\r\n },\r\n home: {\r\n id: 'patientInformation.Label.Home',\r\n defaultMessage: 'Home',\r\n },\r\n mobile: {\r\n id: 'patientInformation.Label.Mobile',\r\n defaultMessage: 'Mobile',\r\n },\r\n primaryEmail: {\r\n id: 'patientInformation.Label.PrimaryEmail',\r\n defaultMessage: 'Primary Email',\r\n },\r\n preferredCommunication: {\r\n id: 'patientInformation.Label.PreferredCommunication',\r\n defaultMessage: 'Preferred Communication',\r\n },\r\n address: {\r\n id: 'patientInformation.Label.Address',\r\n defaultMessage: 'Address 1',\r\n },\r\n address2: {\r\n id: 'patientInformation.Label.Address2',\r\n defaultMessage: 'Address 2',\r\n },\r\n city: {\r\n id: 'patientInformation.Label.City',\r\n defaultMessage: 'City',\r\n },\r\n state: {\r\n id: 'patientInformation.Label.State',\r\n defaultMessage: 'State',\r\n },\r\n country: {\r\n id: 'patientInformation.Label.Country',\r\n defaultMessage: 'Country',\r\n },\r\n insurance: {\r\n id: 'patientInformation.Label.Insurance',\r\n defaultMessage: 'Insurance',\r\n },\r\n advanceDirective: {\r\n id: 'patientInformation.Label.AdvanceDirective',\r\n defaultMessage: 'Advance Directive',\r\n },\r\n clinicalTrial: {\r\n id: 'patientInformation.Label.ClinicalTrial',\r\n defaultMessage: 'Clinical Trial',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { PropertyView } from 'ecs-react-components/dist/index.es';\r\nimport { messages } from './PatientInformation.i18n';\r\nimport { loadPatientRegistrationDetails } from '../../../redux/modules/account-settings/account-settings-middleware';\r\nimport { loadPatientIdentifierLabel } from '../../../redux/modules/localization/localization-middleware';\r\n\r\nclass PatientInformation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showDemographicHeader: false,\r\n showContactInfoHeader: false,\r\n showOtherHeader: false,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n if (this.props.patientId) {\r\n this.props.dispatch(loadPatientRegistrationDetails(this.props.patientId));\r\n }\r\n this.props.dispatch(loadPatientIdentifierLabel(this.props.language));\r\n }\r\n\r\n handleDemographicHeader = (shouldDisplay) => this.setState({ showDemographicHeader: shouldDisplay });\r\n handleContactInfoHeader = (shouldDisplay) => this.setState({ showContactInfoHeader: shouldDisplay });\r\n handleOtherHeader = (shouldDisplay) => this.setState({ showOtherHeader: shouldDisplay });\r\n\r\n render() {\r\n const { registrationDetails, patientIdentifierLabel } = this.props;\r\n if (Object.keys(registrationDetails).length > 0) {\r\n let clinicalTrialPrefix = '';\r\n if (registrationDetails.isClinicalTrial) {\r\n clinicalTrialPrefix = 'Yes - ';\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 return null;\r\n }\r\n}\r\nPatientInformation.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n registrationDetails: PropTypes.object,\r\n language: PropTypes.string,\r\n patientIdentifierLabel: PropTypes.string,\r\n patientId: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n patientId: state.profile.patient.patientId,\r\n registrationDetails: state.accountSettings.registrationDetails,\r\n patientIdentifierLabel: state.localization.patientIdentifierLabel,\r\n language: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PatientInformation);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport {\r\n EmailFormInput,\r\n SMSSettings,\r\n NotificationTypeGrid,\r\n emailRegEx,\r\n} from 'ecs-react-components/dist/index.es';\r\nimport {\r\n getReminderSettings,\r\n getPatientReminderSettings,\r\n setPatientReminderSettings,\r\n} from '../../redux/modules/reminder-settings/reminder-settings-middleware';\r\nimport { messages } from './AccountSettings.i18n';\r\nimport { getNotificationGridConfig } from './NotificationGridConfiguration';\r\nimport {\r\n setNotificationEmail,\r\n updatePatientNotificationFormInput,\r\n} from '../../redux/modules/account-settings/actions/creators';\r\nimport * as MsgBarActions from '../../redux/modules/system-shared/message-bar-action-creator';\r\n\r\nclass PatientNotificationSettings extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isDisplayInvalidEmailMessage: false,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(getReminderSettings());\r\n this.props.dispatch(getPatientReminderSettings(this.props.patientId));\r\n }\r\n\r\n componentDidMount = () => {\r\n this.props.dispatch(setNotificationEmail(this.props.emailAddress));\r\n }\r\n\r\n getGridConfiguration = () => {\r\n const { reminderSettings, patientReminderSettings } = this.props;\r\n return getNotificationGridConfig(\r\n reminderSettings,\r\n patientReminderSettings,\r\n this.props.intl.formatMessage(messages.notificationTypeGrid.followUpLabel),\r\n {\r\n typeLabel: this.props.intl.formatMessage(messages.notificationTypeGrid.appointmentsLabel.typeLabel),\r\n info: this.props.intl.formatMessage(messages.notificationTypeGrid.appointmentsLabel.info),\r\n },\r\n this.props.intl.formatMessage(messages.notificationTypeGrid.secureMessageLabel),\r\n this.props.intl.formatMessage(messages.notificationTypeGrid.questionnairesLabel),\r\n this.handleInputChange);\r\n }\r\n\r\n getEmailAddress() {\r\n const { patientReminderSettings, notificationEmail } = this.props;\r\n if (patientReminderSettings && !(patientReminderSettings.usePrimaryEmail)) {\r\n return patientReminderSettings.nonPrimaryEmailAddress;\r\n }\r\n return notificationEmail;\r\n }\r\n\r\n emailOnChangeHandler = (event) => {\r\n this.handleInputChange(event.target.name, event.target.value);\r\n this.props.dispatch(setNotificationEmail(event.target.value));\r\n }\r\n\r\n handleInputChange = (name, value) => {\r\n this.props.dispatch(updatePatientNotificationFormInput(name, value));\r\n\r\n if (name === 'nonPrimaryEmailAddress' &&\r\n this.state.isDisplayInvalidEmailMessage) {\r\n this.setState({\r\n isDisplayInvalidEmailMessage: value !== '' && !emailRegEx.test(value),\r\n });\r\n }\r\n }\r\n\r\n saveOnClick = () => {\r\n const isEmailValid = this.isEmailValid();\r\n\r\n this.setState({\r\n isDisplayInvalidEmailMessage: !isEmailValid,\r\n });\r\n\r\n if (isEmailValid && !this.isSmsRequiredFailed() && !this.isEmailRequiredFailed()) {\r\n this.props.dispatch(setPatientReminderSettings(\r\n this.props.patientId, this.props.patientReminderSettings));\r\n } else {\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n }\r\n }\r\n\r\n isEmailValid() {\r\n const { notificationEmail, patientReminderSettings } = this.props;\r\n const primaryValid = patientReminderSettings.usePrimaryEmail &&\r\n emailRegEx.test(notificationEmail);\r\n const nonPrimaryValid = !(patientReminderSettings.usePrimaryEmail) &&\r\n emailRegEx.test(patientReminderSettings.nonPrimaryEmailAddress);\r\n return primaryValid || nonPrimaryValid;\r\n }\r\n\r\n isEmailRequiredFailed() {\r\n const { patientReminderSettings, emailAddress } = this.props;\r\n const { reminderSettings } = this.props;\r\n\r\n if ((patientReminderSettings.followUpEmailEnabled && reminderSettings.patientFollowUpEmailEnabled) ||\r\n (patientReminderSettings.appointmentEmailEnabled && reminderSettings.patientAppointmentEmailEnabled) ||\r\n (patientReminderSettings.secureMessageEmailEnabled && reminderSettings.patientSecureMessageEmailEnabled) ||\r\n (patientReminderSettings.questionnaireEmailEnabled && reminderSettings.patientQuestionnaireEmailEnabled)) {\r\n const primaryEmailIsBlank = patientReminderSettings.usePrimaryEmail && emailAddress === '';\r\n const nonPrimaryEmailIsBlank = !patientReminderSettings.usePrimaryEmail &&\r\n patientReminderSettings.nonPrimaryEmailAddress === '';\r\n\r\n if (nonPrimaryEmailIsBlank) {\r\n return true;\r\n }\r\n\r\n if (primaryEmailIsBlank) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n return false;\r\n }\r\n\r\n isSmsRequiredFailed() {\r\n const { patientReminderSettings } = this.props;\r\n const { reminderSettings } = this.props;\r\n\r\n if ((patientReminderSettings.followUpSmsEnabled && reminderSettings.patientFollowUpSmsEnabled) ||\r\n (patientReminderSettings.appointmentSmsEnabled && reminderSettings.patientAppointmentSmsEnabled) ||\r\n (patientReminderSettings.secureMessageSmsEnabled && reminderSettings.patientSecureMessageSmsEnabled) ||\r\n (patientReminderSettings.questionnaireSmsEnabled && reminderSettings.patientQuestionnaireSmsEnabled)) {\r\n if (patientReminderSettings.smsPhoneNumber === null ||\r\n patientReminderSettings.smsPhoneNumber === '') {\r\n return true;\r\n }\r\n return false;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n if (this.props.reminderSettings === null) {\r\n return null;\r\n }\r\n\r\n const gridConfig = this.getGridConfiguration();\r\n const isDisplayEmailInput = gridConfig.find((x) => x.isEmailEnabled) !== undefined;\r\n const isDisplaySmsInput = gridConfig.find((x) => x.isSmsEnabled) !== undefined;\r\n\r\n return (\r\n !isDisplayEmailInput && !isDisplaySmsInput ?\r\n null :\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\nPatientNotificationSettings.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n reminderSettings: PropTypes.object,\r\n patientReminderSettings: PropTypes.object,\r\n intl: PropTypes.object,\r\n patientId: PropTypes.string,\r\n emailAddress: PropTypes.string,\r\n notificationEmail: PropTypes.string,\r\n onFormChange: PropTypes.func,\r\n reminderSettingsHash: PropTypes.string,\r\n patientReminderSettingsHash: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => (\r\n {\r\n reminderSettings: state.accountSettings.reminderSettings.reminderSettings,\r\n reminderSettingsHash: JSON.stringify(state.accountSettings.reminderSettings.reminderSettings),\r\n patientReminderSettings: state.accountSettings.patientReminderSettings,\r\n patientReminderSettingsHash: JSON.stringify(state.accountSettings.patientReminderSettings),\r\n patientId: state.profile.patient.patientId,\r\n emailAddress: state.profile.patient.emailAddress,\r\n notificationEmail: state.accountSettings.notificationEmail.email,\r\n });\r\n\r\nexport default connect(mapStateToProps)(injectIntl(PatientNotificationSettings));","export const getNotificationGridConfig =\r\n (\r\n reminderSettings,\r\n patientReminderSettings,\r\n followUpLabel,\r\n appointmentsFormLabels,\r\n secureMessageLabel,\r\n questionnairesLabel,\r\n handleInputChange) => (\r\n [\r\n {\r\n name: 'followupNotification',\r\n emailProperty: 'followUpEmailEnabled',\r\n smsProperty: 'followUpSmsEnabled',\r\n typeLabel: followUpLabel,\r\n isEmailEnabled: reminderSettings.patientFollowUpEmailEnabled,\r\n isSmsEnabled: reminderSettings.patientFollowUpSmsEnabled,\r\n isEmailChecked: patientReminderSettings.followUpEmailEnabled,\r\n isSmsChecked: patientReminderSettings.followUpSmsEnabled,\r\n isEmailCheckboxReadOnly: false,\r\n handleInputChange,\r\n },\r\n {\r\n name: 'appointmentNotification',\r\n emailProperty: 'appointmentEmailEnabled',\r\n smsProperty: 'appointmentSmsEnabled',\r\n typeLabel: appointmentsFormLabels.typeLabel,\r\n isEmailEnabled: reminderSettings.patientAppointmentEmailEnabled,\r\n isSmsEnabled: reminderSettings.patientAppointmentSmsEnabled,\r\n isEmailChecked: patientReminderSettings.appointmentEmailEnabled,\r\n isSmsChecked: patientReminderSettings.appointmentSmsEnabled,\r\n isSmsCheckboxReadOnly: false,\r\n handleInputChange,\r\n info: patientReminderSettings.showAppointmentNotificationDigestHint\r\n ? appointmentsFormLabels.info : null,\r\n },\r\n {\r\n name: 'secureMessageNotification',\r\n emailProperty: 'secureMessageEmailEnabled',\r\n smsProperty: 'secureMessageSmsEnabled',\r\n typeLabel: secureMessageLabel,\r\n isEmailEnabled: reminderSettings.patientSecureMessageEmailEnabled,\r\n isSmsEnabled: reminderSettings.patientSecureMessageSmsEnabled,\r\n isEmailChecked: patientReminderSettings.secureMessageEmailEnabled,\r\n isSmsChecked: patientReminderSettings.secureMessageSmsEnabled,\r\n isEmailCheckboxReadOnly: false,\r\n handleInputChange,\r\n },\r\n {\r\n name: 'questionnairesNotification',\r\n emailProperty: 'questionnaireEmailEnabled',\r\n smsProperty: 'questionnaireSmsEnabled',\r\n typeLabel: questionnairesLabel,\r\n isEmailEnabled: reminderSettings.patientQuestionnaireEmailEnabled,\r\n isSmsEnabled: reminderSettings.patientQuestionnaireSmsEnabled,\r\n isEmailChecked: patientReminderSettings.questionnaireEmailEnabled,\r\n isSmsChecked: patientReminderSettings.questionnaireSmsEnabled,\r\n isEmailCheckboxReadOnly: false,\r\n handleInputChange,\r\n },\r\n ]\r\n );\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { generateValidation } from 'ecs-react-components/dist/index.es';\r\nimport Header from '../../components/Header/Header';\r\nimport { messages } from './AccountSettings.i18n';\r\nimport ChangeEmail from './ChangeEmail/ChangeEmail';\r\nimport ChangePassword from './ChangePassword/ChangePassword';\r\nimport PatientInformation from './PatientInformation/PatientInformation';\r\nimport PatientNotificationSettings from './PatientNotificationSettings';\r\nimport { getValidations } from './ChangePassword/ChangePassword.validation';\r\nimport { loadPasswordRules } from '../../redux/modules/signup/create-account/create-account-middleware';\r\nimport { updatePasswordRequestById } from '../../redux/modules/auth/auth-middleware';\r\nimport * as MsgBarActions from '../../redux/modules/system-shared/message-bar-action-creator';\r\n\r\nclass AccountSettings extends Component {\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(loadPasswordRules());\r\n }\r\n\r\n onFormChange = () => {\r\n this.props.dispatch(MsgBarActions.dismissMessage());\r\n };\r\n\r\n sendUpdatePasswordRequest = (creds) => {\r\n this.props.dispatch(updatePasswordRequestById(creds.userId, creds.oldPwd, creds.newPwd,\r\n creds.confirmNewPwd, 'changepasswordform'));\r\n }\r\n\r\n renderChangePassword = () => {\r\n if (!this.props.loginType || this.props.loginType.toLowerCase() !== 'singlesignon') {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nAccountSettings.propTypes = {\r\n dispatch: PropTypes.func,\r\n minLength: PropTypes.number,\r\n capitalLetters: PropTypes.number,\r\n numbers: PropTypes.number,\r\n specialCharacters: PropTypes.number,\r\n loginType: PropTypes.string,\r\n pwdRules: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n pwdRules: state.signUp.password,\r\n loginType: state.profile.auth.loginType,\r\n});\r\n\r\nexport default connect(mapStateToProps)(AccountSettings);","export const getValidations = (rules) => ({\r\n oldPwd: {\r\n required: true,\r\n validateOnBlur: false,\r\n },\r\n newPwd: {\r\n required: true,\r\n validateOnBlur: false,\r\n minLength: rules ? rules.minLength : null,\r\n promise: (fieldName, fieldValue) => (\r\n new Promise((resolve, reject) => {\r\n if (fieldValue && rules && (fieldValue.match(/[A-Z]/g) || []).length < rules.capitalLetters) {\r\n reject();\r\n } else if (fieldValue && rules && (fieldValue.match(/[0-9]/g) || []).length < rules.numbers) {\r\n reject();\r\n } else if (fieldValue && rules &&\r\n (fieldValue.match(/[! @ # $ % & ) ( + ]/g) || []).length < rules.specialCharacters) {\r\n reject();\r\n } else if (fieldValue && rules && fieldValue.length < rules.minLength) {\r\n reject();\r\n } else {\r\n resolve();\r\n }\r\n }\r\n )),\r\n },\r\n confirmNewPwd: {\r\n required: true,\r\n validateOnBlur: false,\r\n matchField: 'newPwd',\r\n },\r\n});\r\n","import React from 'react';\r\nimport AccountSettings from '../../containers/AccountSettings/AccountSettings';\r\n\r\nexport class AccountSettingsPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n render = () => (\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\nconst formConfig = {\r\n form: 'ActivityLog',\r\n ...generateValidation(validations),\r\n};\r\n\r\nActivityLog.propTypes = {\r\n handleSubmit: PropTypes.func,\r\n dispatch: PropTypes.func,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => (\r\n {\r\n language: state.language.languageCode,\r\n }\r\n);\r\n\r\nexport default reduxForm(formConfig)(connect(mapStateToProps)(ActivityLog));\r\n","import moment from 'moment';\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\nimport { getNewAccessTokenFromForcedRefresh } from '../auth/auth-middleware';\r\nimport * as api from './activity-log-api';\r\n\r\nexport const getActivityLogUrl = (startDate, endDate) => (dispatch, getState) =>\r\n dispatch(getNewAccessTokenFromForcedRefresh())\r\n .then(\r\n (token) =>\r\n Promise.resolve('/api/users/{userId}/audits/report?startDate={0}&endDate={1}&token={2}'\r\n .replace('{userId}', getState().profile.user.userId)\r\n .replace('{0}', moment(startDate).format('YYYY-MM-DD'))\r\n .replace('{1}', moment(endDate).format('YYYY-MM-DD'))\r\n .replace('{2}', token))\r\n );\r\n\r\nexport const downloadPersonalData = (patientId, callback) => (dispatch) =>\r\n api.getPersonalData(patientId).then(\r\n (downloadedFile) => {\r\n if (callback) {\r\n callback(downloadedFile.data);\r\n }\r\n },\r\n () => dispatch(MsgBarActions.showErrorMessage('personaldatadownloadfailed'))\r\n );\r\n","export const messages = {\r\n panel: {\r\n title: {\r\n id: 'personalDataExport.Panel.Title',\r\n defaultMessage: 'Personal Data',\r\n },\r\n subTitles: {\r\n primary: {\r\n id: 'personalDataExport.Panel.SubTitles.Primary',\r\n defaultMessage: `Download a copy of your personal data. This includes registration information, \r\n personal contacts, secure messages and questionnaire responses.`,\r\n },\r\n secondary: {\r\n id: 'personalDataExport.Panel.SubTitles.Secondary',\r\n defaultMessage: `The exported data is provided in an XML file which can be \r\n opened by a text editor.`,\r\n },\r\n },\r\n buttons: {\r\n download: {\r\n id: 'personalDataExport.Buttons.Download',\r\n defaultMessage: 'Download Personal Data',\r\n },\r\n },\r\n },\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport FileDownload from 'js-file-download';\r\n\r\nimport { downloadPersonalData } from '../../redux/modules/activity-log/activity-log-middleware';\r\n\r\nimport { messages } from './DataExportPanel.i18n';\r\n\r\n\r\nclass DataExportPanel extends React.Component {\r\n downloadPersonalData = () => {\r\n const { dispatch, patient } = this.props;\r\n dispatch(downloadPersonalData(patient.patientId, (fileData) => FileDownload(fileData,\r\n `${patient.firstName}${patient.lastName}_${moment().format('YYYYMMDD')}_PersonalData.xml`)));\r\n }\r\n\r\n render = () => (\r\n \r\n
\r\n \r\n \r\n
\r\n
);\r\n}\r\n\r\nDataExportPanel.propTypes = {\r\n dispatch: PropTypes.func,\r\n patient: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => (\r\n {\r\n patient: state.profile.patient,\r\n }\r\n);\r\n\r\nexport default connect(mapStateToProps)(DataExportPanel);\r\n","import axiosInstance from '../../axios-config';\r\n\r\nconst downloadPersonalDataApi = '/api/patients/{patientId}/export';\r\n\r\nexport const getPersonalData = (patientId) => (\r\n axiosInstance.get(downloadPersonalDataApi.replace('{patientId}', patientId))\r\n);\r\n","export const messages = {\r\n page: {\r\n title: {\r\n id: 'dataProtection.Page.Title',\r\n defaultMessage: 'Personal Data & Privacy',\r\n },\r\n subTitle: {\r\n id: 'dataProtection.Page.SubTitle',\r\n defaultMessage: `Use this page to download your activity log or your personal data. \r\n Refer to the Privacy Statement for more information on your data privacy.`,\r\n },\r\n },\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport ActivityLog from './ActivityLog';\r\nimport DataExportPanel from './DataExportPanel';\r\nimport { messages } from './DataProtection.i18n';\r\n\r\n\r\nclass DataProtection extends React.Component {\r\n render = () => (\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\nDataProtection.propTypes = {\r\n handleSubmit: PropTypes.func,\r\n dispatch: PropTypes.func,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => (\r\n {\r\n language: state.language.languageCode,\r\n }\r\n);\r\n\r\nexport default connect(mapStateToProps)(DataProtection);\r\n","import React from 'react';\r\nimport DataProtection from '../../containers/ActivityLog/DataProtection';\r\n\r\nclass ActivityLogPage extends React.Component {\r\n render = () => (\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\nContactUs.propTypes = {\r\n dispatch: PropTypes.func,\r\n contactUs: PropTypes.object,\r\n facilityId: PropTypes.string,\r\n languageCode: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n contactUs: state.contactUs,\r\n facilityId: state.facility.facilityId,\r\n languageCode: state.language.languageCode,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps)(ContactUs);","import * as action from './actions/creators';\r\nimport * as api from './api';\r\nimport { getLocalizedFacilityContent } from '../localization/localization-api';\r\n\r\nimport * as MsgBarActions from '../system-shared/message-bar-action-creator';\r\n\r\nexport const loadContactInstructions = (facilityId, languageCode) => (dispatch) =>\r\n getLocalizedFacilityContent('ContactUsHeading', facilityId, languageCode)\r\n .then(\r\n (response) => {\r\n dispatch(action.contactInstructionsLoaded(response.data));\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('noInstructionsInContactUs'));\r\n dispatch(action.contactInstructionsLoadFailed());\r\n }\r\n );\r\n\r\nexport const loadContacts = (facilityId) => (dispatch) =>\r\n api.getContacts(facilityId)\r\n .then(\r\n (response) => {\r\n dispatch(action.contactsLoaded(response.data));\r\n },\r\n () => {\r\n dispatch(MsgBarActions.showErrorMessage('noContactsInContactUs'));\r\n dispatch(action.contactsLoadFailed());\r\n }\r\n );\r\n","import * as TYPES from './types';\r\n\r\nexport const contactInstructionsLoaded = (instr) => ({\r\n type: TYPES.CONTACTUS_INSTRUCTIONS_LOADED,\r\n state: {\r\n instructions: instr,\r\n },\r\n});\r\n\r\nexport const contactsLoaded = (contactList) => ({\r\n type: TYPES.CONTACTUS_CONTACTS_LOADED,\r\n state: {\r\n contacts: contactList,\r\n },\r\n});\r\n\r\nexport const contactInstructionsLoadFailed = () => ({\r\n type: TYPES.CONTACTUS_INSTRUCTIONS_LOAD_FAILED,\r\n state: {\r\n instructions: null,\r\n },\r\n});\r\n\r\nexport const contactsLoadFailed = () => ({\r\n type: TYPES.CONTACTUS_CONTACTS_LOAD_FAILED,\r\n state: {\r\n contacts: [],\r\n },\r\n});\r\n","import axiosInstance from '../../axios-config';\r\n\r\nconst contactUsContactsApi = '/api/facilities/{facilityId}/contacts';\r\n\r\nexport const getContacts = (facilityId) =>\r\n axiosInstance.get(contactUsContactsApi.replace('{facilityId}', facilityId));\r\n","import React from 'react';\r\nimport ContactUs from '../../containers/ContactUs/ContactUs';\r\n\r\nexport class ContactUsPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
:\r\n null\r\n }\r\n {\r\n contactUs.contacts.length ?\r\n \r\n { this.loadHtml(contactUs.instructions) }\r\n
\r\n \r\n
:\r\n null\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n | {contact.contactName} | \r\n\r\n {contact.address1} \r\n {contact.address2} \r\n {contact.city} \r\n {contact.state} \r\n {contact.zipCode} \r\n {contact.country} \r\n {\r\n contact.phone ?\r\n \r\n :\r\n null\r\n }\r\n {\r\n contact.fax ?\r\n \r\n :\r\n null\r\n }\r\n {\r\n contact.email ?\r\n \r\n \r\n { contact.email }\r\n \r\n :\r\n null\r\n }\r\n | \r\n
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const {\r\n faqs,\r\n } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFaqs.propTypes = ({\r\n dispatch: PropTypes.func,\r\n faqs: PropTypes.array,\r\n facilityId: PropTypes.string,\r\n});\r\n\r\nconst mapStateToProps = (state) => ({\r\n faqs: state.facility.resources.faqs,\r\n facilityId: state.facility.facilityId,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Faqs);","import React, { Component } from 'react';\r\nimport Faqs from '../../containers/Faqs/Faqs';\r\n\r\nclass FaqsPage extends Component {\r\n render() {\r\n return \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nUsefulLinks.propTypes = ({\r\n dispatch: PropTypes.func,\r\n facilityId: PropTypes.string,\r\n languageCode: PropTypes.string,\r\n});\r\n\r\nconst mapStateToProps = (state) => ({\r\n facilityId: state.facility.facilityId,\r\n languageCode: state.language.languageCode,\r\n});\r\n\r\nexport default connect(mapStateToProps)(UsefulLinks);","import React, { Component } from 'react';\r\nimport UsefulLinks from '../../containers/UsefulLinks/UsefulLinks';\r\n\r\nclass UsefulLinksPage extends Component {\r\n render() {\r\n return \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDownloadableForms.propTypes = ({\r\n dispatch: PropTypes.func,\r\n downloadableForms: PropTypes.array,\r\n facilityId: PropTypes.string,\r\n intl: PropTypes.object,\r\n});\r\n\r\nconst mapStateToProps = (state) => ({\r\n downloadableForms: state.facility.resources.downloadableForms,\r\n facilityId: state.facility.facilityId,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(DownloadableForms));","import React, { Component } from 'react';\r\nimport DownloadableForms from '../../containers/DownloadableForms/DownloadableForms';\r\n\r\nclass DownloadableFormsPage extends Component {\r\n render() {\r\n return \r\n
:\r\n null\r\n }\r\n \r\n
\r\n \r\n \r\n {\r\n downloadableForms.sort((a, b) => a.viewOrder - b.viewOrder).map((download, index) => (\r\n
\r\n \r\n \r\n \r\n {\r\n download.url ?\r\n \r\n \r\n { download.title }\r\n \r\n :\r\n \r\n \r\n \r\n { download.title }\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 Skip to Content\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPageLayout.propTypes = {\r\n intl: PropTypes.object,\r\n language: PropTypes.string,\r\n theme: PropTypes.string,\r\n keepMessageDisplay: PropTypes.bool,\r\n dispatch: PropTypes.func.isRequired,\r\n location: PropTypes.object.isRequired,\r\n history: PropTypes.object.isRequired,\r\n facilityShortName: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n language: state.language.languageCode,\r\n theme: state.facility ? state.facility.theme : '',\r\n keepMessageDisplay: state.messageDisplayBar.keepDisplay,\r\n facilityShortName: state.facility.facilityShortName,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(PageLayout));","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nexport const fields = ['username', 'password'];\r\n\r\nclass SingleSignOnLoginForm extends Component {\r\n componentDidMount() {\r\n const queryString = window.location.search;\r\n // note: this doesn't allow for other querystring items yet\r\n const singleSignOnId = queryString.substring(queryString.indexOf('id=') + 3);\r\n this.props.handleLogin(singleSignOnId);\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\nSingleSignOnLoginForm.propTypes = {\r\n handleLogin: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect()(injectIntl(SingleSignOnLoginForm));\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport QueryString from 'query-string';\r\n\r\nimport SingleSignOnLoginForm from '../../containers/Login/SingleSignOnLoginForm';\r\nimport { singleSignOnLoginRequest } from '../../redux/modules/auth/auth-middleware';\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\n\r\n\r\nclass SingleSignOnLoginPage extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n const parsedQueryString = QueryString.parse(this.props.location.search);\r\n let redirectTo = '/';\r\n if (parsedQueryString.redirect) {\r\n redirectTo = parsedQueryString.redirect + '?isAutoRedirect=true';\r\n Object.keys(parsedQueryString).forEach((param) => {\r\n if (param !== 'redirect') {\r\n const value = parsedQueryString[param];\r\n redirectTo += '&' + param + '=' + value;\r\n }\r\n });\r\n }\r\n\r\n this.state = {\r\n redirectTo,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\r\n }\r\n\r\n handleLogin = (singleSignOnIdentificationId) => {\r\n this.props.dispatch(singleSignOnLoginRequest(singleSignOnIdentificationId, this.state.redirectTo));\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSingleSignOnLoginPage.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n location: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n token: state.token,\r\n location: ownProps.location,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SingleSignOnLoginPage);","export const messages = {\r\n page: {\r\n singleSignOnFailed: {\r\n id: 'singleSignOn.FailedMessage',\r\n defaultMessage: `You are unable to log in. It's possible that you do not have an account on this site, \r\n or that your access has been restricted. Please contact your care provider for more information.`,\r\n },\r\n singleSignOnFailedTitle: {\r\n id: 'singleSignOn.LoginFailedTitle',\r\n defaultMessage: 'Login Failed',\r\n },\r\n },\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl, FormattedMessage } from 'react-intl';\r\nimport { messages } from './SingleSignOnFailedForm.i18n';\r\nimport { loadSupportedLanguages } from '../../redux/modules/capability/capability-middleware';\r\nimport { languageChange } from '../../redux/modules/language/language-middleware';\r\n\r\nclass SingleSignOnFailedForm extends Component {\r\n UNSAFE_componentWillMount() {\r\n this.props.dispatch(loadSupportedLanguages());\r\n }\r\n\r\n handleClick = (lang) => {\r\n this.props.dispatch(languageChange(lang));\r\n }\r\n render() {\r\n const { formatMessage } = this.props.intl;\r\n const text = formatMessage(messages.page.singleSignOnFailed);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSingleSignOnFailedForm.propTypes = {\r\n dispatch: PropTypes.func,\r\n language: PropTypes.object.isRequired,\r\n supportedLanguages: PropTypes.array.isRequired,\r\n intl: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n language: state.language,\r\n supportedLanguages: state.capability.languages,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(SingleSignOnFailedForm));","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport Helmet from 'react-helmet';\r\nimport SingleSignOnFailedForm from '../../containers/Login/SingleSignOnFailedForm';\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\nimport { links } from '../../shared/links';\r\n\r\nclass SingleSignOnFailedPage extends Component {\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\r\n }\r\n\r\n render() {\r\n const { formatMessage } = this.props.intl;\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 \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.supportedLanguages.filter((lang) =>\r\n lang.languageCode !== this.props.language.languageCode).map((lang) =>\r\n ( this.handleClick(lang.languageCode)}\r\n role=\"link\" tabIndex=\"0\"\r\n >\r\n {lang.displayName + ' '}\r\n )\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSingleSignOnFailedPage.propTypes = {\r\n intl: PropTypes.object,\r\n dispatch: PropTypes.func.isRequired,\r\n language: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n language: state.language.languageCode,\r\n token: state.token,\r\n location: ownProps.location,\r\n});\r\n\r\nexport default connect(mapStateToProps)(injectIntl(SingleSignOnFailedPage));","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nclass PatientKioskUserLoginForm extends Component {\r\n componentDidMount() {\r\n const { handleLogin, location } = this.props;\r\n const queryString = location.search;\r\n const dataIndex = queryString.indexOf('&data=');\r\n const patientIdIndex = queryString.indexOf('ptId=');\r\n\r\n const singleSignOnId = queryString.substring(dataIndex + 6);\r\n const patientId = queryString.substring(patientIdIndex + 5, dataIndex);\r\n handleLogin(singleSignOnId, patientId);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPatientKioskUserLoginForm.propTypes = {\r\n handleLogin: PropTypes.func.isRequired,\r\n location: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default connect()(PatientKioskUserLoginForm);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport QueryString from 'query-string';\r\n\r\nimport PatientKioskUserLoginForm from '../../containers/Login/PatientKioskUserLoginForm';\r\nimport { patientKioskUserLoginRequest } from '../../redux/modules/auth/auth-middleware';\r\nimport { setIsDedicatedWorkflow } from '../../redux/modules/workflow/workflow-action-creator';\r\n\r\n\r\nclass PatientKioskUserLoginPage extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n const parsedQueryString = QueryString.parse(this.props.location.search);\r\n let redirectTo = '/';\r\n if (parsedQueryString.redirect) {\r\n redirectTo = parsedQueryString.redirect + '?isAutoRedirect=true';\r\n Object.keys(parsedQueryString).forEach((param) => {\r\n if (param !== 'redirect') {\r\n const value = parsedQueryString[param];\r\n redirectTo += '&' + param + '=' + value;\r\n }\r\n });\r\n }\r\n\r\n this.state = {\r\n redirectTo,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount = () => {\r\n this.props.dispatch(setIsDedicatedWorkflow(false));\r\n }\r\n\r\n handleLogin = (singleSignOnIdentificationId, patientId) => {\r\n this.props.dispatch(patientKioskUserLoginRequest(\r\n singleSignOnIdentificationId,\r\n this.state.redirectTo,\r\n patientId\r\n ));\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPatientKioskUserLoginPage.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n location: PropTypes.object,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => ({\r\n token: state.token,\r\n location: ownProps.location,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PatientKioskUserLoginPage);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { IntlProvider } from 'react-intl';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { loadFacility, loadFacilityByPatientId } from '../redux/modules/facility/facility-middleware';\r\nimport { updateWindowSize } from '../redux/modules/window/window-middleware';\r\nimport { loadUserProfile } from '../redux/modules/user-profile/user-profile-middleware';\r\nimport PageLayout from '../containers/PageLayout';\r\nimport SingleSignOnLoginPage from '../pages/LoginPage/SingleSignOnLoginPage';\r\nimport SingleSignOnFailedPage from '../pages/LoginPage/SingleSignOnFailedPage';\r\nimport PatientKioskUserLoginPage from '../pages/LoginPage/PatientKioskUserLoginPage';\r\n\r\nclass AppContainer extends Component {\r\n UNSAFE_componentWillMount() {\r\n window.addEventListener('resize', this.handleResize);\r\n const { dispatch, isAuthenticated } = this.props;\r\n\r\n if (isAuthenticated) {\r\n dispatch(loadUserProfile());\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { dispatch, patientId } = this.props;\r\n dispatch(updateWindowSize());\r\n if (patientId) {\r\n dispatch(loadFacilityByPatientId(patientId));\r\n } else {\r\n dispatch(loadFacility(document.URL));\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n handleResize = () => {\r\n this.props.dispatch(updateWindowSize());\r\n }\r\n\r\n render() {\r\n const { language, translations } = this.props;\r\n\r\n if (translations == null) return null;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n {item}
;\r\n }\r\n return null;\r\n }\r\n\r\n renderCityStateZip(city, state, zip) {\r\n const cityStateZip = getFormattedCityStateZip(city, state, zip);\r\n if (cityStateZip && cityStateZip !== '') {\r\n return {cityStateZip}
;\r\n }\r\n return null;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderAddressItem(this.props.address.institution)}\r\n {this.renderAddressItem(this.props.address.address1)}\r\n {this.props.isShowShortAddress ? null : this.renderAddressItem(this.props.address.address2)}\r\n {this.props.isShowShortAddress ? null : this.renderAddressItem(this.props.address.address3)}\r\n {this.renderCityStateZip(this.props.address.city,\r\n this.props.address.state,\r\n this.props.address.zipCode)}\r\n
\r\n );\r\n }\r\n}\r\n\r\nAddress.propTypes = {\r\n address: PropTypes.object.isRequired,\r\n isShowShortAddress: PropTypes.bool,\r\n otherProperties: PropTypes.object,\r\n};","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { Button, ButtonGroup } from 'react-bootstrap';\r\n\r\nexport class AppointmentFilterButtonGroup extends React.Component {\r\n renderButtons = () =>\r\n ((this.props.filterConfig) ? this.props.filterConfig.map(filterConfigItem =>\r\n (\r\n \r\n {filterConfigItem.filterTitle}\r\n \r\n
)\r\n ) : []);\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nToggleButtonGroup.propTypes = {\r\n leftLabel: PropTypes.object,\r\n rightLabel: PropTypes.object,\r\n handleClickEvent: PropTypes.func,\r\n currentSelection: PropTypes.string,\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Button } from 'react-bootstrap';\r\n\r\nexport class UtilityButtonDefault extends React.Component {\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\n }\r\n}\r\n\r\nUtilityButtonDefault.propTypes = {\r\n buttonName: PropTypes.object,\r\n onClick: PropTypes.func,\r\n};\r\n","/*! @license DOMPurify 3.0.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.1/LICENSE */\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) {\n var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n\n if (!it) {\n if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n if (it) o = it;\n var i = 0;\n\n var F = function () {};\n\n return {\n s: F,\n n: function () {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function (e) {\n throw e;\n },\n f: F\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function () {\n it = it.call(o);\n },\n n: function () {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function (e) {\n didErr = true;\n err = e;\n },\n f: function () {\n try {\n if (!normalCompletion && it.return != null) it.return();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}\n\nvar entries = Object.entries,\n setPrototypeOf = Object.setPrototypeOf,\n isFrozen = Object.isFrozen,\n getPrototypeOf = Object.getPrototypeOf,\n getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar freeze = Object.freeze,\n seal = Object.seal,\n create = Object.create; // eslint-disable-line import/no-mutable-exports\n\nvar _ref = typeof Reflect !== 'undefined' && Reflect,\n apply = _ref.apply,\n construct = _ref.construct;\n\nif (!apply) {\n apply = function apply(fun, thisValue, args) {\n return fun.apply(thisValue, args);\n };\n}\n\nif (!freeze) {\n freeze = function freeze(x) {\n return x;\n };\n}\n\nif (!seal) {\n seal = function seal(x) {\n return x;\n };\n}\n\nif (!construct) {\n construct = function construct(Func, args) {\n return _construct(Func, _toConsumableArray(args));\n };\n}\n\nvar arrayForEach = unapply(Array.prototype.forEach);\nvar arrayPop = unapply(Array.prototype.pop);\nvar arrayPush = unapply(Array.prototype.push);\nvar stringToLowerCase = unapply(String.prototype.toLowerCase);\nvar stringToString = unapply(String.prototype.toString);\nvar stringMatch = unapply(String.prototype.match);\nvar stringReplace = unapply(String.prototype.replace);\nvar stringIndexOf = unapply(String.prototype.indexOf);\nvar stringTrim = unapply(String.prototype.trim);\nvar regExpTest = unapply(RegExp.prototype.test);\nvar typeErrorCreate = unconstruct(TypeError);\nfunction unapply(func) {\n return function (thisArg) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return apply(func, thisArg, args);\n };\n}\nfunction unconstruct(func) {\n return function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return construct(func, args);\n };\n}\n/* Add properties to a lookup table */\n\nfunction addToSet(set, array, transformCaseFunc) {\n transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;\n\n if (setPrototypeOf) {\n // Make 'in' and truthy checks like Boolean(set.constructor)\n // independent of any properties defined on Object.prototype.\n // Prevent prototype setters from intercepting set as a this value.\n setPrototypeOf(set, null);\n }\n\n var l = array.length;\n\n while (l--) {\n var element = array[l];\n\n if (typeof element === 'string') {\n var lcElement = transformCaseFunc(element);\n\n if (lcElement !== element) {\n // Config presets (e.g. tags.js, attrs.js) are immutable.\n if (!isFrozen(array)) {\n array[l] = lcElement;\n }\n\n element = lcElement;\n }\n }\n\n set[element] = true;\n }\n\n return set;\n}\n/* Shallow clone an object */\n\nfunction clone(object) {\n var newObject = create(null);\n\n var _iterator = _createForOfIteratorHelper(entries(object)),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var _step$value = _slicedToArray(_step.value, 2),\n property = _step$value[0],\n value = _step$value[1];\n\n newObject[property] = value;\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return newObject;\n}\n/* This method automatically checks if the prop is function\n * or getter and behaves accordingly. */\n\nfunction lookupGetter(object, prop) {\n while (object !== null) {\n var desc = getOwnPropertyDescriptor(object, prop);\n\n if (desc) {\n if (desc.get) {\n return unapply(desc.get);\n }\n\n if (typeof desc.value === 'function') {\n return unapply(desc.value);\n }\n }\n\n object = getPrototypeOf(object);\n }\n\n function fallbackValue(element) {\n console.warn('fallback value for', element);\n return null;\n }\n\n return fallbackValue;\n}\n\nvar html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG\n\nvar svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);\nvar svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.\n// We still need to know them so that we can do namespace\n// checks properly in case one wants to add them to\n// allow-list.\n\nvar svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);\nvar mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']); // Similarly to SVG, we want to know all MathML elements,\n// even those that we disallow by default.\n\nvar mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);\nvar text = freeze(['#text']);\n\nvar html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);\nvar svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);\nvar mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);\nvar xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);\n\nvar MUSTACHE_EXPR = seal(/\\{\\{[\\w\\W]*|[\\w\\W]*\\}\\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode\n\nvar ERB_EXPR = seal(/<%[\\w\\W]*|[\\w\\W]*%>/gm);\nvar TMPLIT_EXPR = seal(/\\${[\\w\\W]*}/gm);\nvar DATA_ATTR = seal(/^data-[\\-\\w.\\u00B7-\\uFFFF]/); // eslint-disable-line no-useless-escape\n\nvar ARIA_ATTR = seal(/^aria-[\\-\\w]+$/); // eslint-disable-line no-useless-escape\n\nvar IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\\-]+(?:[^a-z+.\\-:]|$))/i // eslint-disable-line no-useless-escape\n);\nvar IS_SCRIPT_OR_DATA = seal(/^(?:\\w+script|data):/i);\nvar ATTR_WHITESPACE = seal(/[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]/g // eslint-disable-line no-control-regex\n);\nvar DOCTYPE_NAME = seal(/^html$/i);\n\nvar getGlobal = function getGlobal() {\n return typeof window === 'undefined' ? null : window;\n};\n/**\n * Creates a no-op policy for internal use only.\n * Don't export this function outside this module!\n * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.\n * @param {Document} document The document object (to determine policy name suffix)\n * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types\n * are not supported).\n */\n\n\nvar _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {\n if (_typeof(trustedTypes) !== 'object' || typeof trustedTypes.createPolicy !== 'function') {\n return null;\n } // Allow the callers to control the unique policy name\n // by adding a data-tt-policy-suffix to the script element with the DOMPurify.\n // Policy creation with duplicate names throws in Trusted Types.\n\n\n var suffix = null;\n var ATTR_NAME = 'data-tt-policy-suffix';\n\n if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {\n suffix = document.currentScript.getAttribute(ATTR_NAME);\n }\n\n var policyName = 'dompurify' + (suffix ? '#' + suffix : '');\n\n try {\n return trustedTypes.createPolicy(policyName, {\n createHTML: function createHTML(html) {\n return html;\n },\n createScriptURL: function createScriptURL(scriptUrl) {\n return scriptUrl;\n }\n });\n } catch (_) {\n // Policy creation failed (most likely another DOMPurify script has\n // already run). Skip creating the policy, as this will only cause errors\n // if TT are enforced.\n console.warn('TrustedTypes policy ' + policyName + ' could not be created.');\n return null;\n }\n};\n\nfunction createDOMPurify() {\n var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();\n\n var DOMPurify = function DOMPurify(root) {\n return createDOMPurify(root);\n };\n /**\n * Version label, exposed for easier checks\n * if DOMPurify is up to date or not\n */\n\n\n DOMPurify.version = '3.0.1';\n /**\n * Array of elements that DOMPurify removed during sanitation.\n * Empty if nothing was removed.\n */\n\n DOMPurify.removed = [];\n\n if (!window || !window.document || window.document.nodeType !== 9) {\n // Not running in a browser, provide a factory function\n // so that you can pass your own Window\n DOMPurify.isSupported = false;\n return DOMPurify;\n }\n\n var originalDocument = window.document;\n var document = window.document;\n var DocumentFragment = window.DocumentFragment,\n HTMLTemplateElement = window.HTMLTemplateElement,\n Node = window.Node,\n Element = window.Element,\n NodeFilter = window.NodeFilter,\n _window$NamedNodeMap = window.NamedNodeMap,\n NamedNodeMap = _window$NamedNodeMap === void 0 ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,\n HTMLFormElement = window.HTMLFormElement,\n DOMParser = window.DOMParser,\n trustedTypes = window.trustedTypes;\n var ElementPrototype = Element.prototype;\n var cloneNode = lookupGetter(ElementPrototype, 'cloneNode');\n var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');\n var getChildNodes = lookupGetter(ElementPrototype, 'childNodes');\n var getParentNode = lookupGetter(ElementPrototype, 'parentNode'); // As per issue #47, the web-components registry is inherited by a\n // new document created via createHTMLDocument. As per the spec\n // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)\n // a new empty registry is used when creating a template contents owner\n // document, so we use that as our parent document to ensure nothing\n // is inherited.\n\n if (typeof HTMLTemplateElement === 'function') {\n var template = document.createElement('template');\n\n if (template.content && template.content.ownerDocument) {\n document = template.content.ownerDocument;\n }\n }\n\n var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);\n\n var emptyHTML = trustedTypesPolicy ? trustedTypesPolicy.createHTML('') : '';\n var _document = document,\n implementation = _document.implementation,\n createNodeIterator = _document.createNodeIterator,\n createDocumentFragment = _document.createDocumentFragment,\n getElementsByTagName = _document.getElementsByTagName;\n var importNode = originalDocument.importNode;\n var hooks = {};\n /**\n * Expose whether this browser supports running the full DOMPurify.\n */\n\n DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined';\n var MUSTACHE_EXPR$1 = MUSTACHE_EXPR,\n ERB_EXPR$1 = ERB_EXPR,\n TMPLIT_EXPR$1 = TMPLIT_EXPR,\n DATA_ATTR$1 = DATA_ATTR,\n ARIA_ATTR$1 = ARIA_ATTR,\n IS_SCRIPT_OR_DATA$1 = IS_SCRIPT_OR_DATA,\n ATTR_WHITESPACE$1 = ATTR_WHITESPACE;\n var IS_ALLOWED_URI$1 = IS_ALLOWED_URI;\n /**\n * We consider the elements and attributes below to be safe. Ideally\n * don't add any new ones but feel free to remove unwanted ones.\n */\n\n /* allowed element names */\n\n var ALLOWED_TAGS = null;\n var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray(html$1), _toConsumableArray(svg$1), _toConsumableArray(svgFilters), _toConsumableArray(mathMl$1), _toConsumableArray(text)));\n /* Allowed attribute names */\n\n var ALLOWED_ATTR = null;\n var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray(html), _toConsumableArray(svg), _toConsumableArray(mathMl), _toConsumableArray(xml)));\n /*\n * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.\n * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)\n * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)\n * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.\n */\n\n var CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {\n tagNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n attributeNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n allowCustomizedBuiltInElements: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: false\n }\n }));\n /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */\n\n var FORBID_TAGS = null;\n /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */\n\n var FORBID_ATTR = null;\n /* Decide if ARIA attributes are okay */\n\n var ALLOW_ARIA_ATTR = true;\n /* Decide if custom data attributes are okay */\n\n var ALLOW_DATA_ATTR = true;\n /* Decide if unknown protocols are okay */\n\n var ALLOW_UNKNOWN_PROTOCOLS = false;\n /* Decide if self-closing tags in attributes are allowed.\n * Usually removed due to a mXSS issue in jQuery 3.0 */\n\n var ALLOW_SELF_CLOSE_IN_ATTR = true;\n /* Output should be safe for common template engines.\n * This means, DOMPurify removes data attributes, mustaches and ERB\n */\n\n var SAFE_FOR_TEMPLATES = false;\n /* Decide if document with ... should be returned */\n\n var WHOLE_DOCUMENT = false;\n /* Track whether config is already set on this instance of DOMPurify. */\n\n var SET_CONFIG = false;\n /* Decide if all elements (e.g. style, script) must be children of\n * document.body. By default, browsers might move them to document.head */\n\n var FORCE_BODY = false;\n /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported).\n * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead\n */\n\n var RETURN_DOM = false;\n /* Decide if a DOM `DocumentFragment` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported) */\n\n var RETURN_DOM_FRAGMENT = false;\n /* Try to return a Trusted Type object instead of a string, return a string in\n * case Trusted Types are not supported */\n\n var RETURN_TRUSTED_TYPE = false;\n /* Output should be free from DOM clobbering attacks?\n * This sanitizes markups named with colliding, clobberable built-in DOM APIs.\n */\n\n var SANITIZE_DOM = true;\n /* Achieve full DOM Clobbering protection by isolating the namespace of named\n * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.\n *\n * HTML/DOM spec rules that enable DOM Clobbering:\n * - Named Access on Window (§7.3.3)\n * - DOM Tree Accessors (§3.1.5)\n * - Form Element Parent-Child Relations (§4.10.3)\n * - Iframe srcdoc / Nested WindowProxies (§4.8.5)\n * - HTMLCollection (§4.2.10.2)\n *\n * Namespace isolation is implemented by prefixing `id` and `name` attributes\n * with a constant string, i.e., `user-content-`\n */\n\n var SANITIZE_NAMED_PROPS = false;\n var SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';\n /* Keep element content when removing element? */\n\n var KEEP_CONTENT = true;\n /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead\n * of importing it into a new Document and returning a sanitized copy */\n\n var IN_PLACE = false;\n /* Allow usage of profiles like html, svg and mathMl */\n\n var USE_PROFILES = {};\n /* Tags to ignore content of when KEEP_CONTENT is true */\n\n var FORBID_CONTENTS = null;\n var DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);\n /* Tags that are safe for data: URIs */\n\n var DATA_URI_TAGS = null;\n var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);\n /* Attributes safe for values like \"javascript:\" */\n\n var URI_SAFE_ATTRIBUTES = null;\n var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);\n var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';\n var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';\n var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';\n /* Document namespace */\n\n var NAMESPACE = HTML_NAMESPACE;\n var IS_EMPTY_INPUT = false;\n /* Allowed XHTML+XML namespaces */\n\n var ALLOWED_NAMESPACES = null;\n var DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);\n /* Parsing of strict XHTML documents */\n\n var PARSER_MEDIA_TYPE;\n var SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];\n var DEFAULT_PARSER_MEDIA_TYPE = 'text/html';\n var transformCaseFunc;\n /* Keep a reference to config to pass to hooks */\n\n var CONFIG = null;\n /* Ideally, do not touch anything below this line */\n\n /* ______________________________________________ */\n\n var formElement = document.createElement('form');\n\n var isRegexOrFunction = function isRegexOrFunction(testValue) {\n return testValue instanceof RegExp || testValue instanceof Function;\n };\n /**\n * _parseConfig\n *\n * @param {Object} cfg optional config literal\n */\n // eslint-disable-next-line complexity\n\n\n var _parseConfig = function _parseConfig(cfg) {\n if (CONFIG && CONFIG === cfg) {\n return;\n }\n /* Shield configuration object from tampering */\n\n\n if (!cfg || _typeof(cfg) !== 'object') {\n cfg = {};\n }\n /* Shield configuration object from prototype pollution */\n\n\n cfg = clone(cfg);\n PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes\n SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE; // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.\n\n transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;\n /* Set configuration parameters */\n\n ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;\n ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;\n ALLOWED_NAMESPACES = 'ALLOWED_NAMESPACES' in cfg ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;\n URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), // eslint-disable-line indent\n cfg.ADD_URI_SAFE_ATTR, // eslint-disable-line indent\n transformCaseFunc // eslint-disable-line indent\n ) // eslint-disable-line indent\n : DEFAULT_URI_SAFE_ATTRIBUTES;\n DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), // eslint-disable-line indent\n cfg.ADD_DATA_URI_TAGS, // eslint-disable-line indent\n transformCaseFunc // eslint-disable-line indent\n ) // eslint-disable-line indent\n : DEFAULT_DATA_URI_TAGS;\n FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;\n FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};\n FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};\n USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;\n ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true\n\n ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true\n\n ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false\n\n ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true\n\n SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false\n\n WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false\n\n RETURN_DOM = cfg.RETURN_DOM || false; // Default false\n\n RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false\n\n RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false\n\n FORCE_BODY = cfg.FORCE_BODY || false; // Default false\n\n SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true\n\n SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false\n\n KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true\n\n IN_PLACE = cfg.IN_PLACE || false; // Default false\n\n IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$1;\n NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;\n CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};\n\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;\n }\n\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;\n }\n\n if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {\n CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;\n }\n\n if (SAFE_FOR_TEMPLATES) {\n ALLOW_DATA_ATTR = false;\n }\n\n if (RETURN_DOM_FRAGMENT) {\n RETURN_DOM = true;\n }\n /* Parse profile info */\n\n\n if (USE_PROFILES) {\n ALLOWED_TAGS = addToSet({}, _toConsumableArray(text));\n ALLOWED_ATTR = [];\n\n if (USE_PROFILES.html === true) {\n addToSet(ALLOWED_TAGS, html$1);\n addToSet(ALLOWED_ATTR, html);\n }\n\n if (USE_PROFILES.svg === true) {\n addToSet(ALLOWED_TAGS, svg$1);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n\n if (USE_PROFILES.svgFilters === true) {\n addToSet(ALLOWED_TAGS, svgFilters);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n\n if (USE_PROFILES.mathMl === true) {\n addToSet(ALLOWED_TAGS, mathMl$1);\n addToSet(ALLOWED_ATTR, mathMl);\n addToSet(ALLOWED_ATTR, xml);\n }\n }\n /* Merge configuration parameters */\n\n\n if (cfg.ADD_TAGS) {\n if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {\n ALLOWED_TAGS = clone(ALLOWED_TAGS);\n }\n\n addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);\n }\n\n if (cfg.ADD_ATTR) {\n if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {\n ALLOWED_ATTR = clone(ALLOWED_ATTR);\n }\n\n addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);\n }\n\n if (cfg.ADD_URI_SAFE_ATTR) {\n addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);\n }\n\n if (cfg.FORBID_CONTENTS) {\n if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {\n FORBID_CONTENTS = clone(FORBID_CONTENTS);\n }\n\n addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);\n }\n /* Add #text in case KEEP_CONTENT is set to true */\n\n\n if (KEEP_CONTENT) {\n ALLOWED_TAGS['#text'] = true;\n }\n /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */\n\n\n if (WHOLE_DOCUMENT) {\n addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);\n }\n /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */\n\n\n if (ALLOWED_TAGS.table) {\n addToSet(ALLOWED_TAGS, ['tbody']);\n delete FORBID_TAGS.tbody;\n } // Prevent further manipulation of configuration.\n // Not available in IE8, Safari 5, etc.\n\n\n if (freeze) {\n freeze(cfg);\n }\n\n CONFIG = cfg;\n };\n\n var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);\n var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); // Certain elements are allowed in both SVG and HTML\n // namespace. We need to specify them explicitly\n // so that they don't get erroneously deleted from\n // HTML namespace.\n\n var COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);\n /* Keep track of all possible SVG and MathML tags\n * so that we can perform the namespace checks\n * correctly. */\n\n var ALL_SVG_TAGS = addToSet({}, svg$1);\n addToSet(ALL_SVG_TAGS, svgFilters);\n addToSet(ALL_SVG_TAGS, svgDisallowed);\n var ALL_MATHML_TAGS = addToSet({}, mathMl$1);\n addToSet(ALL_MATHML_TAGS, mathMlDisallowed);\n /**\n *\n *\n * @param {Element} element a DOM element whose namespace is being checked\n * @returns {boolean} Return false if the element has a\n * namespace that a spec-compliant parser would never\n * return. Return true otherwise.\n */\n\n var _checkValidNamespace = function _checkValidNamespace(element) {\n var parent = getParentNode(element); // In JSDOM, if we're inside shadow DOM, then parentNode\n // can be null. We just simulate parent in this case.\n\n if (!parent || !parent.tagName) {\n parent = {\n namespaceURI: NAMESPACE,\n tagName: 'template'\n };\n }\n\n var tagName = stringToLowerCase(element.tagName);\n var parentTagName = stringToLowerCase(parent.tagName);\n\n if (!ALLOWED_NAMESPACES[element.namespaceURI]) {\n return false;\n }\n\n if (element.namespaceURI === SVG_NAMESPACE) {\n // The only way to switch from HTML namespace to SVG\n // is via \r\n \r\n
\r\n