\n handleChange(e)}\n onBlur={e => handleBlur()}\n ref={inputRef} \n placeholder={selectedCountry?.placeholder || searchBoxPlaceholder}\n />\n
\n );\n };\n\n let suggestionsControllersArray = [];\n if (coveoAutocompleteFields) {\n const autocompleteFieldsArray = coveoAutocompleteFields.split('|');\n\n autocompleteFieldsArray.forEach(field => {\n const suggestionsController = buildFieldSuggestions(engine, {\n options: {\n facet: {\n field: field,\n facetId: `${field}-facet`,\n facetSearch: {\n numberOfValues: 1\n }\n }\n }\n });\n suggestionsControllersArray.push(suggestionsController);\n });\n }\n\n useEventBus(\n 'geolocation-received',\n ({ payload }) => {\n if (payload.Module != module) {\n return;\n }\n\n if (externalSubmitHandler !== null && searchWithInfoRedirect === null && searchNoInfoRedirect === null) {\n return;\n }\n\n let cookieData = getLocationCookie(locationCookieName);\n if (cookieData) {\n setGeolocationData(cookieData);\n }\n \n const countryRedirect = cookieData.Country === 'USA' ? urlUsa : urlCanada;\n const queryString = `?value=${cookieData.value}&country=${cookieData.country}&State=${cookieData.State}&LastSearchValue=${cookieData.LastSearchValue}&ssl_levelsofcare_01=${cookieData.ssl_levelsofcare_01}&Longitude=${cookieData.Longitude}&Latitude=${cookieData.Latitude}#f-ssl_levelsofcare_01=${cookieData.ssl_levelsofcare_01}`;\n\n let url = ''\n if (cookieData.State) {\n url = `${countryRedirect}${searchWithInfoRedirect}/${cookieData.State.toLowerCase()}${queryString}`;\n } else if (cookieData.Latitude && cookieData.Longitude && cookieData.LastSearchValue.length > 0) {\n url = `${countryRedirect}${searchWithInfoRedirect}${queryString}`;\n } else {\n url = `${countryRedirect}${searchNoInfoRedirect}`;\n }\n \n window.location.href = url;\n },\n []\n );\n\n const handleLocationQuery = (searchInputValue, selectedCountry, selectedCareType, selectedDistance) => {\n dispatch({\n type: 'get-zip-geolocation',\n payload: {\n value: searchInputValue,\n country: `${selectedCountry.value === 'us' ? 'USA' : 'CANADA'}`,\n moduleName: module\n }\n });\n\n const data = {\n value: searchInputValue,\n country: selectedCountry ? selectedCountry.value : null,\n ssl_levelsofcare_01: selectedCareType ? selectedCareType.value : null,\n distance: selectedDistance ? selectedDistance.value : null\n };\n\n setLocationCookie(data);\n\n return null;\n };\n\n const handleSubmit = () => {\n if (searchInputValue) {\n const selectedOption = selectedCareType ? selectedCareType.label : '';\n submitGoogleEvent(searchInputValue, selectedOption);\n\n if (externalSubmitHandler !== null) {\n externalSubmitHandler(searchInputValue, selectedCountry, selectedCareType, selectedDistance);\n } else {\n handleLocationQuery(searchInputValue, selectedCountry, selectedCareType, selectedDistance);\n }\n }\n };\n\n const handleCountryChange = (eventOption) => {\n let selectedOption;\n if (eventOption !== null) {\n selectedOption = JSON.parse(countryOptions).find(option => option.value === eventOption.value);\n }\n\n if (onCountryChange) {\n onCountryChange(selectedOption);\n }\n\n setSelectedCountry(selectedOption);\n setSearchInputValue('');\n };\n\n const handleCareTypeChange = (eventOption) => {\n let selectedOption = null;\n if (eventOption !== null) {\n selectedOption = JSON.parse(careTypeOptions).find(option => option.value === eventOption.value);\n }\n\n setSelectedCareType(selectedOption);\n setLocationCookie(JSON.parse('{\"ssl_levelsofcare_01\": \"' + selectedOption.value + '\"}'));\n \n if (onCareTypeChange) {\n onCareTypeChange(selectedOption);\n }\n };\n\n const handleDistanceChange = (eventOption) => {\n let selectedOption = null;\n if (eventOption !== null) {\n selectedOption = JSON.parse(distanceOptions).find( option => option.value === eventOption.value);\n }\n\n setSelectedDistance(selectedOption);\n\n if (onDistanceChange) onDistanceChange(selectedOption);\n };\n\n const submitGoogleEvent = (searchTerm, selectedOption) => {\n const eventData = {\n event: \"search\",\n detailed_event: \"Search\",\n event_data: {\n identifier: \"community_search\",\n name: \"community_search\",\n corrected_term: searchTerm,\n search_term: searchTerm,\n search_type: selectedOption\n }\n };\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({ event_data: null });\n window.dataLayer.push(eventData);\n };\n\n return (\n <>\n 0 && distanceOptions.length > 0 ? 'location-selector-headless__container--three-dropdowns' : 'location-selector-headless__container--two-dropdowns'}`}>\n \n {searchButtonLabel}\n \n \n
\n \n );\n};\n\nexport default LocationSelector;\n","// /**\n// * Checks browser is running on a native mobile device\n// */\nexport const isDevice = () => {\n const userAgent = navigator.userAgent || navigator.vendor || window.opera;\n\n if (\n /windows phone/i.test(userAgent) ||\n /android/i.test(userAgent) ||\n (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream)\n ) {\n return true;\n }\n\n return false;\n};\n\nexport const isEmpty = element => {\n if (element.textContent.trim() === '') {\n return true;\n }\n};\n\nexport const isInViewport = element => {\n const rect = element.getBoundingClientRect();\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n};\n\nexport const checkTrustarc = (cookie, permit) => {\n if (cookie) {\n if (!(String(cookie)).includes(permit)) {\n return true;\n }\n\n return false;\n }\n};\n\n// for local development purposes\nexport const getFakeLocation = () => {\n if (window.location.hostname === 'localhost') {\n return {\n lat: 42.3612,\n lng: -71.0519,\n countryState: 'MA',\n zipCode: '02108'\n }\n }\n return {};\n};\n\nexport const getCurrentPathnameWithoutLanguage = () => {\n const pathname = window.location.pathname;\n const language = pathname.split('/')[1];\n\n if (language === 'en' || language === 'fr') {\n return pathname.replace(`/${language}`, '');\n }\n\n return pathname;\n}\n","import React, { useEffect } from 'react';\n\nlet subscribers = [];\n\nconst subscribe = (filter, callback) => {\n if (filter === undefined || filter === null) return undefined;\n if (callback === undefined || callback === null) return undefined;\n\n subscribers = [...subscribers, [filter, callback]];\n\n return () => {\n subscribers = subscribers.filter(subscriber => subscriber[1] !== callback);\n };\n};\n\nexport const dispatch = event => {\n let { type } = event;\n if (typeof event === 'string') type = event;\n\n const args = [];\n if (typeof event === 'string') args.push({ type });\n else args.push(event);\n\n subscribers.forEach(([filter, callback]) => {\n if (typeof filter === 'string' && filter !== type) return;\n if (Array.isArray(filter) && !filter.includes(type)) return;\n if (filter instanceof RegExp && !filter.test(type)) return;\n if (typeof filter === 'function' && !filter(...args)) return;\n\n callback(...args);\n });\n};\n\nconst useEventBus = (type, callback, deps = []) => {\n useEffect(() => subscribe(type, callback), deps);\n\n return dispatch;\n};\n\nexport default useEventBus;\n"],"sourceRoot":""}\n {countryOptions.length > 0 && (\n
\n {careTypeOptions.length > 0 && (\n \n
\n )}\n \n
\n \n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n )}\n {distanceOptions.length > 0 && (\n \n
\n \n
\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n