`, '') : ``; /* Get the tracking pixels wrapper element */ const wrapper = document.querySelector('#pixels-wrapper'); /* If the wrapper element already exists, append to it. If not, create it with the pixels inside */ if (wrapper) { wrapper.insertAdjacentHTML('beforeend', pixels); } else { document.body.insertAdjacentHTML('beforeend', `
No providers found as this location
' : ''}${this.state.results.error.message}
`; return; } /* Update state now that an initial search has been completed */ this.state.filters.init = false; /* Grabs the total number of results */ const count = this.state.filters.LocationsOnly ? this.state.results.locations.length : this.state.results.providersCount; /* Calculate how many pages we need for the number of results returned. */ this.state.filters.pages = this.state.filters.LocationsOnly ? Math.ceil(count / post.top) : Math.ceil(this.state.results["@odata.count"] / post.top); /* Add badges for the applied filters */ const filtersElem = document.getElementById('filterButtons'); filtersElem ? filtersElem.innerHTML = '' : ''; const filterWrapperDiv = document.getElementById('filterWrapper'); const filtersSorted = this.state.results.info.filters.sort((a,b) => a.text ? -1 : 1); const filtersBadged = []; try { if (filtersSorted.length === 0 || (filtersSorted.length === 1 && filtersSorted[0].facets[0]?.name === 'IsClinic')) { filterWrapperDiv?.classList.remove('has-filter'); } } catch (err) { console.error('couldn’t remove filter:\n', err); } try { const searchRadiusVal = this.state.filters.distance; if (searchRadiusVal) { document.querySelector('#searchRadius').value = searchRadiusVal; } if (searchRadiusVal?.length) { let filterText = `Within ${searchRadiusVal} miles`; if (searchRadiusVal == 1) { filterText = `Within ${searchRadiusVal} mile`; } let distanceFilterEl = { facets: [{ name: "distance", value: filterText }], value: filterText }; this.state.results.info.filters.push(distanceFilterEl); } for (let filter of this.state.results.info.filters) { try { if ( filter.facets[0]?.name === 'IsClinic' || filter.facets[0]?.name === 'Degrees' ) { continue; } } catch {} let filterButton = document.createElement('span'); filterButton.classList.add('filter-button'); filterButton.setAttribute('tabindex', 0); let filterText = filter.value; /* LocationId becomes LocationName */ if ( filter.facets.length && 'name' in filter.facets[0] && filter.facets[0].name === 'LocationId' && 'info' in this.state.results && 'locations' in this.state.results.info && this.state.results.info.locations?.length ) { const locIndex = this.state.results.info.locations?.findIndex( (loc) => loc.id == filterText ); if (locIndex >= 0) { filterText = this.state.results.info.locations[locIndex].name; } else { this.helpers.removeParamValue('locationid', filterText); const locIdFiltStr = this.state.filters.LocationId; const locIdArr = locIdFiltStr.split(','); const locIdIndex = locIdArr.findIndex((id) => id == filterText); locIdArr.splice(locIdIndex, 1); this.state.filters.LocationId = locIdArr.join(','); continue; } } filterButton.innerHTML = `${filterText} `; const { facets } = filter; /* if the text for a search is returned... */ if (filter.text) { filterButton.setAttribute('data-text', filter.text); for (let facet of facets) { try { const facetFilter = this.state.filters[facet.name]; if (facetFilter) { facetFilter[facet.value] = {...facetFilter[facet.value], text: filter.text, auto: filter.auto == true}; filtersBadged.push(`${facet.name}${facet.value}`); } } catch (err) { throw(err); } } /* otherwise... */ } else { if (filter.value == 1) { continue; } /* everything else should have a length of 1 but let's check to be safe. If the value has already had a badge created, break out of this current loop iteration. */ if (facets.length === 1 && filtersBadged.includes(`${facets[0]?.name}${facets[0]?.value}`)) { continue; /* If a badge doesn't already exist, we'll add it to the badged array and keep on in this interation */ } else { filtersBadged.push(`${facets[0]?.name}${facets[0]?.value}`); } } /* Create the data attribute that allows us to remove the filter on click */ let dataFacets = filter.facets; if (!(dataFacets && dataFacets.length)) { const { facet, value } = filter; /* If we have facet and value strings, each with a length, create the fallback data */ if (facet?.length && value?.length) { dataFacets = [{ name: facet, value: value }]; } } try { if (dataFacets.length === 1) { filterButton.classList.add(dataFacets[0].name); } } catch (err) { console.error('failed to add filterButton class:\n', err); } /* Set the data-facets attribute */ filterButton.setAttribute('data-facets', JSON.stringify(dataFacets)); /* Create an event listener to handle clicks, removing filters */ filterButton.addEventListener('click', (event) => { const { target } = event; const { dataset } = target; this.clearSlugIfOnlyDistanceRemains(target); let theRegEx; if (dataset.text) { theRegEx = new RegExp(dataset.text, 'gi'); } else if (target.textContent) { theRegEx = new RegExp(target.textContent, 'gi'); } if (theRegEx) { window.sessionStorage.setItem('previousQuery', this.state.query); this.state.query = this.state.query.replaceAll(/ +/gi, ' ').replaceAll(theRegEx, '').replaceAll(/ +/gi, ' ').trim(); if (this.state.query) { this.inputSearchEl.value = this.state.query; document.getElementById('searchBox').classList.add('is-populated'); } else { this.inputSearchEl.value = ''; document.getElementById('searchBox').classList.remove('is-populated'); } } let clearedInsurance = false; let clearInsurancePromise; const facets = JSON.parse(dataset.facets); for (let facet of facets) { const { name: facetName, value } = facet; const state = this.state.filters[facetName]; if (state) { if (typeof state === 'string') { const newState = state.replace(value, '').replace(/^,/,'').replace(',,',','); this.state.filters[facetName] = newState || false; if (!newState) { switch (facetName) { case 'acceptingNewPatients': case 'location': case 'offersVideoVisits': case 'onlineSchedule': this.state.filters[facetName] = false; break; case 'locationId': this.state.filters.LocationId = false; break; default: break; } } } else if (typeof state === 'object') { state[value].active = false; /* this.state.filters[value] = { active: false }; */ /* Catch weird values that have ',' in them */ try { let csv = value.split(','); for (let val of csv) { state[val].active = false; } } catch (err) { console.error('failure removing cvs filter:\n', err); } } } if (facetName == 'InsuranceAccepted') { localStorage.removeItem('omniSearchInsurance'); clearedInsurance = true; clearInsurancePromise = fetch('https://www.providence.org/integrationapi/clearinsuranceselection'); } else if (facetName == 'distance') { let searchRadiusEl = document.querySelector('#searchRadius'); searchRadiusEl.value = ''; this.state.filters.distance = ''; } } try { let removeParam = JSON.parse(target.getAttribute('data-facets'))[0].name; let url = new URL(window.location); let searchParams = new URLSearchParams(url.search); searchParams.delete(removeParam); searchParams.delete(removeParam.toLowerCase()); url.search = searchParams.toString(); window.history.replaceState({}, 'Find a Doctor', url); } catch (err) { console.error('failure updating url:\n', err); } if (document.querySelectorAll('.filter-button')?.length === 1) { filterWrapperDiv?.classList.remove('has-filter'); if (!!this.slugObjDiv && this.state.query === '') { this.clearSlug(); } } target.remove(); if (window.innerWidth >= siteSearch.mobileViewBreakpoint) { if (clearedInsurance) { Promise.allSettled([clearInsurancePromise]) .then(() => this.handleSubmit()); } else { this.handleSubmit(); } } }); /* Add the filter button to the DOM */ filtersElem?.prepend(filterButton); filterWrapperDiv?.classList.add('has-filter'); } /* Add badges for Virtual and New Patient visit type selections */ if (this.state.filters.visitType) { const { clinicVisits, onlineScheduling, videoVisits } = this.state.filters.visitType; const hasClinicVisits = clinicVisits && clinicVisits?.active; const hasOnlineScheduling = onlineScheduling && onlineScheduling?.active; const hasVideoVisits = videoVisits && videoVisits?.active; const handleVisitFiltersClick = (event) => { this.clearSlugIfOnlyDistanceRemains(event.target); const { value } = event.target.dataset; const { filters } = this.state; const state = filters.visitType; if (state) { state[value].active = false; } if ( value === 'clinicVisits' || value === 'onlineScheduling' ) { document.querySelector(`.visitType[data-type="clinicVisits"]`)?.classList.remove('active'); document.querySelector(`.visitType[data-type="onlineScheduling"]`)?.classList.remove('active'); document.querySelectorAll("#daysList a").forEach(day => { siteSearch.toggleDaySelectorStateAllDays(day, false) }); if (state['clinicVisits']?.active) { state['clinicVisits'].active = false; document.querySelector('.filter-button[data-value="clinicVisits"]')?.remove(); } if (state['onlineScheduling']?.active) { state['onlineScheduling'].active = false; document.querySelector('.filter-button[data-value="onlineScheduling"]')?.remove(); } } try { if (document.querySelectorAll('.filter-button').length === 1) { filterWrapperDiv?.classList.remove('has-filter'); if (!!this.slugObjDiv && this.state.query === '') { this.clearSlug(); } } } catch (err) { console.error('failure removing has-filter:\n', err); } event.target.remove(); this.filtersUpdated = true; if (window.innerWidth >= siteSearch.mobileViewBreakpoint) { this.handleSubmit(); } }; handleVisitFiltersClick.bind(this); if (hasClinicVisits) { let filterButton = document.createElement('span'); filterButton.classList.add('filter-button'); filterButton.innerHTML = `Accepting New Patients `; /* Set the data-facets attribute */ filterButton.setAttribute('data-value', 'clinicVisits'); filterButton.addEventListener('click', handleVisitFiltersClick); filtersElem?.prepend(filterButton); filterWrapperDiv?.classList.add('has-filter'); } if (hasOnlineScheduling) { let filterButton = document.createElement('span'); filterButton.classList.add('filter-button'); filterButton.innerHTML = `Online Scheduling `; /* Set the data-facets attribute */ filterButton.setAttribute('data-value', 'onlineScheduling'); filterButton.addEventListener('click', handleVisitFiltersClick); filtersElem?.prepend(filterButton); filterWrapperDiv?.classList.add('has-filter'); } if (hasVideoVisits) { let filterButton = document.createElement('span'); filterButton.classList.add('filter-button'); filterButton.innerHTML = `Video Visits `; /* Set the data-facets attribute */ filterButton.setAttribute('data-value', 'videoVisits'); filterButton.addEventListener('click', handleVisitFiltersClick); filtersElem?.prepend(filterButton); filterWrapperDiv?.classList.add('has-filter'); } /* Create an event listener to handle clicks, removing filters */ document.querySelectorAll('.visit-filter').forEach(handleVisitFiltersClick); } /* Add badges for special search keywords */ if (specialKeywordsArr.length > 0) { const handleSpecialFiltersClick = (event) => { const specialSearch = event.target.innerText.trim(); let fromSession = sessionStorage.getItem('specialSearch'); /* it should already exist, but to be safe... */ fromSession !== null ? fromSession = JSON.parse(fromSession) : fromSession = []; const specialIndex = fromSession.findIndex((item) => { return item.toLowerCase() === specialSearch.toLowerCase(); }); fromSession.splice(specialIndex, 1); if (fromSession.length > 0) { sessionStorage.setItem('specialSearch', JSON.stringify(fromSession)); } else { sessionStorage.removeItem('specialSearch'); } window.sessionStorage.setItem('previousQuery', this.state.query); this.state.query = this.state.query.replaceAll(/ +/gi, ' ').replaceAll(specialSearch, '').replaceAll(/ +/gi, ' ').trim(); if (this.state.query) { this.inputSearchEl.value = this.state.query; } else { this.inputSearchEl.value = ''; document.getElementById('searchBox').classList.remove('is-populated'); } if (fromSession.length < 1) { this.state.specialSearch = false; try { if (document.querySelectorAll('.filter-button').length === 1) { filterWrapperDiv?.classList.remove('has-filter'); if (!!this.slugObjDiv && this.state.query === '') { this.clearSlug(); } } } catch (err) { console.error('failure removing has-filter:\n', err); } } this.clearSlugIfOnlyDistanceRemains(event.target); if (window.innerWidth >= siteSearch.mobileViewBreakpoint) { this.handleSubmit(); } }; handleSpecialFiltersClick.bind(this); /* "specialists only" */ let soIndex = specialKeywordsArr.findIndex((item) => item.toLowerCase() === 'specialists only'); if (soIndex !== -1) { let filterButton = document.createElement('span'); filterButton.classList.add('filter-button'); filterButton.innerHTML = `${specialKeywordsArr[soIndex]} `; /* Set the data-facets attribute */ filterButton.setAttribute('data-value', 'specialSearch'); filterButton.addEventListener('click', handleSpecialFiltersClick); filtersElem?.prepend(filterButton); filterWrapperDiv?.classList.add('has-filter'); } } } catch (err) { console.error('facets failed to load:\n', err); } /* run in case badges were added/removed */ setMapOffset(); if (this.state.filters.page > 0) { let baseUrl = 'doctors.pacificmedicalcenters.org'; if (window.location.origin.toLowerCase().includes('swedish')) { baseUrl = 'schedule.swedish.org'; } else if (window.location.origin.toLowerCase().includes('providence')) { baseUrl = 'www.providence.org'; } const canon = document.querySelector('link[rel="canonical"]'); if (canon !== null) { canon.href = `https://${baseUrl}${window.location.pathname}?page=${this.state.filters.page}`; } } /* If we're sending a page that is greater than results paginated, reset to page one and redo the search. */ if (results.providersCount > 0 && results.results.length === 0) { this.state.filters.page = 1; return this.handleSubmit(); } else if (this.state.filters.pages === 0) { this.state.filters.page = 1; } /* Determine if we have results or not and display appropriate text. */ let resultsHtml = ''; if (this.state.description) { resultsHtml += `${this.state.description}
`; this.state.description = false; } /** * If we have the testing parameter added for internal testing and the type object is present on the API * response, then we're going to render that content above the search results. */ if (isTest && results.info?.type?.length) { resultsHtml += `${results.info.type.join(', ')}
Showing ${count.toLocaleString()} Results From ${results.geoip.zip}
`; } else if(results.geoip.city !== undefined){ resultsHtml += `Showing ${count.toLocaleString()} Results From ${results.geoip.city}
`; } else if(results.geoip.county !== undefined){ resultsHtml += `Showing ${count.toLocaleString()} Results From ${results.geoip.county}
`; } else if(results.geoip.state !== undefined){ resultsHtml += `Showing ${count.toLocaleString()} Results From ${results.geoip.state}
`; }else { resultsHtml += `Showing ${count.toLocaleString()} Results
`; } } catch (err) { resultsHtml += `Showing ${count.toLocaleString()} Results
`; console.error('resultsCount:\n', err); } } this.state.disclaimerSearch ? resultsHtml += '${descr}
${rating} ${offersVirtual} ${AcceptingClinicVisits} ${isTest && Tier ? `${curr}
`, '') + '${key}: ${searchFeatures[key]?.similarityScore.toFixed(3)}
`, '') + 'Searching for upcoming appointments...