this.mainContainer = el}>\r\n {showLoggedInHeader && hasMyChart && !isSwitchingProxy &&\r\n {\r\n console.info(`AppRoutes iframeLoaded`);\r\n myChartDemographicsComplete();\r\n let ifrm = document.getElementById(\"mychartDataTile\");\r\n ifrm.parentElement.removeChild(ifrm);\r\n }}\r\n key={`chartPreLoad`/*this.props.currentUser && this.props.currentUser.displayName*/}\r\n containerClass=\"hidden\"\r\n />\r\n }\r\n \r\n \r\n {/*isDashboardPage && !isModuleCrash\r\n ? location.pathname === page) >= 0)} message={readOnlyMessage} />\r\n\r\n \r\n :\r\n ((location.pathname === \"/terms\" ||\r\n location.pathname === \"/faq\" ||\r\n //location.pathname === \"/whatsnew\" ||\r\n location.pathname === \"/disclosures\" ||\r\n location.pathname === \"/payasguest\" ||\r\n location.pathname === \"/privacy\" ||\r\n location.pathname === \"/mycaretasks\" ||\r\n location.pathname === \"/carecoach\" ||\r\n (location && location.pathname && location.pathname.toLowerCase() === \"/visits/guestcancel\") ||\r\n (location.pathname && location.pathname.includes(\"/rx/declineproxy\")) ||\r\n location.pathname === \"/download\") && !isFromMobile) ||\r\n (location.pathname && location.pathname.includes(\"/proxygrant/decline\")) ||\r\n (location.pathname && enableProxyRequestV2 && location.pathname.includes(\"/proxyrequest/decline\")) ||\r\n location.pathname === \"/invalidproxyaccess\"\r\n ?\r\n \r\n {/* isActiveFeature_Amity is not needed as prayerWall is open to all users.\r\n if the check is needed in the future, it can be done inside the PrayerWall component.\r\n doing the check here may fail redirecting to this route from the login screen. \r\n */}\r\n {enablePrayerFeature && /*isActiveFeature_Amity && */ ( ( ( ( ( (\r\n \r\n\r\n {!useOnboardingLayout &&\r\n <>{(isLoggedIn && !isReset && !isFromMobile)\r\n ?\r\n showLoggedInFooter\r\n ? \r\n :
\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isLoggedIn: state.domain.li,\r\n providerList: state.directScheduling.providerList,\r\n canAccessThrive: state.domain.ct,\r\n isEmployee: state.domain.ie,\r\n hasMyChart: state.domain.hm,\r\n isMyChartInActive: state.dashboard.isMyChartInActive,\r\n hasPharmacy: state.memberships.isActiveFeature_Pharmacy,\r\n currentUserHasPharmacy: state.domain.cpu && state.domain.cpu.id,\r\n rxDown: state.inMemory.rxDown,\r\n aalDown: state.inMemory.aalDown,\r\n serverData: state.session.serverData,\r\n menuItems: state.session.serverData ? state.session.serverData.activeMenuItems : null,\r\n appUpdate: state.common[types.GET_APP_UPDATE],\r\n applicationVersion: state.session.serverData ? state.session.serverData.applicationVersion : \"1.0.0.0\",\r\n normalAppUpdateShow: state.header.normalAppUpdateShow,\r\n MobileOnQueryString: state.domain.mq,\r\n isSwitchingProxy: state.memberships.switchingProxyUser,\r\n isProxyUser: state.domain.ip,\r\n isModuleCrash: state.common.hideBannerOnCrash,\r\n enableThrive365Tile: state.session.serverData ? state.session.serverData.enableThrive365Tile : false,\r\n enableProxyRequestV2: state.session.serverData ? state.session.serverData.enableProxyRequestV2 : false,\r\n enableProxyRXRequestAttestation: state.session.serverData ? state.session.serverData.enableProxyRXRequestAttestation : false,\r\n enablePrayerFeature: state.session.serverData && state.session.serverData.enablePrayerFeature,\r\n //isActiveFeature_Amity: state.memberships.activeFeatures && state.memberships.activeFeatures.amity,\r\n communitySupportBanned: state.session.userPreferences && state.session.userPreferences[prayerFeatureConsts.COMMUNITY_SUPPORT_BANNED],\r\n maintenanceEvents: state.session ? state.session.maintenanceEvents : [],\r\n insuranceTabText: state.memberships.insuranceTabText,\r\n siteOutage: state.inMemory.siteOutage,\r\n minAppVersion: state.inMemory.minAppVersion,\r\n appVersion: state.inMemory.appVersion,\r\n useOnboardingLayout: state.session.useOnboardingLayout,\r\n isActiveFeature_InHomeVaccine: state.memberships.isActiveFeature_InHomeVaccine,\r\n isActiveFeatureAnyone_InHomeVaccine: state.memberships.isActiveFeatureAnyone_InHomeVaccine,\r\n enableWellnessTiles: state.memberships.isActiveFeature_Wellness,\r\n enableInHomeFeature: state.session.serverData.enableInHomeFeature,\r\n EnableProxySuggestion: state.session.serverData && state.session.serverData.EnableProxySuggestion ? true : false,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n enableCareCompanion: state.dashboard?.bffDashboardData?.data?.currentUser?.careCompanion?.isCareCompanion, //state.memberships.enableCareCompanion,\r\n epicEHRDown: state.common.epicEHRDown,\r\n enableCareGaps: state.session.serverData && state.session.serverData.enableCareGaps ? true : false,\r\n isProxySwitchForMychartDeepLink: state.memberships.isProxySwitchForMychartDeepLink ? true : false,\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n removeBSWPharmacy: state.session.serverData ? state.session.serverData.removeBSWPharmacy : false,\r\n inHomeCombineEligibility: state.session.serverData ? state.session.serverData.inHomeCombineEligibility : false,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLogoutClick: () => dispatch({ type: types.LOGOUT, logoutMessage: msgs.UserInitiatedLogoutMessage }),\r\n forceReload: () => dispatch({ type: types.RELOAD_KEY }),\r\n setUseOnboardingLayout: (useOnboardingLayout) => dispatch({ type: types.SET_USE_ONBOARDING_LAYOUT, useOnboardingLayout: useOnboardingLayout }),\r\n setScreenBreakPoint: (screenBreakPoint) => {\r\n dispatch({ type: types.SET_SCREEN_BREAKPOINT, screenBreakPoint });\r\n },\r\n myChartDemographicsComplete: () => dispatch({ type: types.MYCHART_DEMOGRAPHICS_COMPLETE }),\r\n resetSeeAllView: () => dispatch({ type: types.RESET_DASHBOARD_SEE_ALL_VIEW })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(AppRoutes));","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DatePicker from \"../common/DatePicker\";\r\nimport OpenSchedulingError from \"./OpenSchedulingError\";\r\nimport { Link } from \"react-router-dom\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport MultiLineSelect from \"../common/input/multiLineSelect\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { get, startCase } from 'lodash';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport Spinner from \"../common/spinner\";\r\nimport * as queryString from 'query-string';\r\nimport { gaCheckout } from \"../../api/gaLoging\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass AppointmentInfo extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n const { match } = this.props;\r\n let mammogramUrlParams = match && match.params && match.params.visitTypeId && match.params.visitTypeId.split(',');\r\n let twoDstateValue = mammogramUrlParams && mammogramUrlParams.length > 0 && mammogramUrlParams[0] === window.serverData.data.mammographyVisitTypeId ? window.serverData.data.mammographyVisitTypeId : \"\";\r\n let threeDStateValue = mammogramUrlParams && mammogramUrlParams.length > 0 && mammogramUrlParams[0] === window.serverData.data.mammography3DVisitTypeId ? window.serverData.data.mammography3DVisitTypeId : \"\";\r\n this.state = {\r\n textDisplay: false,\r\n twoDstate: twoDstateValue,\r\n threeDstate: threeDStateValue,\r\n isTwoDVisible: false,\r\n isToggle2D: false,\r\n fields: {\r\n visitType: '',\r\n location: '',\r\n dob: ''\r\n },\r\n notAvailableMsg: \"\",\r\n lastSelectedMonth: -1,\r\n validationError: \"\",\r\n showAsInvalid: false,\r\n nextStepCalled: false,\r\n monthChanged: false\r\n };\r\n\r\n this.mounted = false;\r\n this.twoDSlot = twoDstateValue;\r\n this.threeDSlot = threeDStateValue;\r\n this.monthName = \"\";\r\n\r\n this.handleVisitTypeChange = this.handleVisitTypeChange.bind(this);\r\n this.handleLocationchange = this.handleLocationchange.bind(this);\r\n this.formatSchedule = this.formatSchedule.bind(this);\r\n this.requestScheduleByMonth = this.requestScheduleByMonth.bind(this);\r\n this.checkStepChange = this.checkStepChange.bind(this);\r\n this.formatDate = this.formatDate.bind(this);\r\n this.parseDate = this.parseDate.bind(this);\r\n this.dateStringCompare = this.dateStringCompare.bind(this);\r\n this.containsDate = this.containsDate.bind(this);\r\n this.stupidDatePickerHack = this.stupidDatePickerHack.bind(this);\r\n this.getEndDate = this.getEndDate.bind(this);\r\n this.goToEarliestMonth = this.goToEarliestMonth.bind(this);\r\n this.selectedDayUnavailable = false;\r\n this.selectedTimeUnavailable = false;\r\n this.timeSelected = false;\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.AppointmentInfo.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.mounted = true;\r\n if (this.props.isMammography) {\r\n let mammogramUrlParams = this.props.match && this.props.match.params;\r\n if (this.props.isFromDotCOM) {\r\n let typeIds = mammogramUrlParams && mammogramUrlParams.visitTypeId.split(',');\r\n if (typeIds.length > 1) {\r\n this.setState({\r\n canShowTogglebutton: true,\r\n twoDstate: window.serverData.data.mammographyVisitTypeId,\r\n threeDstate: window.serverData.data.mammography3DVisitTypeId\r\n })\r\n }\r\n\r\n if (typeIds[0].includes(window.serverData.data.mammographyVisitTypeId)) {\r\n this.setState({\r\n isTwoDVisible: true\r\n })\r\n }\r\n else {\r\n this.setState({\r\n isTwoDVisible: false\r\n })\r\n }\r\n }\r\n else {\r\n if (mammogramUrlParams && mammogramUrlParams.visitTypeId.split(',')) {\r\n if (this.props.visitTypes.length === 1) {\r\n if (this.props.visitTypes[0].value.trim(' ').includes(window.serverData.data.mammographyVisitTypeId)) {\r\n this.setState({\r\n isTwoDVisible: true\r\n })\r\n } else {\r\n this.setState({\r\n isTwoDVisible: false\r\n })\r\n }\r\n } else {\r\n this.setState({\r\n isTwoDVisible: false\r\n })\r\n }\r\n }\r\n if (this.props.visit.visitType.id.split(',').length > 1) {\r\n const visitTypeIds = this.props.visit.visitType.id.split(',');\r\n const { serverData } = this.props;\r\n const index2D = visitTypeIds.findIndex(ele => ele === serverData.mammographyVisitTypeId);\r\n const index3D = visitTypeIds.findIndex(ele => ele === serverData.mammography3DVisitTypeId);\r\n this.setState({\r\n canShowTogglebutton: true,\r\n twoDstate: this.props.visit.visitType.id.split(',')[index2D] + '|' + this.props.visit.visitType.idType,\r\n threeDstate: this.props.visit.visitType.id.split(',')[index3D] + '|' + this.props.visit.visitType.idType\r\n })\r\n } else if (mammogramUrlParams.visitTypeId.split(',').length > 1) {\r\n this.setState({\r\n canShowTogglebutton: true,\r\n twoDstate: window.serverData.data.mammographyVisitTypeId,\r\n threeDstate: window.serverData.data.mammography3DVisitTypeId\r\n })\r\n }\r\n else if (this.props.visit.visitType.id === window.serverData.data.mammographyVisitTypeId) {\r\n this.setState({\r\n twoDstate: this.props.visit.visitType.id + '|' + this.props.visit.visitType.idType,\r\n })\r\n } else {\r\n this.setState({\r\n threeDstate: this.props.visit.visitType.id + '|' + this.props.visit.visitType.idType,\r\n })\r\n }\r\n }\r\n }\r\n this.componentDidUpdate();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { isFromDotCOM, isMammography, goToNewStep, enableFluVaccineSchedulingWorkflow, visit, mammogramQuestions, hasMyChart, enableNewProviderSchedulingWorkflow } = this.props;\r\n if (this.props.visitTypeSelectedValue && !this.isYourDoctorVisitTypeUpdated && this.props.visitTypes.length > 0 && this.props.departments.length > 0) {//just check this incase of any default value other than initial default.\r\n this.isYourDoctorVisitTypeUpdated = true;\r\n this.handleVisitTypeChange(this.props.visitTypeSelectedValue);\r\n }\r\n this.props.selectedDayUnavailable && this.props.selectedDayUnavailable(this.selectedDayUnavailable);\r\n this.props.selectedTimeUnavailable && this.props.selectedTimeUnavailable(this.selectedTimeUnavailable);\r\n this.props.isMonthChanged && this.props.isMonthChanged(this.state.monthChanged);\r\n\r\n if (isMammography && mammogramQuestions) {\r\n this.props.questionsCallBack(mammogramQuestions);\r\n }\r\n\r\n\r\n // debugger;\r\n // don't allow the user to proceed if we don't actually have schedule data.\r\n let canContinue = false;\r\n if (this.props.visit.date !== \"\" && this.props.visit.time !== \"\" && this.props.schedule && this.props.schedule.scheduleDays) {\r\n\r\n // scheduleDays[i].date = \"2019-04-12\"\r\n // props.visit.date = \"2019-4-12\"\r\n // scheduleDays[i].slots[j].time = \"13:00:00\"\r\n // props.visit.time = \"13:00:00\"\r\n let visitDt = new Date(this.props.visit.date);\r\n let dt = this.props.schedule.scheduleDays.find(d => {\r\n var date = new Date(d.date);\r\n return date.getFullYear() === visitDt.getFullYear() && date.getMonth() === visitDt.getMonth() && date.getDate() === visitDt.getDate();\r\n });\r\n\r\n\r\n // what the ???\r\n if (typeof dt !== \"undefined\" && dt !== null && dt !== \"\") {\r\n if (this.props.routeStepNumber !== 0 && this.state.nextStepCalled === false && !isFromDotCOM) {\r\n // if the route is requesting a step other than AppointmentInfo, check the scheduleDays and make sure that the route's date & time are available before switching to the new step.\r\n let time = dt.slots.find(s => s.time === this.props.visit.time);\r\n if (time && time.time && !isMammography && !enableFluVaccineSchedulingWorkflow) {\r\n this.setState({ nextStepCalled: true }, () => {\r\n this.props.stepManager.goNext();\r\n });\r\n }\r\n }\r\n } else {\r\n //debugger;\r\n //let visit = this.props.visit;\r\n //visit.date = \"\";\r\n //visit.time = \"\";\r\n //this.props.saveStepInfo({ visit: visit });\r\n }\r\n }\r\n if (this.isYourDoctorVisitTypeUpdated && this.props.schedule && !this.state.monthChanged) { //update slots if from your doctor visit as we call visittype change in this component.\r\n const scheduleDays = this.props.schedule ? this.props.schedule.scheduleDays : null;\r\n if (scheduleDays && scheduleDays.length > 0) {\r\n if ((!this.isUpdatedAlready || !this.isEqual(this.prevScheduleDays, scheduleDays)) && this.props.routeDate !== scheduleDays[0].date) {\r\n const visit = this.props.visit;\r\n visit.date = \"\";\r\n visit.time = \"\";\r\n this.props.saveStepInfo({ visit: visit });\r\n this.resetShowInValid();\r\n this.prevScheduleDays = scheduleDays;\r\n this.isUpdatedAlready = true;\r\n }\r\n else { this.prevScheduleDays = scheduleDays; }\r\n\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n }\r\n\r\n isEqual(prevSchedule, schedule) {\r\n // if length is not equal \r\n if (prevSchedule.length !== schedule.length)\r\n return false;\r\n else {\r\n // comapring first element of array \r\n if (prevSchedule[0].date !== schedule[0].date)\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n // per Jake/Jason: when the user selects a new visit type or location, navigate to the earliest date for that type of appointment.\r\n goToEarliestMonth(visitTypeId, locationId) {\r\n let earliest = null;\r\n let visit = this.props.visit;\r\n\r\n // jeez...\r\n if (this.props.providerDetails && this.props.providerDetails.openSchedule && this.props.providerDetails.openSchedule.dateAndTimes && this.props.providerDetails.openSchedule.dateAndTimes.length > 0) {\r\n for (var i = 0; i < this.props.providerDetails.openSchedule.dateAndTimes.length; i++) {\r\n let day = this.props.providerDetails.openSchedule.dateAndTimes[i];\r\n for (var j = 0; j < day.times.length; j++) {\r\n let time = day.times[j];\r\n if (time.visitTypeId === visitTypeId && time.departmentId === locationId) {\r\n earliest = day;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (earliest) {\r\n const earliestDate = Tools.toJSDate(earliest.date, DATE_FORMAT);\r\n const endDt = this.getEndDate(earliestDate);\r\n visit.date = `${earliestDate.getFullYear()}-${earliestDate.getMonth() + 1}-${earliestDate.getDate()}`;\r\n this.props.saveStepInfo({\r\n startDate: `${earliestDate.getFullYear()}-${earliestDate.getMonth() + 1}-${earliestDate.getDate()}`,\r\n endDate: `${endDt.getFullYear()}-${endDt.getMonth() + 1}-${endDt.getDate()}`,\r\n visit: visit\r\n });\r\n }\r\n }\r\n\r\n handleVisitTypeChange(val) {\r\n const visit = this.props.visit;\r\n if (this.props.selectedVisitTypeId !== val) {\r\n const id = val.split(\"|\")[0];\r\n const type = val.split(\"|\")[1];\r\n const visitItem = val && this.props.visitTypes ? this.props.visitTypes.find(item => item.value === val) : undefined;\r\n visit.visitType.id = id;\r\n visit.visitType.description = visitItem ? visitItem.label : \"\";\r\n visit.visitType.idType = type;\r\n const readRouteDateTime = this.isYourDoctorVisitTypeUpdated && !this.alreadyReadTheRouteDateTimeForYourDoctorVisit;\r\n visit.date = readRouteDateTime ? this.props.routeDate ? this.props.routeDate : \"\" : \"\";\r\n visit.time = readRouteDateTime ? this.props.routeTime ? this.props.routeTime : \"\" : \"\";\r\n // visit.visitType.descrption = visitItem.label;\r\n this.alreadyReadTheRouteDateTimeForYourDoctorVisit = true;\r\n const loadSchedule = visit.visitType && visit.visitType.id !== \"\" && visit.department && visit.department.id !== \"\";\r\n this.props.saveStepInfo({ val, visitTypeChanged: true, visit: visit }, loadSchedule, false);\r\n this.resetShowInValid();\r\n }\r\n\r\n this.goToEarliestMonth(visit.visitType.id, visit.department.id);\r\n\r\n this.checkStepChange(visit);\r\n }\r\n\r\n handleLocationchange(val) {\r\n var change = false;\r\n let visit = this.props.visit;\r\n const id = val && val.length > 0 ? val.split(\"|\")[0] : \"\";\r\n const type = val && val.length > 0 ? val.split(\"|\")[1] : \"\";\r\n if (this.props.visit.department && this.props.visit.department.id !== id) {\r\n change = true;\r\n if (id && id.length > 0) {\r\n visit.department.id = id;\r\n visit.department.idType = type;\r\n const address = val && this.props.departments ? this.props.departments.find((item) => item.value === val) : undefined;\r\n if (address) {\r\n visit.department.description = address.label;\r\n visit.department.address.street1 = address.address1;\r\n visit.department.address.street2 = address.address2;\r\n visit.department.address.city = address.city;\r\n visit.department.address.state = address.state;\r\n visit.department.address.zip = address.zip;\r\n visit.department.phone = address.phone;\r\n }\r\n }\r\n else {\r\n visit.department.id = \"\";\r\n visit.department.description = \"\";\r\n visit.department.idType = \"\";\r\n visit.department.address.street1 = \"\";\r\n visit.department.address.street2 = \"\";\r\n visit.department.address.city = \"\";\r\n visit.department.address.state = \"\";\r\n visit.department.address.zip = \"\";\r\n visit.department.phone = \"\";\r\n }\r\n this.resetShowInValid();\r\n }\r\n if (change) {\r\n const loadSchedule = visit.visitType && visit.visitType.id !== \"\" && visit.department && visit.department.id !== \"\";\r\n this.setState({ visit: visit });\r\n this.props.saveStepInfo({ locationChanged: true, visit: visit }, loadSchedule, false);\r\n }\r\n\r\n this.goToEarliestMonth(visit.visitType.id, visit.department.id);\r\n\r\n this.checkStepChange(visit);\r\n }\r\n\r\n checkStepChange(visit) {\r\n //if (visit.department.id !== \"\" && visit.visitType.id !== \"\" && visit.date !== \"\" && visit.time !== \"\") {\r\n // this.props.jumpToStep(1);\r\n //}\r\n }\r\n\r\n formatSchedule(time) {\r\n return Tools.formatTimeString(time);\r\n }\r\n\r\n formatDate(date) {\r\n // var dt = new Date(date);\r\n // return dt.toLocaleDateString('en-US', { year: 'numeric', month: 'numeric', day: 'numeric' });\r\n var dt = Tools.toJSDate(date, Tools.getDateFormats());\r\n return Tools.getFormattedDate(dt);\r\n }\r\n\r\n parseDate(strDate) {\r\n // stupid javascript dates\r\n if (!strDate) {\r\n let today = Tools.toJSDate(new Date());\r\n strDate = Tools.dateSimpleFormat(today);\r\n }\r\n const date = Tools.toJSDate(`${strDate} 00:00:00`, DATE_FORMAT);\r\n return date;\r\n }\r\n\r\n dateStringCompare(strDt1, strDt2) {\r\n // stupid, stupid, STUPID javascript dates\r\n const isSameDate = Tools.isSameDate(strDt1, strDt2);\r\n return isSameDate;\r\n }\r\n\r\n containsDate(ar, dt) {\r\n let ret = false;\r\n if (ar) {\r\n for (var i = 0; i < ar.length; i++) {\r\n const ardt = ar[i];\r\n if (ardt.getFullYear() === dt.getFullYear() && ardt.getMonth() === dt.getMonth() && ardt.getDate() === dt.getDate()) {\r\n ret = true;\r\n break;\r\n }\r\n }\r\n }\r\n return ret;\r\n }\r\n\r\n requestScheduleByMonth(month, dt) {\r\n month = this.state.lastSelectedMonth !== -1 && this.state.lastSelectedMonth > dt.getMonth() ? month : month - 1;\r\n let start = new Date(dt.getFullYear(), month, 1);\r\n let end = new Date(dt.getFullYear(), month + 1, 0);\r\n this.props.saveStepInfo({\r\n startDate: `${start.getFullYear()}-${start.getMonth() + 1}-${start.getDate()}`,\r\n endDate: `${end.getFullYear()}-${end.getMonth() + 1}-${end.getDate()}`\r\n }, true, false, false);\r\n }\r\n\r\n stupidDatePickerHack(dt) {\r\n // turn a string containing YYYY-MM-DD into one containing MM-DD-YYYY\r\n if (!dt) {\r\n let today = Tools.toJSDate(new Date());\r\n dt = Tools.dateSimpleFormat(today);\r\n }\r\n const date = Tools.toJSDate(`${dt} 00:00:00`, DATE_FORMAT);\r\n let formatedDate = Tools.getSpecificDateFormat(date)\r\n return formatedDate && formatedDate.length ? formatedDate : null;\r\n //return parts && parts.length > 1 ? `${(parts[1] + 1).toString().padStart(2, \"0\")}-${parts[2].toString().padStart(2, \"0\")}-${parts[0]}` : null;\r\n }\r\n\r\n getEndDate(dtStart) {\r\n let dtEnd = new Date(dtStart);\r\n dtEnd.setDate(1);\r\n let next = dtEnd.getDate() + 30;\r\n dtEnd.setDate(next);\r\n return dtEnd;\r\n }\r\n\r\n // onGoBack(success) {\r\n // if (this.props.isFromVideoVisitOptions) {\r\n // this.props.previousButtonState(true);\r\n // }\r\n // }\r\n\r\n onGoNext(success) {\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n if (this.props.enableFluVaccineSchedulingWorkflow && this.isDateOrTimeChange) {\r\n let { locationInfo, visit } = this.props;\r\n if (locationInfo && visit) {\r\n let { date, time } = visit;\r\n const eventType = \"checkout\";\r\n const list = \"Find Care Page\";\r\n const category = \"Open Scheduling\";\r\n const brand = \"Flu Vaccine\";\r\n const variant = \"service flow\";\r\n const position = this.props.selectedIndex;\r\n const step = 1;\r\n const patientStatus = 'Existing Patient';\r\n gaCheckout(eventType, this.props.providerId, locationInfo.locationName, locationInfo.locationID, position, list, category, brand, variant, step, patientStatus, date);\r\n this.isDateOrTimeChange = false;\r\n }\r\n }\r\n //call api to load mammogram questions on continue click\r\n if (this.props.isMammography) {\r\n this.props.questionsLoaded(true);\r\n this.loadMammogramQuestions();\r\n\r\n if (this.props.enableNewServiceSchedulingWorkflow && this.props.isFromDotCOM && this.props.patientInfoStepValue && !this.props.hasMyChart) {\r\n this.props.goToNewStep(true, this.props.patientInfoStepValue);\r\n }\r\n }\r\n }\r\n\r\n loadMammogramQuestions = () => {\r\n this.props.getMammogramQuestions({ visitTypeId: this.props.changedVisitTypeId })\r\n }\r\n\r\n\r\n isValid() {\r\n // Debugger;\r\n return this.isValidate();\r\n }\r\n\r\n isValidate() {\r\n const { validationError } = this.state;\r\n if (this.props.getScheduleError || this.props.earliestScheduleError) {\r\n this.setState({ validationError: \"Please select an available time.\" });\r\n return false;\r\n }\r\n else {\r\n const bValid = this.props.visit && this.props.visit.time !== \"\" && !this.selectedDayUnavailable && !this.selectedTimeUnavailable;\r\n if (!bValid) {\r\n if (validationError !== \"Please select an available time.\") {\r\n this.setState({ validationError: \"Please select an available time.\" });\r\n }\r\n }\r\n else {\r\n this.setState({ validationError: \"\" });\r\n }\r\n return bValid;\r\n }\r\n }\r\n\r\n //Reset the invalid flag.\r\n resetShowInValid() {\r\n const { showAsInvalid } = this.state;\r\n if (this.mounted && showAsInvalid) {\r\n this.setState({ showAsInvalid: false });\r\n }\r\n }\r\n\r\n isFedUp() {\r\n return this.props.visitTypeAndLocationFailed;\r\n }\r\n\r\n isVirtualVisit = () => {\r\n const { serverData, visit } = this.props;\r\n // As discussed, we need to disable location for all visits present in VideoVisitTypesForLaunchButton config.\r\n const videoVisitTypesForLaunchButton = serverData && serverData.videoVisitTypesForLaunchButton && serverData.videoVisitTypesForLaunchButton.length > 0 ? serverData.videoVisitTypesForLaunchButton : null;\r\n const videoVisitTypesForDirectScheduling = serverData && serverData.enableCustomDirectScheduling && disableLocationForVisits ? disableLocationForVisits.split(',') : null;\r\n let disableLocationForVisits = videoVisitTypesForLaunchButton ? videoVisitTypesForLaunchButton + \",\" : null;\r\n return visit && visit.visitType && visit.visitType.id && videoVisitTypesForDirectScheduling && videoVisitTypesForDirectScheduling.indexOf(visit.visitType.id) !== -1;\r\n }\r\n\r\n onToggleButton = () => {\r\n if (this.state.isTwoDVisible) {\r\n this.handleVisitTypeChange(window.serverData.data.mammography3DVisitTypeId);\r\n this.props.visitTypeCallback(window.serverData.data.mammography3DVisitTypeId);\r\n } else {\r\n this.handleVisitTypeChange(window.serverData.data.mammographyVisitTypeId);\r\n this.props.visitTypeCallback(window.serverData.data.mammographyVisitTypeId);\r\n\r\n }\r\n this.setState({\r\n isTwoDVisible: !this.state.isTwoDVisible\r\n })\r\n }\r\n\r\n getVisitTypeIdSpecificTimeSlots(scheduleDays) {\r\n let twoDSlots = [];\r\n let threeDSlots = [];\r\n if (this.state.isTwoDVisible) {\r\n for (let count = 0; count < scheduleDays.length; count++) {\r\n if (scheduleDays[count].visitType.id === window.serverData.data.mammographyVisitTypeId) {\r\n twoDSlots.push(scheduleDays[count]);\r\n }\r\n }\r\n scheduleDays = twoDSlots;\r\n } else {\r\n for (let count = 0; count < scheduleDays.length; count++) {\r\n if (scheduleDays[count].visitType.id === window.serverData.data.mammography3DVisitTypeId) {\r\n threeDSlots.push(scheduleDays[count]);\r\n }\r\n }\r\n scheduleDays = threeDSlots;\r\n }\r\n return scheduleDays;\r\n }\r\n\r\n render() {\r\n const { visit, schedule, enableFluVaccineSchedulingWorkflow, enableNewVideoVisitFlow, visitTypeDisplayName, changedVisitTypeId, isMammography, serverData, scheduleDaysAvailable,\r\n providerSearchModel, isFromVideoVisitOptions, isDisableSelectVisitAndDepartOption, isDirectVisit, t, translate\r\n } = this.props;\r\n const { validationError, showAsInvalid, canShowTogglebutton } = this.state;\r\n let scheduleDays = schedule ? schedule.scheduleDays : null;\r\n if (this.props.visitTypes.length > 1 && isMammography) {\r\n this.threeDSlot = this.props.visitTypes[1].value.trim(' ');\r\n this.twoDSlot = this.props.visitTypes[0].value.trim(' ');\r\n }\r\n if (isMammography && this.state.twoDstate.length > 1 && this.state.threeDstate.length > 1 && schedule && schedule.scheduleDays) {\r\n scheduleDays = this.getVisitTypeIdSpecificTimeSlots(schedule.scheduleDays);\r\n }\r\n // calendar items...\r\n const calendarSlots = scheduleDays && scheduleDays.length > 0 ? scheduleDays.map((slot, i) => { return slot.date; }) : [];\r\n const selectedDays = scheduleDays && scheduleDays.length > 0 ? scheduleDays.map((slot, i) => { return this.parseDate(slot.date); }) : [];\r\n let selectedDate = \"\", selectedTime = \"\", visitTypeName = \"\";\r\n if (visit) {\r\n selectedDate = visit.date;\r\n // if (!selectedDate || selectedDate === \"\") {\r\n // selectedDate = this.props.routeDate;\r\n //}\r\n selectedTime = visit.time;\r\n visitTypeName = visit.visitType && visit.visitType.description;\r\n }\r\n this.selectedDayUnavailable = false;\r\n if (scheduleDaysAvailable === false) {\r\n this.selectedDayUnavailable = true;\r\n }\r\n else if (selectedDate && this.props.schedule && this.props.schedule.scheduleDays) {\r\n const ar = this.props.schedule.scheduleDays.filter((item) => this.dateStringCompare(item.date, selectedDate));\r\n if (isMammography && changedVisitTypeId && changedVisitTypeId.length && canShowTogglebutton) {\r\n this.selectedDayUnavailable = !ar.some((item) => item.visitType.id === this.props.changedVisitTypeId);\r\n } else {\r\n this.selectedDayUnavailable = ar.length <= 0 ? true : false;\r\n }\r\n }\r\n\r\n //stupid logic\r\n if (this.props.isFromDotCOM && this.selectedDayUnavailable) {\r\n selectedDays.push(this.parseDate(visit.date))\r\n }\r\n\r\n let findcareSearchParms = null;\r\n if (providerSearchModel) {\r\n findcareSearchParms = \"?\" + queryParams({\r\n keyword: providerSearchModel.keyword ? providerSearchModel.keyword : '',\r\n vector: providerSearchModel.vectorName ? providerSearchModel.vectorName : '',\r\n visitType: visitTypeName,\r\n userlocation: providerSearchModel.Location ? providerSearchModel.Location : '',\r\n state: \"scheduling\"\r\n });\r\n }\r\n\r\n // buttons...\r\n let buttonSlots = [];\r\n let calSelectedDay = null;\r\n // calendar data available, highlight either the date the user selected or the first available date...\r\n if (scheduleDays && scheduleDays.length > 0) {\r\n let dtVisit = Tools.toJSDate(`${visit.date} 00:00:00`, DATE_FORMAT);\r\n let dtSched = Tools.toJSDate(`${scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n let selDay = selectedDate !== \"\" ? Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT) : new Date();\r\n let dtStart = this.props.startDate !== \"\" ? Tools.toJSDate(`${this.props.startDate} 00:00:00`, DATE_FORMAT) : new Date();\r\n let dtStr = visit.date;\r\n if (visit.date !== \"\") {\r\n calSelectedDay = dtVisit;\r\n }\r\n else if (dtSched) {\r\n calSelectedDay = dtSched;\r\n dtStr = `${dtSched.getFullYear()}-${(dtSched.getMonth() + 1).toString().padStart(2, '0')}-${dtSched.getDate().toString().padStart(2, '0')}`;\r\n }\r\n else if (this.props.routeDate) {\r\n calSelectedDay = Tools.toJSDate(this.props.routeDate, DATE_FORMAT);\r\n }\r\n else {\r\n calSelectedDay = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n dtStr = `${selectedDate} 00:00:00`;\r\n calSelectedDay.setDate(1);\r\n }\r\n\r\n // one last check: if the selected day is not in the dates returned by the api, select the first available date\r\n if (calendarSlots && calendarSlots.length > 0) {\r\n let formatted = Tools.dateSimpleFormat(calSelectedDay);\r\n let isInList = calendarSlots.filter((day, i) => day === formatted).length > 0;\r\n if (!isInList && !(this.props.isFromDotCOM && ((enableFluVaccineSchedulingWorkflow) || (this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow))))) {\r\n calSelectedDay = Tools.toJSDate(calendarSlots[0], DATE_FORMAT);\r\n }\r\n }\r\n }\r\n\r\n // default selections: props received but no selection has been made...default to the first item in each list.\r\n if (this.props.visit && this.props.visit.department && this.props.visit.department.id === \"\" && this.props.visit && this.props.visit.visitType && this.props.visit.visitType.id === \"\" &&\r\n this.props.visitTypes.length > 0 && this.props.departments.length > 0) {\r\n this.handleVisitTypeChange(this.props.visitTypes[0].value);\r\n this.handleLocationchange(this.props.departments[0].value);\r\n }\r\n\r\n this.selectedTimeUnavailable = false;\r\n if (selectedDate && selectedDate !== \"\") {\r\n if (scheduleDays && scheduleDays.length >= 0) {\r\n //let dt = this.parseDate(selectedDate);\r\n let dt = Tools.toJSDate(selectedDate, DATE_FORMAT);\r\n for (var i = 0; i < scheduleDays.length; i++) {\r\n let scheduleDay = [];\r\n if (isMammography && scheduleDays[i].slots.length) {\r\n scheduleDay = scheduleDays[i];\r\n } else if (!isMammography) {\r\n scheduleDay = scheduleDays[i];\r\n }\r\n //const scheduleDay = scheduleDays[i];\r\n const schedDate = this.parseDate(scheduleDay.date);\r\n if (this.state.monthChanged === false) {\r\n if (this.props.routeDate && this.props.routeDate === selectedDate) {\r\n if (this.props.routeTime === undefined || this.props.routeTime === null || this.props.routeTime === \"\") {\r\n this.selectedTimeUnavailable = false;\r\n }\r\n else if (this.props.visitTypeChanged === false && this.props.locationChanged === false && scheduleDay.date === this.props.routeDate && this.props.routeDate && this.props.isFromDotCOM && ((enableFluVaccineSchedulingWorkflow) || (this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow)))) {\r\n // don't show the \"selected time unavailable\" error if the drop downs have changed...\r\n this.selectedTimeUnavailable = scheduleDay.slots.filter((day) => day.time === selectedTime || day.time === this.props.routeTime).length === 0;\r\n }\r\n }\r\n }\r\n\r\n if (dt.getFullYear() === schedDate.getFullYear() && dt.getMonth() === schedDate.getMonth() && dt.getDate() === schedDate.getDate()) {\r\n let bMatched = false;\r\n //let checkedIdx = 0;\r\n //for (var idx = 0; idx < scheduleDay.slots.length; idx++) {\r\n // if (scheduleDay.slots[idx].time === selectedTime) {\r\n // checkedIdx = idx;\r\n // break;\r\n // }\r\n //}\r\n buttonSlots = scheduleDay && scheduleDay.slots && scheduleDay.slots.map((slot, i) => {\r\n if (slot.time === selectedTime) {\r\n bMatched = true;\r\n }\r\n return ;\r\n });\r\n if (!bMatched) {\r\n this.timeSelected = false;\r\n if (selectedTime !== \"\") {\r\n this.props.saveSlot(\"\");\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n let showButtonSlots = calendarSlots.length > 0 && buttonSlots.length > 0 && this.props.visit.date !== \"\" && !this.props.waiting;\r\n // error message text\r\n let errorTime = translateText(t && translate, \"The selected time is not available.\", t);\r\n let errorTimeAnchor = translateText(t && translate, \"see more doctors with availability.\", t);\r\n let errorDate = translateText(t && translate, \"The selected date is not available.\", t);\r\n let errorDateAnchor = translateText(t && translate, \"see more doctors with availability.\", t);\r\n let errorNoAvailability = isMammography ? \"\" : `There is no availability for the selected visit type${(this.props.departments && this.props.departments.length > 1) ? ' for the selected location' : ''} this month.`;\r\n let errorNoAvailabilityAnchor = isMammography ? \"\" : \"See more doctors with availability.\";\r\n let appendVisit = visitTypeName && visitTypeName.toLowerCase().indexOf(\"visit\") >= 0 ? \"\" : ' ' + translateText(t && translate, \"visit\", t);\r\n let appendVisitName = visit.name\r\n //let mammoVisit = this.props.visitTypes && this.props.visitTypes.length && this.props.visitTypes[0] && this.props.visitTypes[0].label;\r\n let errorToShow = \"\";\r\n let selectedDateUnavailable = false;\r\n\r\n //Show error for if selected date is unavailable:\r\n if (this.props.startDate && this.props.routeDate && this.props.startDate === this.props.routeDate && calendarSlots && calendarSlots.length > 0) {\r\n const containsStartDate = calendarSlots.filter((slot, i) => Tools.isSameDate(slot, this.props.startDate)).length > 0;\r\n if (!containsStartDate) selectedDateUnavailable = true;\r\n }\r\n\r\n if ((this.selectedDayUnavailable === true || scheduleDaysAvailable === false) && !(((this.props.enableNewProviderSchedulingWorkflow) || (this.props.enableFluVaccineSchedulingWorkflow)) && this.props.isFromDotCOM)) {\r\n errorToShow = \"errorNoAvailability\";\r\n // let monthName = \"\";\r\n if (this.props.startDate) {\r\n let sDate = Tools.toJSDate(`${this.props.startDate} 00:00:00`, DATE_FORMAT);\r\n let displayMonth = '' + (sDate.getMonth() + 1);\r\n if (displayMonth.length < 2) displayMonth = '0' + displayMonth;\r\n this.monthName = Tools.getMonthFullName(displayMonth);\r\n }\r\n //Show this error msg for if selected month slots was unavailable in open Scheduling & Direct Scheduling \r\n if (!this.props.getScheduleError && visitTypeName !== \"\" && !isMammography) {\r\n errorNoAvailabilityAnchor = `See more doctors with availability for a ${visitTypeName}${appendVisit}.`;\r\n // errorNoAvailability = `There is no availability for a ${visitTypeName} ${appendVisit} in ${this.monthName ? this.monthName : 'this month'}.`;\r\n errorNoAvailability = `There is no availability in ${this.monthName ? this.monthName : 'this month'}.Please use the arrow to check the next month.`\r\n }\r\n else {\r\n //adding IF condition so that we can display below error msg only when we have visitTypeDisplayName (2D/3D)\r\n if (visitTypeDisplayName && visitTypeDisplayName.length > 1 && !this.props.canShowFirstAvailableSlot) {\r\n errorNoAvailability = `${translateText(translate, \"There is no availability for\", t)} ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? translateText(translate, visitTypeDisplayName[0].replace('d', 'D'), t) : \"\"} ${translateText(translate, \"visit\", t)} ${translateText(translate, \"in\", t)} ${this.monthName ?\r\n translateText(translate, this.monthName, t) : translateText(translate, 'this month', t)}.`;\r\n errorNoAvailabilityAnchor = `${translateText(translate, \"See more locations with availability for a\", t)} ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? translateText(translate, visitTypeDisplayName[0].replace('d', 'D'), t) : \"\"} ${translateText(translate, \"visit\", t)}.`\r\n }\r\n }\r\n if (selectedDateUnavailable) {\r\n errorToShow = \"errorDate\";\r\n errorDate = `${selectedDate !== \"\" ? selectedDate : translateText(translate, \"The selected date\", t)} ${translateText(translate, \"is not available for a\", t)} ${get(this.props, translateText(translate, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n errorDateAnchor = `${translateText(translate, \"see more locations with availability for a\", t)} ${get(this.props, translateText(translate, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n }\r\n }\r\n else if (this.selectedTimeUnavailable === true) {\r\n errorToShow = \"errorTime\";\r\n errorTime = `${selectedTime !== \"\" ? selectedTime : translateText(translate, \"The selected time\", t)} ${translateText(translate, \"is not available for a\", t)} ${get(this.props, translateText(translate, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n errorTimeAnchor = `${translateText(translate, \"see more locations with availability for a\", t)} ${get(this.props, translateText(t && isMammography, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n } else if (selectedDateUnavailable) {\r\n errorToShow = \"errorDate\";\r\n errorDate = `${selectedDate !== \"\" ? selectedDate : translateText(translate, \"The selected date\", t)} ${translateText(translate, \"is not available for a\", t)} ${get(this.props, translateText(translate, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n errorDateAnchor = `${translateText(translate, \"see more locations with availability for a\", t)} ${get(this.props, translateText(translate, 'schedule.visitTypes[0].name', t), '')} ${appendVisit}.`;\r\n }\r\n //let mamoError = `There is no availability for ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? visitTypeDisplayName[0].replace('d', 'D') : \"\"} visit in ${this.monthName ? this.monthName : 'this month'}.`;\r\n //let mamoLink = `See more locations with availability for a ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? visitTypeDisplayName[0].replace('d', 'D') : \"\"} visit.`;\r\n //else if (calendarSlots.length <= 0 && buttonSlots.length <= 0) {\r\n // let monthName = \"\";\r\n // if (this.props.startDate) {\r\n // let sDate = Tools.toJSDate(`${this.props.startDate} 00:00:00`, DATE_FORMAT);\r\n // let displayMonth = '' + (sDate.getMonth() + 1);\r\n // if (displayMonth.length < 2) displayMonth = '0' + displayMonth;\r\n // monthName = Tools.getMonthFullName(displayMonth);\r\n // }\r\n // if (!this.props.getScheduleError && visitTypeName !== \"\") {\r\n // errorToShow = \"errorNoAvailability\";\r\n // errorNoAvailability = `There is no availability for a ${visitTypeName} visit in ${monthName ? monthName : 'this month'}.`;\r\n // errorNoAvailabilityAnchor = `See more doctors with availability for a ${visitTypeName}${appendVisit}.`;\r\n // } \r\n //}\r\n //let calInitialDate = new Date(this.props.visit.date);\r\n let calInitialDate = new Date();\r\n if (calendarSlots && calendarSlots.length > 0 && !selectedDateUnavailable) {\r\n const containsStart = calendarSlots.filter((slot, i) => Tools.isSameDate(slot, this.props.visit.date) || slot === this.props.routeDate).length > 0;\r\n if (containsStart) {\r\n calInitialDate = Tools.toJSDate(this.props.visit.date, DATE_FORMAT);\r\n }\r\n else if ((this.state.monthChanged) || (!((this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow) || (enableFluVaccineSchedulingWorkflow)) && this.props.isFromDotCOM))) {\r\n calInitialDate = Tools.toJSDate(calendarSlots[0], DATE_FORMAT);\r\n }\r\n\r\n selectedDate = Tools.dateSimpleFormat(calInitialDate);\r\n buttonSlots = [];\r\n if (selectedDate && selectedDate !== \"\") {\r\n if (scheduleDays && scheduleDays.length >= 0) {\r\n let dt = Tools.toJSDate(selectedDate, DATE_FORMAT);\r\n for (var i = 0; i < scheduleDays.length; i++) {\r\n const scheduleDay = scheduleDays[i];\r\n const schedDate = this.parseDate(scheduleDay.date);\r\n if (this.state.monthChanged === false) {\r\n if (this.props.routeDate && this.props.routeDate === selectedDate) {\r\n if (this.props.routeTime === undefined || this.props.routeTime === null || this.props.routeTime === \"\") {\r\n this.selectedTimeUnavailable = false;\r\n }\r\n else if (this.props.visitTypeChanged === false && this.props.locationChanged === false && scheduleDay.date === this.props.routeDate && this.props.routeDate && this.props.isFromDotCOM && ((enableFluVaccineSchedulingWorkflow) || (this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow)))) {\r\n this.selectedTimeUnavailable = scheduleDay.slots.filter((day) => day.time === selectedTime || day.time === this.props.routeTime).length === 0;\r\n }\r\n }\r\n }\r\n if (dt.getFullYear() === schedDate.getFullYear() && dt.getMonth() === schedDate.getMonth() && dt.getDate() === schedDate.getDate()) {\r\n let bMatched = false;\r\n buttonSlots = scheduleDay.slots.map((slot, i) => {\r\n if (slot.time === selectedTime) {\r\n bMatched = true;\r\n if (this.isYourDoctorVisitTypeUpdated && !this.timeSelected) {\r\n this.props.saveSlot(slot.time, slot.duration);\r\n this.timeSelected = true;\r\n if (this.props.isValid) {\r\n this.props.isValid(true);\r\n }\r\n this.isValidate();\r\n }\r\n }\r\n return ;\r\n });\r\n if (!bMatched) {\r\n this.timeSelected = false;\r\n if (selectedTime !== \"\") {\r\n this.props.saveSlot(\"\");\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n showButtonSlots = calendarSlots.length > 0 && buttonSlots.length > 0 && this.props.visit.date !== \"\" && !this.props.waiting;\r\n const selectedDayForFirstSlot = this.props.schedule.scheduleDays.filter((item) => this.dateStringCompare(item.date, selectedDate));\r\n if (isMammography && changedVisitTypeId && changedVisitTypeId.length && canShowTogglebutton) {\r\n this.selectedDayUnavailable = !selectedDayForFirstSlot.some((item) => item.visitType.id === this.props.changedVisitTypeId);\r\n } else {\r\n this.selectedDayUnavailable = selectedDayForFirstSlot.length <= 0 ? true : false;\r\n }\r\n\r\n }\r\n else {\r\n calInitialDate = Tools.toJSDate(this.props.startDate, DATE_FORMAT);\r\n if (selectedDateUnavailable) {\r\n selectedDate = Tools.dateSimpleFormat(this.props.startDate);\r\n }\r\n }\r\n let calMinDate = new Date();\r\n //if (this.props.routeDate) {\r\n // calMinDate = Tools.toJSDate(this.props.routeDate);\r\n //}\r\n //let calMinDate = Tools.toJSDate(calInitialDate);\r\n //if (calMinDate) calMinDate.setDate(1);\r\n\r\n //Disable earliest schedule call. Becuase its not needed as per api team discussion.\r\n //if (earliestSchedule && earliestSchedule.scheduleDays && earliestSchedule.scheduleDays.length > 0) {\r\n // calMinDate = Tools.toJSDate(earliestSchedule.scheduleDays[0].date, DATE_FORMAT);\r\n //}\r\n let selectedVisitTypes = this.props.visitTypes.filter((v) => { return v.value.indexOf(this.props.visit && this.props.visit.visitType && this.props.visit.visitType.id >= 0); });\r\n let selectedVisitType = selectedVisitTypes && selectedVisitTypes.length > 0 ? selectedVisitTypes[0] : this.props.visitTypes[0];\r\n const divStyle = { minHeight: '400px' };\r\n const isVirtualVisit = this.isVirtualVisit();\r\n const visitName = startCase(get(this.props, 'schedule.visitTypes[0].name', '').toLowerCase());\r\n const { label, label2 } = this.props.departments[0] || {};\r\n const navigateToFindCare = () => {\r\n let findcareSearchParms = (enableFluVaccineSchedulingWorkflow && !isMammography) ? \"?\" + queryParams({ keyword: \"Flu%20Vaccine\", tab: 2, isChangeLocation: true }) : \"?\" + queryParams({ keyword: \"mammography\", tab: 2, isChangeLocation: true });\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n search: findcareSearchParms\r\n });\r\n }\r\n const errCondition = this.props.showErrors === true && this.props.searchRunning === false && this.selectedTimeUnavailable === true;\r\n const twoDScreen = translateText(translate, \"2D Screen\", t);\r\n const threeDScreen = translateText(translate, \"3D Screen\", t);\r\n\r\n return (\r\n \r\n {\r\n this.props.visitTypeAndLocationFailed === true &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n scheduleDaysAvailable: state.openScheduling.scheduleDaysAvailable,\r\n mammogramQuestions: state.openScheduling.mammogramQuestions,\r\n totalLocations: state.locations.totalLocations,\r\n\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getMammogramQuestions: (QuestionsSearchModel) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_MAMMOGRAM_QUESTIONS, searchModel: QuestionsSearchModel });\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(AppointmentInfo);\r\n","import * as React from \"react\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport Spinner from \"../common/spinner\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\n\r\nclass AppointmentType extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (super.componentDidMount) { super.componentDidMount(); }\r\n logUI(\"MBHWeb.UI.AppointmentType.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n goToNextStep = (visitType) => {\r\n const { getAppointmentType, goNext } = this.props;\r\n if (getAppointmentType) getAppointmentType(visitType);\r\n if (goNext) goNext();\r\n }\r\n\r\n videoVisitCard(visitType, index) {\r\n const displayName = visitType.label;\r\n return (\r\n \r\n
\r\n }\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n
\r\n {((this.props.visitTypes && this.props.departments) && ((isFromVideoVisitOptions || isDirectVisit) && !this.props.enableNewVideoVisitFlow)) &&\r\n \r\n {\r\n selectedDate !== \"\" && selectedTime !== \"\" && !isMammography && !enableFluVaccineSchedulingWorkflow &&\r\n
\r\n {translateText(translate, \"Let's confirm: do these details look correct?\", t)}
\r\n }\r\n {\r\n (selectedTime === \"\" || isMammography || enableFluVaccineSchedulingWorkflow) &&\r\n{translateText(translate, \"When would you like to schedule this appointment?\", t)}
\r\n }\r\n {\r\n (isMammography || enableFluVaccineSchedulingWorkflow) && (this.props.departments.length && visitTypeDisplayName.length) ?\r\n{visitTypeDisplayName || label || label2 ? `${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? translateText(translate, visitTypeDisplayName[1], t) : \"\"} | ${label ? translateText(translate, label, t) : ''} | ${label2 ? translateText(translate, label2, t) : ''}` : \"\"}
\r\n : \r\n }\r\n {serverData && serverData.covidVideoSchedulingEnabled === true &&\r\n{translateText(translate, \"In-person online scheduling options are temporarily suspended due to COVID-19\", t)}
\r\n }\r\n\r\n
\r\n }\r\n\r\n {isMammography && \r\n this.handleVisitTypeChange(value)}\r\n disabled={isDisableSelectVisitAndDepartOption || isVirtualVisit || (typeof isFromVideoVisitOptions !== 'undefined' && isFromVideoVisitOptions) || !this.props.visitTypes || this.props.visitTypes.length <= 1}\r\n id=\"schedule-visit-type\"\r\n />\r\n
\r\n \r\n this.handleLocationchange(value)}\r\n disabled={isDisableSelectVisitAndDepartOption || isVirtualVisit || !this.props.departments || this.props.departments.length <= 1}\r\n id=\"schedule-location\"\r\n // dontShowNotEmpty={isVirtualVisit}\r\n />\r\n
\r\n \r\n {this.state.twoDstate.length > 1 && this.state.threeDstate.length > 1 ?\r\n
\r\n }\r\n {\r\n \r\n
:\r\n this.state.twoDstate.length > 1\r\n ? \r\n {twoDScreen}\r\n {}\r\n {threeDScreen}\r\n
\r\n \r\n {translateText(translate, \"We show 3D screening mammogram availability by default. If you prefer a 2D screening mammogram, change this selection.\", t)}\r\n
\r\n {twoDScreen}{translateText(translate, \"This facility only offers 2D screenings. If you prefer to have a 3D screening please select a different location.\", t)}
\r\n : {threeDScreen}{translateText(translate, \"If you prefer a 2D screening please let the facility know when you arrive for your appointment.\", t)}
\r\n }\r\n \r\n
\r\n }\r\n {(isMammography || enableFluVaccineSchedulingWorkflow) &&\r\n \r\n {\r\n if (this.containsDate(selectedDays, day)) {\r\n let visit = this.props.visit;\r\n //visit.date = `${day.getFullYear()}-${day.getMonth() + 1}-${day.getDate()}`;\r\n visit.date = Tools.dateSimpleFormat(day);\r\n visit.time = \"\";\r\n this.props.saveStepInfo({ visit: visit });\r\n this.resetShowInValid();\r\n this.isDateOrTimeChange = true;\r\n }\r\n }}\r\n onMonthChange={(dt) => {\r\n let visit = this.props.visit;\r\n visit.date = \"\";\r\n visit.visitType.startDate = '';\r\n visit.visitType.endDate = '';\r\n visit.time = \"\";\r\n this.setState({ visit: visit, monthChanged: true });\r\n this.requestScheduleByMonth(this.state.lastSelectedMonth !== -1 && this.state.lastSelectedMonth > dt.getMonth() ? dt.getMonth() : dt.getMonth() + 1, dt);\r\n this.setState({ lastSelectedMonth: dt.getMonth() });\r\n this.resetShowInValid();\r\n }}\r\n disabled={calendarSlots.length < 1}\r\n enabledDays={selectedDays}\r\n selectedDays={errorToShow !== \"errorDate\" ? calSelectedDay : ((enableFluVaccineSchedulingWorkflow) || (this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow)) && this.props.isFromDotCOM) ? calSelectedDay : null}\r\n isMammography={isMammography}\r\n translate={translate}\r\n //selectedDays={errorToShow !== \"errorDate\" ? calSelectedDay : null}\r\n />\r\n
\r\n \r\n {/* below message will show when api fails */}\r\n {(this.props.visitTypeAndLocationPending || this.props.providerSchedulePending) &&\r\n \r\n \r\n }\r\n {(!isMammography && (this.props.getScheduleError || this.props.earliestScheduleError)) || (isMammography && (this.props.getScheduleError || this.props.earliestScheduleError) && this.props.providerData === null)\r\n ?
\r\n We are not able to display times for this appointment type and location. Please try again later.
\r\n : <>{(this.props.waiting) &&\r\n \r\n
\r\n }\r\n }\r\n\r\n {/* error \"time not available\": visit, department, date and time selected; time is not available... */}\r\n {errCondition && (errorToShow === \"errorTime\") && !this.props.enableFluVaccineSchedulingWorkflow &&\r\n \r\n
\r\n \r\n {errorTime} Please choose another time or {errorTimeAnchor}\r\n
\r\n }\r\n\r\n {errCondition && (errorToShow === \"errorTime\") && this.props.enableFluVaccineSchedulingWorkflow &&\r\n \r\n {\"The selected time is not available. Please choose another time.\"}\r\n
\r\n }\r\n\r\n {this.props.isFromDotCOM && this.selectedDayUnavailable && ((this.props.enableNewProviderSchedulingWorkflow || (isMammography && this.props.enableNewServiceSchedulingWorkflow)) || (this.props.enableFluVaccineSchedulingWorkflow)) &&\r\n scheduleDays && scheduleDays.length > 0 &&\r\n \r\n {\"The selected date is not available. Please choose another date\"}\r\n
\r\n }\r\n\r\n {errCondition && (errorToShow === \"errorDate\") &&\r\n \r\n {errorDate} Please choose another date or {errorDateAnchor}\r\n
\r\n }\r\n\r\n { /* error \"no availability\": visit and department selected; no calendar data returned... */}\r\n { /* error \"no availability\": visit and department selected; no calendar data returned... Mammogram workflow*/}\r\n {(this.props.scheduleDaysAvailable === false || (this.props.showErrors === true && errorToShow === \"errorNoAvailability\" && (this.props.searchRunning === false && calendarSlots.length <= 0 && buttonSlots.length <= 0 && !this.props.providerScheduleSuccessStatus))) &&\r\n \r\n {errorNoAvailability}
\r\n }\r\n {/* {//jason going in here\r\n // error \"no availability\": visit and department selected; no calendar data returned...\r\n (this.props.scheduleDaysAvailable === false || (this.props.showErrors === true && errorToShow === \"errorNoAvailability\" && (this.props.searchRunning === false && calendarSlots.length <= 0 && buttonSlots.length <= 0 && !this.props.providerScheduleSuccessStatus))) && !isMammography &&\r\n\r\n {isMammography ? {errorNoAvailabilityAnchor} : \"\"}
\r\n\r\n {errorNoAvailability} {errorNoAvailabilityAnchor}\r\n
\r\n } */}\r\n {/* {\r\n // error \"no availability\": visit and department selected; no calendar data returned... Mammogram workflow\r\n (this.props.scheduleDaysAvailable === false || (this.props.showErrors === true && errorToShow === \"errorNoAvailability\" && (this.props.searchRunning === false && calendarSlots.length <= 0 && buttonSlots.length <= 0 && !this.props.providerScheduleSuccessStatus))) && isMammography &&\r\n \r\n {errorNoAvailability}
\r\n } */}\r\n {/*\r\n this.props.getScheduleError === true &&\r\n {errorNoAvailabilityAnchor}
\r\n\r\n {errorNoAvailability} {errorNoAvailabilityAnchor}\r\n
\r\n */}\r\n {(!this.props.getScheduleError && !this.props.earliestScheduleError) &&\r\n <> {showButtonSlots // && !this.selectedDayUnavailable\r\n && \r\n {buttonSlots}\r\n
\r\n // : (this.props.scheduleDaysAvailable === false || (this.props.showErrors === true && errorToShow != \"errorNoAvailability\" && (this.props.searchRunning === false && calendarSlots.length <= 0 && buttonSlots.length <= 0 && !this.props.providerScheduleSuccessStatus)))\r\n // &&\r\n // //errorToShow === \"errorNoAvailability\" ? \"\" : (this.props.waiting) && {mamoError} {mamoLink}
\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 {(typeof isFromVideoVisitOptions !== 'undefined' && isFromVideoVisitOptions) && }\r\n {validationError}
\r\n \r\n
);\r\n }\r\n\r\n visitTypeCard(visitType, index) {\r\n const displayName = visitType.label;\r\n if (displayName === \"Video Visit\")\r\n return this.videoVisitCard(visitType, index);\r\n else\r\n return (\r\n this.goToNextStep(visitType)} >\r\n
\r\n FEATURED
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {displayName}
\r\n
\r\n \r\n
\r\n \r\n Virtual: Use a camera enabled device for a face-to-face appointment with your doctor.\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n orderVisitsByVirtual = () => {\r\n const { visitTypes } = this.props; \r\n const virtualVisits = [], otherVisits = [];\r\n let result = [];\r\n if (visitTypes) {\r\n visitTypes.map((visit, index) => {\r\n if (visit && visit.value && visit.label === \"Video Visit\") {\r\n virtualVisits.push(visit);\r\n }\r\n else\r\n otherVisits.push(visit);\r\n \r\n });\r\n result = [...virtualVisits, ...otherVisits]; \r\n }\r\n return result;\r\n }\r\n\r\n\r\n render() {\r\n const { visitTypes, visitTypeAndLocationPending, safeCareMsg} = this.props;\r\n const visitsOrderByVirtual = this.orderVisitsByVirtual();\r\n \r\n return (\r\n this.goToNextStep(visitType)} >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {displayName}
\r\n \r\n
\r\n \r\n
\r\n \r\n {displayName}: A complete {displayName} exam.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n : visitTypes.length === 0 ?\r\n \r\n : \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AppointmentType;","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SectionLoadingError from '../common/SectionLoadingError';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\n\r\nclass Covid19AppointmentError extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.locUrl = '/findcare/vaccine';\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.Covid19AppointmentError.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() { \r\n\r\n const { providerSearchModel, xid } = this.props;\r\n\r\n let findcareSearchParms = \"?\" + queryParams({\r\n location: providerSearchModel && providerSearchModel.Location ? providerSearchModel.Location : null,\r\n visitTypeId: providerSearchModel && providerSearchModel.visitTypeId ? providerSearchModel.visitTypeId : null,\r\n xid: xid ? xid : null\r\n });\r\n\r\n this.locUrl = this.locUrl + findcareSearchParms;\r\n\r\n return (\r\n \r\n
\r\n {visitTypeAndLocationPending\r\n ? \r\n
\r\n What appointment would you like to schedule?
\r\n{safeCareMsg}
\r\n \r\n
\r\n \r\n
\r\n Sorry, we’re not able to display visit types. Please try again later.
\r\n {\r\n visitsOrderByVirtual && visitsOrderByVirtual.map((visitType, index) => {\r\n return this.visitTypeCard(visitType, index);\r\n })\r\n }\r\n
\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Covid19AppointmentError;","import * as React from \"react\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport {get} from 'lodash';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { firstNameFirst } from \"../../helpers/formatting\";\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\n class Covid19ReviewNSubmit extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.formatTime = this.formatTime.bind(this);\r\n this.onGoNext = this.onGoNext.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.Covid19ReviewNSubmit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n getDayOfWeek(x) {\r\n //debugger;\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n var weekday = new Array(7);\r\n weekday[0] = \"SUN\";\r\n weekday[1] = \"MON\";\r\n weekday[2] = \"TUE\";\r\n weekday[3] = \"WED\";\r\n weekday[4] = \"THU\";\r\n weekday[5] = \"FRI\";\r\n weekday[6] = \"SAT\";\r\n if (Object.prototype.toString.call(dt) === '[object Date]') {\r\n var strDay = weekday[dt.getDay()];\r\n return strDay;\r\n }\r\n return \"Invalid Date\";\r\n }\r\n\r\n date2str(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10)\r\n monthName = \"0\" + monthName; \r\n return `${Tools.getMonthName(monthName.toString())} ${dayName}`;\r\n }\r\n\r\n formatTime(s) {\r\n let dateTime = s && s.split(\"T\");\r\n const dt = new Date(s);\r\n const time = (dateTime && dateTime.length > 1) ? dateTime[1].split(\":\") : \"00:00:00\";\r\n if (time.length > 0) {\r\n dt.setHours(time[0], time[1]);\r\n } \r\n const AMPM = dt.getHours() >= 12 ? \"PM\" : \"AM\";\r\n return `${(dt.getHours() > 12 ? dt.getHours() - 12 : dt.getHours())}:${dt.getMinutes().toString().padStart(2, \"0\").slice(-2)} ${AMPM}`;\r\n }\r\n\r\n onGoNext() {\r\n if (this.props.onSubmit) {\r\n this.props.onSubmit();\r\n }\r\n }\r\n\r\n render() {\r\n const { visit, currentUser, primaryUser, scheduleAppointmentForProxy, serverData, schedule, isFromSeeMore, providerMessage } = this.props;\r\n\r\n let patientName = (visit.patient && visit.patient.name) ? visit.patient.name : (primaryUser && primaryUser.displayName ? primaryUser.displayName : \"\");\r\n patientName = scheduleAppointmentForProxy ? currentUser ? primaryUser.eid === currentUser.eid ? firstNameFirst(primaryUser.displayName) : firstNameFirst(currentUser.displayName) : patientName : patientName;\r\n\r\n const address = visit.department.address;\r\n const location = address && (address.street1 || address.city) ? (address.street1 ? address.street1 + ', ' : '') + address.city + ', ' + address.state + ' ' + address.zip : \"-\";\r\n const locationDirections = address && (address.street1 || address.city) ? 'https://www.google.com/maps/place/' +\r\n (address.street1 ? address.street1 + ', ' : '') + (address.city ? address.city + ', ' : '') + (address.state ? address.state + ' ' : '') + (address.zip ? address.zip : '') : '#';\r\n const locationDirectionsTarget = address ? '_blank' : '_self';\r\n\r\n const appendVisit = visit.visitType.description.toLowerCase().indexOf(\"visit\") >= 0 ? \"\" : \" Visit\";\r\n const appt = {\r\n visitType: visit.visitType.description + appendVisit, \r\n timeString: visit.timeString? visit.timeString : this.formatTime(visit.startTime),\r\n DayString: visit.startTime && this.getDayOfWeek(visit.startTime),\r\n DateString: visit.startTime && this.date2str(visit.startTime)\r\n };\r\n const timezone = serverData && serverData.showTimeZoneMessage && !Tools.isCentralTimeZone() ? Tools.getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n const termsContent = serverData && serverData.covid19VaccineScheduleTerms ? serverData.covid19VaccineScheduleTerms : \"\";\r\n const vaccineMessage = (isFromSeeMore ? providerMessage: get(this.props, 'history.location.state.scheduleData.providerMessage')) || 'Vaccine Unspecified';\r\n \r\n return (\r\n \r\n
\r\n There are no appointments available at this location.
\r\n\r\n See other locations for appointment times.\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default withRouter(Covid19ReviewNSubmit);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AppointmentInfo from \"./AppointmentInfo\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport NoProxy from '../common/NoProxy';\r\nimport SelectPatient from '../common/SelectPatient';\r\nimport OurStepManager from \"../common/OurStepManager\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as queryString from 'query-string';\r\nimport Spinner from \"../common/spinner\";\r\nimport ScheduleBannerMsg from './ScheduleBannerMsg';\r\nimport AppointmentType from \"./AppointmentType\";\r\nimport StaticHtmlContent from '../common/staticHtmlContent';\r\nimport SelectDoctor from './SelectDoctor';\r\nimport ReasonForVisit from \"./ReasonForVisit\";\r\nimport OpenScheduleConfirmation from \"./OpenScheduleConfirmation\";\r\nimport VisitTypeReason from \"./VisitTypeReason\";\r\nimport LocationInfo from \"./LocationInfo\";\r\nimport VerifyAndSchedule from \"./VerifyAndSchedule\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\nconst DIRECT_SCHEDULE = \"DirectSchedule\";\r\n\r\nclass CustomDirectScheduling extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.refOurStepManager = React.createRef();\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId,\r\n providerIdType,\r\n scheduleType,\r\n visitTypeId, // optional selected visit type id\r\n departmentId, // optional selected department id\r\n selectedDate, // optional YYYY-MM-DD\r\n selectedTime, // optional HH:MM:SS ... dunno why they want the seconds, but they do\r\n altStart, // alternative date-range starting date\r\n } = searchModel;\r\n\r\n //if (providerId === DIRECT_SCHEDULE)\r\n // {\r\n scheduleType = DIRECT_SCHEDULE;\r\n // }\r\n\r\n\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n let dt = new Date();\r\n if (altStart) {\r\n dt = Tools.toJSDate(`${altStart} 00:00:00`, DATE_FORMAT);\r\n }\r\n else if (selectedDate) {\r\n dt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n let dtEnd = Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n const isFromVideoVisitOptions = this.props && this.props.location && ((this.props.location.state && this.props.location.state.isFromVideoVisitOptions) || (this.props.location.pathname && this.props.location.pathname === \"/schedule/videovisit/DirectSchedule\"));\r\n const isMyDoctor= this.props && this.props.location && this.props.location.state && this.props.location.state.isMyDoctor;\r\n const showSpinner = false;\r\n\r\n this.state = {\r\n npi: providerId === DIRECT_SCHEDULE || providerIdType === \"EpicID\" ? null : providerId,\r\n epicId: providerIdType === \"EpicID\" ? providerId : null,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n newDepartArray:[],\r\n patientId: patientId,\r\n loginId: loginId,\r\n startDate: altStart ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n date: selectedDate,\r\n time: selectedTime,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null,\r\n endDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n reasonForVisitValue: \"\",\r\n reasonVisitTypeID: \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n createPatient: {},\r\n showSpinner: showSpinner,\r\n initialLoad: true,\r\n earliestRequested: false,\r\n scheduleErrorMessage: null,\r\n scheduleType: this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleType ? this.props.location.state.scheduleType : scheduleType,\r\n baseURL: \"\",\r\n visitTypeChanged: false,\r\n locationChanged: false,\r\n startingStep: 0,\r\n currentStep: 0,\r\n isFromVideoVisitOptions: isFromVideoVisitOptions,\r\n isMyDoctor:isMyDoctor,\r\n noSelectPatient: searchModel.noSelectPatient || (this.props && this.props.location && this.props.location.state && this.props.location.state.noSelectPatient),\r\n isFromVideoVisitDirectSchedule: \"\",\r\n surveyDisplayed: false,\r\n // isFromDotCOM: correlationId && gacookie ? true : false\r\n };\r\n this.fromPreventiveCareTile = this.props && this.props.location && this.props.location.state && this.props.location.state.fromPreventiveCareTile;\r\n this.userSelected = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser ? this.props.location.state.selectedUser : null;\r\n this.loadVisitTypeAndLocation = this.loadVisitTypeAndLocation.bind(this);\r\n this.loadScheduleForProvider = this.loadScheduleForProvider.bind(this);\r\n this.saveStepInfo = this.saveStepInfo.bind(this);\r\n this.requestScheduleInfo = this.requestScheduleInfo.bind(this);\r\n this.setScheduleDates = this.setScheduleDates.bind(this);\r\n this.scheduleAppointment = this.scheduleAppointment.bind(this);\r\n //this.scheduleServicesAppointment = this.scheduleServicesAppointment.bind(this);\r\n this.saveSlot = this.saveSlot.bind(this);\r\n //this.createPatient = this.createPatient.bind(this);\r\n //this.checkStartDate = this.checkStartDate.bind(this);\r\n this.initiateSearch = this.initiateSearch.bind(this);\r\n this.scrubJsonCharacters = this.scrubJsonCharacters.bind(this);\r\n this.getEndDate = this.getEndDate.bind(this);\r\n //this.savePatientInfo = this.savePatientInfo.bind(this);\r\n this.scheduleCallCompleted = this.scheduleCallCompleted.bind(this);\r\n this.getReasonForVisitComponent = this.getReasonForVisitComponent.bind(this);\r\n this.render = this.render.bind(this);\r\n this.getStepManagerComponent = this.getStepManagerComponent.bind(this);\r\n //this.callbackOnLeave = this.callbackOnLeave.bind(this);\r\n this.getAppointmentType = this.getAppointmentType.bind(this);\r\n this.getDepartmentAndVisitTypeInfo = this.getDepartmentAndVisitTypeInfo.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.getCurrentStepTitleName = this.getCurrentStepTitleName.bind(this);\r\n this.getLatestVideoVisitProviderByid = this.getLatestVideoVisitProviderByid.bind(this);\r\n this.gotoEarliestDate = false;\r\n window.formChanged = false;\r\n this.departmentId = \"\";\r\n this.departmentIdType = \"\";\r\n this.isPreviousButtonClick = false;\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({ baseURL: window.location.pathname });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { currentUser } = this.props;\r\n if (prevProps && prevProps.currentUser && currentUser && prevProps.currentUser.eid !== currentUser.eid) {\r\n const currentStepTitleName = this.getCurrentStepTitleName();\r\n if (currentStepTitleName && (currentStepTitleName !== 'select doctor' || (currentStepTitleName !== 'select patient' && !this.state.isFromVideoVisitOptions))) {\r\n const selectDoctorStepValue = this.getIndexByStepTitle(\"Select Doctor\");\r\n if (this.refOurStepManager && this.refOurStepManager.current\r\n && selectDoctorStepValue !== -1) {\r\n this.refOurStepManager.current.goBack(selectDoctorStepValue, true);\r\n }\r\n }\r\n }\r\n }\r\n\r\n byPassProxy = () => {\r\n const { location, updateBypassProxyAndInfo } = this.props;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { bypassProxyAndInfo = false } = params;\r\n if (bypassProxyAndInfo && bypassProxyAndInfo !== 'false') {\r\n updateBypassProxyAndInfo(true);\r\n }\r\n }\r\n\r\n componentDidCatch(err, info) {\r\n console.error(err, info);\r\n let json = { error: err, componentStack: info };\r\n //logUI(\"MBHWeb.UI.Schedule.ComponentDidCatch\", new Date(), Tools.getURLPath(), JSON.stringify(json));\r\n logUI(\"MBHWeb.UI.MainErrorBoundary.ComponentDidCatch\", new Date(), Tools.getURLPath(),\r\n JSON.stringify(err), JSON.stringify(info)\r\n );\r\n throw err; // if we're not going to be a property Error boundary, throw it :)\r\n }\r\n\r\n getUpdatedState(scheduleDays) {\r\n const state = this.state;\r\n\r\n if (!state.visit.date && scheduleDays && scheduleDays.length) {\r\n state.visit.date = scheduleDays[0].date;\r\n }\r\n\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments && this.state.visit && this.state.visit.department ) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === this.state.visit.department.id) {\r\n state.visit.department.id = id.id;\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.visitType.id !== \"\" && state.visit.visitType.idType === \"\") {\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === this.state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return state;\r\n }\r\n\r\n\r\n saveStepInfo(info, loadSchedule, gotoEarliestDate, allowStepForward) {\r\n this.gotoEarliestDate = gotoEarliestDate;\r\n window.formChanged = true;\r\n this.setState({ ...info }, () => {\r\n const { dontLoadSchedule } = this.state;\r\n // request schedule info for the calendar once we've got the ids...\r\n //if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" /*&& this.state.visit.date === \"\" && this.state.visit.time === \"\" */ && this.state.visit.reasonForVisit === \"\" && this.props.getSchedulePending === false) {\r\n if (loadSchedule === true) {\r\n //logUI(\"MBHWeb.Schedule.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), info);\r\n logUI(\"MBHWeb.Schedule.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), { ...info, scheduleCampaignActivity: this.scheduleCampaignActivity });\r\n this.requestScheduleInfo(allowStepForward, gotoEarliestDate);\r\n }\r\n\r\n // post schedule once we've got the ids and the reason...\r\n if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" && this.state.visit.date !== \"\" && this.state.visit.time !== \"\" && this.state.visit.reasonForVisit !== \"\") {\r\n //logUI(\"MBHWeb.Schedule.Appointment\", new Date(), Tools.getURLPath(), info);\r\n logUI(\"MBHWeb.Schedule.Appointment\", new Date(), Tools.getURLPath(), { ...info, scheduleCampaignActivity: this.scheduleCampaignActivity });\r\n //this.scheduleAppointment();\r\n }\r\n });\r\n }\r\n\r\n getSearchModel() {\r\n const { match, location } = this.props;\r\n let searchModel = match && match.params;\r\n if (searchModel.npi && searchModel.npi !== 'null') {\r\n searchModel.providerIdType = 'NPI';\r\n searchModel.providerId = searchModel.npi;\r\n }\r\n else {\r\n searchModel = location.search ? queryString.parse(location.search) : location.searchParms && queryString.parse(location.searchParms);\r\n if (!searchModel) {\r\n return {};\r\n }\r\n searchModel.providerIdType = 'EpicID';\r\n searchModel.providerId = searchModel.epicId;\r\n }\r\n if (!searchModel.scheduleType) {\r\n searchModel.scheduleType = 'OpenSchedule';\r\n }\r\n searchModel.selectedDate = searchModel.date;\r\n searchModel.selectedTime = searchModel.time;\r\n return searchModel;\r\n }\r\n\r\n scrubJsonCharacters(string) {\r\n return string.replace(/[\\{\\}\\[\\]]/gim, \"\");\r\n }\r\n\r\n\r\n scheduleAppointment() {\r\n\r\n const token = this.props.userToken;\r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n\r\n //Handle visittype reset issue.(Bug:87197)\r\n if (visit && (!visit.visitType.idType || !visit.department.idType)) {\r\n logUI(\"MBHWeb.UI.Schedule.DepartmentAndVisitTypeInfo.NotFound\", new Date(), Tools.getURLPath(), visit);\r\n const apptTypeInfo = this.getDepartmentAndVisitTypeInfo(visit.department.id, visit.visitType.id);\r\n visit.department.idType = apptTypeInfo.departmentIdType;\r\n visit.visitType.idType = apptTypeInfo.visitIdType;\r\n }\r\n let dt = visit.date;\r\n\r\n //debugger;\r\n\r\n // kid you not, the api will throw errors if the date isn't padded with zeros.\r\n let parts = dt.split(\"-\");\r\n parts[1] = parts[1].padStart(2, '0');\r\n parts[2] = parts[2].padStart(2, '0');\r\n dt = parts.join(\"-\");\r\n\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let idType = \"External\";\r\n let patientModel = {};\r\n\r\n if (createPatient && Object.keys(createPatient).length > 0) {\r\n patientModel = {\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n email: createPatient.email ? createPatient.email : this.props.userDetails.Email,\r\n dateOfBirth: createPatient.dateOfBirth ? createPatient.dateOfBirth : \"\",\r\n gender: createPatient.gender ? createPatient.gender : \"\",\r\n nationalIdentifier: createPatient.nationalIdentifier ? createPatient.nationalIdentifier : \"\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType\r\n };\r\n\r\n if (createPatient.phoneNumbers && createPatient.phoneNumbers.length > 0) {\r\n patientModel.phoneNumbers = this.state.createPatient.phoneNumbers;\r\n }\r\n\r\n if (createPatient.houseNumber) {\r\n patientModel.houseNumber = createPatient.houseNumber;\r\n patientModel.streetLine1 = createPatient.streetLine1;\r\n patientModel.city = createPatient.city;\r\n patientModel.state = createPatient.state;\r\n patientModel.zipCode = createPatient.zipCode;\r\n }\r\n }\r\n\r\n let scheduleModel = null;\r\n const npi = this.state.npi || this.npi;\r\n scheduleModel = {\r\n scheduleType: this.state.scheduleType,\r\n loginId: this.props.patientLoginId,\r\n myChartId: \"\",\r\n proxyPatientId: id,\r\n proxyPatientIdType: idType,\r\n visitTypeId: this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID : `${visit.visitType.id}`,\r\n visitTypeIdType: visit.visitType.idType ? visit.visitType.idType : \"CID\",\r\n providerId: npi ? npi : this.state.epicId || epicId,\r\n providerIdType: npi ? \"ProviderNPI\" : \"PROVID\",\r\n departmentId: visit.department.id ? visit.department.id : this.departmentId ? this.departmentId : \"\",\r\n departmentIdType: visit.department.idType ? visit.department.idType : this.departmentIdType ? this.departmentIdType : \"\",\r\n date: dt,\r\n time: visit.time,\r\n comments: this.scrubJsonCharacters(visit.reasonForVisit),\r\n ...this.scheduleCampaignActivity\r\n };\r\n\r\n // insurance is only supplied when creating a patient...it won't exist otherwise.\r\n const insurance = createPatient.insurance;\r\n if (insurance && insurance.insuranceName !== \"\") {\r\n scheduleModel.insurance = {\r\n insuranceName: insurance.insuranceName,\r\n memberNumber: insurance.memberNumber,\r\n groupNumber: insurance.groupNumber,\r\n subscriberId: insurance.subscriberId\r\n };\r\n }\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n scheduleModel.duration = visit.duration;\r\n scheduleModel.patientId = this.props.externalID;\r\n scheduleModel.patientIdType = \"External\";\r\n scheduleModel.authorization = this.props.userToken;\r\n }\r\n\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.Schedule.ScheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n //logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath(), this.scheduleCampaignActivity);\r\n // create patient and schedule appointment...\r\n this.props.createAndSchedule(patientModel, scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n this.updateAddDependentShowPreference();\r\n }\r\n\r\n scheduleCallCompleted(bSuccessful, sErrorMessage) {\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n }\r\n else {\r\n if (scheduleErrorMessage !== sErrorMessage) {\r\n scheduleErrorMessage = sErrorMessage;\r\n }\r\n }\r\n this.setState({ scheduleCompleted: true, scheduleErrorMessage });\r\n }\r\n\r\n updateAddDependentShowPreference = () => {\r\n const { savePreferenceCall } = this.props;\r\n const { isAddDependentSkipped } = this.state;\r\n if (isAddDependentSkipped && savePreferenceCall)\r\n savePreferenceCall();\r\n }\r\n\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n const { visit } = this.state;\r\n const { serverData } = this.props;\r\n const enableNewVideoVisitFlow = serverData && serverData.enableNewVideoVisitFlow;\r\n const enableV3SearchForAllProviders = serverData && serverData.enableV3SearchForAllProviders;\r\n if (!enableV3SearchForAllProviders) {\r\n visit.visitType.startDate = '';\r\n visit.visitType.endDate = '';\r\n }\r\n let start1 = Tools.toJSDate(`${visit && visit.visitType && visit.visitType.startDate ? visit.visitType.startDate : this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n let startDt1 = `${this.state.startDate} 00:00:00`;\r\n const today = new Date();\r\n if (!enableNewVideoVisitFlow && this.state.scheduleType === \"DirectSchedule\") {\r\n if (start1.getTime() < today.getTime()) {\r\n startDt1 = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n }else if (this.state.scheduleType === \"DirectSchedule\" && today.getMonth() === start1.getMonth() ){\r\n if (this.props.earliestSchedule && this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n startDt1 = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n }\r\n else{\r\n startDt1 = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n \r\n }\r\n else {\r\n startDt1 = `${start1.getFullYear()}-${start1.getMonth() + 1}-${start1.getDate()}`;\r\n }\r\n\r\n let m = null;\r\n m = null;\r\n m = null;\r\n m = new Object();\r\n m.start = startDt1;\r\n m.end = visit && visit.visitType && visit.visitType.endDate ? visit.visitType.endDate : this.state.endDate;\r\n const npi = this.state.npi || this.npi;\r\n if (npi) {\r\n m.providerId = npi;\r\n m.providerIdType = \"NPI\";\r\n }\r\n else {\r\n m.providerId = this.state.epicId || this.epicId;\r\n m.providerIdType = \"EpicID\";\r\n }\r\n\r\n m.scheduleType = this.state.scheduleType;\r\n m.visitTypeId = this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID : this.state.visit.visitType.id;\r\n m.departmentId = this.state.visit.department.id ? this.state.visit.department.id : this.departmentId ? this.departmentId : \"\";\r\n //m.departmentId = this.departmentId;\r\n\r\n m.allowStepForward = allowStepForward;\r\n m.getEarliestSchedule = getEarliestSchedule;\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n m.loginId = this.props.patientLoginId;\r\n m.patientId = this.props.externalID;\r\n m.patientIdType = \"External\";\r\n m.authorization = this.props.userToken;\r\n }\r\n\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = getEarliestSchedule;\r\n this.earliestScheduleApplied = false;\r\n if (!this.state.dontLoadSchedule)\r\n this.setState({ showSpinner: true });\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted, this.onEarliestScheduleCallCompleted);\r\n }\r\n\r\n setEarliestScheduleDate=(visitInfo,setEarliestScheduleDateCallback)=>{ \r\n visitInfo = visitInfo.visit ? visitInfo.visit : visitInfo;\r\n this.setState({ showSpinner: true });\r\n let earliestScheduleModel={\r\n visitTypeId: visitInfo && visitInfo.reasonVisitTypeID,\r\n departmentId: visitInfo && visitInfo.department.id,\r\n patientId:this.props.externalID,\r\n loginId:this.props.patientLoginId,\r\n authorization:this.props.userToken\r\n };\r\n const npi = this.state.npi || this.npi;\r\n if (npi) {\r\n earliestScheduleModel.providerId = npi;\r\n earliestScheduleModel.providerIdType = \"NPI\";\r\n }\r\n else {\r\n earliestScheduleModel.providerId = this.state.epicId || this.epicId;\r\n earliestScheduleModel.providerIdType = \"EpicID\";\r\n } \r\n earliestScheduleModel.scheduleType = this.state.scheduleType && this.state.scheduleType;\r\n this.props.getEarliestSchedule(earliestScheduleModel,()=>{ \r\n if (this.props.earliestSchedule) {\r\n if (this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n let startDt = this.state.isMyDoctor ? earliestDt : earliestDt && Tools.getStartOfMonth(earliestDt.getFullYear(), earliestDt.getMonth());\r\n setEarliestScheduleDateCallback(Tools.dateSimpleFormat(startDt));\r\n }else{ \r\n setEarliestScheduleDateCallback();\r\n }\r\n } else { this.setState({ showSpinner: false }); }\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n if (this.state.npi && this.props && this.props.match && this.props.match.params && this.props.match.params.npi && this.props.match.params.npi !== DIRECT_SCHEDULE)\r\n this.props.getProviderDetail({ ids: this.state.npi });\r\n\r\n this.initiateSearch();\r\n if (this.props.match.params.altStart === \"\") {\r\n this.setScheduleDates(new Date());\r\n }\r\n logUI(\"MBHWeb.UI.Schedule.ComponentDidMount\", new Date(), Tools.getURLPath(), this.scheduleCampaignActivity);\r\n this.byPassProxy();\r\n if (this.state.isFromVideoVisitOptions) {\r\n this.getLatestVideoVisitProviderByid();\r\n }\r\n }\r\n\r\n getLatestVideoVisitProviderByid() {\r\n let searchModel = {\r\n loginId: this.props.userName,\r\n proxyPatientId: this.props.currentUser ? this.props.currentUser.externalId : \"\",\r\n proxyPatientIdType: \"External\",\r\n visitTypeId: this.props.videoVisitTypeForYourDoctorAvailability\r\n };\r\n this.props.getProvidersListByVisitType(searchModel, this.props.userToken);\r\n }\r\n\r\n\r\n initiateSearch() {\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId, // required\r\n providerIdType, // required\r\n selectedDate, // optional YYYY-MM-DD\r\n } = searchModel;\r\n\r\n let dt = new Date();\r\n if (selectedDate !== \"\") {\r\n const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n if (providerId && providerId !== DIRECT_SCHEDULE) {\r\n this.loadVisitTypeAndLocation(providerId, providerIdType);\r\n }\r\n\r\n // wizard screen 0's visit type and department have been provided by route params; load the calendar...\r\n const isYourDoctorScheduleType = this.props.location && this.props.location.state && this.props.location.state.scheduleType;\r\n const { npi, epicId, visit, isFromVideoVisitOptions } = this.state;\r\n if (((npi && npi !== \"\") || (epicId && epicId !== \"\")) && visit.visitType.id !== \"\" && visit.department.id !== \"\") {\r\n if (!isYourDoctorScheduleType) {//skip if the redirecting from yourdoctor on videovisits as this call might not be required at this moment.\r\n if (isFromVideoVisitOptions) { //From mamo or video visit or .COM workflow call schedule days to show, else user need to pick depart and visit type to call. \r\n this.setState({ showSpinner: true });\r\n if (this.props.searchRunning === false) {\r\n this.loadScheduleForProvider();\r\n }\r\n logUI(\"MBHWeb.Schedule.Open.LoadProviderSchedule\", new Date(), Tools.getURLPath(), searchModel);\r\n }\r\n }\r\n }\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n const state = this.state;\r\n if (this.state.isFromVideoVisitOptions) {\r\n this.setState({ showSpinner: true }) \r\n state.visit.acceptType = 'Existing'; \r\n }; \r\n if (!providerIdType) {\r\n providerIdType = 'NPI';\r\n }\r\n const searchModel = { providerId, providerIdType, scheduleType: scheduleType ? scheduleType : this.state.scheduleType };\r\n const enableNewVideoVisitFlow = window.serverData && window.serverData.data && window.serverData.data.enableNewVideoVisitFlow;\r\n \r\n if (scheduleType === \"DirectSchedule\" || this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n\r\n if (providerIdType === \"NPI\") {\r\n this.npi = providerId;\r\n }\r\n\r\n if (providerId && (!this.state.npi))\r\n this.setState({ dontLoadSchedule: true });\r\n else\r\n this.setState({ dontLoadSchedule: false });\r\n\r\n logUI(\"MBHWeb.Schedule.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getVisitInfo(searchModel,enableNewVideoVisitFlow, this.getVisitInfoCallBack);\r\n }\r\n\r\n getVisitInfoCallBack(isSuccess, visitInfo) {\r\n if (isSuccess) {\r\n if (this.state.isFromVideoVisitOptions) {\r\n if (this.isPreviousButtonClick) { this.requestScheduleInfo(); }\r\n this.setState({ showSpinner: false });\r\n }\r\n const state = this.state;\r\n let isNeedVisitUpdate = false;\r\n let isNeedDepartmentUpdate = false;\r\n const { serverData } = this.props;\r\n if (state.visit.visitType.id !== \"\") {\r\n if (visitInfo && visitInfo.visitTypes) {\r\n const visitTypes = visitInfo.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === state.visit.visitType && state.visit.visitType.id) { \r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n if (serverData && serverData.enableV3SearchForAllProviders) {\r\n state.visit.visitType.startDate = v.earliestCachedSlotDate;\r\n }\r\n isNeedVisitUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedVisitUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.department.id !== \"\") {\r\n const departments = visitInfo && visitInfo.departments ? visitInfo.departments : [];\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === this.departmentId) {\r\n state.visit.department.id= id.id;\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n isNeedDepartmentUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedDepartmentUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (isNeedVisitUpdate || isNeedDepartmentUpdate) {\r\n this.setState(state);\r\n }\r\n\r\n\r\n if (this.state.isFromVideoVisitOptions && this.state.noSelectPatient && this.state.scheduleType === \"DirectSchedule\" && !this.visitTypeSelected) {\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n const videoVisitCIDs = this.props.serverData && this.props.serverData.videoVisitCIDs\r\n ? this.props.serverData.videoVisitCIDs.split(',') : null;\r\n if (visitTypes && videoVisitCIDs) {\r\n const state = this.state;\r\n for (let vCID = 0; vCID < videoVisitCIDs.length; vCID++) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const vType = visitTypes[i];\r\n for (let j = 0; j < vType.iDs.length; j++) {\r\n const id = vType.iDs[j];\r\n if (videoVisitCIDs[vCID] === id.id) {\r\n state.visit.visitType.id = id.id;\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = vType.displayName;\r\n state.visitTypeId = id.id;\r\n this.visitTypeSelected = true;\r\n break;\r\n }\r\n }\r\n if (this.visitTypeSelected) {\r\n this.setState({ isFromVideoVisitDirectSchedule: `${state.visit.visitType.id}|${state.visit.visitType.idType}` });\r\n //this.saveStepInfo({ visit: state.visit, visitTypeChanged: true }, state.visit.visitType.id !== \"\" && state.visit.department.id !== \"\", true); //this is called as it is already calling schedule api for selected visitype.\r\n break;\r\n }\r\n }\r\n if (this.visitTypeSelected) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //if workflow started from .com, then skip the visit and location info step.\r\n // if (state.isFromDotCOM) {\r\n // const enableCustomDirectScheduling = this.props.serverData && this.props.serverData.enableCustomDirectScheduling && this.state.scheduleType === \"DirectSchedule\";\r\n // const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n // const selectPatientStepValue = this.getIndexByStepTitle(\"Select Patient\");\r\n // if (!state.isFromVideoVisitOptions && !enableCustomDirectScheduling && this.refOurStepManager && this.refOurStepManager.current\r\n // && this.refOurStepManager.current.wrappedInstance && apptInfoStepValue !== -1 && selectPatientStepValue === -1) {\r\n // this.refOurStepManager.current.wrappedInstance.goToNewStep(true, apptInfoStepValue);\r\n // }\r\n // }\r\n }\r\n }\r\n\r\n onEarliestScheduleCallCompleted = () => {\r\n if (this.props.earliestSchedule) {\r\n const state = this.state;\r\n\r\n if (this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n let selectedDate = Tools.toJSDate(`${state.visit.date} 00:00:00`, DATE_FORMAT);\r\n let endDt = Tools.toJSDate(`${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()} 00:00:00`, DATE_FORMAT);\r\n endDt.setDate(1);\r\n endDt.setDate(endDt.getDate() + 30);\r\n\r\n const npi = state.npi || this.npi;\r\n if (selectedDate.getDate() !== earliestDt.getDate()) {\r\n state.startDate = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.endDate = `${endDt.getFullYear()}-${endDt.getMonth() + 1}-${endDt.getDate()}`;\r\n if (this.gotoEarliestDate) {\r\n state.visit.date = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n const searchModel = {\r\n providerId: npi ? npi : state.epicId || this.epicId,\r\n providerIdType: npi ? \"NPI\" : \"EpicID\",\r\n departmentId: state.visit.department.id,\r\n scheduleType: state.scheduleType,\r\n visitTypeId: state.visit.reasonVisitTypeID ? state.visit.reasonVisitTypeID : state.visit.visitType.id,\r\n start: state.visit.date,\r\n end: state.endDate,\r\n getEarliestSchedule: false\r\n };\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n\r\n this.waitingOnScheduleCall2 = true;\r\n this.props.getScheduleInfo(searchModel, this.callBasedOffEarliestScheduleCompleted);\r\n }\r\n } // check current month against this.props.earliestSchedule; if it's less, adjust it to match earliest...ONLY on the initial load.\r\n else if (selectedDate.getTime() < earliestDt.getTime()) {\r\n state.visit.date = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.startDate = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.endDate = `${endDt.getFullYear()}-${endDt.getMonth() + 1}-${endDt.getDate()}`;\r\n }\r\n }\r\n\r\n this.waitingOnEarliestScheduleCall = false;\r\n if (!this.waitingOnScheduleCall && !this.waitingOnScheduleCall2) {\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state);\r\n }\r\n }\r\n\r\n callBasedOffEarliestScheduleCompleted = (scheduleDays) => {\r\n if (!this.gotoEarliestDate) {\r\n return;\r\n }\r\n\r\n const state = this.getUpdatedState(scheduleDays);\r\n\r\n if (!this.waitingOnEarliestScheduleCall) {\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state, () => {\r\n this.earliestScheduleApplied = true;\r\n this.waitingOnScheduleCall2 = false;\r\n });\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays) => {\r\n this.waitingOnScheduleCall = false;\r\n\r\n if (this.gotoEarliestDate && this.earliestScheduleApplied) {\r\n return;\r\n }\r\n\r\n const state = this.getUpdatedState(scheduleDays);\r\n\r\n if (!this.waitingOnEarliestScheduleCall && !this.waitingOnScheduleCall2) {\r\n\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state);\r\n }\r\n\r\n loadScheduleForProvider() {\r\n let start = this.state.startDate;\r\n let end = this.state.endDate;\r\n\r\n // bugfix\r\n if (this.state.startDate.indexOf(\"NaN\") >= 0) {\r\n let dtStart = new Date();\r\n dt.setDate(1);\r\n\r\n let dtEnd = new Date();\r\n dtEnd.setDate(1);\r\n dtEnd.setDate(dt.getDate() + 29);\r\n\r\n start = `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`;\r\n end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n }\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n // direct does not allow a start date that preceeds the current date.\r\n const today = new Date();\r\n const startDay = new Date(start);\r\n if (startDay.getTime() < today.getTime()) {\r\n start = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n }\r\n\r\n let searchModel = null;\r\n const npi = this.state.npi;\r\n searchModel = {\r\n providerId: npi ? npi : this.state.epicId,\r\n providerIdType: npi ? \"NPI\" : \"EpicID\",\r\n //departmentId: this.state.visit.department.id,\r\n departmentId: this.departmentId,\r\n scheduleType: this.state.scheduleType,\r\n visitTypeId: this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID : this.state.visit.visitType.id,\r\n start: start,\r\n end: end,\r\n getEarliestSchedule: false\r\n };\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n this.setState({ showSpinner: true });\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted, this.onEarliestScheduleCallCompleted);\r\n }\r\n\r\n\r\n onStepChange = (success, step) => {\r\n //Bug 31808: Mobile scheduling: Load step at top of page\r\n //Load step at top of page\r\n if (typeof window !== 'undefined' && success) {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n if (success) {\r\n this.setState({ currentStep: step });\r\n }\r\n }\r\n\r\n setScheduleDates(startDt) {\r\n let dtStart = new Date(startDt);\r\n dtStart.setDate(1);\r\n let dtEnd = this.getEndDate(dtStart);\r\n\r\n this.setState({\r\n startDate: `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n });\r\n }\r\n\r\n getEndDate(dtStart) {\r\n let dtEnd = new Date(dtStart);\r\n dtEnd.setDate(1);\r\n let next = dtEnd.getDate() + 30;\r\n dtEnd.setDate(next);\r\n return dtEnd;\r\n }\r\n\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\r\n }\r\n\r\n getStepManagerComponent() {\r\n return Tools.getRootRef(this.refOurStepManager.current);\r\n }\r\n\r\n getReasonForVisitComponent() {\r\n const oStepManager = this.getStepManagerComponent();\r\n let oRet = null;\r\n oStepManager.referenceCollection.map((thisStep, index) => {\r\n if (thisStep.current instanceof ReasonForVisit) {\r\n oRet = thisStep;\r\n }\r\n });\r\n return oRet;\r\n }\r\n\r\n getDepartmentAndVisitTypeInfo(departmentId, visitTypeId) {\r\n let departmentIdType = null;\r\n let visitIdType = null;\r\n if (departmentId && this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === departmentId) {\r\n departmentIdType = id.type;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n if (visitTypeId && this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === visitTypeId) {\r\n visitIdType = id.type;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (departmentIdType && visitIdType) {\r\n logUI(\"MBHWeb.UI.Schedule.SetDepartmentAndVisitTypeInfo.Success\", new Date(), Tools.getURLPath());\r\n } else {\r\n logUI(\"MBHWeb.UI.Schedule.SetDepartmentAndVisitTypeInfo.Failure\", new Date(), Tools.getURLPath(), {\r\n departmentId: departmentId ? departmentId : null,\r\n visitTypeId: visitTypeId ? visitTypeId : null,\r\n visitTypeAndLocation: this.props.visitTypeAndLocation ? this.props.visitTypeAndLocation : null\r\n });\r\n }\r\n\r\n return { departmentIdType, visitIdType };\r\n }\r\n\r\n\r\n getAppointmentType = (visitType) => {\r\n logUI(`MBHWeb.UI.Schedule.AppointmentType.Clicked`, new Date(), Tools.getURLPath(), visitType);\r\n const { visit } = this.state;\r\n const { visitTypeAndLocation } = this.props;\r\n\r\n if (visitType && visitType.value) {\r\n const idType = visitType.value.split('|');\r\n const selectedVisitId = idType && idType.length > 1 ? idType[0] : null;\r\n let found = false;\r\n if (selectedVisitId) {\r\n if (visit && visit.visitType) {\r\n const directVisit = {};\r\n if (visitTypeAndLocation && visitTypeAndLocation.visitTypes) {\r\n const visitTypes = visitTypeAndLocation.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === selectedVisitId) {\r\n directVisit.visitType = {\r\n id: id.id,\r\n idType: id.type,\r\n description: v.displayName\r\n };\r\n found = true;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (found) {\r\n //this.setState({ loadVisitType: `${directVisit.visitType.id}|${directVisit.visitType.idType}`, dontLoadSchedule: false });\r\n const departmentId = visitTypeAndLocation && visitTypeAndLocation.departments && visitTypeAndLocation.departments[0] && visitTypeAndLocation.departments[0].iDs && visitTypeAndLocation.departments[0].iDs[0] && visitTypeAndLocation.departments[0].iDs[0].id ? visitTypeAndLocation.departments[0].iDs[0].id : this.state.visit.department.id;\r\n\r\n this.saveStepInfo({\r\n dontLoadSchedule: false, visit: {\r\n ...this.state.visit,\r\n department: {\r\n id: departmentId, address: { street1: \"\", street2: \"\", city: \"\", state: \"\", zip: \"\" }, phone: \"\", idType: \"\"\r\n },\r\n visitType: { description: directVisit.visitType.description, id: directVisit.visitType.id, idType: directVisit.visitType.idType }\r\n }\r\n }, true);\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n\r\n getIndexByStepTitle(title) {\r\n let index = -1;\r\n if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current.childCollection;\r\n for (let i = 0; i < stepManager.length; i++) {\r\n let stepTitle = stepManager[i].props.steptitle;\r\n if (stepTitle && title && stepTitle.toLowerCase() === title.toLowerCase()) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n }\r\n return index;\r\n }\r\n\r\n\r\n selectPatientMarkup = (hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, showDependentProxyForm) => {\r\n //const enableCustomDirectScheduling = serverData && serverData.enableCustomDirectScheduling && this.state.scheduleType === \"DirectSchedule\";\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n //const { visit, isFromVideoVisitOptions } = this.state;\r\n //const goToApptInfo = !isFromVideoVisitOptions && !enableCustomDirectScheduling && visit.visitType.id && visit.department.id ? true : false;\r\n const goToApptInfo = false;\r\n\r\n if (hasProxyUsers && !noSelectPatient) {\r\n return (\r\n
\r\n \r\n
You’re almost done! Do these details look correct?
\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 Estimated Time & Day
\r\n\r\n {appt.DayString} {appt.DateString}, {appt.timeString} {timezone}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Exact time will be provided once you schedule the appointment.
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n Patient
\r\n\r\n {patientName}\r\n
\r\n \r\n \r\n
\r\n Reason for Visit
\r\n\r\n {visit.visitType.description}\r\n
\r\n \r\n \r\n
\r\n {visit && visit.patientInstructions && visit.patientInstructions.length > 0 &&\r\n \r\n
\r\n Location
\r\n\r\n \r\n {location}\r\n \r\n
\r\n \r\n \r\n
\r\n Vaccine
\r\n\r\n {vaccineMessage}\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n {termsContent &&\r\n \r\n
\r\n When You Arrive
\r\n\r\n {visit.patientInstructions.map((item, index) => (\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n {termsContent}\r\n
\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n const primaryUserDomain = d ? d.hydrateProxyUser(state.domain.pu) : {};\r\n const primaryUserSSO = state.sso.primaryUser;\r\n let primaryUser = primaryUserDomain || primaryUserSSO;\r\n let cur = d ? d.hydrateProxyUser(state.domain.cu) : {};\r\n\r\n // if the patient had to be created, add the created patient info to currentUser (note this doesn't update currentUser in state)...\r\n if (state.openScheduling.createdPatient) {\r\n const created = state.openScheduling.createdPatient;\r\n cur = {\r\n displayName: created.name,\r\n externalId: created.ids && created.ids.length > 0 ? created.ids[0].id : \"\"\r\n };\r\n }\r\n\r\n return {\r\n visitTypeAndLocation: state.openScheduling.visitTypeAndLocation,\r\n visitTypeAndLocationFailed: state.openScheduling.visitTypeAndLocationFailed,\r\n visitTypeAndLocationPending: state.openScheduling.visitTypeAndLocationPending,\r\n visitTypeAndLocationSuccess: state.openScheduling.visitTypeAndLocationSuccess && !state.openScheduling.error,\r\n providerSchedule: state.openScheduling.providerSchedule,\r\n providerSchedulePending: state.openScheduling.getSchedulePending,\r\n providerScheduleSuccessStatus: (!state.openScheduling.providerSchedule || (state.openScheduling.success && !state.openScheduling.error)) ? true : false,\r\n getScheduleError: state.openScheduling.getScheduleError,\r\n searchRunning: state.openScheduling.searchRunning,\r\n scheduleAppointmentSuccess: state.openScheduling.scheduleAppointmentSuccess,\r\n scheduleAppointmentFailed: state.openScheduling.scheduleAppointmentFailed,\r\n scheduleAppointmentPending: state.openScheduling.scheduleAppointmentPending,\r\n createPatientSuccess: state.openScheduling.createPatientSuccess,\r\n createPatientFailed: state.openScheduling.createPatientFailed,\r\n loginStatus: state.domain.ls,\r\n proxyListFailure: state.memberships.proxyListFailure,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n proxyList: state.memberships.proxyList,\r\n primaryUser: primaryUser,\r\n currentUser: cur,\r\n serverData: state.session.serverData,\r\n epicEHRDown: state.common.epicEHRDown,\r\n hasMyChart: state.domain.hm,\r\n patientEmail: state.domain.e,\r\n patientLoginId: state.domain.un,\r\n userToken: state.domain.t,\r\n userDetails: state.sso.userDetails,\r\n providerSearchModel: state.providers.searchModel,\r\n getSchedulePending: state.openScheduling.getSchedulePending,\r\n createPatientIds: state.openScheduling.createPatientIds,\r\n providerDetails: state.providers.providerDetails,\r\n earliestSchedule: state.openScheduling.earliestSchedule,\r\n earliestScheduleWaiting: state.openScheduling.earliestScheduleWaiting,\r\n earliestScheduleError: state.openScheduling.earliestScheduleError,\r\n externalID: state.domain.cu ? state.domain.cu.ei : null,\r\n internalID: state.domain.cu ? state.domain.cu.ii : null,\r\n myChartID: state.domain.cu ? state.domain.cu.mi : null,\r\n patientEID: state.domain.eid,\r\n myProxies: pl,\r\n previousMonthAvailable: state.openScheduling.previousMonthAvailable,\r\n userIsSwitching: state.memberships.switchingProxyUser,\r\n age: state.domain.age,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n history: state.session.history,\r\n providerList: state.directScheduling.providerList,\r\n providerNpiListStr: state.directScheduling.providerNpiListStr,\r\n providerNpiList: state.directScheduling.providerNpiList,\r\n providerListPending: state.directScheduling.providerListPending,\r\n providerDetailsPending: state.providers.detailsPending,\r\n providersListByVisitType: state.providers.providerData,\r\n providerListByVisitTypeWaiting: state.providers.providerListByVisitTypeWaiting,\r\n userName: state.sso.userDetails.userName,\r\n videoVisitTypeForYourDoctorAvailability: state.session.serverData && state.session.serverData.videoVisitTypeForYourDoctorAvailability,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n ...ownProps\r\n }\r\n\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVisitInfo: (searchModel,enableNewVideoVisitFlow, getVisitInfoCallBack ) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel, \r\n enableNewVideoVisitFlow: enableNewVideoVisitFlow,\r\n callback: getVisitInfoCallBack,\r\n \r\n });\r\n }, \r\n getScheduleInfo: (searchModel, callback, callbackOfEarliesSchedule) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, callbackOfEarliesSchedule });\r\n },\r\n getProvidersListByVisitType: (searchModel, token) => {\r\n dispatch({ type: types.GET_PROVIDERS_LIST_VISITTYPE, searchModel: searchModel, token });\r\n },\r\n getEarliestSchedule: (searchModel, callback) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_EARLIEST, searchModel, callback });\r\n },\r\n createPatient: (model, token) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_PATIENT,\r\n model: model,\r\n token: token\r\n });\r\n },\r\n scheduleAppointment: (model, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_AND_SCHEDULE,\r\n patient: patientModel,\r\n schedule: scheduleModel,\r\n token: token,\r\n callBack: scheduleCallBack\r\n });\r\n\r\n },\r\n clearReduxState: () => {\r\n dispatch({ type: types.OPEN_SCHEDULE_CLEAR_REDUX_STATE });\r\n },\r\n getProviderDetail: (searchModel) => {\r\n dispatch({ type: types.PROVIDER_DETAIL, searchModel: searchModel });\r\n },\r\n switchToMyChartUser: (user, index) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index });\r\n dispatch({ type: types.SWITCH_TO_PHARMACY_USER, pharmacyUser: null });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n },\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(CustomDirectScheduling));","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\n\r\nclass DirectScheduleButton extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n history: state.session.history,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DirectScheduleButton));\r\n","import * as React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\n\r\nclass LocationInfo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const { visit } = props;\r\n const departmentId = visit && visit.department && visit.department.id ? visit.department.id : '';\r\n this.reasonVisitTypeID=visit && visit.reasonVisitTypeID ? visit.reasonVisitTypeID : '';\r\n const departmentIdType = visit && visit.department && visit.department.idType ? visit.department.idType : '';\r\n const preSelectedValue = departmentId ? departmentId + \"|\" + departmentIdType : '';\r\n this.state= {\r\n validationError: '',\r\n selectedDepartment: {\r\n isDepartmentSelected: false,\r\n label: visit && visit.department && visit.department.name ? visit.department.name : '',\r\n value: preSelectedValue\r\n }\r\n }\r\n this.locationSelected = this.locationSelected.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.LocationInfo.ComponentDidMount\", new Date(), Tools.getURLPath()); \r\n this.mounted = true;\r\n } \r\n componentDidUpdate(prevProps){\r\n let {visit} =this.props; \r\n if (visit && visit.reasonVisitTypeID !== this.reasonVisitTypeID)\r\n {\r\n this.reasonVisitTypeID=visit && visit.reasonVisitTypeID ? visit.reasonVisitTypeID : '';\r\n const departmentId = visit && visit.department && visit.department.id ? visit.department.id : '';\r\n const departmentIdType = visit && visit.department && visit.department.idType ? visit.department.idType : '';\r\n const preSelectedValue = departmentId ? departmentId + \"|\" + departmentIdType : '';\r\n this.setState({selectedDepartment: {\r\n isDepartmentSelected: false,\r\n label: visit && visit.department && visit.department.name ? visit.department.name : '',\r\n value: preSelectedValue\r\n }})\r\n }\r\n }\r\n isValid() {\r\n return this.isValidate();\r\n }\r\n\r\n locationSelected = (department) => {\r\n this.setState({\r\n showAsInvalid: false,\r\n selectedDepartment: {\r\n isDepartmentSelected: true,\r\n label: department && department.label ? department.label : '',\r\n value: department && department.value ? department.value : ''\r\n }\r\n });\r\n }\r\n isValidate() {\r\n const { selectedDepartment } = this.state;\r\n if (!selectedDepartment.isDepartmentSelected) {\r\n this.setState({ validationError: \"Please select location.\"});\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n onGoNext(success) { \r\n const { selectedDepartment } = this.state;\r\n const { visit, routeTime, routeDate, enableOpenScheduling, departments,isFromDotCOM} = this.props;\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n // let todayDate = new Date();\r\n // let routeDate = this.props.routeDate ? this.props.routeDate : `${todayDate.getFullYear()}-${todayDate.getMonth() + 1}-${todayDate.getDate()}`\r\n if (selectedDepartment && visit.department.name !== selectedDepartment.label && selectedDepartment.value) {\r\n const id = selectedDepartment.value.split(\"|\")[0];\r\n const type = selectedDepartment.value.split(\"|\")[1];\r\n \r\n const newDepartmentId = visit.department.id;\r\n const departmentArray = newDepartmentId && newDepartmentId.split('|');\r\n const loadScheduleDays = departmentArray && departmentArray.length === 1; \r\n const departmentFilter = departmentArray && departmentArray.filter(val => val === id );\r\n\r\n if (id && type) {\r\n visit.department.id = (departmentFilter.length && (this.props.enableNewProviderSchedulingWorkflow || this.props.enableNewVideoVisitFlow)) ? departmentFilter.toString() : id;\r\n visit.department.name = selectedDepartment ? selectedDepartment.label : \"\";\r\n visit.department.idType = type;\r\n }\r\n \r\n //let startDate = Tools.toJSDate(`${routeDate } 00:00:00`, DATE_FORMAT);\r\n // let dtEnd = Tools.getEndOfMonth(startDate.getFullYear(), startDate.getMonth());\r\n // let endDate = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n visit.date = routeDate ? routeDate : \"\";\r\n visit.time = routeTime ? routeTime : \"\"; \r\n //this.props.saveStepInfo({ visit: visit }, true); \r\n if (!isFromDotCOM && loadScheduleDays) {\r\n this.props.setEarliestScheduleDate(visit, (date) => {\r\n visit.visitType.startDate = date ? date : isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n });\r\n } else {\r\n visit.visitType.startDate = isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n }\r\n // if(!isFromDotCOM)\r\n // { \r\n // this.setEarliestScheduleDate(visit,startDate,endDate);\r\n // }\r\n // else{\r\n // this.props.saveStepInfo({ visit: visit, startDate: routeDate, endDate }, true); \r\n // }\r\n } else {\r\n this.props.saveStepInfo({visit: visit}, true);\r\n }\r\n logUI(\"MBHWeb.UI.LocationInfo.Continue.Clicked\", new Date(), Tools.getURLPath(), { visit: visit });\r\n }\r\n setEarliestScheduleDate=(visit,startDate, endDate)=>{ \r\n this.props.setEarliestScheduleDate((visit),(date)=>{\r\n visit.date = date ? date : this.props.routeDate ? this.props.routeDate : '';\r\n startDate = Tools.toJSDate(`${date ? date : this.props.routeDate} 00:00:00`, DATE_FORMAT); \r\n endDate = Tools.getEndOfMonth(startDate.getFullYear(), startDate.getMonth());\r\n this.props.saveStepInfo({ visit: visit, startDate: startDate, endDate }, true);\r\n })\r\n } \r\n\r\n render() {\r\n const { departments, visit,enableNewProviderSchedulingWorkflow , enableNewVideoVisitFlow} = this.props;\r\n const { selectedDepartment, showAsInvalid, validationError } = this.state;\r\n let newDepartment = [];\r\n if(enableNewProviderSchedulingWorkflow || enableNewVideoVisitFlow) {\r\n \r\n const newDepartmentId = this.props.newDepartArray;\r\n for (let val of departments) {\r\n let deptId = newDepartmentId && newDepartmentId.filter(id => id === val.value.split(\"|\")[0]);\r\n if (val.value.split(\"|\")[0] === deptId.toString()) {\r\n newDepartment.push(val);\r\n }\r\n }\r\n } else {\r\n newDepartment = departments;\r\n }\r\n \r\n \r\n return (\r\n \r\n {!scheduleCompleted ?\r\n
\r\n {!this.props.visitTypeAndLocationFailed && !this.props.getScheduleError && !this.props.earliestScheduleError && (showSpinner || searchRunning === true || scheduleAppointmentPending === true) &&\r\n \r\n
\r\n : \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {!this.fromPreventiveCareTile && this.selectPatientMarkup(hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, showDependentProxyForm)}\r\n }\r\n { showLocationInfo && \r\n : \r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(LocationInfo);\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport StarRatings from 'react-star-ratings';\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport OpenSchedulingError from \"./OpenSchedulingError\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { formatPhoneNumber, getFirstName, firstNameFirst } from \"../../helpers/formatting\";\r\nimport Rating, { RatingCount, Stars } from '../common/Rating';\r\nimport StatusBanner from '../common/StatusBanner';\r\nimport VideoVisitTips from \"../dashboard/appointment/VideoVisitTips\";\r\nimport LaunchVideoMessage from '../common/LaunchVideoMessage';\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { Icon } from \"../ecosystem\";\r\n\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass OpenScheduleConfirmation extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.editAppt = this.editAppt.bind(this);\r\n this.formatTime = this.formatTime.bind(this);\r\n this.toggleVideoVisitTipsModal = this.toggleVideoVisitTipsModal.bind(this);\r\n this.state = { showVideoVisitTipsModal: false };\r\n this.eCheckinEnabled = false;\r\n }\r\n\r\n componentDidMount() {\r\n const { schedule, eCheckInStatusSuccess, scheduleCampaignReferrer, provider, providerDetails, visit, careGapsSessionId, updateCareGapFlowFormInputs, visitTypeReason, scheduleAppointmentSuccess, scheduleAppointmentFailed } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmation.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n\r\n if (!eCheckInStatusSuccess && this.eCheckinEnabled && schedule) {\r\n const csnId = _.filter(\r\n schedule.contactIDs, function (o) {\r\n return o.type == \"CSN\";\r\n }\r\n )[0].id;\r\n if (csnId)\r\n this.props.getEncryptedCSN(csnId); // Trigger Encrypt API. Only passing csnId and the token is passed at the saga level.\r\n }\r\n const defaultPhone =\r\n providerDetails && providerDetails?.consumerCallCenterNumber\r\n ? providerDetails?.consumerCallCenterNumber\r\n : visit?.department\r\n ? visit?.department?.phone\r\n : \"\";\r\n const address = visit?.department?.address;\r\n const location = address && (address.street1 || address.city) ? (address.street1 ? address.street1 + ', ' : '') + address.city + ', ' + address.state + ' ' + address.zip : \"-\";\r\n let visitTypeDescription = this.props.serverData.enableNewProviderSchedulingWorkflow ? visitTypeReason : visitTypeReason?.toLowerCase().indexOf(\"visit\") >= 0 ?\r\n visitTypeReason :\r\n visitTypeReason + \" Visit\";\r\n let user = {\r\n dateCompleted: new Date().toLocaleDateString(),\r\n FacilityAddress: location,\r\n pNumber: defaultPhone,\r\n name: provider && provider.displayName\r\n }\r\n scheduleAppointmentSuccess === true && scheduleAppointmentFailed !== true && careGapsSessionId != '' && updateCareGapFlowFormInputs(user, visitTypeDescription)\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const { scheduleAppointmentSuccess, scheduleAppointmentFailed, careGapsSessionId, postCareGapFlowData, visit, careGapFlowFormInputs, visitTypeReason } = this.props;\r\n let visitTypeDescription = this.props.serverData.enableNewProviderSchedulingWorkflow ? visitTypeReason : visitTypeReason?.toLowerCase().indexOf(\"visit\") >= 0 ?\r\n visitTypeReason :\r\n visitTypeReason + \" Visit\";\r\n if (prevProps.careGapFlowFormInputs !== careGapFlowFormInputs) {\r\n if (scheduleAppointmentSuccess === true && scheduleAppointmentFailed !== true && careGapsSessionId != '') {\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmation.CareGaps.InBasketAPI.Sumbit\", new Date(), Tools.getURLPath(), { careGapFlowFormInputs, careGapProcedureType: visitTypeDescription });\r\n postCareGapFlowData(careGapFlowFormInputs, visitTypeDescription)\r\n }\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.clearFlowData();\r\n }\r\n\r\n editAppt(e, tryAgain) {\r\n // Needs to go back to Appointment Info step\r\n if (e) { e.preventDefault(); }\r\n\r\n //this.props.resetWizard();\r\n\r\n if (tryAgain) {\r\n this.props.tryAgain(0);\r\n }\r\n }\r\n\r\n editPatientInfo(e, tryAgain) {\r\n if (e) { e.preventDefault(); }\r\n\r\n if (tryAgain) {\r\n this.props.tryAgain(1);\r\n }\r\n }\r\n\r\n getDayOfWeek(x) {\r\n //var dt = new Date(x);\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n\r\n var weekday = new Array(7);\r\n weekday[0] = \"Sunday\";\r\n weekday[1] = \"Monday\";\r\n weekday[2] = \"Tuesday\";\r\n weekday[3] = \"Wednesday\";\r\n weekday[4] = \"Thursday\";\r\n weekday[5] = \"Friday\";\r\n weekday[6] = \"Saturday\";\r\n if (Object.prototype.toString.call(dt) === '[object Date]') {\r\n var strDay = weekday[dt.getDay()];\r\n return strDay;\r\n }\r\n return \"Invalid Date\";\r\n }\r\n\r\n date2str(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n\r\n try {\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10)\r\n monthName = \"0\" + monthName;\r\n\r\n return `${Tools.getMonthName(monthName.toString())} ${dayName}`;\r\n }\r\n catch{ this.editAppt(\"\"); }\r\n }\r\n\r\n dateFormatStrWithDayName(d) {\r\n if (!d) return '';\r\n let dateobj = Tools.getDateStrByFormat(Tools.toJSDate(`${d}T00:00:00`, DATE_FORMAT), \"ddd MMM D, YYYY\").toUpperCase();\r\n return dateobj;\r\n }\r\n\r\n formatTime(s) {\r\n let parts = s && s.split(\":\");\r\n let ret = s;\r\n\r\n if (parts && parts.length >= 2) {\r\n let h = parseInt(parts[0]);\r\n let m = parseInt(parts[1]);\r\n let s = parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n toggleVideoVisitTipsModal() {\r\n let activityCodeForModal = 'MBHWeb.UI.OpenScheduleConfirmation.VideoVisitTips.Open';\r\n if (this.state.showVideoVisitTipsModal) {\r\n activityCodeForModal = 'MBHWeb.UI.OpenScheduleConfirmation.VideoVisitTips.Close';\r\n }\r\n logUI(activityCodeForModal, new Date(), Tools.getURLPath());\r\n this.setState({ showVideoVisitTipsModal: !this.state.showVideoVisitTipsModal });\r\n }\r\n\r\n eCheckInClick = () => {\r\n //Need to change this to eCheckin route epic.eCheckInStatusSuccess\r\n const { EncryptedCSN } = this.props;\r\n let EcheckInRoute = \"/appointments\";\r\n if (EncryptedCSN) {\r\n EcheckInRoute = EncryptedCSN ? { pathname: \"/EcheckIn\", state: { csnId: EncryptedCSN.CSNHash } } : { pathname: \"/appointments\" };\r\n }\r\n this.props.history.push(EcheckInRoute);\r\n }\r\n\r\n getTipsBannerMsg = (showBeginEcheckInBanner) => {\r\n const { currentUser, primaryUser, hasMyChart, scheduleAppointmentForProxy } = this.props;\r\n const defaultWaitDays = 'a few';\r\n let tipsMsg = \"\";\r\n\r\n if (!currentUser || !hasMyChart) {\r\n tipsMsg = (Please Note: Your medical records will be available in your account once the care team links them to your account.);\r\n } else if (hasMyChart) {\r\n if (!showBeginEcheckInBanner) {\r\n if (scheduleAppointmentForProxy) {\r\n tipsMsg = `Save some time before your visit! eCheck-In will be available on ${currentUser.eid === primaryUser.eid ? `your` : `${getFirstName(currentUser.displayName)}'s`} dashboard ${defaultWaitDays} days prior to ${currentUser.eid === primaryUser.eid ? `your` : `their`} visit.`;\r\n } else {\r\n tipsMsg = `Save some time before your visit! eCheck-In will be available on your dashboard ${defaultWaitDays} days prior to your visit.`;\r\n }\r\n }\r\n }\r\n\r\n return tipsMsg;\r\n }\r\n\r\n render() {\r\n\r\n const { nonMyChartPatientDetails, providerDetails, scheduleAppointmentForProxy, primaryUser, currentUser, visit, provider, serverData, hasMyChart, enableEcheckinMandatoryUpdates, covid19VaccineVisitTypeId, schedule, providerSearchModel, Covid19VaccineScheduleErrorMsg, isFromCovid19VaccineSchedule, covid19VaccineVisitTypeIdForMinor,isFromVideoVisitOptions} = this.props;\r\n const { eCheckInDays } = serverData || '';\r\n\r\n let findcareSearchParms = null;\r\n\r\n if (providerSearchModel && providerSearchModel.Location) {\r\n findcareSearchParms = \"?\" + queryParams({ userlocation: providerSearchModel.Location });\r\n }\r\n\r\n const { showVideoVisitTipsModal } = this.state;\r\n //if ((visit.visitType.id === 0 || visit.visitType.id.length === 0) || (visit.department.id === 0 || visit.department.id.length === 0) || visit.date === \"\" || visit.time === \"\") {\r\n // this.editAppt(\"\");\r\n //} \r\n let patientName = (visit.patient && visit.patient.name) ? visit.patient.name : (primaryUser && primaryUser.displayName ? primaryUser.displayName : \"\");\r\n patientName = scheduleAppointmentForProxy ? currentUser ? primaryUser.eid === currentUser.eid ? firstNameFirst(primaryUser.displayName) : firstNameFirst(currentUser.displayName) : patientName : patientName;\r\n const provPhoto = provider && provider.photoUrl ? provider.photoUrl : '/images/profile-pic.png';\r\n const providerPhone = providerDetails && providerDetails.consumerCallCenterNumber ? providerDetails.consumerCallCenterNumber : (visit.department.phone ? visit.department.phone : \"\");\r\n // let visitTypeDescription = visit.visitType.description.toLowerCase().indexOf(\"visit\") >= 0 ?\r\n // visit.visitType.description :\r\n // visit.visitType.description + \" Visit\";\r\n let visitTypeDescription = this.props.serverData.enableNewProviderSchedulingWorkflow ? this.props.visitTypeReason :this.props.visitTypeReason?.toLowerCase().indexOf(\"visit\") >= 0 ?\r\n this.props.visitTypeReason :\r\n this.props.visitTypeReason + \" Visit\";\r\n const enableNewVideoVisitFlow = serverData && serverData.enableNewVideoVisitFlow;\r\n const visitTypeReasonID = !enableNewVideoVisitFlow ? visit && visit.visitType && visit.visitType.id : visit && visit.reasonVisitTypeID;\r\n\r\n const visitDirections = visit && visit.department.address ? 'https://www.google.com/maps/place/' + visit.department.address.street1 + ', ' + visit.department.address.city + ', ' + visit.department.address.state + ' ' + visit.department.address.zip : '#';\r\n const visitDirectionsTarget = visit && visit.department.address ? '_blank' : '_self';\r\n const videoVisitTypesForLaunchButton = serverData && serverData.videoVisitTypesForLaunchButton ? serverData.videoVisitTypesForLaunchButton : null;\r\n const isVirtualCareVisit = (isFromVideoVisitOptions || (visit && visit.isVideoVisit) || (videoVisitTypesForLaunchButton && videoVisitTypesForLaunchButton.indexOf(visitTypeReasonID) >= 0)) ? true : false;\r\n\r\n const iscovid19VaccineVisitType = visit && visit.visitType && (visit.visitType.id === covid19VaccineVisitTypeId || visit.visitType.id === covid19VaccineVisitTypeIdForMinor);\r\n const patientInstruction = iscovid19VaccineVisitType && schedule && schedule.patientInstructions &&\r\n schedule.patientInstructions.length > 0;\r\n\r\n const covidVaccineDateStr = isFromCovid19VaccineSchedule && schedule && schedule.date ? this.date2str(schedule.date) : '';\r\n const covidVaccineTimeStr = isFromCovid19VaccineSchedule && schedule && schedule.time ? this.formatTime(schedule.time) : '';\r\n const covidVaccineDateWithDayName = isFromCovid19VaccineSchedule && schedule && schedule.date ? this.dateFormatStrWithDayName(schedule.date) : '';\r\n\r\n const visitDateTime = iscovid19VaccineVisitType ? (schedule && schedule.date && schedule.time ? new Date(`${schedule.date} ${schedule.time}`) : \"\") : new Date(`${visit.date} ${visit.time}`);\r\n const numberOfDaysDiff = Tools.differenceInDays(visitDateTime);\r\n const timezone = serverData && serverData.showTimeZoneMessage && !Tools.isCentralTimeZone() ? Tools.getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n\r\n const subHeading = (serverData && serverData.videoVisitTypesForDoctorMessage && serverData.videoVisitTypesForDoctorMessage.indexOf(visitTypeReasonID) >= 0) ? \"You'll receive email confirmation and your doctor will reach out to you about the communication method for your visit.\" :\r\n isFromCovid19VaccineSchedule ? `You'll receive email confirmation for ${covidVaccineDateWithDayName} at ${covidVaccineTimeStr}.` : \"You will receive an email confirming your appointment.\";\r\n const showBeginEcheckInBanner = !this.props.scheduleAppointmentFailed && hasMyChart && numberOfDaysDiff <= parseInt(eCheckInDays) && enableEcheckinMandatoryUpdates;\r\n const tipsBannerMsg = this.getTipsBannerMsg(showBeginEcheckInBanner);\r\n if (showBeginEcheckInBanner)\r\n this.eCheckinEnabled = true;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n ![{\"provider-photo\"}]({\"/images/location.svg\"})
\r\n
\r\n \r\n Select an office location
\r\n\r\n {newDepartment && newDepartment.length > 0 &&\r\n newDepartment.map((department, index) =>\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n -1) ? \"location-info-card-selected\" : \"location-info-card-unselected\"}>\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 {(showAsInvalid && validationError !== \"\") &&\r\n
\r\n \r\n
\r\n }\r\n {validationError}
\r\n \r\n }\r\n {showVideoVisitTipsModal &&
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n schedule: state.openScheduling.schedule,\r\n enableEcheckinMandatoryUpdates: state.session.serverData && state.session.serverData.enableEcheckinMandatoryUpdates ? state.session.serverData.enableEcheckinMandatoryUpdates : false,\r\n covid19VaccineVisitTypeId: state.session.serverData && state.session.serverData.covid19VaccineVisitTypeId,\r\n covid19VaccineVisitTypeIdForMinor: state.session.serverData && state.session.serverData.covid19VaccineVisitTypeIdForMinor,\r\n Covid19VaccineScheduleErrorMsg: state.session.serverData && state.session.serverData.Covid19VaccineScheduleErrorMsg ? state.session.serverData.Covid19VaccineScheduleErrorMsg : \"We're sorry, this appointment is no longer available.\",\r\n EncryptedCSN: state.epic.encryptCSN,\r\n eCheckInStatusSuccess: state.epic.eCheckInStatusSuccess,\r\n scheduleVisitType: state.openScheduling && state.openScheduling.schedule && state.openScheduling.schedule.visitType.displayName,\r\n careGapFlowFormInputs: state.careGap.careGapFlowFormInputs,\r\n careGapsSessionId: state.careGap.careGapsSessionId,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEncryptedCSN: (csnId) => {\r\n dispatch({ type: types.GET_EPIC_ENCRYPT_CSN, csnId });\r\n },\r\n postCareGapFlowData: (careGapData, procedureType) => dispatch({ type: types.POST_CAREGAP_FLOW_DATA, careGapData, procedureType }),\r\n updateCareGapFlowFormInputs: (formInputs, procedureType) => dispatch({ type: types.UPDATE_CAREGAP_FLOW_FORM_INPUTS, formInputs, procedureType }),\r\n clearFlowData: () => dispatch({ type: types.CLEAR_CAREGAP_DATA_AFTER_SUBMIT })\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(OpenScheduleConfirmation));","import * as React from \"react\";\r\nimport { startCase, get } from 'lodash';\r\nimport StatusBanner from '../common/StatusBanner';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { formatPhoneNumber, firstNameFirst, getFirstName } from \"../../helpers/formatting\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as types from \"../../constants/actionTypes\";\r\n\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass OpenScheduleConfirmationSuccess extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.formatTime = this.formatTime.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { scheduleCampaignReferrer, eCheckInStatusSuccess, schedule, scheduleAppointmentSuccess, scheduleAppointmentFailed, providerDetails, visit, departments, careGapsSessionId, updateCareGapFlowFormInputs, postCareGapFlowData, visitTypelabel, careGapFlowFormInputs } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n\r\n if (!eCheckInStatusSuccess && schedule) {\r\n const csnId = _.filter(\r\n schedule.contactIDs, function (o) {\r\n return o.type == \"CSN\";\r\n }\r\n )[0].id;\r\n if (csnId)\r\n this.props.getEncryptedCSN(csnId);\r\n }\r\n const defaultPhone =\r\n providerDetails && providerDetails?.consumerCallCenterNumber\r\n ? providerDetails?.consumerCallCenterNumber\r\n : visit?.department\r\n ? visit?.department?.phone\r\n : \"\";\r\n const address = visit?.department?.address;\r\n const location = address && (address.street1 || address.city) ? (address.street1 ? address.street1 + ', ' : '') + address.city + ', ' + address.state + ' ' + address.zip : \"-\";\r\n const { label, label2 } = departments[0] || {};\r\n let user = {\r\n dateCompleted: new Date().toLocaleDateString(),\r\n FacilityAddress: location,\r\n pNumber: defaultPhone,\r\n name: label\r\n }\r\n scheduleAppointmentSuccess === true && scheduleAppointmentFailed !== true && careGapsSessionId != '' && updateCareGapFlowFormInputs(user, visitTypelabel)\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const { scheduleAppointmentSuccess, scheduleAppointmentFailed, careGapsSessionId, postCareGapFlowData, visitTypelabel, careGapFlowFormInputs } = this.props;\r\n\r\n if (prevProps.careGapFlowFormInputs !== careGapFlowFormInputs) {\r\n if (scheduleAppointmentSuccess === true && scheduleAppointmentFailed !== true && careGapsSessionId != '') {\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.CareGaps.InBasketAPI.Sumbit\", new Date(), Tools.getURLPath(), { careGapFlowFormInputs, careGapProcedureType: visitTypelabel });\r\n postCareGapFlowData(careGapFlowFormInputs, visitTypelabel)\r\n }\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.clearFlowData();\r\n }\r\n date2str(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n const { t, translate } = this.props;\r\n try {\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10)\r\n monthName = \"0\" + monthName;\r\n\r\n return `${translateText(t && translate, Tools.getMonthName(monthName.toString()), t)} ${dayName}`;\r\n }\r\n catch { }\r\n }\r\n\r\n formatTime(s) {\r\n let parts = s && s.split(\":\");\r\n let ret = s;\r\n\r\n if (parts && parts.length >= 2) {\r\n let h = parseInt(parts[0]);\r\n let m = parseInt(parts[1]);\r\n let s = parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n editPatientInfo = (e, tryAgain) => {\r\n if (e) { e.preventDefault(); }\r\n\r\n if (tryAgain) {\r\n this.props.tryAgain(1);\r\n }\r\n }\r\n\r\n editAppt = (e, tryAgain) => {\r\n // Needs to go back to Appointment Info step\r\n if (e) { e.preventDefault(); }\r\n\r\n //this.props.resetWizard();\r\n\r\n if (tryAgain) {\r\n this.props.sendBack(false);\r\n this.props.tryAgain(0);\r\n }\r\n }\r\n\r\n eCheckInClick = () => {\r\n const { EncryptedCSN } = this.props;\r\n let EcheckInRoute = \"/appointments\";\r\n if (EncryptedCSN) {\r\n EcheckInRoute = EncryptedCSN ? { pathname: \"/EcheckIn\", state: { csnId: EncryptedCSN.CSNHash } } : { pathname: \"/appointments\" };\r\n }\r\n this.props.history.push(EcheckInRoute);\r\n }\r\n\r\n getTipsBannerMsg = (showBeginEcheckInBanner) => {\r\n const { currentUser, primaryUser, hasMyChart, scheduleAppointmentForProxy, translate, t } = this.props;\r\n const defaultWaitDays = 'a few';\r\n let tipsMsg = \"\";\r\n\r\n if (!currentUser || !hasMyChart) {\r\n tipsMsg = ({translateText(t && translate, \"Please Note:\", t)} {translateText(t && translate, \"Your medical records will be available in your account once the care team links them to your account.\", t)});\r\n } else if (hasMyChart) {\r\n if (!showBeginEcheckInBanner) {\r\n if (scheduleAppointmentForProxy) {\r\n if (currentUser.eid === primaryUser.eid) {\r\n tipsMsg = `Save some time before your visit! eCheck-In will be available on your dashboard ${defaultWaitDays} days prior to your visit.`;\r\n tipsMsg = translateText(t && translate, tipsMsg, t);\r\n }\r\n else {\r\n tipsMsg = `Save some time before your visit! eCheck-In will be available on {0}'s dashboard ${defaultWaitDays} days prior to their visit.`;\r\n tipsMsg = translateText(t && translate, tipsMsg, t);\r\n tipsMsg = tipsMsg.replace('{0}', getFirstName(currentUser.displayName));\r\n }\r\n } else {\r\n tipsMsg = `Save some time before your visit! eCheck-In will be available on your dashboard ${defaultWaitDays} days prior to your visit.`;\r\n tipsMsg = translateText(t && translate, tipsMsg, t);\r\n }\r\n }\r\n }\r\n\r\n return tipsMsg;\r\n }\r\n\r\n render() {\r\n const { isMobile, isTablet, visit, providerDetails, serverData, arrivalTimeSchedule, enableFluVaccineSchedulingWorkflow, translate, visitTypelabel, primaryUser, currentUser,\r\n nonMyChartPatientDetails, scheduleAppointmentForProxy, schedule, hasMyChart, enableEcheckinMandatoryUpdates, isMammography, t\r\n } = this.props;\r\n const { label, label2 } = this.props.departments[0] || {};\r\n const visitDirections = visit && visit.department.address ? 'https://www.google.com/maps/place/' + visit.department.address.street1 + ', ' + visit.department.address.city + ', ' + visit.department.address.state + ' ' + visit.department.address.zip : '#';\r\n const visitDirectionsTarget = visit && visit.department.address ? '_blank' : '_self';\r\n const providerPhone = providerDetails && providerDetails.consumerCallCenterNumber ? providerDetails.consumerCallCenterNumber : (visit.department.phone ? visit.department.phone : \"\");\r\n const timezone = serverData && serverData.showTimeZoneMessage && !Tools.isCentralTimeZone() ? Tools.getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n let patientName = (visit.patient && visit.patient.name) ? visit.patient.name : (primaryUser && primaryUser.displayName ? primaryUser.displayName : \"\");\r\n patientName = scheduleAppointmentForProxy ? currentUser ? primaryUser.eid === currentUser.eid ? firstNameFirst(primaryUser.displayName) : firstNameFirst(currentUser.displayName) : patientName : patientName;\r\n const { eCheckInDays } = serverData || '';\r\n\r\n const visitDateTime = schedule && schedule.date && schedule.time ? new Date(`${schedule.date} ${schedule.time}`) : \"\";\r\n const numberOfDaysDiff = Tools.differenceInDays(visitDateTime);\r\n const showBeginEcheckInBanner = !this.props.scheduleAppointmentFailed && hasMyChart && numberOfDaysDiff <= parseInt(eCheckInDays) && enableEcheckinMandatoryUpdates;\r\n const tipsBannerMsg = this.getTipsBannerMsg(showBeginEcheckInBanner);\r\n\r\n return (\r\n \r\n {(this.props.scheduleAppointmentSuccess === true && this.props.scheduleAppointmentFailed !== true) &&\r\n
\r\n \r\n
\r\n }\r\n {this.props.scheduleAppointmentFailed === true &&\r\n \r\n
\r\n }\r\n \r\n
\r\n {window.serverData.data.enableQualtricsSurveyOpenScheduling && \r\n {showBeginEcheckInBanner &&\r\n
\r\n \r\n {isVirtualCareVisit\r\n ? eCheck-In is required to launch your video visit\r\n : eCheck-In is available to complete}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* END DOCTOR DETAILS */}\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n Appointment Scheduled For:
\r\n {patientName}
\r\n {(nonMyChartPatientDetails && nonMyChartPatientDetails.phoneNumbers && nonMyChartPatientDetails.phoneNumbers[0]) &&\r\n
\r\n {formatPhoneNumber(nonMyChartPatientDetails.phoneNumbers[0].number)}
}\r\n
\r\n \r\n
\r\n \r\n
\r\n {visitTypeDescription}
\r\n \r\n
\r\n \r\n
\r\n {!isVirtualCareVisit &&\r\n }\r\n \r\n {provider && provider.displayName}\r\n
\r\n \r\n \r\n
\r\n {isVirtualCareVisit && \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Video Visit\r\n
\r\n \r\n
\r\n {isVirtualCareVisit &&\r\n \r\n
\r\n {isFromCovid19VaccineSchedule ? covidVaccineDateStr : this.date2str(visit.date)}
\r\n {isFromCovid19VaccineSchedule ? covidVaccineTimeStr : this.formatTime(visit.time)} {timezone}
\r\n \r\n
\r\n }\r\n {(patientInstruction) &&\r\n \r\n
\r\n }\r\n When You Arrive
\r\n - \r\n {schedule.patientInstructions.map((item, index) => {\r\n const listClass = item.indexOf(\"
- \") !== -1 ? \"list-item-bullet\" : \"\";\r\n item = item.replace(\"
- \", \"\");\r\n return item &&
\r\n {isVirtualCareVisit &&
\r\n \r\n
\r\n }\r\n {tipsBannerMsg &&\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Be ready! See our helpful tips for a more successful Video Visit.
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {tipsBannerMsg}\r\n
\r\n \r\n }\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n schedule: state.openScheduling.schedule,\r\n EncryptedCSN: state.epic.encryptCSN,\r\n eCheckInStatusSuccess: state.epic.eCheckInStatusSuccess,\r\n enableEcheckinMandatoryUpdates: state.session.serverData && state.session.serverData.enableEcheckinMandatoryUpdates ? state.session.serverData.enableEcheckinMandatoryUpdates : false,\r\n hasMyChart: state.domain.hm,\r\n scheduleVisitType: state.openScheduling && state.openScheduling.schedule && state.openScheduling.schedule.visitType.displayName,\r\n careGapFlowFormInputs: state.careGap.careGapFlowFormInputs,\r\n careGapsSessionId: state.careGap.careGapsSessionId,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEncryptedCSN: (csnId) => {\r\n dispatch({ type: types.GET_EPIC_ENCRYPT_CSN, csnId });\r\n },\r\n postCareGapFlowData: (careGapData, procedureType) => dispatch({ type: types.POST_CAREGAP_FLOW_DATA, careGapData, procedureType }),\r\n updateCareGapFlowFormInputs: (formInputs, procedureType) => dispatch({ type: types.UPDATE_CAREGAP_FLOW_FORM_INPUTS, formInputs, procedureType }),\r\n clearFlowData: () => dispatch({ type: types.CLEAR_CAREGAP_DATA_AFTER_SUBMIT })\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(OpenScheduleConfirmationSuccess));","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SectionLoadingError from '../common/SectionLoadingError';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass OpenSchedulingError extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.OpenSchedulingError.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { apiMessage, messageIcon, sectionErrorClass, resetStep, phoneNumber } = this.props;\r\n \r\n return (\r\n \r\n {(this.props.scheduleAppointmentSuccess === true && this.props.scheduleAppointmentFailed !== true) &&\r\n
\r\n {window.serverData.data.enableQualtricsSurveyOpenScheduling && !enableFluVaccineSchedulingWorkflow && \r\n
\r\n }\r\n\r\n {this.props.scheduleAppointmentFailed === true\r\n ? \r\n \r\n {this.props.createPatientFailed\r\n ? \r\n {translateText(t && translate, \"Please\", t) + ' '}\r\n this.editPatientInfo(e, true)}>{translateText(t && translate, \"try again\", t)}{' '}\r\n {translateText(t && translate, \"and confirm your information is correct\", t) + ' '}\r\n {providerPhone && \r\n {translateText(t && translate, \"or\", t) + ' ' + translateText(t && translate, \"call\", t) + ' '}\r\n {providerPhone} {translateText(t && translate, \"to schedule\", t)}\r\n }.\r\n \r\n :\r\n \r\n {translateText(t && translate, \"Please\", t) + ' ' + providerPhone + ' '} &&\r\n \r\n {translateText(t && translate, \"call\", t) + ' '}\r\n {providerPhone}\r\n {' ' + translateText(t && translate, \"to schedule or\", t) + ' '}\r\n \r\n this.editAppt(e, true)}>{translateText(t && translate, \"try again\", t)}.\r\n \r\n }\r\n \r\n
\r\n : \r\n {showBeginEcheckInBanner &&\r\n
\r\n }\r\n \r\n {translateText(t && translate, \"eCheck-in is required before your visit.\", t)}\r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n {tipsBannerMsg && !enableFluVaccineSchedulingWorkflow &&\r\n \r\n
\r\n {!enableFluVaccineSchedulingWorkflow && \r\n
\r\n {!enableFluVaccineSchedulingWorkflow && }\r\n \r\n
\r\n {enableFluVaccineSchedulingWorkflow && \r\n
\r\n {!enableFluVaccineSchedulingWorkflow && \r\n
\r\n \r\n {(isMammography || enableFluVaccineSchedulingWorkflow) ? {translateText(t && translate, visitTypelabel.replace('d', 'D'), t)}\r\n : {startCase(get(schedule, 'visitTypes[0].name', '').toLowerCase())}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {`${label || ''}`}\r\n {visit && visit.department.address && (visit.department.address.street1 || visit.department.address.city)\r\n ? \r\n
\r\n \r\n {visit.department.address.street1 || visit.department.address.street2 &&\r\n
\r\n \r\n : {visit.department.address.street1}{visit.department.address.street2 && , {visit.department.address.street2},}
\r\n }\r\n {visit.department.address.city}, {visit.department.address.state} {visit.department.address.zip}
\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 {providerPhone\r\n ? \r\n
\r\n {providerPhone.replaceAll('-', '.')}
\r\n \r\n : \r\n \r\n
}\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Appointment Scheduled For\", t) + ' '}
\r\n {patientName}
\r\n {(nonMyChartPatientDetails && nonMyChartPatientDetails.phoneNumbers && nonMyChartPatientDetails.phoneNumbers[0]) &&\r\n
\r\n {formatPhoneNumber(nonMyChartPatientDetails.phoneNumbers[0].number)}
}\r\n
}\r\n \r\n
\r\n {translateText(t && translate, \"Appointment Scheduled For\", t) + ' '}
\r\n {patientName}
\r\n {(nonMyChartPatientDetails && nonMyChartPatientDetails.phoneNumbers && nonMyChartPatientDetails.phoneNumbers[0]) &&\r\n
\r\n {formatPhoneNumber(nonMyChartPatientDetails.phoneNumbers[0].number)}
}\r\n
\r\n \r\n
\r\n {this.date2str(visit.date)}
\r\n {this.formatTime(visit.time)} {timezone}
\r\n \r\n
}\r\n {translateText(t && translate, \"Be Ready For Your Appointment\", t)}
\r\n{translateText(t && translate, \"Please bring any non-BSWH images and reports for comparison.\", t)}
\r\n{translateText(t && translate, \"Arrive at least {0} minutes before your appointment time.\", t).replace('{0}', '15')}
\r\n{translateText(t && translate, \"Bring your photo ID and insurance card(s) to your appointment.\", t)}
\r\n{translateText(t && translate, \"Wear a two piece outfit (e.g. A blouse and pants).\", t)}
\r\n{translateText(t && translate, \"Please refrain from wearing deodorant as it can cause issues with the results of the screening mammogram.\", t)}
\r\n{translateText(t && translate, \"If you experience any breast related symptoms prior to your appointment, please call our office prior to your arrival.\", t)}
\r\n{translateText(t && translate, \"Please do not bring children with you, as staff is unable to care for your child during your procedure.\", t)}
\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {tipsBannerMsg}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default OpenSchedulingError;","import * as React from \"react\";\r\nimport { Modal, ModalBody } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport Text from \"../common/input/text\";\r\nimport Select from \"../common/input/select\";\r\nimport DatePicker from \"../common/DatePicker\";\r\nimport GenericInput from \"../common/input/GenericInput\";\r\nimport SSNInput from \"../common/input/SSNInput\";\r\nimport PhoneNumber from \"../common/input/PhoneNumber\";\r\nimport LocationSearchInput from \"../common/input/LocationSearchInput\";\r\nimport { translateText } from '../../helpers/data';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport ZipCode from \"../common/input/ZipInput\";\r\nimport Email from '../common/input/Email';\r\nconst dobInputId = \"dobInput\";\r\nconst genderInputId = \"genderInput\";\r\nconst ssnInputId = \"ssnInput\";\r\nconst phoneInputId = \"phoneInput\";\r\nconst insuranceInputId = \"insuranceInput\";\r\nconst notListedInsuranceInputId = \"notListedInsuranceInput\";\r\nconst emailInputId = \"emailInput\";\r\nconst addressInputId = \"addressInput\";\r\n\r\nclass PatientInfo extends React.Component {\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n const { dateOfBirth, gender, nationalIdentifier, phoneNumbers, insurance, notListedInsuranceName, mailingAddress, email } = props.model;\r\n\r\n this.state = {\r\n dateOfBirth: dateOfBirth ? dateOfBirth : '',\r\n gender: gender ? gender : '',\r\n nationalIdentifier: nationalIdentifier ? nationalIdentifier : '',\r\n patientPhone: phoneNumbers && phoneNumbers.length > 0 ? phoneNumbers[0].number : '',\r\n insuranceName: notListedInsuranceName ? 'Not Listed' : (insurance && insurance.insuranceName ? insurance.insuranceName : ''),\r\n notListedInsuranceName: notListedInsuranceName ? notListedInsuranceName : '',\r\n memberId: insurance && insurance.memberNumber ? insurance.memberNumber : '',\r\n subscriberId: insurance && insurance.subscriberId ? insurance.subscriberId : '',\r\n groupNumber: insurance && insurance.groupNumber ? insurance.groupNumber : '',\r\n mailingAddress: mailingAddress ? mailingAddress : null,\r\n isShowManualAddress: mailingAddress && mailingAddress.zip && !mailingAddress.longAddress ? true : false,\r\n validDob: true, validGender: true, validSsn: true, validPhone: true,\r\n validInsurance: true, validInsuranceNotListed: true, validMailingAddress: (mailingAddress && mailingAddress.longAddress) ? true : false,\r\n email: email ? { value: email, isValid: true } : { value: '', isValid: false },\r\n validationError: \"\",\r\n mounted: false,\r\n showMammogramWithoutMyChartModal: false\r\n };\r\n\r\n // we're adding our own continue button here...\r\n //this.props.disableEnableContinueButton(true);\r\n\r\n this.savePatientInfo = this.savePatientInfo.bind(this);\r\n this.stupidDatePickerHack = this.stupidDatePickerHack.bind(this);\r\n this.notifyToEnterAddressManually = this.notifyToEnterAddressManually.bind(this);\r\n //this.is_Validated = this.is_Validated.bind(this);\r\n this.setValidationMessage = this.setValidationMessage.bind(this);\r\n //this.inputId = dobInputId;\r\n this.genderHasFocused = false;\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.PatientInfo.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.setState({ mounted: true });\r\n //this.valid = this.isValid();\r\n //if (this.props.isValid) {\r\n // this.props.isValid(this.valid);\r\n //}\r\n }\r\n\r\n componentDidUpdate() { \r\n\r\n //Gender need auto focus if blank when this step loads / displays to user\r\n if (this.state.mounted && !this.genderHasFocused && this.refs && this.refs.gender && this.refs.gender.refs && this.refs.gender.refs.selectElement) {\r\n this.refs.gender.refs.selectElement.focus();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.setState({ mounted: false });\r\n }\r\n\r\n // Added this method as OurStepManager calls isValid() to change the classes of the Progress Bar\r\n isValid() {\r\n return this.isValidate(false);\r\n }\r\n\r\n //Below method will handle this issue \"Patient Info- User is not able to enter the information in fields in any order.\"\r\n onGoNext(success) {\r\n if (success) {\r\n this.savePatientInfo();\r\n }\r\n else {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n }\r\n\r\n notifyToEnterAddressManually() {\r\n const { mounted } = this.state;\r\n if (mounted) {\r\n this.setState({ isShowManualAddress: true });\r\n }\r\n }\r\n\r\n savePatientInfo() {\r\n const { userHasEmail } = this.props;\r\n try {\r\n let model = {\r\n nationalIdentifier: this.state.nationalIdentifier,\r\n dateOfBirth: this.state.dateOfBirth,\r\n gender: this.state.gender,\r\n phoneNumbers: this.state.patientPhone ? [{ number: this.state.patientPhone.replace(/\\./ig, ''), type: \"Home Phone\" }] : null,\r\n mailingAddress: this.state.mailingAddress\r\n };\r\n\r\n if (this.state.mailingAddress) {\r\n model.houseNumber = this.state.mailingAddress.streetNumber;\r\n model.streetLine1 = this.state.mailingAddress.streetNumber + \" \" + this.state.mailingAddress.street;\r\n model.streetLine2 = this.state.mailingAddress.street2;\r\n model.city = this.state.mailingAddress.city;\r\n model.state = this.state.mailingAddress.state;\r\n model.zipCode = this.state.mailingAddress.zip;\r\n }\r\n\r\n if (!userHasEmail) model.email = this.state.email.value;\r\n\r\n const isInsuranceNotListed = this.state.insuranceName.toLowerCase() === \"not listed\";\r\n model.notListedInsuranceName = isInsuranceNotListed ? this.state.notListedInsuranceName : '';\r\n if (this.state.insuranceName !== \"\") {\r\n model.insurance = {\r\n insuranceName: isInsuranceNotListed ? this.state.notListedInsuranceName : this.state.insuranceName,\r\n memberNumber: this.state.memberId,\r\n groupNumber: this.state.groupNumber,\r\n subscriberId: this.state.subscriberId\r\n };\r\n }\r\n\r\n this.props.savePatientInfo(model);\r\n\r\n return true;\r\n }\r\n catch {\r\n return false;\r\n }\r\n }\r\n\r\n stupidDatePickerHack(dt) {\r\n // turn a string containing YYYY-MM-DD into one containing MM/DD/YYYY\r\n let parts = dt.split('-');\r\n return parts && parts.length > 1 ? `${parts[1].toString().padStart(2, \"0\")}/${parts[2].toString().padStart(2, \"0\")}/${parts[0]}` : null;\r\n }\r\n\r\n digits(str, length) {\r\n return str.replace(/[^0-9]/g, '').length >= length;\r\n }\r\n\r\n setValidationMessage(sMessage) {\r\n const { validationError, mounted } = this.state;\r\n if (mounted && validationError !== sMessage) {\r\n this.setState({ validationError: sMessage });\r\n }\r\n }\r\n\r\n isValidate(fromInput) {\r\n const { mounted } = this.state;\r\n if (mounted) {\r\n const { dateOfBirth, gender, nationalIdentifier, patientPhone, insuranceName, notListedInsuranceName, mailingAddress, email, validMailingAddress, isShowManualAddress } = this.state;\r\n const { userHasEmail, translate, t } = this.props;\r\n let validDob, validGender, validSsn, validPhone, validInsurance, validInsuranceNotListed, isStreetNumberValid, isStreetValid, isCityValid, isStateValid, isZipValid;\r\n\r\n validDob = this.digits(dateOfBirth, 6);\r\n validGender = gender.trim() !== '';\r\n\r\n validSsn = nationalIdentifier.trim() === '' || this.digits(nationalIdentifier, 9);\r\n validPhone = this.digits(patientPhone, 10);\r\n validInsurance = insuranceName !== '';\r\n validInsuranceNotListed = insuranceName !== 'Not Listed' || notListedInsuranceName.trim() !== '';\r\n\r\n if (userHasEmail) {\r\n if (!this.state.email || !this.state.email.isValid) {\r\n this.setState({\r\n email: { isValid: true }\r\n });\r\n }\r\n }\r\n\r\n if (isShowManualAddress) {\r\n isStreetNumberValid = mailingAddress.streetNumber !== '';\r\n isStreetValid = mailingAddress.street !== '';\r\n isCityValid = mailingAddress.city !== '';\r\n isStateValid = mailingAddress.state !== '';\r\n isZipValid = mailingAddress.zip !== '' && mailingAddress.zip.length === 5;\r\n }\r\n\r\n if (validDob !== this.state.validDob ||\r\n validGender !== this.state.validGender ||\r\n validSsn !== this.state.validSsn ||\r\n validPhone !== this.state.validPhone ||\r\n validInsurance !== this.state.validInsurance ||\r\n validInsuranceNotListed !== this.state.validInsuranceNotListed ||\r\n isStreetNumberValid !== this.state.isStreetNumberValid ||\r\n isStreetValid !== this.state.isStreetValid ||\r\n isStateValid !== this.state.isStateValid ||\r\n isZipValid !== this.state.isZipValid\r\n ) {\r\n this.setState({ validDob, validGender, validSsn, validPhone, validInsurance, validInsuranceNotListed, isStreetNumberValid, isStreetValid, isCityValid, isStateValid, isZipValid });\r\n }\r\n\r\n //if (!validDob) this.inputId = dobInputId;\r\n //else if (!validGender) this.inputId = genderInputId;\r\n //else if (!validSsn) this.inputId = ssnInputId;\r\n //else if (!validPhone) this.inputId = phoneInputId;\r\n //else if (!validInsurance) this.inputId = insuranceInputId;\r\n //else if (!validInsuranceNotListed) this.inputId = notListedInsuranceInputId;\r\n //else if (!isShowManualAddress && !validMailingAddress) this.inputId = addressInputId;\r\n //else if (!this.state.email.isValid) this.inputId = emailInputId;\r\n\r\n if (!fromInput) {\r\n if (!validDob) {\r\n //debugger;\r\n this.setValidationMessage(translateText(t && translate, \"You must select a valid date of birth.\", t));\r\n return false;\r\n }\r\n if (!validGender) {\r\n //debugger;\r\n this.setValidationMessage(translateText(t && translate, \"You must select a gender.\", t));\r\n //this.refs.gender.refs.selectElement.focus();\r\n return false;\r\n }\r\n if (!validSsn) {\r\n this.setValidationMessage(translateText(t && translate, \"You must enter a valid social security number.\", t));\r\n //this.refs.SSN.refs.inputElement.focus();\r\n return false;\r\n }\r\n if (!validPhone) {\r\n this.setValidationMessage(translateText(t && translate, \"You must enter a valid phone number.\", t));\r\n //this.refs.phone.refs.inputElement.focus();\r\n return false;\r\n }\r\n if (!isShowManualAddress && !validMailingAddress) {\r\n //debugger;\r\n this.setValidationMessage(translateText(t && translate, \"You must enter a valid address.\", t));\r\n let oAddr = Tools.getRootRef(this.refs.address);\r\n //oAddr.inputElement.focus(); // we can't autofocus this control\r\n return false;\r\n }\r\n }\r\n\r\n return validDob && validGender && validSsn && validPhone && validInsurance && validInsuranceNotListed && (userHasEmail || email.isValid)\r\n && (isShowManualAddress ? isStreetNumberValid && isStreetValid && isCityValid && isStateValid && isZipValid : validMailingAddress);\r\n }\r\n\r\n }\r\n\r\n /*is_Validated() {\r\n const valid = this.isValid();\r\n if (valid) {\r\n return this.createPatient();\r\n }\r\n else {\r\n const input = document.getElementById(this.inputId);\r\n if (input) {\r\n input.focus();\r\n }\r\n }\r\n this.setState({ showAsInvalid: !valid });\r\n return valid;\r\n }*/\r\n\r\n /*validate(valid, fromInput) {\r\n valid = (typeof valid === 'undefined' || valid) && this.isValid(fromInput);\r\n if (this.valid !== valid) {\r\n this.valid = valid;\r\n if (this.props.isValid) {\r\n this.props.isValid(valid);\r\n }\r\n }\r\n }*/\r\n\r\n onInputChange(field, value, isValid) {\r\n const {isMammogramSchedule} = this.props;\r\n if (typeof isValid === 'undefined' || isValid) {\r\n if (isMammogramSchedule && field === \"gender\" && value === \"Male\") {\r\n this.props.onFemalePatientSelected(false);\r\n this.setState({ showMammogramWithoutMyChartModal: true});\r\n } else if (isMammogramSchedule && field === \"gender\" && value === \"Female\") {\r\n this.props.onFemalePatientSelected(true);\r\n this.setState({ showMammogramWithoutMyChartModal: false, [field]: value }, () => this.isValidate(true));\r\n } else {\r\n this.setState({ [field]: value }, () => this.isValidate(true));\r\n }\r\n }\r\n else {\r\n this.isValidate(true);\r\n }\r\n }\r\n\r\n hideModal = () => {\r\n this.setState({ showMammogramWithoutMyChartModal: false, gender: \"\" })\r\n }\r\n\r\n onGenderFocus(event) {\r\n if (!this.genderHasFocused) {\r\n this.genderHasFocused = true;\r\n }\r\n }\r\n\r\n render() {\r\n const { mailingAddress, isShowManualAddress, email, validationError, showMammogramWithoutMyChartModal } = this.state;\r\n const { userHasEmail, isMammogramSchedule, translate, t } = this.props;\r\n let renderEmail = false;\r\n if (userHasEmail === false || userHasEmail === null || userHasEmail === undefined || userHasEmail === \"\")\r\n renderEmail = true;\r\n let insurancePlans = [...this.props.insurancePlans];\r\n insurancePlans.push({ key: insurancePlans.length, value: \"Not Listed\", label: translateText(t && translate, \"Not Listed\", t)});\r\n insurancePlans.push({ key: insurancePlans.length, value: \"No Insurance\", label: translateText(t && translate, \"No Insurance\", t) });\r\n\r\n const maleMammogramCurrentMsg = translateText(t && translate, \"Currently, our system has a different process for scheduling screening mammograms for individuals who do not identify as female.\", t);\r\n const maleMammogramAssistantMsg = translateText(t && translate, \"For further assistance please contact your primary care provider.\", t)\r\n\r\n return (\r\n \r\n
\r\n \r\n {\r\n isMammogramSchedule && showMammogramWithoutMyChartModal && (\r\n \r\n \r\n {maleMammogramCurrentMsg}
\r\n {maleMammogramAssistantMsg}\r\n \r\n \r\n )\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PatientInfo;\r\n","import React, { Component } from 'react';\r\nimport { Typography } from \"../ecosystem/\";\r\nimport { formatPhoneNumber } from \"../../helpers/formatting\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport Spinner from \"../common/spinner\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass PatientStatus extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selected: null,\r\n showAsInvalid: false,\r\n validationError: \"\",\r\n newPatientStatus: false,\r\n exePatientStatus: false,\r\n };\r\n\r\n }\r\n\r\n componentDidUpdate( prevProps) {\r\n const { visitTypeAndLocationInfo } = this.props;\r\n \r\n const patientStatusExisting = visitTypeAndLocationInfo && visitTypeAndLocationInfo.patientStatusExisting;\r\n const patientStatusNew = visitTypeAndLocationInfo && visitTypeAndLocationInfo.patientStatusNew;\r\n\r\n if (this.props.isFromDotCOM && prevProps && prevProps.patientType !== this.props.patientType) {\r\n this.onChange(this.props.patientType);\r\n } \r\n\r\n if ( prevProps.visitTypeAndLocationInfo !== visitTypeAndLocationInfo) {\r\n if (patientStatusExisting === false && patientStatusNew === true) {\r\n this.setState({ newPatientStatus: true })\r\n }\r\n else if (patientStatusExisting === true && patientStatusNew === false) {\r\n this.setState({ exePatientStatus: true })\r\n }\r\n }\r\n\r\n logUI(\"MBHWeb.UI.PatientStatus.ComponentDidUpdate\", new Date(), Tools.getURLPath());\r\n \r\n }\r\n\r\n isValidate = () => {\r\n if (this.state.selected === null) {\r\n this.setState({ validationError: \"Please make a selection.\" });\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n isValid() {\r\n return this.isValidate();\r\n }\r\n\r\n onGoNext(success) {\r\n const { selected } = this.state;\r\n const { visit, visitTypeAndLocationInfo } = this.props;\r\n\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n\r\n visit.patientStatus = selected;\r\n if (selected && selected.toLowerCase() === \"no, this is the first time\") {\r\n visit.acceptType = \"New\";\r\n } else {\r\n visit.acceptType = \"Existing\";\r\n }\r\n const id = visitTypeAndLocationInfo && visitTypeAndLocationInfo.visitTypes[0] && visitTypeAndLocationInfo.visitTypes[0].iDs[0] && visitTypeAndLocationInfo.visitTypes[0].iDs[0].id ;\r\n const type = visitTypeAndLocationInfo.visitTypes[0] && visitTypeAndLocationInfo.visitTypes[0].iDs[0] && visitTypeAndLocationInfo.visitTypes[0].iDs[0].type;\r\n const visitTypeStartDate = visitTypeAndLocationInfo.visitTypes[0] && visitTypeAndLocationInfo.visitTypes[0].earliestCachedSlotDate && Tools.toJSDate(`${visitTypeAndLocationInfo.visitTypes[0].earliestCachedSlotDate} 00:00:00`, DATE_FORMAT);\r\n const visitTypeEndOfMonth = visitTypeStartDate && Tools.getEndOfMonth(visitTypeStartDate.getFullYear(), visitTypeStartDate.getMonth());\r\n const visitTypeEndDate = visitTypeEndOfMonth && `${visitTypeEndOfMonth.getFullYear()}-${visitTypeEndOfMonth.getMonth() + 1}-${visitTypeEndOfMonth.getDate()}`;\r\n if (id && type) {\r\n visit.visitType.id = id;\r\n visit.visitType.description = visitTypeAndLocationInfo.visitTypes[0] && visitTypeAndLocationInfo.visitTypes[0].displayName;\r\n visit.visitType.idType = type;\r\n visit.visitType.startDate = visitTypeAndLocationInfo.visitTypes[0] && visitTypeAndLocationInfo.visitTypes[0].earliestCachedSlotDate;\r\n visit.visitType.endDate = visitTypeEndDate;\r\n }\r\n\r\n // const loadScheduleDays = departments && departments.length === 1;\r\n // let startDate = Tools.toJSDate(`${routeDate} 00:00:00`, DATE_FORMAT);\r\n // let dtEnd = Tools.getEndOfMonth(startDate.getFullYear(), startDate.getMonth());\r\n // let endDate = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n // visit.date = this.props.routeDate ? this.props.routeDate : '';\r\n // visit.time = routeTime ? routeTime : \"\";\r\n //this.props.saveStepInfo({ visitTypeChanged: true, visit: visit, startDate: routeDate, endDate }, loadScheduleDays);\r\n \r\n logUI(\"MBHWeb.UI.PatientStatus.Continue.Clicked\", new Date(), Tools.getURLPath(), { visit: visit });\r\n //this.props.loadVisitType(visit);\r\n this.props.saveStepInfo({ visit: visit });\r\n }\r\n\r\n onChange = (val) => {\r\n this.setState({ selected: val });\r\n this.setState({ showAsInvalid: false });\r\n }\r\n\r\n render() {\r\n const { visitTypeAndLocationInfo, isMobile } = this.props;\r\n const { exePatientStatus, newPatientStatus, selected, showAsInvalid, validationError } = this.state;\r\n const newPatient = \"No, this is the first time\";\r\n const existingPatient = \"Yes, I am an established patient\";\r\n const noSelected = newPatient === selected;\r\n const yesSelected = existingPatient === selected;\r\n const phoneNumber = visitTypeAndLocationInfo && visitTypeAndLocationInfo.departments[0] && visitTypeAndLocationInfo.departments[0] && visitTypeAndLocationInfo.departments[0].phone;\r\n\r\n return (\r\n \r\n {maleMammogramAssistantMsg}\r\n
\r\n {translateText(t && translate, \"BACK TO DASHBOARD\", t) }\r\n {translateText(t && translate, \"CLOSE\", t) } \r\n
\r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Please confirm your information and fill in the missing fields.\", t) }
\r\n\r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Patient Information (as it appears on your photo ID)\", t) }
\r\n\r\n
\r\n \r\n {\r\n this.onInputChange('dateOfBirth',\r\n !isValid ? '' : `${day.getFullYear()}-${(day.getMonth() + 1).toString().padStart(2, \"0\")}-${day.getDate().toString().padStart(2, \"0\")}`);\r\n }}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.validDob}\r\n translate={translate}\r\n />\r\n
\r\n \r\n { this.onInputChange('nationalIdentifier', e.target.value); }}\r\n placeholder={translateText(t && translate, \"Social Security Number (optional)\", t)}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.validSsn}\r\n ref=\"SSN\"\r\n />\r\n
\r\n \r\n { this.onInputChange('patientPhone', e.target.value); }}\r\n placeholder={translateText(t && translate, \"Phone Number\", t)}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.validPhone}\r\n ref=\"phone\"\r\n />\r\n
\r\n \r\n {renderEmail &&\r\n
\r\n {isShowManualAddress && <>\r\n \r\n this.setState({ email: { value: e.target.value, isValid } })}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.email.isValid}\r\n />\r\n
\r\n }\r\n \r\n {\r\n if (components) {\r\n this.setState({ mailingAddress: components, validMailingAddress: true });\r\n }\r\n else {\r\n this.setState({ mailingAddress: { streetNumber: '', street: '', street2: '', city: '', state: 'TX', zip: '' }, validMailingAddress: false });\r\n }\r\n }}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.validMailingAddress}\r\n address={this.state.mailingAddress}\r\n ref=\"address\"\r\n />\r\n
\r\n \r\n
\r\n }\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, streetNumber: e.target.value }, isStreetNumberValid: isValid }); }}\r\n placeholder={translateText(t & translate, \"Street Number\", t) }\r\n showAsInvalid={this.state.showAsInvalid && !this.state.isStreetNumberValid}\r\n />\r\n
\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, street: e.target.value }, isStreetValid: isValid }); }}\r\n placeholder={translateText(t, \"Street Name\", t) } \r\n showAsInvalid={this.state.showAsInvalid && !this.state.isStreetValid}\r\n />\r\n
\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, street2: e.target.value } }); }} placeholder=\"Street Address 2 (optional)\" />\r\n
\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, city: e.target.value }, isCityValid: isValid }); }}\r\n placeholder={translateText(t, \"City\", t)} \r\n showAsInvalid={this.state.showAsInvalid && !this.state.isCityValid}\r\n />\r\n
\r\n \r\n
\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, zip: e.target.value }, isZipValid: isValid }); }}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.isZipValid}\r\n />\r\n
\r\n \r\n
\r\n\r\n {\r\n this.state.insuranceName.toLowerCase() === \"not listed\" &&\r\n \r\n
\r\n {translateText(t && translate, \"Patient Insurance Information\", t)}
\r\n\r\n {translateText(t && translate, \"Prior to your appointment, please contact your insurance carrier to understand facility and provider network status and benefit coverage for your specific insurance plan.\", t) }\r\n
\r\n\r\n
\r\n \r\n
\r\n }\r\n {\r\n this.state.insuranceName !== \"\" && this.state.insuranceName !== \"No Insurance\" &&\r\n \r\n { this.setState({ notListedInsuranceName: e.target.value, validInsuranceNotListed: isValid }); }}\r\n placeholder={translateText(t && translate, \"Insurance Name\", t)}\r\n showAsInvalid={this.state.showAsInvalid && !this.state.validInsuranceNotListed}\r\n />\r\n
\r\n \r\n
\r\n }\r\n {/*\r\n { this.setState({ memberId: e.target.value }); }} placeholder={translateText(t && translate, \"Member ID (optional)\", t)} />\r\n
\r\n \r\n { this.setState({ subscriberId: e.target.value }); }} placeholder={translateText(t && translate, \"Subscriber ID (optional)\", t)} />\r\n
\r\n \r\n { this.setState({ groupNumber: e.target.value }); }} placeholder={translateText(t && translate, \"Group Number (optional)\", t)} />\r\n
\r\n \r\n {this.isValid() &&\r\n
*/}\r\n \r\n \r\n
\r\n }\r\n \r\n {this.props.providerData && !this.props.providerData.displayName || !phoneNumber ?
');\r\n const questionsData = this.questions && Object.keys(this.questions).length ? this.questions : {};\r\n const actionButton = this.props.mammogramAnswers?.actions;\r\n \r\n // if (Object.keys(questionsData).length && isLoadQuestionsCompleted && !this.props.mammogramQuestionsError) \r\n if (Object.keys(questionsData).length && !this.props.mammogramQuestionsError) {\r\n return (\r\n <>\r\n this.userSelected = userSelected}\r\n shouldHideContinueButton\r\n activityCode=\"MBHWeb.UI.Schedule.AddDependent.Clicked\"\r\n message={\"I'm scheduling an appointment for...\"}\r\n iconLeftClass={\"svg-schedule-color\"}\r\n serverData={serverData}\r\n location={this.props.location}\r\n goToApptInfo={goToApptInfo}\r\n apptInfoStepValue={apptInfoStepValue !== -1 ? apptInfoStepValue : 0}\r\n reasonSubmitStepValue={reasonSubmitStepValue !==-1 ? reasonSubmitStepValue: 0}\r\n enableNewProviderSchedulingWorkflow={enableNewProviderSchedulingWorkflow}\r\n apptSlotNotAvailable={this.apptSlotNotAvailable}\r\n apptTimeNotAvailable={this.apptTimeNotAvailable}\r\n isFromDotCOM={isFromDotCOM}\r\n />);\r\n }\r\n else if (!hasProxyUsers && !noSelectPatient && hasMyChart && (showDependentProxyForm) && isAdult) {\r\n return ( {scheduleBannerMsgContent &&\r\n );\r\n }\r\n\r\n}\r\nconst mapStateToProps = (state) => {\r\n const { scheduleBannerMsgContent } = state.session.serverData;\r\n return {\r\n scheduleBannerMsgContent: scheduleBannerMsgContent ? scheduleBannerMsgContent : \"\"\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(ScheduleBannerMsg);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Typography, Icon, Card, Grid, LinkList, Notifier, LinkText } from \"../ecosystem\";\r\nimport { CircleButtonCard, CardLinkList, PageHeading } from \"../ecosystem/mybswh\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\n\r\nconst ScheduleNow = (props) => {\r\n\r\n const handleTileClick = (tileName) => {\r\n logUI(`MBHWeb.UI.ScheduleNow.${tileName}.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n\r\n const { currentUser, hasMyChart, screenBreakPoint, isActiveFeature_AmbulatoryVideoVisit, isActiveFeature_SDCVideoVisit, isActiveFeature_EVisit,isActiveFeature_InHomeVaccine, isActiveFeatureAnyone_InHomeVaccine,isProxyUser } = props;\r\n\r\n const isMobile = ([msgs.XS_MOBILE, msgs.SM_MOBILE, msgs.MD_TABLET]).indexOf(screenBreakPoint) > -1 ? true : false;\r\n const headingType = isMobile ? \"body-03\" : \"heading-04\";\r\n const headingBold = isMobile ? true : false;\r\n\r\n const location = window.store.getState().locations;\r\n let locCityAndState = location && location.city && location.state ? location.city + ',' + location.state : \"\";\r\n const enableFluVaccineSchedulingWorkflow = props.serverData && props.serverData.enableFluVaccineSchedulingWorkflow;\r\n const hideMyChartFluVaccineSchedulingWorkflow = props.serverData && props.serverData.hideMyChartFluVaccineSchedulingWorkflow;\r\n return (\r\n \r\n \r\n )\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n hasMyChart: state.domain.hm,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n isActiveFeature_AmbulatoryVideoVisit: state.memberships.isActiveFeature_AmbulatoryVideoVisit,\r\n isActiveFeature_SDCVideoVisit: state.memberships.isActiveFeature_SDCVideoVisit,\r\n isActiveFeature_EVisit: state.memberships.isActiveFeature_EVisit,\r\n serverData: state.session.serverData,\r\n isActiveFeature_InHomeVaccine: state.memberships.isActiveFeature_InHomeVaccine, \r\n isActiveFeatureAnyone_InHomeVaccine: state.memberships.isActiveFeatureAnyone_InHomeVaccine,\r\n isProxyUser: state.domain.ip \r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ScheduleNow);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport Spinner from \"../common/spinner\";\r\nimport { Redirect } from 'react-router-dom';\r\n\r\n\r\nclass ScheduleVisitRedirect extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.findcareSearchParms = \"?\" + queryParams({ keyword: \"primary care provider\", vector: \"pcp\", isScheduleAnnualCampaign: true }); //default search params for schedule annual campaign\r\n \r\n \r\n }\r\n\r\n componentDidMount() {\r\n logUI(`MBHWeb.UI.ScheduleVisitRedirect.ComponentDidMount`, new Date(), Tools.getURLPath());\r\n\r\n }\r\n\r\n\r\n render() {\r\n\r\n const { hasMychart,\r\n providerList,\r\n providerListFailure,\r\n providerListPending,\r\n providerListSuccess,\r\n myProxies,\r\n proxyListFailure,\r\n proxyListLoading,\r\n proxyListLoaded } = this.props;\r\n const hasProxies = myProxies && myProxies.length > 1;\r\n const hasProviders = providerList && providerList.length > 0;\r\n let isWaiting = hasMychart &&\r\n (providerListPending || (!providerListFailure && !providerListSuccess))\r\n || (proxyListLoading || (!proxyListFailure && !proxyListLoaded));\r\n let redirecToURL = '/findcare'; //default redirect url\r\n const thisPath = this.props.history.location?.pathname.slice(1) || 'SCHEDULEANNUALCAMPAIGN';\r\n\r\n if (hasMychart) { \r\n \r\n if (hasProviders) {\r\n if (hasProxies) {\r\n redirecToURL = '/schedulingFor';\r\n } else {\r\n redirecToURL = '/schedulevisit';\r\n }\r\n } else {\r\n redirecToURL = '/findcare';\r\n }\r\n }\r\n else {\r\n redirecToURL = '/findcare';\r\n } \r\n\r\n\r\n return(\r\n <>\r\n {(isWaiting) ?\r\n <>\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Typography } from \"../ecosystem\";\r\nimport VerifyEditButton from \"./VerifyEditButton\";\r\n\r\nconst VerifyDateTime = ({\r\n dayString,\r\n dateString,\r\n timeString,\r\n isMobile,\r\n isTablet,\r\n isDesktop,\r\n onEditClick\r\n}) => {\r\n\r\n return (\r\n
\r\n\r\n )\r\n }\r\n}\r\nexport default PatientStatus;","import * as React from 'react';\r\nimport { connect } from 'react-redux'\r\nimport * as queryString from 'query-string';\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport Spinner from \"../common/spinner\";\r\nimport InfoModal from '../common/InfoModal';\r\nimport { translateText } from \"../../helpers/data\";\r\nconst OK_LABEL = 'OK, CONTINUE';\r\nconst BACK_TO_HOME = 'BACK TO HOME';\r\n\r\nclass Questionnaire extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tooltipOpen: false,\r\n }\r\n this.mammogramResponseData = {};\r\n this.currentPatientId = \"\";\r\n this.questions = {};\r\n this.editQue = this.editQue.bind(this);\r\n this.setInitialAnswerValue = this.setInitialAnswerValue.bind(this);\r\n this.listOfoptionsSelected = [];\r\n this.openModal = false;\r\n this.goToHome = this.goToHome.bind(this);\r\n }\r\n\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.Questionnaire.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.currentPatientId = this.props.patientId;\r\n }\r\n\r\n // on \"Back to Calender\" click\r\n editQue(e) {\r\n if (e) { e.preventDefault(); }\r\n this.props.questionsLoaded(true);\r\n this.props.goBack(0);\r\n this.props.backToCalender(true);\r\n }\r\n\r\n /// to store question responses\r\n setInitialAnswerValue() {\r\n const { questionResponseData, mammogramQuestions, enableNewServiceSchedulingWorkflow, isFromDotCOM } = this.props;\r\n const selectedQue = mammogramQuestions && Object.keys(mammogramQuestions).length ? mammogramQuestions : {};\r\n let questionArray = [];\r\n if (Object.keys(selectedQue).length) {\r\n const question = selectedQue.questions;\r\n for (let count = 0; count < question.length; count++) {\r\n if (isFromDotCOM && enableNewServiceSchedulingWorkflow && questionResponseData && question[count].id in questionResponseData) {\r\n questionArray.push({\r\n questionID: question[count].id,\r\n answerValue: questionResponseData[question[count].id]\r\n })\r\n } else\r\n questionArray.push({\r\n questionID: question[count].id,\r\n answerValue: null\r\n })\r\n }\r\n this.listOfoptionsSelected = questionArray;\r\n const valuObj = {\r\n patientID: \"\",\r\n questionnaireID: selectedQue.questionnaireID,\r\n answerContainer: {\r\n answers: questionArray\r\n },\r\n }\r\n this.mammogramResponseData = valuObj;\r\n if (isFromDotCOM && enableNewServiceSchedulingWorkflow) {\r\n const isAllQueAnswered = this.checkAnsValue();\r\n this.props.sendBack(isAllQueAnswered);\r\n if (isAllQueAnswered) {\r\n this.mammogramResponseData.patientID = this.props.patientId;\r\n this.props.sendDataToMammogramParent(this.mammogramResponseData, this.props.token);\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { isMammogram, location, byPassProxyAndInfo, goNext, goToNewStep, isNonProxyUser, reasonSubmitStepValue } = this.props;\r\n\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { s } = params;\r\n\r\n if (prevProps !== this.props && byPassProxyAndInfo && typeof s !== 'undefined') {\r\n if (isNonProxyUser && s == 1 || !isNonProxyUser && s == 2) {\r\n if (isNonProxyUser && s == 1 && reasonSubmitStepValue)\r\n goToNewStep(true, reasonSubmitStepValue);\r\n }\r\n }\r\n if (isMammogram) {\r\n this.setQuestions()\r\n }\r\n\r\n if (this.props.mammogramAnswersError) {\r\n this.mammogramResponseData = {}\r\n }\r\n\r\n }\r\n\r\n setQuestions = () => {\r\n const { mammogramQuestions, currentStep, isUserActivated, patientId, screenCount } = this.props;\r\n // if (currentStep > screenCount) {\r\n // this.props.backToCalender(false);\r\n // //this.mammogramResponseData = {};\r\n // // this.props.sendBack(false);\r\n // // this.props.questionsLoaded(false);\r\n // } else {\r\n const questions = !this.props.mammogramQuestionsError ? Object.keys(mammogramQuestions).length ? mammogramQuestions : {} : {};\r\n if (Object.keys(questions).length) {\r\n this.props.questionsLoaded(true);\r\n }\r\n if (isUserActivated) {\r\n this.mammogramResponseData = {};\r\n this.questions = {};\r\n if (this.currentPatientId !== patientId) {\r\n this.props.newUserSelected(false);\r\n if (!Object.keys(this.mammogramResponseData).length) this.setInitialAnswerValue();\r\n this.currentPatientId = patientId;\r\n this.questions = questions;\r\n } else {\r\n this.questions = {};\r\n }\r\n } else {\r\n if (!Object.keys(this.mammogramResponseData).length) this.setInitialAnswerValue();\r\n this.questions = questions;\r\n }\r\n // }\r\n }\r\n\r\n goToNextStep = () => {\r\n //if (goNext) goNext();\r\n }\r\n\r\n // to check all questions answered\r\n checkAnsValue = () => {\r\n let queResponse = this.mammogramResponseData && this.mammogramResponseData.answerContainer && this.mammogramResponseData.answerContainer.answers;\r\n for (let i = 0; i < queResponse.length; i++) {\r\n if (queResponse[i].answerValue === null) {\r\n return false;\r\n }\r\n\r\n }\r\n return true;\r\n\r\n }\r\n\r\n // on question answer selected\r\n onAnswerSelected = (questionnaireId, answer, questionId) => {\r\n this.handleAnswers(answer, questionId);\r\n let mammogramAnswerModel = {\r\n departmentID: \"\",\r\n patientID: \"\",\r\n questionnaireID: questionnaireId,\r\n answerContainer: {\r\n answers: [\r\n {\r\n questionID: questionId,\r\n answerValue: answer\r\n }\r\n ]\r\n }\r\n }\r\n this.props.getMammogramQuestionsResponse(mammogramAnswerModel, this.props.token);\r\n const isAllQueAnswered = this.checkAnsValue();\r\n this.props.sendBack(isAllQueAnswered);\r\n if (isAllQueAnswered) {\r\n this.mammogramResponseData.patientID = this.props.patientId;\r\n this.props.sendDataToMammogramParent(this.mammogramResponseData, this.props.token);\r\n }\r\n }\r\n\r\n // to store answers \r\n handleAnswers = (answer, questionId) => {\r\n let resData = this.mammogramResponseData && this.mammogramResponseData.answerContainer && this.mammogramResponseData.answerContainer.answers;\r\n for (let i = 0; i < resData.length; i++) {\r\n if (resData[i].questionID === questionId) {\r\n resData[i].answerValue = answer;\r\n }\r\n\r\n }\r\n this.mammogramResponseData.answerContainer.answers = resData;\r\n }\r\n onGoNext() {\r\n // to call getArrival time api\r\n this.getArrivalTimeResponse();\r\n }\r\n\r\n getArrivalTimeResponse = () => {\r\n const { changedVisitTypeId, visit } = this.props;\r\n let arrivalTimeModel = null;\r\n arrivalTimeModel = {\r\n visitTypeId: changedVisitTypeId ? changedVisitTypeId : \"\",\r\n departmentId: visit && visit.department && visit.department.id ? `${visit.department.id}` : \"\",\r\n }\r\n this.props.getArrivalTimeSchedule(arrivalTimeModel, this.scheduleCallCompleted);\r\n }\r\n\r\n onAnswerChange = (answer, answerIndex) => {\r\n const newData = this.state.questions.map((item, index) => index === answerIndex ? { ...item, answer } : item)\r\n this.setState({ questions: newData });\r\n }\r\n\r\n toggleToolTip = () => {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n closeModal = () => {\r\n this.props.resetMammogramQuestionCurrentResponse();\r\n this.openModal = false;\r\n }\r\n\r\n navigateToHome = () => {\r\n this.closeModal();\r\n this.goToHome();\r\n }\r\n\r\n goToHome() {\r\n this.props.history.push({\r\n pathname: '/'\r\n });\r\n }\r\n\r\n render() {\r\n const { isMammogram, phoneNumber, currentStep, isLoadQuestionsCompleted, screenCount, t, enableNewMammogramJourneyChanges } = this.props;\r\n const stepHeading = enableNewMammogramJourneyChanges ? translateText(true, \"Please answer the following questions\", t) : translateText(true, \"Please answer a few questions to prepare for your screening mammogram\", t);\r\n\r\n if (isMammogram) {\r\n const patientMessage = this.props.mammogramAnswers?.patientMessage;\r\n this.openModal = patientMessage?.length ? true : false;\r\n const newLineMessage = patientMessage && patientMessage.length && patientMessage.split('\r\n
\r\n Have you seen {this.props.providerData && this.props.providerData.displayName} before?
\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 {(exePatientStatus || newPatientStatus) && \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {exePatientStatus ? \"This provider only accepts online appointments for established patients. If you are a new patient please call\" : \"This provider only accepts online appointments for new patients. If you are an established patient please call\"}{' '}\r\n \r\n {formatPhoneNumber(phoneNumber)}\r\n {' '}for further assistance\r\n \r\n
}\r\n\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n {validationError} \r\n
\r\n }\r\n\r\n {/* \r\n
\r\n \r\n this.handleCheck(newPatient)} \r\n label={newPatient} />\r\n this.handleCheck(existingPatient)} \r\n label={existingPatient} /> */}\r\n\r\n {/* {(noSelected || yesSelected) &&
*/}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n {noSelected ? \"This provider only accepts online appointments for established patients\" : \"This provider only accepts online appointments for new patients\"} If you are a new patient please call{' '}\r\n \r\n {formatPhoneNumber(phoneNumber)}\r\n {' '}for further assitance\r\n \r\n
}\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n {validationError} \r\n
\r\n }\r\n ');\r\n const questionsData = this.questions && Object.keys(this.questions).length ? this.questions : {};\r\n const actionButton = this.props.mammogramAnswers?.actions;\r\n \r\n // if (Object.keys(questionsData).length && isLoadQuestionsCompleted && !this.props.mammogramQuestionsError) \r\n if (Object.keys(questionsData).length && !this.props.mammogramQuestionsError) {\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n {patientMessage && patientMessage.length && actionButton && actionButton.length ? \r\n
\r\n {questionsData && Object.keys(questionsData).length && questionsData.questions ? questionsData.questions.map((item, index) =>\r\n \r\n
\r\n {stepHeading}
\r\n\r\n
\r\n ) :\r\n }\r\n \r\n
\r\n \r\n {translateText(true, item.prompt, t)}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n !msg.includes('') ?\r\n <>
: }\r\n \r\n );\r\n } else if ((isLoadQuestionsCompleted && currentStep === screenCount && !this.props.mammogramQuestionsError) || ((currentStep === screenCount) && !this.props.mammogramQuestionsError)) {\r\n return (\r\n <>\r\n {translateText(true, msg.trim(), t)}
\r\n :{translateText(true, msg.split('
\r\n {actionButton[0] && actionButton[0] === OK_LABEL.replace(' ', '') ? : actionButton[0] && actionButton[0] === BACK_TO_HOME && }\r\n {actionButton[1] && }\r\n
\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {stepHeading}
\r\n\r\n
\r\n )\r\n }\r\n\r\n\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n byPassProxyAndInfo: state.openScheduling.byPassProxyAndInfo,\r\n mammogramAnswers: state.openScheduling.mammogramAnswers,\r\n response: state.openScheduling.response,\r\n mammogramAnswersError: state.openScheduling.mammogramAnswersError\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload }),\r\n getMammogramQuestionsResponse: (QuestionResponseSearchModel, token) => dispatch({ type: types.OPEN_SCHEDULE_MAMMOGRAM_ANSWERS, searchModel: QuestionResponseSearchModel, token }),\r\n getArrivalTimeSchedule: (arrivalTimeModel, callback) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_ARRIVAL_TIME, searchModel: arrivalTimeModel, callback });\r\n },\r\n resetMammogramQuestionCurrentResponse: () => dispatch({ type: types.OPEN_SCHEDULE_RESET_MAMMOGRAM_QUESTION_CURRENT_RESPONSE }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(Questionnaire);","import * as React from \"react\";\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport Text from \"../common/input/text\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport Rating, { RatingCount, Stars } from '../common/Rating';\r\nimport { formatPhoneNumber, getFirstName, firstNameFirst } from \"../../helpers/formatting\";\r\nimport moment from 'moment-timezone';\r\nconst reasonForRevisitId = 'reasonForRevisit';\r\nconst DATE_FORMAT_YYYY_MM_DD = 'YYYY-MM-DD';\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nexport default class ReasonForVisit extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n const maxLength = 250;\r\n this.state = {\r\n visitReason: props.visit && props.visit.reasonForVisit,\r\n minLengthOfVisitReason: 2,\r\n maxLengthOfVisitReason: maxLength,\r\n chars_left: maxLength,\r\n createPatientDOB: '',\r\n createPatientGender: '',\r\n nationalIdentifier: '',\r\n patientPhone: '',\r\n insuranceName: '',\r\n notListedInsuranceName: '',\r\n memberId: '',\r\n subscriberId: '',\r\n groupNumber: '',\r\n mailingAddress: null\r\n };\r\n this.is_Validated = this.is_Validated.bind(this);\r\n this.createPatient = this.createPatient.bind(this);\r\n this.formatTime = this.formatTime.bind(this);\r\n this.stupidDatePickerHack = this.stupidDatePickerHack.bind(this);\r\n this.reasonForVisitInput = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.ReasonForVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onGoNext(success) {\r\n if (success) {\r\n const visit = this.props.visit;\r\n visit.reasonForVisit = this.state.visitReason;\r\n const date = moment(visit.date).format(DATE_FORMAT_YYYY_MM_DD);\r\n visit.date = date;\r\n this.props.saveStepInfo({ visit: visit });\r\n if (this.props.onSubmit) {\r\n this.props.onSubmit();\r\n }\r\n }\r\n else {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n }\r\n\r\n isValid() {\r\n const valid = typeof this.state.visitReason !== \"undefined\" && this.state.visitReason !== null && this.state.visitReason !== \"\" && this.state.visitReason.length >= this.state.minLengthOfVisitReason;\r\n if (!valid) { //Fixed Bug 34195: Scheduling: Reason for Visit - Text and input are automatically red\r\n //this.refs.reason4Visit.validateOnBlur();\r\n this.refs.reason4Visit.refs.actualTextArea.focus();\r\n }\r\n return valid;\r\n }\r\n\r\n //if the patient has filled in enough fields on the form, he/she is allowed to save the dater.\r\n is_Validated() {\r\n if (this.isValid()) {\r\n try {\r\n const address = this.props.selectedDepartmentId && this.props.departments ? this.props.departments.find((item) => item.value === this.props.selectedDepartmentId) : undefined;\r\n const visit = this.props.visit;\r\n visit.reasonForVisit = this.state.visitReason;\r\n this.props.saveStepInfo({ visit: visit });\r\n this.setState({ showAsInvalid: false });\r\n return true;\r\n }\r\n catch { return false; }\r\n }\r\n else {\r\n const input = document.getElementById(reasonForRevisitId);\r\n if (input) {\r\n input.focus();\r\n }\r\n this.setState({ showAsInvalid: true });\r\n return false;\r\n }\r\n }\r\n\r\n handleInputChange(e) {\r\n if (e) {\r\n const target = e.target;\r\n const charCount = target.value.length;\r\n const charLeft = this.state.maxLengthOfVisitReason - charCount;\r\n this.setState({ visitReason: target.value, chars_left: charLeft },\r\n () => {\r\n const valid = this.isValid();\r\n if (this.valid !== valid) {\r\n this.valid = valid;\r\n if (this.props.isValid) {\r\n this.props.isValid(valid);\r\n }\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n redirectToMap(item) {\r\n if (item.Address) {\r\n const toAddress = item.Address.locationStreet1 + ', ' + item.Address.locationCity + ', ' + item.Address.locationState + ' ' + item.Address.locationZip;\r\n var addressUrl = getDirectionsUrl(null, toAddress);\r\n if (typeof window !== 'undefined' && addressUrl) {\r\n window.open(addressUrl, \"_blank\");\r\n }\r\n }\r\n }\r\n\r\n\r\n getDayOfWeek(x) {\r\n //debugger;\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n var weekday = new Array(7);\r\n weekday[0] = \"SUN\";\r\n weekday[1] = \"MON\";\r\n weekday[2] = \"TUE\";\r\n weekday[3] = \"WED\";\r\n weekday[4] = \"THU\";\r\n weekday[5] = \"FRI\";\r\n weekday[6] = \"SAT\";\r\n if (Object.prototype.toString.call(dt) === '[object Date]') {\r\n var strDay = weekday[dt.getDay()];\r\n return strDay;\r\n }\r\n return \"Invalid Date\";\r\n }\r\n\r\n date2str(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10)\r\n monthName = \"0\" + monthName;\r\n const yearName = dt.getFullYear().toString();\r\n return `${Tools.getMonthName(monthName.toString())} ${dayName} , ${yearName}`;\r\n }\r\n\r\n formatTime(s) {\r\n let parts = s.split(\":\");\r\n let ret = s;\r\n\r\n if (parts.length >= 2) {\r\n let h = parseInt(parts[0]);\r\n let m = parseInt(parts[1]);\r\n let s = parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n stupidDatePickerHack(dt) {\r\n // turn a string containing YYYY-MM-DD into one containing MM/DD/YYYY\r\n let parts = dt.split('-');\r\n return parts && parts.length > 1 ? `${parts[1].toString().padStart(2, \"0\")}/${parts[2].toString().padStart(2, \"0\")}/${parts[0]}` : null;\r\n }\r\n\r\n createPatient() {\r\n var model = {\r\n email: this.props.userDetails.Email,\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n dateOfBirth: this.state.createPatientDOB,\r\n gender: this.state.createPatientGender,\r\n nationalIdentifier: this.state.nationalIdentifier,\r\n patientPhone: this.state.patientPhone.replace(/\\./ig, ''),\r\n mailingAddress: this.state.mailingAddress\r\n };\r\n\r\n if (this.state.insuranceName !== \"\") {\r\n model.insurance = {\r\n insuranceName: this.state.notListedInsuranceName === '' ? this.state.insuranceName : this.state.notListedInsuranceName,\r\n memberId: this.state.memberId,\r\n subscriberId: this.state.subscriberId,\r\n groupNumber: this.state.groupNumber\r\n };\r\n }\r\n\r\n this.props.createPatient(model);\r\n }\r\n\r\n render() {\r\n const { nonMyChartPatientDetails, serverData } = this.props;\r\n const visit = this.props.visit;\r\n const primaryUser = this.props.primaryUser;\r\n const selectedDepartmentId = this.props.visit?.department?.id ? this.props.visit.department.id : \"\";\r\n const address = selectedDepartmentId && this.props.departments ? this.props.departments.find((item) => item.value.indexOf(selectedDepartmentId) >= 0) : undefined;\r\n const providerDetails = this.props.providerDetails;\r\n\r\n // As discussed, we need to disable location for all visits present in VideoVisitTypesForLaunchButton config.\r\n const videoVisitTypesForLaunchButton = serverData && serverData.videoVisitTypesForLaunchButton && serverData.videoVisitTypesForLaunchButton.length > 0 ? serverData.videoVisitTypesForLaunchButton : null;\r\n let disableLocationForVisits = videoVisitTypesForLaunchButton ? videoVisitTypesForLaunchButton + \",\" : null;\r\n const videoVisitTypesForDirectScheduling = serverData && serverData.enableCustomDirectScheduling && disableLocationForVisits ? disableLocationForVisits.split(',') : null;\r\n const isVirtualCareVisit = videoVisitTypesForDirectScheduling ? visit && visit.visitType && visit.visitType.id && videoVisitTypesForDirectScheduling.indexOf(visit.visitType.id) >= 0 ? true : false : false;\r\n const prov = {\r\n photo: this.props.provider ? this.props.provider.photoUrl : '',\r\n averageRatingStr: this.props.provider ? this.props.provider.averageRating : 0,\r\n reviewCountStr: this.props.provider ? this.props.provider.ratingCount : 0,\r\n displayName: this.props.provider ? this.props.provider.displayName : \"\", // Jason: you can just populate this from props; also look at care/FindCareResults for how to use StarRatings, etc.\r\n specialty: this.props.provider ? this.props.provider.specialty : \"\",\r\n Address: {\r\n locationStreet1: address ? address.address1 : \"\",\r\n locationStreet2: address ? address.address2 : \"\",\r\n locationCity: address ? address.city : \"\",\r\n locationState: address ? address.state : \"\",\r\n locationZip: address ? address.zip : \"\"\r\n }\r\n };\r\n\r\n const defaultPhone = providerDetails && providerDetails.consumerCallCenterNumber ? providerDetails.consumerCallCenterNumber : (visit.department ? visit.department.phone : \"\");\r\n let appendVisit = visit.visitType?.description?.toLowerCase().indexOf(\"visit\") >= 0 ? \"\" : \" Visit\";\r\n const appt = {\r\n visitType: visit.visitType?.description && visit.visitType?.description + appendVisit,\r\n TimeString: visit.time && this.formatTime(visit.time),\r\n DayString: visit.date && this.getDayOfWeek(visit.date),\r\n DateString: this.date2str(visit.date)\r\n };\r\n const patient = {\r\n name: (visit.patient && visit.patient.name) ? visit.patient.name : (primaryUser && primaryUser.displayName ? primaryUser.displayName : \"\"),\r\n Address: {\r\n locationStreet1: visit.patient ? visit.patient.street1 : '',\r\n locationCity: visit.patient ? visit.patient.city : '',\r\n locationState: visit.patient ? visit.patient.state : '',\r\n locationZip: visit.patient ? visit.patient.zip : ''\r\n },\r\n email: visit.patient ? visit.patient.email : '',\r\n phone: visit.patient ? visit.patient.phoneNumber : ''\r\n };\r\n\r\n const provPhoto = prov.photo ? prov.photo : '/images/profile-pic.png';\r\n\r\n let insurancePlans = [...this.props.insurancePlans];\r\n insurancePlans.push({ key: insurancePlans.length, value: \"Not Listed\", label: \"Not Listed\" });\r\n insurancePlans.push({ key: insurancePlans.length, value: \"No Insurance\", label: \"No Insurance\" });\r\n\r\n return (\r\n\r\n \r\n
\r\n \r\n
\r\n {stepHeading}
\r\n\r\n
\r\n );\r\n }\r\n}","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as queryString from 'query-string';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport AppointmentInfo from \"./AppointmentInfo\";\r\nimport PatientInfo from \"./PatientInfo\";\r\nimport ReasonForVisit from \"./ReasonForVisit\";\r\nimport OpenScheduleConfirmation from \"./OpenScheduleConfirmation\";\r\nimport SelectPatient from '../common/SelectPatient';\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport Spinner from \"../common/spinner\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport OurStepManager from \"../common/OurStepManager\";\r\nimport ConfirmationModal from \"../common/ConfirmationModal\";\r\nimport FeatureDisabled from \"../common/FeatureDisabled\";\r\nimport NoProxy from '../common/NoProxy';\r\nimport SelectDoctor from './SelectDoctor';\r\nimport AppointmentType from \"./AppointmentType\";\r\nimport StaticHtmlContent from '../common/staticHtmlContent';\r\nimport ScheduleBannerMsg from './ScheduleBannerMsg';\r\nimport VisitTypeInfo from \"./VisitTypeInfo\";\r\nimport LocationInfo from \"./LocationInfo\";\r\nimport VisitTypeReason from \"../appointments/VisitTypeReason\";\r\nimport PatientStatus from \"../appointments/PatientStatus \"\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport VerifyAndSchedule from './VerifyAndSchedule';\r\nimport * as CryptoJS from 'crypto-js';\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\nconst DIRECT_SCHEDULE = \"DirectSchedule\";\r\nclass Schedule extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.refOurStepManager = React.createRef();\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId,\r\n providerIdType,\r\n scheduleType,\r\n visitTypeId, // optional selected visit type id\r\n departmentId, // optional selected department id\r\n selectedDate, // optional YYYY-MM-DD\r\n selectedTime, // optional HH:MM:SS ... dunno why they want the seconds, but they do\r\n altStart, // alternative date-range starting date\r\n correlationId,\r\n gacookie\r\n } = searchModel;\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n\r\n if (isNaN(parseInt(visitTypeId))) {\r\n visitTypeId = \"\";\r\n }\r\n\r\n if (isNaN(parseInt(departmentId))) {\r\n departmentId = \"\";\r\n }\r\n\r\n if (!window.serverData.data.enableDirectScheduling) {\r\n scheduleType = \"OpenSchedule\";\r\n }\r\n\r\n if (providerId === DIRECT_SCHEDULE)\r\n scheduleType = DIRECT_SCHEDULE;\r\n\r\n // default the calendar to either the current month OR to the month selected by the route parameter\r\n let dt = new Date();\r\n if (altStart) {\r\n dt = Tools.toJSDate(`${altStart} 00:00:00`, DATE_FORMAT);\r\n }\r\n else if (selectedDate) {\r\n //const selDt = new Date(`${selectedDate} 00:00:00`);\r\n dt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n //dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n let dtEnd = Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n const isFromVideoVisitOptions = this.props && this.props.location && this.props.location.state && this.props.location.state.isFromVideoVisitOptions;\r\n const isMyDoctor = this.props && this.props.location && this.props.location.state && this.props.location.state.isMyDoctor;\r\n const showSpinner = isFromVideoVisitOptions;\r\n this.scheduleCampaignReferrer = this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleCampaignReferrer;\r\n this.scheduleCampaignActivity = this.scheduleCampaignReferrer ? { scheduleCampaignReferrer: this.scheduleCampaignReferrer } : {};\r\n\r\n this.state = {\r\n npi: providerId === DIRECT_SCHEDULE || providerIdType === \"EpicID\" ? null : providerId,\r\n epicId: providerIdType === \"EpicID\" ? providerId : null,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n newDepartArray: [],\r\n patientId: patientId,\r\n loginId: loginId,\r\n //startDate: altStart ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n startDate : correlationId && gacookie ? this.props.match && this.props.match.params.date :altStart ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n // date: selectedDate,\r\n // time: selectedTime,\r\n time: correlationId && gacookie ? this.props.match && this.props.match.params.time : selectedTime,\r\n date: correlationId && gacookie ? this.props.match && this.props.match.params.date : selectedDate,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null,\r\n endDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n patientStatus: \"\",\r\n acceptType:\"\",\r\n reasonForVisitValue : \"\",\r\n reasonVisitTypeID : \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n createPatient: {},\r\n showSpinner: showSpinner,\r\n initialLoad: true,\r\n earliestRequested: false,\r\n scheduleErrorMessage: null,\r\n scheduleType: this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleType ? this.props.location.state.scheduleType : scheduleType,\r\n baseURL: \"\",\r\n visitTypeChanged: false,\r\n locationChanged: false,\r\n startingStep: 0,\r\n currentStep: 0,\r\n isFromVideoVisitOptions: isFromVideoVisitOptions,\r\n isMyDoctor:isMyDoctor,\r\n noSelectPatient: searchModel.noSelectPatient || (this.props && this.props.location && this.props.location.state && this.props.location.state.noSelectPatient),\r\n isFromVideoVisitDirectSchedule: \"\",\r\n surveyDisplayed: false,\r\n isFromDotCOM: correlationId && gacookie ? true : false\r\n };\r\n\r\n this.fromPreventiveCareTile = this.props && this.props.location && this.props.location.state && this.props.location.state.fromPreventiveCareTile;\r\n this.userSelected = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser ? this.props.location.state.selectedUser : null;\r\n this.loadVisitTypeAndLocation = this.loadVisitTypeAndLocation.bind(this);\r\n this.loadScheduleForProvider = this.loadScheduleForProvider.bind(this);\r\n this.saveStepInfo = this.saveStepInfo.bind(this);\r\n this.resetWizard = this.resetWizard.bind(this);\r\n this.requestScheduleInfo = this.requestScheduleInfo.bind(this);\r\n this.setScheduleDates = this.setScheduleDates.bind(this);\r\n this.scheduleAppointment = this.scheduleAppointment.bind(this);\r\n this.scheduleServicesAppointment = this.scheduleServicesAppointment.bind(this);\r\n this.saveSlot = this.saveSlot.bind(this);\r\n this.createPatient = this.createPatient.bind(this);\r\n this.checkStartDate = this.checkStartDate.bind(this);\r\n this.initiateSearch = this.initiateSearch.bind(this);\r\n this.scrubJsonCharacters = this.scrubJsonCharacters.bind(this);\r\n this.getEndDate = this.getEndDate.bind(this);\r\n this.savePatientInfo = this.savePatientInfo.bind(this);\r\n this.scheduleCallCompleted = this.scheduleCallCompleted.bind(this);\r\n this.getReasonForVisitComponent = this.getReasonForVisitComponent.bind(this);\r\n this.render = this.render.bind(this);\r\n this.getStepManagerComponent = this.getStepManagerComponent.bind(this);\r\n this.callbackOnLeave = this.callbackOnLeave.bind(this);\r\n //this.getAppointmentType = this.getAppointmentType.bind(this);\r\n this.getDepartmentAndVisitTypeInfo = this.getDepartmentAndVisitTypeInfo.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.getCurrentStepTitleName = this.getCurrentStepTitleName.bind(this);\r\n this.gotoEarliestDate = false;\r\n window.formChanged = false;\r\n this.apptSlotNotAvailable = false;\r\n this.apptTimeNotAvailable = false;\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({ baseURL: window.location.pathname });\r\n }\r\n\r\n componentDidMount() {\r\n if (this.state.npi && this.props && this.props.match && this.props.match.params && this.props.match.params.npi && this.props.match.params.npi !== DIRECT_SCHEDULE)\r\n this.props.getProviderDetail({ ids: this.state.npi });\r\n\r\n this.initiateSearch();\r\n if (this.props.match.params.altStart === \"\") {\r\n this.setScheduleDates(new Date());\r\n }\r\n logUI(\"MBHWeb.UI.Schedule.ComponentDidMount\", new Date(), Tools.getURLPath(), this.scheduleCampaignActivity);\r\n this.byPassProxy();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n if (this.props.serverData.enableNewProviderSchedulingWorkflow && this.state.isFromDotCOM && params && params.reasonType && params.status && params.reasonDesc && prevProps.visitTypeAndLocation !== this.props.visitTypeAndLocation ) {\r\n const state = this.state;\r\n const reasonsForVisit = this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.reasonsForVisit;\r\n if (reasonsForVisit) {\r\n for (let value of reasonsForVisit) {\r\n if (value.visitTypeReason === params.reasonType) {\r\n state.visit.accepts = value.accepts ? value.accepts : \"\";\r\n }\r\n }\r\n }\r\n const encryptText = params?.reasonDesc.replace(/\\s/g, '+');\r\n const decryptedDesc = CryptoJS.AES.decrypt(encryptText, window.serverData && window.serverData.data.dotComToWebSecurKey).toString(CryptoJS.enc.Utf8);\r\n state.visit.reasonForVisitValue = params.reasonType;\r\n state.visit.reasonForVisit = decodeURI(decryptedDesc);\r\n state.visit.patientStatus = params && params.status;\r\n if (state.visit.patientStatus && state.visit.patientStatus.toLowerCase() === \"no, this is the first time\") {\r\n state.visit.acceptType = \"New\";\r\n } else {\r\n state.visit.acceptType = \"Existing\";\r\n } \r\n \r\n this.state.visit.reasonVisitTypeID = this.props.match && this.props.match.params.visitTypeId;\r\n }\r\n\r\n if (this.state.isFromVideoVisitOptions && this.state.noSelectPatient && this.state.scheduleType === \"DirectSchedule\" && !this.visitTypeSelected) {\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n const videoVisitCIDs = this.props.serverData && this.props.serverData.videoVisitCIDs\r\n ? this.props.serverData.videoVisitCIDs.split(',') : null;\r\n if (visitTypes && videoVisitCIDs) {\r\n const state = this.state;\r\n \r\n for (let vCID = 0; vCID < videoVisitCIDs.length; vCID++) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const vType = visitTypes[i];\r\n for (let j = 0; j < vType.iDs.length; j++) {\r\n const id = vType.iDs[j];\r\n if (videoVisitCIDs[vCID] === id.id) {\r\n state.visit.visitType.id = id.id;\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = vType.displayName;\r\n state.visitTypeId = id.id;\r\n this.visitTypeSelected = true;\r\n break;\r\n }\r\n }\r\n if (this.visitTypeSelected) {\r\n this.setState({ isFromVideoVisitDirectSchedule: `${state.visit.visitType.id}|${state.visit.visitType.idType}` });\r\n //this.saveStepInfo({ visit: state.visit, visitTypeChanged: true }, state.visit.visitType.id !== \"\" && state.visit.department.id !== \"\", true); //this is called as it is already calling schedule api for selected visitype.\r\n break;\r\n }\r\n }\r\n if (this.visitTypeSelected) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n if (document.getElementsByClassName(\"status-banner-container status-success\").length > 0 && !this.state.surveyDisplayed) {\r\n console.info(`Schedule componentDidUpdate loading survey`);\r\n try {\r\n if (window.QSI && window.QSI.API) {\r\n window.QSI.API.unload();\r\n window.QSI.API.load().done(() => {\r\n console.info(`Schedule componentDidUpdate QSI.API.run() SUCCESS ${document.getElementsByClassName(\"status-banner-container status-success\").length}`);\r\n window.QSI.API.run();\r\n });\r\n this.setState({ surveyDisplayed: true });\r\n }\r\n } catch (e) {\r\n console.warn(`Schedule componentDidUpdate QSI.API.run() failed`, e);\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.clearReduxState();\r\n }\r\n\r\n componentDidCatch(err, info) {\r\n console.error(err, info);\r\n let json = { error: err, componentStack: info };\r\n //logUI(\"MBHWeb.UI.Schedule.ComponentDidCatch\", new Date(), Tools.getURLPath(), JSON.stringify(json));\r\n logUI(\"MBHWeb.UI.MainErrorBoundary.ComponentDidCatch\", new Date(), Tools.getURLPath(),\r\n JSON.stringify(err), JSON.stringify(info)\r\n );\r\n throw err; // if we're not going to be a property Error boundary, throw it :)\r\n }\r\n\r\n byPassProxy = () => {\r\n const {location, updateBypassProxyAndInfo} = this.props;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const {bypassProxyAndInfo = false} = params;\r\n if (bypassProxyAndInfo && bypassProxyAndInfo !== 'false') {\r\n updateBypassProxyAndInfo(true);\r\n }\r\n }\r\n\r\n getSearchModel() {\r\n const { match, location } = this.props;\r\n let searchModel = match && match.params;\r\n if (searchModel.npi && searchModel.npi !== 'null') {\r\n searchModel.providerIdType = 'NPI';\r\n searchModel.providerId = searchModel.npi;\r\n }\r\n else {\r\n searchModel = location.search ? queryString.parse(location.search) : location.searchParms && queryString.parse(location.searchParms);\r\n if (!searchModel) {\r\n return {};\r\n }\r\n searchModel.providerIdType = 'EpicID';\r\n searchModel.providerId = searchModel.epicId;\r\n }\r\n if (!searchModel.scheduleType) {\r\n searchModel.scheduleType = 'OpenSchedule';\r\n }\r\n searchModel.selectedDate = searchModel.date;\r\n searchModel.selectedTime = searchModel.time;\r\n return searchModel;\r\n }\r\n\r\n blockNavigation = (nextLocation) => {\r\n const re = /^\\/schedule|\\/scheduling|\\/findcare/; // We dont need ConfirmationModal when it is triggered either by Steps/flushot/mammography/findcare routes.\r\n return nextLocation !== null && re.test(nextLocation.pathname);\r\n }\r\n\r\n getUpdatedState(scheduleDays) {\r\n const state = this.state;\r\n\r\n if ((!state.visit.date || !(this.props.match && this.props.match.params.date)) && scheduleDays && scheduleDays.length) {\r\n state.visit.date = scheduleDays[0].date;\r\n }\r\n\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === this.state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.visitType.id !== \"\" && state.visit.visitType.idType === \"\") {\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === this.state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return state;\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays) => {\r\n this.waitingOnScheduleCall = false;\r\n\r\n if (this.gotoEarliestDate && this.earliestScheduleApplied) {\r\n return;\r\n }\r\n\r\n const state = this.getUpdatedState(scheduleDays);\r\n\r\n if (!this.waitingOnEarliestScheduleCall && !this.waitingOnScheduleCall2) {\r\n\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state);\r\n }\r\n\r\n callBasedOffEarliestScheduleCompleted = (scheduleDays) => {\r\n if (!this.gotoEarliestDate) {\r\n return;\r\n }\r\n\r\n const state = this.getUpdatedState(scheduleDays);\r\n\r\n if (!this.waitingOnEarliestScheduleCall) {\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state, () => {\r\n this.earliestScheduleApplied = true;\r\n this.waitingOnScheduleCall2 = false;\r\n });\r\n }\r\n\r\n onEarliestScheduleCallCompleted = () => {\r\n if (this.props.earliestSchedule) {\r\n const state = this.state;\r\n\r\n if (this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n let selectedDate = Tools.toJSDate(`${state.visit.date} 00:00:00`, DATE_FORMAT);\r\n let endDt = Tools.toJSDate(`${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()} 00:00:00`, DATE_FORMAT);\r\n endDt.setDate(1);\r\n endDt.setDate(endDt.getDate() + 30);\r\n\r\n const npi = state.npi || this.npi;\r\n if (selectedDate.getDate() !== earliestDt.getDate()) {\r\n state.startDate = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.endDate = `${endDt.getFullYear()}-${endDt.getMonth() + 1}-${endDt.getDate()}`;\r\n if (this.gotoEarliestDate) {\r\n state.visit.date = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n const searchModel = {\r\n providerId: npi ? npi : state.epicId || this.epicId,\r\n providerIdType: npi ? \"NPI\" : \"EpicID\",\r\n departmentId: state.visit.department.id,\r\n scheduleType: state.scheduleType,\r\n visitTypeId: state.visit.reasonVisitTypeID ? state.visit.reasonVisitTypeID :state.visit.visitType.id,\r\n start: state.visit.date,\r\n end: state.endDate,\r\n getEarliestSchedule: false\r\n };\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n\r\n this.waitingOnScheduleCall2 = true;\r\n this.props.getScheduleInfo(searchModel, this.callBasedOffEarliestScheduleCompleted);\r\n }\r\n } // check current month against this.props.earliestSchedule; if it's less, adjust it to match earliest...ONLY on the initial load.\r\n else if (selectedDate.getTime() < earliestDt.getTime()) {\r\n state.visit.date = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.startDate = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n state.endDate = `${endDt.getFullYear()}-${endDt.getMonth() + 1}-${endDt.getDate()}`;\r\n }\r\n }\r\n\r\n this.waitingOnEarliestScheduleCall = false;\r\n if (!this.waitingOnScheduleCall && !this.waitingOnScheduleCall2) {\r\n state.showSpinner = false;\r\n }\r\n\r\n this.setState(state);\r\n }\r\n }\r\n\r\n initiateSearch() {\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId, // required\r\n providerIdType, // required\r\n selectedDate, // optional YYYY-MM-DD\r\n } = searchModel;\r\n\r\n let dt = new Date();\r\n if (selectedDate !== \"\") {\r\n const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n if (providerId && providerId !== DIRECT_SCHEDULE) {\r\n this.loadVisitTypeAndLocation(providerId, providerIdType);\r\n }\r\n\r\n // wizard screen 0's visit type and department have been provided by route params; load the calendar...\r\n const isYourDoctorScheduleType = this.props.location && this.props.location.state && this.props.location.state.scheduleType;\r\n const { npi, epicId, visit, isFromVideoVisitOptions, isFromDotCOM} = this.state;\r\n if (((npi && npi !== \"\") || (epicId && epicId !== \"\")) && visit.visitType.id !== \"\" && visit.department.id !== \"\") {\r\n if (!isYourDoctorScheduleType) {//skip if the redirecting from yourdoctor on videovisits as this call might not be required at this moment.\r\n if (isFromVideoVisitOptions || isFromDotCOM) { //From mamo or video visit or .COM workflow call schedule days to show, else user need to pick depart and visit type to call. \r\n this.setState({ showSpinner: true });\r\n if (this.props.searchRunning === false) {\r\n this.loadScheduleForProvider();\r\n }\r\n logUI(\"MBHWeb.Schedule.Open.LoadProviderSchedule\", new Date(), Tools.getURLPath(), searchModel);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // edge case: provider has no availability in the month being displayed. Move the calendar to the correct month.\r\n checkStartDate(dtFirstAvailable) {\r\n\r\n let dtStart = Tools.toJSDate(`${this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n let dtEnd = Tools.toJSDate(`${this.state.endDate} 00:00:00`, DATE_FORMAT);\r\n\r\n if (dtStart.getMonth() < dtFirstAvailable.getMonth()) {\r\n dtStart = Tools.toJSDate(`${dtFirstAvailable.getFullYear()}-${dtFirstAvailable.getMonth() + 1}-1 00:00:00`, DATE_FORMAT);\r\n dtEnd = this.getEndDate(dtStart);\r\n\r\n let visit = this.state.visit;\r\n visit.date = `${dtFirstAvailable.getFullYear()}-${dtFirstAvailable.getMonth() + 1}-${dtFirstAvailable.getDate()} 00:00:00`;\r\n visit.time = \"\";\r\n\r\n this.setState({\r\n startDate: `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: visit\r\n });\r\n }\r\n\r\n }\r\n\r\n setScheduleDates(startDt) {\r\n let dtStart = new Date(startDt);\r\n dtStart.setDate(1);\r\n let dtEnd = this.getEndDate(dtStart);\r\n\r\n this.setState({\r\n startDate: `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n });\r\n }\r\n\r\n loadPatientStatus = (visit) => {\r\n this.setState({\r\n visit : visit\r\n })\r\n this.initiateSearch();\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n const state = this.state;\r\n if (!providerIdType) {\r\n providerIdType = 'NPI';\r\n }\r\n if (this.state.isFromVideoVisitOptions && this.state.isMyDoctor) {\r\n state.visit.acceptType = 'Existing'; \r\n }\r\n const searchModel = { \r\n providerId, \r\n providerIdType, \r\n scheduleType: scheduleType ? scheduleType : this.state.scheduleType,\r\n accepts: (this.props.serverData.enableNewProviderSchedulingWorkflow || this.state.isFromVideoVisitOptions) && this.state.visit.acceptType ? this.state.visit.acceptType : \"Both\",\r\n IsVideoVisit: this.state.isFromVideoVisitOptions ? true : false,\r\n };\r\n \r\n\r\n if (scheduleType === \"DirectSchedule\" || this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n\r\n if (providerIdType === \"NPI\") {\r\n this.npi = providerId;\r\n }\r\n\r\n if (providerId && (!this.state.npi))\r\n this.setState({ dontLoadSchedule: true });\r\n else\r\n this.setState({ dontLoadSchedule: false });\r\n\r\n logUI(\"MBHWeb.Schedule.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getVisitInfo(searchModel, this.props.serverData && this.props.serverData.enableNewProviderSchedulingWorkflow, this.getVisitInfoCallBack );\r\n }\r\n\r\n getVisitInfoCallBack(isSuccess, visitInfo) {\r\n const enableNewProviderSchedulingWorkflow = this.props.serverData && this.props.serverData.enableNewProviderSchedulingWorkflow;\r\n\r\n if (isSuccess) {\r\n const state = this.state;\r\n let isNeedVisitUpdate = false;\r\n let isNeedDepartmentUpdate = false;\r\n const { serverData } = this.props;\r\n if (state.visit.visitType && state.visit.visitType.id !== \"\") {\r\n if (visitInfo && visitInfo.visitTypes) {\r\n const visitTypes = visitInfo.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === state.visit.visitType && state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n if (serverData && serverData.enableV3SearchForAllProviders && !(this.state.isFromDotCOM && enableNewProviderSchedulingWorkflow)) {\r\n state.visit.visitType.startDate = v.earliestCachedSlotDate;\r\n }\r\n isNeedVisitUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedVisitUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.department.id !== \"\" && state.visit.department.idType === '') {\r\n const departments = visitInfo && visitInfo.departments ? visitInfo.departments : [];\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n isNeedDepartmentUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedDepartmentUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (isNeedVisitUpdate || isNeedDepartmentUpdate) {\r\n this.setState(state);\r\n }\r\n\r\n //if workflow started from .com, then skip the visit and location info step.\r\n if (state.isFromDotCOM) {\r\n const patientInfoStepValue = this.getIndexByStepTitle(\"Patient Info\");\r\n const reasonSubmitStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const selectPatientStepValue = this.getIndexByStepTitle(\"Select Patient\");\r\n if (!state.isFromVideoVisitOptions && this.refOurStepManager && this.refOurStepManager.current\r\n && apptInfoStepValue !== -1 && selectPatientStepValue === -1) {\r\n if (enableNewProviderSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && !this.apptTimeNotAvailable && !this.props.hasMyChart) {\r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n } \r\n else if (enableNewProviderSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && !this.apptTimeNotAvailable && this.props.hasMyChart) {\r\n this.refOurStepManager.current.goToNewStep(true, reasonSubmitStepValue);\r\n }\r\n else {\r\n this.refOurStepManager.current.goToNewStep(true, apptInfoStepValue);\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n loadScheduleForProvider() {\r\n const isFromDotCOM = this.state.isFromDotCOM ? this.state.isFromDotCOM : \"\" ;\r\n\r\n let startDate = this.state.startDate ? Tools.toJSDate(this.state.startDate) : \"\" ;\r\n let startDt = isFromDotCOM && startDate ? Tools.getStartOfMonth(startDate.getFullYear(), startDate.getMonth()) : startDate && startDate ; \r\n let dt = startDt && Tools.toJSDate(startDt)\r\n let start = dt && Tools.dateSimpleFormat(dt);\r\n let end = this.state.endDate;\r\n\r\n // bugfix\r\n if (this.state.startDate.indexOf(\"NaN\") >= 0) {\r\n let dtStart = new Date();\r\n dt.setDate(1);\r\n\r\n let dtEnd = new Date();\r\n dtEnd.setDate(1);\r\n dtEnd.setDate(dt.getDate() + 29);\r\n\r\n start = `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`;\r\n end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n }\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n // direct does not allow a start date that preceeds the current date.\r\n const today = new Date();\r\n const startDay = new Date(start);\r\n if (startDay.getTime() < today.getTime()) {\r\n start = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n }\r\n\r\n let searchModel = null;\r\n const npi = this.state.npi;\r\n searchModel = {\r\n providerId: npi ? npi : this.state.epicId,\r\n providerIdType: npi ? \"NPI\" : \"EpicID\",\r\n departmentId: this.state.visit.department.id,\r\n scheduleType: this.state.scheduleType,\r\n //visitTypeId: this.state.visit.visitType.id,\r\n visitTypeId : this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID :this.state.visit.visitType.id,\r\n\r\n start: start,\r\n end: end,\r\n getEarliestSchedule: false\r\n };\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n searchModel.loginId = this.props.patientLoginId;\r\n searchModel.patientId = this.props.externalID;\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\r\n }\r\n this.setState({ showSpinner: true });\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted, this.onEarliestScheduleCallCompleted);\r\n }\r\n\r\n resetWizard() {\r\n //debugger;\r\n if (typeof window !== 'undefined') {\r\n window.sessionStorage.setItem('openScheduleStep', 0);\r\n }\r\n\r\n const npi = this.props.match.params.npi; // required\r\n const epicId = this.getEpicId();\r\n const visitTypeId = this.props.match.params.visitTypeId ? this.props.match.params.visitTypeId : \"\"; // optional selected visit type id\r\n const departmentId = this.props.match.params.departmentId ? this.props.match.params.departmentId : \"\"; // optional selected department id\r\n let selectedDate = this.props.match.params.date ? this.props.match.params.date : \"\"; // optional YYYY-MM-DD\r\n const selectedTime = this.props.match.params.time ? this.props.match.params.time : \"\"; // optional HH:MM:SS ... dunno why they want the seconds, but they do\r\n\r\n const altStart = this.props.match.params.altStart ? this.props.match.params.altStart : \"\"; // alternative date-range starting date\r\n const altEnd = this.props.match.params.altEnd ? this.props.match.params.altEnd : \"\"; // alternative date-range ending date\r\n\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n let dt = new Date();\r\n\r\n // if (selectedDate !== \"\") {\r\n // const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n // //dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n // }\r\n\r\n dt.setDate(1);\r\n\r\n //let dtEnd = new Date(dt);\r\n //dtEnd.setDate(dt.getDate() + 30);\r\n let dtEnd = this.getEndDate(dt);\r\n\r\n this.getEndDate(dt);\r\n\r\n let scheduleType = this.props.match.params.scheduleType ? this.props.match.params.scheduleType : \"OpenSchedule\";\r\n\r\n if (!window.serverData.data.enableDirectScheduling) {\r\n scheduleType = \"OpenSchedule\";\r\n }\r\n\r\n this.setState({\r\n npi: npi,\r\n epicId: epicId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n patientId: patientId,\r\n loginId: loginId,\r\n startDate: altStart !== \"\" ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: altEnd !== \"\" ? altEnd : `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n date: selectedDate,\r\n time: selectedTime,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n showSpinner: false,\r\n createPatientInfo: null,\r\n scheduleType: scheduleType\r\n });\r\n\r\n }\r\n\r\n saveStepInfo(info, loadSchedule, gotoEarliestDate, allowStepForward) {\r\n this.gotoEarliestDate = gotoEarliestDate;\r\n window.formChanged = true;\r\n \r\n this.setState({ ...info }, () => {\r\n const { dontLoadSchedule } = this.state;\r\n // request schedule info for the calendar once we've got the ids...\r\n //if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" /*&& this.state.visit.date === \"\" && this.state.visit.time === \"\" */ && this.state.visit.reasonForVisit === \"\" && this.props.getSchedulePending === false) {\r\n if (loadSchedule === true && !dontLoadSchedule) {\r\n //logUI(\"MBHWeb.Schedule.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), info);\r\n logUI(\"MBHWeb.Schedule.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), { ...info, scheduleCampaignActivity: this.scheduleCampaignActivity });\r\n\r\n this.requestScheduleInfo(allowStepForward, gotoEarliestDate);\r\n \r\n }\r\n \r\n // post schedule once we've got the ids and the reason...\r\n if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" && this.state.visit.date !== \"\" && this.state.visit.time !== \"\" && this.state.visit.reasonForVisit !== \"\") {\r\n //logUI(\"MBHWeb.Schedule.Appointment\", new Date(), Tools.getURLPath(), info);\r\n logUI(\"MBHWeb.Schedule.Appointment\", new Date(), Tools.getURLPath(), { ...info, scheduleCampaignActivity: this.scheduleCampaignActivity });\r\n //this.scheduleAppointment();\r\n }\r\n });\r\n }\r\n\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\r\n }\r\n\r\n getStepManagerComponent() {\r\n return Tools.getRootRef(this.refOurStepManager.current);\r\n }\r\n\r\n getReasonForVisitComponent() {\r\n const oStepManager = this.getStepManagerComponent();\r\n let oRet = null;\r\n oStepManager.referenceCollection.map((thisStep, index) => {\r\n if (thisStep.current instanceof ReasonForVisit) {\r\n oRet = thisStep;\r\n }\r\n });\r\n return oRet;\r\n }\r\n\r\n //Handle unexpected issue regarding visit type.\r\n getDepartmentAndVisitTypeInfo(departmentId, visitTypeId) {\r\n let departmentIdType = null;\r\n let visitIdType = null;\r\n if (departmentId && this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === departmentId) {\r\n departmentIdType = id.type;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n if (visitTypeId && this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.visitTypes) {\r\n const visitTypes = this.props.visitTypeAndLocation.visitTypes;\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === visitTypeId) {\r\n visitIdType = id.type;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (departmentIdType && visitIdType) {\r\n logUI(\"MBHWeb.UI.Schedule.SetDepartmentAndVisitTypeInfo.Success\", new Date(), Tools.getURLPath());\r\n } else {\r\n logUI(\"MBHWeb.UI.Schedule.SetDepartmentAndVisitTypeInfo.Failure\", new Date(), Tools.getURLPath(), {\r\n departmentId: departmentId ? departmentId : null,\r\n visitTypeId: visitTypeId ? visitTypeId: null,\r\n visitTypeAndLocation: this.props.visitTypeAndLocation ? this.props.visitTypeAndLocation : null\r\n });\r\n }\r\n\r\n return { departmentIdType, visitIdType };\r\n }\r\n\r\n scheduleAppointment() {\r\n const token = this.props.userToken;\r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n\r\n //Handle visittype reset issue.(Bug:87197)\r\n if (visit && (!visit.visitType.idType || !visit.department.idType)) {\r\n logUI(\"MBHWeb.UI.Schedule.DepartmentAndVisitTypeInfo.NotFound\", new Date(), Tools.getURLPath(), visit);\r\n const apptTypeInfo = this.getDepartmentAndVisitTypeInfo(visit.department.id, visit.visitType.id);\r\n visit.department.idType = apptTypeInfo.departmentIdType;\r\n visit.visitType.idType = apptTypeInfo.visitIdType;\r\n }\r\n let dt = visit.date;\r\n\r\n //debugger;\r\n\r\n // kid you not, the api will throw errors if the date isn't padded with zeros.\r\n let parts = dt.split(\"-\");\r\n parts[1] = parts[1].padStart(2, '0');\r\n parts[2] = parts[2].padStart(2, '0');\r\n dt = parts.join(\"-\");\r\n\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let idType = \"External\";\r\n let patientModel = {};\r\n\r\n if (createPatient && Object.keys(createPatient).length > 0) {\r\n patientModel = {\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n email: createPatient.email ? createPatient.email : this.props.userDetails.Email,\r\n dateOfBirth: createPatient.dateOfBirth ? createPatient.dateOfBirth : \"\",\r\n gender: createPatient.gender ? createPatient.gender : \"\",\r\n nationalIdentifier: createPatient.nationalIdentifier ? createPatient.nationalIdentifier : \"\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType\r\n };\r\n\r\n if (createPatient.phoneNumbers && createPatient.phoneNumbers.length > 0) {\r\n patientModel.phoneNumbers = this.state.createPatient.phoneNumbers;\r\n }\r\n\r\n if (createPatient.houseNumber) {\r\n patientModel.houseNumber = createPatient.houseNumber;\r\n patientModel.streetLine1 = createPatient.streetLine1;\r\n patientModel.city = createPatient.city;\r\n patientModel.state = createPatient.state;\r\n patientModel.zipCode = createPatient.zipCode;\r\n }\r\n }\r\n\r\n let scheduleModel = null;\r\n const npi = this.state.npi || this.npi;\r\n scheduleModel = {\r\n scheduleType: this.state.scheduleType,\r\n loginId: this.props.patientLoginId,\r\n myChartId: \"\",\r\n proxyPatientId: id,\r\n proxyPatientIdType: idType,\r\n visitTypeId: this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID : this.state.visit.visitType.id,\r\n visitTypeIdType: visit.visitType.idType,\r\n providerId: npi ? npi : this.state.epicId || epicId,\r\n providerIdType: npi ? \"ProviderNPI\" : \"PROVID\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType,\r\n date: dt,\r\n time: visit.time,\r\n comments: this.scrubJsonCharacters(visit.reasonForVisit),\r\n ...this.scheduleCampaignActivity\r\n };\r\n\r\n // insurance is only supplied when creating a patient...it won't exist otherwise.\r\n const insurance = createPatient.insurance;\r\n if (insurance && insurance.insuranceName !== \"\") {\r\n scheduleModel.insurance = {\r\n insuranceName: insurance.insuranceName,\r\n memberNumber: insurance.memberNumber,\r\n groupNumber: insurance.groupNumber,\r\n subscriberId: insurance.subscriberId\r\n };\r\n }\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n scheduleModel.duration = visit.duration;\r\n scheduleModel.patientId = this.props.externalID;\r\n scheduleModel.patientIdType = \"External\";\r\n scheduleModel.authorization = this.props.userToken;\r\n }\r\n\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.Schedule.ScheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel); \r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n //logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath(), this.scheduleCampaignActivity);\r\n // create patient and schedule appointment...\r\n this.props.createAndSchedule(patientModel, scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n this.updateAddDependentShowPreference();\r\n }\r\n\r\n scheduleServicesAppointment() {\r\n const token = this.props.userToken;\r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n let dt = visit.date;\r\n let parts = dt.split(\"-\");\r\n parts[1] = parts[1].padStart(2, '0');\r\n parts[2] = parts[2].padStart(2, '0');\r\n dt = parts.join(\"-\");\r\n\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let idType = \"External\";\r\n let patientModel = {};\r\n\r\n if (createPatient && Object.keys(createPatient).length > 0) {\r\n patientModel = {\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n email: createPatient.email ? createPatient.email : this.props.userDetails.Email,\r\n dateOfBirth: createPatient.dateOfBirth ? createPatient.dateOfBirth : \"\",\r\n gender: createPatient.gender ? createPatient.gender : \"\",\r\n nationalIdentifier: createPatient.nationalIdentifier ? createPatient.nationalIdentifier : \"\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType\r\n };\r\n\r\n if (createPatient.phoneNumbers && createPatient.phoneNumbers.length > 0) {\r\n patientModel.phoneNumbers = this.state.createPatient.phoneNumbers;\r\n }\r\n\r\n if (createPatient.houseNumber) {\r\n patientModel.houseNumber = createPatient.houseNumber;\r\n patientModel.streetLine1 = createPatient.streetLine1;\r\n patientModel.city = createPatient.city;\r\n patientModel.state = createPatient.state;\r\n patientModel.zipCode = createPatient.zipCode;\r\n }\r\n }\r\n\r\n let scheduleModel = null;\r\n const npi = this.state.npi || this.npi;\r\n scheduleModel = {\r\n scheduleType: this.state.scheduleType,\r\n loginId: this.props.patientLoginId,\r\n myChartId: \"\",\r\n proxyPatientId: id,\r\n proxyPatientIdType: idType,\r\n visitTypeId: `${visit.visitType.id}`,\r\n visitTypeIdType: visit.visitType.idType,\r\n providerId: npi ? npi : this.state.epicId || epicId,\r\n providerIdType: this.state.scheduleType != \"OpenSchedule\" ? \"ProviderNPI\" : \"PROVID\",\r\n departmentId: `${visit.department.id}`,\r\n departmentIdType: visit.department.idType,\r\n date: dt,\r\n time: visit.time,\r\n ...this.scheduleCampaignActivity\r\n };\r\n\r\n const insurance = createPatient.insurance;\r\n if (insurance && insurance.insuranceName !== \"\") {\r\n scheduleModel.insurance = {\r\n insuranceName: insurance.insuranceName,\r\n memberNumber: insurance.memberNumber,\r\n groupNumber: insurance.groupNumber,\r\n subscriberId: insurance.subscriberId\r\n };\r\n }\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n scheduleModel.duration = visit.duration;\r\n scheduleModel.patientId = this.props.externalID;\r\n scheduleModel.patientIdType = \"External\";\r\n scheduleModel.authorization = this.props.userToken;\r\n }\r\n\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.Schedule.ScheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel); \r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n //logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n logUI(\"MBHWeb.UI.Schedule.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath(), this.scheduleCampaignActivity);\r\n // create patient and schedule appointment...\r\n this.props.createAndSchedule(patientModel, scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n this.updateAddDependentShowPreference();\r\n }\r\n\r\n scheduleCallCompleted(bSuccessful, sErrorMessage) {\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n }\r\n else {\r\n if (scheduleErrorMessage !== sErrorMessage) {\r\n scheduleErrorMessage = sErrorMessage;\r\n }\r\n }\r\n this.setState({ scheduleCompleted: true, scheduleErrorMessage });\r\n }\r\n\r\n scrubJsonCharacters(string) {\r\n return string.replace(/[\\{\\}\\[\\]]/gim, \"\");\r\n }\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n const { visit } = this.state;\r\n const { serverData } = this.props;\r\n const enableNewProviderSchedulingWorkflow = serverData && serverData.enableNewProviderSchedulingWorkflow;\r\n const enableNewVideoVisitFlow = serverData && serverData.enableNewVideoVisitFlow;\r\n\r\n const enableV3SearchForAllProviders = serverData && serverData.enableV3SearchForAllProviders;\r\n if (!enableV3SearchForAllProviders || (enableNewProviderSchedulingWorkflow && this.state.isFromDotCOM)) {\r\n visit.visitType.startDate = '';\r\n visit.visitType.endDate = '';\r\n }\r\n let start1 = Tools.toJSDate(`${visit && visit.visitType && visit.visitType.startDate ? visit.visitType.startDate : this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n let startDt1 = `${this.state.startDate} 00:00:00`;\r\n const today = new Date();\r\n if (!enableNewVideoVisitFlow && this.state.scheduleType === \"DirectSchedule\") {\r\n if (start1.getTime() < today.getTime()) {\r\n startDt1 = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n } else if (this.state.scheduleType === \"DirectSchedule\" && today.getMonth() === start1.getMonth() ){\r\n if (this.props.earliestSchedule && this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n startDt1 = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.getDate()}`;\r\n }\r\n else{\r\n startDt1 = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;\r\n }\r\n \r\n }\r\n else {\r\n startDt1 = `${start1.getFullYear()}-${start1.getMonth() + 1}-${start1.getDate()}`;\r\n }\r\n let endDate = Tools.getEndOfMonth(start1.getFullYear(), start1.getMonth());\r\n let dtEnd = `${endDate.getFullYear()}-${endDate.getMonth() + 1}-${endDate.getDate()}`;\r\n let m = null;\r\n m = null;\r\n m = null;\r\n m = new Object();\r\n m.start = startDt1;\r\n //m.end = visit && visit.visitType && visit.visitType.endDate ? visit.visitType.endDate : this.state.endDate;\r\n m.end = dtEnd ? dtEnd : this.state.endDate;\r\n const npi = this.state.npi || this.npi;\r\n if (npi) {\r\n m.providerId = npi;\r\n m.providerIdType = \"NPI\";\r\n }\r\n else {\r\n m.providerId = this.state.epicId || this.epicId;\r\n m.providerIdType = \"EpicID\";\r\n }\r\n \r\n m.scheduleType = this.state.scheduleType;\r\n //m.visitTypeId = this.state.visit.visitType.id;\r\n m.visitTypeId = this.state.visit.reasonVisitTypeID ? this.state.visit.reasonVisitTypeID :this.state.visit.visitType.id,\r\n m.departmentId = this.state.visit.department.id;\r\n m.allowStepForward = allowStepForward === undefined ? false : allowStepForward;\r\n m.getEarliestSchedule = getEarliestSchedule === undefined ? false : getEarliestSchedule;\r\n\r\n if (this.state.scheduleType === \"DirectSchedule\") {\r\n m.loginId = this.props.patientLoginId;\r\n m.patientId = this.props.externalID;\r\n m.patientIdType = \"External\";\r\n m.authorization = this.props.userToken;\r\n }\r\n\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = getEarliestSchedule;\r\n this.earliestScheduleApplied = false;\r\n if (!this.state.dontLoadSchedule)\r\n this.setState({ showSpinner: true });\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted, this.onEarliestScheduleCallCompleted);\r\n }\r\n setEarliestScheduleDate=(visitInfo,setEarliestScheduleDateCallback)=>{ \r\n visitInfo = visitInfo.visit ? visitInfo.visit : visitInfo;\r\n this.setState({ showSpinner: true });\r\n let earliestScheduleModel={\r\n visitTypeId: visitInfo && visitInfo.reasonVisitTypeID,\r\n departmentId: visitInfo && visitInfo.department.id\r\n };\r\n if(this.state.scheduleType === \"DirectSchedule\")\r\n {\r\n earliestScheduleModel={...earliestScheduleModel,\r\n patientId:this.props.externalID,\r\n loginId:this.props.patientLoginId,\r\n authorization:this.props.userToken\r\n }\r\n }\r\n const npi = this.state.npi || this.npi;\r\n if (npi) {\r\n earliestScheduleModel.providerId = npi;\r\n earliestScheduleModel.providerIdType = \"NPI\";\r\n }\r\n else {\r\n earliestScheduleModel.providerId = this.state.epicId || this.epicId;\r\n earliestScheduleModel.providerIdType = \"EpicID\";\r\n } \r\n earliestScheduleModel.scheduleType = this.state.scheduleType && this.state.scheduleType;\r\n this.props.getEarliestSchedule(earliestScheduleModel,()=>{ \r\n //if (this.props.earliestSchedule) {\r\n if (this.props.earliestSchedule && this.props.earliestSchedule.scheduleDays && this.props.earliestSchedule.scheduleDays.length > 0) {\r\n let earliestDt = Tools.toJSDate(`${this.props.earliestSchedule.scheduleDays[0].date} 00:00:00`, DATE_FORMAT);\r\n let startDt = this.state.isMyDoctor ? earliestDt : earliestDt && Tools.getStartOfMonth(earliestDt.getFullYear(), earliestDt.getMonth());\r\n setEarliestScheduleDateCallback(Tools.dateSimpleFormat(startDt));\r\n } else { \r\n setEarliestScheduleDateCallback();\r\n this.setState({ showSpinner: false });\r\n }\r\n //}\r\n });\r\n }\r\n \r\n savePatientInfo(patient) {\r\n console.log(\"savePatientInfo\", patient);\r\n this.setState({ createPatient: patient });\r\n }\r\n\r\n createPatient(userInfo) {\r\n const patientModel = {\r\n email: userInfo.email,\r\n firstName: userInfo.firstName,\r\n lastName: userInfo.lastName,\r\n dateOfBirth: userInfo.dateOfBirth,\r\n gender: userInfo.gender,\r\n nationalIdentifier: userInfo.nationalIdentifier,\r\n departmentId: this.state.visit.department.id,\r\n departmentIdType: this.state.visit.department.idType\r\n };\r\n\r\n if (userInfo.patientPhone !== \"\") {\r\n patientModel.phoneNumbers = [{ number: userInfo.patientPhone, type: \"Home Phone\" }];\r\n }\r\n\r\n if (userInfo.mailingAddress && userInfo.mailingAddress.streetNumber !== \"\") {\r\n patientModel.houseNumber = userInfo.mailingAddress.streetNumber;\r\n patientModel.streetLine1 = userInfo.mailingAddress.streetNumber + \" \" + userInfo.mailingAddress.street;\r\n patientModel.city = userInfo.mailingAddress.city;\r\n patientModel.state = userInfo.mailingAddress.state;\r\n patientModel.zipCode = userInfo.mailingAddress.zip;\r\n }\r\n\r\n this.props.createPatient(patientModel, this.props.userToken);\r\n\r\n // insurance is added when creating a patient, but needed by ScheduleAppointment...\r\n if (userInfo.insuranceName !== \"\") {\r\n this.setState({\r\n insurance: {\r\n insuranceName: userInfo.insurance.insuranceName,\r\n memberNumber: userInfo.insurance.memberId,\r\n groupNumber: userInfo.insurance.groupNumber,\r\n subscriberId: userInfo.insurance.subscriberId\r\n }\r\n });\r\n }\r\n }\r\n\r\n getEndDate(dtStart) {\r\n let dtEnd = new Date(dtStart);\r\n dtEnd.setDate(1);\r\n let next = dtEnd.getDate() + 30;\r\n dtEnd.setDate(next);\r\n return dtEnd;\r\n }\r\n\r\n onBack(stepManager, currentStep) {\r\n this.setState({ scheduleErrorMessage: \"\" });\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n onStepChange = (success, step) => {\r\n //Bug 31808: Mobile scheduling: Load step at top of page\r\n //Load step at top of page\r\n if (typeof window !== 'undefined' && success) {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n if (success) {\r\n this.setState({ currentStep: step });\r\n }\r\n }\r\n\r\n tryAgain = (startingStep) => {\r\n this.setState({\r\n scheduleCompleted: false,\r\n startingStep: typeof startingStep !== 'undefined' ? startingStep : this.state.startingStep,\r\n isAddDependentSkipped: false\r\n }, () => this.refOurStepManager.current.refresh());\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n this.userSelected = userSelected;\r\n this.props.switchToMyChartUser(userSelected, index);\r\n }\r\n\r\n onSkipProxy = (isAddDependentSkipped) => {\r\n this.setState({ isAddDependentSkipped });\r\n }\r\n\r\n callbackOnLeave = () => {\r\n const { serverData } = this.props;\r\n const { scheduleType } = this.state;\r\n const stepManager = this.refOurStepManager.current.wrappedInstance;\r\n let restartAtStep = null;\r\n //const enableCustomDirectScheduling = serverData && serverData.enableCustomDirectScheduling && scheduleType === \"DirectSchedule\";\r\n this.updateAddDependentShowPreference();\r\n if (window.userToSwitch) {\r\n this.props.switchToMyChartUser(window.userToSwitch, window.userToSwitch.index);\r\n this.userSelected = null;\r\n // if (!enableCustomDirectScheduling)\r\n // restartAtStep = 0;\r\n if (stepManager && stepManager.childCollection && stepManager.childCollection[1] && stepManager.childCollection[1].props && stepManager.childCollection[1].props.steptitle.toLowerCase() === \"select doctor\"){\r\n restartAtStep = 1;\r\n }\r\n else {\r\n restartAtStep = 0;\r\n }\r\n if (restartAtStep)\r\n this.refOurStepManager.current.goBack(restartAtStep, true);\r\n }\r\n }\r\n\r\n getCurrentStepTitleName() {\r\n let stepTitle = '';\r\n const { currentStep } = this.state;\r\n if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current;\r\n stepTitle = stepManager.childCollection[currentStep] && stepManager.childCollection[currentStep].props && stepManager.childCollection[currentStep].props.steptitle ?\r\n stepManager.childCollection[currentStep].props.steptitle : '';\r\n }\r\n\r\n return stepTitle;\r\n }\r\n\r\n getIndexByStepTitle(title) {\r\n let index = -1;\r\n if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current.childCollection;\r\n for (let i = 0; i < stepManager.length; i++) {\r\n let stepTitle = stepManager[i].props.steptitle;\r\n if (stepTitle && title && stepTitle.toLowerCase() === title.toLowerCase()) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n }\r\n return index;\r\n }\r\n\r\n updateAddDependentShowPreference = () => {\r\n const { savePreferenceCall } = this.props;\r\n const { isAddDependentSkipped } = this.state;\r\n if (isAddDependentSkipped && savePreferenceCall)\r\n savePreferenceCall();\r\n }\r\n\r\n selectedDayAvailabilty = (val) => {\r\n this.apptSlotNotAvailable = val;\r\n }\r\n\r\n selectedTimeAvailability = (val) => {\r\n this.apptTimeNotAvailable = val;\r\n }\r\n\r\n selectPatientMarkup = (hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, showDependentProxyForm) => {\r\n //const enableCustomDirectScheduling = serverData && serverData.enableCustomDirectScheduling && this.state.scheduleType === \"DirectSchedule\";\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const { isFromDotCOM, visit, isFromVideoVisitOptions } = this.state;\r\n const goToApptInfo = isFromDotCOM && !isFromVideoVisitOptions && visit.visitType.id && visit.department.id ? true : false;\r\n const reasonSubmitStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const enableNewProviderSchedulingWorkflow = this.props.serverData && this.props.serverData.enableNewProviderSchedulingWorkflow;\r\n\r\n if (hasProxyUsers && !noSelectPatient) {\r\n return (\r\n
\r\n \r\n {/*this.props.currentUser !== null ?\r\n
\r\n Why {this.props.scheduleAppointmentForProxy ? this.props.primaryUser.eid === this.props.currentUser.eid ? ' are you ' : 'is ' + getFirstName(this.props.currentUser.displayName) : ' are you '} coming in for a visit?
:\r\nWe need a little more information.
\r\n */\r\n }\r\n {\r\n this.props.currentUser !== null ?\r\nWhat can we help {this.props.scheduleAppointmentForProxy ? this.props.primaryUser.eid === this.props.currentUser.eid ? 'you' : getFirstName(this.props.currentUser.displayName) : 'you'} with during this visit?
:\r\nWe need a little more information.
\r\n }\r\n\r\n\r\n
\r\n\r\n {/* START PRESS GANEY LEGAL */}\r\n \r\n this.handleInputChange(e)}\r\n showAsInvalid={!this.valid && this.state.showAsInvalid}\r\n ref=\"reason4Visit\"\r\n rows=\"10\"\r\n autoFocus\r\n />\r\n
\r\n {this.state.chars_left} - Characters Remaining
\r\n \r\n {/* START VISIT DETAILS */}\r\n
\r\n \r\n \r\n {appt.DayString} {appt.DateString} - {appt.TimeString}\r\n
\r\n {appt.visitType}
\r\n {/* END VISIT DETAILS */}\r\n\r\n {/* START DOCTOR DETAILS */}\r\n \r\n
\r\n {/* END DOCTOR DETAILS */}\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n {(prov.averageRatingStr && prov.averageRatingStr !== \"\" && prov.averageRatingStr !== '0') &&\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {prov.displayName}
\r\n {prov.specialty}\r\n
\r\n \r\n {prov.specialty}\r\n
\r\n
\r\n {/* END PRESS GANEY LEGAL */}\r\n \r\n
\r\n \r\n * The patient rating score is an average of all responses to physician-related questions on our nationally recognized \r\n Press Ganey Satisfaction Survey.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Prior to your appointment, please contact your insurance carrier to understand facility and provider network status and benefit coverage for your specific insurance plan.\r\n
\r\n \r\n
\r\n : \r\n {visitTypeAndLocationFailed\r\n ? }\r\n
\r\n {!scheduleCompleted && currentStep > 0 &&\r\n \r\n
\r\n :\r\n !scheduleCompleted\r\n ? \r\n
\r\n : \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n {!this.fromPreventiveCareTile && this.selectPatientMarkup(hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, showDependentProxyForm)}\r\n {( (enableNewProviderSchedulingWorkflow && !isFromVideoVisitOptions && !enableDirectScheduling ) || (enableNewVideoVisitFlow && isFromVideoVisitOptions && enableOpenScheduling) )&& \r\n }\r\n \r\n
\r\n \r\n
\r\n }\r\n {(scheduleCompleted && window.serverData.data.enableQualtricsSurveyOpenScheduling) && \r\n
\r\n }\r\n
\r\n \r\n
\r\n \r\n \r\n If this is an emergency, please contact 911. \r\n \r\n
\r\n \r\n
\r\n \r\n { handleTileClick(\"SeeYourDoctor\"); }}\r\n title=\"See Your Doctor\"\r\n body=\"Book with one of your current doctors\"\r\n />\r\n { logUI(\"MBHWeb.UI.ScheduleNow.ScreeningMammography.Clicked\", new Date(), Tools.getURLPath()); }\r\n },\r\n hideMyChartFluVaccineSchedulingWorkflow && {\r\n text: \"Flu Vaccine\",\r\n to: enableFluVaccineSchedulingWorkflow ? `/findcare?distance=25&vector=clinicalTerm&keyword=Flu%20Vaccine&location=${locCityAndState}&tab=2` : `/scheduling/procedure/2101011111`,\r\n // to: \"/scheduling/procedure/2101011111\",\r\n onClick: (e) => { logUI(\"MBHWeb.UI.ScheduleNow.FluVaccine.Clicked\", new Date(), Tools.getURLPath()); },\r\n disabled: !hasMyChart,\r\n },\r\n {\r\n text: \"COVID-19 Vaccines\",\r\n to: \"/vaccineeligibility\",\r\n onClick: (e) => { logUI(\"MBHWeb.UI.ScheduleNow.CovidVaccine.Clicked\", new Date(), Tools.getURLPath(), { \"externalId\": currentUser && currentUser.externalId ? currentUser.externalId : \"\" }); },\r\n disabled: !hasMyChart,\r\n },\r\n ].filter(Boolean)}\r\n />\r\n { handleTileClick(\"InHomeVaccines\") }}\r\n title=\"In-Home Vaccines\"\r\n body=\"Get vaccinated from the comfort of home. Healthcare, your way.\"\r\n />\r\n
\r\n \r\n { handleTileClick(\"VideoVisit\"); }}\r\n title=\"Video Visit\"\r\n body=\"Get care via camera-enabled device\"\r\n />\r\n { handleTileClick(\"EVisit\") }}\r\n title=\"eVisit\"\r\n body=\"Answer questions for a diagnosis\"\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n : \r\n
);\r\n }\r\n else if (failure || (zipnosis && zipnosis.error)) {\r\n body =\r\n (\r\n
\r\n \r\n
);\r\n }\r\n else if (!userSelected) {\r\n body = (<>\r\n
\r\n {heading}
\r\n\r\n {isProxyAvailable &&\r\n
\r\n {!isProxyAvailable\r\n ? showDependentProxyForm && hasMychart && isAdult\r\n ? \r\n {body}\r\n {showCOVID19Modal && hasMychart && shouldShowCovidModal ?
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n return {\r\n failure: state.memberships.proxyListFailure,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n serverData: state.session.serverData,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n myProxies: pl,\r\n zipnosis: state.header.zipnosis,\r\n history: state.session.history,\r\n hasMychart: !state.common.epicEHRDown && state.domain.hm,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n age: state.domain.age,\r\n showCOVID19Modal: state.session.serverData && state.session.serverData.showCOVID19Modal ? state.session.serverData.showCOVID19Modal : false, \r\n userName: state.domain.un\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index, callback) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index, callback });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SchedulingFor);","import * as React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport Spinner from \"../common/spinner\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { isEqual, min } from 'lodash';\r\nimport { getFirstName, queryParams } from \"../../helpers/formatting\";\r\nimport { Thumbnail } from \"../ecosystem\";\r\n\r\n\r\n\r\nclass SelectDoctor extends React.Component {\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.SelectDoctor.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.getProviderDetails();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { directProviderNpiList, isFromVideoVisitOptions, getLatestVideoVisitProviderByid, currentUser } = this.props;\r\n if (prevProps && prevProps.currentUser && currentUser && prevProps.currentUser.eid !== currentUser.eid) {\r\n if (isFromVideoVisitOptions) {\r\n getLatestVideoVisitProviderByid();\r\n } else {\r\n this.getProviderDetails();\r\n }\r\n }\r\n }\r\n\r\n\r\n getProviderDetails = () => {\r\n const { directProviderNpiList, getProviderDetail } = this.props;\r\n if (directProviderNpiList && directProviderNpiList.length > 0) {\r\n const model = {\r\n ids: directProviderNpiList.join(\"|\")\r\n };\r\n getProviderDetail(model);\r\n }\r\n }\r\n\r\n goToNextStep = (npi) => {\r\n const { loadVisitType, goNext } = this.props;\r\n if (loadVisitType) loadVisitType(npi);\r\n if (goNext) goNext();\r\n }\r\n\r\n providerCard = (provider, isFromVideoVisitOptions, index) => {\r\n\r\n let location = null;\r\n let more = 0;\r\n if (provider && provider.locations && provider.locations.length > 0) {\r\n location = provider.locations[0];\r\n more = provider.locations.length - 1;\r\n }\r\n let phone = provider?.consumerCallCenterNumber;\r\n if (location && location.locationPhone && (!phone || phone === \"\")) {\r\n phone = location.locationPhone;\r\n }\r\n\r\n const provName = Tools.trimComma(provider.displayName) + \" photo\";\r\n\r\n\r\n //debugger;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n navigateToWorkflow = (rfvId, workflow) => {\r\n const { serverData, history } = this.props;\r\n\r\n if (serverData.enableFindcareMammogramChanges && rfvId === \"1208\") {\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n search: \"?\" + queryParams({ keyword: \"mammography\", tab: 2 })\r\n });\r\n } else {\r\n history.push(`/scheduling/${workflow}/${rfvId}`);\r\n }\r\n }\r\n\r\n render() {\r\n const { directProviderListPending, providerDetailsPending, providerDetails, safeCareMsg, directProviderNpiList, showNoProvidersAvailable, schedulingProcedure, currentUser, primaryUser, isFromVideoVisitOptions } = this.props;\r\n const displayName = currentUser && primaryUser && currentUser.eid === primaryUser.eid ? `You have` : currentUser && currentUser.displayName ? `${getFirstName(currentUser.displayName)} has` : \"You have\";\r\n\r\n let workflows = [];\r\n if (schedulingProcedure) {\r\n try {\r\n workflows = JSON.parse(schedulingProcedure.unescapeHTML());\r\n }\r\n catch (error) {\r\n workflows = [];\r\n }\r\n }\r\n else\r\n workflows = [];\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n { this.goToNextStep(provider && provider.npi ? provider.npi : null); }}>\r\n \r\n
\r\n \r\n {isFromVideoVisitOptions ? \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {!isFromVideoVisitOptions && \r\n {Tools.trimComma(provider.displayName)}\r\n
\r\n {!isFromVideoVisitOptions && \r\n {provider.specialties?.map((specialty) => {\r\n return specialty.Specialty;\r\n }).join(\", \")}\r\n
}\r\n \r\n {provider.specialty}\r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n {location ?\r\n
\r\n
:\r\n {location && location.locationCity + \", \" + location.locationState + \" \" + (more > 0 ? \"(+\" + more + \" more)\" : \"\")}
{/* Doc's main city and state + however many other locations they work at. Link to the doctor's details page. */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {phone ?\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n
\r\n {phone}\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\nexport default withRouter(SelectDoctor);\r\n","import * as React from \"react\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport * as queryString from 'query-string';\r\nimport {connect} from \"react-redux\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { firstNameFirst } from \"../../helpers/formatting\";\r\nimport { queryParams } from \"../../helpers/formatting\"; \r\nimport { translateText } from '../../helpers/data';\r\nimport { gaPurchase } from \"../../api/gaLoging\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass ServiceVerifyNSchedule extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.editAppt = this.editAppt.bind(this);\r\n this.location = this.editReasonForVisit.bind(this)\r\n this.formatTime = this.formatTime.bind(this);\r\n this.onGoNext = this.onGoNext.bind(this);\r\n this.isPurchase = true;\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.ServiceVerifyNSchedule.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n \r\n } \r\n componentDidUpdate(prevProps){\r\n const {location, byPassProxyAndInfo } = this.props;\r\n \r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { s } = params;\r\n if(byPassProxyAndInfo && prevProps.byPassProxyAndInfo===byPassProxyAndInfo && prevProps!==this.props && typeof s !== 'undefined' && s==3)\r\n {\r\n this.props.updateBypassProxyAndInfo(false); \r\n }\r\n }\r\n getDayOfWeek(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n var weekday = new Array(7);\r\n weekday[0] = \"SUN\";\r\n weekday[1] = \"MON\";\r\n weekday[2] = \"TUE\";\r\n weekday[3] = \"WED\";\r\n weekday[4] = \"THU\";\r\n weekday[5] = \"FRI\";\r\n weekday[6] = \"SAT\";\r\n if (Object.prototype.toString.call(dt) === '[object Date]') {\r\n var strDay = weekday[dt.getDay()];\r\n return strDay;\r\n }\r\n return \"Invalid Date\";\r\n }\r\n\r\n date2str(x) {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10)\r\n monthName = \"0\" + monthName;\r\n return `${translateText(this.props.t && this.props.translate, Tools.getMonthName(monthName.toString()), this.props.t)} ${dayName}`;\r\n }\r\n\r\n formatTime(s) {\r\n let parts = s ? s.split(\":\") : [];\r\n let ret = s;\r\n\r\n if (parts.length >= 2) {\r\n let h = parseInt(parts[0]);\r\n let m = parseInt(parts[1]);\r\n let s = parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n editAppt(e) {\r\n if (e) { e.preventDefault(); }\r\n this.props.updateBypassProxyAndInfo(true);\r\n this.props.goBack(this.props.apptInfoStepValue);\r\n }\r\n\r\n editReasonForVisit(e) {\r\n if (e) { e.preventDefault(); }\r\n this.props.goBack(this.props.stepManager.state.currentStep - 1);\r\n }\r\n\r\n onGoNext() {\r\n if (this.props.onSubmit) {\r\n this.props.onSubmit();\r\n }\r\n if (this.isPurchase && this.props.enableFluVaccineSchedulingWorkflow) { \r\n let {locationInfo,visit} =this.props; \r\n if(locationInfo)\r\n { \r\n let {date,time}=visit;\r\n const eventType = \"purchase\";\r\n const list= \"Find Care Page\";\r\n const category = \"Open Scheduling\";\r\n const brand = \"Flu Vaccine\";\r\n const variant = \"service flow\";\r\n const position = this.props.selectedIndex;\r\n const patientStatus = 'Existing Patient';\r\n gaPurchase(eventType,this.props.providerId, locationInfo.locationName,locationInfo.locationID,\r\n \"provID\",date,position,list,category,brand,variant, patientStatus);\r\n this.isPurchase = false;\r\n }\r\n \r\n }\r\n }\r\n\r\n render() {\r\n const { visit, primaryUser, scheduleAppointmentForProxy, enableFluVaccineSchedulingWorkflow, currentUser, visitTypelabel, isFromDotCOM, translate, t } = this.props; \r\n\r\n let patientName = (visit.patient && visit.patient.name) ? visit.patient.name : (primaryUser && primaryUser.displayName ? primaryUser.displayName : \"\");\r\n patientName = scheduleAppointmentForProxy ? currentUser ? primaryUser.eid === currentUser.eid ? firstNameFirst(primaryUser.displayName) : firstNameFirst(currentUser.displayName) : patientName : patientName;\r\n const address = visit.department.address;\r\n const { label, label2 } = this.props.departments[0] || {}; \r\n const location = address && (address.street1 || address.city) ? (address.street1 ? address.street1 + ', ' : '') + address.city + ', ' + address.state + ' ' + address.zip : \"-\";\r\n const appendVisit = visit.visitType.description.toLowerCase().indexOf(\"visit\") >= 0 ? \"\" : \" Visit\";\r\n const appt = {\r\n visitType: visit.visitType.description + appendVisit,\r\n TimeString: this.formatTime(visit.time),\r\n DayString: this.getDayOfWeek(visit.date),\r\n DateString: this.date2str(visit.date)\r\n };\r\n\r\n const findcareSearchParms = enableFluVaccineSchedulingWorkflow ? \"?\" + queryParams({ keyword: \"Flu%20Vaccine\", tab: 2, bypassProxyAndInfo: false }) : \"?\" + queryParams({ keyword: \"mammography\", tab: 2, bypassProxyAndInfo: false });\r\n const edit = translateText(t && translate, \"Edit\", t);\r\n // const findcareSearchParms = \"?\" + queryParams({\r\n // keyword: \"mammography\",\r\n // tab: 2,\r\n // bypassProxyAndInfo: false\r\n // });\r\n\r\n return (\r\n \r\n
\r\n \r\n {isFromVideoVisitOptions ? \r\n \r\n : \r\n {showNoProvidersAvailable\r\n ? \r\n }\r\n\r\n
}\r\n {workflows.length > 0 && !isFromVideoVisitOptions &&
\r\n Select one of your current doctors
\r\n :Which doctor or service would you like?
}\r\n{safeCareMsg}
\r\n {\r\n directProviderListPending || providerDetailsPending || this.props.providerListByVisitTypeWaiting\r\n ? \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n : \r\n
{`${displayName} no doctors on file, however, you can search for a doctor to schedule a visit.`}
\r\n\r\n \r\n {\r\n providerDetails && providerDetails.map((provider, index) => {\r\n return (\r\n\r\n \r\n {\r\n this.providerCard(provider, isFromVideoVisitOptions)\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n
\r\n }\r\n \r\n
\r\n {workflows.length > 0 && !isFromVideoVisitOptions && \r\n \r\n FIND A NEW DOCTOR\r\n \r\n
\r\n }\r\n {workflows.length > 0 && !isFromVideoVisitOptions &&
\r\n {workflows.map(item =>\r\n (item.name &&
}\r\n \r\n
)\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n this.navigateToWorkflow(item.rfvId, item.workflow)}>\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {item.name}\r\n
\r\n \r\n {item.description}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n byPassProxyAndInfo: state.openScheduling.byPassProxyAndInfo,\r\n totalLocations: state.locations.totalLocations,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload }),\r\n postCareGapFlowData: (careGapData, procedureType) => dispatch({ type: types.POST_CAREGAP_FLOW_DATA, careGapData, procedureType }),\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ServiceVerifyNSchedule));\r\n","import * as React from \"react\";\r\nimport {Divider, Icon, Typography } from \"../ecosystem\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport moment from \"moment-timezone\";\r\nimport VerifyProviderProfile from \"./VerifyProviderProfile\";\r\nimport VerifyDateTime from \"./VerifyDateTime\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\nconst DATE_FORMAT_YYYY_MM_DD = \"YYYY-MM-DD\";\r\n\r\nexport default class VerifyAndSchedule extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n onEditClick = (e) => {\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n const {\r\n stepManager,\r\n goBack,\r\n isNonMyChartUser,\r\n apptInfoStepValue,\r\n } = this.props;\r\n goBack(apptInfoStepValue);\r\n // this.props.goBack(this.props.stepManager.state.currentStep - 1);\r\n // goBack(isNonMyChartUser ? stepManager.state.currentStep -2: stepManager.state.currentStep - 1);\r\n };\r\n\r\n onGoNext(success) {\r\n if (success) {\r\n const visit = this.props.visit;\r\n const date = moment(visit.date).format(DATE_FORMAT_YYYY_MM_DD);\r\n visit.date = date;\r\n visit.reasonForVisit = visit.reasonForVisit !== \"\" ? visit.reasonForVisit : visit.reasonForVisitValue;\r\n this.props.saveStepInfo({ visit: visit });\r\n if (this.props.onSubmit) {\r\n this.props.onSubmit();\r\n }\r\n } else {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n }\r\n\r\n getDayOfWeek = (x) => {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n var weekday = new Array(7);\r\n weekday[0] = \"Sunday\";\r\n weekday[1] = \"Monday\";\r\n weekday[2] = \"Tuesday\";\r\n weekday[3] = \"Wednesday\";\r\n weekday[4] = \"Thursday\";\r\n weekday[5] = \"Friday\";\r\n weekday[6] = \"Saturday\";\r\n\r\n if (Object.prototype.toString.call(dt) === \"[object Date]\") {\r\n var strDay = weekday[dt.getDay()];\r\n return strDay;\r\n }\r\n return \"Invalid Date\";\r\n };\r\n date2str = (x) => {\r\n var dt = Tools.toJSDate(`${x}T00:00:00`, DATE_FORMAT);\r\n const dayName = dt.getDate();\r\n let monthName = dt.getMonth() + 1;\r\n if (monthName < 10) monthName = \"0\" + monthName;\r\n return `${Tools.getMonthName(monthName.toString())} ${dayName}`;\r\n };\r\n\r\n formatTime = (s) => {\r\n let parts = s.split(\":\");\r\n let ret = s;\r\n if (parts.length >= 2) {\r\n let h = parseInt(parts[0]);\r\n let m = parseInt(parts[1]);\r\n let s = parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n\r\n ret = `${h.toString()}:${m.toString().padStart(2, \"0\")} ${\r\n ispm ? \"PM\" : \"AM\"\r\n }`;\r\n }\r\n return ret;\r\n };\r\n\r\n render() {\r\n const {\r\n provider,\r\n goBack,\r\n departments,\r\n providerDetails,\r\n visit,\r\n style,\r\n screenBreakPoint,\r\n isFromVideoVisitOptions\r\n } = this.props;\r\n const selectedDepartmentId = visit.department.id;\r\n const address =\r\n selectedDepartmentId && departments\r\n ? departments.find(\r\n (item) => item.value.indexOf(selectedDepartmentId) >= 0\r\n )\r\n : undefined;\r\n const prov = {\r\n photo: provider ? provider.photoUrl : \"\",\r\n averageRatingStr: provider ? provider.averageRating : 0,\r\n reviewCountStr: provider ? provider.ratingCount : 0,\r\n displayName: provider ? provider.displayName : \"\", // Jason: you can just populate this from props; also look at care/FindCareResults for how to use StarRatings, etc.\r\n specialty: provider ? provider.specialty : \"\",\r\n Address: {\r\n locationStreet1: address ? address.address1 : \"\",\r\n locationStreet2: address ? address.address2 : \"\",\r\n locationCity: address ? address.city : \"\",\r\n locationState: address ? address.state : \"\",\r\n locationZip: address ? address.zip : \"\",\r\n },\r\n };\r\n const appt = {\r\n TimeString: visit.time && this.formatTime(visit.time),\r\n DayString: visit.date && this.getDayOfWeek(visit.date),\r\n DateString: this.date2str(visit.date),\r\n };\r\n const provPhoto = prov.photo ? prov.photo : \"/images/profile-pic.png\";\r\n const defaultPhone =\r\n providerDetails && providerDetails.consumerCallCenterNumber\r\n ? providerDetails.consumerCallCenterNumber\r\n : visit.department\r\n ? visit.department.phone\r\n : \"\";\r\n const patientStatus =\r\n visit && visit.acceptType === \"Existing\"\r\n ? \"Established Patient\"\r\n : \"New Patient\";\r\n const visitReasonDesc = visit.reasonForVisit && visit.reasonForVisit === visit.reasonForVisitValue && visit.reasonForVisitValue ? \"\" : visit.reasonForVisit;\r\n\r\n const isMobile = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE) ? true : false;\r\n const isTablet = (screenBreakPoint === msgs.LG_TABLET || screenBreakPoint === msgs.MD_TABLET) ? true : false;\r\n const isXLTablet = screenBreakPoint === msgs.XL_DESKTOP ? true : false;\r\n const isDesktop = (screenBreakPoint === msgs.XL_DESKTOP || screenBreakPoint === msgs.XXL_DESKTOP) ? true : false;\r\n\r\n return (\r\n \r\n \r\n
\r\n {translateText(t && translate, \"You're almost done! Do these details look correct?\", t)}
\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Reason for Visit\", t)}
\r\n{translateText(t && translate, visitTypelabel.replace('d', 'D'), t)}
\r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Patient\", t)}
\r\n\r\n {patientName}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Day & Time\", t)}
\r\n\r\n {translateText(t && translate, appt.DayString, t)}, {appt.DateString}, {appt.TimeString}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {translateText(t && translate, \"Location\", t)}
\r\n\r\n {label || ''}\r\n
\r\n \r\n {location}\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 {translateText(t && translate, \"Prior to your appointment, please contact your insurance carrier to understand facility and provider network status and benefit coverage for your specific insurance plan.\", t)}\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 <>Almost done! How does everything look?\r\n
\r\n\r\n {!(isDesktop) &&\r\n
\r\n \r\n
\r\n }\r\n \r\n this.onEditClick(e)}\r\n />\r\n
\r\n {!(isDesktop) &&\r\n \r\n
\r\n }\r\n \r\n
\r\n {!(isDesktop) &&\r\n \r\n
\r\n }\r\n \r\n
\r\n {!(isDesktop) &&\r\n \r\n
\r\n \r\n
\r\n Main Concern
\r\n \r\n {visit.reasonForVisitValue}\r\n
\r\n {isDesktop && \r\n \r\n
\r\n }\r\n {visitReasonDesc}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Prior to your appointment, please contact your insurance\r\n carrier to understand facility and provider network status\r\n and benefit coverage for your specific insurance plan.\r\n
\r\n \r\n
);\r\n}\r\n\r\nexport default VerifyDateTime;\r\n","import React from 'react';\r\nimport { Icon, Typography } from \"../ecosystem\";\r\n\r\nconst VerifyEditButton = ({\r\n onEditClick = () => {},\r\n isTablet,\r\n isDesktop\r\n}) => {\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {dayString}\r\n \r\n
\r\n \r\n \r\n {dateString}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Appointment time\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {timeString}\r\n \r\n
\r\n \r\n {averageRating &&\r\n averageRating !== \"\" &&\r\n averageRating !== \"0\" && (\r\n \r\n
;\r\n\r\n return (\r\n
);\r\n}\r\n\r\nexport default VerifyProviderProfile;\r\n","import * as React from 'react';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass VisitTypeInfo extends React.Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isVisitTypePreSelected : false,\r\n validationError: \"\",\r\n selectedVisitType: {\r\n label: '',\r\n value: '',\r\n startDate: ''\r\n }\r\n };\r\n this.onVisitTypeSelected = this.onVisitTypeSelected.bind(this);\r\n this.mounted = false;\r\n }\r\n \r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VisitTypeInfo.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.mounted = true;\r\n const { serverData } = this.props;\r\n const enableV3SearchForAllProviders = serverData && serverData.enableV3SearchForAllProviders;\r\n if (!enableV3SearchForAllProviders) {\r\n this.setState({\r\n isVisitTypePreSelected: true\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n }\r\n\r\n seeAllSearchResult = () => {\r\n //back to FC search\r\n }\r\n\r\n seeAllLocations = () => {\r\n // move to location screen\r\n }\r\n \r\n\r\n onVisitTypeSelected(visitType) {\r\n this.setState({\r\n isVisitTypePreSelected : true,\r\n showAsInvalid: false,\r\n selectedVisitType: {\r\n label: visitType.label,\r\n value: visitType.value,\r\n startDate: visitType.startDate\r\n }\r\n });\r\n }\r\n\r\n isValid() {\r\n return this.isValidate();\r\n }\r\n\r\n onGoNext(success) {\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n const { visit, departments, routeTime } = this.props;\r\n let todayDate = new Date();\r\n let routeDate = this.props.routeDate ? this.props.routeDate : `${todayDate.getFullYear()}-${todayDate.getMonth() + 1}-${todayDate.getDate()}`\r\n const { selectedVisitType } = this.state;\r\n if (selectedVisitType && visit && ((selectedVisitType.label && selectedVisitType.value && selectedVisitType.label !== visit.visitType.description) ||\r\n (selectedVisitType.label === '' && selectedVisitType.value === '' && visit.visitType.id))) {\r\n const isSelectedVisitTypeEmpty = (selectedVisitType.label === '' && selectedVisitType.value === '' && visit.visitType.id) ? true : false;\r\n if (isSelectedVisitTypeEmpty) {\r\n this.setState({\r\n selectedVisitType: {\r\n label: visit.visitType.description,\r\n value: visit.visitType.id + '|' + visit.visitType.idType\r\n }\r\n });\r\n } else {\r\n const id = selectedVisitType.value ? selectedVisitType.value.split(\"|\")[0] : '';\r\n const type = selectedVisitType.value ? selectedVisitType.value.split(\"|\")[1] : '';\r\n const visitTypeStartDate = selectedVisitType && selectedVisitType.startDate && Tools.toJSDate(`${selectedVisitType.startDate} 00:00:00`, DATE_FORMAT);\r\n const visitTypeEndOfMonth = visitTypeStartDate && Tools.getEndOfMonth(visitTypeStartDate.getFullYear(), visitTypeStartDate.getMonth());\r\n const visitTypeEndDate = visitTypeEndOfMonth && `${visitTypeEndOfMonth.getFullYear()}-${visitTypeEndOfMonth.getMonth() + 1}-${visitTypeEndOfMonth.getDate()}`;\r\n if (id && type) {\r\n visit.visitType.id = id;\r\n visit.visitType.description = selectedVisitType ? selectedVisitType.label : \"\";\r\n visit.visitType.idType = type;\r\n visit.visitType.startDate = selectedVisitType && selectedVisitType.startDate && selectedVisitType.startDate;\r\n visit.visitType.endDate = visitTypeEndDate;\r\n }\r\n }\r\n const loadScheduleDays = departments && departments.length === 1;\r\n let startDate = Tools.toJSDate(`${routeDate} 00:00:00`, DATE_FORMAT);\r\n let dtEnd = Tools.getEndOfMonth(startDate.getFullYear(), startDate.getMonth());\r\n let endDate = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n visit.date = this.props.routeDate ? this.props.routeDate : '';\r\n visit.time = routeTime ? routeTime : \"\";\r\n if (!isSelectedVisitTypeEmpty && selectedVisitType.value) {\r\n this.props.saveStepInfo({ visitTypeChanged: true, visit: visit, startDate: routeDate, endDate }, loadScheduleDays);\r\n } else {\r\n this.props.saveStepInfo({ visit: visit, startDate: routeDate, endDate }, loadScheduleDays);\r\n }\r\n logUI(\"MBHWeb.UI.VisitTypeInfo.Continue.Clicked\", new Date(), Tools.getURLPath(), { visit: visit, startDate: routeDate, endDate });\r\n } else {\r\n logUI(\"MBHWeb.UI.VisitTypeInfo.Continue.Clicked\", new Date(), Tools.getURLPath(), { visit: visit });\r\n }\r\n }\r\n\r\n isValidate() {\r\n const { isVisitTypePreSelected } = this.state;\r\n if (!isVisitTypePreSelected) {\r\n this.setState({ validationError: \"Please select a visit type.\" });\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n redirectToMap(item) {\r\n if (item.Address) {\r\n const toAddress = item.Address.locationStreet1 + ', ' + item.Address.locationCity + ', ' + item.Address.locationState + ' ' + item.Address.locationZip;\r\n var addressUrl = getDirectionsUrl(null, toAddress);\r\n if (typeof window !== 'undefined' && addressUrl) {\r\n window.open(addressUrl, \"_blank\");\r\n }\r\n }\r\n }\r\n\r\n providerCard = () => {\r\n const { providerDetails, visit, departments, provider, providerSearchModel } = this.props;\r\n \r\n const selectedDepartmentId = visit && visit.department && visit.department.id ? visit.department.id : \"\";\r\n const address = selectedDepartmentId && departments ? departments.find((item) => item.value.indexOf(selectedDepartmentId) >= 0) : undefined;\r\n const defaultPhone = providerDetails && providerDetails.consumerCallCenterNumber ? providerDetails.consumerCallCenterNumber : (address && address.phone ? address.phone : \"\");\r\n const prov = {\r\n photo: provider ? provider.photoUrl : '',\r\n displayName: provider ? provider.displayName : \"\",\r\n specialty: provider ? provider.specialty : \"\",\r\n Address: {\r\n locationName: address ? address.label : \"\",\r\n locationStreet1: address ? address.address1 : \"\",\r\n locationStreet2: address ? address.address2 : \"\",\r\n locationCity: address ? address.city : \"\",\r\n locationState: address ? address.state : \"\",\r\n locationZip: address ? address.zip : \"\"\r\n }\r\n };\r\n let changeProviderUrl = '/findcare';\r\n let findcareSearchParms = \"?\" + queryParams({\r\n keyword: providerSearchModel && providerSearchModel.keyword ? providerSearchModel.keyword : null,\r\n location: providerSearchModel && providerSearchModel.location ? providerSearchModel.location : null\r\n });\r\n changeProviderUrl = changeProviderUrl + findcareSearchParms;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {!isVideoVisit &&\r\n \r\n {name}\r\n
\r\n \r\n {specialty}\r\n
\r\n {isXLTablet && rating}\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {isVideoVisit && \r\n \r\n
\r\n \r\n {patientStatus\r\n ? \r\n {patientStatus}\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 Video Visit\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { visit, visitTypes, provider } = this.props;\r\n const { selectedVisitType, isVisitTypePreSelected, showAsInvalid, validationError} = this.state;\r\n const currentVisitName = isVisitTypePreSelected ? selectedVisitType && selectedVisitType.label ? selectedVisitType.label : visit && visit.visitType && visit.visitType.description ? visit.visitType.description : \"\" :\"\";\r\n\r\n return (\r\n (visitTypes && provider) ? \r\n
\r\n \r\n
\r\n \r\n { logUI(\"MBHWeb.UI.VisitTypeInfo.ChangeProvider.Clicked\", new Date(), Tools.getURLPath()); }}>CHANGE PROVIDER\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 {Tools.trimComma(prov.displayName)}\r\n
\r\n \r\n {prov.specialty}\r\n
\r\n \r\n
\r\n \r\n this.redirectToMap(prov)}>\r\n \r\n \r\n }\r\n \r\n
\r\n \r\n {prov.Address ?\r\n
\r\n
:\r\n {prov.Address && prov.Address.locationName}
\r\n {prov.Address.locationStreet1 + \", \" + prov.Address.locationStreet2 + \", \"+ prov.Address.locationCity + \", \" + prov.Address.locationState}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {defaultPhone ?\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n
\r\n {defaultPhone}\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 mapStateToProps = (state) => {\r\n return {\r\n providerSearchModel: state.providers.searchModel\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(VisitTypeInfo);","import * as React from \"react\";\r\nimport Select from \"../common/input/select\";\r\nimport Text from \"../common/input/text\";\r\nimport { Typography, Icon } from \"../ecosystem\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { log, logUI } from \"../../api/andyliticsApi\";\r\n\r\nconst reasonForRevisitId = 'reasonForRevisit';\r\nconst inPerson = \"In Person\";\r\nconst videoVisit = \"Video Visit\";\r\n\r\nclass VisitTypeReason extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const maxLength = 150;\r\n this.state = {\r\n selectedValue: \"\",\r\n reasonForVisit: \"\",\r\n showAsInvalid: false,\r\n validationError: \"\",\r\n visitReasonComment: \"\",\r\n maxLengthOfVisitReason: maxLength,\r\n chars_left: maxLength,\r\n isInPerson: false,\r\n isVideoVisit: false,\r\n disableVisitType: \"\",\r\n selectedValueVisitType: \"\",\r\n reasonsForVisitList: [],\r\n videoVisitNotes: null\r\n }\r\n this.departmentID = \"\";\r\n this.earliestCachedSlotDate = \"\";\r\n this.providerId = \"\";\r\n }\r\n onVisitTypeChange = (val) => {\r\n if (val && val.toLowerCase() === \"in person\") {\r\n this.setState({\r\n videoVisitNotes: null\r\n })\r\n }\r\n // const reasonsForVisit = this.props.visitTypeAndLocationInfo && this.props.visitTypeAndLocationInfo.reasonsForVisit;\r\n // const reasonForVisitOptions = reasonsForVisit && this.props.visit && reasonsForVisit.filter(val => val.accepts === this.props.visit.acceptType);\r\n for (let value of this.state.reasonsForVisitList) {\r\n if (value.visitTypeReason === this.state.reasonForVisit) {\r\n if (val && val.toLowerCase() === \"in person\") {\r\n \r\n this.setState({ selectedValueVisitType: value.inPerson }, () => {\r\n this.departmentID = value.inPersonDepartment;\r\n })\r\n } else if (val && val.toLowerCase() === \"video visit\") {\r\n this.setState({\r\n videoVisitNotes: value.videoVisitNotes\r\n })\r\n this.setState({ selectedValueVisitType: value.video }, () => {\r\n this.departmentID = value.videoDepartment;\r\n })\r\n }\r\n }\r\n }\r\n\r\n this.setState({ selectedValue: val });\r\n this.setState({ showAsInvalid: false });\r\n }\r\n\r\n\r\n onInputChange = (selectValue) => {\r\n this.setState({\r\n selectedValue: \"\",\r\n videoVisitNotes: null,\r\n \r\n })\r\n const { isFromVideoVisitOptions } = this.props;\r\n const { reasonsForVisitList } = this.state;\r\n const reasonForVisitOptions = reasonsForVisitList && this.props.visit && reasonsForVisitList.filter(val => val.accepts === this.props.visit.acceptType);\r\n for (let value of reasonForVisitOptions) {\r\n if (value.visitTypeReason === selectValue && !isFromVideoVisitOptions) {\r\n\r\n // this.departmentID = value.departmentId;\r\n this.earliestCachedSlotDate = value.earliestCachedSlotDate;\r\n\r\n if (value.inPerson && value.video) {\r\n this.setState({ disableVisitType: \"\" })\r\n\r\n } else {\r\n let reasonValue = value.inPerson ? value.inPerson : value.video ? value.video : \"\";\r\n this.setState({\r\n disableVisitType: value.inPerson ? videoVisit : inPerson,\r\n selectedValueVisitType: reasonValue,\r\n //selectedValue: value.inPerson ? inPerson : videoVisit\r\n })\r\n\r\n }\r\n }\r\n else if (value.visitTypeReason === selectValue) {\r\n if (value.videoVisitNotes && isFromVideoVisitOptions) {\r\n this.setState({\r\n videoVisitNotes: value.videoVisitNotes\r\n });\r\n }\r\n this.earliestCachedSlotDate = value.earliestCachedSlotDate;\r\n this.setState({ selectedValueVisitType: value.video }, () => {\r\n this.departmentID = value.videoDepartment;\r\n })\r\n }\r\n }\r\n this.setState({\r\n reasonForVisit: selectValue,\r\n })\r\n\r\n this.setState({ showAsInvalid: false, });\r\n\r\n }\r\n\r\n isValidate = () => {\r\n if ((this.state.reasonForVisit === \"\" || !this.state.reasonForVisit) || (\r\n !this.props.isFromVideoVisitOptions &&\r\n (this.state.selectedValue === \"\" || !this.state.selectedValue))\r\n || (this.state.visitReasonComment === \"\" || !this.state.visitReasonComment)) {\r\n this.setState({ validationError: \"Please fill out all required fields.\" });\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n isValid() {\r\n return this.isValidate();\r\n }\r\n\r\n onGoNext(success) {\r\n const { visitReasonComment, selectedValueVisitType, reasonForVisit, selectedValue} = this.state;\r\n const { routeTime, routeDate, isFromDotCOM} = this.props;\r\n if (success) {\r\n const visit = this.props.visit;\r\n const newDepartmentId = this.departmentID;\r\n const departmentArray = newDepartmentId && newDepartmentId.split('|');\r\n const departmentFilter = departmentArray && departmentArray.length > 1 ? departmentArray.filter(val => val === visit.department.id) : departmentArray;\r\n this.props.departmentIdArray(departmentArray);\r\n const loadScheduleDays = departmentArray && departmentArray.length === 1;\r\n visit.department.id = this.props.isFromDotCOM ? newDepartmentId : departmentFilter.toString();\r\n visit.isVideoVisit = (selectedValue && (videoVisit.toLowerCase() === selectedValue.toLowerCase()));\r\n visit.reasonForVisit = visitReasonComment;\r\n visit.reasonForVisitValue = reasonForVisit;\r\n visit.reasonVisitTypeID = selectedValueVisitType;\r\n // visit.visitType.startDate = isFromDotCOM ? routeDate : this.earliestCachedSlotDate;\r\n visit.date = routeDate ? routeDate : \"\";\r\n visit.time = routeTime ? routeTime : \"\";\r\n // this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n // if(departmentArray.length>1){\r\n // visit.visitType.startDate = this.earliestCachedSlotDate;\r\n // this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n // }\r\n // else{\r\n if (!isFromDotCOM && loadScheduleDays) {\r\n this.props.setEarliestScheduleDate(visit, (date) => {\r\n visit.visitType.startDate = date ? date : isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n });\r\n } else {\r\n visit.visitType.startDate = isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n }\r\n\r\n //} \r\n }\r\n else {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n }\r\n handleInputChange(e) {\r\n if (e) {\r\n const target = e.target;\r\n const charCount = target.value.length;\r\n const charLeft = this.state.maxLengthOfVisitReason - charCount;\r\n this.setState({ visitReasonComment: target.value, chars_left: charLeft },\r\n () => {\r\n const valid = this.isValid();\r\n if (this.valid !== valid) {\r\n this.valid = valid;\r\n if (this.props.isValid) {\r\n this.props.isValid(valid);\r\n }\r\n }\r\n }\r\n );\r\n this.setState({ showAsInvalid: false, });\r\n }\r\n }\r\n componentDidUpdate(prevProp, preState) {\r\n const reasonsForVisit = this.props.visitTypeAndLocationInfo && this.props.visitTypeAndLocationInfo.reasonsForVisit;\r\n const { isFromVideoVisitOptions, visit, enableNewVideoVisitFlow, enableNewProviderSchedulingWorkflow, visitTypeAndLocationSuccess } = this.props;\r\n if (preState && preState.reasonsForVisitList.length !== 0) {\r\n this.setState({\r\n reasonsForVisitList: []\r\n })\r\n }\r\n if (visit && visit.acceptType &&\r\n reasonsForVisit && reasonsForVisit.length !== 0 && ((this.state.reasonsForVisitList.length === 0) ||\r\n (this.state.reasonsForVisitList.length > 0 && this.state.reasonsForVisitList[0].accepts !== this.props.visit.acceptType) ||\r\n (isFromVideoVisitOptions && (enableNewVideoVisitFlow || enableNewProviderSchedulingWorkflow) && this.props.providerId !== this.providerId && visitTypeAndLocationSuccess))) {\r\n const tempReasonsForVisit = this.getReasonsForVisit();\r\n if ((tempReasonsForVisit && tempReasonsForVisit.length > 0) || (this.state.reasonsForVisitList && this.state.reasonsForVisitList.length > 0)) {\r\n this.setState({ reasonsForVisitList: tempReasonsForVisit }, () => {\r\n this.providerId = this.props.providerId;\r\n })\r\n }\r\n }\r\n const reasonForVisitOptions = reasonsForVisit && this.props.visit && reasonsForVisit.filter(val => val.accepts === (this.props && this.props.visit && this.props.visit.acceptType));\r\n\r\n if (prevProp && this.props && prevProp.visitTypeAndLocationInfo && this.props.visitTypeAndLocationInfo && prevProp.visitTypeAndLocationInfo !== this.props.visitTypeAndLocationInfo) {\r\n if (reasonForVisitOptions && reasonForVisitOptions.length === 1) {\r\n this.onInputChange(reasonForVisitOptions[0].visitTypeReason)\r\n }\r\n }\r\n\r\n if (prevProp && prevProp.reasonAcceptType !== this.props.reasonAcceptType) {\r\n this.setState({\r\n reasonForVisit: \"\",\r\n disableVisitType: \"\",\r\n visitReasonComment: \"\",\r\n videoVisitNotes: null,\r\n chars_left: 150\r\n })\r\n }\r\n \r\n \r\n if (this.props.isFromDotCOM && prevProp && (prevProp.reason !== this.props.reason) || (prevProp.reasonvisitTypeID !== this.props.reasonvisitTypeID)) {\r\n this.onInputChange(this.props.reason);\r\n this.setState({ visitReasonComment: this.props.visit.reasonForVisit, chars_left: 150 - this.props.visit.reasonForVisit.length});\r\n this.setState({ reasonsForVisitList: this.getReasonsForVisit() }, () => {\r\n let filterObj = this.state.reasonsForVisitList.filter(val => val.visitTypeReason === this.props.reason && this.props.reason);\r\n const visitTypeFromDotcom = this.props.visit.reasonVisitTypeID;\r\n for (let value of filterObj) {\r\n if (value.inPerson && value.inPerson === visitTypeFromDotcom) {\r\n this.onVisitTypeChange(inPerson);\r\n\r\n } else {\r\n this.onVisitTypeChange(videoVisit);\r\n }\r\n if (value.inPerson && value.video) {\r\n this.setState({ disableVisitType: \"\" })\r\n\r\n } else { \r\n this.setState({\r\n disableVisitType: value.inPerson ? videoVisit : inPerson\r\n })\r\n\r\n }\r\n }\r\n })\r\n }\r\n\r\n logUI(\"MBHWeb.UI.VisitTypeReason.ComponentDidUpdate\", new Date(), Tools.getURLPath());\r\n }\r\n getReasonsForVisit = () => {\r\n let uniqueReasonsForVisit = [];\r\n const { visitTypeAndLocationInfo, visit, isFromVideoVisitOptions } = this.props;\r\n const reasonsForVisit = visitTypeAndLocationInfo && visitTypeAndLocationInfo.reasonsForVisit;\r\n reasonsForVisit && visit && reasonsForVisit.map((reasonForVisit) => {\r\n if (reasonForVisit.accepts === visit.acceptType && !isFromVideoVisitOptions) {\r\n let index = uniqueReasonsForVisit.map((object) => object.visitTypeReason).indexOf(reasonForVisit.visitTypeReason);\r\n if (index !== -1) {\r\n let indexedObject = uniqueReasonsForVisit[index];\r\n if (reasonForVisit.video !== null) {\r\n indexedObject = {\r\n ...indexedObject,\r\n video: reasonForVisit.video,\r\n videoDepartment: indexedObject.videoDepartment ? indexedObject.videoDepartment.split(\"|\").concat(reasonForVisit.departmentId.split(\"|\")).join(\"|\") : reasonForVisit.departmentId,\r\n };\r\n }\r\n if (reasonForVisit.inPerson !== null) {\r\n indexedObject = {\r\n ...indexedObject,\r\n inPerson: reasonForVisit.inPerson,\r\n inPersonDepartment: indexedObject.inPersonDepartment ? indexedObject.inPersonDepartment.split(\"|\").concat(reasonForVisit.departmentId.split(\"|\")).join(\"|\") : reasonForVisit.departmentId,\r\n };\r\n }\r\n uniqueReasonsForVisit[index] = indexedObject;\r\n }\r\n else {\r\n uniqueReasonsForVisit.push({\r\n ...reasonForVisit,\r\n inPersonDepartment: reasonForVisit.inPerson ? reasonForVisit.departmentId : \"\",\r\n videoDepartment: reasonForVisit.video ? reasonForVisit.departmentId : \"\",\r\n });\r\n }\r\n }\r\n else {\r\n if (reasonForVisit.accepts === visit.acceptType && isFromVideoVisitOptions && reasonForVisit.video !== null) {\r\n let index = uniqueReasonsForVisit.map((object) => object.visitTypeReason).indexOf(reasonForVisit.visitTypeReason);\r\n if (index !== -1) {\r\n let indexedObject = uniqueReasonsForVisit[index];\r\n if (reasonForVisit.video !== null) {\r\n indexedObject = {\r\n ...indexedObject,\r\n video: reasonForVisit.video,\r\n videoDepartment: indexedObject.videoDepartment ? indexedObject.videoDepartment.split(\"|\").concat(reasonForVisit.departmentId.split(\"|\")).join(\"|\") : reasonForVisit.departmentId,\r\n };\r\n }\r\n uniqueReasonsForVisit[index] = indexedObject;\r\n }\r\n else {\r\n uniqueReasonsForVisit.push({\r\n ...reasonForVisit,\r\n inPersonDepartment: reasonForVisit.inPerson ? reasonForVisit.departmentId : \"\",\r\n videoDepartment: reasonForVisit.video ? reasonForVisit.departmentId : \"\",\r\n });\r\n }\r\n }\r\n }\r\n });\r\n return uniqueReasonsForVisit;\r\n };\r\n\r\n render() {\r\n const { isFromVideoVisitOptions, isMobile, isMyDoctor } = this.props;\r\n const { selectedValue, showAsInvalid, validationError, disableVisitType, reasonForVisit, visitReasonComment, reasonsForVisitList, maxLengthOfVisitReason, videoVisitNotes } = this.state;\r\n let reasonForVisitOptions = reasonsForVisitList.map((item, index) => { return });\r\n return (\r\n \r\n
\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n What are you coming in for?
\r\n\r\n <>\r\n {\r\n this.providerCard()\r\n }\r\n \r\n
\r\n \r\n {visitTypes && visitTypes.length > 0 &&\r\n visitTypes.map((visitType, index) =>\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n }\r\n {validationError}
\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default VisitTypeReason;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AppointmentInfo from \"../../AppointmentInfo\";\r\nimport * as Tools from \"../../../../helpers/Tools\";\r\nimport { translateText } from '../../../../helpers/data';\r\nimport { logUI } from '../../../../api/andyliticsApi';\r\nimport NoProxy from '../../../common/NoProxy';\r\nimport SelectPatient from '../../../common/SelectPatient';\r\nimport OurStepManager from \"../../../common/OurStepManager\";\r\nimport * as d from \"../../../../reducers/domainReducer\";\r\nimport PatientInfo from \"../../PatientInfo\";\r\nimport ServiceVerifyNSchedule from '../../ServiceVerifyNSchedule';\r\nimport * as types from \"../../../../constants/actionTypes\";\r\nimport * as queryString from 'query-string';\r\nimport OpenScheduleConfirmationSuccess from \"../../OpenScheduleConfirmationSuccess\";\r\nimport ConfirmationModal from \"../../../common/ConfirmationModal\";\r\nimport Spinner from \"../../../common/spinner\";\r\nimport * as msgs from \"../../../../constants/textConstants\";\r\nimport { gaCheckout } from \"../../../../api/gaLoging\";\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nconst PROVIDER_TYPE_EPIC_ID = \"EpicID\";\r\nconst PROVIDER_TYPE_NPI = \"NPI\";\r\nconst OPEN_SCHEDULE_TYPE = \"OpenSchedule\";\r\nconst PROVIDER_NPI = \"ProviderNPI\";\r\nconst PROV_ID = \"PROVID\";\r\nconst enableFluVaccineSchedulingWorkflow = window.serverData && window.serverData.data && window.serverData.data.enableFluVaccineSchedulingWorkflow;\r\nclass ScheduleFlu extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.refOurStepManager = React.createRef();\r\n\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId,\r\n scheduleType,\r\n visitTypeId,\r\n departmentId, // optional selected department id\r\n selectedDate, // optional YYYY-MM-DD\r\n selectedTime, // optional HH:MM:SS ... dunno why they want the seconds, but they do\r\n altStart, // alternative date-range starting date\r\n correlationId,\r\n gacookie,\r\n isFromDotCOM\r\n } = searchModel;\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n let dt = new Date();\r\n if (altStart) {\r\n dt = Tools.toJSDate(`${altStart} 00:00:00`, DATE_FORMAT);\r\n }\r\n else if (selectedDate) {\r\n dt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n let dtEnd = Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n const showSpinner = false;\r\n const scheduleCampaignReferrer = this.props.location && this.props.location.state && this.props.location.state.scheduleCampaignReferrer;\r\n const locationInfo = this.props.location && this.props.location.state && this.props.location.state.loc;\r\n this.selectedIndex = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedIndex;\r\n this.state = {\r\n epicId: providerId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n patientId: patientId,\r\n loginId: loginId,\r\n updatedVisitType: \"\",\r\n startDate: altStart ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n date: selectedDate,\r\n time: selectedTime,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null,\r\n endDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n createPatient: {},\r\n showSpinner: showSpinner,\r\n scheduleErrorMessage: null,\r\n scheduleType: this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleType ? this.props.location.state.scheduleType : scheduleType,\r\n baseURL: \"\",\r\n visitTypeChanged: false,\r\n locationChanged: false,\r\n startingStep: 0,\r\n currentStep: 0,\r\n noSelectPatient: searchModel.noSelectPatient || (this.props && this.props.location && this.props.location.state && this.props.location.state.noSelectPatient),\r\n surveyDisplayed: false,\r\n isFromDotCOM: isFromDotCOM ? true : false,\r\n scheduleCampaignReferrer: scheduleCampaignReferrer,\r\n locationInfo:locationInfo, \r\n };\r\n this.formattedPhoneNo = '';\r\n this.updatedPatientId = undefined;\r\n this.canShowSpinner = false;\r\n this.isUserActivated = false;\r\n this.stepProxyPatient = undefined;\r\n this.stepNoProxyPatient = undefined;\r\n this.responseModel = {};\r\n this.providerData = null;\r\n this.tokenValue = '';\r\n this.userSelected = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser ? this.props.location.state.selectedUser : null;\r\n this.saveStepInfo = this.saveStepInfo.bind(this);\r\n //this.resetWizard = this.resetWizard.bind(this);\r\n this.requestScheduleInfo = this.requestScheduleInfo.bind(this);\r\n this.setScheduleDates = this.setScheduleDates.bind(this);\r\n this.saveSlot = this.saveSlot.bind(this);\r\n this.getEndDate = this.getEndDate.bind(this);\r\n this.getVisitTypeDisplayName = this.getVisitTypeDisplayName.bind(this);\r\n this.render = this.render.bind(this);\r\n this.initiateSearch = this.initiateSearch.bind(this);\r\n this.loadVisitTypeAndLocation = this.loadVisitTypeAndLocation.bind(this);\r\n this.loadScheduleForProvider = this.loadScheduleForProvider.bind(this);\r\n this.fluServiceSchedulingAppointment = this.fluServiceSchedulingAppointment.bind(this);\r\n this.updateAddDependentShowPreference = this.updateAddDependentShowPreference.bind(this);\r\n this.getProviderId = this.getProviderId.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.gotoEarliestDate = false;\r\n this.canShowFirstAvailableSlot = false;\r\n this.visitData = null;\r\n this.canShowNext = false;\r\n window.formChanged = false;\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({ baseURL: window.location.pathname });\r\n }\r\n\r\n componentDidMount() {\r\n this.canShowFirstAvailableSlot = true;\r\n this.visitData = null;\r\n const { scheduleCampaignReferrer } = this.state;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n this.initiateSearch();\r\n if (this.props.match.params.altStart === \"\") {\r\n this.setScheduleDates(new Date());\r\n }\r\n logUI(\"MBHWeb.UI.ScheduleFlu.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n this.byPassProxy();\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n providerIdType = 'EpicID';\r\n const searchModel = { providerId, providerIdType, scheduleType: scheduleType ? scheduleType : this.state.scheduleType };\r\n if (providerIdType === PROVIDER_TYPE_EPIC_ID) {\r\n this.epicId = providerId;\r\n }\r\n\r\n // wizard screen 0's visit type and department have been provided by route params; load the calendar...\r\n if (providerId && ((!this.state.epicId && providerIdType === PROVIDER_TYPE_EPIC_ID)))\r\n this.setState({ dontLoadSchedule: true });\r\n else\r\n this.setState({ dontLoadSchedule: false });\r\n\r\n logUI(\"MBHWeb.ScheduleFlu.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getVisitInfo(searchModel, this.getVisitInfoCallBack);\r\n }\r\n\r\n\r\n getVisitInfoCallBack(isSuccess, visitInfo) {\r\n this.visitData = visitInfo;\r\n if (isSuccess) {\r\n const state = this.state;\r\n let isNeedVisitUpdate = false;\r\n let isNeedDepartmentUpdate = false;\r\n if (state.visit.visitType.id !== \"\") {\r\n if (visitInfo && visitInfo.visitTypes) {\r\n const visitTypes = visitInfo.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n isNeedVisitUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedVisitUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (state.visit.department.id !== \"\" && state.visit.department.idType === '') {\r\n const departments = visitInfo && visitInfo.departments ? visitInfo.departments : [];\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n isNeedDepartmentUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedDepartmentUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n if (isNeedVisitUpdate || isNeedDepartmentUpdate) {\r\n this.setState(state);\r\n }\r\n\r\n }\r\n }\r\n\r\n selectedDayAvailabilty = (val) => {\r\n this.apptSlotNotAvailable = val;\r\n }\r\n\r\n selectedTimeAvailability = (val) => {\r\n this.apptTimeNotAvailable = val;\r\n }\r\n checkMonthChanged= (val) => {\r\n this.isMonthChanged = val;\r\n }\r\n\r\n updateAddDependentShowPreference = () => {\r\n const { savePreferenceCall } = this.props;\r\n const { isAddDependentSkipped } = this.state;\r\n if (isAddDependentSkipped && savePreferenceCall)\r\n savePreferenceCall();\r\n }\r\n\r\n initiateSearch() {\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId, // required\r\n providerIdType, // required\r\n selectedDate, // optional YYYY-MM-DD \r\n } = searchModel;\r\n let dt = new Date();\r\n if (selectedDate !== \"\") {\r\n const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n let newProviderId = searchModel.npi ? searchModel.npi : providerId;\r\n if (newProviderId) {\r\n this.loadVisitTypeAndLocation(newProviderId, providerIdType);\r\n }\r\n }\r\n\r\n // bug fix\r\n byPassProxy = () => {\r\n const { location, updateBypassProxyAndInfo } = this.props;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { bypassProxyAndInfo = false } = params;\r\n if (bypassProxyAndInfo && bypassProxyAndInfo !== 'false') {\r\n updateBypassProxyAndInfo(true);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (document.getElementsByClassName(\"status-banner-container status-success\").length > 0 && !this.state.surveyDisplayed) {\r\n console.info(`Schedule componentDidUpdate loading survey`);\r\n try {\r\n if (window.QSI && window.QSI.API) {\r\n window.QSI.API.unload();\r\n window.QSI.API.load().done(() => {\r\n console.info(`Schedule componentDidUpdate QSI.API.run() SUCCESS ${document.getElementsByClassName(\"status-banner-container status-success\").length}`);\r\n window.QSI.API.run();\r\n });\r\n this.setState({ surveyDisplayed: true });\r\n }\r\n } catch (e) {\r\n console.warn(`Schedule componentDidUpdate QSI.API.run() failed`, e);\r\n }\r\n }\r\n }\r\n\r\n\r\n getSearchModel() {\r\n const { match, location } = this.props;\r\n let searchModel = match && match.params;\r\n if (searchModel.npi && searchModel.npi !== 'null') {\r\n searchModel.providerIdType = PROVIDER_TYPE_NPI;\r\n searchModel.providerId = searchModel.npi;\r\n }\r\n else {\r\n searchModel = location.search ? queryString.parse(location.search) : location.searchParms && queryString.parse(location.searchParms);\r\n if (!searchModel) {\r\n return {};\r\n }\r\n searchModel.providerIdType = PROVIDER_TYPE_EPIC_ID;\r\n searchModel.providerId = searchModel.epicId;\r\n }\r\n if (!searchModel.scheduleType) {\r\n searchModel.scheduleType = OPEN_SCHEDULE_TYPE;\r\n }\r\n searchModel.selectedDate = searchModel.date;\r\n searchModel.selectedTime = searchModel.time;\r\n return searchModel;\r\n }\r\n\r\n getEndDate(dtStart) {\r\n let dtEnd = new Date(dtStart);\r\n dtEnd.setDate(1);\r\n let next = dtEnd.getDate() + 30;\r\n dtEnd.setDate(next);\r\n return dtEnd;\r\n }\r\n\r\n setScheduleDates(startDt) {\r\n let dtStart = new Date(startDt);\r\n dtStart.setDate(1);\r\n let dtEnd = this.getEndDate(dtStart);\r\n\r\n this.setState({\r\n startDate: `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n });\r\n }\r\n\r\n callbackOnLeave = () => {\r\n const stepManager = this.refOurStepManager.current;\r\n let restartAtStep = null;\r\n this.updateAddDependentShowPreference();\r\n if (window.userToSwitch) {\r\n this.props.switchToMyChartUser(window.userToSwitch, window.userToSwitch.index);\r\n this.userSelected = null;\r\n restartAtStep = 0;\r\n if (stepManager && stepManager.childCollection && stepManager.childCollection[1] && stepManager.childCollection[1].props && stepManager.childCollection[1].props.steptitle.toLowerCase() === \"select doctor\")\r\n restartAtStep = 1;\r\n if (restartAtStep)\r\n this.refOurStepManager.current.goBack(restartAtStep, true);\r\n }\r\n }\r\n\r\n loadScheduleForProvider() {\r\n let fluVisitTypeId = this.props.serverData && this.props.serverData.fluVisitTypeId;\r\n let cacheDate = '';\r\n if (this.visitData) {\r\n const types = this.visitData && this.visitData.visitTypes.length > 0 ? this.visitData.visitTypes : [];\r\n for (let i = 0; i < types.length; i++) {\r\n let ids = types[i].iDs;\r\n for (let idCount = 0; idCount < ids.length; idCount++) {\r\n if (ids[idCount].id === fluVisitTypeId) {\r\n cacheDate = types[i].earliestCachedSlotDate;\r\n }\r\n }\r\n }\r\n }\r\n\r\n let visitDate = this.state.visit && this.state.visit.date ? Tools.toJSDate(this.state.visit.date) : \"\";\r\n //\r\n //let startDate = cacheDate ? Tools.toJSDate(cacheDate) : Tools.toJSDate(this.state.startDate);\r\n //let startDt = isFromDotCOM && startDate ? Tools.getStartOfMonth(startDate.getFullYear(), startDate.getMonth()) :Tools.toJSDate(cacheDate);\r\n // let dt = this.state.isFromDotCOM && startDt ? Tools.toJSDate(startDt) :Tools.toJSDate(startDt)\r\n let startDt = visitDate && Tools.getStartOfMonth(visitDate.getFullYear(), visitDate.getMonth()); \r\n let dt = this.state.isFromDotCOM && startDt ? Tools.toJSDate(startDt) : Tools.toJSDate(cacheDate);\r\n let start = dt && Tools.dateSimpleFormat(dt);\r\n\r\n let dtEnd = dt && Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth()); \r\n let end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n //let end = this.state.endDate;\r\n // bugfix\r\n if (this.state.startDate.indexOf(\"NaN\") >= 0) {\r\n let dtStart = new Date();\r\n dt.setDate(1);\r\n let dtEnd = new Date();\r\n dtEnd.setDate(1);\r\n dtEnd.setDate(dt.getDate() + 29);\r\n start = `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`;\r\n end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n }\r\n\r\n let searchModel = null;\r\n this.setState({\r\n //updatedVisitType : this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id,\r\n updatedVisitType: this.state.visit.visitType.id,\r\n })\r\n\r\n searchModel = {\r\n providerId: this.state.epicId,\r\n providerIdType: PROVIDER_TYPE_EPIC_ID,\r\n departmentId: this.state.visit.department.id,\r\n scheduleType: this.state.scheduleType,\r\n //visitTypeId: this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id,\r\n visitTypeId: this.state.visit.visitType.id,\r\n start: start,\r\n end: end,\r\n getEarliestSchedule: false\r\n };\r\n this.setState({ showSpinner: true });\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted);\r\n }\r\n\r\n\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n\r\n let startDate = this.state.startDate;\r\n let endDate = this.state.endDate;\r\n const { visit } = this.state;\r\n let start1 = Tools.toJSDate(`${visit && visit.visitType && visit.visitType.startDate ? visit.visitType.startDate : startDate} 00:00:00`, DATE_FORMAT);\r\n let startDt1 = `${this.state.startDate} 00:00:00`;\r\n startDt1 = `${start1.getFullYear()}-${start1.getMonth() + 1}-${start1.getDate()}`;\r\n const visitTypeStartDate = startDt1 && Tools.toJSDate(`${startDt1} 00:00:00`, DATE_FORMAT);\r\n const visitTypeEndOfMonth = visitTypeStartDate && Tools.getEndOfMonth(visitTypeStartDate.getFullYear(), visitTypeStartDate.getMonth());\r\n const visitTypeEndDate = visitTypeEndOfMonth && `${visitTypeEndOfMonth.getFullYear()}-${visitTypeEndOfMonth.getMonth() + 1}-${visitTypeEndOfMonth.getDate()}`;\r\n visit.visitType.endDate = visitTypeEndDate;\r\n let m = null;\r\n m = null;\r\n m = null;\r\n m = new Object();\r\n m.start = startDt1;\r\n m.end = visit && visit.visitType && visit.visitType.endDate ? visit.visitType.endDate : endDate;\r\n m.providerId = this.state.epicId || this.epicId;\r\n m.providerIdType = PROVIDER_TYPE_EPIC_ID;\r\n m.scheduleType = this.state.scheduleType;\r\n //m.visitTypeId = this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id;\r\n m.visitTypeId = this.state.visit.visitType.id;\r\n m.departmentId = this.state.visit.department.id;\r\n m.allowStepForward = allowStepForward === undefined ? false : allowStepForward;\r\n //m.allowStepForward = allowStepForward;\r\n m.getEarliestSchedule = getEarliestSchedule === undefined ? false : getEarliestSchedule;\r\n //m.getEarliestSchedule = getEarliestSchedule\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = getEarliestSchedule;\r\n this.earliestScheduleApplied = false;\r\n if (!this.state.dontLoadSchedule)\r\n this.setState({ showSpinner: true });\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted);\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays, error, value, provider) => {\r\n const enableFluVaccineSchedulingWorkflow = this.props.serverData && this.props.serverData.enableFluVaccineSchedulingWorkflow ;\r\n if (this.state.isFromDotCOM && enableFluVaccineSchedulingWorkflow) {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const patientInfoStepValue = this.getIndexByStepTitle(\"Patient Info\");\r\n if (!this.state.isFromVideoVisitOptions && this.refOurStepManager && this.refOurStepManager.current && apptInfoStepValue !== -1) {\r\n if(enableFluVaccineSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && patientInfoStepValue !== -1 && !this.apptTimeNotAvailable && !this.props.hasMyChart && !this.isMonthChanged) {\r\n this.refOurStepManager.current.goToNewStep(true,patientInfoStepValue);\r\n }\r\n }\r\n }\r\n\r\n this.waitingOnScheduleCall = false;\r\n this.providerData = provider;\r\n if (this.gotoEarliestDate && this.earliestScheduleApplied) {\r\n return;\r\n }\r\n const state = this.getUpdatedState(scheduleDays);\r\n if (!this.waitingOnEarliestScheduleCall && !this.waitingOnScheduleCall2) {\r\n state.showSpinner = false;\r\n }\r\n this.setState(state);\r\n }\r\n\r\n getUpdatedState(scheduleDays) {\r\n const state = this.state;\r\n if (!state.visit.date && scheduleDays && scheduleDays.length) {\r\n state.visit.date = scheduleDays[0].date;\r\n }\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === this.state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.visitType.id !== \"\" && state.visit.visitType.idType === \"\") {\r\n if (this.props.providerSchedule && this.props.providerSchedule.visitTypes) {\r\n const visitTypes = this.props.providerSchedule.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === this.state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return state;\r\n }\r\n\r\n saveStepInfo(info, loadSchedule, gotoEarliestDate, allowStepForward) {\r\n this.gotoEarliestDate = gotoEarliestDate;\r\n window.formChanged = true;\r\n this.setState({ ...info }, () => {\r\n const { dontLoadSchedule } = this.state;\r\n // request schedule info for the calendar once we've got the ids...\r\n if (loadSchedule === true && !dontLoadSchedule) {\r\n logUI(\"MBHWeb.ScheduleFlu.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), info);\r\n this.requestScheduleInfo(allowStepForward, gotoEarliestDate);\r\n }\r\n\r\n // post schedule once we've got the ids and the reason...\r\n if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" && this.state.visit.date !== \"\" && this.state.visit.time !== \"\" && this.state.visit.reasonForVisit !== \"\") {\r\n logUI(\"MBHWeb.ScheduleFlu.Appointment\", new Date(), Tools.getURLPath(), info);\r\n\r\n }\r\n });\r\n }\r\n\r\n tryAgain = (startingStep) => {\r\n this.setState({\r\n scheduleCompleted: false,\r\n startingStep: typeof startingStep !== 'undefined' ? startingStep : this.state.startingStep,\r\n isAddDependentSkipped: false,\r\n currentStep: startingStep,\r\n }, () => this.refOurStepManager.current.refresh());\r\n }\r\n\r\n createPatient(userInfo) {\r\n const patientModel = {\r\n email: userInfo.email,\r\n firstName: userInfo.firstName,\r\n lastName: userInfo.lastName,\r\n dateOfBirth: userInfo.dateOfBirth,\r\n gender: userInfo.gender,\r\n nationalIdentifier: userInfo.nationalIdentifier,\r\n departmentId: this.state.visit.department.id,\r\n departmentIdType: this.state.visit.department.idType\r\n };\r\n\r\n if (userInfo.patientPhone !== \"\") {\r\n patientModel.phoneNumbers = [{ number: userInfo.patientPhone, type: \"Home Phone\" }];\r\n }\r\n\r\n if (userInfo.mailingAddress && userInfo.mailingAddress.streetNumber !== \"\") {\r\n patientModel.houseNumber = userInfo.mailingAddress.streetNumber;\r\n patientModel.streetLine1 = userInfo.mailingAddress.streetNumber + \" \" + userInfo.mailingAddress.street;\r\n patientModel.city = userInfo.mailingAddress.city;\r\n patientModel.state = userInfo.mailingAddress.state;\r\n patientModel.zipCode = userInfo.mailingAddress.zip;\r\n }\r\n\r\n this.props.createPatient(patientModel, this.props.userToken);\r\n\r\n // insurance is added when creating a patient, but needed by ScheduleAppointment...\r\n if (userInfo.insuranceName !== \"\") {\r\n this.setState({\r\n insurance: {\r\n insuranceName: userInfo.insurance.insuranceName,\r\n memberNumber: userInfo.insurance.memberId,\r\n groupNumber: userInfo.insurance.groupNumber,\r\n subscriberId: userInfo.insurance.subscriberId\r\n }\r\n });\r\n }\r\n }\r\n\r\n getProviderId() {\r\n let schedule = this.props.providerSchedule; \r\n const selDate = schedule && schedule.scheduleDays && schedule.scheduleDays.filter(slot => Tools.isSameDate(slot.date, this.state.visit.date));\r\n let providerValue = [];\r\n if (selDate && selDate.length > 0) {\r\n const selTime = selDate[0].slots.filter(time => time.time === this.state.visit.time);\r\n if (selTime && selTime.length > 0) {\r\n for (let item of selTime) {\r\n if (item.provider && item.provider.length) {\r\n item.provider.map(obj => providerValue.push(obj.id));\r\n }\r\n }\r\n return providerValue.toString();\r\n }\r\n }\r\n else {\r\n return this.state.epicId\r\n }\r\n }\r\n\r\n fluServiceSchedulingAppointment() {\r\n this.canShowSpinner = true;\r\n const token = this.props.userToken;\r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n let dateValue = Tools.toJSDate(`${visit.date} 00:00:00`, DATE_FORMAT);\r\n let dt = Tools.dateSimpleFormat(dateValue);\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let idType = \"External\";\r\n let patientModel = {};\r\n if (createPatient && Object.keys(createPatient).length > 0) {\r\n patientModel = {\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n email: createPatient.email ? createPatient.email : this.props.userDetails.Email,\r\n dateOfBirth: createPatient.dateOfBirth ? createPatient.dateOfBirth : \"\",\r\n gender: createPatient.gender ? createPatient.gender : \"\",\r\n nationalIdentifier: createPatient.nationalIdentifier ? createPatient.nationalIdentifier : \"\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType\r\n };\r\n if (createPatient.phoneNumbers && createPatient.phoneNumbers.length > 0) {\r\n patientModel.phoneNumbers = this.state.createPatient.phoneNumbers;\r\n }\r\n if (createPatient.houseNumber) {\r\n patientModel.houseNumber = createPatient.houseNumber;\r\n patientModel.streetLine1 = createPatient.streetLine1;\r\n patientModel.city = createPatient.city;\r\n patientModel.state = createPatient.state;\r\n patientModel.zipCode = createPatient.zipCode;\r\n }\r\n }\r\n\r\n let scheduleModel = null;\r\n scheduleModel = {\r\n scheduleType: this.state.scheduleType,\r\n loginId: this.props.patientLoginId,\r\n myChartId: \"\",\r\n proxyPatientId: id,\r\n proxyPatientIdType: idType,\r\n // visitTypeId: this.changedVisitTypeId && this.changedVisitTypeId,\r\n visitTypeId: this.state.visit.visitType.id,\r\n //visitTypeIdType: this.changedVisitTypeIdType && this.changedVisitTypeIdType,\r\n visitTypeIdType: this.state.visit.visitType.idType,\r\n providerId: this.getProviderId(),\r\n providerIdType: this.state.scheduleType != OPEN_SCHEDULE_TYPE ? PROVIDER_NPI : PROV_ID,\r\n departmentId: `${visit.department.id}`,\r\n departmentIdType: visit.department.idType,\r\n date: dt,\r\n time: visit.time,\r\n comments: \"Flu Vaccine\"\r\n };\r\n\r\n const insurance = createPatient.insurance;\r\n if (insurance && insurance.insuranceName !== \"\") {\r\n scheduleModel.insurance = {\r\n insuranceName: insurance.insuranceName,\r\n memberNumber: insurance.memberNumber,\r\n groupNumber: insurance.groupNumber,\r\n subscriberId: insurance.subscriberId\r\n };\r\n }\r\n this.updatedVisitType = scheduleModel;\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.ScheduleFlu.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n logUI(\"MBHWeb.UI.ScheduleFlu.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n // create patient and schedule appointment...\r\n this.props.createAndSchedule(patientModel, scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n this.updateAddDependentShowPreference();\r\n\r\n }\r\n\r\n scheduleCallCompleted = (bSuccessful, sErrorMessage) => {\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n }\r\n else {\r\n if (scheduleErrorMessage !== sErrorMessage) {\r\n scheduleErrorMessage = sErrorMessage;\r\n }\r\n }\r\n this.setState({ scheduleCompleted: true, scheduleErrorMessage });\r\n }\r\n\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\r\n }\r\n getIndexByStepTitle(title) {\r\n let index = -1;\r\n if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current.childCollection;\r\n for (let i = 0; i < stepManager.length; i++) {\r\n let stepTitle = stepManager[i].props.steptitle;\r\n if (stepTitle && title && stepTitle.toLowerCase() === title.toLowerCase()) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n }\r\n return index;\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n this.userSelected = userSelected;\r\n this.props.switchToMyChartUser(userSelected, index);\r\n this.loadScheduleForProvider();\r\n }\r\n\r\n onFemalePatientSelected = (patientSelected) => {\r\n this.setState({ isFemalePatientSelected: patientSelected });\r\n }\r\n\r\n onUserSelect = (userSelected) => {\r\n const { locationInfo } = this.state;\r\n this.userSelected = userSelected;\r\n const enableFluVaccineSchedulingWorkflow = this.props.serverData && this.props.serverData.enableFluVaccineSchedulingWorkflow;\r\n if (enableFluVaccineSchedulingWorkflow) {\r\n const eventType = \"checkout\";\r\n const list = \"Find Care Page\";\r\n const category = \"Open Scheduling\";\r\n const brand = \"Flu Vaccine\";\r\n const variant = \"service flow\";\r\n const step = 0;\r\n const patientStatus = 'Existing Patient';\r\n gaCheckout(eventType, this.props.providerId, locationInfo.locationName, locationInfo.locationID, this.selectedIndex, list, category, brand, variant, step, patientStatus);\r\n }\r\n \r\n }\r\n\r\n selectPatientMarkup = (hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, t) => {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const verifyScheduleStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n\r\n if (hasProxyUsers && !noSelectPatient) {\r\n this.stepProxyPatient = true;\r\n return (\r\n
\r\n \r\n
\r\n What can we help you with today?
\r\n\r\n
\r\n \r\n this.handleInputChange(e)}\r\n rows=\"10\"\r\n showAsInvalid={showAsInvalid && (!visitReasonComment || visitReasonComment === \"\")}\r\n />\r\n
\r\n\r\n {reasonForVisit && !isFromVideoVisitOptions && {this.state.chars_left} - Characters Remaining
\r\n \r\n How would you like to be seen? \r\n
}\r\n {videoVisitNotes && (\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 {videoVisitNotes} \r\n
\r\n )}\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n {validationError} \r\n
\r\n }\r\n \r\n
\r\n\r\n )\r\n }\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n const primaryUserDomain = d ? d.hydrateProxyUser(state.domain.pu) : {};\r\n const primaryUserSSO = state.sso.primaryUser;\r\n let primaryUser = primaryUserDomain || primaryUserSSO;\r\n let cur = d ? d.hydrateProxyUser(state.domain.cu) : {};\r\n\r\n if (state.openScheduling.createdPatient) {\r\n const created = state.openScheduling.createdPatient;\r\n cur = {\r\n displayName: created.name,\r\n externalId: created.ids && created.ids.length > 0 ? created.ids.find((v, i) => { return v.type && v.type.toLowerCase() === \"external\" }).id : \"\"\r\n };\r\n }\r\n\r\n return {\r\n visitTypeAndLocation: state.openScheduling.visitTypeAndLocation,\r\n //mammogramQuestionsError: state.openScheduling.mammogramQuestionsError,\r\n visitTypeAndLocationFailed: state.openScheduling.visitTypeAndLocationFailed,\r\n visitTypeAndLocationPending: state.openScheduling.visitTypeAndLocationPending,\r\n providerSchedule: state.openScheduling.providerSchedule,\r\n providerScheduleSuccessStatus: (!state.openScheduling.providerSchedule || (state.openScheduling.success && !state.openScheduling.error)) ? true : false,\r\n getScheduleError: state.openScheduling.getScheduleError,\r\n searchRunning: state.openScheduling.searchRunning,\r\n scheduleAppointmentSuccess: state.openScheduling.scheduleAppointmentSuccess,\r\n scheduleAppointmentFailed: state.openScheduling.scheduleAppointmentFailed,\r\n scheduleAppointmentPending: state.openScheduling.scheduleAppointmentPending,\r\n createPatientSuccess: state.openScheduling.createPatientSuccess,\r\n createPatientFailed: state.openScheduling.createPatientFailed,\r\n proxyListFailure: state.memberships.proxyListFailure,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n primaryUser: primaryUser,\r\n currentUser: cur,\r\n serverData: state.session.serverData,\r\n hasMyChart: state.domain.hm,\r\n patientEmail: state.domain.e,\r\n patientLoginId: state.domain.un,\r\n userToken: state.domain.t,\r\n userDetails: state.sso.userDetails,\r\n providerSearchModel: state.providers.searchModel,\r\n getSchedulePending: state.openScheduling.getSchedulePending,\r\n providerDetails: state.providers.providerDetails,\r\n earliestScheduleWaiting: state.openScheduling.earliestScheduleWaiting,\r\n earliestScheduleError: state.openScheduling.earliestScheduleError,\r\n externalID: state.domain.cu ? state.domain.cu.ei : null,\r\n myProxies: pl,\r\n age: state.domain.age,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n history: state.session.history,\r\n arrivalTimeSchedule: state.openScheduling.arrivalTimeSchedule,\r\n scheduleAppointmentData: state.openScheduling.schedule,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVisitInfo: (searchModel, getVisitInfoCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, callbackOfEarliesSchedule) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, callbackOfEarliesSchedule, isMammogramSchedule: true });\r\n },\r\n getEarliestSchedule: (searchModel, callback) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_EARLIEST, searchModel, callback });\r\n },\r\n createPatient: (model, token) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_PATIENT,\r\n model: model,\r\n token: token\r\n });\r\n },\r\n scheduleAppointment: (model, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: true,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_AND_SCHEDULE,\r\n patient: patientModel,\r\n schedule: scheduleModel,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: true,\r\n translate: true\r\n });\r\n\r\n },\r\n clearReduxState: () => {\r\n dispatch({ type: types.OPEN_SCHEDULE_CLEAR_REDUX_STATE });\r\n },\r\n getProviderDetail: (searchModel) => {\r\n dispatch({ type: types.PROVIDER_DETAIL, searchModel: searchModel });\r\n },\r\n switchToMyChartUser: (user, index) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index });\r\n dispatch({ type: types.SWITCH_TO_PHARMACY_USER, pharmacyUser: null });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n },\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload }),\r\n //saveMammogramQuestionsResponse: (ResponseSearchModel, token) => dispatch({ type: types.OPEN_SCHEDULE_QUESTIONS_RESPONSE, searchModel: ResponseSearchModel, token }),\r\n // getMammogramQuestions: (QuestionsSearchModel) => {\r\n // dispatch({ type: types.OPEN_SCHEDULE_MAMMOGRAM_QUESTIONS, searchModel: QuestionsSearchModel });\r\n // }\r\n\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(ScheduleFlu)));","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { queryParams } from \"../../../../helpers/formatting\";\r\nimport { logUI } from \"../../../../api/andyliticsApi\";\r\nimport { getURLPath } from '../../../../helpers/Tools';\r\n\r\n//Added Flu Redirect deeplink component due to further may need any customization.\r\nclass ScheduleFluVaccineRedirect extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.ScheduleFluVaccineRedirect.ComponentDidMount\", new Date(), getURLPath());\r\n let vaccineFluSearchParams = \"?\" + queryParams({\r\n keyword: 'Flu Vaccine',\r\n tab: 2,\r\n vector: 'clinicalTerm'\r\n });\r\n this.props.history.push({\r\n pathname: '/findcare', searchParms: vaccineFluSearchParams });\r\n return;\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n }\r\n\r\n\r\n render() {\r\n return \r\n }\r\n\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ScheduleFluVaccineRedirect);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AppointmentInfo from \"../../AppointmentInfo\";\r\nimport * as Tools from \"../../../../helpers/Tools\";\r\nimport { translateText } from '../../../../helpers/data';\r\nimport { logUI } from '../../../../api/andyliticsApi';\r\nimport NoProxy from '../../../common/NoProxy';\r\nimport SelectPatient from '../../../common/SelectPatient';\r\nimport OurStepManager from \"../../../common/OurStepManager\";\r\nimport * as d from \"../../../../reducers/domainReducer\";\r\nimport Questionnaire from '../../Questionnaire';\r\nimport PatientInfo from \"../../PatientInfo\";\r\nimport ServiceVerifyNSchedule from '../../ServiceVerifyNSchedule';\r\nimport * as types from \"../../../../constants/actionTypes\";\r\nimport * as queryString from 'query-string';\r\nimport OpenScheduleConfirmationSuccess from \"../../OpenScheduleConfirmationSuccess\";\r\nimport ConfirmationModal from \"../../../common/ConfirmationModal\";\r\nimport Spinner from \"../../../common/spinner\";\r\nimport StatusBanner from '../../../common/StatusBanner';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\n// String constants #109637\r\nconst PROVIDER_TYPE_EPIC_ID = \"EpicID\";\r\nconst PROVIDER_TYPE_NPI = \"NPI\";\r\nconst OPEN_SCHEDULE_TYPE = \"OpenSchedule\";\r\nconst PROVIDER_NPI = \"ProviderNPI\";\r\nconst PROV_ID = \"PROVID\";\r\n\r\nclass ScheduleMammogram extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.refOurStepManager = React.createRef();\r\n\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId,\r\n scheduleType,\r\n visitTypeId,\r\n departmentId, // optional selected department id\r\n selectedDate, // optional YYYY-MM-DD\r\n selectedTime, // optional HH:MM:SS ... dunno why they want the seconds, but they do\r\n altStart, // alternative date-range starting date\r\n correlationId,\r\n gacookie,\r\n isFromDotCOM\r\n } = searchModel;\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n let dt = new Date();\r\n if (altStart) {\r\n dt = Tools.toJSDate(`${altStart} 00:00:00`, DATE_FORMAT);\r\n }\r\n else if (selectedDate) {\r\n dt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n let dtEnd = Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n const showSpinner = false;\r\n const scheduleCampaignReferrer = this.props.location && this.props.location.state && this.props.location.state.scheduleCampaignReferrer;\r\n\r\n this.state = {\r\n epicId: providerId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n patientId: patientId,\r\n loginId: loginId,\r\n updatedVisitType: \"\",\r\n startDate: altStart ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n date: selectedDate,\r\n time: selectedTime,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null,\r\n endDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n createPatient: {},\r\n showSpinner: showSpinner,\r\n scheduleErrorMessage: null,\r\n scheduleType: this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleType ? this.props.location.state.scheduleType : scheduleType,\r\n baseURL: \"\",\r\n visitTypeChanged: false,\r\n locationChanged: false,\r\n startingStep: 0,\r\n currentStep: 0,\r\n noSelectPatient: searchModel.noSelectPatient || (this.props && this.props.location && this.props.location.state && this.props.location.state.noSelectPatient),\r\n surveyDisplayed: false,\r\n isFromDotCOM: isFromDotCOM ? true : false,\r\n scheduleCampaignReferrer: scheduleCampaignReferrer\r\n };\r\n this.formattedPhoneNo = '';\r\n this.updatedPatientId = undefined;\r\n this.canShowNext = false;\r\n this.canShowSpinner = false;\r\n this.isUserActivated = false;\r\n this.backTocalenderClicked = false;\r\n this.stepProxyPatient = undefined;\r\n this.stepNoProxyPatient = undefined;\r\n this.mammogramQuestions = {};\r\n this.responseModel = {};\r\n this.isLoadQuestionsCompleted = false;\r\n this.providerData = null;\r\n this.tokenValue = '';\r\n this.changedVisitTypeId = \"\";\r\n this.changedVisitTypeIdType = \"\";\r\n this.userSelected = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser ? this.props.location.state.selectedUser : null;\r\n this.saveStepInfo = this.saveStepInfo.bind(this);\r\n this.resetWizard = this.resetWizard.bind(this);\r\n this.requestScheduleInfo = this.requestScheduleInfo.bind(this);\r\n this.setScheduleDates = this.setScheduleDates.bind(this);\r\n this.saveSlot = this.saveSlot.bind(this);\r\n this.getEndDate = this.getEndDate.bind(this);\r\n this.getVisitTypeDisplayName = this.getVisitTypeDisplayName.bind(this);\r\n this.render = this.render.bind(this);\r\n this.initiateSearch = this.initiateSearch.bind(this);\r\n this.loadVisitTypeAndLocation = this.loadVisitTypeAndLocation.bind(this);\r\n this.loadScheduleForProvider = this.loadScheduleForProvider.bind(this);\r\n this.scheduleServicesAppointment = this.scheduleServicesAppointment.bind(this);\r\n this.updateAddDependentShowPreference = this.updateAddDependentShowPreference.bind(this);\r\n this.getProviderId = this.getProviderId.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.getQuestionnarieScreenNumber = this.getQuestionnarieScreenNumber.bind(this);\r\n this.gotoEarliestDate = false;\r\n this.canShowFirstAvailableSlot = false;\r\n this.visitData = null;\r\n this.cacheDate2D = '';\r\n this.cacheDate3D = '';\r\n window.formChanged = false;\r\n this.questionResponseData = {};\r\n this.questionResponseId = \"\";\r\n this.isMonthChanged = false;\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({ baseURL: window.location.pathname });\r\n }\r\n\r\n componentDidMount() {\r\n const { match, serverData, i18n } = this.props;\r\n this.canShowFirstAvailableSlot = true;\r\n this.visitData = null;\r\n // #109637 1-Update react didUpdate logic (Reading 2D/3D Values using indexOf Operator)\r\n const twoD = serverData.mammographyVisitTypeId || null;\r\n const threeD = serverData.mammography3DVisitTypeId || null;\r\n const mammogramUrlParams = match && match.params;\r\n const mammogramVisitTypeIds = mammogramUrlParams && mammogramUrlParams.visitTypeId && mammogramUrlParams.visitTypeId.split(',') ? mammogramUrlParams.visitTypeId.split(',') : [];\r\n const indexOf2D = mammogramVisitTypeIds.findIndex(ele => ele === twoD);\r\n const indexOf3D = mammogramVisitTypeIds.findIndex(ele => ele === threeD);\r\n if (mammogramVisitTypeIds && mammogramVisitTypeIds.length > 0 && mammogramVisitTypeIds.length === 2) {\r\n if (mammogramVisitTypeIds.length === 2 && !this.state.isFromDotCOM) {\r\n this.changedVisitTypeId = serverData.mammography3DVisitTypeId;\r\n } else {\r\n if (indexOf3D >= 0) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[indexOf3D];\r\n }\r\n }\r\n } else {\r\n /**\r\n * When user clicks on 2D or 3D based on index value we are getting 2d or 3d visit type values\r\n * if 2D presents return position of element then based on that position we are getting 2D value\r\n * if 3D presents return position of element then based on that position we are getting 3D value\r\n * if presents return Index Value otherwise -1 It will return\r\n */\r\n if (indexOf2D >= 0) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[indexOf2D];\r\n }\r\n if (indexOf3D >= 0) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[indexOf3D];\r\n }\r\n }\r\n const { scheduleCampaignReferrer } = this.state;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n this.initiateSearch();\r\n if (this.props.match.params.altStart === \"\") {\r\n this.setScheduleDates(new Date());\r\n }\r\n logUI(\"MBHWeb.UI.ScheduleMammogram.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n this.byPassProxy();\r\n\r\n if (!window.prevLanguage && navigator.language.indexOf('es') === 0) {\r\n i18n.changeLanguage('es');\r\n }\r\n else if (i18n.language !== window.prevLanguage) {\r\n i18n.changeLanguage(window.prevLanguage || 'en');\r\n }\r\n\r\n this.historyUnlisten = this.props.history.listen((location, action) => {\r\n const pathName = location.pathname.toLowerCase();\r\n if (pathName.indexOf('/services/mammogram') === -1 && window.prevLanguage && i18n.language !== window.prevLanguage) {\r\n i18n.changeLanguage(window.prevLanguage);\r\n }\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.historyUnlisten) {\r\n this.historyUnlisten();\r\n }\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n providerIdType = 'EpicID';\r\n const searchModel = { providerId, providerIdType, scheduleType: scheduleType ? scheduleType : this.state.scheduleType };\r\n if (providerIdType === PROVIDER_TYPE_EPIC_ID) {\r\n this.epicId = providerId;\r\n }\r\n\r\n // wizard screen 0's visit type and department have been provided by route params; load the calendar...\r\n if (providerId && ((!this.state.epicId && providerIdType === PROVIDER_TYPE_EPIC_ID)))\r\n this.setState({ dontLoadSchedule: true });\r\n else\r\n this.setState({ dontLoadSchedule: false });\r\n\r\n logUI(\"MBHWeb.ScheduleMammogram.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getVisitInfo(searchModel, this.getVisitInfoCallBack);\r\n }\r\n\r\n getVisitInfoCallBack(isSuccess, visitInfo) {\r\n this.visitData = visitInfo;\r\n if (isSuccess) {\r\n const state = this.state;\r\n let isNeedVisitUpdate = false;\r\n let isNeedDepartmentUpdate = false;\r\n if (state.visit.visitType.id !== \"\") {\r\n if (visitInfo && visitInfo.visitTypes) {\r\n const visitTypes = visitInfo.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n isNeedVisitUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedVisitUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (state.visit.department.id !== \"\" && state.visit.department.idType === '') {\r\n const departments = visitInfo && visitInfo.departments ? visitInfo.departments : [];\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n isNeedDepartmentUpdate = true;\r\n break;\r\n }\r\n }\r\n if (isNeedDepartmentUpdate) {\r\n break;\r\n }\r\n }\r\n }\r\n if (isNeedVisitUpdate || isNeedDepartmentUpdate) {\r\n this.setState(state);\r\n }\r\n\r\n }\r\n }\r\n\r\n selectedDayAvailabilty = (val) => {\r\n this.apptSlotNotAvailable = val;\r\n }\r\n\r\n selectedTimeAvailability = (val) => {\r\n this.apptTimeNotAvailable = val;\r\n }\r\n checkMonthChanged = (val) => {\r\n this.isMonthChanged = val;\r\n }\r\n\r\n updateAddDependentShowPreference = () => {\r\n const { savePreferenceCall } = this.props;\r\n const { isAddDependentSkipped } = this.state;\r\n if (isAddDependentSkipped && savePreferenceCall)\r\n savePreferenceCall();\r\n }\r\n\r\n blockNavigation = (nextLocation) => {\r\n // We dont need ConfirmationModal when it is triggered either by Steps/flushot/mammography/findcare routes.\r\n const re = /^\\/schedule|\\/scheduling|\\/findcare|\\/services/;\r\n return nextLocation !== null && re.test(nextLocation.pathname);\r\n }\r\n\r\n initiateSearch() {\r\n const searchModel = this.getSearchModel();\r\n let {\r\n providerId, // required\r\n providerIdType, // required\r\n selectedDate, // optional YYYY-MM-DD \r\n } = searchModel;\r\n let dt = new Date();\r\n if (selectedDate !== \"\") {\r\n const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n dt = new Date(selDt.getFullYear(), selDt.getMonth(), 1);\r\n }\r\n else {\r\n dt.setDate(1);\r\n }\r\n\r\n let newProviderId = searchModel.npi ? searchModel.npi : providerId;\r\n if (newProviderId) {\r\n this.loadVisitTypeAndLocation(newProviderId, providerIdType);\r\n }\r\n }\r\n\r\n // bug fix\r\n byPassProxy = () => {\r\n const { location, updateBypassProxyAndInfo } = this.props;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { bypassProxyAndInfo = false } = params;\r\n if (bypassProxyAndInfo && bypassProxyAndInfo !== 'false') {\r\n updateBypassProxyAndInfo(true);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n if (this.props.serverData.enableNewServiceSchedulingWorkflow && this.state.isFromDotCOM && params && params.qr && prevProps.visitTypeAndLocation !== this.props.visitTypeAndLocation) {\r\n if (params.qid) { this.questionResponseId = params.qid; }\r\n if (params.qr) {\r\n this.questionResponseData = params.qr.split(\"|\").reduce((a, v) =>\r\n ({\r\n ...a, [v.substr(0, v.indexOf(\";\"))]: v.substr(v.indexOf(\";\") + 1),\r\n }),\r\n {}\r\n );\r\n }\r\n }\r\n\r\n if (document.getElementsByClassName(\"status-banner-container status-success\").length > 0 && !this.state.surveyDisplayed) {\r\n console.info(`Schedule componentDidUpdate loading survey`);\r\n try {\r\n if (window.QSI && window.QSI.API) {\r\n window.QSI.API.unload();\r\n window.QSI.API.load().done(() => {\r\n console.info(`Schedule componentDidUpdate QSI.API.run() SUCCESS ${document.getElementsByClassName(\"status-banner-container status-success\").length}`);\r\n window.QSI.API.run();\r\n });\r\n this.setState({ surveyDisplayed: true });\r\n }\r\n } catch (e) {\r\n console.warn(`Schedule componentDidUpdate QSI.API.run() failed`, e);\r\n }\r\n }\r\n }\r\n\r\n\r\n getSearchModel() {\r\n const { match, location } = this.props;\r\n let searchModel = match && match.params;\r\n if (searchModel.npi && searchModel.npi !== 'null') {\r\n searchModel.providerIdType = PROVIDER_TYPE_NPI;\r\n searchModel.providerId = searchModel.npi;\r\n }\r\n else {\r\n searchModel = location.search ? queryString.parse(location.search) : location.searchParms && queryString.parse(location.searchParms);\r\n if (!searchModel) {\r\n return {};\r\n }\r\n searchModel.providerIdType = PROVIDER_TYPE_EPIC_ID;\r\n searchModel.providerId = searchModel.epicId;\r\n }\r\n if (!searchModel.scheduleType) {\r\n searchModel.scheduleType = OPEN_SCHEDULE_TYPE;\r\n }\r\n searchModel.selectedDate = searchModel.date;\r\n searchModel.selectedTime = searchModel.time;\r\n return searchModel;\r\n }\r\n\r\n getEndDate(dtStart) {\r\n let dtEnd = new Date(dtStart);\r\n dtEnd.setDate(1);\r\n let next = dtEnd.getDate() + 30;\r\n dtEnd.setDate(next);\r\n return dtEnd;\r\n }\r\n\r\n setScheduleDates(startDt) {\r\n let dtStart = new Date(startDt);\r\n dtStart.setDate(1);\r\n let dtEnd = this.getEndDate(dtStart);\r\n\r\n this.setState({\r\n startDate: `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`,\r\n endDate: `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`\r\n });\r\n }\r\n\r\n callbackOnLeave = () => {\r\n const stepManager = this.refOurStepManager.current;\r\n let restartAtStep = null;\r\n this.updateAddDependentShowPreference();\r\n if (window.userToSwitch) {\r\n this.props.switchToMyChartUser(window.userToSwitch, window.userToSwitch.index);\r\n this.userSelected = null;\r\n restartAtStep = 0;\r\n if (stepManager && stepManager.childCollection && stepManager.childCollection[1] && stepManager.childCollection[1].props && stepManager.childCollection[1].props.steptitle.toLowerCase() === \"select doctor\")\r\n restartAtStep = 1;\r\n if (restartAtStep)\r\n this.refOurStepManager.current.goBack(restartAtStep, true);\r\n }\r\n }\r\n\r\n loadScheduleForProvider() {\r\n if (this.state.updatedVisitType === \"\" && this.state.isFromDotCOM) {\r\n const { match, serverData } = this.props;\r\n const twoD = serverData.mammographyVisitTypeId || null;\r\n const threeD = serverData.mammography3DVisitTypeId || null;\r\n let mammogramUrlParams = match && match.params;\r\n let mammogramVisitTypeIds = mammogramUrlParams && mammogramUrlParams.visitTypeId ? mammogramUrlParams.visitTypeId.split(',') : [];\r\n const indexOf2D = mammogramVisitTypeIds.findIndex(ele => ele === twoD);\r\n const indexOf3D = mammogramVisitTypeIds.findIndex(ele => ele === threeD);\r\n if (mammogramVisitTypeIds && mammogramVisitTypeIds.length > 0 && mammogramVisitTypeIds.length === 2) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[0];\r\n // if (indexOf2D >= 0) {\r\n // this.changedVisitTypeId = mammogramVisitTypeIds[indexOf2D];\r\n //}\r\n //if (indexOf3D >= 0) {\r\n // this.changedVisitTypeId = mammogramVisitTypeIds[indexOf3D];\r\n //}\r\n } else {\r\n if (indexOf2D >= 0) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[indexOf2D];\r\n }\r\n if (indexOf3D >= 0) {\r\n this.changedVisitTypeId = mammogramVisitTypeIds[indexOf3D];\r\n }\r\n }\r\n }\r\n\r\n let start = '';\r\n let end = '';\r\n if (this.visitData) {\r\n let cacheDate = '';\r\n const types = this.visitData && this.visitData.visitTypes.length > 0 ? this.visitData.visitTypes : [];\r\n const { serverData } = this.props;\r\n for (let i = 0; i < types.length; i++) {\r\n if (types[i].iDs && types[i].iDs.length > 0) {\r\n const ids = types[i].iDs;\r\n const twoDIndex = ids.length > 0 && ids.findIndex(ele => ele.id === serverData.mammographyVisitTypeId);\r\n const threeDIndex = ids.length > 0 && ids.findIndex(ele => ele.id === serverData.mammography3DVisitTypeId);\r\n if (twoDIndex >= 0 && types[i].iDs[twoDIndex]?.id === window.serverData.data.mammographyVisitTypeId) {\r\n this.cacheDate2D = types[i].earliestCachedSlotDate;\r\n }\r\n if (threeDIndex >= 0 && types[i].iDs[threeDIndex]?.id === window.serverData.data.mammography3DVisitTypeId) {\r\n this.cacheDate3D = types[i].earliestCachedSlotDate;\r\n }\r\n if ((twoDIndex >= 0 || threeDIndex >= 0) && types[i].iDs[twoDIndex >= 0 ? twoDIndex : threeDIndex]?.id === this.changedVisitTypeId) {\r\n cacheDate = types[i].earliestCachedSlotDate;\r\n }\r\n }\r\n\r\n }\r\n\r\n let visitDate = this.state.visit && this.state.visit.date ? Tools.toJSDate(this.state.visit.date) : \"\";\r\n let startDt = visitDate && Tools.getStartOfMonth(visitDate.getFullYear(), visitDate.getMonth());\r\n let dt = this.state.isFromDotCOM && startDt ? Tools.toJSDate(startDt) : Tools.toJSDate(cacheDate);\r\n //let dtValue = this.state.visit && this.state.visit.date ? this.state.visit.date : new Date(cacheDate);\r\n //let startDt = dtValue && Tools.getStartOfMonth(Tools.toJSDate(dtValue).getFullYear(), Tools.toJSDate(dtValue).getMonth()); \r\n // let dt = this.state.isFromDotCOM ? Tools.toJSDate(startDt) : Tools.toJSDate(cacheDate);\r\n let dtEnd = Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n //let Startdate = this.state.isFromDotCOM ? new Date(this.state.visit.date) : new Date(cacheDate);\r\n // let sDateValue = Tools.getStartOfMonth(dt.getFullYear(), dt.getMonth());\r\n start = Tools.dateSimpleFormat(dt);\r\n end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n this.setState({\r\n startDate: start,\r\n endDate: end\r\n })\r\n } else {\r\n start = this.state.startDate;\r\n end = this.state.endDate;\r\n }\r\n\r\n\r\n // bugfix\r\n if (this.state.startDate.indexOf(\"NaN\") >= 0) {\r\n let dtStart = new Date();\r\n dt.setDate(1);\r\n let dtEnd = new Date();\r\n dtEnd.setDate(1);\r\n dtEnd.setDate(dt.getDate() + 29);\r\n start = `${dtStart.getFullYear()}-${dtStart.getMonth() + 1}-${dtStart.getDate()}`;\r\n end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n }\r\n\r\n let searchModel = null;\r\n this.setState({\r\n updatedVisitType: this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id,\r\n })\r\n\r\n searchModel = {\r\n providerId: this.state.epicId,\r\n providerIdType: PROVIDER_TYPE_EPIC_ID,\r\n departmentId: this.state.visit.department.id,\r\n scheduleType: this.state.scheduleType,\r\n visitTypeId: this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id,\r\n start: start,\r\n end: end,\r\n getEarliestSchedule: false\r\n };\r\n this.setState({ showSpinner: true });\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted);\r\n }\r\n\r\n\r\n resetWizard() {\r\n // debugger;\r\n if (typeof window !== 'undefined') {\r\n window.sessionStorage.setItem('openScheduleStep', 0);\r\n }\r\n const visitTypeId = this.props.match.params.visitTypeId ? this.props.match.params.visitTypeId : \"\"; // optional selected visit type id \r\n const departmentId = this.props.match.params.departmentId ? this.props.match.params.departmentId : \"\"; // optional selected department id \r\n let selectedDate = this.props.match.params.date ? this.props.match.params.date : \"\"; // optional YYYY-MM-DD \r\n const selectedTime = this.props.match.params.time ? this.props.match.params.time : \"\"; // optional HH:MM:SS ... dunno why they want the seconds, but they do \r\n\r\n const altStart = this.props.match.params.altStart ? this.props.match.params.altStart : \"\"; // alternative date-range starting date \r\n const altEnd = this.props.match.params.altEnd ? this.props.match.params.altEnd : \"\"; // alternative date-range end date \r\n\r\n const patient = this.props.currentUser ? this.props.currentUser : undefined;\r\n const email = this.props.patientEmail ? this.props.patientEmail : \"\";\r\n const patientId = \"\";\r\n const loginId = \"\";\r\n const userName = \"\";\r\n let dt = new Date();\r\n if (selectedDate !== \"\") {\r\n const selDt = Tools.toJSDate(`${selectedDate} 00:00:00`, DATE_FORMAT);\r\n }\r\n dt.setDate(1);\r\n let dtEnd = this.getEndDate(dt);\r\n this.getEndDate(dt);\r\n let scheduleType = this.props.match.params.scheduleType ? this.props.match.params.scheduleType : OPEN_SCHEDULE_TYPE;\r\n if (!window.serverData.data.enableDirectScheduling) {\r\n scheduleType = OPEN_SCHEDULE_TYPE;\r\n }\r\n\r\n this.setState({\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n patientId: patientId,\r\n loginId: loginId,\r\n startDate: altStart !== \"\" ? altStart : `${dt.getFullYear()}-${dt.getMonth() + 1}-1`,\r\n endDate: altEnd !== \"\" ? altEnd : `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`,\r\n visit: {\r\n date: selectedDate,\r\n time: selectedTime,\r\n duration: 0,\r\n visitType: {\r\n id: visitTypeId,\r\n description: \"\",\r\n idType: \"\",\r\n startDate: null\r\n },\r\n department: {\r\n id: departmentId,\r\n name: \"\",\r\n idType: \"\",\r\n phone: \"\",\r\n address: {\r\n street1: \"\",\r\n street2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n reasonForVisit: \"\",\r\n patient: {\r\n id: patientId ? patientId : patient ? patient.eid : \"\",\r\n loginId: loginId ? loginId : userName,\r\n name: patient ? patient.displayName : \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\"\r\n }\r\n },\r\n showSpinner: false,\r\n createPatientInfo: null,\r\n scheduleType: scheduleType\r\n });\r\n\r\n }\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n\r\n let startDate = this.state.startDate;\r\n let endDate = this.state.endDate;\r\n if (this.changedVisitTypeId === window.serverData.data.mammographyVisitTypeId) {\r\n const cacheDate = Tools.dateSimpleFormat(this.cacheDate2D);\r\n\r\n const startDateTime = Tools.toJSDate(`${this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n const startMonth = startDateTime.getMonth() + 1;\r\n const startYear = startDateTime.getFullYear() + 1;\r\n const cacheDateTime = Tools.toJSDate(`${this.cacheDate2D} 00:00:00`, DATE_FORMAT);\r\n const cacheMonth = cacheDateTime.getMonth() + 1;\r\n const cacheYear = cacheDateTime.getFullYear() + 1;\r\n\r\n if (startMonth === cacheMonth && startYear === cacheYear) {\r\n startDate = cacheDate;\r\n } else {\r\n let dt = Tools.toJSDate(`${this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n startDate = `${dt.getFullYear()}-${dt.getMonth() + 1}-1`;\r\n }\r\n\r\n }\r\n\r\n if (this.changedVisitTypeId === window.serverData.data.mammography3DVisitTypeId) {\r\n const cacheDate = Tools.dateSimpleFormat(this.cacheDate3D);\r\n const startDateTime = Tools.toJSDate(`${this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n const startMonth = startDateTime.getMonth() + 1;\r\n const startYear = startDateTime.getFullYear() + 1;\r\n const cacheDateTime = Tools.toJSDate(`${this.cacheDate3D} 00:00:00`, DATE_FORMAT);\r\n const cacheMonth = cacheDateTime.getMonth() + 1;\r\n const cacheYear = cacheDateTime.getFullYear() + 1;\r\n if (startMonth === cacheMonth && startYear === cacheYear) {\r\n startDate = cacheDate;\r\n } else {\r\n let dt = Tools.toJSDate(`${this.state.startDate} 00:00:00`, DATE_FORMAT);\r\n startDate = `${dt.getFullYear()}-${dt.getMonth() + 1}-1`;\r\n }\r\n\r\n }\r\n\r\n const { visit } = this.state;\r\n //visit.visitType.startDate = '';\r\n //visit.visitType.endDate = '';\r\n let start1 = Tools.toJSDate(`${visit && visit.visitType && visit.visitType.startDate ? visit.visitType.startDate : startDate} 00:00:00`, DATE_FORMAT);\r\n let startDt1 = `${this.state.startDate} 00:00:00`;\r\n startDt1 = `${start1.getFullYear()}-${start1.getMonth() + 1}-${start1.getDate()}`;\r\n const visitTypeStartDate = startDt1 && Tools.toJSDate(`${startDt1} 00:00:00`, DATE_FORMAT);\r\n const visitTypeEndOfMonth = visitTypeStartDate && Tools.getEndOfMonth(visitTypeStartDate.getFullYear(), visitTypeStartDate.getMonth());\r\n const visitTypeEndDate = visitTypeEndOfMonth && `${visitTypeEndOfMonth.getFullYear()}-${visitTypeEndOfMonth.getMonth() + 1}-${visitTypeEndOfMonth.getDate()}`;\r\n visit.visitType.endDate = visitTypeEndDate;\r\n let m = null;\r\n m = null;\r\n m = null;\r\n m = new Object();\r\n m.start = startDt1;\r\n m.end = visit && visit.visitType && visit.visitType.endDate ? visit.visitType.endDate : endDate;\r\n m.providerId = this.state.epicId || this.epicId;\r\n m.providerIdType = PROVIDER_TYPE_EPIC_ID;\r\n m.scheduleType = this.state.scheduleType;\r\n m.visitTypeId = this.changedVisitTypeId.length > 0 ? this.changedVisitTypeId : this.state.visit.visitType.id;\r\n m.departmentId = this.state.visit.department.id;\r\n m.allowStepForward = allowStepForward === undefined ? false : allowStepForward;\r\n //m.allowStepForward = allowStepForward;\r\n m.getEarliestSchedule = getEarliestSchedule === undefined ? false : getEarliestSchedule;\r\n //m.getEarliestSchedule = getEarliestSchedule\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = getEarliestSchedule;\r\n this.earliestScheduleApplied = false;\r\n if (!this.state.dontLoadSchedule)\r\n this.setState({ showSpinner: true });\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted);\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays, error, value, provider) => {\r\n const enableNewServiceSchedulingWorkflow = this.props.serverData && this.props.serverData.enableNewServiceSchedulingWorkflow;\r\n if (this.state.isFromDotCOM && enableNewServiceSchedulingWorkflow) {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const selectPatientStepValue = this.getIndexByStepTitle(\"Select Patient\");\r\n const patientInfoStepValue = this.getIndexByStepTitle(\"Patient Info\");\r\n if (!this.state.isFromVideoVisitOptions && this.refOurStepManager && this.refOurStepManager.current\r\n && apptInfoStepValue !== -1) {\r\n if (enableNewServiceSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && selectPatientStepValue !== -1 && !this.apptTimeNotAvailable && this.props.hasMyChart && !this.isMonthChanged) {\r\n this.refOurStepManager.current.goToNewStep(true, selectPatientStepValue);\r\n } else if (enableNewServiceSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && patientInfoStepValue !== -1 && !this.apptTimeNotAvailable && !this.props.hasMyChart && !this.isMonthChanged) {\r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n\r\n }\r\n }\r\n }\r\n\r\n this.waitingOnScheduleCall = false;\r\n this.providerData = provider;\r\n if (this.gotoEarliestDate && this.earliestScheduleApplied) {\r\n return;\r\n }\r\n const state = this.getUpdatedState(scheduleDays);\r\n if (!this.waitingOnEarliestScheduleCall && !this.waitingOnScheduleCall2) {\r\n state.showSpinner = false;\r\n }\r\n this.setState(state);\r\n }\r\n\r\n getUpdatedState(scheduleDays) {\r\n const state = this.state;\r\n if (!state.visit.date && scheduleDays && scheduleDays.length) {\r\n state.visit.date = scheduleDays[0].date;\r\n }\r\n if (this.props.visitTypeAndLocation && this.props.visitTypeAndLocation.departments) {\r\n const departments = this.props.visitTypeAndLocation.departments;\r\n for (let i = 0; i < departments.length; i++) {\r\n const dept = departments[i];\r\n for (let j = 0; j < dept.iDs.length; j++) {\r\n const id = dept.iDs[j];\r\n if (id.id === this.state.visit.department.id) {\r\n state.visit.department.idType = id.type;\r\n state.visit.department.address.street1 = dept.address1;\r\n state.visit.department.address.street2 = dept.address2;\r\n state.visit.department.address.city = dept.city;\r\n state.visit.department.address.state = dept.state;\r\n state.visit.department.address.zip = dept.zip;\r\n state.visit.department.phone = dept.phone;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (state.visit.visitType.id !== \"\" && state.visit.visitType.idType === \"\") {\r\n if (this.props.providerSchedule && this.props.providerSchedule.visitTypes) {\r\n const visitTypes = this.props.providerSchedule.visitTypes;\r\n if (visitTypes) {\r\n for (let i = 0; i < visitTypes.length; i++) {\r\n const v = visitTypes[i];\r\n for (let j = 0; j < v.iDs.length; j++) {\r\n const id = v.iDs[j];\r\n if (id.id === this.state.visit.visitType.id) {\r\n state.visit.visitType.idType = id.type;\r\n state.visit.visitType.description = v.displayName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return state;\r\n }\r\n\r\n saveStepInfo(info, loadSchedule, gotoEarliestDate, allowStepForward) {\r\n this.gotoEarliestDate = gotoEarliestDate;\r\n window.formChanged = true;\r\n this.setState({ ...info }, () => {\r\n const { dontLoadSchedule } = this.state;\r\n // request schedule info for the calendar once we've got the ids...\r\n if (loadSchedule === true && !dontLoadSchedule) {\r\n logUI(\"MBHWeb.ScheduleMammogram.Open.RequestScheduleInfo\", new Date(), Tools.getURLPath(), info);\r\n this.requestScheduleInfo(allowStepForward, gotoEarliestDate);\r\n }\r\n\r\n // post schedule once we've got the ids and the reason...\r\n if (this.state.visit.visitType.id !== \"\" && this.state.visit.department.id !== \"\" && this.state.visit.date !== \"\" && this.state.visit.time !== \"\" && this.state.visit.reasonForVisit !== \"\") {\r\n logUI(\"MBHWeb.ScheduleMammogram.Appointment\", new Date(), Tools.getURLPath(), info);\r\n\r\n }\r\n });\r\n }\r\n\r\n tryAgain = (startingStep) => {\r\n this.setState({\r\n scheduleCompleted: false,\r\n startingStep: typeof startingStep !== 'undefined' ? startingStep : this.state.startingStep,\r\n isAddDependentSkipped: false,\r\n currentStep: startingStep,\r\n }, () => this.refOurStepManager.current.refresh());\r\n }\r\n\r\n createPatient(userInfo) {\r\n const patientModel = {\r\n email: userInfo.email,\r\n firstName: userInfo.firstName,\r\n lastName: userInfo.lastName,\r\n dateOfBirth: userInfo.dateOfBirth,\r\n gender: userInfo.gender,\r\n nationalIdentifier: userInfo.nationalIdentifier,\r\n departmentId: this.state.visit.department.id,\r\n departmentIdType: this.state.visit.department.idType\r\n };\r\n\r\n if (userInfo.patientPhone !== \"\") {\r\n patientModel.phoneNumbers = [{ number: userInfo.patientPhone, type: \"Home Phone\" }];\r\n }\r\n\r\n if (userInfo.mailingAddress && userInfo.mailingAddress.streetNumber !== \"\") {\r\n patientModel.houseNumber = userInfo.mailingAddress.streetNumber;\r\n patientModel.streetLine1 = userInfo.mailingAddress.streetNumber + \" \" + userInfo.mailingAddress.street;\r\n patientModel.city = userInfo.mailingAddress.city;\r\n patientModel.state = userInfo.mailingAddress.state;\r\n patientModel.zipCode = userInfo.mailingAddress.zip;\r\n }\r\n\r\n this.props.createPatient(patientModel, this.props.userToken);\r\n\r\n // insurance is added when creating a patient, but needed by ScheduleAppointment...\r\n if (userInfo.insuranceName !== \"\") {\r\n this.setState({\r\n insurance: {\r\n insuranceName: userInfo.insurance.insuranceName,\r\n memberNumber: userInfo.insurance.memberId,\r\n groupNumber: userInfo.insurance.groupNumber,\r\n subscriberId: userInfo.insurance.subscriberId\r\n }\r\n });\r\n }\r\n }\r\n\r\n getProviderId() {\r\n let schedule = this.props.providerSchedule;\r\n const selDate = schedule.scheduleDays.filter(slot => Tools.isSameDate(slot.date, this.state.visit.date));\r\n let providerValue = [];\r\n if (selDate && selDate.length > 0) {\r\n const selTime = selDate[0].slots.filter(time => time.time === this.state.visit.time);\r\n if (selTime && selTime.length > 0) {\r\n for (let item of selTime) {\r\n if (item.provider && item.provider.length) {\r\n item.provider.map(obj => providerValue.push(obj.id));\r\n }\r\n }\r\n return providerValue.toString();\r\n }\r\n }\r\n else {\r\n return this.state.epicId\r\n }\r\n }\r\n\r\n scheduleServicesAppointment() {\r\n this.canShowSpinner = true;\r\n const token = this.props.userToken;\r\n // let dt = visit.date;\r\n // let parts = Tools.getDateSpecifications(dt);\r\n // parts[1] = (parts[1] + 1).toString().padStart(2, '0');\r\n // parts[2] = parts[2].toString().padStart(2, '0');\r\n // dt = parts.join(\"-\");\r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n let dateValue = Tools.toJSDate(`${visit.date} 00:00:00`, DATE_FORMAT);\r\n let dt = Tools.dateSimpleFormat(dateValue);\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let idType = \"External\";\r\n let patientModel = {};\r\n if (createPatient && Object.keys(createPatient).length > 0) {\r\n patientModel = {\r\n firstName: this.props.userDetails.Givenname,\r\n lastName: this.props.userDetails.Surname,\r\n email: createPatient.email ? createPatient.email : this.props.userDetails.Email,\r\n dateOfBirth: createPatient.dateOfBirth ? createPatient.dateOfBirth : \"\",\r\n gender: createPatient.gender ? createPatient.gender : \"\",\r\n nationalIdentifier: createPatient.nationalIdentifier ? createPatient.nationalIdentifier : \"\",\r\n departmentId: visit.department.id,\r\n departmentIdType: visit.department.idType\r\n };\r\n if (createPatient.phoneNumbers && createPatient.phoneNumbers.length > 0) {\r\n patientModel.phoneNumbers = this.state.createPatient.phoneNumbers;\r\n }\r\n if (createPatient.houseNumber) {\r\n patientModel.houseNumber = createPatient.houseNumber;\r\n patientModel.streetLine1 = createPatient.streetLine1;\r\n patientModel.city = createPatient.city;\r\n patientModel.state = createPatient.state;\r\n patientModel.zipCode = createPatient.zipCode;\r\n }\r\n }\r\n\r\n let scheduleModel = null;\r\n scheduleModel = {\r\n scheduleType: this.state.scheduleType,\r\n loginId: this.props.patientLoginId,\r\n myChartId: \"\",\r\n proxyPatientId: id,\r\n proxyPatientIdType: idType,\r\n visitTypeId: this.changedVisitTypeId && this.changedVisitTypeId,\r\n visitTypeIdType: this.changedVisitTypeIdType && this.changedVisitTypeIdType,\r\n providerId: this.getProviderId(),\r\n providerIdType: this.state.scheduleType != OPEN_SCHEDULE_TYPE ? PROVIDER_NPI : PROV_ID,\r\n departmentId: `${visit.department.id}`,\r\n departmentIdType: visit.department.idType,\r\n date: dt,\r\n time: visit.time,\r\n comments: \"Screening Mammogram\"\r\n };\r\n\r\n const insurance = createPatient.insurance;\r\n if (insurance && insurance.insuranceName !== \"\") {\r\n scheduleModel.insurance = {\r\n insuranceName: insurance.insuranceName,\r\n memberNumber: insurance.memberNumber,\r\n groupNumber: insurance.groupNumber,\r\n subscriberId: insurance.subscriberId\r\n };\r\n }\r\n this.updatedVisitType = scheduleModel;\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.ScheduleMammogram.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n logUI(\"MBHWeb.UI.ScheduleMammogram.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n // create patient and schedule appointment...\r\n this.props.createAndSchedule(patientModel, scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n\r\n //Load step at top of page\r\n if (typeof window !== 'undefined') {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n this.updateAddDependentShowPreference();\r\n\r\n }\r\n\r\n scheduleCallCompleted = (bSuccessful, sErrorMessage) => {\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n }\r\n else {\r\n if (scheduleErrorMessage !== sErrorMessage) {\r\n scheduleErrorMessage = sErrorMessage;\r\n }\r\n }\r\n this.setState({ scheduleCompleted: true, scheduleErrorMessage });\r\n }\r\n\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\r\n }\r\n getIndexByStepTitle(title) {\r\n let index = -1;\r\n if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current.childCollection;\r\n for (let i = 0; i < stepManager.length; i++) {\r\n let stepTitle = stepManager[i].props.steptitle;\r\n if (stepTitle && title && stepTitle.toLowerCase() === title.toLowerCase()) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n }\r\n return index;\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n this.userSelected = userSelected;\r\n this.props.switchToMyChartUser(userSelected, index);\r\n }\r\n\r\n onFemalePatientSelected = (patientSelected) => {\r\n this.setState({ isFemalePatientSelected: patientSelected });\r\n }\r\n\r\n // to handle Questionnaire screen continue button disable/enable\r\n getQuestionnarieScreenNumber() {\r\n if (this.stepNoProxyPatient && this.stepProxyPatient) {\r\n return 3;\r\n }\r\n if ((this.stepNoProxyPatient && this.stepProxyPatient === undefined) || (this.stepProxyPatient && this.stepNoProxyPatient === undefined)) {\r\n return 2;\r\n }\r\n if (this.stepProxyPatient === undefined && this.stepNoProxyPatient === undefined) {\r\n return 1;\r\n }\r\n\r\n }\r\n\r\n selectPatientMarkup = (hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, t) => {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const reasonSubmitStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const enableNewServiceSchedulingWorkflow = this.props.serverData.enableNewServiceSchedulingWorkflow;\r\n const title = translateText(t, \"I'm scheduling an appointment for\", t) + \"...\";\r\n const enableNewMammogramJourneyChanges = this.props.serverData && this.props.serverData.enableNewMammogramJourneyChanges;\r\n\r\n\r\n if (hasProxyUsers && !noSelectPatient) {\r\n this.stepProxyPatient = true;\r\n return (\r\n
\r\n {!scheduleCompleted && currentStep > 0 &&\r\n \r\n {\r\n !scheduleCompleted ?\r\n
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n\r\n \r\n {this.selectPatientMarkup(hasProxyUsers, noSelectPatient, myProxies, hasMyChart, currentUser, isAdult, serverData, t)\r\n }\r\n\r\n \r\n\r\n
\r\n \r\n {this.props.mammogramQuestionsError && currentStep === this.getQuestionnarieScreenNumber() &&\r\n <>\r\n
\r\n\r\n )\r\n }\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n const primaryUserDomain = d ? d.hydrateProxyUser(state.domain.pu) : {};\r\n const primaryUserSSO = state.sso.primaryUser;\r\n let primaryUser = primaryUserDomain || primaryUserSSO;\r\n let cur = d ? d.hydrateProxyUser(state.domain.cu) : {};\r\n\r\n if (state.openScheduling.createdPatient) {\r\n const created = state.openScheduling.createdPatient;\r\n cur = {\r\n displayName: created.name,\r\n externalId: created.ids && created.ids.length > 0 ? created.ids.find((v, i) => { return v.type && v.type.toLowerCase() === \"external\" }).id : \"\"\r\n };\r\n }\r\n\r\n return {\r\n visitTypeAndLocation: state.openScheduling.visitTypeAndLocation,\r\n mammogramQuestionsError: state.openScheduling.mammogramQuestionsError,\r\n visitTypeAndLocationFailed: state.openScheduling.visitTypeAndLocationFailed,\r\n visitTypeAndLocationPending: state.openScheduling.visitTypeAndLocationPending,\r\n providerSchedule: state.openScheduling.providerSchedule,\r\n providerScheduleSuccessStatus: (!state.openScheduling.providerSchedule || (state.openScheduling.success && !state.openScheduling.error)) ? true : false,\r\n getScheduleError: state.openScheduling.getScheduleError,\r\n searchRunning: state.openScheduling.searchRunning,\r\n scheduleAppointmentSuccess: state.openScheduling.scheduleAppointmentSuccess,\r\n scheduleAppointmentFailed: state.openScheduling.scheduleAppointmentFailed,\r\n scheduleAppointmentPending: state.openScheduling.scheduleAppointmentPending,\r\n createPatientSuccess: state.openScheduling.createPatientSuccess,\r\n createPatientFailed: state.openScheduling.createPatientFailed,\r\n proxyListFailure: state.memberships.proxyListFailure,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n primaryUser: primaryUser,\r\n currentUser: cur,\r\n serverData: state.session.serverData,\r\n hasMyChart: state.domain.hm,\r\n patientEmail: state.domain.e,\r\n patientLoginId: state.domain.un,\r\n userToken: state.domain.t,\r\n userDetails: state.sso.userDetails,\r\n providerSearchModel: state.providers.searchModel,\r\n getSchedulePending: state.openScheduling.getSchedulePending,\r\n providerDetails: state.providers.providerDetails,\r\n earliestScheduleWaiting: state.openScheduling.earliestScheduleWaiting,\r\n earliestScheduleError: state.openScheduling.earliestScheduleError,\r\n externalID: state.domain.cu ? state.domain.cu.ei : null,\r\n myProxies: pl,\r\n age: state.domain.age,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n history: state.session.history,\r\n arrivalTimeSchedule: state.openScheduling.arrivalTimeSchedule,\r\n scheduleAppointmentData: state.openScheduling.schedule,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVisitInfo: (searchModel, getVisitInfoCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, callbackOfEarliesSchedule) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, callbackOfEarliesSchedule, isMammogramSchedule: true });\r\n },\r\n getEarliestSchedule: (searchModel, callback) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_EARLIEST, searchModel, callback });\r\n },\r\n createPatient: (model, token) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_PATIENT,\r\n model: model,\r\n token: token\r\n });\r\n },\r\n scheduleAppointment: (model, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: true,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_CREATE_AND_SCHEDULE,\r\n patient: patientModel,\r\n schedule: scheduleModel,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: true,\r\n translate: true\r\n });\r\n\r\n },\r\n clearReduxState: () => {\r\n dispatch({ type: types.OPEN_SCHEDULE_CLEAR_REDUX_STATE });\r\n },\r\n getProviderDetail: (searchModel) => {\r\n dispatch({ type: types.PROVIDER_DETAIL, searchModel: searchModel });\r\n },\r\n switchToMyChartUser: (user, index) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index });\r\n dispatch({ type: types.SWITCH_TO_PHARMACY_USER, pharmacyUser: null });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n },\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload }),\r\n saveMammogramQuestionsResponse: (ResponseSearchModel, token) => dispatch({ type: types.OPEN_SCHEDULE_QUESTIONS_RESPONSE, searchModel: ResponseSearchModel, token }),\r\n getMammogramQuestions: (QuestionsSearchModel) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_MAMMOGRAM_QUESTIONS, searchModel: QuestionsSearchModel });\r\n }\r\n\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(ScheduleMammogram)));","import React from \"react\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\n\r\nclass CommonSymptoms extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n const { symptoms, isSymptomsWaiting } = this.props;\r\n const conditions = symptoms && symptoms.conditions ? symptoms.conditions.treatableConditions : null;\r\n const conditionsSplit = conditions ? ((conditions.length / 3) + 1) : 0;\r\n return (\r\n Please this.loadMammogramQuestions()}>try again or go back to the this.goToHome()}> dashboard.
\r\n \r\n }\r\n \r\n
\r\n {!scheduleCompleted && currentStep === this.getQuestionnarieScreenNumber() ? <> : (scheduleCompleted === undefined || !scheduleCompleted) && currentStep > 0 && (!needPatientInfo || isFemalePatientSelected == true) ?\r\n \r\n {\r\n !scheduleCompleted ?\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 {isSymptomsWaiting &&
\r\n )\r\n }\r\n}\r\n\r\nexport default CommonSymptoms;","\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Drawer } from \"../ecosystem\";\r\n\r\nconst DrawerFindCare = ({\r\n children,\r\n open,\r\n toggle, \r\n}) => {\r\n return <>\r\n \r\n \r\n
\r\n {!isSymptomsWaiting && conditions && conditions.length > 0 &&\r\n On-Call Provider
\r\n Common symptoms treated:
\r\n \r\n
\r\n {/*- \r\n {conditions.map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \r\n );\r\n })}\r\n
- Labs, x-rays, referrals not available \r\n
\r\n
\r\n - \r\n {conditions.slice(0, conditionsSplit).map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \r\n );\r\n })}\r\n
\r\n
\r\n - \r\n {conditions.slice(conditionsSplit, conditionsSplit *2 - 1).map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \r\n );\r\n })}\r\n
\r\n
*/}\r\n - \r\n {conditions.slice(conditionsSplit *2 - 1, conditionsSplit.length).map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \r\n );\r\n })}\r\n
\r\n {children}\r\n
\r\n \r\n \r\n\r\n}\r\n\r\nexport default DrawerFindCare;\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from 'react-router-dom';\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport MyChartDataTile from \"../dashboard/MyChartDataTile\";\r\nimport SectionLoading from '../common/SectionLoading';\r\nimport SectionLoadingError from '../common/SectionLoadingError';\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport EVisit_ProxySelector from \"./EVisit_ProxySelector\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport FeatureDisabled from \"../common/FeatureDisabled\";\r\n\r\n/**\r\n * Container component for the E-Visit page.\r\n */\r\nclass EVisit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n this.props.clearZipnosisEvisit();\r\n logUI(\"MBHWeb.UI.EVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { hasMyChart, epicEHRDown, location } = this.props;\r\n const isCovidScreeningModalForProxy = location && location.state && location.state.isCovidScreeningModalForProxy ? true : false;\r\n const hideProxySelector = location && location.state && location.state.hideProxySelector ? true : false;\r\n if (hasMyChart && epicEHRDown) {\r\n return \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours:\"\"\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(EVisitDependent);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport MyChartDataTile from \"../dashboard/MyChartDataTile\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport SectionLoading from \"../common/SectionLoading\";\r\nimport Spinner from \"../common/spinner\";\r\nimport ConfirmationModal from \"../common/ConfirmationModal\";\r\nimport StatusBanner from '../common/StatusBanner';\r\nimport SectionLoadingError from '../common/SectionLoadingError';\r\nimport ZipnosisError from \"./ZipnosisError\";\r\n\r\nclass EVisitGetStarted extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { started: false, redirectedToZipnosis: false };\r\n this.redirectToZipnosis = this.redirectToZipnosis.bind(this);\r\n this.formChanged = false;\r\n }\r\n\r\n componentDidMount() {\r\n this.formChanged = false;\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (!this.props.userIsSwitching && nextProps.userIsSwitching) {\r\n if (this.state.started) {\r\n this.setState({ started: false });\r\n }\r\n }\r\n }\r\n\r\n startEvisit = (action, subUrl) => {\r\n //debugger;\r\n const { userData, token, eVisitZipGroupId, eVisitExternalId, userName, eVisit, getZipnosisEvisitUrl, userTags, index, serverData, dismissTile } = this.props;\r\n this.title = action === 'COVID19' ? 'screening' : 'eVisit';\r\n let tileId = 86;\r\n if (serverData.environment === \"PROD\") tileId = 1065;\r\n dismissTile(token, {tileId:tileId});\r\n //const eVisitZipGroupId = eVisit.bswZipGroup?.id;\r\n //const eVisitExternalId = eVisit?.externalId;\r\n\r\n logUI('MBHWeb.Evisits.Start.Zipnosis.' + action, new Date(), Tools.getURLPath(), userData, 'eVisits', 'Zipnosis' + userTags());\r\n\r\n if (!this.started) {\r\n getZipnosisEvisitUrl(token, userName, eVisitZipGroupId, index && eVisitExternalId ? eVisitExternalId : null, 'EXTERNAL', subUrl);\r\n }\r\n\r\n if (!this.started) {\r\n this.setState({ started: true });\r\n this.formChanged = true;\r\n }\r\n }\r\n\r\n completeZipnosisRedirect = () => {\r\n //debugger;\r\n const { userData, userTags } = this.props;\r\n logUI('MBHWeb.Evisits.Start.Zipnosis.Redirect', new Date(), Tools.getURLPath(), userData, 'eVisits', 'Zipnosis' + userTags());\r\n this.setState({ redirectedToZipnosis: true });\r\n }\r\n\r\n redirectToZipnosis(url) {\r\n //debugger;\r\n var newWin = window.open(url, '_blank');\r\n if (!newWin || newWin.closed || typeof newWin.closed === 'undefined') {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Dependent eVisits or Screenings
\r\n\r\n To complete this screening or eVisit for a dependent, ages 2-17,{' '}\r\n you must first be established as their proxy in MyBSWHealth.{' '}\r\n To add a proxy dependent, complete this form and send it to himadministrator@bswhealth.org.{' '}\r\n At this time, proxy relationships can only be set up for dependents who have a Baylor Scott & White patient record on file.{' '}\r\n Please allow 1 business day for review and processing on business days from 8 AM - 5 PM.{' '}\r\n
\r\n\r\n If you are unable to print and scan the form, call the MyBSWHealth technical help desk {technicalHelpDeskHours} at {helpDeskLink}.\r\n
\r\n\r\n
\r\n );\r\n }\r\n else {\r\n this.completeZipnosisRedirect();\r\n return \r\n
\r\n eVisit
\r\n\r\n \r\n
\r\n TRY AGAIN\r\n \r\n
\r\n We attempted to launch eVisits in a new window, but a popup blocker is preventing it.
\r\nPlease allow popups for this site and try again.
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userName: state.domain.un,\r\n token: state.domain.t,\r\n zipnosis: state.header.zipnosis,\r\n userIsSwitching: state.memberships.switchingProxyUser,\r\n index: state.memberships.currentUser?.index,\r\n serverData: state.session.serverData,\r\n hasError: state.header && state.header.zipnosis ? state.header.zipnosis.hasError : false,\r\n errorMessage: state.header && state.header.zipnosis ? state.header.zipnosis.errorMessage : \"\",\r\n errorMessageName: state.header && state.header.zipnosis ? state.header.zipnosis.errorMessageName : \"\",\r\n eVisit: state.memberships.currentUserEVisit,\r\n hasSWHP: state.memberships.hasAnySWHP,\r\n eVisitZipGroupId: state.memberships.eVisitZipGroupId,\r\n eVisitExternalId: state.memberships.eVisitExternalId,\r\n outOfStateOptionsForEVisit: state.memberships.outOfStateOptionsForEVisit\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getZipnosisEvisitUrl: (token, userName, zipGroupId, patientId, patientIdType, subUrl) => {\r\n dispatch({ type: types.ZIPNOSIS_EVISIT_URL, token, userName, zipGroupId, patientId, patientIdType, subUrl });\r\n },\r\n dismissTile: (token, tile) => {\r\n dispatch({ type: types.DISCOVER_TILE_DISMISS, token: token, tile: tile });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EVisitGetStarted);","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nexport default class EvisitInEligible extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n const { userData, userTags } = this.props;\r\n logUI('MBHWeb.Evisits.Start.General.InEligible', new Date(), Tools.getURLPath(), userData, 'eVisits', 'General' + userTags());\r\n }\r\n\r\n render() {\r\n\r\n const { isFromCovid19ScreenerSurvey, serverData } = this.props;\r\n\r\n const covid19TestLocation = serverData && serverData.data && serverData.data.covid19TestLocation ? serverData.data.covid19TestLocation : null;\r\n\r\n return (\r\n \r\n {this.state.started\r\n ? !zipnosis || zipnosis.loading\r\n ? \r\n {serverData && serverData.ZipnosisBackedUp && serverData.ZipnosisBackedUpMessage &&\r\n \r\n }\r\n \r\n }\r\n
\r\n\r\n {this.state.started &&\r\n \r\n
\r\n }\r\n {serverData && serverData.covid19ScreeningEnabled &&\r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n {serverData.covid19Cost &&\r\n \r\n
\r\n {' '}COVID-19
{serverData.covid19Text}{' '}\r\n \r\n
\r\n \r\n Cost:
\r\n $0
\r\n \r\n
\r\n this.startEvisit('COVID19', serverData.covid19SubUrl)}>{covid19ButtonText}
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n {serverData.covid19Cost}
\r\n \r\n
\r\n\r\n \r\n
\r\n {heading}
\r\nSkip the doctor's office with an eVisit.
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Online Interview
\r\n\r\n \r\n
\r\n Diagnosis by a Clinician
\r\n\r\n \r\n
\r\n Response & Prescription (if needed) in 1hr
\r\n\r\n \r\n
\r\n Doctor's Note (if needed)
\r\n\r\n
\r\n\r\n {outOfStateOptionsForEVisit && \r\n
\r\n \r\n
\r\n \r\n {costLabel}:
\r\n ${cost}
\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 Traveling outside Texas?
\r\n SEE MORE OPTIONS
\r\n \r\n
\r\n \r\n
\r\n \r\n {hasSWHP && \r\n
\r\n \r\n Baylor Scott & White Health Plan HDHP (high deductible health plan) members will be sent a bill after receiving care.\r\n
}\r\n Symptoms we treat:
\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {evisitsListArray.slice(0, Math.round(evisitsListArray.length / 2)).map((item, index) => (\r\n \r\n ))}\r\n {hasSWHP &&\r\n
- \r\n Depression/Anxiety\r\n (Response in 2hrs, prescription not available)\r\n \r\n }\r\n
\r\n
\r\n - \r\n {evisitsListArray.slice(Math.round(evisitsListArray.length / 2)).map((item, index) => (\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n }\r\n}","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nexport default class EVisitNeedsAccount extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n const { userData, userTags } = this.props;\r\n logUI('MBHWeb.Evisits.Start.General.NeedsAccount', new Date(), Tools.getURLPath(), userData, 'eVisits', 'General' + userTags());\r\n }\r\n\r\n render() {\r\n const { registrationUrl, technicalHelpDeskNumber, technicalHelpDeskHours } = this.props;\r\n return (\r\n \r\n \r\n
\r\n \r\n { logUI(\"MBHWeb.UI.Evisits.InEligible.FindDoctor.Clicked\", new Date(), Tools.getURLPath()); }} className=\"btn-link-style\" to={{ pathname: \"/findcare\" }}>FIND A DOCTOR\r\n {isFromCovid19ScreenerSurvey && { logUI(\"MBHWeb.UI.Evisits.InEligible.Covid19TestingLocation.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: covid19TestLocation }} target=\"_blank\">FIND A COVID-19 TESTING LOCATION}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass EvisitTravel extends React.Component {\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\nexport default EvisitTravel;\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SectionLoading from \"../common/SectionLoading\";\r\nimport SectionLoadingError from \"../common/SectionLoadingError\";\r\nimport Spinner from \"../common/spinner\";\r\nimport SelectPatient from \"../common/SelectPatient\";\r\nimport EVisitGetStarted from \"./EVisitGetStarted\";\r\nimport EVisitInEligible from \"./EVisitInEligible\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport NoProxy from '../common/NoProxy';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nclass EVisit_ProxySelector extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.unexpectedErrorMessage = \"Sorry, we are not able to load your eVisit. Please schedule an appointment using other options available on MyBSWHealth.\";\r\n this.shouldLoadEVistPage = this.shouldLoadEVistPage.bind(this);\r\n this.ourCallback = this.ourCallback.bind(this);\r\n this.state = { activeUserIndex: 0, userSelected: null };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.EVisit.ProxySelector.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n const { primaryUser, hasMychart, proxyListLoaded, myProxies, isCovidScreeningModalForProxy } = this.props;\r\n if (!hasMychart || proxyListLoaded && ((myProxies.length < 2 && primaryUser.isMinor) || isCovidScreeningModalForProxy)) {\r\n this.props.history.replace(\"/evisitnow\");\r\n }\r\n this.savePreference = this.props.history.block(targetLocation => {\r\n if (this.state.isAddDependentSkipped && !this.actionTaken)\r\n this.props.savePreferenceCall();\r\n return true;\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n const { primaryUser, hasMychart, proxyListLoaded, myProxies } = this.props;\r\n if (!hasMychart || proxyListLoaded && (myProxies.length < 2 && primaryUser.isMinor)) {\r\n this.props.history.replace(\"/evisitnow\");\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n try {\r\n this.savePreference();\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n shouldLoadEVistPage() {\r\n //this.setState({ loadEVisit: true });\r\n\r\n }\r\n\r\n onUserSelected = userSelected => {\r\n this.ourCallback();\r\n };\r\n\r\n ourCallback() {\r\n //At this point, primary or proxy user has been selected, so navigate to the next stop\r\n //debugger;\r\n this.props.history.push(\"/evisitnow\");\r\n\r\n //const { userSelected } = this.state;\r\n //const activeUserIndex = userSelected.index ? userSelected.index : 0;\r\n\r\n //if (this.state.activeUserIndex === activeUserIndex) {\r\n // this.setState({ activeUserIndex, userSelected });\r\n //}\r\n //else {\r\n // this.setState({ activeUserIndex });\r\n //}\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n //this.setState({ userSelected });\r\n //debugger;\r\n this.props.switchToMyChartUser(userSelected, index, () => {\r\n window.userToSwitch = userSelected;\r\n this.ourCallback();\r\n });\r\n }\r\n\r\n onSkipProxy = (isAddDependentSkipped) => {\r\n this.setState({ isAddDependentSkipped });\r\n }\r\n\r\n render() {\r\n const { failure, primaryUser, currentUser, myProxies, technicalHelpDeskNumber, zipnosis, proxyListLoaded, hasMychart, showDependentProxyForm, age, serverData, hideProxySelector } = this.props;\r\n const { userSelected } = this.state;\r\n const isProxyAvailable = myProxies && myProxies.length > 1 ? true : false;\r\n const eVisitmessage = \"Who is this for?\";\r\n const isAdult = age && age > 17 ? true : false;\r\n\r\n let heading = 'eVisit';\r\n if (currentUser && typeof primaryUser.externalId !== 'undefined' &&\r\n currentUser.externalId !== primaryUser.externalId && currentUser.displayName) {\r\n heading += ' (' + getFirstName(currentUser.displayName) + ')';\r\n }\r\n\r\n let body = null;\r\n if (!hasMychart || (!failure && !proxyListLoaded)) {\r\n body = (\r\n
\r\n \r\n
\r\n Traveling Outside Texas?
\r\nIf you’re traveling outside of Texas, the options below are available.
\r\n \r\n \r\n
);\r\n }\r\n else if (failure || (zipnosis && zipnosis.error)) {\r\n body =\r\n (\r\n
\r\n \r\n
);\r\n }\r\n else if (!userSelected) {\r\n body = (<>\r\n
\r\n {heading}
\r\n\r\n {isProxyAvailable &&\r\n
\r\n {!isProxyAvailable ? showDependentProxyForm && hasMychart && isAdult\r\n ? \r\n {body}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n return {\r\n failure: state.memberships.proxyListFailure,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n serverData: state.session.serverData,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n myProxies: pl,\r\n zipnosis: state.header.zipnosis,\r\n history: state.session.history,\r\n hasMychart: !state.common.epicEHRDown && state.domain.hm,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n age: state.domain.age\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index, callback) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index, callback });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EVisit_ProxySelector);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport SectionLoading from \"../common/SectionLoading\";\r\nimport SectionLoadingError from \"../common/SectionLoadingError\";\r\nimport EVisitGetStarted from \"./EVisitGetStarted\";\r\nimport EVisitInEligible from \"./EVisitInEligible\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport FeatureDisabled from \"../common/FeatureDisabled\";\r\nimport EVisitNeedsAccount from \"./EVisitNeedsAccount\";\r\n\r\nclass EVisit_latest extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.unexpectedErrorMessage = \"Sorry, we are not able to load your eVisit. Please schedule an appointment using other options available on MyBSWHealth.\";\r\n this.shouldLoadEVistPage = this.shouldLoadEVistPage.bind(this);\r\n this.ourCallback = this.ourCallback.bind(this);\r\n this.state = { activeUserIndex: 0, userSelected: null };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.EVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n shouldLoadEVistPage() {\r\n this.setState({ loadEVisit: true });\r\n }\r\n\r\n onUserSelected = userSelected => {\r\n\r\n }\r\n\r\n ourCallback() {\r\n const { userSelected } = this.state;\r\n const activeUserIndex = userSelected.index ? userSelected.index : 0;\r\n if (this.state.activeUserIndex === activeUserIndex) {\r\n this.setState({ activeUserIndex, userSelected });\r\n }\r\n else {\r\n this.setState({ activeUserIndex });\r\n }\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n this.setState({ userSelected });\r\n this.props.switchToMyChartUser(userSelected, index, this.ourCallback);\r\n }\r\n\r\n userTags = () => {\r\n const { eVisit, hasAAL } = this.props;\r\n // eVisitCost is now a string, but if we want to preserve this tag system, we have to remove the $ and convert to a num\r\n /*let eVisitCostNum = eVisitCost.replace('$', '')\r\n let tags = '';\r\n if (!isNaN(+eVisitCostNum)) {\r\n tags += eVisitCost === 0 ? '.SWHPCovered' : '.SWHPNonCovered';\r\n }*/\r\n let tags = '';\r\n if (eVisit && eVisit.BswZipGroup) {\r\n tags += eVisit.bswZipGroup.Price === 0 ? '.SWHPCovered' : '.SWHPNonCovered';\r\n }\r\n if (hasAAL) {\r\n tags += '.AAL';\r\n }\r\n return tags;\r\n }\r\n\r\n render() {\r\n const { loading, failure, hasMyChart, epicEHRDown, activeProfile, primaryUser, currentUser, myProxies, technicalHelpDeskNumber, technicalHelpDeskHours, zipnosis, userIsSwitching, isActiveFeature_EVisit, eVisit, location } = this.props;\r\n\r\n const isFromCovid19ScreenerSurvey = location && location.state && location.state.isFromCovid19ScreenerSurvey ? true : false;\r\n\r\n if (userIsSwitching) {\r\n return null;\r\n }\r\n\r\n if (hasMyChart && epicEHRDown) {\r\n return \r\n
);\r\n }\r\n else if (failure || (zipnosis && zipnosis.error)) {\r\n body =\r\n (\r\n
\r\n {heading}
\r\n\r\n
);\r\n }\r\n else if (isActiveFeature_EVisit) {\r\n if (currentUser && currentUser.index && currentUser.ageYears > 17) {\r\n body = (\r\n
\r\n {heading}
\r\n\r\n
);\r\n }\r\n else {\r\n body = \r\n
\r\n {heading}
\r\n\r\n
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n {heading}
\r\n\r\n {body}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n return {\r\n hasMyChart: state.domain.hm,\r\n epicEHRDown: state.common.epicEHRDown,\r\n hasAAL: state.session.serverData.enableAA && state.memberships.hasAA,\r\n loading: state.memberships.proxyListLoading,\r\n failure: state.memberships.proxyListFailure,\r\n proxyList: state.memberships.proxyList,\r\n isActiveFeature_EVisit: state.memberships.isActiveFeature_EVisit,\r\n /* eVisitCost: state.memberships.eVisitCostLabel,\r\n eVisitVendor: state.memberships.eVisitVendor,*/\r\n eVisit: state.memberships.currentUserEVisit,\r\n //eVisitZipGroupId: state.memberships.eVisitZipGroupId,\r\n //eVisitExternalId: state.memberships.eVisitExternalId,\r\n activeProfile: state.memberships.activeProfile,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n serverData: state.session.serverData,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours : \"\",\r\n myProxies: pl,\r\n zipnosis: state.header.zipnosis,\r\n userIsSwitching: state.memberships.switchingProxyUser\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index, callback) => {\r\n dispatch({ type: types.SWITCH_USER_REDUCER, user, index });\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index, callback });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EVisit_latest);","import * as React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\nimport { mybswhTooltipMsg, translateText } from '../../helpers/data';\r\n\r\nexport default class FilterItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { filterMybswhTooltipOpen: false };\r\n }\r\n\r\n onChange(checked, value) {\r\n const { onChange } = this.props;\r\n if (onChange) {\r\n onChange(checked, value);\r\n }\r\n }\r\n\r\n updateList(list, value, checked) {\r\n const index = list.indexOf(value);\r\n if (checked && index === -1) {\r\n list.push(value);\r\n }\r\n else if (!checked && index > -1) {\r\n list.splice(index, 1);\r\n }\r\n\r\n const { onChange } = this.props;\r\n if (onChange) {\r\n onChange(list);\r\n }\r\n }\r\n\r\n toggleFilterMyBSWHTooltip = () => {\r\n this.setState({ filterMybswhTooltipOpen: !this.state.filterMybswhTooltipOpen });\r\n }\r\n\r\n render() {\r\n const { item, checked, valueField, displayField, name, t, translate } = this.props;\r\n\r\n if (!item) return null;\r\n\r\n const type = typeof item.type !== 'undefined' ? item.type : 'checkbox';\r\n\r\n switch (type) {\r\n case 'portal':\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n ![\"MyBSWHealth\"](\"/images/mybswh-portal.png\")
portal \r\n {mybswhTooltipMsg} \r\n \r\n
\r\n portal \r\n \r\n this.onUserSetActiveTab(activeTab)}\r\n urgentCareModel={this.state.urgentCareModel}\r\n searchParams={this.state.searchParams}\r\n getMappedAreaSearchResults={this.getMappedAreaSearchResults}\r\n isMappedArea={this.state.isMappedArea}\r\n radius={this.state.radius}\r\n resetRadius={this.resetRadius}\r\n isUrgentCare={this.state.searchParams !== null && this.state.searchParams.isUrgentCare}\r\n //We need to hide Search Here button in case if main search done from findcareform \r\n hideSearchHere={this.state.mainSearch}\r\n setMainSearch={(value) => { this.setState({ mainSearch: value }); }}\r\n searchModel={this.props.searchModel}\r\n shouldShowVideoToolTip={showVideoVisitToolTip}\r\n onlineSchedulingEnabled={onlineSchedulingEnabled}\r\n searchRunning={this.props.searchRunning || this.props.searchLocationsRunning}\r\n overrideRules={this.state.overrideRules}\r\n fitBounds={this.state.fitBounds}\r\n setFitBounds={(value) => { this.setState({ fitBounds: value }); }}\r\n searchProvidersAndLocations={this.searchProvidersAndLocations}\r\n scheduleCampaignReferrer={this.state.scheduleCampaignReferrer}\r\n translate={translate}\r\n isMammogramSearch={isMammoSearch}\r\n isSearching={this.props.searchRunning || this.props.searchLocationsRunning}\r\n searchKeyword={this.state.keyword }\r\n />\r\n }\r\n {\r\n (this.props.searchErrored && this.props.searchLocationsErrored) &&\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst openScheduleStart = () => {\r\n const dt = new Date();\r\n return `${dt.getFullYear()}-${dt.getMonth()}-${dt.getDate()}`;\r\n};\r\n\r\nconst openScheduleEnd = () => {\r\n const dt = new Date();\r\n dt.setMonth(dt.getMonth() + 1);\r\n return `${dt.getFullYear()}-${dt.getMonth()}-${dt.getDate()}`;\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const healthPlanId = state.session.currentHealthPlanInfo\r\n && state.session.currentHealthPlanInfo.ProviderKey ? state.session.currentHealthPlanInfo.ProviderKey : '';\r\n\r\n const insurancePlan = state.session.insuranceName ? state.session.insuranceName :\r\n state.memberships.hasAnySWHP ? \"Baylor Scott & White Health Plan\" : state.memberships.hasFC ? \"FirstCare Health Plans\" : \"\";\r\n\r\n return {\r\n clearSearch: state.providers.clearSearch,\r\n providers: state.providers.providers,\r\n smartResponseResults: state.providers.smartResponseResults,\r\n searchModel: state.providers.searchModel,\r\n locationsSearchModel: state.locations.searchModel,\r\n searchRunning: state.providers.searchRunning,\r\n searchSucceeded: state.providers.success,\r\n searchErrored: state.providers.error,\r\n searchLocationsRunning: state.locations.searchRunning,\r\n searchLocationSucceeded: state.locations.success,\r\n searchLocationsErrored: state.locations.error,\r\n locations: state.locations.locations,\r\n totalProviders: state.providers.totalProviders,\r\n totalLocations: state.locations.totalLocations,\r\n latitude: state.locations.latitude,\r\n longitude: state.locations.longitude,\r\n isCurrentLocation: state.locations.isCurrentLocation,\r\n networkCode: state.session.networkCode,\r\n healthPlanId: healthPlanId,\r\n insuranceName: insurancePlan,\r\n geolocationError: state.locations.geolocationError,\r\n userName: state.domain.un,\r\n usesMyBSWHealth: state.providers.usesMyBSWHealth,\r\n serverData: state.session.serverData,\r\n aco: state.sso.userDetails.ACO,\r\n history: state.session.history,\r\n hasAAL: !state.common.aalDown && state.memberships.hasAA,\r\n cityAddress: state.locations.city,\r\n stateAddress: state.locations.state,\r\n waitingOnGeoAddress: state.locations.waitingOnGeoAddress,\r\n waitingOnGeoLocation: state.locations.waitingOnGeoLocation,\r\n showCOVID19Modal: state.session.serverData && state.session.serverData.showCOVID19Modal ? state.session.serverData.showCOVID19Modal : false,\r\n hasMyChartLogin: state.domain.hm,\r\n currentMyChartUser: d.hydrateProxyUser(state.domain.cu),\r\n showVideoVisitToolTip: state.session.showVideoVisitToolTip && state.memberships.isActiveFeature_OnlineAppointmentScheduling,\r\n hasSWHP: state.memberships.hasAnySWHP,\r\n currentUser: state.memberships.currentUser,\r\n proxyListLoading: state.memberships.proxyListLoading,\r\n proxyListFailure: state.memberships.proxyListFailure,\r\n isCovidVaxScheduleEligible: state.memberships.hasAuthorizedFeatureSchedCovidVax,\r\n enableCovidScheduleAuthFeature: state.session.serverData && state.session.serverData.enableCovidScheduleAuthFeature ? state.session.serverData.enableCovidScheduleAuthFeature : false,\r\n onlineSchedulingEnabled: state.memberships.isActiveFeature_OnlineAppointmentScheduling,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateSearchFacets: (updateFacets) => {\r\n dispatch({ type: types.UPDATE_FACETS, updateFacets });\r\n },\r\n searchProviders: (searchModel, callback, isLatestCall) => {\r\n dispatch({ type: types.SEARCH_PROVIDER, searchModel: searchModel, callback: callback, isLatestCall: isLatestCall });\r\n },\r\n searchLocations: (searchModel, callback) => {\r\n dispatch({ type: types.SEARCH_LOCATION, searchModel: searchModel, callback: callback });\r\n },\r\n clearProviders: () => dispatch({ type: types.CLEAR_PROVIDERS }),\r\n clearProviderDetail: () => {\r\n dispatch({ type: types.CLEAR_PROVIDER_DETAIL });\r\n },\r\n clearLocationsResults: () => {\r\n dispatch({ type: types.CLEAR_LOCATIONS_RESULTS });\r\n },\r\n getGeoLocation: (useCurrentLocation) => dispatch({ type: types.GEOLOCATION, useCurrentLocation: useCurrentLocation }),\r\n updateUsesMyBSWHealth: (usesMyBSWHealth) => {\r\n dispatch({\r\n type: types.UPDATE_USEMYBSWHEALTH_FILTER, usesMyBSWHealth: usesMyBSWHealth\r\n });\r\n },\r\n searchGenericProviders: (searchModel, callback) => {\r\n dispatch({ type: types.SEARCH_FOR_GENERIC_PROVIDER, searchModel: searchModel, callback: callback });\r\n },\r\n clearSearch: () => {\r\n dispatch({ type: types.SEARCH_PROVIDER_CLEAR });\r\n dispatch({ type: types.SEARCH_LOCATION_CLEAR });\r\n }\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(FindCare)));","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button } from \"../ecosystem\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst FindCareButton = ({\r\n fluid,\r\n icon = \"medical\",\r\n label = \"Find Care\",\r\n translate,\r\n t,\r\n onClick,\r\n}) => {\r\n\r\n return (<>\r\n \r\n \r\n {(!this.props.searchSucceeded && !this.props.searchLocationSucceeded && !isVaccineSearch)\r\n ? \r\n {isVaccineSearch &&\r\n \r\n }\r\n {!(this.props.searchSucceeded || this.props.searchLocationSucceeded) &&\r\n \r\n
\r\n {\r\n (this.props.searchRunning || this.props.searchLocationsRunning) //spinner keeps loading when acoAlliance is null\r\n && \r\n
\r\n : \r\n {/* */}\r\n {/* */}\r\n {translateText(translate, \"Search for the right doctor, location, or type of care for you.\", t)} \r\n {/* */}\r\n {/*
\r\n Find Dr. Right®, schedule an appointment, search for same-day care near you and more.
*/}\r\n {/*Search for things like flu vaccination, knee pain, urgent care or a physician, specialty, facility name.
*/}\r\n\r\n
\r\n }\r\n \r\n
\r\n {translateText(translate, \"Where would you like to schedule this appointment?\", t)}
\r\n\r\n
\r\n }\r\n \r\n \r\n {translateText(translate, \"If this is an emergency, please contact\", t)} 911. \r\n \r\n
\r\n \r\n this.setState({ keyword: val })}\r\n acoAlliance={this.acoAlliance}\r\n networkCode={this.props.networkCode}\r\n setKeywordList={(val) => this.setState({ keywordList: val })}\r\n insurance={this.state.insurance} setInsurance={(val) => this.setState({ insurance: val })}\r\n userInsurancePlan={this.props.insuranceName}\r\n cityZip={this.state.cityZip} setCityZip={val => this.onCityZipChange(val)} setVector={val => this.setState({ vector: val })}\r\n isUrgentCare={this.state.searchParams !== null && this.state.searchParams.isUrgentCare}\r\n searchProviders={this.searchProviders}\r\n searchLocations={this.searchLocations}\r\n searchProvidersAndLocations={() => { this.searchProvidersAndLocations(true); this.setState({ mainSearch: true, fitBounds: this.state.isMappedArea }); }}\r\n currentLat={this.latitudeFromUrgentCare ? this.latitudeFromUrgentCare : this.latitude ? this.latitude : this.props.latitude}\r\n currentLong={this.longitudeFromUrgentCare ? this.longitudeFromUrgentCare : this.longitude ? this.longitude : this.props.longitude}\r\n getGeoLocation={(isLocation) => { this.props.getGeoLocation(isLocation); this.isCurrentGeoLoc = isLocation; }} geoLocationError={this.props.geolocationError} isCurrentLocation={this.props.isCurrentLocation}\r\n loading={this.props.searchRunning || this.props.searchLocationsRunning}\r\n history={this.props.history}\r\n isFormOpen={this.props.searchModel && this.props.searchModel.isFormOpen}\r\n onFormToggle={isFormOpen => this.props.searchModel.isFormOpen = isFormOpen}\r\n hasSWHP={this.props.hasSWHP}\r\n radius={this.state.radius}\r\n screenBreakPoint={screenBreakPoint}\r\n translate={translate}\r\n t={t}\r\n />\r\n
\r\n \r\n
\r\n }\r\n\r\n {!isVaccineSearch && showCOVID19Modal && hasMyChartLogin && shouldShowCovidModal ? \r\n
\r\n \r\n {\r\n logUI(\"MBHWeb.UI.FindCareForm.SearchButtonClicked\", new Date(), Tools.getURLPath());\r\n this.props.searchProvidersAndLocations();\r\n this.setState({formOpen: false });\r\n }\r\n }}\r\n isValid={(formValues, formErrors) => {\r\n let isFormValid = ((this.props.keyword || this.props.insurance || this.props.cityZip) &&\r\n (!formErrors['insurance']?.value && !formErrors['cityOrZip']?.value));\r\n return isFormValid;\r\n }}\r\n keywordInputProps={{\r\n value: keyword,\r\n name: 'careKeyword',\r\n loading: this.state.keywordLoading,\r\n itemList: this.state.kItems,\r\n noResults: this.state.keywordNoResults,\r\n autoHighlight: false,\r\n onChange: (e, value) => {\r\n this.loadKeywordTypeahead(value); this.props.setKeyword(value);\r\n this.props.setVector(\"unified\");\r\n },\r\n onSelect: this.onKeywordSelected,\r\n onSubmitForm: (formValid) => this.submitForm(formValid)\r\n }}\r\n locationInputProps={{\r\n value: cityZip,\r\n name: 'cityOrZip',\r\n loading: this.state.cityZipLoading,\r\n selectOnBlur: true,\r\n itemList: this.state.cItems,\r\n noResults: this.state.cityZipNoResults,\r\n onChange: (e, value) => { this.loadCityZipTypeahead(value); this.props.setCityZip(value); },\r\n onSelect: (val) => this.props.setCityZip(val),\r\n onSubmitForm: (formValid) => this.submitForm(formValid),\r\n preOpen: this.state.isGeoLocation ? useCurrentLocation : null,\r\n onClickPreOpen: (e) => { this.setCurrentLocationAsCityorZip(e); },\r\n inputErrorMsg: \"Enter a valid city or zip\",\r\n geoErrorMsg: (isGeoCurrentLocationDisabled && this.props.geoLocationError && this.props.isCurrentLocation) ? this.props.geoLocationError : '',\r\n validTerm: \"Current Location\",\r\n }}\r\n insuranceInputProps={{\r\n value: this.props.insurance,\r\n name: 'insurance',\r\n loading: this.state.insuranceLoading,\r\n selectOnBlur: true,\r\n itemList: this.state.iItems,\r\n noResults: this.state.insuranceNoResults,\r\n autoHighlight: false,\r\n onChange: (e, value) => { this.loadInsuranceTypeahead(value); this.props.setInsurance(value); },\r\n onSelect: (val) => this.props.setInsurance(val),\r\n onSubmitForm: (formValid) => this.submitForm(formValid),\r\n inputErrorMsg: \"Select from the drop down.\",\r\n validTerm: inputValidTerm\r\n }}\r\n />\r\n
\r\n \r\n this.toggleTermsModal()}\r\n translate={translate}\r\n />\r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n searchSucceeded: state.providers.success,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n };\r\n};\r\n\r\nexport default (connect(mapStateToProps)(FindCareForm));\r\n","import React from 'react';\r\nimport { LinkText, Modal, Typography } from \"../ecosystem\";\r\nimport { translateText } from \"../../helpers/data\";\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst FindCareFormTerms = ({\r\n termsModalOpen,\r\n toggleTermsModal,\r\n variant = 'primary',\r\n translate,\r\n t\r\n}) => {\r\n\r\n const textColor = variant === 'primary' ? '' : '$color-primary-c1';\r\n const linkColor = variant === 'primary' ? undefined : '$color-primary-b2';\r\n const linkDecorator = variant === 'primary' ? 'always' : 'none';\r\n\r\n return (<>\r\n \r\n \r\n {translateText(translate, \"By searching you agree to these\", t) + ' '}\r\n }\r\n typographyType=\"meta-01\"\r\n color={linkColor}\r\n decorator={linkDecorator}\r\n onClick={toggleTermsModal}\r\n >\r\n {translateText(translate, \"Terms\", t)}\r\n \r\n \r\n
\r\n \r\n
\r\n : \r\n
\r\n {/* Toggle class name of form-open */}\r\n
\r\n \r\n
\r\n \r\n MODIFY SEARCH {/* Wire button to open form */}\r\n
\r\n \r\n
{/* Wire button to close form */}\r\n \r\n {children}\r\n
\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nexport default FindCareFormWrapper;\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport ReactPaginate from 'react-paginate';\r\nimport { indexOf } from './mapList';\r\nimport FindCareResultsHeading from './FindCareResultsHeading';\r\nimport FilterItem from './FilterItem';\r\nimport PortalFilterPill from './PortalFilterPill';\r\nimport Spinner from '../common/spinner';\r\nimport Provider from \"./Provider\";\r\nimport Location from \"./Location\";\r\n//import ServiceLocation from \"./services/ServiceLocation\";\r\nimport { getValue, availabilityList, genderList, translateText } from '../../helpers/data';\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport GoogleMapMain from \"../common/googleMapMain\";\r\nimport SelectedMapPinListing from \"./SelectedMapPinListing\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport { VIDEOVISIT_LABEL } from \"../../constants/textConstants\";\r\nimport Covid19VaccineProvider from '../covid19Vaccine/Covid19VaccineProvider';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\nimport Pagination from \"react-js-pagination\";\r\nimport { attachEvent } from '@microsoft/applicationinsights-core-js';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Accordion, Notifier, Typography } from '../ecosystem';\r\n\r\n/*\r\n * Container component for the FindCare page.\r\n * \r\n */\r\nclass FindCareResults extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n const isVaccineSearch = window && window.location && window.location.pathname && window.location.pathname === \"/findcare/vaccine\" ? true : false;\r\n\r\n this.state = {\r\n selectedLocation: null,\r\n listView: true,\r\n filterCategoryOpen: '',\r\n indexOfFocus: 0,\r\n isVaccineSearch,\r\n activeLocationPage: 1,\r\n openNotifier: false,\r\n };\r\n\r\n this.myProviderRef = React.createRef();\r\n this.myLocationRef = React.createRef();\r\n this.hideInsuranceBanner = this.hideInsuranceBanner.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { scheduleCampaignReferrer } = this.props;\r\n let scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n logUI(\"MBHWeb.UI.FindCareResults.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity, this.state.isVaccineSearch ? 'isVaccineSearch' : '');\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const { locationsActivePage, locations, providers, isSearching } = this.props;\r\n if (locationsActivePage && prevProps.locationsActivePage !== locationsActivePage) {\r\n this.setState({ activeLocationPage: locationsActivePage })\r\n }\r\n if ((locations && locations.length >= 0 || providers && providers.length >= 0 || prevProps.searchKeyword !== this.props.searchKeyword) && isSearching && prevState.openNotifier) {\r\n this.setState({\r\n openNotifier: false\r\n })\r\n }\r\n \r\n }\r\n\r\n getDefaultDistance() {\r\n const { urgentCareModel } = this.props;\r\n if (urgentCareModel)\r\n return \"10\";\r\n else\r\n return \"25\";\r\n }\r\n\r\n resetFilterCategoryOpen() {\r\n this.setState({ filterCategoryOpen: '' });\r\n }\r\n\r\n setFilterCategory(category) {\r\n if (category === this.state.filterCategoryOpen)\r\n this.resetFilterCategoryOpen();\r\n else\r\n this.setState({ filterCategoryOpen: category });\r\n }\r\n\r\n toggleTabs(tab) {\r\n const { activeTab, mapList } = this.props;\r\n if (activeTab !== tab) {\r\n const indexOfFocus = tab === '1' ? indexOf(mapList, 'provider') : indexOf(mapList, 'location');\r\n this.setState({ indexOfFocus, selectedLocation: null });\r\n this.props.setActiveTab(tab);\r\n }\r\n }\r\n\r\n toggleFilters = () => {\r\n this.props.openFilters(!this.props.filtersOpen);\r\n }\r\n\r\n toggleAccordion = (e, index) => {\r\n if (this.state.openNotifier) {\r\n this.setState({\r\n openNotifier: false\r\n })\r\n } else {\r\n this.setState({\r\n openNotifier: true\r\n })\r\n }\r\n \r\n }\r\n setListView = (isListView) => {\r\n this.setState({ listView: isListView });\r\n }\r\n\r\n redirectToMap(item) {\r\n if (item.locationStreet1) {\r\n const toAddress = item.locationStreet1 + ', ' + item.locationCity + ', ' + item.locationState + ' ' + item.locationZip;\r\n var addressUrl = getDirectionsUrl(null, toAddress);\r\n if (typeof window !== 'undefined' && addressUrl) {\r\n window.open(addressUrl, \"_blank\");\r\n }\r\n }\r\n }\r\n\r\n handlePageClick(data) {\r\n // page number from the component is 0-based; service is 1-based\r\n if (this.myProviderRef) {\r\n this.myProviderRef.current.scrollTop = 0;\r\n }\r\n\r\n const { providerFilters, locationFilters } = this.props;\r\n const filters = { ...providerFilters, ...locationFilters };\r\n\r\n this.props.nextPage(data.selected + 1, filters);\r\n }\r\n\r\n toggleModal(location) {\r\n this.setState({ selectedLocation: location });\r\n }\r\n\r\n clearFilter(filter) {\r\n //Don't clear Video Visit filter if user clicked clear all button.\r\n if (filter && filter.value && typeof filter.value === 'string' && filter.value.toLowerCase() === VIDEOVISIT_LABEL) {\r\n return;\r\n }\r\n if (filter.type === 'radios') {\r\n filter.value = filter.defaultValue ? filter.defaultValue : '';\r\n }\r\n else if (filter.type === 'checkboxes') {\r\n filter.value = [];\r\n }\r\n else {\r\n filter.value = false;\r\n }\r\n }\r\n\r\n clearAllFilters(filters) {\r\n for (let i in filters) {\r\n this.clearFilter(filters[i]);\r\n }\r\n }\r\n\r\n clearFilters(searchType) {\r\n this.clearAllFilters(searchType !== 'location' ? this.props.providerFilters : this.props.locationFilters);\r\n this.applyFilters(searchType);\r\n }\r\n\r\n identifyIfMaxRadius(radius) {\r\n if (radius && radius === \"250\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n removeFilter(item, searchType) {\r\n const filter = item.filter;\r\n if (filter.type === 'checkboxes') {\r\n const list = filter.value;\r\n const index = list.indexOf(item.display);\r\n if (index > -1) {\r\n list.splice(index, 1);\r\n }\r\n }\r\n else {\r\n this.clearFilter(item.filter);\r\n }\r\n this.applyFilters(searchType);\r\n }\r\n\r\n setProviderFilters(fields, values) {\r\n const { providerFilters } = this.props;\r\n\r\n for (let i = 0; i < fields.length; i++) {\r\n this.props.providerFilters[fields[i]].value = values[i];\r\n }\r\n if (providerFilters.isSpecialtyCare && providerFilters.isSpecialtyCare.value && providerFilters.isSpecialtyCare.value && fields && fields.length > 0 && fields[0] && fields[0].toLowerCase() === 'isspecialtycare') {\r\n providerFilters.isPrimaryCare.value = false;\r\n } else if (providerFilters.isPrimaryCare && providerFilters.isPrimaryCare.value && providerFilters.isPrimaryCare.value && fields && fields.length > 0 && fields[0] && fields[0].toLowerCase() === 'isprimarycare') {\r\n providerFilters.isSpecialtyCare.value = false;\r\n }\r\n this.applyFilters();\r\n }\r\n\r\n\r\n\r\n setLocationFilter(field, value) {\r\n this.props.locationFilters[field].value = value;\r\n this.applyFilters('location');\r\n }\r\n\r\n applyFilters(searchType) {\r\n const { providerFilters, locationFilters } = this.props;\r\n const filters = { ...providerFilters, ...locationFilters };\r\n this.props.applyFilters(filters, searchType);\r\n\r\n //this.setState({});\r\n }\r\n\r\n onSearchHere = (mappedArea) => {\r\n const { providerFilters, locationFilters } = this.props;\r\n const filters = { ...providerFilters, ...locationFilters };\r\n filters['distance'].value = mappedArea.distance;\r\n this.props.getMappedAreaSearchResults(filters, mappedArea);\r\n };\r\n\r\n hideInsuranceBanner() {\r\n this.setState({ [`fadeOut${this.props.activeTab}Banner`]: true });\r\n }\r\n\r\n setInsurancePlan = (appliedRules) => {\r\n const { hasAAL, userInsurancePlan } = this.props;\r\n // let defaultValue = userInsurancePlan;\r\n let defaultValue = hasAAL ? \"Baylor Scott & White Quality Alliance\" : userInsurancePlan;\r\n for (let i = 0; i < appliedRules.length; i++) {\r\n var key = appliedRules[i].split(\"=\");\r\n if (key[0].toLowerCase() === \"networkcode\") {\r\n let insValue = key[1] ? key[1] : defaultValue;\r\n return insValue;\r\n }\r\n }\r\n return defaultValue;\r\n }\r\n\r\n updateToolTipPreference = () => {\r\n this.backdropClicked = true;\r\n const { updateVideoToolTipPreference } = this.props;\r\n if (updateVideoToolTipPreference)\r\n updateVideoToolTipPreference();\r\n }\r\n\r\n getSelected(filters) {\r\n const list = [];\r\n for (let key in filters) {\r\n const filter = filters[key];\r\n switch (filter.type) {\r\n case 'checkboxes':\r\n filter.value.forEach(value => list.push({ filter, display: value }));\r\n break;\r\n case 'radios':\r\n if (typeof filter.value !== \"undefined\" && filter.value !== null && filter.value !== \"\" && filter.value !== -1 && filter.value !== 'Any') {\r\n const value = filter.value;\r\n const valueField = filter.valueField;\r\n const displayField = filter.displayField;\r\n if (valueField !== displayField) {\r\n const options = filter.display;\r\n for (let i = 0; i < options.length; i++) {\r\n if (value === options[i][valueField]) {\r\n list.push({ filter, display: options[i][displayField] });\r\n break;\r\n }\r\n }\r\n }\r\n else {\r\n list.push({ filter, display: value });\r\n }\r\n }\r\n break;\r\n default:\r\n if (filter.value === true) {\r\n if (filter.type === 'portal') {\r\n list.push({ filter, display: \r\n
);\r\n if (providers && providers.length > 0) {\r\n\r\n providersMarkup = providers.map((prov, i) => {\r\n return isVaccineSearch ?\r\n \r\n
\r\n \r\n {bannerMessages.map((msg, i) => { return {msg} ; })}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n const provSearchModel = state.providers.searchModel ? state.providers.searchModel : {};\r\n const locSearchModel = state.locations.searchModel ? state.locations.searchModel : {};\r\n const urgentCareModel = ownProps.urgentCareModel; //TODO, need to remove this once everything is confirmed about appliedRules for urgent care.\r\n const searchParams = ownProps.searchParams;\r\n const appliedRules = state.providers.appliedRules;\r\n const appliedRulesLoc = state.locations.appliedRules;\r\n const isUrgentCare = appliedRules && appliedRules.indexOf('SOPTerms.UrgentCare') > -1 && ownProps.overrideRules === false;\r\n const usesMyBSWHealthAppliedFilter = (appliedRules && appliedRules.indexOf('UsesMyBSWHealth') > -1) ? true : false; //its always applied by default\r\n const isPrimaryCareAppliedFilter = appliedRules && appliedRules.indexOf('IsPrimaryCare') > -1 ? true : false;\r\n const isSpecialtyCareAppliedFilter = !isUrgentCare && appliedRules && appliedRules.indexOf('IsSpecialtyCare') > -1;//its not part of urgent care appliedRules, not sure when we get this case in appliedRules.\r\n const specialtyFacet = state.providers.specialties\r\n const urgentCareAvailability = (isUrgentCare && appliedRules && appliedRules.indexOf('OnlineBookingAvailability.Next3Days') > -1) ? 3 : -1;\r\n const urgentCareBookOnline = (isUrgentCare && appliedRules && appliedRules.indexOf('Perks.BookOnline') > -1) ? true : false;\r\n const urgentCarePerksWalkins = (isUrgentCare && appliedRulesLoc && appliedRulesLoc.indexOf('Perks.Walk-Ins') > -1) ? [\"Accepts Walk-ins\"] : [];\r\n let urgentCareDistance = false;\r\n let urgentCareDistanceValue = '';\r\n if (isUrgentCare && appliedRules) {\r\n appliedRules.forEach(function (value, index) {\r\n if (typeof value === 'string' && value.toLowerCase().indexOf('distance') > -1) {\r\n urgentCareDistance = true;\r\n let disValue = value.split('.');\r\n urgentCareDistanceValue = disValue.length > 1 ? disValue[1] : '';\r\n }\r\n });\r\n }\r\n const urgentCareSortByNextAvailableAppointment = isUrgentCare && appliedRules && appliedRules.indexOf('SortBy.NextAvailableAppointment') > -1;\r\n return {\r\n hasAAL: !state.common.aalDown && state.memberships.hasAA,\r\n serverData: state.session.serverData,\r\n totalProviders: state.providers.totalProviders,\r\n totalLocations: state.locations.totalLocations,\r\n providers: state.providers.providers,\r\n smartResponseResults: state.providers.smartResponseResults,\r\n locations: state.locations.locations,\r\n searchRunning: state.providers.searchRunning,\r\n searchLocationsRunning: state.locations.searchRunning,\r\n searchSucceeded: state.providers.success || state.locations.success,\r\n appliedRules,\r\n appliedRulesLoc,\r\n specialtyFacet,\r\n locationSpecialtyFacet: state.locations.specialties,\r\n providerFilters: {\r\n usesMyBSWHealthAppliedFilter: { value: usesMyBSWHealthAppliedFilter, display: null },\r\n usesMyBSWHealth: {\r\n value: getValue('usesMyBSWHealth', isUrgentCare, usesMyBSWHealthAppliedFilter, provSearchModel),\r\n display: '', type: 'portal'\r\n },\r\n openScheduling: { value: getValue('openScheduling', isUrgentCare, urgentCareBookOnline, provSearchModel), display: 'Book Online' },\r\n acceptingNewPatient: { value: getValue('acceptingNewPatient', isUrgentCare, false, provSearchModel), display: 'Accepts New Patients' },\r\n isPrimaryCareAppliedFilter: { value: isPrimaryCareAppliedFilter, display: null },\r\n isPrimaryCare: { value: getValue('isPrimaryCare', isUrgentCare, isPrimaryCareAppliedFilter, provSearchModel), display: 'Primary Care' },\r\n isSpecialtyCareAppliedFilter: { value: isSpecialtyCareAppliedFilter, display: null },\r\n isSpecialtyCare: { value: isSpecialtyCareAppliedFilter || getValue('isSpecialtyCare', isUrgentCare, false, provSearchModel), display: 'Specialty Care' },\r\n specialties: { value: !isUrgentCare && provSearchModel.specialty ? provSearchModel.specialty.split('|') : [], display: specialtyFacet, type: 'checkboxes' },\r\n visitType: {\r\n value: searchParams && searchParams.visitType && searchParams.state && searchParams.state.toLowerCase() === \"scheduling\"\r\n ? searchParams.visitType\r\n : getValue('visitType', false, -1, urgentCareModel, provSearchModel), //TODO, need to remove urgentCareModel once we get the confirmation about appliedRules.\r\n display: state.providers.visitTypes, type: 'radios'\r\n },\r\n availability: {\r\n value: getValue('availability', isUrgentCare, urgentCareAvailability, provSearchModel),\r\n display: availabilityList, type: 'radios', valueField: 'value', displayField: 'display', defaultValue: -1\r\n },\r\n gender: { value: getValue('gender', isUrgentCare, 'Any', provSearchModel), display: genderList, type: 'radios', defaultValue: 'Any' },\r\n ageGroupsSeen: { value: getValue('ageGroupsSeen', isUrgentCare, '', provSearchModel), display: state.providers.ageGroups, type: 'radios' },\r\n languages: { value: !isUrgentCare && provSearchModel.language ? provSearchModel.language.split('|') : [], display: state.providers.languages, type: 'checkboxes' },\r\n distance: {\r\n value: getValue('distance', urgentCareDistance, urgentCareDistanceValue ? urgentCareDistanceValue : \"25\", provSearchModel),\r\n display: null\r\n },\r\n sortBy: { value: getValue('sortBy', urgentCareSortByNextAvailableAppointment, 'NextAvailableAppointment', provSearchModel), display: null }\r\n },\r\n locationFilters: {\r\n locationSpecialties: { value: [], display: null },\r\n locationPerks: {\r\n value: urgentCarePerksWalkins && urgentCarePerksWalkins.length > 0 ? urgentCarePerksWalkins : locSearchModel.perks ? locSearchModel.perks.split('|') : [],\r\n display: state.locations.perks, type: 'checkboxes'\r\n },\r\n locationServices: {\r\n value: !isUrgentCare && locSearchModel.services && locSearchModel.services ? locSearchModel.services.split('|') : [],\r\n display: state.locations.services, type: 'checkboxes'\r\n },\r\n locationTypes: {//TODO, need to remove urgentCareModel once we get the confirmation about appliedRules.\r\n value: urgentCareModel && urgentCareModel.locationType ? urgentCareModel.locationType.split('|') : locSearchModel.locationType ? locSearchModel.locationType.split('|') : [],\r\n display: state.locations.locationType, type: 'checkboxes'\r\n },\r\n //TODO, not sure why it is set to false when is UrgentCareModel.\r\n locationOpenNow: { value: getValue('openNow', isUrgentCare, false, locSearchModel), display: 'Open Now' },\r\n locationOpenBefore8: { value: getValue('openBefore8', isUrgentCare, false, locSearchModel), display: 'Open Before 8 AM' },\r\n locationOpenAfter5: { value: getValue('openAfter5', isUrgentCare, false, locSearchModel), display: 'Open After 5 PM' },\r\n locationOpenWeekends: { value: getValue('openWeekends', isUrgentCare, false, locSearchModel), display: 'Open Weekends' },\r\n locationSortBy: { value: getValue('sortBy', isUrgentCare, window.serverData.data.enableFindcareMammogramChanges ? 'NextAvailableAppointment' : 'Distance', locSearchModel), display: null }\r\n },\r\n filtersOpen: state.providers.findCareFiltersOpen && ((state.providers.providers && state.providers.providers.length > 0 && ownProps.activeTab === '1') || (state.locations.locations && state.locations.locations.length > 0 && ownProps.activeTab === '2')),\r\n ...ownProps\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n openFilters: (isOpen) => dispatch({ type: types.FIND_CARE_FILTERS_OPEN, isOpen }),\r\n updateVideoToolTipPreference: () => {\r\n dispatch({ type: types.UPDATE_VIDEO_VISIT_TOOLTIP_PREFERENCE });\r\n }\r\n };\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(FindCareResults)));","import * as React from 'react';\r\nimport ToggleSwitch from \"../common/input/ToggleSwitch\";\r\nimport { VIDEOVISIT_LABEL } from \"../../constants/textConstants\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport BackdropWrapper from '../common/BackdropWrapper';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass FindCareResultsHeading extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n onFiltersClear() {\r\n const { onFiltersClear } = this.props;\r\n if (onFiltersClear) {\r\n onFiltersClear();\r\n }\r\n }\r\n\r\n onFilterRemove(filter) {\r\n const { onFilterRemove } = this.props;\r\n if (onFilterRemove) {\r\n onFilterRemove(filter);\r\n }\r\n }\r\n\r\n onFeaturedFilterChange(checked) {\r\n const { onFilterSet, updateVideoToolTipPreference, shouldShowVideoToolTip } = this.props;\r\n let activityCode = checked ? \"MBHWeb.UI.FindCare.VideoVisit.Toggled\" : \"MBHWeb.UI.FindCare.VideoVisit.Untoggled\";\r\n logUI(activityCode, new Date(), Tools.getURLPath());\r\n if (onFilterSet)\r\n onFilterSet(['visitType'], [checked ? \"Video Visit\" : -1]);\r\n if (updateVideoToolTipPreference && shouldShowVideoToolTip)\r\n updateVideoToolTipPreference();\r\n }\r\n\r\n render() {\r\n const { isDisabled, listName, resultsCount, toggleFilters, toggleView, shouldShowVideoToolTip, updateVideoToolTipPreference, \r\n searchRunning, filtersList, selectedFiltersList, selectedFiltersCount, t, translate\r\n } = this.props;\r\n const noResults = resultsCount === 0;\r\n const isDisabledFilter = noResults || isDisabled;\r\n let showFeaturedTooltip = shouldShowVideoToolTip && window && window.innerWidth >= 480 && !searchRunning;\r\n const videoVisitChecked = filtersList.visitType && filtersList.visitType.value !== -1 && (typeof filtersList.visitType.value === 'string' && filtersList.visitType.value.toLowerCase() === \"video visit\");\r\n const videoToggleMarkup = (\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 {/*Physicians Listing*/}\r\n \r\n this.removeFilter(item)} onFiltersClear={() => this.clearFilters('provider')}\r\n onFilterSet={(filter, value) => this.setProviderFilters(filter, value)}\r\n updateVideoToolTipPreference={updateVideoToolTipPreference} shouldShowVideoToolTip={shouldShowVideoToolTip}\r\n searchRunning={searchRunning}\r\n translate={translate}\r\n />\r\n\r\n {/*Available Physician Filters*/}\r\n
\r\n \r\n {onlineSchedulingEnabled && <>\r\n {/*
\r\n \r\n
*/}\r\n { this.setFilterCategory('dr-onlineBooking'); }}>\r\n Online Booking Appointment Type \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n }\r\n { this.setFilterCategory('dr-availability'); }}>\r\n Online Booking Availability \r\n
\r\n \r\n {(providerFilters.availability && providerFilters.availability.display.length > 0) ?\r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-perks'); }}>\r\n Patient Perks \r\n
\r\n \r\n {(providerFilters.usesMyBSWHealth && providerFilters.usesMyBSWHealth.display.length > 0) ||\r\n (providerFilters.openScheduling && providerFilters.openScheduling.display && providerFilters.openScheduling.display.length > 0) ||\r\n (providerFilters.acceptingNewPatient && providerFilters.acceptingNewPatient.display.length > 0) ?\r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-specialty'); }}>\r\n Specialty \r\n
\r\n \r\n {(providerFilters.isPrimaryCare && providerFilters.isPrimaryCare.display.length > 0) ||\r\n (providerFilters.isSpecialtyCare && providerFilters.isSpecialtyCare.display.length > 0) ||\r\n (providerFilters.specialties && providerFilters.specialties.display.length > 0) ?\r\n \r\n
\r\n - \r\n
- \r\n
\r\n this.setProviderFilters(['specialties'], [checked, false])}\r\n />\r\n
\r\n }\r\n Included in Search
\r\n
\r\n { this.setFilterCategory('dr-gender'); }}>\r\n Doctor's Gender \r\n
\r\n \r\n {(providerFilters.gender && providerFilters.gender.display.length > 0) ?\r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-age'); }}>\r\n Age Group Seen \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-language'); }}>\r\n Languages Spoken \r\n
\r\n \r\n {(providerFilters.languages && providerFilters.languages.display.length > 0) ?\r\n
\r\n - \r\n
\r\n
\r\n \r\n {this.state.selectedLocation &&\r\n this.toggleModal(null)}\r\n isOpen={this.state.selectedLocation}\r\n isVaccineSearch={isVaccineSearch}\r\n onlineSchedulingEnabled={onlineSchedulingEnabled}\r\n translate={translate}\r\n t={t}\r\n />\r\n }\r\n
\r\n\r\n \r\n
\r\n {isVaccineSearch &&\r\n \r\n
\r\n \r\n\r\n
\r\n {hasProviderResults && !this.props.searchRunning && bannerMessages.length > 0 && insuranceBanner}\r\n \r\n {hasProviderResults && <> {translateText(translate, \"Sort By\", t)}:\r\n \r\n \r\n }\r\n
\r\n {this.props.canSelectDistance &&\r\n \r\n \r\n
\r\n }\r\n \r\n {\r\n providersMarkup\r\n }\r\n {\r\n !hasProviderResults && !this.props.searchRunning && !isVaccineSearch &&\r\n
\r\n {\r\n totalPages > 1 &&\r\n \r\n
\r\n }\r\n {\r\n (!enableVaccineScheduling || !hasProviderResults) && !this.props.searchRunning && isVaccineSearch && isMaxSearchRadius &&\r\n \r\n {unableToFind} {hasLocationResults && {translateText(translate, \"doctor\", t)}} {results}\r\n {this.props.radius\r\n ? this.props.radius === \"Radius\" ? \"\" : ` ${within} ${this.props.radius} ${miles}`\r\n : ` ${within} ${providerFilters.distance.value} ${miles}`\r\n }{matchSearchCriteria}\r\n
\r\n \r\n {smartResponseResults && selectedProvFiltersCount < 1 ?\r\n <>\r\n {smartResponseResults.message + \" \"}\r\n \r\n \r\n : checkSpellingOrModifySearch\r\n }\r\n
\r\n \r\n \r\n
\r\n }\r\n {\r\n (!enableVaccineScheduling || !hasProviderResults) && !this.props.searchRunning && isVaccineSearch && !isMaxSearchRadius &&\r\n \r\n {serverData.covid19VaccineSearchNoResultsMax\r\n ?
\r\n We are thankful to be your partner in health. \r\n Together, we can continue to navigate the uncertainties of this pandemic and protect our communities.\r\n \r\n }\r\n
\r\n \r\n We are thankful to be your partner in health. \r\n Together, we can continue to navigate the uncertainties of this pandemic and protect our communities.\r\n \r\n }\r\n
\r\n \r\n
\r\n }\r\n {\r\n this.props.searchSucceeded && hasProviderResults && this.props.providersLoading === false &&\r\n \r\n {serverData.covid19VaccineSearchNoResults\r\n ?
\r\n We are thankful to be your partner in health. \r\n Together, we can continue to navigate the uncertainties of this pandemic and protect our communities.\r\n \r\n }\r\n
\r\n \r\n We are thankful to be your partner in health. \r\n Together, we can continue to navigate the uncertainties of this pandemic and protect our communities.\r\n \r\n }\r\n
\r\n
\r\n }\r\n {\r\n (this.props.providersLoading === true) &&\r\n \r\n * Patient rating scores are based on the Press Ganey Patient Satisfaction Survey\r\n
\r\n \r\n
\r\n }\r\n \r\n '}\r\n breakLabel={'...'}\r\n breakClassName={'break-me'}\r\n pageCount={totalPages}\r\n marginPagesDisplayed={2}\r\n hideFirstLastPages={false}\r\n pageRangeDisplayed={5}\r\n onPageChange={(data) => this.handlePageClick(data)}\r\n containerClassName={'pagination'}\r\n subContainerClassName={'pages pagination'}\r\n activeClassName={'active'}\r\n nextLinkClassName={'next-arrow'}\r\n previousLinkClassName={'prev-arrow'}\r\n forcePage={this.props.providersActivePage - 1}\r\n />\r\n\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n NOTE:\r\n {serverData.Covid19VaccineAllProviders ?
\r\n \r\n
\r\n\r\n {/*Locations Listing*/}\r\n \r\n this.removeFilter(item, 'location')} onFiltersClear={() => this.clearFilters('location')}\r\n isDisabled={enableFindcareMammogramChanges && enableFindCareNewSearchTerms && appliedRules && appliedRules.length && (appliedRules[0].toLowerCase() == \"keyword=mammography\" || appliedRules[0].toLowerCase() == \"keyword=mammogram\" || appliedRules[0].toLowerCase() == \"keyword=screening mammogram\")}\r\n //isDisabled = {false}\r\n translate={translate}\r\n />\r\n {/*Available Location Filters*/}\r\n
\r\n \r\n
\r\n \r\n
\r\n { this.setFilterCategory('loc-perks'); }}>\r\n Patient Perks \r\n
\r\n \r\n {locationFilters.locationPerks && locationFilters.locationPerks.display && locationFilters.locationPerks.display.length > 0 ?\r\n
\r\n - \r\n
\r\n
\r\n {/*\r\n { this.setFilterCategory('loc-services'); }}>\r\n Services and Equipment \r\n
\r\n\r\n \r\n {locationFilters.locationServices && locationFilters.locationServices.display && locationFilters.locationServices.display.length > 0 ?\r\n
\r\n\r\n - \r\n
\r\n
\r\n */\r\n }\r\n { this.setFilterCategory('loc-specialty'); }}>\r\n Specialty \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.locationSpecialtyFacet && this.props.locationSpecialtyFacet.map((spec, i) =>\r\n
- \r\n \r\n \r\n )}\r\n
\r\n
\r\n Included in Search
\r\n \r\n
\r\n { this.setFilterCategory('loc-type'); }}>\r\n Location Type \r\n
\r\n \r\n {locationFilters.locationTypes && locationFilters.locationTypes && locationFilters.locationTypes.display && locationFilters.locationTypes.display.length > 0 ?\r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('loc-hours'); }}>\r\n Hours \r\n
\r\n \r\n {(locationFilters.locationOpenNow && locationFilters.locationOpenNow.display && locationFilters.locationOpenNow.display.length > 0) ||\r\n (locationFilters.locationOpenBefore8 && locationFilters.locationOpenBefore8.display && locationFilters.locationOpenBefore8.display.length > 0) ||\r\n (locationFilters.locationOpenAfter5 && locationFilters.locationOpenAfter5.display && locationFilters.locationOpenAfter5.display.length > 0) ||\r\n (locationFilters.locationOpenWeekends && locationFilters.locationOpenWeekends.display && locationFilters.locationOpenWeekends.display.length > 0) ?\r\n
\r\n - \r\n {[\r\n { field: 'locationOpenNow', item: locationFilters.locationOpenNow }, { field: 'locationOpenBefore8', item: locationFilters.locationOpenBefore8 },\r\n { field: 'locationOpenAfter5', item: locationFilters.locationOpenAfter5 }, { field: 'locationOpenWeekends', item: locationFilters.locationOpenWeekends }\r\n ].map((loc, index) =>\r\n
\r\n
\r\n \r\n {this.state.selectedLocation &&\r\n this.toggleModal(null)}\r\n isOpen={this.state.selectedLocation}\r\n onlineSchedulingEnabled={onlineSchedulingEnabled}\r\n translate={translate}\r\n t={t}\r\n />\r\n }\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n {hasLocationResults && !this.props.searchLocationsRunning && bannerMessages.length > 0 && insuranceBanner}\r\n \r\n {hasLocationResults && <> {translateText(translate, \"Sort By\", t)}:\r\n \r\n \r\n }\r\n
\r\n {this.props.canSelectDistance &&\r\n \r\n \r\n
\r\n }\r\n \r\n\r\n {isMammogramSearch && hasLocationResults && this.state.activeLocationPage === 1 && \r\n
\r\n {\r\n totalPagesLocations > 1 &&\r\n \r\n \r\n this.toggleAccordion()\r\n }}\r\n heading={ {translateText(translate, \"mammoNotifierTitle\", t)} }\r\n icon=\"alert\"\r\n >\r\n \r\n \r\n \r\n
\r\n }\r\n {\r\n locationsMarkup\r\n }\r\n {\r\n !hasLocationResults && !this.props.searchLocationsRunning &&\r\n {translateText(translate, \"twoDimensionalMammoDescription\", t)}
\r\n < p > {translateText(translate, \"threeDimensionalMammoDescription\" ,t)}\r\n\r\n
\r\n }\r\n {\r\n (this.props.locationsLoading === true) &&\r\n \r\n {unableToFind} {hasProviderResults}{' '}\r\n {translateText(translate, \"location\", t)}\r\n {' '}{results}{' '}{this.props.radius\r\n ? this.props.radius === \"Radius\" ? \"\" : ` ${within} ${this.props.radius} ${miles}`\r\n : `${within} ${providerFilters.distance.value} ${miles} ${matchSearchCriteria}`}\r\n
\r\n {checkSpellingOrModifySearch}
\r\n \r\n
\r\n }\r\n \r\n {(enableFindCareNewSearchTerms) ?\r\n '}\r\n breakLabel={'...'}\r\n breakClassName={'break-me'}\r\n pageCount={totalPagesLocations}\r\n marginPagesDisplayed={2}\r\n pageRangeDisplayed={5}\r\n onPageChange={(data) => this.handlePageClickLocations(data)}\r\n containerClassName={'pagination'}\r\n subContainerClassName={'pages pagination'}\r\n activeClassName={'active'}\r\n nextLinkClassName={'next-arrow'}\r\n previousLinkClassName={'prev-arrow'}\r\n forcePage={this.props.locationsActivePage - 1}\r\n />\r\n }\r\n
\r\n \r\n
\r\n\r\n \r\n item.latitude}\r\n getLongitude={item => item.longitude}\r\n getId={item => item.key}\r\n getDisplayValue={item => item.group.length === 1 ? item.name : `${item.group.length} relevant results`}\r\n highlightSelectedItem={this.state.selectedLocation !== null}\r\n indexOfFocus={this.state.indexOfFocus}\r\n onItemSelected={item => this.toggleModal(item)}\r\n onItemDeselected={() => this.toggleModal(null)}\r\n searchHereButton\r\n getMappedAreaSearchResults={this.onSearchHere}\r\n isMappedArea={this.props.isMappedArea}\r\n fitBounds={this.props.fitBounds}\r\n setFitBounds={this.props.setFitBounds}\r\n distance={providerFilters.distance.value}\r\n filtersOpen={this.props.filtersOpen}\r\n radius={this.props.radius}\r\n hideSearchHere={this.props.hideSearchHere}\r\n setMainSearch={(value) => (this.props.setMainSearch(value))}\r\n isVaccineSearch={isVaccineSearch}\r\n translate={translate}\r\n t={t}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation()(FindCareResultsHeading);","import React, { useEffect } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button, Card, Divider, Typography, useFormValidation } from \"../ecosystem\";\r\nimport { Typeahead } from \"../ecosystem/mybswh\";\r\nimport FindCareButton from './FindCareButton';\r\nimport { translateText } from '../../helpers/data';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst FindCareSearchForm = ({\r\n borderStyle = \"elevated\",\r\n className,\r\n isValid,\r\n keywordInputProps,\r\n locationInputProps,\r\n insuranceInputProps,\r\n submitButtonProps,\r\n translate,\r\n t\r\n}) => {\r\n\r\n const keywordInputName = keywordInputProps?.name ? keywordInputProps?.name : \"careKeyword\";\r\n const locationInputName = locationInputProps?.name ? locationInputProps?.name : \"cityOrZip\";\r\n const insuranceInputName = insuranceInputProps?.name ? insuranceInputProps?.name : \"insurance\";\r\n\r\n const validationRules = {\r\n [keywordInputName]: {\r\n required: {\r\n value: keywordInputProps?.required,\r\n message: keywordInputProps?.inputErrorMsg\r\n },\r\n custom: {\r\n isValid: keywordInputProps?.isValid,\r\n message: keywordInputProps?.customErrorMsg\r\n }\r\n },\r\n [locationInputName]: {\r\n required: {\r\n value: locationInputProps?.required,\r\n message: locationInputProps?.inputErrorMsg\r\n },\r\n custom: {\r\n isValid: locationInputProps?.isValid,\r\n message: locationInputProps?.customErrorMsg\r\n }\r\n },\r\n [insuranceInputName]: {\r\n required: {\r\n value: insuranceInputProps?.required,\r\n message: insuranceInputProps?.inputErrorMsg\r\n },\r\n custom: {\r\n isValid: insuranceInputProps?.isValid,\r\n message: insuranceInputProps?.customErrorMsg\r\n }\r\n },\r\n form: {\r\n isValid: isValid,\r\n message: \"Enter a valid search term\"\r\n }\r\n };\r\n\r\n const { handleInput, formErrors, handleForm, } = useFormValidation({\r\n initialValues: {\r\n [keywordInputName]: keywordInputProps?.value,\r\n [locationInputName]: locationInputProps?.value,\r\n [insuranceInputName]: insuranceInputProps?.value,\r\n },\r\n validations: validationRules\r\n });\r\n\r\n // Triggering validation with useEffect since using onChange directly on input causes issues with typeahead\r\n useEffect(() => {\r\n handleInput(null, {\r\n name: keywordInputName,\r\n value: keywordInputProps?.value\r\n });\r\n }, [keywordInputProps?.value]);\r\n\r\n useEffect(() => {\r\n handleInput(null, {\r\n name: locationInputName,\r\n value: locationInputProps?.value\r\n });\r\n }, [locationInputProps?.value, locationInputProps?.customErrorMsg]); //CustomErrorMsg for geolocation error\r\n\r\n useEffect(() => {\r\n handleInput(null, {\r\n name: insuranceInputName,\r\n value: insuranceInputProps?.value\r\n });\r\n }, [insuranceInputProps?.value]);\r\n\r\n const handleOnBlur = (e, blurFunction) => {\r\n handleInput(e);\r\n\r\n if (blurFunction) {\r\n blurFunction(e);\r\n }\r\n }\r\n\r\n // Form valid check for input submit\r\n const isFormValid = () => {\r\n const formValidObj = handleForm();\r\n\r\n return formValidObj.value;\r\n }\r\n\r\n // Form submit function for button click\r\n const handleFormSubmit = (e) => {\r\n handleForm(e);\r\n\r\n if (submitButtonProps?.onClick) {\r\n submitButtonProps?.onClick();\r\n }\r\n }\r\n\r\n const inputWrapper = (content, className) => \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {filtersLabel}\r\n
\r\n \r\n
\r\n {listName !== \"Locations\" && \r\n
\r\n toggleView(false)}>\r\n {translateText(translate, \"Map View\", t)}\r\n
\r\n toggleView(true)}>\r\n {translateText(translate, \"List View\", t)}\r\n
\r\n {videoToggleMarkup}
}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {filtersLabel}\r\n
\r\n \r\n
\r\n {`${listName} Matched: ${resultsCount}`}
\r\n {listName !== \"Locations\" && {videoToggleMarkup}
}\r\n \r\n
\r\n \r\n {listName !== \"Locations\" && videoToggleMarkup}\r\n
\r\n \r\n
\r\n {selectedFiltersList && selectedFiltersList.length > 0 &&\r\n \r\n \r\n {filtersLabel}\r\n
\r\n - \r\n {selectedFiltersCount > 0 && selectedFiltersList.map((item, index) =>\r\n item.display && (typeof (item.display) !== \"string\" || (typeof (item.display) === \"string\" && item.display.toLowerCase() !== VIDEOVISIT_LABEL)) &&
- \r\n {item.display}\r\n this.onFilterRemove(item)}>\r\n \r\n \r\n \r\n )}\r\n
- \r\n this.onFiltersClear()}>{translateText(translate, \"Clear All\", t)}\r\n \r\n
\r\n
;\r\n\r\n return ();\r\n}\r\n\r\nexport default withRouter(withTranslation()(FindCareSearchForm));\r\n","import * as React from \"react\"\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { Grid } from \"../ecosystem/\";\r\nimport { CircleButtonCard, PageHeading } from \"../ecosystem/mybswh\";\r\n\r\nconst GetCareLanding = (props) => {\r\n\r\n const { hasMyChart, clearSearch } = props;\r\n\r\n const onClickgetCareTile = (tileName, routeName) => {\r\n logUI(`MBHWeb.UI.GetCareLanding.${tileName}.Clicked`, new Date(), Tools.getURLPath());\r\n if (routeName) {\r\n props.history.push(routeName);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {content}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { onClickgetCareTile(\"Schedulenow\") }}\r\n title=\"Schedule Now\"\r\n body=\"Book an appointment with your doctor, schedule a video visit, and more.\"\r\n />\r\n
\r\n \r\n {\r\n onClickgetCareTile(\"FindCare\");\r\n clearSearch();\r\n }}\r\n title=\"Find Care\"\r\n body=\"Search for the right doctor, location, or type of care for you.\"\r\n />\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default InEligibilityModalInfo;","import * as React from \"react\"\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport MyLocation from './MyLocation';\r\nimport * as queryString from 'query-string';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport Spinner from \"../common/spinner\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\n/**\r\n * Container component for the E-Visit page.\r\n */\r\nclass InPerson extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isGeoAddressFetch: false\r\n };\r\n this.isFromVideoVisitPage = this.props && this.props.location && this.props.location.state && this.props.location.state.fromVideoVisitPage ? true : false;\r\n }\r\n\r\n componentDidMount() {\r\n const { isLoggedIn, userName, getUserAddress, cityAddress, stateAddress, latitude, longitude, isCurrentLocation, curPosLatitude, curPosLongitude, state, city } = this.props;\r\n if (this.isFromVideoVisitPage) { //if from videovisitoptions find a new doctor then just redirect to findcare with pcp search.\r\n let locationForVideoVisit = '';\r\n if (curPosLatitude && curPosLongitude && isCurrentLocation) {\r\n locationForVideoVisit = `${curPosLatitude},${curPosLongitude}`;\r\n } else if (cityAddress, stateAddress) {\r\n locationForVideoVisit = `${cityAddress},${stateAddress}`;\r\n } else if (state && city) {\r\n locationForVideoVisit = `${city},${state}`;\r\n }\r\n this.redirectToFindCareWithLocation(locationForVideoVisit);\r\n }\r\n\r\n if (isLoggedIn && userName && !latitude && !longitude && !curPosLatitude && !curPosLongitude) {\r\n getUserAddress(userName); //Getting User Address for urgent care.\r\n //console.log(\"hitting inperson did mount\");\r\n } else {\r\n this.onLoadFindCare();\r\n }\r\n logUI(\"MBHWeb.UI.InPerson.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { isLoggedIn, userName, getUserAddress, latitude, longitude, curPosLatitude, curPosLongitude, cityAddress, stateAddress, waitingOnGeoAddress } = this.props;\r\n if (prevProps.userName !== userName && !latitude && !longitude && !curPosLatitude && !curPosLongitude) {\r\n if (isLoggedIn && userName) {\r\n getUserAddress(userName); //Getting User Address for urgent care.\r\n }\r\n }\r\n if (this.state.isGeoAddressFetch && !waitingOnGeoAddress) {\r\n const userlocation = ((cityAddress && stateAddress) ? `${cityAddress},${stateAddress}&isCurrentLocation=false` : `${latitude},${longitude}`);\r\n this.redirectToFindCareWithLocation(userlocation);\r\n }\r\n }\r\n\r\n onLoadFindCare() {\r\n // e.preventDefault();\r\n const { latitude, longitude, curPosLatitude, curPosLongitude, getAddress, isCurrentLocation, cityAddress, stateAddress } = this.props;\r\n if (curPosLatitude && curPosLongitude && isCurrentLocation) { \r\n this.redirectToFindCareWithLocation(`${curPosLatitude},${curPosLongitude}`);\r\n } else if (latitude && longitude) { \r\n this.setState({ isGeoAddressFetch: true });\r\n } \r\n }\r\n\r\n redirectToFindCareWithLocation(location) { \r\n const newDoctorVideoVisitSearchquery = this.props && this.props.location && this.props.location.state && this.props.location.state.newDoctorSearchQuery;\r\n // Redirects to Find Care with location\r\n const userlocation = location ? `&location=${location}` : \"\";\r\n //console.log(\"hitting inperson redirect\");\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n state: { findNewDoctor: this.isFromVideoVisitPage ? true : false },\r\n searchParms: this.isFromVideoVisitPage ? `?${userlocation}` + (userlocation ? `&${newDoctorVideoVisitSearchquery}` : `${newDoctorVideoVisitSearchquery}`) : `?isUrgentCare=true${userlocation}&distance=25`\r\n });\r\n }\r\n\r\n render() {\r\n const { epicId, userAddresses, waitingOnGeoAddress } = this.props;\r\n const isFromVideoVisitPage = this.props && this.props.location && this.props.location.state && this.props.location.state.fromVideoVisitPage ? true : false;\r\n\r\n return (\r\n (this.props.fetchingUserAddress || waitingOnGeoAddress) ? \r\n \r\n Not eligible for Video Visit Scheduling\r\n \r\n
\r\n \r\n \r\n The following reasons cannot be scheduled for a video visit. If you are experiencing something from the list below please schedule for an in-person visit.\r\n \r\n
\r\n \r\n \r\n
\r\n Abdominal Pain
\r\n Abscesses/Boils
\r\n Adult and Pediatric Annual Physicals
\r\n Chest Pain
\r\n Genital or Urinary Issues*
\r\n Heart Palpitations (rapid, strong, or irregular heartbeat)
\r\n Lacerations
\r\n Pelvic Pain
\r\n \r\n \r\n \r\n *Females are eligible for UTI and yeast infections via video visit.\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let userCity = \"\";\r\n let userState = \"\";\r\n if (!state.healthSource.fetchingUserAddress && state.healthSource.userAddress && state.healthSource.userAddress.length > 0) {\r\n userCity = state.healthSource.userAddress[0] ? state.healthSource.userAddress[0].City : userCity;\r\n userState = state.healthSource.userAddress[0] ? state.healthSource.userAddress[0].State : userState;\r\n }\r\n \r\n return {\r\n latitude: state.domain.lt,\r\n longitude: state.domain.ln,\r\n isCurrentLocation: state.locations.isCurrentLocation,\r\n curPosLatitude: state.locations.latitude,\r\n curPosLongitude: state.locations.longitude,\r\n userAddresses: state.healthSource.userAddress,\r\n fetchingUserAddress: state.healthSource.fetchingUserAddress,\r\n userName: state.sso.userDetails.userName,\r\n isLoggedIn: state.domain.li,\r\n epicId: state.domain.cu && state.domain.cu.eid ? state.domain.cu.eid : null,\r\n cityAddress: state.locations.city,\r\n stateAddress: state.locations.state,\r\n waitingOnGeoAddress: state.locations.waitingOnGeoAddress,\r\n geoAddressError: state.locations.geoAddressError,\r\n city: userCity,\r\n state: userState\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getUserAddress: (userName) => {\r\n dispatch({\r\n type: types.GET_USER_ADDRESS_START, userName: userName\r\n });\r\n },\r\n getAddress: (latitude, longitude) => {\r\n dispatch({\r\n type: types.GEOADDRESS, latitude: latitude, longitude: longitude\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(InPerson);","import * as React from \"react\";\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport { translateText } from '../../helpers/data';\r\nimport ServiceLocationSlots from \"./services/ServiceLocationSlots\";\r\n\r\nexport default class Location extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n redirectToMap(item) {\r\n if (item.locationStreet1) {\r\n const toAddress = item.locationStreet2 ?\r\n item.locationStreet1 + ', ' + item.locationStreet2 + ', ' + item.locationCity + ', ' + item.locationState + ' ' + item.locationZip :\r\n item.locationStreet1 + ', ' + item.locationCity + ', ' + item.locationState + ' ' + item.locationZip\r\n ;\r\n var addressUrl = getDirectionsUrl(null, toAddress);\r\n if (typeof window !== 'undefined' && addressUrl) {\r\n window.open(addressUrl, \"_blank\");\r\n }\r\n }\r\n }\r\n\r\n //We get the update later on we will uncomment\r\n /* goToLocation(item) {\r\n if (typeof window !== \"undefined\" && item.locationUrl) {\r\n window.open(item.locationUrl, \"_blank\");\r\n }\r\n }*/\r\n\r\n render() {\r\n const mammogram2DVisitType = `visitTypeId=${window.serverData.data.mammographyVisitTypeId}`;\r\n const mammogram3DVisitType = `visitTypeId=${window.serverData.data.mammography3DVisitTypeId}`;\r\n const mammogram2D3DVisitType = `visitTypeId=${window.serverData.data.mammographyVisitTypeId},${window.serverData.data.mammography3DVisitTypeId}`;\r\n const mammogram3D2DVisitType = `visitTypeId=${window.serverData.data.mammography3DVisitTypeId},${window.serverData.data.mammographyVisitTypeId}`;\r\n const fluVaccineService = `serviceName=${\"flu vaccine\"}`;\r\n const { appliedRulesLoc, scheduleCampaignReferrer, buttonText, totalLocations, selectedIndex, translate, t } = this.props;\r\n const showLocationSlots = window.serverData.data.enableFindCareNewSearchTerms && appliedRulesLoc && (appliedRulesLoc.indexOf(mammogram2DVisitType) > -1 || appliedRulesLoc.indexOf(mammogram3DVisitType) > -1 || appliedRulesLoc.indexOf(mammogram2D3DVisitType) > -1 || appliedRulesLoc.indexOf(mammogram3D2DVisitType) > -1);\r\n const loc = this.props.locationData;\r\n const locPhoto = loc.photoUrl ? loc.photoUrl : '/images/location-pic.png';\r\n // const locationClass = loc.locationUrl ? \"finger\" : \"\";\r\n const enableFluVaccineSchedulingWorkflow = window.serverData && window.serverData.data && window.serverData.data.enableFluVaccineSchedulingWorkflow;\r\n const enableFlu = enableFluVaccineSchedulingWorkflow && appliedRulesLoc && (appliedRulesLoc.indexOf(fluVaccineService) > -1);\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}","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport UrgentCareZipCode from './UrgentCareZipCode';\r\nimport Spinner from \"../common/spinner\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass MyLocation extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { showZipForm: false, UserLocation: '' };\r\n this.setCityZip = this.setCityZip.bind(this);\r\n this.setLocation = this.setLocation.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { userAddresses, fetchingUserAddress, getGeoLocation } = this.props;\r\n if (fetchingUserAddress === false && (userAddresses === null || (userAddresses && userAddresses.length === 0))) {//Task 34261\r\n this.setState({ showZipForm: true });\r\n }\r\n else {\r\n this.setLocation();\r\n }\r\n logUI(\"MBHWeb.UI.MyLocation.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n\r\n componentDidUpdate(prevProps, nextState) {\r\n if (!this.state.showZipForm) {\r\n const { fetchingLatLong, userLocation, geolocationError, userAddressToLatLngFailure } = this.props;\r\n\r\n ////if (prevProps.fetchingLatLong === true && fetchingLatLong === false && userLocation) {\r\n //// const { lat, lng } = userLocation;\r\n //// if (lat && lng) {\r\n //// // Got lat/lng from API \r\n //// this.setCityZip(`${lat},${lng}`);\r\n //// this.redirectToFindCare(`${lat},${lng}`);\r\n //// }\r\n ////}\r\n ////else\r\n if ((geolocationError !== undefined && geolocationError !== \"\" && geolocationError !== prevProps.geolocationError) || userAddressToLatLngFailure) {//Task 34261\r\n this.setState({ showZipForm: true });\r\n }\r\n else if (geolocationError === \"\") {\r\n const { latitude, longitude } = this.props;\r\n if (latitude && longitude) {\r\n this.setCityZip(`${latitude},${longitude}`);\r\n this.redirectToFindCare(`${latitude},${longitude}`);\r\n } else {\r\n this.setState({ showZipForm: true });\r\n }\r\n }\r\n }\r\n }\r\n\r\n redirectToFindCare(location) {\r\n // Redirects to Find Care with location\r\n const userlocation = location ? `&location=${location}` : \"\";\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n searchParms: `?isUrgentCare=true${userlocation}`\r\n });\r\n }\r\n\r\n getContactAddress() {\r\n const { userAddresses } = this.props;\r\n return userAddresses && userAddresses.length > 0 ? userAddresses.find(address => {\r\n return address.AddressType && address.AddressType === \"contact\";\r\n }) : null;\r\n }\r\n\r\n setLocation() {\r\n const { userAddresses, userLocation, getLatLongFromAddress, fetchingUserAddress } = this.props;\r\n\r\n if (fetchingUserAddress === false && userAddresses && userAddresses.length > 0) {\r\n const userAddress = this.getContactAddress();\r\n if (userAddress) {\r\n // const addressFormat = this.computedAddressFormat(userAddress);\r\n // getLatLongFromAddress(addressFormat);\r\n if (userAddress.ZipCode) {\r\n let zipCode = userAddress.ZipCode.split('-')[0];\r\n this.setCityZip(zipCode);\r\n this.redirectToFindCare(zipCode);\r\n } else {\r\n this.setState({ showZipForm: true });\r\n }\r\n\r\n } else {\r\n this.setState({ showZipForm: true });\r\n }\r\n //else if (userAddress && userLocation) {\r\n // const { lat, lng } = userLocation;\r\n // if (lat && lng) {\r\n // // Got lat/lng from API \r\n // this.setCityZip(`${lat},${lng}`);\r\n // this.redirectToFindCare(`${lat},${lng}`);\r\n // }\r\n //}\r\n } else {\r\n this.setState({ showZipForm: true });\r\n }\r\n }\r\n\r\n setCityZip(value) {\r\n this.setState({ UserLocation: value });\r\n }\r\n\r\n computedAddressFormat(userAddress) {\r\n const { AddressLine1, AddressLine2, City, State, ZipCode } = userAddress;\r\n let addressFormat = \"\";\r\n if (AddressLine1) {\r\n addressFormat += `${AddressLine1},`;\r\n }\r\n if (AddressLine2)\r\n addressFormat += `${AddressLine2},`;\r\n if (City) {\r\n addressFormat += `${City},`;\r\n }\r\n if (State)\r\n addressFormat += `${State}-`;\r\n if (ZipCode)\r\n addressFormat += `${ZipCode},`;\r\n addressFormat = addressFormat.slice(0, -1);\r\n return addressFormat;\r\n }\r\n render() {\r\n const { fetchingLatLong, fetchingUserAddress, isFromVideoVisitPage } = this.props;\r\n return (\r\n this.state.showZipForm ?\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 {loc.locationName ? loc.locationName\r\n :
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {loc.tierCoverage &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {loc.openNowMessage && loc.openNowMessage.indexOf('www') === -1 ?\r\n
\r\n {loc.openNowMessage}
\r\n : \r\n \r\n
}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {loc.tierCoverage === '1' && '$'}\r\n {loc.tierCoverage === '2' && '$$'}\r\n
\r\n \r\n Tier {loc.tierCoverage} In-Network\r\n
\r\n \r\n
\r\n \r\n {\r\n (loc && loc.perks && loc.perks.indexOf('Walk-ins') > -1) &&\r\n
\r\n Accepts walk-ins
\r\n }\r\n -1) ? ' no-perks' : '')}>\r\n
\r\n\r\n {(showLocationSlots || enableFlu) &&\r\n \r\n
\r\n \r\n {\r\n (loc && loc.perks && loc.perks.indexOf('Walk-ins') > -1) &&\r\n
\r\n Accepts walk-ins
\r\n }\r\n \r\n
\r\n \r\n
\r\n Where do you need to find care?
\r\n\r\n \r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n history: state.session.history,\r\n providerSearchModel: state.providers.searchModel,\r\n serverData: state.session.serverData, \r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(OpenScheduleButton)));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst OpenScheduleDateOnly = ({\r\n label,\r\n month,\r\n isProviderMapPinView,\r\n showMobileMonthHeading,\r\n enableFluVaccineSchedulingWorkflow\r\n}) => {\r\n\r\n return (\r\n \r\n {isProviderMapPinView && showMobileMonthHeading &&
\r\n );\r\n}\r\n\r\nOpenScheduleDateOnly.propTypes = {\r\n label: PropTypes.object,\r\n month: PropTypes.string,\r\n isProviderMapPinView: PropTypes.bool,\r\n showMobileMonthHeading: PropTypes.bool,\r\n};\r\n\r\nexport default OpenScheduleDateOnly;","import * as React from 'react';\r\nimport { UncontrolledTooltip } from 'reactstrap';\r\nimport { mybswhTooltipMsg } from '../../helpers/data';\r\n\r\nexport default class PortalFilterPill extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { pillMybswhTooltipOpen: false };\r\n }\r\n\r\n togglePillMyBSWHTooltip = () => {\r\n this.setState({ pillMybswhTooltipOpen: !this.state.pillMybswhTooltipOpen });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {month}
}\r\n \r\n \r\n {label}\r\n
\r\n portal \r\n \r\n
\r\n\r\n );\r\n }\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isLoggedIn: state.domain.li\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(PreVisitTest);","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from 'react-redux';\r\nimport OpenScheduleButton from \"./OpenScheduleButton\";\r\nimport Rating, { RatingCount, Stars } from '../common/Rating';\r\nimport FavoritedLabel from \"../favproviders/FavoritedLabel\";\r\nimport { Tooltip } from 'reactstrap';\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { logUI } from '../../api/andyliticsApi';\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass Provider extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleMyBSWHTooltip = this.toggleMyBSWHTooltip.bind(this);\r\n this.toggleMapMyBSWHTooltip = this.toggleMapMyBSWHTooltip.bind(this);\r\n this.addHighlight = this.addHighlight.bind(this);\r\n this.removeHighlight = this.removeHighlight.bind(this);\r\n this.state = {\r\n mybswhTooltipOpen: false,\r\n mapMybswhTooltipOpen: false,\r\n invalidInput: false\r\n };\r\n }\r\n\r\n toggleMyBSWHTooltip() {\r\n this.setState({\r\n mybswhTooltipOpen: !this.state.mybswhTooltipOpen\r\n });\r\n }\r\n\r\n toggleMapMyBSWHTooltip() {\r\n this.setState({\r\n mapMybswhTooltipOpen: !this.state.mapMybswhTooltipOpen\r\n });\r\n }\r\n\r\n addHighlight() {\r\n this.setState({ highlightItemName: true });\r\n }\r\n\r\n removeHighlight() {\r\n this.setState({ highlightItemName: false });\r\n }\r\n\r\n redirectToMap(item) {\r\n if (item.locationStreet1) {\r\n const toAddress = item.locationStreet2 ?\r\n item.locationStreet1 + ', ' + item.locationStreet2 + ', ' + item.locationCity + ', ' + item.locationState + ' ' + item.locationZip :\r\n item.locationStreet1 + ', ' + item.locationCity + ', ' + item.locationState + ' ' + item.locationZip\r\n ;\r\n var addressUrl = getDirectionsUrl(null, toAddress);\r\n if (typeof window !== 'undefined' && addressUrl) {\r\n window.open(addressUrl, \"_blank\");\r\n }\r\n }\r\n }\r\n\r\n indexOfPrimaryLocation(locations) {\r\n const { locationId } = this.props;\r\n if (locationId) { // clicked from Map Pin\r\n for (let i = 0; i < locations.length; i++) {\r\n if (locations[i].locationID === locationId) {\r\n return i;\r\n }\r\n }\r\n }\r\n else { // default rendering from FindCareResults\r\n return 0;\r\n }\r\n return 0;\r\n }\r\n\r\n shouldChoosePrimaryLocation = () => {\r\n if (this.props.searchModel) {\r\n const { location, sortBy } = this.props.searchModel;\r\n if (location === undefined || location === \"\" || sortBy !== \"Distance\")\r\n return true;\r\n return false;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const prov = this.props.providerData;\r\n let { onlineSchedulingEnabled, serverData, scheduleCampaignReferrer, isProviderMapPinView, translate, t } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n let apptTimesAmount = this.props.apptTimesAmount ? this.props.apptTimesAmount : 3;\r\n const specialties = prov.specialties ? prov.specialties.map((s, i) => {\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Baylor](\"/images/mybswlogo.svg\")
\r\n
\r\n \r\n \r\n {botResponse &&\r\n !botResponse[0].select &&\r\n botResponse.map((action) => (\r\n \r\n \r\n )}\r\n\r\n {userActionId === 23 && (\r\n
\r\n \r\n {\" \"}\r\n {action.message}{\" \"}\r\n
\r\n ))}\r\n\r\n {botResponse &&\r\n botResponse[0] &&\r\n botResponse[0].select &&\r\n botResponse[0].options && (\r\nWhat do you see?
\r\n\r\n
\r\n\r\n \r\n
\r\n - \r\n {botResponse[0].options.map((option, index) => (\r\n
- \r\n \r\n \r\n ))}\r\n
\r\n
\r\n \r\n {botResponse &&\r\n botResponse[0] &&\r\n botResponse[0].select &&\r\n botResponse[0].options\r\n ? \r\n {showSpinner\r\n ? \r\n\r\n }\r\n
\r\n \r\n \r\n
\r\n : \r\n {action.aTag && action.url ? {action.buttonText}\r\n : {\r\n this.onUserAction(action);\r\n }}\r\n >\r\n {\" \"}\r\n {action.buttonText}{\" \"}\r\n \r\n }\r\n
\r\n ))\r\n\r\n }\r\n {s.Specialty}
;\r\n }) : [];\r\n const cerfifications = prov.boardCertifications ? prov.boardCertifications.map((cert, i) => { return cert.boardCertificationName; }) : [];\r\n\r\n let defaultPhone = prov.consumerCallCenterNumber ? prov.consumerCallCenterNumber : (prov.locations && prov.locations.length > 0 ? prov.locations[0].locationPhone : \"\");\r\n\r\n let moreLocs = prov.locations && (prov.locations.length - 1);\r\n\r\n const locations = prov.locations ? prov.locations.map((loc, i) => {\r\n return (\r\n this.redirectToMap(loc)}>\r\n \r\n
\r\n \r\n );\r\n }) : [];\r\n\r\n // build the route for the scheduling \"more\" button...\r\n let schedule = [];\r\n let count = 0;\r\n let earliestAvailableDate = new Date();\r\n let today = new Date();\r\n let moreUrl = prov.npi ? `/schedule/${prov.npi}/OpenSchedule` : `/schedule?epicId=${prov.epicID}&scheduleType=OpenSchedule`;\r\n let visitFilter = this.props.visitType;\r\n let visitTypeId = \"\";\r\n let departmentId = \"\";\r\n let linkDate = \"\";\r\n let linkTime = \"\";\r\n let filterVal = null;\r\n let openSchedule = [];\r\n let scheduleDate = '';\r\n if (this.props.locationId) {\r\n const filteredLocations = prov.locations && prov.locations.length > 0 && prov.locations.filter(ele => ele.locationID === this.props.locationId);\r\n const dateTimes = filteredLocations && filteredLocations.length > 0 && filteredLocations[0].openSchedules && filteredLocations[0].openSchedules.dateAndTimes;\r\n // openSchedule = prov.openSchedule && prov.openSchedule.dateAndTimes;\r\n openSchedule = dateTimes;\r\n }\r\n else {\r\n openSchedule = prov.locations && prov.locations.length > 0 && prov.locations[0].openSchedules && prov.locations[0].openSchedules.dateAndTimes;\r\n }\r\n\r\n //Bug 31836: Find Care Search Map Pin: Error displays when clicking on pin with doctor\r\n if (visitFilter && visitFilter.value !== -1) {\r\n filterVal = visitFilter.display.filter((visit, i) => visit.key === visitFilter.value);\r\n\r\n if (filterVal && filterVal.length > 0) {\r\n visitTypeId = filterVal[0].Id;\r\n\r\n if (openSchedule && openSchedule.length > 0) {\r\n // get departmentid from the slot that matches the given visit type\r\n for (var i = 0; i < openSchedule.length; i++) {\r\n const day = openSchedule[i];\r\n for (var j = 0; j < day.times.length; j++) {\r\n const time = day.times[j];\r\n if (time.visitTypeId === visitTypeId) {\r\n departmentId = time.departmentId;\r\n linkDate = time.time !== \"\" ? time.time.split(\"T\")[0] : \"\";\r\n linkTime = time.time !== \"\" ? time.time.split(\"T\")[1] : \"\";\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (visitTypeId !== \"\" && departmentId !== \"\") {\r\n moreUrl = prov.npi ? `${moreUrl}/${visitTypeId}/${departmentId}` : `${moreUrl}&visitTypeId=${visitTypeId}&departmentId=${departmentId}`;\r\n }\r\n }\r\n else {\r\n if (openSchedule && openSchedule.length > 0) {\r\n let openScheduleTimes = openSchedule[0];\r\n if (openScheduleTimes.times && openScheduleTimes.times.length > 0) {\r\n visitTypeId = openScheduleTimes.times[0].visitTypeId;\r\n departmentId = openScheduleTimes.times[0].departmentId;\r\n linkDate = openScheduleTimes.times[0].time && openScheduleTimes.times[0].time !== \"\" ? openScheduleTimes.times[0].time.split(\"T\")[0] : \"\";\r\n linkTime = openScheduleTimes.times[0].time && openScheduleTimes.times[0].time !== \"\" ? openScheduleTimes.times[0].time.split(\"T\")[1] : \"\";\r\n if (visitTypeId && departmentId) {\r\n moreUrl = prov.npi ? `${moreUrl}/${visitTypeId}/${departmentId}` : `${moreUrl}&visitTypeId=${visitTypeId}&departmentId=${departmentId}`;\r\n }\r\n } else if (serverData && serverData.enableV3SearchForAllProviders) {\r\n departmentId = openScheduleTimes.departmentId;\r\n if (departmentId) {\r\n moreUrl = prov.npi ? `${moreUrl}/${departmentId}` : `${moreUrl}&departmentId=${departmentId}`;\r\n }\r\n\r\n apptTimesAmount = openSchedule.length >= apptTimesAmount ? apptTimesAmount : openSchedule.length;\r\n\r\n for (var k = 0; k < openSchedule.length; k++) {\r\n let dt = openSchedule[k];\r\n count++;\r\n if (count <= apptTimesAmount) {\r\n let showMobileMonthHeading = false;\r\n const month = dt.dateString.split(' ');\r\n showMobileMonthHeading = month[0] !== scheduleDate;\r\n scheduleDate = month[0];\r\n\r\n\r\n schedule.push(\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {loc.distance ? {(loc.distance).toFixed(2)} {translateText(t && translate, \"miles\", t)} - : \"\"}\r\n {loc.locationName ? {loc.locationName} \r\n :
\r\n \r\n \r\n
\r\n }\r\n {moreLocs > 0 && (+{moreLocs} {translateText(t && translate, \"more\", t)})}\r\n \r\n {loc.locationStreet1 ?\r\n
\r\n {loc.locationStreet1}{loc.locationStreet2 && , {loc.locationStreet2}}, {loc.locationCity}, {loc.locationState} {loc.locationZip}
\r\n : \r\n \r\n
\r\n }\r\n {moreLocs > 0 && (+{moreLocs} {translateText(t && translate, \"more\", t)})}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n serverData: state.session.serverData\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Provider)","import * as React from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport Provider from \"./Provider\";\r\nimport Location from \"./Location\";\r\nimport OpenScheduleButton from \"./OpenScheduleButton\";\r\n\r\nclass SelectedMapPinListing extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.sliderSettings = {\r\n centerMode: false,\r\n infinite: false,\r\n centerPadding: '0px',\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: false,\r\n autoplaySpeed: 8000,\r\n pauseOnHover: true,\r\n cssEase: 'linear',\r\n focusOnSelect: true,\r\n responsive: [{ breakpoint: 768, settings: { slidesToShow: 1 } }]\r\n };\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.slider) {\r\n this.slider.slickGoTo(0);\r\n }\r\n }\r\n\r\n render() {\r\n const { selectedLocation, tabIndex, toggleOverlay, isOpen, isVaccineSearch, onlineSchedulingEnabled, buttonText, translate, t } = this.props;\r\n const group = selectedLocation.group;\r\n const apptTimesAmount = selectedLocation.count === 1 ? 5 : 3;\r\n\r\n const providersMarkup = group\r\n .filter(g => g.type === 'provider')\r\n .map((p, i) => \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 {(prov.averageRatingStr && prov.averageRatingStr !== \"\" && prov.averageRatingStr !== '0') &&\r\n \r\n
\r\n \r\n logUI(\"MBHWeb.UI.FindCareResults.ProviderLinkClicked\", new Date(), Tools.getURLPath())}>\r\n
\r\n \r\n {prov.displayName ? prov.displayName\r\n :
\r\n \r\n {\r\n specialties && specialties.length > 0 ? specialties[0] : \"\"\r\n }\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {\r\n locations && locations.length > 0 ?\r\n locations[indexOfLocation] :\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 {prov.tierCoverage &&\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {prov.tierCoverage === '1' && '$'}\r\n {prov.tierCoverage === '2' && '$$'}\r\n
\r\n \r\n Tier {prov.tierCoverage} In-Network\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n prov.usesMyBSWhealth &&\r\n
\r\n \r\n
\r\n }\r\n {\r\n prov.acceptingNewPatients && prov.isReferable &&\r\n \r\n portal \r\n \r\n {mybswhTooltipMsg}\r\n \r\n
\r\n portal \r\n Accepts new patients
\r\n }\r\n \r\n {prov.isReferable ?\r\n
\r\n \r\n {(!schedule || schedule.length <= 0 || !onlineSchedulingEnabled) &&\r\n
:\r\n \r\n {defaultPhone &&\r\n \r\n
\r\n }\r\n Call to schedule
\r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n
\r\n Not available for appointments
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n prov.usesMyBSWhealth &&\r\n
\r\n \r\n \r\n {mybswhTooltipMsg}\r\n \r\n
\r\n }\r\n {\r\n prov.acceptingNewPatients && prov.isReferable &&\r\n \r\n portal \r\n
\r\n portal \r\n Accepts new patients
\r\n }\r\n \r\n {(onlineSchedulingEnabled && schedule && schedule.length > 0 && prov.isReferable) ?\r\n
\r\n\r\n \r\n
:\r\n Next Available Appointment Times
\r\n \r\n
\r\n \r\n {\r\n schedule\r\n }\r\n
\r\n \r\n logUI(\"MBHWeb.UI.FindCareResults.BookNow.Clicked\", new Date(), Tools.getURLPath(), scheduleCampaignActivity)}>\r\n {this.props.buttonText}\r\n {this.props.buttonText}\r\n \r\n
\r\n \r\n {\r\n prov.isReferable ?\r\n
\r\n }\r\n \r\n {defaultPhone &&\r\n \r\n
:\r\n \r\n
*Call to schedule
\r\n \r\n }\r\n \r\n
\r\n }\r\n Not available for appointments
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SelectedMapPinListing;","import React from 'react';\r\nimport AutocompleteInput from \"../common/input/AutocompleteInput\";\r\nimport { getCityOrZip } from \"../../api/typeaheadApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nconst USE_CURRENT_LOCATION = 'Current Location';\r\n\r\nclass UrgentCareZipCode extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n this.state = {\r\n cItems: [],\r\n cityZipLoading: false,\r\n cityZipNoResults: false,\r\n cityInvalid: false,\r\n canEnableContinueButton: false,\r\n isGeoLocation: true\r\n };\r\n this.cTime = 0;\r\n this.loadCityZipTypeahead = this.loadCityZipTypeahead.bind(this);\r\n this.setCurrentLocationAsCityorZip = this.setCurrentLocationAsCityorZip.bind(this);\r\n this.redirectToFindCare = this.redirectToFindCare.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.UrgentCareZipCode.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.geoLocationError !== undefined && this.props.geoLocationError !== \"\" && this.props.geoLocationError !== prevProps.geoLocationError) {\r\n this.setState({ isGeoLocation: this.props.geoLocationError ? false : true });\r\n }\r\n else if (this.props.geoLocationError === \"\" && this.props.geoLocationError !== prevProps.geoLocationError)\r\n this.setState({ isGeoLocation: true });\r\n }\r\n\r\n loadCityZipTypeahead(val) {\r\n if (this.state.cityZipLoading === false) {\r\n this.setState({ cityZipLoading: true });\r\n if (val !== \"\") {\r\n let dt = new Date();\r\n getCityOrZip({ filter: val }, dt.valueOf())\r\n .then(json => {\r\n if (this.cTime < json.timestamp) {\r\n this.cTime = json.timestamp;\r\n let items = [];\r\n json = json.results;\r\n if (json) {\r\n for (var term in json) {\r\n items.push({ id: json[term].zip_city, label: json[term].zip_city });\r\n }\r\n }\r\n this.setState({ cItems: items, cityZipLoading: false, cityZipNoResults: !(items.length > 0) });\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({ cityZipLoading: false });\r\n }\r\n }\r\n }\r\n\r\n setCurrentLocationAsCityorZip() {\r\n this.props.getGeoLocation();\r\n this.props.setCityZip(USE_CURRENT_LOCATION);\r\n } \r\n\r\n redirectToFindCare(e) {\r\n e.preventDefault();\r\n const { isFromVideoVisitPage } = this.props;\r\n const userlocation = this.props.cityZip ? `&location=${this.props.cityZip}` : \"\";\r\n const findcareSearchParms = isFromVideoVisitPage ? `?${userlocation}` : `?isUrgentCare=true${userlocation}`;\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n state: { findNewDoctor: isFromVideoVisitPage ? true : false },\r\n searchParms: findcareSearchParms\r\n }); \r\n }\r\n\r\n render() { \r\n let useCurrentLocation = \r\n {tabIndex === '1'\r\n ?
\r\n \r\n
\r\n : {providersMarkup}
\r\n {locationsMarkup}
\r\n \r\n
\r\n }\r\n {locationsMarkup}
\r\n {providersMarkup}
\r\n \r\n {tabIndex === '1'\r\n ? this.slider = slider} {...this.sliderSettings}>\r\n {providersMarkup}\r\n {locationsMarkup}\r\n \r\n : this.slider = slider} {...this.sliderSettings}>\r\n {locationsMarkup}\r\n {providersMarkup}\r\n \r\n }\r\n
\r\n Use current location
;\r\n const isCurrentLocation = (!this.props.currentLat || !this.props.currentLong || this.props.currentLat == null || this.props.currentLong == null) ? false : true; \r\n let cityZip = this.props.cityZip === USE_CURRENT_LOCATION && isCurrentLocation ? USE_CURRENT_LOCATION : (this.props.cityZip === USE_CURRENT_LOCATION && !isCurrentLocation) ? '' : this.props.cityZip;\r\n const isGeoCurrentLocationDisabled = this.props.cityZip === USE_CURRENT_LOCATION && (cityZip === '');\r\n const formValid = this.props.cityZip && !this.state.cityInvalid && !isGeoCurrentLocationDisabled;\r\n \r\n return (\r\n \r\n \r\n
);\r\n }\r\n}\r\nexport default UrgentCareZipCode;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n/**\r\n * Container component for the E-Visit page.\r\n */\r\nclass Video extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const data = typeof window !== 'undefined' ? window.serverData.data : null;\r\n }\r\n render() {\r\n const { inPerson } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Video);","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { isCentralTimeZone, getCurDateInCentralTz, getCentralDateWithFormat, getURLPath, trimComma, toJSDate, getMomentFormattedDate, dateStringFormat } from \"../../helpers/Tools\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport { Thumbnail, Typography } from '../ecosystem';\r\nimport VideoVisitProviderCard from './VideoVisitProviderCard';\r\n\r\n\r\nclass VideoVisitAvailability extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n const { type } = this.props;\r\n logUI(`MBHWeb.UI.VideoVisitAvailability.${type === \"FINDNEWDOCTOR\" ? \"FindNewDoctor\" : type === \"ONCALLPROVIDER\" ? \"OnCallProvider\" : \"YourDoctor\"}.ComponentDidMount`, new Date(), getURLPath());\r\n }\r\n\r\n scheduleAppointment(e, item, isMoreButton=false) {\r\n const { type, isFromVideoVisitOptions } = this.props;\r\n let npiId = \"\"; \r\n if (item && item.provider && item.provider.iDs) {\r\n for (let ids of item.provider.iDs) {\r\n for (let id in ids) {\r\n if (ids.type === \"ProviderNPI\") {\r\n npiId = ids.id;\r\n }\r\n \r\n }\r\n }\r\n }\r\n \r\n logUI(`MBHWeb.UI.VideoVisitAvailability.${type === \"FINDNEWDOCTOR\" ? \"FindNewDoctor\" : type === \"ONCALLPROVIDER\" ? \"OnCallProvider\" : \"YourDoctor\"}.OnButtonClick`, new Date(), getURLPath(), JSON.stringify(item));\r\n if (type === \"YOURDOCTOR\")\r\n this.props.history.push({\r\n pathname: `/schedule/${npiId}/DirectSchedule`,\r\n state: {\r\n selectedUser: this.props.selectedUser, noSelectPatient: this.props.noSelectPatient,\r\n scheduleType: \"DirectSchedule\", isFromVideoVisitOptions: isFromVideoVisitOptions,\r\n isMyDoctor: true\r\n }\r\n }); \r\n if (type === \"FINDNEWDOCTOR\")\r\n this.props.history.push({\r\n pathname: `/schedule/${npiId ? npiId : item.provider.npi}/OpenSchedule`,\r\n state: { selectedUser: this.props.selectedUser, noSelectPatient: this.props.noSelectPatient, isFromVideoVisitOptions: isFromVideoVisitOptions, isLocalDoctor: true }\r\n });\r\n \r\n if (type === \"ONCALLPROVIDER\") \r\n this.props.history.push({\r\n pathname: item.redirectTo,\r\n state: { selectedTimeSlot: item.timeSlot, selectedDay: item.selectedDay, isFromVideoVisitOptions: isFromVideoVisitOptions }\r\n });\r\n \r\n }\r\n getProviderSlots=(scheduleDays)=>{\r\n let slots=scheduleDays.map((scheduleDay)=>dateStringFormat(scheduleDay.date,\"MM/DD\")).slice(0,2);\r\n var stringSlots=slots.join(\" | \"); \r\n return stringSlots;\r\n }\r\n render() {\r\n const { type, providers, data, displayName, specialty, avatar, disabled, error, errorMsg, showMiniSpinner,\r\n hasMoreButton, showTimeZoneMessage } = this.props;\r\n const provPhoto = avatar ? avatar : '';\r\n const buttons = data && data?.length > 0 && !error && data.map((item, key) => {\r\n const time = item.time;\r\n const day = item.day;\r\n const timezone = showTimeZoneMessage && !isCentralTimeZone() ? getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n const displaytime = `${time} ${timezone}`;//: time;\r\n \r\n return ();\r\n });\r\n\r\n if (hasMoreButton && buttons)\r\n buttons.push(); \r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Video Visits
\r\n\r\n\r\n
\r\n \r\n Video visits are currently only available in the MyBSWHealth app.\r\n Take advantage of this feature by downloading the app or logging in today!\r\n \r\n
\r\n \r\n ![\"stars-my-care-tasks\"](\"images/stars-my-care-tasks.png\")
\r\n With 17k+ reviews & 300k+ users\r\n
\r\n \r\n 4.7 Rating
\r\n\r\n With 17k+ reviews & 300k+ users\r\n ![\"app-store\"](\"images/app-store.png\")
\r\n ![\"google-store\"](\"images/google-store.png\")
\r\n \r\n
\r\n WHAT CAN BE TREATED?
\r\n- \r\n
- Cold, Flu, Allergies: Sinus, sore throat \r\n
- Women's Health: UTI, yeast infection \r\n
- Minor Eye Conditions: Pinkeye \r\n
- Skin Conditions: Acne, cold sore \r\n
- Stomach/Digestive Issues: Constipation, diarrhea \r\n
- Sprains and Strains \r\n
\r\n ![\"my-care-task\"](\"images/my-care-task.png\")
\r\n
\r\n \r\n \r\n {showMiniSpinner\r\n ? (\r\n \r\n {providerData && providerData.provider &&\r\n {\r\n this.scheduleAppointment(e, providerData, hasMoreButton);\r\n }}\r\n name={providerData.provider.displayName}\r\n photo={providerData.provider.photoUrl || providerData.provider.photo}\r\n specialty={providerData.provider.specialty}\r\n scheduleDays={providerData?.scheduleDays}\r\n getProviderSlots={(scheduleDays) => this.getProviderSlots(scheduleDays)}\r\n />\r\n } \r\n \r\n ))\r\n ) : (\r\n \r\n \r\n {errorMsg\r\n ? errorMsg\r\n : \"Sorry, we're currently not able to display times.\"\r\n }\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(VideoVisitAvailability);\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { isCentralTimeZone, getCurDateInCentralTz, getCentralDateWithFormat, getURLPath } from \"../../helpers/Tools\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport moment from 'moment';\r\n\r\n\r\nclass VideoVisitAvailability_PreNew extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n const { type } = this.props;\r\n logUI(`MBHWeb.UI.VideoVisitAvailability.${type === \"FINDNEWDOCTOR\" ? \"FindNewDoctor\" : type === \"ONCALLPROVIDER\" ? \"OnCallProvider\" : \"YourDoctor\"}.ComponentDidMount`, new Date(), getURLPath());\r\n }\r\n\r\n scheduleAppointment(e, item, isMoreButton = false) {\r\n const { type, isFromVideoVisitOptions } = this.props;\r\n logUI(`MBHWeb.UI.VideoVisitAvailability.${type === \"FINDNEWDOCTOR\" ? \"FindNewDoctor\" : type === \"ONCALLPROVIDER\" ? \"OnCallProvider\" : \"YourDoctor\"}.OnButtonClick`, new Date(), getURLPath(), JSON.stringify(item));\r\n\r\n if (type === \"YOURDOCTOR\")\r\n this.props.history.push({\r\n pathname: isMoreButton ? item.moreUrl : item.redirectTo,\r\n state: { selectedUser: this.props.selectedUser, noSelectPatient: this.props.noSelectPatient, scheduleType: \"DirectSchedule\", isFromVideoVisitOptions: isFromVideoVisitOptions }\r\n });\r\n\r\n if (type === \"FINDNEWDOCTOR\")\r\n this.props.history.push({\r\n pathname: isMoreButton ? item.moreUrl : item.redirectTo,\r\n state: { selectedUser: this.props.selectedUser, noSelectPatient: this.props.noSelectPatient, isFromVideoVisitOptions: isFromVideoVisitOptions }\r\n });\r\n\r\n if (type === \"ONCALLPROVIDER\")\r\n this.props.history.push({\r\n pathname: item.redirectTo,\r\n state: { selectedTimeSlot: item.timeSlot, selectedDay: item.selectedDay, isFromVideoVisitOptions: isFromVideoVisitOptions }\r\n });\r\n\r\n }\r\n\r\n render() {\r\n const { type, data, displayName, specialty, avatar, disabled, error, errorMsg, showMiniSpinner, hasMoreButton, showTimeZoneMessage } = this.props;\r\n const provPhoto = avatar ? avatar : '/images/profile-pic.png';\r\n const buttons = data && data.length > 0 && !error && data.map((item, key) => {\r\n const time = item.time;\r\n const day = item.day;\r\n const timezone = showTimeZoneMessage && !isCentralTimeZone() ? getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n const displaytime = `${time} ${timezone}`;//: time;\r\n\r\n return ();\r\n });\r\n\r\n if (hasMoreButton && buttons)\r\n buttons.push();\r\n\r\n return (\r\n
\r\n ) : !error && providers && providers?.length > 0 ? ( \r\n providers.map((providerData, key) => (\r\n \r\n
\r\n \r\n {data && data?.length > 0 && !error ? (\r\n \r\n \r\n {buttons}\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Next available times\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 {displayName}\r\n \r\n
\r\n {specialty && (\r\n \r\n {specialty}\r\n \r\n )}\r\n
\r\n \r\n {specialty && (\r\n \r\n {specialty}\r\n \r\n )}\r\n
\r\n
);\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(VideoVisitAvailability_PreNew);","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\n\r\nclass VideoVisitDetails extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount() {\r\n this.props.getVideoVisitConditions();\r\n logUI(\"MBHWeb.UI.VideoVisitDetails.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n linkMyInsurance = () => {\r\n this.props.history.push({\r\n pathname: '/linkedaccounts',\r\n searchParams: \"openInsurance=true\"\r\n });\r\n }\r\n render() {\r\n const { price, aalDown, hasAAL, serverData, currentUser, isProxyUser, technicalHelpDeskNumber, technicalHelpDeskHours, myChartRegistrationUrl, hasHealthPlan, isWaiting, isActiveFeature_SDCVideoVisit, hasAuthorizedFeatureSameDayVideo } = this.props;\r\n let markup = \"\"; \r\n let eligibleToScheduleVideoVisit = false;\r\n const insurancePlan = \"Baylor Scott & White Health Plan or DFW Connected Care\";\r\n const insuranceText = hasAAL ? \"DFW ConnectedCare copay\" : hasHealthPlan ? \"$0 copay for most plans. High deductible plans covered at 100% after meeting deductible.\" : \"\";\r\n const insuranceClass = insuranceText === \"\" ? \"d-flex align-items-center\" : \"\";\r\n const { conditions } = this.props.videoVisitConditions;\r\n const videoVisitConditions = conditions && conditions.treatableConditions && conditions.treatableConditions.length > 0 ? conditions.treatableConditions : [];\r\n const videoVisitConditionsSplit = videoVisitConditions ? ((videoVisitConditions.length / 2) + 1) : 0;\r\n const displayName = currentUser && currentUser.firstName ? currentUser.firstName : currentUser ? getFirstName(currentUser.displayName) : \"\";\r\n const minimumAge = 18;\r\n const showDisplayName = isProxyUser ? (\"(\" + displayName + \")\") : \"\";\r\n if (isProxyUser && currentUser) { //user is mychart proxy, so take age and show the appropriate message. \r\n const isMinor = currentUser && currentUser.ageYears && currentUser.ageYears >= 0 && currentUser.ageYears < minimumAge;\r\n if (isMinor) {\r\n markup = (\r\n \r\n {data && data.length > 0 && !error\r\n ? \r\n \r\n : \r\n }\r\n
\r\n \r\n
\r\n {showMiniSpinner\r\n ? Next available times
\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 {displayName}
\r\n {specialty && {specialty}}\r\n
\r\n \r\n {specialty && {specialty}}\r\n
\r\n {buttons}\r\n
\r\n \r\n {errorMsg\r\n ? errorMsg\r\n : \"Sorry, we're currently not able to display times.\"\r\n }\r\n
\r\n }\r\n \r\n \r\n
);\r\n } else { // if age is unknown for mychart proxies.\r\n markup = \r\n \r\n
;\r\n }\r\n } else if (!isActiveFeature_SDCVideoVisit && hasAuthorizedFeatureSameDayVideo) {\r\n markup = (\r\n \r\n
);\r\n }\r\n else\r\n eligibleToScheduleVideoVisit = true;\r\n \r\n return (\r\n \r\n {eligibleToScheduleVideoVisit ? \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let priceValue = '75';\r\n return {\r\n price: priceValue,\r\n hasAAL: state.memberships.hasAA,\r\n aalDown: state.common.aalDown,\r\n serverData: state.session.serverData,\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n isProxyUser: state.domain.ip,\r\n myChartRegistrationUrl: state.session.serverData && state.session.serverData.myChartRegistrationUrl,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours:\"\",\r\n hasHealthPlan: state.memberships.hasAnySWHP,\r\n videoVisitConditions: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions : {},\r\n isWaiting: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions.isWaiting : false,\r\n isActiveFeature_SDCVideoVisit: state.memberships.isActiveFeature_SDCVideoVisit,\r\n hasAuthorizedFeatureSameDayVideo: state.memberships.hasAuthorizedFeatureSameDayVideo\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitConditions: () => dispatch({ type: types.GET_VIDEO_VISIT_CONDITIONS }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoVisitDetails);","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport CommonSymptoms from './CommonSymptoms';\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\nimport VideoVisitAvailability from './VideoVisitAvailability';\r\nimport VideoVisitOptionsCardHeader from './VideoVisitOptionsCardHeader';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport moment from 'moment-timezone';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport InfoModal from \"../common/InfoModal\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport InEligibilityModalInfo from './InEligibilityModalInfo';\r\nimport { Typography, Icon, Grid, ContentSwitcher } from \"../ecosystem/\";\r\nimport { PageHeading, IconButton } from \"../ecosystem/mybswh\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\n\r\nconst SLOTS_NEEDED_ON_CALL = 3;\r\nconst SLOTS_NEEDED_NEW_DOCTOR = 2;\r\nconst SLOTS_NEEDED_YOUR_DOCTOR = 2;\r\nconst timeZones = {\r\n CST: 'Central Standard Time',\r\n CDT: 'Central Daylight Time'\r\n};\r\n\r\nconst yourDoctorLabel = \"My Doctor\";\r\nconst localDoctorLabel = \"Local Doctor\";\r\nconst onCallProviderLabel = \"On-Call\";\r\nconst onCallProviderCardLabel = \"On-Call Provider\";\r\n\r\nclass VideoVisitOptions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const onCallDoctorSchedule = props && (props.isActiveFeature_SDCVideoVisit || props.hasAuthorizedFeatureSameDayVideo);\r\n this.state = {\r\n openModal: false,\r\n activeTab: props && !props.videoVisitTypeForYourDoctorAvailability & onCallDoctorSchedule ? onCallProviderLabel : props.providerList && props.providerList.length > 0 ? yourDoctorLabel : localDoctorLabel,\r\n selectedUser: this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser,\r\n newDoctorAvailableTimes: [],\r\n inEligibilityModal: false\r\n };\r\n this.availableTimesSDC = [];\r\n // this.newDoctorAvailableTimes = [];\r\n this.yourDoctorAvailableTimes = [];\r\n this.newDoctorSearchResultCallback = this.newDoctorSearchResultCallback.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const date = Tools.getFormattedDate(new Date());\r\n const clientUTCOffset = this.props.showTimeZoneMessage ? moment.tz(\"America/Chicago\").utcOffset() : moment().utcOffset();//We show central time\r\n const { getVideoVisitTimeSlots, showVideoVisitAvailability, isActiveFeature_SDCVideoVisit, providerList, getProvidersListByVisitType,\r\n getEarliestDirectVideoVisitScheduleForProviders, getProviderWithEarliestSchedule, resetNewDoctorResults } = this.props;\r\n const isSameDayEnabled = isActiveFeature_SDCVideoVisit;\r\n\r\n resetNewDoctorResults();\r\n //this.newDoctorAvailableTimes = [];\r\n if (this.state.newDoctorAvailableTimes && this.state.newDoctorAvailableTimes.length > 0) {\r\n this.setState({\r\n newDoctorAvailableTimes: []\r\n });\r\n }\r\n this.availableTimesSDC = [];\r\n if (showVideoVisitAvailability && isSameDayEnabled) {\r\n getVideoVisitTimeSlots(clientUTCOffset, date);\r\n //if (enableV3VideoVisitApi) { getEarliestDirectVideoVisitScheduleForProviders(epicIdNDepartId); }\r\n //else { getVideoVisitTimeSlots(clientUTCOffset, date);}\r\n }\r\n\r\n const { getGeoLocation, curPosLatitude, curPosLongitude, waitingOnGeolocation } = this.props;\r\n if (!curPosLatitude && !curPosLongitude && !waitingOnGeolocation) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetGeoLocationBasedOnIPAddress\", new Date(), Tools.getURLPath());\r\n getGeoLocation(false); //Getting ip address based location \r\n this.ipSearched = true;\r\n }\r\n\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { userName, getUserAddress, curPosLatitude, curPosLongitude, getGeoLocation, geolocationError, waitingOnGeoAddress, waitingOnGeolocation,\r\n fetchingUserAddress, searchProviders, providerListPending, getProvidersListByVisitType,\r\n getProviderWithEarliestSchedule, videoVisitTypeForYourDoctorAvailability, providerNpiListStr, token, currentuser, serverData, isSwitchingProxy } = this.props;\r\n const enableNewVideoVisitFlow = window.serverData && window.serverData.data && window.serverData.data.enableNewVideoVisitFlow;\r\n if (prevProps && prevProps.providerNpiListStr && providerNpiListStr && prevProps.providerNpiListStr !== providerNpiListStr) {\r\n this.fetchYourDoctors = false;\r\n //Reseting due to filter out Direct Scheduling doctors based on npi and display the first non-Direct Scheduling doctor in the Phynd api results.\r\n if (this.state.newDoctorAvailableTimes && this.state.newDoctorAvailableTimes.length > 0) {\r\n this.setState({\r\n newDoctorAvailableTimes: []\r\n });\r\n }\r\n }\r\n\r\n if (!providerListPending && providerNpiListStr && (!this.fetchYourDoctors && !isSwitchingProxy)\r\n && videoVisitTypeForYourDoctorAvailability) {\r\n this.yourDoctorAvailableTimes = [];\r\n\r\n if (serverData && serverData.enableV3VideoVisitApi) {\r\n let searchModel = {\r\n loginId: this.props.userName,\r\n proxyPatientId: currentuser.externalId,\r\n proxyPatientIdType: \"External\",\r\n visitTypeId: videoVisitTypeForYourDoctorAvailability\r\n };\r\n \r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetProvidersListByVisitType\", new Date(), Tools.getURLPath());\r\n getProvidersListByVisitType(searchModel, token, enableNewVideoVisitFlow);\r\n } else {\r\n let searchModel = { Ids: providerNpiListStr, idType: \"Npi\", visitTypeId: videoVisitTypeForYourDoctorAvailability, numberOfDays: \"30\" };\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetProviderWithEarliestSchedule\", new Date(), Tools.getURLPath());\r\n getProviderWithEarliestSchedule(searchModel);\r\n }\r\n\r\n this.fetchYourDoctors = true;\r\n }\r\n\r\n if ((!this.alreadySearched && !this.ipSearched) && !curPosLatitude && !curPosLongitude && !waitingOnGeolocation) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetGeoLocationBasedOnIPAddress\", new Date(), Tools.getURLPath());\r\n getGeoLocation(false); //Getting ip address based location \r\n this.ipSearched = true;\r\n }\r\n else if ((!this.alreadySearched && !this.addressSearched) && geolocationError && !curPosLatitude && !curPosLongitude && !waitingOnGeoAddress && !fetchingUserAddress && !waitingOnGeolocation) {\r\n if (userName) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetUserAddress\", new Date(), Tools.getURLPath());\r\n getUserAddress(userName); //Getting User Address\r\n this.addressSearched = true;\r\n }\r\n }\r\n else if (!this.alreadySearched && !fetchingUserAddress && !waitingOnGeolocation && !waitingOnGeoAddress) {//if we are not waiting on any above apis, finally call the search api.\r\n //console.log(\"search all\", userAddress[0].City);\r\n const searchModel = {\r\n keyword: \"Primary Care Provider\",\r\n vectorName: \"pcp\",\r\n specialty: \"Family Medicine\",\r\n pageNumber: 1,\r\n perPage: 3,\r\n sortBy: \"NextAvailableAppointment\",\r\n overrideRules: false,\r\n distance: 20,\r\n visitType: \"Video Visit\",\r\n openScheduling: true\r\n };\r\n const location = this.getLocation();\r\n if (location)\r\n searchModel.location = location;\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.FindNewDoctor.SearchProviders\", new Date(), Tools.getURLPath(), searchModel);\r\n searchProviders(searchModel, enableNewVideoVisitFlow, this.newDoctorSearchResultCallback);//call this to get new doctor available times.\r\n this.alreadySearched = true;\r\n }\r\n }\r\n\r\n newDoctorSearchResultCallback() {\r\n const { newDoctorProviders } = this.props;\r\n if (newDoctorProviders && newDoctorProviders.length > 0 && this.state.newDoctorAvailableTimes.length === 0) {\r\n let items = [];\r\n newDoctorProviders.map((providerObj) => {\r\n if (providerObj) {\r\n let formatedProvider = {\r\n provider: providerObj.provider && {\r\n ...providerObj.provider,\r\n specialty: providerObj.provider && providerObj.provider.specialties && providerObj.provider.specialties.length > 0 ? providerObj.provider.specialties[0].Specialty : \"\"\r\n },\r\n scheduleDays: providerObj.provider && providerObj.provider.openSchedule && providerObj.provider.openSchedule.dateAndTimes,\r\n }\r\n items.push(formatedProvider)\r\n }\r\n })\r\n this.setState({\r\n newDoctorAvailableTimes: items\r\n });\r\n } \r\n }\r\n\r\n getLocation = () => {\r\n const { curPosLatitude, curPosLongitude, geolocationError, geoAddressError, city, state } = this.props;\r\n let location = \"\";\r\n //assuming it falls into one of the three usecase scenario as per geoapi call made on intial loads.\r\n if (geolocationError && geoAddressError) {\r\n location = \"\";\r\n //console.log(\"no location on error\");\r\n }\r\n else { //if location access allowed \r\n if (curPosLatitude && curPosLongitude)\r\n location = curPosLatitude + ',' + curPosLongitude;\r\n else if (city && state)\r\n location = city + ',' + state;\r\n //console.log(\"some location or none\", location);\r\n }\r\n\r\n return location;\r\n }\r\n\r\n linkMyInsurance = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.LinkMyInsurance.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push({\r\n pathname: '/linkedaccounts',\r\n searchParams: \"openInsurance=true\"\r\n });\r\n }\r\n\r\n SeeAllSlotsInOnCallDoctor = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.SeeAllSlotsInOnCallDoctor.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push('/schedulevideovisit');\r\n }\r\n\r\n findNewDoctor = () => {\r\n const { newDoctorProvidersSuccess, newDoctorProviders } = this.props;\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.FindNewDoctor.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push({\r\n pathname: \"/inperson\",\r\n state: {\r\n fromVideoVisitPage: true,\r\n newDoctorSearchQuery: newDoctorProvidersSuccess && (!newDoctorProviders || (newDoctorProviders && newDoctorProviders.length === 0)) ? \"keyword=Primary Care Provider&vectorName=pcp&sortBy=NextAvailableAppointment&specialty=Family Medicine&distance=25\" : \"keyword=Primary Care Provider&vectorName=pcp&sortBy=NextAvailableAppointment&specialty=Family Medicine\"\r\n }\r\n });\r\n }\r\n\r\n seeAllYourDoctors = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.SeeAllYourDoctors.Clicked\", new Date(), Tools.getURLPath());\r\n const { providerList, history, serverData } = this.props;\r\n if (providerList && providerList.length > 0) {\r\n history.push({\r\n pathname: \"/schedule/videovisit/DirectSchedule\",\r\n state: { selectedUser: this.state.selectedUser, noSelectPatient: true, isFromVideoVisitOptions: true, isMyDoctor:true }\r\n });\r\n } else {\r\n history.push(\"/findcare\");\r\n }\r\n }\r\n\r\n commonSymptomsInfo = () => {\r\n const { symptoms, getVideoVisitConditions } = this.props;\r\n this.setState({\r\n openModal: true\r\n });\r\n if (symptoms === null) {\r\n getVideoVisitConditions();\r\n }\r\n }\r\n\r\n toggleModal = () => {\r\n this.setState({\r\n openModal: !this.state.openModal\r\n });\r\n }\r\n\r\n toggleTabs = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n iterateSlots(partOfDay, items, formatNeeded = false) {\r\n const { showTimeZoneMessage } = this.props;\r\n if (!partOfDay || partOfDay.length === 0) return items;\r\n const timings = partOfDay.map((item, index) => { return showTimeZoneMessage ? moment(item.dateTimeInDallas).format(\"h:mm A\") : moment.utc(item.dateTimeInUtc).local().format(\"h:mm A\"); });\r\n if (!timings || timings.length === 0) return items;\r\n\r\n for (let i = 0; i < timings.length; i++) {\r\n if (items.length < SLOTS_NEEDED_ON_CALL) {\r\n let centralDay = Tools.isCentralTimeZone() && !formatNeeded ? \"TODAY\" : moment(partOfDay[i].dateTimeInDallas).format(\"ddd. MMM DD\");\r\n let utcDay = !formatNeeded ? \"TODAY\" : moment.utc(partOfDay[i].dateTimeInUtc).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: showTimeZoneMessage ? centralDay : utcDay,\r\n timeSlot: partOfDay[i],\r\n time: timings[i],\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n redirectTo: \"/schedulevideovisit\"\r\n });\r\n }\r\n else\r\n break;\r\n }\r\n return items;\r\n }\r\n\r\n getYourDoctorTimeSlotDetails(provider) {\r\n const openSchedule = provider;\r\n const { showTimeZoneMessage } = this.props;\r\n let items = [];\r\n let npiId = \"\";\r\n for (let ids of providerSlots.provider.iDs) {\r\n for (let id in ids) {\r\n if (ids.type === \"ProviderNPI\") {\r\n npiId = ids.id;\r\n }\r\n \r\n }\r\n }\r\n if (openSchedule && openSchedule.slots) {\r\n for (let i = 0; i < openSchedule.slots.length; i++) {\r\n const slot = openSchedule.slots[i];\r\n if (slot) {\r\n let datetimearray = slot.date.split('T');\r\n const date = datetimearray[0]; //\"2020-09-30\";\r\n const time = datetimearray[1]; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_YOUR_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && slot.dayString.includes(\"Today\") ? \"TODAY\" : moment(Tools.convertDateToCentralTz(slot.date)).format(\"ddd. MMM DD\");\r\n let utcDay = slot.dayString.includes(\"Today\") ? \"TODAY\" : moment.utc(slot.date).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: slot.dayString,\r\n time: slot.timeString,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId: slot.visitTypeId,\r\n departmentId: slot.departmentId,\r\n dateTimeString: slot.date,\r\n displayName: provider.displayName,\r\n // npi: provider.npi, //this need not be repeated\r\n npi: npiId ? npiId : null,\r\n photo: provider.photoUrl,//this need not be repeated\r\n specialty: provider.specialty, //this need not be repeated \r\n redirectTo: `/schedule/${provider.npi}/${slot.visitTypeId}/${slot.departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${provider.npi}/DirectSchedule`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_YOUR_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n this.yourDoctorAvailableTimes = items;\r\n }\r\n\r\n getYourDoctorTimeSlotDetailsV3(providerSlots) {\r\n const { showTimeZoneMessage } = this.props;\r\n let items = [];\r\n let npiId = \"\";\r\n if (providerSlots && providerSlots.provider && providerSlots.provider.iDs) {\r\n for (let ids of providerSlots.provider.iDs) {\r\n for (let id in ids) {\r\n if (ids.type === \"ProviderNPI\") {\r\n npiId = ids.id;\r\n }\r\n \r\n }\r\n }\r\n }\r\n const openSchedule = providerSlots && providerSlots.scheduleDays && providerSlots.scheduleDays.length > 0 ?\r\n providerSlots.scheduleDays[0] : null;\r\n let isToday = false;\r\n if (openSchedule && openSchedule.date) {\r\n //We are not getting date with time format, so we have timezone issue. For temp fix adding T00:00:00\r\n const slotDate = new Date(`${openSchedule.date}T00:00:00`);\r\n const today = new Date();\r\n if (today.getDate() === slotDate.getDate() && today.getMonth() === slotDate.getMonth() && today.getFullYear() === slotDate.getFullYear()) {\r\n isToday = true;\r\n }\r\n }\r\n if (providerSlots && providerSlots.providerInfo && openSchedule && openSchedule.slots) {\r\n for (let i = 0; i < openSchedule.slots.length; i++) {\r\n const slot = openSchedule.slots[i];\r\n const displayName = providerSlots.providerInfo.displayName ? providerSlots.providerInfo.displayName : null;\r\n //const npi = providerSlots.providerInfo.npi ? providerSlots.providerInfo.npi : null;\r\n const npi = npiId ? npiId : null;\r\n const photo = providerSlots.providerInfo.photoUrl ? providerSlots.providerInfo.photoUrl : null;\r\n const specialty = providerSlots.providerInfo.specialty ? providerSlots.providerInfo.specialty : null;\r\n const visitTypeId = openSchedule.visitType && openSchedule.visitType.id ? openSchedule.visitType.id : null;\r\n const departmentId = openSchedule.department && openSchedule.department.id ? openSchedule.department.id : null;\r\n if (slot && openSchedule.date) {\r\n //let datetimearray = openSchedule.date.split('T');\r\n const date = openSchedule.date; //\"2020-09-30\";\r\n const time = slot.time; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_YOUR_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && isToday ? \"TODAY\" : moment(Tools.convertDateToCentralTz(date)).format(\"ddd. MMM DD\");\r\n let utcDay = isToday ? \"TODAY\" : moment.utc(date).local().format(\"ddd. MMM DD\");\r\n const displayTime = time ? moment(time, [\"HH.mm\"]).format(\"hh:mm a\") : null;\r\n items.push({\r\n selectedDay: centralDay,\r\n time: displayTime,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId,\r\n departmentId,\r\n dateTimeString: date,\r\n displayName,\r\n npi, //this need not be repeated\r\n photo,//this need not be repeated\r\n specialty, //this need not be repeated \r\n redirectTo: `/schedule/${npi}/${visitTypeId}/${departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${npi}/DirectSchedule`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_YOUR_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n this.yourDoctorAvailableTimes = items;\r\n } \r\n getNewDoctorTimeSlotDetails(providers) {\r\n const { providerNpiList } = this.props;\r\n const { showTimeZoneMessage } = this.props;\r\n let provider = null;\r\n let items = [];\r\n for (let prov = 0; prov < providers.length; prov++) {\r\n //Filter out Direct Scheduling doctors based on npi and display the first non-Direct Scheduling doctor in the Phynd api results.\r\n if (providerNpiList.length === 0 || (providers[prov].provider && providers[prov].provider.npi &&\r\n providerNpiList.length > 0 && providerNpiList.indexOf(providers[prov].provider.npi) === -1)) {\r\n provider = providers[prov].provider;\r\n break;\r\n }\r\n }\r\n\r\n const openSchedule = provider && provider.locations && provider.locations.length > 0 && provider.locations[0] ?\r\n provider.locations[0].openSchedules : null;\r\n\r\n if (openSchedule && openSchedule.dateAndTimes) {\r\n for (let tslots = 0; tslots < openSchedule.dateAndTimes.length; tslots++) {\r\n const times = openSchedule.dateAndTimes[tslots].times;\r\n if (times) {\r\n for (let i = 0; i < times.length; i++) {\r\n let datetimearray = times[i].time.split('T');\r\n const date = datetimearray[0]; //\"2020-09-30\";\r\n const time = datetimearray[1]; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_NEW_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && openSchedule.dateAndTimes[tslots].dayString.includes(\"Today\") ? \"TODAY\" : moment(Tools.convertDateToCentralTz(times[i].time)).format(\"ddd. MMM DD\");\r\n let utcDay = openSchedule.dateAndTimes[tslots].dayString.includes(\"Today\") ? \"TODAY\" : moment.utc(times[i].time).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: openSchedule.dateAndTimes[tslots].dayString,\r\n time: times[i].timeString,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId: times[i].visitTypeId,\r\n departmentId: times[i].departmentId,\r\n dateTimeString: times[i].time,\r\n displayName: provider.displayName,\r\n npi: provider.npi, //this need not be repeated\r\n photo: provider.photo,//this need not be repeated\r\n specialties: provider.specialties, //this need not be repeated \r\n redirectTo: `/schedule/${provider.npi}/${times[i].visitTypeId}/${times[i].departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${provider.npi}/OpenSchedule/${times[i].visitTypeId}/${times[i].departmentId}`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_NEW_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // this.newDoctorAvailableTimes = items;\r\n\r\n this.setState({\r\n newDoctorAvailableTimes: items\r\n });\r\n }\r\n\r\n //Looping through each item untill we fill SDC appts.\r\n getVideoVisitAvailabilityData() {\r\n const { timeslots } = this.props.videoVisitTimeSlots;\r\n let items = [];\r\n if (timeslots) {\r\n const [today = [], tomorrow = []] = timeslots;\r\n items = this.iterateSlots(today && today.morning, items);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(today && today.afternoon, items);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(today && today.evening, items);\r\n\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.morning, items, true);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.afternoon, items, true);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.evening, items, true);\r\n this.availableTimesSDC = items;\r\n }\r\n }\r\n\r\n //get next day with particular format\r\n //getNextDayFormat(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && moment.utc(timeslots[selectedDay][daySlot][0].dateTimeInUtc).local().format(\"ddd. MMM YY\");\r\n //}\r\n\r\n //full details of selected time slotsto send to next steps.\r\n //getDisplayedTimeSlots(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && timeslots[selectedDay][daySlot].map((item, index) => { return item; });\r\n //}\r\n\r\n //get times to display in particular format.\r\n //getTimes(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && timeslots[selectedDay][daySlot].map((item, index) => { return moment.utc(item.dateTimeInUtc).local().format(\"h:mm A\"); });\r\n //}\r\n\r\n //specific slot for selected day.\r\n //getSlot(selectedDay) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // //return timeslots && (timeslots[selectedDay].morning.length > 0 ? \"morning\"\r\n // // : timeslots[selectedDay].afternoon.length > 0 ? \"afternoon\"\r\n // // : timeslots[selectedDay].evening.length > 0 ? \"evening\" : null);\r\n // return timeslots && timeslots[selectedDay] ? [timeslots[selectedDay].morning, timeslots[selectedDay].afternoon, timeslots[selectedDay].evening, timeslots[selectedDay].dateLabel] : [];\r\n //}\r\n inEligibilityInfo = () => {\r\n this.setState({\r\n inEligibilityModal: true\r\n });\r\n }\r\n\r\n inEligibilityToggleModal = () => {\r\n this.setState({\r\n inEligibilityModal: !this.state.inEligibilityModal\r\n });\r\n }\r\n\r\n render() {\r\n const { hasSwhp, hasAAL, isProxyUser, symptoms, isSymptomsWaiting, providerList, serverData, location,\r\n videoVisitTimeSlots, showVideoVisitAvailability, newDoctorProviders, newDoctorProvidersWaiting, newDoctorProvidersError, newDoctorProvidersSuccess,\r\n earliestScheduleSuccess, earliestScheduleWaiting, earliestScheduleError, earliestScheduleProvider, waitingOnGeoAddress, waitingOnGeolocation, fetchingUserAddress, videoVisitTypeForYourDoctorAvailability,\r\n SDCCostLabel, isActiveFeature_SDCVideoVisit, hasAuthorizedFeatureSameDayVideo, isActiveFeature_AmbulatoryVideoVisit, AmbulatoryCostLabel, outOfStateOptionsForSdc, showTimeZoneMessage, currentuser, \r\n showSDC24By7TextInOnCallProvider,screenBreakPoint } = this.props;\r\n \r\n const showYourDoctors = isActiveFeature_AmbulatoryVideoVisit && providerList && providerList.length > 0;\r\n const { timeslots, isWaiting, isSuccess, isError } = videoVisitTimeSlots;\r\n if (showVideoVisitAvailability && this.availableTimesSDC.length === 0)\r\n this.getVideoVisitAvailabilityData();//call this to get available time slots for SDC.\r\n\r\n if (!earliestScheduleWaiting && earliestScheduleProvider && this.yourDoctorAvailableTimes.length === 0) {\r\n if (serverData && serverData.enableV3VideoVisitApi) {\r\n this.getYourDoctorTimeSlotDetailsV3(earliestScheduleProvider);\r\n } else { \r\n this.getYourDoctorTimeSlotDetails(earliestScheduleProvider);\r\n }\r\n }\r\n\r\n const restrictLocalAndOncallDoctorTile = serverData && serverData.restrictVideoVisitForUnderAgeProxies && currentuser && typeof currentuser.ageYears !== 'undefined' && currentuser.ageYears !== '' && currentuser.ageYears !== null\r\n && currentuser.ageYears <= 2;\r\n\r\n const isFromCovid19ScreenerSurvey = location && location.state && location.state.isFromCovid19ScreenerSurvey ? true : false;\r\n\r\n const covid19TestLocation = serverData && serverData.covid19TestLocation ? serverData.covid19TestLocation : null;\r\n\r\n const showNotEligibleMsg = !restrictLocalAndOncallDoctorTile && !isActiveFeature_AmbulatoryVideoVisit && !isActiveFeature_SDCVideoVisit;\r\n\r\n const showMarkupForNotEligible = (\r\n
\r\n : (\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Video On Demand
\r\nSchedule a Video On Demand at a time that's convenient for you!
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n No Waiting Around
\r\n\r\n \r\n
\r\n Diagnosis by a BSWH Provider
\r\n\r\n \r\n
\r\n Response & Prescription (if needed) in 1hr
\r\n\r\n
\r\n\r\n {serverData && serverData.enableAA && hasAAL && !aalDown &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {(hasAAL || hasHealthPlan) && price <= 75 ? 'Your Estimated Cost' : 'Your Max Cost'}: \r\n ${price}\r\n
\r\n {insuranceText}
\r\n \r\n Get Started\r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n Traveling outside Texas?
\r\n SEE MORE OPTIONS
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {!isWaiting ?\r\n <>\r\n {videoVisitConditions && videoVisitConditions.length > 0 &&\r\n \r\n \r\n }\r\n \r\n :
\r\n Symptoms we treat:
\r\n
\r\n - \r\n {videoVisitConditions.slice(0, videoVisitConditionsSplit).map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \r\n );\r\n })}\r\n
\r\n
\r\n - \r\n {videoVisitConditions.slice(videoVisitConditionsSplit, videoVisitConditions.length).map((condition, index) => {\r\n return (\r\n
- {condition.conditionName} \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 {markup}\r\n Video On Demand {showDisplayName}
\r\n\r\n
);\r\n\r\n const restrictLocalAndOncallDoctorMarkup = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n { logUI(\"MBHWeb.UI.VideoVisitOptions.InEligible.FindDoctor.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: \"/findcare\" }}>FIND A DOCTOR\r\n {isFromCovid19ScreenerSurvey && { logUI(\"MBHWeb.UI.VideoVisitOptions.InEligible.Covid19TestingLocation.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: covid19TestLocation }} target=\"_blank\">FIND A COVID-19 TESTING LOCATION}\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n const loadTabLabels = () => {\r\n let labels = [];\r\n if (showYourDoctors) {\r\n labels.push(yourDoctorLabel);\r\n }\r\n if (showLocalDoctor) {\r\n labels.push(localDoctorLabel);\r\n }\r\n if (showOnCallDoctor) {\r\n labels.push(onCallProviderLabel);\r\n }\r\n return labels;\r\n }\r\n\r\n const showOnCallDoctor = !restrictLocalAndOncallDoctorTile && isActiveFeature_SDCVideoVisit && !isFromCovid19ScreenerSurvey; // headerProxyUser && headerProxyUser.sameDayVideoInfo && isActiveFeature_SDCVideoVisit && (headerProxyUser.sameDayVideoInfo.IsSameDayVideoEligible || headerProxyUser.sameDayVideoInfo.HasSameDayVideoAuthorizedFeature);\r\n const disableOnCallGetStarted = !isActiveFeature_SDCVideoVisit && hasAuthorizedFeatureSameDayVideo;\r\n const hasSDCVideoAuthorizedFeature = hasAuthorizedFeatureSameDayVideo;\r\n const showMiniSpinner = showVideoVisitAvailability && !disableOnCallGetStarted && (typeof timeslots === 'undefined' || isWaiting && !isSuccess);\r\n const showErrorOnCallDoctor = showVideoVisitAvailability && !disableOnCallGetStarted && !isWaiting && isSuccess && (timeslots === 'undefined' || (timeslots && timeslots.length === 0) || this.availableTimesSDC.length === 0);\r\n const showLocalDoctor = !restrictLocalAndOncallDoctorTile && isActiveFeature_AmbulatoryVideoVisit; \r\n const showMarkupOnCallDoctorError = (\r\n
\r\n BSWH does not offer video visits for patients in this age group who do not currently have a relationship with primary care provider. Please schedule an in-person visit. \r\n Go back to the dashboard for in-person visit options.
\r\n\r\n
);\r\n\r\n const noProvidersForNearMe = (\r\n
\r\n We're sorry, it looks like we're all booked.
\r\nOther options
\r\n - \r\n
- 1Skip the doctor's office with an eVisit \r\n {hasAAL &&
- 2Access your DrOnDemand service }\r\n
\r\n We were unable to find a doctor near you.
\r\n Use the button below to find a new doctor or choose one of the other video visit options.
\r\n
);\r\n\r\n const timezone = Tools.getCentralDateWithFormat(new Date(), \"z\");\r\n const isMobile = ([msgs.XS_MOBILE, msgs.SM_MOBILE]).indexOf(screenBreakPoint) > -1 ? true : false;\r\n const hidePageHeading = ([msgs.XS_MOBILE, msgs.SM_MOBILE]).indexOf(screenBreakPoint) > -1 ? true : false;\r\n const tabLabels = loadTabLabels();\r\n const showContentSwitcher = !(screenBreakPoint === msgs.XXL_DESKTOP) && (tabLabels && tabLabels?.length > 1);\r\n\r\n const videoVisitSubText = \r\n Standard office visit copay will apply.\r\n \r\n When not to schedule a video visit\r\n \r\n Use the button below to find a new doctor or choose one of the other video visit options.
\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 {restrictLocalAndOncallDoctorTile && !showYourDoctors\r\n ? restrictLocalAndOncallDoctorMarkup() \r\n : showNotEligibleMsg\r\n ? showMarkupForNotEligible\r\n : <>\r\n {outOfStateOptionsForSdc &&\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n Traveling outside Texas?\r\n See More Options
\r\n\r\n
\r\n \r\n {showContentSwitcher &&\r\n { this.toggleTabs(item); }}\r\n size=\"lg\"\r\n fluid\r\n />\r\n }\r\n
\r\n \r\n {showYourDoctors &&\r\n
\r\n \r\n
}\r\n {showLocalDoctor &&\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n We had an issue displaying your doctors available times.
\r\n Use the button below or choose one of the other video visit options.
\r\n : earliestScheduleSuccess && this.yourDoctorAvailableTimes.length === 0\r\n ? \"Your doctors don't have availability for a Video Visit in the next 30 days.\"\r\n : videoVisitTypeForYourDoctorAvailability\r\n ? \"\"\r\n : \"View your doctors to see their available scheduling times.\"\r\n }\r\n avatar={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].photo : \"\"}\r\n displayName={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].displayName : \"\"}\r\n specialty={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].specialty : \"\"}\r\n selectedUser={this.state.selectedUser}\r\n isFromVideoVisitOptions\r\n hasMoreButton\r\n noSelectPatient\r\n showTimeZoneMessage={showTimeZoneMessage}\r\n />\r\n
\r\n \r\n Use the button below or choose one of the other video visit options.
\r\n : earliestScheduleSuccess && this.yourDoctorAvailableTimes.length === 0\r\n ? \"Your doctors don't have availability for a Video Visit in the next 30 days.\"\r\n : videoVisitTypeForYourDoctorAvailability\r\n ? \"\"\r\n : \"View your doctors to see their available scheduling times.\"\r\n }\r\n avatar={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].photo : \"\"}\r\n displayName={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].displayName : \"\"}\r\n specialty={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].specialty : \"\"}\r\n selectedUser={this.state.selectedUser}\r\n isFromVideoVisitOptions\r\n hasMoreButton\r\n noSelectPatient\r\n showTimeZoneMessage={showTimeZoneMessage}\r\n />\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n View All Your Doctors\r\n \r\n
\r\n \r\n
\r\n }\r\n {showOnCallDoctor && \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n 0 ? this.state.newDoctorAvailableTimes[0].photo : \"\"}\r\n displayName={this.state.newDoctorAvailableTimes.length > 0 ? this.state.newDoctorAvailableTimes[0].displayName : \"\"}\r\n specialty={this.state.newDoctorAvailableTimes.length > 0 && this.state.newDoctorAvailableTimes[0].specialties && this.state.newDoctorAvailableTimes[0].specialties.length > 0 ? this.state.newDoctorAvailableTimes[0].specialties[0].Specialty : \"\"}\r\n selectedUser={this.state.selectedUser}\r\n isFromVideoVisitOptions\r\n hasMoreButton\r\n noSelectPatient\r\n showTimeZoneMessage={showTimeZoneMessage}\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 24 hour care available, Common symptoms treated\r\n
\r\n CAN'T WAIT?
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!(showErrorOnCallDoctor && showMarkupOnCallDoctorError) && }\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(VideoVisitOptionsCardHeader);","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport CommonSymptoms from './CommonSymptoms';\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, ModalHeader, ModalBody, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport VideoVisitAvailability_PreNew from './VideoVisitAvailiability_PreNew';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport moment from 'moment-timezone';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\n\r\nconst SLOTS_NEEDED_ON_CALL = 3;\r\nconst SLOTS_NEEDED_NEW_DOCTOR = 2;\r\nconst SLOTS_NEEDED_YOUR_DOCTOR = 2;\r\nconst timeZones = {\r\n CST: 'Central Standard Time',\r\n CDT: 'Central Daylight Time'\r\n};\r\n\r\nclass VideoVisitOptions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const onCallDoctorSchedule = props && (props.isActiveFeature_SDCVideoVisit || props.hasAuthorizedFeatureSameDayVideo);\r\n this.state = {\r\n openModal: false,\r\n activeTab: props && !props.videoVisitTypeForYourDoctorAvailability & onCallDoctorSchedule ? \"3\" : props.providerList && props.providerList.length > 0 ? \"1\" : \"2\",\r\n selectedUser: this.props && this.props.location && this.props.location.state && this.props.location.state.selectedUser,\r\n newDoctorAvailableTimes: []\r\n };\r\n this.availableTimesSDC = [];\r\n // this.newDoctorAvailableTimes = [];\r\n this.yourDoctorAvailableTimes = [];\r\n this.newDoctorSearchResultCallback = this.newDoctorSearchResultCallback.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const date = Tools.getFormattedDate(new Date());\r\n const clientUTCOffset = this.props.showTimeZoneMessage ? moment.tz(\"America/Chicago\").utcOffset() : moment().utcOffset();//We show central time\r\n const { getVideoVisitTimeSlots, showVideoVisitAvailability, isActiveFeature_SDCVideoVisit, providerList, getProvidersListByVisitType,\r\n getEarliestDirectVideoVisitScheduleForProviders, getProviderWithEarliestSchedule, resetNewDoctorResults } = this.props;\r\n const isSameDayEnabled = isActiveFeature_SDCVideoVisit;\r\n\r\n resetNewDoctorResults();\r\n //this.newDoctorAvailableTimes = [];\r\n if (this.state.newDoctorAvailableTimes && this.state.newDoctorAvailableTimes.length > 0) {\r\n this.setState({\r\n newDoctorAvailableTimes: []\r\n });\r\n }\r\n this.availableTimesSDC = [];\r\n if (showVideoVisitAvailability && isSameDayEnabled) {\r\n getVideoVisitTimeSlots(clientUTCOffset, date);\r\n //if (enableV3VideoVisitApi) { getEarliestDirectVideoVisitScheduleForProviders(epicIdNDepartId); }\r\n //else { getVideoVisitTimeSlots(clientUTCOffset, date);}\r\n }\r\n\r\n const { getGeoLocation, curPosLatitude, curPosLongitude, waitingOnGeolocation } = this.props;\r\n if (!curPosLatitude && !curPosLongitude && !waitingOnGeolocation) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetGeoLocationBasedOnIPAddress\", new Date(), Tools.getURLPath());\r\n getGeoLocation(false); //Getting ip address based location \r\n this.ipSearched = true;\r\n }\r\n\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { userName, getUserAddress, curPosLatitude, curPosLongitude, getGeoLocation, geolocationError, waitingOnGeoAddress, waitingOnGeolocation,\r\n fetchingUserAddress, searchProviders, providerListPending, getProvidersListByVisitType,\r\n getProviderWithEarliestSchedule, videoVisitTypeForYourDoctorAvailability, providerNpiListStr, token, currentuser, serverData, isSwitchingProxy } = this.props;\r\n const enableNewVideoVisitFlow = window.serverData && window.serverData.data && window.serverData.data.enableNewVideoVisitFlow;\r\n if (prevProps && prevProps.providerNpiListStr && providerNpiListStr && prevProps.providerNpiListStr !== providerNpiListStr) {\r\n this.fetchYourDoctors = false;\r\n //Reseting due to filter out Direct Scheduling doctors based on npi and display the first non-Direct Scheduling doctor in the Phynd api results.\r\n if (this.state.newDoctorAvailableTimes && this.state.newDoctorAvailableTimes.length > 0) {\r\n this.setState({\r\n newDoctorAvailableTimes: []\r\n });\r\n }\r\n }\r\n\r\n if (!providerListPending && providerNpiListStr && (!this.fetchYourDoctors && !isSwitchingProxy)\r\n && videoVisitTypeForYourDoctorAvailability) {\r\n this.yourDoctorAvailableTimes = [];\r\n\r\n if (serverData && serverData.enableV3VideoVisitApi) {\r\n let searchModel = {\r\n loginId: this.props.userName,\r\n proxyPatientId: currentuser.externalId,\r\n proxyPatientIdType: \"External\",\r\n visitTypeId: videoVisitTypeForYourDoctorAvailability\r\n };\r\n\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetProvidersListByVisitType\", new Date(), Tools.getURLPath());\r\n getProvidersListByVisitType(searchModel, token, enableNewVideoVisitFlow);\r\n } else {\r\n let searchModel = { Ids: providerNpiListStr, idType: \"Npi\", visitTypeId: videoVisitTypeForYourDoctorAvailability, numberOfDays: \"30\" };\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetProviderWithEarliestSchedule\", new Date(), Tools.getURLPath());\r\n getProviderWithEarliestSchedule(searchModel);\r\n }\r\n\r\n this.fetchYourDoctors = true;\r\n }\r\n\r\n if ((!this.alreadySearched && !this.ipSearched) && !curPosLatitude && !curPosLongitude && !waitingOnGeolocation) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetGeoLocationBasedOnIPAddress\", new Date(), Tools.getURLPath());\r\n getGeoLocation(false); //Getting ip address based location \r\n this.ipSearched = true;\r\n }\r\n else if ((!this.alreadySearched && !this.addressSearched) && geolocationError && !curPosLatitude && !curPosLongitude && !waitingOnGeoAddress && !fetchingUserAddress && !waitingOnGeolocation) {\r\n if (userName) {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.GetUserAddress\", new Date(), Tools.getURLPath());\r\n getUserAddress(userName); //Getting User Address\r\n this.addressSearched = true;\r\n }\r\n }\r\n else if (!this.alreadySearched && !fetchingUserAddress && !waitingOnGeolocation && !waitingOnGeoAddress) {//if we are not waiting on any above apis, finally call the search api.\r\n //console.log(\"search all\", userAddress[0].City);\r\n const searchModel = {\r\n keyword: \"Primary Care Provider\",\r\n vectorName: \"pcp\",\r\n specialty: \"Family Medicine\",\r\n pageNumber: 1,\r\n perPage: 3,\r\n sortBy: \"NextAvailableAppointment\",\r\n overrideRules: false,\r\n distance: 20,\r\n visitType: \"Video Visit\",\r\n openScheduling: true\r\n };\r\n const location = this.getLocation();\r\n if (location)\r\n searchModel.location = location;\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.FindNewDoctor.SearchProviders\", new Date(), Tools.getURLPath(), searchModel);\r\n searchProviders(searchModel, enableNewVideoVisitFlow, this.newDoctorSearchResultCallback);//call this to get new doctor available times.\r\n this.alreadySearched = true;\r\n }\r\n }\r\n\r\n newDoctorSearchResultCallback() {\r\n const { newDoctorProviders } = this.props;\r\n if (newDoctorProviders && newDoctorProviders.length > 0 && this.state.newDoctorAvailableTimes.length === 0) {\r\n this.getNewDoctorTimeSlotDetails(newDoctorProviders);\r\n }\r\n }\r\n\r\n getLocation = () => {\r\n const { curPosLatitude, curPosLongitude, geolocationError, geoAddressError, city, state } = this.props;\r\n let location = \"\";\r\n //assuming it falls into one of the three usecase scenario as per geoapi call made on intial loads.\r\n if (geolocationError && geoAddressError) {\r\n location = \"\";\r\n //console.log(\"no location on error\");\r\n }\r\n else { //if location access allowed \r\n if (curPosLatitude && curPosLongitude)\r\n location = curPosLatitude + ',' + curPosLongitude;\r\n else if (city && state)\r\n location = city + ',' + state;\r\n //console.log(\"some location or none\", location);\r\n }\r\n\r\n return location;\r\n }\r\n\r\n linkMyInsurance = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.LinkMyInsurance.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push({\r\n pathname: '/linkedaccounts',\r\n searchParams: \"openInsurance=true\"\r\n });\r\n }\r\n\r\n SeeAllSlotsInOnCallDoctor = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.SeeAllSlotsInOnCallDoctor.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push('/schedulevideovisit');\r\n }\r\n\r\n findNewDoctor = () => {\r\n const { newDoctorProvidersSuccess, newDoctorProviders } = this.props;\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.FindNewDoctor.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push({\r\n pathname: \"/inperson\",\r\n state: {\r\n fromVideoVisitPage: true,\r\n newDoctorSearchQuery: newDoctorProvidersSuccess && (!newDoctorProviders || (newDoctorProviders && newDoctorProviders.length === 0)) ? \"keyword=Primary Care Provider&vectorName=pcp&sortBy=NextAvailableAppointment&specialty=Family Medicine&distance=25\" : \"keyword=Primary Care Provider&vectorName=pcp&sortBy=NextAvailableAppointment&specialty=Family Medicine\"\r\n }\r\n });\r\n }\r\n\r\n seeAllYourDoctors = () => {\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.SeeAllYourDoctors.Clicked\", new Date(), Tools.getURLPath());\r\n const { providerList, history, serverData } = this.props;\r\n if (providerList && providerList.length > 0) {\r\n history.push({\r\n pathname: \"/schedule/videovisit/DirectSchedule\",\r\n state: { selectedUser: this.state.selectedUser, noSelectPatient: true, isFromVideoVisitOptions: true }\r\n });\r\n } else {\r\n history.push(\"/findcare\");\r\n }\r\n }\r\n\r\n commonSymptomsInfo = () => {\r\n const { symptoms, getVideoVisitConditions } = this.props;\r\n this.setState({\r\n openModal: true\r\n });\r\n if (symptoms === null) {\r\n getVideoVisitConditions();\r\n }\r\n }\r\n\r\n toggleModal = () => {\r\n this.setState({\r\n openModal: !this.state.openModal\r\n });\r\n }\r\n\r\n toggleTabs = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n iterateSlots(partOfDay, items, formatNeeded = false) {\r\n const { showTimeZoneMessage } = this.props;\r\n if (!partOfDay || partOfDay.length === 0) return items;\r\n const timings = partOfDay.map((item, index) => { return showTimeZoneMessage ? moment(item.dateTimeInDallas).format(\"h:mm A\") : moment.utc(item.dateTimeInUtc).local().format(\"h:mm A\"); });\r\n if (!timings || timings.length === 0) return items;\r\n\r\n for (let i = 0; i < timings.length; i++) {\r\n if (items.length < SLOTS_NEEDED_ON_CALL) {\r\n let centralDay = Tools.isCentralTimeZone() && !formatNeeded ? \"TODAY\" : moment(partOfDay[i].dateTimeInDallas).format(\"ddd. MMM DD\");\r\n let utcDay = !formatNeeded ? \"TODAY\" : moment.utc(partOfDay[i].dateTimeInUtc).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: showTimeZoneMessage ? centralDay : utcDay,\r\n timeSlot: partOfDay[i],\r\n time: timings[i],\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n redirectTo: \"/schedulevideovisit\"\r\n });\r\n }\r\n else\r\n break;\r\n }\r\n return items;\r\n }\r\n\r\n getYourDoctorTimeSlotDetails(provider) {\r\n const openSchedule = provider;\r\n const { showTimeZoneMessage } = this.props;\r\n let items = [];\r\n let npiId = \"\";\r\n for (let ids of providerSlots.provider.iDs) {\r\n for (let id in ids) {\r\n if (ids.type === \"ProviderNPI\") {\r\n npiId = ids.id;\r\n }\r\n\r\n }\r\n }\r\n if (openSchedule && openSchedule.slots) {\r\n for (let i = 0; i < openSchedule.slots.length; i++) {\r\n const slot = openSchedule.slots[i];\r\n if (slot) {\r\n let datetimearray = slot.date.split('T');\r\n const date = datetimearray[0]; //\"2020-09-30\";\r\n const time = datetimearray[1]; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_YOUR_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && slot.dayString.includes(\"Today\") ? \"TODAY\" : moment(Tools.convertDateToCentralTz(slot.date)).format(\"ddd. MMM DD\");\r\n let utcDay = slot.dayString.includes(\"Today\") ? \"TODAY\" : moment.utc(slot.date).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: slot.dayString,\r\n time: slot.timeString,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId: slot.visitTypeId,\r\n departmentId: slot.departmentId,\r\n dateTimeString: slot.date,\r\n displayName: provider.displayName,\r\n // npi: provider.npi, //this need not be repeated\r\n npi: npiId ? npiId : null,\r\n photo: provider.photoUrl,//this need not be repeated\r\n specialty: provider.specialty, //this need not be repeated \r\n redirectTo: `/schedule/${provider.npi}/${slot.visitTypeId}/${slot.departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${provider.npi}/DirectSchedule`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_YOUR_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n this.yourDoctorAvailableTimes = items;\r\n }\r\n\r\n getYourDoctorTimeSlotDetailsV3(providerSlots) {\r\n const { showTimeZoneMessage } = this.props;\r\n let items = [];\r\n let npiId = \"\";\r\n if (providerSlots && providerSlots.provider && providerSlots.provider.iDs) {\r\n for (let ids of providerSlots.provider.iDs) {\r\n for (let id in ids) {\r\n if (ids.type === \"ProviderNPI\") {\r\n npiId = ids.id;\r\n }\r\n\r\n }\r\n }\r\n }\r\n const openSchedule = providerSlots && providerSlots.scheduleDays && providerSlots.scheduleDays.length > 0 ?\r\n providerSlots.scheduleDays[0] : null;\r\n let isToday = false;\r\n if (openSchedule && openSchedule.date) {\r\n //We are not getting date with time format, so we have timezone issue. For temp fix adding T00:00:00\r\n const slotDate = new Date(`${openSchedule.date}T00:00:00`);\r\n const today = new Date();\r\n if (today.getDate() === slotDate.getDate() && today.getMonth() === slotDate.getMonth() && today.getFullYear() === slotDate.getFullYear()) {\r\n isToday = true;\r\n }\r\n }\r\n if (providerSlots && providerSlots.providerInfo && openSchedule && openSchedule.slots) {\r\n for (let i = 0; i < openSchedule.slots.length; i++) {\r\n const slot = openSchedule.slots[i];\r\n const displayName = providerSlots.providerInfo.displayName ? providerSlots.providerInfo.displayName : null;\r\n //const npi = providerSlots.providerInfo.npi ? providerSlots.providerInfo.npi : null;\r\n const npi = npiId ? npiId : null;\r\n const photo = providerSlots.providerInfo.photoUrl ? providerSlots.providerInfo.photoUrl : null;\r\n const specialty = providerSlots.providerInfo.specialty ? providerSlots.providerInfo.specialty : null;\r\n const visitTypeId = openSchedule.visitType && openSchedule.visitType.id ? openSchedule.visitType.id : null;\r\n const departmentId = openSchedule.department && openSchedule.department.id ? openSchedule.department.id : null;\r\n if (slot && openSchedule.date) {\r\n //let datetimearray = openSchedule.date.split('T');\r\n const date = openSchedule.date; //\"2020-09-30\";\r\n const time = slot.time; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_YOUR_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && isToday ? \"TODAY\" : moment(Tools.convertDateToCentralTz(date)).format(\"ddd. MMM DD\");\r\n let utcDay = isToday ? \"TODAY\" : moment.utc(date).local().format(\"ddd. MMM DD\");\r\n const displayTime = time ? moment(time, [\"HH.mm\"]).format(\"hh:mm a\") : null;\r\n items.push({\r\n selectedDay: centralDay,\r\n time: displayTime,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId,\r\n departmentId,\r\n dateTimeString: date,\r\n displayName,\r\n npi, //this need not be repeated\r\n photo,//this need not be repeated\r\n specialty, //this need not be repeated \r\n redirectTo: `/schedule/${npi}/${visitTypeId}/${departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${npi}/DirectSchedule`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_YOUR_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n this.yourDoctorAvailableTimes = items;\r\n }\r\n\r\n getNewDoctorTimeSlotDetails(providers) {\r\n const { providerNpiList } = this.props;\r\n const { showTimeZoneMessage } = this.props;\r\n let provider = null;\r\n let items = [];\r\n for (let prov = 0; prov < providers.length; prov++) {\r\n //Filter out Direct Scheduling doctors based on npi and display the first non-Direct Scheduling doctor in the Phynd api results.\r\n if (providerNpiList.length === 0 || (providers[prov].provider && providers[prov].provider.npi &&\r\n providerNpiList.length > 0 && providerNpiList.indexOf(providers[prov].provider.npi) === -1)) {\r\n provider = providers[prov].provider;\r\n break;\r\n }\r\n }\r\n\r\n const openSchedule = provider && provider.locations && provider.locations.length > 0 && provider.locations[0] ?\r\n provider.locations[0].openSchedules : null;\r\n\r\n if (openSchedule && openSchedule.dateAndTimes) {\r\n for (let tslots = 0; tslots < openSchedule.dateAndTimes.length; tslots++) {\r\n const times = openSchedule.dateAndTimes[tslots].times;\r\n if (times) {\r\n for (let i = 0; i < times.length; i++) {\r\n let datetimearray = times[i].time.split('T');\r\n const date = datetimearray[0]; //\"2020-09-30\";\r\n const time = datetimearray[1]; //\"07:00:00\";\r\n if (items.length < SLOTS_NEEDED_NEW_DOCTOR) {\r\n let centralDay = Tools.isCentralTimeZone() && openSchedule.dateAndTimes[tslots].dayString.includes(\"Today\") ? \"TODAY\" : moment(Tools.convertDateToCentralTz(times[i].time)).format(\"ddd. MMM DD\");\r\n let utcDay = openSchedule.dateAndTimes[tslots].dayString.includes(\"Today\") ? \"TODAY\" : moment.utc(times[i].time).local().format(\"ddd. MMM DD\");\r\n items.push({\r\n selectedDay: openSchedule.dateAndTimes[tslots].dayString,\r\n time: times[i].timeString,\r\n day: showTimeZoneMessage ? centralDay : utcDay,\r\n visitTypeId: times[i].visitTypeId,\r\n departmentId: times[i].departmentId,\r\n dateTimeString: times[i].time,\r\n displayName: provider.displayName,\r\n npi: provider.npi, //this need not be repeated\r\n photo: provider.photo,//this need not be repeated\r\n specialties: provider.specialties, //this need not be repeated \r\n redirectTo: `/schedule/${provider.npi}/${times[i].visitTypeId}/${times[i].departmentId}/${date}/${time}`,\r\n moreUrl: `/schedule/${provider.npi}/OpenSchedule/${times[i].visitTypeId}/${times[i].departmentId}`\r\n });\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (items.length > SLOTS_NEEDED_NEW_DOCTOR) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // this.newDoctorAvailableTimes = items;\r\n\r\n this.setState({\r\n newDoctorAvailableTimes: items\r\n });\r\n }\r\n\r\n //Looping through each item untill we fill SDC appts.\r\n getVideoVisitAvailabilityData() {\r\n const { timeslots } = this.props.videoVisitTimeSlots;\r\n let items = [];\r\n if (timeslots) {\r\n const [today = [], tomorrow = []] = timeslots;\r\n items = this.iterateSlots(today && today.morning, items);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(today && today.afternoon, items);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(today && today.evening, items);\r\n\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.morning, items, true);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.afternoon, items, true);\r\n if (items.length < SLOTS_NEEDED_ON_CALL)\r\n items = this.iterateSlots(tomorrow && tomorrow.evening, items, true);\r\n this.availableTimesSDC = items;\r\n }\r\n }\r\n\r\n //get next day with particular format\r\n //getNextDayFormat(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && moment.utc(timeslots[selectedDay][daySlot][0].dateTimeInUtc).local().format(\"ddd. MMM YY\");\r\n //}\r\n\r\n //full details of selected time slotsto send to next steps.\r\n //getDisplayedTimeSlots(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && timeslots[selectedDay][daySlot].map((item, index) => { return item; });\r\n //}\r\n\r\n //get times to display in particular format.\r\n //getTimes(selectedDay, daySlot) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // return timeslots && daySlot && timeslots[selectedDay][daySlot].map((item, index) => { return moment.utc(item.dateTimeInUtc).local().format(\"h:mm A\"); });\r\n //}\r\n\r\n //specific slot for selected day.\r\n //getSlot(selectedDay) {\r\n // const { timeslots } = this.props.videoVisitTimeSlots;\r\n // //return timeslots && (timeslots[selectedDay].morning.length > 0 ? \"morning\"\r\n // // : timeslots[selectedDay].afternoon.length > 0 ? \"afternoon\"\r\n // // : timeslots[selectedDay].evening.length > 0 ? \"evening\" : null);\r\n // return timeslots && timeslots[selectedDay] ? [timeslots[selectedDay].morning, timeslots[selectedDay].afternoon, timeslots[selectedDay].evening, timeslots[selectedDay].dateLabel] : [];\r\n //}\r\n\r\n render() {\r\n const { hasSwhp, hasAAL, isProxyUser, symptoms, isSymptomsWaiting, providerList, serverData, location,\r\n videoVisitTimeSlots, showVideoVisitAvailability, newDoctorProviders, newDoctorProvidersWaiting, newDoctorProvidersError, newDoctorProvidersSuccess,\r\n earliestScheduleSuccess, earliestScheduleWaiting, earliestScheduleError, earliestScheduleProvider, waitingOnGeoAddress, waitingOnGeolocation, fetchingUserAddress, videoVisitTypeForYourDoctorAvailability,\r\n SDCCostLabel, isActiveFeature_SDCVideoVisit, hasAuthorizedFeatureSameDayVideo, isActiveFeature_AmbulatoryVideoVisit, AmbulatoryCostLabel, outOfStateOptionsForSdc, showTimeZoneMessage, currentuser, showSDC24By7TextInOnCallProvider } = this.props;\r\n\r\n const showYourDoctors = isActiveFeature_AmbulatoryVideoVisit && providerList && providerList.length > 0;\r\n const { timeslots, isWaiting, isSuccess, isError } = videoVisitTimeSlots;\r\n if (showVideoVisitAvailability && this.availableTimesSDC.length === 0)\r\n this.getVideoVisitAvailabilityData();//call this to get available time slots for SDC.\r\n\r\n if (!earliestScheduleWaiting && earliestScheduleProvider && this.yourDoctorAvailableTimes.length === 0) {\r\n if (serverData && serverData.enableV3VideoVisitApi) {\r\n this.getYourDoctorTimeSlotDetailsV3(earliestScheduleProvider);\r\n } else {\r\n this.getYourDoctorTimeSlotDetails(earliestScheduleProvider);\r\n }\r\n }\r\n\r\n const restrictLocalAndOncallDoctorTile = serverData && serverData.restrictVideoVisitForUnderAgeProxies && currentuser && typeof currentuser.ageYears !== 'undefined' && currentuser.ageYears !== '' && currentuser.ageYears !== null\r\n && currentuser.ageYears <= 2;\r\n\r\n const isFromCovid19ScreenerSurvey = location && location.state && location.state.isFromCovid19ScreenerSurvey ? true : false;\r\n\r\n const covid19TestLocation = serverData && serverData.covid19TestLocation ? serverData.covid19TestLocation : null;\r\n\r\n const showNotEligibleMsg = !restrictLocalAndOncallDoctorTile && !isActiveFeature_AmbulatoryVideoVisit && !isActiveFeature_SDCVideoVisit;\r\n\r\n const showMarkupForNotEligible = (\r\n {showCardHeading &&\r\n
\r\n \r\n \r\n {heading}\r\n \r\n
\r\n }\r\n \r\n \r\n Benefits include: \r\n {description}\r\n \r\n
\r\n \r\n \r\n
);\r\n\r\n const restrictLocalAndOncallDoctorMarkup = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n { logUI(\"MBHWeb.UI.VideoVisitOptions.InEligible.FindDoctor.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: \"/findcare\" }}>FIND A DOCTOR\r\n {isFromCovid19ScreenerSurvey && { logUI(\"MBHWeb.UI.VideoVisitOptions.InEligible.Covid19TestingLocation.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: covid19TestLocation }} target=\"_blank\">FIND A COVID-19 TESTING LOCATION}\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n const showOnCallDoctor = !restrictLocalAndOncallDoctorTile && isActiveFeature_SDCVideoVisit && !isFromCovid19ScreenerSurvey; // headerProxyUser && headerProxyUser.sameDayVideoInfo && isActiveFeature_SDCVideoVisit && (headerProxyUser.sameDayVideoInfo.IsSameDayVideoEligible || headerProxyUser.sameDayVideoInfo.HasSameDayVideoAuthorizedFeature);\r\n const disableOnCallGetStarted = !isActiveFeature_SDCVideoVisit && hasAuthorizedFeatureSameDayVideo;\r\n const hasSDCVideoAuthorizedFeature = hasAuthorizedFeatureSameDayVideo;\r\n const showMiniSpinner = showVideoVisitAvailability && !disableOnCallGetStarted && (typeof timeslots === 'undefined' || isWaiting && !isSuccess);\r\n const showErrorOnCallDoctor = showVideoVisitAvailability && !disableOnCallGetStarted && !isWaiting && isSuccess && (timeslots === 'undefined' || (timeslots && timeslots.length === 0) || this.availableTimesSDC.length === 0);\r\n const showLocalDoctor = !restrictLocalAndOncallDoctorTile && isActiveFeature_AmbulatoryVideoVisit;\r\n const showMarkupOnCallDoctorError = (\r\n
\r\n BSWH does not offer video visits for patients in this age group who do not currently have a relationship with primary care provider. Please schedule an in-person visit.\r\n Go back to the dashboard for in-person visit options.
\r\n\r\n
);\r\n\r\n const yourDoctorsList = (\r\n
\r\n We're sorry, it looks like we're all booked.
\r\nOther options
\r\n - \r\n
- 1Skip the doctor's office with an eVisit \r\n {hasAAL &&
- 2Access your DrOnDemand service }\r\n
- \r\n {!showVideoVisitAvailability &&
- Schedule within availability }\r\n
- {AmbulatoryCostLabel} \r\n
- Symptoms treated at the discretion of your doctor \r\n
- \r\n {!showVideoVisitAvailability &&
- Schedule within availability }\r\n
- {AmbulatoryCostLabel} \r\n
- Symptoms treated at the discretion of your doctor \r\n
- \r\n {!showVideoVisitAvailability &&
- Schedule within availability }\r\n {\r\n
- \r\n {SDCCostLabel}\r\n {(disableOnCallGetStarted || (!isActiveFeature_SDCVideoVisit)) && !isProxyUser && }\r\n \r\n }\r\n
- Common symptoms treated \r\n {showSDC24By7TextInOnCallProvider ?
- Appointments available 24/7 :
- Unable to refer you for COVID-19 testing }\r\n\r\n
There are no BSWH providers within 20 miles of your location.
Find a New Doctor to expand your search.
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\r\n const enableVirtualDashboardUpdates = state.session.serverData && state.session.serverData.enableVirtualDashboardUpdates;\r\n\r\n let userCity = \"\";\r\n let userState = \"\";\r\n if (!state.healthSource.fetchingUserAddress && state.healthSource.userAddress && state.healthSource.userAddress.length > 0) {\r\n userCity = state.healthSource.userAddress[0] ? state.healthSource.userAddress[0].City : userCity;\r\n userState = state.healthSource.userAddress[0] ? state.healthSource.userAddress[0].State : userState;\r\n }\r\n\r\n return {\r\n hasAAL: state.memberships.hasAA,\r\n isProxyUser: state.domain.ip,\r\n hasSwhp: state.memberships.hasAnySWHP,\r\n symptoms: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions : null,\r\n isSymptomsWaiting: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions.isWaiting : false,\r\n videoVisitTimeSlots: state.videoVisitScheduling.videoVisitTimeSlots ? state.videoVisitScheduling.videoVisitTimeSlots : {},\r\n providerList: state.directScheduling.providerList,\r\n providerNpiListStr: state.directScheduling.providerNpiListStr,\r\n providerNpiList: state.directScheduling.providerNpiList,\r\n providerListPending: state.directScheduling.providerListPending,\r\n serverData: state.session.serverData,\r\n showVideoVisitAvailability: state.session.serverData ? state.session.serverData.showVideoVisitAvailability : false,\r\n showTimeZoneMessage: state.session.serverData ? state.session.serverData.showTimeZoneMessage : false,\r\n newDoctorProviders: state.providers.providers,\r\n newDoctorProvidersWaiting: state.providers.searchRunning,\r\n newDoctorProvidersSuccess: state.providers.success,\r\n newDoctorProvidersError: state.providers.error,\r\n isCurrentLocation: state.locations.isCurrentLocation,\r\n curPosLatitude: state.locations.latitude,\r\n curPosLongitude: state.locations.longitude,\r\n geolocationError: state.locations.geolocationError,\r\n city: userCity,\r\n state: userState,\r\n userName: state.sso.userDetails.userName,\r\n waitingOnGeoAddress: state.locations.waitingOnGeoAddress,\r\n geoAddressError: state.locations.geoAddressError,\r\n fetchingUserAddress: state.healthSource.fetchingUserAddress,\r\n waitingOnGeolocation: state.locations.waitingOnGeolocation,\r\n earliestScheduleSuccess: state.providers.earliestScheduleSuccess,\r\n earliestScheduleWaiting: state.providers.earliestScheduleWaiting,\r\n earliestScheduleError: state.providers.earliestScheduleError,\r\n earliestScheduleProvider: state.providers.earliestScheduleProvider,\r\n videoVisitTypeForYourDoctorAvailability: state.session.serverData && state.session.serverData.videoVisitTypeForYourDoctorAvailability,\r\n activeProfile: state.memberships.activeProfile,\r\n SDCCostLabel: state.memberships.SDCCostLabel,\r\n AmbulatoryCostLabel: state.memberships.AmbulatoryCostLabel,\r\n isActiveFeature_SDCVideoVisit: state.memberships.isActiveFeature_SDCVideoVisit,\r\n isActiveFeature_AmbulatoryVideoVisit: state.memberships.isActiveFeature_AmbulatoryVideoVisit,\r\n outOfStateOptionsForSdc: state.memberships.outOfStateOptionsForSdc,\r\n hasAuthorizedFeatureSameDayVideo: state.memberships.hasAuthorizedFeatureSameDayVideo,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours : \"\",\r\n token: state.domain.t,\r\n currentuser: d.hydrateProxyUser(state.domain.cu),\r\n isSwitchingProxy: state.memberships.switchingProxyUser,\r\n showSDC24By7TextInOnCallProvider: state.session.serverData && state.session.serverData.showSDC24By7TextInOnCallProvider\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitConditions: () => dispatch({ type: types.GET_VIDEO_VISIT_CONDITIONS }),\r\n getVideoVisitTimeSlots: (clientUTCOffset, date) => dispatch({ type: types.GET_VIDEO_VISIT_TIME_SLOTS, data: { clientUTCOffset, date } }),\r\n\r\n searchProviders: (searchModel, isLatestCall, callback) => {\r\n dispatch({ type: types.SEARCH_PROVIDER, searchModel: searchModel, isLatestCall, callback: callback });\r\n },\r\n getUserAddress: (userName) => {\r\n dispatch({\r\n type: types.GET_USER_ADDRESS_START, userName: userName\r\n });\r\n },\r\n getGeoLocation: (useCurrentLocation) => dispatch({ type: types.GEOLOCATION, useCurrentLocation: useCurrentLocation }),\r\n getProvidersListByVisitType: (searchModel, token, enableNewVideoVisitFlow) => {\r\n dispatch({ type: types.GET_PROVIDERS_LIST_BY_VISITTYPE, searchModel: searchModel, token, enableNewVideoVisitFlow });\r\n },\r\n getProviderWithEarliestSchedule: (searchModel) => {\r\n dispatch({ type: types.GET_PROVIDER_WITH_EARLIESTSCHEDULE, searchModel: searchModel });\r\n },\r\n resetNewDoctorResults: () => {\r\n dispatch({\r\n type: types.SEARCH_PROVIDER_CLEAR\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoVisitOptions);","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Card, Icon, Thumbnail, Typography } from \"../ecosystem\";\r\n\r\nconst VideoVisitProviderCard = ({\r\n className,\r\n photo,\r\n name,\r\n specialty,\r\n scheduleDays,\r\n getProviderSlots,\r\n onClick\r\n}) => {\r\n\r\n const cardClassName = `video-visit-provider-card ${className ? ' ' + className : ''}`;\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 {restrictLocalAndOncallDoctorTile && !showYourDoctors ? restrictLocalAndOncallDoctorMarkup() : showNotEligibleMsg ? showMarkupForNotEligible :\r\n <>\r\n {outOfStateOptionsForSdc &&\r\n \r\n
\r\n Video Visit
\r\n {!showNotEligibleMsg &&\r\nSelect an option below to speak with a doctor using a camera enabled device
\r\n }\r\n \r\n
\r\n }\r\n {/*serverData && serverData.showTimeZoneMessage && !Tools.isCentralTimeZone() &&\r\n \r\n
\r\n \r\n
\r\n Traveling outside Texas?\r\n See More Options
\r\n\r\n
\r\n */}\r\n \r\n \r\n
\r\n \r\n {`The times displayed below are in ${timeZones[timezone]} (${timezone}).`}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {showYourDoctors &&
\r\n \r\n
}\r\n {showLocalDoctor &&\r\n \r\n
\r\n \r\n
\r\n {showVideoVisitAvailability &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n My Doctor\r\n
\r\n \r\n {yourDoctorsList}\r\n
\r\n \r\n
\r\n }\r\n \r\n 0 ? this.yourDoctorAvailableTimes[0].photo : \"\"}\r\n displayName={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].displayName : \"\"}\r\n specialty={this.yourDoctorAvailableTimes.length > 0 ? this.yourDoctorAvailableTimes[0].specialty : \"\"}\r\n selectedUser={this.state.selectedUser}\r\n isFromVideoVisitOptions\r\n hasMoreButton\r\n noSelectPatient\r\n showTimeZoneMessage={showTimeZoneMessage}\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 {showOnCallDoctor &&\r\n \r\n
\r\n CAN'T WAIT?
\r\n \r\n
\r\n {showVideoVisitAvailability &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Local Doctor\r\n
\r\n \r\n {newDoctorsList}\r\n
\r\n \r\n
\r\n }\r\n \r\n 0 ? this.state.newDoctorAvailableTimes[0].photo : \"\"}\r\n displayName={this.state.newDoctorAvailableTimes.length > 0 ? this.state.newDoctorAvailableTimes[0].displayName : \"\"}\r\n specialty={this.state.newDoctorAvailableTimes.length > 0 && this.state.newDoctorAvailableTimes[0].specialties && this.state.newDoctorAvailableTimes[0].specialties.length > 0 ? this.state.newDoctorAvailableTimes[0].specialties[0].Specialty : \"\"}\r\n selectedUser={this.state.selectedUser}\r\n isFromVideoVisitOptions\r\n hasMoreButton\r\n noSelectPatient\r\n showTimeZoneMessage={showTimeZoneMessage}\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 CAN'T WAIT?
\r\n \r\n
\r\n {showVideoVisitAvailability &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n On-Call Provider\r\n
\r\n \r\n {onCallDoctorList}\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!(showErrorOnCallDoctor && showMarkupOnCallDoctorError) && }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {name ? name : 'BSWH Provider'}\r\n \r\n {specialty &&\r\n \r\n {specialty}\r\n \r\n }\r\n
\r\n {scheduleDays && getProviderSlots && \r\n \r\n \r\n Availability: {\" \"}\r\n {getProviderSlots(\r\n scheduleDays\r\n )}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n {roomState === 'connected' && showWaitingMsg && props.waitingRoomMsg && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {props.waitingRoomMsg}
\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default withRouter(TwilioVideoApp);\r\n","import React from 'react';\r\n\r\nexport default function AllowPermission() {\r\n\r\n return (\r\n <>\r\n {roomConnected && showWaitingMsg && enableVirtualWaitingRoom ? (\r\n setShowControls(true)}\r\n onTouchEnd={() => setShowControls(true)}\r\n onMouseOut={() => setShowControls(false)}\r\n >\r\n {(!isPermissionToDevices ||\r\n isFetching ||\r\n (localParticipantReconnecting && !roomDisconnected)) && (\r\n \r\n {showWaitingMsg && enableVirtualWaitingRoom ? (\r\n ''\r\n ) : (\r\n onBackdropClick()}\r\n />\r\n )}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {(isAcquiringLocalTracks || isConnecting) && (\r\n \r\n {localParticipantReconnecting &&\r\n !roomDisconnected && (\r\n
\r\n \r\n Something went wrong. We're trying to reconnect\r\n you.\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n \r\n {screenShareParticipant === room.localParticipant\r\n ? \"You're sharing your screen\"\r\n : `${screenShareParticipantName} is presenting`}\r\n
\r\n \r\n
);\r\n}","import React from 'react';\r\nimport { Logger } from '../utils';\r\nimport { useMediaSet } from 'use-media-set';\r\nimport PropTypes from 'prop-types';\r\nimport { Player } from '@lottiefiles/react-lottie-player';\r\nimport takeoffLandscape from '../../../../lotties/takeoffLandscape.json';\r\nimport takeoffPortrait from '../../../../lotties/takeoffPortrait.json';\r\n\r\nconst AnimationPerformanceTest = ({ performanceTestComplete }) => {\r\n const animationStartTime = Date.now();\r\n\r\n const mediaStates = useMediaSet({\r\n desktop: { minWidth: 1024 },\r\n });\r\n const takeoff = mediaStates.has('desktop')\r\n ? takeoffLandscape\r\n : takeoffPortrait;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n MyBSWHealth needs to use your microphone and camera.
\r\n\r\n
Select Allow when your browser asks for permissions.
\r\n\r\n {\r\n if (event === 'complete') {\r\n const animationEndTime = Date.now();\r\n\r\n Logger(\r\n 'UI.Twilio.WaitingRoom.PlayPerformanceTestAnimation',\r\n new Date(),\r\n null,\r\n mediaStates.has('desktop')\r\n ? 'takeoffLandscape'\r\n : 'takeoffPortrait'\r\n );\r\n\r\n performanceTestComplete(animationStartTime, animationEndTime);\r\n }\r\n }}\r\n src={takeoff}\r\n style={{ height: '100%', width: '100%' }}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nAnimationPerformanceTest.defaultProps = {\r\n performanceTestComplete: () => {},\r\n};\r\n\r\nAnimationPerformanceTest.propTypes = {\r\n performanceTestComplete: PropTypes.func,\r\n};\r\n\r\nexport default AnimationPerformanceTest;\r\n","import { useEffect, useRef } from 'react';\r\nimport { useTwilioAppState } from '../state';\r\nimport useRoomState from '../hooks/useRoomState';\r\n\r\nexport default function AudioTrack({ track }) {\r\n const { activeSinkId } = useTwilioAppState();\r\n const roomState = useRoomState();\r\n const audioEl = useRef();\r\n\r\n useEffect(() => {\r\n setTimeout(() => {\r\n if (track.name && !document.getElementById(track.name)) {\r\n audioEl.current = track.attach();\r\n audioEl.current.setAttribute('id', track.name);\r\n document.body.appendChild(audioEl.current);\r\n }\r\n }, 0);\r\n return () => track.detach().forEach(el => el.remove());\r\n }, [track, roomState]);\r\n\r\n useEffect(() => {\r\n let didCancel = false;\r\n if (!didCancel) {\r\n if (audioEl && audioEl.current && audioEl.current.setSinkId)\r\n audioEl.current.setSinkId(activeSinkId);\r\n }\r\n return () => {\r\n didCancel = true;\r\n };\r\n }, [activeSinkId]);\r\n\r\n return null;\r\n}","import React from 'react';\r\nimport { getInitials } from \"../../../../helpers/formatting\";\r\n\r\nexport default function Avatar(props) {\r\n const participant = props && props.isLocalParticipant ? \" avatar__local\" : \"\";\r\n const initials = props && props.userName ? getInitials(props.userName) : \"\";\r\n\r\n return (\r\n {initials && {initials}}\r\n
);\r\n\r\n\r\n}","import React from 'react';\r\nimport { Logger } from '../utils';\r\n\r\nexport default function BandwidthWarning({ setNQWarningClosed, isNQWarningClosed}) { \r\n const closeWarning = () => {\r\n setNQWarningClosed(true);\r\n Logger(\"UI.Twilio.Room.BandwidthWarning.Close.Clicked\", new Date());\r\n };\r\n return (\r\n isNQWarningClosed ? null : \r\n
\r\n );\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport useDevices from '../../hooks/useDevices';\r\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack';\r\nimport useVideoContext from '../../hooks/useVideoContext';\r\nimport Select from '../../../../common/input/select';\r\nimport AudioVisualizer from \"./AudioVisualizer\";\r\nimport { Logger } from '../../utils';\r\nimport { SELECTED_AUDIO_INPUT_KEY } from '../../constants';\r\n\r\n\r\nexport default function AudioInputList() {\r\n const { audioInputDevices } = useDevices();\r\n const { localTracks } = useVideoContext();\r\n const localAudioTrack = localTracks.find(track => track.kind === 'audio');\r\n const mediaStreamTrack = useMediaStreamTrack(localAudioTrack);\r\n const localAudioInputDeviceId = mediaStreamTrack && mediaStreamTrack.getSettings() && mediaStreamTrack.getSettings().deviceId ? mediaStreamTrack.getSettings().deviceId : null;\r\n const renderedOptions = audioInputDevices.map(device => );\r\n \r\n function replaceTrack(newDeviceId, localStorage = true) {\r\n if (localAudioTrack) {\r\n if (localStorage)\r\n window.localStorage.setItem(SELECTED_AUDIO_INPUT_KEY, newDeviceId);\r\n localAudioTrack.restart({ deviceId: { exact: newDeviceId } });\r\n Logger(`UI.Twilio.Room.AudioInputDevice.OnChange`, new Date(), { newDeviceId: newDeviceId });\r\n }\r\n\r\n }\r\n\r\n useEffect(() => {\r\n let selectedAudioDeviceId = window.localStorage.getItem(SELECTED_AUDIO_INPUT_KEY);\r\n if (selectedAudioDeviceId) {\r\n // check if this device present in list\r\n const hasSelectedAudioDevice = audioInputDevices.some(device => device.deviceId === selectedAudioDeviceId);\r\n if (hasSelectedAudioDevice && localAudioInputDeviceId !== selectedAudioDeviceId) {\r\n replaceTrack(selectedAudioDeviceId, true);\r\n }\r\n else if (!hasSelectedAudioDevice) {\r\n if (audioInputDevices && audioInputDevices.length > 0 && audioInputDevices[0] && audioInputDevices[0].deviceId)\r\n replaceTrack(audioInputDevices[0].deviceId, false);\r\n }\r\n }\r\n }, [JSON.stringify(audioInputDevices)]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Your network is causing poor connectivity. Try switching to a better network or move closer to a WiFi access point.
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { useTwilioAppState } from '../../state';\r\nimport useDevices from '../../hooks/useDevices';\r\nimport Select from '../../../../common/input/select';\r\nimport { Logger } from '../../utils';\r\n\r\nexport default function AudioOutputList() { \r\n const { audioOutputDevices } = useDevices();\r\n const { activeSinkId, setActiveSinkId } = useTwilioAppState();\r\n const activeDevice = audioOutputDevices.find(device => device.deviceId === activeSinkId);\r\n const activeOutputLabel = activeDevice ? activeDevice.label : \"\";\r\n const renderedOptions = audioOutputDevices.map(device => );\r\n //const [volumeRange, setVolumeRange] = useState(0);\r\n\r\n //const onChangeVolumeRange = (e) => {\r\n // let audioEl = document.getElementsByClassName(\"audio-element\")[0];\r\n // if (e.target.value > 0) {\r\n // audioEl.play();\r\n // audioEl.volume = e.target.value / 100;\r\n // }\r\n // setVolumeRange(e.target.value);\r\n //};\r\n\r\n return (\r\n \r\n \r\n {audioInputDevices.length > 1 ?\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import React, { useEffect, useRef, useState } from 'react';\r\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack';\r\nimport useVideoContext from '../../hooks/useVideoContext';\r\nimport useLocalAudioToggle from '../../hooks/useLocalAudioToggle';\r\nimport { Logger } from '../../utils';\r\n\r\nconst AudioContext = window.AudioContext || window.webkitAudioContext;\r\nlet audioContext;\r\n\r\nfunction initializeAnalyser(stream) {\r\n audioContext = audioContext || new AudioContext();\r\n const audioSource = audioContext.createMediaStreamSource(stream);\r\n\r\n const analyser = audioContext.createAnalyser();\r\n analyser.smoothingTimeConstant = 0.4;\r\n analyser.fftSize = 512;\r\n\r\n audioSource.connect(analyser);\r\n return analyser;\r\n}\r\n\r\nfunction AudioVisualizer() {\r\n const { localTracks } = useVideoContext();\r\n const audioTrack = localTracks.find(track => track.kind === 'audio');\r\n const [analyser, setAnalyser] = useState();\r\n const mediaStreamTrack = useMediaStreamTrack(audioTrack);\r\n const [volume, setVolume] = useState();\r\n const [isAudioEnabled, toggleAudioEnabled] = useLocalAudioToggle();\r\n const timerId = useRef();\r\n\r\n\r\n useEffect(() => {\r\n if (audioTrack && mediaStreamTrack && isAudioEnabled) {\r\n // Here we create a new MediaStream from a clone of the mediaStreamTrack.\r\n // A clone is created to allow multiple instances of this component for a single\r\n // AudioTrack on iOS Safari.\r\n let newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\r\n\r\n // Here we listen for the 'stopped' event on the audioTrack. When the audioTrack is stopped,\r\n // we stop the cloned track that is stored in 'newMediaStream'. It is important that we stop\r\n // all tracks when they are not in use. Browsers like Firefox don't let you create a new stream\r\n // from a new audio device while the active audio device still has active tracks.\r\n const stopAllMediaStreamTracks = () => newMediaStream.getTracks().forEach(track => track.stop());\r\n audioTrack.on('stopped', stopAllMediaStreamTracks);\r\n\r\n const reinitializeAnalyser = () => {\r\n stopAllMediaStreamTracks();\r\n newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\r\n setAnalyser(initializeAnalyser(newMediaStream));\r\n };\r\n\r\n setAnalyser(initializeAnalyser(newMediaStream));\r\n\r\n // Here we reinitialize the AnalyserNode on focus to avoid an issue in Safari\r\n // where the analysers stop functioning when the user switches to a new tab\r\n // and switches back to the app.\r\n window.addEventListener('focus', reinitializeAnalyser);\r\n\r\n return () => {\r\n stopAllMediaStreamTracks();\r\n window.removeEventListener('focus', reinitializeAnalyser);\r\n audioTrack.off('stopped', stopAllMediaStreamTracks);\r\n };\r\n }\r\n }, [isAudioEnabled, mediaStreamTrack, audioTrack]);\r\n\r\n useEffect(() => {\r\n if (analyser) {\r\n const sampleArray = new Uint8Array(analyser.frequencyBinCount);\r\n const getMicVolume = () => {\r\n timerId.current = requestAnimationFrame(getMicVolume);\r\n analyser.getByteFrequencyData(sampleArray);\r\n let values = 0;\r\n const length = sampleArray.length;\r\n for (let i = 0; i < length; i++) {\r\n values += sampleArray[i];\r\n }\r\n const volume = Math.min(21, Math.max(0, Math.log10(values / length / 3) * 14));\r\n setVolume(volume);\r\n };\r\n getMicVolume();\r\n }\r\n return () => { cancelAnimationFrame(timerId.current); }\r\n }, [analyser]);\r\n\r\n const audioBtnClick = () => {\r\n Logger(`UI.Twilio.Settings.Audio.${isAudioEnabled ? \"Mute\" : \"Unmute\"}.Clicked`, new Date());\r\n toggleAudioEnabled();\r\n };\r\n\r\n return (\r\n isAudioEnabled ? \r\n \r\n {audioOutputDevices.length > 1 ?\r\n
\r\n {/* \r\n \r\n onChangeVolumeRange(e)} />\r\n \r\n
*/}\r\n \r\n {[...Array(18)].map((x, i) =>\r\n \r\n )}\r\n
\r\n \r\n {[...Array(18)].map((x, i) =>\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack';\r\nimport useVideoContext from '../../hooks/useVideoContext';\r\nimport { useTwilioAppState } from '../../state';\r\nimport { isMobile, Logger } from '../../utils';\r\n\r\nexport default function FlipCameraButton(props) {\r\n const { localTracks } = useVideoContext();\r\n const [supportsFacingMode, setSupportsFacingMode] = useState(null);\r\n const videoTrack = localTracks.find(track => track.name.includes('camera'));\r\n const mediaStreamTrack = useMediaStreamTrack(videoTrack);\r\n const { settings, twilioSettings } = useTwilioAppState();\r\n let videoConstraints = null; \r\n if (twilioSettings && twilioSettings.settings) { \r\n videoConstraints = twilioSettings.settings.videoConstraints ? twilioSettings.settings.videoConstraints : null;\r\n videoConstraints = twilioSettings.settings.video ? twilioSettings.settings.video : videoConstraints;\r\n }\r\n else {\r\n videoConstraints = settings && settings.videoConstraints ? settings.videoConstraints : null;\r\n videoConstraints = settings && settings.video ? settings.video : videoConstraints;\r\n }\r\n const DEFAULT_VIDEO_CONSTRAINTS = {\r\n width: videoConstraints && videoConstraints.width ? videoConstraints.width : 1280,\r\n height: videoConstraints && videoConstraints.height ? videoConstraints.height : 720,\r\n frameRate: videoConstraints && videoConstraints.frameRate ? videoConstraints.frameRate : 24\r\n };\r\n\r\n useEffect(() => {\r\n // The 'supportsFacingMode' variable determines if this component is rendered\r\n // If 'facingMode' exists, we will set supportsFacingMode to true.\r\n // However, if facingMode is ever undefined again (when the user unpublishes video), we\r\n // won't set 'supportsFacingMode' to false. This prevents the icon from briefly\r\n // disappearing when the user switches their front/rear camera.\r\n const currentFacingMode = mediaStreamTrack && mediaStreamTrack.getSettings() && mediaStreamTrack.getSettings().facingMode;\r\n if (currentFacingMode && supportsFacingMode === null) {\r\n setSupportsFacingMode(true);\r\n }\r\n }, [mediaStreamTrack, supportsFacingMode]);\r\n\r\n const toggleFacingMode = useCallback(() => {\r\n const currentFacingMode = mediaStreamTrack && mediaStreamTrack.getSettings() && mediaStreamTrack.getSettings().facingMode;\r\n const newFacingMode = currentFacingMode === 'user' ? 'environment' : 'user';\r\n videoTrack.restart({\r\n ...DEFAULT_VIDEO_CONSTRAINTS,\r\n facingMode: newFacingMode\r\n });\r\n Logger(`UI.Twilio.Room.FlipCameraButton.Clicked`, new Date(), { currentFacingMode: currentFacingMode, newFacingMode: newFacingMode });\r\n }, [mediaStreamTrack, videoTrack]);\r\n\r\n return supportsFacingMode && isMobile ? (\r\n \r\n \r\n \r\n ) : null;\r\n}\r\n","import React from 'react';\r\n\r\nexport default function Options({ deviceSettingsOpen, onOptionsClicked, showLabel }) {\r\n\r\n return (\r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { useEffect, useRef} from 'react';\r\nimport useLocalAudioToggle from '../../hooks/useLocalAudioToggle';\r\nimport { Logger } from '../../utils';\r\nimport useVideoContext from '../../hooks/useVideoContext';\r\nimport useRoomState from '../../hooks/useRoomState';\r\nimport { useTwilioAppState } from '../../state';\r\nimport { CONSUMER } from '../../constants';\r\n\r\n\r\nexport default function ToggleAudioButton(props) {\r\n const [isAudioEnabled, toggleAudioEnabled] = useLocalAudioToggle();\r\n const toggleCount = useRef(0);\r\n const roomState = useRoomState();\r\n const isReconnecting = roomState === 'reconnecting';\r\n const { source } = useTwilioAppState();\r\n const enableVirtualWaitingRoom = window && window.serverData && window.serverData.data ? window.serverData.data.enableVirtualWaitingRoom : false;\r\n\r\n const { localTracks, isPublishingTracks, isAcquiringLocalTracks } = useVideoContext();\r\n const audioTrack = localTracks.find(track => track.kind === 'audio');\r\n\r\n const audioBtnClick = () => {\r\n Logger(`UI.Twilio.Room.Audio.${isAudioEnabled ? \"Mute\" : \"Unmute\"}.Clicked`, new Date());\r\n toggleAudioEnabled();\r\n };\r\n\r\n useEffect(() => {\r\n if (enableVirtualWaitingRoom && source === CONSUMER) {\r\n if (props.showWaitingMsg && !isReconnecting && !isAcquiringLocalTracks && !isPublishingTracks && audioTrack && toggleCount.current !== 1) {\r\n toggleAudioEnabled();\r\n toggleCount.current = 1;\r\n }\r\n else if (!props.showWaitingMsg && audioTrack && toggleCount.current == 1) {\r\n toggleAudioEnabled();\r\n toggleCount.current = 2;\r\n }\r\n }\r\n }, [props.showWaitingMsg, audioTrack, isPublishingTracks, isAcquiringLocalTracks, isReconnecting,enableVirtualWaitingRoom]);\r\n\r\n return (\r\n { setShowDrawerUI(prevState => !prevState); }} />\r\n\r\n {localParticipantRole && localParticipantRole.toLowerCase() !== 'staff' && source === PROVIDER &&
\r\n {props.deviceSettingsOpen && {window.patientInRoomEnterTime && timeInSeconds ? timeInSeconds : \"--:--\"}
}\r\n \r\n
\r\n {roomState !== 'disconnected' &&\r\n \r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n
\r\n {providerButtons && isFullScreen && source === PROVIDER &&\r\n \r\n {providerButtons}\r\n
\r\n }\r\n \r\n \r\n
);\r\n}\r\n","import React from 'react';\r\nimport AudioInputList from './AudioInputList';\r\nimport AudioOutputList from './AudioOutputList';\r\nimport VideoInputList from './VideoInputList';\r\n\r\nexport default function Settings({ onOptionsClicked}) {\r\n return (<>\r\n \r\n
);\r\n}\r\n","import React from \"react\";\r\nlet touchInfo = {\r\n direction: \"none\",\r\n swipeType: \"\",\r\n startX: \"\",\r\n startY: \"\",\r\n distX: \"\",\r\n distY: \"\", \r\n elapsedTime: \"\",\r\n startTime: \"\",\r\n isMouseDown: false\r\n};\r\nexport default class Swipeable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onTouchEnd = this.onTouchEnd.bind(this);\r\n this.onTouchStart = this.onTouchStart.bind(this);\r\n this.onTouchMove = this.onTouchMove.bind(this);\r\n this.onMouseDown = this.onMouseDown.bind(this);\r\n this.onMouseMove = this.onMouseMove.bind(this);\r\n this.onMouseUp = this.onMouseUp.bind(this);\r\n }\r\n onTouchStart = (e) => {\r\n e.preventDefault();\r\n const touchobj = e.changedTouches[0];\r\n touchInfo = {\r\n ...touchInfo,\r\n direction: \"none\",\r\n swipeType: \"none\",\r\n distX: 0,\r\n distY: 0,\r\n startX: touchobj.pageX,\r\n startY: touchobj.pageY,\r\n startTime: new Date().getTime()\r\n };\r\n if (this.props.handleTouch)\r\n this.props.handleTouch(e, \"none\", \"start\", touchInfo.swipeType, 0); \r\n };\r\n onTouchMove = (e) => {\r\n e.preventDefault(); // prevents scrolling.\r\n const touchobj = e.changedTouches[0];\r\n touchInfo.distX = touchobj.pageX - touchInfo.startX;\r\n touchInfo.distY = touchobj.pageY - touchInfo.startY;\r\n\r\n if (Math.abs(touchInfo.distX) > Math.abs(touchInfo.distY)) {\r\n // if distance traveled horizontally is greater than vertically, consider this a horizontal movement\r\n touchInfo.direction = touchInfo.distX < 0 ? \"left\" : \"right\";\r\n if (this.props.handleTouch)\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"move\",\r\n touchInfo.swipeType,\r\n touchInfo.distX\r\n );\r\n } else {\r\n // else consider this a vertical movement\r\n touchInfo.direction = touchInfo.distY < 0 ? \"up\" : \"down\";\r\n if (this.props.handleTouch)\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"move\",\r\n touchInfo.swipeType,\r\n touchInfo.distY\r\n ); \r\n }\r\n };\r\n onTouchEnd = (e) => {\r\n e.preventDefault();\r\n\r\n touchInfo.elapsedTime = new Date().getTime() - touchInfo.startTime; // get time elapsed\r\n if (touchInfo.elapsedTime <= this.props.allowedTime || 500) {\r\n // first condition for swipe met\r\n if (\r\n Math.abs(touchInfo.distX) >= (this.props.threshold || 500) &&\r\n Math.abs(touchInfo.distY) <= (this.props.restraint || 500)\r\n ) {\r\n // 2nd condition for horizontal swipe met\r\n touchInfo.swipeType = touchInfo.direction; // set swipeType to either \"left\" or \"right\"\r\n } else if (\r\n Math.abs(touchInfo.distY) >= (this.props.threshold || 500) &&\r\n Math.abs(touchInfo.distX) <= (this.props.restraint || 500)\r\n ) {\r\n // 2nd condition for vertical swipe met\r\n touchInfo.swipeType = touchInfo.direction; // set swipeType to either \"top\" or \"down\"\r\n }\r\n }\r\n \r\n if (this.props.handleTouch)\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"end\",\r\n touchInfo.swipeType,\r\n touchInfo.direction === \"left\" || touchInfo.direction === \"right\"\r\n ? touchInfo.distX\r\n : touchInfo.distY\r\n );\r\n };\r\n onMouseDown = (e) => { \r\n e.preventDefault();\r\n const touchobj = e;\r\n touchInfo = {\r\n ...touchInfo,\r\n isMouseDown: true,\r\n direction: \"none\",\r\n swipeType: \"none\",\r\n distX: 0,\r\n startX: touchobj.pageX,\r\n startY: touchobj.pageY,\r\n startTime: new Date().getTime()\r\n };\r\n if (this.props.handleTouch)\r\n this.props.handleTouch(e, \"none\", \"start\", touchInfo.swipeType, 0);\r\n };\r\n componentDidMount() {\r\n document.body.addEventListener(\"mousemove\", this.onMouseMove, false);\r\n document.body.addEventListener(\"mouseup\", this.onMouseUp, false);\r\n }\r\n componentWillUnmount() {\r\n document.body.removeEventListener(\"mousemove\", this.onMouseMove, false);\r\n document.body.removeEventListener(\"mouseup\", this.onMouseUp, false);\r\n }\r\n onMouseMove = (e) => {\r\n e.preventDefault();\r\n if (touchInfo.isMouseDown) {\r\n var touchobj = e;\r\n touchInfo.distX = touchobj.pageX - touchInfo.startX; // get horizontal dist traveled by finger while in contact with surface\r\n touchInfo.distY = touchobj.pageY - touchInfo.startY; // get vertical dist traveled by finger while in contact with surface\r\n if (Math.abs(touchInfo.distX) > Math.abs(touchInfo.distY)) {\r\n // if distance traveled horizontally is greater than vertically, consider this a horizontal movement\r\n touchInfo.direction = touchInfo.distX < 0 ? \"left\" : \"right\";\r\n if (this.props.handleTouch)\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"move\",\r\n touchInfo.swipeType,\r\n touchInfo.distX\r\n ); \r\n } else {\r\n // else consider this a vertical movement\r\n touchInfo.direction = touchInfo.distY < 0 ? \"up\" : \"down\";\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"move\",\r\n touchInfo.swipeType,\r\n touchInfo.distY\r\n ); \r\n }\r\n }\r\n };\r\n onMouseUp = (e) => {\r\n e.preventDefault();\r\n if (touchInfo.isMouseDown) {\r\n touchInfo.elapsedTime = new Date().getTime() - touchInfo.startTime; // get time elapsed\r\n if (touchInfo.elapsedTime <= (this.props.allowedTime || 500)) {\r\n // first condition for swipe met\r\n if (\r\n Math.abs(touchInfo.distX) >= (this.props.threshold || 500) &&\r\n Math.abs(touchInfo.distY) <= (this.props.restraint || 500)\r\n ) {\r\n // 2nd condition for horizontal swipe met\r\n touchInfo.swipeType = touchInfo.direction; // set swipeType to either \"left\" or \"right\"\r\n } else if (\r\n Math.abs(touchInfo.distY) >= (this.props.threshold || 500) &&\r\n Math.abs(touchInfo.distX) <= (this.props.restraint || 500)\r\n ) {\r\n // 2nd condition for vertical swipe met\r\n touchInfo.swipeType = touchInfo.direction; // set swipeType to either \"top\" or \"down\"\r\n }\r\n }\r\n \r\n if (this.props.handleTouch)\r\n this.props.handleTouch(\r\n e,\r\n touchInfo.direction,\r\n \"end\",\r\n touchInfo.swipeType,\r\n touchInfo.direction === \"left\" || touchInfo.direction === \"right\"\r\n ? touchInfo.distX\r\n : touchInfo.distY\r\n );\r\n touchInfo.isMouseDown = false;\r\n }\r\n };\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Device Settings
\r\n \r\n \r\n
\r\n );\r\n}\r\n","import { useEffect, useRef, useCallback } from 'react';\r\nimport useVideoContext from '../hooks/useVideoContext';\r\nimport { MUTE_AUDIO, TURNOFF_VIDEO} from '../constants';\r\nimport useLocalAudioToggle from '../hooks/useLocalAudioToggle';\r\nimport useLocalVideoToggle from '../hooks/useLocalVideoToggle';\r\nimport { Logger } from '../utils';\r\n\r\nexport default function DataTrack({ track }) {\r\n const { room} = useVideoContext();\r\n const lastClickTimeRef = useRef(0);\r\n const [isVideoEnabled, toggleVideo] = useLocalVideoToggle();\r\n const [isAudioEnabled, toggleAudio] = useLocalAudioToggle(); \r\n\r\n const toggleParticipantVideo = useCallback(() => { \r\n if (Date.now() - lastClickTimeRef.current > 500) { \r\n lastClickTimeRef.current = Date.now();\r\n toggleVideo();\r\n }\r\n }, [toggleVideo]); \r\n\r\n useEffect(() => {\r\n const handleMessage = (message) => {\r\n const localParticipant = room && room.localParticipant && room.localParticipant.identity ? room.localParticipant.identity : null;\r\n const messageObj = JSON.parse(message);\r\n \r\n if (messageObj && localParticipant) {\r\n const { eventName, identity } = messageObj;\r\n if (identity && identity === localParticipant) {\r\n switch (eventName) {\r\n case MUTE_AUDIO:\r\n Logger(\"UI.Twilio.DataTrack.Receive.MuteAudio\", new Date(), messageObj);\r\n if (isAudioEnabled) {\r\n toggleAudio();\r\n Logger(\"UI.Twilio.DataTrack.Receive.MuteAudio.Success\", new Date(), messageObj);\r\n }\r\n break;\r\n case TURNOFF_VIDEO:\r\n Logger(\"UI.Twilio.DataTrack.Receive.TurnOffVideo\", new Date(), messageObj);\r\n if (isVideoEnabled) {\r\n toggleParticipantVideo();\r\n Logger(\"UI.Twilio.DataTrack.Receive.TurnOffVideo.Success\", new Date(), messageObj);\r\n }\r\n break; \r\n default:\r\n return;\r\n }\r\n }\r\n }\r\n \r\n };\r\n track.on('message', handleMessage);\r\n return () => {\r\n track.off('message', handleMessage);\r\n };\r\n }, [track, isVideoEnabled, isAudioEnabled]);\r\n\r\n return null; \r\n}\r\n","import MainParticipantInfo from './MainParticipantInfo';\r\nimport ParticipantTracks from './ParticipantTracks';\r\nimport React, { useState } from 'react';\r\nimport useMainSpeaker from '../hooks/useMainSpeaker';\r\nimport useSelectedParticipant from './VideoProvider/useSelectedParticipant';\r\nimport Avatar from './Avatar';\r\nimport ParticipantNetworkQualityLevel, { useParticipantNetworkQualityLevel } from '../hooks/useParticipantNetworkQualityLevel';\r\nimport useVideoContext from '../hooks/useVideoContext';\r\nimport MiniSpinner from '../../../common/MiniSpinner';\r\nimport NetworkQualityLevel from '../components/NetworkQualityLevel';\r\nimport BandwidthWarning from '../components/BandwidthWarning';\r\nimport useScreenShareParticipant from '../hooks/useScreenShareParticipant';\r\nimport useIsTrackEnabled from '../hooks/useIsTrackEnabled';\r\nimport usePublications from '../hooks/usePublications';\r\nimport useTrack from '../hooks/useTrack';\r\nimport useIsTrackSwitchedOff from '../hooks/useIsTrackSwitchedOff';\r\nimport useIsTrackContentPreferences from '../hooks/useIsTrackContentPreferences';\r\nimport MainParticipantOverlay from './MainParticipantOverlay';\r\nimport { PROVIDER } from '../constants';\r\nimport { useTwilioAppState } from '../state';\r\nimport YesNoComponent from './YesNoComponent';\r\n\r\nconst MainParticipant = (props) => {\r\n const mainParticipant = useMainSpeaker();\r\n const [selectedParticipant] = useSelectedParticipant();\r\n\r\n const screenShareParticipant = useScreenShareParticipant();\r\n const { room: { localParticipant }, kickoutGuest } = useVideoContext();\r\n\r\n const [isNQWarningClosed, setNQWarningClosed] = useState(false);\r\n const showReconnecting = mainParticipant && mainParticipant !== localParticipant && mainParticipant.state && mainParticipant.state === \"reconnecting\" ? true : false;\r\n //const mainParticipantNQL = useParticipantNetworkQualityLevel(mainParticipant, mainParticipant === localParticipant ? true : false);\r\n let localParticipantNQL = useParticipantNetworkQualityLevel(localParticipant, true);\r\n\r\n let showRemoteParticipantNQL = false;\r\n const [remoteParticipantNQL, setRemoteParticipantNQL] = useState();\r\n const [showParticipantOverlay, setShowParticipantOverlay] = useState(false);\r\n const { source } = useTwilioAppState();\r\n const showTwilioNetworkBanner = window.serverData.data.showTwilioNetworkBanner;\r\n const showTwilioNetworkIndicator = window.serverData.data.showTwilioNetworkIndicator;\r\n const abilityToTurnoffVideoorAudioForParticipants = window.serverData.data.abilityToTurnoffVideoorAudioForParticipants;\r\n const [showRemoveGuestModal, setShowRemoveGuestModal] = useState(false);\r\n if (mainParticipant !== localParticipant && remoteParticipantNQL && remoteParticipantNQL !== 0)\r\n showRemoteParticipantNQL = true;\r\n\r\n const identityArray = mainParticipant && mainParticipant.identity && mainParticipant.identity.split(\"||\");\r\n const emailOrPhone = identityArray && identityArray.length >= 1 && identityArray[1] || \"\";\r\n const participantName = identityArray && identityArray.length >= 3 && identityArray[3] || \"\";\r\n const participantType = identityArray && identityArray.length >= 2 && identityArray[2] || \"\";\r\n\r\n const videoPriority = mainParticipant === selectedParticipant || mainParticipant === screenShareParticipant ? 'high' : null;\r\n const publications = usePublications(mainParticipant);\r\n const audioPublication = publications.find(p => p.kind === 'audio');\r\n const audioTrack = useTrack(audioPublication);\r\n const isTrackEnabled = useIsTrackEnabled(audioTrack);\r\n\r\n const videoPublication = publications.find(p => p.trackName.includes('camera'));\r\n const screenSharePublication = publications.find(p => p.trackName.includes('screen'));\r\n\r\n const videoTrack = useTrack(screenSharePublication || videoPublication);\r\n const isVideoEnabled = Boolean(videoTrack);\r\n const isVideoSwitchedOff = useIsTrackSwitchedOff(videoTrack);\r\n const toggle = () => setShowParticipantOverlay(!showParticipantOverlay);\r\n const removeGuestModalText = `\r\n \r\n {localVideoTrack && mediaStreamTrack ? (videoInputDevices.length > 1 ?\r\n
\r\n \r\n
\r\n \r\n {localVideoTrack ? \r\n \r\n : \r\n \r\n }\r\n
\r\n Camera not enabled
Are you sure you want to remove ${participantName}?
`;\r\n const isTrackContentPreferences = useIsTrackContentPreferences(videoTrack);\r\n\r\n const onYesClick = () => {\r\n setShowRemoveGuestModal(false);\r\n if (source === PROVIDER) {\r\n kickoutGuest(mainParticipant.identity);\r\n }\r\n }\r\n\r\n const onNoClick = () => {\r\n setShowRemoveGuestModal(false);\r\n }\r\n\r\n let render;\r\n const children =\r\n \r\n {showTwilioNetworkIndicator && showRemoteParticipantNQL &&
\r\n } {participantName}
\r\n {!isTrackEnabled && }\r\n {abilityToTurnoffVideoorAudioForParticipants && }\r\n \r\n \r\n \r\n {showTwilioNetworkIndicator && showRemoteParticipantNQL &&
\r\n } {participantName}
{!isTrackEnabled && }\r\n \r\n {showTwilioNetworkIndicator &&
}\r\n {(!isVideoEnabled || isVideoSwitchedOff) && {participantName}
{!isTrackEnabled && }\r\n
);\r\n }\r\n\r\n else {\r\n render = (\r\n
\r\n Something went wrong. We're trying to rejoin the call.
\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { get } from 'lodash';\r\nimport useVideoContext from '../hooks/useVideoContext';\r\nimport { MUTE_AUDIO, TURNOFF_VIDEO } from '../constants';\r\nimport { firstNameFirst, formatPhoneNumber } from \"../../../../helpers/formatting\";\r\nimport { Logger } from '../utils';\r\nimport { Participant } from 'twilio-video';\r\n\r\nconst MainParticipantOverlay = ({ appointmentDetails, identity, participantName, participantType, emailOrPhone, employeeType, isAudioEnabled, isVideoEnabled, toggle, target, setShowRemoveGuestModal }) => {\r\n const overlayRef = useRef();\r\n const { room } = useVideoContext();\r\n const [localDataTrackPublication] = [...room.localParticipant.dataTracks.values()];\r\n let participantTypeLabel = participantType || employeeType;\r\n\r\n if (participantType) {\r\n participantType = participantType.toLowerCase();\r\n }\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"mousedown\", handleClick);\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleClick);\r\n if (toggle) {\r\n toggle();\r\n }\r\n };\r\n }, []);\r\n\r\n const handleClick = e => {\r\n if (overlayRef && overlayRef.current && overlayRef.current.contains(e.target)) {\r\n return false;\r\n }\r\n // Hide popover when click outside expect target element\r\n if (get(e, 'target.id') !== target && toggle)\r\n toggle();\r\n };\r\n\r\n const onVideoClick = (e) => {\r\n e.stopPropagation();\r\n if (localDataTrackPublication) {\r\n localDataTrackPublication.track.send(JSON.stringify({ eventName: TURNOFF_VIDEO, identity }));\r\n Logger(\"UI.Twilio.DataTrack.Send.TurnOffVideo\", new Date(), { eventName: TURNOFF_VIDEO, identity });\r\n }\r\n }\r\n\r\n const onMicClick = (e) => {\r\n e.stopPropagation();\r\n if (localDataTrackPublication) {\r\n localDataTrackPublication.track.send(JSON.stringify({ eventName: MUTE_AUDIO, identity }));\r\n Logger(\"UI.Twilio.DataTrack.Send.MuteAudio\", new Date(), { eventName: MUTE_AUDIO, identity });\r\n }\r\n }\r\n\r\n const onLogoutClick = (e) => {\r\n e.stopPropagation();\r\n setShowRemoveGuestModal(true);\r\n }\r\n\r\n return (\r\n
\r\n \r\n \r\n {participantTypeLabel ? participantTypeLabel.charAt(0).toUpperCase() + participantTypeLabel.slice(1).toLowerCase() : \"Participant\"} Management\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {(participantType === \"patient\" || participantType === \"guest\") &&\r\n \r\n \r\n
\r\n \r\n {participantName && (participantType === 'patient' ? participantName : firstNameFirst(participantName))}\r\n
\r\n \r\n {participantType === \"patient\"\r\n ?
\r\n }\r\n \r\n {appointmentDetails && appointmentDetails.patientDOB &&\r\n
\r\n : <>{emailOrPhone &&\r\n \r\n
\r\n }\r\n {appointmentDetails && Patient Date of Birth
\r\n {appointmentDetails.patientDOB}
\r\n \r\n
\r\n }\r\n Reason for Visit
\r\n {appointmentDetails.reasonForVisit\r\n ?
\r\n \r\n
\r\n }\r\n }\r\n \r\n \r\n
\r\n \r\n {emailOrPhone.indexOf('@') === -1 ? formatPhoneNumber(emailOrPhone) : emailOrPhone}\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 Turn off video\r\n
\r\n \r\n
\r\n\r\n {participantType === \"guest\" &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Mute\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Remove\r\n
\r\n {!showMore\r\n ?
\r\n );\r\n}","import React from 'react';\r\n\r\nexport default function NetworkQualityLevel({ qualityLevel }) {\r\n\r\n if (qualityLevel === null || qualityLevel === 0) return null;\r\n \r\n let backgroundClass = \"\";\r\n switch (qualityLevel) {\r\n case 5:\r\n case 4: \r\n backgroundClass = \"green\";\r\n break; \r\n case 3:\r\n backgroundClass = \"orange\";\r\n break;\r\n case 1:\r\n case 2:\r\n backgroundClass = \"red\";\r\n break;\r\n default:\r\n backgroundClass = \"\"; \r\n }\r\n\r\n return (\r\n {!text || text.length <= (minTextLength + 1)\r\n ? text\r\n :
\r\n : \r\n {text.substr(0, minTextLength)}{'... '}\r\n \r\n
\r\n }\r\n {text}{' '}\r\n \r\n
\r\n } \r\n {[0, 1, 2, 3, 4].map(level => (\r\n \r\n \r\n );\r\n}\r\n","import React, {useState} from 'react';\r\nimport Avatar from '../Avatar';\r\nimport { useParticipantNetworkQualityLevel } from '../../hooks/useParticipantNetworkQualityLevel';\r\nimport NetworkQualityLevel from '../NetworkQualityLevel';\r\nimport usePublications from '../../hooks/usePublications';\r\nimport useTrack from '../../hooks/useTrack';\r\nimport useIsTrackEnabled from '../../hooks/useIsTrackEnabled';\r\nimport useIsTrackSwitchedOff from '../../hooks/useIsTrackSwitchedOff';\r\nimport useIsTrackContentPreferences from '../../hooks/useIsTrackContentPreferences';\r\nimport { PROVIDER } from '../../constants';\r\nimport { useTwilioAppState } from '../../state';\r\nimport ParticipantOverlay from './ParticipantOverlay';\r\nimport useLongPress from '../../hooks/useLongPress';\r\nimport MainParticipantOverlay from '../MainParticipantOverlay';\r\nimport { isMobile } from '../../utils';\r\nimport YesNoComponent from '../YesNoComponent';\r\nimport useVideoContext from '../../hooks/useVideoContext';\r\n\r\nconst ParticipantInfo = ({ participant, isLocalParticipant, onClick, isSelected, children}) => {\r\n const networkQualityLevel = useParticipantNetworkQualityLevel(participant, isLocalParticipant ? true : false); \r\n const participantName = participant && participant.identity && participant.identity.split(\"||\") && participant.identity.split(\"||\").length >= 3 && participant.identity.split(\"||\")[3] || \"\";\r\n const participantType = participant && participant.identity && participant.identity.split(\"||\") && participant.identity.split(\"||\").length >= 2 && participant.identity.split(\"||\")[2] || \"\";\r\n const publications = usePublications(participant);\r\n const audioPublication = publications.find(p => p.kind === 'audio');\r\n const audioTrack = useTrack(audioPublication); \r\n const isTrackEnabled = useIsTrackEnabled(audioTrack);\r\n const showTwilioNetworkIndicator = window.serverData.data.showTwilioNetworkIndicator;\r\n const videoPublication = publications.find(p => p.trackName.includes('camera'));\r\n const isVideoEnabled = Boolean(videoPublication);\r\n const videoTrack = useTrack(videoPublication);\r\n const isVideoSwitchedOff = useIsTrackSwitchedOff(videoTrack);\r\n const [participantHovered, setParticipantHovered] = useState(false);\r\n const [isLongPress, setIsLongPressed] = useState(false);\r\n const abilityToTurnoffVideoorAudioForParticipants = window.serverData.data.abilityToTurnoffVideoorAudioForParticipants;\r\n const { kickoutGuest } = useVideoContext(); \r\n const [showRemoveGuestModal, setShowRemoveGuestModal] = useState(false);\r\n const isTrackContentPreferences= useIsTrackContentPreferences(videoTrack);\r\n \r\n const { source, localParticipantRole } = useTwilioAppState();\r\n const defaultOptions = {\r\n shouldPreventDefault: true,\r\n delay: 500,\r\n };\r\n\r\n const onLongPress = (event) => {\r\n if (!isLocalParticipant) {\r\n console.log(\"longpress is triggered\");\r\n console.log({ event });\r\n setParticipantHovered(false);\r\n setIsLongPressed(true);\r\n }\r\n };\r\n\r\n const longPressEvent = useLongPress(onLongPress, onClick, defaultOptions);\r\n const removeGuestModalText = `\r\n setParticipantHovered(true)} \r\n {...longPressEvent}\r\n onMouseLeave={isLongPress ? longPressEvent.onMouseLeave : () => setParticipantHovered(false)}\r\n id=\"ParticipantInfoContainer\"\r\n > \r\n {(!isVideoEnabled || isVideoSwitchedOff) &&
\r\n\r\n {abilityToTurnoffVideoorAudioForParticipants && isMobile && !isLocalParticipant && source === PROVIDER && !participantHovered && isLongPress &&\r\n level ? 'filled' : 'empty'}`} />\r\n ))}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport ParticipantInfo from './ParticipantInfo/ParticipantInfo';\r\nimport ParticipantTracks from './ParticipantTracks';\r\n\r\n\r\nexport default function Participant({ participant, isLocalParticipant, disableAudio, enableScreenShare, onClick, isSelected}) {\r\n return (\r\n Are you sure you want to remove ${participantName}?
`; \r\n\r\n const onYesClick = () => { \r\n setShowRemoveGuestModal(false);\r\n if (source === PROVIDER) {\r\n kickoutGuest(participant.identity);\r\n }\r\n }\r\n\r\n const onNoClick = () => { \r\n setShowRemoveGuestModal(false);\r\n }\r\n\r\n return (\r\n{participantName}
\r\n \r\n {!isTrackEnabled && }\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ParticipantOverlay;","import React from 'react';\r\nimport Participant from './Participant';\r\nimport useParticipants from '../hooks/useParticipants';\r\nimport useMainParticipant from '../hooks/useMainSpeaker';\r\nimport useVideoContext from '../hooks/useVideoContext';\r\nimport useSelectedParticipant from './VideoProvider/useSelectedParticipant';\r\n\r\nexport default function ParticipantStrip(props) {\r\n const {room} = useVideoContext();\r\n const { participants, showWaitingMsg } = useParticipants();\r\n const [selectedParticipant, setSelectedParticipant] = useSelectedParticipant();\r\n const mainParticipant = useMainParticipant();\r\n if (participants.length === 0) return null; // Don't render this component if there are no remote participants.\r\n const stripParticipants = Array.from(room.participants.values()).concat(room.localParticipant).filter(participant => participant !== mainParticipant);\r\n return (\r\n \r\n \r\n \r\n {participantRole && participantRole.toLowerCase() === \"guest\" && } \r\n
\r\n \r\n {stripParticipants.map(participant => {\r\n return (\r\n participant.state === 'connected' && setSelectedParticipant(participant)}\r\n isLocalParticipant={participant === room.localParticipant}\r\n />\r\n );\r\n })} \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Publication from './Publication';\r\nimport usePublications from '../hooks/usePublications';\r\nimport useVideoContext from '../hooks/useVideoContext';\r\n\r\n/*\r\n * The object model for the Room object (found here: https://www.twilio.com/docs/video/migrating-1x-2x#object-model) shows\r\n * that Participant objects have TrackPublications, and TrackPublication objects have Tracks.\r\n *\r\n * The React components in this application follow the same pattern. This ParticipantTracks component renders Publications,\r\n * and the Publication component renders Tracks.\r\n */\r\n\r\nexport default function ParticipantTracks({ participant, disableAudio, enableScreenShare, videoPriority, className }) {\r\n const { room } = useVideoContext();\r\n const publications = usePublications(participant);\r\n const isLocal = participant === room.localParticipant;\r\n\r\n let filteredPublications;\r\n\r\n if (enableScreenShare && publications.some(p => p.trackName.includes('screen'))) {\r\n filteredPublications = publications.filter(p => !p.trackName.includes('camera'));\r\n } else {\r\n filteredPublications = publications.filter(p => !p.trackName.includes('screen'));\r\n }\r\n\r\n return (\r\n <>\r\n {filteredPublications.map(publication => (\r\n or
\r\n\r\n Close\r\n
\r\n \r\n At Baylor Scott & White Health, we're proud to be the most award-winning non-profit health system in Texas for the third year in a row.\r\n Some of our awards include:\r\n
\r\n- \r\n
- U.S. News & World Report’s 2020-2021 Best Hospitals list \r\n
- American Nurses Credentialing Center’s Magnet® and Pathway to Excellence® designation for nursing excellence \r\n
- National Quality Forum National Quality Healthcare Award \r\n
- American Hospital Association Circle of Life Award \r\n
\r\n As we enter flu season amidst the coronavirus pandemic, comparing symptoms of influenza (also known as the flu) vs. COVID-19 is one of the more common questions we face.\r\n
\r\n\r\n The only way that we can tell the difference is by getting tested for both COVID-19 and the flu. This makes it especially important to monitor ourselves and children for symptoms of illness each day.\r\n
\r\n\r\n If you have any questions, bring this up in your next upcoming video visit. We are happy to help.\r\n
`;\r\n\r\n const helicopterTip = `Now that you are waiting for your video visit, you should prepare just like you would for a traditional in-person visit with your doctor.
\r\n- \r\n
- Have a pen and paper for note taking \r\n
- Have a list of medications you take \r\n
- Make a list of questions for the doctor \r\n
- Discuss any recent symptoms that you've been experiencing `;\r\n const pharmacyTip = `
- A variety of over-the-counter medication items and gifts \r\n
- Competitive medication pricing \r\n
- Pharmacist consultation \r\n
- Immunizations \r\n
- Drive-thru \r\n
- Genetic testing \r\n
- Have a healthy breakfast \r\n
- Drink water \r\n
- Take an exercise break \r\n
- Go offline \r\n
- Get around 8 hours of sleep \r\n
- Message your doctor \r\n
- Manage appointments \r\n
- Order & refill BSW prescriptions \r\n
- And more! \r\n
- \r\n {msg}\r\n {i === 0 && (showAccordionBtn) && <>\r\n ...\r\n }\r\n ;\r\n })}\r\n
- { this.goBack(i); }} key={i} value={i}>\r\n {i + 1}\r\n {s.props.steptitle ? translateText(t && translate, s.props.steptitle, t) : translateText(t && translate, \"Step\", t) + \" \" + i}\r\n \r\n );\r\n });\r\n }\r\n\r\n // main render of stepzilla container\r\n render() {\r\n\r\n const { currentStep } = this.state;\r\n const { props } = this;\r\n let continueButtonText = \"Continue\";\r\n let continueButtonStyles = {};\r\n let bFedUp = this.props.majorFailure; // || this.state.stepStatuses[currentStep] === \"doing\";\r\n const { endOnLastStep, backButtonText, translate, t } = this.props;\r\n\r\n // We repack the children here so that we can style visibility\r\n this.childCollection = [];\r\n this.referenceCollection = [];\r\n let iCurrChild = 0;\r\n this.props.children.map((child, index) => {\r\n if (child) {\r\n let thisRef = React.createRef();\r\n const cloneExtensions = { \r\n style: { display: currentStep === iCurrChild ? \"block\" : \"none\" },\r\n key: iCurrChild, \r\n goNext: this.goNext,\r\n goBack: this.goBack,\r\n goToNewStep: this.goToNewStep\r\n };\r\n if (child instanceof React.Component\r\n || (child.type && child.type.prototype instanceof React.Component)\r\n || (child.type && child.type.WrappedComponent && child.type.WrappedComponent.prototype instanceof React.Component)) {\r\n cloneExtensions.ref = thisRef;\r\n cloneExtensions.stepManager = this;\r\n }\r\n\r\n let newChild = React.cloneElement(child, cloneExtensions);\r\n if (iCurrChild === currentStep) {\r\n //debugger;\r\n if (newChild.props.continueButtonText) {\r\n continueButtonText = newChild.props.continueButtonText;\r\n }\r\n if (newChild.props.shouldHideContinueButton) {\r\n continueButtonStyles = { 'display': 'none' };\r\n }\r\n }\r\n\r\n this.childCollection.push(newChild);\r\n this.referenceCollection.push(thisRef);\r\n\r\n iCurrChild++;\r\n }\r\n\r\n });\r\n let bShowNext = ((currentStep < (this.childCollection.length - 1)) && endOnLastStep) || !endOnLastStep;\r\n let nextBtnStyles = (currentStep === this.childCollection.length) ? { display: 'none' } : continueButtonStyles;\r\n return (\r\n
- this.onClickItem(e, index, opt)} value={opt.value} label={opt.label} label2={opt.label2} role=\"option\" tabIndex=\"-1\">\r\n {opt.label}
\r\n {opt.label2}\r\n ;\r\n });\r\n }\r\n\r\n return (\r\n
\r\n Did you know that you can manage your BSW prescriptions through MyBSWHealth?
\r\n\r\n You can transfer prescriptions, request refills and more!\r\n
\r\n\r\n Additional Services include:\r\n
\r\n- \r\n
\r\n Healthy habits: Take a walk outside your home while safely social distancing 6 feet away; practice mindful meditation and breathing exercises; wash your hands for 20 seconds.\r\n Here are other healthy habits:\r\n
\r\n- \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {heading}
\r\n \r\n While you wait for your video visit, we welcome\r\n you to our virtual waiting room.\r\n
\r\n\r\n Click on the circular red dots on the screen to get helpful and interesting info about BSWH, health tips, and more!\r\n
\r\n`;\r\n\r\n return (\r\n\r\n
\r\n );\r\n}\r\n","import React, { createContext, ReactNode } from 'react';\r\n\r\nimport { SelectedParticipantProvider } from './useSelectedParticipant';\r\n\r\n//import AttachVisibilityHandler from './AttachVisibilityHandler';\r\nimport useHandleRoomDisconnectionErrors from './useHandleRoomDisconnectionErrors';\r\nimport useHandleOnDisconnect from './useHandleOnDisconnect';\r\nimport useHandleTrackPublicationFailed from './useHandleTrackPublicationFailed';\r\nimport useLocalTracks from './useLocalTracks';\r\nimport useRoom from './useRoom';\r\nimport { endCall, Logger } from '../../utils';\r\nimport useScreenShareToggle from './useScreenShareToggle';\r\n\r\n/*\r\n * The hooks used by the VideoProvider component are different than the hooks found in the 'hooks/' directory. The hooks\r\n * in the 'hooks/' directory can be used anywhere in a video application, and they can be used any number of times.\r\n * the hooks in the 'VideoProvider/' directory are intended to be used by the VideoProvider component only. Using these hooks\r\n * elsewhere in the application may cause problems as these hooks should not be used more than once in an application.\r\n */\r\n\r\nexport const VideoContext = createContext(null);\r\n\r\nexport function VideoProvider({ options, children, onError = () => { }, onDisconnect = () => { }, kickoutGuest }) {\r\n const onErrorCallback = error => {\r\n console.log(`ERROR: ${error.message}`, error);\r\n onError(error);\r\n const { message, code, name } = error || {};\r\n Logger(\"UI.Twilio.Room.Error\", new Date(),\r\n {\r\n \"name\": name ? name : \"\",\r\n \"code\": code ? code : \"\",\r\n \"message\": message ? message : \"\",\r\n });\r\n endCall();\r\n };\r\n\r\n const onPublishErrorCallback = error => {\r\n console.log(`ERROR:`, error);\r\n Logger(\"UI.Twilio.Room.onPublishError\", new Date(), error);\r\n };\r\n\r\n const {\r\n localTracks,\r\n getLocalVideoTrack,\r\n getLocalAudioTrack,\r\n isAcquiringLocalTracks,\r\n removeLocalVideoTrack,\r\n // createTracks,\r\n removeLocalAudioTrack,\r\n getAudioAndVideoTracks,\r\n isAcquiringLocalTracksCompleted\r\n } = useLocalTracks(onErrorCallback);\r\n const { room, isConnecting, connect } = useRoom(localTracks, onErrorCallback, options);\r\n\r\n // Register onError and onDisconnect callback functions.\r\n useHandleRoomDisconnectionErrors(room, onError);\r\n useHandleTrackPublicationFailed(room, onPublishErrorCallback);\r\n useHandleOnDisconnect(room, onDisconnect);\r\n const [isSharingScreen, toggleScreenShare] = useScreenShareToggle(room, onError);\r\n\r\n return (\r\n \r\n {\r\n if (event === 'complete') {\r\n setContent(
\r\n );\r\n };\r\n\r\n const performanceTestComplete = (animationStartTime, animationEndTime) => {\r\n const performanceTest =\r\n animationEndTime - animationStartTime < MAX_ANIMATION_DURATION;\r\n\r\n performanceCheck.current = performanceTest;\r\n\r\n Logger(\r\n `UI.Twilio.WaitingRoom.PassPerformanceCheck.${\r\n performanceCheck.current ? 'True' : 'False'\r\n }`,\r\n new Date()\r\n );\r\n\r\n setContent(\r\n {lockHotSpot.current === true && (\r\n \r\n )}\r\n\r\n \r\n\r\n {showHotSpotPopover && (\r\n closeWelcomePopover()}\r\n />\r\n )}\r\n\r\n {content}\r\n
\r\n );\r\n};\r\n\r\nexport default WaitingRoom;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst DeskTop = ({ clickHotSpot }) => {\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 else if (!userSelected) {\r\n body = (<>\r\n
\r\n \r\n {isProxyAvailable &&\r\n \r\n \r\n }\r\n
\r\n {!isProxyAvailable ? showDependentProxyForm && hasMychart && isAdult\r\n ? \r\n {body}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n return { \r\n failure: state.memberships.proxyListFailure,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n serverData: state.session.serverData, \r\n myProxies: pl, \r\n history: state.session.history,\r\n hasMychart: state.domain.hm,\r\n proxyListLoaded: state.memberships.proxyListLoaded, \r\n age: state.domain.age,\r\n showDependentProxyForm: state.session.showDependentProxyForm\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index, callback) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index, callback });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoVisit_ProxySelector);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport ErrorPage from \"../common/ErrorPage\";\r\n\r\nclass ZipnosisError extends React.Component {\r\n componentDidMount() {\r\n const { errorMessage, userTags } = this.props;\r\n logUI('MBHWeb.Evisits.Start.Zipnosis.Failure', new Date(), Tools.getURLPath(), errorMessage, 'eVisits', 'Zipnosis' + userTags());\r\n }\r\n\r\n onUpdateClick = () => {\r\n const { errorMessage, userTags } = this.props;\r\n logUI('MBHWeb.Evisits.Start.Zipnosis.Redirect.Error.Update.Clicked', new Date(), Tools.getURLPath(), errorMessage, 'eVisits', 'Zipnosis' + userTags());\r\n }\r\n\r\n render() {\r\n const { title, errorMessageName, technicalHelpDeskNumber, technicalHelpDeskHours } = this.props;\r\n let { errorMessage } = this.props;\r\n let detailMessge = '';\r\n let helpDeskLink = {technicalHelpDeskNumber};\r\n let updateDemographicsMsg = (\r\n \r\n You can update it here.{' '}\r\n For technical assistance, call the MyBSWHealth technical help desk {technicalHelpDeskHours} at {helpDeskLink}.\r\n
);\r\n let callHelpDeskMsg = For technical assistance, call the MyBSWHealth technical help desk {technicalHelpDeskHours} at {helpDeskLink}.
;\r\n\r\n switch (errorMessageName) {\r\n case 'zipnosisInvalidZipCodeMessage':\r\n case 'zipnosisNoEmailMessage':\r\n case 'zipnosisEmailTakenMessage':\r\n case 'zipnosisInvalidPhoneMessage':\r\n detailMessge = updateDemographicsMsg;\r\n break;\r\n case 'zipnosisNoGenderMessage':\r\n case 'zipnosisInvalidTokenDependentMessage':\r\n case 'zipnosisFailedToAuthenticateMessage':\r\n case 'zipnosisActivatedPatientMessage':\r\n case 'zipnosisAccountLockedMessage':\r\n case 'zipnosisNoEPID':\r\n case 'zipnosisDefaultMsg':\r\n detailMessge = callHelpDeskMsg;\r\n break;\r\n default:\r\n errorMessage = '';\r\n detailMessge = callHelpDeskMsg;\r\n break;\r\n }\r\n\r\n return (\r\n \r\n
) \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default AmbulatoryCareRoomStatus;","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport ErrorPage from \"../../common/ErrorPage\";\r\nimport _ from 'lodash';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as queryString from 'query-string';\r\nimport { formatDoctorName } from \"../../../helpers/formatting\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\nimport AmbulatorySurvey from \"./AmbulatorySurvey\";\r\nimport ConfirmationModal from \"../../common/ConfirmationModal\";\r\nimport NotAuthorized from \"../../common/NotAuthorized\";\r\nimport TwilioVideo from \"../VideoVisitV2\";\r\nimport { CONSUMER } from '../VideoVisitV2/constants';\r\nimport VideoVisitToolTip from \"./VideoVisitToolTip\";\r\nimport { endCall } from '../VideoVisitV2/utils';\r\nimport AmbulatoryCareRoomStatus from \"./AmbulatoryCareRoomStatus\";\r\nimport Video from 'twilio-video';\r\nimport enhanceMessage from '../VideoVisitV2/components/enhanceMessage';\r\nimport BrowserErrorMessages from './BrowserErrorMessages';\r\nimport Preflight from '../VideoVisitV2/components/Preflight';\r\nimport { logRTCDiagnostics } from \"../VideoVisitV2/utils/RTCDiagnostics\";\r\nimport GuestVideoVisitStatus from \"./GuestVideoVisitStatus\";\r\nimport ipRangeCheck from 'ip-range-check';\r\nimport Dashboard from \"../../dashboard/Dashboard\";\r\nimport Appointment from \"../../estimates/appointment\";\r\nimport Spinner from '../../common/spinner';\r\n\r\nconst TOKEN_STATUS = { WAITING: \"WAITING\", APPROVED: \"TOKEN_GENERATED\", DENIED: \"GUEST NOT ALLOWED\", KICKED: \"KICKED\", CANCELED: \"CANCELED\" };\r\nvar _csnId = null;\r\nvar _patientInternalId = null;\r\nvar _appointmentDetails = null;\r\n\r\nclass AmbulatoryCareVideoVisit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const csnId = props.match.params.csnId;\r\n if (csnId && !isNaN(csnId)) {\r\n _csnId = csnId;\r\n }\r\n else {\r\n const searchParams = location.search ? queryString.parse(location.search)\r\n : location.searchParms ? queryString.parse(location.searchParms) : null;\r\n _csnId = searchParams && searchParams['csnid'];\r\n _patientInternalId = searchParams && searchParams['patientinternalid'];\r\n if (_patientInternalId) {\r\n _patientInternalId = _patientInternalId.replace(/\\+|\\s/g, '');\r\n }\r\n }\r\n this.canEnableVisit = false;\r\n this.state = {\r\n videoVisitError: false,\r\n csnIdOfAppointment: _csnId,//this.props.match.params.csnId, // CSN ID of the visit, from the route.\r\n hasAudioIn: false,\r\n hasAudioOut: false,\r\n hasVideoIn: false,\r\n hardwareScanned: false,\r\n enableLaunchButton: this.canEnableVisit,\r\n showAmbulatorySurvey: false,\r\n isTestVideo: this.props.match.params.csnId ? this.props.match.params.csnId.toLowerCase() === 'test' : false,\r\n timeToStartVideo: null,\r\n errorCode: null,\r\n errorMsg: \"We were unable to begin the video visit.\",\r\n isFetchingTwilioToken: false,\r\n isPermissionToDevices: false,\r\n isFetchingSharedLinkToken: false,\r\n mediaError: null,\r\n twilioUserName: null, //using this for survey.\r\n twilioDiagnosticsSettings: null,\r\n isConnecting: false,\r\n rtcDiagnosticsComplete: false,\r\n preflightComplete: false,\r\n roomTokenAssigned: false,\r\n showApprovalWaiting: false,\r\n showApprovalDenied: false,\r\n showUserKicked: false,\r\n isCurrentSystemRestricted: false\r\n };\r\n\r\n this.hasVideoVisitLanched = false;\r\n\r\n this.getAudioVideoStatus = this.getAudioVideoStatus.bind(this);\r\n\r\n this.testVideoVisit = this.testVideoVisit.bind(this);\r\n this.tryAgainClick = this.tryAgainClick.bind(this);\r\n this.checkCurrentSystemRestricted = this.checkCurrentSystemRestricted.bind(this);\r\n\r\n this.onTwilioEndCall = this.onTwilioEndCall.bind(this);\r\n this.enableAudioAndVideo = this.enableAudioAndVideo.bind(this);\r\n\r\n const { os, osVersion } = Tools.getOSInfo();\r\n let needIOSUpgrade = props.needIOSUpgrade;\r\n if (needIOSUpgrade === undefined) {\r\n const isiOS = os && os === \"iOS\" && Tools.isMobile() && osVersion && osVersion[0];\r\n needIOSUpgrade = isiOS && osVersion[0] == 15 && osVersion[1] && osVersion[1] == 1;\r\n }\r\n this.isSupportedBrowser = Video.isSupported && !needIOSUpgrade;\r\n if (this.isSupportedBrowser) {\r\n this.getAudioVideoStatus();\r\n }\r\n else {\r\n const env = {\r\n browser: window.serverData.data.browser,\r\n browserVersion: window.serverData.data.browserVersion,\r\n os,\r\n osVersion\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.Twilio.NotSupported\", new Date(), Tools.getURLPath(), env);\r\n }\r\n\r\n this.currentBrowserName = Tools.browserDetection();\r\n this.android = Tools.isAndroid();\r\n this.ios = Tools.isIos();\r\n const me = this;\r\n // set a timer to enable the launch button when it's time for the visit to start, and disable it when the visit has expired.\r\n var timer = setInterval(() => {\r\n this.canEnableVisit = me.isTimeToStart();\r\n let current = me.state.enableLaunchButton;\r\n\r\n // only update state when a change occurs...\r\n if (this.canEnableVisit !== current) {\r\n me.setState({ enableLaunchButton: this.canEnableVisit });\r\n }\r\n }, 5000);\r\n this.videoErrorMsg = \"\";\r\n this.isSDCVisit = false;\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VideoVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n const { roomId, jwttoken, isFromNonLogin, sharedLinkCode } = this.props;\r\n this.canEnableVisit = this.isTimeToStart();\r\n const { enableLaunchButton, isCurrentSystemRestricted } = this.state;\r\n if (enableLaunchButton !== this.canEnableVisit) {\r\n this.setState({ enableLaunchButton: this.canEnableVisit });\r\n }\r\n\r\n const checkIfCurrentSystemRestricted = this.checkCurrentSystemRestricted();\r\n if (!isCurrentSystemRestricted) {\r\n this.setState({ isCurrentSystemRestricted: checkIfCurrentSystemRestricted });\r\n }\r\n\r\n if (isFromNonLogin && sharedLinkCode && !jwttoken) { // if jwttoken not found in SharedLink\r\n logUI(\"MBHWeb.UI.VideoVisit.Twilio.ShareLinkCode\", new Date(), Tools.getURLPath(), { shareLinkCode: sharedLinkCode });\r\n const url = Tools.buildUrl(window.serverData.data.portalAPIURL, `/api/v2/video/ConsumerShareLinkToken?sharedLinkCode=${sharedLinkCode}`);\r\n const params = {\r\n headers: {\r\n \"accept\": \"application/json\",\r\n \"content-type\": \"application/json\"\r\n },\r\n method: \"GET\"\r\n };\r\n this.setState({ isFetchingSharedLinkToken: true });\r\n this.shareLinkTokenCallTimer = setInterval(() => {\r\n this.fetchSharedLinkRoomDetails(url, params);\r\n }, window.serverData.data.guestLinkStatusIntervalSeconds * 1000);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.twilioRoom = null;\r\n logUI(\"MBHWeb.UI.VideoVisit.ComponentWillUnmount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n checkCurrentSystemRestricted() {\r\n let isRestricted = false;\r\n const { serverData } = this.props;\r\n const myIp = serverData && serverData.ipAddress ? serverData.ipAddress : null;\r\n const cidrArr = serverData && serverData.twilioIPRangesToRestrict ? serverData.twilioIPRangesToRestrict : null\r\n const cidrArrValues = cidrArr ? cidrArr.split(',') : [];\r\n try {\r\n if (myIp && cidrArr) {\r\n isRestricted = ipRangeCheck(myIp, cidrArrValues);\r\n if (isRestricted) {\r\n logUI(\"MBHWeb.UI.VideoVisit.CurrentSystemIP.Restricted\", new Date(), Tools.getURLPath(), { myIp, RestrictedCIDRValues: cidrArr });\r\n }\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n return isRestricted;\r\n }\r\n\r\n fetchSharedLinkRoomDetails = (url, params) => {\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken\", new Date(), Tools.getURLPath(), { isFromSharedLink: true });\r\n fetch(url, params)\r\n .then(resp => {\r\n return resp.json();\r\n })\r\n .then(resp => {\r\n const { jwtToken = null, status = null, room = \"\", error, hasError, username = null, twilioConnectSettings = {}, twilioDiagnosticsSettings = {} } = resp || {};\r\n if (hasError && error) {\r\n if (this.shareLinkTokenCallTimer)\r\n clearInterval(this.shareLinkTokenCallTimer);\r\n this.setState({ isFetchingSharedLinkToken: false });\r\n const { error: errorMessage } = error;\r\n if (errorMessage.toUpperCase().indexOf(TOKEN_STATUS.DENIED) > -1) {\r\n this.setState({ showApprovalDenied: true });\r\n }\r\n else if (errorMessage.toUpperCase().indexOf(TOKEN_STATUS.KICKED) > -1) {\r\n this.setState({ showUserKicked: true });\r\n }\r\n else\r\n throw errorMessage;\r\n }\r\n else if (jwtToken && room && (status === null || (status && status.toUpperCase() === TOKEN_STATUS.APPROVED))) { //We are bypassing if status is null becuase API code is not out there.\r\n if (status) {\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken.RequestApproved\", new Date(), Tools.getURLPath());\r\n }\r\n if (this.shareLinkTokenCallTimer)\r\n clearInterval(this.shareLinkTokenCallTimer);\r\n\r\n if (!twilioConnectSettings) {\r\n logUI(\"MBHWeb.UI.VideoVisit.DynamicSettings.NotFound\", new Date(), Tools.getURLPath());\r\n } else {\r\n logUI(\"MBHWeb.UI.VideoVisit.DynamicSettings.Found\", new Date(), Tools.getURLPath(), twilioConnectSettings);\r\n }\r\n const { enablePreflightTest = false, preflightDurationInSeconds = 5 } = twilioDiagnosticsSettings || {};\r\n const { enableRTCDiagnostics, enableTwilioPreflightTest } = window.serverData.data;\r\n this.setState({ showApprovalWaiting: false, roomConnectionData: { token: jwtToken, roomName: room, twilioUserName: username, twilioConnectSettings, twilioDiagnosticsSettings } }, () => {\r\n if (!enablePreflightTest || !enableTwilioPreflightTest)\r\n this.onPreflightComplete();\r\n else {\r\n this.setState({ showPreflight: true, preflightTokenInfo: { token: jwtToken, roomName: room, twilioUserName: username, testDuration: preflightDurationInSeconds } });\r\n }\r\n });\r\n if (!enableRTCDiagnostics) {\r\n this.onRTCDiagnosticsComplete();\r\n }\r\n else {\r\n logRTCDiagnostics(twilioDiagnosticsSettings, room, username, this.onRTCDiagnosticsComplete);\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.Start.Success\", new Date(), Tools.getURLPath());\r\n }\r\n else if (!jwtToken && status && status.toUpperCase() === TOKEN_STATUS.WAITING) {\r\n this.setState({ showApprovalWaiting: true, twilioUserName: username });\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken.RequestWaiting\", new Date(), Tools.getURLPath());\r\n } else {\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken.NoStatus\", new Date(), Tools.getURLPath());\r\n if (this.shareLinkTokenCallTimer) {\r\n clearInterval(this.shareLinkTokenCallTimer);\r\n }\r\n throw \"We're sorry, we're not able to load your video visit.\";\r\n }\r\n })\r\n .catch(err => {\r\n console.log(\"video visit error\", err);\r\n logUI(\"MBHWeb.UI.VideoVisit.Start.Error\", new Date(), Tools.getURLPath(), { error: err });\r\n this.setState({ roomError: err && typeof err === 'string' ? err : \"We're sorry, we're not able to load your video visit.\", showSharedLinkTryAgain: err && err.toUpperCase().indexOf(TOKEN_STATUS.CANCELED) > -1 ? false : true });\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { userIsSwitching, history } = this.props;\r\n if (prevProps && prevProps.userIsSwitching && !userIsSwitching) {\r\n if (history)\r\n //debugger;\r\n history.push(\"/\");\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (endCall) {\r\n endCall();\r\n }\r\n if (this.shareLinkTokenCallTimer)\r\n clearInterval(this.shareLinkTokenCallTimer);\r\n }\r\n\r\n callbackOnLeave = () => {\r\n if (window.userToSwitch) {\r\n this.props.switchToMyChartUser(window.userToSwitch, window.userToSwitch.index);\r\n }\r\n }\r\n\r\n onTwilioEndCall(room) {\r\n const userName = room && room.localParticipant && room.localParticipant.identity ? room.localParticipant.identity : \"\";\r\n this.setState((prevState) => ({\r\n showAmbulatorySurvey: true,\r\n twilioUserName: userName ? userName : prevState.twilioUserName\r\n }));\r\n logUI(\"MBHWeb.UI.VideoVisit.LeftRoom\", new Date(), Tools.getURLPath(), JSON.stringify({ \"VideoType\": \"Twilio\" }));\r\n }\r\n\r\n getAudioVideoStatus() {\r\n let hasAudioIn = false;\r\n let hasAudioOut = false;\r\n let hasVideoIn = false;\r\n\r\n if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\r\n navigator.mediaDevices.enumerateDevices()\r\n .then(info => {\r\n for (var i = 0; i < info.length; i++) {\r\n const device = info[i];\r\n const deviceType = device.kind;\r\n\r\n if (deviceType.toLowerCase() === \"audioinput\") {\r\n hasAudioIn = true;\r\n }\r\n\r\n if (deviceType.toLowerCase() === \"audiooutput\") {\r\n hasAudioOut = true;\r\n }\r\n\r\n if (deviceType.toLowerCase() === \"videoinput\") {\r\n hasVideoIn = true;\r\n }\r\n }\r\n\r\n //Audio out validation is not supported by safari.\r\n if ((Tools.isSafari() || this.ios || this.currentBrowserName === 'Firefox') && !hasAudioOut) {\r\n logUI(\"MBHWeb.UI.VideoVisit.HardwareScan.AudioOut.Skip\", new Date(), Tools.getURLPath());\r\n hasAudioOut = true;\r\n }\r\n\r\n // some loser needs to get in the visit even though he has no camera :)\r\n if (window.location.search && window.location.search.toLocaleLowerCase().indexOf(\"hwbypass\") > 0) {\r\n hasAudioIn = true;\r\n hasAudioOut = true;\r\n hasVideoIn = true;\r\n }\r\n\r\n //Try to enable audio/video device.\r\n if (hasAudioIn || hasVideoIn) {\r\n this.enableAudioAndVideo(hasAudioIn, hasVideoIn);\r\n } else {\r\n //To Avoid race condition and let twilio throws the error when connect.\r\n this.setState({\r\n isPermissionToDevices: true,\r\n mediaError: null\r\n });\r\n }\r\n\r\n this.setState({ hasAudioIn: hasAudioIn, hasAudioOut: hasAudioOut, hasVideoIn: hasVideoIn, hardwareScanned: true }, () => {\r\n logUI(\"MBHWeb.UI.VideoVisit.HardwareScan.Completed\", new Date(), Tools.getURLPath());\r\n if (this.state.isTestVideo) {\r\n this.testVideoVisit();\r\n }\r\n });\r\n })\r\n .catch(err => {\r\n this.setState({ hardwareScanned: false });\r\n console.log(\"Error detecting client audio/video hardware\");\r\n logUI(\"MBHWeb.UI.VideoVisit.HardwareScan.Error\", new Date(), Tools.getURLPath());\r\n });\r\n }\r\n }\r\n\r\n //Try to enable audio and video\r\n enableAudioAndVideo(audio, video) {\r\n try {\r\n const constraint = {}\r\n if (audio)\r\n constraint.audio = true;\r\n if (video)\r\n constraint.video = true;\r\n //Forcing Front Facing camera\r\n if (this.android) {\r\n constraint[\"video\"] = { facingMode: { exact: \"user\" } };\r\n }\r\n const me = this;\r\n\r\n\r\n // Older browsers might not implement mediaDevices at all, so we set an empty object first\r\n if (navigator.mediaDevices === undefined) {\r\n navigator.mediaDevices = {};\r\n }\r\n // Some browsers partially implement mediaDevices.\r\n if (navigator.mediaDevices.getUserMedia === undefined) {\r\n navigator.mediaDevices.getUserMedia = function (constraints) {\r\n // First get ahold of the legacy getUserMedia, if present\r\n var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;\r\n if (!getUserMedia) {\r\n return Promise.reject(new Error('getUserMedia is not implemented in this browser'));\r\n }\r\n return new Promise(function (resolve, reject) {\r\n getUserMedia.call(navigator, constraints, resolve, reject);\r\n });\r\n }\r\n }\r\n //TODO Depends on the Failure do we need to show message or skip. \r\n navigator.mediaDevices.getUserMedia(constraint)\r\n .then(function (stream) {\r\n if (!stream) { return; }\r\n console.log(stream);\r\n\r\n const tracks = stream.getTracks();\r\n if (!tracks) { return; }\r\n tracks.forEach(track => track.stop());\r\n\r\n me.setState({\r\n isPermissionToDevices: true,\r\n mediaError: null\r\n });\r\n })\r\n .catch(function (err) {\r\n console.log(err.name + \": \" + err.message);\r\n const { message, name } = err || {};\r\n logUI(\"MBHWeb.UI.VideoVisit.EnableAudioOrVideo.Error\", new Date(), Tools.getURLPath(),\r\n {\r\n \"code\": name ? name : \"\",\r\n \"message\": message ? message : \"\"\r\n });\r\n //NotAllowedError - \"User has denied accessed\"\r\n //PermissionDismissedError \r\n me.setState({\r\n isPermissionToDevices: true,\r\n mediaError: err\r\n });\r\n }\r\n );\r\n } catch (e) {\r\n console.log(e);\r\n logUI(\"MBHWeb.UI.VideoVisit.EnableAudioOrVideo.Exception\", new Date(), Tools.getURLPath(), { error: e });\r\n }\r\n }\r\n\r\n // returns true if we're within five minutes of the visit's scheduled start time.\r\n isTimeToStart() {\r\n const appointmentDetails = _appointmentDetails;// this.props.videoVisits;\r\n var ret = false;\r\n const { videoVisitEnabledMinutesBeforeStart, videoVisitEnabledMinutesAfterStart,\r\n SDCVisitEnabledMinutesBeforeStart, SDCVisitEnabledMinutesAfterStart } = this.props;\r\n\r\n const minutesBefore = this.isSDCVisit ? SDCVisitEnabledMinutesBeforeStart : videoVisitEnabledMinutesBeforeStart;\r\n const minutesAfter = this.isSDCVisit ? SDCVisitEnabledMinutesAfterStart : videoVisitEnabledMinutesAfterStart;\r\n\r\n if (appointmentDetails && appointmentDetails.appointmentDateTime) {\r\n const now = Tools.toJSDate(new Date());\r\n const startTime = Tools.toJSDate(appointmentDetails.appointmentDateTime);\r\n const timeBefore = Tools.toJSDate(startTime);\r\n timeBefore.setMinutes(timeBefore.getMinutes() - minutesBefore);\r\n const timeAfter = Tools.toJSDate(startTime);\r\n timeAfter.setMinutes(timeAfter.getMinutes() + minutesAfter);\r\n //Check if appt is for today.\r\n const isApptToday = now.getFullYear() === startTime.getFullYear() && now.getMonth() === startTime.getMonth()\r\n && now.getDate() === startTime.getDate() ? true : false;\r\n if (now >= timeBefore && isApptToday) {\r\n ret = true;\r\n }\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n // returns true if the next appointment is today\r\n isToday() {\r\n const appointmentDetails = _appointmentDetails;// this.props.videoVisits;\r\n var ret = false;\r\n\r\n if (appointmentDetails && appointmentDetails.appointmentDateTime) {\r\n const now = new Date();\r\n const startTime = new Date(appointmentDetails.appointmentDateTime);\r\n\r\n if (now.getFullYear() === startTime.getFullYear() && now.getMonth() === startTime.getMonth() && now.getDate() === startTime.getDate()) {\r\n ret = true;\r\n }\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n daysUntilAppointment(appt) {\r\n const now = new Date();\r\n const then = new Date(appt && appt.appointmentDateTime);\r\n var difference = then.getTime() - now.getTime();\r\n difference = difference / (1000 * 3600 * 24);\r\n\r\n return Math.round(difference);\r\n }\r\n\r\n startVideoVisit() {\r\n if (this.isTimeToStart()) {\r\n const visit = _appointmentDetails;//this.props.videoVisits; //this.props.videoVisitDetails;\r\n var csnId = visit.csnIdOfAppointment;\r\n var patientName = visit.patientName;\r\n var physicianName = visit.physicianName ? formatDoctorName(visit.physicianName) : \"MyBSWHealth Video Visit\";\r\n var patientId = visit.patientIDs.find((v, i) => { return v.idType && (v.idType.toLowerCase() === \"internal\" || v.idType.toLowerCase() === \"external\"); });\r\n var physicianId = visit.providerIDs.find((v, i) => { return v.idType && (v.idType.toLowerCase() === \"internal\" || v.idType.toLowerCase() === \"external\"); });\r\n\r\n if (patientId) {\r\n patientId = patientId.id.trim();\r\n }\r\n\r\n if (physicianId) {\r\n physicianId = physicianId.id.trim();\r\n }\r\n if (this.videoErrorMsg === \"\" && this.state.mediaError === null && patientId) {\r\n this.doVideoVisit(patientName, patientId, physicianId, csnId, physicianName);\r\n } else {\r\n this.hasVideoVisitLanched = true;\r\n if (!patientId) {\r\n this.setState({\r\n errorCode: 404, timeToStartVideo: true\r\n });\r\n } else {\r\n this.setState({ timeToStartVideo: true });\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.LoadError\", new Date(), Tools.getURLPath(), { patientName, patientId, videoErrorMsg: this.videoErrorMsg, mediaError: this.state.mediaError });\r\n }\r\n }\r\n else {\r\n this.setState({ timeToStartVideo: false });\r\n }\r\n }\r\n\r\n // same as startVideoVisit, but only used if the user is in the Video_POC role, and only uses the test MYBSWHEALTHLOBBY chat room.\r\n testVideoVisit() {\r\n console.log(\"TST Start video visit\");\r\n var isPOC = this.props.roles ? this.props.roles.toLowerCase().indexOf(\"video_poc\") >= 0 : false;\r\n if (isPOC === true && this.props.currentUser && this.props.currentUser.externalId) {\r\n if (this.videoErrorMsg === \"\" && this.state.mediaError === null) {\r\n logUI(\"MBHWeb.UI.VideoVisit.Test.Start\", new Date(), Tools.getURLPath());\r\n const patientName = this.props.currentUser.displayName ? this.props.currentUser.displayName : this.props.userName;\r\n this.doVideoVisit(patientName, this.props.currentUser.externalId, \"123456\", \"MYBSWHEALTHLOBBY\", \"MyBSWHealth Lobby\");\r\n }\r\n } else {\r\n logUI(\"MBHWeb.UI.VideoVisit.Test.AccessIssue\", new Date(), Tools.getURLPath());\r\n this.setState({ videoVisitError: true });\r\n }\r\n }\r\n\r\n fetchTwilioRoomDetails = (url, params, isFromSharedLink = false) => {\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken\", new Date(), Tools.getURLPath(), { isFromSharedLink: isFromSharedLink });\r\n fetch(url, params)\r\n .then(resp => {\r\n return resp.json();\r\n })\r\n .then(resp => {\r\n if (!resp || !resp.jwtToken || resp.hasError) {\r\n logUI(\"MBHWeb.UI.VideoVisit.FetchJWTToken.Error\", new Date(), Tools.getURLPath(), { error: resp ? resp : \"\", isFromSharedLink: isFromSharedLink });\r\n throw (isFromSharedLink ? resp && resp.error && resp.error.error ? resp.error.error : \"\" : \"JWT Token is null\");\r\n }\r\n if (resp && !resp.roomIsAvailable) {\r\n if (resp.errorCode) {\r\n this.setState({\r\n errorCode: parseInt(resp.errorCode)\r\n });\r\n logUI(\"MBHWeb.UI.VideoVisit.Start.RoomNotAvailable\", new Date(), Tools.getURLPath(), { errorCode: resp.errorCode });\r\n return;\r\n }\r\n }\r\n var token = resp.jwtToken;\r\n var roomName = resp.room;\r\n let twilioUserName = resp && resp.username ? resp.username : null;\r\n const twilioConnectSettings = resp && resp.twilioConnectSettings ? resp.twilioConnectSettings : null;\r\n const twilioDiagnosticsSettings = resp && resp.twilioDiagnosticsSettings ? resp.twilioDiagnosticsSettings : null;\r\n if (!twilioConnectSettings) {\r\n logUI(\"MBHWeb.UI.VideoVisit.DynamicSettings.NotFound\", new Date(), Tools.getURLPath());\r\n } else {\r\n logUI(\"MBHWeb.UI.VideoVisit.DynamicSettings.Found\", new Date(), Tools.getURLPath(), twilioConnectSettings);\r\n }\r\n const { enableRTCDiagnostics, enableTwilioPreflightTest } = window.serverData.data;\r\n const { enablePreflightTest = false, preflightDurationInSeconds = 5 } = twilioDiagnosticsSettings || {};\r\n this.setState({ roomConnectionData: { token, roomName, twilioUserName, twilioConnectSettings, twilioDiagnosticsSettings } }, () => {\r\n if (!enablePreflightTest || !enableTwilioPreflightTest) {\r\n this.onPreflightComplete();\r\n } else {\r\n this.setState({ showPreflight: true, preflightTokenInfo: { token, roomName, twilioUserName, testDuration: preflightDurationInSeconds } });\r\n }\r\n });\r\n if (!enableRTCDiagnostics) {\r\n this.onRTCDiagnosticsComplete();\r\n }\r\n else {\r\n logRTCDiagnostics(twilioDiagnosticsSettings, roomName, twilioUserName, this.onRTCDiagnosticsComplete);\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.Start.Success\", new Date(), Tools.getURLPath());\r\n })\r\n .catch(err => {\r\n console.log(\"video visit error\", err);\r\n logUI(\"MBHWeb.UI.VideoVisit.Start.Error\", new Date(), Tools.getURLPath(), { error: err });\r\n if (!isFromSharedLink) {\r\n this.setState({ videoVisitError: true });\r\n }\r\n else\r\n this.setState({ roomError: err && typeof err === 'string' ? err : \"We're sorry, we're not able to load your video visit.\", showSharedLinkTryAgain: true });\r\n });\r\n }\r\n\r\n doVideoVisit(patientName, patientId, physicianId, csnId, physicianName) {\r\n const url = Tools.buildUrl(window.serverData.data.portalAPIURL, \"/api/v2/video/ConsumerToken\");\r\n this.hasVideoVisitLanched = true;\r\n const body = {\r\n participantId: patientId,\r\n participantIdType: \"External\",\r\n participantRole: \"Patient\",\r\n participantName: patientName,\r\n csnId: csnId,\r\n epicExternalProviderId: physicianId\r\n };\r\n\r\n logUI(\"MBHWeb.UI.VideoVisit.Start\", new Date(), Tools.getURLPath(), { body });\r\n\r\n const params = {\r\n headers: {\r\n \"accept\": \"application/json\",\r\n \"content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${this.props.token}`\r\n },\r\n body: JSON.stringify(body),\r\n method: \"POST\"\r\n };\r\n this.setState({ isFetchingTwilioToken: true, roomTokenAssigned: false, preflightComplete: false, rtcDiagnosticsComplete: false });\r\n this.fetchTwilioRoomDetails(url, params);\r\n }\r\n\r\n getVideoErrorMsg(videoDetailsError, hardwareError, timeToStartVideo, errorCode, isSDC) {\r\n let errorMsg = ''; let hardwareErrorMsg = \"\"; let errorCodeMsg = \"\"; //hardwareError and errorCode for twilio.\r\n if (hardwareError) {\r\n var missingHardware = [];\r\n if (!this.state.hasAudioIn) {\r\n missingHardware.push(\"a microphone\");\r\n }\r\n\r\n if (!this.state.hasAudioOut) {\r\n missingHardware.push(\"speakers\");\r\n }\r\n\r\n if (!this.state.hasVideoIn) {\r\n missingHardware.push(\"a video camera\");\r\n }\r\n\r\n var hardwareString = missingHardware.join(\", \");\r\n var lastComma = hardwareString.lastIndexOf(\",\");\r\n if (lastComma > 0) {\r\n hardwareString = hardwareString.substring(0, lastComma) + \" and \" + hardwareString.substring(lastComma + 1, hardwareString.length);\r\n }\r\n hardwareErrorMsg = \"We're not able to load your video visit. Please make sure you have \" + hardwareString + \" connected and enabled on your computer.\";\r\n }\r\n\r\n if (errorCode && (errorCode === 222 || errorCode === 111)) {\r\n if (isSDC) {\r\n errorCodeMsg = ({errorCode === 222 ? \"Your appointment has ended. Please schedule a new appointment.\" : \"We’re sorry, we are not able to load your video visit.\"});\r\n } else {\r\n //const { videoVisits } = this.props;\r\n errorCodeMsg = ({errorCode === 222 ? \"Your appointment has ended. Please schedule a new appointment or contact your doctor at\" : \"We’re sorry, we are not able to load your video visit. Please contact your doctor at\"} {_appointmentDetails.phone} for assistance.);\r\n }\r\n } else if (timeToStartVideo !== null && !timeToStartVideo) {\r\n errorMsg = \"It is not time for the video visit. Please launch the video visit closer to your appointment time.\";\r\n }\r\n else if (errorCode && (errorCode === 222 || errorCode === 111)) {\r\n errorMsg = errorCodeMsg;\r\n } else if (errorCode && errorCode === 404) {\r\n errorMsg = \"We're sorry, we're not able to load your video visit. Please try again.\";\r\n }\r\n else if (hardwareError) {\r\n errorMsg = hardwareErrorMsg;\r\n } else if (this.state.isCurrentSystemRestricted) {\r\n errorMsg = \"You're not authorized to join the room.\";\r\n }\r\n else if (videoDetailsError) {\r\n errorMsg = \"We're sorry, we're not able to load your video visit. Please try again.\";\r\n }\r\n\r\n return errorMsg;\r\n }\r\n\r\n validateCurrentVisitIsSDC(appDetails) {\r\n const { visitTypeForSDC } = this.props;\r\n let isSDCVisit = false;\r\n if (appDetails && appDetails.visitTypeIDs) {\r\n const currentVisitTypeId = Tools.findInternalId(appDetails.visitTypeIDs);\r\n isSDCVisit = currentVisitTypeId && currentVisitTypeId === visitTypeForSDC ? true : false;\r\n }\r\n return isSDCVisit;\r\n }\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n window.userToSwitch = userSelected;\r\n }\r\n\r\n tryAgainClick() {\r\n this.setState({ videoVisitError: false }, () => {\r\n if (this.state.isTestVideo) {\r\n this.testVideoVisit();\r\n }\r\n });\r\n }\r\n\r\n onTwilioRoomError = (error) => {\r\n const { message, code, name } = error || {};\r\n if (endCall) {\r\n endCall();\r\n }\r\n\r\n let errorCode = '';\r\n const mediaErrors = [\r\n 'NotAllowedError',\r\n 'NotFoundError',\r\n 'NotReadableError',\r\n 'OverconstrainedError'\r\n ];\r\n\r\n if (name && mediaErrors.indexOf(name) > -1) {\r\n errorCode = name;\r\n } else if (code) {\r\n errorCode = code;\r\n }\r\n\r\n const currentBrowserIsMobile = Tools.isMobile();\r\n\r\n const roomError = enhanceMessage(message, errorCode, currentBrowserIsMobile, CONSUMER);\r\n if (roomError)\r\n this.setState({ roomError, showTwilioRoomTryAgain: code && [53000, 53204, 53001, 53405].indexOf(code) > -1 ? true : false });\r\n\r\n }\r\n\r\n onPreflightComplete = () => {\r\n this.setState({ preflightComplete: true }, () => {\r\n const { roomConnectionData, rtcDiagnosticsComplete, roomTokenAssigned } = this.state;\r\n const { token = \"\", roomName = \"\", twilioUserName = \"\", twilioConnectSettings = {}, twilioDiagnosticsSettings = {} } = roomConnectionData || {};\r\n if (rtcDiagnosticsComplete && !roomTokenAssigned && token && roomName) { // restoring room state once preflight and rtcDiagnostics both done either with success or failure.\r\n this.setState({\r\n twilioToken: token,\r\n twilioRoomName: roomName,\r\n twilioUserName: twilioUserName,\r\n twilioConnectSettings: twilioConnectSettings,\r\n twilioDiagnosticsSettings: twilioDiagnosticsSettings,\r\n showPreflight: false,\r\n isFetchingTwilioToken: false,\r\n isFetchingSharedLinkToken: false,\r\n roomTokenAssigned: true\r\n });\r\n }\r\n else\r\n this.setState({ showPreflight: false });\r\n });\r\n\r\n }\r\n\r\n onRTCDiagnosticsComplete = () => {\r\n this.setState({ rtcDiagnosticsComplete: true }, () => {\r\n const { roomConnectionData, preflightComplete, roomTokenAssigned } = this.state;\r\n const { token = \"\", roomName = \"\", twilioUserName = \"\", twilioConnectSettings = {}, twilioDiagnosticsSettings = {} } = roomConnectionData || {};\r\n if (preflightComplete && !roomTokenAssigned && token && roomName) { // restoring room state once preflight and rtcDiagnostics both done either with success or failure.\r\n this.setState({\r\n twilioToken: token,\r\n twilioRoomName: roomName,\r\n twilioUserName: twilioUserName,\r\n twilioConnectSettings: twilioConnectSettings,\r\n twilioDiagnosticsSettings: twilioDiagnosticsSettings,\r\n showPreflight: false,\r\n isFetchingTwilioToken: false,\r\n isFetchingSharedLinkToken: false,\r\n roomTokenAssigned: true\r\n });\r\n }\r\n\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n videoVisitError,\r\n showAmbulatorySurvey,\r\n isTestVideo,\r\n timeToStartVideo,\r\n errorCode,\r\n errorMsg,\r\n isFetchingTwilioToken,\r\n isFetchingSharedLinkToken,\r\n twilioToken,\r\n twilioRoomName,\r\n isPermissionToDevices,\r\n mediaError,\r\n twilioUserName,\r\n roomError,\r\n twilioConnectSettings,\r\n showSharedLinkTryAgain,\r\n showTwilioRoomTryAgain,\r\n twilioDiagnosticsSettings,\r\n isConnecting,\r\n showPreflight,\r\n preflightTokenInfo,\r\n showApprovalDenied,\r\n showApprovalWaiting,\r\n showUserKicked\r\n } = this.state;\r\n\r\n const { isFromNonLogin, currentUser, hasMyChart, dashboardData, needIOSUpgrade, roomId, jwttoken, sharedLinkCode, resetJoinVisit } = this.props;\r\n const patientInternalId = _patientInternalId || (currentUser && currentUser.internalId) || \"\";\r\n const appointments = dashboardData && dashboardData.data && dashboardData.data.appointments;\r\n\r\n if (!isFromNonLogin && patientInternalId && this.hasVideoVisitLanched === false) {\r\n if (hasMyChart && appointments) {\r\n let tempAppointments = appointments.find(visit => visit.csnIdOfAppointment === _csnId);\r\n _appointmentDetails = tempAppointments && tempAppointments.patientInternalId &&\r\n tempAppointments.patientInternalId.trim() === patientInternalId ? tempAppointments : null;\r\n }\r\n const { eCheckInStatus } = _appointmentDetails || {};\r\n if (!isTestVideo && (!_csnId || !hasMyChart || !patientInternalId || (dashboardData && !dashboardData.isWaiting && !appointments) ||\r\n (appointments && (!eCheckInStatus || eCheckInStatus.toLowerCase() !== \"completed\")))) {\r\n this.props.history.push('/');\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
{roomError || videoErrorMsg} \r\n
\r\n {onTryAgain && (onTryAgain.showSharedLinkTryAgain || onTryAgain.showTwilioRoomTryAgain) && Please
} \r\n \r\n {showPreflight && preflightTokenInfo && \r\n {!isFromNonLogin && !roomStateConnected && (!dashboardData || dashboardData.isWaiting)\r\n ? = 3 && twilioUserName.split(\"||\")[3] || \"\"} /> :\r\n !showAmbulatorySurvey ?\r\n \r\n \r\n : \r\n : (this.isSupportedBrowser ?\r\n { this.setState({ showTwilioRoomTryAgain: false, roomError: \"\" }); } : null } : null}\r\n resetJoinVisit={resetJoinVisit}\r\n />\r\n : \r\n Please try again.\r\n \r\n }\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const currentUser = d.hydrateProxyUser(state.domain.cu);\r\n return {\r\n userName: state.domain.un,\r\n myChartUserId: state.domain.mc,\r\n email: state.domain.e,\r\n currentUser,\r\n hasMyChart: state.domain.hm,\r\n token: state.domain.t,\r\n roles: state.sso.userDetails ? state.sso.userDetails.Roles : \"\",\r\n dashboardData: state.dashboard && state.dashboard.bffDashboardData,\r\n serverData: state.session.serverData,\r\n videoVisitEnabledMinutesBeforeStart: state.session.serverData && state.session.serverData.videoVisitEnabledMinutesBeforeStart ? state.session.serverData.videoVisitEnabledMinutesBeforeStart : \"30\",\r\n videoVisitEnabledMinutesAfterStart: state.session.serverData && state.session.serverData.videoVisitEnabledMinutesAfterStart ? state.session.serverData.videoVisitEnabledMinutesAfterStart : \"45\",\r\n SDCVisitEnabledMinutesBeforeStart: state.session.serverData && state.session.serverData.SDCVisitEnabledMinutesBeforeStart ? state.session.serverData.SDCVisitEnabledMinutesBeforeStart : \"5\",\r\n SDCVisitEnabledMinutesAfterStart: state.session.serverData && state.session.serverData.SDCVisitEnabledMinutesAfterStart ? state.session.serverData.SDCVisitEnabledMinutesAfterStart : \"10\",\r\n visitTypeForSDC: state.session.serverData && state.session.serverData.visitTypeForSDC ? state.session.serverData.visitTypeForSDC : \"60148\",\r\n userIsSwitching: state.memberships.switchingProxyUser,\r\n ssoBaseUrl: state.session.serverData ? state.session.serverData.ssoBaseURL : \"\",\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index });\r\n dispatch({ type: types.SWITCH_TO_PHARMACY_USER, pharmacyUser: null });\r\n }\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(AmbulatoryCareVideoVisit));\r\n","import React from 'react';\r\nimport RatingScale from './RatingScale';\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport MiniSpinner from \"../../common/MiniSpinner\";\r\nimport VideoVisitSurvey from \"./VideoVisitSurvey\";\r\n\r\nclass AmbulatorySurvey extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onRatingClick = this.onRatingClick.bind(this);\r\n this.onAVSGotItClick = this.onAVSGotItClick.bind(this);\r\n this.submitSurvey = this.submitSurvey.bind(this);\r\n this.state = {\r\n isSubmitted: false,\r\n selectedRating: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.AmbulatorySurvey.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onRatingClick(selectedRating) {\r\n const { userDetails, serverData, isSDCVisit } = this.props;\r\n let surveyId = null;\r\n let questionId = null;\r\n if (isSDCVisit) {\r\n surveyId = serverData && serverData.surveyIdForSDC ? serverData.surveyIdForSDC : null;\r\n questionId = serverData && serverData.surveyQuestionIdForSDC ? serverData.surveyQuestionIdForSDC : null;\r\n } else {\r\n surveyId = serverData && serverData.surveyIdForAmbulatory ? serverData.surveyIdForAmbulatory : null;\r\n questionId = serverData && serverData.surveyQuestionIdForAmbulatory ? serverData.surveyQuestionIdForAmbulatory : null;\r\n }\r\n const requestData = {\r\n UserId: userDetails.userName,\r\n SurveyId: surveyId,\r\n QuestionId: questionId,\r\n OptionId: \"\",\r\n OptionValue: selectedRating\r\n };\r\n let surveyLogValue = {\r\n Rating: selectedRating,\r\n visitType: isSDCVisit ? \"SDC\" : \"Ambulatory\"\r\n }\r\n logUI(\"MBHWeb.UI.AmbulatorySurvey.Submit.Click\", new Date(), Tools.getURLPath(), surveyLogValue);\r\n this.props.ambulatoryVideoVisitSurveyRequest(requestData);\r\n this.setState({ selectedRating: selectedRating, isSubmitted: true });\r\n }\r\n\r\n onDismissClick() {\r\n logUI(\"MBHWeb.UI.AmbulatorySurvey.Dismiss.Click\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onAVSGotItClick() {\r\n const { enableNewSurvey } = this.props;\r\n logUI(\"MBHWeb.UI.AmbulatorySurvey.AVSGotIt.Click\", new Date(), Tools.getURLPath());\r\n this.setState({ showRating: true },\r\n function () {\r\n var surveyContainer;\r\n const windowWidth = document.documentElement.clientWidth || document.body.clientWidth;\r\n if (typeof window !== 'undefined' && windowWidth < 576) {\r\n surveyContainer = window.document.querySelector('.rating-scale');\r\n if (surveyContainer && !enableNewSurvey)\r\n surveyContainer.scrollLeft = (surveyContainer.scrollWidth && surveyContainer.clientWidth) ? ((surveyContainer.scrollWidth / 2) - (surveyContainer.clientWidth / 2)) : 400;\r\n }\r\n });\r\n }\r\n\r\n submitSurvey() {\r\n this.setState({ isSubmitted: true });\r\n }\r\n\r\n render() {\r\n const { isSubmitted, showRating, selectedRating } = this.state;\r\n const { isSuccess, isPending, isFailure, enableNewSurvey, twilioUserName, isSDCVisit, isFromNonLogin, externalEventId, enableQualtricsSurvyVideoVisit } = 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\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userDetails: state.sso.userDetails,\r\n isPending: state.videoVisitScheduling.videoSurvey && state.videoVisitScheduling.videoSurvey.isWaiting,\r\n isSuccess: state.videoVisitScheduling.videoSurvey && state.videoVisitScheduling.videoSurvey.isSuccess,\r\n isFailure: state.videoVisitScheduling.videoSurvey && state.videoVisitScheduling.videoSurvey.isFailure,\r\n serverData: state.session.serverData,\r\n enableNewSurvey: state.session.serverData && state.session.serverData.enableNewSurvey,\r\n enableQualtricsSurvyVideoVisit: state.session.serverData && state.session.serverData.enableQualtricsSurvyVideoVisit\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n ambulatoryVideoVisitSurveyRequest: (requestData) => dispatch({ type: types.AMBULATORY_VIDEO_VISIT_SURVEY_REQUEST, data: requestData })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AmbulatorySurvey);","import React, { useState} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport VideoVisitToolTip from \"./VideoVisitToolTip\";\r\n\r\nconst browserName = Tools.browserDetection();\r\nconst isMobile = Tools.isMobile();\r\nconst isIOS = Tools.isIos();\r\nconst isAndroid = Tools.isAndroid();\r\nconst isEdgeWebBrowser = browserName === \"Edge\" && !isMobile;\r\n\r\nconst heading = isEdgeWebBrowser ? \"Update required\" : \"Browser not supported\";\r\nconst edgeMessage = \"Your version of Edge needs to be upgraded to proceed with your video visit.\";\r\nconst upgradeIOSHeading = \"Update required\";\r\nconst upgradeIOSMessage = \"Your iOS needs to be upgraded to proceed with your video visit. Go to Settings > General > Software Update.\";\r\nconst message = isEdgeWebBrowser ? edgeMessage : \"We recommend using MyBSWHealth video visit with\";\r\nconst videoVisitNotAvailMessage = `Video visits are not available on ${browserName === \"IE\" ? \"Internet Explorer\" : \"this browser\"}.`;\r\nconst videoVisitMobileMessage = \"You need MyBSWHealth app to proceed with your video visit.\";\r\n\r\nconst androidAppUrl = \"https://play.google.com/store/apps/details?id=com.baylorscottandwhite.healthsource&hl=en_US\";\r\nconst iosAppUrl = \"https://itunes.apple.com/us/app/mybswhealth/id1000856979?mt=8\";\r\nconst androidChromeAppUrl = \"https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_U\";\r\nconst chromeWebUrl = \"https://www.google.com/chrome/\";\r\nconst edgeWebUrl = \"https://www.microsoft.com/en-us/edge\";\r\n\r\nconst BrowserErrorMessages = ({ ssoBaseUrl, isFromNonLogin, needIOSUpgrade}) => {\r\n let loggedInErrorMessage = \"\";\r\n const [linkCopied, setLinkCopied] = useState(false); \r\n\r\n const copyLink = () => {\r\n logUI(\"MBHWeb.UI.NonLoggedIn.CopyLink.Clicked\", new Date(), Tools.getURLPath());\r\n Tools.copyText(window.location.href);\r\n setLinkCopied(true);\r\n }; \r\n \r\n const downloadiOSMobileApp = () => {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n if (typeof window !== 'undefined')\r\n window.location.href = `${ssoBaseUrl}app_download/iphone`;\r\n logUI('MBHWeb.UI.VideoVisit.iTunes.Redirect', new Date(), '/iTunesDownload');\r\n }\r\n\r\n const downloadAndroidMobileApp = () => {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING PLAY STORE TO DOWNLOAD APP \r\n if (typeof window !== 'undefined')\r\n window.location.href = `${ssoBaseUrl}app_download/android`;\r\n logUI('MBHWeb.UI.VideoVisit.GooglePlay.Redirect', new Date(), '/GooglePlayDownload');\r\n } \r\n\r\n const getEdgeUpgradeLink = () =>\r\n logUI('MBHWeb.UI.VideoVisit.UpgradeEdge.Clicked', new Date(), Tools.getURLPath())}>UPGRADE\r\n \r\n const getBrowserUpgradeLink = () => \r\n isIOS ? ` Safari` : logUI('MBHWeb.UI.VideoVisit.Chrome.Clicked', new Date(), Tools.getURLPath())}>{isFromNonLogin ? 'Google Chrome' : 'Chrome'}\r\n \r\n if (isMobile) {\r\n loggedInErrorMessage = videoVisitMobileMessage;\r\n } else {\r\n loggedInErrorMessage = isEdgeWebBrowser ? edgeMessage : videoVisitNotAvailMessage;\r\n } \r\n\r\n return (\r\n \r\n
\r\n \r\n {!showRating && !isFromNonLogin &&\r\n
\r\n \r\n
\r\n }\r\n {(showRating && !isSubmitted) || isFromNonLogin ?\r\n enableNewSurvey ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
Video Visit Completed, Thanks!
\r\n\r\n ![\"Dashboard](\"/images/appt-see-all-tile.png\")
\r\n
\r\n Your After Visit Summary
\r\n To view your visit summary use the \"SEE ALL\" link on the Appointments card of the home screen. It may take up to 8 business hours for it to be available.
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
: null\r\n }\r\n {isPending &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n On a scale of 1-10, how likely are you to recommend MyBSWHealth Video Visit to a friend or loved one?
\r\nHELP US IMPROVE!
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 1 = Not at all likely
\r\n 10 = Extremely likely
\r\n \r\n
\r\n \r\n DISMISS\r\n
\r\n \r\n
\r\n }\r\n {!isPending && isSubmitted && !enableNewSurvey ?\r\n \r\n
\r\n \r\n
\r\n : !isPending && isSubmitted && enableNewSurvey ? \r\n
\r\n \r\n
\r\n \r\n
\r\n {/*isSuccess && selectedRating > 0 && selectedRating < 9 &&\r\n \r\n
Thank you for the feedback!{/*isSuccess ? \"Thank you for the feedback!\" : \"Thank you!\"*/}
\r\n\r\n
\r\n */}\r\n We'll be working on ways to improve the experience for you.
\r\n \r\n
\r\n \r\n CLOSE\r\n
\r\n \r\n \r\n \r\n \r\n } \r\n
:\r\n {needIOSUpgrade ? upgradeIOSHeading : heading}
\r\n\r\n {needIOSUpgrade\r\n ? upgradeIOSMessage\r\n : <>{message}\r\n {!isEdgeWebBrowser && getBrowserUpgradeLink()}\r\n \r\n }\r\n
\r\n {isEdgeWebBrowser && getEdgeUpgradeLink()}\r\n {!isEdgeWebBrowser &&\r\n \r\n {needIOSUpgrade\r\n ? <>You may also join through your\r\n MyBSWHealth Mobile App or\r\n Google Chrome on Desktop.\r\n : <>Copy and paste the link below into {isIOS ? 'Safari' : 'Google Chrome'}\r\n }\r\n
\r\n {!needIOSUpgrade &&\r\n \r\n {window.location.href}\r\n {linkCopied ?\r\n \r\n : \r\n }\r\n
\r\n }\r\n {linkCopied && Link is copied to clipboard.
}\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
{loggedInErrorMessage}
\r\n \r\n {isMobile ?\r\n \r\n DOWNLOAD THE APP\r\n \r\n : \r\n {isEdgeWebBrowser ? \r\n {getEdgeUpgradeLink()} :\r\n \r\n }\r\n
\r\n \r\n For the best video experience, try using {getBrowserUpgradeLink()}.\r\n
\r\n } \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default GuestVideoVisitStatus;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport AmbulatoryCareVideoVisit from \"./AmbulatoryCareVideoVisit\";\r\nimport * as queryString from 'query-string';\r\nimport Video from 'twilio-video';\r\nimport Spinner from '../../common/spinner';\r\nimport TermsForShareLink from '../ambulatorycarevideovisit/TermsForShareLink';\r\n\r\nclass NonLoggedInVideoVisit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isJoinClicked: false,\r\n startVisit: false,\r\n showTerms: true,\r\n upgradeiOS: false\r\n };\r\n this.onJoinVisit = this.onJoinVisit.bind(this);\r\n this.acceptTerms = this.acceptTerms.bind(this);\r\n this.callBackForTermsStatus = this.callBackForTermsStatus.bind(this);\r\n this.callBackForSubmittedTerms = this.callBackForSubmittedTerms.bind(this);\r\n this.isMobile = Tools.isMobile();\r\n this.ios = Tools.isIos();\r\n const { os, osVersion } = Tools.getOSInfo();\r\n const isiOS = os && os === \"iOS\" && this.isMobile && osVersion && osVersion[0];\r\n this.isOS15Point1 = isiOS && osVersion[0] == 15 && osVersion[1] && osVersion[1] == 1;\r\n this.sharedLinkCode = null;\r\n }\r\n\r\n componentDidMount() {\r\n const { location } = this.props;\r\n const params = location ? queryString.parse(location.search) : null;\r\n this.sharedLinkCode = params.sharedLinkCode ? params.sharedLinkCode : null;\r\n if (this.sharedLinkCode) {\r\n this.props.getVideoVisitShareLinkTermsStatus(this.sharedLinkCode, this.callBackForTermsStatus)\r\n }\r\n if (this.isOS15Point1) {\r\n this.setState({ upgradeiOS: true });\r\n }\r\n logUI(\"MBHWeb.UI.NonLoggedInVideoVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onJoinVisit() {\r\n logUI(\"MBHWeb.UI.NonLoggedInVideoVisit.JoinVisit.Clicked\", new Date(), Tools.getURLPath());\r\n this.setState({ isJoinClicked: true });\r\n }\r\n\r\n acceptTerms(acceptedTermList) {\r\n let termList = [];\r\n if (acceptedTermList) {\r\n for (let i = 0; i < acceptedTermList.length; i++) {\r\n termList.push({\r\n termId: acceptedTermList[i].id,\r\n versionId: acceptedTermList[i].versionId,\r\n isAccepted: acceptedTermList[i].isAccepted\r\n });\r\n }\r\n }\r\n const termsAndConditionsObj = { termsAndConditions: termList };\r\n logUI(\"MBHWeb.UI.VideoVisit.TermsForShareLink.Accepted\", new Date(), Tools.getURLPath(), { sharedLinkCode: this.sharedLinkCode, acceptedTermList });\r\n this.props.acceptTermsForVideoVisitShareLink(this.sharedLinkCode, termsAndConditionsObj, this.callBackForSubmittedTerms)\r\n }\r\n\r\n callBackForTermsStatus(response) {\r\n let showTerms = true;\r\n if (response) {\r\n showTerms = response && response.hasAccepted ? false : true\r\n }\r\n if (showTerms) {\r\n this.props.getVideoVisitShareLinkTerms(this.props.shareLinkTermsFeatureId, this.sharedLinkCode);\r\n }\r\n this.setState({ showTerms: showTerms });\r\n }\r\n\r\n callBackForSubmittedTerms(response) {\r\n this.setState({ startVisit: true, isJoinClicked: true });\r\n }\r\n\r\n render() {\r\n const { location, match, shareLinkTermsStatus, videoVisitShareLinkTerms, acceptVideoVisitShareLinkTerms } = this.props;\r\n const { isJoinClicked, showTerms, startVisit } = this.state;\r\n const params = location ? queryString.parse(location.search) : null;\r\n const roomId = match.params.roomId;\r\n const jwttoken = params && params.limbotoken ? params.limbotoken : null;\r\n const isSupportedBrowser = Video.isSupported && !this.isOS15Point1;\r\n const isWaitingForTerms = (shareLinkTermsStatus && shareLinkTermsStatus.isWaiting) || (videoVisitShareLinkTerms && videoVisitShareLinkTerms.isWaiting)\r\n || (acceptVideoVisitShareLinkTerms && acceptVideoVisitShareLinkTerms.isWaiting) ? true : false;\r\n\r\n return (\r\n \r\n
\r\n {status === TOKEN_STATUS.WAITING && \r\n \r\n {(status === TOKEN_STATUS.DENIED || status === TOKEN_STATUS.KICKED) &&\r\n \r\n }\r\n
\r\n {title}
\r\n{message}
\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Baylor](\"/images/bswh_logo_gray.svg\")
\r\n
\r\n Video will appear here
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n shareLinkTermsFeatureId: state.session.serverData ? state.session.serverData.shareLinkTermsFeatureId : \"ShareLink_En\",\r\n shareLinkTermsStatus: state.portal.shareLinkTermsStatus,\r\n videoVisitShareLinkTerms: state.portal.videoVisitShareLinkTerms,\r\n acceptVideoVisitShareLinkTerms: state.portal.acceptVideoVisitShareLinkTerms\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitShareLinkTermsStatus: (shareLinkCode, callback) => dispatch({ type: types.GET_TERMS_STATUS_FOR_VIDEO_VISIT_SHARELINK, shareLinkCode, callback: callback }),\r\n getVideoVisitShareLinkTerms: (featureId, shareLinkCode) => dispatch({ type: types.GET_TERMS_FOR_VIDEO_VISIT_SHARELINK, featureId, shareLinkCode }),\r\n acceptTermsForVideoVisitShareLink: (shareLinkCode, termsAndConditions, callback) => dispatch({ type: types.ACCEPT_TERMS_FOR_VIDEO_VISIT_SHARELINK, shareLinkCode, termsAndConditions, callback })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NonLoggedInVideoVisit);","import React from 'react';\r\n\r\nclass RatingScale extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { selectedRating: -1 };\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.timeoutId)\r\n clearTimeout(this.timeoutId);\r\n }\r\n\r\n onHoverIn = (selectedRating) => {\r\n this.setState({ selectedRating });\r\n }\r\n\r\n onHoverOut = () => {\r\n this.setState({ selectedRating: -1 });\r\n }\r\n\r\n onClick = (selectedRating) => {\r\n if (this.state.selectedRating !== selectedRating)\r\n this.setState({ selectedRating });\r\n const { onRatingClick } = this.props;\r\n if (onRatingClick)\r\n this.timeoutId = setTimeout(onRatingClick, 500, selectedRating);\r\n }\r\n\r\n render() {\r\n const { selectedRating } = this.state;\r\n const { backgroundColors } = this.props;\r\n return (\r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n ![\"Baylor](\"/images/mybswhlogo.png\")
\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n {isWaitingForTerms ? { this.setState({ isJoinClicked: false }); }}\r\n needIOSUpgrade={this.isOS15Point1}\r\n />\r\n }\r\n \r\n }\r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n Let's begin your visit
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {backgroundColors && backgroundColors.length > 0 && backgroundColors.map((background, index) => {\r\n const unitRating = index + 1;\r\n const isSelected = unitRating <= selectedRating;\r\n const isHovered = unitRating === selectedRating;\r\n return (
);\r\n }\r\n}\r\n\r\nexport default RatingScale;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport StaticHtmlContent from \"../../common/staticHtmlContent\";\r\n\r\nclass TermsForShareLink extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n shareLinkTerms: props.videoVisitShareLinkTerms.termsList,\r\n heading: \"\",\r\n isTermsSelectionError: false\r\n };\r\n this.onSubmit = this.onSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VideoVisit.TermsForShareLink.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onDocsSelectionChange = (e, index) => {\r\n if (e.target) {\r\n const terms = this.state.shareLinkTerms;\r\n terms[index].isAccepted = e.target.checked ? true : false;\r\n this.setState({\r\n shareLinkTerms: terms\r\n }, () => {\r\n let isAcknowledged = true;\r\n for (let j = 0; j < terms.length; j++) {\r\n if (!terms[j].isAccepted) {\r\n isAcknowledged = false;\r\n break;\r\n }\r\n }\r\n if (isAcknowledged) {\r\n if (this.state.isTermsSelectionError) {\r\n this.setState({\r\n isTermsSelectionError: false\r\n });\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n onSubmit() {\r\n const { shareLinkTerms } = this.state;\r\n const { acceptTerms } = this.props;\r\n let isAcknowledged = true;\r\n for (let j = 0; j < shareLinkTerms.length; j++) {\r\n if (!shareLinkTerms[j].isAccepted) {\r\n isAcknowledged = false;\r\n break;\r\n }\r\n }\r\n if (isAcknowledged) {\r\n acceptTerms(shareLinkTerms);\r\n } else {\r\n this.setState({\r\n isTermsSelectionError: true\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { videoVisitShareLinkTerms, style } = this.props;\r\n const { isTermsSelectionError, shareLinkTerms } = this.state;\r\n\r\n const terms = videoVisitShareLinkTerms && videoVisitShareLinkTerms.termsList ? videoVisitShareLinkTerms.termsList.map((term, index) =>\r\n { this.onHoverIn(index + 1); }}\r\n onMouseLeave={this.onHoverOut}\r\n onClick={() => { this.onClick(index + 1); }}\r\n key={index}\r\n >\r\n {isHovered ? : null}\r\n
);\r\n })}\r\n {index + 1}
\r\n {isHovered ? : null}\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\nconst mapStateToProps = (state) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TermsForShareLink);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport DownloadAppBtn from \"../../common/DownloadAppBtn\";\r\n\r\nclass VideoVisitComplete extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isMobile = Tools.isMobile();\r\n }\r\n\r\n componentDidMount() {\r\n logUI('MBHWeb.UI.VideoVisitComplete.ComponentDidMount', new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { myChartRegistrationUrl, isLoggedIn, isFromNonLogin } = this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n The legal docs
\r\n\r\n
\r\n \r\n {terms}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {isTermsSelectionError &&\r\n
\r\n Please agree to terms.
\r\n }\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n myChartRegistrationUrl: state.session.serverData ? state.session.serverData.myChartRegistrationUrl : \"\",\r\n isLoggedIn: state.domain.li,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoVisitComplete);","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from 'react-router';\r\nimport ReactIframeResizer from \"../../common/iFrameResizerComponent\";\r\nimport { getURLPath } from '../../../helpers/Tools';\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport VideoVisitComplete from './VideoVisitComplete';\r\n\r\nconst SURVEY_CANCELLED = \"surveycancelled\";\r\nconst SURVEY_COMPLETED = \"surveycompleted\";\r\n\r\n/**\r\n * Video Visit Survey.\r\n * \r\n */\r\n\r\nclass VideoVisitSurvey extends React.Component {\r\n constructor(props) {\r\n super(props); \r\n const { serverData, isFromNonLogin, shareLinkSurveyId } = props;\r\n this.serverData = serverData;\r\n this.state = { isSurveyCompleted: false, showNonLoginVideoVisitComplete: false };\r\n this.processWindowMessage = this.processWindowMessage.bind(this);\r\n if (isFromNonLogin && shareLinkSurveyId) {\r\n this.surveyId = shareLinkSurveyId;\r\n } else if (this.props.isSDCVisit) {\r\n this.surveyId = this.serverData && this.serverData.surveyIdForSDCV2 ? this.serverData.surveyIdForSDCV2 : null; \r\n } else {\r\n this.surveyId = this.serverData && this.serverData.surveyIdForAmbulatoryV2 ? this.serverData.surveyIdForAmbulatoryV2 : null; \r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n window.formChanged = false;\r\n window.addEventListener(\"message\", this.processWindowMessage);\r\n const { surveyUrl } = this.props;\r\n let andyliticsJson = {\r\n surveyUrl\r\n };\r\n logUI(\"MBHWeb.UI.VideoVisitSurvey.ComponentDidMount\", new Date(), getURLPath(), andyliticsJson);\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n window.formChanged = false;\r\n window.removeEventListener(\"message\", this.processWindowMessage);\r\n }\r\n\r\n processWindowMessage(messageEvent) {\r\n const { token, submitSurvey, isSDCVisit, twilioUserName, isFromNonLogin } = this.props;\r\n let surveyLogValue = {\r\n SurveryId: this.surveyId,\r\n VisitType: isSDCVisit ? \"SDC\" : \"Ambulatory\",\r\n twilioUserName: twilioUserName,\r\n shareLink: isFromNonLogin ? true : false\r\n };\r\n if (messageEvent.data && messageEvent.data === SURVEY_CANCELLED) {\r\n logUI(\"MBHWeb.UI.VideoVisitSurvey.Cancelled\", new Date(), getURLPath(), surveyLogValue); \r\n if (isFromNonLogin) {\r\n this.setState({showNonLoginVideoVisitComplete: true});\r\n } else {\r\n this.props.history.push(\"/dashboard\");\r\n } \r\n \r\n } else if (messageEvent.data && messageEvent.data === SURVEY_COMPLETED) {\r\n logUI(\"MBHWeb.UI.VideoVisitSurvey.Completed\", new Date(), getURLPath(), surveyLogValue);\r\n this.setState({ isSurveyCompleted: true });\r\n if (submitSurvey && !isFromNonLogin) {\r\n submitSurvey(); \r\n } else {\r\n this.setState({showNonLoginVideoVisitComplete: true});\r\n } \r\n //this.props.history.push({ pathname: \"/\", state: { isComplete: true } });\r\n }\r\n }\r\n\r\n render() {\r\n\r\n //debugger;\r\n const { reloadKey, isEmployee, csnId, userDetails, surveyUrl, twilioUserName, isFromNonLogin, externalEventId } = this.props;\r\n\r\n const userNameForSurvey = twilioUserName ? twilioUserName : userDetails && userDetails.userName ? userDetails.userName : null;\r\n\r\n //Adding target key param in survey to handle our css. \r\n const url = this.surveyId && (csnId || externalEventId) && userNameForSurvey ?\r\n surveyUrl + \"ui/TakeVideoVisitSurvey/\" + this.surveyId + \"?UserId=\" + userNameForSurvey + \"&externalEventId=\" + (externalEventId ? externalEventId : csnId) + \"&platform=web\" + (isFromNonLogin ? \"&SkipThankYou=true\" : \"\") : \"\";\r\n const { isSurveyCompleted, showNonLoginVideoVisitComplete} = this.state;\r\n\r\n const iframeResizerOptions = { checkOrigin: false, scrolling: true, heightCalculationMethod: 'bodyScroll', warningTimeout: 10000 };\r\n const iframeResizerStyle = this.props.style || { width: '100%' };\r\n //debugger;\r\n const formID = this.props.id ? this.props.id : \"VideoVisitSurvey\";\r\n //debugger;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!isFromNonLogin &&\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n logUI('MBHWeb.UI.VideoVisitComplete.Logo.Clicked', new Date(), Tools.getURLPath())} />\r\n \r\n
\r\n logUI('MBHWeb.UI.VideoVisitComplete.Logo.Clicked', new Date(), Tools.getURLPath())} />\r\n \r\n \r\n
\r\n \r\n
\r\n Thanks, your visit is complete!
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Download MyBSWHealth to access your after visit summary.
\r\nYou can also use MyBSWHealth to:
\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 {showNonLoginVideoVisitComplete &&\r\n \r\n
\r\n );\r\n}\r\n","export const getMapListOfProviders = (providers, list) => {\r\n if (!list) {\r\n list = [];\r\n }\r\n\r\n if (providers && providers.length > 0) {\r\n providers.forEach(item => {\r\n const prov = item.provider;\r\n if (prov.locations && prov.locations.length > 0) {\r\n prov.locations.forEach(loc => {\r\n const coords = loc.coordinates; \r\n if (coords && coords.lat !== 0 && coords.lon !== 0) {\r\n list.push({\r\n key: list.length,\r\n data: prov,\r\n name: prov.displayName,\r\n locationId: loc.locationID,\r\n latitude: coords.lat,\r\n longitude: coords.lon,\r\n type: 'provider'\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n};\r\n\r\nexport const getMapListOfLocations = (locations, list) => {\r\n if (!list) {\r\n list = [];\r\n }\r\n\r\n if (locations && locations.length > 0) {\r\n locations.forEach(loc => {\r\n const coords = loc.coordinates;\r\n if (coords.lat !== 0 && coords.lon !== 0) {\r\n list.push({\r\n key: list.length,\r\n data: loc,\r\n name: loc.locationName,\r\n locationId: loc.locationID,\r\n latitude: coords.lat,\r\n longitude: coords.lon,\r\n type: 'location'\r\n });\r\n }\r\n });\r\n }\r\n};\r\n\r\nexport const groupByLocation = (list) => {\r\n let i = 0;\r\n while (i < list.length) {\r\n const item1 = list[i];\r\n const latitude1 = item1.latitude;\r\n const longitude1 = item1.longitude;\r\n item1.group = [{ id: item1.id, type: item1.type, locationId: item1.locationId, data: item1.data }];\r\n let j = i + 1;\r\n while (j < list.length) {\r\n const item2 = list[j];\r\n if (item2.latitude === latitude1 && item2.longitude === longitude1) {\r\n item1.group.push({ id: item2.id, type: item2.type, locationId: item2.locationId, data: item2.data });\r\n list.splice(j, 1);\r\n }\r\n else {\r\n j++;\r\n }\r\n }\r\n i++;\r\n }\r\n};\r\n\r\nexport const indexOf = (list, type) => {\r\n if (list) {\r\n for (let i = 0; i < list.length; i++) {\r\n const item = list[i];\r\n if (item.type === type) {\r\n return i;\r\n }\r\n else if (item.group.length > 1) {\r\n const group = item.group;\r\n for (let j = 0; j < group.length; j++) {\r\n if (group[j].type === type) {\r\n return j;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n};","import React from 'react';\r\nimport VideoVisitTerms from \"./VideoVisitTerms\";\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\n\r\n\r\nfunction replaceH1WithH2(textContent,domParent){\r\n const xpath = `//h1[text()='${textContent}']`;\r\n const element = document.evaluate(xpath, domParent, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n if (element) element.outerHTML = '\r\n
\r\n {showModal && \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Be ready! See our helpful tips for a more successful Video Visit.
\r\n \r\n ' + element.innerHTML + '
';\r\n}\r\n\r\nclass AgreeToTerms extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n acknowledgeReceipt: false,\r\n acknowledgeAccessMyRecords: false,\r\n acknowledgeTexasState: false,\r\n acknowledgeReceiveTreatment: false,\r\n showModal: false,\r\n heading: \"\",\r\n isTermsSelectionError: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getVideoVisitTerms();\r\n logUI(\"MBHWeb.UI.VideoVisit.AgreeToTerms.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n \r\n onDocsSelectionChange = (e, legalDocType) => {\r\n if (e.target) {\r\n this.setState({\r\n [legalDocType]: e.target.checked ? true : false\r\n }, () => {\r\n const { acknowledgeAccessMyRecords, acknowledgeReceipt, acknowledgeReceiveTreatment, acknowledgeTexasState, isTermsSelectionError } = this.state;\r\n const { enableVirtualDashboardUpdates } = this.props;\r\n const isAcknowledged = !enableVirtualDashboardUpdates ? acknowledgeAccessMyRecords && acknowledgeReceipt && acknowledgeTexasState && acknowledgeReceiveTreatment\r\n : acknowledgeAccessMyRecords && acknowledgeReceipt && acknowledgeTexasState;\r\n if (isAcknowledged) {\r\n if (isTermsSelectionError) {\r\n this.setState({\r\n isTermsSelectionError: false\r\n });\r\n }\r\n }\r\n });\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.AgreeToTerms.DocSelection\", new Date(), Tools.getURLPath());\r\n }\r\n isValid() {\r\n return true;\r\n }\r\n toggleModal = (showModal, heading) => {\r\n this.setState({ showModal: showModal, heading: heading });\r\n }\r\n acceptTerms() {\r\n const { acknowledgeAccessMyRecords, acknowledgeReceipt, acknowledgeTexasState, acknowledgeReceiveTreatment, isTermsSelectionError } = this.state;\r\n const { enableVirtualDashboardUpdates } = this.props;\r\n const isAcknowledged = !enableVirtualDashboardUpdates ? acknowledgeAccessMyRecords && acknowledgeReceipt && acknowledgeTexasState && acknowledgeReceiveTreatment\r\n : acknowledgeAccessMyRecords && acknowledgeReceipt && acknowledgeTexasState;\r\n if (isAcknowledged) {\r\n const { acceptTerms, goNext, videoVisitTerms: { terms } = {} } = this.props;\r\n acceptTerms(terms.versionId);\r\n goNext();\r\n }\r\n else {\r\n if (!isTermsSelectionError) {\r\n this.setState({\r\n isTermsSelectionError: true\r\n });\r\n }\r\n }\r\n }\r\n render() {\r\n const { acknowledgeReceipt, acknowledgeAccessMyRecords, acknowledgeTexasState, acknowledgeReceiveTreatment, showModal, heading, isTermsSelectionError } = this.state;\r\n const { videoVisitTerms, technicalHelpDeskNumber, technicalHelpDeskHours, enableVirtualDashboardUpdates } = this.props;\r\n const termsToDisplay = videoVisitTerms && videoVisitTerms.terms && videoVisitTerms.terms.textToDisplay ? videoVisitTerms.terms.textToDisplay : \"\";\r\n\r\n if (termsToDisplay && !this.terms) {\r\n if (window && window.DOMParser) {\r\n const parser = new DOMParser();\r\n try {\r\n const parseFromString = parser.parseFromString(termsToDisplay, 'text/html');\r\n if (parseFromString && parseFromString.body) {\r\n // replace H1 present in termsToDisplay to H2 as staticHtmlContent does not allow H1 tags. \r\n replaceH1WithH2('NOTICE CONCERNING COMPLAINTS', parseFromString.body);\r\n replaceH1WithH2('PATIENT RIGHTS AND RESPONSIBILITIES', parseFromString.body); \r\n this.terms = parseFromString.body.innerHTML; \r\n }\r\n } catch (err) {\r\n this.terms = termsToDisplay;\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\nconst mapStateToProps = (state) => {\r\n return {\r\n videoVisitTerms: state.videoVisitScheduling.videoVisitTerms ? state.videoVisitScheduling.videoVisitTerms : {},\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours:\"\",\r\n enableVirtualDashboardUpdates: state.session.serverData && state.session.serverData.enableVirtualDashboardUpdates\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitTerms: () => dispatch({ type: types.GET_VIDEO_VISIT_TERMS })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(AgreeToTerms);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport moment from 'moment-timezone';\r\nimport Spinner from \"../../common/spinner\";\r\nimport SectionLoadingError from \"../../common/SectionLoadingError\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\n\r\nclass ChooseATime extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n day: 0,\r\n daySlot: null,\r\n selectedTimeSlot: null,\r\n isTimeSelectionError : false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { showTimeZoneMessage } = this.props;\r\n const date = showTimeZoneMessage && !Tools.isCentralTimeZone() ? moment(Tools.getCurDateInCentralTz()).format(\"MM/DD/YYYY\") : Tools.getFormattedDate(new Date());\r\n const clientUTCOffset = showTimeZoneMessage && !Tools.isCentralTimeZone() ? moment(Tools.getCurDateInCentralTz()).utcOffset() : moment().utcOffset();\r\n this.props.getVideoVisitTimeSlots(clientUTCOffset, date); \r\n logUI(\"MBHWeb.UI.VideoVisit.ChooseATime.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { isWaiting, timeslots } = this.props.videoVisitTimeSlots;\r\n if (timeslots && prevProps.videoVisitTimeSlots && prevProps.videoVisitTimeSlots.isWaiting === true && !isWaiting) {\r\n const data = timeslots; \r\n if (data && data.length > 0)\r\n this.setState({\r\n data,\r\n daySlot: data[0].morning.length > 0 ? \"morning\"\r\n : data[0].afternoon.length > 0 ? \"afternoon\"\r\n : data[0].evening.length > 0 ? \"evening\"\r\n : null\r\n });\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.ChooseATime.ComponentDidUpdate\", new Date(), Tools.getURLPath());\r\n }\r\n \r\n onTimeSelectionChange = (timeSlot) => {\r\n this.setState({\r\n selectedTimeSlot: timeSlot,\r\n isTimeSelectionError: false\r\n });\r\n\r\n }\r\n\r\n onDayChange = (day) => {\r\n const { data } = this.state;\r\n this.setState({\r\n day,\r\n daySlot: data[day].morning.length > 0 ? \"morning\"\r\n : data[day].afternoon.length > 0 ? \"afternoon\"\r\n : data[day].evening.length > 0 ? \"evening\"\r\n : null,\r\n selectedTimeSlot : null\r\n }); \r\n logUI(\"MBHWeb.UI.VideoVisit.ChooseATime.DaySelection\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onContinueClick = () => {\r\n const { selectedTimeSlot, day } = this.state;\r\n if (selectedTimeSlot) {\r\n this.props.onTimeSelectionChange(selectedTimeSlot, day);\r\n this.props.goNext();\r\n }\r\n else {\r\n this.setState({\r\n isTimeSelectionError: true\r\n })\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.ChooseATime.ContinueClick\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n isValid() {\r\n const { selectedTimeSlot } = this.state;\r\n return selectedTimeSlot !== null;\r\n }\r\n //onRetry = () => {\r\n // this.props.goBack(0); //Waiting for confirmation.\r\n //}\r\n render() {\r\n const { daySlot, day, selectedTimeSlot, data, isTimeSelectionError } = this.state;\r\n const { showTimeZoneMessage } = this.props;\r\n const timezone = showTimeZoneMessage && !Tools.isCentralTimeZone() ? this.props.timezone : Tools.getTimeZone();\r\n const dayLabel = data && data.length > 0 ? showTimeZoneMessage && !Tools.isCentralTimeZone() ? moment(data[day].dateInDallas).format(\"ddd. MMM D\") : data[day].dateLabel : \"\";\r\n var timesUIelements = data && daySlot && data[day][daySlot].map((item, index) => {\r\n let isbuttonActive = showTimeZoneMessage ? selectedTimeSlot != null && selectedTimeSlot.dateTimeInDallas === item.dateTimeInDallas : selectedTimeSlot != null && selectedTimeSlot.dateTimeInUtc === item.dateTimeInUtc;\r\n return \r\n });\r\n const { timeslots, isWaiting, isSuccess, isError } = this.props.videoVisitTimeSlots;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n The legal docs
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {!enableVirtualDashboardUpdates &&\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 {showModal === true && \r\n
\r\n \r\n {isTermsSelectionError &&\r\n
\r\n Please agree to terms.
\r\n }\r\n \r\n \r\n {typeof timeslots === 'undefined' || isWaiting && !isSuccess\r\n ?
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n videoVisitTimeSlots: state.videoVisitScheduling.videoVisitTimeSlots ? state.videoVisitScheduling.videoVisitTimeSlots : {}\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitTimeSlots: (clientUTCOffset, date) => dispatch({ type: types.GET_VIDEO_VISIT_TIME_SLOTS, data: { clientUTCOffset, date } })\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(ChooseATime);","import React from 'react';\r\nimport OurStepManager from \"../../common/OurStepManager\";\r\nimport SelectCondition from './SelectCondition';\r\nimport ChooseATime from \"./ChooseATime\";\r\nimport AgreeToTerms from './AgreeToTerms';\r\nimport ReviewAndSubmit from './ReviewSubmit';\r\nimport VideoVisitConfirmation from './VideoVisitConfirmation';\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport moment from 'moment-timezone';\r\nimport SectionLoadingError from \"../../common/SectionLoadingError\";\r\nimport ConfirmationModal from \"../../common/ConfirmationModal\";\r\nimport { Redirect } from 'react-router-dom';\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\n\r\n\r\nclass GetStartedVideoVisit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const slotFromVideoAvailabilty = this.props.location && this.props.location.state && this.props.location.state.selectedTimeSlot ? true : false;\r\n const isFromVideoVisitOptions = this.props.location && this.props.location.state && this.props.location.state.isFromVideoVisitOptions ? true : false;\r\n this.state = {\r\n startAtStep: 0,\r\n currentStep: 0,\r\n isSubmitted: false,\r\n videoVisitRequest: {},\r\n slotFromVideoAvailabilty,\r\n isFromVideoVisitOptions\r\n };\r\n this.baseURL = window.location.pathname;\r\n this.stepManagerRef = React.createRef();\r\n }\r\n componentDidMount() {\r\n this.props.getVideoVisitConditions();\r\n if (this.state.slotFromVideoAvailabilty) { //update the local state if video schedule time selected on landing page.\r\n const selectedTime = this.props.location && this.props.location.state && this.props.location.state.selectedTimeSlot;\r\n const selectedDay = this.props.location && this.props.location.state && this.props.location.state.selectedDay;\r\n this.onTimeSelectionChange(selectedTime, selectedDay);\r\n }\r\n\r\n logUI(\"MBHWeb.UI.VideoVisit.GetStarted.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n blockNavigation(nextLocation) {\r\n const re = /^\\/schedulevideovisit/;\r\n return nextLocation !== null && re.test(nextLocation.pathname);\r\n }\r\n onUserSwitched = (userSelected, index) => {\r\n window.userToSwitch = userSelected;\r\n this.setState({ userSelected });\r\n }\r\n callbackOnLeave = () => {\r\n const { serverData } = this.props;\r\n const enabledVirtualDashboard = serverData && serverData.enableVirtualDashboardUpdates ? serverData.enableVirtualDashboardUpdates : false;\r\n if (enabledVirtualDashboard) {\r\n this.props.history.push(\"/videovisitoptions\");\r\n } else {\r\n this.props.history.push(\"/videoondemand\");\r\n }\r\n }\r\n onStepChange = (success, step) => {\r\n if (typeof window !== 'undefined' && success) {\r\n window.scrollTo(0, 0);\r\n }\r\n if (success) {\r\n this.setState({ currentStep: step });\r\n }\r\n\r\n }\r\n onConditionSelectionChange = (condition, conditionId) => {\r\n this.setState({\r\n videoVisitRequest: {\r\n ...this.state.videoVisitRequest,\r\n condition,\r\n conditionId\r\n }\r\n });\r\n\r\n }\r\n onTimeSelectionChange = (timeSlot, day) => {\r\n this.setState({\r\n videoVisitRequest: {\r\n ...this.state.videoVisitRequest,\r\n timeSlot,\r\n day\r\n }\r\n });\r\n }\r\n onSubmit = () => {\r\n const { userDetails, serverData, currentUser } = this.props;\r\n const { videoVisitRequest } = this.state;\r\n\r\n const externalPatientId = currentUser && currentUser.ei ? currentUser.ei : null;\r\n const visitDate = moment(videoVisitRequest.timeSlot.dateTimeInDallas).format('YYYY-MM-DD');\r\n const visitTime = moment(videoVisitRequest.timeSlot.dateTimeInDallas).format('HH:mm:ss');\r\n const patientName = currentUser && currentUser.dn ? currentUser.dn : \"\";\r\n const videoVisitConfirmationData = {\r\n visitDateTime: videoVisitRequest.timeSlot.dateTimeInUtc,\r\n visitDay: videoVisitRequest.day,\r\n patientName\r\n };\r\n this.setState({ isSubmitted: true, videoVisitConfirmationData });\r\n const { visitTypeId, visitTypeIdType, departmentId, departmentIdType } = videoVisitRequest.timeSlot;\r\n const requestData = {\r\n LoginId: userDetails.userName,\r\n MyChartId: userDetails.MyChartID,\r\n ProxyPatientId: externalPatientId,\r\n ProxyPatientIdType: \"External\",\r\n VisitTypeId: visitTypeId,\r\n VisitTypeIdType: visitTypeIdType,\r\n ProviderId: serverData.providerId,\r\n ProviderIdType: \"External\",\r\n DepartmentId: departmentId,\r\n DepartmentIdType: departmentIdType,\r\n Date: visitDate,\r\n Time: visitTime,\r\n Duration: \"15\",\r\n Comments: videoVisitRequest.condition,\r\n Condition: videoVisitRequest.condition,\r\n PatientName: patientName,\r\n EmailAddress: userDetails.Email,\r\n ConditionId: videoVisitRequest.conditionId\r\n };\r\n this.props.scheduleVideoVisitRequest(requestData);\r\n logUI(\"MBHWeb.UI.VideoVisit.Submit\", new Date(), Tools.getURLPath(), JSON.stringify(requestData));\r\n }\r\n\r\n acceptTerms = (versionId) => {\r\n const { acceptTerms, currentUser } = this.props;\r\n const proxyId = currentUser && currentUser.ei ? currentUser.ei : null;\r\n acceptTerms({ versionId, proxyId });\r\n logUI(\"MBHWeb.UI.VideoVisit.AgreeToTerms.AcceptTerms\", new Date(), Tools.getURLPath());\r\n }\r\n retryVideoVisitRequest = (key) => {\r\n // if (key === \"reset\")\r\n // this.props.history.push(\"/videovisitdetails\");\r\n //else \r\n logUI(\"MBHWeb.UI.VideoVisit.RetryScheduleRequest\", new Date(), Tools.getURLPath());\r\n this.setState({ isSubmitted: false, startAtStep: 0 });\r\n\r\n if (this.state.isFromVideoVisitOptions) {\r\n this.props.history.push(\"/videovisitoptions\");\r\n }\r\n\r\n }\r\n render() {\r\n const { isSubmitted, videoVisitRequest, videoVisitConfirmationData, currentStep, slotFromVideoAvailabilty } = this.state;\r\n const { videoVisit, videoVisitConditions, isProxyUser, serverData, technicalHelpDeskHours, technicalHelpDeskNumber, showTimeZoneMessage } = this.props;\r\n const { isError, isSuccess } = videoVisitConditions;\r\n\r\n const enabledVirtualDashboard = serverData && serverData.enableVirtualDashboardUpdates ? serverData.enableVirtualDashboardUpdates : false;\r\n const timezone = showTimeZoneMessage && !Tools.isCentralTimeZone() ? Tools.getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n\r\n return (\r\n (isProxyUser && !enabledVirtualDashboard) ? \r\n
\r\n }\r\n \r\n {!isError && data && data.length > 0\r\n ?
\r\n \r\n
\r\n : <>\r\n \r\n
\r\n When would you like {!this.props.enabledVirtualDashboard && 'to schedule '}this appointment?
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n day === 0 ? null : this.onDayChange(day - 1)} />
\r\n {dayLabel}\r\n day === data.length - 1 ? null : this.onDayChange(day + 1)} />
\r\n \r\n \r\n
\r\n \r\n {[\"morning\", \"afternoon\", \"evening\"].map((slot, index) => {\r\n return ( data[day][slot].length === 0 ? null : this.setState({ daySlot: slot, selectedTimeSlot: null })}\r\n >{slot});\r\n })}\r\n
\r\n \r\n All times are in {timezone} time zone.\r\n
\r\n \r\n
\r\n \r\n {timesUIelements}\r\n
\r\n \r\n
\r\n \r\n If this is an emergency, please contact 911.\r\n
\r\n \r\n
\r\n \r\n {isTimeSelectionError &&\r\n
\r\n Please select an available time.
\r\n }\r\n \r\n Please this.onRetry()} />.
*/}\r\n \r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userDetails: state.sso.userDetails,\r\n serverData: state.session.serverData,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber:\"\",\r\n technicalHelpDeskHours: state.session.serverData ? state.session.serverData.technicalHelpDeskHours : \"\",\r\n showTimeZoneMessage: state.session.serverData ? state.session.serverData.showTimeZoneMessage : false,\r\n videoVisit: state.videoVisitScheduling.videoVisit,\r\n currentUser: state.domain.cu,\r\n videoVisitConditions: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions : {},\r\n isProxyUser: state.domain.ip\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVideoVisitConditions: () => dispatch({ type: types.GET_VIDEO_VISIT_CONDITIONS }),\r\n scheduleVideoVisitRequest: (requestData) => dispatch({ type: types.SCHEDULE_VIDEO_VISIT_REQUEST, data: requestData }),\r\n acceptTerms: data => dispatch({ type: types.ACCEPT_VIDEO_VISIT_CONDITIONS, data })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GetStartedVideoVisit);","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\nimport { connect } from \"react-redux\";\r\nimport moment from 'moment';\r\nimport { getTimeZone, isCentralTimeZone, getCentralDateWithFormat } from '../../../helpers/Tools';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\"; \r\n\r\nclass ReviewAndSubmit extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n tooltipOpen: false\r\n };\r\n } \r\n \r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VideoVisit.ReviewSubmit.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n isValid() {\r\n return true;\r\n }\r\n\r\n onGoNext = () => {\r\n if (this.props.onSubmit) {\r\n this.props.onSubmit();\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.ReviewSubmit.Submit\", new Date(), Tools.getURLPath());\r\n }\r\n toggleToolTip = () => {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n render() {\r\n const { tooltipOpen } = this.state;\r\n const { name, price, videoVisitRequest, enableVirtualDashboardUpdates, timezone, showTimeZoneMessage} = this.props;\r\n const dateTimeInUTC = videoVisitRequest && videoVisitRequest.timeSlot && videoVisitRequest.timeSlot.dateTimeInUtc ? videoVisitRequest.timeSlot.dateTimeInUtc : \"\";\r\n const dateTimeInDallas = videoVisitRequest && videoVisitRequest.timeSlot && videoVisitRequest.timeSlot.dateTimeInDallas ? videoVisitRequest.timeSlot.dateTimeInDallas : \"\";\r\n const utcDateTime = moment.utc(dateTimeInUTC).local().format(\"MMM DD - h:mm a\").toUpperCase();\r\n const centralDateTime = moment(dateTimeInDallas).format(\"MMM DD - h:mm a\").toUpperCase();\r\n const dateTime = showTimeZoneMessage ? centralDateTime : utcDateTime;\r\n \r\n return (\r\n \r\n \r\n {!isSubmitted\r\n ? \r\n {!isError ?\r\n \r\n : \r\n {!isSubmitted && (window.formChanged || currentStep > 0) &&\r\n
\r\n \r\n
\r\n : \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {!slotFromVideoAvailabilty && enabledVirtualDashboard && \r\n {!slotFromVideoAvailabilty && !enabledVirtualDashboard && }\r\n {/*\r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n Video Visit
Please this.retryVideoVisitRequest(\"reset\")} />.
*/}\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n const enableVirtualDashboardUpdates = state.session.serverData && state.session.serverData.enableVirtualDashboardUpdates;\r\n return {\r\n name: state.memberships.currentUser ? state.memberships.currentUser.displayName : \"\",\r\n price: state.memberships.SDCCostLabel,\r\n enableVirtualDashboardUpdates\r\n };\r\n};\r\nexport default connect(mapStateToProps, null, null, {forwardRef: true})(ReviewAndSubmit);","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\nimport { connect } from \"react-redux\";\r\nimport Spinner from \"../../common/spinner\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\"; \r\n\r\nclass SelectCondition extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n acknowledgeMySelf: this.props.enabledVirtualDashboard ? true : false,\r\n tooltipOpen: false,\r\n selectedCondition: 0\r\n };\r\n }\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VideoVisit.SelectCondition.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n onAcknowledgeSelected = (e) => {\r\n if (e.target)\r\n this.setState({\r\n acknowledgeMySelf: e.target.checked\r\n });\r\n logUI(\"MBHWeb.UI.VideoVisit.SelectCondition.AcknowledgeSelected\", new Date(), Tools.getURLPath());\r\n }\r\n isValid() { \r\n return true;\r\n }\r\n onConditionSelection = (conditionName, conditionId) => {\r\n const { acknowledgeMySelf } = this.state;\r\n if (acknowledgeMySelf) {\r\n this.props.onConditionSelectionChange(conditionName, conditionId);\r\n this.props.goNext();\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.SelectCondition.ConditionSelection\", new Date(), Tools.getURLPath());\r\n }\r\n toggleToolTip = () => {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n render() {\r\n const { acknowledgeMySelf, tooltipOpen } = this.state;\r\n const { videoVisitRequest, enabledVirtualDashboard } = this.props;\r\n const { conditions, isWaiting, isSuccess } = this.props.videoVisitConditions;\r\n const videoVisitConditions = conditions && conditions.treatableConditions && conditions.treatableConditions.length > 0 ? conditions.treatableConditions : [];\r\n var conditionUIElements = videoVisitConditions.map((condition, index) => {\r\n return (\r\n \r\n
\r\n \r\n
Confirm your appointment details.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Patient
\r\n\r\n {name}\r\n
\r\n \r\n \r\n
\r\n Provider
\r\n\r\n \r\n
\r\n \r\n Baylor Scott & White Provider\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Reason for Visit
\r\n\r\n {videoVisitRequest.condition}\r\n
\r\n \r\n \r\n
\r\n Cost
\r\n\r\n {`${price}`}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Time & Day
\r\n\r\n {dateTime} {showTimeZoneMessage ? timezone : getTimeZone()}\r\n
\r\n \r\n \r\n
\r\n \r\n {enableVirtualDashboardUpdates?\r\n
\r\n *By proceeding, I accept financial responsibility and agree to pay the above listed amount. I understand that this service is only covered by certain insurance plans and that I may not be able to have my health insurance provider reimburse this cost. Further, should my insurance provider not offer reimbursement for this service, I am electing to pay this amount out of pocket and I am directing BSWH not to share any information about this visit with my health insurance provider.
\r\n :\r\n *By proceeding, I accept financial responsibility and agree to pay the above listed amount. I understand that high deductible plan costs may vary until the deductible is met.
\r\n }\r\n \r\n \r\n \r\n
\r\n );\r\n });\r\n return (\r\n \r\n {typeof conditions === 'undefined' || isWaiting && !isSuccess\r\n ?
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n videoVisitConditions: state.videoVisitScheduling.videoVisitConditions ? state.videoVisitScheduling.videoVisitConditions : {}\r\n };\r\n};\r\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(SelectCondition);","import React from 'react';\r\nimport StatusBanner from '../../common/StatusBanner';\r\nimport VideoVisitConfirmationStatus from './VideoVisitConfirmationStatus';\r\nimport Spinner from \"../../common/spinner\";\r\nimport VideoVisitTips from \"../../dashboard/appointment/VideoVisitTips\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\n\r\nconst bannerMsg = \"Thanks, you're all set! We look forward to seeing you.\", subBannerMsg = \"You will receive an email confirming your appointment.\",\r\n errorMsg = \"We were unable to schedule your appointment\";\r\n\r\n\r\nclass VideoVisitConfirmation extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n showVideoVisitTipsModal: false\r\n }\r\n }\r\n onRetry = () => {\r\n this.props.retryVideoVisitRequest();\r\n }\r\n\r\n toggleVideoVisitTipsModal = () => {\r\n let activityCodeForModal = 'MBHWeb.UI.VideoVisitConfirmation.VideoVisitTips.Open';\r\n if (this.state.showVideoVisitTipsModal) {\r\n activityCodeForModal = 'MBHWeb.UI.VideoVisitConfirmation.VideoVisitTips.Close';\r\n }\r\n logUI(activityCodeForModal, new Date(), Tools.getURLPath());\r\n this.setState({ showVideoVisitTipsModal: !this.state.showVideoVisitTipsModal });\r\n }\r\n\r\n render() {\r\n const { isWaiting, isSuccess, isError } = this.props.videoVisit;\r\n const { technicalHelpDeskNumber, technicalHelpDeskHours, timezone, showTimeZoneMessage } = this.props;\r\n const { showVideoVisitTipsModal } = this.state;\r\n return (\r\n \r\n
\r\n {!enabledVirtualDashboard && \r\n {enabledVirtualDashboard ?
\r\n What can we help you with during this visit?
\r\n :Please acknowledge you're scheduling for yourself then select a condition below.
}\r\n \r\n {!enabledVirtualDashboard &&\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Urgent care Video On Demand are currently only available for users with their own MyBSWHealth account.\r\n \r\n \r\n
}\r\n \r\n {conditionUIElements}\r\n
\r\n \r\n
} \r\n \r\n }\r\n \r\n Don't see an option that works for you? FIND A DOCTOR\r\n
\r\n \r\n {isWaiting ?\r\n \r\n {!failedStatus && hasMyChart && numberOfDaysDiff <= parseInt(eCheckInDays) && enableEcheckinMandatoryUpdates &&\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n videoVisitEnabledMinutesAfterStart: state.session.serverData && state.session.serverData.videoVisitEnabledMinutesAfterStart ? state.session.serverData.videoVisitEnabledMinutesAfterStart : \"45\",\r\n hasMyChart: state.domain.hm,\r\n enableEcheckinMandatoryUpdates: state.session.serverData && state.session.serverData.enableEcheckinMandatoryUpdates ? state.session.serverData.enableEcheckinMandatoryUpdates : false,\r\n EncryptedCSN: state.epic.encryptCSN\r\n }\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEncryptedCSN: (csnId) => {\r\n dispatch({ type: types.GET_EPIC_ENCRYPT_CSN, csnId });\r\n }\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(VideoVisitConfirmationStatus));\r\n","import React from 'react';\r\nimport { ModalHeader, ModalBody, Modal } from 'reactstrap';\r\nimport StaticHtmlContent from \"../../common/staticHtmlContent\";\r\n\r\nclass VideoVisitTerms extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onModalOpened = this.onModalOpened.bind(this);\r\n }\r\n toggleModal = () => {\r\n this.props.toggleModal(false);\r\n }\r\n\r\n onModalOpened() {\r\n const { heading, terms } = this.props;\r\n const textContent = heading === \"Complaint Notice and Privacy Practice\" ? \"NOTICE CONCERNING COMPLAINTS\" :\r\n heading === \"Patients' Rights\" ? \"PATIENT RIGHTS AND RESPONSIBILITIES\" : \"\";\r\n if (textContent) {\r\n const xpath = `//h2[text()='${textContent}']`;\r\n const element = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n if (element && element.scrollIntoView)\r\n element.scrollIntoView();\r\n }\r\n }\r\n\r\n render() {\r\n const { heading, showModal, terms } = this.props;\r\n return (\r\n \r\n {heading}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nexport default VideoVisitTerms;\r\n","import React from 'react';\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport * as queryString from 'query-string';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport OpenScheduleButton from \"../../care/OpenScheduleButton\";\r\nimport { map } from 'lodash';\r\nimport { gaAddToCart } from '../../../api/gaLoging';\r\nimport { translateText } from '../../../helpers/data';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst ServiceLocationSlots = ({ loc, location, isMammogram, buttonText, enableFluVaccineSchedulingWorkflow, scheduleCampaignReferrer, isMammogramMapPinView, selectedIndex, totalLocations, t, translate}) => {\r\n const [addToCart, setAddToCard] = React.useState(true);\r\n const [position, setPosition] = React.useState((typeof selectedIndex === 'number' && selectedIndex >= 0) ? (selectedIndex + 1) : 0);\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { bypassProxyAndInfo = false } = params;\r\n const twoDText = translateText(translate, \"2D Screen\", t);\r\n const threeDText = translateText(translate, \"3D Screen\", t);\r\n const screenText = ' ' + translateText(translate, \"Screen\", t);\r\n const twoDTextMobile = \"2D\";\r\n const threeDTextMobile = \"3D\";\r\n let twoDVisitType = false;\r\n let threeDVisitType = false;\r\n const moreUrl = enableFluVaccineSchedulingWorkflow ? `services/fluvaccine/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.uniqueVisitTypeIds ? loc.openSchedules.uniqueVisitTypeIds : \"\"}/${loc.epicDepartmentId}` : isMammogram ? `services/mammogram/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.uniqueVisitTypeIds ? loc.openSchedules.uniqueVisitTypeIds : \"\"}/${loc.epicDepartmentId}` : `/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.dateAndTimes.length && loc.openSchedules.dateAndTimes[0].times.length ? loc.openSchedules.dateAndTimes[0].times[0].visitTypeId : \"\"}/${loc.epicDepartmentId}`;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n\r\n for (let count = 0; count < loc.openSchedules.dateAndTimes.length; count++) {\r\n if (loc.openSchedules.dateAndTimes[count] && loc.openSchedules.dateAndTimes[count].displayLabel === twoDText || loc.openSchedules.dateAndTimes[count] && loc.openSchedules.dateAndTimes[count].visitTypeId === window.serverData.data.mammographyVisitTypeId) {\r\n twoDVisitType = true;\r\n }\r\n if (loc.openSchedules.dateAndTimes[count] && loc.openSchedules.dateAndTimes[count].displayLabel === threeDText || loc.openSchedules.dateAndTimes[count] && loc.openSchedules.dateAndTimes[count].visitTypeId === window.serverData.data.mammography3DVisitTypeId) {\r\n threeDVisitType = true;\r\n }\r\n\r\n }\r\n function get2Dand3D() {\r\n let items = arrange2Dand3DData(loc.openSchedules.dateAndTimes);\r\n let rows = [];\r\n let twoDimensionItem = {};\r\n let threeDimensionItem = {};\r\n let twoDimensionItemKey = 0;\r\n let threeDimensionItemKey = 0;\r\n let locDateAndTimes = loc && loc.openSchedules && loc.openSchedules.dateAndTimes.length;\r\n for (let count = 0; count < locDateAndTimes; count++) {\r\n twoDimensionItem = items[count];\r\n twoDimensionItemKey = count\r\n count = count + 1;\r\n threeDimensionItem = items[count];\r\n threeDimensionItemKey = count;\r\n\r\n if (twoDimensionItem !== undefined || threeDimensionItem !== undefined) {\r\n rows.push(\r\n 0\r\n ? <>Don’t forget about your daily check-ins!\r\n : <>See what’s next on your care journey.}\r\n disabled={disabled}\r\n count={careCount}\r\n url={\"/familyselection/carecompanion\"}\r\n />\r\n );\r\n}\r\n\r\nexport default CareCompanionTile;\r\n","import React from \"react\";\r\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap';\r\n\r\nfunction AttachmentModal({ attachmentUrl, contentClassName, showModalHeader, toggleAttachmentModal }) {\r\n const showHeader = showModalHeader ? showModalHeader : true;\r\n const modalBody = contentClassName === 'attachment-modal--video'\r\n ? \r\n : ;\r\n\r\n return (\r\n \r\n {showHeader && \r\n {modalBody}\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default AttachmentModal;","//import React from 'react';\r\nimport moment from \"moment\";\r\nimport React, { useState } from 'react';\r\nimport { dateStringFormat } from '../../../helpers/Tools';\r\nimport AttachmentModal from \"./AttachmentModal\";\r\nimport { replaceURLs, replacePhoneNumber, getInitials } from '../../../helpers/formatting';\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\n\r\nexport default function Message({ message, index, imageUrl }) {\r\n const [openAttachmentModal, setAttachmentModal] = useState(false);\r\n const toggleMessageModal = () => setAttachmentModal(prevState => {\r\n if (prevState) {\r\n window.removeEventListener(\"message\", processWindowMsg, false)\r\n } else {\r\n window.addEventListener(\"message\", processWindowMsg, false)\r\n }\r\n return !prevState\r\n });\r\n const processWindowMsg = (messageEvent) => {\r\n if (messageEvent && messageEvent.data === \"dialog_closed\") {\r\n setAttachmentModal(false);\r\n window.removeEventListener(\"message\", processWindowMsg, false);\r\n logUI(\"MBHWeb.UI.CareCoach.Message.Event.DialogClosed\", new Date(), Tools.getURLPath());\r\n }\r\n }\r\n const noteDate = message && message.noteDate ? message.noteDate : \"\";\r\n const formatDate = () => {\r\n if (!noteDate) return \"\";\r\n const messageDate = dateStringFormat(noteDate, \"MM/DD/YYYY hh:mm A\");\r\n return messageDate;\r\n };\r\n const attachments = message.attachments && message.attachments.length !== 0 ? message.attachments : [];\r\n let showAttachmentFormIcon, showAttachmentVedioIcon, showFormSubmittedMsg, showDefaultAttachmentIcon = false;\r\n let attachmentUrl = \"\";\r\n let attachmentClass = \"\";\r\n\r\n for (let i = 0; i <= attachments.length; i++) {\r\n if (attachments[i] && attachments[i].attachmentType === \"twistle/form-definition\") {\r\n showAttachmentFormIcon = true;\r\n attachmentUrl = attachments[i].attachmentFrameUrl;\r\n attachmentClass = \"attachment-modal--form\";\r\n break;\r\n } else if (attachments[i] && attachments[i].attachmentType === \"video/mp4\") {\r\n showAttachmentVedioIcon = true;\r\n attachmentUrl = attachments[i].attachmentFrameUrl;\r\n attachmentClass = \"attachment-modal--video\";\r\n break;\r\n } else if (attachments[i] && attachments[i].attachmentType === \"twistle/form-submission\") {\r\n showFormSubmittedMsg = true;\r\n break;\r\n } else if (attachments[i] && attachments[i].attachmentType === \"application/pdf\") {\r\n showDefaultAttachmentIcon = true;\r\n attachmentUrl = attachments[i].attachmentFrameUrl;\r\n attachmentClass = \"attachment-modal--pdf\";\r\n break;\r\n }else if (attachments[i] && attachments[i].attachmentType) {\r\n showDefaultAttachmentIcon = true;\r\n attachmentUrl = attachments[i].attachmentFrameUrl;\r\n break;\r\n }\r\n }\r\n\r\n const viewedDate = message && message.patientViewed ? moment(message.patientViewed) : false;\r\n let validDate = false;\r\n if (viewedDate && viewedDate.year().toString() !== \"1\") {\r\n validDate = true;\r\n }\r\n\r\n let msgCont = replaceURLs(message.messageContent);\r\n msgCont = replacePhoneNumber(msgCont);\r\n msgCont = msgCont && msgCont.replace(new RegExp('\\n', 'g'), '');\r\n const initials = message && message.authorFormalName ? getInitials(message.authorFormalName) : \"\";\r\n\r\n return (\r\n \r\n ;\r\n\r\n});\r\nActivityDetectionFrame.propTypes = {\r\n // iframe content/document\r\n // option 1. content of HTML to load in the iframe\r\n content: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.element,\r\n ]),\r\n // option 2. src to a URL to load in the iframe\r\n src: PropTypes.string,\r\n // iframe-resizer controls and helpers\r\n // misc props to pass through to iframe\r\n id: PropTypes.string,\r\n frameBorder: PropTypes.number,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n additionalCSS: PropTypes.object,\r\n additionalScripts: PropTypes.arrayOf(PropTypes.object),\r\n border: PropTypes.string,\r\n ignoreChanges: PropTypes.bool,\r\n events: PropTypes.arrayOf(PropTypes.object),\r\n //a css selector for the dom element to be observed default is body \r\n observe: PropTypes.string || PropTypes.array,\r\n //a css selector to fire a match event\r\n bswMatch: PropTypes.string || PropTypes.array,\r\n //Default window message \r\n onMessage: PropTypes.func,\r\n //function to call when the observed element is triggerd\r\n onObserved: PropTypes.func,\r\n // optional extra callback when iframe is loaded\r\n onIframeLoaded: PropTypes.func,\r\n};\r\n/**\r\n * if any of the properties are used and the default value is still wanted then it is accumbent on the over riding componet to ensure\r\n * they are added.\r\n * */\r\nActivityDetectionFrame.defaultProps = {\r\n // resize iframe\r\n // misc props to pass through to iframe\r\n frameBorder: 0,\r\n style: {\r\n width: '100%',\r\n minHeight: 20,\r\n },\r\n events: [],\r\n additionalScripts: [],//[{ url: `${window.location.origin}/scripts/bswMyChart.js` }],// { url: `${window.serverData.data.bswcdnScript}ChildChangeObservation.js` }],\r\n border: \"0px\",\r\n ignoreChanges: false,\r\n observe: \"\",\r\n bswMatch: \"\",\r\n onMessage: (event) => { console.info(`ActivityDetectionFrame onMessage`, event) },\r\n onObserved: (data) => { console.info(`ActivityDetectionFrame onObserved`, data) }\r\n};\r\n\r\nexport default withRouter(ActivityDetectionFrame);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport DownloadAppBtn from \"./DownloadAppBtn\";\r\n\r\nconst TIME_FORMAT = \"LT\";\r\n\r\nclass AppointmentECheckinDashboardMessage extends React.Component { \r\n render() {\r\n const {visitDateTime, SDCVisitEnabledMinutesAfterStart, enableEcheckinMandatoryUpdates} = this.props;\r\n const isMobile = Tools.isMobile();\r\n const visitTimeAfter = Tools.addMinutesToDate(visitDateTime, SDCVisitEnabledMinutesAfterStart);\r\n const closingTime = Tools.formatCentralDate(visitTimeAfter, TIME_FORMAT); \r\n\r\n return (\r\n \r\n {enableEcheckinMandatoryUpdates ?\r\n \r\n\r\n ![\"Dashboard](\"/images/appt-echeckin-tile.png\")
\r\n \r\n } \r\n {enableEcheckinMandatoryUpdates && }\r\n ![\"Dashboard](\"/images/appt-echeckin-complete-tile.png\")
\r\n );\r\n\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n SDCVisitEnabledMinutesAfterStart: state.session.serverData && state.session.serverData.SDCVisitEnabledMinutesAfterStart ? state.session.serverData.SDCVisitEnabledMinutesAfterStart : \"10\",\r\n hasMyChart: state.domain.hm,\r\n enableEcheckinMandatoryUpdates: state.session.serverData && state.session.serverData.enableEcheckinMandatoryUpdates ? state.session.serverData.enableEcheckinMandatoryUpdates : false\r\n }\r\n};\r\nexport default connect(mapStateToProps, null)(AppointmentECheckinDashboardMessage);","import React, { useEffect, useRef } from 'react';\r\nimport { scrollIntoWindowView } from \"../../helpers/Tools\";\r\n\r\nconst Backdrop = ({\r\n align,\r\n containerClass,\r\n id, \r\n toolTipContainerClass,\r\n toolTipHeading,\r\n toolTipInfo,\r\n onClickBackdrop,\r\n okBtnText,\r\n scrollIntoView,\r\n showTooltip\r\n}) => {\r\n\r\n const alignBottom = align && align === 'bottom' ? true : false;\r\n const tooltipRef = useRef();\r\n const backdropClass = `backdrop-container${containerClass ? ' ' + containerClass :''}`\r\n const toolTipClass = `backdrop-tool-tip-container${toolTipContainerClass ? ' ' + toolTipContainerClass : ''} ${alignBottom ? 'backdrop-tooltip--align-bottom' : ''}`;\r\n const topOffset = -120;\r\n\r\n // If tooltip is aligned to the bottom need to calculate if tooltip needs to overlap children for better visibility on shorter screens\r\n const getTooltipStyle = () => {\r\n let tooltipEl = tooltipRef && tooltipRef.current ? tooltipRef.current : null;\r\n let tooltipStyle = {};\r\n\r\n if (alignBottom) {\r\n let focusedEl = document.querySelector('.backdrop-tooltip-enabled');\r\n let windowHeight = window && window.innerHeight ? window.innerHeight : 0;\r\n\r\n let focusedElHeight = focusedEl && focusedEl.clientHeight ? focusedEl.clientHeight : 0;\r\n let tooltipElHeight = tooltipEl && tooltipEl.clientHeight ? tooltipEl.clientHeight : 0;\r\n let tooltipOffset = windowHeight - focusedElHeight - tooltipElHeight + topOffset - 64; //last number is tooltip arrow offset\r\n\r\n if (tooltipOffset < 0) {\r\n if (-tooltipOffset > (focusedElHeight / 2)) {\r\n //Setting offset to half of children so doesn't completely overlap children\r\n tooltipStyle = { marginTop: `${-(focusedElHeight / 2)}px` };\r\n } else {\r\n tooltipStyle = { marginTop: `${tooltipOffset}px` };\r\n }\r\n }\r\n } else if(tooltipEl) {\r\n let tooltipElRect = tooltipEl.getBoundingClientRect();\r\n let windowOffet = window && window.pageYOffset ? window.pageYOffset : 0;\r\n let arrowOffset = 10;\r\n\r\n if ((tooltipElRect.top + windowOffet) < tooltipEl.clientHeight) {\r\n tooltipStyle = { marginTop: (-tooltipElRect.top - arrowOffset) + 'px' };\r\n } else {\r\n tooltipStyle = { marginTop: (-tooltipEl.clientHeight - arrowOffset) + 'px' };\r\n }\r\n }\r\n\r\n return tooltipStyle;\r\n }\r\n\r\n // Scrolls page to children or tooltip when scrollIntoView is true\r\n useEffect(() => {\r\n if (showTooltip) {\r\n if (scrollIntoView) {\r\n let tooltipEl = tooltipRef && tooltipRef.current ? tooltipRef.current : null;\r\n let focusedEl = document.querySelector('.backdrop-tooltip-enabled');\r\n let scrollEl = alignBottom ? focusedEl : tooltipEl;\r\n let winHeight = window && window.innerHeight ? window.innerHeight : 0;\r\n\r\n if (scrollEl && tooltipEl && focusedEl) {\r\n setTimeout(() => {\r\n let tooltipRect = tooltipEl.getBoundingClientRect();\r\n let focusedRect = focusedEl.getBoundingClientRect();\r\n let isTooltipInView = true;\r\n\r\n if (alignBottom) {\r\n isTooltipInView = tooltipRect && focusedRect.top > -1 && tooltipRect.bottom <= winHeight ? true : false;\r\n } else {\r\n isTooltipInView = tooltipRect && tooltipRect.top > -1 && focusedRect.bottom <= winHeight ? true : false;\r\n }\r\n\r\n if (!isTooltipInView) {\r\n scrollIntoWindowView(null, scrollEl);\r\n }\r\n }, 500);\r\n }\r\n }\r\n }\r\n\r\n }, [showTooltip]);\r\n\r\n return (<>\r\n {showTooltip &&\r\n \r\n ));\r\n return (\r\n \r\n toggle()}\r\n >\r\n {message &&\r\n message\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nConfirmationToast.defaultProps = {\r\n autoClose: false,\r\n autoCloseDelay: 6000,\r\n icon: null,\r\n isFailed: false,\r\n isOpen: false,\r\n message: \"\",\r\n toggle: () => ({})\r\n};\r\n\r\nConfirmationToast.propTypes = {\r\n autoClose: PropTypes.bool,\r\n autoCloseDelay: PropTypes.number,\r\n icon: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.element\r\n ]),\r\n isFailed: PropTypes.bool,\r\n isOpen: PropTypes.bool,\r\n message: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.element\r\n ]),\r\n toggle: PropTypes.func\r\n};\r\n\r\nexport default connect()(ConfirmationToast);","import * as React from \"react\";\r\nimport { Modal, ModalBody } from 'reactstrap';\r\n\r\nclass CriticalUpdateModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { modalVisible: true };\r\n this.modal = React.createRef();\r\n this.tick = this.tick.bind(this);\r\n this.countDown = props.counterValue * 60 * 1000;\r\n }\r\n\r\n componentDidMount() { \r\n if(window)\r\n this.timerId = window.setInterval(this.tick, 1000);\r\n }\r\n \r\n componentWillUnmount() {\r\n this.clearInterval();\r\n }\r\n\r\n closeModal() {\r\n this.setState({ modalVisible: false });\r\n }\r\n\r\n tick() {\r\n this.countDown -= 1000;\r\n const min = Math.floor(this.countDown / (60 * 1000));\r\n const sec = Math.floor((this.countDown - (min * 60 * 1000)) / 1000);\r\n if (this.countDown <= 0) {\r\n this.clearInterval();\r\n this.refreshApp();\r\n } else {\r\n const timer = this.modal.current.querySelector(\".timer\");\r\n if (timer)\r\n timer.innerHTML = (min < 10 ? \"0\" + min : min ) + \" : \" + (sec < 10 ? \"0\" + sec : sec);\r\n }\r\n }\r\n\r\n clearInterval() {\r\n if (this.timerId) {\r\n if (window) {\r\n window.clearInterval(this.timerId);\r\n }\r\n this.timerId = null;\r\n }\r\n } \r\n\r\n refreshApp() {\r\n if (window) {\r\n window.location.reload(true);\r\n this.closeModal();\r\n }\r\n }\r\n\r\n render() {\r\n const { message, counterValue } = this.props; \r\n const { modalVisible } = this.state;\r\n return (\r\n Link text \r\n * Link text \r\n * \r\n */\r\nexport default class CustomLink extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n \r\n render() {\r\n const { linkProps, children } = this.props;\r\n if (linkProps.to) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n }\r\n else {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n }\r\n }\r\n}","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\n/**\r\n * This is a base component for any components that need to load data. Just making a consistent pattern\r\n * \r\n * Also started adding helper methods for data input screens too\r\n * \r\n */\r\nclass DataComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.privateLoadData = this.privateLoadData.bind(this);\r\n this.onDobChange = this.onDobChange.bind(this);\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.bHasWindow = typeof window !== \"undefined\";\r\n this._isMounted = false;\r\n this.state = {\r\n dataLoaded: false,\r\n fields: {}\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (super.componentDidMount) { super.componentDidMount();}\r\n \r\n this._isMounted = true;\r\n this.privateLoadData();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (super.componentDidUpdate) { super.componentDidUpdate(prevProps, prevState, snapshot); }\r\n\r\n this.privateLoadData();\r\n }\r\n\r\n componentWillUnmount() {\r\n if (super.componentWillUnmount) { super.componentWillUnmount(); }\r\n \r\n this._isMounted = false;\r\n const { dataLoaded } = this.state;\r\n if (dataLoaded) {\r\n this.setState({ dataLoaded: false });\r\n }\r\n }\r\n\r\n privateLoadData() {\r\n const { dataLoaded } = this.state;\r\n if (!dataLoaded && this.shouldLoadData && this.shouldLoadData() )\r\n {\r\n this.setState({ dataLoaded: true });\r\n if (this.loadData)\r\n {\r\n this.loadData();\r\n }\r\n }\r\n }\r\n\r\n onDobChange(value, inputName) {\r\n let fields = this.state.fields;\r\n fields[inputName] = value;\r\n this.setState({ fields });\r\n if (this.inputsChanged) {\r\n this.inputsChanged();\r\n }\r\n window.componentChanged = true;\r\n }\r\n\r\n handleInputChange(e) {\r\n if (e) {\r\n const target = e.target;\r\n let fields = this.state.fields;\r\n fields[target.name] = e.target.value;\r\n this.setState({ fields });\r\n if (this.inputsChanged) {\r\n this.inputsChanged();\r\n }\r\n window.componentChanged = true;\r\n }\r\n }\r\n\r\n}\r\n\r\n\r\nexport default DataComponent;","import React, { Component } from \"react\";\r\n\r\nclass DataLoadingSpinner extends Component {\r\n constructor(params) {\r\n super(params);\r\n }\r\n\r\n render() {\r\n if (window.document.documentMode) { //do this because the other loading animation doesn't work properly in IE\r\n return (\r\n this.handleYearMonthChange(month)}\r\n />\r\n ),\r\n labels: { nextMonth: \"Next Month\", previousMonth: \"Previous Month\" }\r\n };\r\n //minDate.setMonth(minDate.getMonth() + 1);\r\n //console.log(\"minDate\", minDate);\r\n //console.log(\"initialDate\", initialDate);\r\n return (isDateRange !== true\r\n ? isInline !== true\r\n ? this.handleYearMonthChange(month)}\r\n disabledDays={day => this.isDayDisabled(day, this.props.enabledDays, disabled)}\r\n weekdaysLong={weekdaysLong}\r\n weekdaysShort={weekdaysShort}\r\n months={months}\r\n month={initialDate || minDate}\r\n fromMonth={minDate}\r\n toMonth={maxDate}\r\n locale={translate && this.language === 'es' ? es : null}\r\n />\r\n : \r\n {!this.isMobile && enableDesktopAppIcons\r\n ? \r\n {buttonURL\r\n ? \r\n {buttonLabel}\r\n \r\n : logUI(`${logPrefix}.DownloadApp.General.Clicked`, new Date(), Tools.getURLPath())}>\r\n {buttonLabel}\r\n \r\n }\r\n \r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nDownloadAppBtn.propTypes = propTypes;\r\nDownloadAppBtn.defaultProps = defaultProps;\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n ssoBaseUrl: state.session.serverData ? state.session.serverData.ssoBaseURL : \"\"\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(DownloadAppBtn);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\n/*\r\n * Component to display email links\r\n */\r\nexport function EmailLink(props) {\r\n let emailHref = \"mailto: \" + props.emailAddress;\r\n if (props.subjectLine) {\r\n //let subjectLine = props.subjectLine.replace(\" \", \"%20\");\r\n emailHref += \"?subject= \" + props.subjectLine;\r\n }\r\n\r\n return \r\n \r\n \r\n {props.linkText ? props.linkText : props.emailAddress }\r\n \r\n ;\r\n}\r\n\r\nEmailLink.propTypes = {\r\n emailAddress: PropTypes.string,\r\n subjectLine: PropTypes.string,\r\n linkText: PropTypes.string\r\n};\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport Cookies from \"cookies-js\";\r\nimport * as tools from \"../../helpers/Tools\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport { isValidDate } from \"../../helpers/dateTime\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { logReactError } from \"../../api/loggingApi\";\r\n\r\n\r\nclass EnsureLoggedIn extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.buildUniqueID = this.buildUniqueID.bind(this);\r\n this.startCountDownTimer = this.startCountDownTimer.bind(this);\r\n this.clearCountDownTimer = this.clearCountDownTimer.bind(this);\r\n this.countdownTimerTick = this.countdownTimerTick.bind(this);\r\n this.setupClickHandlers = this.setupClickHandlers.bind(this);\r\n this.clearInactivityTimer = this.clearInactivityTimer.bind(this);\r\n this.setInactivityTimer = this.setInactivityTimer.bind(this);\r\n this.timedOut = this.timedOut.bind(this);\r\n this.resetInactivityTimer = this.resetInactivityTimer.bind(this);\r\n this.newClickHandler = this.newClickHandler.bind(this);\r\n this.newKeypressHandler = this.newKeypressHandler.bind(this);\r\n this.clearClickHandlers = this.clearClickHandlers.bind(this);\r\n this.callRefreshToken = this.callRefreshToken.bind(this);\r\n this.setTimer = this.setTimer.bind(this);\r\n this.cleanupTimer = this.cleanupTimer.bind(this);\r\n this.resetCountersFromProperties = this.resetCountersFromProperties.bind(this);\r\n this.resetCountersFromProperties();\r\n }\r\n\r\n componentWillMount() {\r\n console.log(\"Ensured logged in-componentWillMount\");\r\n }\r\n\r\n resetCountersFromProperties() {\r\n this.idleTimeoutSeconds = window.serverData.data.idleTimeoutSeconds;\r\n this.idleTimeoutCountdownSeconds = window.serverData.data.idleTimeoutCountdownSeconds;\r\n\r\n if (this.props.attributeIdleTimeoutSeconds) {\r\n this.idleTimeoutSeconds = this.props.attributeIdleTimeoutSeconds;\r\n }\r\n if (this.props.attributeIdleTimeoutCountdownSeconds) {\r\n this.idleTimeoutCountdownSeconds = this.props.attributeIdleTimeoutCountdownSeconds;\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n const { isLoggedIn, currentURL, setRedirectUrl, refreshToken } = this.props;\r\n\r\n this.bHasWindow = (typeof window !== \"undefined\");\r\n\r\n const sPath = tools.getURLPath(this.props.attributePath).toLowerCase();\r\n\r\n if (!isLoggedIn && sPath !== '/login') {\r\n }\r\n\r\n this.resetCountersFromProperties();\r\n this.resetInactivityTimer();\r\n\r\n this.setupClickHandlers();\r\n\r\n this.setTimer();\r\n\r\n if (this.uniqueID !== null) {\r\n //debugger;\r\n }\r\n else {\r\n this.uniqueID = this.buildUniqueID();\r\n }\r\n\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n // we're not resetting the inactivity timer, only the reset token timer\r\n const { token, isLoggedIn } = this.props;\r\n if (prevProps.token !== token) { // update the refresh timer any time the token changes\r\n this.setTimer();\r\n }\r\n if (!prevProps.isLoggedIn && isLoggedIn) { // here, we start the idle count down timer \r\n this.setInactivityTimer();\r\n this.setTimer();\r\n }\r\n if (!isLoggedIn && prevProps.isLoggedIn) {\r\n this.clearCountDownTimer(); // clear the countdown timer whenever we logout\r\n this.clearInactivityTimer();\r\n }\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n //alert(\"Will unmount!\");\r\n console.log(\"Ensured logged in-componentWillUnmount\");\r\n this.clearInactivityTimer();\r\n this.clearClickHandlers();\r\n this.cleanupTimer();\r\n }\r\n\r\n bHasWindow = false;\r\n\r\n uniqueID = null;\r\n\r\n refreshTimer = null;\r\n timerToken = null;\r\n\r\n inactivityTimer = null;\r\n inactivityTimerStartTime = null;\r\n\r\n originalOnKeypress = null;\r\n originalOnClick = null;\r\n handlerSet = null;\r\n\r\n dialogIsOpen = false;\r\n idleTimeoutSeconds = 60;\r\n idleTimeoutCountdownSeconds = 60;\r\n\r\n countdownSecondsRemaining = 60;\r\n countdownTimer = null;\r\n\r\n buildUniqueID() {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\r\n return v.toString(16);\r\n });\r\n }\r\n\r\n startCountDownTimer() {\r\n this.clearCountDownTimer();\r\n if (!this.props.isMobile) {\r\n this.countdownSecondsRemaining = this.idleTimeoutCountdownSeconds;\r\n if (this.isTokenExpired()) {\r\n console.log(\"CountDown timer thinks the token is expired\");\r\n this.systemLogout();\r\n } else {\r\n console.log(\"CountDown timer is being start\");\r\n this.countdownTimer = window.setInterval(this.countdownTimerTick, 1000);\r\n }\r\n }\r\n else {\r\n console.log(\"CountDown timer thinks it's mobile\");\r\n }\r\n }\r\n\r\n clearCountDownTimer() {\r\n if (this.countdownTimer !== null) {\r\n if (this.bHasWindow) {\r\n window.clearInterval(this.countdownTimer);\r\n }\r\n this.countdownTimer = null;\r\n }\r\n }\r\n\r\n countdownTimerTick() {\r\n if (this.isTokenExpired()) {\r\n logUI(\"MBHWeb.Login.TokenExpired.Logout\", new Date(), Tools.getURLPath());\r\n //debugger;\r\n this.systemLogout();\r\n } else {\r\n this.countdownSecondsRemaining = this.countdownSecondsRemaining - 1;\r\n if (this.countdownSecondsRemaining < 1) {\r\n logUI(\"MBHWeb.Login.SessionExpired.Logout\", new Date(), Tools.getURLPath());\r\n this.clearCountDownTimer();\r\n //debugger;\r\n this.systemLogout();\r\n\r\n // Since this has a global life, even on the login page now, we must do this\r\n this.resetCountersFromProperties();\r\n this.resetInactivityTimer();\r\n this.cleanupTimer(); // componentDidUpdate will restart the timer when needed\r\n\r\n };\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n\r\n\r\n setupClickHandlers() {\r\n if (this.bHasWindow) {\r\n window.addEventListener(\"click\", this.newClickHandler, false);\r\n window.addEventListener(\"keypress\", this.newKeypressHandler, false);\r\n }\r\n }\r\n\r\n clearInactivityTimer() {\r\n if (this.inactivityTimer !== null) {\r\n if (this.bHasWindow) {\r\n window.clearTimeout(this.inactivityTimer);\r\n }\r\n this.inactivityTimer = null;\r\n this.inactivityTimerStartTime = null;\r\n }\r\n }\r\n\r\n setInactivityTimer() {\r\n\r\n if (!this.props.isMobile) {\r\n\r\n if (this.inactivityTimer === null) {\r\n\r\n if (this.bHasWindow) {\r\n this.inactivityTimer = window.setTimeout(this.timedOut, this.idleTimeoutSeconds * 1000);\r\n this.inactivityTimerStartTime = new Date();\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n timedOut() {\r\n const { isMobile } = this.props;\r\n if (window.twilioRoom //window.lastTwilio && \r\n // Number.isInteger(window.lastTwilio) &&\r\n // window.lastTwilio > 0 &&\r\n // Date.now() < window.lastTwilio + (this.idleTimeoutSeconds * 1000)\r\n ) {\r\n this.resetInactivityTimer(); // We reset the timer in case we timed out while jitsi was up\r\n return;\r\n }\r\n\r\n if (!isMobile) {\r\n if (!this.props.isLoggedIn) {\r\n //alert(\"Ok... you're not logged in so we'll just silently reload the timer here.\");\r\n this.resetInactivityTimer();\r\n }\r\n else {\r\n //if it has been longer than the inactivity timer time plus the countdown time, go ahead and log out the user\r\n let inactivityTimedOut = +new Date() - (+this.inactivityTimerStartTime + +this.idleTimeoutCountdownSeconds)\r\n if (inactivityTimedOut / 1000 >= (this.idleTimeoutSeconds + 5) || this.isTokenExpired()) { // we add 5 here because timing might bring this line of code in 1 second latr\r\n //debugger;\r\n this.systemLogout()\r\n } else {\r\n // popup here\r\n this.dialogIsOpen = true;\r\n this.startCountDownTimer();\r\n //alert(\"Heh!! Do something! You're logged in!\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n resetInactivityTimer() {\r\n this.clearCountDownTimer();\r\n this.clearInactivityTimer();\r\n this.setInactivityTimer();\r\n if (this.dialogIsOpen) {\r\n this.dialogIsOpen = false;\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n newClickHandler() {\r\n this.resetInactivityTimer();\r\n if (this.originalOnClick !== null) {\r\n this.originalOnClick();\r\n }\r\n }\r\n\r\n newKeypressHandler() {\r\n this.resetInactivityTimer();\r\n if (this.originalOnKeypress !== null) {\r\n this.originalOnKeypress();\r\n }\r\n }\r\n\r\n clearClickHandlers() {\r\n if (this.bHasWindow) {\r\n window.removeEventListener(\"keypress\", this.newKeypressHandler);\r\n window.removeEventListener(\"click\", this.newClickHandler);\r\n }\r\n }\r\n\r\n\r\n\r\n componentDidCatch(error, errorInfo) {\r\n console.log(\"ErrTEST:\" + error);\r\n let json = { error: error, componentStack: errorInfo };\r\n logUI(\"MBHWeb.UI.MainErrorBoundary.ComponentDidCatch\", new Date(), Tools.getURLPath(), JSON.stringify(error), JSON.stringify(errorInfo));\r\n }\r\n\r\n callRefreshToken() {\r\n console.log('call refresh token');\r\n console.log('is token expired', this.isTokenExpired())\r\n if (this.props) {\r\n if (this.props.refreshToken && this.props.refresh_token && this.props.isLoggedIn && !this.isTokenExpired()) {\r\n this.props.refreshToken(this.props.refresh_token);\r\n logUI(\"MBHWeb.Login.Call.RefreshToken\", new Date(), Tools.getURLPath());\r\n }\r\n }\r\n }\r\n\r\n isTokenExpired = () => {\r\n var dateExpire = new Date(this.props.expiresDate);\r\n var dateNow = new Date();\r\n if (dateExpire.getTime() - dateNow.getTime() <= 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n systemLogout = () => {\r\n this.props.logout(msgs.SystemInitiatedLogoutMessage);\r\n }\r\n\r\n setTimer() {\r\n if (!this.props.isLoggedIn) {\r\n this.cleanupTimer();\r\n }\r\n else {\r\n if (this.props.token !== this.timerToken && this.timerToken !== null) {\r\n this.cleanupTimer();\r\n }\r\n if (!this.props.isMobile) {\r\n if (this.props.expiresDate) {\r\n var dateThen = new Date(this.props.expiresDate);\r\n var dateNow = new Date();\r\n var elapsed = Math.floor((dateThen.getTime() - dateNow.getTime()) / 1000);\r\n var remaining = elapsed - (5 * 60);\r\n if (remaining < 1) {\r\n this.callRefreshToken();\r\n }\r\n else {\r\n if (this.props.token !== null && (this.timerToken === null || this.timerToken === undefined || this.timerToken !== this.props.token)) {\r\n this.timerToken = this.props.token;\r\n if (this.bHasWindow) {\r\n this.refreshTimer = window.setTimeout(this.callRefreshToken, remaining * 1000);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n cleanupTimer() {\r\n if (this.refreshTimer !== null) {\r\n if (this.bHasWindow) {\r\n window.clearTimeout(this.refreshTimer);\r\n }\r\n this.refreshTimer = null;\r\n this.timerToken = null;\r\n }\r\n }\r\n\r\n\r\n render() {\r\n var isClientSide = this.bHasWindow;\r\n\r\n if (this.props.isLoggedIn) {\r\n return (\r\n \r\n {this.props.children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n else {\r\n this.cleanupTimer(); // need to do this for cases where we get logged out after the timer is configured. Timer will continue to fire and countdown and change the message\r\n this.clearCountDownTimer();\r\n }\r\n return ;\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n var oProps = {\r\n isLoggedIn: state.domain.li,\r\n token: state.domain.t,\r\n expires_in: state.sso.userDetails ? state.sso.userDetails.expires_in : null,\r\n expiresDate: state.sso.userDetails ? state.sso.userDetails.expiresDate : null,\r\n dateLoaded: state.sso.userDetails ? state.sso.userDetails.dateLoaded : null,\r\n refresh_token: state.domain.rt,\r\n currentURL: ownProps.location ? ownProps.location.pathname : null,\r\n redirectURL: window.redirectURL ? window.redirectURL : \"/\",\r\n isMobile: state.domain.mq\r\n };\r\n\r\n return oProps;\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n refreshToken: function (sRefreshToken) {\r\n return dispatch({\r\n type: types.USER_AUTHENTICATE_REFRESH,\r\n refresh_token: sRefreshToken\r\n });\r\n },\r\n logout: function (sLogoutMessage) {\r\n return dispatch({\r\n type: types.LOGOUT, logoutMessage: sLogoutMessage\r\n });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EnsureLoggedIn);","import React from 'react';\r\nimport { Typography } from \"../ecosystem\";\r\n\r\nconst ErrorLoadingTileMessage = ({\r\n errorMsg\r\n}) => {\r\n\r\n return (\r\n \r\n {props.children}\r\n \r\n \r\n )\r\n}\r\n\r\nGenericCollapseWithChildren.propTypes = {\r\n toggleJsx: PropTypes.element.isRequired, // jsx user clicks to toggle the collapse open and closed\r\n children: PropTypes.node.isRequired, // children that will be shown when toggle is open\r\n}\r\n\r\nexport default GenericCollapseWithChildren;","import React from \"react\";\r\n\r\nexport const HRReadOnlyBanner = (props) => {\r\n let { showBanner, message } = props;\r\n return (\r\n \r\n {showBanner &&\r\n \r\n );\r\n}","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport { LinkText, Notifier, Typography } from \"../ecosystem\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nclass HeaderMessageBanner extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //showBanner: (props.message != null && props.message != \"\") ? true : false\r\n };\r\n\r\n this.closeVersionBanner = this.closeVersionBanner.bind(this);\r\n this.updateVersionBanner = this.updateVersionBanner.bind(this);\r\n }\r\n\r\n closeVersionBanner() {\r\n this.props.hideNormalAppUpdate();\r\n }\r\n\r\n updateVersionBanner() {\r\n if (window) {\r\n window.location.reload(true);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n hasHeaderMessage,\r\n headerMessage,\r\n serviceDownMessage,\r\n showAccordionButton,\r\n showHeaderMessage,\r\n showVersionUpdateBanner,\r\n showServiceDownBanner,\r\n toggleHeaderMessage,\r\n versionUpdateMessage,\r\n isMyChartInactivated,\r\n technicalHelpDeskNumber\r\n } = this.props;\r\n const bannerMessages = [];\r\n const className = 'header-message-banner-container';\r\n const colorStyle = !headerMessage && !showServiceDownBanner && !isMyChartInactivated ? 'alert' : 'error';\r\n const linkColor = colorStyle === 'error' ? '$color-primary-c1' : '$color-primary-a2';\r\n let icon = isMyChartInactivated || showServiceDownBanner ? \"exclamation\" : null\r\n\r\n if (hasHeaderMessage) {\r\n bannerMessages.push(<>\r\n <>{headerMessage}\r\n );\r\n }\r\n\r\n if (showVersionUpdateBanner) {\r\n bannerMessages.push(<>\r\n <>{showServiceDownBanner\r\n ? <>Medical records are down for maintenance. However, an update is available for other parts of MyBSWHealth.\r\n : versionUpdateMessage\r\n }\r\n \r\n
\r\nUpdate \r\n Not Now \r\n );\r\n } else if (!showVersionUpdateBanner && showServiceDownBanner && !isMyChartInactivated) {\r\n bannerMessages.push(<>\r\n <>{serviceDownMessage}\r\n\r\n );\r\n }\r\n\r\n if (isMyChartInactivated) {\r\n bannerMessages.push(<>Some features are unavailable. To activate your medical record and access extended features in MyBSWHealth, call {\r\n logUI(\"MBHWeb.UI.HeaderMessageBanner.MyChartInActive.CallHelpDesk.Clicked\", new Date(), Tools.getURLPath());\r\n }\r\n }\r\n >\r\n {technicalHelpDeskNumber}.\r\n );\r\n }\r\n\r\n const showAccordionBtn = (showAccordionButton || bannerMessages.length > 1);\r\n\r\n return (\r\n \r\n {showHeaderMessage &&\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst defaultProps = {\r\n serviceDownMessage: 'We’re unable to open some of the features in MyBSWHealth. Please try again later if the issue persists.',\r\n toggleHeaderMessage: () => ({})\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n normalAppUpdateShow: state.header.normalAppUpdateShow,\r\n versionUpdateMessage: state.session && state.session.serverData && state.session.serverData.versionUpdateMessage ? state.session.serverData.versionUpdateMessage : 'A new version is available! Would you like to update to the newest version?',\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\"\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n hideNormalAppUpdate: () => dispatch({ type: types.HIDE_NORMAL_APP_UPDATE })\r\n };\r\n};\r\n\r\nHeaderMessageBanner.defaultProps = defaultProps;\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HeaderMessageBanner);","import * as React from \"react\";\r\nimport { withRouter } from 'react-router'\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\n\r\n\r\nclass HistoryBinder extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n //debugger;\r\n props.linkObject(this.props.history);\r\n }\r\n\r\n render() { return \"\";}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n linkObject: (historyObject) => {\r\n dispatch({ type: types.SET_HISTORY_OBJECT, history: historyObject });\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(HistoryBinder));\r\n","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { translateText } from \"../../helpers/data\";\r\n\r\nclass InfoModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n getAlignTextClass(alignText) {\r\n switch (alignText) {\r\n case 'center':\r\n return 'text-center';\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n alignText,\r\n backdrop,\r\n className,\r\n hideBorder,\r\n isOpen,\r\n linkCancelLabel,\r\n linkContinueLabel,\r\n modalBody,\r\n modalFooter,\r\n modalNoFunction,\r\n modalWidth,\r\n modalYesFunction,\r\n NoParameter,\r\n showModalHeader,\r\n toggle,\r\n YesParameter,\r\n isMammogram,\r\n t\r\n } = this.props;\r\n const containerClass = \"info-modal-container\" +\r\n (alignText ? \" \" + this.getAlignTextClass(alignText) : \"\") +\r\n (modalWidth ? \" info-modal-\" + modalWidth : \"\") +\r\n (className ? \" \" + className : \"\");\r\n\r\n return (\r\n toggle() : () => ({})}\r\n >\r\n {toggle && showModalHeader && toggle()} />}\r\n \r\n \r\n\r\n {modalFooter &&\r\n \r\n \r\n }\r\n\r\n {modalYesFunction && modalNoFunction && <>\r\n \r\n \r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nInfoModal.defaultProps = {\r\n backdrop: true,\r\n hideBorder: false,\r\n showModalHeader: true\r\n};\r\n\r\nInfoModal.propTypes = {\r\n alignText: PropTypes.oneOf(['center']),\r\n backdrop: PropTypes.oneOfType([\r\n PropTypes.bool,\r\n PropTypes.oneOf(['static'])\r\n ]),\r\n className: PropTypes.string,\r\n isOpen: PropTypes.bool.isRequired,\r\n hideBorder: PropTypes.bool,\r\n linkCancelLabel: PropTypes.string,\r\n linkContinueLabel: PropTypes.string,\r\n modalBody: PropTypes.object,\r\n modalFooter: PropTypes.object,\r\n modalNoFunction: PropTypes.func,\r\n modalWidth: PropTypes.oneOf(['sm', 'md', 'lg', 'xl']),\r\n modalYesFunction: PropTypes.func,\r\n NoParameter: PropTypes.any,\r\n showModalHeader: PropTypes.bool,\r\n toggle: PropTypes.func,\r\n YesParameter: PropTypes.any\r\n};\r\n\r\nexport default InfoModal;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport DownloadAppBtn from \"./DownloadAppBtn\";\r\n\r\nconst TIME_FORMAT = \"LT\";\r\n\r\nclass LaunchVideoMessage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isMobile = Tools.isMobile();\r\n }\r\n\r\n render() {\r\n const {videoVisitEnabledMinutesAfterStart, visitDateTime, hasMyChart, numberOfDaysDiff, enableEcheckinMandatoryUpdates} = this.props;\r\n const visitTimeAfter = Tools.addMinutesToDate(visitDateTime, videoVisitEnabledMinutesAfterStart);\r\n const closingTime = Tools.formatCentralDate(visitTimeAfter, TIME_FORMAT);\r\n const { eCheckInDays } = serverData.data; \r\n const defaultECheckInWaitTime = \"a few\";\r\n const eCheckInUnit = 'days'\r\n const eCheckInWaitTime = defaultECheckInWaitTime;\r\n\r\n\r\n return (\r\n \r\n \r\n :\r\n ![\"Dashboard](\"/images/appt-video-visit-tile.png\")
\r\n }\r\n (this.input = el)}\r\n data-inputmask-alias={alias}\r\n data-inputmask-inputformat={inputformat}\r\n data-im-insert=\"false\"\r\n className='masked-date'\r\n onBlur={onBlur}\r\n onClick={onFocus}\r\n onChange={onChange}\r\n {...rest} />\r\n );\r\n }\r\n};\r\n\r\nMaskedText.defaultProps = {\r\n inputmask: '99/99/9999',\r\n alias: 'datetime',\r\n inputformat: 'mm/dd/yyyy',\r\n displayFormat: 'MM/DD/YYYY'\r\n};\r\n\r\nexport default MaskedText;","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';\r\n\r\nconst MessageModal = ({ \r\n showInfo, \r\n toggle, \r\n modalBody, \r\n modalFooterButtons, \r\n className, \r\n backdrop, \r\n showModalHeader, \r\n contentClassName, \r\n }) => {\r\n return (\r\n \r\n {showModalHeader && \r\n \r\n \r\n {modalFooterButtons && modalFooterButtons.length >= 1 && modalFooterButtons.map((button, index) => (\r\n \r\n ))}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default withRouter(MessageModal);","import React, { Component } from \"react\";\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport Spinner from \"../common/spinner\";\r\n\r\nclass MessageSpinner extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n message: props.message || \"\"\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {notices && notices.length > 0 &&\r\n (
)\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loggedIn: state.domain.li,\r\n notices: state.domain.li\r\n ? state.header && state.header.loggedInNotices\r\n : state.header && state.header.nonLoggedInNotices\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n hideNotices: (notices, actionType) => dispatch({ type: actionType, notices: notices })\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Notices);","import { Marker } from 'google-maps-react';\r\n\r\nclass OurMarker extends Marker {\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.map !== prevProps.map ||\r\n this.props.icon.url !== prevProps.icon.url ||\r\n (\r\n this.props.position.lat !== prevProps.position.lat ||\r\n this.props.position.lng !== prevProps.position.lng\r\n )\r\n ) {\r\n if (this.marker) {\r\n this.marker.setMap(null);\r\n }\r\n this.renderMarker();\r\n }\r\n }\r\n}\r\nexport default OurMarker;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport ModuleCrash from \"../common/ModuleCrash\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nexport class OurRoute extends Route {\r\n static getDerivedStateFromError(error) {\r\n //debugger;\r\n return { hasError: true };\r\n }\r\n\r\n constructor(props, context) {\r\n //debugger;\r\n super(props, context);\r\n //debugger;\r\n this.state = {\r\n ...(this.state ? this.state : {}),\r\n hasError: false\r\n };\r\n //debugger;\r\n // //debugger;\r\n //this.setState({ hasError: false });\r\n //this.state = { hasError: false };\r\n this.shouldHideBanner = this.shouldHideBanner.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n // debugger;\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { hasError } = this.state;\r\n //debugger;\r\n if (this.props.location.pathname !== prevProps.location.pathname) {\r\n if (hasError) {\r\n this.setState({ hasError: false });\r\n }\r\n }\r\n if (hasError && prevState.hasError === undefined)\r\n this.shouldHideBanner(true);\r\n else if (hasError === undefined && prevState.hasError)\r\n this.shouldHideBanner(false);\r\n }\r\n\r\n componentWillUnmount() {\r\n //debugger;\r\n const { hasError } = this.state;\r\n if (hasError) {\r\n this.setState({ hasError: false });\r\n }\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n //debugger;\r\n console.error({ error, info });\r\n this.setState({ hasError: true });\r\n let json = { error: error, componentStack: info };\r\n //logUI(\"MBHWeb.Event.OurRoute.Exception\", new Date(), null, JSON.stringify(json));\r\n logUI(\"MBHWeb.UI.MainErrorBoundary.ComponentDidCatch\", new Date(), Tools.getURLPath(), JSON.stringify(error), JSON.stringify(info));\r\n }\r\n\r\n shouldHideBanner = (flag) => {\r\n if (this.props.hideBannerOnCrash)\r\n this.props.hideBannerOnCrash(flag);\r\n }\r\n\r\n render() {\r\n if (this.props.computedMatch) {\r\n if (typeof window !== 'undefined') {\r\n if (this.props.title) {\r\n if (window.document.title !== this.props.title) {\r\n window.document.title = this.props.title;\r\n }\r\n }\r\n }\r\n }\r\n if (this.state.hasError) {\r\n //console.info(`OurRoute has error '${this.state.hasError}'`);\r\n return \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default VideoVisitConfirmation;","import React from 'react';\r\nimport moment from 'moment-timezone';\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport { isCentralTimeZone, getCurDateInCentralTz } from '../../../helpers/Tools';\r\nimport LaunchVideoMessage from '../../common/LaunchVideoMessage';\r\nimport AppointmentECheckinDashboardMessage from \"../../common/AppointmentECheckinDashboardMessage\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\n\r\nclass VideoVisitConfirmationStatus extends React.Component {\r\n\r\n componentDidMount() {\r\n const { videoVisitConfirmationData } = this.props;\r\n logUI(\"MBHWeb.UI.VideoVisitConfirmationStatus.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n //const { schedule, eCheckInStatusSuccess } = this.props;\r\n const csnId = this.props.videoVisitCSN;\r\n if (csnId)\r\n this.props.getEncryptedCSN(csnId); // Trigger Encrypt API. Only passing csnId and the token is passed at the saga level.\r\n }\r\n\r\n eCheckInClick = () => {\r\n const { EncryptedCSN } = this.props;\r\n let EcheckInRoute = \"/appointments\";\r\n if (EncryptedCSN) {\r\n EcheckInRoute = EncryptedCSN ? { pathname: \"/EcheckIn\", state: { csnId: EncryptedCSN.CSNHash } } : { pathname: \"/appointments\" };\r\n }\r\n this.props.history.push(EcheckInRoute);\r\n }\r\n\r\n render() {\r\n const { failedStatus, hasMyChart, enableEcheckinMandatoryUpdates, timezone, showTimeZoneMessage } = this.props;\r\n const { patientName, visitDateTime, visitDay } = this.props.videoVisitConfirmationData;\r\n const selectedVisitDateTime = showTimeZoneMessage ? Tools.convertDateToCentralTz(visitDateTime) : moment.utc(visitDateTime).local();\r\n const scheduledDay = Tools.isCentralTimeZone() && moment(selectedVisitDateTime).isSame(moment().local(), 'day') ? \"Today\"\r\n : moment(selectedVisitDateTime).format(\"MMM DD\").toUpperCase();\r\n const dateTime = moment(selectedVisitDateTime).format(\"h:mm a\").toUpperCase();\r\n const numberOfDaysDiff = Tools.differenceInDays(selectedVisitDateTime);\r\n const { eCheckInDays } = serverData.data;\r\n return (\r\n \r\n \r\n {isError &&\r\n \r\n Please this.onRetry()}>try again. For technical issues, call the MyBSWHealth technical help desk{technicalHelpDeskHours && <>{` `}{technicalHelpDeskHours}}{technicalHelpDeskNumber && at {technicalHelpDeskNumber}}.\r\n \r\n }\r\n \r\n
\r\n { (isSuccess || isError) &&\r\n \r\n
\r\n }\r\n {isSuccess &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n {(isSuccess && window.serverData.data.enableQualtricsSurvyVideoVisit) && \r\n
\r\n {showVideoVisitTipsModal && \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Be ready! See our helpful tips for a more successful Video Visit.
\r\n \r\n }\r\n
\r\n }\r\n \r\n eCheck-in is required to launch your video visit\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Appointment Scheduled For:\r\n
\r\n {patientName}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Baylor Scott & White Provider\r\n
\r\n \r\n
\r\n {!failedStatus &&\r\n \r\n
\r\n {scheduledDay}
\r\n {dateTime} {showTimeZoneMessage ? timezone : Tools.getTimeZone()}
\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n }\r\n return rows;\r\n }\r\n\r\n function arrange2Dand3DData(items) {\r\n let twoDArray = [];\r\n let threeDArray = [];\r\n let twoDimensionCount = 0;\r\n let threeDimensionCount = 0;\r\n let finalArray = []\r\n for (let count = 0; count < loc.openSchedules.dateAndTimes.length; count++) {\r\n if (items[count].displayLabel === twoDText || loc.openSchedules.dateAndTimes[count].visitTypeId === window.serverData.data.mammographyVisitTypeId) {\r\n twoDArray.push(items[count]);\r\n twoDimensionCount = twoDimensionCount + 1;\r\n }\r\n\r\n if (items[count].displayLabel === threeDText || loc.openSchedules.dateAndTimes[count].visitTypeId === window.serverData.data.mammography3DVisitTypeId) {\r\n threeDArray.push(items[count]);\r\n threeDimensionCount = threeDimensionCount + 1;\r\n }\r\n }\r\n\r\n for (let i = 0; i < 3; i++) {\r\n if (twoDArray[i]) {\r\n finalArray.push(twoDArray[i]);\r\n } else {\r\n finalArray.push({});\r\n }\r\n if (threeDArray[i]) {\r\n finalArray.push(threeDArray[i]);\r\n } else {\r\n finalArray.push({});\r\n }\r\n }\r\n\r\n return finalArray;\r\n }\r\n const onBookNowClick = () => {\r\n logUI(`MBHWeb.UI.ServiceLocationSlots.BookNow.Clicked`, new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n if (addToCart && enableFluVaccineSchedulingWorkflow) {\r\n const list = \"Find Care Page\";\r\n const category = \"Open Scheduling\";\r\n const eventType = \"addToCart\";\r\n const patientStatus = 'Existing Patient';\r\n const brand = 'Flu Vaccine';\r\n gaAddToCart(eventType, loc.openSchedules.providerId, loc.locationName, position, list, category, patientStatus, brand);\r\n setAddToCard(false)\r\n }\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withTranslation() (ServiceLocationSlots));","import React from 'react';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport MyChartContainer from \"../mychart/MyChartContainer\";\r\nimport { MyChartHeading } from \"../ecosystem/mybswh\";\r\n\r\nconst CareCompanion = ({ match }) => {\r\n const { proxyName } = Tools.getProxyName();\r\n const heading = \r\n {(twoDVisitType && !threeDVisitType) || (!twoDVisitType && threeDVisitType) && isMammogram ?\r\n
\r\n \r\n
\r\n : isMammogram && twoDVisitType && threeDVisitType ?\r\n \r\n
\r\n\r\n \r\n {twoDVisitType && <>{twoDTextMobile}{translateText(translate, twoDText, t)}}\r\n {threeDVisitType && <>{threeDTextMobile}{translateText(translate, threeDText, t)}}\r\n
\r\n \r\n {map(loc.openSchedules.dateAndTimes, (item, index) =>\r\n index < 3 &&\r\n
\r\n \r\n
)}\r\n \r\n
\r\n \r\n
:\r\n !enableFluVaccineSchedulingWorkflow && \r\n
\r\n {twoDTextMobile}{translateText(translate, twoDText, t)}
\r\n {threeDTextMobile}{translateText(translate, threeDText, t)}
\r\n \r\n {get2Dand3D()}\r\n
\r\n \r\n {map(loc.openSchedules.dateAndTimes[0].times, (item, index) =>\r\n index < 3 &&
\r\n }\r\n\r\n {enableFluVaccineSchedulingWorkflow &&\r\n \r\n
\r\n }\r\n \r\n {map(loc.openSchedules.dateAndTimes, (item, index) =>\r\n index < 3 &&\r\n
\r\n \r\n
)}\r\n \r\n
\r\n \r\n {\r\n // logUI(`MBHWeb.UI.ServiceLocationSlots.BookNow.Clicked`, new Date(), Tools.getURLPath(), scheduleCampaignActivity)\r\n onBookNowClick()\r\n }}\r\n >\r\n {buttonText}\r\n {buttonText}\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { connect } from 'react-redux';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { capitalize, debounce } from 'lodash'\r\nimport moment from 'moment-timezone';\r\n\r\nconst ChatBot = (props) => {\r\n const [chatBotOpen, setChatBotOpen] = useState(false);\r\n const [isMinimized, setIsMinimized] = useState(false);\r\n const [isFirstMessage, setIsFirstMessage] = useState(true);\r\n const [showChatBotByLocation, setShowChatBotByLocation] = useState(false);\r\n const [unseenMessages, setUnseenMessages] = useState(0);\r\n const [messagesArray, setMessagesArray] = useState([]);\r\n const [chatBotOpenForBusiness, setChatBotOpenForBusiness] = useState(false);\r\n let refIsMinimized = useRef(isMinimized);\r\n let refIsFirstMessage = useRef(isFirstMessage);\r\n let refLocation = useRef(props.location);\r\n let refIsSWHP = useRef(props.hasSWHPLinked);\r\n let refIsFC = useRef(props.hasFCLinked);\r\n let refSWHPId = useRef(props.swhpMemberId);\r\n let refFCId = useRef(props.fcMemberId);\r\n let refCrmSendResponse = useRef(props.crmSendResponse);\r\n let chatBotStart = moment.tz('America/Chicago').hours(props.omnichannelChatBotStart).minutes(0).seconds(0);\r\n let chatBotEnd = moment.tz('America/Chicago').hours(props.omnichannelChatBotEnd).minutes(0).seconds(0);\r\n\r\n const clickEvent = document.createEvent(\"MouseEvents\");\r\n clickEvent.initEvent('click', true, true);\r\n\r\n useEffect(() => {\r\n if (props.enableOmnichannelChatBot && props.isActiveFeature_ChatBot) {\r\n checkIfChatBotOpenForBusiness();\r\n }\r\n }, [props.isActiveFeature_ChatBot]);\r\n\r\n useEffect(() => {\r\n refIsMinimized.current = isMinimized;\r\n });\r\n\r\n useEffect(() => {\r\n refIsFirstMessage.current = isFirstMessage;\r\n });\r\n\r\n useEffect(() => {\r\n refIsSWHP.current = props.hasSWHPLinked;\r\n refIsFC.current = props.hasFCLinked;\r\n }, [props.hasSWHPLinked, props.hasFCLinked]);\r\n\r\n useEffect(() => {\r\n refSWHPId.current = props.swhpMemberId;\r\n refFCId.current = props.fcMemberId;\r\n }, [props.swhpMemberId, props.fcMemberId]);\r\n\r\n useEffect(() => {\r\n refLocation.current = props.location;\r\n }, [props.location]);\r\n\r\n useEffect(() => {\r\n refCrmSendResponse.current = props.crmSendResponse;\r\n }, [props.crmSendResponse]);\r\n\r\n useEffect(() => {\r\n\r\n let showChatBot = checkLocation(props.location);\r\n setShowChatBotByLocation(showChatBot && props.location !== '/support');\r\n\r\n if (showChatBot && props.location == '/support' && props.enableOmnichannelChatBot && props.isActiveFeature_ChatBot && openChatBotProactively(props.location) && !chatBotOpen && !isMinimized) {\r\n // don't even show bot if there are support tickets -- it's confusing UI\r\n if (// non error state and no support tickets\r\n (props.crmMessages !== null && props.crmMessages && props.crmMessages.length === 0 && !props.crmIsFetching)\r\n // account for if crmMessage fetch errors\r\n || (!props.crmMessages && !props.crmIsFetching && props.crmError && props.crmError !== null)\r\n ) {\r\n setShowChatBotByLocation(true);\r\n setTimeout(() => {\r\n startChat(false);\r\n }, 1500);\r\n }\r\n\r\n }\r\n }, [props.location, props.hasSWHPLinked, props.hasFirstCareLinked, props.crmMessages, props.crmIsFetching, props.crmError])\r\n\r\n useEffect(() => {\r\n if (props.loginStatus === \"LOGOUT\" || props.loginStatus === \"USER_LOGGED_OUT\") {\r\n let logString = getLogString('CloseBcLogout', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n if (chatBotOpen) {\r\n Microsoft.Omnichannel.LiveChatWidget.SDK.closeChat()\r\n Microsoft.Omnichannel.LiveChatWidget.SDK.closeChat() // twice bc *sometimes* the iframe only ends the chat but doesn't close\r\n }\r\n setChatBotOpen(false);\r\n setIsMinimized(false);\r\n\r\n }\r\n }, [props.loginStatus])\r\n\r\n useEffect(() => {\r\n\r\n window.addEventListener(\"lcw:ready\", function handleLivechatReadyEvent() {\r\n // Handle LiveChat Ready event\r\n // SDK methods are ready for use now\r\n // Setting custom context provider to be used with Chat for Dynamics 365\r\n // The custom context provided by custom context provider can be used for routing the chat to a particular queue\r\n let logString = getLogString('ChatReady', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n\r\n window.addEventListener(\"lcw:error\", (errorEvent) => {\r\n // Handle LiveChat SDK error event\r\n console.log('lcw:error', errorEvent);\r\n let logString = getLogString('ChatError', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath(), JSON.stringify(errorEvent))\r\n }\r\n });\r\n\r\n window.addEventListener(\"StartChatMethodException\", (e) => {\r\n console.log(e);\r\n let logString = getLogString('UnableToStartChat', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath(), JSON.stringify(e))\r\n }\r\n });\r\n\r\n window.addEventListener(\"lcw:onMessageReceived\", (e) => {\r\n handleNewMessage(e);\r\n window.dispatchEvent(clickEvent);\r\n });\r\n\r\n window.addEventListener(\"lcw:onMessageSent\", debounce(handleSentMessage, 100));\r\n\r\n window.addEventListener(\"lcw:onMinimize\", (e) => {\r\n setChatBotOpen(true); //if they minimize it must have been open. switching b/w hp and my clears out open state, so remark as open\r\n setIsMinimized(true);\r\n setUnseenMessages(0);\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogString('ChatMinimized', true);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n\r\n window.addEventListener(\"lcw:onMaximize\", (e) => {\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogString('ChatMaximized', true);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n\r\n window.addEventListener(\"lcw:onClose\", (e) => {\r\n setChatBotOpen(false);\r\n setIsMinimized(false);\r\n setUnseenMessages(0);\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogStringFromAction('ChatClosed')\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n return function cleanup() {\r\n window.removeEventListener(\"lcw:ready\", function handleLivechatReadyEvent() {\r\n let logString = getLogString('ChatReady', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n })\r\n\r\n window.removeEventListener(\"lcw:error\", (errorEvent) => {\r\n // Handle LiveChat SDK error event\r\n console.log(errorEvent);\r\n let logString = getLogString('ChatError', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath(), JSON.stringify(errorEvent))\r\n }\r\n });\r\n\r\n window.removeEventListener(\"StartChatMethodException\", (e) => {\r\n console.log(e);\r\n let logString = getLogString('UnableToStartChat', false);\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath(), JSON.stringify(e))\r\n }\r\n });\r\n\r\n window.removeEventListener(\"lcw:onMessageReceived\", (e) => {\r\n handleNewMessage(e);\r\n window.dispatchEvent(clickEvent);\r\n });\r\n\r\n window.removeEventListener(\"lcw:onMessageSent\", debounce(handleSentMessage, 100));\r\n\r\n window.removeEventListener(\"lcw:onMinimize\", (e) => {\r\n setIsMinimized(true);\r\n setChatBotOpen(true); //if they minimize it must have been open. switching b/w hp and my clears out open state, so remark as open\r\n setUnseenMessages(0);\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogString('ChatMinimized', true)\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n\r\n window.removeEventListener(\"lcw:onMaximize\", (e) => {\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogString('ChatMinimized', true)\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n\r\n window.removeEventListener(\"lcw:onClose\", (e) => {\r\n setChatBotOpen(false);\r\n setIsMinimized(false);\r\n setUnseenMessages(0);\r\n window.dispatchEvent(clickEvent);\r\n let logString = getLogStringFromAction('ChatClosed')\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n });\r\n }\r\n }, []);\r\n\r\n function checkIfChatBotOpenForBusiness() {\r\n let currentTime = moment();\r\n let isOpenForBiz = chatBotStart <= currentTime && currentTime <= chatBotEnd\r\n setChatBotOpenForBusiness(isOpenForBiz)\r\n if (!isOpenForBiz && props.isActiveFeature_ChatBot) {\r\n //if the chat bot is not open for business, lets check again in the time that it will be! \r\n let timeoutInSec = 60000 // 1 minute default\r\n if (currentTime <= chatBotStart) {\r\n timeoutInSec = chatBotStart.diff(currentTime);\r\n } else {\r\n timeoutInSec = chatBotStart.add(1, 'd').diff(currentTime);\r\n }\r\n setTimeout(checkIfChatBotOpenForBusiness, timeoutInSec)\r\n } else if (isOpenForBiz && props.isActiveFeature_ChatBot) {\r\n //if the chat bot is open for business, lets check again when it's time to close shop! \r\n let timeoutInSec = 60000 // 1 minute default\r\n timeoutInSec = chatBotEnd.diff(currentTime);\r\n setTimeout(checkIfChatBotOpenForBusiness, timeoutInSec)\r\n }\r\n\r\n }\r\n\r\n\r\n function startChat(userClicked) {\r\n if (chatBotOpenForBusiness) {\r\n if (!chatBotOpen) {\r\n let contextProviderDetail = contextProvider();\r\n Microsoft.Omnichannel.LiveChatWidget.SDK.setContextProvider(contextProvider);\r\n let logString = getLogString('ContextProviderSent', userClicked)\r\n logUI(logString, new Date(), Tools.getURLPath(), JSON.stringify(contextProviderDetail));\r\n }\r\n let logString = getLogString('ChatOpened', userClicked)\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n setChatBotOpen(true);\r\n setIsMinimized(false);\r\n setUnseenMessages(0);\r\n Microsoft.Omnichannel.LiveChatWidget.SDK.startChat()\r\n }\r\n }\r\n\r\n function getLogString(action, userClicked) {\r\n let loc = refCrmSendResponse.current ? 'Supportrequestsent' : cleanLocationString(refLocation.current);\r\n let memberType = refIsSWHP.current ? 'SWHP' : refIsFC.current ? 'FC' : '';\r\n\r\n // make sure we are logging on health plan related screens only\r\n const locs = ['Support', 'Newsupportrequest', 'Supportrequestsent', 'Insurance', 'Benefits', 'Usage', 'Customerservice', 'Claims']\r\n\r\n if (refIsSWHP.current && locs.includes(loc)) {\r\n return `MBHWeb.UI.ChatBot.${action}.${userClicked ? 'UserClicked' : 'Auto'}.${loc}.${memberType}Member`\r\n } else if (refIsFC.current && locs.includes(loc)) {\r\n return `MBHWeb.UI.ChatBot.${action}.${userClicked ? 'UserClicked' : 'Auto'}.${loc}.${memberType}Member`\r\n }\r\n }\r\n\r\n function getLogStringFromAction(action) {\r\n let loc = refCrmSendResponse.current ? 'Supportrequestsent' : cleanLocationString(refLocation.current);\r\n let memberType = refIsSWHP.current ? 'SWHP' : refIsFC.current ? 'FC' : '';\r\n\r\n // make sure we are logging on health plan related screens only\r\n const locs = ['Support', 'Newsupportrequest', 'Supportrequestsent', 'Insurance', 'Benefits', 'Usage', 'Customerservice', 'Claims']\r\n\r\n if (refIsSWHP.current && locs.includes(loc)) {\r\n return `MBHWeb.UI.ChatBot.${action}.${loc}.${memberType}Member`\r\n } else if (refIsFC.current && locs.includes(loc)) {\r\n return `MBHWeb.UI.ChatBot.${action}.${loc}.${memberType}Member`\r\n }\r\n }\r\n\r\n function cleanLocationString(location) {\r\n return capitalize(location.replace('/', ''))\r\n }\r\n\r\n function contextProvider() {\r\n const { user, fcMemberId, swhpMemberId } = props;\r\n const name = `${user.firstName} ${user.lastName}`;\r\n const memberId = refIsSWHP.current ? refSWHPId.current : refIsFC.current ? refFCId.current : '';\r\n\r\n //Here it is assumed that the corresponding work stream would have context variables with logical name of 'contextKey1', 'contextKey2', 'contextKey3'. If no context variable exists with a matching logical name, items are created assuming Type:string\r\n return {\r\n 'Name': { 'value': name, 'isDisplayable': true },\r\n 'Email': { 'value': user.email, 'isDisplayable': true },\r\n 'MemberId': { 'value': `${memberId}`, 'isDisplayable': true },\r\n 'ChatType': { 'value': 'Member', 'isDisplayable': true }\r\n };\r\n }\r\n\r\n function checkLocation(location) {\r\n const allowedLocations = ['/insurance', '/usage', '/claims', '/benefits', '/support', '/customerservice', '/newSupportRequest']\r\n if (allowedLocations.includes(location)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n function openChatBotProactively(location) {\r\n const locations = ['/customerservice', '/support']\r\n if (locations.includes(location)) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n function handleNewMessage(e) {\r\n if (e?.detail?.messageType === \"user\") {\r\n const msgId = e.detail.id;\r\n let isInMessagesArray = messagesArray.includes(msgId);\r\n\r\n if (!isInMessagesArray) {\r\n messagesArray.push(msgId);\r\n if (refIsMinimized.current) {\r\n setUnseenMessages(unseenMessages => unseenMessages + 1);\r\n }\r\n setMessagesArray(messagesArray);\r\n }\r\n }\r\n };\r\n\r\n function handleSentMessage(e) {\r\n window.dispatchEvent(clickEvent);\r\n if (refIsFirstMessage.current) {\r\n setIsFirstMessage(false);\r\n let logString = getLogStringFromAction('FirstMessageFromUser');\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n } else {\r\n let logString = getLogStringFromAction('MessageFromUser');\r\n if (logString) {\r\n logUI(logString, new Date(), Tools.getURLPath())\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {\r\n (showChatBotByLocation || chatBotOpen) && props.loggedIn && props.enableOmnichannelChatBot && props.isActiveFeature_ChatBot && chatBotOpenForBusiness &&\r\n \r\n {!showFormSubmittedMsg ?
\r\n \r\n
:\r\n \r\n 
\r\n
\r\n \r\n
\r\n {validDate && \r\n {message.authorFormalName &&
\r\n \r\n {showAttachmentFormIcon && }\r\n {showAttachmentVedioIcon && }\r\n {showDefaultAttachmentIcon && }\r\n {openAttachmentModal && {message.authorFormalName}
}\r\n {formatDate()}
\r\n \r\n \r\n
}\r\n \r\n
}\r\n \r\n
\r\n \r\n {message.authorFormalName}\r\n {formatDate()}\r\n
\r\n You succcessfully submitted your form.
\r\n \r\n ![\"form\"](\"/images/message-form-icon.svg\")
\r\n
\r\n \r\n \r\n {initials}\r\n
\r\n startChat(true))}>\r\n \r\n ![\"Chat\"](\"/images/chatBot/chat04.svg\")
\r\n \r\n Lets chat!\r\n {unseenMessages > 0 && {unseenMessages}}\r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state?.memberships?.membershipData?.user,\r\n loggedIn: state?.domain?.li,\r\n loginStatus: state?.header?.loginStatus,\r\n isActiveFeature_ChatBot: state?.memberships?.isActiveFeature_ChatBot,\r\n enableOmnichannelChatBot: window.serverData.data.enableOmnichannelChatBot,\r\n omnichannelChatBotStart: window.serverData.data.omnichannelChatBotStart,\r\n omnichannelChatBotEnd: window.serverData.data.omnichannelChatBotEnd,\r\n crmMessages: state.healthPlanServices.crmMessages,\r\n crmIsFetching: state.healthPlanServices.isFetching, // tells us if crmMessages have loaded\r\n crmError: state.healthPlanServices.error, // tells us if crmMessages have tried to load and errored\r\n crmSendResponse: state.healthPlanServices.crmSendMessageResponse, // this exists if the user successfully submitted a member support ticket\r\n hasSWHPLinked: state.memberships.hasAnySWHP,\r\n swhpMemberId: state.memberships.anySWHPMembershipId,\r\n hasFCLinked: state.memberships.hasFC,\r\n fcMemberId: state.memberships.fcMembershipId,\r\n };\r\n}\r\n\r\n\r\n\r\nexport default connect(mapStateToProps)(ChatBot);\r\n","import React from \"react\";\r\nimport DatePickerWithMaskedInput from \"../common/DatePickerWithMaskedInput\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { connect } from \"react-redux\";\r\nimport { titleCase } from \"../../helpers/formatting\";\r\n\r\nclass AccessDOB extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n const { dcjEnrollment } = this.props;\r\n if (dcjEnrollment)\r\n logUI(\"MBHWeb.UI.ProxyRequest.ProxyRequestDob.DcjEnrollment\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n onInputChange = (field, value, isValid) => {\r\n this.props.onInputChange(field, value, isValid);\r\n }\r\n handleContinueClick = (event, activeUser) => {\r\n const { handleValidationAndOnContinueClick, useOnboardingLayout, listOfSelectedProxyUsers } = this.props;\r\n if (handleValidationAndOnContinueClick) {\r\n if (useOnboardingLayout && listOfSelectedProxyUsers?.length > 0) {\r\n logUI(`MBHWeb.UI.ProxyRequest.ProxyRequestDob.ProxiesActiveUser.${titleCase(activeUser)}`, new Date(), Tools.getURLPath());\r\n }\r\n this.props.handleValidationAndOnContinueClick(event);\r\n }\r\n }\r\n render() {\r\n const { validationError, dateOfBirth, validDob, dobInputId, initializeRequestData, dcjEnrollment, patientName, useOnboardingLayout, listOfSelectedProxyUsers, prefillDetails } = this.props; \r\n const dateToday = new Date();\r\n const minDate = dateToday.setFullYear(dateToday.getFullYear() - 140); \r\n const containerClass = dcjEnrollment ? \"dcj-access-dob-container\" : \"\";\r\n const heading = dcjEnrollment ? `Access ${patientName ? `${patientName}'s` : 'your'} health records.` : useOnboardingLayout ? \"Family member's date of birth\" : \"Request access to a family member's health.\";\r\n let activeUser = prefillDetails[0]?.display?.name;\r\n return (\r\n \r\n \r\n Lets chat!\r\n {unseenMessages > 0 && {unseenMessages}}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n useOnboardingLayout: state.session.useOnboardingLayout,\r\n listOfSelectedProxyUsers: state.session.selectedProxySuggestionUsers,\r\n };\r\n};\r\nexport default connect(mapStateToProps)(AccessDOB);\r\n","\r\nimport React, { useEffect, useRef, useState, useCallback } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport Spinner from \"./spinner\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nconst ActivityDetectionFrame = React.forwardRef((props, ref) => {\r\n const [showSpinner, setShowSpinner] = useState(false);\r\n const prevContentRef = useRef({ id: props.id, src: props.src });\r\n const frameRef = useRef(null);\r\n //console.info(`XXX ActivityDetectionFrame events,props`, props.events, props);\r\n useEffect(() => {\r\n window.removeEventListener('message', listenToMessage);\r\n if (!props.ignoreChanges) {\r\n window.addEventListener('message', listenToMessage);\r\n }\r\n\r\n }, []);\r\n \r\n const listenToMessage = (evnt) =>{\r\n console.info(`ActivityDetectionFrame listenToMessage message ${evnt?.data?.eventName}`, evnt);\r\n if (evnt?.data?.eventName === \"loaded\") {\r\n postAMessage({ name: 'events', data: props.events });\r\n }\r\n if (evnt?.data?.eventName === \"eventsloaded\") {\r\n postAMessage({ name: 'observe', data: props.observe });\r\n }\r\n if (evnt?.data?.eventName === \"observeloaded\") {\r\n postAMessage({ name: 'bswMatch', data: props.bswMatch });\r\n }\r\n if (evnt?.data?.bswElement) {\r\n props.onMessage(evnt);\r\n }\r\n //props.onMessage(evnt);\r\n //props.onObserved(evnt);\r\n }\r\n\r\n useEffect(() => {\r\n if (prevContentRef.current.id !== props.id || prevContentRef.current.src !== props.src) {\r\n prevContentRef.current = { id: props.id, src: props.src };\r\n //setShowSpinner(true);\r\n }\r\n });\r\n\r\n\r\n\r\n useEffect(() => {\r\n //console.info(`*ActivityDetectionFrame only runs when showSpinner changes`);\r\n }, [showSpinner]);\r\n\r\n\r\n\r\n\r\n\r\n const injectScriptBlock = (sScript, sScriptURL, sType) => {\r\n //console.info(`ActivityDetectionFrame injectScriptBlock`);\r\n\r\n const frame = frameRef.current;\r\n if (!frame) {\r\n //debugger;\r\n return;\r\n }\r\n\r\n let doc = \"\";\r\n try { doc = frame.contentDocument; } catch (e) { }\r\n\r\n if (!doc) {\r\n //debugger;\r\n return;\r\n }\r\n //console.info(`ActivityDetectionFrame injectScriptBlock have doc`);\r\n\r\n let SecondFrame = frame.contentDocument.getElementById(\"frmMyChart\");\r\n if (SecondFrame) {\r\n //debugger;\r\n //console.info(`ActivityDetectionFrame injectScriptBlock have frmMyChart`);\r\n let SecondDoc = null;\r\n try { SecondDoc = SecondFrame.contentDocument } catch (e) { }\r\n if (SecondDoc) {\r\n injectIntoDocument(SecondDoc, sScript, sScriptURL, sType);\r\n //doc = SecondDoc;\r\n }\r\n }\r\n\r\n injectIntoDocument(doc, sScript, sScriptURL, sType);\r\n\r\n\r\n }\r\n\r\n const injectIntoDocument = (doc, sScript, sScriptURL, sType) => {\r\n let injectTarget = null;\r\n //console.info(`ActivityDetectionFrame injectIntoDocument`);\r\n ['head', 'HEAD', 'body', 'BODY', 'div', 'DIV'].forEach(tagName => {\r\n if (injectTarget) return;\r\n const found = doc.getElementsByTagName(tagName);\r\n if (!(found && found.length)) return;\r\n injectTarget = found[0];\r\n });\r\n //console.info(`ActivityDetectionFrame injectIntoDocument injectTarget`, injectTarget);\r\n if (!injectTarget) {\r\n console.error('Unable to inject iframe resizer script');\r\n return;\r\n }\r\n if (!(sType === 'css')) {\r\n let injScriptElement = document.createElement('script');\r\n injScriptElement.type = 'modules';// 'text/javascript';\r\n if (sScriptURL) {\r\n injScriptElement.src = sScriptURL;\r\n if (sScriptURL.indexOf(\"Observation\") > -1) {\r\n injScriptElement.id = \"bswActivityObservation\";\r\n } else if (sScriptURL.indexOf(\"Detection\") > -1) {\r\n injScriptElement.id = \"bswActivityDetection\";\r\n } else if (sScriptURL.indexOf(\"eventHandling\") > -1) {\r\n injScriptElement.id = \"bswEventHandling\";\r\n }\r\n //console.info(`ActivityDetectionFrame injectIntoDocument injecting scriptURL ${sScriptURL}`,injScriptElement);\r\n }\r\n else if (sScript) {\r\n //console.info(`ActivityDetectionFrame injectIntoDocument injecting js`);\r\n injScriptElement.text = sScript;\r\n }\r\n //if (sBlockID) {\r\n // injScriptElement.id = sBlockID;\r\n // if (injectTarget.ownerDocument.getElementById(sBlockID)) {\r\n // return; // already injected\r\n // }\r\n //}\r\n\r\n //console.info(`ActivityDetectionFrame injectIntoDocument appending script to injectTarget`, injectTarget,injScriptElement);\r\n injectTarget.appendChild(injScriptElement);\r\n }\r\n else if (sType === 'css') {\r\n const resizerCSSElement = document.createElement(\"link\");\r\n resizerCSSElement.type = \"text/css\";\r\n resizerCSSElement.rel = \"stylesheet\";\r\n\r\n if (sScriptURL) {\r\n resizerCSSElement.href = sScriptURL;\r\n }\r\n\r\n injectTarget.appendChild(resizerCSSElement);\r\n }\r\n }\r\n\r\n\r\n const onLoad = () => {\r\n const bswCDNScript = window.serverData.data.bswcdnScript;\r\n console.info(`ActivityDetectionFrame onLoad props:`, props);\r\n if (props.containerClass !== \"hidden\") {\r\n try { window.parent.scrollTo(0, 0); } catch (e) { }\r\n try { window.parent.document.body.scrollTop = 0; } catch (e) { }\r\n try { window.parent.document.documentElement.scrollTop = 0; } catch (e) { }\r\n \r\n if (props.additionalScripts) {\r\n\r\n props.additionalScripts.forEach(asURL => {\r\n injectScriptBlock(null, asURL.url);\r\n });\r\n }\r\n if (props.additionalCSS) {\r\n props.additionalCSS.forEach(sURL => {\r\n injectScriptBlock(null, sURL, 'css');\r\n });\r\n }\r\n }\r\n if (!props.ignoreChanges) {\r\n window.addEventListener('message', evnt => {\r\n console.info(`ActivityDetectionFrame window.addEventListener message ${evnt?.data?.eventName}`, evnt);\r\n if (evnt?.data?.eventName === \"loaded\") {\r\n postAMessage({ name: 'events', data: props.events });\r\n }\r\n });\r\n postAMessage({ name: 'bswData', data: window.store.getState().session });\r\n }\r\n window.formChanged = false; // reset this every postback (assuming a successful submit of some kind)\r\n // DISABLED because it's causing a loading loop :(\r\n if (props.onIframeLoaded) props.onIframeLoaded(frameRef); //initCallback not getting called in case of error , so adding this back just to hide spinner\r\n\r\n if (showSpinner) {\r\n setShowSpinner(false);\r\n }\r\n\r\n if (props.onLoad) {\r\n props.onLoad();\r\n }\r\n\r\n\r\n }\r\n\r\n const postAMessage = (msg) => {\r\n try {\r\n console.info(`ActivityDetectionFrame postAMessage msg, frame`, msg);\r\n document.getElementById(\"mychartDataTile\").contentWindow.postMessage(msg, \"*\");\r\n } catch (e) {\r\n logUI(\"MBHWeb.ActivityDetectionFrame.postAMessage\", new Date(), Tools.getURLPath(),msg);\r\n }\r\n }\r\n\r\n const onReadyStateChange = () => {\r\n //debugger;\r\n if (frameRef.readyState === 0) {\r\n //debugger;\r\n }\r\n }\r\n\r\n const { src, id, frameBorder, className, style, title, border } = props;\r\n //console.info(`ActivityDetectionFrame id:${id} src:${src}`);\r\n return \r\n
\r\n \r\n
\r\n {heading}
\r\n\r\n
\r\n \r\n {dcjEnrollment &&\r\n
\r\n {`We need a little info to link your account so you can access ${patientName ? `${patientName}'s` : 'your'} care journey.`}
\r\n }\r\n {useOnboardingLayout && (listOfSelectedProxyUsers?.length > 0 || prefillDetails[0]?.length > 0)?\r\n Enter {titleCase(` ${prefillDetails[0]?.display?.name}`)}'s Date of Birth
:\r\n Please enter the date of birth for the person you are requesting access for.
}\r\n\r\n
\r\n \r\n {\r\n this.onInputChange('dateOfBirth',\r\n day ? Tools.dateStringFormat(day) : '', isValid);\r\n }}\r\n showAsInvalid={!validDob}\r\n placeholder=\"MM/DD/YYYY\"\r\n dateIconNeeded={false}\r\n isMaskedDateInput\r\n onClear={initializeRequestData}\r\n />\r\n
\r\n \r\n
\r\n {dcjEnrollment &&\r\n \r\n {\r\n (validationError !== \"\") &&\r\n
\r\n \r\n {validationError}\r\n
\r\n }\r\n { this.handleContinueClick(e, activeUser)} />}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n Approval process may take up to 1 business day.
\r\n \r\n Once eCheck-in is complete
\r\n Launch your visit from the home screen. Room entry closes at {`${closingTime}`}. \r\n For the best results, \r\n {isMobile ?\r\n
\r\n Before your appointment
\r\n From the home screen, be sure to eCheck-in before your visit.\r\n
\r\n \r\n On the day of your appointment
\r\n Once eCheck-in has been completed, start your Video Visit using the \"LAUNCH VIDEO VISIT\" button on the home screen. For the best results,\r\n {isMobile ?\r\n
}\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default Backdrop;\r\n\r\n","import React, { useEffect, useRef } from 'react';\r\nimport Backdrop from \"./Backdrop\";\r\n\r\nconst BackdropWrapper = ({\r\n children,\r\n showTooltip,\r\n wrapperClass,\r\n ...rest\r\n}) => {\r\n\r\n return (\r\n {toolTipHeading &&
\r\n {toolTipHeading}
}\r\n {toolTipInfo}
\r\n \r\n \r\n {children}\r\n {showTooltip &&\r\n
);\r\n};\r\n\r\nexport default BackdropWrapper;\r\n\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route, withRouter } from 'react-router-dom';\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport { CovidScreeningModalSessionKeyInitial } from \"../../constants/textConstants\";\r\nimport { UncontrolledTooltip } from 'reactstrap';\r\n\r\nclass COVIDScreeningModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.closeModal = this.closeModal.bind(this);\r\n this.getStarted = this.getStarted.bind(this);\r\n this.state = {\r\n modalVisible: props.shouldShowCovidModal\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.COVIDScreeningModal.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.createSessionKeyForCOVID19();\r\n if (this.state.modalVisible)\r\n logUI(\"MBHWeb.UI.COVIDScreeningModal.Displayed\", new Date(), Tools.getURLPath(), this.getActivityJson()); \r\n }\r\n\r\n createSessionKeyForCOVID19() {\r\n const { userName, currentMyChartUser } = this.props; \r\n // adding userName to the key as while logout we want to clear all keys related to this user.\r\n this.sessionKey = currentMyChartUser && currentMyChartUser.displayName && currentMyChartUser.eid ?\r\n userName + '_' + currentMyChartUser.displayName + '_' + currentMyChartUser.eid : userName;\r\n }\r\n\r\n getActivityJson() {\r\n let activityJson = {};\r\n const { currentMyChartUser, isProxyUser } = this.props;\r\n try {\r\n const displayName = currentMyChartUser && currentMyChartUser.displayName ? currentMyChartUser.displayName : \"\";\r\n activityJson = { displayName: displayName, isProxyUser: isProxyUser, sessionKey: this.sessionKey };\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n return activityJson;\r\n }\r\n\r\n getStarted() {\r\n const { isProxyUser } = this.props;\r\n logUI(\"MBHWeb.UI.COVIDScreeningModal.GetStarted\", new Date(), Tools.getURLPath(), this.getActivityJson());\r\n this.props.history.push({\r\n pathname: '/evisit',\r\n state: { isCovidScreeningModalForProxy: isProxyUser ? true : false }\r\n });\r\n }\r\n\r\n closeModal() {\r\n this.setState({ modalVisible: false });\r\n Tools.setItemToSessionStorage(CovidScreeningModalSessionKeyInitial + this.sessionKey, true);\r\n logUI(\"MBHWeb.UI.COVIDScreeningModal.Closed\", new Date(), Tools.getURLPath(), this.getActivityJson());\r\n }\r\n\r\n render() {\r\n const { modalVisible } = this.state;\r\n const { serverData, currentMyChartUser, isProxyUser } = this.props;\r\n const COVID19ModalText = serverData && serverData.covid19ModalText ? serverData.covid19ModalText : \"For your safety and convenience, we are encouraging all patients experiencing flu-like symptoms (cough, shortness of breath and feeling feverish) to take a free COVID-19 screening questionnaire. We ask that you please complete this prior to scheduling an appointment or walking into a clinic, urgent care or hospital emergency department.\";\r\n\r\n const activeUserFirstName = currentMyChartUser ? currentMyChartUser.firstName ? currentMyChartUser.firstName : currentMyChartUser.displayName ? getFirstName(currentMyChartUser.displayName) : \"\" : \"\";\r\n\r\n const covid19ModalHeaderText = serverData && serverData.covid19ModalHeaderText ? serverData.covid19ModalHeaderText : \"COVID-19 Safety\";\r\n const COVID19ModalButtonText = serverData && serverData.covid19ModalButtonText ? serverData.covid19ModalButtonText : \"\";\r\n const COVID19ModalDismissText = serverData && serverData.covid19ModalDismissText ?\r\n isProxyUser ? serverData.covid19ModalDismissText + ' ' + activeUserFirstName : serverData.covid19ModalDismissText + \" Me\" : isProxyUser ? \"None of These Apply To \" + activeUserFirstName : \"None of These Apply To Me\";\r\n const covid19ModalToolTips = serverData && serverData.covid19ModalToolTips ? serverData.covid19ModalToolTips : null;\r\n const toolTipMarkup = {};\r\n if (covid19ModalToolTips) {\r\n const toolTipData = covid19ModalToolTips.split(\"~\");\r\n for (let tooltip of toolTipData) {\r\n const [target, text] = tooltip.split(\"^\");\r\n if(target && text)\r\n toolTipMarkup[target] = text; \r\n }\r\n } \r\n const tooltips = toolTipMarkup && Object.keys(toolTipMarkup) && Object.keys(toolTipMarkup).length > 0 && Object.keys(toolTipMarkup).map(key => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n userName: state.domain.un,\r\n isProxyUser: state.domain.ip, \r\n currentMyChartUser: d.hydrateProxyUser(state.domain.cu),\r\n serverData: state.session.serverData,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu), \r\n showCOVID19Modal: state.session.serverData && state.session.serverData.showCOVID19Modal ? state.session.serverData.showCOVID19Modal : false,\r\n hasMyChartLogin: state.domain.hm\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(COVIDScreeningModal));\r\n\r\n","import * as React from \"react\";\r\nimport { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar';\r\n/**\r\n * Circular Progressbar.\r\n */\r\nclass CircularProgressBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n const { percentage, trialColor, overallScoreColor, rotation, strokeLinecap, pathTransitionDuration, showText, showPercentageSign} = this.props;\r\n return (\r\n
\r\n \r\n \r\n {covid19ModalHeaderText}\r\n \r\n
\r\n \r\n
\r\n {tooltips} \r\n \r\n
\r\n \r\n
\r\n {serverData && serverData.covid19ModalDismissText && \r\n {COVID19ModalButtonText && }\r\n
\r\n \r\n
}\r\n \r\n this.closeModal()}\r\n >\r\n
\r\n \r\n
);\r\n }\r\n}\r\n\r\nCircularProgressBar.defaultProps = {\r\n percentage: 50,\r\n trialColor:'#d6d6d6',\r\n overallScoreColor:\"#FFB71B\",\r\n rotation: 0.25,\r\n strokeLinecap: 'butt',\r\n pathTransitionDuration: 0.5,\r\n showText: \"\"\r\n};\r\nexport default CircularProgressBar;\r\n\r\n\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Prompt } from \"react-router-dom\";\r\nimport { Modal, ModalBody } from 'reactstrap';\r\nimport * as queryString from 'query-string';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { Redirect } from 'react-router';\r\n\r\nclass ConfirmationModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { modalVisible: false, lastLocation: null, confirmedNavigation: false, redirectOnly: false, currentStep: 0, isBack: false, nextStep:0 };\r\n }\r\n\r\n showModal = (location, isBack = false) => {\r\n logUI(\"MBHWeb.UI.ConfirmationModal.Load\", new Date(), Tools.getURLPath(), { ...this.props, location });\r\n this.setState({ modalVisible: true, lastLocation: location, isBack: isBack});\r\n }\r\n\r\n closeModal = (okToLeave, callback) => {\r\n let isProxySwitch = typeof window !== 'undefined' && window.userToSwitch ? true : false;\r\n if (!okToLeave) { // Stay on this page button clicked. \r\n logUI(isProxySwitch ? \"MBHWeb.UI.ConfirmationModal.ProxySwitch.StayOnPage.Click\" : \"MBHWeb.UI.ConfirmationModal.StayOnPage.Click\", new Date(), Tools.getURLPath());\r\n }\r\n else { //Leave this page button clicked. \r\n logUI(isProxySwitch ? \"MBHWeb.UI.ConfirmationModal.ProxySwitch.LeaveWithOutSaving.Click\" : \"MBHWeb.UI.ConfirmationModal.LeaveWithOutSaving.Click\", new Date(), Tools.getURLPath());\r\n }\r\n this.setState({ modalVisible: false, redirectOnly: false }, callback ? callback : () => window.userToSwitch = null /*this.props.unmarkUserToSwitch()*/);\r\n this.props.updateMenu(location.pathname);\r\n this.props.stayOnIncompleteForm(!okToLeave);\r\n if (okToLeave && this.props.callbackOnLeave) {\r\n this.props.callbackOnLeave(this.state.lastLocation.pathname);\r\n }\r\n if (this.props.onConfirmed) {\r\n this.props.onConfirmed();\r\n }\r\n }\r\n\r\n onConfirmed = (okToLeave) => {\r\n const { lastLocation, isBack, currentStep, nextStep } = this.state;\r\n this.closeModal(okToLeave, () => {\r\n if (lastLocation) {\r\n this.setState({\r\n confirmedNavigation: true\r\n }, () => {\r\n if (this.props.showModelInAllSteps) {\r\n if (isBack) {\r\n this.setState({ confirmedNavigation: false, redirectOnly: false, currentStep: nextStep, nextStep: 0 });\r\n const noofSteps = currentStep - nextStep;\r\n this.props.history.go(\"-\" + noofSteps);\r\n }\r\n else if (this.props.showModelInAllSteps && !isBack) {\r\n this.setState({ confirmedNavigation: false, redirectOnly: true, currentStep: nextStep, nextStep: 0 });\r\n }\r\n }\r\n else {\r\n this.setState({ confirmedNavigation: true, redirectOnly: true });\r\n //this.props.history.push({ pathname: lastLocation.pathname, searchParms: lastLocation.search, searchParams: lastLocation.searchParams ? lastLocation.searchParams : \"\" });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n handleBlockedNavigation(nextLocation) {\r\n const { isSyncUserSwitch, userIsSwitching } = this.props;\r\n //if syncuserswitch is true then we need to return to show modal when user switches(isSyncUserSwitch).\r\n if (!this.props.showModelInAllSteps && (!this.state.confirmedNavigation || (typeof isSyncUserSwitch !== 'undefined' && isSyncUserSwitch && window.userToSwitch && !userIsSwitching))) {\r\n // if (!this.props.userToSwitch) {\r\n if (!window.userToSwitch) {\r\n //blocking the navigation use case for proxy - We need modal for menus and not required for back/next\r\n if (this.props.blockNavigation) {\r\n const shouldBlock = this.props.blockNavigation(nextLocation);\r\n if (shouldBlock)\r\n return true;\r\n }\r\n const searchParams = nextLocation.search ? queryString.parse(nextLocation.search) : nextLocation.pathname;\r\n if (searchParams && searchParams.s) // if the new location is pushed from OurStepManager, no need to show Modal\r\n return true;\r\n }\r\n if (nextLocation)\r\n this.showModal(nextLocation, false);\r\n return false;\r\n }\r\n\r\n //Added below code to show ConfirmationModal in All Steps of GrantAccessProxyRequest.js\r\n if (this.props.showModelInAllSteps && !this.state.confirmedNavigation) {\r\n let showModal = false;\r\n let isBack = false;\r\n const { currentStep } = this.state;\r\n if (!window.userToSwitch) {\r\n const searchParams = nextLocation.search ? queryString.parse(nextLocation.search) : nextLocation.pathname;\r\n const nextStep = searchParams && searchParams.s && (typeof searchParams.s !== \"undefined\") ? searchParams.s : 0;\r\n\r\n //Check if clicked outside the stepManager\r\n if (this.props.blockNavigation) {\r\n const isInStepManager = this.props.blockNavigation(nextLocation);\r\n showModal = !isInStepManager;\r\n }\r\n\r\n //Check if clicked inside the stepManager\r\n if (!showModal && currentStep > nextStep && nextLocation.search === window.location.search) {\r\n showModal = true;\r\n isBack = true;\r\n }\r\n\r\n if (showModal) {\r\n this.setState({ currentStep, nextStep });\r\n this.showModal(nextLocation, isBack);\r\n }\r\n else {\r\n this.setState({ currentStep: nextStep, nextStep: 0 });\r\n }\r\n }\r\n else {\r\n this.showModal(nextLocation, false);\r\n return false;\r\n }\r\n return showModal ? false : true;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n render() {\r\n let { when, message, actionText1, actionText2, noReload, userSwitchMsg, blockUserSwitch, blockUserSwitchMsg } = this.props;\r\n const { modalVisible, redirectOnly, lastLocation } = this.state;\r\n const userToSwitchMsg = typeof userSwitchMsg !== 'undefined' && userSwitchMsg ? ` ${userSwitchMsg}` : \"\";\r\n\r\n if (window.userToSwitch && !blockUserSwitch) {\r\n const firstName = getFirstName(window.userToSwitch.displayName);\r\n message = \"Are you sure you want to switch to \" +\r\n (window.userToSwitch.isPrimary ? \"your own\" : firstName + \"'s\") +\r\n \" account\" + (noReload ? \"\" : userToSwitchMsg ? userToSwitchMsg : \" and lose your changes\") + \"?\";\r\n actionText1 = \"YES\";\r\n actionText2 = \"NO\";\r\n }\r\n\r\n if (window.userToSwitch && blockUserSwitch) {\r\n message = blockUserSwitchMsg ? blockUserSwitchMsg : \"The account cannot be switched on this page.\";\r\n }\r\n\r\n return (redirectOnly ? \r\n \r\n \r\n
\r\n \r\n {percentage}{showPercentageSign && \"%\"}\r\n
\r\n {showText && {showText}
}\r\n \r\n this.closeModal()} centered>\r\n \r\n \r\n \r\n this.handleBlockedNavigation(nextLocation)} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n history: state.session.history,\r\n userIsSwitching: state.memberships.switchingProxyUser\r\n //userToSwitch: state.common.userToSwitch\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n stayOnIncompleteForm: (stay) => dispatch({ type: types.STAY_ON_INCOMPLETE_FORM, stay }),\r\n //unmarkUserToSwitch: () => dispatch({ type: types.USER_TO_SWITCH, user: null }),\r\n updateMenu: (currentLocation) => dispatch({ type: types.UPDATE_MENU, currentLocation })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ConfirmationModal);","import React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Toast, ToastHeader } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst ConfirmationToast = ({\r\n autoClose,\r\n autoCloseDelay,\r\n icon,\r\n isFailed,\r\n isOpen,\r\n message,\r\n toggle\r\n}) => {\r\n\r\n useEffect(() => {\r\n if (isOpen && autoClose && autoCloseDelay) {\r\n const toastTimeout = setTimeout(() => {\r\n if (isOpen) {\r\n toggle();\r\n }\r\n }, autoCloseDelay);\r\n return () => clearTimeout(toastTimeout);\r\n }\r\n }, [isOpen]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {message ? message : 'Would you like to continue without saving?'}
\r\n {window.userToSwitch && blockUserSwitch\r\n ? \r\n :\r\n
\r\n }\r\n window.userToSwitch ? this.onConfirmed(true) : this.closeModal()}>\r\n {actionText1 ? actionText1 : 'STAY ON THIS PAGE'}\r\n
\r\n window.userToSwitch ? this.closeModal() : this.onConfirmed(true)}>\r\n {actionText2 ? actionText2 : 'CONTINUE WITHOUT SAVING'}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default CriticalUpdateModal;","import * as React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n/**\r\n * A wrapper around the Link component or the builtin anchor (a) component\r\n * \r\n * Usage:\r\n * \r\n
\r\n \r\n
\r\n {message ? message : 'Your session will be refreshed for an update in'}
\r\n\r\n
\r\n {counterValue} : 00
\r\n MINSEC
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n this.refreshApp()}> REFRESH NOW
\r\n \r\n ![](\"../../../images/loading_symbol_3.gif\")
\r\n
\r\n );\r\n }\r\n else {\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\nexport default DataLoadingSpinner;","import React from 'react';\r\nimport { LocaleUtils } from 'react-day-picker';\r\nimport DayPickerInput from 'react-day-picker/DayPickerInput';\r\nimport DayPicker, { DateUtils } from 'react-day-picker/DayPicker';\r\nimport { formatDate, parseDate } from 'react-day-picker/moment';\r\nimport es from 'date-fns/locale/es';\r\nimport { withTranslation } from 'react-i18next';\r\nimport DatePickerRange from './DatePickerRange';\r\nimport { isValidDate, removeTime } from \"../../helpers/dateTime\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\n\r\nclass DatePicker extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const { yearsBackward, yearsForward, touched, value, enabledDays, translate, t, i18n } = this.props;\r\n const currentYear = new Date().getFullYear();\r\n let { minDate, maxDate } = this.props;\r\n let maxYear = yearsForward ? yearsForward : 100;\r\n this.language = i18n.language;\r\n\r\n if (!minDate && yearsBackward) {\r\n minDate = new Date(currentYear - yearsBackward, 0);\r\n }\r\n\r\n if (!maxDate && yearsForward) {\r\n maxDate = new Date(currentYear + yearsForward, 11);\r\n }\r\n\r\n let maxYeartoDisplay = new Date(currentYear + maxYear, 11);\r\n\r\n minDate = removeTime(minDate);\r\n maxDate = removeTime(maxDate);\r\n\r\n const months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"]; //LocaleUtils.getMonths();\r\n const weekdaysLong = translateText(t && translate, \"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday\", t).split(',');\r\n const weekdaysShort = [];\r\n for (let i = 0; i < weekdaysLong.length; i++) {\r\n weekdaysShort.push(weekdaysLong[i].substr(0, 2));\r\n }\r\n if (t && translate) {\r\n for (let i = 0; i < months.length; i++) {\r\n months[i] = translateText(true, months[i], t);\r\n }\r\n }\r\n const years = [];\r\n if (minDate && maxDate) {\r\n for (let i = minDate.getFullYear(); i <= maxYeartoDisplay.getFullYear(); i += 1) {\r\n years.push(i);\r\n }\r\n }\r\n\r\n this.state = {\r\n weekdaysLong, weekdaysShort, months, years, selectedDay: undefined, month: undefined,\r\n valueEntered: false, touched: touched, isDateEmpty: value ? false : true,\r\n hasFocus: false, tabToNextDateField: false, prestine: true\r\n };\r\n\r\n this.isIos = false;\r\n this.isNumeric = false;\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n this.isIos = Tools.isSafari() || Tools.isIos();\r\n if (this.props.autoFocus && this.dayPickerInput)\r\n this.dayPickerInput.input.focus();\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.props.focusBlankField && this.dayPickerInput) {\r\n this.dayPickerInput.input.focus();\r\n }\r\n\r\n const { i18n, translate, t } = this.props;\r\n if (translate && i18n && i18n.language !== this.language) {\r\n const months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"]; //LocaleUtils.getMonths();\r\n const weekdaysLong = translateText(true, \"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday\", t).split(',');\r\n const weekdaysShort = [];\r\n for (let i = 0; i < weekdaysLong.length; i++) {\r\n weekdaysShort.push(weekdaysLong[i].substr(0, 2));\r\n }\r\n for (let i = 0; i < months.length; i++) {\r\n months[i] = translateText(true, months[i], t);\r\n }\r\n this.setState({ months, weekdaysLong, weekdaysShort });\r\n }\r\n this.language = i18n.language;\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n isValid(value) {\r\n const { minDate, maxDate } = this.props;\r\n\r\n if (!value) {\r\n return false;\r\n }\r\n\r\n //if (!isValidDate(value)) {\r\n if (!Tools.isValidDate(value)) {\r\n return false;\r\n }\r\n\r\n //Check the date valid when entering manually\r\n if (!Tools.validateManualDate(value, 'MM/DD/YYYY')) {\r\n return false;\r\n }\r\n\r\n const dateValue = new Date(value);\r\n return (!minDate || dateValue >= minDate) && (!maxDate || dateValue <= maxDate);\r\n }\r\n\r\n handleKeyDown(e) {\r\n if (e.ctrlKey || e.altKey) {\r\n return;\r\n }\r\n\r\n const keyCode = e.keyCode;\r\n const inValid =\r\n keyCode === 111 || // the slash\r\n (keyCode > 64 && keyCode < 91) || // letter keys\r\n (keyCode > 185 && keyCode < 193) || // ;=,-./` (in order)\r\n (keyCode > 218 && keyCode < 223); // [\\]' (in order)\r\n\r\n if (inValid) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n let target = e.target;\r\n let value = target.value;\r\n const key = e.key; //String.fromCharCode(e.which);\r\n let index = target.selectionStart;\r\n let prevChar = '';\r\n\r\n if (!/[0-9]/.test(key)) {\r\n this.isNumeric = false;\r\n if (keyCode === 9) { // tab key\r\n this.tab(target, e, !e.shiftKey);\r\n return;\r\n }\r\n else if (keyCode === 8) { // backspace\r\n if (target.selectionEnd > target.selectionStart) {\r\n this.preserveTheSlash(e);\r\n }\r\n else if (value[index - 1] === '/') {\r\n if (index === 1 || value[index - 2] === '/') {\r\n target.selectionStart = target.selectionEnd = target.selectionStart - 1;\r\n }\r\n else {\r\n //value = value.substring(0, index - 2);\r\n //if (index < target.value.length - 1) {\r\n // value += target.value.substring(target.selectionEnd - 1);\r\n //}\r\n //target.value = value;\r\n target.selectionStart = target.selectionEnd = index - 1;\r\n }\r\n //e.preventDefault();\r\n }\r\n }\r\n else if (keyCode === 46) { // delete key\r\n if (target.selectionStart > 0 || target.selectionEnd < target.value.length) {\r\n if (target.selectionEnd > target.selectionStart + 1) {\r\n this.preserveTheSlash(e);\r\n }\r\n else if (value[index] === '/') {\r\n this.tab(target, e);\r\n }\r\n }\r\n }\r\n return;\r\n } else {\r\n this.isNumeric = true;\r\n }\r\n\r\n let indexOfSlash2 = value.substring(0, target.selectionStart).lastIndexOf('/');\r\n if (index === 2 || (index === 5 && indexOfSlash2 === 5)) {\r\n this.tab(target, e);\r\n return;\r\n }\r\n\r\n if (index > 0) {\r\n prevChar = value[index - 1];\r\n }\r\n\r\n const indexOfSlash1 = value.indexOf('/');\r\n if (indexOfSlash1 > -1 && indexOfSlash1 < index) {\r\n indexOfSlash2 = value.indexOf('/', indexOfSlash1 + 1);\r\n if (indexOfSlash2 > -1 && indexOfSlash2 < index) {\r\n index += 5 - indexOfSlash2;\r\n }\r\n else {\r\n index += 2 - indexOfSlash1;\r\n }\r\n }\r\n\r\n if (index === 2 || index === 5) {\r\n this.tab(target, e);\r\n return;\r\n }\r\n\r\n const valid = (\r\n (index === 0 && /[0-1]/.test(key)) ||\r\n (index === 1 && ((prevChar === '0' && /[1-9]/.test(key)) || (prevChar === '1' && /[0-2]/.test(key)))) ||\r\n (index === 3 && /[0-3]/.test(key)) || (index === 4 && ((prevChar === '0' && /[1-9]/.test(key)) ||\r\n (/[1-2]/.test(prevChar) && /[0-9]/.test(key)) || (prevChar === '3' && /[0-1]/.test(key)))) ||\r\n (index >= 6 && index <= 9 && /\\d/.test(key))\r\n );\r\n\r\n //const indexOfSlash21 = value.substring(0, target.selectionStart).lastIndexOf('/');\r\n //const end = indexOfSlash21 > -1 ? indexOfSlash21 : length;\r\n //const indexOfSlash12 = value.substring(0, end).lastIndexOf('/');\r\n //console.log(indexOfSlash21);\r\n //console.log(indexOfSlash12);\r\n //console.log(value);\r\n\r\n if (valid) {\r\n if (index < value.length && (index === 1 || index === 4)) {\r\n this.setState({ tabToNextDateField: true });\r\n }\r\n this.setState({ valueEntered: true });\r\n }\r\n else {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n onBlur() {\r\n const { valueEntered, touched } = this.state;\r\n\r\n if (this.props.required) {\r\n if (!valueEntered && !touched) {\r\n this.setState({ touched: true });\r\n }\r\n } else {\r\n if (valueEntered && !touched) {\r\n this.setState({ touched: true });\r\n }\r\n }\r\n }\r\n\r\n onLeave() {\r\n this.setState({\r\n prestine: false,\r\n hasFocus: false\r\n });\r\n }\r\n\r\n handleContextMenu(e) {\r\n // if (e.button === 2) {\r\n // e.preventDefault();\r\n // }\r\n }\r\n\r\n handleInputChange(e) {\r\n const { touched } = this.state;\r\n const target = e.target;\r\n let value = target.value;\r\n let month = '', day = '', year = '';\r\n let slashCount = 0;\r\n\r\n for (let i = 0; i < value.length; i++) {\r\n const char = value[i];\r\n if (char === '/') {\r\n slashCount++;\r\n }\r\n else if (/[0-9]/.test(char)) {\r\n if (slashCount === 0 && month.length < 2) {\r\n month += char;\r\n }\r\n else if (slashCount <= 1 && day.length < 2) {\r\n day += char;\r\n }\r\n else if (year.length < 4) {\r\n year += char;\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n value = month;\r\n if (month.length === 2 || slashCount > 0) {\r\n value += '/';\r\n }\r\n\r\n value += day;\r\n\r\n if (day.length === 2 || slashCount > 1) {\r\n value += '/' + year;\r\n }\r\n\r\n target.value = value;\r\n\r\n let startcursorpos = -1;\r\n\r\n if (this.isIos) {\r\n for (let startpos = 0; startpos < value.length; startpos++) {\r\n const charValue = value[startpos];\r\n if (/[0-9]/.test(charValue)) {\r\n startcursorpos = startpos;\r\n }\r\n }\r\n if (!(startcursorpos === 1 && target.selectionStart === 3)) {\r\n target.selectionStart = startcursorpos > -1 ? startcursorpos + 1 : 0;\r\n target.selectionEnd = target.selectionStart;\r\n }\r\n }\r\n\r\n //if (this.isNumeric) {\r\n // if (month.length < 2) {\r\n // target.selectionStart = month.length === 0 ? 0 : 1;\r\n // target.selectionEnd = target.selectionStart;\r\n // } else if (day.length < 2) {\r\n // target.selectionStart = day.length === 0 ? 2 : 4;\r\n // target.selectionEnd = target.selectionStart;\r\n // } else if (year.length < 4) {\r\n // target.selectionStart = year.length === 0 ? 5 : 6 + year.length;\r\n // target.selectionEnd = target.selectionStart;\r\n // }\r\n //}\r\n //if ((value.length === 2 || value.length === 3) && value.indexOf('/') > -1) {\r\n // target.selectionStart = value.length - 1;\r\n // target.selectionEnd = target.selectionStart;\r\n //} else if (value.length === 4 && value.indexOf('//') > -1) {\r\n // target.selectionStart = value.length - 1;\r\n // target.selectionEnd = target.selectionStart;\r\n //} else if(value.length === 5 && day.length < 2){\r\n // target.selectionStart = value.length - 1;\r\n // target.selectionEnd = target.selectionStart;\r\n //}\r\n // }\r\n\r\n //set this value if we entered from keyboard.\r\n //if (value && !touched) {\r\n // this.setState({ touched: true });\r\n //}\r\n\r\n if (this.state.tabToNextDateField) {\r\n this.setState({ tabToNextDateField: false });\r\n if ((this.isIos && !(startcursorpos === 1 && target.selectionStart === 3)) || !this.isIos) {\r\n this.tab(target, e);\r\n }\r\n }\r\n }\r\n\r\n preserveTheSlash(event) {\r\n const target = event.target;\r\n const start = target.selectionStart;\r\n const end = target.selectionEnd;\r\n let value = target.value;\r\n const indexOfSlash1 = value.indexOf('/', start);\r\n if (indexOfSlash1 > -1 && indexOfSlash1 < end) {\r\n let slash = '/';\r\n const indexOfSlash2 = value.indexOf('/', indexOfSlash1 + 1);\r\n if (indexOfSlash2 > -1 && indexOfSlash2 < end) {\r\n slash = '//';\r\n }\r\n\r\n //event.preventDefault();\r\n if (typeof window !== 'undefined') {\r\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, \"value\").set;\r\n const event2 = document.createEvent('Event'); //new Event('input', { bubbles: true });\r\n event2.initEvent('change', true, true);\r\n value = value.substring(0, start) + slash + value.substring(end);\r\n nativeInputValueSetter.call(target, value);\r\n target.dispatchEvent(event2);\r\n target.selectionStart = target.selectionEnd = start;\r\n }\r\n }\r\n }\r\n\r\n tab(target, event, clockwise = true) {\r\n const value = target.value;\r\n const length = value.length;\r\n\r\n if (length === 0) {\r\n return;\r\n }\r\n\r\n if (clockwise) {\r\n //debugger;\r\n // if (!this.isIos) {\r\n if (target.selectionStart < 5) {\r\n event.preventDefault();\r\n }\r\n const indexOfSlash1 = value.indexOf('/', target.selectionStart);\r\n const start = indexOfSlash1 > -1 ? indexOfSlash1 + 1 : 0;\r\n const indexOfSlash2 = value.indexOf('/', start);\r\n target.selectionStart = start;\r\n target.selectionEnd = indexOfSlash2 > -1 ? indexOfSlash2 : length;\r\n // }\r\n }\r\n else {\r\n if (target.selectionEnd > 3) {\r\n event.preventDefault();\r\n }\r\n const indexOfSlash2 = value.substring(0, target.selectionStart).lastIndexOf('/');\r\n const end = indexOfSlash2 > -1 ? indexOfSlash2 : length;\r\n const indexOfSlash1 = value.substring(0, end).lastIndexOf('/');\r\n target.selectionStart = indexOfSlash1 > -1 ? indexOfSlash1 + 1 : 0;\r\n target.selectionEnd = end;\r\n }\r\n }\r\n\r\n handleDayChange(day, modifiers, dayPickerInput) {\r\n const input = dayPickerInput.getInput() || dayPickerInput.state;\r\n this.setState({\r\n selectedDay: day,\r\n isDateEmpty: !input.value.trim()\r\n });\r\n }\r\n\r\n handleDayClick = (day, { selected, disabled }) => {\r\n this.setState({ selectedDay: day, valueEntered: true });\r\n if (this.props.onClick) {\r\n this.props.onClick(day, disabled);\r\n }\r\n }\r\n\r\n handleYearMonthChange(month) {\r\n //if (month < this.state.maxDate) //don't allow the user select future month/year which is greater than maxDate.\r\n //allowing user to select future month/year which is greater than maxDate since user may be selecting month before year and they'll get error feedback on input field\r\n this.setState({ month });\r\n\r\n if (this.props.onMonthChange) {\r\n this.props.onMonthChange(month);\r\n }\r\n }\r\n\r\n isDayDisabled(day, enabledDays, disabled) {\r\n if (disabled === true) {\r\n return true;\r\n }\r\n else {\r\n if (enabledDays != null) {\r\n var disableDay = enabledDays.some(disabledDay =>\r\n DateUtils.isSameDay(day, disabledDay)\r\n );\r\n return (!disableDay);\r\n }\r\n }\r\n }\r\n\r\n YearMonthForm({ date, months, years, onChange }) {\r\n const handleChange = function handleChange(e) {\r\n const { year, month } = e.target.form;\r\n if (year && month) {\r\n onChange(new Date(year.value, month.value));\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n clearInput = () => {\r\n if (this._isMounted) {\r\n this.setState({ isDateEmpty: true, touched: false, prestine: true }, () => {\r\n this.dayPickerInput.input.value = \"\";\r\n this.dayPickerInput.state.typedValue = \"\"; // making changes this way due to the existing open issue https://github.com/gpbl/react-day-picker/issues/977\r\n this.dayPickerInput.state.month = undefined;\r\n this.props.onChange(\"\");\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { weekdaysLong, weekdaysShort, month, months, years, isDateEmpty, prestine, hasFocus } = this.state;\r\n const { minDate, maxDate, value, dobId, required, isDateRange, placeholder, onChange, inputErrorMsg, isInline, \r\n selectedDays, className, disabled, initialDate, showAsInvalid, onFocus, dateIconNeeded = true, showClearBtn, translate, \r\n } = this.props;\r\n const isValid = prestine || (!required && isDateEmpty) || this.isValid(value);\r\n const validationClass = isValid && !showAsInvalid ? \"\" : \" input-invalid\";\r\n const dayPickerProps = {\r\n modifiers: { disabled: [{ after: maxDate }] },\r\n month: this.state.month === undefined ? (maxDate && maxDate < new Date() ? maxDate : new Date()) : month,\r\n fromMonth: initialDate || minDate,\r\n toMonth: maxDate,\r\n weekdaysLong,\r\n weekdaysShort,\r\n captionElement: ({ date }) => (\r\n \r\n {\r\n this.handleDayChange(value, modifiers, input);\r\n this.setState({ valueEntered: true });\r\n if (onChange) {\r\n value = removeTime(typeof value !== 'undefined' ? value : input.input.value);\r\n const isValid = this.isValid(value);\r\n onChange(value, isValid);\r\n }\r\n }}\r\n dayPickerProps={dayPickerProps} formatDate={formatDate} parseDate={parseDate}\r\n inputProps={{\r\n id: dobId, maxLength: 10, autoComplete: \"off\",\r\n \"aria-label\": placeholder ? placeholder : \"Date of Birth (MM/DD/YYYY)\",\r\n onContextMenu: e => this.handleContextMenu(e),\r\n onChange: e => this.handleInputChange(e),\r\n onKeyDown: e => this.handleKeyDown(e),\r\n onFocus: (e) => { if (onFocus) onFocus(e); this.setState({ hasFocus: true }) },\r\n //onBlur: () => this.onBlur()\r\n }}\r\n onDayPickerHide={() => this.onLeave()}\r\n value={value || \"\"}\r\n ref={element => (this.dayPickerInput = element)}\r\n />\r\n
\r\n : {placeholder ? placeholder : \"Date of Birth (MM/DD/YYYY)\"}
\r\n {showClearBtn && value && value !== \"//\" &&\r\n \r\n \r\n
\r\n }\r\n {dateIconNeeded && }\r\n {!isValid &&
{inputErrorMsg ? inputErrorMsg : (typeof value !== \"undefined\" && value) ? \"Please enter a valid date of birth.\" : \"\"}
}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation()(DatePicker);","import React from 'react';\r\nimport DayPickerInput from 'react-day-picker/DayPickerInput';\r\n\r\n//import { formatDate, parseDate } from 'react-day-picker/moment';\r\n\r\nexport default class DatePickerRange extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleFromChange = this.handleFromChange.bind(this);\r\n this.handleToChange = this.handleToChange.bind(this);\r\n this.state = {\r\n from: undefined,\r\n to: undefined,\r\n };\r\n }\r\n showFromMonth() {\r\n const { from, to } = this.state;\r\n if (!from) {\r\n return;\r\n }\r\n \r\n }\r\n handleFromChange(from) {\r\n // Change the from date and focus the \"to\" input field\r\n this.setState({ from });\r\n }\r\n handleToChange(to) {\r\n this.setState({ to }, this.showFromMonth);\r\n }\r\n render() {\r\n const { from, to } = this.state;\r\n const modifiers = { start: from, end: to };\r\n return (\r\n \r\n this.to.getInput().focus(),\r\n labels: { nextMonth: \"Next Month\", previousMonth: \"Previous Month\" }\r\n }}\r\n onDayChange={this.handleFromChange}\r\n />{' '}\r\n —{' '}\r\n \r\n (this.to = el)}\r\n value={to}\r\n placeholder=\"To\"\r\n format=\"LL\"\r\n //formatDate={formatDate}\r\n //parseDate={parseDate}\r\n dayPickerProps={{\r\n selectedDays: [from, { from, to }],\r\n disabledDays: { before: from },\r\n modifiers,\r\n month: from,\r\n fromMonth: from,\r\n numberOfMonths: 2,\r\n }}\r\n onDayChange={this.handleToChange}\r\n />\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport DayPickerInput from 'react-day-picker/DayPickerInput';\r\nimport { formatDate, parseDate } from 'react-day-picker/moment';\r\nimport MaskedText from './MaskedText';\r\nimport { isValidDate, removeTime } from \"../../helpers/dateTime\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nexport default class DatePickerWithMaskedInput extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const { value } = this.props;\r\n this.state = {\r\n selectedDay: value ? value : undefined, month: undefined,\r\n valueEntered: false, touched: false, isEmpty: value ? false : true,\r\n hasFocus: false, tabToNextDateField: false, pristine: true, isDisabled: false\r\n };\r\n this.handleDayChange = this.handleDayChange.bind(this);\r\n this.handleYearMonthChange = this.handleYearMonthChange.bind(this);\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.onClear = this.onClear.bind(this); \r\n }\r\n \r\n onClear() {\r\n this.setState({ selectedDay: \"\", isEmpty: true, touched: false, pristine: true}, () => {\r\n this.dateInput.input.input.value = \"\";\r\n this.dateInput.state.typedValue = \"\"; // making changes this way due to the existing open issue https://github.com/gpbl/react-day-picker/issues/977\r\n this.dateInput.state.month = undefined; \r\n if (this.props.onChange)\r\n this.props.onChange(\"\", false);\r\n if (this.props.onClear)\r\n this.props.onClear();\r\n }); \r\n } \r\n\r\n\r\n handleInputChange(e) {\r\n const { value} = e.target;\r\n if (value.trim() === '') { \r\n this.handleDayChange(\"\", {}, this.dateInput);\r\n if (this.props.onClear)\r\n this.props.onClear();\r\n return;\r\n }\r\n }\r\n\r\n handleDayChange(selectedDay, modifiers, dayPickerInput) {\r\n const input = dayPickerInput.dateInput ? dayPickerInput.dateInput.getInput() : dayPickerInput.getInput(); \r\n this.setState({\r\n selectedDay,\r\n isEmpty: input.props && input.props.value && !input.props.value.trim(),\r\n isDisabled: modifiers.disabled === true\r\n }, () => {\r\n if (this.props.onChange)\r\n this.props.onChange(this.state.selectedDay, !this.state.isEmpty && !this.state.isDisabled);\r\n });\r\n }\r\n\r\n handleYearMonthChange(month) {\r\n //if (month < this.state.maxDate) //don't allow the user select future month/year which is greater than maxDate.\r\n //allowing user to select future month/year which is greater than maxDate since user may be selecting month before year and they'll get error feedback on input field\r\n this.setState({ month });\r\n\r\n if (this.props.onMonthChange) {\r\n this.props.onMonthChange(month);\r\n }\r\n }\r\n\r\n onLeave() {\r\n this.setState({ touched: true });\r\n }\r\n\r\n isValid(value) {\r\n const { minDate, maxDate } = this.props;\r\n\r\n //if (!value) {\r\n // return false;\r\n //}\r\n\r\n if (!isValidDate(value)) {\r\n return false;\r\n }\r\n\r\n const dateValue = new Date(value); \r\n return (!minDate || Tools.dateStringFormat(dateValue) >= Tools.dateStringFormat(minDate)) && (!maxDate || Tools.dateStringFormat(dateValue) <= Tools.dateStringFormat(maxDate));\r\n }\r\n\r\n YearMonthForm({ date, localeUtils, onChange, yearsBackward, yearsForward, minDate, maxDate }) {\r\n const currentYear = new Date().getFullYear();\r\n //let { minDate, maxDate } = { minDate, maxDate};\r\n let maxYear = yearsForward ? yearsForward : 100;\r\n\r\n if (!minDate && yearsBackward) {\r\n minDate = new Date(currentYear - yearsBackward, 0);\r\n }\r\n\r\n if (!maxDate && yearsForward) {\r\n maxDate = new Date(currentYear + yearsForward, 11);\r\n }\r\n\r\n let maxYeartoDisplay = new Date(currentYear + maxYear, 11);\r\n\r\n minDate = removeTime(minDate);\r\n maxDate = removeTime(maxDate);\r\n\r\n const months = localeUtils.getMonths();\r\n const years = [];\r\n\r\n if (minDate && maxDate) {\r\n for (let i = minDate.getFullYear(); i <= maxYeartoDisplay.getFullYear(); i += 1) {\r\n years.push(i);\r\n }\r\n }\r\n const handleChange = function handleChange(e) {\r\n const { year, month } = e.target.form;\r\n if (year && month) {\r\n onChange(new Date(year.value, month.value));\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { selectedDay, isDisabled, isEmpty, month, touched } = this.state;\r\n const { isMaskedDateInput, dateIconNeeded, className, required, hasFocus, minDate, maxDate, initialDate, showAsInvalid, inputErrorMsg, yearsBackward, yearsForward, showClearBtn } = this.props;\r\n const requiredInvalid = required && isEmpty;\r\n const isValid = (!isDisabled && !requiredInvalid && this.isValid(selectedDay)) && !showAsInvalid;\r\n const validationClass = isValid ? \"\" : \" input-invalid\";\r\n const dynamicClass = (!isEmpty ? \" input-not-empty\" : \"\") +\r\n (className ? \" \" + className + \" \" : \"\") + \r\n (hasFocus ? \" input-focused\" : \"\") + \r\n (touched ? \" input-touched\" : \" input-untouched\") + \r\n (showAsInvalid ? \" input-show-invalid\" : \"\") + \r\n validationClass;\r\n\r\n const dayPickerProps = {\r\n modifiers: { disabled: [{ after: maxDate }] },\r\n month: this.state.month === undefined ? (maxDate && maxDate < new Date() ? maxDate : new Date()) : month,\r\n fromMonth: initialDate || minDate,\r\n toMonth: maxDate, \r\n captionElement: ({ date, localeUtils }) => (\r\n \r\n this.onLeave()}\r\n dayPickerProps={dayPickerProps}\r\n component={MaskedText}\r\n ref={(element) => this.dateInput = element}\r\n inputProps={{ onChange: this.handleInputChange, onClear: this.onClear }} \r\n keepFocus={false}\r\n />\r\n {showClearBtn && selectedDay &&\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport PropTypes from 'prop-types';\r\n\r\nconst propTypes = {\r\n enableDesktopAppIcons: PropTypes.bool, // Display separate app store buttons on non-mobile devices\r\n label: PropTypes.string, // Text label for link or button\r\n logPrefix: PropTypes.string, // Beginning portion of advance analytics log\r\n type: PropTypes.string // Link or Button Type Style\r\n};\r\n\r\nconst defaultProps = {\r\n enableDesktopAppIcons: false,\r\n label: \"Download the App\",\r\n logPrefix: \"MBHWeb.UI.DownloadAppBtn\",\r\n type: \"button\",\r\n}\r\n\r\nclass DownloadAppBtn extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.IPHONE_APP_URL = `${props.ssoBaseUrl}app_download/iphone`;\r\n this.GOOGLE_PLAY_URL = `${props.ssoBaseUrl}app_download/android`;\r\n this.downloadiOSMobileApp = this.downloadiOSMobileApp.bind(this);\r\n this.downloadAndroidMobileApp = this.downloadAndroidMobileApp.bind(this);\r\n this.downloadMobileApp = this.downloadMobileApp.bind(this);\r\n this.isMobile = Tools.isMobile();\r\n this.android = Tools.isAndroid();\r\n this.ios = Tools.isIos();\r\n }\r\n\r\n componentDidMount() {\r\n logUI('MBHWeb.UI.DownloadAppBtn.ComponentDidMount', new Date(), Tools.getURLPath());\r\n }\r\n\r\n downloadiOSMobileApp() {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n if (typeof window !== 'undefined')\r\n window.location.href = this.IPHONE_APP_URL;\r\n logUI(`${this.props.logPrefix}.iTunes.Redirect`, new Date(), '/iTunesDownload');\r\n }\r\n\r\n downloadAndroidMobileApp() {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING PLAY STORE TO DOWNLOAD APP \r\n if (typeof window !== 'undefined')\r\n window.location.href = this.GOOGLE_PLAY_URL;\r\n logUI(`${this.props.logPrefix}.GooglePlay.Redirect`, new Date(), '/GooglePlayDownload');\r\n }\r\n\r\n downloadMobileApp() {\r\n if (this.ios) {\r\n logUI(`${this.props.logPrefix}.DownloadApp.iTunes.Clicked`, new Date(), Tools.getURLPath());\r\n this.downloadiOSMobileApp();\r\n } else {\r\n logUI(`${this.props.logPrefix}.DownloadApp.GooglePlay.Clicked`, new Date(), Tools.getURLPath());\r\n this.downloadAndroidMobileApp();\r\n }\r\n }\r\n\r\n render() {\r\n\r\n const { enableDesktopAppIcons, label, logPrefix, type } = this.props;\r\n const buttonLabel = label;\r\n const buttonClassName = type && type === \"button\" ? \"btn btn-primary\" : \"\";\r\n const buttonURL = this.ios ? \"https://itunes.apple.com/us/app/mybswhealth/id1000856979?mt=8\" :\r\n this.android ? \"https://play.google.com/store/apps/details?id=com.baylorscottandwhite.healthsource&hl=en_US\" : \"\";\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n }\r\n {dateIconNeeded && }\r\n {!isValid &&
{inputErrorMsg ? inputErrorMsg : !isEmpty ? \"Please enter a valid date of birth.\" : \"\"}
}\r\n \r\n logUI(`${logPrefix}.iTunes.Clicked`, new Date(), Tools.getURLPath())}>\r\n \r\n \r\n logUI(`${logPrefix}.GooglePlay.Clicked`, new Date(), Tools.getURLPath())}>\r\n \r\n \r\n
\r\n : Are you still there?
\r\nYou will be logged out in {this.countdownSecondsRemaining} seconds due to inactivity.
\r\n\r\n \r\n {errorMsg ? errorMsg : \"Not available. Please try again later.\"}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ErrorLoadingTileMessage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport StatusBanner from './StatusBanner';\r\nimport * as Tools from \"../../helpers/Tools\";\r\n\r\nconst propTypes = {\r\n children: PropTypes.node, // anything that can be rendered, such as numbers, string, DOM elements, arrays, or fragments \r\n heading: PropTypes.string, // Error Heading.\r\n icon: PropTypes.string, // Alternative Heading Icon\r\n subBannerMsg: PropTypes.string // Error subBannerMsg\r\n};\r\n\r\nclass ErrorPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (typeof window !== 'undefined' && Tools.isMobile()) {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n render() {\r\n const { icon, heading, children, subBannerMsg, bannerAlignment} = this.props;\r\n return (\r\n
);\r\n }\r\n}\r\n\r\nErrorPage.propTypes = propTypes;\r\nexport default ErrorPage;","import * as React from \"react\";\r\n\r\nexport default class FeatureDisabled extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n {children && {children}}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Collapse } from 'reactstrap';\r\nimport { Icon, Typography } from \"../ecosystem/\";\r\n\r\nfunction GenericCollapseWithChildren(props) {\r\n const [isOpen, setIsOpen] = useState(false);\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 Not available. Please try again later.\r\n
\r\n setIsOpen(!isOpen)}>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n {message}\r\n
\r\n
\r\n \r\n
\r\n
- \r\n {bannerMessages.map((msg, i) => {\r\n return
\r\n
\r\n \r\n {modalBody}\r\n
\r\n \r\n
\r\n \r\n {modalFooter}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {enableEcheckinMandatoryUpdates ?\r\n
\r\n Launch your visit from the home screen. Room entry closes at {`${closingTime}`}. \r\n For the best results, \r\n
\r\n To start your Video Visit use the \"LAUNCH VIDEO VISIT\" button on the home screen.\r\n For best results,\r\n
\r\n \r\n \r\n }\r\n \r\n
\r\n \r\n {modalBody}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MessageSpinner;","import React, { useState, useEffect, useMemo } from \"react\";\r\nimport StaticHtmlContent from './staticHtmlContent';\r\n\r\n/**\r\n * icons classes are in git\\sites\\MyBSWHealth2019\\wwwroot\\scss\\exclude\\global\\_icons.scss\r\n*/\r\n/** \r\n * @param {any} props Component props\r\n * @param {string} props.icon name of icon className\r\n * @param {string|JSX.Element} props.message displayed message ignored if there are props.children (children element inside the MessageWithIcon tag)\r\n * */\r\nconst MessageWithIcon = (props) => {\r\n\r\n return \r\n {this.state.message &&\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
;\r\n}\r\n\r\nexport default MessageWithIcon;","import * as React from \"react\";\r\nimport { withRouter } from 'react-router'\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\n\r\n\r\nclass MiniSpinner extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n const { className } = this.props;\r\n return (\r\n \r\n \r\n
\r\n \r\n {props.children ? props.children :\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MiniSpinner;\r\n\r\n\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Cookies from \"cookies-js\";\r\nimport { logToAndylitics } from \"../../api/andyliticsApi\";\r\nimport PropTypes from 'prop-types';\r\n\r\nconst NO_REDIRECT = 'noredirect'; // cookie to prevent redirect\r\n\r\n\r\nclass MobileAppBanner extends React.Component {\r\n constructor(params) { \r\n super(params);\r\n const { showBanner, ssoBaseURL } = this.props;\r\n this.state = {\r\n showBanner\r\n };\r\n \r\n this.GOOGLE_PLAY_URL = `${ssoBaseURL}app_download/android`;\r\n this.IPHONE_APP_URL = `${ssoBaseURL}app_download/iphone`;\r\n this.downloadMobileApp = this.downloadMobileApp.bind(this);\r\n this.closeMobileBanner = this.closeMobileBanner.bind(this);\r\n } \r\n\r\n\r\n componentDidMount() {\r\n logToAndylitics('MBHWeb.UI.Home.AppDownload.ComponentDidMount', new Date(), '/AppDownload');\r\n window.setTimeout(this.closeMobileBanner, 25000); // close after 25 seconds\r\n }\r\n closeMobileBanner() { \r\n try {\r\n const { mobilePromptExpirationInDays } = this.props;\r\n this.setState({\r\n showBanner: false\r\n });\r\n // SETS COOKIE SO DOES NOT DISPLAY AD UNTIL X AMOUNT OF DAYS LATER\r\n if (!Cookies.get(NO_REDIRECT)) {\r\n const dDate = new Date();\r\n logToAndylitics('MBHWeb.Home.AppDownload.Cancel.ContinueToWeb', new Date(), '/AppDownload');\r\n //add session cookie so prompt does not display after first page\r\n const expiration = new Date(new Date().getTime() + parseInt(mobilePromptExpirationInDays) * 1000 * 60 * 60 * 24);\r\n Cookies.set(NO_REDIRECT, 'true', { path: '/', 'expires': expiration });\r\n }\r\n }\r\n catch (e) {\r\n\r\n }\r\n } \r\n\r\n downloadMobileApp() {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n const { isIos, isAndroid } = this.props;\r\n const dDate = new Date();\r\n if (isIos) { \r\n if (typeof window !== 'undefined') \r\n window.location.href = this.IPHONE_APP_URL; \r\n logToAndylitics('MBHWeb.Home.iTunes.Redirect', new Date(), '/iTunesDownload'); \r\n }\r\n else if (isAndroid) {\r\n if (typeof window !== 'undefined') \r\n window.location.href = this.GOOGLE_PLAY_URL; \r\n logToAndylitics('MBHWeb.Home.GooglePlay.Redirect', new Date(), '/GooglePlayDownload');\r\n }\r\n }\r\n\r\n render() {\r\n const { showBanner } = this.state;\r\n const { redirectUrl } = this.props;\r\n\r\n return (\r\n \r\n {showBanner && \r\n
\r\n );\r\n }\r\n}\r\n\r\nMobileAppBanner.propTypes = {\r\n showBanner: PropTypes.bool.isRequired,\r\n mobilePromptExpirationInDays: PropTypes.number.isRequired,\r\n ssoBaseURL: PropTypes.string.isRequired,\r\n isAndroid: PropTypes.bool.isRequired,\r\n isIos: PropTypes.bool.isRequired\r\n};\r\n\r\nexport default MobileAppBanner;","import React from \"react\";\r\nimport { logToAndylitics } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from 'prop-types';\r\n\r\nclass MobileAppDownload extends React.Component {\r\n constructor(params) {\r\n super(params);\r\n const ssoBaseURL = `${window.serverData.data.ssoBaseURL}`;\r\n this.GOOGLE_PLAY_URL = `${ssoBaseURL}app_download/android`;\r\n this.IPHONE_APP_URL = `${ssoBaseURL}app_download/iphone`;\r\n\r\n //this.downloadMobileApp = this.downloadMobileApp.bind(this);\r\n this.downloadAndroidMobileApp = this.downloadAndroidMobileApp.bind(this);\r\n this.downloadiOSMobileApp = this.downloadiOSMobileApp.bind(this);\r\n }\r\n componentDidMount() {\r\n logToAndylitics('MBHWeb.UI.MobileApp.AppDownload.LOAD', new Date(), '/AppDownload');\r\n // this.downloadMobileApp();\r\n }\r\n\r\n //downloadMobileApp() {\r\n // //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n // const isAndroid = Tools.isAndroid();\r\n // const isIos = Tools.isIos();\r\n // const isIPad = Tools.isIPad();\r\n // const dDate = new Date();\r\n // if (isIos || isIPad) {\r\n // if (typeof window !== 'undefined')\r\n // window.location.href = this.IPHONE_APP_URL;\r\n // logToAndylitics('MBHWeb.MobileApp.iTunes.Redirect', new Date(),'/iTunesDownload');\r\n // }\r\n // else if (isAndroid) {\r\n // if (typeof window !== 'undefined')\r\n // window.location.href = this.GOOGLE_PLAY_URL;\r\n // logToAndylitics('MBHWeb.MobileApp.GooglePlay.Redirect', new Date(), '/GooglePlayDownload');\r\n // }\r\n //}\r\n\r\n downloadiOSMobileApp() {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n const dDate = new Date();\r\n if (typeof window !== 'undefined')\r\n window.location.href = this.IPHONE_APP_URL;\r\n logToAndylitics('MBHWeb.MobileApp.iTunes.Redirect', new Date(), '/iTunesDownload');\r\n \r\n }\r\n downloadAndroidMobileApp() {\r\n //DOWNLOAD APP BUTTON THAT DIRECTS USER TO CORRESPONDING APP STORE TO DOWNLOAD APP \r\n const dDate = new Date();\r\n if (typeof window !== 'undefined')\r\n window.location.href = this.GOOGLE_PLAY_URL;\r\n logToAndylitics('MBHWeb.MobileApp.GooglePlay.Redirect', new Date(), '/GooglePlayDownload'); \r\n }\r\n render() {\r\n const { serverData } = 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 Getting better
\r\n
\r\n Getting better
starts here
\r\n \r\n\r\n
\r\n \r\n
\r\n With the MyBSWHealth App you can manage your health from anywhere.
\r\n \r\n ![\"MyBSWHealth](\"/images/mobile-app-banner.png\")
\r\n
\r\n \r\n ![\"MyBSWHealth](\"/images/mobile-app-star-rating.jpg\")
\r\n
\r\n 4.7 Rating
\r\n with 25k+ reviews
& 500k+ users
\r\n & 500k+ users
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n SKIP FOR NOW\r\n
\r\n \r\n DOWNLOAD APP\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n serverData: state.session.serverData,\r\n };\r\n};\r\nexport default connect(mapStateToProps, null)(MobileAppDownload);\r\n","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass ModuleCrash extends React.Component {\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.ModuleCrash.ComponentDidMount\", new Date(), Tools.getURLPath()); \r\n }\r\n \r\n // Here is our official route failed to load message\r\n render() {\r\n return (\r\n ![\"MyBSWHealth](\"images/mobile-app-page.png\")
\r\n \r\n
);\r\n }\r\n\r\n}\r\n\r\nexport default ModuleCrash;\r\n","import React from 'react';\r\nimport SelectPatient from './SelectPatient';\r\nimport { Link } from 'react-router-dom';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass NoProxy extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { checked: false };\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n onChange(checked, value) {\r\n this.setState({ checked });\r\n const {onSkipProxy} = this.props;\r\n if(onSkipProxy)\r\n {\r\n onSkipProxy(checked);\r\n }\r\n }\r\n\r\n actionTaken = (event, dependent) => { \r\n const { checked } = this.state;\r\n const { savePreferenceCall, onActionTaken , activityCode} = this.props;\r\n if (dependent && activityCode) { \r\n logUI(activityCode, new Date(), Tools.getURLPath());\r\n }\r\n if (checked && savePreferenceCall)\r\n {\r\n savePreferenceCall(); \r\n if(onActionTaken)\r\n onActionTaken(true);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n myProxies,\r\n message,\r\n fromEvisit,\r\n currentUser,\r\n switchToMyChartUser,\r\n verifyScheduleStepValue,\r\n location,\r\n backToCalender,\r\n skipPatientInfo,\r\n stepHeading,\r\n titleInfo,\r\n iconLeftClass,\r\n iconRightClass,\r\n savePreferenceCall,\r\n removeActive,\r\n steptitle,\r\n goNext,\r\n serverData,\r\n enableFluVaccineSchedulingWorkflow,\r\n isMammography,\r\n goToApptInfo,\r\n apptInfoStepValue,\r\n enableNewServiceSchedulingWorkflow,\r\n goToNewStep,\r\n reasonSubmitStepValue,\r\n enableNewProviderSchedulingWorkflow,\r\n apptSlotNotAvailable,\r\n apptTimeNotAvailable,\r\n isFromDotCOM,\r\n hasMychart,\r\n enableNewMammogramJourneyChanges,\r\n t,\r\n translate\r\n } = this.props;\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 We were not able to load the page. Please try again.\r\n
\r\n \r\n
);\r\n }\r\n\r\n}\r\n\r\n\r\nexport default NoProxy;","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nexport default class NotAuthorized extends React.Component {\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.NotAuthorized.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { className, message } = this.props;\r\n const containerClass = \"container-fluid body-content not-authorized-container\" + (className ? \" \" + className : \"\");\r\n const errorMsg = message ? message : \"We’re sorry, but this page is not available to you.\";\r\n\r\n return (\r\n \r\n
\r\n {!isMammography && (\r\n \r\n
\r\n \r\n
\r\n {fromEvisit && \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {stepHeading}
\r\n{titleInfo}
\r\n \r\n
\r\n { this.actionTaken(e, \"dependent\"); }}>{' ' + translateText(t && translate, \"ADD A DEPENDENT\", t)}
\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 Minor must be an existing patient of Baylor Scott and White Health.
\r\nApproval process may take up to 1 business day.
\r\n\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, ModalBody, ModalFooter } from 'reactstrap';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nclass Notices extends React.Component {\r\n constructor(params) {\r\n super(params);\r\n this.toggleNotices = this.toggleNotices.bind(this);\r\n this.state = {\r\n showNotices: true,\r\n modalClassName: 'notices-modal',\r\n backdrop: 'static'\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.Notices.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n toggleNotices() {\r\n const { hideNotices, notices, loggedIn } = this.props;\r\n if (this.state.showNotices) {\r\n hideNotices(notices, loggedIn ? types.NOTICES_LOGGED_IN_HIDE : types.NOTICES_NON_LOGGED_IN_HIDE);\r\n logUI(\"MBHWeb.Notifications.ShowHide\", new Date(), Tools.getURLPath());\r\n }\r\n this.setState({\r\n showNotices: !this.state.showNotices\r\n });\r\n }\r\n\r\n render() {\r\n const { notices } = this.props;\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 {errorMsg}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {notices.map((notice, index) =>
\" }} >
)}\" }} >
{ this.handleKeyDown(evt); }}>\r\n
\r\n - \r\n {this.renderSteps()}\r\n
\r\n {currentStep > 0 &&\r\n { this.goBack(currentStep - 1); }}\r\n id=\"prev-button\"\r\n >\r\n {backButtonText ? translateText(t && translate, backButtonText, t) : translateText(t && translate, \"Back\", t)}\r\n \r\n }\r\n {endOnLastStep}\r\n {bShowNext &&\r\n { this.goNext(); }}\r\n id=\"next-button\"\r\n disabled={props.disableNextButton}\r\n >\r\n {translateText(t && translate, continueButtonText, t)}\r\n \r\n }\r\n
\r\n }\r\n {translateText(t && translate, currentStep, t)}
\r\n error!
;\r\n }\r\n }\r\n}","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\nexport default class PageNotFound extends React.Component {\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.PageNotFound.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { className } = this.props;\r\n const containerClass = \"container-fluid body-content not-authorized-container\" + (className ? \" \" + className : \"\");\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}","import * as React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const PageTemplate = (props) => {\r\n let { objectName, pageTitle, children } = props;\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 Page not found.\r\n
\r\n \r\n
;\r\n}\r\n\r\nPageTemplate.propTypes = {\r\n objectName: PropTypes.string, //used in classNames\r\n pageTitle: PropTypes.string, //displayed at top of page\r\n children: PropTypes.node\r\n}","import * as React from \"react\";\r\n\r\nclass PersistGateServer extends React.Component {\r\n render() {\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport default PersistGateServer;","import React from \"react\";\r\n\r\n/*\r\n * Component to display telephone number links\r\n */\r\nexport function PhoneLink(props) {\r\n let phoneHref = \"tel:\" + props.phoneNumber; //formatPhoneNumber from helpers\r\n\r\n return (\r\n \r\n \r\n {props.phoneNumber}\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Badge, LinkListItem } from \"../../ecosystem\";\r\nimport { titleCase } from \"../../../helpers/formatting\";\r\n\r\nconst DrawerProxyItem = ({\r\n disabled,\r\n name,\r\n showViewing,\r\n linkProps,\r\n onClick,\r\n user\r\n}) => {\r\n\r\n const handleOnClick = () => {\r\n if (onClick) {\r\n onClick(name, user);\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {pageTitle}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n {titleCase(name)}\r\n {showViewing && }\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default withRouter(DrawerProxyItem);\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Divider, LinkList, Typography } from \"../../ecosystem\";\r\n\r\nconst DrawerProxySection = ({\r\n heading,\r\n children,\r\n userList\r\n}) => {\r\n\r\n return ((userList && userList.length > 0) || children &&\r\n \r\n {heading} \r\n \r\n {children\r\n ? children\r\n : userList && userList.map((item, index) => {\r\n return (\r\n {item}\r\n {index !== (userList.length - 1) && )\r\n })\r\n }\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withRouter(DrawerProxySection);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Badge, Typography, Divider, LinkList, LinkListItem, Button, Drawer } from \"../../ecosystem\";\r\n\r\nconst DrawerProxySelector = ({\r\n age,\r\n children,\r\n open,\r\n name,\r\n toggle,\r\n isAdult,\r\n onAddFamilyClick,\r\n}) => {\r\n\r\n const puIsAdult = isAdult ? isAdult : age && age > 17 ? true : false;\r\n\r\n return <>\r\n \r\n
\r\n \r\n \r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n age: state.domain.age,\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(DrawerProxySelector);\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\nimport { getFirstName, isRxRoute } from \"../../../helpers/formatting\";\r\nimport { Icon, Typography, Divider, LinkList, LinkText, Tooltip, Drawer } from \"../../ecosystem\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport ProxySelectorCarousel from '../../common/Proxy/ProxySelectorCarousel';\r\nimport DrawerProxySelector from './DrawerProxySelector';\r\nimport DrawerProxySection from './DrawerProxySection';\r\nimport DrawerProxyItem from './DrawerProxyItem';\r\n\r\nconst MyChartProxySelector = (props) => {\r\n const allTab = \"All\";\r\n /*const activeAllTab = \"All\".toLowerCase();*/\r\n const {\r\n age,\r\n primaryUser,\r\n myChartUsers,\r\n isMobile,\r\n history,\r\n hasMyChart,\r\n currentMyChartUser,\r\n currentPharmacyUser,\r\n isShowAllUsers,\r\n isOpenHeroSectionToolTip,\r\n updateonBoardingToolTipState,\r\n bundle\r\n } = props;\r\n const isMyChartProxyAvailable = hasMyChart && myChartUsers.length > 0;\r\n const isAdult = age && age > 17 ? true : false;\r\n const [activeTab, setActiveTab] = useState(allTab);\r\n const [activeTabName, setActiveTabName] = useState('');\r\n const [activeUser, setActiveUser] = useState('');\r\n const [userList, setUserList] = useState([]);\r\n const [isMobileMenuOpen, setMobileMenuOpen] = useState(false);\r\n\r\n const pathname = history && history.location ? history.location.pathname : '/';\r\n\r\n const isPharmacyPage = (bundle === \"pharmacy\" || pathname === '/pharmacy' || isRxRoute(pathname));\r\n\r\n useEffect(() => {\r\n setUserList([primaryUser].concat(myChartUsers));\r\n if (isShowAllUsers) {\r\n setActiveTab(allTab);\r\n setActiveTabName(allTab);\r\n }\r\n }, [isShowAllUsers]);\r\n\r\n useEffect(() => {\r\n if (!isShowAllUsers && currentMyChartUser && currentMyChartUser.wprInternalID && activeTab !== currentMyChartUser.wprInternalID && userList &&\r\n userList.length > 0) {\r\n setActiveTab(currentMyChartUser.wprInternalID);\r\n setActiveTabName(currentMyChartUser.displayName);\r\n }\r\n }, [currentMyChartUser, isShowAllUsers, userList]);\r\n\r\n useEffect(() => {\r\n setActiveUser(currentPharmacyUser && isPharmacyPage ? currentPharmacyUser : currentMyChartUser ? currentMyChartUser : '');\r\n }, [currentPharmacyUser, currentMyChartUser]);\r\n\r\n const handleChangeUser = (user, isPrimary) => {\r\n if (user === allTab) {\r\n setActiveTab(allTab);\r\n setActiveTabName(allTab);\r\n props.switchToMyChartUser(primaryUser, true, 0);\r\n }\r\n else {\r\n setActiveTab(user.wprInternalID);\r\n setActiveTabName(user.displayName);\r\n }\r\n\r\n if (!isPrimary) {\r\n onMyChartUserSelected(user);\r\n }\r\n else if (isPrimary && user !== allTab) {\r\n let isAllSelected = false;\r\n onPrimaryUserSelected(primaryUser, isAllSelected);\r\n }\r\n }\r\n\r\n const onPrimaryUserSelected = (user, isAll) => {\r\n if (blockUserSwitch()) {\r\n openModal();\r\n } else {\r\n window.userToSwitch = { ...user, isPrimary: true };\r\n switchToPrimaryUser(isAll);\r\n }\r\n }\r\n\r\n const onMyChartUserSelected = (user) => {\r\n\r\n if (blockUserSwitch()) {\r\n openModal();\r\n } else {\r\n window.userToSwitch = { ...user, isPrimary: false };\r\n switchToMyChartUser();\r\n }\r\n }\r\n\r\n const switchToPrimaryUser = (isAll) => {\r\n const user = window.userToSwitch;\r\n const { bundle } = props;\r\n props.switchToMyChartUser(user, isAll, 0);\r\n logUI(\"MBHWeb.Proxy.PrimaryUserSelected\", new Date(), Tools.getURLPath(), JSON.stringify({ user, activeUser, bundle }));\r\n window.userToSwitch = null;\r\n }\r\n\r\n const switchToMyChartUser = (thisObj) => {\r\n const user = window.userToSwitch || \"\";\r\n const { currentMyChartUser, bundle } = props;\r\n if (user !== activeUser || user.externalId !== currentMyChartUser.externalId) {\r\n props.switchToMyChartUser(user, false, user.index ? user.index : 0);\r\n logUI(\"MBHWeb.Proxy.MyChartUserSelected\", new Date(), Tools.getURLPath(), JSON.stringify({ user, activeUser, bundle }));\r\n window.userToSwitch = null;\r\n }\r\n }\r\n\r\n const blockUserSwitch = () => {\r\n return props && props.history && props.history.location && props.history.location.pathname && props.history.location.pathname.toLowerCase().indexOf(\"/findcare/vaccine\") !== -1;\r\n }\r\n\r\n const openModal = () => {\r\n logUI(\"MBHWeb.UI.Header.Proxy.SwitchBlocked\", new Date(), Tools.getURLPath());\r\n setModalVisible(true);\r\n }\r\n\r\n const tooltipText = \"Now there’s an even easier way to view and manage healthcare for every member of your family.\";\r\n\r\n const tooltipLinkText = \"Continue\";\r\n\r\n const noProxyView = (\r\n \r\n {name}, \r\n
\r\n\r\n \r\n Who would you like to view info for? \r\n \r\n
\r\n \r\n {children}\r\n\r\n {puIsAdult && onAddFamilyClick &&\r\n
\r\n \r\n +Add or Grant Family Access\r\n
\r\n }\r\n \r\n {\r\n updateonBoardingToolTipState();\r\n }\r\n }>\r\n \r\n
);\r\n\r\n return (\r\n <>{isMyChartProxyAvailable\r\n ? <>\r\n \r\n \r\n
\r\n \r\n {\r\n updateonBoardingToolTipState();\r\n }\r\n }\r\n >\r\n \r\n
\r\n \r\n : noProxyView\r\n }\r\n )\r\n}\r\n\r\nconst MobileAllUserMenu = (props) => {\r\n const { isOpen, userList, primaryUser, setMobileMenuOpen, handleChangeUser } = props;\r\n return <>\r\n \r\n {isMobile\r\n ? <>\r\n \r\n setMobileMenuOpen(false)}\r\n onAddFamilyClick={() => {\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\r\n history.push(\"/proxymanagement\");\r\n }}\r\n >\r\n {primaryUser &&\r\n \r\n {\r\n handleChangeUser(primaryUser, true);\r\n setMobileMenuOpen(false);\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\r\n }}\r\n />\r\n \r\n }\r\n \r\n {\r\n handleChangeUser(\"All\", true);\r\n setMobileMenuOpen(false);\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\r\n }}\r\n />\r\n \r\n {index !== 0 &&\r\n <> {\r\n handleChangeUser(user, primaryUser.wprInternalID === user.wprInternalID);\r\n setMobileMenuOpen(false);\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\r\n }}\r\n user={user}\r\n />\r\n {index !== (userList.length - 1) && )\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 mapStateToProps = (state) => {\r\n let pl = [];\r\n\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((c, index, arr) => {\r\n pl.push(d.hydrateProxyUser(c));\r\n });\r\n }\r\n\r\n if (pl.length > 0) {\r\n pl.shift();\r\n }\r\n\r\n return {\r\n myChartUsers: pl,\r\n hasMyChart: state.domain.hm,\r\n currentMyChartUser: d.hydrateProxyUser(state.domain.cu),\r\n currentPharmacyUser: d.hydratePharmacyUser(state.domain.cpu),\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n age: state.domain.age,\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n bundle: state.session.serverData ? state.session.serverData.bundle : \"mybswhealth\"\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n\r\n switchToMyChartUser: (user, isSeeAllSelected, index) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, isSeeAllSelected, index });\r\n dispatch({ type: types.SWITCH_TO_PHARMACY_USER, pharmacyUser: null });\r\n },\r\n }\r\n}\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(MyChartProxySelector));\r\n","import React from 'react';\r\nimport SelectPatient from './SelectPatient';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\n\r\nclass NoProxy extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.ProxyPicker.NoProxy.Load\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n actionTaken = (skipProxy = false) => {\r\n const { savePreference, onActionTaken } = this.props;\r\n if (skipProxy && savePreference) {\r\n logUI(\"MBHWeb.UI.ProxyPicker.NoProxy.Skip.Clicked\", new Date(), Tools.getURLPath());\r\n savePreference();\r\n } else {\r\n logUI(\"MBHWeb.UI.ProxyPicker.NoProxy.MySelf.Clicked\", new Date(), Tools.getURLPath());\r\n }\r\n if (onActionTaken) {\r\n onActionTaken(true);\r\n }\r\n }\r\n\r\n render() {\r\n const { myProxies, message, patients, fromEvisit, currentUser, switchToMyChartUser, location, backToCalender, skipPatientInfo, iconLeftClass, steptitle, goNext, serverData, isMammography, goToApptInfo, apptInfoStepValue, goToNewStep, pickerInfo, savePreference, enableNewMammogramJourneyChanges } = this.props;\r\n return (\r\n {primaryUser.displayName}, \r\n
\r\n\r\n \r\n Who would you like to view info for? \r\n \r\n
\r\n\r\n \r\n <>\r\n ,\r\n text: \"View All\",\r\n onClick: () => {\r\n handleChangeUser(\"All\", true);\r\n setMobileMenuOpen(false);\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\r\n }\r\n },\r\n ]}\r\n /> { logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath()); }\r\n\r\n },\r\n ]}\r\n />\r\n \r\n
\r\n \r\n ,\r\n text: getFirstName(user.displayName),\r\n onClick: () => {\r\n handleChangeUser(user, primaryUser.wprInternalID === user.wprInternalID);\r\n setMobileMenuOpen(false);\r\n logUI(\"MBHWeb.UI.MobileAllUserMenu.Clicked\", new Date(), Tools.getURLPath());\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\nexport default NoProxy;","import React, { useEffect, useState } from 'react'\r\nimport { connect } from \"react-redux\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\nimport { firstNameFirst, getFirstName } from \"../../../helpers/formatting\";\r\nimport { Icon, Typography, Divider, LinkList, Backdrop, LinkText } from \"../../ecosystem\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { Link as RouterLink, Redirect } from \"react-router-dom\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport usePickerFor from './hooks/usePickerFor';\r\nimport Spinner from \"../spinner\";\r\nimport SelectPatient from \"./SelectPatient\";\r\nimport SectionLoadingError from \"../SectionLoadingError\";\r\nimport NoProxy from './NoProxy';\r\n\r\n/**\r\n * myProxies: pl,\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n primaryUser\r\n * @param {any} props\r\n */\r\nconst ProxyPicker = (props) => {\r\n const { failure,\r\n age, primaryUser, myProxies, currentUser, isShowAllUsers,\r\n history, switchToMyChartUser, hasMychart, proxyListLoaded, savePreferenceCall,\r\n pickerName, match, patients, resetSeeAllView, serverData, showDependentProxyForm, bffDashboardData } = props;\r\n\r\n const [userSelected, setUserSelected] = useState(null);\r\n const [userList, setUserList] = useState([]);\r\n const [links, setLinks] = useState([]);\r\n const [isAddDependentSkipped, setIsAddDependentSkipped] = useState(false);\r\n const pn = match && match.params && match.params.pickerName ? match.params.pickerName : \"\";\r\n let pickerInfo = usePickerFor(pn,props.isWaiting);\r\n const onPharmacy = serverData && serverData.bundle && serverData.bundle.toLowerCase() === \"pharmacy\" ? true : false;\r\n\r\n useEffect(() => {\r\n setUserList([primaryUser].concat(myProxies));\r\n let hasProxies = myProxies && myProxies.length > 1 ? true : false;\r\n let skipPicker = hasProxies ? false : showDependentProxyForm ? false : true;\r\n const lnks = [];\r\n //pickerInfo = usePickerFor(pn, props.isWaiting);\r\n setLinks(lnks); \r\n \r\n if ((hasProxies && isShowAllUsers != null && !isShowAllUsers) || (pickerInfo?.skipPicker !== undefined && pickerInfo?.skipPicker() === true)) {\r\n skipPicker = true;\r\n }\r\n if (onPharmacy || (pickerInfo?.skipPicker !== undefined && pickerInfo?.skipPicker() === false)) {\r\n skipPicker = false;\r\n }\r\n\r\n //If we are skipping the proxypicker and a non patient then we will need to switch to the proxy account\r\n if (skipPicker === true && proxyListLoaded && !bffDashboardData?.data?.myChartStatus?.isPatient) {\r\n onUserSwitched(patients[1], 2);\r\n }\r\n \r\n logUI(\"MBHWeb.UI.ProxyPicker\", new Date(), Tools.getURLPath());\r\n if (!hasMychart) {\r\n props.history.replace(\"/findcare\");\r\n } else if (skipPicker) {\r\n props.history.replace({pathname:pickerInfo.toUrl,search:location.search});\r\n }\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n //if (!props.isWaiting) {\r\n // pickerInfo = usePickerFor(pn, props.isWaiting);\r\n //}\r\n if (!props.isWaiting && pickerInfo?.skipPicker() === true && props.proxyListLoaded) {// } && !props.bffDashboardData.data.myChartStatus.isPatient) {\r\n console.info(`>>>ProxyPicker useEffect[props.proxyListLoaded] time to skip`);\r\n ourCallback();\r\n }\r\n }, [props.proxyListLoaded, props.isWaiting]);\r\n\r\n\r\n const savePreference = () => {\r\n // history.block(targetLocation => {\r\n // if (isAddDependentSkipped && !actionTaken)\r\n // savePreferenceCall();\r\n // props.history.push(\"/\");\r\n // return true;\r\n // })\r\n savePreferenceCall();\r\n };\r\n\r\n const ourCallback = () => {\r\n resetSeeAllView();\r\n const pname = `${pickerInfo.toUrl}${location.search}`;\r\n history.push({\r\n pathname: pickerInfo.toUrl,\r\n search: location.search\r\n });\r\n }\r\n\r\n\r\n const onUserSelected = (userSelected) => {\r\n if (userSelected && userSelected.externalId && currentUser && currentUser.externalId &&\r\n userSelected.externalId === currentUser.externalId) {\r\n ourCallback();\r\n }\r\n };\r\n\r\n const onUserSwitched = (userSelected, index) => {\r\n //We are push route to my domain before switch mychart user.\r\n if (onPharmacy) {\r\n history.push({\r\n pathname: `${pickerInfo.toUrl}`,\r\n search: location.search\r\n });\r\n switchToMyChartUser(userSelected, index, () => {\r\n window.userToSwitch = userSelected;\r\n resetSeeAllView();\r\n });\r\n } else {\r\n console.info(`>>>ProxyPicker onUserSwitched`,userSelected, index);\r\n switchToMyChartUser(userSelected, index, () => {\r\n window.userToSwitch = userSelected;\r\n ourCallback();\r\n });\r\n }\r\n }\r\n\r\n const isProxyAvailable = myProxies && myProxies.length > 1 ? true : false;\r\n\r\n const arePatientsLoaded = patients && patients.length > 0 ? true : false;\r\n const isAdult = age && age > 17 ? true : false;\r\n let heading = '';\r\n if (currentUser && typeof primaryUser.externalId !== 'undefined' &&\r\n currentUser.externalId !== primaryUser.externalId && currentUser.displayName) {\r\n heading += ' (' + getFirstName(currentUser.displayName) + ')';\r\n }\r\n\r\n let body = null;\r\n body = \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
);\r\n } else if (failure) {\r\n body =\r\n (\r\n
\r\n \r\n
);\r\n }\r\n else if (!userSelected) {\r\n body = \r\n
\r\n {heading}
\r\n\r\n {(isProxyAvailable) &&\r\n
;\r\n }\r\n\r\n return (\r\n <>\r\n {body}\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const pl = [];\r\n if (state.domain.pl) {\r\n state.domain.pl.forEach((proxy) => {\r\n pl.push(d.hydrateProxyUser(proxy));\r\n });\r\n }\r\n\r\n return {\r\n myProxies: pl,\r\n currentUser: d.hydrateProxyUser(state.domain.cu),\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n failure: state.memberships.proxyListFailure,\r\n serverData: state.session.serverData,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n zipnosis: state.header.zipnosis,\r\n history: state.session.history,\r\n isWaiting: state.dashboard?.bffDashboardData?.isWaiting,\r\n hasMychart: !state.common.epicEHRDown && state.domain.hm,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\r\n showDependentProxyForm: state.session.showDependentProxyForm,\r\n age: state.domain.age,\r\n showCOVID19Modal: state.session.serverData && state.session.serverData.showCOVID19Modal ? state.session.serverData.showCOVID19Modal : false,\r\n userName: state.domain.un,\r\n bffDashboardData: state?.dashboard?.bffDashboardData,\r\n patients: state.dashboard && state.dashboard.bffDashboardData && state.dashboard.bffDashboardData.data && state.dashboard.bffDashboardData.data.patients ? state.dashboard.bffDashboardData.data.patients : [],\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n switchToMyChartUser: (user, index, callback) => {\r\n dispatch({ type: types.SWITCH_USER_SAGA, user, index, callback });\r\n },\r\n savePreferenceCall: () => {\r\n dispatch({\r\n type: types.UPDATE_ADD_DEPENDENT_PROXY_PREFERENCE\r\n });\r\n },\r\n resetSeeAllView: () => dispatch({ type: types.RESET_DASHBOARD_SEE_ALL_VIEW })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ProxyPicker));","import React, { useEffect, useState } from 'react';\r\nimport ProxyPicker from './ProxyPicker';\r\nimport { Grid } from '../../ecosystem';\r\nconst ProxyPickerTesting = (props) => {\r\n\r\n return \r\n \r\n
);\r\n\r\n const renderUsers = () => {\r\n const carouselList = userList.map((user, index) => (\r\n // 0 ? `${(getFirstName(user.displayName).length * 11) + 16}px` : \"100%\" }} key={\"WebUserPxy_\" + index}>\r\n \r\n \r\n ),\r\n nextArrow: (\r\n \r\n \r\n ),\r\n dots: false,\r\n autoplay: false,\r\n infinite: getProxyListTooShort() ? false : true,\r\n centerMode: false,\r\n slidesToShow: getProxyListTooShort() ? (userList ? userList.length : 3) : 1,\r\n slidesToScroll: 2,\r\n swipeToSlide: true,\r\n variableWidth: true\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n\r\n\r\n );\r\n}\r\n\r\n\r\nexport default ProxySelectorSlick;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux'\r\nimport * as queryString from 'query-string';\r\nimport { firstNameFirst, getFirstName } from \"../../../helpers/formatting\";\r\nimport { translateText } from '../../../helpers/data';\r\n\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport { Button, Card, LinkList, LinkText, Icon, Typography } from '../../ecosystem/';\r\nimport { ProxyList } from '../../ecosystem/mybswh';\r\nimport * as d from \"../../../reducers/domainReducer\";\r\n\r\nconst SelectPatient = ({ screenBreakPoint, isShowAllUsers, serverData, primaryUser, ...props }) => {\r\n const [links, setLinks] = useState([]);\r\n let userSelected = props.userSelected;\r\n const isMobile = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE) ? true : false;\r\n const isMybswHealthBundle = serverData && serverData.bundle && serverData.bundle.toLowerCase() === 'mybswhealth' ? true : false;\r\n\r\n const prevPropsRef = useRef();\r\n useEffect(() => {\r\n prevPropsRef.current = props;\r\n });\r\n const prevProps = prevPropsRef.current;\r\n\r\n\r\n useEffect(() => {\r\n console.info(`### SelectPatient myProxies`, props.myProxies);\r\n props.myProxies.map((user, index) => {\r\n const lnk = {\r\n id: user.externalId,\r\n onClick: (event) => { onUserSelected(event, user, index); },\r\n text: <>{index === 0 ? translateText(props.t && props.isMammography, \"Myself\", props.t) : firstNameFirst(user.displayName)} ,\r\n disabled: false, /*Not sure when to disable, mainly if they dont have a mychartid but if they are in this list then they should.*/\r\n as: //Setting as button since does not have route to navigate\r\n };\r\n console.info(`### SelectPatient useEffect [] lnk, links`, lnk, links);\r\n links.push(lnk);\r\n });\r\n\r\n {\r\n !fromNoProxy && links.push({\r\n onClick: gotoProxyRequest,\r\n text: <>{`+Add or Grant Family Access`},\r\n to: { pathname: \"/proxymanagement\" }\r\n });\r\n }\r\n }, []);\r\n\r\n const gotoProxyRequest = () => {\r\n logUI(\"MBHWeb.UI.ProxyPicker.AddDependent.Clicked\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n const onUserSelected = (event, user, index) => {\r\n event.preventDefault();\r\n const { currentUser } = props;\r\n //debugger;\r\n if (user.externalId !== currentUser.externalId || user.externalId !== currentUser.externalId) {\r\n switchToUser(user, index);\r\n } else {\r\n userSelected = user;\r\n if (props.loadEVisitPage) {\r\n props.loadEVisitPage(true);\r\n }\r\n //debugger;\r\n // only switch if the user is different, which should be never\r\n if (user.externalId !== currentUser.externalId || user.externalId !== currentUser.externalId) {\r\n switchToUser(user, index);\r\n }\r\n if (props.onUserSelected) {\r\n props.onUserSelected(user);\r\n }\r\n }\r\n if (index === 0 && props.onClicked)\r\n props.onClicked();\r\n }\r\n\r\n const switchToUser = (user, index) => {\r\n userSelected = user;\r\n if (props.switchToMyChartUser) {\r\n props.switchToMyChartUser(user, index);\r\n } \r\n }\r\n\r\n\r\n\r\n const { myProxies, currentUser, className, hasMychart, history, patientProfiles, isMammography, pickerInfo, patients, message, fromNoProxy, onClicked } = props;\r\n const activeUser = !userSelected ? null : currentUser;\r\n const styleButton = true;\r\n const containerClass = \"proxy-picker-select-container\" + (className ? \" \" + className : \"\");\r\n const Element = isMobile ? 'div' : Card;\r\n let elementProps = isMobile ? {} : { borderStyle: 'elevated' }\r\n let showPatientButtonDisabledBlurb = false;\r\n for (var i = 0; i < myProxies.length; i++) {\r\n myProxies[i].GenderIdentity = patientProfiles[i].patient.GenderIdentity;\r\n if (patientProfiles[i].patient && patientProfiles[i].patient.GenderIdentity && (((patientProfiles[i].patient.GenderIdentity).toLowerCase() === 'male') || ((patientProfiles[i].patient.GenderIdentity).toLowerCase() === 'female' && patientProfiles[i].patient.AgeYears < 35)) && isMammography) {\r\n showPatientButtonDisabledBlurb = true;\r\n }\r\n }\r\n\r\n return (\r\n// {redirectEstimate && ;\r\n//}\r\n//RoutesPortalEstimates.propTypes = {\r\n// location: {\r\n// pathname: PropTypes.string,\r\n// search: PropTypes.string\r\n// }\r\n//}\r\n\r\nexport default RoutesPortalEstimates;","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nconst rxNumberPattern = /^((\\d+)?(-{1})?\\d+)+$/;\r\n\r\nexport default class RxNumber extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n const { value, setFocus, rxNumberId, touched } = this.props;\r\n this.state = { tooltipOpen: false, value: value ? value : '', valueEntered: false, touched: touched };\r\n\r\n if (setFocus) {\r\n const input = document.getElementById(rxNumberId);\r\n if (input) {\r\n input.focus();\r\n }\r\n }\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState({ tooltipOpen: !this.state.tooltipOpen });\r\n }\r\n\r\n onBlur(event) {\r\n const { valueEntered, touched } = this.state;\r\n if (valueEntered && !touched) {\r\n this.setState({ touched: true });\r\n }\r\n }\r\n\r\n onKeyUp(event) {\r\n if (event.keyCode === 8 || event.keyCode === 46) { // when backspace or delete key are pressed\r\n const target = event.target;\r\n const start = target.selectionStart;\r\n const value = target.value;\r\n target.value = value.replace(/[^\\d\\-]/g, '').replace(/--/g, '-');\r\n target.selectionEnd = target.selectionStart = start;\r\n }\r\n }\r\n\r\n onKeyPress(event) {\r\n if (event.charCode && !event.ctrlKey && !event.altKey) {\r\n this.filterRxNumber(event.key, event);\r\n }\r\n }\r\n\r\n onPaste(event) {\r\n const data = window.clipboardData ? window.clipboardData.getData('text') : event.clipboardData.getData('text/plain');\r\n this.filterRxNumber(data, event);\r\n }\r\n\r\n isValid(value) {\r\n const { minLength } = this.props;\r\n var minInputLength = minLength ? minLength : 0;\r\n return (value.trim() && rxNumberPattern.test(value) && value.match(/\\d/g).join('').length >= minInputLength);\r\n }\r\n\r\n filterRxNumber(str, event) {\r\n var target = event.target;\r\n var value = target.value;\r\n var start = target.selectionStart;\r\n var end = target.selectionEnd;\r\n var length = 0;\r\n\r\n var filtered = str;\r\n\r\n if (str) {\r\n if (start === 0 && str && str[0] === '-') {\r\n filtered = filtered.replace(/[\\-]+/, '');\r\n }\r\n\r\n filtered = filtered.replace(/[^\\d\\-]/g, '');//.replace(/--/g, '-');\r\n\r\n if (value[start - 1] === '-' && filtered[0] === '-') {\r\n filtered = filtered.substr(1);\r\n }\r\n\r\n length = filtered.length;\r\n\r\n if (length > 0 && filtered[length - 1] === '-' && value[end] === '-') {\r\n filtered = filtered.substr(0, length - 1);\r\n }\r\n\r\n if (filtered.length > 0) {\r\n value = value.substr(0, start) + filtered + value.substr(end);\r\n //value = value.replace(/--/g, '-');\r\n }\r\n }\r\n\r\n if (target.value !== value) {\r\n target.value = value;\r\n target.selectionEnd = start + length;\r\n }\r\n\r\n target.selectionStart = target.selectionEnd;\r\n\r\n event.preventDefault();\r\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, \"value\").set;\r\n const event2 = document.createEvent('Event'); //new Event('input', { bubbles: true });\r\n event2.initEvent('init', true, true);\r\n nativeInputValueSetter.call(target, value);\r\n target.dispatchEvent(event2);\r\n\r\n const isValid = this.isValid(value);\r\n this.props.onChange(event, isValid);\r\n this.setState({ value, valueEntered: true });\r\n\r\n return filtered;\r\n }\r\n\r\n onChange(event) {\r\n const value = event.target.value;\r\n const isValid = this.isValid(value);\r\n this.props.onChange(event, isValid);\r\n this.setState({ value });\r\n }\r\n\r\n render() {\r\n const { placeholder, rxNumberId, required, inputErrorMsg, tooltipID, tooltipMsg, onChange, value, showAsInvalid } = this.props;\r\n const { touched } = this.state;\r\n const actualValue = value ? value : this.state.value;\r\n const notEmptyClass = actualValue ? \" input-not-empty\" : \"\";\r\n const invalidClass = !showAsInvalid && (!touched || (!required && !actualValue) || this.isValid(actualValue)) ? \"\" : \" input-invalid\";\r\n const containerClassName = notEmptyClass + invalidClass + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n {translateText(t && translate, 'Screening mammograms usually aren’t covered by insurance if you are under the age of 35 or identify as male.', t)}
{translateText(t && translate, ' Please call your primary care provider if you’re having symptoms or to learn about the right screenings for you. If you don’t have a primary care provider, call', t)} 844.279.3627 {translateText(t && translate, 'for help finding one who fits your needs.', t)\r\n } : translateText(t && translate, \"Currently we offer online scheduling for female patients ages 35 and older. We also offer alternative scheduling methods for individuals who do not identify as female. For further assistance please contact your primary care provider.\", t); ;\r\n\r\n for (var i = 0; i < myProxies.length; i++) {\r\n myProxies[i].GenderIdentity = patientProfiles[i].patient.GenderIdentity;\r\n if (patientProfiles[i].patient && patientProfiles[i].patient.GenderIdentity && (((patientProfiles[i].patient.GenderIdentity).toLowerCase() === 'male') || ((patientProfiles[i].patient.GenderIdentity).toLowerCase() === 'female' && patientProfiles[i].patient.AgeYears < 35)) && isMammography) {\r\n showPatientButtonDisabledBlurb = true;\r\n }\r\n }\r\n\r\n const iconStyle = {\r\n height: '24px',\r\n width: '24px',\r\n color: '#419BF9',\r\n };\r\n\r\n return (\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction StickyProgressBar({className, widthInPercent}) {\r\n\r\n return (\r\n \r\n {isPrimaryUser ? 'Just a moment while we pull up your information.' : 'Just a moment while we pull up information for'}\r\n \r\n );\r\n }\r\n\r\n}\r\n","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n\r\nexport default class SystemOutage extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.updateVersionBanner = this.updateVersionBanner.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.SystemCrash.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n updateVersionBanner() {\r\n if (window) {\r\n window.location.reload(true);\r\n }\r\n }\r\n\r\n // Here is our official \"faceplant\" message\r\n render() {\r\n return (\r\n );\r\n }\r\n\r\n}\r\n","import * as React from \"react\";\r\nimport { withRouter } from 'react-router'\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport NavigateParent from \"./navigateParent\";\r\n\r\nclass TestComponentError extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n //let sTest = window.location.href;\r\n }\r\n\r\n render() {\r\n throw new Error(\"Totally blow out with an error!\");\r\n //let sTest = window.location.href;\r\n const iframeResizerOptions = { checkOrigin: false, minHeight: 1400, scrolling: true, heightCalculationMethod: 'bodyScroll' };\r\n const iframeResizerStyle = { width: '100%' };\r\n const noLinks = { minHeight: '1400px', height: '100%' };\r\n return (\r\n \r\n {text}\r\n ;\r\n }\r\n catch (e) {\r\n this.setState({ errorOccured: true });\r\n }\r\n }\r\n else {\r\n return ;\r\n }\r\n }\r\n}\r\n\r\nconst propTypes = {\r\n className: PropTypes.string, \r\n placement: PropTypes.string, \r\n target: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.func,\r\n PropTypes.instanceOf(Element),\r\n PropTypes.shape({ current: PropTypes.any })\r\n ]).isRequired,\r\n text: PropTypes.string \r\n};\r\n\r\nconst defaultProps = {\r\n placement: 'top',\r\n className: '',\r\n text: 'Try again later'\r\n};\r\n\r\nTryAgainToolTip.propTypes = propTypes;\r\nTryAgainToolTip.defaultProps = defaultProps;\r\n\r\nexport default TryAgainToolTip;","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass VersionUpdateBanner extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showBanner: (props.normalAppUpdateShow === false) ? false : true\r\n };\r\n\r\n this.closeVersionBanner = this.closeVersionBanner.bind(this);\r\n this.updateVersionBanner = this.updateVersionBanner.bind(this);\r\n }\r\n\r\n closeVersionBanner() {\r\n this.props.hideNormalAppUpdate();\r\n }\r\n updateVersionBanner() {\r\n if (window) {\r\n window.location.reload(true);\r\n }\r\n }\r\n\r\n render() {\r\n const { showBanner } = this.state;\r\n const { message } = this.props;\r\n\r\n return (\r\n \r\n {showBanner &&\r\n \r\n );\r\n }\r\n}\r\n\r\nconst defaultProps = {\r\n message: 'A new version is available! Would you like to update to the newest version?'\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n normalAppUpdateShow: state.header.normalAppUpdateShow\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n hideNormalAppUpdate: () => dispatch({ type: types.HIDE_NORMAL_APP_UPDATE })\r\n };\r\n};\r\n\r\nVersionUpdateBanner.defaultProps = defaultProps;\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VersionUpdateBanner);\r\n\r\n","import * as React from \"react\";\r\nimport { Modal, ModalBody } from 'reactstrap';\r\n\r\n\r\nclass YesNoComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n const { showModal, modalText, modalYesFunction, modalNoFunction, YesParameter, NoParameter, yesText, noText } = this.props;\r\n\r\n return (\r\n showModal &&\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport default YesNoComponent;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport _ from 'lodash';\r\n\r\n\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport * as prayerFeatureConsts from \"../../../constants/prayerFeatureConstants\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\nimport Nav from './Nav';\r\nimport Logo from '../../header/Logo';\r\nimport { Divider } from '../../ecosystem';\r\nimport { getSiteMenuItems } from './MenuItems/MyBSW.js';\r\n\r\n/* eslint-disable react/prop-types */\r\n/**\r\n * Main app menu. Expects props to contain an array of strings identifying the menu items to enable.\r\n */\r\nclass Menu extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.toggleMainMenu = this.toggleMainMenu.bind(this);\r\n this.hideMainMenu = this.hideMainMenu.bind(this);\r\n\r\n this.patientId = null;\r\n this.currentPharmacyId = null;\r\n const membershipsAuthorizedFeatures = this.getAuthorizedFeatures();\r\n\r\n let initialState = {};\r\n\r\n if (initialState.activeSleekMenu !== \"\") {\r\n initialState = {\r\n ...initialState,\r\n showMainMenu: false\r\n };\r\n }\r\n\r\n this.state = {\r\n showMainMenu: false,\r\n membershipsAuthorizedFeatures: membershipsAuthorizedFeatures\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (typeof window !== 'undefined') {\r\n window.addEventListener('resize', this.throttle);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { currentUser, currentPharmacyUser } = this.props;\r\n const patientId = currentUser ? currentUser.dn : null;\r\n const currentPharmacyId = currentPharmacyUser ? currentPharmacyUser.pharmacyPatientId : '';\r\n //update.\r\n\r\n if (patientId && patientId !== this.patientId) {\r\n this.patientId = patientId;\r\n } else if (currentPharmacyId !== this.currentPharmacyId) {\r\n this.currentPharmacyId = currentPharmacyId;\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (typeof window !== 'undefined') {\r\n window.removeEventListener('resize', this.throttle);\r\n }\r\n if (this.historyUnListen) {\r\n this.historyUnListen();\r\n }\r\n }\r\n\r\n /**\r\n * @returns {object} an object only with the elements that start with hasAuthorizedFeature\r\n */\r\n getAuthorizedFeatures() {\r\n const af = Object.keys(window.store.getState().memberships).reduce((a, element) => {\r\n if (element.startsWith(\"hasAuthorizedFeature\")) {\r\n a[element] = window.store.getState().memberships[element];\r\n }\r\n return a;\r\n }, {});\r\n return af;\r\n }\r\n\r\n /* Toggle Mobile Menu Open and Close */\r\n toggleMainMenu() {\r\n this.setState({\r\n showMainMenu: !this.state.showMainMenu\r\n });\r\n }\r\n\r\n /* Close Mobile Menu */\r\n hideMainMenu(type) {\r\n this.setState({\r\n showMainMenu: false\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n activeProfile,\r\n bundle,\r\n currentUser,\r\n currentPharmacyUser,\r\n epicEHRDown,\r\n hasMyChart,\r\n myChartAuthorizedEpicFeatures,\r\n isProxyUser,\r\n isMyChartInActive,\r\n isDashboardMenuCollapsed\r\n } = this.props;\r\n\r\n const { showMainMenu, membershipsAuthorizedFeatures } = this.state;\r\n const pathname = typeof window !== \"undefined\" ? window.location.pathname.toLowerCase() : \"\";\r\n const isPharmacy = bundle === \"pharmacy\" || pathname.indexOf('/pharmacy') === 0;\r\n const isMyBSWHealth = bundle === \"mybswhealth\" && !isPharmacy;\r\n const isMyChartProxyUser = isProxyUser;\r\n const notPharmacyProxy = isMyBSWHealth || isPharmacy && !currentPharmacyUser; // Pharmacy Only Proxy\r\n const isMyChartUser = notPharmacyProxy && hasMyChart;\r\n const isPrimaryUser = notPharmacyProxy && !isMyChartProxyUser;\r\n const disableMyChartMenuItems = epicEHRDown || isMyChartInActive;\r\n const authorizedFeaturesProps = {\r\n activeProfile,\r\n myChartAuthorizedEpicFeatures,\r\n membershipsAuthorizedFeatures\r\n };\r\n const menuProps = {\r\n authorizedFeaturesProps,\r\n disableMyChartMenuItems,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n ...this.props,\r\n };\r\n\r\n const mobileMenuOpenClass = (showMainMenu ? \" menu-open\" : \" menu-closed\");\r\n const collapsedMenuClass = isDashboardMenuCollapsed ? \" menu-list-collapsed\" : \"\";\r\n\r\n const siteMenuItems = getSiteMenuItems(menuProps, this.state);\r\n\r\n return ( {\r\n if (label && label.toLowerCase() === 'sign out') {\r\n onLogoutClick();\r\n }\r\n const labelTxt = label ? label.replace(/\\s+/g, '') : '';\r\n if (labelTxt) {\r\n logUI(`MBHWeb.UI.Menu.${labelTxt}.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }}\r\n onNavItemClick={(e, label) => {\r\n if (label && label.toLowerCase() === 'sign out') {\r\n onLogoutClick();\r\n } else if (label && label.toLowerCase() === 'find care') {\r\n clearSearch();\r\n }\r\n const labelTxt = label ? label.replace(/\\s+/g, '') : '';\r\n if (labelTxt) {\r\n logUI(`MBHWeb.UI.Menu.${labelTxt}.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }}\r\n showArrow={false}\r\n toggleMainMenu={() => { toggleMainMenu(); }}\r\n updateActiveNavTriggers={updateActiveNavTriggers}\r\n collapsed={!isMobileMenu && isDashboardMenuCollapsed}\r\n showCollapsedButton={!isMobileMenu}\r\n toggleMenuCollapsed={() => { onNavLayoutChange(!isDashboardMenuCollapsed); }}\r\n />\r\n ;\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isDashboardMenuCollapsed: state.domain.dmc,\r\n screenBreakPoint: state.common.screenBreakPoint\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLogoutClick: () => dispatch({ type: types.LOGOUT, logoutMessage: msgs.UserInitiatedLogoutMessage }),\r\n clearSearch: () => {\r\n dispatch({ type: types.SEARCH_PROVIDER_CLEAR });\r\n dispatch({ type: types.SEARCH_LOCATION_CLEAR });\r\n },\r\n onNavLayoutChange: (isDashboardMenuCollapsed) => dispatch({ type: types.DASHBOARD_MENU_COLLAPSIBLE_STATE_CHANGE, isDashboardMenuCollapsed: isDashboardMenuCollapsed })\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Nav));\r\n","import React, { Component } from \"react\";\r\nimport CustomLink from '../common/CustomLink';\r\nimport ErrorLoadingTileMessage from './ErrorLoadingTileMessage';\r\nimport { Typography } from \"../ecosystem\";\r\nimport { DashboardTile } from '../dashboard/DashboardTile';\r\n\r\nclass ErrorLoadingTile extends Component {\r\n constructor(params) {\r\n super(params);\r\n }\r\n\r\n render() {\r\n\r\n const {\r\n errorMsg,\r\n linkProps,\r\n tilename,\r\n tileclass,\r\n isMobile\r\n } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props && this.props.error &&\r\n \r\n \r\n {showAssistanceLink &&\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n technicalHelpDeskNumber: state.session.serverData.technicalHelpDeskNumber,\r\n technicalHelpDeskHours: state.session.serverData.technicalHelpDeskHours,\r\n //thrive: state.header.thrive, \r\n bundle: state.session.serverData ? state.session.serverData.bundle : \"mybswhealth\", // we'll default with rendering for mybswhealth\r\n isProxyUser: state.domain.ip,\r\n currentYear: state.session.serverData && state.session.serverData.currentYear ? state.session.serverData.currentYear : \"2022\",\r\n currentPharmacyUser: d.hydratePharmacyUser(state.domain.cpu),\r\n applicationVersion: state.session.serverData ? state.session.serverData.applicationVersion : \"1.0.0.0\", // we'll default with rendering for mybswhealth\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(Footer));","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Typography } from \"../../ecosystem\";\r\n\r\nconst FooterCopyrightVersion = ({\r\n currentYear,\r\n applicationVersion,\r\n typographyColor,\r\n typographyType,\r\n}) => {\r\n\r\n return \r\n © {currentYear} All Rights Reserved Version {applicationVersion}\r\n ;\r\n\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n applicationVersion: state.session.serverData\r\n ? state.session.serverData.applicationVersion\r\n : '1.0.0.0', // we'll default with rendering for mybswhealth\r\n currentYear:\r\n state.session.serverData && state.session.serverData.currentYear\r\n ? state.session.serverData.currentYear\r\n : '2022',\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps)(FooterCopyrightVersion);","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst FooterLoggedOut = ({\r\n applicationVersion,\r\n currentYear,\r\n technicalHelpDeskHours,\r\n technicalHelpDeskNumber,\r\n}) => {\r\n const footerLeft = {\r\n __html: `Call the MyBSWHealth technical help desk ${technicalHelpDeskHours} at ${technicalHelpDeskNumber}.`,\r\n };\r\n\r\n const footerRight = {\r\n __html: `
;\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n applicationVersion: state.session.serverData\r\n ? state.session.serverData.applicationVersion\r\n : '1.0.0.0', // we'll default with rendering for mybswhealth\r\n currentYear:\r\n state.session.serverData && state.session.serverData.currentYear\r\n ? state.session.serverData.currentYear\r\n : '2022',\r\n technicalHelpDeskHours: state.session.serverData\r\n ? state.session.serverData.technicalHelpDeskHours\r\n : '',\r\n technicalHelpDeskNumber: state.session.serverData\r\n ? state.session.serverData.technicalHelpDeskNumber\r\n : '',\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(FooterLoggedOut);\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Typography, LinkText } from \"../../ecosystem\";\r\n\r\nconst LogInFooterHelpDesk = ({\r\n technicalHelpDeskHours,\r\n technicalHelpDeskNumber,\r\n isMobile\r\n}) => {\r\n\r\n const textColor = isMobile ? \"$color-secondary-a1\" : \"\";\r\n\r\n return \r\n
\r\n ))\r\n\r\n return carouselList;\r\n };\r\n\r\n const SlickCustomButton = ({ currentSlide, slideCount, children, ...props }) => (\r\n \r\n );\r\n\r\n const settings = {\r\n prevArrow: (\r\n \r\n }\r\n onClick={e => {\r\n handleChangeUser(user, primaryUser.wprInternalID === user.wprInternalID);\r\n }}\r\n typographyType=\"body-02\"\r\n decorator={activeTab === user.wprInternalID || activeTab === allTab ? `always` : 'none'}\r\n >\r\n \r\n {getFirstName(user.displayName)}\r\n \r\n
\r\n {activeTab === user.wprInternalID && }
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n currentMyChartUser: d.hydrateProxyUser(state.domain.cu),\r\n primaryUser: d.hydrateProxyUser(state.domain.pu),\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, null)(ProxySelectorCarousel));\r\n\r\n","import * as React from 'react';\r\nimport Slider from 'react-slick';\r\n\r\nconst ProxySelectorSlick = ({ sliderRef, children, settings }) => {\r\n\r\n return (\r\n \r\n handleChangeUser(allTab, true)}\r\n />\r\n
\r\n 0 ? proxyListWidth : (carouselWidth && carouselWidth > 0 ? carouselWidth : '') }}\r\n >\r\n \r\n {renderUsers()}\r\n \r\n
\r\n {manageProxyMgmt}\r\n \r\n \r\n
);\r\n\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n byPassProxyAndInfo: state.openScheduling.byPassProxyAndInfo,\r\n patientProfiles: state.memberships.profileList,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n serverData: state.session.serverData,\r\n history: state.session.history,\r\n primaryUser: d.hydrateProxyUser(state.domain.pu)\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps, null)(SelectPatient));\r\n","\r\n\r\nconst addSkipPicker = (pn, picker) => {\r\n const data = window.store.getState().dashboard?.bffDashboardData?.data;\r\n console.info(`>>>addSkipPicker pn ${pn} picker, data`, picker, data);\r\n switch (pn) {\r\n case 'messages':\r\n if (data?.myChartStatus) {\r\n picker.skipPicker = () => {\r\n console.info(`???picker messages`);\r\n let skip = false;\r\n //if no proxies skip\r\n if (data.myChartStatus.isPatient && data.patients.length === 1) {\r\n console.info(`???picker messages no proxies skip`);\r\n skip = true;\r\n }\r\n //if non patient and one proxy skip\r\n if (!data.myChartStatus.isPatient && data.patients.length === 2) {\r\n console.info(`???picker messages non patient and one proxy skip`);\r\n skip = true;\r\n }\r\n return skip;\r\n }\r\n } else {\r\n picker.skipPicker = () => { return false; }\r\n }\r\n break;\r\n default:\r\n picker.skipPicker = () => { return false; }\r\n break;\r\n }\r\n return picker;\r\n}\r\n\r\nexport default addSkipPicker;","import { useEffect, useState, useMemo } from 'react';\r\nimport { getFirstName } from \"../../../../helpers/formatting\";\r\nimport { throttle } from 'lodash';\r\n\r\nconst useCarouselWidth = (elementRef, userList) => {\r\n const [carouselWidth, setCarouselWidth] = useState(0);\r\n const [proxyListWidth, setProxyListWidth] = useState(0);\r\n const proxyListPadding = 16;\r\n\r\n const updateCarouselWidth = () => {\r\n let carouselMaxWidth = 0;\r\n\r\n if (elementRef && elementRef?.current) {\r\n carouselMaxWidth = elementRef.current.clientWidth - 160;\r\n\r\n setCarouselWidth(carouselMaxWidth);\r\n }\r\n }\r\n\r\n const updateProxyListWidth = () => {\r\n let proxyWidth = 0;\r\n\r\n if (document && document.getElementsByClassName('slick-track') && document.getElementsByClassName('slick-track')[0]) {\r\n let slickList = document.getElementsByClassName('slick-track')[0];\r\n if (slickList?.children && slickList.children.length > 0 && (userList && userList.length > 0)) {\r\n let slickListWidth = 0;\r\n for (let i = 0; i < userList.length; i++) {\r\n if (slickList.children[i]) {\r\n slickListWidth += slickList.children[i].clientWidth;\r\n }\r\n }\r\n if (slickListWidth > 0) {\r\n proxyWidth = slickListWidth + proxyListPadding;\r\n }\r\n setProxyListWidth(proxyWidth);\r\n }\r\n }\r\n\r\n if (proxyWidth === 0 && (userList && userList.length > 0)) {\r\n const calculatedChar = userList.map((user) => getFirstName(user.displayName)).join('')\r\n .split('').reduce((accum, ch) => accum + 1, 0);\r\n const paddingValue = userList.length > 0 ? userList.length * proxyListPadding : 0;\r\n const calculatedWidth = calculatedChar * 10 + paddingValue;\r\n\r\n setProxyListWidth(calculatedWidth);\r\n }\r\n }\r\n\r\n const throttleUpdateCarouselWidth = useMemo(() => throttle(updateCarouselWidth, 150), []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"resize\", throttleUpdateCarouselWidth);\r\n updateCarouselWidth();\r\n updateProxyListWidth();\r\n return () => {\r\n window.removeEventListener(\"resize\", throttleUpdateCarouselWidth);\r\n throttleUpdateCarouselWidth.cancel();\r\n }\r\n }, [elementRef, userList]);\r\n\r\n return {\r\n carouselWidth,\r\n proxyListWidth,\r\n };\r\n};\r\n\r\nexport default useCarouselWidth;","import addSkipPicker from './addSkipPicker';\r\n\r\nconst usePickerFor = (pickerName,isWaiting) => {\r\n const pn = pickerName.toLowerCase();\r\n let pickerInfo = {//initial state\r\n icon: \"mybsw\",\r\n iconSet: \"brand\",\r\n message: \"I'd like to view information for\",\r\n toUrl: `/${pn}`,\r\n countField: \"count\"\r\n };\r\n if (!isWaiting) {\r\n try {\r\n switch (pn) {\r\n case 'test':\r\n pickerInfo = { icon: \"social-support\", iconSet: \"brand\", message: \"Pick your proxy maan\", toUrl: \"/messagesAll\", countField: \"count\"};\r\n break;\r\n case 'messagesall':\r\n pickerInfo = { icon: \"social-support\", iconSet: \"brand\", message: \"I'd like to view messages for\", toUrl: `/messagesAll`, name: \"messages\", countField: \"unreadCount\" };\r\n break;\r\n case 'messages':\r\n pickerInfo = { icon: \"social-support\", iconSet: \"brand\", message: \"I'd like to view messages for\", toUrl: `/messagesAll`, name: \"messages\", countField: \"unreadCount\" };\r\n break;\r\n case 'testresults':\r\n pickerInfo = { icon: \"pulse\", iconSet: \"brand\", message: \"I’d like to view test results for\", toUrl: \"/testresults\", name: \"testResults\", countField: \"unreadCount\" };\r\n break;\r\n case 'currentmeds':\r\n pickerInfo = { icon: \"pills\", iconSet: \"brand\", message: \"I’d like to view medications for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n case 'rxcurrentmeds':\r\n pickerInfo = {\r\n icon: \"pills\", iconSet: \"brand\", message: \"I’d like to view medications for\", toUrl: `/currentmeds`, countField: \"count\"};\r\n break;\r\n case 'accountsummary':\r\n pickerInfo = { icon: \"money\", iconSet: \"brand\", message: \"I'd like to view bills for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n case 'vaccinecredentials':\r\n pickerInfo = { icon: \"covid-19-vaccine\", iconSet: \"brand\", message: \"I'd like to view COVID-19 vaccine credentials for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n case 'appointments':\r\n pickerInfo = { icon: \"appointments\", iconSet: \"brand\", message: \"I’d like to view appointments for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n case 'letters':\r\n pickerInfo = { icon: \"social-support\", iconSet: \"brand\", message: \"I'd like to view letters for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n case 'carecompanion':\r\n pickerInfo = { icon: \"mybsw\", iconSet: \"brand\", message: \"I'd like to view care companion for\", toUrl: `/${pn}`, countField: \"count\", disabled: (item) => { return !item.careCompanion.isCareCompanion; } };\r\n break;\r\n default:\r\n pickerInfo = { icon: \"mybsw\", iconSet: \"brand\", message: \"I'd like to view information for\", toUrl: `/${pn}`, countField: \"count\" };\r\n break;\r\n }\r\n pickerInfo=addSkipPicker(pn,pickerInfo);\r\n } catch (e) {\r\n console.info(`usePicker for ${pn} faled`, e);\r\n }\r\n }\r\n return pickerInfo;\r\n}\r\n\r\nexport default usePickerFor ;","import React from 'react';\r\nimport StarRatings from 'react-star-ratings';\r\n\r\nconst containerAlignClass = {\r\n left: 'ratingCount-left',\r\n right: 'ratingCount-right',\r\n bottom: 'ratingCount-bottom'\r\n};\r\n\r\nexport const Rating = (props) => {\r\n const { averageRating, reviewCount, align, isRatingCount, isAverageRatingCount, starDimension, isVisibleMapView, starSpacing, starClassName, containerClass } = props;\r\n const children = React.Children.map(props.children, child => {\r\n if (child.type === Stars && averageRating && averageRating !== \"\" && averageRating !== '0') {\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n {pickerInfo.message}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Did you know? \r\n You can schedule a video visit for a dependent. \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n\r\n {fromNoProxy && <>\r\n \r\n }\r\n onClick={() => {\r\n if (props.onClicked)\r\n props.onClicked(true);\r\n }}\r\n typographyType=\"cta-02\"\r\n >\r\n {message}\r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport const RatingCount = ({ averageRating, reviewCount, isAverageRatingCount, align, ratingCountClassName }) => {\r\n return (<>\r\n {isAverageRatingCount && parseFloat(averageRating).toFixed(1)}\r\n {reviewCount && <> ({reviewCount})}*\r\n
);\r\n};\r\n\r\nexport const Stars = ({ averageRating, align, starDimension, isVisibleMapView, starSpacing, starClassName }) => {\r\n return (<>\r\n \r\n
\r\n {isVisibleMapView ? \r\n
: <>}\r\n \r\n );\r\n};\r\n\r\nexport default Rating;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport Cookies from \"cookies-js\";\r\nimport * as tools from \"../../helpers/Tools\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nclass RefreshOnNav extends React.Component {\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.currentRoute !== this.props.currentRoute) {\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.children}\r\n
);\r\n }\r\n\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n //debugger;\r\n var oProps = {\r\n isLoggedIn: state.domain.li,\r\n currentRoute: ownProps.location.pathname\r\n };\r\n\r\n return oProps;\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(RefreshOnNav));","import * as React from \"react\";\r\nimport { withRouter } from 'react-router'\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport NavigateParent from \"./navigateParent\";\r\nimport ReactIframeResizer from \"../common/iFrameResizerComponent\";\r\n\r\nclass ResetTest extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n }\r\n\r\n render() {\r\n \r\n const iframeResizerOptions = { checkOrigin: false, minHeight: 1400, scrolling: true, heightCalculationMethod: 'bodyScroll' };\r\n const iframeResizerStyle = { width: '100%' };\r\n const noLinks = { minHeight: '1400px', height: '100%' };\r\n return (\r\n \r\n
);\r\n }\r\n}\r\n\r\n\r\nexport default ResetTest;","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { OurRoute } from \"./OurRoute\";\r\n\r\nexport default class RouteHP extends OurRoute {\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n }\r\n\r\n\r\n render() {\r\n //\r\n if (this.props.computedMatch) {\r\n //debugger;\r\n if (typeof window === 'undefined') {\r\n return super.render();\r\n }\r\n else {\r\n const serverData = window.serverData.data; // we can assume the window object here because we won't \r\n //debugger;\r\n //window.store.persist();\r\n if (!window.location.host.toLowerCase().startsWith(\"localhost\") && window.location.host !== serverData.hpDomain) {\r\n window.persistor.flush();\r\n //window.setTimeout(() => {\r\n window.location.host = serverData.hpDomain;\r\n //}, 100);\r\n \r\n return \"\";\r\n }\r\n else {\r\n return super.render();\r\n }\r\n }\r\n }\r\n else {\r\n return \"\";\r\n }\r\n }\r\n\r\n}\r\n\r\n\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { RouteComponentProps } from 'react-router';\r\nimport RouteHP from \"./RouteHP\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport FeatureDisabled from \"./FeatureDisabled\";\r\n\r\nclass RouteHPLoggedIn extends RouteHP {\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n // //debugger;\r\n this.updateAllowed = this.updateAllowed.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n //this.updateAllowed = this.updateAllowed.bind(this);\r\n this.setState({ hasError: false, Allowed: true });\r\n\r\n this.componentWillUpdate();\r\n }\r\n\r\n componentWillUpdate(oldProps) {\r\n this.updateAllowed();\r\n if (this.props.computedMatch) {\r\n if (!this.props.isLoggedIn) {\r\n let params = '';\r\n //debugger;\r\n //Handling query params after logged in.\r\n if (this.props.location && this.props.location.search) {\r\n params = this.props.location.search;\r\n }\r\n //debugger;\r\n this.props.setRedirectUrl(this.props.computedMatch.url, params);\r\n }\r\n }\r\n }\r\n\r\n updateAllowed() {\r\n var { Allowed } = this.state;\r\n if (Allowed === undefined) { Allowed = false };\r\n var bAllowed = true;\r\n var { activeFeatures } = this.props;\r\n if (this.props.AllowedOnFeatures) {\r\n //debugger;\r\n bAllowed = false;\r\n var sFeatureList = this.props.AllowedOnFeatures.split(\",\");\r\n sFeatureList.forEach((sFeature, index) => {\r\n if (sFeature !== null || sFeature !== \"\") {\r\n if (activeFeatures[sFeature]) {\r\n bAllowed = true;\r\n }\r\n }\r\n });\r\n }\r\n if (Allowed !== bAllowed) {\r\n this.setState({ Allowed: bAllowed });\r\n }\r\n }\r\n\r\n\r\n render() {\r\n var { Allowed } = this.state;\r\n if (Allowed === undefined) { Allowed = true };\r\n const { activeFeatures } = this.props;\r\n var MissingFeatures = activeFeatures == null || activeFeatures.length == 0;\r\n\r\n if (this.props.aalDown) {\r\n return \r\n this.onKeyUp(e)} onKeyPress={e => this.onKeyPress(e)} onBlur={e => this.onBlur(e)}\r\n onChange={e => this.onChange(e)} onPaste={e => this.onPaste(e)} value={actualValue}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out the Active RX Number.\"}\r\n aria-label={placeholder ? placeholder : \"Active RX Number\"} \r\n />\r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}","\r\nimport React from \"react\";\r\n\r\nexport default class SectionLoading extends React.Component {\r\n render() {\r\n const { sectionClass } = this.props;\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {placeholder}
\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n
\r\n );\r\n }\r\n}","import React from \"react\";\r\n\r\nexport default class SectionLoadingError extends React.Component {\r\n render() {\r\n const { sectionErrorClass, headerClass, bodyClass, title, titleIcon, message, messageIcon, children } = this.props;\r\n var bodyIcon = messageIcon ? messageIcon : \"icon-info\";\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}","import React from 'react';\r\nimport { connect } from 'react-redux'\r\nimport * as queryString from 'query-string';\r\nimport { firstNameFirst, getFirstName } from \"../../helpers/formatting\";\r\nimport YesNoModal from \"../common/YesNoComponent\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Tooltip } from 'reactstrap';\r\nimport { Typography, LinkText } from '../ecosystem/';\r\nimport { gaCheckout } from '../../api/gaLoging';\r\n\r\nclass SelectPatient extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { showModal: false, modalText: null, modalYesFunction: null, modalNoFunction: null, showToolTip: false };\r\n this.userSelected = props.userSelected;\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { location, byPassProxyAndInfo, goNext, goToNewStep, isNonProxyUser, isFromDotCOM, skipPatientInfo, enableNewServiceSchedulingWorkflow, isMammography } = this.props;\r\n const params = location && location.search ? queryString.parse(location.search) : {};\r\n const { s } = params;\r\n if (prevProps !== this.props && byPassProxyAndInfo && s && s == 1 && isMammography) {\r\n //updateBypassProxyAndInfo(false); \r\n if (this.props.reasonSubmitStepValue) {\r\n goToNewStep(true, this.props.reasonSubmitStepValue);\r\n }\r\n //else{\r\n // goNext();\r\n //}\r\n }\r\n\r\n // when using \"Back to Calender\" option , skip this Screen\r\n if (isMammography && skipPatientInfo && s && s == 1 && !isNonProxyUser) {\r\n this.props.backToCalender(false);\r\n this.props.goToNewStep(true, 2)\r\n }\r\n }\r\n\r\n isValid() {\r\n return this.userSelected !== null;\r\n }\r\n\r\n cancelModal() {\r\n this.setState({ showModal: false });\r\n }\r\n\r\n onUserSelected(event, user, index) {\r\n event.preventDefault();\r\n const { currentUser, translate, t } = this.props;\r\n //debugger;\r\n if (user.externalId !== currentUser.externalId || user.externalId !== currentUser.externalId) {\r\n this.setState({\r\n showModal: true,\r\n modalText: translateText(t && translate, \"Are you sure you want to switch to\", t) + \" \" + getFirstName(user.displayName) + \"'s \" + translateText(t && translate, \"Account\", t) + \"?\",\r\n modalYesFunction: () => {\r\n this.switchToUser(user, index);\r\n if (this.props.onUserSelected) {\r\n this.props.onUserSelected(user);\r\n }\r\n },\r\n modalNoFunction: () => this.cancelModal()\r\n });\r\n }\r\n else {\r\n this.userSelected = user;\r\n if (this.props.loadEVisitPage) {\r\n this.props.loadEVisitPage(true);\r\n }\r\n //debugger;\r\n // only switch if the user is different, which should be never\r\n if (user.externalId !== currentUser.externalId || user.externalId !== currentUser.externalId) {\r\n this.switchToUser(user, index);\r\n }\r\n\r\n //if user comes from .COM skip preselected steps.\r\n if (this.props.enableNewProviderSchedulingWorkflow && this.props.isFromDotCOM && !this.props.apptSlotNotAvailable && !this.props.apptTimeNotAvailable && this.props.reasonSubmitStepValue && this.props.hasMychart) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if (this.props.enableNewServiceSchedulingWorkflow && this.props.isFromDotCOM && this.props.reasonSubmitStepValue) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if (this.props.enableFluVaccineSchedulingWorkflow && this.props.isFromDotCOM && !this.props.apptSlotNotAvailable && !this.props.apptTimeNotAvailable && this.props.verifyScheduleStepValue) {\r\n this.props.goToNewStep(true, this.props.verifyScheduleStepValue);\r\n }\r\n else if (this.props.goToApptInfo && this.props.apptInfoStepValue) {\r\n if (this.props.steptitle && this.props.goToNewStep) {\r\n this.props.goToNewStep(true, this.props.apptInfoStepValue);\r\n }\r\n } else {\r\n if (this.props.steptitle && this.props.goNext) {\r\n this.props.goNext();\r\n }\r\n }\r\n\r\n\r\n if (this.props.onUserSelected) {\r\n this.props.onUserSelected(user);\r\n }\r\n }\r\n\r\n if (index === 0 && this.props.onClicked)\r\n this.props.onClicked();\r\n }\r\n\r\n switchToUser(user, index) {\r\n this.userSelected = user;\r\n if (this.props.isMammography) {\r\n this.props.newUserSelected(true);\r\n }\r\n if (this.props.switchToMyChartUser) {\r\n this.props.switchToMyChartUser(user, index);\r\n }\r\n\r\n if (this.props.loadEVisitPage) {\r\n this.props.loadEVisitPage(true);\r\n }\r\n this.cancelModal();\r\n if (this.props.enableNewProviderSchedulingWorkflow && this.props.isFromDotCOM && !this.props.apptSlotNotAvailable && !this.props.apptTimeNotAvailable && this.props.reasonSubmitStepValue && this.props.hasMychart) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if (this.props.enableNewServiceSchedulingWorkflow && this.props.isFromDotCOM && this.props.reasonSubmitStepValue) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if (this.props.enableFluVaccineSchedulingWorkflow && this.props.isFromDotCOM && !this.props.apptSlotNotAvailable && !this.props.apptTimeNotAvailable && this.props.verifyScheduleStepValue) {\r\n this.props.goToNewStep(true, this.props.verifyScheduleStepValue);\r\n }\r\n else if (this.props.goToApptInfo && this.props.apptInfoStepValue) {\r\n if (this.props.steptitle && this.props.goToNewStep) {\r\n this.props.goToNewStep(true, this.props.apptInfoStepValue);\r\n }\r\n } else {\r\n if (this.props.steptitle && this.props.goNext) {\r\n this.props.goNext();\r\n }\r\n }\r\n }\r\n\r\n toggleTooltip = () => {\r\n this.setState(prevState => ({\r\n showToolTip: !prevState.showToolTip\r\n }));\r\n }\r\n\r\n isButtonDisabled = (isMammography, user, showPatientButtonDisabledBlurb) => {\r\n return (isMammography && ((showPatientButtonDisabledBlurb &&\r\n (user.GenderIdentity).toLowerCase() == 'male')\r\n || ((user.GenderIdentity).toLowerCase() == 'female' && user.ageYears < 35)))\r\n }\r\n\r\n render() {\r\n const { showModal, modalText, modalYesFunction, modalNoFunction, showToolTip } = this.state;\r\n const { myProxies, currentUser, message, loadEVisitPage, fromEvisit, iconLeftClass, removeActive, className, activityCode, hasMychart, isAdult, serverData, patientProfiles, isMammography, enableNewMammogramJourneyChanges, t, translate } = this.props;\r\n const activeUser = !this.userSelected ? null : currentUser;\r\n const styleButton = (!this.props.fromEvisit);\r\n const containerClass = \"select-patient-container\" + (className ? \" \" + className : \"\");\r\n var showPatientButtonDisabledBlurb = false;\r\n const patientButtonDisabledIndividualMsg = translateText(t && translate, \"Why are some individuals not available for selection?\", t);\r\n const patientButtonDisabledReason = enableNewMammogramJourneyChanges ? \r\n
\r\n \r\n {(title || titleIcon) &&\r\n
\r\n \r\n
\r\n }\r\n {(message || children) &&\r\n \r\n
\r\n \r\n {titleIcon && }\r\n {title && {title}}\r\n
\r\n \r\n
\r\n }\r\n \r\n {children\r\n ?
\r\n \r\n {children}\r\n
\r\n : \r\n {bodyIcon !== '' && }\r\n {message !== '' ? message : 'Failed to load. Please try again.'}\r\n
\r\n }\r\n {translateText(t && translate, ' Please call your primary care provider if you’re having symptoms or to learn about the right screenings for you. If you don’t have a primary care provider, call', t)}
\r\n
);\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n byPassProxyAndInfo: state.openScheduling.byPassProxyAndInfo,\r\n patientProfiles: state.memberships.profileList\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload })\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(SelectPatient);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst propTypes = {\r\n className: PropTypes.string.isRequired,\r\n message: PropTypes.string.isRequired\r\n}\r\n\r\nconst ServiceDownBanner = ({ className, message }) => {\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 {showPatientButtonDisabledBlurb && (\r\n {message}
\r\n\r\n {patientButtonDisabledIndividualMsg} \r\n { this.toggleTooltip(); }}>\r\n {patientButtonDisabledReason}\r\n \r\n
\r\n \r\n {myProxies && myProxies.length > 0 &&\r\n myProxies.map((user, index) =>\r\n
\r\n \r\n \r\n
\r\n )}\r\n {currentUser && myProxies && myProxies.length > 1 && hasMychart && isAdult &&\r\n \r\n {translateText(t && translate, \"We've created a new online process to add a dependent, making it easier and faster.\", t)}\r\n
}\r\n { if (activityCode) logUI(activityCode, new Date(), Tools.getURLPath()); }}>{' ' + translateText(t && translate, \"ADD A DEPENDENT\", t)}
\r\n \r\n {message}\r\n
\r\n \r\n )\r\n}\r\n\r\nServiceDownBanner.propTypes = propTypes;\r\nexport default ServiceDownBanner;","import React from \"react\";\r\n\r\nexport default class StatusBanner extends React.Component {\r\n\r\n componentDidMount() {\r\n const { scrollTop } = this.props;\r\n if (typeof scrollTop !== 'undefined' && typeof window !== 'undefined' && scrollTop) {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n // SETS STATUS BANNER ALIGNMENT TO LEFT OR DEFAULT\r\n setBannerAlignment(bannerAlignment) {\r\n switch (bannerAlignment) {\r\n case 'left':\r\n return 'banner-left';\r\n default:\r\n return '';\r\n }\r\n }\r\n \r\n render() {\r\n const { statusClass, bannerAlignment, statusIcon, bannerMsg, subBannerMsg, failedStatus, children } = this.props;\r\n let bannerStatusClass = statusClass ? statusClass : (failedStatus ? \"status-failure\" : \"status-success\");\r\n let bannerStatusIcon = statusIcon ? statusIcon : (failedStatus ? \"icon-error\" : \"icon-list-check\");\r\n let bannerAlignClass = this.setBannerAlignment(bannerAlignment);\r\n\r\n return (\r\n \r\n
\r\n {subBannerMsg &&\r\n \r\n
\r\n \r\n
{bannerMsg}
\r\n\r\n
\r\n }\r\n {\r\n children &&\r\n \r\n
\r\n {subBannerMsg}
\r\n\r\n
\r\n }\r\n \r\n {children}\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nStickyProgressBar.defaultProps = {\r\n widthInPercent: 100\r\n}\r\n\r\nStickyProgressBar.propTypes = {\r\n widthInPercent: PropTypes.number,\r\n}\r\n\r\nexport default StickyProgressBar;\r\n\r\n","import React, { Component } from \"react\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport { Typography } from \"../ecosystem/\";\r\nimport { MessageSpinner } from \"../ecosystem/mybswh\";\r\n\r\nclass SwitchUserSpinner extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n\r\n const { isPrimaryUser = false, patientName } = this.props;\r\n \r\n const patientFname = patientName ? getFirstName(patientName) : '';\r\n\r\n return (\r\n \r\n {!isPrimaryUser &&\r\n {patientFname}\r\n }\r\n
\r\n }\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport default SwitchUserSpinner;","import * as React from \"react\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\n\r\n\r\nexport default class SystemCrash extends React.Component {\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.SystemCrash.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n // Here is our official \"faceplant\" message\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 We are currently experiencing technical difficulties. Please try again.\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 ![\"Outage](\"/images/outage-light.png\")
\r\n
\r\n \r\n \r\n
\r\n PLEASE BEAR WITH US
\r\n The site is currently down for maintenance updates.
\r\nPlease check back in a few minutes.
\r\n RELOAD\r\n\r\n ![\"Outage](\"/images/outage-bear.png\")
\r\n
\r\n \r\n \r\n Hello. Our pre-render should have blow up here. :)\r\n
);\r\n }\r\n}\r\n\r\n\r\nexport default TestComponentError;","import * as React from \"react\";\r\nimport { withRouter } from 'react-router'\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport NavigateParent from \"./navigateParent\";\r\n\r\nclass TestPrerenderError extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n let sTest = window.location.href;\r\n }\r\n\r\n render() {\r\n let sTest = window.location.href;\r\n const iframeResizerOptions = { checkOrigin: false, minHeight: 1400, scrolling: true, heightCalculationMethod: 'bodyScroll' };\r\n const iframeResizerStyle = { width: '100%' };\r\n const noLinks = { minHeight: '1400px', height: '100%' };\r\n return (\r\n \r\n Hello. Our pre-render should have blow up here. :)\r\n
);\r\n }\r\n}\r\n\r\n\r\nexport default TestPrerenderError;","import React, { Component } from 'react';\r\nimport OurUncontrolledTooltip from './OurUncontrolledTooltip';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nclass TryAgainToolTip extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { errorOccured: false };\r\n }\r\n\r\n static getDerivedStateFromError(error) {\r\n //debugger;\r\n return { errorOccured: true };\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n this.setState({ errorOccured: true });\r\n //super.componentDidCatch(error, info);\r\n }\r\n\r\n render() {\r\n const { errorOccured } = this.state;\r\n const { target, placement, text, className } = this.props;\r\n if (!errorOccured) {\r\n try {\r\n return \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n {message}\r\n
\r\n Update\r\n Not Now\r\n
\r\n \r\n Update\r\n Not Now\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n modalYesFunction(YesParameter)}>{yesText || 'YES'}
\r\n modalNoFunction(NoParameter)}>{noText || 'NO'}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n serverData: state.session.serverData,\r\n canAccessThrive: state.domain.ct,\r\n isEmployee: state.domain.ie,\r\n hasMyChart: state.domain.hm,\r\n hasHealthPlanLogin: state.memberships.hasAnySWHP,\r\n hasFirstCare: state.memberships.hasFC,\r\n hasAAL: state.memberships.hasAA,\r\n hasPharmacyLogin: state.memberships.isActiveFeature_Pharmacy,\r\n swhp: state.memberships.amiSWHPMembershipId, //amisys swhp id\r\n epicEHRDown: state.common.epicEHRDown,\r\n bffDashboardData: state.dashboard.bffDashboardData,\r\n enableCareCompanion: state.dashboard?.bffDashboardData?.data?.currentUser?.careCompanion?.isCareCompanion,//state.memberships.enableCareCompanion,\r\n enableHappyTogether: state.session.serverData?.enableHappyTogether,\r\n swhpDown: state.common.swhpDown,\r\n rxDown: state.common.rxDown,\r\n aalDown: state.common.aalDown,\r\n bundle: state.session.serverData ? state.session.serverData.bundle : \"mybswhealth\", // we'll default with rendering for mybswhealth\r\n isProxyUser: state.domain.ip,\r\n isShowAllUsers: state.dashboard.isShowAllUsers,\r\n currentPharmacyUser: d.hydratePharmacyUser(state.domain.cpu),\r\n currentUser: state.domain.cu,\r\n currentMyChartUser: d.hydrateProxyUser(state.domain.cu),\r\n healthPlanUrl: state.session.serverData.healthPlanApiUrl + '#/?t=' + encodeURIComponent(state.domain.t),\r\n thriveData: state.thrive.card,\r\n thriveDataSuccess: state.thrive.cardSuccess,\r\n showCustomBanner: state.domain.sb,\r\n currentLocation: state.common.currentLocation,\r\n sameDayVideoVisitScheduleEnabled: state.session.serverData.sameDayVideoVisitScheduleEnabled,\r\n hpIdentity: state.session.healthPlanUserProfile, // still coming from token (indirectly)? i dont think this is available in memberships\r\n isMemberPayer: state.domain.hpp, // still coming from token? i dont think this is available in memberships\r\n dentalInvoice: state.session.hasADental,\r\n enablePricingTransparency: isPricingTransparencyEnabled(state),\r\n isActiveFeature_EVisit: state.memberships.isActiveFeature_EVisit,\r\n isActiveFeature_AmbulatoryVideoVisit: state.memberships.isActiveFeature_AmbulatoryVideoVisit,\r\n isActiveFeature_SDCVideoVisit: state.memberships.isActiveFeature_SDCVideoVisit,\r\n hasAuthorizedFeatureSameDayVideo: state.memberships.hasAuthorizedFeatureSameDayVideo,\r\n hasAuthorizedFeatureMyConditions: state.memberships.hasAuthorizedFeatureMyConditions,\r\n isActiveFeature_InsuranceModule: state.memberships.hasAA || state.memberships.hasAnySWHP || state.memberships.hasFC || (state.memberships.hasDART && state.memberships.isActiveFeature_InsuranceModule) || (state.memberships.hasWACO && state.memberships.isActiveFeature_InsuranceModule),\r\n isActiveFeature_OnlineAppointmentScheduling: state.memberships.isActiveFeature_OnlineAppointmentScheduling,\r\n insuranceTabText: state.memberships.insuranceTabText,\r\n enablePrayerFeature: state.session.serverData && state.session.serverData.enablePrayerFeature,\r\n communitySupportBanned: state.session.userPreferences && state.session.userPreferences[prayerFeatureConsts.COMMUNITY_SUPPORT_BANNED],\r\n isActiveFeature_Amity: state.memberships.activeFeatures && state.memberships.activeFeatures.amity,\r\n enableInHomeFeature: state.session.serverData.enableInHomeFeature && (state.memberships.isActiveFeature_InHomeVaccine || (!state.domain.ip && state.memberships.isActiveFeatureAnyone_InHomeVaccine)),\r\n activeProfile: state.memberships.activeProfile,\r\n myChartAuthorizedEpicFeatures: state.session.serverData.myChartAuthorizedEpicFeatures.replace(\"
\", \"\").unescapeHTML(),\r\n Covid19AgeForVaccine: state.session.serverData.Covid19AgeForVaccine ? state.session.serverData.Covid19AgeForVaccine : 12,\r\n isMedicalAdvice: state.memberships.hasAuthorizedFeatureMedicalAdvice,\r\n EnableProfileDashboard: state.session.serverData && state.session.serverData.EnableProfileDashboard ? true : false,\r\n isMyChartInActive: state.dashboard.isMyChartInActive,\r\n isDashboardMenuCollapsed: state.domain.dmc,\r\n removeBSWPharmacy: state.session.serverData ? state.session.serverData.removeBSWPharmacy : false\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLogoutClick: () => {\r\n dispatch({ type: types.LOGOUT, logoutMessage: msgs.UserInitiatedLogoutMessage });\r\n },\r\n clearSearch: () => {\r\n dispatch({ type: types.SEARCH_PROVIDER_CLEAR });\r\n dispatch({ type: types.SEARCH_LOCATION_CLEAR });\r\n },\r\n updateMenu: (currentLocation) => dispatch({ type: types.UPDATE_MENU, currentLocation }),\r\n };\r\n};\r\nconst isPricingTransparencyEnabled = (state) => {\r\n\r\n let enabled = state.session.serverData.enablePricingTransparency ? state.session.serverData.enablePricingTransparency : false;\r\n let enablingUser = window.currentUserName === state.session.serverData.enablingPricingTranparencyUser ? true : false;\r\n return enabled || enablingUser;\r\n}\r\nconst MenuHOC = connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Menu);\r\n\r\n/* eslint-enable react/prop-types */\r\nexport default withRouter(MenuHOC);","\r\nexport function getAppointmentMenuItem({\r\n disableMyChartMenuItems,\r\n isMyChartUser,\r\n}) {\r\n\r\n return {\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n navHead: {\r\n label: 'Appointments',\r\n url: null,\r\n icon: 'calendar'\r\n },\r\n navItems: [\r\n {\r\n label: 'Visits & After Visit Summaries',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/appointments',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Scheduling Preferences',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/preferences',\r\n subMenuItems: null,\r\n },\r\n ],\r\n }\r\n}","\r\nimport { rxRoute } from \"../../../../helpers/formatting\";\r\n\r\nexport function getBSWPharmacy({\r\n bundle,\r\n currentPharmacyUser,\r\n hasPharmacyLogin,\r\n isMyChartProxyUser,\r\n rxDown,\r\n removeBSWPharmacy\r\n}) {\r\n const isLocalPharmacyBundle = (typeof window !== \"undefined\" && bundle !== 'pharmacy' && window.location.href.toLowerCase().indexOf('localhost') > -1);\r\n const showPharmacyMenuItem = removeBSWPharmacy === false && ((hasPharmacyLogin && !isMyChartProxyUser) || currentPharmacyUser);\r\n\r\n return {\r\n show: showPharmacyMenuItem,\r\n disabled: rxDown,\r\n navHead: {\r\n label: 'BSW Pharmacy',\r\n url: null,\r\n icon: 'prescription'\r\n },\r\n navItems: [\r\n {\r\n label: 'Home',\r\n show: showPharmacyMenuItem,\r\n url: isLocalPharmacyBundle ? '/pharmacy' : '/rxHome',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Prescriptions',\r\n show: showPharmacyMenuItem,\r\n url: rxRoute('rxList'),\r\n altUrls: ['/rxdetail', '/pharmacyrxdetail'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Order a Refill',\r\n show: showPharmacyMenuItem,\r\n url: rxRoute('rxRefill'),\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Transfer',\r\n show: showPharmacyMenuItem,\r\n url: rxRoute('rxTransfer'),\r\n altUrls: ['/nonbswtransfer', '/bswtransfer', '/pharmacynonbswtransfer', '/pharmacybswtransfer'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Find a Pharmacy',\r\n show: showPharmacyMenuItem,\r\n url: rxRoute('findPharmacy'),\r\n subMenuItems: null\r\n }\r\n ]\r\n };\r\n}","\r\nexport function getGetCare({\r\n disableMyChartMenuItems,\r\n enableInHomeFeature,\r\n notPharmacyProxy,\r\n isMyChartUser,\r\n isPrimaryUser\r\n}) {\r\n\r\n return {\r\n show: notPharmacyProxy,\r\n navHead: {\r\n label: 'Schedule & Search',\r\n url: null,\r\n altUrls: ['/getcare', '/schedule','/schedulesearch'],\r\n icon: 'medical'\r\n },\r\n navItems: [\r\n {\r\n label: 'Schedule Now',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/schedulenow',\r\n altUrls: [\r\n '/schedulingfor',\r\n '/evisitnow',\r\n '/evisittravel',\r\n '/evisit',\r\n '/aatravel',\r\n '/videovisitoptions',\r\n '/videovisitscheduledfor',\r\n '/schedulevideovisit',\r\n '/videovisitscheduledfor',\r\n '/videoondemand',\r\n '/schedulevisit',\r\n '/scheduling',\r\n '/vaccineeligibility'\r\n ],\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Find Care',\r\n show: notPharmacyProxy,\r\n url: '/findcare',\r\n altUrls: ['/inperson'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Favorite Doctors',\r\n show: isPrimaryUser,\r\n url: '/favorites',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'In-Home Services',\r\n show: enableInHomeFeature,\r\n url: '/inhomevaccine',\r\n altUrls: ['/inhomeschedule', '/inhomeschedules'],\r\n subMenuItems: null\r\n }\r\n ]\r\n }\r\n}","\r\nexport function getInBox({\r\n disableMyChartMenuItems,\r\n isMedicalAdvice,\r\n isMyChartUser\r\n}) {\r\n\r\n return {\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n navHead: {\r\n label: 'Communications',\r\n url: null,\r\n icon: 'message'\r\n },\r\n navItems: [\r\n {\r\n label: 'Messages',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/messagesAll',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Send a Message',\r\n show: isMyChartUser && isMedicalAdvice,\r\n disabled: disableMyChartMenuItems,\r\n url: '/messagesSend',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Letters',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/letters',\r\n subMenuItems: null\r\n },\r\n ]\r\n };\r\n}\r\n","import { getHealthPlanName } from './Utils';\r\n\r\nexport function getInsuranceAndBilling({\r\n aalDown,\r\n disableMyChartMenuItems,\r\n enablePricingTransparency,\r\n epicEHRDown,\r\n dentalInvoice,\r\n hasAAL,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n hpIdentity,\r\n insuranceTabText,\r\n isActiveFeature_InsuranceModule,\r\n isEmployee,\r\n isMemberPayer,\r\n isMyChartInActive,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n swhp,\r\n swhpDown\r\n}) {\r\n\r\n const healthPlanName = getHealthPlanName({ hasAAL, hasFirstCare, hasHealthPlanLogin, hpIdentity });\r\n const showDental = (swhp && dentalInvoice);\r\n\r\n const memberId = swhp || (hpIdentity && hpIdentity.memberUserClaims && hpIdentity.memberUserClaims.memberHccId);\r\n const auntBerthaLink = 'https://bswhealthplan.auntbertha.com/';\r\n\r\n const payPremiumUrl = /HIM/g.test(memberId)\r\n ? 'https://firstcare.softheon.com/account/payments/locate-account'\r\n : /BSW/g.test(memberId)\r\n ? 'https://bsw.softheon.com/account/payments/locate-account'\r\n : null;\r\n const showHPInvoicesandPayments = (hasHealthPlanLogin && isMemberPayer)\r\n || (hpIdentity && !payPremiumUrl && (hpIdentity.roles.includes(\"CobraMembers\")\r\n || hpIdentity.roles.includes(\"InvoicePaymentSsoUsers\")\r\n || hpIdentity.roles.includes(\"IndividualMedicareMembers\")));\r\n\r\n const showTaxForms = !(hpIdentity && hpIdentity.memberUserClaims &&\r\n (hpIdentity.memberUserClaims.businessLineNames.includes(\"Medicare\")\r\n || hpIdentity.memberUserClaims.businessLineNames.includes(\"CHIP\")\r\n || hpIdentity.memberUserClaims.businessLineNames.includes(\"Medicaid\")\r\n || hpIdentity.memberUserClaims.businessLineNames.includes(\"Self Funded\")\r\n ));\r\n const showWellnessPage = (swhp && !isEmployee) || ((hpIdentity && !hpIdentity.roles.includes(\"MedicareMembers\") &&\r\n !hpIdentity.roles.includes(\"ChipMembers\") && !hpIdentity.roles.includes(\"MedicaidMembers\")));\r\n\r\n const showVirtualCare = hpIdentity && hpIdentity.roles.includes(\"TelemedicineSsoUsers\") && !swhp;\r\n const showCostEstimator = swhp || (hpIdentity && hpIdentity.roles.includes(\"ActiveMembers\")\r\n && hpIdentity.memberUserClaims\r\n && !(hpIdentity.memberUserClaims.businessLineNames.includes(\"Medicaid\")\r\n || hpIdentity.memberUserClaims.businessLineNames.includes(\"Self Funded\")));\r\n\r\n const isActiveHRMember = swhp || (hpIdentity && hpIdentity.roles.includes(\"ActiveMembers\"));\r\n\r\n return {\r\n show: (notPharmacyProxy && (hasMyChart || (isActiveFeature_InsuranceModule && isPrimaryUser))),\r\n disabled: (((hasMyChart && epicEHRDown) || !hasMyChart || isMyChartInActive) && ((hasAAL && !isMyChartProxyUser && aalDown) || !hasAAL) && ((!hasAAL && hasHealthPlanLogin && !isMyChartProxyUser && swhpDown) || !hasHealthPlanLogin)) && (!hasFirstCare),\r\n navHead: {\r\n label: \"Insurance & Bill Pay\",\r\n url: null,\r\n icon: 'credit-card'\r\n },\r\n navItems: [\r\n {\r\n label: healthPlanName,\r\n show: isActiveFeature_InsuranceModule && isPrimaryUser,\r\n disabled: (aalDown && hasAAL) || (swhpDown && hasHealthPlanLogin) || isMyChartInActive,\r\n url: null,\r\n subMenuItems: {\r\n menuLabel: healthPlanName,\r\n menuItems: [\r\n {\r\n label: 'Claims',\r\n show: true,\r\n url: '/claims'\r\n },\r\n {\r\n label: 'Authorizations',\r\n show: (!hasAAL && hasHealthPlanLogin && !swhp) || hasFirstCare,\r\n url: '/authorizations'\r\n },\r\n {\r\n label: insuranceTabText,\r\n show: true,\r\n url: '/usage'\r\n },\r\n {\r\n label: hasAAL ? 'Plan' : 'Plan Benefits',\r\n show: true,\r\n url: '/benefits'\r\n },\r\n {\r\n label: 'ID Card',\r\n show: true,\r\n url: '/idcard',\r\n altUrls: ['/requestnewidcard']\r\n },\r\n {\r\n label: 'Dental',\r\n show: showDental, \r\n url: '/dental'\r\n },\r\n {\r\n label: 'Invoices & Payments',\r\n show: !hasAAL && showHPInvoicesandPayments,\r\n url: '/invoicesAndPayments'\r\n },\r\n {\r\n label: 'Tax Forms',\r\n show: showTaxForms,\r\n url: '/taxforms'\r\n },\r\n {\r\n label: 'Documents and Resources',\r\n show: !hasAAL,\r\n url: '/documents'\r\n },\r\n {\r\n label: 'Member Support',\r\n show: !hasAAL,\r\n url: '/support',\r\n altUrls: ['/newsupportrequest']\r\n },\r\n {\r\n label: 'Other Coverage',\r\n show: !hasAAL,\r\n url: '/otherCoverage'\r\n },\r\n {\r\n label: 'Payment Options',\r\n show: false,\r\n url: '/paymentOptions'\r\n },\r\n //{\r\n // label: 'Other Coverage',\r\n // show: !hasAAL,\r\n // url: null\r\n //},\r\n {\r\n label: 'Wellness',\r\n show: notPharmacyProxy && !hasAAL && !isMyChartProxyUser && showWellnessPage,\r\n url: '/wellness',\r\n },\r\n {\r\n label: 'Virtual Care',\r\n show: showVirtualCare,\r\n url: '/virtualCare',\r\n },\r\n {\r\n label: 'Cost Estimator',\r\n show: showCostEstimator,\r\n url: '/costEstimator',\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n label: 'Bill Pay',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/accountsummary',\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Insurances on File',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/insurance',\r\n altUrls: ['/coverage'],\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Estimates',\r\n show: enablePricingTransparency && hasMyChart,\r\n disabled: disableMyChartMenuItems,\r\n url: '/estimates/myEstimates',\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Insurance Premium Due',\r\n show: isActiveFeature_InsuranceModule && !hasAAL && showHPInvoicesandPayments,\r\n disabled: disableMyChartMenuItems,\r\n url: '/invoicesAndPayments',\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Pay My Premium',\r\n show: isActiveFeature_InsuranceModule && payPremiumUrl,\r\n url: payPremiumUrl,\r\n subMenuItems: null,\r\n target: '_blank'\r\n },\r\n {\r\n label: 'Connect to Local Resources',\r\n show: isActiveHRMember && isActiveFeature_InsuranceModule && !isEmployee,\r\n url: auntBerthaLink,\r\n subMenuItems: null,\r\n target: '_blank'\r\n },\r\n ]\r\n };\r\n}","import { getAppointmentMenuItem } from './AppointmentMenuItem';\r\nimport { getGetCare } from './GetCare.js';\r\nimport { getInsuranceAndBilling } from './InsuranceAndBilling.js';\r\nimport { getInBox } from './InBox.js';\r\nimport { getProfileMenuItems } from './Profile.js';\r\nimport { getBSWPharmacy } from './BSWPharmacy.js';\r\nimport { getSettingMenuItems } from './SettingMenuItems.js';\r\nimport { getSignOutMenuItem } from './SignOutMenuItem.js';\r\nimport { getWellness } from './Wellness.js';\r\n\r\n// Sign out menu item for sub menus\r\nconst signOutItem = {\r\n show: true,\r\n label: 'Sign Out',\r\n url: null,\r\n className: 'sign-out-link'\r\n};\r\n\r\nexport function getSiteMenuItems(props, state) {\r\n const {\r\n authorizedFeaturesProps,\r\n bundle,\r\n disableMyChartMenuItems,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n aalDown,\r\n canAccessThrive,\r\n communitySupportBanned,\r\n Covid19AgeForVaccine,\r\n currentPharmacyUser,\r\n currentUser,\r\n dentalInvoice,\r\n enableCareCompanion,\r\n enableHappyTogether,\r\n enablePrayerFeature,\r\n enablePricingTransparency,\r\n EnableProfileDashboard,\r\n enableInHomeFeature,\r\n epicEHRDown,\r\n hasAAL,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n hasPharmacyLogin,\r\n hpIdentity,\r\n isMedicalAdvice,\r\n insuranceTabText,\r\n isActiveFeature_Amity,\r\n isActiveFeature_InsuranceModule,\r\n isEmployee,\r\n isMemberPayer,\r\n isMyChartInActive,\r\n rxDown,\r\n swhp,\r\n swhpDown,\r\n removeBSWPharmacy\r\n } = props;\r\n\r\n return [\r\n addSignOutToSubMenus(getGetCare({\r\n disableMyChartMenuItems,\r\n enableInHomeFeature,\r\n notPharmacyProxy,\r\n isMyChartUser,\r\n isPrimaryUser\r\n })),\r\n addSignOutToSubMenus(getAppointmentMenuItem({\r\n disableMyChartMenuItems,\r\n isMyChartUser,\r\n })),\r\n addSignOutToSubMenus(getInBox({\r\n disableMyChartMenuItems,\r\n isMedicalAdvice,\r\n isMyChartUser\r\n })),\r\n addSignOutToSubMenus(getInsuranceAndBilling({\r\n aalDown,\r\n disableMyChartMenuItems,\r\n enablePricingTransparency,\r\n epicEHRDown,\r\n dentalInvoice,\r\n hasAAL,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n hpIdentity,\r\n insuranceTabText,\r\n isActiveFeature_InsuranceModule,\r\n isEmployee,\r\n isMemberPayer,\r\n isMyChartInActive,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n swhp,\r\n swhpDown\r\n })),\r\n addSignOutToSubMenus(getProfileMenuItems({\r\n authorizedFeaturesProps,\r\n Covid19AgeForVaccine,\r\n currentPharmacyUser,\r\n currentUser,\r\n disableMyChartMenuItems,\r\n EnableProfileDashboard,\r\n hasAAL,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n hasPharmacyLogin,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy\r\n })),\r\n addSignOutToSubMenus(getWellness({\r\n authorizedFeaturesProps,\r\n canAccessThrive,\r\n communitySupportBanned,\r\n disableMyChartMenuItems,\r\n enableCareCompanion,\r\n enablePrayerFeature,\r\n isActiveFeature_Amity,\r\n isEmployee,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n })),\r\n addSignOutToSubMenus(getBSWPharmacy({\r\n bundle,\r\n currentPharmacyUser,\r\n hasPharmacyLogin,\r\n isMyChartProxyUser,\r\n rxDown,\r\n removeBSWPharmacy\r\n })),\r\n addSignOutToSubMenus(getSettingMenuItems({\r\n disableMyChartMenuItems,\r\n enableHappyTogether,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy\r\n })),\r\n getSignOutMenuItem()\r\n ];\r\n}\r\n\r\nconst addSignOutToSubMenus = (navItem) => {\r\n navItem.navItems.forEach(ni => {\r\n if (ni.subMenuItems && ni.subMenuItems.menuItems && ni.subMenuItems.menuItems.length > 0) {\r\n ni.subMenuItems.menuItems.push(signOutItem);\r\n }\r\n });\r\n return navItem;\r\n}\r\n","import { getProfileName, hasMyChartAuthorizedEpicFeature } from './Utils.js';\r\n\r\n\r\nexport function getProfileMenuItems({\r\n authorizedFeaturesProps,\r\n Covid19AgeForVaccine,\r\n currentPharmacyUser,\r\n currentUser,\r\n disableMyChartMenuItems,\r\n EnableProfileDashboard,\r\n hasAAL,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n hasPharmacyLogin,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy\r\n}) {\r\n\r\n const profileName = getProfileName({\r\n hasAAL,\r\n hasHealthPlanLogin,\r\n hasFirstCare,\r\n hasMyChart,\r\n isMyChartProxyUser,\r\n currentPharmacyUser,\r\n hasPharmacyLogin\r\n });\r\n\r\n\r\n\r\n return {\r\n show: notPharmacyProxy,\r\n navHead: {\r\n label: profileName,\r\n url: null,\r\n icon: 'patient'\r\n },\r\n navItems: [\r\n {\r\n label: 'Personal Profile',\r\n show: notPharmacyProxy,\r\n disabled: (!isPrimaryUser && disableMyChartMenuItems),\r\n url: '/personalprofilelanding',\r\n subMenuItems: {\r\n menuLabel: \"Personal Profile\",\r\n menuItems: [\r\n {\r\n label: 'Contact Information',\r\n show: notPharmacyProxy,\r\n disabled: (!isPrimaryUser && disableMyChartMenuItems),\r\n url: '/demographics',\r\n },\r\n {\r\n label: 'Administrative Information',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/admininfo'\r\n },\r\n {\r\n label: 'Wallet Card',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/walletcard'\r\n },\r\n {\r\n label: 'Advance Care Planning & Advance Directives',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/directives'\r\n },\r\n ]\r\n },\r\n },\r\n {\r\n label: 'MyBSWHealth Profile',\r\n show: notPharmacyProxy & EnableProfileDashboard,\r\n url: '/profiledashboard',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Tests & Procedures',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/testsprocedureslanding',\r\n subMenuItems: {\r\n menuLabel: 'Tests & Procedures',\r\n menuItems: [\r\n {\r\n label: 'Results',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/testresults',\r\n },\r\n {\r\n label: 'Upcoming',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/upcomingtests'\r\n },\r\n ]\r\n },\r\n },\r\n {\r\n label: 'Vaccine Credentials',\r\n show: isMyChartUser && currentUser && currentUser?.ay >= Covid19AgeForVaccine,\r\n disabled: disableMyChartMenuItems,\r\n url: '/vaccinecredentials',\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Medications',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/currentmeds',\r\n subMenuItems: null,\r\n },\r\n {\r\n label: 'Health Summary',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/healthsummarylanding',\r\n subMenuItems: {\r\n menuLabel: 'Health Summary',\r\n menuItems: [\r\n {\r\n label: 'Current Health Issues',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/currentissues',\r\n },\r\n {\r\n label: 'Allergies',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/allergies'\r\n },\r\n {\r\n label: 'Immunizations',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/immunizations'\r\n },\r\n {\r\n label: 'Preventive Care',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/todo',\r\n altUrls: ['/healthmaintenance']\r\n },\r\n {\r\n label: 'Medical & Family History',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/medicalhistory'\r\n },\r\n {\r\n label: 'Plan of Care',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/planofcare'\r\n },\r\n ]\r\n },\r\n },\r\n {\r\n label: 'Records and Medical Forms',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/recordsmedicalformslanding',\r\n subMenuItems:\r\n {\r\n menuLabel: 'Records and Medical Forms',\r\n menuItems: [\r\n {\r\n label: 'Document Center',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/medicalrecord'\r\n },\r\n {\r\n label: \"Who’s Accessed My Profile?\",\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/audit'\r\n },\r\n {\r\n label: 'Growth Charts',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/growthcharts'\r\n },\r\n {\r\n label: 'Questionnaires',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/questionnaires'\r\n },\r\n {\r\n label: 'Share My Record',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/shareeverywhere'\r\n },\r\n ]\r\n }\r\n },\r\n //{\r\n // label: 'My Conditions',\r\n // show: isMyChartUser && hasMyChartAuthorizedEpicFeature(\"hasAuthorizedFeatureMyConditions\", authorizedFeaturesProps),\r\n // url: '/myconditions',\r\n // subMenuItems: null,\r\n // disabled: disableMyChartMenuItems\r\n // },\r\n ]\r\n };\r\n}","\r\n\r\nexport function getSettingMenuItems({\r\n disableMyChartMenuItems,\r\n enableHappyTogether,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy\r\n}) {\r\n\r\n return {\r\n show: true,\r\n navHead: {\r\n label: 'Account Settings',\r\n url: null,\r\n icon: 'settings'\r\n },\r\n navItems: [\r\n {\r\n label: 'Login Settings',\r\n show: isPrimaryUser,\r\n url: '/loginsettings',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Family Account Management',\r\n show: isPrimaryUser,\r\n url: '/proxymanagement',\r\n altUrls: ['/proxyrequestdob', \"/proxyrequest\", \"/grantaccessproxy\", \"/acceptproxy\"],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Manage Accounts & Access',\r\n show: isPrimaryUser || (isMyChartUser && enableHappyTogether), \r\n disabled: !isPrimaryUser && (isMyChartUser && enableHappyTogether) && disableMyChartMenuItems,\r\n url: '/manageaccountslanding',\r\n subMenuItems: {\r\n menuLabel: \"Manage Accounts & Access\",\r\n menuItems: [\r\n {\r\n label: 'Community Accounts',\r\n show: isMyChartUser && enableHappyTogether,\r\n disabled: disableMyChartMenuItems,\r\n url: '/communitymanage',\r\n },\r\n {\r\n label: 'Linked Accounts',\r\n show: isPrimaryUser, //Temporarilty hiding for proxies until data tile can be fixed\r\n url: '/linkedaccounts'\r\n },\r\n {\r\n label: 'App and Device Access',\r\n show: isPrimaryUser, //Temporarilty hiding for proxies until data tile can be fixed\r\n url: '/linkeddevices'\r\n },\r\n\r\n ]\r\n } \r\n },\r\n {\r\n label: 'Notifications',\r\n show: notPharmacyProxy,\r\n url: '/notifications',\r\n altUrls: ['/preferencesettings'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: \"Need Help?\",\r\n show: true,\r\n url: '/faq',\r\n subMenuItems: null\r\n }\r\n ]\r\n };\r\n}","\r\nexport function getSignOutMenuItem() {\r\n\r\n return {\r\n show: true,\r\n navHead: {\r\n label: 'Sign Out',\r\n url: null,\r\n className: 'sign-out-link'\r\n },\r\n navItems: []\r\n }\r\n}","\r\n\r\nexport function getHealthPlanName(props) {\r\n const { hasAAL, hasFirstCare, hasHealthPlanLogin, hpIdentity } = props;\r\n \r\n if (hasAAL) {\r\n return \"BSWQA-DFW ConnectedCare\";\r\n } else if (hasFirstCare) {\r\n return \"FirstCare Health Plans\";\r\n } else if (hpIdentity) {\r\n if (hpIdentity.memberUserClaims.businessLineNames.includes(\"PPO\") || hpIdentity.memberUserClaims.businessLineNames.includes(\"EPO\")) {\r\n return \"Baylor Scott & White Insurance Company\";\r\n }\r\n if (hpIdentity.memberUserClaims.productName === \"HMO Large Group\") {\r\n return \"Baylor Scott & White Care Plan\";\r\n }\r\n //HMO Small Group/HMO Individua and Family HMO/Default\r\n return \"Baylor Scott & White Health Plan\";\r\n } else if (hasHealthPlanLogin) {\r\n return \"Baylor Scott & White Health Plan\";\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport function getProfileName(props) {\r\n const { hasAAL, hasHealthPlanLogin, hasFirstCare, hasMyChart, isMyChartProxyUser, currentPharmacyUser, hasPharmacyLogin } = props;\r\n const hasHealthPlan = hasAAL || hasHealthPlanLogin || hasFirstCare;\r\n const pharmacyUser = (hasPharmacyLogin && !isMyChartProxyUser) || currentPharmacyUser;\r\n\r\n if (hasHealthPlan && (!hasMyChart && !isMyChartProxyUser) && !pharmacyUser) {\r\n return \"My Profile\";\r\n } else {\r\n return \"Patient Profile\";\r\n }\r\n}\r\nexport function showWellnessLink(props) {\r\n const { bffDashboardData, currentUser } = props;\r\n let showWellnessLink = false;\r\n if (currentUser && currentUser.epi && bffDashboardData && bffDashboardData.data && bffDashboardData.data.dcjStatus && bffDashboardData.data.dcjStatus.wellnessDCJList && bffDashboardData.data.dcjStatus.wellnessDCJList.length) {\r\n const dcjList = bffDashboardData.data.dcjStatus.wellnessDCJList;\r\n for (let i = 0; i < dcjList.length; i++) {\r\n let dcjitem = dcjList[i];\r\n if (dcjitem && dcjitem.patient_id && dcjitem.patient_id === currentUser.epi) {\r\n showWellnessLink = true;\r\n break;\r\n }\r\n }\r\n }\r\n return showWellnessLink;\r\n\r\n}\r\n/**\r\n* @param {string} name the name of the feature from the memberships object.\r\n* @returns {boolean} true if the feature is authorized via memberships or the epic array\r\n*/\r\nexport function hasMyChartAuthorizedEpicFeature(name, props) {\r\n const { membershipsAuthorizedFeatures } = props;//elements of the memberships object that begin with hasAuthorizedFeature\r\n const myChartAuthorizedEpicFeatures = JSON.parse(props.myChartAuthorizedEpicFeatures);//from the app.config\r\n const enabled = myChartAuthorizedEpicFeatures[name] && myChartAuthorizedEpicFeatures[name].enabled;\r\n if (!enabled) return false;\r\n const epicAuthorizedFeatures = getEpicAuthorizedFeatures(props);\r\n return membershipsAuthorizedFeatures[name] || epicAuthorizedFeatures[myChartAuthorizedEpicFeatures[name].epicName];\r\n}\r\n\r\n\r\n/**\r\n * @returns {object}the AuthorizedFeatures array as an object\r\n */\r\nexport function getEpicAuthorizedFeatures(props) {\r\n const { activeProfile } = props;\r\n const hasEpicPatientAuthorizedFeatures = activeProfile && activeProfile.patient && activeProfile.patient.AuthorizedFeatures;\r\n const epicAuthorizedFeatures = hasEpicPatientAuthorizedFeatures ? activeProfile.patient.AuthorizedFeatures.reduce((a, element) => {\r\n a[element] = true;\r\n return a;\r\n }, {}) : {};\r\n return epicAuthorizedFeatures;\r\n}","import { hasMyChartAuthorizedEpicFeature } from './Utils.js';\r\n\r\n\r\nexport function getWellness({\r\n authorizedFeaturesProps,\r\n canAccessThrive,\r\n communitySupportBanned,\r\n disableMyChartMenuItems,\r\n enableCareCompanion,\r\n enablePrayerFeature,\r\n isActiveFeature_Amity,\r\n isEmployee,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n}) {\r\n\r\n return {\r\n icon: 'icon-profile',\r\n show: notPharmacyProxy,\r\n disabled: false,\r\n navHead: {\r\n label: 'Wellness',\r\n url: null,\r\n icon: 'service'\r\n },\r\n navItems: [\r\n {\r\n label: 'Thrive',\r\n show: isPrimaryUser && !isEmployee && canAccessThrive,\r\n url: '/thrive',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Community Support',\r\n show: isPrimaryUser && enablePrayerFeature && isActiveFeature_Amity && !communitySupportBanned,\r\n url: '/communitysupport',\r\n altUrls: ['/prayerwall'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Health Tips & Advice',\r\n show: true,\r\n url: '/healthtips',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Care Companion',\r\n show: isMyChartUser && enableCareCompanion, \r\n disabled: disableMyChartMenuItems,\r\n url: '/carecompanion',\r\n altUrls: ['/carecoachmessage', '/carecoachall'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Track My Health',\r\n show: isMyChartUser && hasMyChartAuthorizedEpicFeature(\"hasAuthorizedFeatureTrackMyHealth\", authorizedFeaturesProps),\r\n disabled: disableMyChartMenuItems,\r\n url: '/trackmyhealth',\r\n subMenuItems: null\r\n }\r\n ]\r\n }\r\n}","import React, { useState, useEffect } from 'react';\r\n\r\nimport { connect } from \"react-redux\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Navigation } from '../../ecosystem';\r\n\r\nconst Nav = (props) => {\r\n const {\r\n siteMenuItems,\r\n toggleMainMenu,\r\n updateActiveNavTriggers,\r\n onLogoutClick,\r\n clearSearch,\r\n isDashboardMenuCollapsed,\r\n onNavLayoutChange,\r\n screenBreakPoint\r\n } = props;\r\n\r\n const isMobileMenu = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE || screenBreakPoint === msgs.MD_TABLET) ? true : false;\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 { this.toggleMainMenu() }}\r\n updateActiveNavTriggers={currentUser?.wprid}\r\n />\r\n
\r\n \r\n
\r\n {linkProps && \r\n
\r\n }\r\n \r\n Call the MyBSWHealth technical help desk {technicalHelpDeskHours} at {technicalHelpDeskNumber}.\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {isClientSide &&\r\n
\r\n \r\n {showFooterLinks &&\r\n \r\n \r\n }\r\n
\r\n }\r\n \r\n \r\n Terms of Use\r\n \r\n \r\n Digital Privacy Policy\r\n \r\n
\r\n \r\n \r\n Disclosure Statements\r\n \r\n \r\n Customer Service\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n © {currentYear} All Rights Reserved\r\n \r\n
\r\n \r\n \r\n Version: {applicationVersion}\r\n \r\n {window.serverData.data.enableI18N_LanguageSelection && (\r\n
\r\n \r\n {\r\n this.props.i18n.changeLanguage('en');\r\n window.prevLanguage = 'en';\r\n }}>en | {\r\n this.props.i18n.changeLanguage('es');\r\n window.prevLanguage = 'es';\r\n }}>es\r\n
\r\n )}\r\n © ${currentYear} All Rights Reserved
Version: ${applicationVersion}
`,\r\n };\r\n\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Call the MyBSWHealth technical help desk at \r\n \r\n {technicalHelpDeskNumber}\r\n \r\n {technicalHelpDeskHours}.\r\n \r\n
;\r\n\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n technicalHelpDeskHours: state.session.serverData\r\n ? state.session.serverData.technicalHelpDeskHours\r\n : '',\r\n technicalHelpDeskNumber: state.session.serverData\r\n ? state.session.serverData.technicalHelpDeskNumber\r\n : '',\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps)(LogInFooterHelpDesk);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { Map, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';\r\nimport OurMarker from './OurMarker';\r\nimport { debounce, isEqual } from 'lodash';\r\nimport { withTranslation } from 'react-i18next';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { translateText } from '../../helpers/data';\r\n\r\nconst defaultMarkerUrl = \"../../../images/map-pin.svg\";\r\nconst selectedMarkerUrl = \"../../../images/map-pin-selected.svg\";\r\nconst mapStyles = [\r\n {\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"administrative.neighborhood\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.man_made\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#e6eaee\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.man_made\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.natural\",\r\n \"elementType\": \"geometry\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#e6eaee\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.natural\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"visibility\": \"on\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.natural.landcover\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#e6eaee\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"landscape.natural.terrain\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#00c5b3\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.attraction\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.business\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.business\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.government\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.medical\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#d5dde4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.medical\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.park\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.park\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.place_of_worship\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.place_of_worship\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#525659\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.school\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#e6eaee\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.school\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.sports_complex\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#74ded4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"poi.sports_complex\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.highway\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#fdfefe\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"road.highway\",\r\n \"elementType\": \"geometry.stroke\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#f9dc90\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"transit.station.airport\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#d5dde4\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"transit.station.airport\",\r\n \"elementType\": \"labels.text.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#53575a\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"water\",\r\n \"elementType\": \"geometry.fill\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#00c1e0\"\r\n }\r\n ]\r\n },\r\n {\r\n \"featureType\": \"water\",\r\n \"elementType\": \"labels.text\",\r\n \"stylers\": [\r\n {\r\n \"color\": \"#fafafb\"\r\n }\r\n ]\r\n }\r\n];\r\n\r\nclass GoogleMapMain extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n const { bounds, myMarkers } = this.getMarkers(props);\r\n this.state = {\r\n myMarkers: myMarkers,\r\n activeMarker: null,\r\n selectedMarker: null,\r\n zoom: 10\r\n };\r\n this.searchHere = this.searchHere.bind(this);\r\n this.debounce = debounce(this.handleMapHeight.bind(this), 150, { trailing: true, leading: true, maxWait: 100 });\r\n this.onMapDragend = this.onMapDragend.bind(this);\r\n this.hideSearchHere = this.hideSearchHere.bind(this);\r\n this.showSearchHere = this.showSearchHere.bind(this);\r\n this.onZoomChanged = this.onZoomChanged.bind(this); \r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n const { currentLatitude, currentLongitude, updateCurrentLocationZipCode } = this.props;\r\n if (currentLatitude && currentLongitude) {\r\n this.reverseGeocoding(currentLatitude, currentLongitude, updateCurrentLocationZipCode);\r\n }\r\n if (typeof window !== 'undefined' && this.props.searchHereButton) {\r\n window.addEventListener('scroll', this.debounce);\r\n window.addEventListener('resize', this.debounce);\r\n } \r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n const { filtersOpen, searchHereButton, list, isMappedArea, distance, radius, hideSearchHere, highlightSelectedItem, fitBounds } = this.props;\r\n const { activeMarker, myMarkers, zoom, selectedMarker, deselectedMarker, mappedAreaLocation, mapBounds } = this.state;\r\n\r\n if ((filtersOpen !== nextProps.filtersOpen)\r\n || (searchHereButton !== nextProps.searchHereButton)\r\n || (highlightSelectedItem !== nextProps.highlightSelectedItem)\r\n || !isEqual(nextProps.list, list)\r\n || (isMappedArea !== nextProps.isMappedArea)\r\n || (distance !== nextProps.distance)\r\n || (radius !== nextProps.radius)\r\n || (hideSearchHere !== nextProps.hideSearchHere)\r\n || !isEqual(mappedAreaLocation, nextState.mappedAreaLocation)\r\n || !isEqual(mapBounds, nextState.mapBounds)\r\n || !isEqual(activeMarker, nextState.activeMarker)\r\n || !isEqual(myMarkers, nextState.myMarkers)\r\n || zoom !== nextState.zoom\r\n || !isEqual(selectedMarker, nextState.selectedMarker)\r\n || !isEqual(deselectedMarker, nextState.deselectedMarker) \r\n || (fitBounds !== nextProps.fitBounds)\r\n )\r\n\r\n return true;\r\n\r\n else\r\n return false;\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) { \r\n const { list, filtersOpen } = this.props; \r\n if (list !== null && !isEqual(prevProps.list, list)) { \r\n const { bounds, myMarkers } = this.getMarkers(this.props);\r\n this.setState({\r\n myMarkers: myMarkers\r\n });\r\n }\r\n //If distance is changed and if its not a mapped area location then we have to apply zoom options.\r\n if (this.props.distance && prevProps.distance !== this.props.distance && (this.props.radius === null || (this.props.radius && this.props.radius.toLowerCase() !== \"radius\"))) {\r\n const requiredZoom = this.radiusToZoom(this.props.distance) > 14 ? 14 : this.radiusToZoom(this.props.distance);\r\n if (prevState.zoom !== requiredZoom) {\r\n this.setState({ zoom: requiredZoom }, () => {this.zoomSetByUser = false;}); \r\n }\r\n }\r\n if (prevProps.filtersOpen !== filtersOpen)\r\n this.handleMapHeight();\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n if (typeof window !== 'undefined' && this.props.searchHereButton) {\r\n window.removeEventListener('scroll', this.debounce);\r\n window.removeEventListener('resize', this.debounce);\r\n }\r\n }\r\n\r\n radiusToZoom(radius) {\r\n return Math.round(14 - Math.log(radius) / Math.LN2);\r\n }\r\n\r\n getMarkers = (props) => {\r\n const { list, getId, getLatitude, getLongitude, isMappedArea, radius, searchHereButton, fitBounds } = props;\r\n if (!this.props.google) return;\r\n const mapBounds = this.state && this.state.mapBounds;\r\n // if its a isMappedArea search then we not need to change the bounds, center and zoom level of map\r\n //const bounds = !isMappedArea || !mapBounds ? new this.props.google.maps.LatLngBounds() : mapBounds;\r\n const bounds = (!isMappedArea || (radius === null || (radius && radius.toLowerCase() !== \"radius\")) || !mapBounds) ? new this.props.google.maps.LatLngBounds() : mapBounds;\r\n\r\n const myMarkers = list && list.length > 0 ? list.map(item => {\r\n const id = getId(item);\r\n const point = { lat: getLatitude(item), lng: getLongitude(item) };\r\n bounds.extend(point);\r\n return (\r\n { this.searchHereControl = ref; }} onClick={this.searchHere} title={translateText(t && translate, 'Click to SEARCH HERE', t)} className=\"search-here-button\">\r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n googleMapKey: state.session.serverData.googleMapKey\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateCurrentLocationZipCode: (zipCode) => dispatch({\r\n type: types.CURRENT_LOCATION_ZIPCODE, payload: { currentLocationZipCode: zipCode }\r\n })\r\n };\r\n};\r\n\r\nconst GoogleMapMainComp = GoogleApiWrapper((props) => ({\r\n apiKey: props.googleMapKey,\r\n libraries: [\"places\", \"geometry\"],\r\n language: props.i18n.language === \"es\" ? \"es\" : \"en\"\r\n}))(GoogleMapMain);\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(GoogleMapMainComp));\r\n","import { useEffect, useState, useMemo } from 'react';\r\nimport { throttle } from 'lodash';\r\n\r\nconst useElementHeight = (elementRef) => {\r\n const [height, setHeight] = useState(0);\r\n\r\n const updateHeight = () => {\r\n if (elementRef && elementRef?.current && elementRef?.current?.clientHeight) {\r\n setHeight(elementRef.current.clientHeight);\r\n }\r\n }\r\n\r\n const throttleUpdateHeight = useMemo(() => throttle(updateHeight, 150), []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"resize\", throttleUpdateHeight);\r\n updateHeight();\r\n return () => {\r\n window.removeEventListener(\"resize\", throttleUpdateHeight);\r\n throttleUpdateHeight.cancel();\r\n }\r\n }, [elementRef]);\r\n\r\n return height;\r\n};\r\n\r\nexport default useElementHeight;","import { useEffect, useState, useMemo } from 'react';\r\nimport { throttle } from 'lodash';\r\n\r\nconst useScreenWidth = () => {\r\n const [screenWidth, setScreenWidth] = useState(0);\r\n\r\n const updateScreenWidth = () => {\r\n if (typeof window !== 'undefined') {\r\n let windowWidth = window.innerWidth;\r\n setScreenWidth(windowWidth);\r\n }\r\n }\r\n\r\n const throttleUpdateScreenWidth = useMemo(() => throttle(updateScreenWidth, 150), []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"resize\", throttleUpdateScreenWidth);\r\n updateScreenWidth();\r\n return () => {\r\n window.removeEventListener(\"resize\", throttleUpdateScreenWidth);\r\n throttleUpdateScreenWidth.cancel();\r\n }\r\n }, []);\r\n\r\n return screenWidth;\r\n};\r\n\r\nexport default useScreenWidth;","import { useEffect, useState, useMemo } from 'react';\r\nimport { throttle } from 'lodash';\r\n\r\nconst useScrollPosition = (wait = 150) => {\r\n const [scrollYPosition, setScrollYPosition] = useState(0);\r\n const [scrollYDirection, setScrollYDirection] = useState();\r\n const waitTime = wait;\r\n let prevScrollY = 0;\r\n\r\n const updatePosition = () => {\r\n if (typeof window !== 'undefined') {\r\n if (window.pageYOffset) {\r\n let scrollY = window.pageYOffset;\r\n\r\n if (scrollY > prevScrollY) {\r\n setScrollYDirection('down');\r\n } else {\r\n setScrollYDirection('up');\r\n }\r\n setScrollYPosition(scrollY);\r\n prevScrollY = scrollY;\r\n }\r\n }\r\n }\r\n\r\n const throttleUpdatePosition = useMemo(() => throttle(updatePosition, waitTime), []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", throttleUpdatePosition);\r\n updatePosition();\r\n return () => {\r\n window.removeEventListener(\"scroll\", throttleUpdatePosition);\r\n throttleUpdatePosition.cancel();\r\n }\r\n }, []);\r\n\r\n return {\r\n scrollYPosition,\r\n scrollYDirection\r\n };\r\n};\r\n\r\nexport default useScrollPosition;","/**\r\n *\r\n * inject script to facilitate iframe resizing\r\n * https://github.com/davidjbradshaw/iframe-resizer\r\n *\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\n//require(\"../../scripts/iframeResizer\");\r\nimport { factory } from \"../../scripts/iframeResizer\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport Spinner from \"./spinner\";\r\n\r\nclass IframeResizer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.iFrameResizerLib = factory();\r\n this.injectIntoDocument = this.injectIntoDocument.bind(this);\r\n this.state = {\r\n showSpinner: true\r\n };\r\n }\r\n componentDidMount() {\r\n //debugger;\r\n // can't update until we have a mounted iframe\r\n this.updateIframe(this.props);\r\n this.resizeIframe(this.props);\r\n if (!this.state.showSpinner) {\r\n this.setState({ showSpinner: true });\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n // can replace content if we got new props\r\n if (nextProps.id !== this.props.id || nextProps.src !== this.props.src) {\r\n //debugger;\r\n if (!this.state.showSpinner) {\r\n this.setState({ showSpinner: true });\r\n }\r\n this.updateIframe(nextProps);\r\n this.resizeIframe(nextProps);\r\n //debugger;\r\n }\r\n }\r\n componentWillUnmount() {\r\n // React will remove the iframe, however we need to manually\r\n // call iframe-resizer to stop its listeners\r\n const iframeResizer = this.refs.frame.iFrameResizer;\r\n iframeResizer && iframeResizer.removeListeners();\r\n //this.iFrameResizerLib = factory();\r\n }\r\n updateIframe = (props) => {\r\n // has src - no injected content\r\n if (props.src) return;\r\n // do we have content to inject (content or children)\r\n const content = props.content || props.children;\r\n if (!content) return;\r\n // get frame to inject into\r\n const frame = this.refs.frame;\r\n if (!frame) return;\r\n // verify frame document access\r\n // Due to browser security, this will fail with the following error\r\n // Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement':\r\n // Blocked a frame with origin \"http://\r\n {translateText(t && translate, \"SEARCH THIS AREA\", t)}\r\n
\r\n \r\n !item.category || item.label !== item.category}\r\n getItemValue={item => item.id}\r\n renderItem={(item, highlighted) => {\r\n const itemLabel = item.category && item.label === item.category ? \"suggestion-category\" : \"suggestion-item\";\r\n return (\r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nconst emailPattern = /^[^\\s@]+@[^\\s@]+\\.[A-Za-z0-9]+[A-Za-z0-9-/.]*[A-Za-z0-9]+$/; //basic email regex // requires TLD of length 2, beginning and end chars must be alphanumeric, - and . are allowed\r\n\r\nclass Email extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n this.onKeyUp = this.onKeyUp.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n const { value } = this.props;\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n isEmailEmpty: value ? false : true\r\n };\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState(prevState => ({\r\n tooltipOpen: !prevState.tooltipOpen\r\n }));\r\n }\r\n\r\n onKeyUp(event) {\r\n if (event.target.value) {\r\n if (this.state.isEmailEmpty) {\r\n this.setState({ invalidInput: false })\r\n }\r\n let isValid = this.isValid(event.target.value);\r\n if (!this.state.isEmailEmpty) {\r\n this.setState({ invalidInput: !isValid })\r\n }\r\n }\r\n }\r\n\r\n onChange(event) {\r\n const { value } = event.target;\r\n this.props.onChange(event, this.isValid(value));\r\n }\r\n\r\n childValidationMethod() {\r\n const { childValidationMethod, value } = this.props;\r\n if (childValidationMethod) {\r\n let isValid = this.isValid(value);\r\n childValidationMethod(isValid)\r\n if (!isValid) {\r\n this.setState({ invalidInput: true })\r\n }\r\n }\r\n }\r\n\r\n isValid(value) {\r\n return !this.props.inValidMsg && value && value.trim() && emailPattern.test(value);\r\n }\r\n\r\n clearInput(event) {\r\n const e = { event, target: { value: \"\", name: this.props.name ? this.props.name : \"\" } };\r\n this.onChange(e);\r\n }\r\n\r\n validateOnBlur(event) {\r\n const { value } = event.target;\r\n this.props.onChange(event, this.isValid(value));\r\n if (this.props.required) {\r\n event.persist()\r\n this.setState({\r\n isEmailEmpty: !value.trim()\r\n });\r\n if (value && !this.props.inValidMsg) {\r\n var validPattern = emailPattern.test(value);\r\n if (validPattern) {\r\n this.setState({ invalidInput: false });\r\n } else {\r\n this.setState({ invalidInput: true });\r\n }\r\n } else {\r\n this.setState({ invalidInput: true });\r\n }\r\n\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n placeholder,\r\n value,\r\n required,\r\n name,\r\n id,\r\n autoFocus,\r\n disabled,\r\n inputErrorMsg,\r\n tooltipID,\r\n tooltipMsg,\r\n inValidMsg,\r\n showAsInvalid,\r\n showClearBtn\r\n } = this.props;\r\n const { isEmailEmpty } = this.state;\r\n const isValid = (!required && isEmailEmpty) || this.isValid(value);\r\n const containerClassName = (!isEmailEmpty ? ' input-not-empty' : '') + (this.state.invalidInput || showAsInvalid ? ' input-invalid' : '') + ((tooltipID && tooltipMsg) ? ' input-append' : '');\r\n\r\n return (\r\n \r\n {item.label}\r\n
\r\n );\r\n }}\r\n open={openDropdown}\r\n autoHighlight={autoHighlight}\r\n selectOnBlur={selectOnBlur}\r\n value={value}\r\n ref={(instance) => (this.typeaheadInput = instance)}\r\n onChange={e => this.onChange(e)}\r\n onSelect={(value, item) => this.onSelect(value, item)}\r\n />\r\n {tooltipID && tooltipMsg &&\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
\r\n }\r\n {isSearchButton &&\r\n \r\n this.onClickSearch(value)} />\r\n
\r\n }\r\n {value && this.onClickClear()}>}\r\n {showDropdown && !value && this.onClickDown()}>}\r\n \r\n {prependIcon && } {placeholder}\r\n
\r\n {inputErrorMsg &&\r\n {inputErrorMsg}
\r\n }\r\n {preOpen && !noResults && !loading && !value &&\r\n this.onBlur(e)} onClick={(e) => this.onClickPreOpen(preOpen)}>{preOpen}
\r\n }\r\n {noResults && !loading && hasFocus && value &&\r\n {showDropdown ? \"No match\" : \"No results\"}
\r\n }\r\n {loading &&\r\n \r\n
\r\n }\r\n \r\n
\r\n this.onChange(e)}\r\n onKeyUp={e => this.onKeyUp(e)}\r\n onKeyDown={e => this.onKeyUp(e)}\r\n onBlur={this.validateOnBlur}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out the Email.\"}\r\n aria-label={placeholder ? placeholder : 'Email'}\r\n />\r\n {tooltipID && tooltipMsg && (\r\n
\r\n )\r\n }\r\n}\r\nexport default Email;\r\n","import React from 'react';\r\n\r\nexport default class FileUpload extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n\r\n this.state = {\r\n invalidInput: false,\r\n value: this.props.value,\r\n inputErrorMsg: \"\"\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n }\r\n\r\n componentDidUpdate() {\r\n const { shouldShowError } = this.props;\r\n if (shouldShowError === false && this.state.inputErrorMsg !== \"\")\r\n this.setState({ inputErrorMsg: \"\" });\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n onChange(event) {\r\n event.persist();\r\n const input = event.target;\r\n const label = input.nextElementSibling;\r\n const { onChange, required } = this.props;\r\n const value = input.files && input.files[0] && input.files[0].name ? input.files[0].name : '';\r\n const fileSize = input.files && input.files[0] && input.files[0].size;\r\n const fileSizeInMb = fileSize ? (fileSize / 1024 / 1024).toFixed(2) : 0;\r\n if (value) {\r\n const file = input.files[0]; // setting event.target.value as empty in the last line is executed first, so need one temp variable holding the file.\r\n label.querySelector('span').innerHTML = value;\r\n this.setState({ invalidInput: false });\r\n this.setState({ value: value, fileSizeInMb: parseFloat(fileSizeInMb) }, () => {\r\n if (onChange) {\r\n onChange(event, value, required && value.trim() !== '' && this.isValidate(), file);\r\n }\r\n });\r\n }\r\n event.target.value = \"\"; //fix to fire the onChange for same fileName\r\n }\r\n\r\n validateOnBlur(event) {\r\n const input = event.target;\r\n if (this.props.required) {\r\n event.persist();\r\n if (input.files.length || this.state.value) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n isValidate() {\r\n const { value, fileSizeInMb } = this.state;\r\n const { maxFileSize, fileTypeErrorMsg, fileSizeErrorMsg } = this.props;\r\n if (value) {\r\n const accept = this.props.accept ? this.props.accept.toLowerCase() : \"\";\r\n const fileExtention = value.split('.').pop().toLowerCase();\r\n if (accept.split(',').indexOf(\".\" + fileExtention) < 0) {\r\n this.setState({ inputErrorMsg: fileTypeErrorMsg || `Please select a valid document type: ${accept}`, invalidInput: true });\r\n return false;\r\n }\r\n else if (fileSizeInMb > maxFileSize) {\r\n this.setState({ inputErrorMsg: fileSizeErrorMsg || `Please select a document less than: ${maxFileSize}MB.`, invalidInput: true });\r\n return false;\r\n }\r\n else {\r\n this.setState({ inputErrorMsg: \"\" });\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n const {\r\n placeholder,\r\n className,\r\n showAsInvalid,\r\n accept,\r\n value\r\n } = this.props;\r\n const { inputErrorMsg } = this.state;\r\n const thisValue = this.state.value || \"\";\r\n const containerClassName =\r\n (typeof value !== undefined ? value ? \" input-not-empty\" : \"\" : thisValue ? \" input-not-empty\" : \"\") + (className ? \" \" + className + \" \" : \" \") +\r\n (this.state.invalidInput || showAsInvalid || inputErrorMsg ? \" input-invalid\" : \"\");\r\n\r\n return (<>\r\n \r\n \r\n {tooltipMsg}\r\n \r\n
\r\n )}\r\n {showClearBtn && value && }\r\n {placeholder}
\r\n \r\n\r\n {inValidMsg ?\r\n
{inValidMsg}
\r\n :\r\n !isValid && \r\n {\r\n inputErrorMsg ? inputErrorMsg : (typeof value !== \"undefined\" && value) ? \"Please enter a valid email.\" : \"\"\r\n }\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\n// Magic strings\r\nconst ShowPassword = \"Show Password\";\r\nconst HidePassword = \"Hide Password\";\r\nconst text = \"text\";\r\nconst password = \"password\";\r\nconst span = \"SPAN\";\r\n\r\n//nothing specific to handle in generic component as of now. Need to handle if anything.\r\nexport default class GenericInput extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n this.onEyeClick = this.onEyeClick.bind(this);\r\n this.togglePasswordField = this.togglePasswordField.bind(this);\r\n\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n value: this.props.value\r\n };\r\n this.genericInputEl = React.createRef();\r\n this.parentOfInput = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n onChange(event) {\r\n const { onChange, required } = this.props;\r\n const value = event.target.value;\r\n if (onChange) {\r\n onChange(event, value, required && value.trim() !== '');\r\n }\r\n this.setState({ value: value });\r\n }\r\n\r\n childValidationMethod() {\r\n const { childValidationMethod, value } = this.props;\r\n if (childValidationMethod) {\r\n let isValid = value.trim() !== \"\";\r\n childValidationMethod(isValid)\r\n if (!isValid) {\r\n this.setState({ invalidInput: true})\r\n }\r\n }\r\n }\r\n\r\n togglePasswordField(e) {\r\n //if (e.relatedTarget) return;\r\n if (this._isMounted) {\r\n const input = this.genericInputEl.current;\r\n input.type = password;\r\n const passwordEyeSpan = this.parentOfInput.current.querySelector(\"span.password-eye\");\r\n this.togglePasswordEye(passwordEyeSpan, input.type);\r\n if (!passwordEyeSpan) return;\r\n passwordEyeSpan.classList.remove(\"icon-eye\");\r\n }\r\n }\r\n\r\n isValid(value) {\r\n const { pattern } = this.props;\r\n return Boolean(value) || value.trim() && (typeof pattern === 'undefined' || pattern.test(value));\r\n }\r\n\r\n\r\n validateOnBlur(event) {\r\n const value = event.target.value;\r\n const isValid = this.isValid(value);\r\n if (this.props.onChange) {\r\n this.props.onChange(event, value, isValid);\r\n }\r\n if (this.props.required || this.props.pattern) {\r\n event.persist();\r\n this.setState({ invalidInput: !isValid });\r\n }\r\n }\r\n\r\n clearInput(event) {\r\n if (this._isMounted) {\r\n this.genericInputEl.current.value = \"\";\r\n var e = { event, target: { value: \"\", name: this.props.name ? this.props.name : \"\"} };\r\n\r\n this.onChange(e);\r\n }\r\n }\r\n\r\n togglePasswordEye(span, inputType) {\r\n if (!span) return;\r\n const { type, showEye } = this.props;\r\n if (type !== password && !showEye) return;\r\n if (inputType === password) {\r\n span.title = ShowPassword;\r\n span.parentElement.classList.remove(\"active\");\r\n span.classList.add(\"icon-eye\");\r\n }\r\n else {\r\n span.title = HidePassword;\r\n span.parentElement.classList.add(\"active\");\r\n span.classList.add(\"icon-eye\");\r\n }\r\n }\r\n\r\n onEyeClick(e) {\r\n const { type } = this.props;\r\n if (type !== password) return;\r\n if (this._isMounted) {\r\n const input = this.genericInputEl.current;\r\n if (input.type === password) {\r\n input.type = text;\r\n } else {\r\n input.type = password;\r\n }\r\n input.focus();\r\n if (e.target)\r\n this.togglePasswordEye(e.target, input.type);\r\n }\r\n }\r\n\r\n onFocus(e) {\r\n const { type, showEye, value } = this.props;\r\n const thisValue = value || this.state.value || \"\";\r\n if (type === password && showEye && thisValue) {\r\n const passwordEyeSpan = this.parentOfInput.current.querySelector(\"span.password-eye\");\r\n if (!passwordEyeSpan) return;\r\n passwordEyeSpan.classList.add(\"icon-eye\");\r\n }\r\n }\r\n\r\n onKeyUp = e => {\r\n if (!this.props.pattern) {\r\n this.validateOnBlur(e);\r\n if (this.props.onKeyUp) {\r\n this.props.onKeyUp(e);\r\n }\r\n }\r\n }\r\n\r\n onKeyDown = e => {\r\n if (!this.props.pattern || e.altKey || e.ctrlKey) {\r\n return;\r\n }\r\n else if (!this.props.pattern.test(e.key)) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n this.validateOnBlur(e);\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e);\r\n }\r\n }\r\n\r\n onKeyPress = e => {\r\n if (this.props.onKeyPress) {\r\n this.props.onKeyPress(e);\r\n }\r\n }\r\n\r\n onPaste = event => {\r\n if (this.props.pattern) {\r\n const data = window.clipboardData ? window.clipboardData.getData('text') : event.clipboardData.getData('text/plain');\r\n const target = event.target;\r\n const start = target.selectionStart;\r\n const end = target.selectionEnd;\r\n const value = target.value;\r\n const maxLength = this.props.maxLength ? Math.min(this.props.maxLength - value.length + end - start, data.length) : data.length;\r\n let filteredData = '';\r\n for (let i = 0, count = 0; i < data.length && count < maxLength; i++) {\r\n if (this.props.pattern.test(data[i])) {\r\n filteredData += data[i];\r\n count++;\r\n }\r\n }\r\n target.value = value.substr(0, start) + filteredData + value.substr(end);\r\n target.selectionStart = target.selectionEnd = start + filteredData.length;\r\n event.preventDefault();\r\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, \"value\").set;\r\n const event2 = document.createEvent('Event'); //new Event('input', { bubbles: true });\r\n event2.initEvent('init', true, true);\r\n nativeInputValueSetter.call(target, target.value);\r\n target.dispatchEvent(event2);\r\n if (this.props.onChange) {\r\n const isValid = this.isValid(target.value);\r\n this.props.onChange(event, isValid);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n placeholder,\r\n value,\r\n required,\r\n name,\r\n id,\r\n autoFocus,\r\n onBlur,\r\n disabled,\r\n maxLength,\r\n inputErrorMsg,\r\n tooltipID,\r\n tooltipMsg,\r\n type,\r\n className,\r\n autoComplete,\r\n showAsInvalid,\r\n onFocus,\r\n inputBtnClick,\r\n inputBtnIcon,\r\n inputBtnLabel,\r\n showClearBtn,\r\n showEye,\r\n isFieldEmpty\r\n } = this.props;\r\n const thisValue = isFieldEmpty ? \"\" : value || this.state.value || \"\"; // in case the value property is being applied externally\r\n const containerClassName =\r\n (thisValue ? \" input-not-empty\" : \"\") + (className ? \" \" + className + \" \" : \" \") +\r\n (this.state.invalidInput || showAsInvalid ? \" input-invalid\" : \"\") +\r\n ((tooltipID && tooltipMsg) ? \" input-append\" : \"\") + (showClearBtn ? \" input-clear-btn\" : \"\") + (showEye && thisValue && type === password ? \" input-password-btn\" : \"\");\r\n\r\n return ({placeholder}
\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n this.onChange(e)}\r\n onBlur={onBlur ? onBlur : this.validateOnBlur}\r\n onKeyUp={this.onKeyUp}\r\n onKeyDown={this.onKeyDown}\r\n onKeyPress={this.onKeyPress}\r\n autoComplete={autoComplete}\r\n onPaste={this.onPaste}\r\n onFocus={(e) => {\r\n this.onFocus(e);\r\n if (onFocus) onFocus(e);\r\n }}\r\n aria-label={placeholder ? placeholder : \"\"}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out this field.\"}\r\n ref={this.genericInputEl}\r\n />\r\n\r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}\r\n\r\nGenericInput.propTypes = {\r\n className: PropTypes.string\r\n}","import React from 'react';\r\nimport PlacesAutocomplete, {\r\n geocodeByAddress,\r\n getLatLng,\r\n} from 'react-places-autocomplete';\r\nimport GenericInput from './GenericInput';\r\nimport { GoogleApiWrapper } from 'google-maps-react';\r\n\r\nclass LocationSearchInput extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const { address } = this.props;\r\n this.state = {\r\n invalidInput: false,\r\n address: address && address.longAddress ? address.longAddress : '',\r\n errorMessage: '',\r\n latitude: null,\r\n longitude: null,\r\n isGeocoding: false\r\n };\r\n this.toggleManualAddress = this.toggleManualAddress.bind(this); \r\n }\r\n\r\n handleChange = address => { \r\n this.setState({\r\n address,\r\n latitude: null,\r\n longitude: null,\r\n errorMessage: ''\r\n });\r\n\r\n // note: this works, but the control doesn't behave well when making this call on every onChange...\r\n //geocodeByAddress(address)\r\n // .then(res => { let comp = this.getAddressComponents(res); console.log(\"handleChange\", comp); });\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(address);\r\n }\r\n };\r\n\r\n toggleManualAddress() { \r\n if (this.props.notifyToEnterAddressManually) {\r\n this.props.notifyToEnterAddressManually();\r\n }\r\n }\r\n\r\n getAddressComponents(geo, address) {\r\n\r\n let streetNumber = \"\", street = \"\", city = \"\", state = \"\", zip = \"\";\r\n\r\n for (var i = 0; i < geo[0].address_components.length; i++) {\r\n let comp = geo[0].address_components[i];\r\n\r\n if (comp.types.indexOf(\"street_number\") >= 0) {\r\n streetNumber = comp.long_name;\r\n }\r\n\r\n if (comp.types.indexOf(\"route\") >= 0) {\r\n street = comp.long_name;\r\n }\r\n\r\n if (comp.types.indexOf(\"locality\") >= 0) {\r\n city = comp.long_name;\r\n }\r\n\r\n //Since we are save state short name while enter the address manually.\r\n if (comp.types.indexOf(\"administrative_area_level_1\") >= 0) {\r\n state = comp.short_name;\r\n }\r\n\r\n if (comp.types.indexOf(\"postal_code\") >= 0) {\r\n zip = comp.long_name;\r\n }\r\n }\r\n\r\n if (street && city && state && zip) {\r\n return {\r\n streetNumber: streetNumber,\r\n street: street,\r\n city: city,\r\n state: state,\r\n zip: zip,\r\n longAddress: address ? address : \"\"\r\n };\r\n } else {\r\n this.setState({ errorMessage: \"Address is incomplete. Try again or \" });\r\n return null;\r\n }\r\n \r\n }\r\n\r\n handleSelect = selected => { \r\n this.setState({ isGeocoding: true, address: selected });\r\n geocodeByAddress(selected)\r\n .then(res => { return this.getAddressComponents(res, selected); })\r\n .then(components => {\r\n if (this.props.onChange) {\r\n this.props.onChange(selected, components);\r\n }\r\n })\r\n .catch(error => {\r\n this.setState({ isGeocoding: false });\r\n });\r\n };\r\n\r\n handleCloseClick = () => {\r\n this.setState({\r\n address: '',\r\n latitude: null,\r\n longitude: null,\r\n invalidInput: true,\r\n });\r\n this.props.onChange();\r\n };\r\n\r\n handleError = (status, clearSuggestions) => {\r\n if (status === \"ZERO_RESULTS\") {\r\n this.setState({ errorMessage: \"Address not found. Try again or \" }, () => {\r\n clearSuggestions();\r\n });\r\n }\r\n else {\r\n this.setState({ errorMessage: \"Unable to retrieve address details. Try again or \" }, () => {\r\n clearSuggestions();\r\n });\r\n } \r\n\r\n };\r\n\r\n onBlur = (suggestions) => { \r\n const activeSuggestion = suggestions && suggestions.find(suggestion => suggestion.active); // Selecting the active suggestion on Blur\r\n if (activeSuggestion && activeSuggestion.description) {\r\n this.handleSelect(activeSuggestion.description);\r\n } \r\n\r\n if (this.props.required && !this.state.address) {\r\n this.setState({ invalidInput: true });\r\n //Triggering this event due to show the inValidInput\r\n this.props.onChange();\r\n }\r\n else\r\n this.setState({ invalidInput: false });\r\n }\r\n\r\n render() {\r\n const {\r\n address,\r\n errorMessage,\r\n latitude,\r\n longitude,\r\n isGeocoding\r\n } = this.state;\r\n\r\n const { required, showAsInvalid , disableAutoSuggest = true} = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {(inputBtnClick && inputBtnIcon) &&\r\n \r\n \r\n
\r\n }\r\n {showClearBtn && thisValue && this.clearInput(e)}>}\r\n {thisValue && showEye && type === password && \r\n { e.preventDefault(); }} />\r\n
}\r\n {placeholder}
\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n
\r\n )}\r\n \r\n );\r\n }}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst wrapped = GoogleApiWrapper((props) => ({\r\n apiKey: window.serverData.data.googleMapKey\r\n}))(LocationSearchInput);\r\n\r\nexport default wrapped;\r\n","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nconst phoneNumberPattern = /^(?!(\\d)\\(\\1{3}\\))(?!(\\d)\\2{9})(?!(\\d)\\3{2}.\\3{3}.\\3{4})(?:\\(^[2-9]\\d{2}\\)|^[2-9]\\d{2})(.?)?\\d{3}\\4\\d{4}$/;\r\n\r\nexport default class PhoneNumber extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n isPhoneNumberEmpty: props.value ? false : true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { setFocus, phoneNumberId } = this.props;\r\n if (setFocus) {\r\n const input = document.getElementById(phoneNumberId);\r\n if (input) {\r\n input.focus();\r\n }\r\n }\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n isNumericInput = (event) => {\r\n const key = event.keyCode;\r\n return ((key >= 48 && key <= 57) || // Allow number line\r\n (key >= 96 && key <= 105) // Allow number pad\r\n );\r\n };\r\n\r\n isModifierKey = (event) => {\r\n const key = event.keyCode;\r\n return (event.shiftKey === true || key === 35 || key === 36) || // Allow Shift, Home, End\r\n (key === 8 || key === 9 || key === 13 || key === 46) || // Allow Backspace, Tab, Enter, Delete\r\n (key > 36 && key < 41) || // Allow left, up, right, down\r\n (\r\n (event.ctrlKey === true || event.metaKey === true) &&\r\n (key === 65 || key === 67 || key === 86 || key === 88 || key === 90)\r\n )\r\n };\r\n\r\n onKeyPress = (event) => {\r\n if (!this.isNumericInput(event) && !this.isModifierKey(event)) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n onKeyUp = (e) => {\r\n if (this.isModifierKey(e)) { return; }\r\n \r\n var formatTarget = e.target;\r\n const input = e.target.value.replace(/\\D/g, '').substring(0, 10); // First ten digits of input only\r\n const first = input.substring(0, 3);\r\n const middle = input.substring(3, 6);\r\n const last = input.substring(6, 10);\r\n if (input.length > 5) {\r\n formatTarget.value = `${first}.${middle}.${last}`;\r\n } else if (input.length > 2) {\r\n formatTarget.value = `${first}.${middle}`;\r\n } else if (input.length > 0) {\r\n formatTarget.value = `${first}`\r\n }\r\n e.target = formatTarget;\r\n this.props.onChange(e, this.isValid(formatTarget.value));\r\n\r\n if (formatTarget.value) {\r\n if (this.state.isPhoneNumberEmpty) {\r\n this.setState({ invalidInput: false })\r\n }\r\n let isValid = this.isValid(formatTarget.value);\r\n if (!this.state.isPhoneNumberEmpty) {\r\n this.setState({ invalidInput: !isValid })\r\n }\r\n }\r\n }\r\n\r\n onChange(event) {\r\n const { value } = event.target;\r\n this.props.onChange(event, this.isValid(value));\r\n }\r\n\r\n childValidationMethod() {\r\n const { childValidationMethod, value } = this.props;\r\n if (childValidationMethod) {\r\n let isValid = this.isValid(value)\r\n childValidationMethod(isValid);\r\n if (!isValid) {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n\r\n isValid(value) {\r\n return value && value.trim() && phoneNumberPattern.test(value);\r\n }\r\n\r\n validateOnBlur(event) {\r\n const { value } = event.target;\r\n this.props.onChange(event, this.isValid(value));\r\n if (this.props.required) {\r\n event.persist(); \r\n this.setState({\r\n isPhoneNumberEmpty: !value.trim()\r\n }); \r\n if (value) {\r\n var validPattern = phoneNumberPattern.test(value);\r\n if (validPattern) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n \r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { placeholder, value, phoneNumberId, required, name, id, autoFocus, disabled,\r\n inputErrorMsg, tooltipID, tooltipMsg, showAsInvalid\r\n } = this.props;\r\n const { isPhoneNumberEmpty } = this.state;\r\n const isValid = (!required && isPhoneNumberEmpty) || this.isValid(value);\r\n const containerClassName = (value ? \" input-not-empty\" : \"\") + (this.state.invalidInput || showAsInvalid ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n \r\n \r\n {this.state.address.length > 0 && (\r\n \r\n )}\r\n
\r\n {suggestions.length > 0 && (\r\n \r\n {this.props.placeholder ? this.props.placeholder : \"Mailing Address\"}\r\n
\r\n {errorMessage.length > 0 && (\r\n {this.state.errorMessage}\r\n click here to enter address manually.\r\n
\r\n \r\n )}\r\n \r\n {suggestions.map(suggestion => {\r\n const className = suggestion.active ? \"suggestion-item suggestion-highlighted\" : \"suggestion-item\";\r\n var mainText = suggestion.formattedSuggestion.mainText;\r\n var subText = suggestion.formattedSuggestion.secondaryText;\r\n var spanInsertBegin = \"\";\r\n var spanInsertEnd = \"\";\r\n\r\n if (suggestion.matchedSubstrings.length > 0) {\r\n // Reverse order of matched substring array so position can stay accurate when inserting spans\r\n suggestion.matchedSubstrings.slice(0).reverse().map(subString => {\r\n // Sets position of closing span\r\n var newPositionEnd = subString.offset + subString.length;\r\n\r\n // If substring is longer than maintext length then insert spans in subtext\r\n if (subString.offset <= mainText.length) {\r\n mainText = [mainText.slice(0, subString.offset), spanInsertBegin, mainText.slice(subString.offset, newPositionEnd), spanInsertEnd, mainText.slice(newPositionEnd)].join('');\r\n }\r\n else {\r\n // Subtract maintext length so position is relevant to subtext length\r\n var subPositionOffset = subString.offset - (mainText.length + 2);\r\n var subPositionEnd = subPositionOffset + subString.length;\r\n subText = [subText.slice(0, subPositionOffset), spanInsertBegin, subText.slice(subPositionOffset, subPositionEnd), spanInsertEnd, subText.slice(subPositionEnd)].join('');\r\n }\r\n });\r\n }\r\n return (\r\n /* eslint-disable react/jsx-key */\r\n \r\n \r\n {' '}\r\n \r\n
\r\n );\r\n /* eslint-enable react/jsx-key */\r\n })}\r\n {\r\n \r\n
\r\n }\r\n \r\n ![\"powered](\"/images/powered_by_google_default.png\"\r\n)
\r\n
\r\n \r\n \r\n this.onKeyUp(e)} onKeyDown={e => this.onKeyPress(e)}\r\n onChange={e => this.onChange(e)}\r\n onBlur={this.validateOnBlur}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out the Phone Number.\"}\r\n ref=\"inputElement\"\r\n aria-label={placeholder ? placeholder : 'Phone Number'}\r\n />\r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nconst ssnPattern = /^\\d{3}-\\d{2}-\\d{4}$/;\r\n\r\nexport default class SSN extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n const { value } = this.props;\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n isSSNNumberEmpty: value ? false : true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { setFocus, ssnId } = this.props;\r\n if (setFocus) {\r\n const input = document.getElementById(ssnId);\r\n if (input) {\r\n input.focus();\r\n }\r\n }\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n isNumericInput = (event) => {\r\n const key = event.keyCode;\r\n return ((key >= 48 && key <= 57) || // Allow number line\r\n (key >= 96 && key <= 105) // Allow number pad\r\n );\r\n };\r\n\r\n isModifierKey = (event) => {\r\n const key = event.keyCode;\r\n return (event.shiftKey === true || key === 35 || key === 36) || // Allow Shift, Home, End\r\n (key === 8 || key === 9 || key === 13 || key === 46) || // Allow Backspace, Tab, Enter, Delete\r\n (key > 36 && key < 41) || // Allow left, up, right, down\r\n (\r\n (event.ctrlKey === true || event.metaKey === true) &&\r\n (key === 65 || key === 67 || key === 86 || key === 88 || key === 90)\r\n )\r\n };\r\n\r\n onKeyPress = (event) => {\r\n\r\n if (!this.isNumericInput(event) && !this.isModifierKey(event)) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n onKeyUp = (e) => {\r\n if (this.isModifierKey(e)) { return; }\r\n var formatTarget = e.target;\r\n const input = e.target.value.replace(/\\D/g, '').substring(0, 9); \r\n const first = input.substring(0, 3);\r\n const middle = input.substring(3, 5);\r\n const last = input.substring(5, 9);\r\n if (input.length > 4) {\r\n formatTarget.value = `${first}-${middle}-${last}`;\r\n } else if (input.length > 2) {\r\n formatTarget.value = `${first}-${middle}`;\r\n } else if (input.length > 0) {\r\n this.setState({ invalidInput: false });\r\n formatTarget.value = `${first}`;\r\n }\r\n\r\n }\r\n\r\n onChange(event) {\r\n const { value } = event.target;\r\n this.setState({\r\n isSSNNumberEmpty: !value.trim()\r\n });\r\n this.props.onChange(event, this.isValid(value));\r\n }\r\n\r\n isValid(value) {\r\n return value && value.trim() && ssnPattern.test(value);\r\n }\r\n\r\n validateOnBlur(event) {\r\n this.props.onChange(event, this.isValid(event.target.value));\r\n if (this.props.required) {\r\n event.persist();\r\n if (event.target.value) {\r\n var validPattern = ssnPattern.test(event.target.value);\r\n if (validPattern) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { placeholder, value, required, name, id, autoFocus, disabled, inputErrorMsg, tooltipID, tooltipMsg, showAsInvalid } = this.props;\r\n const { isSSNNumberEmpty } = this.state;\r\n const isValid = (!required && isSSNNumberEmpty) || this.isValid(value);\r\n const containerClassName = (value ? \" input-not-empty\" : \"\") + (this.state.invalidInput || showAsInvalid ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {placeholder}
\r\n {inputErrorMsg ? {inputErrorMsg}
: !isValid && (typeof value !== \"undefined\" && value) && {\"Please enter a valid phone number.\"}
}\r\n \r\n this.onKeyUp(e)} onKeyDown={e => this.onKeyPress(e)}\r\n onChange={e => this.onChange(e)}\r\n onBlur={this.validateOnBlur}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out the Social Security Number.\"}\r\n ref=\"inputElement\"\r\n aria-label={placeholder ? placeholder : 'Social Security Number'}\r\n />\r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\n// Basic setup of checkmark switch. If need to handle anything will need to add it.\r\n\r\nclass ToggleSwitch extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleToolTip = this.toggleToolTip.bind(this);\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false\r\n };\r\n }\r\n\r\n toggleToolTip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n onChange(checked) {\r\n this.props.onChange(checked);\r\n }\r\n\r\n render() {\r\n\r\n const { name, id, autoFocus, disabled, placeholder, icon, value, required, type, className,\r\n inputErrorMsg, tooltipID, tooltipMsg, isInvalid } = this.props;\r\n let { checked } = this.props;\r\n if (!checked) {\r\n checked = false;\r\n }\r\n var dynamicClass = className ? className : '';\r\n var invalid = this.state.invalidInput && isInvalid;\r\n\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {placeholder}
\r\n {inputErrorMsg ? {inputErrorMsg}
: !isValid && {\"Please enter a valid social security number.\"}
}\r\n \r\n \r\n {(tooltipID && tooltipMsg) &&
);\r\n }\r\n}\r\nexport default ToggleSwitch;\r\n","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nconst ZipCodePattern = /^(?!00000)\\d{5}$/;\r\n\r\nexport default class ZipCode extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleTooltip = this.toggleTooltip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n const { value } = this.props;\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n isZipCodeEmpty: value ? false: true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { setFocus, zipCode } = this.props;\r\n if (setFocus) {\r\n const input = document.getElementById(zipCode);\r\n if (input) {\r\n input.focus();\r\n }\r\n }\r\n }\r\n\r\n toggleTooltip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n isNumericInput = (event) => {\r\n const key = event.keyCode;\r\n return ((key >= 48 && key <= 57) || // Allow number line\r\n (key >= 96 && key <= 105) // Allow number pad\r\n );\r\n };\r\n\r\n isModifierKey = (event) => {\r\n const key = event.keyCode;\r\n return (event.shiftKey === true || key === 35 || key === 36) || // Allow Shift, Home, End\r\n (key === 8 || key === 9 || key === 13 || key === 46) || // Allow Backspace, Tab, Enter, Delete\r\n (key > 36 && key < 41) || // Allow left, up, right, down\r\n (\r\n (event.ctrlKey === true || event.metaKey === true) &&\r\n (key === 65 || key === 67 || key === 86 || key === 88 || key === 90)\r\n )\r\n };\r\n\r\n onKeyPress = (event) => {\r\n if (!this.isNumericInput(event) && !this.isModifierKey(event)) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n onKeyUp = (event) => {\r\n if (!this.isNumericInput(event) && !this.isModifierKey(event)) {\r\n event.preventDefault();\r\n }\r\n if (event.target.value) {\r\n if (this.state.isZipCodeEmpty) {\r\n this.setState({ invalidInput: false })\r\n } \r\n let isValid = this.isValid(event.target.value); \r\n\r\n if (!this.state.isZipCodeEmpty) {\r\n this.setState({ invalidInput: !isValid })\r\n } \r\n }\r\n\r\n }\r\n\r\n onChange(event) {\r\n this.props.onChange(event, this.isValid(event.target.value));\r\n }\r\n\r\n childValidationMethod() {\r\n const { childValidationMethod, value } = this.props;\r\n if (childValidationMethod) {\r\n let isValid = this.isValid(value);\r\n childValidationMethod(isValid)\r\n if (!isValid) {\r\n this.setState({ invalidInput: true })\r\n }\r\n }\r\n }\r\n\r\n isValid(value) {\r\n return value.trim() && ZipCodePattern.test(value);\r\n }\r\n\r\n clearInput(event) {\r\n const e = { event, target: { value: \"\", name: this.props.name ? this.props.name : \"\" } };\r\n this.onChange(e);\r\n }\r\n\r\n validateOnBlur(event) {\r\n const { value } = event.target; \r\n this.props.onChange(event, this.isValid(value));\r\n if (this.props.required) {\r\n event.persist();\r\n this.setState({\r\n isZipCodeEmpty : !value.trim()\r\n });\r\n if (value) {\r\n var validPattern = ZipCodePattern.test(value);\r\n if (validPattern) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n\r\n }\r\n\r\n render() {\r\n const { placeholder, value, zipCode, required, name, id, autoFocus, disabled, inputErrorMsg, tooltipID, tooltipMsg, showAsInvalid, autoComplete, showClearBtn } = this.props;\r\n const containerClassName = (value ? \" input-not-empty\" : \"\") + (this.state.invalidInput || showAsInvalid ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n this.onKeyUp(e)} onKeyDown={e => this.onKeyPress(e)}\r\n onChange={e => this.onChange(e)}\r\n onBlur={this.validateOnBlur}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out the Zip Code.\"}\r\n aria-label={placeholder ? placeholder : 'Zip Code'}\r\n autoComplete={autoComplete}\r\n />\r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nexport default class MultiLineSelect extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleToolTip = this.toggleToolTip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.handleClickOutside = this.handleClickOutside.bind(this);\r\n this.setWrapperRef = this.setWrapperRef.bind(this);\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false,\r\n isSelectCustomized: false,\r\n showList: false,\r\n selectedIndex: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n document.addEventListener('mousedown', this.handleClickOutside);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { options, value, id } = this.props;\r\n let visitId = value && value.length > 0 ? value.split(\"|\")[0] : \"\";\r\n if (prevProps.value !== value) this.isOptionsLoad = false;//allow incase the selected value is changed after default value.\r\n if (!this.isOptionsLoad && options && options.length > 0) {\r\n this.isOptionsLoad = true;\r\n if (id === \"schedule-location\" || id === \"schedule-visit-type\") {\r\n options.map((opt, index) => {\r\n let deptId = opt.value && opt.value.length > 0 ? opt.value.split(\"|\")[0] : \"\";\r\n if (deptId !== \"\" && ((value.id && value.id === deptId) || (visitId !== \"\" && visitId === deptId))) {\r\n this.setState({\r\n selectedIndex: index\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside);\r\n }\r\n\r\n setWrapperRef(node) {\r\n this.wrapperRef = node;\r\n }\r\n\r\n handleClickOutside(event) {\r\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\r\n if (this._isMounted) {\r\n this.setState({\r\n showList: false\r\n });\r\n }\r\n }\r\n }\r\n\r\n toggleToolTip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n onChange(event) {\r\n //TODO we need to add dynamic load.\r\n this.props.onChange(event, event.target.value);\r\n this.validateOnBlur(event);\r\n }\r\n\r\n validateOnBlur(event) {\r\n if (this.props.required) {\r\n event.persist();\r\n if (event.target.value) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n\r\n onSelect(event) {\r\n if (this._isMounted) {\r\n this.setState({\r\n showList: !this.state.showList\r\n });\r\n }\r\n }\r\n\r\n onKeyDown(event) {\r\n if (this._isMounted) {\r\n this.setState({\r\n showList: false\r\n });\r\n }\r\n }\r\n\r\n onClickItem(event, index, opt) {\r\n const { onChange } = this.props;\r\n if (this._isMounted) {\r\n this.setState({\r\n selectedIndex: index,\r\n showList: !this.state.showList\r\n });\r\n onChange(event, opt.value);\r\n }\r\n }\r\n\r\n render() {\r\n const { placeholder, name, id, autoFocus, disabled, value, options, className, inputErrorMsg, tooltipID, tooltipMsg, prependIcon, dontShowNotEmpty } = this.props;\r\n const { selectedIndex, showList } = this.state;\r\n var dynamicClass = className ? className : '';\r\n const containerClassName = (value && !dontShowNotEmpty ? \" input-not-empty\" : \"\") + (this.state.invalidInput ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n const hadOptions = (options && options.length > 0) ? true : false;\r\n let multiLineOptions = [];\r\n\r\n if (hadOptions) {\r\n multiLineOptions = options.map((opt, index) => {\r\n return \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {showClearBtn && value && }\r\n {placeholder}
\r\n { \r\n ((typeof value !== \"undefined\" && value) || inputErrorMsg) && \r\n {inputErrorMsg ? inputErrorMsg : \"Please enter a 5 digit zip code.\"}
\r\n }\r\n this.onKeyDown(e)} ref={this.setWrapperRef}>\r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\nexport default class Select extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleToolTip = this.toggleToolTip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false\r\n };\r\n }\r\n\r\n toggleToolTip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n onChange(event) {\r\n if (this.props.onChange)\r\n this.props.onChange(event, event.target.value, event.target.value.trim() !== '');\r\n this.validateOnBlur(event);\r\n }\r\n\r\n childValidationMethod() {\r\n const { childValidationMethod, value } = this.props;\r\n if (childValidationMethod) {\r\n let isValid = value.trim() !== '';\r\n childValidationMethod(isValid)\r\n if (!isValid) {\r\n this.setState({ invalidInput: true })\r\n }\r\n }\r\n }\r\n\r\n\r\n validateOnBlur(event) {\r\n if (this.props.required) {\r\n event.persist();\r\n if (event.target.value) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { placeholder, required, name, id, autoFocus, disabled, disableEmptyOption, value, options,\r\n renderedOptions, className, inputErrorMsg, tooltipID, tooltipMsg, prependIcon, showAsInvalid, onFocus\r\n } = this.props;\r\n var dynamicClass = className ? className : '';\r\n \r\n const containerClassName = (value || value === 0 ? \" input-not-empty\" : \"\") + (this.state.invalidInput || showAsInvalid ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n this.onSelect(e)} aria-haspopup=\"listbox\" aria-expanded={(showList) ? true : false} aria-owns={\"select-items-\" + id} aria-labelledby={\"selected-label-\" + id}>\r\n
\r\n {hadOptions && \r\n {placeholder}\r\n {hadOptions && <> {options[selectedIndex].label}\r\n {options[selectedIndex].label2} }\r\n
\r\n \r\n
\r\n }\r\n {(tooltipID && tooltipMsg) && - \r\n {multiLineOptions}\r\n
\r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {prependIcon && } {placeholder}
\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n this.onChange(e)}\r\n onBlur={this.validateOnBlur}\r\n onFocus={(e) => { if (onFocus) onFocus(e); }}\r\n title={placeholder ? \"Please fill out the \" + placeholder : \"Please fill out this field.\"}\r\n ref=\"selectElement\"\r\n >\r\n {!disableEmptyOption && }\r\n {options && options.length > 0 ? options.map((opt, index) => {\r\n return (\r\n {opt.label}\r\n );\r\n }) : renderedOptions}\r\n \r\n {(tooltipID && tooltipMsg) &&
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\n\r\n//nothing specific to handle in generic component as of now. Need to handle if anything.\r\nexport default class Text extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggleToolTip = this.toggleToolTip.bind(this);\r\n this.validateOnBlur = this.validateOnBlur.bind(this);\r\n this.state = {\r\n tooltipOpen: false,\r\n invalidInput: false\r\n };\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.props.focusBlankField && this.refs.actualTextArea)\r\n this.refs.actualTextArea.focus();\r\n }\r\n\r\n toggleToolTip() {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n onChange(event) {\r\n this.props.onChange(event, event.target.value);\r\n }\r\n\r\n validateOnBlur(event) {\r\n if (this.props.required) {\r\n if (event) {\r\n event.persist();\r\n }\r\n let sValue = event && event.target ? event.target.value : this.refs.actualTextArea.value;\r\n if (sValue) {\r\n this.setState({ invalidInput: false });\r\n }\r\n else {\r\n this.setState({ invalidInput: true });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n const { name, id, autoFocus, disabled, placeholder, value, maxSize, required, rows, cols, type, className,\r\n inputErrorMsg, tooltipID, tooltipMsg, showAsInvalid, charsLeft, minLength, ShowCharCountMsg } = this.props;\r\n var dynamicClass = className ? className : '';\r\n const containerClassName = (value ? \" input-not-empty\" : \"\") + (showAsInvalid || this.state.invalidInput ? \" input-invalid\" : \"\") + ((tooltipID && tooltipMsg) ? \" input-append\" : \"\");\r\n\r\n return (\r\n \r\n \r\n \r\n {tooltipMsg}\r\n \r\n
}\r\n {prependIcon && } {placeholder}
\r\n {inputErrorMsg && {inputErrorMsg}
}\r\n \r\n