\n \n {items.map((item, i) => (\n \n ))}\n \n
\n );\n});\n\nSelect.displayName = \"Form.Select\";\n\nSelect.propTypes = {\n id: PropTypes.string.isRequired,\n ariaLabel: PropTypes.string.isRequired,\n items: PropTypes.array.isRequired,\n onChange: PropTypes.func,\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default Select;\n","import React, { useMemo, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { usePopoverState, Popover, PopoverDisclosure } from \"reakit/Popover\";\nimport { useTranslation } from \"react-i18next\";\nimport { IconArrow, IconPin } from \"../../Icons\";\nimport Checkbox from \"../Checkbox\";\nimport { useQueryFilters } from \"frontend/hooks\";\n\nimport * as styles from \"./Dropdown.module.scss\";\n\nconst MultiSelect = ({\n ariaLabel,\n items,\n placeholder: initPlaceholder,\n disabled = false,\n initValue,\n ...checkboxProps\n}) => {\n const popover = usePopoverState({ gutter: 0, placement: \"bottom-start\" });\n\n const { t } = useTranslation();\n\n const { query } = useQueryFilters();\n\n const inputRefs = useRef([]);\n\n const placeholder = useMemo(() => {\n const values = query[checkboxProps.name];\n\n // Get the current values and return placeholder text\n if (values?.length > 0) {\n return items\n .filter((item) => values.includes(`${item.value}`))\n .map((item) => t(item.labelKey, { ns: \"categories\" }))\n .join(\", \");\n }\n\n return initPlaceholder;\n }, [query, checkboxProps.name, initPlaceholder, items, t]);\n\n // These fields should reset to false, not the inital value.\n useEffect(() => {\n if (!inputRefs.current || !initValue) return;\n\n inputRefs.current.forEach((ref) => {\n if (initValue.includes(ref.value)) {\n ref.checked = true;\n }\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n \n \n {placeholder}\n \n \n
\n );\n};\n\nMultiSelect.propTypes = {\n id: PropTypes.string.isRequired,\n ariaLabel: PropTypes.string.isRequired,\n items: PropTypes.array.isRequired,\n onChange: PropTypes.func,\n placeholder: PropTypes.string,\n disabled: PropTypes.bool,\n initValue: PropTypes.oneOf([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n};\n\nexport default MultiSelect;\n","import Select from \"./Select\";\nimport MultiSelect from \"./MultiSelect\";\n\nexport default Select;\nexport { MultiSelect };\n","import React from \"react\";\nimport { useQueryFilters } from \"frontend/hooks\";\nimport PropTypes from \"prop-types\";\n\nconst Form = ({ children, className, id, role }) => {\n const { updateQuery } = useQueryFilters();\n\n function handleSubmit(event) {\n event.preventDefault();\n\n const form = event.target;\n const formData = new FormData(form);\n const formDataObj = Object.fromEntries(formData);\n\n const date = formData.getAll(\"date\");\n const time = formData.getAll(\"time\");\n const category = formData.getAll(\"category\");\n const attribute = formData.getAll(\"attribute\");\n const q = formDataObj.q;\n\n updateQuery({\n ...formDataObj,\n date,\n time,\n category,\n attribute,\n ...(q ? { lat: null, lng: null } : {}),\n });\n }\n\n return (\n - \n {items.map(({ labelKey, value, pinColor, icon }, i) => (\n
- \n
\n
\n );\n};\n\nBackToSite.propTypes = {};\n\nexport default BackToSite;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"yqCP0w409SKnFYo1smmo\";\nexport { _1 as \"backToSite\" }\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useGlobal } from \"frontend/hooks\";\nimport * as styles from \"./Sponsors.module.scss\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Sponsors = ({ bgColor }) => {\n const { sponsors: sponsorsData } = useGlobal();\n\n const { t, i18n } = useTranslation();\n\n const renderSponsorLogo = (sponsor) => (\n \n {t(\"results.sponsor_tagline\")}\n
\n - \n {sponsors.map((sponsor) => (\n
- \n {sponsor.url.en ? (\n
\n {menu.visible && (\n \n )}\n\n \n {menu.visible ? (\n <>\n \n
\n - \n
- \n
\n \n {languages && languages.length > 0 && (\n - \n
\n \n ))}\n
\n \n
\n \n \n );\n};\n\nMenu.propTypes = {};\n\nexport default Menu;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { useLocations, useProgress } from \"frontend/hooks\";\n\nimport * as styles from \"./ProgressBar.module.scss\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ProgressBar = ({ containerClass }) => {\n const { isLoading } = useLocations();\n const value = useProgress(isLoading);\n const { t } = useTranslation();\n\n const barStyle = {\n width: `${value}%`,\n };\n\n return (\n {value}%
\n \n )}\n \n );\n};\n\nProgressBar.propTypes = {\n containerClass: PropTypes.string,\n};\n\nexport default ProgressBar;\n","import { useEffect, useState, useRef } from \"react\";\n\nexport default function useProgress(isLoading) {\n const [value, setValue] = useState(100);\n const timeoutRef = useRef();\n\n useEffect(() => {\n const step = 0.5;\n let current = 0;\n\n if (isLoading) {\n setValue(0);\n\n timeoutRef.current = setInterval(function () {\n current += step;\n const progress =\n Math.round((Math.atan(current) / (Math.PI / 2)) * 100 * 1000) / 1000;\n\n if (progress >= 100) {\n setValue(100);\n clearInterval(timeoutRef.current);\n } else {\n setValue(progress);\n }\n }, 100);\n } else {\n clearInterval(timeoutRef.current);\n setValue(100);\n }\n\n return () => {\n // Clean up any existing timeouts\n clearTimeout(timeoutRef.current);\n };\n }, [isLoading, setValue]);\n\n return value;\n}\n","// extracted by mini-css-extract-plugin\nvar _1 = \"glJyLBTTXxh_3kklXYmq\";\nvar _2 = \"NalQIIMVmzF_vV8SN6tT\";\nexport { _1 as \"progress\", _2 as \"progress__bar\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { Link as RouterLink, useLocation } from \"react-router-dom\";\nimport Logo from \"../Logo\";\nimport Menu from \"../Menu\";\nimport SelectLanguage from \"../SelectLanguage\";\nimport BackToSite from \"../BackToSite\";\nimport ProgressBar from \"../ProgressBar\";\nimport { useQueryFilters, useGlobal } from \"frontend/hooks\";\n\nimport * as styles from \"./SiteHeader.module.scss\";\n\nconst SiteHeader = ({ containerClass }) => {\n const location = useLocation();\n const { clearQuery } = useQueryFilters();\n const { title } = useGlobal();\n\n const handleClick = (e) => {\n const { pathname } = location;\n if (pathname === \"/\") {\n clearQuery();\n }\n };\n\n return (\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n
\n - \n {categories.map(({ id, icon, pin_color, pinColor }) => (\n
\n \n {t(`category_${id}`, { ns: \"categories\" })}\n \n {showDescriptions && (\n
\n \n ))}\n {t(`category_${id}_description`, { ns: \"categories\" })}
\n )}\n\n
\n );\n};\n\nDistance.propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default Distance;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"GuvF6qDrnUkBB1cT921Q\";\nexport { _1 as \"distance\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst AttributeIcon = ({ icon, large }) => {\n if (!icon) return null;\n\n return (\n \n 
\n
\n );\n};\n\nAttributeIcon.propTypes = {\n large: PropTypes.bool,\n icon: PropTypes.string,\n};\n\nexport default AttributeIcon;\n","var globalState = {\n currentTooltipId: null,\n listeners: new Set(),\n subscribe: function subscribe(listener) {\n var _this = this;\n\n this.listeners.add(listener);\n return function () {\n _this.listeners.delete(listener);\n };\n },\n show: function show(id) {\n this.currentTooltipId = id;\n this.listeners.forEach(function (listener) {\n return listener(id);\n });\n },\n hide: function hide(id) {\n if (this.currentTooltipId === id) {\n this.currentTooltipId = null;\n this.listeners.forEach(function (listener) {\n return listener(null);\n });\n }\n }\n};\n\nexport { globalState as g };\n","// Automatically generated\nvar TOOLTIP_STATE_KEYS = [\"baseId\", \"unstable_idCountRef\", \"visible\", \"animated\", \"animating\", \"setBaseId\", \"show\", \"hide\", \"toggle\", \"setVisible\", \"setAnimated\", \"stopAnimation\", \"unstable_disclosureRef\", \"unstable_referenceRef\", \"unstable_popoverRef\", \"unstable_arrowRef\", \"unstable_popoverStyles\", \"unstable_arrowStyles\", \"unstable_originalPlacement\", \"unstable_update\", \"placement\", \"place\", \"unstable_timeout\", \"unstable_setTimeout\"];\nvar TOOLTIP_KEYS = [].concat(TOOLTIP_STATE_KEYS, [\"unstable_portal\"]);\nvar TOOLTIP_ARROW_KEYS = TOOLTIP_STATE_KEYS;\nvar TOOLTIP_REFERENCE_KEYS = TOOLTIP_ARROW_KEYS;\n\nexport { TOOLTIP_KEYS as T, TOOLTIP_ARROW_KEYS as a, TOOLTIP_REFERENCE_KEYS as b };\n","import { _ as _objectWithoutPropertiesLoose, a as _objectSpread2 } from '../_rollupPluginBabelHelpers-1f0bf8c2.js';\nimport { createComponent } from 'reakit-system/createComponent';\nimport { createHook } from 'reakit-system/createHook';\nimport 'reakit-utils/shallowEqual';\nimport { useCallback } from 'react';\nimport { useForkRef } from 'reakit-utils/useForkRef';\nimport { useLiveRef } from 'reakit-utils/useLiveRef';\nimport { useRole } from '../Role/Role.js';\nimport { b as TOOLTIP_REFERENCE_KEYS } from '../__keys-d101cb3b.js';\n\nvar useTooltipReference = createHook({\n name: \"TooltipReference\",\n compose: useRole,\n keys: TOOLTIP_REFERENCE_KEYS,\n useProps: function useProps(options, _ref) {\n var htmlRef = _ref.ref,\n htmlOnFocus = _ref.onFocus,\n htmlOnBlur = _ref.onBlur,\n htmlOnMouseEnter = _ref.onMouseEnter,\n htmlOnMouseLeave = _ref.onMouseLeave,\n htmlProps = _objectWithoutPropertiesLoose(_ref, [\"ref\", \"onFocus\", \"onBlur\", \"onMouseEnter\", \"onMouseLeave\"]);\n\n var onFocusRef = useLiveRef(htmlOnFocus);\n var onBlurRef = useLiveRef(htmlOnBlur);\n var onMouseEnterRef = useLiveRef(htmlOnMouseEnter);\n var onMouseLeaveRef = useLiveRef(htmlOnMouseLeave);\n var onFocus = useCallback(function (event) {\n var _onFocusRef$current, _options$show;\n\n (_onFocusRef$current = onFocusRef.current) === null || _onFocusRef$current === void 0 ? void 0 : _onFocusRef$current.call(onFocusRef, event);\n if (event.defaultPrevented) return;\n (_options$show = options.show) === null || _options$show === void 0 ? void 0 : _options$show.call(options);\n }, [options.show]);\n var onBlur = useCallback(function (event) {\n var _onBlurRef$current, _options$hide;\n\n (_onBlurRef$current = onBlurRef.current) === null || _onBlurRef$current === void 0 ? void 0 : _onBlurRef$current.call(onBlurRef, event);\n if (event.defaultPrevented) return;\n (_options$hide = options.hide) === null || _options$hide === void 0 ? void 0 : _options$hide.call(options);\n }, [options.hide]);\n var onMouseEnter = useCallback(function (event) {\n var _onMouseEnterRef$curr, _options$show2;\n\n (_onMouseEnterRef$curr = onMouseEnterRef.current) === null || _onMouseEnterRef$curr === void 0 ? void 0 : _onMouseEnterRef$curr.call(onMouseEnterRef, event);\n if (event.defaultPrevented) return;\n (_options$show2 = options.show) === null || _options$show2 === void 0 ? void 0 : _options$show2.call(options);\n }, [options.show]);\n var onMouseLeave = useCallback(function (event) {\n var _onMouseLeaveRef$curr, _options$hide2;\n\n (_onMouseLeaveRef$curr = onMouseLeaveRef.current) === null || _onMouseLeaveRef$curr === void 0 ? void 0 : _onMouseLeaveRef$curr.call(onMouseLeaveRef, event);\n if (event.defaultPrevented) return;\n (_options$hide2 = options.hide) === null || _options$hide2 === void 0 ? void 0 : _options$hide2.call(options);\n }, [options.hide]);\n return _objectSpread2({\n ref: useForkRef(options.unstable_referenceRef, htmlRef),\n tabIndex: 0,\n onFocus: onFocus,\n onBlur: onBlur,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n \"aria-describedby\": options.baseId\n }, htmlProps);\n }\n});\nvar TooltipReference = createComponent({\n as: \"div\",\n useHook: useTooltipReference\n});\n\nexport { TooltipReference, useTooltipReference };\n","import { _ as _objectWithoutPropertiesLoose, a as _objectSpread2 } from '../_rollupPluginBabelHelpers-1f0bf8c2.js';\nimport { createComponent } from 'reakit-system/createComponent';\nimport { createHook } from 'reakit-system/createHook';\nimport 'reakit-utils/shallowEqual';\nimport { useEffect, useCallback, createElement } from 'react';\nimport { useForkRef } from 'reakit-utils/useForkRef';\nimport 'reakit-utils/useLiveRef';\nimport 'reakit-utils/isSelfTarget';\nimport 'reakit-utils/useIsomorphicEffect';\nimport '../Role/Role.js';\nimport { getDocument } from 'reakit-utils/getDocument';\nimport 'reakit-utils/canUseDOM';\nimport '../__keys-e6a5cfbe.js';\nimport { useDisclosureContent } from '../Disclosure/DisclosureContent.js';\nimport 'react-dom';\nimport { Portal } from '../Portal/Portal.js';\nimport { T as TOOLTIP_KEYS } from '../__keys-d101cb3b.js';\nimport { g as globalState } from '../__globalState-300469f0.js';\n\nfunction globallyHideTooltipOnEscape(event) {\n if (event.defaultPrevented) return;\n\n if (event.key === \"Escape\") {\n globalState.show(null);\n }\n}\n\nvar useTooltip = createHook({\n name: \"Tooltip\",\n compose: useDisclosureContent,\n keys: TOOLTIP_KEYS,\n useOptions: function useOptions(_ref) {\n var _ref$unstable_portal = _ref.unstable_portal,\n unstable_portal = _ref$unstable_portal === void 0 ? true : _ref$unstable_portal,\n options = _objectWithoutPropertiesLoose(_ref, [\"unstable_portal\"]);\n\n return _objectSpread2({\n unstable_portal: unstable_portal\n }, options);\n },\n useProps: function useProps(options, _ref2) {\n var htmlRef = _ref2.ref,\n htmlStyle = _ref2.style,\n htmlWrapElement = _ref2.wrapElement,\n htmlProps = _objectWithoutPropertiesLoose(_ref2, [\"ref\", \"style\", \"wrapElement\"]);\n\n useEffect(function () {\n var _options$unstable_pop;\n\n var document = getDocument((_options$unstable_pop = options.unstable_popoverRef) === null || _options$unstable_pop === void 0 ? void 0 : _options$unstable_pop.current);\n document.addEventListener(\"keydown\", globallyHideTooltipOnEscape);\n }, []);\n var wrapElement = useCallback(function (element) {\n if (options.unstable_portal) {\n element = /*#__PURE__*/createElement(Portal, null, element);\n }\n\n if (htmlWrapElement) {\n return htmlWrapElement(element);\n }\n\n return element;\n }, [options.unstable_portal, htmlWrapElement]);\n return _objectSpread2({\n ref: useForkRef(options.unstable_popoverRef, htmlRef),\n role: \"tooltip\",\n style: _objectSpread2(_objectSpread2({}, options.unstable_popoverStyles), {}, {\n pointerEvents: \"none\"\n }, htmlStyle),\n wrapElement: wrapElement\n }, htmlProps);\n }\n});\nvar Tooltip = createComponent({\n as: \"div\",\n memo: true,\n useHook: useTooltip\n});\n\nexport { Tooltip, useTooltip };\n","import { _ as _objectWithoutPropertiesLoose, a as _objectSpread2 } from '../_rollupPluginBabelHelpers-1f0bf8c2.js';\nimport { createComponent } from 'reakit-system/createComponent';\nimport { createHook } from 'reakit-system/createHook';\nimport 'reakit-utils/shallowEqual';\nimport { useMemo, createElement } from 'react';\nimport { useForkRef } from 'reakit-utils/useForkRef';\nimport { useRole } from '../Role/Role.js';\nimport { a as POPOVER_ARROW_KEYS } from '../__keys-26bb1730.js';\n\nvar usePopoverArrow = createHook({\n name: \"PopoverArrow\",\n compose: useRole,\n keys: POPOVER_ARROW_KEYS,\n useOptions: function useOptions(_ref) {\n var _ref$size = _ref.size,\n size = _ref$size === void 0 ? 30 : _ref$size,\n options = _objectWithoutPropertiesLoose(_ref, [\"size\"]);\n\n return _objectSpread2({\n size: size\n }, options);\n },\n useProps: function useProps(options, _ref2) {\n var _objectSpread2$1;\n\n var htmlRef = _ref2.ref,\n htmlStyle = _ref2.style,\n htmlProps = _objectWithoutPropertiesLoose(_ref2, [\"ref\", \"style\"]);\n\n var _options$placement$sp = options.placement.split(\"-\"),\n placement = _options$placement$sp[0];\n\n var transformMap = {\n top: \"rotateZ(180deg)\",\n right: \"rotateZ(-90deg)\",\n bottom: \"rotateZ(360deg)\",\n left: \"rotateZ(90deg)\"\n };\n var arrowStyles = options.unstable_arrowStyles;\n var transform = transformMap[placement];\n var children = useMemo(function () {\n return /*#__PURE__*/createElement(\"svg\", {\n viewBox: \"0 0 30 30\",\n style: {\n transform: transform\n }\n }, /*#__PURE__*/createElement(\"path\", {\n className: \"stroke\",\n d: \"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"\n }), /*#__PURE__*/createElement(\"path\", {\n className: \"fill\",\n d: \"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n }));\n }, [transform]);\n return _objectSpread2({\n ref: useForkRef(options.unstable_arrowRef, htmlRef),\n style: _objectSpread2(_objectSpread2({}, arrowStyles), {}, (_objectSpread2$1 = {\n fontSize: options.size,\n width: \"1em\",\n height: \"1em\",\n pointerEvents: \"none\"\n }, _objectSpread2$1[placement] = \"100%\", _objectSpread2$1), htmlStyle),\n children: children\n }, htmlProps);\n }\n});\nvar PopoverArrow = createComponent({\n as: \"div\",\n memo: true,\n useHook: usePopoverArrow\n});\n\nexport { PopoverArrow, usePopoverArrow };\n","import { _ as _objectWithoutPropertiesLoose, a as _objectSpread2 } from '../_rollupPluginBabelHelpers-1f0bf8c2.js';\nimport { createComponent } from 'reakit-system/createComponent';\nimport { createHook } from 'reakit-system/createHook';\nimport 'reakit-utils/shallowEqual';\nimport 'react';\nimport 'reakit-utils/useForkRef';\nimport '../Role/Role.js';\nimport '../__keys-26bb1730.js';\nimport { usePopoverArrow } from '../Popover/PopoverArrow.js';\nimport { a as TOOLTIP_ARROW_KEYS } from '../__keys-d101cb3b.js';\n\nvar useTooltipArrow = createHook({\n name: \"TooltipArrow\",\n compose: usePopoverArrow,\n keys: TOOLTIP_ARROW_KEYS,\n useOptions: function useOptions(_ref) {\n var _ref$size = _ref.size,\n size = _ref$size === void 0 ? 16 : _ref$size,\n options = _objectWithoutPropertiesLoose(_ref, [\"size\"]);\n\n return _objectSpread2({\n size: size\n }, options);\n }\n});\nvar TooltipArrow = createComponent({\n as: \"div\",\n memo: true,\n useHook: useTooltipArrow\n});\n\nexport { TooltipArrow, useTooltipArrow };\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {\n useTooltipState,\n Tooltip as ReakitTooltip,\n TooltipArrow,\n TooltipReference,\n} from \"reakit/Tooltip\";\nimport { Button } from \"reakit/Button\";\n\nimport * as styles from \"./Tooltip.module.scss\";\n\nconst Tooltip = ({ children, text, ...props }) => {\n const tooltip = useTooltipState();\n\n return (\n <>\n \n \n \n {categories && categories.length > 0 && (\n
\n {name}
\n {distance &&\n
\n )}\n \n
\n \n
{comment}
}\n {attributes && attributes.length > 0 && (\n\n {((locationHours && locationHours.length > 0) || hoursComment) && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n \n {locationHours && (\n
\n \n )}\n {phone && (\n <>\n - \n {getFormattedHours(locationHours, language).map(\n (item, i) => (\n
{hoursComment}
}\n {closures && (\n- \n {getFormattedClosures(closures, language).map((item, i) => (\n
- \n {item.date}: {item.comment}\n \n ))}\n
\n
\n \n {phone}\n
\n \n )}\n {address && (\n <>\n\n
\n {address}
\n \n )}\n {website && (\n <>\n\n
\n \n \n {website}\n \n
\n \n )}\n {servedAreas && servedAreas.length > 0 && (\n <>\n\n
\n - {servedAreas &&
- {servedAreas.join(\", \")} }
\n \n {\n window.print();\n }}\n >\n
\n \n
\n \n
\n \n );\n};\n\nHeader.propTypes = {};\n\nexport default Header;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"yneOZgotDYemtaUJoBS2\";\nvar _2 = \"JPW6eZsKxOVU6h_RuBAx\";\nexport { _1 as \"header\", _2 as \"header__title\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { useTranslation } from \"react-i18next\";\nimport { useMobile } from \"frontend/hooks\";\nimport { Button } from \"../ButtonOrLink\";\nimport { IconOpenClose } from \"../Icons\";\n\nimport * as styles from \"./MobileToggle.module.scss\";\n\nconst MobileToggle = ({ containerClass }) => {\n const { t } = useTranslation();\n const { filtersOpen, view, setView, toggleFiltersOpen } = useMobile();\n\n const values = [\"results\", \"map\"];\n\n return (\n \n \n {isLoading ? (\n
\n );\n};\n\nUserLocationButton.propTypes = {\n onClick: PropTypes.func,\n className: PropTypes.string,\n};\n\nexport default UserLocationButton;\n","export default function isEmpty(obj) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) return false;\n }\n return true;\n}\n","// extracted by mini-css-extract-plugin\nvar _1 = \"FqBgtM_1dLBTO7ES1O0x\";\nvar _2 = \"mtlB5elg0AWi_wZxQnaq\";\nvar _3 = \"MJcZwAfGQ12c7fnz2lKl\";\nexport { _1 as \"button\", _2 as \"icon\", _3 as \"text\" }\n","import React, { useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button } from \"../../ButtonOrLink\";\nimport { IconArrow } from \"../../Icons\";\nimport { useLocations, useMobile } from \"frontend/hooks\";\n\nimport * as styles from \"./FiltersSearch.module.scss\";\nimport UserLocationButton from \"./UserLocationButton\";\n\nconst FiltersSearch = ({ initValue = \"\" }) => {\n const { t } = useTranslation();\n const { isLoading } = useLocations();\n const { searchOpen, toggleSearchOpen } = useMobile();\n const inputRef = useRef(null);\n\n const handleSearchToggle = (event) => {\n event.preventDefault();\n toggleSearchOpen();\n };\n\n const resetInput = () => {\n if (inputRef.current) {\n inputRef.current.value = \"\";\n }\n };\n\n // This field should reset to an empty string, not the inital value.\n useEffect(() => {\n if (!inputRef.current) return;\n inputRef.current.value = initValue;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <>\n \n \n
\n \n \n
\n \n \n
\n );\n};\n\nFiltersCategory.propTypes = {\n onCategoryChange: PropTypes.func,\n categories: PropTypes.arrayOf(PropTypes.shape(filterShape)),\n isCampaign: PropTypes.bool,\n initValue: PropTypes.oneOf([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n};\n\nexport default FiltersCategory;\n","import React, { useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocations } from \"frontend/hooks\";\nimport { DEFAULT_FILTERS, DISTANCE_LIST } from \"frontend/shared/constants\";\nimport { Dropdown } from \"../form\";\n\nimport * as styles from \"./Filters.module.scss\";\n\nconst FiltersDistance = ({ initValue }) => {\n const { t } = useTranslation();\n const { mapMeta } = useLocations();\n\n const ref = useRef(null);\n\n const handleChange = (event) => {\n const form = ref.current?.form;\n\n if (form) {\n form.requestSubmit();\n }\n };\n\n // This field should reset to an empty string, not the inital value.\n useEffect(() => {\n if (!initValue || !ref.current) return;\n\n ref.current.value = initValue;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n \n
\n );\n};\n\nFiltersDistance.propTypes = {\n initValue: PropTypes.string,\n};\n\nexport default FiltersDistance;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"ZRwBmtRARLtm695kFegI\";\nvar _2 = \"ArLyq7FQ43Jg_EQbk79i\";\nexport { _1 as \"filtersopen__item\", _2 as \"filtersopen__list\" }\n","import React, { useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { OPEN_LIST, OPEN_TIME_LIST } from \"../../../shared/constants\";\nimport { Checkbox } from \"../../form\";\n\nimport * as styles from \"./FiltersOpen.module.scss\";\nimport * as filterStyles from \"../Filters.module.scss\";\n\nconst FiltersOpen = ({ initDateValue, initTimeValue }) => {\n const { t } = useTranslation();\n const timeRef = useRef(null);\n const dateRefs = useRef([]);\n\n function handleChange(event) {\n const form = event.target?.form;\n\n if (form) {\n form.requestSubmit();\n }\n }\n\n // These fields should reset to false, not the inital value.\n useEffect(() => {\n if (!timeRef.current || !dateRefs.current) return;\n timeRef.current.checked = initTimeValue;\n\n if (!initDateValue) return;\n\n dateRefs.current.forEach((ref) => {\n if (initDateValue.includes(ref.value)) {\n ref.checked = true;\n }\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n \n
\n );\n};\n\nFiltersOpen.propTypes = {\n initDateValue: PropTypes.string,\n initTimeValue: PropTypes.string,\n};\n\nexport default FiltersOpen;\n","import React, { useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport AttributeIcon from \"../AttributeIcon\";\n\nimport * as styles from \"./AttributeFilter.module.scss\";\n\nconst AttributeFilter = ({\n labelKey,\n value,\n icon,\n initChecked = false,\n ...checkboxProps\n}) => {\n const { t } = useTranslation();\n\n const inputRef = useRef();\n\n // These fields should reset to false, not the inital value.\n useEffect(() => {\n if (!inputRef.current) return;\n\n inputRef.current.checked = initChecked;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n );\n};\n\nAttributeFilter.propTypes = {\n labelKey: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n checked: PropTypes.bool,\n icon: PropTypes.string,\n initChecked: PropTypes.bool,\n};\n\nexport default AttributeFilter;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"st_raVTDTH3tgXlDbKkR\";\nvar _2 = \"h0eMhFE5A1d2bDZrpM5Y\";\nvar _3 = \"tsI32gi2wjHm4xwbKY5S\";\nvar _4 = \"HYFRpVqyMaHLbLpNSWCU\";\nexport { _1 as \"checkbox\", _2 as \"checkbox__check\", _3 as \"checkbox__input\", _4 as \"checkbox__label\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { filterShape } from \"frontend/shapes\";\nimport AttributeFilter from \"../../AttributeFilter\";\n\nimport * as styles from \"./FiltersAttributes.module.scss\";\n\nconst FiltersAttributes = ({ attributes, initValue }) => {\n const { t } = useTranslation();\n\n if (!attributes) return null;\n\n const handleChange = (event) => {\n const form = event.target?.form;\n\n if (form) {\n form.requestSubmit();\n }\n };\n\n return (\n \n \n
\n );\n};\n\nFiltersAttributes.propTypes = {\n checkboxState: PropTypes.object,\n attributes: PropTypes.arrayOf(PropTypes.shape(filterShape)),\n initValue: PropTypes.oneOf([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n};\n\nexport default FiltersAttributes;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"lTFXgZDoZ7zFJx2o181Z\";\nvar _2 = \"qs2xCl48KIsjklGVX6YL\";\nexport { _1 as \"filtersattributes__item\", _2 as \"filtersattributes__list\" }\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocations, useMobile } from \"frontend/hooks\";\nimport { Button } from \"../../ButtonOrLink\";\nimport { IconSpinner } from \"../../Icons\";\n\nimport * as styles from \"./FiltersViewResults.module.scss\";\n\nfunction FiltersViewResults() {\n const { locations, isLoading } = useLocations();\n const { t } = useTranslation();\n const { toggleFiltersOpen } = useMobile();\n\n function handleClick(e) {\n e.preventDefault();\n toggleFiltersOpen();\n }\n\n return (\n \n \n
\n );\n}\n\nFiltersViewResults.propTypes = {};\n\nexport default FiltersViewResults;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"QAakmm4zSTrqubz5UBbL\";\nexport { _1 as \"filtersViewResults__loading\" }\n","import React, { useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { useGlobal, useQueryFilters } from \"frontend/hooks\";\n\nimport * as styles from \"./FiltersCampaign.module.scss\";\nimport { Radio } from \"../../form\";\n\nconst FiltersCampaign = ({ initValue }) => {\n const { t } = useTranslation();\n const { activeCampaign } = useGlobal();\n const { updateQuery } = useQueryFilters();\n const defaultRef = useRef(null);\n const campaignRef = useRef(null);\n\n function handleChange(event) {\n updateQuery({\n category: null,\n attribute: null,\n campaign: event.target.value,\n });\n }\n\n // This field should reset to default campaign.\n useEffect(() => {\n if (!defaultRef.current || !campaignRef.current) return null;\n const isDefaultCampaign = !initValue || initValue === \"0\";\n defaultRef.current.checked = isDefaultCampaign;\n campaignRef.current.checked = !isDefaultCampaign;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!activeCampaign?.id) return null;\n\n return (\n \n );\n};\n\nFiltersCampaign.propTypes = {\n initValue: PropTypes.string,\n};\n\nexport default FiltersCampaign;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"idQcLBFvi1uzfO49PVYm\";\nvar _2 = \"MU41WDFliOGwBlZ3gDjH\";\nvar _3 = \"r18Jxk7rN2fxRxvhysNQ\";\nexport { _1 as \"filtersCampaign__description\", _2 as \"filtersCampaign__label\", _3 as \"filtersCampaign__options\" }\n","import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport ResetButton from \"../form/ResetButton\";\nimport MobileToggle from \"../MobileToggle\";\nimport T from \"../Translate\";\nimport FiltersSearch from \"./FiltersSearch\";\nimport FiltersCategory from \"./FiltersCategory\";\nimport FiltersDistance from \"./FiltersDistance\";\nimport FiltersOpen from \"./FiltersOpen\";\nimport FiltersAttributes from \"./FiltersAttributes\";\nimport { useTranslation } from \"react-i18next\";\nimport { useGlobal, useQueryFilters } from \"frontend/hooks\";\nimport { filterShape } from \"frontend/shapes\";\nimport FiltersViewResults from \"./FiltersViewResults\";\n\nimport * as styles from \"./Filters.module.scss\";\nimport FiltersCampaign from \"./FiltersCampaign\";\nimport Form from \"../form/Form\";\n\nconst Filters = () => {\n const {\n categories: defaultCategories,\n attributes,\n activeCampaign,\n } = useGlobal();\n const { t } = useTranslation();\n const { query } = useQueryFilters();\n // States\n const hasCampaign = !!activeCampaign;\n\n const isCampaign = useMemo(() => query.campaign && query.campaign !== \"0\", [\n query.campaign,\n ]);\n\n const categories = useMemo(() => {\n const campaignCategories = activeCampaign?.categories ?? [];\n\n return isCampaign ? campaignCategories : defaultCategories;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isCampaign]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const initValues = useMemo(() => ({ ...query }), []);\n\n return (\n \n \n
\n {t(\"filters.header\")}
\n {hasCampaign && (\n\n
\n )}\n \n
\n {attributes && attributes.length > 0 && (\n \n
\n )}\n \n
\n \n \n );\n};\n\nFilters.propTypes = {\n attributes: PropTypes.arrayOf(PropTypes.shape(filterShape)),\n categories: PropTypes.arrayOf(PropTypes.shape(filterShape)),\n};\n\nexport default Filters;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { getDirectionsLink } from \"frontend/helpers\";\nimport { locationShape } from \"frontend/shapes\";\nimport Distance from \"../../Distance\";\nimport AttributeList from \"../../AttributeList\";\nimport CategoriesList from \"../../CategoriesList\";\nimport { Button } from \"../../ButtonOrLink\";\nimport T from \"../../Translate\";\n\nimport * as styles from \"./MapInfo.module.scss\";\n\nconst MapInfo = ({ location }) => {\n const {\n id,\n name,\n distance,\n latitude,\n longitude,\n address,\n location_attributes: attributes,\n location_categories: categories,\n } = location;\n\n return (\n \n
\n );\n};\n\nMapInfo.propTypes = {\n location: PropTypes.shape(locationShape).isRequired,\n};\n\nMapInfo.displayName = \"Map.Info\";\n\nexport default MapInfo;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"fE8kVos4svP2Q_OYXjTA\";\nvar _2 = \"rv5CYrjX9RQ6hdjMb5f7\";\nvar _3 = \"ORgMEKla6u2bqTgLRoIT\";\nvar _4 = \"yukG1mXNoMXgrZv77H4i\";\nexport { _1 as \"mapinfo__buttons\", _2 as \"mapinfo__categories\", _3 as \"mapinfo__details\", _4 as \"mapinfo__name\" }\n","import { jsx, Fragment, jsxs } from 'react/jsx-runtime';\nimport { createContext, useContext, memo, useState, useRef, useEffect, PureComponent, createRef, useMemo, Children, isValidElement, cloneElement } from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createPortal } from 'react-dom';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\nfunction __rest$1(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nfunction __awaiter$1(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nfunction __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\n\nfunction getDefaultExportFromCjs (x) {\n\treturn x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;\n}\n\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar NODE_ENV = process.env.NODE_ENV;\n\nvar invariant = function(condition, format, a, b, c, d, e, f) {\n if (NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error(\n 'Minified exception occurred; use the non-minified dev environment ' +\n 'for the full error message and additional helpful warnings.'\n );\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(\n format.replace(/%s/g, function() { return args[argIndex++]; })\n );\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\n\nvar invariant_1 = invariant;\n\nvar invariant$1 = /*@__PURE__*/getDefaultExportFromCjs(invariant_1);\n\nvar MapContext = createContext(null);\nfunction useGoogleMap() {\n invariant$1(!!useContext, 'useGoogleMap is React hook and requires React version 16.8+');\n var map = useContext(MapContext);\n invariant$1(!!map, 'useGoogleMap needs a GoogleMap available up in the tree');\n return map;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction reduce(obj, fn, acc) {\n return Object.keys(obj).reduce(function reducer(newAcc, key) {\n return fn(newAcc, obj[key], key);\n }, acc);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction forEach(obj, fn) {\n Object.keys(obj).forEach(function (key) {\n return fn(obj[key], key);\n });\n}\n\n/* global google */\nfunction applyUpdaterToNextProps(\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nupdaterMap, \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nprevProps, \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nnextProps, \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ninstance\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n var map = {};\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n var iter = function (fn, key) {\n var nextValue = nextProps[key];\n if (nextValue !== prevProps[key]) {\n map[key] = nextValue;\n fn(instance, nextValue);\n }\n };\n forEach(updaterMap, iter);\n return map;\n}\nfunction registerEvents(\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nprops, \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ninstance, eventMap) {\n var registeredList = reduce(eventMap, function reducer(acc, googleEventName, \n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onEventName) {\n if (typeof props[onEventName] === 'function') {\n acc.push(google.maps.event.addListener(instance, googleEventName, props[onEventName]));\n }\n return acc;\n }, []);\n return registeredList;\n}\nfunction unregisterEvent(registered) {\n google.maps.event.removeListener(registered);\n}\nfunction unregisterEvents(events) {\n if (events === void 0) { events = []; }\n events.forEach(unregisterEvent);\n}\nfunction applyUpdatersToPropsAndRegisterEvents(_a) {\n var updaterMap = _a.updaterMap, eventMap = _a.eventMap, prevProps = _a.prevProps, nextProps = _a.nextProps, instance = _a.instance;\n var registeredEvents = registerEvents(nextProps, instance, eventMap);\n applyUpdaterToNextProps(updaterMap, prevProps, nextProps, instance);\n return registeredEvents;\n}\n\nvar eventMap$i = {\n onDblClick: 'dblclick',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMapTypeIdChanged: 'maptypeid_changed',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseDown: 'mousedown',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n onTilesLoaded: 'tilesloaded',\n onBoundsChanged: 'bounds_changed',\n onCenterChanged: 'center_changed',\n onClick: 'click',\n onDrag: 'drag',\n onHeadingChanged: 'heading_changed',\n onIdle: 'idle',\n onProjectionChanged: 'projection_changed',\n onResize: 'resize',\n onTiltChanged: 'tilt_changed',\n onZoomChanged: 'zoom_changed',\n};\nvar updaterMap$i = {\n extraMapTypes: function (map, extra) {\n extra.forEach(function forEachExtra(it, i) {\n map.mapTypes.set(String(i), it);\n });\n },\n center: function (map, center) {\n map.setCenter(center);\n },\n clickableIcons: function (map, clickable) {\n map.setClickableIcons(clickable);\n },\n heading: function (map, heading) {\n map.setHeading(heading);\n },\n mapTypeId: function (map, mapTypeId) {\n map.setMapTypeId(mapTypeId);\n },\n options: function (map, options) {\n map.setOptions(options);\n },\n streetView: function (map, streetView) {\n map.setStreetView(streetView);\n },\n tilt: function (map, tilt) {\n map.setTilt(tilt);\n },\n zoom: function (map, zoom) {\n map.setZoom(zoom);\n },\n};\n// TODO: unfinished!\nfunction GoogleMapFunctional(_a) {\n var children = _a.children, options = _a.options, id = _a.id, mapContainerStyle = _a.mapContainerStyle, mapContainerClassName = _a.mapContainerClassName, center = _a.center, \n // clickableIcons,\n // extraMapTypes,\n // heading,\n // mapTypeId,\n onClick = _a.onClick, onDblClick = _a.onDblClick, onDrag = _a.onDrag, onDragEnd = _a.onDragEnd, onDragStart = _a.onDragStart, onMouseMove = _a.onMouseMove, onMouseOut = _a.onMouseOut, onMouseOver = _a.onMouseOver, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, onRightClick = _a.onRightClick, \n // onMapTypeIdChanged,\n // onTilesLoaded,\n // onBoundsChanged,\n onCenterChanged = _a.onCenterChanged, \n // onHeadingChanged,\n // onIdle,\n // onProjectionChanged,\n // onResize,\n // onTiltChanged,\n // onZoomChanged,\n onLoad = _a.onLoad, onUnmount = _a.onUnmount;\n var _b = useState(null), map = _b[0], setMap = _b[1];\n var ref = useRef(null);\n // const [extraMapTypesListener, setExtraMapTypesListener] = useState{name}
\n\n {distance &&
\n \n \n \n
\n Clusterer begins\n * clustering markers.\n * @name Clusterer#clusteringbegin\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, 'clusteringbegin', this);\n if (this.timerRefStatic !== null) {\n window.clearTimeout(this.timerRefStatic);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n delete this.timerRefStatic;\n }\n }\n var map = this.getMap();\n var bounds = map !== null && 'getBounds' in map ? map.getBounds() : null;\n var zoom = (map === null || map === void 0 ? void 0 : map.getZoom()) || 0;\n // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n var mapBounds = zoom > 3\n ? new google.maps.LatLngBounds(bounds === null || bounds === void 0 ? void 0 : bounds.getSouthWest(), bounds === null || bounds === void 0 ? void 0 : bounds.getNorthEast())\n : new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n var extendedMapBounds = this.getExtendedBounds(mapBounds);\n var iLast = Math.min(iFirst + this.batchSize, this.markers.length);\n for (var i = iFirst; i < iLast; i++) {\n var marker = this.markers[i];\n if (marker && !marker.isAdded && this.isMarkerInBounds(marker, extendedMapBounds) && (!this.ignoreHidden || (this.ignoreHidden && marker.getVisible()))) {\n this.addToClosestCluster(marker);\n }\n }\n if (iLast < this.markers.length) {\n this.timerRefStatic = window.setTimeout(function () {\n _this.createClusters(iLast);\n }, 0);\n }\n else {\n this.timerRefStatic = null;\n /**\n * This event is fired when the Clusterer stops\n * clustering markers.\n * @name Clusterer#clusteringend\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, 'clusteringend', this);\n for (var _i = 0, _a = this.clusters; _i < _a.length; _i++) {\n var cluster = _a[_i];\n cluster.updateIcon();\n }\n }\n };\n Clusterer.prototype.extend = function (obj1, obj2) {\n return function applyExtend(object) {\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-types\n var prop = property;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.prototype[prop] = object.prototype[prop];\n }\n return this;\n }.apply(obj1, [obj2]);\n };\n return Clusterer;\n}());\n\nvar eventMap$e = {\n onClick: 'click',\n onClusteringBegin: 'clusteringbegin',\n onClusteringEnd: 'clusteringend',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n};\nvar updaterMap$e = {\n averageCenter: function (instance, averageCenter) {\n instance.setAverageCenter(averageCenter);\n },\n batchSizeIE: function (instance, batchSizeIE) {\n instance.setBatchSizeIE(batchSizeIE);\n },\n calculator: function (instance, calculator) {\n instance.setCalculator(calculator);\n },\n clusterClass: function (instance, clusterClass) {\n instance.setClusterClass(clusterClass);\n },\n enableRetinaIcons: function (instance, enableRetinaIcons) {\n instance.setEnableRetinaIcons(enableRetinaIcons);\n },\n gridSize: function (instance, gridSize) {\n instance.setGridSize(gridSize);\n },\n ignoreHidden: function (instance, ignoreHidden) {\n instance.setIgnoreHidden(ignoreHidden);\n },\n imageExtension: function (instance, imageExtension) {\n instance.setImageExtension(imageExtension);\n },\n imagePath: function (instance, imagePath) {\n instance.setImagePath(imagePath);\n },\n imageSizes: function (instance, imageSizes) {\n instance.setImageSizes(imageSizes);\n },\n maxZoom: function (instance, maxZoom) {\n instance.setMaxZoom(maxZoom);\n },\n minimumClusterSize: function (instance, minimumClusterSize) {\n instance.setMinimumClusterSize(minimumClusterSize);\n },\n styles: function (instance, styles) {\n instance.setStyles(styles);\n },\n title: function (instance, title) {\n instance.setTitle(title);\n },\n zoomOnClick: function (instance, zoomOnClick) {\n instance.setZoomOnClick(zoomOnClick);\n },\n};\nvar defaultOptions$4 = {};\nfunction MarkerClustererFunctional(props) {\n var children = props.children, options = props.options, averageCenter = props.averageCenter, batchSizeIE = props.batchSizeIE, calculator = props.calculator, clusterClass = props.clusterClass, enableRetinaIcons = props.enableRetinaIcons, gridSize = props.gridSize, ignoreHidden = props.ignoreHidden, imageExtension = props.imageExtension, imagePath = props.imagePath, imageSizes = props.imageSizes, maxZoom = props.maxZoom, minimumClusterSize = props.minimumClusterSize, styles = props.styles, title = props.title, zoomOnClick = props.zoomOnClick, onClick = props.onClick, onClusteringBegin = props.onClusteringBegin, onClusteringEnd = props.onClusteringEnd, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, onLoad = props.onLoad, onUnmount = props.onUnmount;\n var _a = useState(null), instance = _a[0], setInstance = _a[1];\n var map = useContext(MapContext);\n var _b = useState(null), clickListener = _b[0], setClickListener = _b[1];\n var _c = useState(null), clusteringBeginListener = _c[0], setClusteringBeginListener = _c[1];\n var _d = useState(null), clusteringEndListener = _d[0], setClusteringEndListener = _d[1];\n var _e = useState(null), mouseoutListener = _e[0], setMouseoutListener = _e[1];\n var _f = useState(null), mouseoverListener = _f[0], setMouseoverListener = _f[1];\n useEffect(function () {\n if (instance && onMouseOut) {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener);\n }\n setMouseoutListener(google.maps.event.addListener(instance, eventMap$e.onMouseOut, onMouseOut));\n }\n }, [onMouseOut]);\n useEffect(function () {\n if (instance && onMouseOver) {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener);\n }\n setMouseoverListener(google.maps.event.addListener(instance, eventMap$e.onMouseOver, onMouseOver));\n }\n }, [onMouseOver]);\n useEffect(function () {\n if (instance && onClick) {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener);\n }\n setClickListener(google.maps.event.addListener(instance, eventMap$e.onClick, onClick));\n }\n }, [onClick]);\n useEffect(function () {\n if (instance && onClusteringBegin) {\n if (clusteringBeginListener !== null) {\n google.maps.event.removeListener(clusteringBeginListener);\n }\n setClusteringBeginListener(google.maps.event.addListener(instance, eventMap$e.onClusteringBegin, onClusteringBegin));\n }\n }, [onClusteringBegin]);\n useEffect(function () {\n if (instance && onClusteringEnd) {\n if (clusteringEndListener !== null) {\n google.maps.event.removeListener(clusteringEndListener);\n }\n setClusteringBeginListener(google.maps.event.addListener(instance, eventMap$e.onClusteringEnd, onClusteringEnd));\n }\n }, [onClusteringEnd]);\n useEffect(function () {\n if (typeof averageCenter !== 'undefined' && instance !== null) {\n updaterMap$e.averageCenter(instance, averageCenter);\n }\n }, [instance, averageCenter]);\n useEffect(function () {\n if (typeof batchSizeIE !== 'undefined' && instance !== null) {\n updaterMap$e.batchSizeIE(instance, batchSizeIE);\n }\n }, [instance, batchSizeIE]);\n useEffect(function () {\n if (typeof calculator !== 'undefined' && instance !== null) {\n updaterMap$e.calculator(instance, calculator);\n }\n }, [instance, calculator]);\n useEffect(function () {\n if (typeof clusterClass !== 'undefined' && instance !== null) {\n updaterMap$e.clusterClass(instance, clusterClass);\n }\n }, [instance, clusterClass]);\n useEffect(function () {\n if (typeof enableRetinaIcons !== 'undefined' && instance !== null) {\n updaterMap$e.enableRetinaIcons(instance, enableRetinaIcons);\n }\n }, [instance, enableRetinaIcons]);\n useEffect(function () {\n if (typeof gridSize !== 'undefined' && instance !== null) {\n updaterMap$e.gridSize(instance, gridSize);\n }\n }, [instance, gridSize]);\n useEffect(function () {\n if (typeof ignoreHidden !== 'undefined' && instance !== null) {\n updaterMap$e.ignoreHidden(instance, ignoreHidden);\n }\n }, [instance, ignoreHidden]);\n useEffect(function () {\n if (typeof imageExtension !== 'undefined' && instance !== null) {\n updaterMap$e.imageExtension(instance, imageExtension);\n }\n }, [instance, imageExtension]);\n useEffect(function () {\n if (typeof imagePath !== 'undefined' && instance !== null) {\n updaterMap$e.imagePath(instance, imagePath);\n }\n }, [instance, imagePath]);\n useEffect(function () {\n if (typeof imageSizes !== 'undefined' && instance !== null) {\n updaterMap$e.imageSizes(instance, imageSizes);\n }\n }, [instance, imageSizes]);\n useEffect(function () {\n if (typeof maxZoom !== 'undefined' && instance !== null) {\n updaterMap$e.maxZoom(instance, maxZoom);\n }\n }, [instance, maxZoom]);\n useEffect(function () {\n if (typeof minimumClusterSize !== 'undefined' && instance !== null) {\n updaterMap$e.minimumClusterSize(instance, minimumClusterSize);\n }\n }, [instance, minimumClusterSize]);\n useEffect(function () {\n if (typeof styles !== 'undefined' && instance !== null) {\n updaterMap$e.styles(instance, styles);\n }\n }, [instance, styles]);\n useEffect(function () {\n if (typeof title !== 'undefined' && instance !== null) {\n updaterMap$e.title(instance, title);\n }\n }, [instance, title]);\n useEffect(function () {\n if (typeof zoomOnClick !== 'undefined' && instance !== null) {\n updaterMap$e.zoomOnClick(instance, zoomOnClick);\n }\n }, [instance, zoomOnClick]);\n useEffect(function () {\n if (!map)\n return;\n var clustererOptions = __assign({}, (options || defaultOptions$4));\n var clusterer = new Clusterer(map, [], clustererOptions);\n if (averageCenter) {\n updaterMap$e.averageCenter(clusterer, averageCenter);\n }\n if (batchSizeIE) {\n updaterMap$e.batchSizeIE(clusterer, batchSizeIE);\n }\n if (calculator) {\n updaterMap$e.calculator(clusterer, calculator);\n }\n if (clusterClass) {\n updaterMap$e.clusterClass(clusterer, clusterClass);\n }\n if (enableRetinaIcons) {\n updaterMap$e.enableRetinaIcons(clusterer, enableRetinaIcons);\n }\n if (gridSize) {\n updaterMap$e.gridSize(clusterer, gridSize);\n }\n if (ignoreHidden) {\n updaterMap$e.ignoreHidden(clusterer, ignoreHidden);\n }\n if (imageExtension) {\n updaterMap$e.imageExtension(clusterer, imageExtension);\n }\n if (imagePath) {\n updaterMap$e.imagePath(clusterer, imagePath);\n }\n if (imageSizes) {\n updaterMap$e.imageSizes(clusterer, imageSizes);\n }\n if (maxZoom) {\n updaterMap$e.maxZoom(clusterer, maxZoom);\n }\n if (minimumClusterSize) {\n updaterMap$e.minimumClusterSize(clusterer, minimumClusterSize);\n }\n if (styles) {\n updaterMap$e.styles(clusterer, styles);\n }\n if (title) {\n updaterMap$e.title(clusterer, title);\n }\n if (zoomOnClick) {\n updaterMap$e.zoomOnClick(clusterer, zoomOnClick);\n }\n if (onMouseOut) {\n setMouseoutListener(google.maps.event.addListener(clusterer, eventMap$e.onMouseOut, onMouseOut));\n }\n if (onMouseOver) {\n setMouseoverListener(google.maps.event.addListener(clusterer, eventMap$e.onMouseOver, onMouseOver));\n }\n if (onClick) {\n setClickListener(google.maps.event.addListener(clusterer, eventMap$e.onClick, onClick));\n }\n if (onClusteringBegin) {\n setClusteringBeginListener(google.maps.event.addListener(clusterer, eventMap$e.onClusteringBegin, onClusteringBegin));\n }\n if (onClusteringEnd) {\n setClusteringEndListener(google.maps.event.addListener(clusterer, eventMap$e.onClusteringEnd, onClusteringEnd));\n }\n setInstance(clusterer);\n if (onLoad) {\n onLoad(clusterer);\n }\n return function () {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener);\n }\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener);\n }\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener);\n }\n if (clusteringBeginListener !== null) {\n google.maps.event.removeListener(clusteringBeginListener);\n }\n if (clusteringEndListener !== null) {\n google.maps.event.removeListener(clusteringEndListener);\n }\n if (onUnmount) {\n onUnmount(clusterer);\n }\n };\n }, []);\n return instance !== null ? children(instance) || null : null;\n}\nvar MarkerClustererF = memo(MarkerClustererFunctional);\nvar ClustererComponent = /** @class */ (function (_super) {\n __extends(ClustererComponent, _super);\n function ClustererComponent() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n markerClusterer: null,\n };\n _this.setClustererCallback = function () {\n if (_this.state.markerClusterer !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.markerClusterer);\n }\n };\n return _this;\n }\n ClustererComponent.prototype.componentDidMount = function () {\n if (this.context) {\n var markerClusterer_1 = new Clusterer(this.context, [], this.props.options);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$e,\n eventMap: eventMap$e,\n prevProps: {},\n nextProps: this.props,\n instance: markerClusterer_1,\n });\n this.setState(function () {\n return {\n markerClusterer: markerClusterer_1,\n };\n }, this.setClustererCallback);\n }\n };\n ClustererComponent.prototype.componentDidUpdate = function (prevProps) {\n if (this.state.markerClusterer) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$e,\n eventMap: eventMap$e,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.markerClusterer,\n });\n }\n };\n ClustererComponent.prototype.componentWillUnmount = function () {\n if (this.state.markerClusterer !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.markerClusterer);\n }\n unregisterEvents(this.registeredEvents);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.state.markerClusterer.setMap(null);\n }\n };\n ClustererComponent.prototype.render = function () {\n return this.state.markerClusterer !== null\n ? this.props.children(this.state.markerClusterer)\n : null;\n };\n ClustererComponent.contextType = MapContext;\n return ClustererComponent;\n}(PureComponent));\n\n// This handler prevents an event in the InfoBox from being passed on to the map.\nfunction cancelHandler(event) {\n event.cancelBubble = true;\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n}\nvar InfoBox = /** @class */ (function () {\n function InfoBox(options) {\n if (options === void 0) { options = {}; }\n this.getCloseClickHandler = this.getCloseClickHandler.bind(this);\n this.closeClickHandler = this.closeClickHandler.bind(this);\n this.createInfoBoxDiv = this.createInfoBoxDiv.bind(this);\n this.addClickHandler = this.addClickHandler.bind(this);\n this.getCloseBoxImg = this.getCloseBoxImg.bind(this);\n this.getBoxWidths = this.getBoxWidths.bind(this);\n this.setBoxStyle = this.setBoxStyle.bind(this);\n this.setPosition = this.setPosition.bind(this);\n this.getPosition = this.getPosition.bind(this);\n this.setOptions = this.setOptions.bind(this);\n this.setContent = this.setContent.bind(this);\n this.setVisible = this.setVisible.bind(this);\n this.getContent = this.getContent.bind(this);\n this.getVisible = this.getVisible.bind(this);\n this.setZIndex = this.setZIndex.bind(this);\n this.getZIndex = this.getZIndex.bind(this);\n this.onRemove = this.onRemove.bind(this);\n this.panBox = this.panBox.bind(this);\n this.extend = this.extend.bind(this);\n this.close = this.close.bind(this);\n this.draw = this.draw.bind(this);\n this.show = this.show.bind(this);\n this.hide = this.hide.bind(this);\n this.open = this.open.bind(this);\n this.extend(InfoBox, google.maps.OverlayView);\n // Standard options (in common with google.maps.InfoWindow):\n this.content = options.content || '';\n this.disableAutoPan = options.disableAutoPan || false;\n this.maxWidth = options.maxWidth || 0;\n this.pixelOffset = options.pixelOffset || new google.maps.Size(0, 0);\n this.position = options.position || new google.maps.LatLng(0, 0);\n this.zIndex = options.zIndex || null;\n // Additional options (unique to InfoBox):\n this.boxClass = options.boxClass || 'infoBox';\n this.boxStyle = options.boxStyle || {};\n this.closeBoxMargin = options.closeBoxMargin || '2px';\n this.closeBoxURL = options.closeBoxURL || 'http://www.google.com/intl/en_us/mapfiles/close.gif';\n if (options.closeBoxURL === '') {\n this.closeBoxURL = '';\n }\n this.infoBoxClearance = options.infoBoxClearance || new google.maps.Size(1, 1);\n if (typeof options.visible === 'undefined') {\n if (typeof options.isHidden === 'undefined') {\n options.visible = true;\n }\n else {\n options.visible = !options.isHidden;\n }\n }\n this.isHidden = !options.visible;\n this.alignBottom = options.alignBottom || false;\n this.pane = options.pane || 'floatPane';\n this.enableEventPropagation = options.enableEventPropagation || false;\n this.div = null;\n this.closeListener = null;\n this.moveListener = null;\n this.mapListener = null;\n this.contextListener = null;\n this.eventListeners = null;\n this.fixedWidthSet = null;\n }\n InfoBox.prototype.createInfoBoxDiv = function () {\n var _this = this;\n // This handler ignores the current event in the InfoBox and conditionally prevents\n // the event from being passed on to the map. It is used for the contextmenu event.\n var ignoreHandler = function (event) {\n event.returnValue = false;\n if (event.preventDefault) {\n event.preventDefault();\n }\n if (!_this.enableEventPropagation) {\n cancelHandler(event);\n }\n };\n if (!this.div) {\n this.div = document.createElement('div');\n this.setBoxStyle();\n if (typeof this.content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + this.content;\n }\n else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(this.content);\n }\n var panes = this.getPanes();\n if (panes !== null) {\n panes[this.pane].appendChild(this.div); // Add the InfoBox div to the DOM\n }\n this.addClickHandler();\n if (this.div.style.width) {\n this.fixedWidthSet = true;\n }\n else {\n if (this.maxWidth !== 0 && this.div.offsetWidth > this.maxWidth) {\n this.div.style.width = this.maxWidth + 'px';\n this.fixedWidthSet = true;\n }\n else {\n // The following code is needed to overcome problems with MSIE\n var bw = this.getBoxWidths();\n this.div.style.width = this.div.offsetWidth - bw.left - bw.right + 'px';\n this.fixedWidthSet = false;\n }\n }\n this.panBox(this.disableAutoPan);\n if (!this.enableEventPropagation) {\n this.eventListeners = [];\n // Cancel event propagation.\n // Note: mousemove not included (to resolve Issue 152)\n var events = [\n 'mousedown',\n 'mouseover',\n 'mouseout',\n 'mouseup',\n 'click',\n 'dblclick',\n 'touchstart',\n 'touchend',\n 'touchmove',\n ];\n for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {\n var event_1 = events_1[_i];\n this.eventListeners.push(google.maps.event.addListener(this.div, event_1, cancelHandler));\n }\n // Workaround for Google bug that causes the cursor to change to a pointer\n // when the mouse moves over a marker underneath InfoBox.\n this.eventListeners.push(google.maps.event.addListener(this.div, 'mouseover', function () {\n if (_this.div) {\n _this.div.style.cursor = 'default';\n }\n }));\n }\n this.contextListener = google.maps.event.addListener(this.div, 'contextmenu', ignoreHandler);\n /**\n * This event is fired when the DIV containing the InfoBox's content is attached to the DOM.\n * @name InfoBox#domready\n * @event\n */\n google.maps.event.trigger(this, 'domready');\n }\n };\n InfoBox.prototype.getCloseBoxImg = function () {\n var img = '';\n if (this.closeBoxURL !== '') {\n img = '\n \n {t(hidden ? \"map.show_legend\" : \"map.hide_legend\")}\n \n
\n \n )}\n \n );\n});\n\nMapLegend.displayName = \"Map.Legend\";\n\nMapLegend.propTypes = {\n loaded: PropTypes.bool,\n};\n\nexport default MapLegend;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"IGwbz1L429Hc03Umrcih\";\nvar _2 = \"AnuXTXDNc2k1nU6urQqX\";\nvar _3 = \"QLmukzz6XObfAPEDyCCe\";\nvar _4 = \"wcC8z4uH2cccinouNRiG\";\nexport { _1 as \"mapLegend\", _2 as \"mapLegend__button\", _3 as \"mapLegend__label\", _4 as \"mapLegend__list\" }\n","import React, { useCallback, useState, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\nimport { GoogleMap, useJsApiLoader } from \"@react-google-maps/api\";\nimport { useLocations, useGlobal } from \"frontend/hooks\";\nimport { MIN_ZOOM } from \"frontend/shared/constants\";\nimport MapLegend from \"../MapLegend\";\n\nconst MapWrapper = ({ children, containerClass }) => {\n const { googleMaps, defaultMapMeta } = useGlobal();\n const [map, setMap] = useState();\n const legendRef = useRef(null);\n\n const { zoom, center, setPosition, mapRef } = useLocations();\n\n const { isLoaded } = useJsApiLoader({\n id: \"google-map-script\",\n googleMapsApiKey: googleMaps.key,\n language: \"en\",\n });\n\n const onLoad = useCallback((map) => {\n setMap(map);\n\n if (legendRef?.current) {\n // eslint-disable-next-line\n map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(\n legendRef.current\n );\n }\n }, []);\n\n const onUnmount = useCallback((map) => {\n setMap(null);\n }, []);\n\n // Keep current zoom in sync with zoom state\n const handleZoom = useCallback(() => {\n if (!map) return;\n\n const mapZoom = map.getZoom();\n if (zoom && mapZoom !== zoom) {\n setPosition({ zoom: mapZoom });\n }\n }, [zoom, setPosition, map]);\n\n const mapState = useMemo(() => {\n return {\n center: center ? center : defaultMapMeta?.center,\n zoom: zoom ? zoom : defaultMapMeta.zoom,\n };\n }, [defaultMapMeta, center, zoom]);\n\n return (\n \n {isLoaded && (\n \n {children}\n \n )}\n
\n );\n};\n\nMapWrapper.propTypes = {\n children: PropTypes.node,\n containerClass: PropTypes.string,\n language: PropTypes.string,\n};\n\nMapWrapper.displayName = \"Map.Wrapper\";\n\nexport default MapWrapper;\n","import React, { useMemo, useCallback } from \"react\";\nimport ReactDOMServer from \"react-dom/server\";\nimport { useLocations, useGlobal } from \"frontend/hooks\";\nimport { MarkerF, Circle } from \"@react-google-maps/api\";\nimport { IconMapCenter } from \"../../Icons\";\nimport { DEFAULT_ZOOM } from \"../../../shared/constants\";\n\nexport default function MapCenterMarker() {\n const { mapMeta, setMarkerId, setPosition } = useLocations();\n const global = useGlobal();\n\n const iconUrl = useMemo(() => {\n const iconString = ReactDOMServer.renderToString(\n \n
\n );\n};\n\nexport default ResultsCount;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"mfb7SkZh3qhIHfFvDIci\";\nexport { _1 as \"title\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useLocations } from \"frontend/hooks\";\nimport { Link } from \"../../ButtonOrLink\";\nimport { IconSpinner } from \"../../Icons\";\nimport T from \"../../Translate\";\n\nimport * as styles from \"./ResultsHeader.module.scss\";\nimport ResultsCount from \"../ResultsCount\";\n\nconst ResultsHeader = () => {\n const {\n pagination: { totalCount },\n printFullData,\n isLoading,\n } = useLocations();\n\n return (\n \n \n \n
\n )}\n {name}
\n \n\n {!!categories && categories.length > 0 && (\n \n
\n \n
\n )}\n \n
\n \n {distance &&
\n \n
\n )}\n {t(\"detail.address_header\")}
\n{address}
\n\n \n {t(\"detail.directions_button\")}\n \n
\n \n {phone && (\n
\n \n
\n )}\n {website && (\n {t(\"detail.phone_header\")}
\n{phone}
\n\n
\n )}\n {t(\"detail.website_header\")}
\n{website}
\n\n {servedAreas && servedAreas.length > 0 && (\n
\n \n
\n )}\n {t(\"detail.served_areas_header\")}
\n- {servedAreas &&
- {servedAreas.join(\", \")} }
\n {((locationHours && locationHours.length > 0) || hoursComment) && (\n
\n {t(\"detail.hours_header\")}
\n )}\n {locationHours && locationHours.length > 0 && (\n\n
\n )}\n {hoursComment && - \n {getFormattedHours(locationHours, language).map((item, i) => (\n
{hoursComment}
}\n\n {attributes && attributes.length > 0 && (\n
\n \n \n \n
\n );\n};\n\nexport default LoadMore;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"Pq8y9BkDDUZS0Y1ut3Ho\";\nexport { _1 as \"wrapper\" }\n","// extracted by mini-css-extract-plugin\nvar _1 = \"Z7enifkX9jJzqh_ksAbx\";\nvar _2 = \"_2GSnE0i9xaUvWjvHiPiA\";\nvar _3 = \"tKYVYBhdO9Kou3omH4zo\";\nexport { _1 as \"resultslist\", _2 as \"resultslist__loading\", _3 as \"resultslist__message\" }\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useLocations, useQueryFilters } from \"frontend/hooks\";\nimport { locationShape } from \"../../../shapes\";\nimport Location from \"../../Location\";\nimport T from \"../../Translate\";\nimport LoadMore from \"./LoadMore\";\n\nimport * as styles from \"./ResultsList.module.scss\";\n\nconst ResultsList = () => {\n const { locations, isLoading, isError } = useLocations();\n const { query } = useQueryFilters();\n\n return (\n \n {isLoading ? (\n <>\n ) : isError ? (\n
\n );\n};\n\n// TODO: Define a location object\nResultsList.propTypes = {\n locations: PropTypes.arrayOf(PropTypes.shape(locationShape)),\n isLoading: PropTypes.bool,\n isError: PropTypes.bool,\n};\n\nexport default ResultsList;\n","import React from \"react\";\nimport { useGlobal } from \"frontend/hooks\";\nimport ResultsHeader from \"./ResultsHeader\";\nimport ResultsList from \"./ResultsList\";\n\nimport * as styles from \"./Results.module.scss\";\nimport Sponsors from \"../Sponsors\";\n\nconst Results = () => {\n const { sponsors } = useGlobal();\n\n return (\n \n
\n ) : locations.length === 0 ? (\n \n {query.q ? (\n
\n ) : (\n <>\n - \n {locations.map((location) => (\n
\n \n
\n {title}
\n{children}
\n \n