');\r\n let url = \"\";\r\n if (isAmysis) {\r\n url = encodeURI(tools.buildUrl(tools.hpAPIBaseURL(), '/SsoResponse/'));\r\n }\r\n else {\r\n url = yield call(getUrl, ssoTarget);\r\n }\r\n\r\n if (url === \"\") throw new Error(\"SSO for user not authorized\");\r\n\r\n var identity = sessionData.healthPlanUserProfile;\r\n var token = domainData.t;\r\n let par;\r\n var memid = domainData.hi || identity.memberUserClaims.memberHccId;\r\n if (isAmysis) {\r\n if (contractNo) {\r\n par = {\r\n method: 'post',\r\n headers: {\r\n 'Authorization': 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n SsoTarget: ssoTarget,\r\n Id: memid,\r\n ContractNumber: contractNo\r\n })\r\n };\r\n }\r\n else {\r\n par = {\r\n method: 'post',\r\n headers: {\r\n 'Authorization': 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n SsoTarget: ssoTarget,\r\n Id: memid\r\n })\r\n };\r\n }\r\n }\r\n else {\r\n par = {\r\n method: 'post',\r\n headers: {\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n SsoTarget: ssoTarget,\r\n Id: memid,\r\n Jwt: token\r\n })\r\n };\r\n }\r\n\r\n var response = yield fetch(url, par).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.SSO.SsoSaml\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.SSO.SsoSaml.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n\r\n ssoWindow.document.write(response.OpeningMessage + '
');\r\n if (!response.Success) {\r\n //Error handling\r\n ssoWindow.document.write(response.ErrorMessage ? response.ErrorMessage : 'Sorry, something went wrong.');\r\n throw new Error(\"Sorry, something went wrong.\");\r\n }\r\n\r\n if (response.UseRedirectToUrl) {\r\n console.log('redirecting to', url);\r\n ssoWindow.location.replace(response.Url);\r\n }\r\n\r\n const params = {\r\n RelayState: response.RelayState,\r\n SAMLResponse: response.SamlText,\r\n Jwt: response.Jwt,\r\n ClientId: response.ClientId\r\n };\r\n console.log('params 2', params);\r\n yield call(formPostSubmit, ssoWindow, response.Url, params, \"post\");\r\n}\r\n\r\nfunction* formPostSubmit(ssoWindow, url, params, method) {\r\n const form = ssoWindow.document.createElement('form');\r\n form.method = method || \"post\";\r\n form.action = url;\r\n\r\n for (const key in params) {\r\n if (params.hasOwnProperty(key)) {\r\n const hiddenField = document.createElement('input');\r\n hiddenField.type = 'hidden';\r\n hiddenField.name = key;\r\n hiddenField.value = params[key];\r\n\r\n form.appendChild(hiddenField);\r\n }\r\n }\r\n\r\n ssoWindow.document.body.appendChild(form);\r\n form.submit();\r\n console.log('form submitted');\r\n}","import { logAPI } from \"../andyliticsApi\";\r\nconst webTpaApiUrl = typeof window !== 'undefined' ? window.serverData.data.webTPAUrl : ''; // window is undefined during pre-render\r\n// this needs to be loaded dynamically (since it will change after startup)\r\n//const hpServicesUrl = typeof window !== 'undefined' ? (window.serverData.data.hpServicesSpecificUrl ? window.serverData.data.hpServicesSpecificUrl : window.serverData.data.hpServicesUrl) : ''; // window is undefined during pre-render\r\nimport * as tools from \"../../helpers/Tools\";\r\n\r\nexport const getCrmMemberMessages = (token, correlationId, sessionId, swhp, memId, startDate, endDate, hpSourceSystem, closedOn) => {\r\n\r\n //to debug locally, be sure to set the HPGatewayURL value in the app.TST2.config to \"http://localhost:59812/api/v1/\"\r\n let url = encodeURI(tools.buildUrl(tools.hpAPIBaseURL(), '/crm/getMemberMessages'));\r\n\r\n //Amisys and HR members will both use the same API route\r\n if (swhp) {\r\n var regEx = new RegExp(\"AMI\", \"ig\");\r\n url = url.replace(regEx, \"HR\");\r\n }\r\n\r\n const params = {\r\n method: 'post',\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Content-type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n correlationId: correlationId,\r\n sessionId: sessionId,\r\n memberId: memId,\r\n dateFrom: startDate,\r\n dateTo: endDate,\r\n hpSourceSystem: hpSourceSystem,\r\n closedOn: closedOn\r\n })\r\n };\r\n var start = new Date();\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.GetCrmMemberMessages\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.GetCrmMemberMessages.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n};\r\n\r\nexport const sendCrmMessage = (token, correlationId, sessionId, swhp, memId, msgType, msgDesc, fileName, attachment, caseid, title, mimetype, hpSourceSystem, caseStatus) => {\r\n\r\n //to debug locally, be sure to set the HPGatewayURL value in the app.TST2.config to \"http://localhost:59812/api/v1/\"\r\n let url = encodeURI(tools.buildUrl(tools.hpAPIBaseURL(), '/crm/sendMessage'));\r\n\r\n //Amisys and HR members will both use the same API route\r\n if (swhp) {\r\n var regEx = new RegExp(\"AMI\", \"ig\");\r\n url = url.replace(regEx, \"HR\");\r\n }\r\n\r\n const params = {\r\n method: 'post',\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n correlationId: correlationId,\r\n sessionId: sessionId,\r\n memberId: memId,\r\n messageType: msgType,\r\n messageDescription: msgDesc,\r\n fileName: fileName,\r\n attachment: attachment,\r\n caseid: caseid,\r\n title: title,\r\n mimetype: mimetype,\r\n hpSourceSystem: hpSourceSystem,\r\n caseStatus: caseStatus\r\n })\r\n };\r\n var start = new Date();\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.SendCrmMessage\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.SendCrmMessage.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n};\r\n\r\nexport const createCrmTicket = (token, correlationId, sessionId, swhp, memId, msgType, msgDesc, fileName, attachment, title, mimetype, hpSourceSystem) => {\r\n\r\n //to debug locally, be sure to set the HPGatewayURL value in the app.TST2.config to \"http://localhost:59812/api/v1/\"\r\n let url = encodeURI(tools.buildUrl(tools.hpAPIBaseURL(), '/crm/createTicket'));\r\n\r\n //Amisys and HR members will both use the same API route\r\n if (swhp) {\r\n var regEx = new RegExp(\"AMI\", \"ig\");\r\n url = url.replace(regEx, \"HR\");\r\n }\r\n\r\n const params = {\r\n method: 'post',\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n correlationId: correlationId,\r\n sessionId: sessionId,\r\n memberId: memId,\r\n messageType: msgType,\r\n messageDescription: msgDesc,\r\n fileName: fileName,\r\n attachment: attachment,\r\n title: title,\r\n mimetype: mimetype,\r\n hpSourceSystem: hpSourceSystem\r\n })\r\n };\r\n var start = new Date();\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.CreateCrmTicket\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.Support.CreateCrmTicket.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n};\r\n","import { logAPI } from \"../andyliticsApi\";\r\nconst webTpaApiUrl = typeof window !== 'undefined' ? window.serverData.data.webTPAUrl : ''; // window is undefined during pre-render\r\nimport * as tools from \"../../helpers/Tools\";\r\n\r\nexport const getTaxFormsList = (token, MemberNumber) => {\r\n const url = encodeURI(tools.buildUrl(tools.hrAPIBaseURL(), 'members/documents/taxforms'));\r\n const params = {\r\n method: 'post',\r\n headers: {\r\n 'Authorization': 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n memid: MemberNumber\r\n })\r\n };\r\n var start = new Date();\r\n //debugger;\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.TaxForms.getTaxFormsList\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.TaxForms.getTaxFormsList.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n};\r\n\r\nexport const getTaxFormUrl = (token, DocumentInfo, MemberNumber) => {\r\n //let baseUrl = tools.ciReplace(window.serverData.data.hpGatewayUrl, \"WTPA\", \"HR\");\r\n const url = encodeURI(tools.buildUrl(tools.hrAPIBaseURL(), 'members/documents/gettaxformurl'));\r\n const params = {\r\n method: 'post',\r\n headers: {\r\n 'Authorization': 'bearer ' + token,\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify({\r\n memid: MemberNumber,\r\n documentName: DocumentInfo\r\n })\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.TaxForms.getTaxFormUrl\", start, url);\r\n if (response && response.status && response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.blob());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => {\r\n logAPI(\"MBHWeb.Api.HealthPlanServices.TaxForms.getTaxFormUrl.Failure\", start, url, err); return Promise.reject(err);\r\n });\r\n};","import { logAndylitics, log, logAPI} from \"./andyliticsApi\";\r\nimport * as tools from \"../helpers/Tools\";\r\n\r\n\r\nconst healthSourceApiBaseUrl = typeof window !== 'undefined' ? window.serverData.data.apiBaseUrl : ''; // window is undefined during pre-render\r\nconst APIAuthServiceUrl = typeof window !== 'undefined' ? window.serverData.data.APIAuthServiceURL : ''; // window is undefined during pre-render\r\nconst ClientID2FA = typeof window !== 'undefined' ? window.serverData.data.clientId2FA : ''; // window is undefined during pre-render\r\n\r\nexport const linkPharmacyAccount = (token, data) => {\r\n const url = encodeURI(tools.buildUrl( healthSourceApiBaseUrl, '/v3/HealthSource/Registration/LinkPharmacyAccount'));\r\n const params = {\r\n method: \"POST\",\r\n body: JSON.stringify(data),\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n }\r\n };\r\n let start = new Date();\r\n\r\n //201 Created we are getting from Post success.\r\n return fetch(url, params).then(response => {\r\n if (response && response.status && (response.status === 200 || response.status === 201)) {\r\n logAPI(\"MBHWeb.Api.Rx.PharmacyAccount.Link\", start, url);\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Rx.PharmacyAccount.Link.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\nexport const getClientToken = () => {\r\n const url = encodeURI(tools.buildUrl(APIAuthServiceUrl, '/oauth/token'));\r\n const params = {\r\n method: 'post',\r\n body: \"client_id=\" + ClientID2FA + \"&grant_type=client_credentials\",\r\n headers: {\r\n \"client_id\": ClientID2FA,\r\n }\r\n };\r\n //debugger;\r\n var start = new Date();\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.GetClientToken\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.GetClientToken.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\n\r\nexport const getUserTilesByClientData = (token) => {\r\n const url = encodeURI( tools.buildUrl( healthSourceApiBaseUrl, '/v1/HealthSource/AppTiles/GetUserTilesByClient'));\r\n const params = {\r\n method: 'get',\r\n headers: {\r\n 'Authorization': 'bearer ' + token\r\n }\r\n };\r\n var start = new Date();\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Dashboard.GetUserTilesByClient\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Dashboard.GetUserTilesByClient.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\nexport const removeSlideTile = (tileId,token) => { \r\n const url = tools.buildUrl( healthSourceApiBaseUrl, '/v1/HealthSource/AppTiles/DismissTile?tileId=' +tileId);\r\n const params = {\r\n method: \"POST\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n \r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Settings.DismissTile\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Settings.DismissTile.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\n\r\n/**\r\n * getProviderFavorites\r\n * \r\n * @param {string} userName = user's healthsource name\r\n * @param {string} token = current user token\r\n * @returns {Promise} ResultStructure\r\n */\r\nexport const getProviderFavorites = (userName, token) => {\r\n const url = tools.buildUrl( healthSourceApiBaseUrl, '/v2/HealthSource/UserProvider/GetFavorites?userName=' + encodeURIComponent(userName));\r\n const params = {\r\n method: \"GET\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(async response => {\r\n //throw new Error(\"Testing sideways explosion!'\");\r\n if (response && response.status >= 200 && response.status < 300) {\r\n let bdy = await tools.readRspByJsonorString(response);\r\n logAPI(\"MBHWeb.Api.Settings.Favorites.Full.Get\", start, url, { response: bdy });\r\n return Promise.resolve(bdy);\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(async problems => {\r\n //debugger;\r\n let status = problems?.status;\r\n let errRsp = await tools.readRspByJsonorString(problems);\r\n logAPI(\"MBHWeb.Api.Settings.Favorites.Full.Get.Failure\", start, url, { response: errRsp, status }); //changed the activityName as previous success log name\r\n return Promise.resolve(null);\r\n\r\n });\r\n};\r\n\r\n\r\nexport const getRecentVisitedDoctors = (token) => {\r\n const url = tools.buildUrl(healthSourceApiBaseUrl, '/v6/Dashboard/Section/doctors');\r\n const params = {\r\n method: \"GET\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Recent.VisitedDoctors.Get\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(problems => {\r\n logAPI(\"MBHWeb.Api.Recent.VisitedDoctors.Get\", start, url, problems); //changed the activityName as previous success log name\r\n return Promise.resolve(problems);\r\n });\r\n};\r\n\r\n/**\r\n * removeProviderFromFavorites\r\n * \r\n * @param {string} token = current user token\r\n * @param {string} userName = user's healthsource name\r\n * @param {string} npi = npi of provider to remove\r\n * @returns {Promise} ResultStructure\r\n */\r\nexport const removeProviderFromFavorites = (token, userName, npi) => {\r\n const url = tools.buildUrl( healthSourceApiBaseUrl, '/v2/HealthSource/UserProvider/DeleteUserProvider');\r\n const params = {\r\n method: \"POST\",\r\n body: JSON.stringify({ProviderNPI: npi, IsFavorited: false, IsHidden: true, UserName: userName }),\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Settings.Favorite.Delete\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Settings.Favorite.Delete.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\n/**\r\n * addProviderToFavorites\r\n * \r\n * @param {string} token = current user token\r\n * @param {string} userName = user's healthsource name\r\n * @param {string} npi = npi of provider to add\r\n * @returns {Promise} ResultStructure\r\n */\r\nexport const addProviderToFavorites = (token, userName, npi) => {\r\n const url = tools.buildUrl( healthSourceApiBaseUrl, '/v2/HealthSource/UserProvider/SaveUserProvider');\r\n const params = {\r\n method: \"POST\",\r\n body: JSON.stringify({ ProviderNPI: npi, IsFavorited: true, IsHidden: false, UserName: userName }),\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Settings.Favorites.Save\", start, url);\r\n if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.json());\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Settings.Favorites.Save.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * getCareTeam\r\n * \r\n * @param {string} token = current user token\r\n * @param {string} userName = user's healthsource name\r\n * @param {string} EPID = our login structure calls this EPID, we pass to epic as EID\r\n * @returns {Promise} ResultStructure\r\n */\r\nexport const getCareTeam = (token, userName, EPID) => {\r\n const url = tools.buildUrl( healthSourceApiBaseUrl, '/v2/Epic/GetCareTeamInfo?loginId=' + encodeURIComponent(userName) + '&patientId=' + EPID + '&patientIdType=EID');\r\n const params = {\r\n method: \"GET\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n };\r\n var start = new Date();\r\n\r\n return fetch(url, params).then(async response => {\r\n //throw new Error(\"Eat my shorts, man!\");\r\n if (response && response.status >= 200 && response.status < 300) {\r\n let bdy = await tools.readRspByJsonorString(response);\r\n logAPI(\"MBHWeb.Api.Setting.RecentProviders.Get\", start, url, { response: bdy });\r\n return Promise.resolve(bdy);\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n }).catch(async problems => {\r\n //debugger;\r\n // Log logAndylitics here\r\n let status = problems?.status;\r\n let errRsp = await tools.readRspByJsonorString(problems);\r\n logAPI(\"MBHWeb.Api.Setting.RecentProviders.Get.Failure\", start, url, { response: errRsp, status });\r\n return Promise.resolve(null);\r\n\r\n //alert(\"Oh crap!!\");\r\n });\r\n};\r\n\r\n/**\r\n * autolinkMyChart\r\n * \r\n * @param {string} token = current user token\r\n * @param {string} userName = user's healthsource name\r\n * @param {string} dob = user's date of Birth\r\n * @returns {Promise} ResultStructure\r\n */\r\nexport const autolinkMyChart = (token, userName, dob) => {\r\n const url = tools.buildUrl( healthSourceApiBaseUrl, 'v2/HealthSource/Registration/LinkMyChart');\r\n const activityCode = \"MBHWeb.Api.HealthSource.AutoLink.MyChart\";\r\n const start = new Date();\r\n const data = { username: userName, dob: dob };\r\n const params = {\r\n method: \"POST\",\r\n body: JSON.stringify(data),\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n }\r\n };\r\n return fetch(url, params).then(response => {\r\n logAPI(activityCode, start, url);\r\n if (response && response.status && response.status === 200)\r\n return response.text().length ? response.json() : { status: 200 };\r\n else return response.json();\r\n }).catch(err => { logAPI(activityCode+\".Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\nexport const dismissDiscoveryTile = (token, tile) => {\r\n const url = tools.buildUrl(healthSourceApiBaseUrl, `v6/Dashboard/UserAppTile/${tile.tileId}`);\r\n const activityCode = \"MBHWeb.Api.HealthSource.DiscoverTile.Dismiss\";\r\n const start = new Date();\r\n const data = { tileId: tile.tileId };\r\n const params = {\r\n method: \"PUT\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n }\r\n };\r\n console.info(`healthSourceApi dismissDiscoveryTile tileId ${tile.tileId} url ${url}`, tile);\r\n return fetch(url, params).then(response => {\r\n logAPI(activityCode, start, url);\r\n if (response && response.status && response.status === 204)\r\n return { status: 200 };\r\n else return response.json();\r\n }).catch(err => { logAPI(activityCode + \".Failure\", start, url, err); return Promise.reject(err);});\r\n}\r\n\r\nexport const unDismissDiscoveryTiles = (token) => {\r\n const params = {\r\n method: \"PUT\",\r\n headers: {\r\n \"Authorization\": 'bearer ' + token,\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n }\r\n };\r\n const ids = [81, 82, 83, 84, 85,86, 106];\r\n ids.forEach(id => {\r\n const url = tools.buildUrl(healthSourceApiBaseUrl, `v6/Dashboard/UserAppTile/${id}?isDismissed=false`);\r\n fetch(url, params).then(response => {\r\n if (response && response.status && response.status === 204)\r\n return { status: 200 };\r\n else return response.json();\r\n });\r\n });\r\n\r\n}\r\n\r\n\r\nexport const getUserEnrolledPrograms = (token, amrnId) => {\r\n const url = `${healthSourceApiBaseUrl}ehr/v2/UserEnrollProgram?amrnId=${amrnId}`;\r\n const params = {\r\n headers: {\r\n \"content-type\": \"application/json\",\r\n \"accept\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`\r\n },\r\n method: \"GET\"\r\n };\r\n const start = new Date();\r\n\r\n return fetch(url, params)\r\n .then(resp => {\r\n if (resp && resp.status >= 200 && resp.status < 300) {\r\n logAPI(\"MBHWeb.Api.UserEnrolledPrograms.Success\", start, url);\r\n return Promise.resolve(resp.json());\r\n }\r\n else {\r\n logAPI(\"MBHWeb.Api.UserEnrolledPrograms.Failure\", start, url);\r\n return Promise.reject(resp);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.UserEnrolledPrograms.Failure\", start, url);\r\n return Promise.reject(err);\r\n });\r\n};\r\n","import { logAPI } from \"./andyliticsApi\";\r\nimport { inHomeVerifyErrors } from \"../constants/textConstants\"\r\n\r\nconst BASE_URL = window.serverData.data.inHomeBaseUrl;\r\nconst API_KEY = window.serverData.data.inHomeFunctionsKey;\r\nconst COVID_Q_BASE_URL = window.serverData.data.inHomeCovidQuestionnaireBaseUrl;\r\nconst ANY_VAX_Q_BASE_URL = window.serverData.data.inHomeAnyVaxQuestionnaireBaseUrl;\r\nimport { inHomeWhereErrors } from '../constants/textConstants';\r\nconst CLIENT_ID = \"MBHWeb.IHV\";\r\n\r\nexport const getPrefilledData = (mrn, token) => {\r\n const fullUrl = `${BASE_URL}axle/v2/prefill?mrn=${mrn}`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"GET\"\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAddressPrefill\", start, fullUrl);\r\n return response.json();\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAddressPrefill.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n}\r\n\r\n\r\nexport const getAvailableVaccines = (body, token) => {\r\n const fullUrl = `${BASE_URL}axle/v3/vaccines`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"POST\",\r\n body: JSON.stringify(body)\r\n };\r\n \r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableVaccines\", start, fullUrl);\r\n\r\n if (response.status == 204) {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableVaccines.NoVaccinesAvailable\", start, fullUrl, inHomeWhereErrors.noVax);\r\n throw new Error(inHomeWhereErrors.noVax);\r\n } else if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n }\r\n else if (response.status == 400) {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableVaccines.NotInServiceArea\", start, fullUrl, inHomeWhereErrors.notValidZip);\r\n return response.json().then(err => {\r\n if (typeof (err) === 'object' && err.error_code && err.error_code === \"invalid_zip_code\")\r\n throw new Error(inHomeWhereErrors.notValidZip);\r\n else if (typeof (err) === 'object' && err.error_code && err.error_code === \"vaccines_not_available\")\r\n throw new Error(err.message);\r\n else\r\n throw err.message\r\n });\r\n \r\n }\r\n else if (response.status > 400 && response.status < 500) {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableVaccines.NotInServiceArea\", start, fullUrl, inHomeWhereErrors.notInServiceArea);\r\n throw new Error(inHomeWhereErrors.notInServiceArea);\r\n } else {\r\n throw new Error(inHomeWhereErrors.other);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableVaccines.Failure\", start, fullUrl, err);\r\n throw err;\r\n });\r\n}\r\n\r\n\r\nexport const validateZipCode = (body, token) => {\r\n const fullUrl = `${BASE_URL}axle/v3/verify/zip`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"POST\",\r\n body: JSON.stringify(body)\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(async response => {\r\n logAPI(\"MBHWeb.Api.InHome.ValidateZipCode\", start, fullUrl);\r\n\r\n if (response.status == 204) {\r\n logAPI(\"MBHWeb.Api.InHome.ValidateZipCode.NoVaccinesAvailable\", start, fullUrl, inHomeWhereErrors.noVax);\r\n throw new Error(inHomeWhereErrors.noVax);\r\n } else if (response.status >= 200 && response.status < 300) {\r\n return Promise.resolve(response.text() || 'success');\r\n }\r\n else if (response.status >= 400 && response.status < 500) {\r\n logAPI(\"MBHWeb.Api.InHome.ValidateZipCode.NotInServiceArea\", start, fullUrl, inHomeWhereErrors.notInServiceArea);\r\n throw new Error(`${inHomeWhereErrors.notValidZip}==${JSON.stringify((await response.json()).error)}`);\r\n } else {\r\n throw new Error(inHomeWhereErrors.other);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.ValidateZipCode.Failure\", start, fullUrl, err);\r\n throw err;\r\n });\r\n}\r\n\r\nexport const getAvailableDateTimes = (body, token) => {\r\n const fullUrl = `${BASE_URL}axle/v1/availability`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"POST\",\r\n body: JSON.stringify(body)\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableDateTimes\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAvailableDateTimes.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n}\r\n\r\nexport const bookInhomeAppointment = (body, token) => {\r\n const fullUrl = `${BASE_URL}axle/v3/visit`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"POST\",\r\n body: JSON.stringify(body)\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(async response => {\r\n logAPI(\"MBHWeb.Api.InHome.BookInhomeAppointment\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else if (response.status == 409) {\r\n logAPI(\"MBHWeb.Api.InHome.BookInhomeAppointment.TimeAlreadyBooked\", start, fullUrl);\r\n throw new Error(inHomeVerifyErrors.TimeAlreadyBooked);\r\n } else if (response.status >= 400 && response.status < 500) {\r\n let error = await response.json()\r\n throw new Error(error.message);\r\n } else {\r\n throw new Error(\"Unknown error\");\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.BookInhomeAppointment.Failure\", start, fullUrl, err);\r\n throw err;\r\n });\r\n}\r\n\r\nexport const getCovidVaccineQuestionnaires = (body, token) => {\r\n const fullUrl = `${COVID_Q_BASE_URL}${body}`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"GET\",\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetCovidVaccineQuestionnaires\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetCovidVaccineQuestionnaires.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n}\r\n\r\nexport const getVaccineQuestionnaires = (body, token) => {\r\n const fullUrl = `${BASE_URL}/v1/questionnaires/vaccine`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"POST\",\r\n body: JSON.stringify(body)\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetVaccineQuestionnaires\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetVaccineQuestionnaires.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n}\r\n\r\nexport const putVaccineQuestionnaires = (token, body) => {\r\n const fullUrl = `${BASE_URL}/v1/questionnaires/vaccine`;\r\n const start = new Date();\r\n const params = {\r\n method: 'PUT',\r\n mode: 'cors',\r\n headers: {\r\n 'Access-Control-Allow-Origin': '',\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`,\r\n 'x-functions-key': API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n body: JSON.stringify(body)\r\n }\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.SendVaccineQuestionnaires\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.SendVaccineQuestionnaires.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n};\r\n\r\nexport const getAnyVaccineQuestionnaires = (body, token) => {\r\n const fullUrl = `${ANY_VAX_Q_BASE_URL}${body}`;\r\n const start = new Date();\r\n const params = {\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\",\r\n \"Authorization\": `bearer ${token}`,\r\n \"x-functions-key\": API_KEY,\r\n \"x-bsw-clientid\": CLIENT_ID\r\n },\r\n method: \"GET\",\r\n };\r\n\r\n return fetch(fullUrl, params)\r\n .then(response => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAnyVaccineQuestionnaires\", start, fullUrl);\r\n if (response.status >= 200 && response.status < 300) {\r\n return response.json();\r\n } else {\r\n return Promise.reject(response);\r\n }\r\n })\r\n .catch(err => {\r\n logAPI(\"MBHWeb.Api.InHome.GetAnyVaccineQuestionnaires.Failure\", start, fullUrl, err);\r\n return Promise.reject(err);\r\n });\r\n}\r\n","import { logAndylitics, log, logAPI } from \"./andyliticsApi\";\r\nimport * as tools from \"../helpers/Tools\";\r\n\r\nconst BASE_URL = typeof window !== 'undefined' ? window.serverData.data.phyndApibaseUrl : '';\r\nconst CLIENT_ID = \"MyBSWHealth.Web\";\r\n\r\n\r\n/**\r\n * Phynd v2 GetLocations.\r\n * \r\n * @param {any} searchModel Search parameters; property names must match the phynd api.\r\n * @returns {Promise} location search results.\r\n */\r\nexport const getLocations = (searchModel) => {\r\n const queryString = [];\r\n for (var property in searchModel) {\r\n queryString.push(`${property}=${encodeURIComponent(searchModel[property])}`);\r\n }\r\n\r\n // const fullUrl = `${BASE_URL}V2/Places/GetLocations?${queryString.length > 0 ? queryString.join(\"&\") : \"\"}`;\r\n const fullUrl = `${BASE_URL}V4/Places/GetLocations?${queryString.length > 0 ? queryString.join(\"&\") : \"\"}`;\r\n\r\n const params = {\r\n headers: {\r\n \"x-bsw-clientid\": CLIENT_ID,\r\n \"accept\": \"application/json\"\r\n },\r\n method: \"GET\"\r\n };\r\n var start = new Date();\r\n //const request = new Request(fullUrl, params);\r\n return fetch(fullUrl, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Search.Locations.Get\", start, fullUrl);\r\n return response.json();\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Search.Locations.Get.Failure\", start, fullUrl, err); return Promise.reject(err); });\r\n};\r\n\r\n\r\n/**\r\n * Phynd v2 GetLocationTypes.\r\n * \r\n * @param {any} searchModel Search parameters; property names must match the phynd api.\r\n * @returns {Promise} location type results.\r\n */\r\nexport const getLocationTypes = (searchModel) => {\r\n const fullUrl = encodeURI(`${BASE_URL}v2/Location/GetLocationTypes?networkCode=${searchModel.networkCode}&AddAll=${searchModel.AddAll}&lob=${searchModel.lob}`);\r\n const params = {\r\n headers: {\r\n \"x-bsw-clientid\": CLIENT_ID,\r\n \"accept\": \"application/json\"\r\n },\r\n method: \"GET\"\r\n };\r\n var start = new Date();\r\n //const request = new Request(fullUrl, params);\r\n return fetch(fullUrl, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Search.Locations.GetTypes\", start, fullUrl);\r\n return response.json();\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Search.Locations.GetTypes.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n\r\n\r\n/**\r\n * Phynd v2 GetMappedFacilityTypes.\r\n * \r\n * @param {any} searchModel Search parameters; property names must match the phynd api.\r\n * @returns {Promise} facility type results.\r\n */\r\nexport const getMappedFacilityTypes = (searchModel) => {\r\n const fullUrl = encodeURI(`${BASE_URL}v2/Location/GetMappedFacilityTypes?AddAll=${searchModel.AddAll}&lob=${searchModel.lob}`);\r\n const params = {\r\n headers: {\r\n \"x-bsw-clientid\": CLIENT_ID,\r\n \"accept\": \"application/json\"\r\n },\r\n method: \"GET\"\r\n };\r\n var start = new Date();\r\n //const request = new Request(fullUrl, params);\r\n return fetch(fullUrl, params).then(response => {\r\n logAPI(\"MBHWeb.Api.Search.Locations.GetMappedFacilityTypes\", start, fullUrl);\r\n return response.json();\r\n }).catch(err => { logAPI(\"MBHWeb.Api.Search.Locations.GetMappedFacilityTypes.Failure\", start, url, err); return Promise.reject(err); });\r\n};\r\n","const BASE_URL = \"api/logging\";\r\n//import AppInsights from \"applicationinsights-js\";\r\nimport { logAndylitics, log, logAPI } from \"./andyliticsApi\";\r\nimport * as tools from \"../helpers/Tools\";\r\n\r\n\r\nexport const logReactError = (errorMsg, errorInfo) => {\r\n try {\r\n console.error(errorMsg);\r\n const fullUrl = `${BASE_URL}/LogError`;\r\n const payload = { Error: errorMsg.toString(), Info: JSON.stringify(errorInfo) };\r\n\r\n const params = {\r\n method: \"POST\",\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Content-type\": \"application/json\"\r\n },\r\n body: JSON.stringify(payload), \r\n withCredentials: true\r\n };\r\n\r\n const start = new Date();\r\n\r\n fetch(fullUrl, params).then(resp => {\r\n logAPI(\"MBHWeb.Api.LogError.Post\", start, fullUrl);\r\n return resp;\r\n }).catch(err => { logAPI(\"MBHWeb.Api.LogError.Post.Failure\", start, fullUrl, err); return Promise.reject(err); });\r\n }\r\n catch (ex) {\r\n logAPI(\"MBHWeb.Api.LogError.Post.Failure\", new Date(), `${BASE_URL}/LogError`, ex);\r\n }\r\n\r\n};\r\n","import * as Tools from \"../helpers/Tools\";\r\nimport { OurWindow } from \"../types/ourWindow\";\r\ndeclare let window: OurWindow;\r\n\r\n// fetch the data/routes.json file from the medical record website\r\nexport const fetchRoutes = () => {\r\n let url: string = Tools.buildUrl(window.serverData.data.medicalRecordURL, \"/data/routes.json\");\r\n const params = {\r\n method: \"GET\",\r\n headers: {\r\n \"Accept\": \"application/json\",\r\n //\"Content-type\": \"application/json\"\r\n },\r\n };\r\n return global.rawFetch(url, params)\r\n .then(response => response.json())\r\n .then(data => {\r\n return data;\r\n })\r\n .catch(error => {\r\n console.error(\"Error fetching routes: \", error);\r\n throw error;\r\n });\r\n}\r\n","import { \r\n IListPatientMedicationRequest, \r\n IListPatientMedicationResponse, \r\n ISearchMedicationsRequest, \r\n IMedicationSearchResponse, \r\n IGetMedicationDetailsRequest, \r\n IMedicationDetailsResponse, \r\n IAddMedicationRequest, \r\n IRemoveMedicationRequest,\r\n IRemoveReportedTakingMedicationRequest\r\n} from './medicationsApi.types';\r\nimport { logAPI } from '../andyliticsApi';\r\n\r\nconst BASE_URL = typeof window !== 'undefined' ? window.serverData.data.apiBaseUrl : '';\r\n\r\nexport const listPatientMedications = (\r\n token: string,\r\n request: IListPatientMedicationRequest\r\n): Promise
\" + this.state.error?.componentStack + JSON.stringify(this.state.error) + JSON.stringify(this.state.errorInfo);\r\n debugger;\r\n }\r\n else {\r\n return
this.mainContainer = el}>\r\n {isLoadingNextCare && \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 === \"/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 location?.pathname && location?.pathname?.toLowerCase() === \"/resetpassword\" ||\r\n location.pathname === \"/forgotpassword\" ||\r\n location.pathname === \"/forgotusername\" ||\r\n location.pathname === \"/forall\" ||\r\n location.pathname === \"/fcnpostchat\" ||\r\n (location.pathname && location.pathname.toLowerCase().includes(\"/fatst\")) ||\r\n (location.pathname && location.pathname.toLowerCase().includes(\"/home/logout\"))\r\n ?\r\n \r\n behavioralHealthEnrollment ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n (\r\n \r\n \r\n \r\n \r\n \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.age >= 18\r\n ? \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \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 have /recentPain below and this path (/recientPain) can be removed if it's not consume somewhere, say in notification messages*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {hasMyChart ? \r\n \r\n {enableFindCareV8 ? \r\n\r\n ( ( ( ( ( ( ( (\r\n {enableFindCareV8 ? \r\n \r\n \r\n\r\n {/*Route for FCN reconnect */}\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n const currentPath = window.location.pathname;\r\n return {\r\n isLoggedIn: state.domain.li,\r\n isAltLoggedIn: state.sso.isAltLoggedIn,\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 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 enableFindCareV8: state?.session?.serverData?.enableFindCareSearchBarV8 || false,\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.userPreferences?.communitySupportBanned,\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.dashboard?.bffDashboardData?.data?.showCareCompanion || 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 ignoredMyChartTile: mychartPaths.some(path => currentPath.toLowerCase().includes(path.toLowerCase())),\r\n isLoadingNextCare: state.locations.nextCareLoading,\r\n enableV8Updates: state.session.serverData ? state.session.serverData.enableV8Updates : false,\r\n //enableNewCustomDirectScheduling: state.session.serverData ? state.session.serverData.enableNewCustomDirectScheduling : false,\r\n //fcn chatbot related\r\n //domain: state?.domain,\r\n currentUser: state?.domain?.currentUser,\r\n primaryUser: state?.domain?.primaryUser,\r\n smartSearchIntentCategory: state?.chatBot.smartSearchIntentCategory,\r\n smartSearchFullWordMatch: state?.chatBot.smartSearchFullWordMatch,\r\n smartSearchContent: state?.chatBot.smartSearchContent,\r\n smartSearchResultsForFCN: state?.chatBot?.smartSearchResultsForFCN,\r\n activeProductId: state.productDashboard?.activeProductId,\r\n activePrograms: state.memberships?.activePrograms,\r\n token: state?.domain?.t,\r\n membershipFeatures: state?.memberships?.membershipData?.features,\r\n enableMilestoneFilters: state?.session?.serverData?.enableMilestoneFilters || false,\r\n includeSmartSearchResultsInFCNChatContext: state?.session?.serverData?.includeSmartSearchResultsInFCNChatContext,\r\n age: state?.domain?.age,\r\n behavioralHealthEnrollment: state?.memberships?.behavioralHealthEnrollment,\r\n migraineFirstVisitType: state?.session?.serverData?.migraineFirstVisitType || '65038'\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 qualtricsLoaded: (isLoaded) => dispatch({ type: types.QUALTRICS_LOAD, data: { loaded: isLoaded } }),\r\n saveFCNId: (fcnId) => { dispatch({ type: types.SET_FCN_ID, fcnId }) },\r\n saveUTMIds: (utmProps) => { dispatch({ type: types.SET_UTM_PROPS, utmProps }) },\r\n setActiveProductId: (productId) => dispatch({ type: types.SET_ACTIVE_PRODUCT_ID, productId }),\r\n setBNCChatError: (error) => dispatch({ type: BNC_CHAT_ERROR, error }),\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(AppRoutes));","\r\n\r\n\r\n\r\nexport const mychartPaths = ['/mychart'\r\n,'/messagesAll'\r\n,'/messages'\r\n,'/forms/'\r\n,\"/messagesSend\"\r\n,\"/accountsummary\"\r\n,\"/onmyway\"\r\n,\"/openscheduling\"\r\n,\"/payasguest\"\r\n,\"/Visits/GuestCancel\" \r\n,\"/schedulevisit\"\r\n,\"/myconditions\"\r\n,\"/testresults\"\r\n,\"/thriveform\"\r\n,\"/videovisitconsentform\" \r\n,\"/videovisitbhconsentform\"\r\n,\"/todo\"\r\n,\"/appointments\"\r\n,\"/EcheckIn\"\r\n,\"/medicalrecord\"\r\n,\"/audit\"\r\n,\"/trends\"\r\n,\"/growthcharts\"\r\n,\"/referrals\"\r\n,\"/trackmyhealth\"\r\n,\"/walletcard\"\r\n,\"/shareeverywhere\"\r\n,\"/scheduling/\"\r\n,\"/vaccinecredentials\"\r\n,\"/todo\"\r\n,\"/visit/details\"\r\n,\"/visitsummary\"\r\n,\"/coverage\"\r\n,\"/mychart/\"];","import React from 'react';\r\nimport { Card, Divider, Illustration, Typography, LinkText, useMediaQuery, ElementsIllustrationNameAvailable, ScenesIllustrationNameAvailable } from '../ecosystem';\r\nimport { convertColor } from '../ecosystem/utils';\r\nimport './screening-card.scss';\r\n\r\ninterface ScreeningCardElements {\r\n linkText: string;\r\n url: string;\r\n description: string;\r\n onClick?: () => void;\r\n}\r\nexport interface ScreeningCardProps {\r\n className: string;\r\n borderColor: string;\r\n title: string;\r\n icon: string;\r\n elements: ScreeningCardElements[];\r\n}\r\n\r\nexport const ScreeningCard = (({\r\n className = '',\r\n borderColor = '',\r\n title = '',\r\n icon = '',\r\n elements\r\n}: ScreeningCardProps) => {\r\n const isMobile = useMediaQuery({ max: 'lg' });;\r\n const screeningCardClasses = [\r\n `${className ? className : 'get-care-screening-card'}`\r\n ].join(' ');\r\n\r\n const borderClass = [\r\n `get-care-screening-card__border`\r\n ].join(' ');\r\n\r\n return (\r\n \r\n \r\n { e && console.error(\"In APP .. Chat Error\", e) }}\r\n setChatStartedStatus={(status) => {\r\n if (status !== this.state.hasChatStarted)\r\n this.setState({ hasChatStarted: status });\r\n }}\r\n />\r\n \r\n \r\n {\r\n e && console.error(\"In APP .. Chat Error\", e);\r\n this.props.setBNCChatError(e);\r\n }}\r\n setChatStartedStatus={(status) => {\r\n if (status !== this.state.hasChatStarted)\r\n this.setState({ hasChatStarted: status });\r\n }}\r\n />\r\n \r\n
\r\n {!useOnboardingLayout &&\r\n <>{showLoggedInHeader ?\r\n \r\n
\r\n \r\n {title} \r\n
\r\n {elements.map((element, index) => (\r\n \r\n \r\n element.onClick && element.onClick()\r\n }\r\n >\r\n {element.linkText}\r\n \r\n {element.description} \r\n {index < elements.length - 1 &&
\r\n ))}\r\n \r\n\r\n
\r\n}\r\n\r\nfunction ScreeningVaccinesPage(props) {\r\n const location = window.store.getState().locations;\r\n let locCityAndState = location && location.city && location.state ? location.city + ',' + location.state : \"\"; \r\n const { updateQualtricsAccessPoint } = props\r\n const { t } = useTranslation(); \r\n\r\n useEffect(() => {\r\n updateQualtricsAccessPoint(\"\")\r\n }, [])\r\n \r\n const screeningCards = [\r\n {\r\n title: t('Screening and imaging'),\r\n topBorderColor: '$color-secondary-d1',\r\n icon: 'medical-records',\r\n elements: [{\r\n linkText: t('Screening mammography'),\r\n url: `/findcare?distance=25&vector=clinicalTerm&keyword=Screening%20Mammogram&location=${locCityAndState}&tab=2`,\r\n description: t('Schedule a preventive screening to detect early signs or symptoms of breast cancer.'),\r\n onClick: () => {\r\n updateQualtricsAccessPoint(qualtricsConstants.SCREENING_AND_VACCINES_ACCESS_POINT)\r\n }\r\n }]\r\n },\r\n {\r\n title: t('Vaccine options'),\r\n topBorderColor: '$color-system-a1',\r\n icon: 'vaccine',\r\n elements: [\r\n {\r\n linkText: t('Flu vaccines'),\r\n url: `/findcare?distance=25&vector=clinicalTerm&keyword=Flu%20Vaccine&location=${locCityAndState}&tab=2`,\r\n description: t('Get vaccinated against common influenza viruses to protect you and your loved ones.'),\r\n onClick: () => {\r\n updateQualtricsAccessPoint(qualtricsConstants.SCREENING_AND_VACCINES_ACCESS_POINT)\r\n }\r\n },\r\n {\r\n linkText: t('In-home vaccines'),\r\n url: '/inhomevaccine',\r\n description: t('Get vaccinated from the comfort of home. Healthcare, your way.')\r\n },\r\n ]\r\n }\r\n \r\n ]\r\n return (\r\n \r\n {cardItems.map((cardItem) => {\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 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 enableFCN: !state?.inMemory?.fcnIsDown,\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateQualtricsAccessPoint: (accessPoint) => {\r\n dispatch({\r\n type: types.QUALTRICS_UPDATE_SCHEDULING_ACCESS_POINT,\r\n schedulingAccessPoint: accessPoint,\r\n });\r\n },\r\n };\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ScreeningVaccinesPage);","import React, { useEffect, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { EmergencyNotifier, HeadingButtonCTA, CareCardGroup } from \"../ecosystem/mybswh\";\r\nimport { SplitBodyLayout } from \"../common/layout\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as qualtricsConstants from \"../../constants/qualtricsConstants\"\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\nfunction UrgentCarePage(props) {\r\n const location = window.store.getState().locations;\r\n //let locCityAndState = location && location.city && location.state ? location.city + ',' + location.state : \"\";\r\n let price = isNaN(props.cost) ? 'Varies by insurance network' : `$${props.cost}`;\r\n const [currentUserPatID, setCurrentUserPatID] = useState('');\r\n const { currentUser, updateQualtricsAccessPoint \r\n } = props; \r\n const { t } = useTranslation(); \r\n\r\n const dataLayerBookingStartEvent = () => {\r\n const eventType = 'booking_start';\r\n const bookingID = '';\r\n const specialty = \"24-7 Virtual Care\";\r\n const flow = 'virtual care flow';\r\n const list = 'Video Visit Page';\r\n const position = '';\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\r\n }\r\n const urgentCareCards = [\r\n {\r\n title: t(\"Urgent care clinic\"),\r\n description: t(\"Find locations near you or schedule a visit for minor illnesses or injuries.\"),\r\n buttonLabel: t(\"Find a clinic near you\"),\r\n cost: t(\"Primary care visit co-pay\"),\r\n hours: t(\"Varies by clinic location\"),\r\n wait: t(\"Call clinic for wait time\"),\r\n accordionList: [t(\"Flu, COVID-19, pneumonia, asthma\"), t(\"Bites, scrapes, cuts, and stings\"), t(\"Minor strains and sprains\"), t(\"Mild infections or irritation\"), t(\"Urinary issues\")],\r\n topBorderColor: \"red\",\r\n buttonProps: {\r\n to: `/findcare?distance=25&vector=clinicalTerm&keyword=Urgent%20Care&tab=2`,\r\n onClick: () => {\r\n updateQualtricsAccessPoint(qualtricsConstants.URGENT_CARE_ACCESS_POINT)\r\n logUI(`MBHWeb.UI.UrgentCare.UrgentCareClinicButton.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: t(\"24/7 virtual care\"),\r\n description: t(\"Start a video call with an on-call provider at your convenience using any camera-enabled device, anytime. Labs, x-rays, referrals are not available for this service.\"),\r\n buttonLabel: t(\"Schedule a Video Visit\"),\r\n cost: t(\"Varies by insurance network\"),\r\n hours: t(\"Available 24/7\"),\r\n wait: t(\"Approx. 2 hours\"),\r\n accordionList: [t(\"Cold, flu, allergies or sinus issues\"), t(\"Common adult female issues\"), t(\"Upset stomach\"), t(\"Eye or mouth pain\"), t(\"COVID-19\")],\r\n topBorderColor: \"green\",\r\n buttonProps: {\r\n to: '/schedulevideovisit',\r\n onClick: () => {\r\n dataLayerBookingStartEvent();\r\n logUI(`MBHWeb.UI.UrgentCare.24/7VirtualCare.Card.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }\r\n },\r\n {\r\n title: t(\"eVisit\"),\r\n description: t(\"Fill out an online questionnaire for a clinician to review and provide a diagnosis or guidance on next steps within 1 hour. If needed, a doctor's note or prescription can be provided.\"),\r\n infoText: t('eVisit providers are unable to prescribe Paxlovid for COVID-19'),\r\n buttonLabel: t(\"Get started\"),\r\n cost: price,\r\n hours: t(\"Available 24/7\"),\r\n wait: t(\"Approx. 1 hour\"),\r\n accordionList: [t(\"Cold, flu, allergies or sinus issues\"), t(\"Common adult female issues\"), t(\"Common eye and mouth problems\"), t(\"Skin and nail problems\"), t(\"Stomach problems\")],\r\n topBorderColor: \"blue\",\r\n buttonProps: {\r\n to: '/evisit',\r\n onClick: () => {\r\n logUI(`MBHWeb.UI.UrgentCare.eVisit.Card.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }\r\n }\r\n ]\r\n\r\n useEffect(() => {\r\n if (currentUser && currentUser.externalId && currentUserPatID !== currentUser.externalId) {\r\n setCurrentUserPatID(currentUser.externalId);\r\n props.getEvisitInformation(currentUser.externalId, \"EXTERNAL\");\r\n \r\n }\r\n }, [currentUser]);\r\n\r\n useEffect(() => {\r\n updateQualtricsAccessPoint(\"\")\r\n }, [])\r\n\r\n return (\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 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 enableFCN: !state?.inMemory?.fcnIsDown,\r\n eVisit: state.epic.eVisitInfo,\r\n cost: state?.epic?.eVisitInfo?.bswZipGroup?.price,\r\n currentUser: state.memberships.currentUser,\r\n isLoading: state.epic.iseVisitInfoPending\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEvisitInformation: (patientId, patientIdType) => {\r\n dispatch({ type: types.GET_EVISIT_INFORMATION_CALL, patientId, patientIdType });\r\n },\r\n updateQualtricsAccessPoint: (accessPoint) => {\r\n dispatch({\r\n type: types.QUALTRICS_UPDATE_SCHEDULING_ACCESS_POINT,\r\n schedulingAccessPoint: accessPoint,\r\n });\r\n },\r\n }\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UrgentCarePage);","import React, { useEffect, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { HeadingButtonCTA, CareCardGroup } from \"../ecosystem/mybswh\";\r\nimport { SplitBodyLayout } from \"../common/layout\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\nfunction VirtualCarePage(props) {\r\n\r\n let price = isNaN(props.cost) ? 'Varies by insurance network' : `$${props.cost}`;\r\n const [currentUserPatID, setCurrentUserPatID] = useState('');\r\n const { currentUser } = props;\r\n const { t } = useTranslation(); \r\n\r\n const virtualCareCards = [\r\n {\r\n title: t(\"Video Visit\"),\r\n description: t(\"Schedule a video call with your doctor, a local doctor, or on-call providers available 24/7 using any camera enabled device. Services vary by video option selected.\"),\r\n buttonLabel: t(\"See Video Visit options\"),\r\n cost: t(\"Varies by insurance network\"),\r\n hours: t(\"Available 24/7\"),\r\n wait: t(\"Approx. 2 hours\"),\r\n accordionList: [t('Cold, flu, allergies or sinus issues'), t('Common adult female issues'), t('Upset stomach'), t('Eye or mouth pain'), t('Follow up care')],\r\n topBorderColor: \"purple\",\r\n buttonProps: {\r\n to: '/videovisitscheduledfor',\r\n onClick: () => {\r\n logUI(`MBHWeb.UI.24/7VirtualCare.VideoVisitButton.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }\r\n },\r\n { \r\n title: t(\"eVisit\"),\r\n description: t(\"Fill out an online questionnaire for a clinician to review and provide a diagnosis or guidance on next steps within 1 hour. If needed, a doctor's note or prescription can be provided.\"),\r\n infoText: t('eVisit providers are unable to prescribe Paxlovid for COVID-19'),\r\n buttonLabel: t(\"Get started\"),\r\n cost: price,\r\n hours: t(\"Available 24/7\"),\r\n wait: t(\"Approx. 1 hour\"),\r\n accordionList: [t(\"Cold, flu, allergies or sinus issues\"), t(\"Common adult female issues\"), t(\"Common eye and mouth problems\"), t(\"Skin and nail problems\"), t(\"Stomach problems\")],\r\n topBorderColor: \"blue\",\r\n buttonProps: {\r\n to: '/evisit',\r\n onClick: () => {\r\n logUI(`MBHWeb.UI.24/7VirtualCare.eVisitButton.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }\r\n }\r\n ]\r\n\r\n\r\n useEffect(() => {\r\n if (currentUser && currentUser.externalId && currentUserPatID !== currentUser.externalId) {\r\n setCurrentUserPatID(currentUser.externalId);\r\n props.getEvisitInformation(currentUser.externalId, \"EXTERNAL\");\r\n\r\n }\r\n }, [currentUser]);\r\n\r\n return (\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 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 enableFCN: !state?.inMemory?.fcnIsDown,\r\n eVisit: state.epic.eVisitInfo,\r\n cost: state?.epic?.eVisitInfo?.bswZipGroup?.price,\r\n currentUser: state.memberships.currentUser,\r\n isLoading: state.epic.iseVisitInfoPending\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEvisitInformation: (patientId, patientIdType) => {\r\n dispatch({ type: types.GET_EVISIT_INFORMATION_CALL, patientId, patientIdType });\r\n },\r\n }\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VirtualCarePage);","import React from 'react';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport { BannerCard } from \"../ecosystem/mybswh\";\r\n\r\nconst AdditionalServicesBanner = ({\r\n message,\r\n}) => {\r\n\r\n return (\r\n \r\n
\r\n \r\n You currently have overdue { logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.ScheduleAdditionalServices.Clicked\", new Date(), Tools.getURLPath()); }}\r\n >preventive services.\r\n }\r\n cardIcon={{ name: 'schedule', set: 'brand' }} />\r\n
\r\n );\r\n}\r\n\r\nexport default AdditionalServicesBanner;\r\n","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 { 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 { bookingLogger } from \"../../api/gaLoging\";\r\nimport { Card, Notifier, Typography, LinkText, Icon } from \"../ecosystem/\";\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, enableFluVaccineSchedulingWorkflow, mammogramQuestions, enableUrgentCareSchedulingWorkflow } = 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 && !enableUrgentCareSchedulingWorkflow) {\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 let { locationInfo, visit, providerDetails, selectedIndex, isMyDoctor, listName, isFromVideoVisitOptions, selectDoctorProviderNPI, selectDoctorProSpecility, selectDoctorProviderIndex, myDoctorSelectedProvNpiId, videoVisitProvSpecialty, myDoctorSelectedProvIndex, isLocalDoctorProvider, isFromProduct } = this.props;\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n if (this.props.isMammography || this.props.enableFluVaccineSchedulingWorkflow) {\r\n let { locationInfo } = this.props;\r\n if (isFromProduct) {\r\n const eventType = 'booking_date_time_submit';\r\n const bookingID = visit.productProvID;\r\n const schedulingType = 'Open Scheduling';\r\n const specialty = isFromProduct\r\n const flow = 'product flow';\r\n const list = 'Product Page';\r\n const position = 1;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n }\r\n if (locationInfo && locationInfo.openSchedules && locationInfo.openSchedules.length !== 0) {\r\n let bookingID = locationInfo.locationID ? locationInfo.locationID : '';\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_date_time_submit';\r\n const specialty = locationInfo.openSchedules && locationInfo.openSchedules.dateAndTimes && locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName ? locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n const position = selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position)\r\n }\r\n } else {\r\n \r\n if (providerDetails || selectDoctorProviderNPI) {\r\n const eventType = 'booking_date_time_submit';\r\n const bookingID = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderNPI : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi ? providerDetails.npi : \"\";\r\n const schedulingType = ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && !isLocalDoctorProvider)) ? 'Direct Scheduling/Video Visit' : isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProSpecility : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? videoVisitProvSpecialty : providerDetails && providerDetails.openSchedule && providerDetails.openSchedule.dateAndTimes && providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty ? providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty : \"\";\r\n const flow = 'provider flow'\r\n const list = (isMyDoctor || isFromVideoVisitOptions) ? \"Video Visit Page\" : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderIndex : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvIndex : selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n }\r\n }\r\n //call api to load mammogram questions on continue click\r\n if (this.props.isMammography) {\r\n \r\n this.props.questionsLoaded(true);\r\n this.props.loadMammogramQuestions();\r\n if (this.props.byPassProxyAndInfo) {\r\n this.props.refOurStepManager?.current?.goToNewStep(true, this.props.stepManager.state.currentStep + 2)\r\n this.props.updateBypassProxyAndInfo(false);\r\n return\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 //This logic will work as when patinet \"Edit\" any of the calender date and time , will take the patient directly to the \"verifyNScheduleStep\" page.\r\n if (this.props.enableUrgentCareSchedulingWorkflow && this.props.visit && this.props.visit.reasonForVisitValue && this.props.visit.reasonForVisit && this.props.isChangingTime) {\r\n const verifyNScheduleStep = this.props.verifyScheduleStepValue;\r\n this.props.refOurStepManager?.current?.goToNewStep(true, verifyNScheduleStep);\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 const { t } = this.props;\r\n if (this.props.getScheduleError || this.props.earliestScheduleError) {\r\n this.setState({ validationError: t(\"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 !== t(\"Please select an available time.\")) {\r\n this.setState({ validationError: t(\"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, visitTypeDisplayName, changedVisitTypeId, isMammography, serverData, scheduleDaysAvailable,\r\n providerSearchModel, isFromVideoVisitOptions, isDisableSelectVisitAndDepartOption, isDirectVisit, t, translate, enableUrgentCareSchedulingWorkflow, scheduleStartInfo = {}\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 = t(\"The selected time is not available.\");\r\n let errorTimeAnchor = t(\"see more doctors with availability.\");\r\n let errorDate = t(\"The selected date is not available.\");\r\n let errorDateAnchor = t(\"see more doctors with availability.\");\r\n let errorNoAvailability = isMammography ? \"\" : this.props.isFromProduct?.toLowerCase().includes('postpartum') ? t(`There is no availability for this selected visit type this month. Please try again or select a different visit type.`) : `${t(\"There is no availability for the selected visit type\")}${(this.props.departments && this.props.departments.length > 1) ? t(' for the selected location') : ''} ${t(\"this month.\")}`;\r\n let errorNoAvailabilityAnchor = isMammography ? \"\" : t(\"See more doctors with availability.\");\r\n let appendVisit = visitTypeName && visitTypeName.toLowerCase().indexOf(\"visit\") >= 0 ? \"\" : ' ' + t(\"visit\");\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(`${Tools.dateSimpleFormat(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 = `${t(\"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 = `${t(\"There is no availability in\")} ${this.monthName ? this.monthName : 'this month'}. ${t(\"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 = `${t(\"There is no availability for\")} ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? t(visitTypeDisplayName[0].replace('d', 'D')) : \"\"} ${t(\"visit\")} ${t(\"in\")} ${this.monthName ?\r\n t(this.monthName) : t('this month')}.`;\r\n errorNoAvailabilityAnchor = `${t(\"See more locations with availability for a\")} ${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? t(visitTypeDisplayName[0].replace('d', 'D')) : \"\"} ${t(\"visit\")}.`\r\n }\r\n }\r\n if (selectedDateUnavailable) {\r\n errorToShow = \"errorDate\";\r\n errorDate = `${selectedDate !== \"\" ? selectedDate : t(\"The selected date\")} ${t(\"is not available for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${appendVisit}.`;\r\n errorDateAnchor = `${t(\"see more locations with availability for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${appendVisit}.`;\r\n }\r\n }\r\n else if (this.selectedTimeUnavailable === true) {\r\n errorToShow = \"errorTime\";\r\n errorTime = `${selectedTime !== \"\" ? selectedTime : t(\"The selected time\")} ${t(\"is not available for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${appendVisit}.`;\r\n errorTimeAnchor = `${t(\"see more locations with availability for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${appendVisit}.`;\r\n } else if (selectedDateUnavailable) {\r\n errorToShow = \"errorDate\";\r\n errorDate = `${selectedDate !== \"\" ? selectedDate : t(\"The selected date\")} ${t(\"is not available for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${appendVisit}.`;\r\n errorDateAnchor = `${t(\"see more locations with availability for a\")} ${get(this.props, t('schedule.visitTypes[0].name'), '')} ${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 \r\n const errCondition = this.props.showErrors === true && this.props.searchRunning === false && this.selectedTimeUnavailable === true;\r\n const twoDScreen = t(\"2D Screen\");\r\n const threeDScreen = t(\"3D Screen\");\r\n\r\n const isMobile = window.innerWidth < 870;\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 byPassProxyAndInfo: state.openScheduling.byPassProxyAndInfo,\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 })(AppointmentInfo);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Button, ButtonGroupItem, Typography, LinkText, Divider, Notifier, Icon } from \"../ecosystem\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { urgentCareSlotsBuilder, allArraysEmpty } from '../../helpers/urgentCareSlotsBuilder';\r\nimport OpenSchedulingError from \"./OpenSchedulingError\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { connect } from \"react-redux\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport MiniSpinner from \"../common/MiniSpinner\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\n\r\nclass AppointmentInfoWithDays extends React.Component {\r\n\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n selectedDay: null,\r\n selectedDate: null,\r\n selectedSection: null,\r\n selectedTime: null,\r\n showed: false,\r\n mounted: false,\r\n showAsInvalid: false,\r\n validationError: \"\",\r\n duration: null,\r\n isCentralTimeZone: Tools.isCentralTimeZone(),\r\n centralTimeZoneAbbr: Tools.getCentralTimeZoneAbbr(),\r\n bSelectedDayAvailable: false,\r\n bSelectedTimeavailable: false,\r\n distance: this.props.distance ? this.props.distance : \"\",\r\n }\r\n this.formatSchedule = this.formatSchedule.bind(this);\r\n this.resetShowInValid = this.resetShowInValid.bind(this);\r\n this.onSelectDate = this.onSelectDate.bind(this);\r\n this.onSelectTime = this.onSelectTime.bind(this);\r\n this.renderTimesList = this.renderTimesList.bind(this);\r\n this.selectSection = this.selectSection.bind(this);\r\n this.timeSelected = false;\r\n\r\n }\r\n\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.AppointmentInfoWithDays.ComponentDidMount\", new Date(), Tools.getURLPath());\r\n this.setState({\r\n mounted: true,\r\n /* selectedDay: null,\r\n selectedDate: null,\r\n selectedSection: null,\r\n selectedTime: null*/\r\n })\r\n }\r\n\r\n componentWillUnmount() {\r\n this.setState({\r\n mounted: false,\r\n selectedSection: null,\r\n /* selectedDay: null,\r\n selectedDate: null,\r\n selectedTime: null,*/\r\n })\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { scheduleDays, routeDate, routeTime, isFromDotCOM, defaultSelection } = this.props;\r\n if (!prevProps.scheduleDays && scheduleDays && isFromDotCOM) {\r\n this.onSelectDateFromDotCom(Tools.toJSDate(routeDate), routeTime);\r\n } else if (defaultSelection && !this.state.selectedSection) {\r\n this.onSelectDate(Tools.toJSDate(defaultSelection.date));\r\n } /* else if (!prevProps.scheduleDays && scheduleDays) {\r\n this.setState({\r\n selectedDay: null,\r\n selectedDate: null,\r\n selectedSection: null,\r\n selectedTime: null,\r\n })\r\n const found = scheduleDays.find(item => item?.sections?.find(section => section?.times?.length > 0));\r\n if (found && found.date) { this.onSelectDate(Tools.toJSDate(found.date)); }\r\n }*/\r\n\r\n //&& !this.state.selectedDay\r\n }\r\n\r\n formatSchedule(time) {\r\n return Tools.formatTimeString(time);\r\n }\r\n\r\n resetShowInValid() {\r\n const { mounted, showAsInvalid } = this.state;\r\n if (mounted && showAsInvalid) {\r\n this.setState({\r\n showAsInvalid: false\r\n });\r\n }\r\n }\r\n\r\n onSelectDate(date) {\r\n const { scheduleDays, selectedDayUnavailable } = this.props;\r\n if (scheduleDays) {\r\n this.setState({\r\n selectedSection: null\r\n })\r\n const selectedDay = scheduleDays.filter(item => item.date === Tools.getDateStrByFormat(date, 'YYYY-MM-DD'));\r\n const found = selectedDay && selectedDay.find(item => item?.sections?.find(section => section?.times?.length > 0));\r\n this.onChangeDate(date)\r\n const defaultSection = found && found.sections && found.sections.find(section => section.times.length > 0)\r\n\r\n this.setState({\r\n selectedDay: scheduleDays.find(item => item.date === Tools.getDateStrByFormat(date, 'YYYY-MM-DD')),\r\n selectedSection: defaultSection,\r\n bSelectedDayAvailable: selectedDay ? true : false\r\n });\r\n if (selectedDayUnavailable) selectedDayUnavailable(false);\r\n }\r\n\r\n }\r\n\r\n onSelectDateFromDotCom(date, routeTime) {\r\n const { scheduleDays, selectedDayUnavailable, selectedTimeUnavailable, t } = this.props;\r\n const selectedDay = scheduleDays && scheduleDays.find(item => item.date === Tools.getDateStrByFormat(date, 'YYYY-MM-DD'));\r\n let bSelectedDayAvailable = selectedDay ? selectedDay : false;\r\n let bSelectedTimeavailable = false;\r\n let time = null;\r\n let section = null;\r\n let defaultSection = null;\r\n if (bSelectedDayAvailable) {\r\n section = selectedDay.sections.find(section => section.times.find(time => time.time === routeTime));\r\n defaultSection = selectedDay.sections.find(section => section.times.length > 0)\r\n time = section && section.times ? section.times.find(t => t.time === routeTime) : null;\r\n bSelectedTimeavailable = time && time.time ? true : false;\r\n }\r\n if (!bSelectedDayAvailable && selectedDayUnavailable) selectedDayUnavailable(true);\r\n if (!bSelectedTimeavailable && selectedTimeUnavailable) selectedTimeUnavailable(true);\r\n this.setState({\r\n selectedDate: Tools.dateSimpleFormat(date),\r\n selectedDay: bSelectedDayAvailable ? selectedDay : null,\r\n selectedSection: (bSelectedDayAvailable) ? (bSelectedTimeavailable) ? section ? section : null : defaultSection : null,\r\n selectedTime: bSelectedTimeavailable ? time.time : null,\r\n duration: time && time.duration ? time.duration : null,\r\n validationError: !bSelectedDayAvailable ? t(\"The selected date is not available. Please choose from available dates above.\") : !bSelectedTimeavailable ? t(\"The selected time is not available. Please choose from the available times below.\") : \"\",\r\n showAsInvalid: (!bSelectedDayAvailable || !bSelectedTimeavailable) ? true : false,\r\n bSelectedDayAvailable,\r\n bSelectedTimeavailable\r\n });\r\n }\r\n\r\n onChangeDate(day) {\r\n const { visit, saveStepInfo, scheduleDays } = this.props;\r\n const selectedDays = scheduleDays && scheduleDays.length > 0 ? scheduleDays.map((slot, i) => { return Tools.parseAppointmentInfoDate(slot.date); }) : [];\r\n if (Tools.containsDate(selectedDays, day)) {\r\n visit.date = Tools.dateSimpleFormat(day);\r\n visit.time = \"\";\r\n saveStepInfo({ visit: visit });\r\n this.resetShowInValid();\r\n this.setState({\r\n selectedDate: Tools.dateSimpleFormat(day),\r\n selectedTime: \"\",\r\n showed: false,\r\n validationError: \"\",\r\n showAsInvalid: false\r\n });\r\n }\r\n }\r\n\r\n isValid() {\r\n return this.isValidate();\r\n }\r\n\r\n isValidate() {\r\n const { selectedSection, selectedDay, selectedDate, selectedTime } = this.state;\r\n const { t } = this.props;\r\n const bValid = selectedSection && selectedDate && selectedDay && selectedTime;\r\n let validationError = '';\r\n if (!bValid) {\r\n validationError = t('Please select an available time');\r\n }\r\n this.setState({ validationError, showAsInvalid: !bValid });\r\n return bValid;\r\n }\r\n\r\n onSelectTime(e, slot) {\r\n const { selectedTimeUnavailable } = this.props;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (slot && slot.time) {\r\n this.setState({\r\n selectedTime: slot.time,\r\n duration: slot.duration,\r\n validationError: \"\",\r\n showAsInvalid: false,\r\n bSelectedTimeavailable: true\r\n });\r\n }\r\n if (selectedTimeUnavailable) selectedTimeUnavailable(false);\r\n }\r\n\r\n setShowed(selectedSection) {\r\n const { showed } = this.state\r\n if (selectedSection && selectedSection.times.length > 8) {\r\n this.setState({ showed: !showed });\r\n }\r\n }\r\n\r\n selectSection(section) {\r\n this.setState({\r\n selectedSection: section,\r\n selectedTime: \"\",\r\n showed: false,\r\n validationError: \"\",\r\n showAsInvalid: false\r\n });\r\n }\r\n\r\n renderTimesList = (list) => {\r\n const { showed, selectedTime } = this.state;\r\n if (showed) {\r\n return (\r\n list.times.map((slot, index) => (\r\n \r\n
\r\n }\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n
\r\n {(this.props.isFromProduct === \"headacheCare\" && !this.props.providerVisit) &&\r\n \r\n {\r\n selectedDate !== \"\" && selectedTime !== \"\" && !isMammography && !enableFluVaccineSchedulingWorkflow && !enableUrgentCareSchedulingWorkflow &&\r\n
\r\n {t(\"Let's confirm: do these details look correct?\")}
\r\n }\r\n {\r\n (selectedTime === \"\" || isMammography || enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) &&\r\n{t(\"When would you like to schedule this appointment?\")}
\r\n }\r\n {\r\n (isMammography || enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) && (this.props.departments.length && visitTypeDisplayName.length) ?\r\n{visitTypeDisplayName || label || label2 ? `${visitTypeDisplayName && visitTypeDisplayName.length > 1 ? t(visitTypeDisplayName[1]) : \"\"} | ${label ? t(label) : ''} | ${label2 ? t(label2) : ''}` : \"\"}
\r\n : \r\n }\r\n {serverData && serverData.covidVideoSchedulingEnabled === true &&\r\n{t(\"In-person online scheduling options are temporarily suspended due to COVID-19\")}
\r\n }\r\n\r\n
}\r\n \r\n {((this.props.visitTypes && this.props.departments) && ((isFromVideoVisitOptions || isDirectVisit) && !this.props.enableNewVideoVisitFlow)) &&\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"Please schedule a time based on your provider's instructions as noted in your After Visit Summary\")}\r\n \r\n
\r\n \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 this.state.twoDstate.length > 1\r\n ? \r\n {twoDScreen}\r\n {}\r\n {threeDScreen}\r\n
\r\n \r\n {t(\"We show 3D screening mammogram availability by default. If you prefer a 2D screening mammogram, change this selection.\")}\r\n
\r\n {twoDScreen}{t(\"This facility only offers 2D screenings. If you prefer to have a 3D screening please select a different location.\")}
\r\n : {threeDScreen}{t(\"If you prefer a 2D screening please let the facility know when you arrive for your appointment.\")}
\r\n }\r\n \r\n
\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 {!isMobile && this.props.isFromProduct && (\r\n
\r\n \r\n
\r\n\r\n )}\r\n \r\n \r\n {t(\"If this is an emergency, please call\")} 911. \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 {t(\"We are not able to display times for this appointment type and location. Please try again later.\")}
\r\n\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} {t(\"Please choose another time or\")} {errorTimeAnchor}\r\n
\r\n }\r\n\r\n {errCondition && (errorToShow === \"errorTime\") && this.props.enableFluVaccineSchedulingWorkflow &&\r\n \r\n {t(\"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 {t(\"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 {isMobile && this.props.isFromProduct && (\r\n \r\n //
\r\n // \r\n
\r\n\r\n )}\r\n \r\n }\r\n \r\n \r\n {t(\"If this is an emergency, please call\")} 911. \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 visitTypeAndLocationFailed === false && searchRunning === false &&\r\n
\r\n );\r\n /* } else {\r\n return null;\r\n }*/\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(AppointmentInfoWithDays);","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\nimport { withTranslation } from 'react-i18next';\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 const { t } = this.props;\r\n\r\n return (\r\n \r\n \r\n {t(\"We are not able to display times for this appointment type and location. Please change location and try again.\")} \r\n : <>{(this.props.waiting) &&\r\n
\r\n }\r\n \r\n
\r\n {/* {\r\n (visitTypeAndLocationFailed === true || hasNoAvailableSlots) &&\r\n \r\n
\r\n {t(\"When would you like to schedule this appointment?\")}
\r\n\r\n {\r\n (enableUrgentCareSchedulingWorkflow) && (departments.length && visitTypeDisplayName.length) ?\r\n\r\n {visitTypeDisplayName || label || label2 ?\r\n <>\r\n {visitTypeDisplayName && visitTypeDisplayName.length > 1 ? t(visitTypeDisplayName[1]) : \"\"} | {label ? t(Number(distanceValue).toFixed(2)) : ''} {TextMiles} {label ? t(label) : ''} \r\n \r\n : \"\"}\r\n
\r\n : \"\"\r\n }\r\n\r\n {/* {serverData && serverData.covidVideoSchedulingEnabled === true &&\r\n {t(\"\\3\")}
\r\n }*/}\r\n\r\n \r\n {enableUrgentCareSchedulingWorkflow\r\n ? 'We are not able to display times for this appointment type and location. Please change location and try again.'\r\n : translateText(translate, \"We're sorry, scheduling for this doctor is temporarily unavailable.\", t)\r\n }\r\n \r\n */}{/*{(enableUrgentCareSchedulingWorkflow) &&\r\n changeLocationBtn\r\n }*/}{/*\r\n
\r\n }*/}\r\n\r\n {(!hasNoAvailableSlots) &&\r\n\r\n \r\n
\r\n\r\n }\r\n\r\n {(enableUrgentCareSchedulingWorkflow && (hasNoAvailableSlots))\r\n ? \r\n
\r\n \r\n {scheduleDays && scheduleDays.map((day, index) => {\r\n return (\r\n this.onSelectDate(Tools.toJSDate(day.date))}\r\n disabled={allArraysEmpty(day.sections)}\r\n >\r\n
\r\n {(showAsInvalid && validationError !== \"\" && !bSelectedDayAvailable && !bSelectedTimeavailable) &&\r\n \r\n {day.label} \r\n
\r\n \r\n )\r\n })}\r\n {Tools.getDateStrByFormat(day.date, 'MMMM DD')}
\r\n \r\n \r\n {validationError}\r\n \r\n
\r\n }\r\n {bSelectedDayAvailable && <>\r\n \r\n \r\n {t(\"Choose a time of day\")}\r\n \r\n
\r\n \r\n {selectedDay && selectedDay.sections && selectedDay.sections.map((time, index) => (\r\n this.selectSection(time)}\r\n disabled={time.times.length === 0}\r\n >\r\n
\r\n \r\n
\r\n \r\n\r\n ))}\r\n {time.times.length > 0 ? time.title : t('No availability')}
\r\n {time.range}
\r\n \r\n Choose a time \r\n {!isCentralTimeZone &&\r\n
\r\n \r\n \r\n {t(`All times are in ${centralTimeZoneAbbr} time zone.`)}\r\n \r\n
\r\n }\r\n\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n \r\n {validationError}\r\n \r\n
\r\n }\r\n \r\n {selectedSection && (\r\n
\r\n }\r\n \r\n
\r\n )}\r\n \r\n {this.renderTimesList(selectedSection)}\r\n
\r\n \r\n {selectedSection && selectedSection.times.length > 8 && (\r\n <>\r\n this.setShowed(selectedSection)}\r\n >\r\n {showed ? t('View less') : t('View more')}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n }\r\n \r\n
\r\n \r\n
);\r\n }\r\n\r\n visitTypeCard(visitType, index) {\r\n const displayName = visitType.label;\r\n const { t } = this.props;\r\n\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 {t(\"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, t } = 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}: {t(\"A complete\")} {displayName} {t(\"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 withTranslation()(AppointmentType);\r\n","import { FC } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { Icon, Typography } from \"../ecosystem\";\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\ninterface CoachingVisitTypeReasonProps {\r\n reason: string;\r\n visitTypeId: string;\r\n variant: 'default' | 'confirm';\r\n}\r\n\r\nconst CoachingVisitTypeReason: FC\r\n
\r\n {visitTypeAndLocationPending\r\n ? \r\n
\r\n {t(\"What appointment would you like to schedule?\")}
\r\n{safeCareMsg}
\r\n \r\n
\r\n \r\n
\r\n {t(\"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 {isPhoneVisit ? t('Phone call') : t('Video Visit')}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CoachingVisitTypeReason;\r\n","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 );\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 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\nimport ConfirmationModal from \"../common/ConfirmationModal\";\r\nimport { withTranslation } from 'react-i18next';\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 reasonVisitTypeIDType:\"\",\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 selectDoctorProSpecility: \"\",\r\n selectDoctorProviderIndex: \"\",\r\n selectDoctorProviderNPI: \"\"\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 callbackOnLeave = () => {\r\n const { serverData } = this.props;\r\n const { scheduleType } = this.state;\r\n const stepManager = this.refOurStepManager.current;\r\n let restartAtStep = null;\r\n if (window.userToSwitch) {\r\n this.props.switchToMyChartUser(window.userToSwitch, window.userToSwitch.index);\r\n this.userSelected = null;\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 onUserSwitched = (userSelected, index) => {\r\n this.userSelected = userSelected;\r\n this.props.switchToMyChartUser(userSelected, index);\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 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 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.reasonVisitTypeIDType ? visit.reasonVisitTypeIDType : \"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)} - ${this.scrubJsonCharacters(visit.reasonForVisitValue)}`,\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\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 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() && today.getFullYear() === start1.getFullYear() ){\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 getSelectedSelectDoctorDetails = (providerId, selectDoctorSpecility, selectDoctorProIndex) => {\r\n if (providerId) {\r\n this.setState({ selectDoctorProSpecility: selectDoctorSpecility, selectDoctorProviderIndex: selectDoctorProIndex, selectDoctorProviderNPI: providerId });\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) => {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\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 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 updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(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\nimport { bookingLogger } from \"../../api/gaLoging\";\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 this.earliestCachedSlotDate = visit && visit.visitType && visit.visitType.startDate ? Tools.dateSimpleFormat(visit.visitType.startDate) : Tools.dateSimpleFormat(new Date());\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.earliestCachedSlotDate = visit && visit.visitType && visit.visitType.startDate ? Tools.dateSimpleFormat(visit.visitType.startDate) : Tools.dateSimpleFormat(new Date());\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 const { t } = this.props;\r\n if (!selectedDepartment.isDepartmentSelected) {\r\n this.setState({ validationError: t(\"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 = null, providerDetails, selectedIndex, listName, selectDoctorProviderNPI, isFromVideoVisitOptions, selectDoctorProviderIndex, selectDoctorProSpecility, myDoctorSelectedProvNpiId, videoVisitProvSpecialty, myDoctorSelectedProvIndex, isMyDoctor, isLocalDoctorProvider } = this.props;\r\n if (providerDetails || selectDoctorProviderNPI) {\r\n const eventType = 'booking_location_submit';\r\n const bookingID = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderNPI : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi ? providerDetails.npi : \"\";\r\n const schedulingType = ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && !isLocalDoctorProvider)) ? 'Direct Scheduling/Video Visit' : isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProSpecility : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? videoVisitProvSpecialty : providerDetails && providerDetails.openSchedule && providerDetails.openSchedule.dateAndTimes.length !== 0 && providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty ? providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty : \"\";\r\n const flow = 'provider flow'\r\n const list = (isMyDoctor || isFromVideoVisitOptions) ? \"Video Visit Page\" : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderIndex : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvIndex : selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\r\n }\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) {\r\n if (selectedDepartment && id) {\r\n this.setEarliestScheduleDate(visit, id, type, departmentFilter);\r\n } else { this.props.saveStepInfo({ visit: visit }, true); }\r\n \r\n // this.props.setEarliestScheduleDate(visit, (date) => {\r\n // visit.visitType.startDate = date ? date : isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n // visit.date = date ? date : \"\";\r\n //visit.time = \"\";\r\n //this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n // });\r\n } else if (isFromDotCOM && (visit.department.id !== id)) {\r\n this.setEarliestScheduleDate(visit, id, type, departmentFilter);\r\n } else if (isFromDotCOM && (visit.department.id === id)) {\r\n this.props.saveStepInfo({ visit: visit }, true);\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, id, type, departmentFilter) => { \r\n const { selectedDepartment } = this.state;\r\n const { isFromDotCOM = null } = this.props;\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 this.props.setEarliestScheduleDate((visit),(date)=>{\r\n visit.visitType.startDate = date ? date : isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n visit.date = date ? date : \"\";\r\n visit.time = \"\";\r\n this.props.saveStepInfo({ visit: visit}, true);\r\n })\r\n } \r\n\r\n render() {\r\n const { departments, visit,enableNewProviderSchedulingWorkflow , enableNewVideoVisitFlow, t} = 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\r\n {((!scheduleCompleted && currentStep > 0)) &&\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)}\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\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 { withRouter, Link } from 'react-router-dom';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as msgs from '../../constants/textConstants';\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { formatPhoneNumber, getFirstName, firstNameFirst } from \"../../helpers/formatting\";\r\nimport StatusBanner from '../common/StatusBanner';\r\nimport VideoVisitTips from \"../dashboard/appointment/VideoVisitTips\";\r\nimport LaunchVideoMessage from '../common/LaunchVideoMessage';\r\nimport AdditionalServicesBanner from \"./AdditionalServicesBanner\";\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\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport CoachingVisitTypeReason from \"./CoachingVisitTypeReason\";\r\nimport { ConfirmationCTABanner } from \"./components\";\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\r\n componentDidMount() {\r\n const { schedule, eCheckInStatusSuccess, scheduleCampaignReferrer, provider, providerDetails, visit, careGapsSessionId, updateCareGapFlowFormInputs, visitTypeReason, scheduleAppointmentSuccess, scheduleAppointmentFailed, scheduleStartInfo = {}, selectedIndex, isMyDoctor, listName, selectDoctorProviderNPI, isFromVideoVisitOptions, selectDoctorProviderIndex, selectDoctorProSpecility, myDoctorSelectedProvNpiId, videoVisitProvSpecialty, myDoctorSelectedProvIndex, isLocalDoctorProvider } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmation.ComponentDidMount\", new Date(), Tools.getURLPath(), { scheduleCampaignActivity, scheduleStartInfo });\r\n if ((scheduleAppointmentSuccess && providerDetails) || (selectDoctorProviderNPI)) {\r\n const eventType = 'booking_complete_successfully';\r\n const bookingID = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderNPI : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi ? providerDetails.npi : \"\";\r\n const schedulingType = ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && !isLocalDoctorProvider)) ? 'Direct Scheduling/Video Visit' : isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProSpecility : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? videoVisitProvSpecialty : providerDetails && providerDetails.openSchedule && providerDetails.openSchedule.dateAndTimes && providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty ? providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty : \"\";\r\n const flow = 'provider flow'\r\n const list = (isMyDoctor || isFromVideoVisitOptions) ? \"Video Visit Page\" : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderIndex : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvIndex : selectedIndex;\r\n const success = true;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position, success);\r\n } \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 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, t } = 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 tipsMsg = t(tipsMsg);\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 = t(tipsMsg);\r\n }\r\n }\r\n }\r\n\r\n return tipsMsg;\r\n }\r\n backToDashboardButtonClick = () => {\r\n let phcDashboardRoute = \"/products/personalhealthcoaching\";\r\n let likeMindDashboardRoute = \"/products/likemind\";\r\n let bncDashboardRoute = msgs.Scheduling_muscleAndJointRoute;\r\n let dashboardRouteULR = this.props.isFromProduct && this.props.isFromProduct === 'Phc' ? phcDashboardRoute : this.props.isFromProduct && this.props.isFromProduct === msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ ? bncDashboardRoute : likeMindDashboardRoute;\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.backToDashboard.button.click\", new Date(), Tools.getURLPath(), dashboardRouteULR);\r\n this.props.history.push(dashboardRouteULR);\r\n }\r\n\r\n backToPhcBeginIntakeQusButtonClick = () => {\r\n let phcIntakeRoute = \"/products/personalhealthcoaching/intake\";\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.backToPHCIntakeForm.button.click\", new Date(), Tools.getURLPath());\r\n this.props.history.push(phcIntakeRoute);\r\n }\r\n\r\n render() {\r\n\r\n const { t, nonMyChartPatientDetails, providerDetails, scheduleAppointmentForProxy, primaryUser, currentUser, visit, provider, serverData, hasMyChart, enableEcheckinMandatoryUpdates, covid19VaccineVisitTypeId, schedule, providerSearchModel, Covid19VaccineScheduleErrorMsg, isFromCovid19VaccineSchedule, covid19VaccineVisitTypeIdForMinor, isFromVideoVisitOptions, selectedVisitType, isProductSchedule = false, scheduleStartInfo = {}, showGoToProgramButton = false, isFromProduct, userEnrollCarePlanResponseCallSuccess, translate, showIntakeForm = false } = this.props;\r\n const { eCheckInDays } = serverData || '';\r\n const { showScheduleAdditionalServices = false } = scheduleStartInfo;\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 = isProductSchedule ? providerDetails?.locations[0]?.locationPhone : 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 const goToProductMessage = this.props.isFromProduct && this.props.isFromProduct === msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ ? t(\"Explore more Muscle and Joint Care features and track appointments.\")\r\n : isFromProduct && isFromProduct === \"likemind\" ? t('Explore more Behavioral Health features and track appointments.') : isFromProduct && isFromProduct === \"Phc\" ? t('Explore more Personal Health Coach features and track appointments.') : '';\r\n const subHeading = (serverData && serverData.videoVisitTypesForDoctorMessage && serverData.videoVisitTypesForDoctorMessage.indexOf(visitTypeReasonID) >= 0) ? t(\"You'll receive email confirmation and your doctor will reach out to you about the communication method for your visit.\") :\r\n isFromCovid19VaccineSchedule ? t(`You'll receive email confirmation for ${covidVaccineDateWithDayName} at ${covidVaccineTimeStr}.`) : t(\"You will receive an email confirming your appointment.\");\r\n const showBeginEcheckInBanner = !this.props.scheduleAppointmentFailed && hasMyChart && numberOfDaysDiff <= parseInt(eCheckInDays) && enableEcheckinMandatoryUpdates;\r\n const phcBeginQuestionsBanner = t(\"Help us prepare for your upcoming appointment by completing this questionnaire.\");\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 {t(\"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 { formatPhoneNumber, firstNameFirst, getFirstName } from \"../../helpers/formatting\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport QualtricsSurvey from \"./QualtricsSurvey\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport AdditionalServicesBanner from \"./AdditionalServicesBanner\";\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport CoachingVisitTypeReason from \"./CoachingVisitTypeReason\";\r\nimport { ConfirmationCTABanner } from \"./components\";\r\nimport { Typography } from \"../ecosystem\";\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 this.state = { showQualtricsSurvey: true };\r\n }\r\n\r\n componentDidMount() {\r\n const { scheduleCampaignReferrer, eCheckInStatusSuccess, schedule, scheduleAppointmentSuccess, scheduleAppointmentFailed, providerDetails, visit, departments, careGapsSessionId, updateCareGapFlowFormInputs, postCareGapFlowData, visitTypelabel, careGapFlowFormInputs, scheduleStartInfo = {} } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.ComponentDidMount\", new Date(), Tools.getURLPath(), { scheduleCampaignActivity, scheduleStartInfo });\r\n\r\n if (!eCheckInStatusSuccess && schedule && !this.props.isNextCareScheduling) {\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 if (this.props.scheduleAppointmentSuccess === true) {\r\n let { locationInfo, selectedIndex, isFromProduct, visit } = this.props;\r\n if (locationInfo && locationInfo.length !== 0) {\r\n let bookingID = locationInfo.locationID ? locationInfo.locationID : '';\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_complete_successfully';\r\n const specialty = locationInfo.openSchedules && locationInfo.openSchedules.dateAndTimes && locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName ? locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n const position = selectedIndex;\r\n const success = true;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position, success)\r\n } else if (isFromProduct) {\r\n const eventType = 'booking_complete_successfully';\r\n const bookingID = visit.productProvID;\r\n const schedulingType = 'Open Scheduling';\r\n const specialty = isFromProduct\r\n const flow = 'product flow';\r\n const list = 'Product Page';\r\n const position = 1;\r\n const success = true;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position, success);\r\n }\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 } = 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 `${t(Tools.getMonthName(monthName.toString()))} ${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 let regex = /(?:AM|PM)/i;\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 = isNaN(parseInt(parts[2])) ? ret.split(' ')[1] : parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n if (h === 0) {\r\n h = 12;\r\n }\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${regex.test(s) ? s : ispm ? \"PM\" : \"AM\"}`;\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\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 startYourHeadacheProfileClick = () => {\r\n let headacheProfileRoute = \"/products/headachecare/profile\";\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.startYourHeadacheProfile.survey.Submit\", new Date(), Tools.getURLPath());\r\n this.props.history.push({ pathname: headacheProfileRoute });\r\n }\r\n\r\n goToPostpartumDashboardButtonClick = () => {\r\n let postpartumDashboardRoute = '/products/postpartumcare';\r\n logUI(\"MBHWeb.UI.OpenScheduleConfirmationSuccess.goToPostpartumDashboard.survey.Submit\", new Date(), Tools.getURLPath());\r\n this.props.history.push(postpartumDashboardRoute);\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 = ({t(\"Please Note:\")} {t(\"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 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 = t(tipsMsg);\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 = t(tipsMsg);\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 = t(tipsMsg);\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, isFromProduct, providerVisit, userEnrollCarePlanResponseCallSuccess,\r\n nonMyChartPatientDetails, scheduleAppointmentForProxy, schedule, hasMyChart, enableEcheckinMandatoryUpdates, isMammography, t, enableUrgentCareSchedulingWorkflow, scheduleStartInfo = {}, showDashboardBtn\r\n } = this.props;\r\n\r\n const scheduleVisitType = schedule && schedule.visitType && schedule.visitType.displayName;\r\n let phoneNumber = visit?.department?.phone.trim();\r\n let deptPhoneNumber = \"\";\r\n if (phoneNumber && phoneNumber.startsWith('+1')) {\r\n deptPhoneNumber = phoneNumber.slice(2);\r\n } else {\r\n deptPhoneNumber = phoneNumber;\r\n }\r\n let { showScheduleAdditionalServices = false } = scheduleStartInfo;\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 : deptPhoneNumber;\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 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.showBeginEcheckInBanner !== null && this.props.showBeginEcheckInBanner === true) && (!this.props.scheduleAppointmentFailed && hasMyChart && numberOfDaysDiff <= parseInt(eCheckInDays) && enableEcheckinMandatoryUpdates);\r\n const tipsBannerMsg = this.getTipsBannerMsg(showBeginEcheckInBanner);\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 && !isProductSchedule && \r\n {showScheduleAdditionalServices &&
\r\n \r\n {isVirtualCareVisit\r\n ? {t(\"eCheck-In is required to launch your video visit\")}\r\n : {t(\"eCheck-In is available to complete\")}}\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n {showGoToProgramButton && !this.props.scheduleAppointmentFailed && \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 {t(\"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 {!isProductSchedule ? (\r\n <>\r\n
\r\n {visitTypeDescription}
\r\n \r\n
\r\n \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 {t(\"Video Visit\")}\r\n
\r\n {schedule?.provider?.displayName}
\r\n {isProductSchedule && (\r\n \r\n \r\n
\r\n {(isVirtualCareVisit && !isProductSchedule) && \r\n
}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"Video Visit\")}\r\n
\r\n \r\n
\r\n {isVirtualCareVisit && (isFromProduct && isFromProduct.toLowerCase() !== msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ) &&\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 {goToProductMessage}\r\n \r\n
\r\n }\r\n {showIntakeForm && !showGoToProgramButton && !this.props.scheduleAppointmentFailed && \r\n {phcBeginQuestionsBanner}\r\n \r\n
\r\n }\r\n \r\n {isVirtualCareVisit && (isFromProduct && isFromProduct.toLowerCase() !== msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ) &&
\r\n \r\n
\r\n }\r\n {(tipsBannerMsg && !isProductSchedule) &&\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {t('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\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 careGapFlowFormInputs: state.careGap.careGapFlowFormInputs,\r\n careGapsSessionId: state.careGap.careGapsSessionId,\r\n externalEventId: state?.session?.serverData?.staticExternalEventId\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\r\n \r\n
\r\n }\r\n {this.props.isBehavioralHealth && (\r\n \r\n
\r\n )}\r\n {this.props.scheduleAppointmentFailed === true\r\n ? \r\n \r\n {t(\"Your Care Navigator will help you choose a provider, schedule your intake, and address any concerns.\")}\r\n \r\n
\r\n \r\n \r\n {this.props.createPatientFailed\r\n ? \r\n {t(\"Please\") + ' '}\r\n this.editPatientInfo(e, true)}>{t(\"try again\")}{' '}\r\n {t(\"and confirm your information is correct\") + ' '}\r\n {providerPhone && \r\n {t(\"or\") + ' ' + t(\"call\") + ' '}\r\n {providerPhone} {t(\"to schedule\")}\r\n }.\r\n \r\n :\r\n \r\n {t(\"Please\") + ' '}\r\n \r\n {t(\"call\") + ' '}\r\n {providerPhone}\r\n {' ' + t(\"to schedule or\") + ' '}\r\n \r\n this.editAppt(e, true)}>{t(\"try again\")}.\r\n \r\n }\r\n \r\n
\r\n : \r\n {showScheduleAdditionalServices &&
\r\n }\r\n \r\n
\r\n\r\n {tipsBannerMsg && !(enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) &&\r\n \r\n
\r\n {!(enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) && \r\n
\r\n {!(enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) && }\r\n \r\n {!isFromProduct ?
\r\n {(enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) && \r\n
\r\n : \r\n
\r\n \r\n {(isMammography || (enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow)) ? {t(visitTypelabel.replace('d', 'D'))} {enableUrgentCareSchedulingWorkflow ? 'Appointment' : ''} \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 {formatPhoneNumber(providerPhone)}
\r\n \r\n : \r\n \r\n
}\r\n \r\n {this.props.isBehavioralHealth ? (\r\n
\r\n }\r\n {!(enableFluVaccineSchedulingWorkflow || enableUrgentCareSchedulingWorkflow) && \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n )}\r\n {(this.props.isFromProduct.toLowerCase() === 'postpartumcare') && (\r\n \r\n {this.props?.visit?.reasonForVisitValue || 'Virtual 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
\r\n {t(\"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 {t(\"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 {this.date2str(visit.date)}
\r\n {this.formatTime(visit.time)} {timezone}
\r\n \r\n
}\r\n {t(\"Be Ready For Your Appointment\")}
\r\n{t(\"Please bring any non-BSWH images and reports for comparison.\")}
\r\n{t(\"Arrive at least {0} minutes before your appointment time.\").replace('{0}', arrivalTimeSchedule)}
\r\n{t(\"Bring your photo ID and insurance card(s) to your appointment.\")}
\r\n{t(\"Wear a two piece outfit (e.g. A blouse and pants).\")}
\r\n{t(\"Please refrain from wearing deodorant as it can cause issues with the results of the screening mammogram.\")}
\r\n{t(\"If you experience any breast related symptoms prior to your appointment, please call our office prior to your arrival.\")}
\r\n{t(\"Please do not bring children with you, as staff is unable to care for your child during your procedure.\")}
\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 * 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\nimport { trackPatientInfoSubmit } from \"../../api/gaLoging\";\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 trackPatientInfoSubmit();\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(t(\"You must select a valid date of birth.\"));\r\n return false;\r\n }\r\n if (!validGender) {\r\n //debugger;\r\n this.setValidationMessage(t(\"You must select a gender.\"));\r\n //this.refs.gender.refs.selectElement.focus();\r\n return false;\r\n }\r\n if (!validSsn) {\r\n this.setValidationMessage(t(\"You must enter a valid social security number.\"));\r\n //this.refs.SSN.refs.inputElement.focus();\r\n return false;\r\n }\r\n if (!validPhone) {\r\n this.setValidationMessage(t(\"You must enter a valid phone number.\"));\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(t(\"You must enter a valid address.\"));\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: t(\"Not Listed\")});\r\n insurancePlans.push({ key: insurancePlans.length, value: \"No Insurance\", label: t(\"No Insurance\") });\r\n\r\n const maleMammogramCurrentMsg = t(\"Currently, our system has a different process for scheduling screening mammograms for individuals who do not identify as female.\");\r\n const maleMammogramAssistantMsg = t(\"For further assistance please contact your primary care provider.\")\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, Radio, Icon, Modal, LinkText } from \"../ecosystem/\";\r\nimport { formatPhoneNumber, queryParams } from \"../../helpers/formatting\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport Spinner from \"../common/spinner\";\r\nimport { bookingLogger, trackSpecialtyAgeRestrictionRedirection } from '../../api/gaLoging';\r\n\r\nconst NEW_PATIENT_LABEL = 'I am a new patient';\r\nconst EXISTING_PATIENT_LABEL = 'I have seen this provider before';\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 modalOpen: false,\r\n modalMessage: '',\r\n pediatricianAgeLimit: null\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { visitTypeAndLocationInfo, providerSpecialty, currentUser, dotComProviderSpecialty, visit } = this.props;\r\n const patientStatusExisting = visitTypeAndLocationInfo && visitTypeAndLocationInfo.patientStatusExisting;\r\n const patientStatusNew = visitTypeAndLocationInfo && visitTypeAndLocationInfo.patientStatusNew;\r\n const regex = /(internal medicine|pediatric)/i;\r\n const reviewedSpecialty = regex.test(dotComProviderSpecialty);\r\n if (this.props.isFromDotCOM && reviewedSpecialty && prevProps && prevProps.patientType !== this.props.patientType) {\r\n this.onChange(this.props.patientType);\r\n }\r\n if (this.props.isFromDotCOM && !dotComProviderSpecialty && prevProps && prevProps.patientType !== this.props.patientType) {\r\n this.onChange(this.props.patientType);\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 if (prevProps.currentUser.amrn !== currentUser.amrn) {\r\n this.setState({ selected: null })\r\n }\r\n /* if ((prevProps && prevProps.currentUser.amrn !== currentUser.amrn) && this.props.isFromDotCOM && dotComProviderSpecialty) {\r\n this.onChange(this.props.patientType);\r\n }*/\r\n logUI(\"MBHWeb.UI.PatientStatus.ComponentDidUpdate\", new Date(), Tools.getURLPath());\r\n \r\n }\r\n\r\n isValidate = () => {\r\n const { t } = this.props;\r\n if (this.state.selected === null) {\r\n this.setState({ validationError: t(\"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, providerDetails, selectedIndex, listName, isLocalDoctorProvider, myDoctorSelectedProvNpiId,videoVisitProvSpecialty, myDoctorSelectedProvIndex, isFromDotCOM } = this.props; \r\n if (providerDetails) {\r\n const eventType = 'booking_visit_question_submit'; \r\n const bookingID = isLocalDoctorProvider ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi ? providerDetails.npi : \"\";\r\n const schedulingType = isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = isLocalDoctorProvider ? videoVisitProvSpecialty : providerDetails && providerDetails.openSchedule && providerDetails.openSchedule.dateAndTimes && providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty ? providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty : \"\";\r\n const flow = 'provider flow'\r\n const list = isLocalDoctorProvider ? 'Video Visit Page' : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = isLocalDoctorProvider ? myDoctorSelectedProvIndex : selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\r\n }\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 && NEW_PATIENT_LABEL && selected.toLowerCase() === NEW_PATIENT_LABEL.toLowerCase()) {\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 onGoBack(stepManager, currentStep) {\r\n const { showAsInvalid } = this.state;\r\n if (showAsInvalid) {\r\n this.setState({ showAsInvalid: false, validationError: \"\" });\r\n }\r\n }\r\n\r\n getPhoneNumber = () => {\r\n const { providerDetails } = this.props;\r\n const prov = (providerDetails) && Array.isArray(providerDetails) ? providerDetails[0] : providerDetails;\r\n if (prov && prov.locations) {\r\n let locationPhone = null;\r\n let rankOneLocation = prov && prov.locations && prov.locations.find(loc => loc.addressRank === 1);\r\n if (rankOneLocation && rankOneLocation.length !== 0 && rankOneLocation.locationPhone) {\r\n locationPhone = rankOneLocation && rankOneLocation.locationPhone && rankOneLocation.locationPhone;\r\n\r\n } else {\r\n locationPhone = prov && prov.locations && prov.locations.length !== 0 && prov.locations[0].locationPhone;\r\n\r\n }\r\n\r\n return locationPhone;\r\n }\r\n }\r\n onChange = (val) => {\r\n const { patientInfo, providerSpecialty, currentUser, favoritePhone, dotComProviderSpecialty, isTabletBreakPoint, visit, provider, t } = this.props;\r\n this.setState({ selected: ((dotComProviderSpecialty && dotComProviderSpecialty === 'internal medicine' && (currentUser?.ageYears < 18)) || (dotComProviderSpecialty?.toLowerCase().includes('pediatric') && currentUser?.ageYears <= 19)) ? \"\" : val });\r\n let dotComPediatricPhone = null;\r\n let pediatricPatientAge = null;\r\n if (this.props.isFromDotCOM && dotComProviderSpecialty) {\r\n dotComPediatricPhone = this.getPhoneNumber();\r\n }\r\n // TODO Check if this validation will be required\r\n // || this.props.isFromDotCOM && visit && visit.acceptType === 'New'\r\n if (val === NEW_PATIENT_LABEL) {\r\n pediatricPatientAge = 18;\r\n } else {\r\n pediatricPatientAge = 19;\r\n }\r\n let pediatricProvPhoneNumber = (this.props.isFromDotCOM && dotComPediatricPhone) ? dotComPediatricPhone : favoritePhone && favoritePhone !== 'undefined' ? favoritePhone : null;\r\n \r\n this.setState({ showAsInvalid: false, pediatricianAgeLimit: pediatricPatientAge },);\r\n if (((providerSpecialty && (providerSpecialty !== 'undefined' || providerSpecialty !== null)) || (this.props.isFromDotCOM && dotComProviderSpecialty && dotComProviderSpecialty !== 'undefined'))) {\r\n const isPediatricRestrictions = (providerSpecialty?.toLowerCase().includes('pediatric') || dotComProviderSpecialty?.toLowerCase().includes('pediatric')) && currentUser && currentUser.ageYears >= pediatricPatientAge && provider && !provider.noAgeRestrictions;\r\n const isInternalRestrictions = (providerSpecialty?.toLowerCase().includes('internal medicine') || dotComProviderSpecialty?.toLowerCase().includes('internal medicine')) && currentUser && currentUser.ageYears <= 17;\r\n\r\n if (isPediatricRestrictions) {\r\n trackSpecialtyAgeRestrictionRedirection(this.props.provider);\r\n if (val === NEW_PATIENT_LABEL) {\r\n this.setState({\r\n modalMessage:\r\n \r\n {maleMammogramAssistantMsg}\r\n
\r\n {t(\"BACK TO DASHBOARD\") }\r\n {t(\"CLOSE\") } \r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"Please confirm your information and fill in the missing fields.\") }
\r\n\r\n
\r\n \r\n
\r\n {t(\"Patient Information (as it appears on your photo ID)\") }
\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={t(\"Social Security Number (optional)\")}\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={t(\"Phone Number\")}\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={t(\"Street Number\") }\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={t(\"Street Name\") } \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={t(\"Street Address 2 (optional)\")} />\r\n
\r\n \r\n { this.setState({ mailingAddress: { ...mailingAddress, city: e.target.value }, isCityValid: isValid }); }}\r\n placeholder={t(\"City\")} \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 {t(\"Patient Insurance Information\")}
\r\n\r\n {t(\"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
\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={t(\"Insurance Name\")}\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={t(\"Member ID (optional)\")} />\r\n
\r\n \r\n { this.setState({ subscriberId: e.target.value }); }} placeholder={t(\"Subscriber ID (optional)\")} />\r\n
\r\n \r\n { this.setState({ groupNumber: e.target.value }); }} placeholder={t(\"Group Number (optional)\")} />\r\n
\r\n \r\n {this.isValid() &&\r\n
*/}\r\n \r\n \r\n
\r\n }\r\n \r\n {t(\"If you would like to schedule an appointment for adult primary care, you can search for a new provider or contact the provider’s office at\")}
\r\n {t(\"If you would like to schedule an appointment for adult primary care, you can search for a new provider or contact your provider's office at\")}
\r\n {t(\"If you would like to schedule an appointment for pediatric primary care, you can search for a new provider or contact the provider’s office at\")}
\r\n {t(\"If you would like to schedule an appointment for pediatric primary care, you can search for a new provider or contact the provider’s office at\")}
\r\n {this.props.providerData && !this.props.providerData.displayName || !phoneNumber ?
\r\n \r\n\r\n )\r\n }\r\n}\r\nexport default PatientStatus;\r\n\r\n","\r\nimport { Drawer } from \"../ecosystem\";\r\nconst MOBILE_BRREAKPOINT = 540;\r\nconst QualtricsSurvey = (props) => {\r\n\r\n if (!props.enalbed) return <>;\r\n return \r\n
\r\n \r\n
\r\n \r\n Have you seen \r\n {this.props.providerData && this.props.providerData.displayName} \r\n before? \r\n
\r\n {(exePatientStatus || newPatientStatus) &&\r\n \r\n \r\n {exePatientStatus ? t(\"This provider only allows online scheduling for established patients\") : t(\"This provider only allows online scheduling for new patients\")}\r\n \r\n
\r\n }\r\n \r\n {modalOpen && (\r\n \r\n
\r\n \r\n }\r\n modalFooterButtons={[{ label: 'Find Care', onClick: () => this.navigateToAllowedSearch() }]}\r\n\r\n\r\n />\r\n\r\n \r\n \r\n\r\n )}\r\n \r\n {isPediatricRestrictions && t(`Our pediatricians generally do not see patients ${this.state.pediatricianAgeLimit} years of age or older. Based on your age, you are currently ineligible to self-schedule with this provider.`)}\r\n {isInternalRestrictions && t(`Our internal medicine providers generally do not see patients under the age of ${this.state.pediatricianAgeLimit}. Based on your age, you are currently ineligible to self-schedule with this provider.`)}\r\n
\r\n {this.state.modalMessage}\r\n\r\n this.onChange(newPatient)}\r\n variant=\"select\"\r\n error={(showAsInvalid && validationError !== \"\")}\r\n />\r\n this.onChange(existingPatient)}\r\n variant=\"select\"\r\n error={(showAsInvalid && validationError !== \"\")}\r\n />\r\n
\r\n\r\n {(exePatientStatus || newPatientStatus) && \r\n
}\r\n\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n
\r\n \r\n \r\n {exePatientStatus ? exePatientStatusMsg : newPatientStatusMsg}{' '}\r\n {formatPhoneNumber(phoneNumber)} \r\n {' '}{t(\"for help booking an appointment\")}\r\n \r\n
\r\n \r\n {validationError} \r\n
\r\n }\r\n \r\n
;\r\n //if (props.screenWidth < MOBILE_BRREAKPOINT) {\r\n // return \r\n \r\n
\r\n \r\n //
\r\n // \r\n // \r\n //
\r\n // ');\r\n const questionsData = mammogramQuestions && Object.keys(mammogramQuestions).length ? mammogramQuestions : {};\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) {\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 {t(item.prompt)}\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 {t(msg.trim())}
\r\n :{t(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 mammogramQuestions: state.openScheduling.mammogramQuestions,\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, t } = 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 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 { ProxySelectorFullPage } from \"../common/Proxy/proxySelectorFullPage\";\r\nimport * as CryptoJS from 'crypto-js';\r\nimport { trackProxySelect } from '../../api/gaLoging';\r\nimport { withTranslation } from 'react-i18next';\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 isFromDotCOM,\r\n specialty\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 ? this.props.location.state.isMyDoctor : false;\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 let scheduleStartInfo = this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleStartInfo;\r\n let phone = this.props && this.props.location && this.props.location.state && this.props.location.state.phone ? this.props.location.state.phone : null;\r\n let selectedProviderSpecialty = this.props && this.props.location && this.props.location.state && this.props.location.state.specialty ? this.props.location.state.specialty : null;\r\n this.selectedIndex = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedIndex;\r\n this.listName = this.props && this.props.location && this.props.location.state && this.props.location.state.list_name ? this.props.location.state.list_name : '';\r\n this.myDoctorSelectedProvIndex = this.props?.location?.state?.proIndex;\r\n this.videoVisitProvSpecialty = this.props?.location?.state?.videoVisitProvSpecialty;\r\n this.isLocalDoctorProvider = this.props?.location?.state?.isLocalDoctor;\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 reasonVisitTypeIDType:\"\",\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: false,\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: isFromDotCOM ? true : false,\r\n scheduleStartInfo: scheduleStartInfo ? scheduleStartInfo : {},\r\n favoritePhone: Array.isArray(phone) ? phone[0] : phone,\r\n providerSpecialty: selectedProviderSpecialty,\r\n pediatricSpecility: specialty,\r\n myDoctorSelectedProvIndex: this.myDoctorSelectedProvIndex,\r\n videoVisitProvSpecialty: this.videoVisitProvSpecialty,\r\n myDoctorSelectedProvNpiId: providerId,\r\n isLocalDoctorProvider: this.isLocalDoctorProvider,\r\n listName: this.listName && this.listName === \"Favorite Doctors Page\" ? \"Favorite Doctors Page\" : this.listName && this.listName === \"Provider Detail Page\" ? \"Provider Detail Page\" : ''\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.isPediatricSpecility = this.isPediatricSpecility.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.callBackFromSelectPatient = this.callBackFromSelectPatient.bind(this);\r\n\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(), { scheduleStartInfo: this.state.scheduleStartInfo ? this.state.scheduleStartInfo : null, scheduleCampaignActivity: 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 === \"I am a new patient\") {\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 let dotComPediatric = this.isDotcomPediatricSpecility();\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 \r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n \r\n \r\n } \r\n else if (enableNewProviderSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && !this.apptTimeNotAvailable && this.props.hasMyChart) {\r\n if (dotComPediatric && !dotComPediatric === 'internal medicine' && this.props.currentUser && this.props.currentUser.ageYears && this.props.currentUser.ageYears >= 19) {\r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n } else if (dotComPediatric === 'internal medicine' && this.props.currentUser && this.props.currentUser.ageYears && this.props.currentUser.ageYears < 18) {\r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n } else { 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 \r\n if (this.state.visit && this.state.visit.reasonForVisitValue && this.state.visit.reasonForVisit) {\r\n if (loadSchedule === true && !dontLoadSchedule) {\r\n \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 }\r\n \r\n \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 if (time && duration) {\r\n visit.time = time;\r\n visit.duration = duration.toString();\r\n this.saveStepInfo({ visit: visit });\r\n }\r\n \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.reasonVisitTypeIDType ? visit.reasonVisitTypeIDType : \"External\",\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)} - ${this.scrubJsonCharacters(visit.reasonForVisitValue)}`,\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 scheduleModel.visitTypeIdType = visit && visit.reasonVisitTypeIDType ? visit.reasonVisitTypeIDType : \"CID\"\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\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 scheduleStartInfo: this.state.scheduleStartInfo ? this.state.scheduleStartInfo : null,\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\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 \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() && today.getFullYear() === start1.getFullYear() ){\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 let earliestDt = Tools.getStartOfMonth(start1.getFullYear(), start1.getMonth());\r\n startDt1 = `${earliestDt.getFullYear()}-${earliestDt.getMonth() + 1}-${earliestDt.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 const state = this.state;\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 state.startDate = earliestDt;\r\n this.setState(state);\r\n setEarliestScheduleDateCallback(Tools.dateSimpleFormat(earliestDt));\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 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 const { visit } = this.state;\r\n this.userSelected = userSelected;\r\n //this.props.switchToMyChartUser(userSelected, index);\r\n visit.patient = userSelected;\r\n //window.userToSwitch = null;\r\n this.setState({ visit })\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;\r\n let restartAtStep = null;\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 if (this.refOurStepManager && this.refOurStepManager.current && this.refOurStepManager.current.childCollection) {\r\n const stepManager = this.refOurStepManager.current;\r\n const currentStep = stepManager.state && stepManager.state.currentStep ? stepManager.state.currentStep : 0;\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 selectedDayAvailabilty = (val) => {\r\n this.apptSlotNotAvailable = val;\r\n }\r\n\r\n selectedTimeAvailability = (val) => {\r\n this.apptTimeNotAvailable = val;\r\n }\r\n isDotcomPediatricSpecility = () => {\r\n const { pediatricSpecility } = this.state;\r\n const provSpecialty = pediatricSpecility ? pediatricSpecility.toLowerCase() : '';\r\n const urgeRegex = new RegExp('pediatric|internal medicine');\r\n if (urgeRegex.test(provSpecialty)) {\r\n return provSpecialty;\r\n }\r\n return null;\r\n }\r\n isPediatricSpecility = () => {\r\n const { providerSpecialty} = this.state;\r\n const provSpecialty = providerSpecialty ? providerSpecialty.toLowerCase() : '';\r\n const urgeRegex = new RegExp('pediatric|internal medicine')\r\n if (urgeRegex.test(provSpecialty.toLowerCase())) {\r\n return provSpecialty;\r\n }\r\n return null;\r\n }\r\n\r\n callBackFromSelectPatient = (user) => {\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 patientStatusStepValue = this.getIndexByStepTitle(\"Patient Status\")\r\n const enableNewProviderSchedulingWorkflow = this.props.serverData && this.props.serverData.enableNewProviderSchedulingWorkflow;\r\n const dotComProviderSpecialty = this.isDotcomPediatricSpecility()\r\n //if user comes from .COM skip preselected steps.\r\n //copy this logic from old select patient comp.\r\n if (enableNewProviderSchedulingWorkflow && isFromDotCOM && !this.apptSlotNotAvailable && !this.apptTimeNotAvailable\r\n && reasonSubmitStepValue && this.props.hasMyChart) {\r\n if ((dotComProviderSpecialty && (dotComProviderSpecialty === 'internal medicine') && user && user?.ageYears < 18) || (dotComProviderSpecialty && dotComProviderSpecialty.toLowerCase().includes('pediatric') && user && user?.ageYears >= 19)) {\r\n this.refOurStepManager.current.goToNewStep(true, patientStatusStepValue);\r\n } else if (this.apptSlotNotAvailable && this.apptTimeNotAvailable) {\r\n this.refOurStepManager.current.goToNewStep(true, apptInfoStepValue);\r\n } else { this.refOurStepManager.current.goToNewStep(true, reasonSubmitStepValue); }\r\n\r\n\r\n\r\n /* if ((!dotComProviderSpecialty && user && user?.ageYears < 19) || (!dotComProviderSpecialty)) {\r\n this.refOurStepManager.current.goToNewStep(true, reasonSubmitStepValue);\r\n } else if ((dotComProviderSpecialty && dotComProviderSpecialty === 'internal medicine' && user && user?.ageYears < 18)) {\r\n this.refOurStepManager.current.goToNewStep(true, patientStatusStepValue);\r\n }\r\n else {\r\n this.refOurStepManager.current.goToNewStep(true, patientStatusStepValue);\r\n }*/\r\n } \r\n else if (goToApptInfo && apptInfoStepValue !== -1) {\r\n if (isFromDotCOM && dotComProviderSpecialty && user && user?.ageYears >= 19) {\r\n this.refOurStepManager.current.goToNewStep(true, patientStatusStepValue);\r\n }\r\n else {\r\n this.refOurStepManager.current.goToNewStep(true, apptInfoStepValue);\r\n }\r\n } else {\r\n this.refOurStepManager.current.goNext();\r\n }\r\n trackProxySelect();\r\n }\r\n\r\n selectPatientMarkup = (hasProxyUsers, noSelectPatient) => {\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\n{t(\"What can we help\")} {this.props.scheduleAppointmentForProxy ? this.props.primaryUser.eid === this.props.currentUser.eid ? t('you') : getFirstName(this.props.currentUser.displayName) : t('you')} {t(\"with during this visit?\")}
:\r\n{t(\"We 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} - {t(\"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 {t(\"* The patient rating score is an average of all responses to physician-related questions on our nationally recognized\")} \r\n {t(\"Press Ganey Satisfaction Survey\")}.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {t(\"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 \r\n {((!scheduleCompleted && !(currentStepTitleName === 'select patient') && currentStep > 0) || (!scheduleCompleted && isFromVideoVisitOptions && !(currentStepTitleName === 'select patient') && 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)}\r\n {((enableNewProviderSchedulingWorkflow && !isFromVideoVisitOptions && !enableDirectScheduling) || (enableNewVideoVisitFlow && isFromVideoVisitOptions && enableOpenScheduling)) && \r\n }\r\n
\r\n \r\n
\r\n }\r\n {(/*scheduleCompleted*/false && window.serverData.data.enableQualtricsSurveyOpenScheduling) && \r\n
\r\n }\r\n
\r\n \r\n
\r\n \r\n { logUI(`MBHWeb.UI.ScheduleNow.FCNChatButton.Clicked`, new Date(), Tools.getURLPath()); }}\r\n to={{ pathname: '/fcnchat' }}\r\n />\r\n } \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 hideCovidVaccineSchedulingWorkflow && {\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
);\r\n }\r\n\r\n else if (!userSelected) {\r\n body = (<>\r\n
\r\n \r\n {isProxyAvailable &&\r\n
\r\n {!isProxyAvailable\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: state.domain.primaryUser,\r\n currentUser: state.domain.currentUser,\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 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 };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(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, Modal, Typography, LinkText } from \"../ecosystem\";\r\nimport { connect } from \"react-redux\";\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\n\r\nclass SelectDoctor extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modalOpen: false,\r\n favoritePhone: ''\r\n }\r\n }\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 navigateToAdultSearch() {\r\n let findcareSearchParms = \"?\" + queryParams({ keyword: \"Adult%20Primary%20Care%20Provider\", tab: 1 });\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n search: findcareSearchParms,\r\n });\r\n }\r\n\r\n goToNextStep = (npi, provider, index) => {\r\n const { loadVisitType, goNext, currentUser, selectDoctorDetails } = this.props;\r\n const selectedProviderIndex = (typeof index === 'number' && index >= 0) ? (index + 1) : 0;\r\n if (currentUser && currentUser.ageYears && currentUser.ageYears >= 19 && provider && provider.epicDepartmentSpecialty && provider.epicDepartmentSpecialty.toLowerCase().includes('pediatric') && !provider.noAgeRestrictions) {\r\n this.setState({ modalOpen: true, favoritePhone: provider.departments[0].phone })\r\n return;\r\n }\r\n const eventType = 'booking_provider_submit';\r\n const bookingID = npi ? npi : '';\r\n const specialty = provider && provider.epicDepartmentSpecialty && provider.epicDepartmentSpecialty;\r\n const flow = 'provider flow';\r\n const list = 'Video Visit Page';\r\n const position = selectedProviderIndex;\r\n const schedulingType = 'Direct Scheduling/Video Visit';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n if (loadVisitType) {\r\n loadVisitType(npi);\r\n selectDoctorDetails(npi, provider && provider.epicDepartmentSpecialty && provider.epicDepartmentSpecialty, selectedProviderIndex);\r\n } \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 && location.length !== 0 && 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, isTabletBreakPoint, t } = 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 const { modalOpen, favoritePhone } = this.state;\r\n // let favoritePhone = '';\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, provider, index); }}>\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 modalFooterButtons={[{ label: t('Find Care'), onClick: () => this.navigateToAdultSearch() }]}\r\n />\r\n \r\n {t(\"Our pediatricians generally do not see patients 19 years of age or older. Based on your age, you are currently ineligible to self-schedule with this provider.\")}\r\n
\r\n\r\n {t(\"If you would like to schedule an appointment for adult primary care, you can search for a new provider or contact your provider's office at\")}
\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 }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(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 { bookingLogger } from \"../../api/gaLoging\";\r\nimport { Typography, Notifier } from \"../ecosystem\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\nconst postPartumPhoneCallVisitType = window?.serverData?.data?.postPartumPhoneCallVisitType;\r\nconst postPartumVideoVisitType = window?.serverData?.data?.postPartumVideoVisitType;\r\n\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 && 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 `${this.props.t(Tools.getMonthName(monthName.toString()))} ${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 editAppt(e) {\r\n if (e) { e.preventDefault(); }\r\n if (this.props.hasProxyUsers) { this.props.updateBypassProxyAndInfo(true);} \r\n if (this.props.enableUrgentCareSchedulingWorkflow) { this.props.updateIsChangingTime(true); }\r\n this.props.goBack(this.props.apptInfoStepValue);\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.byPassProxyAndInfo) {\r\n this.props.goBack(this.props.apptInfoStepValue)\r\n return;\r\n }*/\r\n if (this.props.onSubmit) {\r\n let { location, selectedIndex, isFromProduct, visit } = this.props;\r\n if (location && location.state && location.state.loc && location.state.loc.length !== 0) {\r\n let bookingID = location.state.loc.locationID ? location.state.loc.locationID : '';\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_complete';\r\n const specialty = location.state.loc.openSchedules && location.state.loc.openSchedules.dateAndTimes && location.state.loc.openSchedules.dateAndTimes[0].visitTypeDisplayName ? location.state.loc.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n const position = selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position);\r\n } else if (isFromProduct) {\r\n const eventType = 'booking_complete';\r\n const bookingID = visit.productProvID;\r\n const schedulingType = 'Open Scheduling';\r\n const specialty = isFromProduct\r\n const flow = 'product flow';\r\n const list = 'Product Page';\r\n const position = 1;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n }\r\n\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 { screenBreakPoint, visit, primaryUser, scheduleAppointmentForProxy, enableFluVaccineSchedulingWorkflow, currentUser, visitTypelabel, t, enableUrgentCareSchedulingWorkflow, nextCareFluLocation, hideInsuranceMessage, headingText } = this.props; \r\n const isMobile = !(screenBreakPoint === msgs.XL_DESKTOP || screenBreakPoint === msgs.XXL_DESKTOP) ? true : false\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 || nextCareFluLocation) ? \"?\" + queryParams({ keyword: \"Flu%20Vaccine\", tab: 2, bypassProxyAndInfo: false }) : enableUrgentCareSchedulingWorkflow ? \"?\" + queryParams({ keyword: \"Urgent%20Care\", tab: 2, bypassProxyAndInfo: false }) : \"?\" + queryParams({ keyword: \"mammography\", tab: 2, bypassProxyAndInfo: false });\r\n const edit = t(\"Edit\");\r\n // const findcareSearchParms = \"?\" + queryParams({\r\n // keyword: \"mammography\",\r\n // tab: 2,\r\n // bypassProxyAndInfo: false\r\n // });\r\n\r\n const formatTime = (s) => {\r\n let parts = s && s.split(\":\");\r\n let ret = s;\r\n let regex = /(?:AM|PM)/i;\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 = isNaN(parseInt(parts[2])) ? ret.split(' ')[1] : parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n if (h === 0) {\r\n h = 12;\r\n }\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${regex.test(s) ? s : ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n return ret;\r\n }\r\n const visitType = this.props.isPostPartum ? this.props.visit.visitType.id === postPartumVideoVisitType ? 'Video Visit' : 'Phone call' : '';\r\n const likemindVisitType = this.props.patientProductVisitType === 'firstVisit' ? 'Phone Call' : 'Video Visit';\r\n // const isMobileDiv = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE) ? true : false;\r\n return (\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 {t(\"Select one of your current doctors\")}
\r\n :{t(\"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} ${t(\"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.length !== 0 && providerDetails.map((provider, index) => {\r\n return (\r\n\r\n \r\n {\r\n this.providerCard(provider, isFromVideoVisitOptions, index)\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 {t(\"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 screenBreakPoint: state.common.screenBreakPoint,\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 connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(ServiceVerifyNSchedule);\r\n","import * as React from \"react\";\r\nimport {Divider, 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\nimport { bookingLogger } from \"../../api/gaLoging\";\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 goBack,\r\n apptInfoStepValue,\r\n } = this.props;\r\n goBack(apptInfoStepValue);\r\n };\r\n\r\n onGoNext(success) {\r\n if (success) {\r\n const { visit, providerDetails, selectedIndex, isMyDoctor, listName, selectDoctorProviderNPI, isFromVideoVisitOptions, selectDoctorProviderIndex, selectDoctorProSpecility, myDoctorSelectedProvNpiId, videoVisitProvSpecialty, myDoctorSelectedProvIndex, isLocalDoctorProvider } = this.props;\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\r\n // const provider = Array.isArray(providerDetails) ? providerDetails[0] : providerDetails;\r\n\r\n if (providerDetails && providerDetails.openSchedule?.length !== 0 || selectDoctorProviderNPI) {\r\n const eventType = 'booking_complete';\r\n const bookingID = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderNPI : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi;\r\n const schedulingType = ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && !isLocalDoctorProvider)) ? 'Direct Scheduling/Video Visit' : isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProSpecility : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? videoVisitProvSpecialty : providerDetails && providerDetails.openSchedule && providerDetails.openSchedule.dateAndTimes && providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty ? providerDetails.openSchedule.dateAndTimes[0].departmentSpecialty : \"\";\r\n const flow = 'provider flow'\r\n const list = (isMyDoctor || isFromVideoVisitOptions) ? \"Video Visit Page\" : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderIndex : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvIndex : selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n }\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 isProductSchedule,\r\n selectedVisitType,\r\n t\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 : provider && provider.photo ? provider.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 : \"Phone call\";\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 \r\n \r\n {t(\"Almost done! How does everything look?\")}\r\n \r\n\r\n
\r\n \r\n \r\n {t(\"Please be aware, if another patient arrives with a medical emergency, your wait time may be impacted.\")}\r\n \r\n }\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n {enableUrgentCareSchedulingWorkflow &&\r\n \r\n
\r\n {t(\"Reason for Visit\")}
\r\n{this.props.isFromProduct?.toLowerCase() === \"likemind\" ? likemindVisitType : this.props.isPostPartum ? `${this.props.visit.reasonForVisitValue} - ${visitType}` : this.props.isFromProduct && this.props.isFromProduct !== \"postPartumCare\" ? \"Virtual Visit\" : t(visitTypelabel.replace('d', 'D'))}
\r\n \r\n
\r\n \r\n
\r\n {t(\"Patient\")}
\r\n\r\n {patientName}\r\n
\r\n \r\n \r\n
\r\n {!this.props.isFromProduct && \r\n
\r\n {t(\"Day & Time\")}
\r\n\r\n {t(appt.DayString)}, {appt.DateString}, {formatTime(appt.TimeString)}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
}\r\n \r\n
\r\n {t(\"Location\")}
\r\n\r\n {label || ''}\r\n
\r\n \r\n {location}\r\n
\r\n \r\n {!this.props.reScheduling && \r\n \r\n }\r\n
\r\n\r\n \r\n \r\n {!hideInsuranceMessage && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {t(\"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 \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"Almost done! How does everything look?\")}\r\n \r\n
\r\n\r\n \r\n {!(isDesktop) &&\r\n
\r\n {!isProductSchedule && (\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 )}\r\n {(!isDesktop && !isProductSchedule) &&\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","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 {!isProductSchedule && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {t(\"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\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 const { t } = this.props;\r\n if (!isVisitTypePreSelected) {\r\n this.setState({ validationError: t(\"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 && !isProductSchedule &&\r\n \r\n {name}\r\n
\r\n \r\n {isProductSchedule ? provider?.providerType : specialty}\r\n
\r\n {isXLTablet && rating}\r\n \r\n
\r\n }\r\n\r\n \r\n {isProductSchedule ? (\r\n 0 ? phone : ''}\r\n iconProps={{ size: 'small', color: `${!isMobileLink ? '$color-primary-a2' : ''}` }}\r\n />\r\n )}\r\n
\r\n \r\n {!isProductSchedule && (\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, t } = 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 GenericInput from '../common/input/GenericInput';\r\nimport Text from \"../common/input/text\";\r\nimport { Typography, Icon } from \"../ecosystem\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as msgs from '../../constants/textConstants';\r\nimport { log, logUI } from \"../../api/andyliticsApi\";\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport { VisitTypeReasonOptions } from \"./components\";\r\n\r\nconst reasonForRevisitId = 'reasonForRevisit';\r\nconst inPerson = \"In Person\";\r\nconst videoVisit = \"Video Visit\";\r\nconst phoneCall = 'Phone Call';\r\nconst postPartumPhoneCallVisitType = window?.serverData?.data?.postPartumPhoneCallVisitType;\r\nconst postPartumVideoVisitType = window?.serverData?.data?.postPartumVideoVisitType;\r\n\r\nclass VisitTypeReason extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n const maxLength = this.props.isNextCareScheduling ? 100 : 150;\r\n this.state = {\r\n selectedValue: \"\",\r\n productReason: this.props.enableRFVScreen ? this.props.productRFV : \"\",\r\n reasonForVisit: this.props.productRFV ? this.props.productRFV : \"\",\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 selectedVisitTypeIDType:\"\",\r\n reasonsForVisitList: [],\r\n videoVisitNotes: null\r\n \r\n \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 \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, selectedVisitTypeIDType: value.visitTypeIdType }, () => {\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, selectedVisitTypeIDType: value.visitTypeIdType }, () => {\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 onPostPartum = (val) => {\r\n\r\n if (val === phoneCall) {\r\n this.setState({ selectedValue: postPartumPhoneCallVisitType })\r\n } else {\r\n this.setState({ selectedValue: postPartumVideoVisitType })\r\n }\r\n\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, selectedVisitTypeIDType: value.visitTypeIdType }, () => {\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, selectedVisitTypeIDType: value.visitTypeIdType }, () => {\r\n this.departmentID = value.videoDepartment;\r\n })\r\n }\r\n }\r\n }\r\n\r\n this.setState({ showAsInvalid: false });\r\n\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 const { isFromVideoVisitOptions, enableUrgentCareSchedulingWorkflow } = this.props;\r\n const { reasonsForVisitList } = this.state;\r\n const reasonsForVisit = this.props.visitTypeAndLocationInfo && this.props.visitTypeAndLocationInfo.reasonsForVisit;\r\n const reasonForVisitOptions = enableUrgentCareSchedulingWorkflow ? reasonsForVisit : reasonsForVisitList && this.props.visit && reasonsForVisitList.filter(val => val.accepts === this.props.visit.acceptType);\r\n if (reasonForVisitOptions) {\r\n for (let value of reasonForVisitOptions) {\r\n if (value.visitTypeReason === selectValue && (!isFromVideoVisitOptions)) {\r\n if (enableUrgentCareSchedulingWorkflow) {\r\n this.departmentID = value.departmentId;\r\n }\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, selectedVisitTypeIDType: value.visitTypeIdType }, () => {\r\n this.departmentID = value.videoDepartment;\r\n })\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.props.isFromProduct?.toLowerCase() === 'postpartumcare' && (this.state.selectedValue === \"\" || !this.state.selectedValue)) || (this.state.reasonForVisit === \"\" || !this.state.reasonForVisit) || (\r\n !this.props.isFromVideoVisitOptions && !this.props.enableUrgentCareSchedulingWorkflow && \r\n (this.state.selectedValue === \"\" || !this.state.selectedValue) && !this.props.enableRFVScreen)\r\n || (this.state.visitReasonComment === \"\" || !this.state.visitReasonComment)) {\r\n this.setState({ validationError: this.props.t(\"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, selectedVisitTypeIDType } = this.state;\r\n const { selectDoctorProviderNPI, routeDate, isFromDotCOM, enableUrgentCareSchedulingWorkflow, locationInfo, providerDetails, visit, selectedIndex, isMyDoctor, listName, isFromVideoVisitOptions, selectDoctorProSpecility, selectDoctorProviderIndex, myDoctorSelectedProvNpiId, videoVisitProvSpecialty, myDoctorSelectedProvIndex, isLocalDoctorProvider, isFromProduct } = this.props;\r\n\r\n if (locationInfo && locationInfo.length !== 0 && enableUrgentCareSchedulingWorkflow) {\r\n let bookingID = locationInfo.locationID ? locationInfo.locationID : '';\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_reason_submit';\r\n const specialty = locationInfo.openSchedules && locationInfo.openSchedules.dateAndTimes.length !== 0 && locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName ? locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n const position = selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position);\r\n } else if (isFromProduct) {\r\n const eventType = 'booking_reason_submit';\r\n const bookingID = visit.productProvID;\r\n const schedulingType = 'Open Scheduling';\r\n const specialty = isFromProduct\r\n const flow = 'product flow';\r\n const list = 'Product Page';\r\n const position = 1;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n }\r\n else {\r\n if (providerDetails || selectDoctorProviderNPI ) {\r\n const eventType = 'booking_reason_submit';\r\n const bookingID = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderNPI : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvNpiId : providerDetails && providerDetails.npi ? providerDetails.npi : \"\";\r\n const schedulingType = ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && !isLocalDoctorProvider)) ? 'Direct Scheduling/Video Visit' : isLocalDoctorProvider ? 'Open Scheduling/Video Visit' : 'Open Scheduling';\r\n const specialty = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProSpecility : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? videoVisitProvSpecialty : providerDetails?.openSchedule ?.dateAndTimes[0]?.departmentSpecialty;\r\n const flow = 'provider flow'\r\n const list = (isMyDoctor || isFromVideoVisitOptions) ? \"Video Visit Page\" : listName && listName !== '' ? listName : 'Find Care Page';\r\n const position = (!isMyDoctor && isFromVideoVisitOptions && !isLocalDoctorProvider) ? selectDoctorProviderIndex : ((isMyDoctor && isFromVideoVisitOptions) || (isFromVideoVisitOptions && isLocalDoctorProvider)) ? myDoctorSelectedProvIndex : selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\r\n }\r\n }\r\n if (success) {\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 if (!this.props.enableRFVScreen) {\r\n this.props.departmentIdArray(departmentArray);\r\n }\r\n \r\n let loadScheduleDays = enableUrgentCareSchedulingWorkflow ? false : departmentArray && departmentArray.length === 1;\r\n visit.department.id = this.props.isFromDotCOM ? newDepartmentId : this.props.enableRFVScreen ? this.props.productDepartmentId : departmentFilter.toString();\r\n\r\n if (isFromProduct?.toLowerCase() !== msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ) {\r\n visit.isVideoVisit = (selectedValue && (videoVisit.toLowerCase() === selectedValue.toLowerCase()));\r\n }\r\n if (isFromProduct?.toLowerCase().includes('postpartumcare') && selectedValue) {\r\n let selectedRFV = selectedValue === postPartumPhoneCallVisitType ? phoneCall : videoVisit;\r\n visit.reasonForVisit = `${visitReasonComment} - ${reasonForVisit} - ${selectedRFV}`;\r\n } else {\r\n visit.reasonForVisit = visitReasonComment;\r\n }\r\n // visit.visitType.startDate = isFromDotCOM ? routeDate :� this.earliestCachedSlotDate;\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) && !enableUrgentCareSchedulingWorkflow) {\r\n if (!(visit.reasonVisitTypeID === selectedValueVisitType && visit.reasonForVisitValue === reasonForVisit)) {\r\n visit.reasonVisitTypeID = selectedValueVisitType;\r\n visit.reasonVisitTypeIDType = selectedVisitTypeIDType;\r\n visit.reasonForVisitValue = reasonForVisit;\r\n this.props.setEarliestScheduleDate(visit, (date) => {\r\n visit.visitType.startDate = date ? date : isFromDotCOM ? routeDate && routeDate : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n visit.time = \"\";\r\n visit.date = date ? date : \"\";\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n });\r\n } else {\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n }\r\n } else if ((isFromDotCOM && (visit.reasonVisitTypeID !== selectedValueVisitType)) && !enableUrgentCareSchedulingWorkflow) {\r\n visit.reasonVisitTypeID = selectedValueVisitType;\r\n visit.reasonVisitTypeIDType = selectedVisitTypeIDType;\r\n\r\n visit.reasonForVisitValue = reasonForVisit;\r\n this.props.setEarliestScheduleDate(visit, (date) => {\r\n visit.visitType.startDate = date ? date : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n visit.date = date ? date : \"\";\r\n visit.time = \"\";\r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n });\r\n } else if (!enableUrgentCareSchedulingWorkflow && isFromProduct && !isFromProduct === \"postPartumCare\") {\r\n visit.reasonVisitTypeID = selectedValueVisitType;\r\n visit.reasonVisitTypeIDType = selectedVisitTypeIDType;\r\n \r\n visit.reasonForVisitValue = reasonForVisit;\r\n visit.visitType.startDate = isFromDotCOM ? visit.date && visit.date : this.earliestCachedSlotDate && this.earliestCachedSlotDate;\r\n \r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n } else {\r\n visit.reasonVisitTypeID = selectedValueVisitType;\r\n visit.reasonVisitTypeIDType = selectedVisitTypeIDType;\r\n visit.visitType.visitTypeReasonOption = selectedValue;\r\n visit.reasonForVisitValue = reasonForVisit;\r\n visit.date = visit.date;\r\n visit.time = visit.time;\r\n if (isFromProduct && isFromProduct === \"postPartumCare\") {\r\n loadScheduleDays = true;\r\n visit.visitType.id = selectedValue ? selectedValue : \"\";\r\n }\r\n \r\n this.props.saveStepInfo({ visit: visit }, loadScheduleDays);\r\n }\r\n }\r\n else {\r\n visit.visitType.visitTypeReasonOption = selectedValue;\r\n this.setState({ showAsInvalid: true });\r\n }\r\n logUI(\"MBHWeb.UI.VisitTypeReason.Continue.Clicked\", new Date(), Tools.getURLPath(), { visit: visit }); \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 { enableUrgentCareSchedulingWorkflow } = this.props;\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 = enableUrgentCareSchedulingWorkflow ? reasonsForVisit : 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 && 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 if (enableUrgentCareSchedulingWorkflow && reasonForVisitOptions && reasonForVisitOptions.length === 1 && preState.reasonForVisit === '') {\r\n this.onInputChange(reasonForVisitOptions[0].visitTypeReason)\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) || (reasonForVisit.accepts === visit.acceptType && this.props.isFromDotCOM)) {\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 \r\n\r\n render() {\r\n const { isFromVideoVisitOptions, isMobile, isMyDoctor, enableUrgentCareSchedulingWorkflow, visitTypeAndLocationInfo, translate, t, isProductSchedule } = this.props;\r\n const { selectedValue, showAsInvalid, validationError, disableVisitType, reasonForVisit, visitReasonComment, reasonsForVisitList, maxLengthOfVisitReason, videoVisitNotes } = this.state;\r\n const reasonsForVisit = visitTypeAndLocationInfo && visitTypeAndLocationInfo.reasonsForVisit ? visitTypeAndLocationInfo.reasonsForVisit : [];\r\n const reasons = (enableUrgentCareSchedulingWorkflow) ? reasonsForVisit : reasonsForVisitList;\r\n let selectedReasonForVisit = this.state.productRFV ? this.state.productRFV : this.state.reasonForVisit;\r\n let reasonForVisitOptions = reasons.map((item, index) => { return });\r\n const visitTypeOptions = [\r\n {\r\n label: inPerson,\r\n value: inPerson,\r\n disabled: disableVisitType === inPerson,\r\n checked: inPerson === selectedValue\r\n },\r\n {\r\n label: videoVisit,\r\n value: videoVisit,\r\n disabled: disableVisitType === videoVisit,\r\n checked: videoVisit === selectedValue,\r\n }\r\n ];\r\n const postpartumVisitTypeOptions = [\r\n {\r\n label: videoVisit,\r\n value: videoVisit,\r\n disabled: disableVisitType === inPerson,\r\n checked: postPartumVideoVisitType === selectedValue\r\n },\r\n {\r\n label: phoneCall,\r\n value: phoneCall,\r\n disabled: disableVisitType === phoneCall,\r\n checked: postPartumPhoneCallVisitType === selectedValue,\r\n }\r\n ];\r\n\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 {t(\"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\n}\r\nexport default VisitTypeReason;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Typography, Radio } from '../../ecosystem';\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\n\r\nclass CoachingVisitType extends React.Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showAsInvalid: false,\r\n validationError: \"\",\r\n selected: null,\r\n }\r\n\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n onChange(value) {\r\n this.setState({ selected: value, validationError: '', showAsInvalid: false });\r\n }\r\n\r\n onGoNext(success) {\r\n if (!this.state.selected) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n\r\n if (success && this.state.selected) {\r\n if (this.state.selected) {\r\n this.props.onChangeVisitType(this.state.selected);\r\n } else {\r\n console.log('prevent?')\r\n }\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 { selected } = this.state;\r\n const { t } = this.props;\r\n let validationError = '';\r\n if (!selected) {\r\n validationError = t('Please select a visit type');\r\n }\r\n this.setState({ validationError, showAsInvalid: selected === null });\r\n return selected;\r\n }\r\n render() {\r\n const { showAsInvalid, selected, validationError } = this.state;\r\n const { t, history, screenBreakPoint } = this.props;\r\n const isMobile = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE);\r\n const phoneCall = t('Phone call');\r\n const videoVisit = t('Video visit');\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {isProductSchedule ? (\r\n
\r\n \r\n \r\n {t('What can we help you with today?')}\r\n \r\n
\r\n\r\n ) : (\r\n {t('What can we help you with today?')}
\r\n )}\r\n\r\n {((enableUrgentCareSchedulingWorkflow) && reasonForVisitOptions && reasonForVisitOptions.length === 1 || this.props.enableRFVScreen ) ? (\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 {this.props.enableRFVScreen && this.props.isFromProduct && this.props.isFromProduct.toLowerCase() === \"postpartumcare\" &&\r\n {this.state.chars_left} - Characters Remaining
\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\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(CoachingVisitType);\r\n","import { FC } from \"react\";\r\n\r\nexport interface ConfirmationCTABannerProps {\r\n buttonLabel: string;\r\n text: string;\r\n onClick: () => void;\r\n}\r\n\r\nexport const ConfirmationCTABanner: FC\r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"What type of appointment would you like to schedule?\")}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n this.onChange('VISITTYPEID-PHONE')}\r\n variant=\"select\"\r\n error={(showAsInvalid && validationError !== \"\")}\r\n />\r\n this.onChange(\"VISITTYPEID-VIDEO\")}\r\n variant=\"select\"\r\n error={(showAsInvalid && validationError !== \"\")}\r\n />\r\n
\r\n\r\n {(showAsInvalid && validationError !== \"\") &&\r\n \r\n {validationError} \r\n
\r\n }\r\n \r\n {text}\r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { DateTimePicker, Notifier, LinkText } from '../../ecosystem/mybswh';\r\nimport moment from 'moment-timezone';\r\n\r\nconst SlotSelector = ({\r\n buttonSlots,\r\n enabledDays,\r\n selectedDays,\r\n onDayClick,\r\n onMonthChange,\r\n onSelectTime,\r\n selectedTime,\r\n toggleTimeOfDay,\r\n timeOfDay,\r\n selectedMonth\r\n}) => {\r\n\r\n const [calInitialDate, setCalInitialDate] = useState(new Date()); \r\n\r\n const maxDate = Tools.addDays(calInitialDate, 400); // NextCare has availability up to 400 days out \r\n const [timesList, setTimesList] = useState([]);\r\n const [viewMore, setViewMore] = useState(false);\r\n const [loaded, setLoaded] = useState(false);\r\n const [centralDates, setCentralDates] = useState([]);\r\n\r\n useEffect(() => {\r\n setCentralDates(\r\n enabledDays.map((stringDay) => {\r\n return stringDay;\r\n })\r\n );\r\n }, [enabledDays]);\r\n\r\n useEffect(() => {\r\n if (buttonSlots && buttonSlots.length > 0) {\r\n setTimesList(\r\n buttonSlots.map(slot => {\r\n const time = Tools.formatSlotTime(slot.time);\r\n return time;\r\n })\r\n )\r\n } else {\r\n setTimesList([]);\r\n }\r\n\r\n }, [buttonSlots, selectedDays])\r\n\r\n useEffect(() => {\r\n\r\n const stillCurrentDay = centralDates.find((el) => {\r\n const day = moment(el);\r\n const today = moment(calInitialDate);\r\n if (day.isSame(today))\r\n return day;\r\n });\r\n if (!stillCurrentDay) {\r\n setCalInitialDate(centralDates[0]);\r\n onDayClick(centralDates[0])\r\n }\r\n\r\n }, [centralDates, calInitialDate]);\r\n\r\n const reload = () => {\r\n // TODO define when we really have an error on load\r\n onMonthChange(new Date());\r\n }\r\n\r\n useEffect(() => {\r\n const notAmElements = timesList?.every((slot) => slot.isPm);\r\n\r\n if (notAmElements && timeOfDay === 'AM' && !loaded) {\r\n toggleTimeOfDay('PM');\r\n setLoaded(true);\r\n }\r\n\r\n }, [selectedDays, timesList, loaded]);\r\n\r\n return (\r\n <>\r\n\r\n There are no available times in the selected month.
\r\nThis location only allows bookings to be scheduled up to 6 days in advance.
\r\n \r\n }\r\n onReloadClick={reload}\r\n />\r\n \r\n )\r\n}\r\nexport default SlotSelector;\r\n","import { FC } from \"react\";\r\nimport { Typography } from \"../../ecosystem\";\r\nimport './visit_type_reason_options.scss';\r\n\r\ntype VisitTypeReasonOption = {\r\n label: string;\r\n value: string;\r\n disabled: boolean;\r\n checked: boolean;\r\n}\r\n\r\nexport interface VisitTypeReasonOptionsProps {\r\n options: VisitTypeReasonOption[];\r\n onChange: (value:string) => void;\r\n}\r\n\r\ninterface VisitTypeReasonRadioBtnProps {\r\n label: string;\r\n value: string;\r\n disabled: boolean;\r\n checked: boolean;\r\n onChange: (value:string) => void;\r\n}\r\nconst VisitTypeReasonRadioBtn: FC\r\n
\r\n )\r\n}\r\n\r\nexport const VisitTypeReasonOptions: FC\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","export * from './ConfirmationCTABanner';\r\nexport * from './VisitTypeReasonOptions';","import React, { Component } from \"react\";\r\nimport { Spinner } from \"../../ecosystem\";\r\n\r\nconst RedirectNextCareSpinner = () => {\r\n return (\r\n \r\n How would you like to be seen? \r\n
\r\n \r\n {options.map(option => (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default RedirectNextCareSpinner;\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport OurStepManager from \"../../common/OurStepManager\";\r\nimport * as d from \"../../../reducers/domainReducer\";\r\nimport ServiceVerifyNSchedule from '../../appointments/ServiceVerifyNSchedule';\r\nimport * as types from \"../../../constants/actionTypes\";\r\nimport * as queryString from 'query-string';\r\nimport ConfirmationModal from \"../../common/ConfirmationModal\";\r\nimport Spinner from \"../../common/spinner\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport { withTranslation } from 'react-i18next';\r\nimport VerifyAndSchedule from '../../appointments/VerifyAndSchedule';\r\nimport AppointmentInfoWidget from \"../services/urgentcare/AppointmentInfoWidget\";\r\nimport OpenScheduleConfirmationSuccess from \"../OpenScheduleConfirmationSuccess\";\r\nimport OpenScheduleConfirmation from \"../OpenScheduleConfirmation\";\r\n\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nconst PROVIDER_TYPE_EPIC_ID = \"EpicID\";\r\nconst OPEN_SCHEDULE_TYPE = \"OpenSchedule\";\r\nconst PROVIDER_NPI = \"ProviderNPI\";\r\nconst PROV_ID = \"PROVID\";\r\n\r\nclass BehaviroalHealth 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 providerIdType,\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 isFromDotCOM,\r\n isFromProduct,\r\n patientTypeVisit,\r\n productExternalEventId\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.provider ? this.props.location.state.provider : '';\r\n this.selectedIndex = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedIndex;\r\n // this.providerVisit = this.props && this.props.location && this.props.location.state && this.props.location.state.visit;\r\n const isMyDoctor = this.props && this.props.location && this.props.location.state && this.props.location.state.isMyDoctor ? this.props.location.state.isMyDoctor : false;\r\n\r\n this.state = {\r\n selectedMonth: new Date(),\r\n isMyDoctor: isMyDoctor,\r\n selectedVisitType: 'VISITTYPEID-PHONE',\r\n timeOfDay: 'AM',\r\n reScheduling: false,\r\n isChangingTime: false,\r\n selectedProvider: null,\r\n epicId: providerId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n providerIdType: providerIdType,\r\n patientId: patientId,\r\n loginId: loginId,\r\n productExternalEventId: productExternalEventId,\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 scheduleCampaignReferrer: scheduleCampaignReferrer,\r\n locationInfo: locationInfo,\r\n isFromProduct: msgs.SCHEDULING_PRODUCT_LIKEMIND.toLowerCase(),\r\n providerVisit: patientTypeVisit === 'firstVisit' ? true : false,\r\n scheduleCompleted: false,\r\n patientProductVisitType: patientTypeVisit\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.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.behavioralHealthScheduleAppointment = this.behavioralHealthScheduleAppointment.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.updateIsChangingTime = this.updateIsChangingTime.bind(this);\r\n this.toggleTimeOfDay = this.toggleTimeOfDay.bind(this);\r\n /* this.changeVisitType = this.changeVisitType.bind(this);*/\r\n this.saveStepInfo = this.saveStepInfo.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 retrieveDepartmentId(provider) {\r\n const found = provider?.identifiers.find((item) => item.type === 'DEPARTMENTID');\r\n return found?.value;\r\n }\r\n\r\n retrievePhoneVisitTypeId(provider) {\r\n const found = provider?.identifiers.find((item) => item.type === 'VISITTYPEID-PHONE');\r\n return found?.value;\r\n }\r\n\r\n retrieveVideoVisitTypeId(provider) {\r\n const found = provider?.identifiers.find((item) => item.type === 'VISITTYPEID-VIDEO');\r\n return found?.value;\r\n }\r\n\r\n retrieveVisitTypeId(provider, selected) {\r\n const found = provider?.identifiers.find((item) => item.type === selected);\r\n return found?.value;\r\n }\r\n\r\n toggleTimeOfDay(amOrPm) {\r\n this.setState({ timeOfDay: amOrPm });\r\n }\r\n\r\n\r\n componentDidMount() {\r\n \r\n const searchModel = {\r\n ids: this.props.match.params.npi || this.props.match.params.provId,\r\n idType: PROVIDER_TYPE_EPIC_ID,\r\n providerId: this.props.match.params.npi,\r\n providerIdType: PROVIDER_TYPE_EPIC_ID,\r\n \r\n }\r\n if (searchModel?.ids) {\r\n this.props.getProviderDetails(searchModel);\r\n\r\n }\r\n this.initiateSearch();\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n providerIdType = 'EpicID';\r\n const isProduct = this.state.isFromProduct;\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.BehaviroalHealth.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n\r\n if (isProduct) {\r\n this.loadScheduleForProvider();\r\n }\r\n else { this.props.getVisitInfo(searchModel, this.getVisitInfoCallBack, isProduct); }\r\n }\r\n\r\n updateIsChangingTime(value) {\r\n this.setState({ isChangingTime: value });\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 initiateSearch() {\r\n this.setState({\r\n showSpinner: true\r\n })\r\n const searchModel = this.getSearchModel();\r\n let {\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 this.loadScheduleForProvider();\r\n }\r\n getSearchModel() {\r\n const { match, location } = this.props;\r\n let searchModel = match && match.params;\r\n if (searchModel) {\r\n searchModel.providerId = searchModel.provId;\r\n searchModel.providerIdType = searchModel.providerIdType;\r\n searchModel.scheduleType = searchModel.scheduleType;\r\n searchModel.visitTypeId = searchModel.visitTypeId;\r\n searchModel.departmentId = searchModel.departmentId;\r\n searchModel.isFromProduct = searchModel.isFromProduct;\r\n searchModel.patientTypeVisit = searchModel.patientTypeVisit;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n searchModel.productExternalEventId = params && params.externalEventId;\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 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 callbackOnLeave = () => {\r\n const stepManager = this.refOurStepManager.current;\r\n let restartAtStep = null;\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 \r\n let cacheDate = '';\r\n const isProduct = this.state.isFromProduct;\r\n let visitDate = this.state.visit && this.state.visit.date ? Tools.toJSDate(this.state.visit.date) : new Date();\r\n let startDt = visitDate && Tools.getStartOfMonth(visitDate.getFullYear(), visitDate.getMonth());\r\n let dt = (isProduct) && startDt ? Tools.toJSDate(startDt) : Tools.toJSDate(cacheDate);\r\n let start = dt && Tools.dateSimpleFormat(dt);\r\n let dtEnd = dt && Tools.getEndOfMonth(dt.getFullYear(), dt.getMonth());\r\n let end = `${dtEnd.getFullYear()}-${dtEnd.getMonth() + 1}-${dtEnd.getDate()}`;\r\n\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.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.state.visit.visitType.id,\r\n start: start,\r\n end: end,\r\n getEarliestSchedule: false\r\n };\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n logUI(\"MBHWeb.BehaviroalHealth.OpenScheduling.loadScheduleForProvider\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted, isProduct);\r\n }\r\n\r\n\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n const { searchModel } = this.state;\r\n const isProduct = this.state.isFromProduct;\r\n const isMammogramSchedule = isProduct ? false : true;\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 logUI(\"MBHWeb.BehaviroalHealth.OpenScheduling.requestScheduleInfo\", new Date(), Tools.getURLPath(), m);\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted, isProduct);\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays, error, value, provider) => {\r\n this.waitingOnScheduleCall = false;\r\n if (this.state.isFromProduct) { this.canShowFirstAvailableSlot = 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 this.setState({\r\n showSpinner: false\r\n })\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.BehaviroalHealth.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.BehaviroalHealth.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 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 behavioralHealthScheduleAppointment() {\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 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.state.visit.visitType.id,\r\n visitTypeIdType: this.state.visit.visitType.idType,\r\n providerId: this.state.epicId,\r\n providerIdType: this.state.scheduleType !== OPEN_SCHEDULE_TYPE ? PROVIDER_NPI : PROV_ID,\r\n departmentId: visit && visit.department && visit.department.id ? `${visit.department.id}` : '',\r\n departmentIdType: visit && visit.department && visit.department.idType ? visit.department.idType : idType,\r\n date: dt,\r\n time: visit.time,\r\n comments: `Behavioral Health - Care Nav Appointment`,\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) {\r\n logUI(\"MBHWeb.UI.BehaviroalHealth.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted, true, true);\r\n }\r\n else {\r\n logUI(\"MBHWeb.UI.BehaviroalHealth.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\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 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 scheduleCallCompleted = (bSuccessful, sErrorMessage) => {\r\n const externalEventId = this.state.productExternalEventId;\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n }\r\n if (externalEventId) {\r\n this.callActivityCompleteEvent()\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 callActivityCompleteEvent = () => {\r\n const externalEventId = this.state.productExternalEventId;\r\n let patientAMRN = this.props.currentUser ? this.props.currentUser.amrn : \"\";\r\n const token = this.props.userToken;\r\n if (externalEventId) {\r\n let activityModel = null;\r\n\r\n activityModel = {\r\n mrn: patientAMRN,\r\n activityId: externalEventId,\r\n formResult: \"\",\r\n dateCompleted: new Date()\r\n\r\n };\r\n logUI(\"MBHWeb.UI.BehaviroalHealth.callActivityCompleteEvent\", new Date(), Tools.getURLPath());\r\n this.props.activityCompleteEvent(activityModel, token);\r\n\r\n } else if (externalEventId) {\r\n logUI(\"MBHWeb.UI.BehaviroalHealth.callActivityCompleteEvent.Failure\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n }\r\n\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n //Time is available, go ahead and save it. if value is empty then look for previous value and save it.\r\n if (time || (!time && visit && visit.time)) {\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\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 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 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 if (success) {\r\n this.setState({ currentStep: step });\r\n }\r\n }\r\n\r\n getVisitTypeDisplayName(visitTypes) {\r\n let fluVisitTypeId = this.state.isFromProduct ? this.state.visitTypeId : this.props.serverData && this.props.serverData.fluVisitTypeId;\r\n for (let count = 0; count < visitTypes.length; count++) {\r\n if (visitTypes[count].iDs && visitTypes[count].iDs.length) {\r\n let ids = visitTypes[count].iDs;\r\n for (let idCount = 0; idCount < ids.length; idCount++) {\r\n if (ids[idCount].id === fluVisitTypeId) {\r\n return [visitTypes[count].displayName, visitTypes[count].name];\r\n }\r\n }\r\n }\r\n }\r\n return [];\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 checkVisitType = (data) => {\r\n this.setState({\r\n updatedVisitType: data\r\n });\r\n }\r\n\r\n showButton = (data) => {\r\n this.canShowNext = data;\r\n }\r\n\r\n isSwitchToNewUser = (data) => {\r\n this.isUserActivated = data;\r\n }\r\n\r\n savePatientInfo = (patient) => {\r\n this.setState({ createPatient: patient });\r\n }\r\n\r\n goToHome = () => {\r\n this.props.history.push({\r\n pathname: '/'\r\n });\r\n }\r\n render() {\r\n let departments = [];\r\n let schedule = [];\r\n let provider = null;\r\n let visitTypelabel = \"\";\r\n let visitTypeDisplayName = [];\r\n let selectedSlotAvailable = true;\r\n let visitTypes = [];\r\n\r\n const {\r\n arrivalTimeSchedule, visitTypeAndLocation, currentUser, createPatientFailed, serverData, t,\r\n primaryUser, providerSchedule, scheduleAppointmentFailed, scheduleAppointmentSuccess, screenBreakPoint, hasMyChart\r\n } = this.props;\r\n const { startingStep, visit, scheduleErrorMessage, baseURL, createPatient, scheduleCompleted, currentStep, locationInfo, isFromProduct, isChangingTime, reScheduling, showSpinner } = this.state;\r\n const scheduleCampaignReferrer = this.props.location && this.props.location.state && this.props.location.state.scheduleCampaignReferrer;\r\n const isMobile = !(screenBreakPoint === msgs.XL_DESKTOP || screenBreakPoint === msgs.XXL_DESKTOP) ? true : false\r\n const isTablet = ([msgs.MD_TABLET, msgs.LG_TABLET]).indexOf(screenBreakPoint) > -1 ? true : false;\r\n const parseDate = (strDate) => {\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\r\n if (this.state.visit && this.state.visit.department && this.state.visit.department.phone) {\r\n this.formattedPhoneNo = this.state.visit.department.phone.replaceAll('-', '.');\r\n }\r\n if (visitTypeAndLocation) {\r\n departments = departments ? visitTypeAndLocation.departments.map((d, i) => { return { label: d.name, label2: d.displayName, value: `${d.iDs[0].id}|${d.iDs[0].type}`, address1: d.address1, address2: d.address2, city: d.city, state: d.state, zip: d.zip, phone: d.phone }; }) : [];\r\n visitTypeDisplayName = visitTypeAndLocation.visitTypes && visitTypeAndLocation.visitTypes.length && this.getVisitTypeDisplayName(visitTypeAndLocation.visitTypes);\r\n visitTypelabel = visitTypeDisplayName && visitTypeDisplayName.length > 1 ? visitTypeDisplayName[1] : \"\";\r\n }\r\n\r\n if (providerSchedule) {\r\n visitTypes = this.providerData?.visitTypes ? this.providerData?.visitTypes.map((v, i) => { return { label: v.displayName, startDate: v.earliestCachedSlotDate, value: `${v.iDs[0].id}|${v.iDs[0].type}` }; }) : [];\r\n schedule = providerSchedule;\r\n provider = providerSchedule.provider;\r\n // make sure the date/time passed in via route params is actually available...\r\n if (schedule && schedule.scheduleDays && this.state.visit.date !== \"\" && this.state.visit.time !== \"\") {\r\n const selDate = schedule.scheduleDays.filter(slot => slot.date === this.state.visit.date);\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) {\r\n selectedSlotAvailable = false;\r\n }\r\n }\r\n else {\r\n selectedSlotAvailable = false;\r\n }\r\n }\r\n }\r\n\r\n let insurance = [];\r\n if (this.props.providerDetails && this.props.providerDetails.length > 0) {\r\n for (var i = 0; i < this.props.providerDetails[0].insuranceV2.length; i++) {\r\n const ins = this.props.providerDetails[0].insuranceV2[i];\r\n const found = insurance.some((item) => item.label === ins.companyName);\r\n if (!found) {\r\n insurance.push({ label: ins.companyName, value: ins.companyName });\r\n }\r\n }\r\n }\r\n\r\n const providerDetails = this.props.providerDetails && this.props.providerDetails.length > 0 ? this.props.providerDetails[0] : null;\r\n \r\n const hasMajorFailure = scheduleCompleted && scheduleErrorMessage;\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n if (scheduleCompleted) {\r\n this.canShowSpinner = false;\r\n\r\n }\r\n\r\n const enabledDays = schedule && schedule.scheduleDays && schedule.scheduleDays.length > 0 ? schedule.scheduleDays.map((slot, i) => { return parseDate(slot.date); }) : [];\r\n\r\n\r\n const localSelectedDate = visit && visit.date ? visit.date : schedule && schedule.scheduleDays && schedule.scheduleDays[0] && schedule.scheduleDays[0].date;\r\n const slotsContainer = schedule && schedule.scheduleDays && schedule.scheduleDays.find((day) => day && day.date === localSelectedDate);\r\n const slots = slotsContainer && slotsContainer.slots || [];\r\n const verifyScheduleStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const visitTypeStepValue = this.getIndexByStepTitle('Visit Type');\r\n const isVisitTypeStep = currentStep === visitTypeStepValue;\r\n const likemindVisitType = this.state.patientProductVisitType === 'firstVisit' ? 'Phone Call' : 'Video Visit';\r\n\r\n\r\n const onSelectDay = (day) => {\r\n\r\n // TODO HERE\r\n if (containsDate(enabledDays, day)) {\r\n let visit = this.state.visit;\r\n visit.date = Tools.dateSimpleFormat(day);\r\n visit.time = \"\";\r\n visit.time = \"\";\r\n\r\n\r\n this.saveStepInfo({ visit: visit });\r\n const localSlots = schedule && schedule.scheduleDays && schedule.scheduleDays.find((d) => d && d.date === Tools.dateSimpleFormat(day)).slots;\r\n const list = localSlots.map(slot => {\r\n const time = Tools.formatSlotTime(slot.time);\r\n return time;\r\n });\r\n\r\n const notAmElements = list.every((slot) => slot.isPm);\r\n if (notAmElements) {\r\n this.toggleTimeOfDay('PM');\r\n } else {\r\n this.toggleTimeOfDay('AM');\r\n }\r\n }\r\n }\r\n\r\n const onSelectTime = (slot) => {\r\n let visit = this.state.visit;\r\n visit.time = slot;\r\n this.setState({ visit: visit });\r\n }\r\n\r\n const onMonthChange = (dt) => {\r\n const currentMonth = new Date().getMonth();\r\n let visit = this.state.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, selectedMonth: dt });\r\n requestScheduleByMonth(this.state.lastSelectedMonth !== -1 && this.state.lastSelectedMonth > dt.getMonth() ? dt.getMonth() : dt.getMonth() + 1, dt);\r\n this.setState({ lastSelectedMonth: dt.getMonth(), calInitialDate: dt, maxDate: dt.getMonth() !== currentMonth ? Tools.addDays(dt, 6) : Tools.addDays(dt, 30) });\r\n }\r\n\r\n const setCalInitialDate = (val) => {\r\n this.setState({ calInitialDate: val });\r\n }\r\n\r\n const 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.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\r\n const containsDate = (ar, dt) => {\r\n let ret = false;\r\n if (ar && dt) {\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 const handleProductBackNavigation = () => {\r\n this.props.history.push({\r\n pathname: '/products/likemind'\r\n });\r\n }\r\n const handleBack = () => {\r\n \r\n if (currentStep > 0) {\r\n this.refOurStepManager.current.callGoBack(currentStep - 1);\r\n this.refOurStepManager.current.goToNewStep(true, currentStep - 1);\r\n\r\n } else {\r\n handleProductBackNavigation()\r\n }\r\n \r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n )\r\n }\r\n\r\n};\r\n\r\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 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 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 history: state.session.history,\r\n arrivalTimeSchedule: state.openScheduling.arrivalTimeSchedule,\r\n scheduleAppointmentData: state.openScheduling.schedule,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n userEnrollCarePlanResponse: state.openScheduling.userEnrollCarePlanResponse,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVisitInfo: (searchModel, getVisitInfoCallBack, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n isProduct: isProduct,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, isProduct) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, isProduct });\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 userEnrollCarePlan: (enrollmentModel, token, callback) => {\r\n dispatch({\r\n type: types.USER_ENROLL_CARE_PLAN,\r\n model: enrollmentModel,\r\n token: token,\r\n callback: callback\r\n });\r\n },\r\n activityCompleteEvent: (activityModel, token) => {\r\n dispatch({\r\n type: types.PRODUCT_ACTIVITY_COMPLETE_EVENT,\r\n model: activityModel,\r\n token: token\r\n });\r\n },\r\n\r\n scheduleAppointment: (model, token, scheduleCallBack, isProduct, isMammogramSchedule) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isProduct: isProduct,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack, isProduct,) => {\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 isProduct: isProduct,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\r\n\r\n },\r\n updateProfileCall: () => {\r\n dispatch({\r\n type: types.MEMBERSHIP_GET_START\r\n });\r\n },\r\n getProviderDetails: (searchModel) => {\r\n dispatch({ type: types.PROVIDER_DETAIL, searchModel: searchModel });\r\n //dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel: { start: openScheduleStart(), end: openScheduleEnd(), providerId: searchModel.ids, providerIdType: \"NPI\" } });\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.OPEN_SCHEDULE_PROVIDER, 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 };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(BehaviroalHealth)));","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { logUI } from '../../../api/andyliticsApi';\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 ConfirmationModal from \"../../common/ConfirmationModal\";\r\nimport Spinner from \"../../common/spinner\";\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport { withTranslation } from 'react-i18next';\r\nimport AppointmentInfoWidget from \"../services/urgentcare/AppointmentInfoWidget\";\r\nimport VerifyAndSchedule from \"../VerifyAndSchedule\";\r\nimport VisitTypeReason from \"../VisitTypeReason\";\r\nimport OpenScheduleConfirmation from \"../OpenScheduleConfirmation\";\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n \r\nclass MuscleAndJointCare 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 providerIdType,\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 isFromDotCOM,\r\n isFromProduct,\r\n patientTypeVisit,\r\n productExternalEventId\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 this.isNextCareScheduling = this.props?.location?.state?.loc?.openSchedules?.dateAndTimes[0]?.providerIdType === msgs.NextCareID || providerIdType === msgs.NextCareID ? providerIdType : \"\" ;\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 selectedProviderName = this.props.location && this.props.location.state && this.props.location.state.selectedProviderName ? this.props.location.state.selectedProviderName : '' ;\r\n this.selectedIndex = this.props && this.props.location && this.props.location.state && this.props.location.state.selectedIndex;\r\n const isMyDoctor = this.props && this.props.location && this.props.location.state && this.props.location.state.isMyDoctor ? this.props.location.state.isMyDoctor : false;\r\n \r\n this.state = {\r\n selectedMonth: new Date(),\r\n selectedDay: new Date(),\r\n isMyDoctor: isMyDoctor,\r\n selectedVisitType: 'VIDEO-VISIT',\r\n timeOfDay: 'AM',\r\n reScheduling: false,\r\n isChangingTime: false,\r\n selectedProvider: null,\r\n epicId: providerId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n providerIdType: providerIdType,\r\n selectedProvider: null,\r\n patientId: patientId,\r\n loginId: loginId,\r\n reScheduling: (this.isNextCareScheduling && this.nextCareRescheduleFalg) ? true : false,\r\n productExternalEventId: productExternalEventId,\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 isFromProduct: msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ,\r\n scheduleCompleted: false,\r\n patientProductVisitType: patientTypeVisit,\r\n providerVisit: patientTypeVisit && patientTypeVisit === 'firstVisit' ? true : false,\r\n timeOfDay: 'AM',\r\n calInitialDate: new Date(),\r\n maxDate: Tools.addDays(new Date(), 30),\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.toggleTimeOfDay = this.toggleTimeOfDay.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.render = this.render.bind(this);\r\n this.initiateSearch = this.initiateSearch.bind(this);\r\n this.loadScheduleForProvider = this.loadScheduleForProvider.bind(this);\r\n this.muscleAndJointScheduleAppointment = this.muscleAndJointScheduleAppointment.bind(this);\r\n this.getProviderId = this.getProviderId.bind(this);\r\n this.updateIsChangingTime = this.updateIsChangingTime.bind(this);\r\n this.toggleTimeOfDay = this.toggleTimeOfDay.bind(this);\r\n this.saveStepInfo = this.saveStepInfo.bind(this);\r\n this.callActivityCompleteEvent = this.callActivityCompleteEvent.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 retrieveDepartmentId(provider) {\r\n const { patientProductVisitType, departmentId } = this.state;\r\n if (provider) {\r\n const found = provider?.find((item) => item.type === 'DEPARTMENTID');\r\n return found?.value;\r\n } else if (patientProductVisitType && departmentId) {\r\n return departmentId;\r\n }\r\n }\r\n\r\n retrievePhoneVisitTypeId(provider) {\r\n const found = provider?.find((item) => item.type === 'VISITTYPEID-PHONE');\r\n return found?.value;\r\n }\r\n\r\n retrieveVideoVisitTypeId(provider) {\r\n const found = provider?.find((item) => item.type === 'VISITTYPEID-VIDEO');\r\n return found?.value;\r\n }\r\n\r\n retrieveVisitTypeId(provider, selected) {\r\n const found = provider?.find((item) => item.type === selected);\r\n return found?.value;\r\n }\r\n\r\n toggleTimeOfDay(amOrPm) {\r\n this.setState({ timeOfDay: amOrPm });\r\n }\r\n\r\n\r\n componentDidMount() {\r\n // const { locationInfo } = this.state;\r\n const searchModel = {\r\n ids: this.props.match.params.provId,\r\n idType: msgs.PROVIDER_TYPE_EPIC_ID,\r\n }\r\n if (searchModel?.ids) {\r\n this.loadScheduleForProvider();\r\n this.props.getProviderDetails(searchModel);\r\n\r\n }\r\n \r\n \r\n //this.setState({ selectedProvider: locationInfo });\r\n }\r\n updateIsChangingTime(value) {\r\n this.setState({ isChangingTime: value });\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 initiateSearch() {\r\n const searchModel = this.getSearchModel();\r\n let {\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 /* componentDidUpdate(prevProps, prevState) {\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 = msgs.PROVIDER_TYPE_NPI;\r\n searchModel.providerId = searchModel.npi;\r\n }\r\n else if (searchModel.patientTypeVisit) {\r\n searchModel.providerId = searchModel.provId;\r\n searchModel.providerIdType = searchModel?.providerIdType || msgs.PROV_ID;\r\n searchModel.scheduleType = searchModel?.scheduleType || msgs.OPEN_SCHEDULE_TYPE;\r\n searchModel.visitTypeId = searchModel.visitTypeId;\r\n searchModel.departmentId = searchModel?.departmentId;\r\n searchModel.isFromProduct = searchModel?.isFromProduct;\r\n searchModel.patientTypeVisit = searchModel?.patientTypeVisit;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n\r\n this.setState({ productExternalEventId: params && params.externalEventId });\r\n searchModel.productExternalEventId = params && params.externalEventId;\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 = msgs.PROVIDER_TYPE_EPIC_ID;\r\n searchModel.providerId = searchModel.epicId;\r\n }\r\n if (!searchModel.scheduleType) {\r\n searchModel.scheduleType = msgs.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 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 //const re = /^\\/schedule|\\/scheduling|\\/findcare/;\r\n return nextLocation !== null && re.test(nextLocation.pathname);\r\n }\r\n callbackOnLeave = () => {\r\n const stepManager = this.refOurStepManager.current;\r\n let restartAtStep = null;\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 this.canShowSpinner = true;\r\n let cacheDate = '';\r\n const isProduct = this.state.isFromProduct;\r\n let visitDate = this.state.visit && this.state.visit.date ? Tools.toJSDate(this.state.visit.date) : new Date();\r\n let startDt = visitDate && Tools.getStartOfMonth(visitDate.getFullYear(), visitDate.getMonth());\r\n let dt = (isProduct) && 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\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.state.visit.visitType.id,\r\n })\r\n\r\n searchModel = {\r\n providerId: this.state.epicId,\r\n providerIdType: msgs.PROVIDER_TYPE_EPIC_ID,\r\n departmentId: this.state.visit.department.id,\r\n scheduleType: this.state.scheduleType,\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.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = false;\r\n this.earliestScheduleApplied = false;\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.OpenScheduling.loadScheduleForProvider\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getScheduleInfo(searchModel, this.onOpenScheculingCallCompleted, isProduct);\r\n }\r\n\r\n\r\n\r\n requestScheduleInfo(allowStepForward, getEarliestSchedule) {\r\n this.canShowSpinner = true;\r\n const isProduct = this.state.isFromProduct;\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 = msgs.PROVIDER_TYPE_EPIC_ID;\r\n m.scheduleType = this.state.scheduleType;\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.getEarliestSchedule = getEarliestSchedule === undefined ? false : getEarliestSchedule;\r\n this.waitingOnScheduleCall = true;\r\n this.waitingOnEarliestScheduleCall = getEarliestSchedule;\r\n this.earliestScheduleApplied = false;\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.OpenScheduling.requestScheduleInfo\", new Date(), Tools.getURLPath(), m);\r\n this.props.getScheduleInfo(m, this.onOpenScheculingCallCompleted, isProduct);\r\n }\r\n\r\n onOpenScheculingCallCompleted = (scheduleDays, error, value, provider) => {\r\n if (scheduleDays) { this.canShowSpinner = false; }\r\n \r\n this.waitingOnScheduleCall = false;\r\n if (this.state.isFromProduct) { this.canShowFirstAvailableSlot = 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.UI.MuscleAndJointCare.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.UI.MuscleAndJointCare.Appointment\", new Date(), Tools.getURLPath(), info);\r\n\r\n }\r\n });\r\n }\r\n\r\n toggleTimeOfDay(amOrPm) {\r\n this.setState({ timeOfDay: amOrPm });\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 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 \r\n muscleAndJointScheduleAppointment() {\r\n this.canShowSpinner = true;\r\n const token = this.props.userToken;\r\n const { createPatient, patientProductVisitType } = 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 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.state.visit.visitType.id,\r\n visitTypeIdType: this.state.visit.visitType.idType,\r\n providerId: this.state.epicId,\r\n providerIdType: this.state.scheduleType !== msgs.OPEN_SCHEDULE_TYPE ? msgs.PROVIDER_NPI : msgs.PROV_ID,\r\n departmentId: visit && visit.department && visit.department.id ? `${visit.department.id}` : '',\r\n departmentIdType: visit && visit.department && visit.department.idType ? visit.department.idType : idType,\r\n date: dt,\r\n time: visit.time,\r\n comments: `${visit && visit.reasonForVisit && visit.reasonForVisit}`,\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) {\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.scheduleAppointment(scheduleModel, token, this.scheduleCallCompleted, true);\r\n }\r\n else {\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\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 scheduleCallCompleted = (bSuccessful, sErrorMessage) => {\r\n const externalEventId = this.state.productExternalEventId;\r\n const patientFirstVisit = this.state.providerVisit;\r\n let { scheduleErrorMessage } = this.state;\r\n if (bSuccessful) {\r\n if (scheduleErrorMessage !== \"\") {\r\n scheduleErrorMessage = \"\";\r\n }\r\n if (patientFirstVisit) {\r\n this.callUserEnrollCarePlan();\r\n }\r\n \r\n if (externalEventId) {\r\n this.callActivityCompleteEvent()\r\n }\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 callActivityCompleteEvent = () => {\r\n const externalEventId = this.state.productExternalEventId;\r\n let patientAMRN = this.props.currentUser ? this.props.currentUser.amrn : \"\";\r\n const token = this.props.userToken;\r\n if (externalEventId) {\r\n let activityModel = null;\r\n \r\n activityModel = {\r\n mrn: patientAMRN,\r\n activityId: externalEventId,\r\n formResult: \"\",\r\n dateCompleted: new Date()\r\n \r\n };\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.callActivityCompleteEvent\", new Date(), Tools.getURLPath());\r\n this.props.activityCompleteEvent(activityModel, token);\r\n \r\n } else if (externalEventId) {\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.callActivityCompleteEvent.Failure\", new Date(), Tools.getURLPath());\r\n }\r\n \r\n }\r\n callUpdateProfileAPI = (isSuccess) => {\r\n if (isSuccess) {\r\n setTimeout(() => {\r\n this.props.updateProfileCall();\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.callUpdateProfileAPI\", new Date(), Tools.getURLPath());\r\n }, 100);\r\n }\r\n }\r\n\r\n callUserEnrollCarePlan = () => {\r\n let patientAMRN = this.props.currentUser ? this.props.currentUser.amrn : \"\";\r\n let visit = this.state.visit;\r\n let dateValue = Tools.toJSDate(`${visit.date} 00:00:00`, DATE_FORMAT);\r\n let visitDate = Tools.dateSimpleFormat(dateValue);\r\n const token = this.props.userToken;\r\n let enrollmentModel = null;\r\n\r\n enrollmentModel = {\r\n Mrn: patientAMRN,\r\n ProgramName: msgs.PRODUCT_BACKANDNECK,\r\n // SurveyId: \"41\",\r\n StartDateTime: visitDate\r\n };\r\n logUI(\"MBHWeb.UI.MuscleAndJointCare.phc.UserEnrollCarePlan\", new Date(), Tools.getURLPath());\r\n this.props.userEnrollCarePlan(enrollmentModel, token, this.callUpdateProfileAPI);\r\n }\r\n saveSlot(time, duration) {\r\n let visit = this.state.visit;\r\n //Time is available, go ahead and save it. if value is empty then look for previous value and save it.\r\n if (time || (!time && visit && visit.time)) {\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\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 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 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 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 checkVisitType = (data) => {\r\n this.setState({\r\n updatedVisitType: data\r\n });\r\n }\r\n\r\n showButton = (data) => {\r\n this.canShowNext = data;\r\n }\r\n\r\n isSwitchToNewUser = (data) => {\r\n this.isUserActivated = data;\r\n }\r\n\r\n savePatientInfo = (patient) => {\r\n this.setState({ createPatient: patient });\r\n }\r\n\r\n goToHome = () => {\r\n this.props.history.push({\r\n pathname: '/'\r\n });\r\n }\r\n render() {\r\n let departments = [];\r\n let schedule = [];\r\n let provider = null;\r\n let visitTypelabel = \"\";\r\n let visitTypeDisplayName = [];\r\n let selectedSlotAvailable = true;\r\n let visitTypes = [];\r\n \r\n const {\r\n visitTypeAndLocationFailed, visitTypeAndLocation, currentUser, createPatientFailed, serverData, t, hasMyChart, match, arrivalTimeSchedule,\r\n primaryUser, providerSchedule, scheduleAppointmentFailed, scheduleAppointmentSuccess, screenBreakPoint, visitTypeAndLocationPending, proxyListFailure, proxyListLoaded\r\n } = this.props;\r\n const { selectedProvider, reScheduling, startingStep, visit, scheduleErrorMessage, baseURL, createPatient, showSpinner, scheduleCompleted, currentStep, isFromVideoVisitOptions, locationInfo, isFromProduct, providerVisit, isChangingTime } = this.state;\r\n\r\n const parseDate = (strDate) => {\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\r\n if (this.state.visit && this.state.visit.department && this.state.visit.department.phone) {\r\n this.formattedPhoneNo = this.state.visit.department.phone.replaceAll('-', '.');\r\n }\r\n /* if (visitTypeAndLocation) {\r\n departments = departments ? visitTypeAndLocation.departments.map((d, i) => { return { label: d.name, label2: d.displayName, value: `${d.iDs[0].id}|${d.iDs[0].type}`, address1: d.address1, address2: d.address2, city: d.city, state: d.state, zip: d.zip, phone: d.phone }; }) : [];\r\n visitTypeDisplayName = visitTypeAndLocation.visitTypes && visitTypeAndLocation.visitTypes.length && this.getVisitTypeDisplayName(visitTypeAndLocation.visitTypes);\r\n visitTypelabel = visitTypeDisplayName && visitTypeDisplayName.length > 1 ? visitTypeDisplayName[1] : \"\";\r\n }*/\r\n\r\n if (providerSchedule) {\r\n visitTypes = this.providerData?.visitTypes ? this.providerData?.visitTypes.map((v, i) => { return { label: v.displayName, startDate: v.earliestCachedSlotDate, value: `${v.iDs[0].id}|${v.iDs[0].type}` }; }) : [];\r\n schedule = providerSchedule;\r\n provider = providerSchedule.provider;\r\n // make sure the date/time passed in via route params is actually available...\r\n if (schedule && schedule.scheduleDays && this.state.visit.date !== \"\" && this.state.visit.time !== \"\") {\r\n const selDate = schedule.scheduleDays.filter(slot => slot.date === this.state.visit.date);\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) {\r\n selectedSlotAvailable = false;\r\n }\r\n }\r\n else {\r\n selectedSlotAvailable = false;\r\n }\r\n }\r\n }\r\n\r\n let insurance = [];\r\n if (this.props.providerDetails && this.props.providerDetails.length > 0) {\r\n for (var i = 0; i < this.props.providerDetails[0].insuranceV2.length; i++) {\r\n const ins = this.props.providerDetails[0].insuranceV2[i];\r\n const found = insurance.some((item) => item.label === ins.companyName);\r\n if (!found) {\r\n insurance.push({ label: ins.companyName, value: ins.companyName });\r\n }\r\n }\r\n }\r\n\r\n const providerDetails = this.props.providerDetails && this.props.providerDetails.length > 0 ? this.props.providerDetails[0] : null;\r\n const hasMajorFailure = scheduleCompleted && scheduleErrorMessage;\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n if (scheduleCompleted) {\r\n this.canShowSpinner = false;\r\n\r\n }\r\n const localSelectedDate = visit && visit.date ? visit.date : schedule && schedule.scheduleDays && schedule.scheduleDays[0] && schedule.scheduleDays[0].date;\r\n const enabledDays = schedule && schedule.scheduleDays && schedule.scheduleDays.length > 0 ? schedule.scheduleDays.map((slot, i) => { return parseDate(slot.date); }) : [];\r\n const slotsContainer = schedule && schedule.scheduleDays && schedule.scheduleDays.find((day) => day && day.date === localSelectedDate);\r\n const slots = slotsContainer && slotsContainer.slots || [];\r\n const isMobile = !(screenBreakPoint === msgs.XL_DESKTOP || screenBreakPoint === msgs.XXL_DESKTOP) ? true : false\r\n const verifyScheduleStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const productRFV = 'Video Visit';\r\n const backButton = this.state.patientProductVisitType !== undefined ? true : false;\r\n\r\n const onSelectDay = (day) => {\r\n\r\n // TODO HERE\r\n if (containsDate(enabledDays, day)) {\r\n let visit = this.state.visit;\r\n \r\n visit.date = Tools.dateSimpleFormat(day);\r\n visit.time = \"\";\r\n visit.time = \"\";\r\n\r\n this.saveStepInfo({ visit: visit });\r\n const localSlots = schedule && schedule.scheduleDays && schedule.scheduleDays.find((d) => d && d.date === Tools.dateSimpleFormat(day)).slots;\r\n this.setState({ selectedDay: day, selectedMonth: day })\r\n const list = localSlots.map(slot => {\r\n const time = Tools.formatSlotTime(slot.time);\r\n return time;\r\n });\r\n\r\n const notAmElements = list.every((slot) => slot.isPm);\r\n if (notAmElements) {\r\n this.toggleTimeOfDay('PM');\r\n } else {\r\n this.toggleTimeOfDay('AM');\r\n }\r\n }\r\n }\r\n\r\n const onSelectTime = (slot) => {\r\n let visit = this.state.visit;\r\n visit.time = slot;\r\n this.setState({ visit: visit });\r\n }\r\n\r\n const onMonthChange = (dt) => {\r\n const currentMonth = new Date().getMonth();\r\n let visit = this.state.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, selectedMonth: dt, selectedDay: dt });\r\n requestScheduleByMonth(this.state.lastSelectedMonth !== -1 && this.state.lastSelectedMonth > dt.getMonth() ? dt.getMonth() : dt.getMonth() + 1, dt);\r\n this.setState({ lastSelectedMonth: dt.getMonth(), calInitialDate: dt, maxDate: dt.getMonth() !== currentMonth ? Tools.addDays(dt, 6) : Tools.addDays(dt, 30) });\r\n }\r\n\r\n const setCalInitialDate = (val) => {\r\n this.setState({ calInitialDate: val });\r\n }\r\n\r\n const 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.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\r\n const containsDate = (ar, dt) => {\r\n let ret = false;\r\n if (ar && dt) {\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 const handleBack = () => {\r\n \r\n if (currentStep === 0) {\r\n this.props.history.replace({\r\n pathname: this.state.providerVisit ? `/products/${msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ}/schedule/firstvisit` : `/products/${msgs.SCHEDULING_SEARCHMODEL_FROM_PRODUCT_MNJ}`\r\n }) \r\n } else {\r\n this.refOurStepManager.current.goToNewStep(true, currentStep - 1);\r\n }\r\n logUI('MBHWeb.UI.MuscleAndJoint.ChangeStep.Click', new Date(), Tools.getURLPath());\r\n }\r\n\r\n return (\r\n \r\n
\r\n {((!scheduleCompleted && currentStep > 0)) &&\r\n \r\n {\r\n !scheduleCompleted ?\r\n
\r\n \r\n {false && }\r\n\r\n
\r\n :\r\n this.state.providerVisit ? \r\n
\r\n \r\n\r\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, 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 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 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 history: state.session.history,\r\n arrivalTimeSchedule: state.openScheduling.arrivalTimeSchedule,\r\n scheduleAppointmentData: state.openScheduling.schedule,\r\n screenBreakPoint: state.common.screenBreakPoint,\r\n userEnrollCarePlanResponse: state.openScheduling.userEnrollCarePlanResponse,\r\n ...ownProps\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getVisitInfo: (searchModel, getVisitInfoCallBack, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n isProduct: isProduct,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, isProduct) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, isProduct });\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 userEnrollCarePlan: (enrollmentModel, token, callback) => {\r\n dispatch({\r\n type: types.USER_ENROLL_CARE_PLAN,\r\n model: enrollmentModel,\r\n token: token,\r\n callback: callback\r\n });\r\n },\r\n activityCompleteEvent: (activityModel, token) => {\r\n dispatch({\r\n type: types.PRODUCT_ACTIVITY_COMPLETE_EVENT,\r\n model: activityModel,\r\n token: token\r\n });\r\n },\r\n \r\n scheduleAppointment: (model, token, scheduleCallBack, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isProduct: isProduct,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack, isProduct, ) => {\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 isProduct: isProduct,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\r\n\r\n },\r\n updateProfileCall: () => {\r\n dispatch({\r\n type: types.MEMBERSHIP_GET_START\r\n });\r\n },\r\n\r\n clearReduxState: () => {\r\n dispatch({ type: types.OPEN_SCHEDULE_CLEAR_REDUX_STATE });\r\n },\r\n getProviderDetails: (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 };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(MuscleAndJointCare)));","import { ComponentProps, memo, PropsWithChildren, useCallback, useEffect, useState } from \"react\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport { useMediaQuery, Grid, Typography, Spinner, Notifier } from \"../../ecosystem\";\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport * as msgs from '../../../constants/textConstants';\r\nimport * as actionTypes from \"../../../constants/actionTypes\";\r\nimport { schedulingInitialState } from \"../../../reducers/openSchedulingReducer\";\r\nimport CareTeamSelect, { Provider } from \"../services/coachSchedule/coachCard/CareTeamSelect\";\r\n\r\nimport \"./MuscleAndJointCareTeamSelectionPage.scss\";\r\n\r\ninterface CareTeamHeadingProps {\r\n mainText: string;\r\n descriptionText?: string;\r\n}\r\n\r\ntype GetHeaderTypographyType = NonNullable\r\n
\r\n {((!scheduleCompleted && currentStep > 0)) &&\r\n \r\n {\r\n !scheduleCompleted ?\r\n
\r\n \r\n {/* {!isHeadache && }*/}\r\n\r\n
\r\n :\r\n \r\n
\r\n \r\n\r\n \r\n {\r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n {team\r\n ?.map((provider: Provider) => {\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\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 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 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, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n isProduct: isProduct,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, isProduct) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, isProduct });\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 userEnrollCarePlan: (enrollmentModel, token, callback) => {\r\n dispatch({\r\n type: types.USER_ENROLL_CARE_PLAN,\r\n model: enrollmentModel,\r\n token: token,\r\n callback: callback\r\n });\r\n },\r\n activityCompleteEvent: (activityModel, token) => {\r\n dispatch({\r\n type: types.PRODUCT_ACTIVITY_COMPLETE_EVENT,\r\n model: activityModel,\r\n token: token\r\n });\r\n },\r\n \r\n scheduleAppointment: (model, token, scheduleCallBack, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isProduct: isProduct,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack, isProduct, ) => {\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 isProduct: isProduct,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\r\n\r\n },\r\n updateProfileCall: () => {\r\n dispatch({\r\n type: types.MEMBERSHIP_GET_START\r\n });\r\n },\r\n\r\n clearReduxState: () => {\r\n dispatch({ type: types.OPEN_SCHEDULE_CLEAR_REDUX_STATE });\r\n },\r\n getProviderDetails: (searchModel) => {\r\n dispatch({ type: types.PROVIDER_DETAIL, searchModel: searchModel });\r\n //dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel: { start: openScheduleStart(), end: openScheduleEnd(), providerId: searchModel.ids, providerIdType: \"NPI\" } });\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 };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(ScheduleCoaching)));","import { ComponentProps, ElementRef, forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport {\r\n Card,\r\n Typography,\r\n Button,\r\n Icon,\r\n useMediaQuery,\r\n Thumbnail,\r\n Divider,\r\n LinkText\r\n} from \"../../../../ecosystem\";\r\nimport _StaticHtmlContent from \"../../../../common/staticHtmlContent\";\r\n\r\nimport \"./CareTeamSelect.scss\";\r\n\r\ninterface Opening {\r\n date: string;\r\n slots: Array<{\r\n id: string;\r\n startTime: string;\r\n providerSlots: [] | null;\r\n }>\r\n}\r\n\r\nexport interface Provider {\r\n name?: string;\r\n bio?: string;\r\n departmentId?: string;\r\n epicId?: string;\r\n npi?: string;\r\n openings?: Opening[];\r\n photoUrl?: string | null;\r\n providerType?: string;\r\n specialties?: string[];\r\n visitTypeId?: string;\r\n}\r\n\r\nconst StaticHtmlContent = forwardRef((props: ComponentProps\r\n
\r\n {((!scheduleCompleted && currentStep > 0)) &&\r\n \r\n {\r\n !scheduleCompleted ?\r\n
\r\n \r\n {!isHeadache && }\r\n\r\n
\r\n :\r\n \r\n
\r\n \r\n\r\n \r\n\r\n {\r\n
\r\n \r\n \r\n \r\n {(isOverflowing || isExpanded) && (\r\n
\r\n );\r\n};\r\n\r\ninterface CareTeamSelectProps {\r\n provider: Omit\r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n const providerSchedule = (\r\n \r\n \r\n Next availabilty:\r\n \r\n
\r\n - \r\n {\r\n // @ts-expect-error validation logic is under useValidateRequiredFields\r\n validatedProvider.result.openings.map((opening, index, openings) => {\r\n const isLastOpening = (openings.length - 1) === index;\r\n\r\n return (\r\n
- \r\n \r\n\r\n
{opening.date} \r\n {!isLastOpening &&}\r\n \r\n )\r\n })}\r\n
\r\n
\r\n \r\n \r\n {provider.name}\r\n \r\n \r\n {provider.providerType}\r\n \r\n {isDesktop && prodiverAvailability}\r\n
\r\n {!isDesktop && prodiverAvailability}\r\n \r\n
\r\n )}\r\n {!isDesktop && (\r\n <>\r\n \r\n
\r\n )\r\n }\r\n\r\n const contentContainer = () => {\r\n return (\r\n \r\n \r\n {header}\r\n \r\n
\r\n {isMobile &&\r\n \r\n \r\n {subheader}\r\n \r\n
\r\n setShowContent(!showContent)}>\r\n
\r\n }\r\n \r\n \r\n {t(\"Biography\")}\r\n \r\n
\r\n )\r\n }\r\n\r\n const ctaContainer = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n { ctaText || t('Schedule appointment') }\r\n \r\n
\r\n )\r\n }\r\n\r\n const showContentCtaSection = ((isMobile && showContent) || !isMobile);\r\n\r\n return (\r\n \r\n {titleContainer()}\r\n {showContentCtaSection && contentContainer()}\r\n
\r\n {showContentCtaSection && ctaContainer()}\r\n \r\n );\r\n}\r\n\r\nexport default CoachCard;","import { FC, useMemo } from 'react';\r\nimport { Card, Icon } from '../../../../ecosystem';\r\nimport { Carousel, SliderArrowProps } from '../../../../ecosystem/mybswh';\r\nimport cn from 'classnames';\r\n\r\ninterface CoachCarouselProps {\r\n cardsView: JSX.Element[];\r\n}\r\n\r\nconst baseCn = 'things-to-do-carousel';\r\nconst infinite = false;\r\n\r\nconst PrevArrow = ({ currentSlide, slideCount, isInfinite, onClick }: SliderArrowProps) => {\r\n const isDisabled = () => {\r\n if (isInfinite) {\r\n return !isInfinite;\r\n }\r\n\r\n return slideCount ? currentSlide == 0 : false\r\n }\r\n\r\n const disabled = isDisabled();\r\n\r\n return (\r\n \r\n {renderedContent}\r\n
\r\n );\r\n};\r\n\r\nexport default CoachCarousel;","import { useEffect } from 'react';\r\nimport { useSelector, useDispatch, shallowEqual } from 'react-redux';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMediaQuery, Grid, Typography, Button, Spinner } from \"../../../../ecosystem\";\r\nimport { SEARCH_PROVIDER } from '../../../../../constants/actionTypes';\r\nimport CoachCarousel from \"./CoachCarousel\";\r\nimport CoachCard from \"./CoachCard\";\r\nimport { logUI } from \"../../../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../../../helpers/Tools\";\r\n\r\nconst CoachListing = ({...props}) => {\r\n const { coaches, searchRunning } = useSelector((state: any) => ({\r\n coaches: state.providers.providers,\r\n searchRunning: state.providers.searchRunning,\r\n success: state.providers.success,\r\n error: state.providers.error,\r\n }), shallowEqual);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const pHCLineOfBusiness = window?.serverData?.data?.pHCLineOfBusiness;\r\n useEffect(() => {\r\n let searchModel = {\r\n LineOfBusiness: pHCLineOfBusiness,\r\n pageNumber: 1,\r\n perPage: 5,\r\n sortSeed: 0,\r\n overrideRules: false,\r\n };\r\n dispatch({ type: SEARCH_PROVIDER, searchModel, isLatestCall: true });\r\n }, [dispatch, pHCLineOfBusiness]);\r\n const { t } = useTranslation(); \r\n const isMobile = useMediaQuery({ max: 'md' });\r\n const isTablet = useMediaQuery({ max: 'lg', min: 'md' });\r\n\r\n const onCtaClick = (provider: any) => {\r\n const url = provider.provider.epicID && `/products/personalhealthcoaching/${provider.provider.epicID}/OpenSchedule`;\r\n logUI(`MBHWeb.UI.PHCCoach.CoachListing.ScheduleFirstAppointment.Clicked`, new Date(), Tools.getURLPath());\r\n props.history.replace({\r\n pathname: url,\r\n state: { provider: provider.provider }\r\n })\r\n }\r\n const mainContainerClasses = [\r\n \"body-content\",\r\n \"body-content--no-top-offset\",\r\n ].join(\" \");\r\n\r\n const goBack = () => {\r\n logUI(`MBHWeb.UI.PHC.CoachListing.BackToPHCEnrollmentPage.Clicked`, new Date(), Tools.getURLPath());\r\n props.history.replace({\r\n pathname: '/products/personalhealthcoaching/enroll'\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"Which coach would you like to schedule with?\")}\r\n \r\n
\r\n \r\n {isTablet || isMobile\r\n ? onCtaClick(item)}/>)} />\r\n }\r\n
\r\n \r\n {coaches.map((item: any) => onCtaClick(item)} />)}\r\n
\r\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, 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 userEnrollCarePlanResponse: state.openScheduling.userEnrollCarePlanResponse,\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 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, isProduct) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_VISIT_TYPE_LOCATION,\r\n searchModel: searchModel,\r\n isProduct: isProduct,\r\n callback: getVisitInfoCallBack\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, isProduct, isMammogramSchedule) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_PROVIDER, searchModel, callback, isProduct, isMammogramSchedule });\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 userEnrollCarePlan: (enrollmentModel, token, callback) => {\r\n dispatch({\r\n type: types.USER_ENROLL_CARE_PLAN,\r\n model: enrollmentModel,\r\n token: token,\r\n callback: callback\r\n });\r\n },\r\n activityCompleteEvent: (activityModel, token) => {\r\n dispatch({\r\n type: types.PRODUCT_ACTIVITY_COMPLETE_EVENT,\r\n model: activityModel,\r\n token: token\r\n });\r\n },\r\n \r\n scheduleAppointment: (model, token, scheduleCallBack, isProduct, isMammogramSchedule) => {\r\n dispatch({\r\n type: types.OPEN_SCHEDULE_SCHEDULE,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n isProduct: isProduct,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\r\n },\r\n createAndSchedule: (patientModel, scheduleModel, token, scheduleCallBack, isProduct, ) => {\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 isProduct: isProduct,\r\n callBack: scheduleCallBack,\r\n isMammogramSchedule: isMammogramSchedule,\r\n translate: true\r\n });\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 updateProfileCall: () => {\r\n dispatch({\r\n type: types.MEMBERSHIP_GET_START\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)(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 { logUI } from '../../../../api/andyliticsApi';\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\nimport { queryParams } from \"../../../../helpers/formatting\";\r\nimport { trackProxySelect } from '../../../../api/gaLoging';\r\nimport { ProxySelectorFullPage } from \"../../../common/Proxy/proxySelectorFullPage\";\r\nimport { Modal, Typography, LinkText } from \"../../../ecosystem\";\r\n\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 let scheduleStartInfo = this.props && this.props.location && this.props.location.state && this.props.location.state.scheduleStartInfo;\r\n let loc = this.props.location && this.props.location.state && this.props.location.state.loc.length !== 0 && 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\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 scheduleStartInfo: scheduleStartInfo ? scheduleStartInfo : {},\r\n locationInfo: loc ? loc : {},\r\n showInfoModalForPatientsDisableStatus: false\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.getProviderId = this.getProviderId.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.getQuestionnarieScreenNumber = this.getQuestionnarieScreenNumber.bind(this);\r\n this.callBackFromSelectPatient = this.callBackFromSelectPatient.bind(this);\r\n this.infoModalForPatientsDisableStatus = this.infoModalForPatientsDisableStatus.bind(this);\r\n this.tryAgain = this.tryAgain.bind(this);\r\n this.getArrivalTimeResponse = this.getArrivalTimeResponse.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 getArrivalTimeResponse = () => {\r\n const { visit } = this.state;\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 let arrivalTimeModel = null;\r\n arrivalTimeModel = {\r\n visitTypeId: this.changedVisitTypeId && this.changedVisitTypeId !== undefined && this.changedVisitTypeId !== \"\" ? this.changedVisitTypeId : this.props.isFromDotCOM ? mammogramVisitTypeIds : '',\r\n departmentId: visit && visit.department && visit.department.id ? `${visit.department.id}` : \"\",\r\n }\r\n this.props.getArrivalTimeSchedule(arrivalTimeModel, null);\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 if (!this.props.hasMyChart) {\r\n this.initiateSearch();\r\n }\r\n \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(), { scheduleStartInfo: this.state.scheduleStartInfo ? this.state.scheduleStartInfo : null, scheduleCampaignActivity : 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 searchModel.loginId = this.props.patientLoginId ? this.props.patientLoginId : '';\r\n searchModel.patientId = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n searchModel.patientIdType = \"External\";\r\n searchModel.authorization = this.props.userToken;\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 this.getArrivalTimeResponse();\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 if ( this.visitData !== null) {\r\n const { epicId, visit } = this.state;\r\n if (((epicId && epicId !== \"\")) && visit.visitType.id !== \"\" && visit.department.id !== \"\") {\r\n //this.setState({ showSpinner: true });\r\n if (this.props.searchRunning === false) {\r\n this.loadScheduleForProvider();\r\n //this.canShowFirstAvailableSlot = false;\r\n this.visitData = null;\r\n }\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 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 this.canShowSpinner = true;\r\n if (newProviderId) {\r\n this.loadVisitTypeAndLocation(newProviderId, providerIdType);\r\n }\r\n if (this.props.isFromDotCOM) {\r\n this.loadMammogramQuestions();\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 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 if (scheduleDays) {\r\n this.canShowSpinner = false;\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 \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 ? visit.time : this.state.isFromDotCOM ? this.props.match.params.time : '',\r\n comments: \"Screening Mammogram\",\r\n scheduleStartInfo: this.state.scheduleStartInfo ? this.state.scheduleStartInfo : null\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\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 //Time is available, go ahead and save it. if value is empty then look for previous value and save it.\r\n if (time || (!time && visit && visit.time)) {\r\n visit.time = time;\r\n visit.duration = duration;\r\n this.saveStepInfo({ visit: visit });\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 onUserSwitched = (userSelected, index) => {\r\n this.userSelected = userSelected;\r\n //this.props.switchToMyChartUser(userSelected, index);\r\n this.initiateSearch();\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 callBackFromSelectPatient = (user) => {\r\n const reasonSubmitStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n const enableNewServiceSchedulingWorkflow = this.props.serverData.enableNewServiceSchedulingWorkflow;\r\n if (enableNewServiceSchedulingWorkflow && this.state.isFromDotCOM && reasonSubmitStepValue) {\r\n this.refOurStepManager.current.goToNewStep(true, reasonSubmitStepValue);\r\n }else {\r\n this.refOurStepManager.current.goNext();\r\n }\r\n trackProxySelect();\r\n }\r\n\r\n infoModalForPatientsDisableStatus = () => {\r\n const enableNewMammogramJourneyChanges = this.props.serverData && this.props.serverData.enableNewMammogramJourneyChanges;\r\n const { t } = this.props;\r\n const bodyText = enableNewMammogramJourneyChanges ? \r\n
\r\n {((!scheduleCompleted && currentStep > 0)) &&\r\n \r\n {\r\n !scheduleCompleted ?\r\n
\r\n \r\n {!isHeadache && }\r\n\r\n
\r\n :\r\n \r\n
\r\n \r\n \r\n 0 && (this.state.visit.date === \"\" || this.state.visit.time === \"\" || this.state.visit.time === undefined))}\r\n showBackBtn={currentStep === 0 ? (isFromProduct ? true : false) : (currentStep !== verifyScheduleStepValue ? true: false)}\r\n backButtonCls=\"btn\"\r\n backButtonText={currentStep === 0 && isFromProduct ? 'Back' : showChangeLocationBtn ? 'Change location' : ''}\r\n backNavigation={backNavigation}\r\n nextButtonCls={`btn${currentStep === 0 && !isFromProduct && currentStep === apptInfoStepValue ? ' single-btn-align-right' : ''}`}\r\n responseModel={this.responseModel}\r\n tokenValue={this.tokenValue} translate={true} t={t}\r\n isFromProduct={isFromProduct}\r\n showProgessBar={!this.props.reScheduling && !this.props.isFromProduct?.toLowerCase() === 'headachecare'}\r\n >\r\n {!isFromProduct && this.selectPatientMarkup(hasProxyUsers, noSelectPatient)}\r\n\r\n {enableRFVScreen && \r\n
\r\n {t(\" 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\")}
\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 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 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 getArrivalTimeSchedule: (arrivalTimeModel, callback) => {\r\n dispatch({ type: types.OPEN_SCHEDULE_ARRIVAL_TIME, searchModel: arrivalTimeModel, callback });\r\n },\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(ScheduleMammogram)));","import * as React from \"react\";\r\nimport SlotSelector from \"../../components/SlotSelector\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Tools from \"../../../../helpers/Tools\";\r\nimport { Typography, Icon, Notifier, LinkText } from \"../../../ecosystem\";\r\nimport { queryParams } from \"../../../../helpers/formatting\";\r\nimport { logUI } from \"../../../../api/andyliticsApi\";\r\nimport { bookingLogger } from \"../../../../api/gaLoging\";\r\nimport * as msgs from \"../../../../constants/textConstants\";\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\n\r\nclass AppointmentInfoWidget extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = {\r\n showAsInvalid: false,\r\n validationError: null,\r\n distance: this.props.distance ? this.props.distance : \"\",\r\n };\r\n\r\n this.mounted = false;\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true;\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 onGoNext(success) {\r\n const { goNext, goToNewStep, verifyScheduleStepValue, reScheduling, locationInfo, selectedIndex, enableNextCareSchedulingWorkflow } = this.props;\r\n\r\n if (!success) {\r\n this.setState({ showAsInvalid: true });\r\n }\r\n if (enableNextCareSchedulingWorkflow) {\r\n if (reScheduling) {\r\n this.props.refOurStepManager.current.goToNewStep(true, verifyScheduleStepValue);\r\n }\r\n if (this.props.isChangingTime) {\r\n const verifyNScheduleStep = this.props.verifyScheduleStepValue;\r\n this.props.refOurStepManager.current.goToNewStep(true, verifyNScheduleStep);\r\n }\r\n else {\r\n const reasonForVisitStepValue = this.props.reasonForVisitStepValue;\r\n this.props.refOurStepManager.current.goToNewStep(true, reasonForVisitStepValue);\r\n \r\n }\r\n } else {\r\n // HERE GOES THE SCHEDULE COACHING FLOW\r\n }\r\n let bookingID = locationInfo && locationInfo.locationID ? locationInfo.locationID : '';\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_date_time_submit';\r\n const specialty = locationInfo && locationInfo.openSchedules && locationInfo.openSchedules.dateAndTimes && locationInfo.openSchedules.dateAndTimes.length > 0 && locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName ? locationInfo.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"NextCare Appointment\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n const position = selectedIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position);\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 { date, time } = this.props.visit;\r\n const { t } = this.props;\r\n const bValid = date && time;\r\n let validationError = '';\r\n if (!bValid) {\r\n validationError = t('Please select an available time');\r\n }\r\n this.setState({ validationError, showAsInvalid: !bValid });\r\n return bValid;\r\n }\r\n formatTime = (s) => {\r\n let parts = s && s.split(\":\");\r\n let ret = s;\r\n let regex = /(?:AM|PM)/i;\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 = isNaN(parseInt(parts[2])) ? ret.split(' ')[1] : parseInt(parts[2]);\r\n\r\n let ispm = h >= 12;\r\n h = h > 12 ? h - 12 : h;\r\n if (h === 0) {\r\n h = 12;\r\n }\r\n ret = `${h.toString()}:${m.toString().padStart(2, '0')} ${regex.test(s) ? s : ispm ? \"PM\" : \"AM\"}`;\r\n }\r\n return ret;\r\n }\r\n render() {\r\n const {\r\n enabledDays,\r\n selectedDays,\r\n buttonSlots,\r\n handleOnDayClick,\r\n onMonthChange,\r\n onSelectTime,\r\n selectedTime,\r\n departments,\r\n translate,\r\n reScheduling,\r\n t,\r\n visitTypeDisplayName,\r\n timeOfDay,\r\n visit,\r\n toggleTimeOfDay,\r\n reScheduleSelectedDate,\r\n maxDate,\r\n calInitialDate,\r\n setCalInitialDate,\r\n titleColor,\r\n isProductSchedule,\r\n headingText,\r\n selectedMonth,\r\n screenBreakPoint,\r\n nextCareFluLocation \r\n } = this.props;\r\n const { label = null, label2 = null, distance = null } = departments && departments.length > 0 ? departments[0] : {};\r\n let TextMiles = \"miles -\";\r\n const isMobile = (screenBreakPoint === msgs.XS_MOBILE || screenBreakPoint === msgs.SM_MOBILE);\r\n\r\n let distanceValue = this.state.distance ? this.state.distance : distance;\r\n\r\n const reload = () => {\r\n onMonthChange(new Date());\r\n }\r\n\r\n const title = reScheduling ? t('When would you like to reschedule this appointment?') : t('When would you like to schedule your appointment?');\r\n return (\r\n {t('Please ')} this.loadMammogramQuestions()}>{t('try again ')} {t('or go back to the ')} this.goToHome()}> {t('dashboard.')}
\r\n \r\n }\r\n \r\n
\r\n {(!scheduleCompleted && currentStep === this.getQuestionnarieScreenNumber()) ? <> : ((scheduleCompleted === undefined || !scheduleCompleted) && currentStep > 0 && (!needPatientInfo || isFemalePatientSelected == true) || (scheduleAppointmentSuccess) ) ?\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 {this.selectPatientMarkup(hasProxyUsers, noSelectPatient, hasMyChart, isAdult, t)\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, ownProps) => {\r\n return {\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 })(AppointmentInfoWidget);\r\n","import * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as Tools from \"../../../../helpers/Tools\";\r\nimport { queryParams } from \"../../../../helpers/formatting\";\r\nimport { logUI } from '../../../../api/andyliticsApi';\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 { withTranslation } from 'react-i18next';\r\nimport VisitTypeReason from \"../../../appointments/VisitTypeReason\";\r\nimport * as CryptoJS from 'crypto-js';\r\nimport AppointmentInfoWithDays from \"../../AppointmentInfoWithDays\";\r\nimport AppointmentInfoWidget from \"./AppointmentInfoWidget\";\r\nimport { ProxySelectorFullPage } from \"../../../common/Proxy/proxySelectorFullPage\";\r\nimport { trackProxySelect } from '../../../../api/gaLoging';\r\nimport { Modal, Typography, LinkText } from \"../../../ecosystem\";\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 enableUrgentCareSchedulingWorkflow = window.serverData && window.serverData.data && window.serverData.data.enableUrgentCareSchedulingWorkflow;\r\nclass UrgentCare 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 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 isFromDotCOM,\r\n bookingID,\r\n providerIdType\r\n\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 && this.props.location.state.loc.length !== 0 ? 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.isNextCareScheduling = this.props?.location?.state?.loc?.openSchedules?.dateAndTimes[0]?.providerIdType === msgs.NextCareID || providerIdType === msgs.NextCareID ? providerIdType : \"\" ;\r\n this.nextCareRescheduleFalg = this.props?.location?.state?.rescheduleMode;\r\n const scheduleTime = this.nextCareRescheduleFalg ? Tools.getAppointmentTime(this.props.match.params.dateAndtime) : selectedTime;\r\n const scheduleDate = this.nextCareRescheduleFalg ? this.props.match.params.dateAndtime : selectedDate;\r\n let fluVisitTypeId = this.props.serverData && this.props.serverData.fluVisitTypeId;\r\n\r\n this.state = {\r\n selectedMonth: new Date(),\r\n selectedDate: null,\r\n isChangingTime: false,\r\n epicId: providerId,\r\n visitTypeId: visitTypeId,\r\n departmentId: departmentId,\r\n reScheduleBookingID: bookingID ? bookingID : '',\r\n reScheduleSelectedDate: scheduleDate,\r\n reScheduleSelectedTime: scheduleTime,\r\n reScheduling: (this.isNextCareScheduling && this.nextCareRescheduleFalg) ? true : false,\r\n newDepartArray: [],\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 nextCareFluLocation: visitTypeId && visitTypeId === fluVisitTypeId ? true : false,\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 distance: \"\"\r\n\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 firstName: \"\",\r\n lastName: \"\",\r\n phoneNumber: \"\",\r\n email: email,\r\n dateOfBirth: \"\",\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 scheduleDays: null,\r\n slots: null,\r\n selectedSection: null,\r\n providerIdType: this.isNextCareScheduling ? msgs.NextCareID : PROVIDER_TYPE_EPIC_ID,\r\n lastSelectedMonth: -1,\r\n timeOfDay: 'AM',\r\n calInitialDate: new Date(),\r\n maxDate: Tools.addDays(new Date(), 30),\r\n showInfoModalForPatientsDisableStatus: false\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.toggleTimeOfDay = this.toggleTimeOfDay.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.urgentCareServiceSchedulingAppointment = this.urgentCareServiceSchedulingAppointment.bind(this);\r\n this.createNextCareAppointment = this.createNextCareAppointment.bind(this);\r\n this.rescheduleNextCareAppointment = this.rescheduleNextCareAppointment.bind(this);\r\n this.getProviderId = this.getProviderId.bind(this);\r\n this.getVisitInfoCallBack = this.getVisitInfoCallBack.bind(this);\r\n this.getCurrentStepTitleName = this.getCurrentStepTitleName.bind(this);\r\n this.updateIsChangingTime = this.updateIsChangingTime.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.UrgentCare.ComponentDidMount\", new Date(), Tools.getURLPath(), scheduleCampaignActivity);\r\n this.byPassProxy();\r\n }\r\n\r\n loadVisitTypeAndLocation(providerId, providerIdType, scheduleType) {\r\n providerIdType = this.state.providerIdType;\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.UrgentCare.Open.LoadVisitTypeAndLocation\", new Date(), Tools.getURLPath(), searchModel);\r\n this.props.getVisitInfo(searchModel, this.getVisitInfoCallBack);\r\n }\r\n\r\n updateIsChangingTime(value) {\r\n this.setState({ isChangingTime: value });\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.distance = dept.distance;\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 if (this.canShowFirstAvailableSlot && this.visitData !== null) {\r\n const { epicId, visit } = this.state;\r\n if (((epicId && epicId !== \"\")) && visit.visitType.id !== \"\" && visit.department.id !== \"\") {\r\n this.setState({ showSpinner: true });\r\n if (this.props.searchRunning === false) {\r\n this.loadScheduleForProvider();\r\n this.canShowFirstAvailableSlot = false;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n getPatientPhoneNumber(Phones) {\r\n let phoneNumber = '';\r\n let mobile = '';\r\n let homePhone = '';\r\n for (let i = 0; i < Phones.length; i++) {\r\n const v = Phones[i];\r\n if (v.Type && !(v.Type === 'Text')) {\r\n if (v.Type === 'Mobile') {\r\n mobile = v.Type == 'Mobile' ? v.Number : '';\r\n } else {\r\n homePhone = v.Type == 'Home Phone' ? v.Number : '';\r\n }\r\n }\r\n }\r\n phoneNumber = mobile ? mobile : homePhone ? homePhone : '';\r\n return phoneNumber.replaceAll('-', '');\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 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 : searchModel.providerId ? searchModel.providerId : this.state.epicId;\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 { location } = this.props;\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n if (this.props.serverData.enableNewProviderSchedulingWorkflow && this.state.isFromDotCOM && params && params.reasonType && params.reasonDesc) {\r\n const state = this.state;\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); this.state.visit.reasonVisitTypeID = this.props.match && this.props.match.params.visitTypeId;\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 } else if (searchModel.bookingID) {\r\n searchModel.bookingID = searchModel.bookingID;\r\n searchModel.providerIdType = searchModel.providerIdType;\r\n searchModel.selectedDate = searchModel.date ? searchModel.date : \"\";\r\n searchModel.selectedTime = searchModel.time ? searchModel.time : \"\";\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 const { startDate, end } = Tools.getDatesForNextCareRequest();\r\n searchModel.selectedDate = searchModel.date ? searchModel.date : startDate;\r\n searchModel.selectedTime = searchModel.time;\r\n\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 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 urgentCareVisitTypeId = this.props.serverData && this.props.serverData.urgentCareVisitTypeId;\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 === urgentCareVisitTypeId) {\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 const { startDate, endDate } = Tools.getEndDatesForUrgentCareRequest(this.isNextCareScheduling);\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(startDate);\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 = 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: this.state.providerIdType,\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 logUI(\"MBHWeb.UrgentCare.Open.loadScheduleForProvider\", new Date(), Tools.getURLPath(), searchModel);\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 = this.state.providerIdType;\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 if (error) {\r\n this.setState({\r\n getScheduleError: error\r\n });\r\n return;\r\n }\r\n //const slots = urgentCareSlotsBuilder(scheduleDays);\r\n //this.setState({ scheduleDays, slots });\r\n if (scheduleDays.length > 0) {\r\n const defaultSelection = provider.slots.find(item => item?.sections?.find(section => section?.times?.length > 0))\r\n this.setState({ selectedSection: defaultSelection })\r\n\r\n const enableUrgentCareSchedulingWorkflow = this.props.serverData && this.props.serverData.enableUrgentCareSchedulingWorkflow;\r\n if (this.state.isFromDotCOM && enableUrgentCareSchedulingWorkflow) {\r\n const apptInfoStepValue = this.getIndexByStepTitle(\"Appointment Info\");\r\n const patientInfoStepValue = this.getIndexByStepTitle(\"Patient Info\");\r\n const verifyScheduleStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n if (!this.state.isFromVideoVisitOptions && this.refOurStepManager && this.refOurStepManager.current && apptInfoStepValue !== -1) {\r\n if (enableUrgentCareSchedulingWorkflow && !this.apptSlotNotAvailable && !this.props.getScheduleError && patientInfoStepValue !== -1 && !this.apptTimeNotAvailable && !this.props.hasMyChart && !this.isMonthChanged && !this.state.isChangingTime) {\r\n this.refOurStepManager.current.goToNewStep(true, patientInfoStepValue);\r\n } else if (this.state.isChangingTime && this.state.visit.createdPatient) {\r\n this.updateIsChangingTime(false);\r\n this.refOurStepManager.current.goToNewStep(true, verifyScheduleStepValue);\r\n\r\n }\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.urgentCareProviderSchedule && this.props.urgentCareProviderSchedule.visitTypes) {\r\n const visitTypes = this.props.urgentCareProviderSchedule.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.UrgentCare.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.UrgentCare.Appointment\", new Date(), Tools.getURLPath(), info);\r\n\r\n }\r\n });\r\n }\r\n\r\n toggleTimeOfDay(amOrPm) {\r\n this.setState({ timeOfDay: amOrPm });\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.urgentCareProviderSchedule;\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 rescheduleNextCareAppointment() {\r\n this.canShowSpinner = true;\r\n const token = this.props.userToken;\r\n let scheduleModel = null;\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 scheduleModel = {\r\n date: dt,\r\n time: visit.time,\r\n };\r\n logUI(\"MBHWeb.UI.nextCareReSchedule.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n this.props.rescheduleNextCareAppointment(this.state.reScheduleBookingID, scheduleModel, token, this.scheduleCallCompleted);\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 createNextCareAppointment() {\r\n this.canShowSpinner = true;\r\n const token = this.props.userToken;\r\n const selectedUser = this.userSelected ? this.userSelected : \"\" ;\r\n \r\n const { createPatient } = this.state;\r\n let visit = this.state.visit;\r\n // const demographics = this.props.demographics;\r\n let id = this.props.currentUser ? this.props.currentUser.externalId : \"\";\r\n let dateValue = Tools.toJSDate(`${visit.date} 00:00:00`, DATE_FORMAT);\r\n let dt = Tools.dateSimpleFormat(dateValue);\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 if (selectedUser) {\r\n let scheduleModel = null;\r\n scheduleModel = {\r\n date: dt,\r\n time: visit.time,\r\n birth_date: Tools.dateSimpleFormat(selectedUser?.dob || ''),\r\n location_id: this.getProviderId(),\r\n reason: `${visit && visit.reasonForVisit && visit.reasonForVisit} - ${'Urgent care'}`,\r\n first_name: selectedUser?.firstName || '',\r\n last_name: selectedUser?.lastName || '',\r\n phone: selectedUser?.phone || '',\r\n email: selectedUser?.email || '',\r\n emr_patient_id: id,\r\n address_street: selectedUser?.addressStreet[0],\r\n address_street_secondary: '',\r\n address_city: selectedUser?.addressCity || '',\r\n address_state: selectedUser?.addressState || '',\r\n address_zip: selectedUser?.addressZip || '',\r\n visitTypeId: visit?.visitType?.id || ''\r\n };\r\n if (this.props.currentUser && this.props.hasMyChart) {\r\n logUI(\"MBHWeb.UI.UrgentCare.nextCare.scheduleAppointment\", new Date(), Tools.getURLPath(), scheduleModel);\r\n // schedule appointment for existing patient...\r\n this.props.createAppointment(scheduleModel, token, this.scheduleCallCompleted);\r\n }\r\n else {\r\n logUI(\"MBHWeb.UI.UrgentCare.nextCare.CreatePatientAndScheduleAppt\", new Date(), Tools.getURLPath());\r\n // create patient and schedule appointment...\r\n this.props.createAppointment(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 }\r\n\r\n\r\n urgentCareServiceSchedulingAppointment() {\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: `${visit && visit.reasonForVisit && visit.reasonForVisit} - ${'Urgent care'}`,\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.UrgentCare.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.UrgentCare.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\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 this.setState({ selectedMonth: new Date() });\r\n }\r\n\r\n onFemalePatientSelected = (patientSelected) => {\r\n this.setState({ isFemalePatientSelected: patientSelected });\r\n }\r\n\r\n onUserSelect = (userSelected) => {\r\n this.userSelected = userSelected;\r\n /* const token = this.props.userToken;\r\n *//* if (this.isNextCareScheduling) {\r\n this.props.getPatientDemographics(userSelected, token);\r\n }*/\r\n \r\n\r\n }\r\n\r\n callBackFromSelectPatient = (user) => {\r\n const verifyScheduleStepValue = this.getIndexByStepTitle(\"Verify & Schedule\");\r\n if (this.state.isFromDotCOM && !this.apptSlotNotAvailable && !this.apptTimeNotAvailable && verifyScheduleStepValue > 0) {\r\n this.refOurStepManager.current.goToNewStep(true, verifyScheduleStepValue);\r\n }\r\n else {\r\n this.refOurStepManager.current.goNext();\r\n }\r\n trackProxySelect();\r\n }\r\n\r\n infoModalForPatientsDisableStatus = () => {\r\n const locationPhoneNumber = this.props.location?.state?.loc?.locationPhone || '';\r\n const { t } = this.props;\r\n const bodyText = (enableUrgentCareSchedulingWorkflow && !this.isNextCareScheduling) ? \r\n
\r\n \r\n
\r\n <>\r\n {isProductSchedule && (\r\n \r\n {isProductSchedule ? (\r\n
\r\n \r\n \r\n {headingText || t('What type of appointment would you like to schedule?')}\r\n \r\n
\r\n\r\n ) : (\r\n {title}
\r\n )}\r\n\r\n {!reScheduling ?\r\n ((departments.length && visitTypeDisplayName.length) ?\r\n\r\n {visitTypeDisplayName || label || label2 ?\r\n <>\r\n {visitTypeDisplayName && visitTypeDisplayName.length > 1 ? t(visitTypeDisplayName[1]) : \"\"}\r\n | {label ? t(Number(distanceValue).toFixed(2)) : ''} {TextMiles} {label ? t(label) : ''} \r\n \r\n : \"\"}\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.getMonthShort(reScheduleSelectedDate)} \r\n {Tools.getOnlyDay(reScheduleSelectedDate)}\r\n
\r\n \r\n Urgent Care \r\n
\r\n \r\n\r\n {Tools.getAppointmentTime(reScheduleSelectedDate)} \r\n
\r\n \r\n \r\n {t(\"If this is an emergency, please contact\")} 911. \r\n \r\n
\r\n )}\r\n {t(\"To book an appointment with this location, please call\")}
\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.proxyList) {\r\n state.domain.proxyList.forEach((proxy) => {\r\n pl.push((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 visitTypeAndLocationFailed: state.openScheduling.visitTypeAndLocationFailed,\r\n visitTypeAndLocationPending: state.openScheduling.visitTypeAndLocationPending,\r\n providerSchedule: state.openScheduling.providerSchedule,\r\n urgentCareProviderSchedule: state.openScheduling.urgentCareProviderSchedule,\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 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 isUrgentCare: true\r\n });\r\n },\r\n getScheduleInfo: (searchModel, callback, callbackOfEarliesSchedule) => {\r\n dispatch({ type: types.URGENTCARE_OPEN_SCHEDULE_PROVIDER, searchModel, callback, callbackOfEarliesSchedule, isUrgentCareSchedule: 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 createAppointment: (model, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.NEXTCARE_CREATE_SCHEDULE_APPOINTMENT,\r\n model: model,\r\n token: token,\r\n callBack: scheduleCallBack,\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 rescheduleNextCareAppointment: (bookingId, scheduleModel, token, scheduleCallBack) => {\r\n dispatch({\r\n type: types.NEXTCARE_RESCHEDULE_APPOINTMENT,\r\n bookingId: bookingId,\r\n model: scheduleModel,\r\n token: token,\r\n callBack: scheduleCallBack,\r\n translate: true\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 getPatientDemographics: (userSelected, token) => {\r\n dispatch({ type: types.PATIENT_DEMOGRAPHICS, userSelectedModel: userSelected, token: token});\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 updateBypassProxyAndInfo: payload => dispatch({ type: types.UPDATE_BYPASS_PROXY_AND_INFO, payload })\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(UrgentCare)));","import React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Grid, Typography, Button, LinkText } from \"../../ecosystem\";\r\nimport { PhoneLink, PageHeading } from \"../../ecosystem/mybswh\";\r\n//import useAddToCalendar from '../../common/hooks/useAddToCalendar';\r\nimport { logUI } from \"../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { capitalize } from \"lodash\";\r\nimport { IAppointmentDetailsProps, IAppointmentDetail } from './IAppointmentDetails';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { getDirectionsUrl } from \"../../../helpers/location\";\r\nimport { formatPhoneNumber } from \"../../../helpers/formatting\";\r\n\r\n\r\ntype AppointmentDisplay = {\r\n name: string, dayName: string, date: string, time: string, location: string, address_lines: string, phone: string|null, csnIdOfAppointment: string }\r\n\r\n\r\nconst AppointmentDetails: React.FC\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 {!reScheduling && this.selectPatientMarkup(hasProxyUsers, noSelectPatient, hasMyChart, isAdult, t)}\r\n {((enableNextCareSchedulingWorkflow) && (this.isNextCareScheduling)) ?\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n You're all set, {apptDisplay?.name}!\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* {showActions() &&\r\n \r\n
\r\n \r\n \r\n {apptDisplay?.dayName}\r\n \r\n
\r\n \r\n \r\n {apptDisplay?.date}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Start Time\r\n \r\n
\r\n \r\n \r\n {apptDisplay?.time}\r\n \r\n
\r\n \r\n \r\n Add to calendar\r\n \r\n
\r\n }*/}\r\n \r\n
\r\n {showActions() &&\r\n \r\n \r\n Location\r\n \r\n
\r\n \r\n \r\n {apptDisplay?.location}\r\n \r\n\r\n
\r\n \r\n logUI(\"MBHWeb.UI.UrgentCare.AppointmentDetails.Address.Click\", new Date(), Tools.getURLPath())}\r\n typographyProps={{\r\n color: \"$color-primary-a3\",\r\n type: \"body-02\",\r\n underline: true\r\n }}\r\n >\r\n {apptDisplay?.address_lines}\r\n \r\n
\r\n \r\n logUI(\"MBHWeb.UI.UrgentCare.AppointmentDetails.PhoneNumber.Click\", new Date(), Tools.getURLPath())}\r\n typographyProps={{\r\n color: \"$color-primary-a3\",\r\n type: \"body-02\",\r\n underline: true\r\n }}\r\n >\r\n {apptDisplay?.phone}\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n Cancel appointment\r\n \r\n
\r\n \r\n \r\n Reschedule appointment\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {title}\r\n \r\n\r\n \r\n {description}\r\n \r\n
\r\n \r\n \r\n {button.label}\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 (withTranslation()(CommonSymptoms));\r\n","\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 {t(\"24/7 Virtual Care\")}
\r\n {t(\"Common symptoms treated:\")}
\r\n \r\n
\r\n {/*- \r\n {conditions.map((condition, index) => {\r\n return (\r\n
- {t(condition.conditionName)} \r\n );\r\n })}\r\n
- {t(\"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 { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport FeatureDisabled from \"../common/FeatureDisabled\";\r\nimport EVisit_ProxySelector from \"./EVisit_ProxySelector\";\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 technicalHelpDeskMessage: state.session.serverData ? state.session.serverData.technicalHelpDeskMessage : \"\"\r\n\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 { Link, Redirect } from \"react-router-dom\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport * as types from \"../../constants/actionTypes\";\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport ConfirmationModal from \"../common/ConfirmationModal\";\r\nimport SectionLoadingError from '../common/SectionLoadingError';\r\nimport StatusBanner from '../common/StatusBanner';\r\nimport Spinner from \"../common/spinner\";\r\nimport ZipnosisError from \"./ZipnosisError\";\r\nimport { Button } from \"../ecosystem\";\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\r\n if (this.checkIfDiscoverTileNotDismissed(tileId) && token) { //Check if evisit discover tile is not dismissed.\r\n dismissTile(token, { tileId: tileId });\r\n }\r\n\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 checkIfDiscoverTileNotDismissed = (tileId) => {\r\n let isFoundTile = false;\r\n try {\r\n const { discoverNewTiles } = this.props;\r\n if (discoverNewTiles) {\r\n const evisitTile = discoverNewTiles ? discoverNewTiles.filter(tile => tile && tile.tileId && tile.tileId === tileId) : null;\r\n if (evisitTile && evisitTile.length > 0) {\r\n isFoundTile = true;\r\n }\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n return isFoundTile;\r\n }\r\n\r\n redirectToZipnosis(url) {\r\n //debugger;\r\n var newWin = window.open(url, '_blank');\r\n const { t } = this.props;\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 {technicalHelpDeskMessage} {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 {t(\"TRY AGAIN\")}\r\n \r\n
\r\n {t(\"We attempted to launch eVisits in a new window, but a popup blocker is preventing it.\")}
\r\n{t(\"Please 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.epic.eVisitInfo,\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 discoverNewTiles: state?.dashboard?.bffDashboardData?.data?.userAppTiles?.tiles ?? []\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, t } = 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\n{t(\"Skip 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 {t(\"Online Interview\")}
\r\n\r\n \r\n
\r\n {t(\"Diagnosis by a Clinician\")}
\r\n\r\n \r\n
\r\n {t(\"Response & Prescription\")} {t(\"(if needed)\")} {t(\"in 1hr\")}
\r\n\r\n \r\n
\r\n {t(\"Doctor's Note\")} {t(\"(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 {t(\"Traveling outside Texas?\")}
\r\n {t(\"SEE MORE OPTIONS\")}
\r\n \r\n
\r\n \r\n
\r\n \r\n {hasSWHP && \r\n
\r\n \r\n {t(\"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 {t(\"Depression/Anxiety\")}\r\n {t(\"(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, technicalHelpDeskMessage, t } = 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\" }}>{t(\"FIND A DOCTOR\")}\r\n {isFromCovid19ScreenerSurvey && { logUI(\"MBHWeb.UI.Evisits.InEligible.Covid19TestingLocation.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: covid19TestLocation }} target=\"_blank\">{t(\"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 SectionLoadingError from \"../common/SectionLoadingError\";\r\nimport Spinner from \"../common/spinner\";\r\nimport { ProxySelectorFullPage } from \"../common/Proxy/proxySelectorFullPage\";\r\n\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 { 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.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 }\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 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, 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 {!isProxyAvailable\r\n ? \r\n
\r\n {heading}
\r\n\r\n { this.onUserSelected(); }}\r\n className=\"col-12 maxWidth-content\"\r\n />\r\n
}\r\n \r\n );\r\n }\r\n if (hideProxySelector)\r\n body = \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: state.domain.primaryUser,\r\n currentUser: state.domain.currentUser,\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 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 };\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\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass EVisit_latest extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.unexpectedErrorMessage = props.t(\"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, currentExternalId: 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 componentDidUpdate(prevProps) {\r\n const { currentUser } = this.props;\r\n if (currentUser && currentUser.externalId && this.state && this.state.currentExternalId !== currentUser.externalId) {\r\n this.props.getEvisitInformation(currentUser.externalId, \"EXTERNAL\");\r\n this.setState({ currentExternalId: currentUser.externalId });\r\n }\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, hasBQAMember, loginProvider } = 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 (hasBQAMember && loginProvider) {\r\n tags += `.${loginProvider}`;\r\n }\r\n return tags;\r\n }\r\n\r\n render() {\r\n const { loading, iseVisitInfoPending, iseVisitInfoFailure, iseVisitInfoSuccess, failure, hasMyChart, epicEHRDown, activeProfile, primaryUser, currentUser, myProxies, technicalHelpDeskNumber, technicalHelpDeskHours, technicalHelpDeskMessage, zipnosis, userIsSwitching, isActiveFeature_EVisit, eVisit, location, t } = 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 (eVisit && typeof eVisit.isZipnosisEvistEligible !== 'undefined' && !eVisit.isZipnosisEvistEligible) {\r\n body =\r\n (\r\n
\r\n {heading}
\r\n\r\n
);\r\n }\r\n else if (failure || iseVisitInfoFailure || (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 hasBQAMember: state.session.serverData.enableAA && state.domain.hasBQAMember,\r\n loginProvider: state.memberships.featureInsuranceModule?.loginProvider,\r\n loading: state.memberships.proxyListLoading,\r\n failure: state.memberships.proxyListFailure, //Updated and now this values refers to profile call failure.\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.epic.eVisitInfo,\r\n //eVisitZipGroupId: state.memberships.eVisitZipGroupId,\r\n //eVisitExternalId: state.memberships.eVisitExternalId,\r\n activeProfile: state.memberships.activeProfile,\r\n primaryUser: state.domain.primaryUser,\r\n currentUser: state.domain.currentUser,\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 technicalHelpDeskMessage: state.session.serverData ? state.session.serverData.technicalHelpDeskMessage : \"\",\r\n myProxies: state.domain.proxyList,\r\n zipnosis: state.header.zipnosis,\r\n userIsSwitching: state.memberships.switchingProxyUser,\r\n iseVisitInfoPending: state.epic.iseVisitInfoPending,\r\n iseVisitInfoFailure: state.epic.iseVisitInfoFailure,\r\n iseVisitInfoSuccess: state.epic.iseVisitInfoSuccess\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 getEvisitInformation: (patientId, patientIdType) => {\r\n dispatch({ type: types.GET_EVISIT_INFORMATION_CALL, patientId, patientIdType });\r\n }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(EVisit_latest));","import * as React from 'react';\r\nimport { Tooltip } from 'reactstrap';\r\nimport { mybswhTooltipMsg } from '../../helpers/data';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass 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 {t(mybswhTooltipMsg)} \r\n \r\n
\r\n portal \r\n \r\n {enableFindCareV8ResultsForm\r\n ? <>\r\n {!isFindCareV8ResultsFormMobile || (isFindCareV8ResultsFormMobile && modifyFormOpen)\r\n ? this.toggleModifyForm(!collapse)} // Leveraging collapse close button to close form\r\n onFormToggle={(openForm) => this.toggleModifyForm(openForm)}\r\n termsVariant={'findCareV8'}\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={isUrgentCare}\r\n isUrgentCareLoc={isUrgentCareLoc}\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 scheduleStartInfo={this.state.scheduleStartInfo}\r\n translate={translate}\r\n isMammogramSearch={isMammogramService}\r\n isSearching={this.props.searchRunning || this.props.searchLocationsRunning}\r\n searchKeyword={this.state.keyword}\r\n showSurvey={this.state.showSurvey}\r\n primaryUser={this.props.currentUser}\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 const insurancePlan = state.session.providerSearchName ? state.session.providerSearchName :\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 appliedRulesLoc: state.locations.appliedRules,\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 hasBQAMember: !state.common.aalDown && state.domain.hasBQAMember,\r\n cityAddress: state.locations.city || state?.domain?.ipct,\r\n stateAddress: state.locations.state || state?.domain?.ipst,\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.userPreferences?.showVideoVisitToolTip && state.memberships.isActiveFeature_OnlineAppointmentScheduling,\r\n hasSWHP: state.memberships.hasAnySWHP,\r\n currentUser: state.memberships.currentUser,\r\n primaryUser: state.domain.primaryUser,\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 enableFCN: !state?.inMemory?.fcnIsDown,\r\n eVisit: state.epic.eVisitInfo,\r\n lineOfBusiness: state.session?.currentHealthPlanInfo?.lineOfBusiness,\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 { 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 }\r\n \r\n : \r\n this.toggleModifyForm(true)}>\r\n {t(\"MODIFY SEARCH\")}\r\n \r\n
\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 {\r\n (this.props.searchRunning || this.props.searchLocationsRunning) //spinner keeps loading when acoAlliance is null\r\n && \r\n
\r\n : \r\n { logUI(`MBHWeb.UI.FindCare.FCNChatButton.Clicked`, new Date(), Tools.getURLPath()); }}\r\n to={{ pathname: '/fcnchat' }}\r\n />\r\n }\r\n />\r\n\r\n {t(\"Search for the right doctor, location, or type of care for you.\")} \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 {t(\"Where would you like to schedule this appointment?\")}
\r\n\r\n
\r\n }\r\n \r\n \r\n {t(\"If this is an emergency, please contact\")} 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 variant={'primary'}\r\n />\r\n
\r\n {\r\n !hasSearched && hasBswePpoHdhp && \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 if (this.props.updateQualtricsAccessPointAsFindCare) this.props.updateQualtricsAccessPointAsFindCare(qualtricsConstants.FINDCARE_ACCESS_POINT)\r\n this.props.searchProvidersAndLocations();\r\n this.toggleForm(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 onFocus: () => this.handleKeywordFocus(),\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: t(\"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: t(\"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 schedulingAccessPoint: state.qualtrics.schedulingAccessPoint,\r\n isFromFlobalFCN: state.qualtrics.schedulingAccessPoint === qualtricsConstants.GLOBAL_FCN_ACCESS_POINT,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateQualtricsAccessPointAsFindCare: (accessPoint) => {\r\n dispatch({ type: types.QUALTRICS_UPDATE_SCHEDULING_ACCESS_POINT, schedulingAccessPoint: accessPoint });\r\n }\r\n };\r\n};\r\n\r\n\r\nexport default (connect(mapStateToProps, mapDispatchToProps)(withTranslation()(FindCareForm)));\r\n","import { Fragment, useEffect, useState } from \"react\";\r\nimport { Path, PathSegment, useMediaQuery } from \"../ecosystem\";\r\n\r\nconst segments: PathSegment[] = [\r\n {\r\n length: 86.3,\r\n barColor: \"$color-secondary-e1\",\r\n capColor: \"$color-primary-a2\",\r\n capBkgdColor: \"$color-secondary-a6\",\r\n gain: 'positive',\r\n flow: \"ltr\",\r\n },\r\n {\r\n length: 30,\r\n barColor: \"$color-primary-b2\",\r\n capColor: \"$color-primary-b2\",\r\n gain: 'positive',\r\n flow: 'ltr'\r\n },\r\n]\r\n\r\nexport const FindCareFormPath = () => {\r\n const [formSegments, setFormSegments] = useState\r\n \r\n {t(\"By searching you agree to these\") + ' '}\r\n \r\n {t(\"Terms\")}\r\n \r\n \r\n
\r\n \r\n
;\r\n break;\r\n case 'findCareV8':\r\n return \r\n
\r\n {/* Toggle class name of form-open */}\r\n
\r\n \r\n
\r\n \r\n {t(\"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 {!(isMobile && !collapseForm) &&
;\r\n break;\r\n default:\r\n return \r\n
\r\n \r\n
\r\n \r\n {t(\"If this is an emergency, call\")} 911. \r\n
\r\n {(isMobile && !collapseForm) &&\r\n \r\n toggleCollapseForm(true)}\r\n />\r\n
\r\n }\r\n \r\n {children}\r\n
\r\n \r\n {children}\r\n
;\r\n break;\r\n }\r\n } \r\n\r\n return (\r\n <>\r\n {getWrapperContent(variant)}\r\n \r\n );\r\n}\r\n\r\nexport default withTranslation()(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\nimport CMSCard from \"./CMSCard\";\r\n//import ServiceLocation from \"./services/ServiceLocation\";\r\nimport { getValue, availabilityList, genderList } from '../../helpers/data';\r\nimport { getDirectionsUrl } from \"../../helpers/location\";\r\nimport GoogleMapComponent from \"../common/GoogleMapComponent\";\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 * as upTypes from '../../constants/actionTypes/userPreferencesActionTypes';\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport * as tc 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, LinkText } from '../ecosystem';\r\nimport OtherProvidersBanner from './OtherProvidersBanner';\r\nimport FindCareResultsSurvey from './FindCareResultsSurvey/FindCareResultsSurvey'\r\nimport FindCareResultsFCN from './FindCareResultsFCN/FindCareResultsFCN';\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 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 this.removeInlineStyle = this.removeInlineStyle.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 if (prevProps && prevProps.locations !== locations || prevProps && prevProps.providers !== providers) {\r\n this.toggleModal(null)\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 this.setState({ selectedLocation: null })\r\n if (activeTab !== tab) {\r\n const indexOfFocus = tab === '1' ? indexOf(mapList, 'provider') : indexOf(mapList, 'location');\r\n this.setState({ indexOfFocus });\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() === tc.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, serverData } = this.props;\r\n // let defaultValue = userInsurancePlan;\r\n let defaultValue = hasAAL ? serverData.aaInsuranceCarrier : 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\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 featuresProv.map(fields =>
\r\n );\r\n }\r\n\r\n // CMS Cards added to the locationsMarkup results\r\n if (featuresLoc?.length > 0 && enableCareModeSearch) {\r\n locationsMarkup.unshift(\r\n \r\n {\r\n featuresLoc.map(fields =>
\r\n );\r\n }\r\n\r\n const visitTypesWithoutVideoVisit = { ...providerFilters.visitType };\r\n if (providerFilters && providerFilters.visitType && providerFilters.visitType.display && providerFilters.visitType.display.length > 0) {\r\n visitTypesWithoutVideoVisit.display = providerFilters.visitType.display.filter((item) => item.key.toLowerCase() !== tc.VIDEOVISIT_LABEL);\r\n }\r\n\r\n if (enableFindCareNewSearchTerms) { (activeTab === '2'); }\r\n\r\n const miles = t(\"miles\");\r\n const within = t(\"within\");\r\n const unableToFind = t(\"Unable to find\");\r\n const results = t(\"results\");\r\n const matchSearchCriteria = t(\"that match your search criteria.\");\r\n const checkSpellingOrModifySearch = t(\"Try checking the spelling or modify your search.\");\r\n const showNoResultsContainer = !hasProviderResults && !this.props.searchRunning && !isVaccineSearch\r\n const showOtherProvidersBanner = showNoResultsContainer && hasBswePpoHdhp\r\n const otherProvidersBannerDirection = this.props.screenBreakPoint === tc.XXL_DESKTOP\r\n ? 'row'\r\n : 'column'\r\n\r\n return (\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 isUrgentCareLoc = ownProps.isUrgentCareLoc;\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\r\n let locationRules = {};\r\n if (isUrgentCareLoc && appliedRulesLoc) {\r\n appliedRulesLoc.forEach(rule => {\r\n const [key, value] = rule.split('=');\r\n locationRules[key] = value;\r\n });\r\n }\r\n\r\n const urgentCareSortByNextAvailableAppointment = isUrgentCare && appliedRules && appliedRules.indexOf('SortBy.NextAvailableAppointment') > -1;\r\n return {\r\n enableGoogleMapApiStyle: state.session?.serverData?.enableGoogleMapApiStyle,\r\n hasAAL: !state.common.aalDown && state.domain.hasBQAMember && Tools.isAAMembership(state),\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 featuresProv: state.providers.featuresProv,\r\n featuresLoc: state.locations.featuresLoc,\r\n specialtyFacet,\r\n locationSpecialtyFacet: state.locations.specialties,\r\n screenBreakPoint: state.common.screenBreakPoint,\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: isUrgentCareLoc\r\n ? { value: getValue('sortBy', false, null, locationRules), display: null }\r\n : { 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: () => dispatch({ type: upTypes.USER_PREFERENCE_SET, payload: { preference: upTypes.Preferences.showVideoVisitToolTip.name, value: false } }),\r\n };\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withTranslation()(FindCareResults)));","import React from 'react';\r\nimport { Typography, Icon, Button } from '../../ecosystem';\r\nimport { HighlightCard } from '../../ecosystem/mybswh';\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport * as Tools from \"../../../helpers/Tools\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst FindCareResultsFCN = ({\r\n screenBreakPoint,\r\n key = \"FindCareResultsFCN\",\r\n className = \"find-care-fcn\",\r\n}) => {\r\n const { t } = useTranslation();\r\n //Overriding default column row direction pattern\r\n const isColumnDirection = ([msgs.XXL_DESKTOP]).indexOf(screenBreakPoint) < 0 ? 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 {/*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 {t(\"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 {t(\"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
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-specialty'); }}>\r\n {t(\"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 {t(\"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 {t(\"Age Group Seen\")} \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n { this.setFilterCategory('dr-language'); }}>\r\n {t(\"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 scheduleCampaignReferrer={scheduleCampaignReferrer}\r\n scheduleStartInfo={scheduleStartInfo}\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 {showOtherProvidersBanner && (\r\n \r\n {hasProviderResults && <> {t(\"Sort By\")}:\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 )}\r\n {!this.props.searchRunning && bannerMessages.length > 0 && insuranceBanner}\r\n \r\n {\r\n providersMarkup\r\n }\r\n {\r\n showNoResultsContainer &&\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 && {t(\"doctor\")}} {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 {t(\"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 {t(\"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 {t(\"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 {t(\"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 scheduleStartInfo={scheduleStartInfo}\r\n translate={translate}\r\n t={t}\r\n primaryUser={this.props.primaryUser}\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.searchLocationsRunning && bannerMessages.length > 0 && insuranceBanner}\r\n \r\n {hasLocationResults && <> {t(\"Sort By\")}:\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 && !isUrgentCare && 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={ {t(\"mammoNotifierTitle\")} }\r\n icon=\"alert\"\r\n >\r\n \r\n \r\n \r\n
\r\n }\r\n {isUrgentCare && !isMammogramSearch && hasLocationResults && this.state.activeLocationPage === 1 &&\r\n {t(\"twoDimensionalMammoDescription\")}
\r\n < p > {t(\"threeDimensionalMammoDescription\")}\r\n\r\n\r\n this.toggleAccordion()\r\n }} \r\n heading={t(\"Conditions treated at urgent care clinics\")} \r\n icon=\"alert\"\r\n >\r\n
\r\n }\r\n {isFluVaccine && hasLocationResults && this.state.activeLocationPage === 1 &&\r\n {t(\"Below are some of the conditions we can help with at our urgent care clinics. If you believe you are experiencing a medical emergency, please call 911 or visit the nearest\")}
- \r\n {urgentCareConditions.map((condition, conditionIndex) => (\r\n
- {t(condition)} \r\n ))}\r\n
\r\n \r\n {t(\"BSWH Pharmacies are also available for flu vaccine walk-ins during\")} {t(\"lobby hours\")} .\r\n \r\n
\r\n }\r\n {\r\n locationsMarkup\r\n }\r\n {\r\n !hasLocationResults && !this.props.searchLocationsRunning &&\r\n \r\n
\r\n }\r\n {\r\n (this.props.locationsLoading === true) &&\r\n \r\n {unableToFind} {hasProviderResults}{' '}\r\n {t(\"location\")}\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 {this.props.enableGoogleMapApiStyle ? (\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 handleMapHeight={()=>this.handleMapHeight(isVaccineSearch)}\r\n t={t}\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 logUI(`MBHWeb.UI.FindCare.SearchResults.FCNChatButton.Clicked`, new Date(), Tools.getURLPath());\r\n }\r\n }}\r\n direction={isColumnDirection && \"column\"}\r\n isCard={false}\r\n size=\"lg\"\r\n />\r\n
\r\n\r\n );\r\n}\r\n\r\nexport default FindCareResultsFCN;","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 { 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\nexport default withTranslation()(FindCareResultsHeading);","import React, { useEffect } from 'react';\r\nimport '../../../scss/exclude/components/_findCareResultsSurvey.scss';\r\nimport { Typography, Icon, Button } from '../../ecosystem';\r\nimport * as msgs from \"../../../constants/textConstants\";\r\nimport SurveyClickToLaunchContainer from '../../dashboard/voiceOfCustomer/SurveyClickToLaunchContainer';\r\n//import useButtonClick from '../../dashboard/voiceOfCustomer/hooks/useButtonClick';\r\nconst FindCareResultsSurvey = ({ screenBreakPoint }) => {\r\n //Overriding default column row direction pattern\r\n const isColumnDirection = ([msgs.XXL_DESKTOP]).indexOf(screenBreakPoint) < 0 ? true : false;\r\n const interceptID = \"bsw_qtx_click\";\r\n //useButtonClick(interceptID);\r\n\r\n return (\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 {t(\"Map View\")}\r\n
\r\n toggleView(true)}>\r\n {t(\"List View\")}\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()}>{t(\"Clear All\")}\r\n \r\n
\r\n
;\r\n //console.log(variant)\r\n\r\n return ();\r\n}\r\n\r\nexport default withRouter(withTranslation()(FindCareSearchForm));\r\n","import React, { useState } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport { Button, Card, LinkText, Typography, Icon, Illustration, useMediaQuery } from \"../ecosystem\";\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport * as Tools from \"../../helpers/Tools\";\r\nimport * as qualtricsConstants from \"../../constants/qualtricsConstants\"\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\nconst DefaultGetCareCards = (props) => {\r\n const { to, onClick, image, heading, body } = props;\r\n const { t } = useTranslation(); \r\n\r\n return \r\n {content}\r\n
\r\n \r\n
\r\n \r\n {t(heading)} \r\n {t(body)}\r\n
\r\n \r\n}\r\n\r\nconst FeaturedGetCareCards = (props) => {\r\n const { to, onClick, image, heading, body, isMobile } = props;\r\n const { t } = useTranslation(); \r\n\r\n return \r\n
\r\n\r\n \r\n \r\n {t(heading)}\r\n {!isMobile && (\r\n {t(body)}\r\n )}\r\n
\r\n \r\n}\r\n\r\nconst GetCareCards = (props) => {\r\n const isMobile = useMediaQuery({ max: 'lg' });\r\n const { t } = useTranslation(); \r\n\r\n const onCardClick = (path) => {\r\n logUI(`MBHWeb.UI.Dashboard.GetCareCards.Click.${path}`, new Date(), Tools.getURLPath());\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(GetCareCards);\r\n","import React, { useState, useEffect } 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 { Badge, Grid, useMediaQuery, Notifier } from \"../ecosystem/\";\r\nimport { CircleButtonCard, PageHeading } from \"../ecosystem/mybswh\";\r\nimport FindCareForm from \"./FindCareForm\";\r\nimport GetCareCards from \"./GetCareCards\";\r\nimport StaticHtmlContent from \"../common/staticHtmlContent\";\r\nimport Covid19BannerComponent from './covid-banner/Covid19BannerComponent';\r\nimport { useKustoLogs } from '../products/utils/utils';\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\nconst GetCareLanding = (props) => {\r\n\r\n const { enableFindCareV8, findCareFormProps, hasMyChart, clearSearch, updateQualtricsAccessPoint } = props;\r\n const enableFCN = !window.serverData.data.FCNIsDown;\r\n const isMobile = useMediaQuery({ max: 'lg' });\r\n const { t } = useTranslation(); \r\n\r\n const [collapseForm, setCollapseForm] = useState(true);\r\n\r\n const toggleCollapseForm = (collapsed) => {\r\n const isCollapsed = collapsed ?? !collapseForm;\r\n setCollapseForm(isCollapsed)\r\n }\r\n const getCareBannerMessage = window?.serverData?.data?.getCareBannerMessage || '';\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 useEffect(() => {\r\n if (getCareBannerMessage) {\r\n useKustoLogs();\r\n }\r\n }, [getCareBannerMessage]);\r\n\r\n return (enableFindCareV8\r\n ? \r\n {\r\n if (props.updateQualtricsAccessPoint) props.updateQualtricsAccessPoint(qualtricsConstants.SEE_YOUR_DOCTOR_ACCESS_POINT)\r\n onCardClick('SeeYourDoctor')\r\n }}\r\n image={{\r\n name: \"calendar-schedule\",\r\n alt: \"calendar\"\r\n }}\r\n heading={t(\"See your doctor\")}\r\n body={t(\"Schedule an appointment with a new or current provider\")}\r\n isMobile={isMobile}\r\n />\r\n onCardClick('UrgentCare')}\r\n image={{\r\n name: \"urgent-care\",\r\n alt: \"urgent care\"\r\n }}\r\n heading={t(\"Urgent care\")}\r\n body={t(\"In-person or virtual options for when you need quality care fast\")}\r\n isMobile={isMobile}\r\n />\r\n
\r\n \r\n onCardClick('EVisit')}\r\n image={{\r\n name: \"virtual-care\",\r\n alt: \"virtual care\"\r\n }}\r\n heading={t(\"24/7 virtual care\")}\r\n body={t(\"Skip the waiting room! Get care from the comfort of your home\")}\r\n />\r\n onCardClick('VaccineEligibility')}\r\n image={{\r\n name: \"vaccine\",\r\n alt: \"vaccine\"\r\n }}\r\n heading={t(\"Screenings & vaccines\")}\r\n body={t(\"Stay up to date with important vaccines and preventive screenings\")}\r\n />\r\n onCardClick('Helpmedecide')}\r\n image={{\r\n name: \"message-chat-fcn\",\r\n alt: \"message-chat-fcn\"\r\n }}\r\n heading={t(\"Not sure what you need?\")}\r\n body={t(\"Chat with us and we will guide you to the right care\")}\r\n />\r\n {/* onCardClick('ChatFCN')}\r\n >\r\n \r\n Help me decide \r\n */}\r\n
\r\n \r\n
\r\n \r\n {getCareBannerMessage.length > 0 && (\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { onClickgetCareTile(\"Schedulenow\") }}\r\n title={t(\"Schedule Now\")}\r\n body={t(\"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={t(\"Find Care\")}\r\n body={t(\"Search for the right doctor, location, or type of care for you.\")}\r\n />\r\n
\r\n {enableFCN && hasMyChart && \r\n { onClickgetCareTile(\"FCN\") }}\r\n title={t(\"Help Me Decide\")}\r\n badge={{ text: \"Beta\" }}\r\n body={t(\"Chat with us and we will guide you to the right care.\")}\r\n />\r\n
}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default (withTranslation()(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 {t(\"Not eligible for Video Visit Scheduling\")}\r\n \r\n
\r\n \r\n \r\n {t(\"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 {t(\"Abdominal Pain\")}
\r\n {t(\"Abscesses/Boils\")}
\r\n {t(\"Adult and Pediatric Annual Physicals\")}
\r\n {t(\"Chest Pain\")}
\r\n {t(\"Genital or Urinary Issues*\")}
\r\n {t(\"Heart Palpitations (rapid, strong, or irregular heartbeat)\")}
\r\n {t(\"Lacerations\")}
\r\n {t(\"Pelvic Pain\")}
\r\n \r\n \r\n \r\n {t(\"*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 ServiceLocationSlots from \"./services/ServiceLocationSlots\";\r\nimport UrgentCareSlots from \"./services/UrgentCareSlots\";\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass 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 urgentCareService = `serviceName=${\"urgent care\"}`;\r\n const { appliedRulesLoc, scheduleCampaignReferrer, buttonText, totalLocations, selectedIndex, translate, t, scheduleStartInfo = {}, variant, primaryUser } = 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 isMapCard = variant === \"mapCard\" ? true : false;\r\n const loc = this.props.locationData && this.props.locationData.length !== 0 ? this.props.locationData : \"\";\r\n const openSchedules = this.props.locationData && this.props.locationData.openSchedules;\r\n const isExternalScheduleAvailable = this.props.locationData && this.props.locationData.isExternalScheduleAvailable;\r\n const externalLink = this.props.locationData && this.props.locationData.links &&\r\n this.props.locationData.links.length > 0 &&\r\n this.props.locationData.links.find(link => link.title.toLowerCase() === 'ext-urgent-care-schedule');\r\n const locPhoto = loc.photoUrl ? loc.photoUrl : '/images/location-pic.png';\r\n let waitingRoomCount = null;\r\n if (isExternalScheduleAvailable) {\r\n let externalScheduleLinkObj = this.props.locationData && this.props.locationData.links && this.props.locationData.links.length > 0 &&\r\n this.props.locationData.links.find(link => {\r\n if (link && link.title && link.title.toLowerCase() === 'ext-urgent-care-schedule') {\r\n return link\r\n } else {\r\n return null;\r\n }\r\n });\r\n waitingRoomCount = externalScheduleLinkObj && typeof externalScheduleLinkObj.waitingRoomCount !== 'undefined' && externalScheduleLinkObj.waitingRoomCount !== null &&\r\n externalScheduleLinkObj.waitingRoomCount !== '' ? externalScheduleLinkObj.waitingRoomCount : null;\r\n } else {\r\n waitingRoomCount = this.props.locationData && typeof this.props.locationData.waitingRoomCount !== 'undefined' && this.props.locationData.waitingRoomCount !== null &&\r\n this.props.locationData.waitingRoomCount !== '' ? this.props.locationData.waitingRoomCount : null;\r\n }\r\n \r\n\r\n const patientsInline = (isExternalScheduleAvailable === true || openSchedules) ? waitingRoomCount : null;\r\n // const locationClass = loc.locationUrl ? \"finger\" : \"\";\r\n const enableUrgentCareSchedulingWorkflow = window.serverData && window.serverData.data && window.serverData.data.enableUrgentCareSchedulingWorkflow;\r\n const enableFluVaccineSchedulingWorkflow = window.serverData && window.serverData.data && window.serverData.data.enableFluVaccineSchedulingWorkflow;\r\n const enableNextCareSchedulingWorkflow = window?.serverData?.data?.enableNextCareSchedulingWorkflow;\r\n const enableFlu = enableFluVaccineSchedulingWorkflow && appliedRulesLoc && (appliedRulesLoc.indexOf(fluVaccineService) > -1);\r\n const isUrgentCare = enableUrgentCareSchedulingWorkflow && appliedRulesLoc && (appliedRulesLoc.indexOf(urgentCareService) > -1);\r\n const nextCareScheduling = loc && loc.openSchedules && loc.openSchedules.dateAndTimes[0] && loc.openSchedules.dateAndTimes[0].providerIdType ? loc.openSchedules.dateAndTimes[0].providerIdType === \"NEXTCAREID\" : 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\nexport default withTranslation()(Location);\r\n\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 { withTranslation } from 'react-i18next';\r\nimport { gaCheckout, bookingLogger } from \"../../api/gaLoging\";\r\n\r\nconst LocationBookButton = ({\r\n loc,\r\n bypassProxyAndInfo = false,\r\n buttonText,\r\n scheduleCampaignReferrer,\r\n selectedIndex,\r\n bookUrl,\r\n activityCode,\r\n onClick,\r\n t,\r\n translate,\r\n className,\r\n scheduleStartInfo = {}\r\n}) => {\r\n const [position, setPosition] = React.useState((typeof selectedIndex === 'number' && selectedIndex >= 0) ? (selectedIndex + 1) : 0);\r\n\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n const moreUrl = bookUrl || `/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\r\n const onBookNowClick = () => {\r\n const logActivityCode = activityCode || `MBHWeb.UI.LocationBookButton.BookNow.Clicked`;\r\n logUI(logActivityCode, new Date(), Tools.getURLPath(), scheduleCampaignActivity); \r\n if (loc && loc.locationID) {\r\n let bookingID = loc.locationID;\r\n const schedulingType = 'Open Scheduling';\r\n const eventType = 'booking_start';\r\n const specialty = loc.openSchedules && loc.openSchedules.dateAndTimes && loc.openSchedules.dateAndTimes[0].visitTypeDisplayName ? loc.openSchedules.dateAndTimes[0].visitTypeDisplayName : \"\";\r\n const booking_flow = 'service flow';\r\n const list_name = 'Find Care Page';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, booking_flow, list_name, position)\r\n }\r\n \r\n if (onClick) {\r\n onClick();\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
\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 {t(\"Accepts walk-ins\")}
\r\n }\r\n -1) ? ' no-perks' : '')}>\r\n
\r\n\r\n {((showLocationSlots || enableFlu) && !isUrgentCare) &&\r\n \r\n
\r\n \r\n {\r\n (loc && loc.perks && loc.perks.indexOf('Walk-ins') > -1) &&\r\n
\r\n {t(\"Accepts walk-ins\")}
\r\n }\r\n \r\n {\r\n onBookNowClick()\r\n }}\r\n >\r\n {buttonText}\r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withTranslation()(LocationBookButton));","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 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 isUrgentCare\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 React, { FC } from 'react'\r\nimport { LinkText } from '../ecosystem'\r\nimport { HighlightCareBanner, HighlightCareBannerProps } from '../ecosystem/mybswh'\r\n\r\nexport type OtherProvidersBannerProps = Pick{month}
}\r\n \r\n \r\n {label}\r\n
\r\n You can search for providers on your Tier 2 UnitedHealthcare network.
\r\n \r\n \r\n Find medical providers\r\n \r\n \r\n Find behavioral health providers\r\n \r\n
\r\n {t(OUT_OF_STATE_BODY_CONTENT)}
\r\n{t('Are you currently')} {t('within')} {t('or')} {t('outside of')} {t('the state of Texas')}?
\r\n \r\n }\r\n modalFooterButtons={[\r\n { label: t(OUTSIDE_TEXAS_TITLE), onClick: () => { history.push('/outofstatevisit') } },\r\n {\r\n label: INSIDE_TEXAS_TITLE, onClick: () => {\r\n if (Object.keys(buttonParams).length === 0) {\r\n insideTexasEvent()\r\n }\r\n else {\r\n insideTexasEvent(buttonParams.e, buttonParams.item, buttonParams.hasMoreButtons, buttonParams.index)\r\n }\r\n }\r\n }\r\n ]}\r\n />\r\n )\r\n}\r\n\r\nexport default OutOfStateModal;","import React, { FC } from \"react\"\r\nimport { Illustration, Typography, Button, Grid, useMediaQuery } from '../ecosystem';\r\nimport { OUT_OF_STATE_VISIT_HEADER, OUT_OF_STATE_VISIT_BODY_CONTENT, CONTINUE_TO_FABRIC } from '../../constants/textConstants';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst OutofStateVisit: FC = () => {\r\n const { t } = useTranslation();\r\n const isMobile = useMediaQuery({ max: 'md' });\r\n return (\r\n <>\r\n\r\n
\r\n \r\n \r\n {t(CONTINUE_TO_FABRIC)}\r\n */}\r\n
\r\n \r\n
\r\n \r\n \r\n {t(OUT_OF_STATE_VISIT_HEADER) }\r\n
\r\n \r\n \r\n {t(OUT_OF_STATE_VISIT_BODY_CONTENT)}\r\n \r\n \r\n {t('Click the')} {t('Continue')} {t('button below to proceed with your video visit')}.\r\n \r\n
\r\n {/*\r\n \r\n {t(\"Patients in line:\")}\r\n \r\n\r\n \r\n {count}\r\n \r\n
\r\n : null\r\n );\r\n}\r\n\r\nexport default PatientsInLine;","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 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 { logUI } from '../../api/andyliticsApi';\r\nconst DATE_FORMAT = Tools.getDateFormats();\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport { withTranslation } from 'react-i18next';\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.getDepartmentSpecility = this.getDepartmentSpecility.bind(this);\r\n this.getPhoneNumber = this.getPhoneNumber.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\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 getDepartmentSpecility = () => {\r\n const prov = this.props.providerData;\r\n let provSpecialty = null;\r\n if (prov?.openSchedule && prov?.openSchedule?.dateAndTimes && prov?.openSchedule?.dateAndTimes?.length > 0) {\r\n provSpecialty = prov?.openSchedule?.dateAndTimes[0].departmentSpecialty;\r\n }\r\n const urgeRegex = new RegExp('pediatric|internal medicine')\r\n if (urgeRegex.test(provSpecialty.toLowerCase())) {\r\n return provSpecialty;\r\n }\r\n return null;\r\n }\r\n getPhoneNumber = () => {\r\n const { providerData } = this.props;\r\n \r\n\r\n if (providerData && providerData.locations) {\r\n let locationPhone = null;\r\n\r\n let rankOneLocation = providerData && providerData.locations && providerData.locations.find(loc => loc.addressRank === 1);\r\n if (rankOneLocation && rankOneLocation.length !== 0 && rankOneLocation.locationPhone) {\r\n locationPhone = rankOneLocation && rankOneLocation.locationPhone && rankOneLocation.locationPhone;\r\n\r\n } else {\r\n locationPhone = providerData && providerData.locations && providerData.locations.length !== 0 && providerData.locations[0].locationPhone;\r\n\r\n }\r\n\r\n return locationPhone;\r\n }\r\n \r\n }\r\n\r\n render() {\r\n const prov = this.props.providerData;\r\n let { onlineSchedulingEnabled, serverData, scheduleCampaignReferrer, isProviderMapPinView, translate, t, scheduleStartInfo = {}, variant, selectedIndex } = this.props;\r\n const scheduleCampaignActivity = scheduleCampaignReferrer ? { scheduleCampaignReferrer: scheduleCampaignReferrer } : {};\r\n const selectedIndexNumber = (typeof this.props.selectedIndex === 'number' && this.props.selectedIndex >= 0) ? (this.props.selectedIndex + 1) : \"\";\r\n let apptTimesAmount = this.props.apptTimesAmount ? this.props.apptTimesAmount : 3;\r\n const isMapCard = variant === \"mapCard\" ? true : false;\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\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)} {t(\"miles\")} - : \"\"}\r\n {loc.locationName ? {loc.locationName} \r\n :
\r\n \r\n \r\n
\r\n }\r\n {moreLocs > 0 && (+{moreLocs} {t(\"more\")})}\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} {t(\"more\")})}\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)(withTranslation()(Provider))","import * as React from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport Provider from \"./Provider\";\r\nimport Location from \"./Location\";\r\nimport {isEqual} from 'lodash'\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 shouldComponentUpdate(nextProps) {\r\n const nextGroup = nextProps?.selectedLocation?.group;\r\n const group = this.props?.selectedLocation?.group;\r\n return !isEqual(nextGroup, group);\r\n }\r\n\r\n render() {\r\n const { selectedLocation, tabIndex, toggleOverlay, isOpen, isVaccineSearch, onlineSchedulingEnabled, buttonText, scheduleCampaignReferrer, translate, t, scheduleStartInfo = {}, primaryUser } = 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 {t(\"Tier\")} {prov.tierCoverage} {t(\"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 {t(\"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 {t(\"Call to schedule\")}
\r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n
\r\n {t(\"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 {t(\"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
\r\n \r\n {\r\n schedule\r\n }\r\n
\r\n \r\n \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
*{t(\"Call to schedule\")}
\r\n \r\n }\r\n \r\n
\r\n }\r\n {t(\"Not available for appointments\")}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SelectedMapPinListing;","import React, { FC, useEffect, useState } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport OtherProvidersBanner from './OtherProvidersBanner'\r\nimport * as types from \"../../constants/actionTypes\";\r\n\r\ninterface ConnectedProps {\r\n curPosLatitude: string;\r\n curPosLongitude: string;\r\n geolocationError: string\r\n stateAddress: string;\r\n getGeoLocation: any;\r\n getAddress: any;\r\n}\r\n\r\nconst ConnectedShowOtherProvidersBanner: FC\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, ...locationsMarkup ]}\r\n \r\n : this.slider = slider} {...this.sliderSettings}>\r\n {[...locationsMarkup, providersMarkup]}\r\n \r\n }\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\ninterface State {\r\n locations: {\r\n latitude: string;\r\n longitude: string;\r\n geolocationError: string\r\n state: string;\r\n };\r\n}\r\n\r\nconst mapStateToProps = (state: State) => {\r\n return {\r\n curPosLatitude: state.locations.latitude,\r\n curPosLongitude: state.locations.longitude,\r\n geolocationError: state.locations.geolocationError,\r\n stateAddress: state.locations.state\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch: any) => {\r\n return {\r\n getGeoLocation: (useCurrentLocation: boolean) => dispatch({ type: types.GEOLOCATION, useCurrentLocation: useCurrentLocation }),\r\n getAddress: (latitude: string, longitude: string) => {\r\n dispatch({ type: types.GEOADDRESS, location: { lat: latitude, lng: longitude } });\r\n }\r\n }\r\n};\r\n\r\nconst ShowOtherProvidersBanner: FC<{}> = connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ConnectedShowOtherProvidersBanner)\r\n\r\nexport default ShowOtherProvidersBanner\r\n","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
\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 * as qualtricsConstants from \"../../constants/qualtricsConstants\"\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, Modal, LinkText } from '../ecosystem';\r\nimport VideoVisitProviderCard from './VideoVisitProviderCard';\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport OutOfStateModal from './OutOfStateModal'\r\n\r\nclass VideoVisitAvailability extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n outOfStateModal: false,\r\n buttonParams: {}\r\n }\r\n this.scheduleAppointment = this.scheduleAppointment.bind(this);\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 scheduleOutOfStateAppointment(e, item, hasMoreButton = false, index) {\r\n const { userLocation } = this.props;\r\n this.setState({ buttonParams: {e, item, hasMoreButton, index}})\r\n if (userLocation !== 'TX') {\r\n this.setState({ outOfStateModal: true })\r\n } else {\r\n this.scheduleAppointment(e, item, hasMoreButton, index)\r\n }\r\n }\r\n\r\n scheduleAppointment(e, item, isMoreButton = false, index) { \r\n const enablePediatricRestriction = this.props && this.props.serverData && this.props.serverData.enablePediatricRestriction && this.props.serverData.enablePediatricRestriction;\r\n //User Story 195806: Web: Temporarily Disable Pedi Age Restrictions in My Doctor Video Visit Tile\r\n if (enablePediatricRestriction && item && item.provider && !item.provider.noAgeRestrictions && item.provider.epicDepartmentSpecialty && item.provider.epicDepartmentSpecialty.toLowerCase().includes('pediatric') && this.props && this.props.selectedUser && this.props.selectedUser.ageYears >= 19) {\r\n this.props.providerDetailLite(item)\r\n return;\r\n } \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 const specialty = item && item.provider && item.provider.epicDepartmentSpecialty ? item.provider.epicDepartmentSpecialty : \"\"; \r\n const proIndex = (typeof index === 'number' && index >= 0) ? (index + 1) : 0;\r\n \r\n this.callBookingLoggerAnalytics(npiId, specialty, proIndex, 'Direct Scheduling/Video Visit', 'provider flow');\r\n if (this.props.updateQualtricsAccessPoint) this.props.updateQualtricsAccessPoint(qualtricsConstants.MY_DOCTOR_ACCESS_POINT)\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 videoVisitProvSpecialty: specialty,\r\n proIndex: proIndex\r\n }\r\n });\r\n }\r\n \r\n if (type === \"FINDNEWDOCTOR\") {\r\n const specialty = item?.provider?.locations[0]?.openSchedules?.dateAndTimes[0]?.departmentSpecialty;\r\n const proIndex = (typeof index === 'number' && index >= 0) ? (index + 1) : 0;\r\n const localDrproNpiID = item?.provider?.npi;\r\n this.callBookingLoggerAnalytics(localDrproNpiID, specialty, proIndex, 'Open Scheduling/Video Visit', 'provider flow');\r\n \r\n if (this.props.updateQualtricsAccessPoint) this.props.updateQualtricsAccessPoint(qualtricsConstants.LOCAL_DOCTOR_ACCESS_POINT)\r\n this.props.history.push({\r\n pathname: `/schedule/${npiId ? npiId : item.provider.npi}/OpenSchedule`,\r\n state: {\r\n selectedUser: this.props.selectedUser, noSelectPatient: this.props.noSelectPatient, isFromVideoVisitOptions: isFromVideoVisitOptions, isLocalDoctor: true, videoVisitProvSpecialty: specialty,\r\n proIndex: proIndex }\r\n });\r\n }\r\n \r\n \r\n if (type === \"ONCALLPROVIDER\") {\r\n const eventType = 'booking_start';\r\n const bookingID = \"\";\r\n const specialty = \"24-7 Virtual Care\";\r\n const flow = 'virtual care flow';\r\n const list = 'Video Visit Page';\r\n const position = '';\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position); \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 callBookingLoggerAnalytics = (npiId, specialty, proIndex, schedulingType, booking_flow ) => {\r\n const eventType = 'booking_start';\r\n const bookingID = npiId ? npiId : \"\";\r\n //const schedulingType = schedulingType;\r\n //const specialty = specialty;\r\n const flow = booking_flow;\r\n const list = 'Video Visit Page';\r\n const position = proIndex;\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\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 showOutOfState = window?.serverData?.data?.enableOutOfStateVisitWorkflow && type === \"ONCALLPROVIDER\";\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
\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\r\n {showMiniSpinner\r\n ? (\r\n \r\n {providerData && providerData.provider &&\r\n {\r\n this.scheduleAppointment(e, providerData, hasMoreButton, key);\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 ) : !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 You must be in Texas at the time of your 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
\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 {this.state.outOfStateModal && (
\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 { 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 as ReactModal, 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, Modal, LinkText, LinkCTA, Notifier } from \"../ecosystem/\";\r\nimport { PageHeading, IconButton } from \"../ecosystem/mybswh\";\r\nimport * as msgs from \"../../constants/textConstants\";\r\nimport Spinner from \"../common/spinner\";\r\nimport { queryParams } from \"../../helpers/formatting\";\r\nimport { bookingLogger } from \"../../api/gaLoging\";\r\nimport { withTranslation } from 'react-i18next';\r\nimport OutOfStateModal from './OutOfStateModal'\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 = \"24/7 Care\";\r\nconst onCallProviderCardLabel = \"24/7 Virtual Care\";\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 pediatricModal: false,\r\n favoritePhone: '',\r\n loadingPediatrics: false,\r\n currentUserPatId: '',\r\n outOfStateModal: 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, updateQualtricsAccessPoint } = this.props;\r\n const isSameDayEnabled = isActiveFeature_SDCVideoVisit;\r\n\r\n if(updateQualtricsAccessPoint) updateQualtricsAccessPoint(null)\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, getAddress } = this.props;\r\n const enableNewVideoVisitFlow = window.serverData && window.serverData.data && window.serverData.data.enableNewVideoVisitFlow;\r\n\r\n if (((curPosLatitude !== prevProps.curPosLatitude || curPosLongitude !== prevProps.curPosLongitude) && !!curPosLatitude && !!curPosLongitude\r\n && curPosLatitude !== undefined && curPosLongitude !== undefined) && !(this.props.stateAddress !== '' && this.props.stateAddress !== undefined && this.props.stateAddress !== null)) {\r\n getAddress(curPosLatitude, curPosLongitude);\r\n }\r\n\r\n if (currentUser && currentUser.externalId && this.state.currentUserPatId !== currentUser.externalId) {\r\n this.fetchYourDoctors = false;\r\n this.alreadySearched = 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 currentUserPatId: currentUser.externalId\r\n });\r\n } else {\r\n this.setState({\r\n currentUserPatId: currentUser.externalId\r\n });\r\n }\r\n }\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 ((serverData && ((!serverData.enableV3VideoVisitApi && !providerListPending && providerNpiListStr) || serverData.enableV3VideoVisitApi)) && (!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 const eventType = 'booking_start';\r\n const bookingID = \"\";\r\n const specialty = \"24-7 Virtual Care\";\r\n const flow = 'virtual care flow';\r\n const list = 'Video Visit Page';\r\n const position = '';\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n logUI(\"MBHWeb.UI.VideoVisitOptions.SeeAllSlotsInOnCallDoctor.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.history.push({ pathname: \"/schedulevideovisit\", state: { videoVisitOptionsProxySkip: true } });\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 const eventType = 'booking_start';\r\n const bookingID = \"\";\r\n const specialty = \"\";\r\n const flow = 'provider flow';\r\n const list = 'Video Visit Page';\r\n const position = '';\r\n const schedulingType = 'Direct Scheduling/Video Visit';\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\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 navigateToAdultSearch() {\r\n let findcareSearchParms = \"?\" + queryParams({ keyword: \"Adult%20Primary%20Care%20Provider\", tab: 1 });\r\n this.props.history.push({\r\n pathname: '/findcare',\r\n search: findcareSearchParms,\r\n });\r\n }\r\n\r\n outOfStateAppointment = () => {\r\n if (this.props.stateAddress !== 'TX') {\r\n this.setState({ outOfStateModal: true })\r\n }\r\n else {\r\n this.SeeAllSlotsInOnCallDoctor()\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, earlistScheduleProviderCount, isSwitchingProxy, updateQualtricsAccessPoint, t } = this.props;\r\n const { pediatricModal, favoritePhone, loadingPediatrics } = this.state;\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 const restrictLocalAndOncallDoctorMarkup = () => {\r\n const { earliestScheduleWaiting } = this.props;\r\n let findcareSearchParms = \"?\" + queryParams({ keyword: \"Pediatrics\", tab: 1 });\r\n if (earliestScheduleWaiting) {\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\" }}>{t(\"FIND A DOCTOR\")}\r\n {isFromCovid19ScreenerSurvey && { logUI(\"MBHWeb.UI.VideoVisitOptions.InEligible.Covid19TestingLocation.Clicked\", new Date(), Tools.getURLPath()); }} to={{ pathname: covid19TestLocation }} target=\"_blank\">{t(\"FIND A COVID-19 TESTING LOCATION\")}}\r\n
\r\n \r\n { logUI(\"MBHWeb.UI.VideoVisitOptions.RestrictLocalAndOncallDoctorMsg.FindCare.Clicked\", new Date(), Tools.getURLPath()); }}}>\r\n {t(\"BSWH does not offer video visits for patients in this age group who do not currently have a relationship with a primary care provider. Please schedule an in-person visit.\")}\r\n \r\n
\r\n )\r\n }\r\n\r\n const getPhoneNumber = (providerData) => {\r\n\r\n if (providerData && providerData.locations) {\r\n let locationPhone = null;\r\n\r\n let rankOneLocation = providerData && providerData.locations && providerData.locations.find(loc => loc.addressRank === 1);\r\n if (rankOneLocation && rankOneLocation.length !== 0 && rankOneLocation.locationPhone) {\r\n locationPhone = rankOneLocation && rankOneLocation.locationPhone && rankOneLocation.locationPhone;\r\n\r\n } else {\r\n locationPhone = providerData && providerData.locations && providerData.locations.length !== 0 && Array.isArray(providerData.locations) && providerData.locations[0].locationPhone;\r\n\r\n }\r\n\r\n return locationPhone;\r\n }\r\n }\r\n\r\n const loadModalIfPediatrics = (item) => {\r\n const searchModel = {\r\n token: this.props.userToken,\r\n searchModel: {\r\n npi: item.provider.iDs.find(id => id.type === 'ProviderNPI').id\r\n }\r\n }\r\n // here goes the loader\r\n this.setState({ loadingPediatrics: true })\r\n this.props.getProviderDetaiLite(searchModel, (provider) => {\r\n\r\n\r\n // here we stop the loader\r\n this.setState({\r\n pediatricModal: true, favoritePhone: getPhoneNumber(provider), loadingPediatrics: false\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\r\n const noProvidersForNearMe = (\r\n
\r\n {t(\"We're sorry, it looks like we're all booked.\")}
\r\n{t(\"Other options\")}
\r\n - \r\n
- 1{t(\"Skip the doctor's office with an\")} eVisit \r\n {hasAAL &&
- 2{t(\"Access your\")} DrOnDemand {t(\"service\")} }\r\n
\r\n {t(\"We were unable to find a doctor near you.\")}
\r\n {t(\"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 isTabletBreakPoint = ([msgs.XS_MOBILE, msgs.SM_MOBILE, msgs.MD_TABLET]).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 {t(\"Standard office visit copay will apply.\")}\r\n \r\n {t(\"When\")} {t(\"not\")} {t(\"to schedule a video visit\")}\r\n \r\n {t(\"Use the button below to find a new doctor or choose one of the other video visit options.\")}
\r\n
\r\n {loadingPediatrics && \r\n \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 {t(\"Traveling outside Texas?\")}\r\n {t(\"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 {showLocalDoctor &&\r\n \r\n
\r\n \r\n
\r\n }\r\n {!earliestScheduleWaiting && earlistScheduleProviderCount > 3 &&\r\n \r\n \r\n
\r\n\r\n }\r\n modalFooterButtons={[{ label: 'Find Care', onClick: () => this.navigateToAdultSearch() }]}\r\n\r\n\r\n />\r\n {t(\"Our pediatricians generally do not see patients 19 years of age or older. Based on your age, you are currently ineligible to self-schedule with this provider.\")}
\r\n\r\n {t(\"If you would like to schedule an appointment for adult primary care, you can search for a new provider or contact your provider's office at\")}
\r\n \r\n {t(\"We had an issue displaying your doctors available times.\")}
\r\n {t(\"Use the button below or choose one of the other video visit options.\")}
\r\n : earliestScheduleSuccess && this.yourDoctorAvailableTimes.length === 0\r\n ? t(\"Your doctors don't have availability for a Video Visit in the next 30 days.\")\r\n : videoVisitTypeForYourDoctorAvailability\r\n ? \"\"\r\n : t(\"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 serverData={this.props.serverData}\r\n updateQualtricsAccessPoint={updateQualtricsAccessPoint}\r\n />\r\n
\r\n \r\n {t(\"Use the button below or choose one of the other video visit options.\")}
\r\n : earliestScheduleSuccess && this.yourDoctorAvailableTimes.length === 0\r\n ? t(\"Your doctors don't have availability for a Video Visit in the next 30 days.\")\r\n : videoVisitTypeForYourDoctorAvailability\r\n ? \"\"\r\n : t(\"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 serverData={this.props.serverData}\r\n updateQualtricsAccessPoint={updateQualtricsAccessPoint}\r\n />\r\n
\r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n {t(\"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 updateQualtricsAccessPoint={updateQualtricsAccessPoint}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n {t(\"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 {this.state.outOfStateModal &&
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(VideoVisitOptionsCardHeader);","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 {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
\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\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setParticipants: (participants) => dispatch({ type: types.SET_PARTICIPANTS, participants })\r\n }\r\n}\r\n\r\nexport default connect(null, mapDispatchToProps)(withRouter(TwilioVideoApp));","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
- 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 {!isProxyAvailable ? \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: state.domain.primaryUser,\r\n currentUser: state.domain.currentUser,\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 };\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 };\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, technicalHelpDeskMessage } = 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 {technicalHelpDeskMessage} {technicalHelpDeskHours} at {helpDeskLink}.\r\n
);\r\n let callHelpDeskMsg = For technical assistance, call the {technicalHelpDeskMessage} {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 Appointment from \"../../estimates/appointment\";\r\nimport Spinner from '../../common/spinner';\r\nimport Dashboard from \"../../dashboard/layout/Dashboard\";\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 this.setState({ isFetchingSharedLinkToken: false });\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({ isFetchingSharedLinkToken: false, roomError: err && typeof err === 'string' ? err : \"We're sorry, we're not able to load your video visit.\", showSharedLinkTryAgain: err && typeof err === 'string' && 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(this.props.location?.state?.returnPath || \"/\");\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(), err);\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 else {\r\n patientId = this.props.currentUser?.externalId;\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 isProductVisit = this.props.location?.state?.isProductVisit;\r\n let appointments = null;\r\n if (isProductVisit) {\r\n _appointmentDetails = this.props.location?.state?.appointmentDetails;\r\n if (_appointmentDetails) {\r\n appointments = [_appointmentDetails];\r\n }\r\n const { eCheckInStatus } = _appointmentDetails || {};\r\n if (!eCheckInStatus || eCheckInStatus.toLowerCase() !== \"completed\") {\r\n this.props.history.push(this.props.location?.state?.returnPath || '/');\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)) || (isFromNonLogin && isFetchingSharedLinkToken && !showApprovalDenied && !showApprovalWaiting && !showUserKicked)\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 * 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 Appointment from \"../../estimates/appointment\";\r\nimport Spinner from '../../common/spinner';\r\nimport MyChartContainer from \"../../mychart/MyChartContainer\";\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 AmbulatoryCareVideoVisit2 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 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\r\n componentDidMount() {\r\n logUI(\"MBHWeb.UI.VideoVisit.ComponentDidMount\", new Date(), Tools.getURLPath());\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\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\r\n\r\n onUserSwitched = (userSelected, index) => {\r\n window.userToSwitch = userSelected;\r\n }\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 render() {\r\n const {\r\n isTestVideo,\r\n showPreflight,\r\n preflightTokenInfo,\r\n } = this.state;\r\n\r\n const { isFromNonLogin, currentUser, dashboardData, sharedLinkCode, } = this.props;\r\n const patientInternalId = _patientInternalId || (currentUser && currentUser.internalId) || \"\";\r\n const appointments = dashboardData && dashboardData.data && dashboardData.data.appointments;\r\n\r\n //const hardwareError = false; //(this.state.hardwareScanned === true && hasHardwareMissing === true);\r\n\r\n //const videoDetailsError = !(_csnId && (!patientInternalId || !appointments || _appointmentDetails) || isTestVideo) && !((roomId && jwttoken) || sharedLinkCode);\r\n // if (this.state.enableLaunchButton && _csnId && /*!hasHardwareMissing &&*/ !isTestVideo && this.hasVideoVisitLanched === false) {\r\n // this.startVideoVisit();\r\n // }\r\n\r\n this.isFromSharedLink = isFromNonLogin;\r\n let confirmationMsg = 'Are you sure you want to leave this page and stop the video visit?';\r\n let confirmationActionText1 = 'Stay on this page';\r\n let confirmationActionText2 = 'Leave this page';\r\n let userSwitchMsg = 'and stop the video visit';\r\n const roomStateConnected = window.twilioRoom && window.twilioRoom.state && window.twilioRoom.state === \"connected\" ? true : false;\r\n const videoUrl = Tools.buildUrl(window.serverData.data.medicalRecordURL,'/Visits/VisitDetails',[{ key: \"csn\", value: encodeURIComponent(this.props.match.params.csnId) }\r\n ,{ key: \"eCheckInConfirm\", value: \"1#\" }]);\r\n //const videoUrl = `${window.serverData.data.medicalRecordURL}/Visits/VisitDetails?csn=${encodeURIComponent(this.props.match.params.csnId)}&eCheckInConfirm=1#`;\r\n console.info(`AmbulatoryCareVideoVisit2 videoUrl: ${videoUrl}`);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {showPreflight && preflightTokenInfo && \r\n \r\n { console.info(`MessasgesSend onObserved visitActions`,messageEvent); /*setChildFrameData(messageEvent); */}}\r\n src={videoUrl}\r\n key={this.props.currentUser && this.props.currentUser.displayName}\r\n containerClass=\"videovisit-container\"\r\n onIframeLoaded={(isLoaded) => {\r\n console.info(`MessagesAll onIframeLoaded isLoaded? ${isLoaded}`);\r\n }}\r\n \r\n />\r\n\r\n \r\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, 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)(AmbulatoryCareVideoVisit2));\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 \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\nimport { Notifier, LinkText, Logo } from \"../../ecosystem\";\r\nimport * as msgs from \"../../../constants/textConstants\";\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.onTryAgain = this.onTryAgain.bind(this);\r\n this.termsError = this.termsError.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 onTryAgain() {\r\n logUI(\"MBHWeb.UI.NonLoggedInVideoVisit.TryAgain.Clicked\", new Date(), Tools.getURLPath());\r\n this.props.getVideoVisitShareLinkTerms(this.props.shareLinkTermsFeatureId, this.sharedLinkCode);\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 termsError() {\r\n return (\r\n <>\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 We’re sorry, we’re not able to load your video visit.\r\n
\r\n \r\n )\r\n }\r\n\r\n render() {\r\n const { location, match, shareLinkTermsStatus, videoVisitShareLinkTerms, acceptVideoVisitShareLinkTerms, screenBreakPoint } = this.props;\r\n const { isJoinClicked, showTerms, startVisit } = this.state;\r\n const isMobile = !(screenBreakPoint === msgs.LG_TABLET || screenBreakPoint === msgs.XL_DESKTOP || screenBreakPoint === msgs.XXL_DESKTOP) ? true : false;\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 Try again\r\n \r\n {this.props.isLoggedIn &&\r\n View dashboard\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 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 isLoggedIn: state.domain.li,\r\n screenBreakPoint: state.common.screenBreakPoint,\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
\r\n \r\n
\r\n }\r\n \r\n {this.sharedLinkCode ? 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 : (videoVisitShareLinkTerms && videoVisitShareLinkTerms.isFailure) &&\r\n \r\n {this.termsError()}\r\n
\r\n )\r\n : (isSupportedBrowser && !isJoinClicked)\r\n ? <>{shareLinkTermsStatus && shareLinkTermsStatus.hasAccepted\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 {this.termsError()}\r\n
\r\n }\r\n : \r\n We’re sorry, we’re not able to load your video visit. Please try again. \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\nimport { Logo } from \"../../ecosystem\";\r\nimport { MY_BSWHEALTH_DARK, MYBSWHEALTH_ALT_NAME } from \"../../../constants/textConstants\";\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, returnPath } = 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(returnPath || '/');\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 if (returnPath) {\r\n this.props.history.push(returnPath);\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 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","import { logUI } from \"../../../api/andyliticsApi\";\r\nimport { Card, Illustration, Typography, useMediaQuery } from \"../../ecosystem\";\r\nimport * as Tools from \"../../../helpers/Tools\";\r\n\r\nconst Covid19BannerComponent = () => {\r\n\r\n const isDesktop = useMediaQuery({ min: 'md' });\r\n\r\n const logCovidBanner = () => {\r\n logUI(`MBHWeb.UI.GetCareLanding.Covid19Banner.Clicked`, new Date(), Tools.getURLPath())\r\n }\r\n return (\r\n \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 \r\n
\r\n \r\n
\r\n \r\n \r\n Recently tested positive for COVID-19?\r\n \r\n Schedule a Video Visit for fast virtual care and treatment. \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 currentUser: state.domain.currentUser,\r\n featuresProv: state.providers.featuresProv,\r\n featuresLoc: state.locations.featuresLoc\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\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 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 { 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\nimport { ProxySelectorFullPage } from \"../../common/Proxy/proxySelectorFullPage\";\r\nimport { trackProxySelect } from '../../../api/gaLoging';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass GetStartedVideoVisit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startAtStep: 0,\r\n currentStep: 0,\r\n isSubmitted: false,\r\n videoVisitRequest: {},\r\n slotFromVideoAvailabilty: !!this.props?.location?.state?.selectedTimeSlot,\r\n isFromVideoVisitOptions: !!this.props?.location?.state?.isFromVideoVisitOptions,\r\n videoVisitOptionsProxySkip: this.props.location?.state?.videoVisitOptionsProxySkip\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?.state?.selectedTimeSlot;\r\n const selectedDay = this.props.location?.state?.selectedDay;\r\n this.onTimeSelectionChange(selectedTime, selectedDay);\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 // this.props.history.push(\"/videovisitoptions\");\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\r\n onSelectUser = () => {\r\n trackProxySelect();\r\n this.setState({ videoVisitOptionsProxySkip: true })\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 retryVideoVisitRequest = (key) => {\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, isFromVideoVisitOptions, videoVisitOptionsProxySkip } = this.state;\r\n const { videoVisit, videoVisitConditions, technicalHelpDeskHours, technicalHelpDeskNumber, technicalHelpDeskMessage, showTimeZoneMessage, isActiveFeature_SDCVideoVisit, myProxies, t } = this.props;\r\n const { isError, isSuccess } = videoVisitConditions;\r\n\r\n const timezone = showTimeZoneMessage && !Tools.isCentralTimeZone() ? Tools.getCentralDateWithFormat(new Date(), \"z\") : \"\";\r\n const isFromDeeplink = !videoVisitOptionsProxySkip && !isFromVideoVisitOptions;\r\n const hasProxies = myProxies.length > 1;\r\n const showProxyPicker = isFromDeeplink && hasProxies;\r\n const providerID = this.props?.serverData?.providerId;\r\n return (\r\n (!isActiveFeature_SDCVideoVisit) ? \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 {headingText}
\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 {t(`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 {t(\"If these times don’t work,\")} {t(\"try an eVisit.\")} \r\n
\r\n \r\n
\r\n \r\n {t(\"If this is an emergency, please contact 911.\")}\r\n
\r\n \r\n
\r\n \r\n {isTimeSelectionError &&\r\n
\r\n {t(\"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 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 myProxies: pl,\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 technicalHelpDeskMessage: state.session.serverData ? state.session.serverData.technicalHelpDeskMessage : \"\",\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 isActiveFeature_SDCVideoVisit: state.memberships.isActiveFeature_SDCVideoVisit,\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 };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(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\nimport { bookingLogger } from \"../../../api/gaLoging\";\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 const { featuresProv, featuresLoc } = this.props;\r\n\r\n const eventType = 'booking_complete';\r\n const bookingID = this.props.providerID ? this.props.providerID : '';\r\n const specialty = \"24-7 Virtual Care\";\r\n const flow = 'virtual care flow';\r\n const list = featuresProv[0]?.button?.action === '24/7VirtualCareButton' || featuresLoc[0]?.button?.action === '24/7VirtualCareButton'\r\n ? 'Find Care Page' : 'Video Visit Page';\r\n const position = '';\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\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, t} = 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 \r\n {showProxyPicker ? { this.onSelectUser(); }} className=\"col-12 maxWidth-content\" /> :\r\n !isError ?\r\n \r\n : \r\n
\r\n \r\n
\r\n : \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {!slotFromVideoAvailabilty && \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 featuresProv: state.providers.featuresProv,\r\n featuresLoc: state.locations.featuresLoc\r\n };\r\n};\r\nexport default connect(mapStateToProps, null, null, {forwardRef: true})(ReviewAndSubmit);","import React from 'react';\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\nimport { bookingLogger } from \"../../../api/gaLoging\";\r\n\r\nclass SelectCondition extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n acknowledgeMySelf: true,\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\r\n onConditionSelection = (conditionName, conditionId) => {\r\n const { acknowledgeMySelf } = this.state;\r\n const { featuresProv, featuresLoc } = this.props;\r\n\r\n if (acknowledgeMySelf) {\r\n const eventType = 'booking_reason_submit';\r\n const bookingID = this.props.providerID ? this.props.providerID : '';\r\n const specialty = \"24-7 Virtual Care\";\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n const flow = 'virtual care flow';\r\n const list = featuresProv[0]?.button?.action === '24/7VirtualCareButton' || featuresLoc[0]?.button?.action === '24/7VirtualCareButton'\r\n ? 'Find Care Page' : 'Video Visit Page';\r\n const position = '';\r\n\r\n this.props.onConditionSelectionChange(conditionName, conditionId);\r\n\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position);\r\n\r\n this.props.goNext();\r\n }\r\n logUI(\"MBHWeb.UI.VideoVisit.SelectCondition.ConditionSelection\", new Date(), Tools.getURLPath());\r\n }\r\n\r\n render() {\r\n const { acknowledgeMySelf } = this.state;\r\n const { videoVisitRequest, t } = 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
{t(\"Confirm your appointment details.\")}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"Patient\")}
\r\n\r\n {name}\r\n
\r\n \r\n \r\n
\r\n {t(\"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 {t(\"Reason for Visit\")}
\r\n\r\n {videoVisitRequest.condition}\r\n
\r\n \r\n \r\n
\r\n {t(\"Cost\")}
\r\n\r\n {`${price}`}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {t(\"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 {t(\"*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 {t(\"*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 featuresProv: state.providers.featuresProv,\r\n featuresLoc: state.locations.featuresLoc\r\n };\r\n};\r\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(SelectCondition);","import React from 'react';\r\nimport { connect } from \"react-redux\";\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\nimport { bookingLogger } from \"../../../api/gaLoging\";\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\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 componentDidMount() {\r\n const { featuresProv, featuresLoc } = this.props;\r\n\r\n const eventType = 'booking_complete_successfully';\r\n const bookingID = this.props.providerID ? this.props.providerID : '';\r\n const schedulingType = 'Open Scheduling/24-7 Virtual Care';\r\n const specialty = \"24-7 Virtual Care\";\r\n const flow = 'virtual care flow';\r\n const list = featuresProv[0]?.button?.action === '24/7VirtualCareButton' || featuresLoc[0]?.button?.action === '24/7VirtualCareButton'\r\n ? 'Find Care Page' : 'Video Visit Page';\r\n const position = '';\r\n const success = true;\r\n\r\n bookingLogger(eventType, bookingID, schedulingType, specialty, flow, list, position, success);\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, technicalHelpDeskMessage, timezone, showTimeZoneMessage, t } = this.props;\r\n const { showVideoVisitTipsModal } = this.state;\r\n const bannerMsg = t(\"Thanks, you're all set! We look forward to seeing you.\"), subBannerMsg = t(\"You will receive an email confirming your appointment.\"),\r\n errorMsg = t(\"We were unable to schedule your appointment\");\r\n return (\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n {t(\"What can we help you with during this visit?\")}
\r\n\r\n
\r\n {conditionUIElements}
\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((withTranslation()(VideoVisitConfirmationStatus))));\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 LocationBookButton from \"../../care/LocationBookButton\";\r\nimport { map } from 'lodash';\r\nimport { gaAddToCart } from '../../../api/gaLoging';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst ServiceLocationSlots = ({ loc, location, isMammogram, buttonText, enableFluVaccineSchedulingWorkflow, scheduleCampaignReferrer, nextCareScheduling, selectedIndex, t,\r\n scheduleStartInfo = {}, variant }) => {\r\n const isMapCard = variant === \"mapCard\" ? true : false;\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 = t(\"2D Screen\");\r\n const threeDText = t(\"3D Screen\");\r\n //const screenText = ' ' + t(\"Screen\");\r\n // const defaultPhone = loc.locationPhone;\r\n const twoDTextMobile = \"2D\";\r\n const threeDTextMobile = \"3D\";\r\n let twoDVisitType = false;\r\n let threeDVisitType = false;\r\n const moreUrl =\r\n (nextCareScheduling) ? `services/urgentcare/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.uniqueVisitTypeIds ? loc.openSchedules.uniqueVisitTypeIds : \"\"}/${loc.epicDepartmentId}` : enableFluVaccineSchedulingWorkflow ? `services/fluvaccine/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.uniqueVisitTypeIds ? loc.openSchedules.uniqueVisitTypeIds : \"\"}/${loc.epicDepartmentId}` :\r\n\r\n isMammogram ? `services/mammogram/schedule/${loc.openSchedules && loc.openSchedules.providerId}/OpenSchedule/${loc.openSchedules && loc.openSchedules.uniqueVisitTypeIds ? loc.openSchedules.uniqueVisitTypeIds : \"\"}/${loc.epicDepartmentId}` :\r\n `/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 if (loc?.openSchedules?.dateAndTimes) {\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 { twoDArray, threeDArray, finalArray } = arrange2Dand3DData(loc.openSchedules.dateAndTimes);\r\n let twoDimensionItem = {};\r\n let threeDimensionItem = {};\r\n let twoDimensionItemKey = 0;\r\n let threeDimensionItemKey = 0;\r\n\r\n let twoDRows = [];\r\n for (let count = 0; count < twoDArray.length; count++) {\r\n twoDimensionItem = twoDArray[count];\r\n twoDimensionItemKey = '2d-' + count\r\n if (count < 3) {\r\n twoDRows.push(\r\n \r\n );\r\n}\r\nexport default CareCompanion;","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\n }\r\n const answer2 = () => {\r\n return (<>\r\n \r\n \r\n\r\n \r\n )\r\n }\r\n\r\n const answer3 = () => {\r\n return (<>\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n const faqs = [\r\n {\r\n question: t(\"How can this service help me?\"),\r\n answer: answer1(),\r\n },\r\n {\r\n question: t(\"Who am I chatting with?\"),\r\n answer: answer2()\r\n },\r\n {\r\n question: t(\"When is this service available?\"),\r\n answer: answer3()\r\n }\r\n ];\r\n\r\n const processItems = [\r\n {\r\n illustration: \"get-care\",\r\n content: t(\"Tell us about your symptoms\"),\r\n subContent: t(\"It will only take 2-4 minutes.\")\r\n },\r\n {\r\n illustration: \"message-chat\",\r\n content: t(\"Get personalized guidance\"),\r\n subContent: t(\"Chat with our team of expert nurses.\")\r\n },\r\n {\r\n illustration: \"payment-cash\",\r\n content: t(\"Possibly save time and money\"),\r\n subContent: t(\"Avoid unnecessary costs or trips.\")\r\n },\r\n ];\r\n\r\n const getChatMsg = (msgType: string) => {\r\n const message = {\r\n chatStarted: t('You are currently chatting. To start a new chat, close your current chat window.'),\r\n nonMyChart: <>{t('Call ')}\r\n { logUI(\"MBHWeb.FCNChatLanding.HelpDeskNumber.Clicked\", new Date(), Tools.getURLPath()); }}\r\n href={`tel: ${technicalHelpDeskNumber}`}>\r\n {`${technicalHelpDeskNumber}`}\r\n \r\n {t(' to link your medical record to access the full features of MyBSWHealth.')},\r\n };\r\n\r\n return \r\n \r\n\r\n \r\n );\r\n }\r\n\r\nfunction mapStateToProps(state: any) {\r\n return {\r\n firstName: state?.domain?.cu?.fn,\r\n lastName: state?.domain?.cu?.ln,\r\n patientEpicId: state?.domain?.cu?.amrn,\r\n birthDate: state?.domain?.cu?.dob,\r\n patientGender: state?.domain?.cu?.gi,\r\n accountFirstName: state?.domain?.pu?.fn,\r\n accountLastName: state?.domain?.pu?.ln,\r\n accountEpicId: state?.domain?.pu?.amrn,\r\n hasMyChartLogin: state?.domain?.hm,\r\n fcnIsDown: state?.inMemory?.fcnIsDown,\r\n disableFCNChatOnly: state?.inMemory?.disableFCNChatOnly,\r\n showFCNBanner: state?.session?.serverData?.ShowFCNBanner,\r\n fcnBannerMessage: state?.session?.serverData?.FCNBannerMessage,\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : \"\",\r\n currentUser: state?.domain?.currentUser,\r\n fcnMembershipFeature: Tools.getFeature(state?.memberships.membershipData, profilefeatures.FCN),\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps)(FCNChatLanding));\r\n","import React, { useState, useEffect, FC, useRef } from 'react';\r\nimport ChatBot2 from \"./chatBot2\";\r\nimport { Divider, Grid, Tooltip, Modal, Button, Icon, Typography, LinkText } from \"../ecosystem/\";\r\nimport { RouteComponentProps, withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\nimport { StateManager } from './OurChatBot/context';\r\nconst FCNStateManager = new StateManager();\r\nconst StateProvider = FCNStateManager.StateProvider;\r\n\r\nimport * as thisContext from './OurChatBot/context';\r\n\r\nimport OurChatBot from \"./OurChatBot/components/WebChat/WebChat\";\r\n\r\n\r\nconst FCNChatPage: FC<{\r\n firstName: string,\r\n lastName: string,\r\n patientEpicId: string,\r\n birthDate: string,\r\n accountFirstName: string,\r\n accountLastName: string, \r\n patientGender: string,\r\n accountEpicId: string,\r\n}> = (\r\n {\r\n firstName,\r\n lastName,\r\n patientEpicId,\r\n birthDate,\r\n accountFirstName,\r\n accountLastName,\r\n patientGender,\r\n accountEpicId\r\n }) => \r\n{\r\n const thisChatBot = React.forwardRef((props, ref) => {\r\n return \r\n \r\n );\r\n}\r\n\r\nfunction mapStateToProps(state: any) {\r\n return {\r\n firstName: state?.domain?.cu?.fn,\r\n lastName: state?.domain?.cu?.ln,\r\n patientEpicId: state?.domain?.cu?.amrn,\r\n birthDate: state?.domain?.cu?.dob,\r\n patientGender: state?.domain?.cu?.gi,\r\n accountFirstName: state?.domain?.pu?.fn,\r\n accountLastName: state?.domain?.pu?.ln,\r\n accountEpicId: state?.domain?.pu?.amrn,\r\n \r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps)(FCNChatPage));","import { useEffect } from 'react';\r\nimport { Grid } from '../ecosystem';\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { ProxySelectorFullPage } from \"../common/Proxy/proxySelectorFullPage\";\r\n\r\n\r\nconst FCNChatProxyPicker = (props) => {\r\n\r\n useEffect(() => {\r\n logUI('MBHWeb.FCNChatProxyPicker.Component.Loaded', new Date(), Tools.getURLPath());\r\n }, []);\r\n\r\n return \r\n ;\r\n}\r\n\r\nexport default FCNChatProxyPicker;\r\n\r\n","import React, { useState, useEffect, FC, useRef } from 'react';\r\nimport ChatBot2 from \"./chatBot2\";\r\nimport { RouteComponentProps, withRouter } from 'react-router';\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { connect } from 'react-redux';\r\nimport { StateManager } from './OurChatBot/context';\r\nconst FCNStateManager = new StateManager();\r\nconst StateProvider = FCNStateManager.StateProvider;\r\n\r\nimport OurChatBot from \"./OurChatBot/components/WebChat/WebChat\";\r\nimport { OurWindow } from \"../../types/ourWindow\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport Spinner from '../common/spinner';\r\nimport { isAbsolute } from 'path';\r\n\r\n\r\n\r\ndeclare let window: OurWindow;\r\n\r\n\r\nconst MobileChatPage: FC<{\r\n firstName: string,\r\n lastName: string,\r\n patientEpicId: string,\r\n birthDate: string,\r\n accountFirstName: string,\r\n accountLastName: string,\r\n //isPatientProxy: boolean,\r\n patientGender: string,\r\n accountEpicId: string,\r\n fcnIsDown: boolean,\r\n disableFCNChatOnly: boolean,\r\n rootChatRef: any\r\n}> = (\r\n {\r\n firstName,\r\n lastName,\r\n patientEpicId,\r\n birthDate,\r\n accountFirstName,\r\n accountLastName,\r\n //isPatientProxy,\r\n patientGender,\r\n accountEpicId,\r\n fcnIsDown,\r\n disableFCNChatOnly,\r\n rootChatRef\r\n }) => {\r\n\r\n //console.log(\"In FCNLanding, rootChatRef prop is .... \", rootChatRef)\r\n //const thisChatBot = React.forwardRef((props, ref) => {\r\n // return ) => {\r\n const style = {\r\n fontSize: '13px',\r\n display: 'flex',\r\n alignItems: 'center'\r\n }\r\n\r\n return (\r\n \r\n }\r\n return
\r\n }\r\n cardIcon={{ name: 'information', set: 'brand' }}\r\n />\r\n ));\r\n\r\n\r\n return \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n featuresProv: state.providers.featuresProv,\r\n featuresLoc: state.locations.featuresLoc\r\n };\r\n};\r\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(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\nimport { withTranslation } from 'react-i18next';\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, t } = 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 {t(\"Please\")} this.onRetry()}>{t(\"try again\")}. {t(\"For technical issues, call the\")} {technicalHelpDeskMessage} {technicalHelpDeskHours && <>{` `}{technicalHelpDeskHours}}{technicalHelpDeskNumber && {t(\"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 {t(\"Be ready! See our helpful tips for a more successful Video Visit.\")}
\r\n \r\n }\r\n
\r\n }\r\n \r\n {t(\"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 {t(\"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 {t(\"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 {twoDTextMobile}{t(twoDText)}\r\n
\r\n {twoDRows}\r\n \r\n
\r\n ;\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 { twoDArray, threeDArray, 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 {threeDTextMobile}{t(threeDText)}\r\n
\r\n {threeDRows}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withTranslation() (ServiceLocationSlots));","import React, { useState } from 'react';\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport * as queryString from 'query-string';\r\nimport OpenScheduleButton from \"../../care/OpenScheduleButton\";\r\nimport LocationBookButton from \"../../care/LocationBookButton\";\r\nimport PatientsInLine from \"../PatientsInLine\";\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Icon, Typography } from '../../ecosystem';\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport * as Tools from '../../../helpers/Tools'\r\nimport { useDispatch } from 'react-redux';\r\nimport * as types from '../../../constants/actionTypes';\r\n\r\nconst UrgentCareSlots = ({\r\n loc,\r\n location,\r\n buttonText,\r\n scheduleCampaignReferrer,\r\n selectedIndex,\r\n t,\r\n translate,\r\n isUrgentCare,\r\n enableUrgentCareSchedulingWorkflow,\r\n enableNextCareSchedulingWorkflow,\r\n isExternalScheduleAvailable,\r\n externalLink,\r\n patientsInline,\r\n nextCareScheduling,\r\n variant,\r\n primaryUser\r\n}) => {\r\n const dispatch = useDispatch();\r\n const params = location.search ? queryString.parse(location.search) : {};\r\n const { bypassProxyAndInfo = false } = params;\r\n const defaultPhone = loc && loc.locationPhone ? loc.locationPhone : \"\";\r\n const isMapCard = variant === \"mapCard\" ? true : false;\r\n const enableNCbuttonForNonMyChartPatient = (primaryUser?.amrn && nextCareScheduling) ? true : !nextCareScheduling && isUrgentCare ? true : false;\r\n\r\n const externalClicked = () => {\r\n logUI(`MBHWeb.UI.UrgentCareSlots.NextCareRedirect.BookNow.Clicked`, new Date, Tools.getURLPath(), scheduleCampaignReferrer)\r\n\r\n dispatch({ type: types.NEXTCARE_LOADING })\r\n setTimeout(() => {\r\n window.open(externalLink, '_blank');\r\n setTimeout(() => {\r\n dispatch({ type: types.NEXTCARE_LOADED })\r\n }, 500)\r\n }, 3000)\r\n }\r\n\r\n return (\r\n \r\n {(twoDVisitType && !threeDVisitType) || (!twoDVisitType && threeDVisitType) && isMammogram ?\r\n
\r\n \r\n
\r\n : isMammogram && twoDVisitType && threeDVisitType ?\r\n \r\n {twoDVisitType && <>{t(twoDTextMobile)}{t(twoDText)}}\r\n {threeDVisitType && <>{t(threeDTextMobile)}{t(threeDText)}}\r\n
\r\n {map(loc && loc.openSchedules && loc.openSchedules.dateAndTimes, (item, index) =>\r\n index < 3 &&\r\n \r\n {get2Dand3D()}\r\n
:\r\n !enableFluVaccineSchedulingWorkflow && \r\n {map(loc && loc.openSchedules && loc.openSchedules.dateAndTimes[0].times, (item, index) =>\r\n index < 3 &&
\r\n }\r\n\r\n {enableFluVaccineSchedulingWorkflow &&\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\r\nexport default withRouter(withTranslation()(UrgentCareSlots));","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\nimport { LinkCTA } from \"../ecosystem\";\r\nimport { GridContainer } from '../products/GridContainer';\r\nimport { ApplicationHeader } from '../products/components';\r\n\r\nconst CareCompanion = ({ match }) => {\r\n const { proxyName } = Tools.getProxyName();\r\n const heading = \r\n { loc.openSchedules && loc.openSchedules.dateAndTimes &&\r\n
\r\n \r\n {loc.openSchedules && loc.openSchedules.dateAndTimes.map((item, index) =>\r\n index < 3 && (enableNCbuttonForNonMyChartPatient) &&\r\n
\r\n }\r\n\r\n {(enableNCbuttonForNonMyChartPatient) && loc && loc.openSchedules ?\r\n \r\n {defaultPhone &&\r\n \r\n
\r\n {loc && loc.openSchedules === null && loc.waitingRoomCount !== null && (\r\n \r\n
*{t(\"Call to schedule\")}
\r\n \r\n }\r\n \r\n
\r\n\r\n return (\r\n \r\n {\r\n logUI(`MBHWeb.UI.CareCompanion.Education.Clicked`, new Date(), Tools.getURLPath());\r\n }}\r\n >View Education Materials\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect, FC, useRef } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport ChatBot2 from \"./chatBot2\";\r\nimport { Grid, Button, Icon, LinkText, Typography, useMediaQuery, Card, Accordion, Notifier, List, Illustration, Divider } from \"../ecosystem/\";\r\nimport { PageHeading, LandingProcessOverview } from \"../ecosystem/mybswh\";\r\nimport { RouteComponentProps, withRouter } from 'react-router';\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { StateProvider } from './OurChatBot/context';\r\nimport * as thisContext from './OurChatBot/context';\r\n\r\n\r\nimport OurChatBot from \"./OurChatBot/components/WebChat/WebChat\";\r\nimport { OurWindow } from \"../../types/ourWindow\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport { XS_MOBILE, SM_MOBILE, MD_TABLET } from \"../../constants/textConstants\";\r\nimport Spinner from '../common/spinner';\r\nimport * as profilefeatures from \"../../constants/MembershipFeatures\";\r\nimport { useTranslation } from 'react-i18next'; \r\n\r\n\r\nimport * as chatBotActionTypes from \"../../constants/actionTypes/chatBotActionTypes\";\r\n\r\ndeclare let window: OurWindow;\r\n\r\n\r\nexport type ProcessItem = {\r\n illustration: string;\r\n content: string;\r\n}\r\n\r\nconst FCNChatLanding: FC<{\r\n firstName: string,\r\n lastName: string,\r\n patientEpicId: string,\r\n birthDate: string,\r\n accountFirstName: string,\r\n accountLastName: string,\r\n //isPatientProxy: boolean,\r\n patientGender: string,\r\n accountEpicId: string,\r\n hasMyChartLogin: boolean,\r\n fcnIsDown: boolean,\r\n disableFCNChatOnly: boolean,\r\n rootChatRef: any,\r\n showFCNBanner: boolean,\r\n fcnBannerMessage: string,\r\n technicalHelpDeskNumber: string,\r\n currentUser: any,\r\n isQuickChatFCN: boolean,\r\n fcnMembershipFeature: any,\r\n}> = (\r\n {\r\n firstName,\r\n lastName,\r\n patientEpicId,\r\n birthDate,\r\n accountFirstName,\r\n accountLastName,\r\n //isPatientProxy,\r\n patientGender,\r\n accountEpicId,\r\n hasMyChartLogin,\r\n fcnIsDown,\r\n disableFCNChatOnly,\r\n rootChatRef,\r\n showFCNBanner,\r\n fcnBannerMessage,\r\n technicalHelpDeskNumber,\r\n currentUser,\r\n isQuickChatFCN = false,\r\n fcnMembershipFeature,\r\n }) => {\r\n var disableFCNChat: Boolean = disableFCNChatOnly;\r\n if (!firstName || !lastName || (currentUser == null || currentUser == undefined)) {\r\n disableFCNChat = true;\r\n }\r\n //console.log(\"In FCNLanding, rootChatRef prop is .... \", rootChatRef)\r\n /*const thisChatBot = React.forwardRef((props, ref) => {\r\n return \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 {t(\"Our chat service connects you with Baylor Scott & White experts who can help you find the right care for your needs, potentially saving you time and money.\")}\r\n
\r\n{t(\"With this chat feature you can:\")}
\r\n{t(\"Help Me Decide is a chatbot feature that helps you find the best care solution.\")}
\r\n\r\n \r\n {message[msgType]}\r\n \r\n
\r\n }\r\n\r\n const getAccordionItems = () => {\r\n let items: any[] = [];\r\n\r\n faqs.map((q, index) => {\r\n items.push({\r\n heading: q.question,\r\n content: q.answer\r\n });\r\n });\r\n\r\n return items;\r\n }\r\n\r\n const onFaqClick = (e: any, index: any) => {\r\n if (openFaqIndex !== index) {\r\n setOpenFaqIndex(index);\r\n } else {\r\n setOpenFaqIndex(undefined); //Toggles accordion close\r\n }\r\n };\r\n\r\n const renderChatBtn = () => {\r\n return (\r\n \r\n {\r\n logUI('MBHWeb.FCNChatLanding.StartChatting.Button.Clicked', new Date(), Tools.getURLPath());\r\n routeParams?.state === 'start' ? startChat() :\r\n history.push({\r\n pathname: '/fcnproxypicker/fcnchat',\r\n search: location?.search\r\n });\r\n }} >\r\n {t(\"Start chatting\")}\r\n \r\n
\r\n )\r\n }\r\n\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n {processItems && processItems.map((item: ProcessItem, index: number) => {\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 {item?.content}\r\n \r\n \r\n {item?.subContent}\r\n \r\n
\r\n\r\n \r\n\r\n {error?.message &&\r\n \r\n \r\n\r\n {hasFCNProFeature &&\r\n
\r\n\r\n\r\n \r\n {error?.message} \r\n
\r\n }\r\n {!showFCNBanner && (fcnIsDown || disableFCNChat) &&\r\n \r\n \r\n {t(\"Chat is temporarily unavailable. Please come back later.\")}\r\n \r\n
\r\n }\r\n {showFCNBanner &&\r\n \r\n \r\n {fcnBannerMessage || t(\"We are experiencing momentary technical issues. Our response to your messages may be delayed.\")}\r\n \r\n
\r\n }\r\n\r\n {(!fcnIsDown && !disableFCNChat) &&\r\n <>\r\n \r\n {isMyChartUser && !hasChatStarted && <>\r\n\r\n \r\n {t(\"Our 24/7 chat includes:\")}\r\n \r\n\r\n \r\n \r\n \r\n \r\n {t(\"To start a new chat, close your current chat window.\")}\r\n \r\n\r\n }\r\n\r\n\r\n {!isSmMobile &&\r\n
\r\n\r\n \r\n
\r\n\r\n }\r\n {isMyChartUser && hasChatStarted && <>\r\n \r\n \r\n {t(\"Chatbot\")}\r\n \r\n
\r\n\r\n \r\n \r\n {t(\"Nurses\")}\r\n \r\n
\r\n \r\n {!isMyChartUser && getChatMsg(\"nonMyChart\")}\r\n {renderChatBtn()}\r\n
\r\n }\r\n\r\n \r\n \r\n { membershipMessage && membershipMessage}\r\n \r\n {membershipLogoUrl && 
}\r\n
\r\n }\r\n \r\n }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {t(\"The chat representative was super helpful and went above and beyond. She helped me coordinate an urgent care appointment for my 3-year-old. I was very impressed!\")}\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {isSmMobile &&\r\n \r\n \r\n {t(\"Frequently asked questions\")}\r\n \r\n
\r\n \r\n onFaqClick(e, itemIndex)}\r\n accordionItems={getAccordionItems()}\r\n />\r\n
\r\n \r\n {!isMyChartUser && getChatMsg(\"nonMyChart\")}\r\n {renderChatBtn()}\r\n
\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n */}\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n Welcome to your First Care Navigation page!
\r\n \r\n {/*\r\n
\r\n \r\n \r\n \r\n */}\r\n {!chatbotLoaded &&
\r\n );\r\n }\r\n\r\nfunction mapStateToProps(state: any) {\r\n return {\r\n firstName: state?.domain?.cu?.fn,\r\n lastName: state?.domain?.cu?.ln,\r\n patientEpicId: state?.domain?.cu?.amrn,\r\n birthDate: state?.domain?.cu?.dob,\r\n patientGender: state?.domain?.cu?.gi,\r\n accountFirstName: state?.domain?.pu?.fn,\r\n accountLastName: state?.domain?.pu?.ln,\r\n accountEpicId: state?.domain?.pu?.amrn,\r\n fcnIsDown: state?.inMemory?.fcnIsDown,\r\n disableFCNChatOnly: state?.inMemory?.disableFCNChatOnly,\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps)(MobileChatPage));","import React, { useState, useEffect, FC, useRef } from 'react';\r\nimport ChatBot2 from \"./chatBot2\";\r\nimport { RouteComponentProps, withRouter } from 'react-router';\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { connect } from 'react-redux';\r\nimport { StateManager } from './OurChatBot/context';\r\nconst FCNStateManager = new StateManager();\r\nconst StateProvider = FCNStateManager.StateProvider;\r\n\r\nimport OurChatBot from \"./OurChatBot/components/WebChat/WebChat\";\r\nimport { OurWindow } from \"../../types/ourWindow\";\r\nimport * as Tools from '../../helpers/Tools';\r\nimport { logUI } from '../../api/andyliticsApi';\r\nimport Spinner from '../common/spinner';\r\nimport { isAbsolute } from 'path';\r\n\r\n\r\n\r\ndeclare let window: OurWindow;\r\n\r\n\r\nconst MobileChatPage: FC<{\r\n firstName: string,\r\n lastName: string,\r\n patientEpicId: string,\r\n birthDate: string,\r\n accountFirstName: string,\r\n accountLastName: string,\r\n //isPatientProxy: boolean,\r\n patientGender: string,\r\n accountEpicId: string,\r\n fcnIsDown: boolean,\r\n disableFCNChatOnly: boolean,\r\n rootChatRef: any\r\n}> = (\r\n {\r\n firstName,\r\n lastName,\r\n patientEpicId,\r\n birthDate,\r\n accountFirstName,\r\n accountLastName,\r\n //isPatientProxy,\r\n patientGender,\r\n accountEpicId,\r\n fcnIsDown,\r\n disableFCNChatOnly,\r\n rootChatRef\r\n }) => {\r\n\r\n //console.log(\"In FCNLanding, rootChatRef prop is .... \", rootChatRef)\r\n //const thisChatBot = React.forwardRef((props, ref) => {\r\n // return \r\n \r\n {\r\n if (status !== hasChatStarted)\r\n setChatStarted( status);\r\n }}\r\n Store={FCNStateManager.Store}\r\n \r\n />\r\n \r\n
\r\n {/*!disableFCNChatOnly &&\r\n \r\n \r\n \r\n */}\r\n {!chatbotLoaded &&
\r\n );\r\n }\r\n\r\nfunction mapStateToProps(state: any) {\r\n return {\r\n firstName: state?.domain?.cu?.fn,\r\n lastName: state?.domain?.cu?.ln,\r\n patientEpicId: state?.domain?.cu?.amrn,\r\n birthDate: state?.domain?.cu?.dob,\r\n patientGender: state?.domain?.cu?.gi,\r\n accountFirstName: state?.domain?.pu?.fn,\r\n accountLastName: state?.domain?.pu?.ln,\r\n accountEpicId: state?.domain?.pu?.amrn,\r\n fcnIsDown: state?.inMemory?.fcnIsDown,\r\n disableFCNChatOnly: state?.inMemory?.disableFCNChatOnly,\r\n }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps)(MobileChatPage));","import React from \"react\";\r\n\r\nconst AttachmentContent = (props: React.PropsWithChildren \r\n \r\n {\r\n if (status !== hasChatStarted)\r\n setChatStarted( status);\r\n }}\r\n Store={FCNStateManager.Store}\r\n \r\n />\r\n \r\n
\r\n {/*!disableFCNChatOnly &&\r\n \r\n {props.children}\r\n
\r\n )\r\n};\r\n\r\nexport default AttachmentContent;","const getIcon = (extension: string, iconSize = 14) => {\r\n const ArchiveIcon = (\r\n \r\n );\r\n\r\n const AudioIcon = (\r\n \r\n );\r\n\r\n const BlankIcon = (\r\n \r\n );\r\n\r\n const ExcelIcon = (\r\n \r\n );\r\n\r\n const ImageIcon = (\r\n \r\n );\r\n\r\n const OneNoteIcon = (\r\n \r\n );\r\n\r\n const PDFIcon = (\r\n \r\n );\r\n\r\n const PowerpointIcon = (\r\n \r\n );\r\n\r\n const VideoIcon = (\r\n \r\n );\r\n\r\n const VisioIcon = (\r\n \r\n );\r\n\r\n const WordIcon = (\r\n \r\n );\r\n\r\n const FileAttachmentIconMap: {[key: string]: any} = {\r\n \"aac\": AudioIcon,\r\n \"aiff\": AudioIcon,\r\n \"alac\": AudioIcon,\r\n \"avchd\": VideoIcon,\r\n \"avi\": VideoIcon,\r\n \"bmp\": ImageIcon,\r\n \"doc\": WordIcon,\r\n \"docx\": WordIcon,\r\n \"flac\": AudioIcon,\r\n \"flv\": VideoIcon,\r\n \"gif\": ImageIcon,\r\n \"jiff\": ImageIcon,\r\n \"jpeg\": ImageIcon,\r\n \"jpg\": ImageIcon,\r\n \"mpe\": VideoIcon,\r\n \"mpeg\": VideoIcon,\r\n \"mpg\": VideoIcon,\r\n \"mpv\": VideoIcon,\r\n \"mp2\": AudioIcon,\r\n \"mp3\": AudioIcon,\r\n \"mp4\": VideoIcon,\r\n \"m4p\": VideoIcon,\r\n \"m4v\": VideoIcon,\r\n \"mov\": VideoIcon,\r\n \"one\": OneNoteIcon,\r\n \"pcm\": AudioIcon,\r\n \"pdf\": PDFIcon,\r\n \"png\": ImageIcon,\r\n \"ppt\": PowerpointIcon,\r\n \"pptx\": PowerpointIcon,\r\n \"qt\": VideoIcon,\r\n \"rar\": ArchiveIcon,\r\n \"swf\": VideoIcon,\r\n \"tar\": ArchiveIcon,\r\n \"tar.gz\": ArchiveIcon,\r\n \"tgz\": ArchiveIcon,\r\n \"txt\": BlankIcon,\r\n \"vsd\": VisioIcon,\r\n \"vsdx\": VisioIcon,\r\n \"wav\": AudioIcon,\r\n \"webm\": VideoIcon,\r\n \"wma\": AudioIcon,\r\n \"wmv\": VideoIcon,\r\n \"xls\": ExcelIcon,\r\n \"xlsx\": ExcelIcon,\r\n \"zip\": ArchiveIcon,\r\n \"zipx\": ArchiveIcon,\r\n \"7z\": ArchiveIcon,\r\n };\r\n\r\n const key = extension.startsWith(\".\") ? extension.slice(1) : extension || \"\";\r\n const icon = FileAttachmentIconMap[key.toLowerCase()] || BlankIcon;\r\n return icon;\r\n}\r\n\r\ninterface AttachmentIconProps {\r\n name: string;\r\n}\r\n\r\nconst AttachmentIcon = (props: AttachmentIconProps) => {\r\n const fileExtension = props.name.substring(props.name.lastIndexOf('.') + 1, props.name.length) || props.name;\r\n const style = {\r\n padding: '0 0 0 8px'\r\n }\r\n\r\n return (\r\n \r\n {getIcon(fileExtension)}\r\n
\r\n )\r\n}\r\n\r\nexport default AttachmentIcon;","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { Mic, MicOff, PhoneOff, Video, VideoOff } from 'react-feather';\r\nimport IncomingCall from './IncomingCall';\r\nimport './Calling.css';\r\n\r\ninterface CallingProps {\r\n VoiceVideoCallingSDK: any;\r\n OCClient: any;\r\n chatToken: any;\r\n}\r\n\r\nconst adjustWebChatHeightInVideoCall = () => {\r\n console.log(`[WebChat][adjustWebChatHeightInVideoCall]`);\r\n const webChatTranscriptContainer = document.getElementsByClassName('webchat__basic-transcript')[0] as HTMLElement;\r\n const remoteVideoContainer = document.getElementById('remoteVideo') as HTMLElement;\r\n const currentCallActionBar = document.getElementsByClassName('current-call-action-bar')[0] as HTMLElement;\r\n\r\n const newHeight = webChatTranscriptContainer.clientHeight - remoteVideoContainer.clientHeight - currentCallActionBar.clientHeight;\r\n webChatTranscriptContainer.style.marginTop = `${remoteVideoContainer.clientHeight + currentCallActionBar.clientHeight}px`;\r\n webChatTranscriptContainer.style.height = `${newHeight}px`;\r\n}\r\n\r\nconst adjustWebChatHeightIncomingCall = () => {\r\n console.log(`[WebChat][adjustWebChatHeightIncomingCall]`);\r\n const webChatTranscriptContainer = document.getElementsByClassName('webchat__basic-transcript')[0] as HTMLElement;\r\n const incomingCallContainer = document.getElementsByClassName('incoming-call-pop-up')[0] as HTMLElement;\r\n\r\n const newHeight = webChatTranscriptContainer.clientHeight - incomingCallContainer.clientHeight;\r\n webChatTranscriptContainer.style.height = `${newHeight}px`;\r\n}\r\n\r\nconst adjustWebChatHeightInVoiceCall = () => {\r\n console.log(`[WebChat][adjustWebChatHeightInVoiceCall]`);\r\n const webChatTranscriptContainer = document.getElementsByClassName('webchat__basic-transcript')[0] as HTMLElement;\r\n const currentCallActionBar = document.getElementsByClassName('current-call-action-bar')[0] as HTMLElement;\r\n\r\n const newHeight = webChatTranscriptContainer.clientHeight - currentCallActionBar.clientHeight;\r\n webChatTranscriptContainer.style.marginTop = `${currentCallActionBar.clientHeight}px`;\r\n webChatTranscriptContainer.style.height = `${newHeight}px`;\r\n}\r\n\r\nconst adjustWebChatHeightNoCall = () => {\r\n console.log(`[WebChat][adjustWebChatHeightNoCall]`);\r\n const webChatTranscriptContainer = document.getElementsByClassName('webchat__basic-transcript')[0] as HTMLElement;\r\n webChatTranscriptContainer.style.marginTop = '';\r\n webChatTranscriptContainer.style.height = '';\r\n}\r\n\r\nfunction Calling(props: CallingProps) {\r\n const [isInitialized, setIsInitialized] = useState(false);\r\n const [incomingCall, setIncomingCall] = useState(false);\r\n const [inVideoCall, setInVideoCall] = useState(false);\r\n const [inVoiceCall, setInVoiceCall] = useState(false);\r\n const [isMicrophoneMuted, setIsMicrophoneMuted] = useState(false);\r\n const [isRemoteVideoEnabled, setIsRemoteVideoEnabled] = useState(false);\r\n const [isLocalVideoEnabled, setIsLocalVideoEnabled] = useState(false);\r\n\r\n useEffect(() => {\r\n const init = async () => {\r\n const {VoiceVideoCallingSDK, OCClient, chatToken} = props;\r\n\r\n if (!VoiceVideoCallingSDK || !chatToken || !OCClient) {\r\n return;\r\n }\r\n\r\n if (isInitialized) {\r\n return;\r\n }\r\n\r\n try {\r\n await VoiceVideoCallingSDK.initialize({\r\n chatToken,\r\n selfVideoHTMLElementId: 'selfVideo',\r\n remoteVideoHTMLElementId: 'remoteVideo',\r\n environment: 'test',\r\n OCClient: OCClient\r\n });\r\n\r\n setIsInitialized(true);\r\n console.log(\"[WebChat][Calling] VoiceVideoCallingProxy initialized!\");\r\n console.log(VoiceVideoCallingSDK);\r\n } catch (e) {\r\n console.error(\"[WebChat][Calling] Failed to initialize VoiceVideoCalling!\");\r\n console.error(e);\r\n }\r\n\r\n VoiceVideoCallingSDK.onCallAdded(() => {\r\n console.log('[WebChat][Calling][CallAdded]');\r\n setIncomingCall(true);\r\n adjustWebChatHeightIncomingCall();\r\n });\r\n\r\n VoiceVideoCallingSDK.onCallDisconnected(() => {\r\n console.log('[WebChat][Calling][CallDisconnected]');\r\n adjustWebChatHeightNoCall();\r\n\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(false);\r\n });\r\n\r\n VoiceVideoCallingSDK.onLocalVideoStreamAdded(() => {\r\n console.log('[WebChat][Calling][LocalVideoStreamAdded]');\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n });\r\n\r\n VoiceVideoCallingSDK.onLocalVideoStreamRemoved(() => {\r\n console.log('[WebChat][Calling][LocalVideoStreamRemoved]');\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n });\r\n\r\n VoiceVideoCallingSDK.onRemoteVideoStreamAdded(() => {\r\n console.log('[WebChat][Calling][RemoteVideoStreamAdded]');\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n });\r\n\r\n VoiceVideoCallingSDK.onRemoteVideoStreamRemoved(() => {\r\n console.log('[WebChat][Calling][RemoteVideoStreamRemoved]');\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n });\r\n }\r\n\r\n init();\r\n }, [props, isInitialized]);\r\n\r\n const acceptVoiceCall = useCallback(async () => {\r\n console.log(`[WebChat][Calling][Accept][Voice]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n\r\n await VoiceVideoCallingSDK.acceptCall({\r\n withVideo: false\r\n });\r\n\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n\r\n adjustWebChatHeightInVoiceCall();\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n }, [props]);\r\n\r\n const acceptVideoCall = useCallback(async () => {\r\n console.log(`[WebChat][Calling][Accept][Video]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n\r\n await VoiceVideoCallingSDK.acceptCall({\r\n withVideo: true\r\n });\r\n\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n\r\n adjustWebChatHeightInVideoCall();\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n }, [props]);\r\n\r\n const rejectCall = useCallback(async () => {\r\n console.log(`[WebChat][Calling][Reject]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n await VoiceVideoCallingSDK.rejectCall();\r\n\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(false);\r\n }, [props]);\r\n\r\n const toggleVideoButton = useCallback(async () => {\r\n console.log(`[WebChat][Calling][toggleLocalVideo]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n await VoiceVideoCallingSDK.toggleLocalVideo();\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n }, [props]);\r\n\r\n const toggleMuteButton = useCallback(async () => {\r\n console.log(`[WebChat][Calling][toggleMute]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n await VoiceVideoCallingSDK.toggleMute();\r\n\r\n const isMicrophoneMuted = VoiceVideoCallingSDK.isMicrophoneMuted();\r\n setIsMicrophoneMuted(isMicrophoneMuted);\r\n\r\n const isRemoteVideoEnabled = VoiceVideoCallingSDK.isRemoteVideoEnabled();\r\n setIsRemoteVideoEnabled(isRemoteVideoEnabled);\r\n\r\n const isLocalVideoEnabled = VoiceVideoCallingSDK.isLocalVideoEnabled();\r\n setIsLocalVideoEnabled(isLocalVideoEnabled);\r\n\r\n // No video stream available at this point, voice call\r\n if (!isLocalVideoEnabled && !isRemoteVideoEnabled) {\r\n setIncomingCall(false);\r\n setInVideoCall(false);\r\n setInVoiceCall(true);\r\n } else {\r\n setIncomingCall(false);\r\n setInVideoCall(true);\r\n setInVoiceCall(false);\r\n }\r\n }, [props]);\r\n\r\n const stopCallButton = useCallback(async () => {\r\n console.log(`[WebChat][Calling][stopCall]`);\r\n const {VoiceVideoCallingSDK} = props;\r\n await VoiceVideoCallingSDK.stopCall();\r\n }, [props]);\r\n\r\n const renderToggleVideoButton = () => {\r\n if (!isLocalVideoEnabled) {\r\n return \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 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 type { AppState, ProxyUser } from '../../../types/typeStore';\r\n\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useHistory } from 'react-router-dom';\r\nimport * as types from '../../../constants/actionTypes';\r\nimport { getFirstName } from '../../../helpers/formatting';\r\nimport * as Tools from '../../../helpers/Tools';\r\nimport { logUI } from '../../../api/andyliticsApi';\r\nimport SingleUserSelector from '../../header/SingleUserSelector';\r\nimport ProxySelector, { ProxyOption } from './selector/ProxySelector';\r\nimport ProxyModalBlocker from './ProxyModalBlocker'\r\n\r\ndeclare global {\r\n interface Window {\r\n userToSwitch: ProxyUser | null\r\n }\r\n}\r\n\r\nconst schedulingUrls = [\r\n '/schedule/',\r\n '/fluvaccine/schedule',\r\n '/schedulevideovisit'\r\n]\r\n\r\nconst productUrls = [\r\n '/products/',\r\n]\r\n\r\nconst blockUrls = [\r\n ...schedulingUrls,\r\n ...productUrls,\r\n '/fluvaccine/updatemedicalrecord'\r\n]\r\n\r\ninterface ProxyAccount extends ProxyOption {\r\n user: ProxyUser\r\n value: string\r\n}\r\n\r\ntype SwitchToUser = {\r\n isPrimary?: boolean\r\n} & ProxyUser\r\n\r\ninterface ProxyContainerProps {\r\n setIsShowingProxyList: () => void;\r\n isShowingProxyList: boolean;\r\n showPillButton: boolean;\r\n isNoProxy?: boolean;\r\n}\r\n\r\nexport const ProxyContainer: React.FC\r\n {showHPAnnouncements && !isAA && hpAnnouncements && hpAnnouncements.length > 0 ?
\r\n
\r\n \r\n \r\n {renderSlides()}\r\n \r\n
\r\n
\r\n :\"\"\r\n }\r\n \r\n
\r\n {pageGoBack}\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 For assistance, call the {technicalHelpDeskMessage} {technicalHelpDeskHours} at {' '}\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: state.domain.currentUser,\r\n primaryUser: state.domain.primaryUser,\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.memberships?.proxyListLoading,\r\n hasMychart: state.domain.hm,\r\n proxyListLoaded: state.memberships.proxyListLoaded,\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.domain?.proxyList ? state.domain?.proxyList : [],\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 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 { logUI(\"MBHWeb.ProxyPicker.AddorGrantFamilyAccess.Button.Clicked\", new Date(), Tools.getURLPath(), { workflow }); }}\r\n typographyType=\"body-02\"\r\n color=\"$color-primary-a2\"\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default FamilyAccessLink;\r\n","import React from 'react';\r\nimport { LinkText, Typography, Drawer } from \"../../../ecosystem\";\r\nimport { logUI } from \"../../../../api/andyliticsApi\";\r\nimport * as Tools from \"../../../../helpers/Tools\";\r\nimport './proxy_drawer.scss';\r\nimport FamilyAccessLink from '../addFamilyMember/FamilyAccessLink';\r\nimport { ProxyOption } from '../dropdown/ProxyDropDown';\r\nimport ProxySelectGroup from '../selectGroup/ProxySelectGroup';\r\n\r\ninterface ProxyDrawerProps {\r\n isOpen:boolean;\r\n disabled?: boolean;\r\n onChange?: (option: ProxyOption) => void;\r\n setIsShowingProxyList: () => void;\r\n selectedOption: string;\r\n options: ProxyOption[];\r\n isNoProxy?: boolean;\r\n}\r\n\r\nconst ProxyDrawer: React.FC\r\n
\r\n \r\n {label ? label : \"Add or grant family access\"}\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n {/* @ts-expect-error */}\r\n \r\n { isNoProxy ? (\r\n
\r\n );\r\n};\r\n\r\nexport default ProxyDrawer;\r\n","import React from 'react';\r\nimport { Card, LinkText, Typography } from \"../../../ecosystem\";\r\nimport './proxy_dropdown.scss';\r\nimport FamilyAccessLink from '../addFamilyMember/FamilyAccessLink';\r\nimport { logUI } from '../../../../api/andyliticsApi';\r\nimport { getURLPath } from '../../../../helpers/Tools';\r\nimport ProxySelectGroup from '../selectGroup/ProxySelectGroup';\r\n\r\nexport interface userProps {\r\n externalId: string;\r\n}\r\nexport interface ProxyOption {\r\n className: string;\r\n label: string;\r\n showSelected?: boolean;\r\n user?: userProps;\r\n}\r\n\r\ninterface ProxyDropDownProps {\r\n disabled?: boolean;\r\n onChange?: (option: ProxyOption) => void;\r\n setIsShowingProxyList: () => void;\r\n selectedOption: string;\r\n options: ProxyOption[];\r\n isPillButtonDropdown: boolean;\r\n isOpen: boolean;\r\n isNoProxy?: boolean;\r\n}\r\n\r\nconst ProxyDropDown: React.FC\r\n
\r\n ) : (\r\n \r\n To learn more about family account access read our\r\n {/* @ts-expect-error */}\r\n Help Topics , or click the button below to get started.\r\n \r\n
\r\n \r\n { optionsComponentMap }\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n To learn more about family account access read our \r\n {/* @ts-expect-error */}\r\n Help Topics , or click the button below to get started.\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n options?.map((opt, index) => (\r\n handleOnChange(opt)}\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 React.memo(ProxySelectorFullPage);\r\n","export * from './ProxySelectorFullPage';\r\n","import React from 'react';\r\nimport { useMediaQuery, Typography, LinkText, Icon } from \"../../../../ecosystem\";\r\nimport './proxyHeader.scss';\r\nimport { ProxyHeaderProps } from '../proxySelectorFullPage-interfaces';\r\n\r\nexport const ProxyHeader: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport { Card, useMediaQuery, } from \"../../../../ecosystem\";\r\nimport FamilyAccessLink from '../../addFamilyMember/FamilyAccessLink';\r\nimport ProxySelectGroup from '../../selectGroup/ProxySelectGroup';\r\nimport { ProxyListProps, ProxyOption } from '../proxySelectorFullPage-interfaces';\r\nimport './proxyList.scss';\r\n\r\nexport const ProxyList: React.FC\r\n \r\n {title}\r\n \r\n
\r\n \r\n {showSubText && <> \r\n \r\n {subTitle}\r\n {subTitle && informationModal?.modal &&
}\r\n \r\n \r\n
}\r\n \r\n \r\n {options.length > 0 && (\r\n \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 './proxy_select_group.scss'\r\n\r\ninterface ProxySelectGroup {\r\n checkSelected?: boolean;\r\n label: string;\r\n onChange?: () => void;\r\n disabled?: boolean;\r\n onClick?: () => void;\r\n}\r\n\r\nconst ProxySelectGroup: React.FC\r\n {options.map((opt, index) => (\r\n {\r\n handleOnClick(opt);\r\n }}\r\n />\r\n ))}\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\n// Usually use 'export default' for component and interfaces,props,functions we can use 'export const'\r\nexport default ProxySelectGroup;\r\n","import React, { Fragment } from 'react';\r\n\r\nimport { PillButton, useMediaQuery } from \"../../../ecosystem\";\r\nimport ProxyDrawer from '../drawer/ProxyDrawer';\r\nimport ProxyDropDown from '../dropdown/ProxyDropDown';\r\nimport './proxy_selector.scss';\r\n\r\nexport interface ProxyOption {\r\n label: string;\r\n showSelected?: boolean;\r\n}\r\n\r\ninterface ProxySelectorProps {\r\n disabled?: boolean;\r\n onChange?: (option: ProxyOption) => void;\r\n setIsShowingProxyList: () => void;\r\n isShowingProxyList: boolean;\r\n selectedLabel: string;\r\n selectedOption: string;\r\n options: ProxyOption[];\r\n showPillButton?: boolean | undefined;\r\n isNoProxy?: boolean;\r\n}\r\n\r\nconst ProxySelector: React.FC\r\n {showPillButton && (\r\n \r\n {isMobileBP ? \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default ProxySelector;\r\n","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 {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, Redirect } from \"react-router-dom\";\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { OurRoute } from \"./OurRoute\";\r\nimport { Spinner as EcoSpinner } from \"../ecosystem\";\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 const serverData = window.serverData.data; // we can assume the window object here because we won't \r\n if (this.props.computedMatch) {\r\n if ((!window.location.host.toLowerCase().startsWith(\"localhost\") && window.location.host !== serverData.hpDomain)) {\r\n window.persistor.flush();\r\n window.isClosing = true;\r\n window.location.host = serverData.hpDomain;\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (window.isClosing) {\r\n return;\r\n }\r\n if (this.props.computedMatch) {\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.isClosing = true;\r\n window.location.host = serverData.hpDomain;\r\n\r\n }\r\n\r\n }\r\n if (super.componentDidUpdate) {\r\n super.componentDidUpdate(prevProps, prevState);\r\n }\r\n\r\n }\r\n\r\n render() {\r\n //\r\n if (window.isClosing) {\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}","import React from \"react\";\r\nimport { Spinner } from \"../ecosystem\";\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}","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 * as types from \"../../constants/actionTypes\";\r\nimport { logUI } from \"../../api/andyliticsApi\";\r\nimport { Tooltip } from 'reactstrap';\r\nimport { Typography, LinkText } from '../ecosystem/';\r\nimport { trackProxySelect } from '../../api/gaLoging';\r\nimport { withTranslation } from 'react-i18next';\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, dotComProviderSpecialty, workflow = null } = 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: t(\"Are you sure you want to switch to\") + \" \" + getFirstName(user.displayName) + \"'s \" + t(\"Account\") + \"?\",\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\r\n && this.props.reasonSubmitStepValue && this.props.hasMychart)\r\n {\r\n /* if ((dotComProviderSpecialty && user && user.ageYears < 19) || (!dotComProviderSpecialty)) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n }\r\n else { this.props.goToNewStep(true, this.props.patientStatusStepValue); }*/\r\n\r\n if ((dotComProviderSpecialty && user && user.ageYears < 19) || (!dotComProviderSpecialty)) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if (!(dotComProviderSpecialty && dotComProviderSpecialty === 'internal medicine' && user && user.ageYears < 18)) {\r\n this.props.goToNewStep(true, this.props.patientStatusStepValue);\r\n }\r\n\r\n else { this.props.goToNewStep(true, this.props.patientStatusStepValue); }\r\n \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.enableUrgentCareSchedulingWorkflow) && 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.isFromDotCOM && dotComProviderSpecialty && user && user.ageYears >= 19) {\r\n this.props.goToNewStep(true, this.props.patientStatusStepValue);\r\n }\r\n else 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 if (workflow && (workflow !== null)) {\r\n trackProxySelect();\r\n }\r\n }\r\n\r\n switchToUser(user, index) {\r\n const { currentUser, dotComProviderSpecialty } = this.props;\r\n\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 const internalMedicineLimitations = dotComProviderSpecialty && dotComProviderSpecialty === 'internal medicine' && user && user.ageYears < 18;\r\n if (internalMedicineLimitations) {\r\n this.props.goToNewStep(true, this.props.patientStatusStepValue);\r\n return;\r\n }\r\n if (this.props.enableNewProviderSchedulingWorkflow && this.props.isFromDotCOM && !this.props.apptSlotNotAvailable && !this.props.apptTimeNotAvailable && this.props.reasonSubmitStepValue && this.props.hasMychart) {\r\n /* if ((dotComProviderSpecialty && user && user.ageYears < 19) || (!dotComProviderSpecialty)) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else { this.props.goToNewStep(true, this.props.patientStatusStepValue); }*/\r\n if ((dotComProviderSpecialty && !dotComProviderSpecialty === 'internal medicine' && user && user.ageYears < 19) || (!dotComProviderSpecialty)) {\r\n this.props.goToNewStep(true, this.props.reasonSubmitStepValue);\r\n } else if ((dotComProviderSpecialty && dotComProviderSpecialty === 'internal medicine' && user && user.ageYears < 18)) {\r\n this.props.goToNewStep(true, this.props.patientStatusStepValue);\r\n }\r\n\r\n else { this.props.goToNewStep(true, this.props.patientStatusStepValue); }\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.enableUrgentCareSchedulingWorkflow) && 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.isFromDotCOM && dotComProviderSpecialty && user && user.ageYears >= 19) {\r\n this.props.goToNewStep(true, this.props.patientStatusStepValue);\r\n }\r\n else 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, enableUrgentCareSchedulingWorkflow } = 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 const locationPhoneNumber = this.props.location?.state?.loc?.locationPhone || '';\r\n const ageInMonths = (patientDOB) => Tools.ageInMonths(patientDOB);\r\n var showPatientButtonDisabledBlurb = false;\r\n const patientButtonDisabledIndividualMsg = t(\"Why are some individuals not available for selection?\");\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 {t(' 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')}
To book an appointment with this location, please call
\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 })(withTranslation()(SelectPatient));","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 \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 {t(\"We've created a new online process to add a dependent, making it easier and faster.\")}\r\n
}\r\n { if (activityCode) logUI(activityCode, new Date(), Tools.getURLPath()); }}>{' ' + t(\"ADD A DEPENDENT\")}
\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 { connect } from 'react-redux';\r\nimport * as d from \"../../reducers/domainReducer\";\r\nimport { getFirstName } from \"../../helpers/formatting\";\r\nimport { Spinner } from \"../ecosystem/\";\r\n\r\nclass SwitchUserSpinner extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n const { primaryUser, currentUser, userData } = this.props;\r\n let { isPrimaryUser, patientName } = this.props;\r\n let externalId = null;\r\n \r\n if (userData) {\r\n externalId = userData.patientExternalId;\r\n patientName = userData.patientName;\r\n }\r\n else {\r\n externalId = currentUser && currentUser.externalId;\r\n }\r\n\r\n if (isPrimaryUser === null || isPrimaryUser === undefined) {\r\n isPrimaryUser = primaryUser && primaryUser.externalId && externalId && primaryUser.externalId.toLowerCase() === externalId.toLowerCase();\r\n }\r\n\r\n let getPatientFirstName = () => patientName ? getFirstName(patientName) : currentUser && currentUser.displayName ? getFirstName(currentUser.displayName) : 'you';\r\n let patientFirstName = isPrimaryUser ? \"you\" : getPatientFirstName();\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n We are processing your request, this may take a moment...\r\n
\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 * 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 modalYesFunction(YesParameter)}>{yesText || 'YES'}
\r\n modalNoFunction(NoParameter)}>{noText || 'NO'}
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Menu","\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: 'Upcoming Appointments',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/appointments',\r\n altUrls: ['/appointmentdetails'],\r\n subMenuItems: null\r\n }, {\r\n label: 'After Visit Summaries',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/aftervisitsummaries',\r\n altUrls: ['/appointmentdetails'],\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 isMyChartProxyUser\r\n}) {\r\n const isLocalPharmacyBundle = (typeof window !== \"undefined\" && bundle !== 'pharmacy' && window.location.href.toLowerCase().indexOf('localhost') > -1);\r\n const showPharmacyMenuItem = false;\r\n\r\n return {\r\n show: showPharmacyMenuItem,\r\n disabled: true,\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\n\r\nexport function getFeedbackAndSupportMenuItems() {\r\n return {\r\n show: true,\r\n navHead: {\r\n label: 'Feedback & Support',\r\n url: null,\r\n icon: 'support'\r\n },\r\n navItems: [\r\n {\r\n label: 'Help Topics',\r\n show: true,\r\n url: '/faq',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Contact Us',\r\n show: true,\r\n url: '/contactus',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Provide Feedback',\r\n show: true,\r\n url: '/providefeedback',\r\n subMenuItems: null\r\n },\r\n ]\r\n };\r\n}","import { getProfileName, hasMyChartAuthorizedEpicFeature } from './Utils.js';\r\n\r\nexport function getGetCare({\r\n disableMyChartMenuItems,\r\n enableInHomeFeature,\r\n notPharmacyProxy,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n fcnIsDown,\r\n enableFindCareV8,\r\n authorizedFeaturesProps\r\n}) {\r\n\r\n var hasDeliveryFeature = hasMyChartAuthorizedEpicFeature(\"HasAuthorizedFeature_DELIVERYPREADMISSION\", authorizedFeaturesProps);\r\n return {\r\n show: notPharmacyProxy,\r\n navHead: {\r\n label: !enableFindCareV8 ? 'Schedule & Search' : 'Get Care',\r\n url: null,\r\n altUrls: ['/getcare', '/schedule','/schedulesearch'],\r\n icon: 'service'\r\n },\r\n navItems: [\r\n !enableFindCareV8 && { \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: !enableFindCareV8 ? 'Find Care' : 'Search & Schedule',\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: 'Help Me Decide',\r\n show: !fcnIsDown && isMyChartUser,\r\n url: '/fcnchat',\r\n altUrls: ['/fcnproxypicker', '/fcnchat'],\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Register for My Delivery',\r\n show: hasDeliveryFeature && isMyChartUser,\r\n url: '/preadmission',\r\n subMenuItems: null,\r\n disabled: disableMyChartMenuItems,\r\n },\r\n \r\n !enableFindCareV8 && {\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\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 altUrls: ['/providerQuestion'],\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 { useSelector } from 'react-redux';\r\nimport { useMemo } from 'react';\r\n\r\nimport * as d from \"../../../../reducers/domainReducer\";\r\nimport { getHealthPlanName, isPricingTransparencyEnabled } from './Utils';\r\n\r\nexport const getInsuranceAndBilling = () => {\r\n const aalDown = useSelector((state: any) => state.common.aalDown);\r\n const epicEHRDown = useSelector((state: any) => state.common.epicEHRDown);\r\n const isMyChartInActive = useSelector((state: any) => state.dashboard.isMyChartInActive);\r\n const enablePricingTransparency = useSelector((state: any) => isPricingTransparencyEnabled(state));\r\n const dentalInvoice = useSelector((state: any) => state.session.hasADental);\r\n const hasBQAMember = useSelector((state: any) => state.domain.hasBQAMember);\r\n const hideHpSection = useSelector((state: any) => state.memberships.featureInsuranceModule?.hideHpSection);\r\n const hasFirstCare = useSelector((state: any) => state.memberships.hasFC);\r\n const hasHealthPlanLogin = useSelector((state: any) => state.memberships.hasAnySWHP);\r\n const hasMyChart = useSelector((state: any) => state.domain.hm);\r\n const hpIdentity = useSelector((state: any) => state.session.healthPlanUserProfile);\r\n const insuranceTabText = useSelector((state: any) => state.memberships.insuranceTabText);\r\n const isActiveFeature_InsuranceModule = useSelector((state: any) => state.domain.hasBQAMember ||\r\n state.memberships.hasAnySWHP ||\r\n state.memberships.hasFC ||\r\n state.memberships.isActiveFeature_InsuranceModule);\r\n const isEmployee = useSelector((state: any) => state.domain.ie);\r\n const isMemberPayer = useSelector((state: any) => state.domain.hpp);\r\n const isMyChartProxyUser = useSelector((state: any) => state.domain.ip);\r\n const notPharmacyProxy = useSelector((state: any) => {\r\n const bundle = state.session.serverData ? state.session.serverData.bundle : \"mybswhealth\"\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 return isMyBSWHealth || isPharmacy && !d.hydratePharmacyUser(state.domain.cpu);\r\n });\r\n const swhp = useSelector((state: any) => state.memberships.amiSWHPMembershipId);\r\n const swhpDown = useSelector((state: any) => state.common.swhpDown);\r\n const insuranceName = useSelector((state: any) => state.session.insuranceName);\r\n\r\n const isMyChartUser = useMemo(() => {\r\n return notPharmacyProxy && hasMyChart;\r\n },[notPharmacyProxy, hasMyChart]);\r\n const isPrimaryUser = useMemo(() => {\r\n return notPharmacyProxy && !isMyChartProxyUser;\r\n },[notPharmacyProxy, isMyChartProxyUser]);\r\n const disableMyChartMenuItems = useMemo(() => {\r\n return epicEHRDown || isMyChartInActive;\r\n },[epicEHRDown,isMyChartInActive]);\r\n\r\n const healthPlanName = getHealthPlanName({ hasBQAMember, hasFirstCare, hasHealthPlanLogin, hpIdentity, insuranceName });\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\r\n const showHPInvoicesandPayments = (hasHealthPlanLogin && isMemberPayer)\r\n || (hpIdentity && !payPremiumUrl && (hpIdentity.roles.includes(\"InvoicedMembers\")));\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 )) && !hasBQAMember;\r\n\r\n const showWellnessPage = (swhp && !isEmployee) || ((hpIdentity && !hpIdentity.roles.includes(\"MedicareMembers\") &&\r\n !hpIdentity.roles.includes(\"ChipMembers\") && !hpIdentity.roles.includes(\"MedicaidMembers\") && !hpIdentity.roles.includes(\"BswhEmployee\")));\r\n\r\n const showVirtualCare = (hpIdentity && hpIdentity.roles.includes(\"TelemedicineSsoUsers\") && !hpIdentity.roles.includes(\"BswhEmployee\") && !swhp);\r\n\r\n const showCostEstimator = !hasBQAMember && !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\r\n return {\r\n show: (notPharmacyProxy && (hasMyChart || (isActiveFeature_InsuranceModule && isPrimaryUser))),\r\n disabled: (((hasMyChart && epicEHRDown) || !hasMyChart || isMyChartInActive) && ((hasBQAMember && !isMyChartProxyUser && aalDown) || !hasBQAMember) && ((!hasBQAMember && 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 && !hideHpSection,\r\n disabled: (aalDown && hasBQAMember) || (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: (!hasBQAMember && 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: hasBQAMember ? '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: !hasBQAMember && 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: !hasBQAMember,\r\n url: '/documents'\r\n },\r\n {\r\n label: 'Member Support',\r\n show: !hasBQAMember,\r\n url: '/support',\r\n altUrls: ['/newsupportrequest']\r\n },\r\n {\r\n label: 'Other Coverage',\r\n show: !hasBQAMember,\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 && !hasBQAMember && !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: '/transparencyInPricing',\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 && !hasBQAMember && 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.js';\r\nimport { getGetCare } from './GetCare.js';\r\nimport { getInsuranceAndBilling } from './InsuranceAndBilling';\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\nimport { getFeedbackAndSupportMenuItems } from './FeedbackAndSupport.js';\r\nimport { getProductsMenuItems } from './ProductsMenu.js';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport * as d from \"../../../../reducers/domainReducer.js\";\r\nimport { useMemo } from 'react';\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 const getSiteMenuItems = () => {\r\n const serverData = useSelector((state: any) => state.session.serverData);\r\n const hasMyChart = useSelector((state: any) => state.domain.hm);\r\n const hasHealthPlanLogin = useSelector((state: any) => state.memberships.hasAnySWHP);\r\n const hasFirstCare = useSelector((state: any) => state.memberships.hasFC);\r\n const hasBQAMember = useSelector((state: any) => state.domain.hasBQAMember);\r\n const epicEHRDown = useSelector((state: any) => state.common.epicEHRDown);\r\n const enableCareCompanion = useSelector((state: any) => state.dashboard?.bffDashboardData?.data?.currentUser?.careCompanion?.isCareCompanion || state.dashboard?.bffDashboardData?.data?.showCareCompanion);\r\n const enableCustomPreventiveCare = useSelector((state: any) => state.session.serverData?.enableCustomPreventiveCare);\r\n const enableHappyTogether = useSelector((state: any) => state.session.serverData?.enableHappyTogether);\r\n const bundle = useSelector((state: any) => state.session.serverData ? state.session.serverData.bundle : \"mybswhealth\"); // we'll default with rendering for mybswhealth\r\n const isProxyUser = useSelector((state: any) => state.domain.ip);\r\n const currentPharmacyUser = useSelector((state: any) => d.hydratePharmacyUser(state.domain.cpu));\r\n const currentUser = useSelector((state: any) => state.domain.currentUser);\r\n const enableInHomeFeature = useSelector((state: any) => state.session.serverData.enableInHomeFeature && (state.memberships.isActiveFeature_InHomeVaccine || (!state.domain.ip && state.memberships.isActiveFeatureAnyone_InHomeVaccine)));\r\n const activeProfile = useSelector((state: any) => state.memberships.activeProfile);\r\n const activePrograms = useSelector((state:any) => state.memberships.activePrograms);\r\n const myChartAuthorizedEpicFeatures = useSelector((state: any) => state.session.serverData.myChartAuthorizedEpicFeatures.replace(\"
\", \"\").unescapeHTML());\r\n const Covid19AgeForVaccine = useSelector((state: any) => state.session.serverData.Covid19AgeForVaccine ? state.session.serverData.Covid19AgeForVaccine : 12);\r\n const isMedicalAdvice = useSelector((state: any) => state.memberships.hasAuthorizedFeatureMedicalAdvice);\r\n const EnableProfileDashboard = useSelector((state: any) => state.session.serverData && state.session.serverData.EnableProfileDashboard ? true : false);\r\n const isMyChartInActive = useSelector((state: any) => state.dashboard.isMyChartInActive);\r\n const fcnIsDown = useSelector((state: any) => state.inMemory.fcnIsDown);\r\n const memberships = useSelector((state: any) => state.memberships);\r\n const enableFindCareV8 = useSelector((state: any) => state?.session?.serverData?.enableFindCareSearchBarV8 || false);\r\n const membershipsAuthorizedFeatures = useMemo(() => {\r\n const af = Object.keys(memberships).reduce((a: any, element: string) => {\r\n if (element.startsWith(\"hasAuthorizedFeature\")) {\r\n a[element] = memberships[element];\r\n }\r\n return a;\r\n }, {});\r\n return af;\r\n }, [memberships]);\r\n\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\r\n const showProductItems = (enableCareCompanion || !!serverData.enableEnrolledPrograms &&\r\n (activePrograms?.length > 0));\r\n const authorizedFeaturesProps = {\r\n activeProfile,\r\n myChartAuthorizedEpicFeatures,\r\n membershipsAuthorizedFeatures\r\n };\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 fcnIsDown,\r\n enableFindCareV8,\r\n authorizedFeaturesProps\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 addSignOutToSubMenus(getProfileMenuItems({\r\n authorizedFeaturesProps,\r\n Covid19AgeForVaccine,\r\n currentPharmacyUser,\r\n currentUser,\r\n disableMyChartMenuItems,\r\n EnableProfileDashboard,\r\n hasBQAMember,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n enableCustomPreventiveCare\r\n })),\r\n addSignOutToSubMenus(getProductsMenuItems({\r\n showProductItems,\r\n isMyChartUser,\r\n disableMyChartMenuItems,\r\n enableCareCompanion,\r\n activePrograms\r\n })),\r\n //addSignOutToSubMenus(getWellness({\r\n // authorizedFeaturesProps,\r\n // canAccessThrive,\r\n // communitySupportBanned,\r\n // disableMyChartMenuItems,\r\n // enableCustomPreventiveCare,\r\n // enableCareCompanion,\r\n // enablePrayerFeature,\r\n // isActiveFeature_Amity,\r\n // isEmployee,\r\n // isMyChartUser,\r\n // isPrimaryUser,\r\n // notPharmacyProxy,\r\n // isShowAllUsers\r\n //})),\r\n addSignOutToSubMenus(getBSWPharmacy({\r\n bundle,\r\n isMyChartProxyUser\r\n })),\r\n addSignOutToSubMenus(getFeedbackAndSupportMenuItems()),\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: any) => {\r\n navItem.navItems.forEach((ni: any) => {\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}","import * as constants from \"../../../../constants/textConstants\";\r\nimport { useSelector } from 'react-redux';\r\n\r\nexport function getProductsMenuItems({\r\n showProductItems,\r\n isMyChartUser,\r\n disableMyChartMenuItems,\r\n enableCareCompanion,\r\n activePrograms\r\n}) {\r\n const getProgramMenuAltURLs = (programId, routePath) => {\r\n let altURLs = [];\r\n switch (programId?.toUpperCase()) {\r\n case constants.PROGRAM_MATERNITY:\r\n case constants.PROGRAM_MATERNITYALUMNI:\r\n altURLs = [`${routePath}/weeklycheckin`,\r\n `${routePath}/reqappt`,\r\n `${routePath}/messages`,\r\n `${routePath}/allmilestones`,\r\n `${routePath}/avs`,\r\n `${routePath}/specialtycare`,\r\n `${routePath}/pelvicfloor`,\r\n `${routePath}/lactation`,\r\n `${routePath}/*`\r\n ];\r\n break;\r\n case constants.PROGRAM_MIGRAINE:\r\n case constants.PROGRAM_MIGRAINEALUMNI:\r\n altURLs = [\r\n `${routePath}/enroll`,\r\n `${routePath}/profile`,\r\n `${routePath}/trackepisode`,\r\n `${routePath}/tracktreatment`,\r\n `${routePath}/message`,\r\n `${routePath}/avs`,\r\n `${routePath}/*`\r\n ];\r\n break;\r\n case constants.PROGRAM_BNC:\r\n case constants.PROGRAM_BACKANDNECK:\r\n altURLs = [\r\n `${routePath}/avs`,\r\n `${routePath}/bio`,\r\n `${routePath}/message`,\r\n `${routePath}/*`\r\n ];\r\n break;\r\n case constants.PROGRAM_WELLNESS:\r\n altURLs = [];\r\n break;\r\n case constants.PROGRAM_PHC:\r\n altURLs = [\r\n routePath, \r\n `${routePath}/*`];\r\n break;\r\n case constants.PROGRAM_BEHAVIORALHEALTH:\r\n altURLs = [\r\n routePath,\r\n `${routePath}/appointments`,\r\n `${routePath}/currentmeds`,\r\n `${routePath}/messages`,\r\n `${routePath}/avs`\r\n ];\r\n break;\r\n default:\r\n return altURLs;\r\n }\r\n return altURLs;\r\n }\r\n\r\n const productItems = activePrograms?.map(program => ({\r\n label: program?.title,\r\n show: true,\r\n disabled: false,\r\n url: program?.routeToDashboard,\r\n altUrls: getProgramMenuAltURLs(program?.programId, program?.routeToDashboard),\r\n subMenuItems: null\r\n }));\r\n\r\n return {\r\n show: showProductItems,\r\n navHead: {\r\n label: \"Enrolled Programs\",\r\n icon: \"resource\",\r\n show: true\r\n },\r\n navItems: [\r\n ...productItems,\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 }\r\n}","import { getProfileName, hasMyChartAuthorizedEpicFeature } from './Utils.js';\r\nimport { WHOS_ACCESSED_MY_PROFILE_TITLE } from \"../../../../constants/textConstants.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 hasBQAMember,\r\n hasFirstCare,\r\n hasHealthPlanLogin,\r\n hasMyChart,\r\n isMyChartProxyUser,\r\n isMyChartUser,\r\n isPrimaryUser,\r\n notPharmacyProxy,\r\n enableCustomPreventiveCare\r\n}) {\r\n\r\n const profileName = getProfileName({\r\n hasBQAMember,\r\n hasHealthPlanLogin,\r\n hasFirstCare,\r\n hasMyChart,\r\n isMyChartProxyUser\r\n });\r\n \r\n var hasTrackMyHealth = hasMyChartAuthorizedEpicFeature(\"hasAuthorizedFeatureTrackMyHealth\", authorizedFeaturesProps);\r\n var hasEyeGlass = hasMyChartAuthorizedEpicFeature(\"HasAuthorizedFeature_EYEGLASSRX\", authorizedFeaturesProps);\r\n var hasContactLens = hasMyChartAuthorizedEpicFeature(\"HasAuthorizedFeature_CONTACTSRX\", authorizedFeaturesProps);\r\n var hasResearchStudies = hasMyChartAuthorizedEpicFeature(\"HasAuthorizedFeature_RESEARCHSTUDIES\", authorizedFeaturesProps);\r\n \r\n let recordsAndMedicalFormsMenuItems=[\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: WHOS_ACCESSED_MY_PROFILE_TITLE,\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 if(window?.serverData?.data?.ShowRecordsAndMedicalFormsRequestComputerReadableExport){\r\n recordsAndMedicalFormsMenuItems.push({\r\n label: 'Request Computer-Readable Export',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/releaseOfInformation/computer-readable-export'\r\n });\r\n }\r\n if(window?.serverData?.data?.ShowRecordsAndMedicalFormsRequestFormalCopyOfHealthRecord){\r\n recordsAndMedicalFormsMenuItems.push({\r\n label: 'Request Human-Readable Export',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/releaseOfInformation'\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 label: 'COVID-19 History',\r\n show: isMyChartUser && currentUser && currentUser?.ay >= Covid19AgeForVaccine,\r\n disabled: disableMyChartMenuItems,\r\n url: '/vaccinecredentials'\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: window.serverData.data.showDigitalMedicineCabinet ? \"/medications\" : '/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 && !enableCustomPreventiveCare,\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: 'Eyeglass Prescription',\r\n show: hasEyeGlass,\r\n url: '/eyeglasses',\r\n disabled: disableMyChartMenuItems,\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Contact Lens Prescription',\r\n show: isMyChartUser && hasContactLens,\r\n url: '/contactlenses',\r\n disabled: disableMyChartMenuItems,\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Track My Health',\r\n show: isMyChartUser && hasTrackMyHealth,\r\n disabled: disableMyChartMenuItems,\r\n url: '/trackmyhealth',\r\n subMenuItems: null\r\n },\r\n {\r\n label: 'Records & Medical Forms',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/recordsmedicalformslanding',\r\n subMenuItems:\r\n {\r\n menuLabel: 'Records & Medical Forms',\r\n menuItems: recordsAndMedicalFormsMenuItems\r\n }\r\n },\r\n {\r\n label: 'Research Studies',\r\n show: isMyChartUser,\r\n disabled: disableMyChartMenuItems,\r\n url: '/research',\r\n subMenuItems:null\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 };\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 { hasBQAMember, hasFirstCare, hasHealthPlanLogin, hpIdentity, insuranceName } = props;\r\n \r\n if (hasBQAMember) { \r\n return insuranceName\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 \"Health Plan\";\r\n }\r\n}\r\n\r\nexport function getProfileName(props) {\r\n const { hasBQAMember, hasHealthPlanLogin, hasFirstCare, hasMyChart, isMyChartProxyUser, currentPharmacyUser, hasPharmacyLogin } = props;\r\n const hasHealthPlan = hasBQAMember || 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}\r\n\r\nexport const 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}","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 const signOutLabel = 'sign out';\r\n const searchScheduleLabel = 'search & schedule';\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 {linkProps && \r\n {\r\n setShowModal(false);\r\n }}\r\n onStarted={() => {\r\n history.push('/deleteAccount');\r\n }}\r\n />\r\n
\r\n ) : null;\r\n};\r\n\r\nexport default withTranslation()(FooterDeleteAccount);\r\n","import React from 'react';\r\nimport { Modal, Typography, List, useMediaQuery } from '../../ecosystem';\r\nimport './FooterDeleteAccountConfirmModal.scss';\r\n\r\ninterface DeleteAccountConfirmModalProps {\r\n isOpen: boolean;\r\n onDismiss: () => void;\r\n onStarted: () => void;\r\n}\r\nconst DeleteAccountConfirmModal: React.FC\r\n
\r\n \r\n \r\n Delete Account\r\n \r\n
\r\n \r\n {\r\n setShowModal(true);\r\n }}\r\n >\r\n Confirm\r\n \r\n
\r\n \r\n \r\n Deleting you account means you will no longer have access to:\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n modalFooterButtons={[\r\n {\r\n label: 'Yes, delete my account',\r\n onClick: () => {\r\n onStarted();\r\n },\r\n },\r\n {\r\n label: 'No, keep my account',\r\n onClick: () => {\r\n onDismiss();\r\n },\r\n },\r\n ]}\r\n backdrop={undefined}\r\n className={undefined}\r\n modalFooter={undefined}\r\n onCloseClick={undefined}\r\n toggle={undefined}\r\n />\r\n );\r\n};\r\n\r\nexport default DeleteAccountConfirmModal;\r\n","import { Typography, LinkText, useMediaQuery } from \"../../ecosystem\";\r\n\r\n\r\ninterface FooterDeleteAccountProps {\r\n technicalHelpDeskNumber: string,\r\n registrationIssueNumber: string\r\n}\r\n\r\nconst FooterHelpContact = ({ technicalHelpDeskNumber, registrationIssueNumber }: FooterDeleteAccountProps) => {\r\n const isMobileLink = useMediaQuery({ max: 'md' });\r\n return (\r\n \r\n \r\n \r\n {t(\"Call the\")} {technicalHelpDeskMessage} {t(\"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 ? state.session.serverData.technicalHelpDeskHours : '',\r\n technicalHelpDeskNumber: state.session.serverData ? state.session.serverData.technicalHelpDeskNumber : '',\r\n technicalHelpDeskMessage: state.session.serverData ? state.session.serverData.technicalHelpDeskMessage : '',\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps)(LogInFooterHelpDesk);","export const showLoggedOutFooter = (): boolean => {\r\n // Pathnames to always show logged out footer even when logged in\r\n const loggedOutFooterPaths =\r\n [\r\n \"/onboarding/acceptterms\",\r\n \"/onboarding/familymembers\",\r\n \"/onboarding/captureinsurance\",\r\n \"/emailoptin\",\r\n \"/onboarding/managenotifications\",\r\n \"/videovisit/join\",\r\n \"/onboarding/summary\",\r\n \"/loginsettings/entercode\"\r\n ];\r\n return loggedOutFooterPaths.some((path) => location.pathname.includes(path));\r\n}\r\n\r\nexport const hideFooter = (): boolean => {\r\n const hideFooterPaths = [\"/login\"];\r\n let hiddenFooter = false;\r\n let wildCardPathsArray = hideFooterPaths.filter(url => url.endsWith('*'));\r\n hiddenFooter = hideFooterPaths.find(url => url === location.pathname) ? true : false;\r\n if (!hiddenFooter && wildCardPathsArray?.length > 0) {\r\n hiddenFooter = wildCardPathsArray.find(url => location.pathname.startsWith(url.substring(0, url.length - 1))) ? true : false;\r\n }\r\n return hiddenFooter;\r\n} ","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\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 && prevProps.highlightSelectedItem) && (this.props && !this.props.highlightSelectedItem)) {\r\n this.setState({\r\n activeMarker: null,\r\n selectedMarker: null,\r\n });\r\n this.updateMarker(null);\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={t('Click to SEARCH HERE')} 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 { useState, useEffect } from 'react';\r\nimport { isEqual } from 'lodash';\r\n\r\n\r\n//The type for the condition, shoudld be an function\r\ntype ConditionType = (item: any) => boolean;\r\n\r\nconst evaluateCondition = (item: any, condition: ConditionType): boolean => {\r\n if (typeof condition === 'function') {\r\n return condition(item);\r\n }\r\n return false;\r\n};\r\n\r\nconst useDisableItemsFromList = (items: any, condition: ConditionType) => {\r\n const [disabledItems, setDisabledItems] = useState\r\n {t(\"SEARCH THIS AREA\")}\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 readonly\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