\n {icon}\n \n {title && (\n \n {title}\n \n )}\n |\n \n {children}\n \n \n
\n {onDismiss && (\n \n \n {t('applyModal.heading', {\n defaultValue: 'Do you currently have an account or bank at Elevations?',\n })}\n \n {/*
\n\n \n {t('applyModal.mainText', {\n defaultValue:\n 'Thank you for your interest in applying. Are you a member of Elevations Credit Union? If not, no problem. We’ll get you membership, as well.',\n })}\n
*/}\n\n {cta1text && cta1href && (\n
\n \n \n {t('applyModal.buttonOne', {\n defaultValue: `Yes`,\n })}\n \n\n {cta2href && cta2text && (\n \n {t('applyModal.buttonTwo', {\n defaultValue: `No`,\n })}\n \n )}\n
\n )}\n \n \n \n \n
\n \n
\n \n \n
\n \n tag inside the\n * ` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n \r\n {({ inView, ref, entry }) => (\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n\n function InView(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n\n _this.node = node ? node : null;\n\n _this.observeNode();\n };\n\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n\n var _proto = InView.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n };\n\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n\n this._unobserveCb = null;\n }\n };\n\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n tag = _this$props2.tag,\n props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n\n return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * \n \n \n {t('Modal.closeButtonLabel', { defaultValue: 'Close' })} \n \n \n \n )\n}\n\nModal.propTypes = {\n children: PropTypes.node,\n onDismiss: PropTypes.func,\n initialFocusRef: PropTypes.object,\n open: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string.isRequired,\n theme: PropTypes.oneOf(['light', 'dark']),\n}\n\nexport { Modal }\nexport default Modal\n","// extracted by mini-css-extract-plugin\nexport var DialogOverlay = \"Modal-module--DialogOverlay--3a4g1\";\nexport var fadeIn = \"Modal-module--fadeIn--fKZoP\";\nexport var DialogContent = \"Modal-module--DialogContent--2ovTB\";\nexport var CloseButton = \"Modal-module--CloseButton--39kB6\";","// extracted by mini-css-extract-plugin\nexport var NavLink = \"NavLink-module--NavLink--3IJR0\";\nexport var NavLinkDark = \"NavLink-module--NavLinkDark--2g2Vk\";\nexport var SubLink = \"NavLink-module--SubLink--2OvMk\";\nexport var SubLinkDark = \"NavLink-module--SubLinkDark--1l-aA\";\nexport var Submenu = \"NavLink-module--Submenu--1gwBU\";\nexport var slideIn = \"NavLink-module--slideIn--1DCzO\";\nexport var SubmenuDark = \"NavLink-module--SubmenuDark--1o2ua\";\nexport var BackButton = \"NavLink-module--BackButton--3TgBH\";\nexport var BackButtonDark = \"NavLink-module--BackButtonDark--3Q-cp\";\nexport var SubmenuOpen = \"NavLink-module--SubmenuOpen--2N8Bl\";\nexport var SubmenuHeading = \"NavLink-module--SubmenuHeading--3sV3L\";\nexport var SubmenuHeadingDark = \"NavLink-module--SubmenuHeadingDark--3IiVY\";\nexport var RightChevron = \"NavLink-module--RightChevron--3fWmH\";\nexport var LeftChevron = \"NavLink-module--LeftChevron--Jhqdn\";\nexport var LeftChevronDark = \"NavLink-module--LeftChevronDark--Syyyo\";\nexport var fadeIn = \"NavLink-module--fadeIn--1_cEX\";","/* eslint-disable no-nested-ternary */\n/* eslint-disable react/no-danger */\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faChevronRight, faChevronLeft } from '@fortawesome/pro-regular-svg-icons'\nimport * as styles from './NavLink.module.scss'\n\nimport { Link } from '../../../typography/Link'\nimport { Eyebrow } from '../../../typography/Eyebrow'\n\nconst NavLink = ({\n label,\n to,\n isTopLevel,\n dark,\n children,\n openSubmenuId,\n setSubnavOpen,\n subNavId,\n id,\n closeMenu,\n onClickOutside,\n}) => {\n const [t] = useTranslation()\n const isOpen = openSubmenuId === subNavId\n\n const setOpenItem = e => {\n e.stopPropagation()\n\n if (children && children.length > 0 && !isOpen) {\n e.preventDefault()\n setSubnavOpen(subNavId)\n } else if (children && children.length > 0 && isOpen) {\n e.preventDefault()\n setSubnavOpen(null)\n } else {\n setSubnavOpen(null)\n }\n }\n\n const isExpanded = isTopLevel ? !!isOpen : false\n\n const getTabIndex = () => {\n if (isTopLevel) {\n if (openSubmenuId !== null) {\n return -1\n }\n }\n\n if (!isTopLevel) {\n if (isOpen) {\n return 0\n }\n return -1\n }\n return 0\n }\n\n const tabIndex = getTabIndex()\n\n const renderNavItem = () => {\n if (dark) {\n if (isTopLevel && children && children.length > 0) {\n return (\n \n {label}\n \n {label}\n \n )\n }\n if (isTopLevel && children && children.length > 0) {\n return (\n \n {label}\n\n \n {label}\n \n )\n }\n return (\n \n {renderNavItem()}\n\n {children && (\n \n \n setSubnavOpen(null)}\n >\n {label}\n \n \n \n \n {t('NavLink.overviewLinkLabel', { defaultValue: 'Overview' })}\n \n \n {children}\n \n )}\n \n )\n}\n\nNavLink.propTypes = {\n label: PropTypes.string.isRequired,\n to: PropTypes.string,\n isTopLevel: PropTypes.bool,\n children: PropTypes.node,\n openSubmenuId: PropTypes.string,\n setSubnavOpen: PropTypes.func,\n subNavId: PropTypes.string,\n id: PropTypes.string,\n closeMenu: PropTypes.func,\n dark: PropTypes.bool,\n onClickOutside: PropTypes.func,\n}\n\nexport { NavLink }\nexport default NavLink\n","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _typeof from \"@babel/runtime/helpers/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction adaptFilterType(type) {\n if (type === \"any\") return {};\n if (type === \"all\") return {\n type: \"and\"\n };\n return {\n type: \"and\"\n };\n}\n\nexport function adaptFacetConfig(facets) {\n if (!facets) return;\n\n var convertInvalidFacetsToUndefined = function convertInvalidFacetsToUndefined(_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n fieldName = _ref2[0],\n config = _ref2[1];\n\n if (config.type != \"value\") {\n console.warn(\"search-ui-site-search-connector: Dropping \".concat(fieldName, \" facet, only value facets are supported in Site Search\"));\n return;\n }\n\n if (config.sort) {\n console.warn(\"search-ui-site-search-connector: Site Search does not support 'sort' on facets\");\n }\n\n if (config.size) {\n console.warn(\"search-ui-site-search-connector: Site Search does not support 'size' on facets\");\n }\n\n return [fieldName, config];\n };\n\n var getKey = function getKey(_ref3) {\n var _ref4 = _slicedToArray(_ref3, 1),\n key = _ref4[0];\n\n return key;\n };\n\n var config = Object.entries(facets).map(convertInvalidFacetsToUndefined).filter(function (v) {\n return v;\n }).map(getKey);\n if (!config.length) return;\n return config;\n}\nexport function adaptFilterConfig(filters) {\n if (!filters || Object.keys(filters).length === 0) return;\n return filters.reduce(function (acc, filter) {\n var fieldName = filter.field;\n var fieldValue = filter.values;\n\n if (acc[fieldName]) {\n console.warn(\"search-ui-site-search-connector: More than one filter found for a single field\");\n return acc;\n }\n\n if (filter.type && filter.type !== \"all\" && filter.type !== \"any\") {\n console.warn(\"search-ui-site-search-connector: Unsupported filter type \\\"\".concat(filter.type, \"\\\" found, only \\\"all\\\" and \\\"any\\\" are currently supported\"));\n return acc;\n }\n\n if (fieldValue.find(function (v) {\n return _typeof(v) === \"object\";\n }) !== undefined) {\n if (fieldValue.length > 1) {\n console.warn(\"search-ui-site-search-connector: Cannot apply more than 1 none-value filters to a single field\");\n return acc;\n }\n\n var firstValue = fieldValue[0];\n\n if (firstValue.from || firstValue.from === 0 || firstValue.to || firstValue.to === 0) {\n // eslint-disable-next-line\n var name = firstValue.name,\n rest = _objectWithoutProperties(firstValue, [\"name\"]);\n\n acc[fieldName] = _objectSpread({\n type: \"range\"\n }, rest);\n return acc;\n } else {\n return acc;\n }\n }\n\n acc[fieldName] = _objectSpread(_objectSpread({}, adaptFilterType(filter.type)), {}, {\n values: fieldValue\n });\n return acc;\n }, {});\n}\nexport function adaptResultFieldsConfig(resultFieldsConfig) {\n if (!resultFieldsConfig) return [];\n var fetchFields = Object.keys(resultFieldsConfig);\n var highlightFields = Object.entries(resultFieldsConfig).reduce(function (acc, _ref5) {\n var _ref6 = _slicedToArray(_ref5, 2),\n fieldName = _ref6[0],\n fieldConfig = _ref6[1];\n\n if (!fieldConfig.snippet) return acc;\n return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, fieldName, fieldConfig.snippet));\n }, {});\n return [fetchFields, highlightFields];\n}\nexport function adaptSearchFieldsConfig(searchFieldsConfig) {\n if (!searchFieldsConfig) return [];\n return Object.keys(searchFieldsConfig);\n}","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport { adaptFacetConfig, adaptFilterConfig, adaptResultFieldsConfig, adaptSearchFieldsConfig } from \"./requestAdapters\";\nexport default function adaptRequest(request, queryConfig, documentType) {\n var disjunctiveFacets = queryConfig.disjunctiveFacets,\n disjunctiveFacetsAnalyticsTags = queryConfig.disjunctiveFacetsAnalyticsTags;\n\n if (disjunctiveFacets) {\n console.warn(\"search-ui-site-search-connector: disjunctiveFacets is not supported by Site Search\");\n }\n\n if (disjunctiveFacetsAnalyticsTags) {\n console.warn(\"search-ui-site-search-connector: disjunctiveFacetsAnalyticsTags is not supported by Site Search\");\n }\n\n var updatedFacets = adaptFacetConfig(queryConfig.facets);\n var updatedFilters = adaptFilterConfig(queryConfig.filters !== undefined ? queryConfig.filters : request.filters);\n var page = queryConfig.current !== undefined ? queryConfig.current : request.current;\n var per_page = queryConfig.resultsPerPage !== undefined ? queryConfig.resultsPerPage : request.resultsPerPage;\n var sortDirection = queryConfig.sortDirection !== undefined ? queryConfig.sortDirection : request.sortDirection;\n var sortField = queryConfig.sortField !== undefined ? queryConfig.sortField : request.sortField;\n\n var _adaptResultFieldsCon = adaptResultFieldsConfig(queryConfig.result_fields),\n _adaptResultFieldsCon2 = _slicedToArray(_adaptResultFieldsCon, 2),\n fetchFields = _adaptResultFieldsCon2[0],\n highlightFields = _adaptResultFieldsCon2[1];\n\n var updatedSearchFields = adaptSearchFieldsConfig(queryConfig.search_fields);\n var searchTerm = request.searchTerm;\n return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, per_page && {\n per_page: per_page\n }), page && {\n page: page\n }), sortDirection && {\n sort_direction: _defineProperty({}, documentType, sortDirection)\n }), sortField && {\n sort_field: _defineProperty({}, documentType, sortField)\n }), updatedFilters && {\n filters: _defineProperty({}, documentType, updatedFilters)\n }), updatedFacets && {\n facets: _defineProperty({}, documentType, updatedFacets)\n }), fetchFields && {\n fetch_fields: _defineProperty({}, documentType, fetchFields)\n }), highlightFields && {\n highlight_fields: _defineProperty({}, documentType, highlightFields)\n }), updatedSearchFields && !!updatedSearchFields.length && {\n search_fields: _defineProperty({}, documentType, updatedSearchFields)\n }), {}, {\n q: searchTerm\n });\n}","import _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nvar addEachKeyValueToObject = function addEachKeyValueToObject(acc, _ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n\n return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, value));\n};\n\nexport function getFacets(docInfo) {\n if (!docInfo.facets) return {};\n return Object.entries(docInfo.facets).map(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n facetName = _ref4[0],\n facetValue = _ref4[1];\n\n return [facetName, [{\n field: facetName,\n data: Object.entries(facetValue).map(function (_ref5) {\n var _ref6 = _slicedToArray(_ref5, 2),\n value = _ref6[0],\n count = _ref6[1];\n\n return {\n value: value,\n count: count\n };\n }),\n // Site Search does not support any other type of facet\n type: \"value\"\n }]];\n }).reduce(addEachKeyValueToObject, {});\n}\nexport function getResults(records, documentType) {\n var isMetaField = function isMetaField(key) {\n return key.startsWith(\"_\");\n };\n\n var toObjectWithRaw = function toObjectWithRaw(value) {\n return {\n raw: value\n };\n };\n\n return records[documentType].map(function (record) {\n var highlight = record.highlight,\n sort = record.sort,\n rest = _objectWithoutProperties(record, [\"highlight\", \"sort\"]); //eslint-disable-line\n\n\n var result = Object.entries(rest).filter(function (_ref7) {\n var _ref8 = _slicedToArray(_ref7, 1),\n fieldName = _ref8[0];\n\n return !isMetaField(fieldName);\n }).map(function (_ref9) {\n var _ref10 = _slicedToArray(_ref9, 2),\n fieldName = _ref10[0],\n fieldValue = _ref10[1];\n\n return [fieldName, toObjectWithRaw(fieldValue)];\n }).reduce(addEachKeyValueToObject, {});\n Object.entries(highlight).forEach(function (_ref11) {\n var _ref12 = _slicedToArray(_ref11, 2),\n key = _ref12[0],\n value = _ref12[1];\n\n result[key].snippet = value;\n });\n return result;\n });\n}","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport { getFacets, getResults } from \"./responseAdapters\";\nexport default function adaptResponse(response, documentType) {\n var results = getResults(response.records, documentType);\n var totalPages = response.info[documentType].num_pages;\n var totalResults = response.info[documentType].total_result_count;\n var requestId = \"\";\n var facets = getFacets(response.info[documentType]);\n return _objectSpread({\n rawResponse: response,\n results: results,\n totalPages: totalPages,\n totalResults: totalResults,\n requestId: requestId\n }, Object.keys(facets).length > 0 && {\n facets: facets\n });\n}","import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport { version } from \"../package.json\";\nexport default function request(_x, _x2, _x3, _x4) {\n return _request.apply(this, arguments);\n}\n\nfunction _request() {\n _request = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(engineKey, method, path, params) {\n var headers, response, json, message;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n headers = new Headers({\n \"Content-Type\": \"application/json\",\n \"x-swiftype-integration\": \"search-ui\",\n \"x-swiftype-integration-version\": version\n });\n _context.next = 3;\n return fetch(\"https://search-api.swiftype.com/api/v1/public/\".concat(path), {\n method: method,\n headers: headers,\n body: JSON.stringify(_objectSpread({\n engine_key: engineKey\n }, params)),\n credentials: \"include\"\n });\n\n case 3:\n response = _context.sent;\n _context.prev = 4;\n _context.next = 7;\n return response.json();\n\n case 7:\n json = _context.sent;\n _context.next = 12;\n break;\n\n case 10:\n _context.prev = 10;\n _context.t0 = _context[\"catch\"](4);\n\n case 12:\n if (!(response.status >= 200 && response.status < 300)) {\n _context.next = 16;\n break;\n }\n\n return _context.abrupt(\"return\", json);\n\n case 16:\n message = json && json.error ? json.error : response.status;\n throw new Error(message);\n\n case 18:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[4, 10]]);\n }));\n return _request.apply(this, arguments);\n}","import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport adaptRequest from \"./requestAdapter\";\nimport adaptResponse from \"./responseAdapter\";\nimport request from \"./request\";\nimport { version } from \"../package.json\";\n\nfunction _get(engineKey, path, params) {\n var headers = new Headers({\n \"x-swiftype-integration\": \"search-ui\",\n \"x-swiftype-integration-version\": version\n });\n var query = Object.entries(_objectSpread({\n engine_key: engineKey\n }, params)).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n paramName = _ref2[0],\n paramValue = _ref2[1];\n\n return \"\".concat(paramName, \"=\").concat(encodeURIComponent(paramValue));\n }).join(\"&\");\n return fetch(\"https://search-api.swiftype.com/api/v1/public/\".concat(path, \"?\").concat(query), {\n method: \"GET\",\n credentials: \"include\",\n headers: headers\n });\n}\n\nvar SiteSearchAPIConnector = /*#__PURE__*/function () {\n /**\n * @callback next\n * @param {Object} updatedQueryOptions The options to send to the API\n */\n\n /**\n * @callback hook\n * @param {Object} queryOptions The options that are about to be sent to the API\n * @param {next} next The options that are about to be sent to the API\n */\n\n /**\n * @typedef Options\n * @param {string} documentType Document Type found in your Site Search Dashboard\n * @param {string} engineKey Credential found in your Site Search Dashboard\n * @param {hook} beforeSearchCall=(queryOptions,next)=>next(queryOptions) A hook to amend query options before the request is sent to the\n * API in a query on an \"onSearch\" event.\n * @param {hook} beforeAutocompleteResultsCall=(queryOptions,next)=>next(queryOptions) A hook to amend query options before the request is sent to the\n * API in a \"results\" query on an \"onAutocomplete\" event.\n */\n\n /**\n * @param {Options} options\n */\n function SiteSearchAPIConnector(_ref3) {\n var documentType = _ref3.documentType,\n engineKey = _ref3.engineKey,\n _ref3$beforeSearchCal = _ref3.beforeSearchCall,\n beforeSearchCall = _ref3$beforeSearchCal === void 0 ? function (queryOptions, next) {\n return next(queryOptions);\n } : _ref3$beforeSearchCal,\n _ref3$beforeAutocompl = _ref3.beforeAutocompleteResultsCall,\n beforeAutocompleteResultsCall = _ref3$beforeAutocompl === void 0 ? function (queryOptions, next) {\n return next(queryOptions);\n } : _ref3$beforeAutocompl;\n\n _classCallCheck(this, SiteSearchAPIConnector);\n\n this.documentType = documentType;\n this.engineKey = engineKey;\n this.beforeSearchCall = beforeSearchCall;\n this.beforeAutocompleteResultsCall = beforeAutocompleteResultsCall;\n this.request = request.bind(this, engineKey);\n this._get = _get.bind(this, engineKey);\n }\n\n _createClass(SiteSearchAPIConnector, [{\n key: \"onResultClick\",\n value: function onResultClick(_ref4) {\n var query = _ref4.query,\n documentId = _ref4.documentId,\n tags = _ref4.tags;\n\n if (tags && tags.length > 0) {\n console.warn(\"search-ui-site-search-connector: Site Search does not support tags on click\");\n }\n\n this._get(\"analytics/pc\", {\n t: new Date().getTime(),\n q: query,\n doc_id: documentId\n });\n }\n }, {\n key: \"onAutocompleteResultClick\",\n value: function onAutocompleteResultClick(_ref5) {\n var query = _ref5.query,\n documentId = _ref5.documentId,\n tags = _ref5.tags;\n\n if (tags) {\n console.warn(\"search-ui-site-search-connector: Site Search does not support tags on autocompleteClick\");\n }\n\n this._get(\"analytics/pas\", {\n t: new Date().getTime(),\n q: query,\n doc_id: documentId\n });\n }\n }, {\n key: \"onSearch\",\n value: function onSearch(state, queryConfig) {\n var _this = this;\n\n var options = adaptRequest(state, queryConfig, this.documentType);\n return this.beforeSearchCall(options, function (newOptions) {\n return _this.request(\"POST\", \"engines/search.json\", newOptions).then(function (json) {\n return adaptResponse(json, _this.documentType);\n });\n });\n }\n }, {\n key: \"onAutocomplete\",\n value: function () {\n var _onAutocomplete = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref6, queryConfig) {\n var _this2 = this;\n\n var searchTerm, options;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n searchTerm = _ref6.searchTerm;\n\n if (!queryConfig.results) {\n _context.next = 4;\n break;\n }\n\n options = adaptRequest({\n searchTerm: searchTerm\n }, queryConfig.results, this.documentType);\n return _context.abrupt(\"return\", this.beforeAutocompleteResultsCall(options, function (newOptions) {\n return _this2.request(\"POST\", \"engines/suggest.json\", newOptions).then(function (json) {\n return {\n autocompletedResults: adaptResponse(json, _this2.documentType).results\n };\n });\n }));\n\n case 4:\n if (queryConfig.suggestions) {\n console.warn(\"search-ui-site-search-connector: Site Search does support query suggestions on autocomplete\");\n }\n\n case 5:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n\n function onAutocomplete(_x, _x2) {\n return _onAutocomplete.apply(this, arguments);\n }\n\n return onAutocomplete;\n }()\n }]);\n\n return SiteSearchAPIConnector;\n}();\n\nexport default SiteSearchAPIConnector;","function isAbsolute(pathname) {\n return pathname.charAt(0) === '/';\n} // About 1.5x faster than the two-arg version of Array#splice()\n\n\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {\n list[i] = list[k];\n }\n\n list.pop();\n} // This implementation is based heavily on node's url.parse\n\n\nfunction resolvePathname(to, from) {\n if (from === undefined) from = '';\n var toParts = to && to.split('/') || [];\n var fromParts = from && from.split('/') || [];\n var isToAbs = to && isAbsolute(to);\n var isFromAbs = from && isAbsolute(from);\n var mustEndAbs = isToAbs || isFromAbs;\n\n if (to && isAbsolute(to)) {\n // to is absolute\n fromParts = toParts;\n } else if (toParts.length) {\n // to is relative, drop the filename\n fromParts.pop();\n fromParts = fromParts.concat(toParts);\n }\n\n if (!fromParts.length) return '/';\n var hasTrailingSlash;\n\n if (fromParts.length) {\n var last = fromParts[fromParts.length - 1];\n hasTrailingSlash = last === '.' || last === '..' || last === '';\n } else {\n hasTrailingSlash = false;\n }\n\n var up = 0;\n\n for (var i = fromParts.length; i >= 0; i--) {\n var part = fromParts[i];\n\n if (part === '.') {\n spliceOne(fromParts, i);\n } else if (part === '..') {\n spliceOne(fromParts, i);\n up++;\n } else if (up) {\n spliceOne(fromParts, i);\n up--;\n }\n }\n\n if (!mustEndAbs) for (; up--; up) {\n fromParts.unshift('..');\n }\n if (mustEndAbs && fromParts[0] !== '' && (!fromParts[0] || !isAbsolute(fromParts[0]))) fromParts.unshift('');\n var result = fromParts.join('/');\n if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';\n return result;\n}\n\nexport default resolvePathname;","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\n\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n\n if (isProduction) {\n throw new Error(prefix);\n }\n\n throw new Error(prefix + \": \" + (message || ''));\n}\n\nexport default invariant;","import _extends from '@babel/runtime/helpers/esm/extends';\nimport resolvePathname from 'resolve-pathname';\nimport valueEqual from 'value-equal';\nimport warning from 'tiny-warning';\nimport invariant from 'tiny-invariant';\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === '/' ? path : '/' + path;\n}\n\nfunction stripLeadingSlash(path) {\n return path.charAt(0) === '/' ? path.substr(1) : path;\n}\n\nfunction hasBasename(path, prefix) {\n return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;\n}\n\nfunction stripBasename(path, prefix) {\n return hasBasename(path, prefix) ? path.substr(prefix.length) : path;\n}\n\nfunction stripTrailingSlash(path) {\n return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;\n}\n\nfunction parsePath(path) {\n var pathname = path || '/';\n var search = '';\n var hash = '';\n var hashIndex = pathname.indexOf('#');\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf('?');\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === '?' ? '' : search,\n hash: hash === '#' ? '' : hash\n };\n}\n\nfunction createPath(location) {\n var pathname = location.pathname,\n search = location.search,\n hash = location.hash;\n var path = pathname || '/';\n if (search && search !== '?') path += search.charAt(0) === '?' ? search : \"?\" + search;\n if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : \"#\" + hash;\n return path;\n}\n\nfunction createLocation(path, state, key, currentLocation) {\n var location;\n\n if (typeof path === 'string') {\n // Two-arg form: push(path, state)\n location = parsePath(path);\n location.state = state;\n } else {\n // One-arg form: push(location)\n location = _extends({}, path);\n if (location.pathname === undefined) location.pathname = '';\n\n if (location.search) {\n if (location.search.charAt(0) !== '?') location.search = '?' + location.search;\n } else {\n location.search = '';\n }\n\n if (location.hash) {\n if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;\n } else {\n location.hash = '';\n }\n\n if (state !== undefined && location.state === undefined) location.state = state;\n }\n\n try {\n location.pathname = decodeURI(location.pathname);\n } catch (e) {\n if (e instanceof URIError) {\n throw new URIError('Pathname \"' + location.pathname + '\" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');\n } else {\n throw e;\n }\n }\n\n if (key) location.key = key;\n\n if (currentLocation) {\n // Resolve incomplete/relative pathname relative to current location.\n if (!location.pathname) {\n location.pathname = currentLocation.pathname;\n } else if (location.pathname.charAt(0) !== '/') {\n location.pathname = resolvePathname(location.pathname, currentLocation.pathname);\n }\n } else {\n // When there is no prior location and pathname is empty, set it to /\n if (!location.pathname) {\n location.pathname = '/';\n }\n }\n\n return location;\n}\n\nfunction locationsAreEqual(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash && a.key === b.key && valueEqual(a.state, b.state);\n}\n\nfunction createTransitionManager() {\n var prompt = null;\n\n function setPrompt(nextPrompt) {\n process.env.NODE_ENV !== \"production\" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;\n prompt = nextPrompt;\n return function () {\n if (prompt === nextPrompt) prompt = null;\n };\n }\n\n function confirmTransitionTo(location, action, getUserConfirmation, callback) {\n // TODO: If another transition starts while we're still confirming\n // the previous one, we may end up in a weird state. Figure out the\n // best way to handle this.\n if (prompt != null) {\n var result = typeof prompt === 'function' ? prompt(location, action) : prompt;\n\n if (typeof result === 'string') {\n if (typeof getUserConfirmation === 'function') {\n getUserConfirmation(result, callback);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;\n callback(true);\n }\n } else {\n // Return false from a transition hook to cancel the transition.\n callback(result !== false);\n }\n } else {\n callback(true);\n }\n }\n\n var listeners = [];\n\n function appendListener(fn) {\n var isActive = true;\n\n function listener() {\n if (isActive) fn.apply(void 0, arguments);\n }\n\n listeners.push(listener);\n return function () {\n isActive = false;\n listeners = listeners.filter(function (item) {\n return item !== listener;\n });\n };\n }\n\n function notifyListeners() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n listeners.forEach(function (listener) {\n return listener.apply(void 0, args);\n });\n }\n\n return {\n setPrompt: setPrompt,\n confirmTransitionTo: confirmTransitionTo,\n appendListener: appendListener,\n notifyListeners: notifyListeners\n };\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nfunction getConfirmation(message, callback) {\n callback(window.confirm(message)); // eslint-disable-line no-alert\n}\n/**\n * Returns true if the HTML5 history API is supported. Taken from Modernizr.\n *\n * https://github.com/Modernizr/Modernizr/blob/master/LICENSE\n * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586\n */\n\n\nfunction supportsHistory() {\n var ua = window.navigator.userAgent;\n if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;\n return window.history && 'pushState' in window.history;\n}\n/**\n * Returns true if browser fires popstate on hash change.\n * IE10 and IE11 do not.\n */\n\n\nfunction supportsPopStateOnHashChange() {\n return window.navigator.userAgent.indexOf('Trident') === -1;\n}\n/**\n * Returns false if using go(n) with hash history causes a full page reload.\n */\n\n\nfunction supportsGoWithoutReloadUsingHash() {\n return window.navigator.userAgent.indexOf('Firefox') === -1;\n}\n/**\n * Returns true if a given popstate event is an extraneous WebKit event.\n * Accounts for the fact that Chrome on iOS fires real popstate events\n * containing undefined state when pressing the back button.\n */\n\n\nfunction isExtraneousPopstateEvent(event) {\n return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;\n}\n\nvar PopStateEvent = 'popstate';\nvar HashChangeEvent = 'hashchange';\n\nfunction getHistoryState() {\n try {\n return window.history.state || {};\n } catch (e) {\n // IE 11 sometimes throws when accessing window.history.state\n // See https://github.com/ReactTraining/history/pull/289\n return {};\n }\n}\n/**\n * Creates a history object that uses the HTML5 history API including\n * pushState, replaceState, and the popstate event.\n */\n\n\nfunction createBrowserHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canUseHistory = supportsHistory();\n var needsHashChangeListener = !supportsPopStateOnHashChange();\n var _props = props,\n _props$forceRefresh = _props.forceRefresh,\n forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n\n function getDOMLocation(historyState) {\n var _ref = historyState || {},\n key = _ref.key,\n state = _ref.state;\n\n var _window$location = window.location,\n pathname = _window$location.pathname,\n search = _window$location.search,\n hash = _window$location.hash;\n var path = pathname + search + hash;\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path, state, key);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function handlePopState(event) {\n // Ignore extraneous popstate events in WebKit.\n if (isExtraneousPopstateEvent(event)) return;\n handlePop(getDOMLocation(event.state));\n }\n\n function handleHashChange() {\n handlePop(getDOMLocation(getHistoryState()));\n }\n\n var forceNextPop = false;\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of keys we've seen in sessionStorage.\n // Instead, we just default to 0 for keys we don't know.\n\n var toIndex = allKeys.indexOf(toLocation.key);\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allKeys.indexOf(fromLocation.key);\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n }\n\n var initialLocation = getDOMLocation(getHistoryState());\n var allKeys = [initialLocation.key]; // Public interface\n\n function createHref(location) {\n return basename + createPath(location);\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.pushState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.href = href;\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n var nextKeys = allKeys.slice(0, prevIndex + 1);\n nextKeys.push(location.key);\n allKeys = nextKeys;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;\n window.location.href = href;\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.replaceState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.replace(href);\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n if (prevIndex !== -1) allKeys[prevIndex] = location.key;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;\n window.location.replace(href);\n }\n });\n }\n\n function go(n) {\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nvar HashChangeEvent$1 = 'hashchange';\nvar HashPathCoders = {\n hashbang: {\n encodePath: function encodePath(path) {\n return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);\n },\n decodePath: function decodePath(path) {\n return path.charAt(0) === '!' ? path.substr(1) : path;\n }\n },\n noslash: {\n encodePath: stripLeadingSlash,\n decodePath: addLeadingSlash\n },\n slash: {\n encodePath: addLeadingSlash,\n decodePath: addLeadingSlash\n }\n};\n\nfunction stripHash(url) {\n var hashIndex = url.indexOf('#');\n return hashIndex === -1 ? url : url.slice(0, hashIndex);\n}\n\nfunction getHashPath() {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var hashIndex = href.indexOf('#');\n return hashIndex === -1 ? '' : href.substring(hashIndex + 1);\n}\n\nfunction pushHashPath(path) {\n window.location.hash = path;\n}\n\nfunction replaceHashPath(path) {\n window.location.replace(stripHash(window.location.href) + '#' + path);\n}\n\nfunction createHashHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Hash history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canGoWithoutReload = supportsGoWithoutReloadUsingHash();\n var _props = props,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$hashType = _props.hashType,\n hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n var _HashPathCoders$hashT = HashPathCoders[hashType],\n encodePath = _HashPathCoders$hashT.encodePath,\n decodePath = _HashPathCoders$hashT.decodePath;\n\n function getDOMLocation() {\n var path = decodePath(getHashPath());\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n var forceNextPop = false;\n var ignorePath = null;\n\n function locationsAreEqual$$1(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;\n }\n\n function handleHashChange() {\n var path = getHashPath();\n var encodedPath = encodePath(path);\n\n if (path !== encodedPath) {\n // Ensure we always have a properly-encoded hash.\n replaceHashPath(encodedPath);\n } else {\n var location = getDOMLocation();\n var prevLocation = history.location;\n if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.\n\n if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.\n\n ignorePath = null;\n handlePop(location);\n }\n }\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of paths we've seen in sessionStorage.\n // Instead, we just default to 0 for paths we don't know.\n\n var toIndex = allPaths.lastIndexOf(createPath(toLocation));\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n } // Ensure the hash is encoded properly before doing anything else.\n\n\n var path = getHashPath();\n var encodedPath = encodePath(path);\n if (path !== encodedPath) replaceHashPath(encodedPath);\n var initialLocation = getDOMLocation();\n var allPaths = [createPath(initialLocation)]; // Public interface\n\n function createHref(location) {\n var baseTag = document.querySelector('base');\n var href = '';\n\n if (baseTag && baseTag.getAttribute('href')) {\n href = stripHash(window.location.href);\n }\n\n return href + '#' + encodePath(basename + createPath(location));\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot push state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a PUSH, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n pushHashPath(encodedPath);\n var prevIndex = allPaths.lastIndexOf(createPath(history.location));\n var nextPaths = allPaths.slice(0, prevIndex + 1);\n nextPaths.push(path);\n allPaths = nextPaths;\n setState({\n action: action,\n location: location\n });\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Hash history cannot PUSH the same path; a new entry will not be added to the history stack') : void 0;\n setState();\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot replace state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a REPLACE, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n replaceHashPath(encodedPath);\n }\n\n var prevIndex = allPaths.indexOf(createPath(history.location));\n if (prevIndex !== -1) allPaths[prevIndex] = path;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n process.env.NODE_ENV !== \"production\" ? warning(canGoWithoutReload, 'Hash history go(n) causes a full page reload in this browser') : void 0;\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(HashChangeEvent$1, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(HashChangeEvent$1, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nfunction clamp(n, lowerBound, upperBound) {\n return Math.min(Math.max(n, lowerBound), upperBound);\n}\n/**\n * Creates a history object that stores locations in memory.\n */\n\n\nfunction createMemoryHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n getUserConfirmation = _props.getUserConfirmation,\n _props$initialEntries = _props.initialEntries,\n initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,\n _props$initialIndex = _props.initialIndex,\n initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = history.entries.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var index = clamp(initialIndex, 0, initialEntries.length - 1);\n var entries = initialEntries.map(function (entry) {\n return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());\n }); // Public interface\n\n var createHref = createPath;\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var prevIndex = history.index;\n var nextIndex = prevIndex + 1;\n var nextEntries = history.entries.slice(0);\n\n if (nextEntries.length > nextIndex) {\n nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);\n } else {\n nextEntries.push(location);\n }\n\n setState({\n action: action,\n location: location,\n index: nextIndex,\n entries: nextEntries\n });\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n history.entries[history.index] = location;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);\n var action = 'POP';\n var location = history.entries[nextIndex];\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location,\n index: nextIndex\n });\n } else {\n // Mimic the behavior of DOM histories by\n // causing a render after a cancelled POP.\n setState();\n }\n });\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n function canGo(n) {\n var nextIndex = history.index + n;\n return nextIndex >= 0 && nextIndex < history.entries.length;\n }\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n return transitionManager.setPrompt(prompt);\n }\n\n function listen(listener) {\n return transitionManager.appendListener(listener);\n }\n\n var history = {\n length: entries.length,\n action: 'POP',\n location: entries[index],\n index: index,\n entries: entries,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n canGo: canGo,\n block: block,\n listen: listen\n };\n return history;\n}\n\nexport { createBrowserHistory, createHashHistory, createMemoryHistory, createLocation, locationsAreEqual, parsePath, createPath };","function isTypeNumber(value) {\n return value !== undefined && value !== null && typeof value === \"number\";\n}\n\nfunction isTypeBoolean(value) {\n return value && typeof value === \"boolean\";\n}\n\nfunction toBoolean(value) {\n if (value === \"true\") return true;\n if (value === \"false\") return false;\n throw \"Invalid type parsed as Boolean value\";\n}\n/* Encoder for qs library which preserve number types on the URL. Numbers\nare padded with \"n_{number}_n\", and booleans with \"b_{boolean}_b\"*/\n\n\nexport default {\n encode: function encode(value, _encode) {\n if (isTypeNumber(value)) {\n return \"n_\".concat(value, \"_n\");\n }\n\n if (isTypeBoolean(value)) {\n return \"b_\".concat(value, \"_b\");\n }\n\n return _encode(value);\n },\n decode: function decode(value, _decode) {\n //eslint-disable-next-line\n if (/n_-?[\\d\\.]*_n/.test(value)) {\n var numericValueString = value.substring(2, value.length - 2);\n return Number(numericValueString);\n }\n\n if (/^b_(true|false)*_b$/.test(value)) {\n var booleanValueString = value.substring(2, value.length - 2);\n return toBoolean(booleanValueString);\n }\n\n return _decode(value);\n }\n};","import queryString from \"qs\";\nimport preserveTypesEncoder from \"./preserveTypesEncoder\";\nexport default {\n parse: function parse(string) {\n return queryString.parse(string, {\n ignoreQueryPrefix: true,\n decoder: preserveTypesEncoder.decode,\n arrayLimit: 1000\n });\n },\n stringify: function stringify(object) {\n return queryString.stringify(object, {\n encoder: preserveTypesEncoder.encode\n });\n }\n};","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport { createBrowserHistory as createHistory } from \"history\";\nimport queryString from \"./queryString\";\n\nfunction isNumericString(num) {\n return !isNaN(num);\n}\n\nfunction toSingleValue(val) {\n return Array.isArray(val) ? val[val.length - 1] : val;\n}\n\nfunction toSingleValueInteger(num) {\n return toInteger(toSingleValue(num));\n}\n\nfunction toInteger(num) {\n if (!isNumericString(num)) return;\n return parseInt(num, 10);\n}\n\nfunction parseFiltersFromQueryParams(queryParams) {\n return queryParams.filters;\n}\n\nfunction parseCurrentFromQueryParams(queryParams) {\n return toSingleValueInteger(queryParams.current);\n}\n\nfunction parseSearchTermFromQueryParams(queryParams) {\n return toSingleValue(queryParams.q);\n}\n\nfunction parseSortFromQueryParams(queryParams) {\n var sortField = toSingleValue(queryParams[\"sort-field\"]);\n var sortDirection = toSingleValue(queryParams[\"sort-direction\"]);\n if (sortField) return [sortField, sortDirection];\n return [];\n}\n\nfunction parseSizeFromQueryParams(queryParams) {\n return toSingleValueInteger(queryParams.size);\n}\n\nfunction paramsToState(queryParams) {\n var state = {\n current: parseCurrentFromQueryParams(queryParams),\n filters: parseFiltersFromQueryParams(queryParams),\n searchTerm: parseSearchTermFromQueryParams(queryParams),\n resultsPerPage: parseSizeFromQueryParams(queryParams),\n sortField: parseSortFromQueryParams(queryParams)[0],\n sortDirection: parseSortFromQueryParams(queryParams)[1]\n };\n return Object.keys(state).reduce(function (acc, key) {\n var value = state[key];\n if (value) acc[key] = value;\n return acc;\n }, {});\n}\n\nfunction stateToParams(_ref) {\n var searchTerm = _ref.searchTerm,\n current = _ref.current,\n filters = _ref.filters,\n resultsPerPage = _ref.resultsPerPage,\n sortDirection = _ref.sortDirection,\n sortField = _ref.sortField;\n var params = {};\n if (current > 1) params.current = current;\n if (searchTerm) params.q = searchTerm;\n if (resultsPerPage) params.size = resultsPerPage;\n\n if (filters && filters.length > 0) {\n params[\"filters\"] = filters;\n }\n\n if (sortField) {\n params[\"sort-field\"] = sortField;\n params[\"sort-direction\"] = sortDirection;\n }\n\n return params;\n}\n\nfunction stateToQueryString(state) {\n return queryString.stringify(stateToParams(state));\n}\n/**\n * The URL Manager is responsible for synchronizing state between\n * SearchDriver and the URL. There are 3 main cases we handle when\n * synchronizing:\n *\n * 1. When the app loads, SearchDriver will need to\n * read the current state from the URL, in order to perform the search\n * expressed by the query string. `getStateFromURL` is used for this case.\n *\n * 2. When the URL changes as a result of `pushState` or `replaceState`,\n * SearchDriver will need to be notified and given the updated state, so that\n * it can re-run the current search. `onURLStateChange` is used for this case.\n *\n * 3. When state changes internally in the SearchDriver, as a result of an\n * Action, it will need to notify the URLManager of the change. `pushStateToURL`\n * is used for this case.\n */\n\n\nvar URLManager = /*#__PURE__*/function () {\n function URLManager() {\n _classCallCheck(this, URLManager);\n\n this.history = createHistory();\n this.lastPushSearchString = \"\";\n }\n /**\n * Parse the current URL into application state\n *\n * @return {Object} - The parsed state object\n */\n\n\n _createClass(URLManager, [{\n key: \"getStateFromURL\",\n value: function getStateFromURL() {\n return paramsToState(queryString.parse(this.history.location.search));\n }\n /**\n * Push the current state of the application to the URL\n *\n * @param {Object} state - The entire current state from the SearchDriver\n * @param {boolean} options\n * @param {boolean} options.replaceUrl - When pushing state to the URL, use history 'replace'\n * rather than 'push' to avoid adding a new history entry\n */\n\n }, {\n key: \"pushStateToURL\",\n value: function pushStateToURL(state) {\n var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref2$replaceUrl = _ref2.replaceUrl,\n replaceUrl = _ref2$replaceUrl === void 0 ? false : _ref2$replaceUrl;\n\n var searchString = stateToQueryString(state);\n this.lastPushSearchString = searchString;\n var navigationFunction = replaceUrl ? this.history.replace : this.history.push;\n navigationFunction({\n search: \"?\".concat(searchString)\n });\n }\n /**\n * Add an event handler to be executed whenever state is pushed to the URL\n *\n * @callback requestCallback\n * @param {Object} state - Updated application state parsed from the new URL\n *\n * @param {requestCallback} callback\n */\n\n }, {\n key: \"onURLStateChange\",\n value: function onURLStateChange(callback) {\n var _this = this;\n\n this.unlisten = this.history.listen(function (location) {\n // If this URL is updated as a result of a pushState request, we don't\n // want to notify that the URL changed.\n if (\"?\".concat(_this.lastPushSearchString) === location.search) return; // Once we've decided to return based on lastPushSearchString, reset\n // it so that we don't break back / forward button.\n\n _this.lastPushSearchString = \"\";\n callback(paramsToState(queryString.parse(location.search)));\n });\n }\n }, {\n key: \"tearDown\",\n value: function tearDown() {\n this.unlisten();\n }\n }]);\n\n return URLManager;\n}();\n\nexport { URLManager as default };","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n/*\n This deals with sequencing of our async requests. When a lot of requests are firing very close to one another\n and are running in parallel, what happens if they return out of order? It creates a race condition.\n\n For example, if I type the term \"react\" in the search box, two queries may be initiated, in parallel.\n\n 1. query for \"reac\"\n 2. query for \"react\"\n\n If the query for \"react\" actually returns **before** the query for \"reac\",\n we could end up looking at the results for \"reac\", despite having typed \"react\" in the search box.\n\n To deal with this, we keep track of a sequence.\n */\n\nvar RequestSequencer = /*#__PURE__*/function () {\n function RequestSequencer() {\n _classCallCheck(this, RequestSequencer);\n\n _defineProperty(this, \"requestSequence\", 0);\n\n _defineProperty(this, \"lastCompleted\", 0);\n }\n\n _createClass(RequestSequencer, [{\n key: \"next\",\n value: function next() {\n return ++this.requestSequence;\n }\n }, {\n key: \"isOldRequest\",\n value: function isOldRequest(request) {\n return request < this.lastCompleted;\n }\n }, {\n key: \"completed\",\n value: function completed(request) {\n this.lastCompleted = request;\n }\n }]);\n\n return RequestSequencer;\n}();\n\nexport { RequestSequencer as default };","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n/**\n * minimal debounce function\n *\n * mostly for not spamming the server with requests when\n * searching with type ahead\n */\n\nfunction debounce(func, wait) {\n var timeout;\n\n var debouncedFn = function debouncedFn() {\n var args = arguments;\n\n var later = function later() {\n func.apply(null, args);\n };\n\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\n\n debouncedFn.cancel = function () {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n return debouncedFn;\n}\n\nvar DebounceManager = /*#__PURE__*/function () {\n function DebounceManager() {\n _classCallCheck(this, DebounceManager);\n\n _defineProperty(this, \"debounceCache\", {});\n }\n\n _createClass(DebounceManager, [{\n key: \"runWithDebounce\",\n value:\n /**\n * Dynamically debounce and cache a debounced version of a function at the time of calling that function. This avoids\n * managing debounced version of functions locally.\n *\n * In other words, debounce usually works by debouncing based on\n * referential identity of a function. This works by comparing provided function names.\n *\n * This also has the ability to short-circuit a debounce all-together, if no wait\n * time is provided.\n *\n * Assumption:\n * Functions are debounced on a combination of unique function name and wait times. So debouncing won't work on\n * subsequent calls with different wait times or different functions. That also means that the debounce manager\n * can be used for different functions in parallel, and keep the two functions debounced separately.\n *\n * @param {number} wait Milliseconds to debounce. Executes immediately if falsey.\n * @param {function} fn Function to debounce\n * @param {function} functionName Name of function to debounce, used to create a unique key\n * @param {...any} parameters Parameters to pass to function\n */\n function runWithDebounce(wait, functionName, fn) {\n for (var _len = arguments.length, parameters = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n parameters[_key - 3] = arguments[_key];\n }\n\n if (!wait) {\n return fn.apply(void 0, parameters);\n }\n\n var key = \"\".concat(functionName, \"|\").concat(wait.toString());\n var debounced = this.debounceCache[key];\n\n if (!debounced) {\n this.debounceCache[key] = debounce(fn, wait);\n debounced = this.debounceCache[key];\n }\n\n debounced.apply(void 0, parameters);\n }\n /**\n * Cancels existing debounced function calls.\n *\n * This will cancel any debounced function call, regardless of the debounce length that was provided.\n *\n * For example, making the following series of calls will create multiple debounced functions, because\n * they are cached by a combination of unique name and debounce length.\n *\n * runWithDebounce(1000, \"_updateSearchResults\", this._updateSearchResults)\n * runWithDebounce(500, \"_updateSearchResults\", this._updateSearchResults)\n * runWithDebounce(1000, \"_updateSearchResults\", this._updateSearchResults)\n *\n * Calling the following will cancel all of those, if they have not yet executed:\n *\n * cancelByName(\"_updateSearchResults\")\n *\n * @param {string} functionName The name of the function that was debounced. This needs to match exactly what was provided\n * when runWithDebounce was called originally.\n */\n\n }, {\n key: \"cancelByName\",\n value: function cancelByName(functionName) {\n Object.entries(this.debounceCache).filter(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 1),\n cachedKey = _ref2[0];\n\n return cachedKey.startsWith(\"\".concat(functionName, \"|\"));\n }) // eslint-disable-next-line no-unused-vars\n .forEach(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n _ = _ref4[0],\n cachedValue = _ref4[1];\n\n return cachedValue.cancel();\n });\n }\n }]);\n\n return DebounceManager;\n}();\n/**\n * Perform a standard debounce\n *\n * @param {number} wait Milliseconds to debounce. Executes immediately if falsey.\n * @param {function} fn Function to debounce\n */\n\n\nDebounceManager.debounce = function (wait, fn) {\n return debounce(fn, wait);\n};\n\nexport default DebounceManager;","import _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport deepEqual from \"deep-equal\";\n/**\n * Given a list of applied Filters, find FilterValues based on\n * \"fieldName\" and \"filterType\".\n *\n * @param {*} filters\n * @param {*} name\n * @param {*} filterType\n */\n\nexport function findFilterValues(filters, name, filterType) {\n var filter = filters.find(function (f) {\n return f.field === name && f.type === filterType;\n });\n if (!filter) return [];\n return filter.values;\n}\n/**\n * Given a list of applied Filters, remove a single FilterValue based on\n * \"fieldName\" and \"filterType\".\n *\n * @param {Filter[]} filters\n * @param {String} fieldName\n * @param {FilterValue} value\n * @param {FilterType} filterType\n */\n\nexport function removeSingleFilterValue(filters, fieldName, value, filterType) {\n return filters.reduce(function (acc, filter) {\n var field = filter.field,\n values = filter.values,\n type = filter.type,\n rest = _objectWithoutProperties(filter, [\"field\", \"values\", \"type\"]);\n\n if (field === fieldName && (!filterType || type === filterType)) {\n var updatedFilterValues = values.filter(function (filterValue) {\n return !doFilterValuesMatch(filterValue, value);\n });\n\n if (updatedFilterValues.length > 0) {\n return acc.concat(_objectSpread({\n field: field,\n values: updatedFilterValues,\n type: type\n }, rest));\n } else {\n return acc;\n }\n }\n\n return acc.concat(filter);\n }, []);\n}\n/**\n * Given a Facet and a list of applied Filters, mark the Facet Values\n * for that Facet as \"selected\" based on \"fieldName\" and \"filterType\".\n *\n * @param {Facet} facet\n * @param {String} fieldName\n * @param {Filter[]} filters\n * @param {FilterType} filterType\n */\n\nexport function markSelectedFacetValuesFromFilters(facet, filters, fieldName, filterType) {\n var facetValues = facet.data;\n var filterValuesForField = findFilterValues(filters, fieldName, filterType) || [];\n return _objectSpread(_objectSpread({}, facet), {}, {\n data: facetValues.map(function (facetValue) {\n return _objectSpread(_objectSpread({}, facetValue), {}, {\n selected: filterValuesForField.some(function (filterValue) {\n return doFilterValuesMatch(filterValue, facetValue.value);\n })\n });\n })\n });\n}\n/**\n * Useful for determining when filter values match. This could be used\n * when matching applied filters back to facet options, or for determining\n * whether or not a filter already exists in a list of applied filters.\n *\n * @param {FilterValue} filterValue1\n * @param {FilterValue} filterValue2\n */\n\nexport function doFilterValuesMatch(filterValue1, filterValue2) {\n if (filterValue1 && filterValue1.name && filterValue2 && filterValue2.name && filterValue1.name === filterValue2.name) // If two filters have matching names, then they are the same filter, there\n // is no need to do a more expensive deep equal comparison.\n //\n // This is also important because certain filters and facets will have\n // differing values than their corresponding facet options. For instance,\n // consider a time-based facet like \"Last 10 Minutes\". The value of the\n // filter will be different depending on when it was selected, but the name\n // will always match.\n return true; // We use 'strict = true' to do a '===' of leaves, rather than '=='\n\n return deepEqual(filterValue1, filterValue2, {\n strict: true\n });\n} // Mix unique filter type from one array into the other\n\nexport function mergeFilters(filters1, filters2) {\n if (!filters2) return filters1;\n return filters2.reduce(function (acc, next) {\n if (acc.find(function (f) {\n return f.type === next.type && f.field === next.field;\n })) {\n return acc;\n }\n\n return [].concat(_toConsumableArray(acc), [next]);\n }, filters1);\n}","import _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport { doFilterValuesMatch } from \"../helpers\";\n/**\n * Filter results - Adds to current filter value\n *\n * Will trigger new search\n *\n * @param name String field name to filter on\n * @param value String field value to filter on\n * @param type String (Optional) type of filter to apply\n */\n\nexport default function addFilter(name, value) {\n var _console;\n\n var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : \"all\"; // eslint-disable-next-line no-console\n\n if (this.debug) (_console = console).log.apply(_console, [\"Search UI: Action\", \"addFilter\"].concat(Array.prototype.slice.call(arguments)));\n var filters = this.state.filters;\n var existingFilter = filters.find(function (f) {\n return f.field === name && f.type === type;\n }) || {};\n var allOtherFilters = filters.filter(function (f) {\n return f.field !== name || f.type !== type;\n }) || [];\n var existingFilterValues = existingFilter.values || [];\n var newFilterValues = existingFilterValues.find(function (existing) {\n return doFilterValuesMatch(existing, value);\n }) ? existingFilterValues : existingFilterValues.concat(value);\n\n this._updateSearchResults({\n current: 1,\n filters: [].concat(_toConsumableArray(allOtherFilters), [{\n field: name,\n values: newFilterValues,\n type: type\n }])\n });\n}","/**\n * Report a click through event. A click through event is when a user\n * clicks on a result within an autocomplete Dropdown.\n *\n * @param documentId String The document ID associated with result that was\n * clicked\n * @param tag Array[String] Optional Tags which can be used to categorize\n * this click event\n */\nexport default function trackAutocompleteClickThrough(documentId) {\n var tags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n\n if (this.debug) {\n var _console; // eslint-disable-next-line no-console\n\n\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"trackAutocompleteClickThrough\"].concat(Array.prototype.slice.call(arguments)));\n }\n\n var _this$state = this.state,\n autocompletedResultsRequestId = _this$state.autocompletedResultsRequestId,\n searchTerm = _this$state.searchTerm;\n this.events.autocompleteResultClick({\n query: searchTerm,\n documentId: documentId,\n requestId: autocompletedResultsRequestId,\n tags: tags\n });\n}","/**\n * Remove all filters\n *\n * Will trigger new search\n *\n * @param except Array[String] field name of any filters that should remain\n */\nexport default function clearFilters() {\n var _console;\n\n var except = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n if (this.debug) // eslint-disable-next-line no-console\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"clearFilters\"].concat(Array.prototype.slice.call(arguments)));\n var filters = this.state.filters;\n var updatedFilters = filters.filter(function (filter) {\n var filterField = filter.field;\n return except.includes(filterField);\n });\n\n this._updateSearchResults({\n current: 1,\n filters: updatedFilters\n });\n}","import { removeSingleFilterValue } from \"../helpers\";\n/**\n * Remove filter from results\n *\n * Will trigger new search\n *\n * @param name String field name for filter to remove\n * @param value String (Optional) field value for filter to remove\n * @param type String (Optional) type of filter to remove\n */\n\nexport default function removeFilter(name, value, type) {\n var _console;\n\n if (this.debug) // eslint-disable-next-line no-console\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"removeFilter\"].concat(Array.prototype.slice.call(arguments)));\n var filters = this.state.filters;\n var updatedFilters = filters;\n\n if (!value && type) {\n updatedFilters = filters.filter(function (filter) {\n return !(filter.field === name && filter.type === type);\n });\n } else if (value) {\n updatedFilters = removeSingleFilterValue(filters, name, value, type);\n } else {\n updatedFilters = filters.filter(function (filter) {\n return filter.field !== name;\n });\n }\n\n this._updateSearchResults({\n current: 1,\n filters: updatedFilters\n });\n}","/**\n * Reset search experience to initial state\n *\n */\nexport default function reset() {\n var _console; // eslint-disable-next-line no-console\n\n\n if (this.debug) (_console = console).log.apply(_console, [\"Search UI: Action\", \"reset\"].concat(Array.prototype.slice.call(arguments)));\n\n this._setState(this.startingState);\n\n if (this.trackUrlState) {\n this.URLManager.pushStateToURL(this.state);\n }\n}","/**\n * Set the current page\n *\n * Will trigger new search\n *\n * @param current Integer\n */\nexport default function setCurrent(current) {\n var _console; // eslint-disable-next-line no-console\n\n\n if (this.debug) (_console = console).log.apply(_console, [\"Search UI: Action\", \"setCurrent\"].concat(Array.prototype.slice.call(arguments)));\n\n this._updateSearchResults({\n current: current\n });\n}","import _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\n/**\n * Filter results - Replaces current filter value\n *\n * Will trigger new search\n *\n * @param name String field name to filter on\n * @param value FilterValue to apply\n * @param type String (Optional) type of filter to apply\n */\n\nexport default function setFilter(name, value) {\n var _console;\n\n var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : \"all\"; // eslint-disable-next-line no-console\n\n if (this.debug) (_console = console).log.apply(_console, [\"Search UI: Action\", \"setFilter\"].concat(Array.prototype.slice.call(arguments)));\n var filters = this.state.filters;\n filters = filters.filter(function (filter) {\n return filter.field !== name || filter.type !== type;\n });\n\n this._updateSearchResults({\n current: 1,\n filters: [].concat(_toConsumableArray(filters), [{\n field: name,\n values: [value],\n type: type\n }])\n });\n}","/**\n * Set the number of results to show\n *\n * Will trigger new search\n *\n * @param resultsPerPage Integer\n */\nexport default function setResultsPerPage(resultsPerPage) {\n var _console;\n\n if (this.debug) // eslint-disable-next-line no-console\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"setResultsPerPage\"].concat(Array.prototype.slice.call(arguments)));\n\n this._updateSearchResults({\n current: 1,\n resultsPerPage: resultsPerPage\n });\n}","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n/**\n * Set the current search term\n *\n * Will trigger new search\n *\n * @param searchTerm String\n * @param options Object Additional objects\n * @param autocompleteMinimumCharacters Number Only trigger autocomplete if\n * searchTerm has at least this number of characters\n * @param options.autocompleteResults Boolean Fetch autocomplete\n * results?\n * @param options.refresh Boolean Refresh search results?\n * @param options.debounce Length to debounce API calls\n */\n\n\nexport default function setSearchTerm(searchTerm) {\n var _console;\n\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref$autocompleteMini = _ref.autocompleteMinimumCharacters,\n autocompleteMinimumCharacters = _ref$autocompleteMini === void 0 ? 0 : _ref$autocompleteMini,\n _ref$autocompleteResu = _ref.autocompleteResults,\n autocompleteResults = _ref$autocompleteResu === void 0 ? false : _ref$autocompleteResu,\n _ref$autocompleteSugg = _ref.autocompleteSuggestions,\n autocompleteSuggestions = _ref$autocompleteSugg === void 0 ? false : _ref$autocompleteSugg,\n _ref$shouldClearFilte = _ref.shouldClearFilters,\n shouldClearFilters = _ref$shouldClearFilte === void 0 ? true : _ref$shouldClearFilte,\n _ref$refresh = _ref.refresh,\n refresh = _ref$refresh === void 0 ? true : _ref$refresh,\n _ref$debounce = _ref.debounce,\n debounce = _ref$debounce === void 0 ? 0 : _ref$debounce;\n\n if (this.debug) // eslint-disable-next-line no-console\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"setSearchTerm\"].concat(Array.prototype.slice.call(arguments)));\n\n this._setState({\n searchTerm: searchTerm\n });\n\n if (refresh) {\n this.debounceManager.runWithDebounce(debounce, \"_updateSearchResults\", this._updateSearchResults, _objectSpread({\n current: 1\n }, shouldClearFilters && {\n filters: []\n }));\n }\n\n if ((autocompleteResults || autocompleteSuggestions) && searchTerm.length >= autocompleteMinimumCharacters) {\n this.debounceManager.runWithDebounce(debounce, \"_updateAutocomplete\", this._updateAutocomplete, searchTerm, {\n autocompleteResults: autocompleteResults,\n autocompleteSuggestions: autocompleteSuggestions\n });\n }\n}","/**\n * Set the current sort\n *\n * Will trigger new search\n *\n * @param sortField String\n * @param sortDirection String [\"asc\"|\"desc\"]\n */\nexport default function setSort(sortField, sortDirection) {\n var _console; // eslint-disable-next-line no-console\n\n\n if (this.debug) (_console = console).log.apply(_console, [\"Search UI: Action\", \"setSort\"].concat(Array.prototype.slice.call(arguments)));\n\n this._updateSearchResults({\n current: 1,\n sortDirection: sortDirection,\n sortField: sortField\n });\n}","/**\n * Report a click through event. A click through event is when a user\n * clicks on a result link.\n *\n * @param documentId String The document ID associated with result that was\n * clicked\n * @param tag Array[String] Optional Tags which can be used to categorize\n * this click event\n */\nexport default function trackClickThrough(documentId) {\n var _console;\n\n var tags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n if (this.debug) // eslint-disable-next-line no-console\n (_console = console).log.apply(_console, [\"Search UI: Action\", \"trackClickThrough\"].concat(Array.prototype.slice.call(arguments)));\n var _this$state = this.state,\n requestId = _this$state.requestId,\n searchTerm = _this$state.searchTerm;\n this.events.resultClick({\n query: searchTerm,\n documentId: documentId,\n requestId: requestId,\n tags: tags\n });\n}","/**\n * This helper creates a live region that announces the results of certain\n * actions (e.g. searching, paging, etc.), that are otherwise invisible\n * to screen reader users.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions\n */\nvar regionId = \"search-ui-screen-reader-notifications\";\nvar hasDOM = typeof document !== \"undefined\"; // Prevent errors in SSR apps\n\nvar getLiveRegion = function getLiveRegion() {\n if (!hasDOM) return;\n var region = document.getElementById(regionId);\n if (region) return region;\n region = document.createElement(\"div\");\n region.id = regionId;\n region.setAttribute(\"role\", \"status\");\n region.setAttribute(\"aria-live\", \"polite\");\n /**\n * Visually-hidden CSS that's still available to screen readers.\n * We're avoiding putting this in a stylesheet to ensure that this\n * still works for users that opt for custom views & CSS. We're\n * also opting to use CSSOM instead of inline styles to avoid\n * Content Security Policy warnings.\n *\n * @see https://accessibility.18f.gov/hidden-content/\n */\n\n region.style.position = \"absolute\";\n region.style.width = \"1px\";\n region.style.height = \"1px\";\n region.style.margin = \"-1px\";\n region.style.padding = \"0\";\n region.style.border = \"0\";\n region.style.overflow = \"hidden\";\n region.style.clip = \"rect(0 0 0 0)\";\n document.body.appendChild(region);\n return region;\n};\n\nvar announceToScreenReader = function announceToScreenReader(announcement) {\n if (hasDOM) {\n var region = getLiveRegion();\n region.textContent = announcement;\n }\n};\n\nvar defaultMessages = {\n searchResults: function searchResults(_ref) {\n var start = _ref.start,\n end = _ref.end,\n totalResults = _ref.totalResults,\n searchTerm = _ref.searchTerm;\n var message = \"Showing \".concat(start, \" to \").concat(end, \" results out of \").concat(totalResults);\n if (searchTerm) message += \", searching for \\\"\".concat(searchTerm, \"\\\".\");\n return message;\n }\n};\nexport { getLiveRegion, announceToScreenReader, defaultMessages };","import { announceToScreenReader } from \"../A11yNotifications\";\n/**\n * Announces a specific message in `a11yNotificationMessages`\n * to Search UI's screen reader live region.\n *\n * @param {string} messageFunc - key of a message function in `a11yNotificationMessages`\n * @param {object} [messageArgs] - arguments to pass to the message function, if any\n */\n\nexport default function a11yNotify(messageFunc, messageArgs) {\n if (!this.hasA11yNotifications) return;\n var getMessage = this.a11yNotificationMessages[messageFunc];\n\n if (!getMessage) {\n var errorMessage = \"Could not find corresponding message function in a11yNotificationMessages: \\\"\".concat(messageFunc, \"\\\"\");\n console.warn(\"Action\", \"a11yNotify\", errorMessage);\n return;\n }\n\n var message = getMessage(messageArgs);\n announceToScreenReader(message);\n\n if (this.debug) {\n // eslint-disable-next-line no-console\n console.log(\"Search UI: Action\", \"a11yNotify\", {\n messageFunc: messageFunc,\n messageArgs: messageArgs,\n message: message\n });\n }\n}","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\n\nfunction wireUpEventHandler(handlerName, apiConnector, handlerParam) {\n if (handlerParam) {\n // Passes a 'next' parameter which allows a handler to work as\n // middleware for a connector\n if (apiConnector) {\n var next = apiConnector[handlerName].bind(apiConnector);\n return function () {\n for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {\n params[_key] = arguments[_key];\n }\n\n return handlerParam.apply(void 0, params.concat([next]));\n };\n }\n\n return handlerParam;\n }\n\n if (apiConnector && apiConnector[handlerName]) return apiConnector[handlerName].bind(apiConnector);\n return function () {\n throw \"No \".concat(handlerName, \" handler provided and no Connector provided. You must configure one or the other.\");\n };\n}\n/*\n * This class encapsulates the logic for Events. Events are events that occur\n * within Search UI that require integration with an external service to\n * either fetch / search for data, or notify analytics services of interesting\n * events that occur within a UI.\n *\n * Handlers for these events can either be passed directly, or by providing\n * an API Connector. The events that are passed directly can also be used\n * to override or proxy handlers provided by API Connectors.\n */\n\n\nvar Events = function Events() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n apiConnector = _ref.apiConnector,\n onSearch = _ref.onSearch,\n onAutocomplete = _ref.onAutocomplete,\n onResultClick = _ref.onResultClick,\n onAutocompleteResultClick = _ref.onAutocompleteResultClick;\n\n _classCallCheck(this, Events);\n\n this.search = wireUpEventHandler(\"onSearch\", apiConnector, onSearch);\n this.autocomplete = wireUpEventHandler(\"onAutocomplete\", apiConnector, onAutocomplete);\n this.resultClick = wireUpEventHandler(\"onResultClick\", apiConnector, onResultClick);\n this.autocompleteResultClick = wireUpEventHandler(\"onAutocompleteResultClick\", apiConnector, onAutocompleteResultClick);\n};\n\nexport { Events as default };","import _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport URLManager from \"./URLManager\";\nimport RequestSequencer from \"./RequestSequencer\";\nimport DebounceManager from \"./DebounceManager\";\nimport * as actions from \"./actions\";\nimport Events from \"./Events\";\nimport { mergeFilters } from \"./helpers\";\nimport * as a11y from \"./A11yNotifications\";\n\nfunction filterSearchParameters(_ref) {\n var current = _ref.current,\n filters = _ref.filters,\n resultsPerPage = _ref.resultsPerPage,\n searchTerm = _ref.searchTerm,\n sortDirection = _ref.sortDirection,\n sortField = _ref.sortField;\n return {\n current: current,\n filters: filters,\n resultsPerPage: resultsPerPage,\n searchTerm: searchTerm,\n sortDirection: sortDirection,\n sortField: sortField\n };\n}\n\nexport var DEFAULT_STATE = {\n // Search Parameters -- This is state that represents the input state.\n current: 1,\n filters: [],\n resultsPerPage: 20,\n searchTerm: \"\",\n sortDirection: \"\",\n sortField: \"\",\n // Result State -- This state represents state that is updated automatically\n // as the result of changing input state.\n autocompletedResults: [],\n autocompletedResultsRequestId: \"\",\n autocompletedSuggestions: {},\n autocompletedSuggestionsRequestId: \"\",\n error: \"\",\n isLoading: false,\n facets: {},\n requestId: \"\",\n results: [],\n resultSearchTerm: \"\",\n totalPages: 0,\n totalResults: 0,\n pagingStart: 0,\n pagingEnd: 0,\n wasSearched: false,\n rawResponse: {}\n};\n\nfunction removeConditionalFacets() {\n var facets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var conditionalFacets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var filters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n return Object.entries(facets).reduce(function (acc, _ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n facetKey = _ref3[0],\n facet = _ref3[1];\n\n if (conditionalFacets[facetKey] && typeof conditionalFacets[facetKey] === \"function\" && !conditionalFacets[facetKey]({\n filters: filters\n })) {\n return acc;\n }\n\n acc[facetKey] = facet;\n return acc;\n }, {});\n}\n/*\n * The Driver is a framework agnostic search state manager that is capable\n * syncing state to the url.\n */\n\n\nvar SearchDriver = /*#__PURE__*/function () {\n function SearchDriver(_ref4) {\n var _this = this;\n\n var apiConnector = _ref4.apiConnector,\n _ref4$autocompleteQue = _ref4.autocompleteQuery,\n autocompleteQuery = _ref4$autocompleteQue === void 0 ? {} : _ref4$autocompleteQue,\n debug = _ref4.debug,\n initialState = _ref4.initialState,\n onSearch = _ref4.onSearch,\n onAutocomplete = _ref4.onAutocomplete,\n onResultClick = _ref4.onResultClick,\n onAutocompleteResultClick = _ref4.onAutocompleteResultClick,\n _ref4$searchQuery = _ref4.searchQuery,\n searchQuery = _ref4$searchQuery === void 0 ? {} : _ref4$searchQuery,\n _ref4$trackUrlState = _ref4.trackUrlState,\n trackUrlState = _ref4$trackUrlState === void 0 ? true : _ref4$trackUrlState,\n _ref4$urlPushDebounce = _ref4.urlPushDebounceLength,\n urlPushDebounceLength = _ref4$urlPushDebounce === void 0 ? 500 : _ref4$urlPushDebounce,\n _ref4$hasA11yNotifica = _ref4.hasA11yNotifications,\n hasA11yNotifications = _ref4$hasA11yNotifica === void 0 ? false : _ref4$hasA11yNotifica,\n _ref4$a11yNotificatio = _ref4.a11yNotificationMessages,\n a11yNotificationMessages = _ref4$a11yNotificatio === void 0 ? {} : _ref4$a11yNotificatio,\n _ref4$alwaysSearchOnI = _ref4.alwaysSearchOnInitialLoad,\n alwaysSearchOnInitialLoad = _ref4$alwaysSearchOnI === void 0 ? false : _ref4$alwaysSearchOnI;\n\n _classCallCheck(this, SearchDriver);\n\n _defineProperty(this, \"state\", DEFAULT_STATE);\n\n _defineProperty(this, \"_updateAutocomplete\", function (searchTerm) {\n var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n autocompleteResults = _ref5.autocompleteResults,\n autocompleteSuggestions = _ref5.autocompleteSuggestions;\n\n var requestId = _this.autocompleteRequestSequencer.next();\n\n var queryConfig = _objectSpread(_objectSpread({}, autocompleteResults && {\n results: _this.autocompleteQuery.results || {}\n }), autocompleteSuggestions && {\n suggestions: _this.autocompleteQuery.suggestions || {}\n });\n\n return _this.events.autocomplete({\n searchTerm: searchTerm\n }, queryConfig).then(function (autocompleted) {\n if (_this.autocompleteRequestSequencer.isOldRequest(requestId)) return;\n\n _this.autocompleteRequestSequencer.completed(requestId);\n\n _this._setState(autocompleted);\n });\n });\n\n _defineProperty(this, \"_updateSearchResults\", function (searchParameters) {\n var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref6$skipPushToUrl = _ref6.skipPushToUrl,\n skipPushToUrl = _ref6$skipPushToUrl === void 0 ? false : _ref6$skipPushToUrl,\n _ref6$replaceUrl = _ref6.replaceUrl,\n replaceUrl = _ref6$replaceUrl === void 0 ? false : _ref6$replaceUrl;\n\n var _this$state$searchPar = _objectSpread(_objectSpread({}, _this.state), searchParameters),\n current = _this$state$searchPar.current,\n filters = _this$state$searchPar.filters,\n resultsPerPage = _this$state$searchPar.resultsPerPage,\n searchTerm = _this$state$searchPar.searchTerm,\n sortDirection = _this$state$searchPar.sortDirection,\n sortField = _this$state$searchPar.sortField; // State updates should always be applied in the order that they are made. This function, _updateSearchResults,\n // makes state updates.\n // In the case where a call to \"_updateSearchResults\" was made and delayed for X amount of time using\n // `debounceManager.runWithDebounce`, and a subsequent call is made _updateSearchResults before that delay ends, we\n // want to make sure that outstanding call to \"_updateSearchResults\" is cancelled, as it would apply state updates\n // out of order.\n\n\n _this.debounceManager.cancelByName(\"_updateSearchResults\");\n\n _this._setState({\n current: current,\n error: \"\",\n filters: filters,\n resultsPerPage: resultsPerPage,\n searchTerm: searchTerm,\n sortDirection: sortDirection,\n sortField: sortField\n });\n\n _this._makeSearchRequest({\n skipPushToUrl: skipPushToUrl,\n replaceUrl: replaceUrl\n });\n });\n\n _defineProperty(this, \"_makeSearchRequest\", DebounceManager.debounce(0, function (_ref7) {\n var skipPushToUrl = _ref7.skipPushToUrl,\n replaceUrl = _ref7.replaceUrl;\n var _this$state = _this.state,\n current = _this$state.current,\n filters = _this$state.filters,\n resultsPerPage = _this$state.resultsPerPage,\n searchTerm = _this$state.searchTerm,\n sortDirection = _this$state.sortDirection,\n sortField = _this$state.sortField;\n\n _this._setState({\n isLoading: true\n });\n\n var requestId = _this.searchRequestSequencer.next();\n\n var _this$searchQuery = _this.searchQuery,\n searchQueryFilters = _this$searchQuery.filters,\n conditionalFacets = _this$searchQuery.conditionalFacets,\n restOfSearchQuery = _objectWithoutProperties(_this$searchQuery, [\"filters\", \"conditionalFacets\"]);\n\n var queryConfig = _objectSpread(_objectSpread({}, restOfSearchQuery), {}, {\n facets: removeConditionalFacets(_this.searchQuery.facets, conditionalFacets, filters)\n });\n\n var requestState = _objectSpread(_objectSpread({}, filterSearchParameters(_this.state)), {}, {\n filters: mergeFilters(filters, _this.searchQuery.filters)\n });\n\n return _this.events.search(requestState, queryConfig).then(function (resultState) {\n if (_this.searchRequestSequencer.isOldRequest(requestId)) return;\n\n _this.searchRequestSequencer.completed(requestId); // Results paging start & end\n\n\n var totalResults = resultState.totalResults;\n var start = totalResults === 0 ? 0 : (current - 1) * resultsPerPage + 1;\n var end = totalResults <= start + resultsPerPage ? totalResults : start + resultsPerPage - 1;\n\n _this._setState(_objectSpread(_objectSpread({\n isLoading: false,\n resultSearchTerm: searchTerm,\n pagingStart: start,\n pagingEnd: end\n }, resultState), {}, {\n wasSearched: true\n }));\n\n if (_this.hasA11yNotifications) {\n var messageArgs = {\n start: start,\n end: end,\n totalResults: totalResults,\n searchTerm: searchTerm\n };\n\n _this.actions.a11yNotify(\"searchResults\", messageArgs);\n }\n\n if (!skipPushToUrl && _this.trackUrlState) {\n // We debounce here so that we don't get a lot of intermediary\n // URL state if someone is updating a UI really fast, like typing\n // in a live search box for instance.\n _this.debounceManager.runWithDebounce(_this.urlPushDebounceLength, \"pushStateToURL\", _this.URLManager.pushStateToURL.bind(_this.URLManager), {\n current: current,\n filters: filters,\n resultsPerPage: resultsPerPage,\n searchTerm: searchTerm,\n sortDirection: sortDirection,\n sortField: sortField\n }, {\n replaceUrl: replaceUrl\n });\n }\n }, function (error) {\n _this._setState({\n error: \"An unexpected error occurred: \".concat(error.message)\n });\n });\n }));\n\n this.actions = Object.entries(actions).reduce(function (acc, _ref8) {\n var _ref9 = _slicedToArray(_ref8, 2),\n actionName = _ref9[0],\n action = _ref9[1];\n\n return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, actionName, action.bind(_this)));\n }, {});\n Object.assign(this, this.actions);\n this.events = new Events({\n apiConnector: apiConnector,\n onSearch: onSearch,\n onAutocomplete: onAutocomplete,\n onResultClick: onResultClick,\n onAutocompleteResultClick: onAutocompleteResultClick\n });\n this.debug = debug;\n\n if (this.debug) {\n console.warn(\"Search UI Debugging is enabled. This should be turned off in production deployments.\");\n window.searchUI = this;\n }\n\n this.autocompleteRequestSequencer = new RequestSequencer();\n this.searchRequestSequencer = new RequestSequencer();\n this.debounceManager = new DebounceManager();\n this.autocompleteQuery = autocompleteQuery;\n this.searchQuery = searchQuery;\n this.subscriptions = [];\n this.trackUrlState = trackUrlState;\n this.urlPushDebounceLength = urlPushDebounceLength;\n this.alwaysSearchOnInitialLoad = alwaysSearchOnInitialLoad;\n var urlState;\n\n if (trackUrlState) {\n this.URLManager = new URLManager();\n urlState = this.URLManager.getStateFromURL();\n this.URLManager.onURLStateChange(function (urlState) {\n _this._updateSearchResults(_objectSpread(_objectSpread({}, DEFAULT_STATE), urlState), {\n skipPushToUrl: true\n });\n });\n } else {\n urlState = {};\n } // Manage screen reader accessible notifications\n\n\n this.hasA11yNotifications = hasA11yNotifications;\n if (this.hasA11yNotifications) a11y.getLiveRegion();\n this.a11yNotificationMessages = _objectSpread(_objectSpread({}, a11y.defaultMessages), a11yNotificationMessages); // Remember the state this application is initialized into, so that we can\n // reset to it later.\n\n this.startingState = _objectSpread(_objectSpread({}, this.state), initialState); // We filter these here to disallow anything other than valid search\n // parameters to be passed in initial state, or url state. `results`, etc,\n // should not be allowed to be passed in, that should be generated based on\n // the results of the query\n\n var _searchParameters = filterSearchParameters(_objectSpread(_objectSpread({}, this.startingState), urlState)); // Initialize the state without calling _setState, because we don't\n // want to trigger an update callback, we're just initializing the state\n // to the correct default values for the initial UI render\n\n\n this.state = _objectSpread(_objectSpread({}, this.state), _searchParameters); // We'll trigger an initial search if initial parameters contain\n // a search term or filters, or if alwaysSearchOnInitialLoad is set.\n // Otherwise, we'll just save their selections in state as initial values.\n\n if (_searchParameters.searchTerm || _searchParameters.filters.length > 0 || this.alwaysSearchOnInitialLoad) {\n this._updateSearchResults(_searchParameters, {\n replaceUrl: true\n });\n }\n }\n /**\n * This method is used to update state and trigger a new autocomplete search.\n *\n * @param {string} searchTerm\n * @param {Object=} Object\n * @param {boolean|Object} options.autocompleteResults - Should autocomplete results\n * @param {boolean|Object} options.autocompleteSuggestions - Should autocomplete suggestions\n */\n\n\n _createClass(SearchDriver, [{\n key: \"_setState\",\n value: function _setState(newState) {\n var state = _objectSpread(_objectSpread({}, this.state), newState); // eslint-disable-next-line no-console\n\n\n if (this.debug) console.log(\"Search UI: State Update\", newState, state);\n this.state = state;\n this.subscriptions.forEach(function (subscription) {\n return subscription(state);\n });\n }\n /**\n * Dynamically update the searchQuery configuration in this driver.\n * This will issue a new query after being updated.\n *\n * @param Object searchQuery\n */\n\n }, {\n key: \"setSearchQuery\",\n value: function setSearchQuery(searchQuery) {\n this.searchQuery = searchQuery;\n\n this._updateSearchResults();\n }\n /**\n * @param Object autocompleteQuery\n */\n\n }, {\n key: \"setAutocompleteQuery\",\n value: function setAutocompleteQuery(autocompleteQuery) {\n this.autocompleteQuery = autocompleteQuery;\n }\n /**\n * Any time state is updated in this Driver, the provided callback\n * will be executed with the updated state.\n *\n * @param onStateChange Function\n */\n\n }, {\n key: \"subscribeToStateChanges\",\n value: function subscribeToStateChanges(onStateChange) {\n this.subscriptions.push(onStateChange);\n }\n /**\n * @param onStateChange Function\n */\n\n }, {\n key: \"unsubscribeToStateChanges\",\n value: function unsubscribeToStateChanges(onStateChange) {\n this.subscriptions = this.subscriptions.filter(function (sub) {\n return sub !== onStateChange;\n });\n }\n /**\n * Remove all listeners\n */\n\n }, {\n key: \"tearDown\",\n value: function tearDown() {\n this.subscriptions = [];\n this.URLManager && this.URLManager.tearDown();\n }\n /**\n * Retrieves all available acitons\n *\n * @returns Object All actions\n */\n\n }, {\n key: \"getActions\",\n value: function getActions() {\n return this.actions;\n }\n /**\n * Retrieve current state. Typically used on app initialization. Subsequent\n * state updates should come through subscription.\n *\n * @returns Object Current state\n */\n\n }, {\n key: \"getState\",\n value: function getState() {\n // We return a copy of state here, because we want to ensure the state\n // inside of this object remains immutable.\n return _objectSpread({}, this.state);\n }\n }]);\n\n return SearchDriver;\n}();\n\nexport { SearchDriver as default };","import React from \"react\";\nvar SearchContext = /*#__PURE__*/React.createContext();\nexport default SearchContext;","/**\n * Accessibility notifications\n * @see packages/search-ui/src/A11yNotifications.js\n */\nvar defaultMessages = {\n moreFilters: function moreFilters(_ref) {\n var visibleOptionsCount = _ref.visibleOptionsCount,\n showingAll = _ref.showingAll;\n var message = showingAll ? \"All \" : \"\";\n message += \"\".concat(visibleOptionsCount, \" options shown.\");\n return message;\n }\n};\nexport default defaultMessages;","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport React, { useState, useEffect } from \"react\";\nimport { SearchDriver } from \"@elastic/search-ui\";\nimport SearchContext from \"./SearchContext\";\nimport defaultA11yMessages from \"./A11yNotifications\";\n/**\n * The SearchProvider primarily holds a reference to the SearchDriver and\n * exposes it to the rest of the application in a Context.\n */\n\nvar SearchProvider = function SearchProvider(_ref) {\n var children = _ref.children,\n _ref$config = _ref.config,\n config = _ref$config === void 0 ? {} : _ref$config,\n driver = _ref.driver;\n\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n driverInstance = _useState2[0],\n setDriverInstance = _useState2[1];\n\n useEffect(function () {\n // This initialization is done inside of useEffect, because initializing the SearchDriver server side\n // will error out, since the driver depends on window. Placing the initialization inside of useEffect\n // assures that it won't attempt to initialize server side.\n var currentDriver = driver || new SearchDriver(_objectSpread(_objectSpread({}, config), {}, {\n a11yNotificationMessages: _objectSpread(_objectSpread({}, defaultA11yMessages), config.a11yNotificationMessages)\n }));\n setDriverInstance(currentDriver);\n return function () {\n currentDriver.tearDown();\n };\n }, []); // This effect allows users to dynamically update their searchQuery without re-mounting a SearchProvider,\n // which would be destructive. An example of why this is useful is dynamically updating facets.\n\n useEffect(function () {\n if (driverInstance) {\n driverInstance.setSearchQuery(config.searchQuery);\n }\n }, [config.searchQuery]);\n useEffect(function () {\n if (driverInstance) {\n driverInstance.setAutocompleteQuery(config.autocompleteQuery);\n }\n }, [config.autocompleteQuery]); // Since driver is initialized in useEffect above, we are waiting\n // to render until the driver is available.\n\n if (!driverInstance) return null; // Passing the entire \"this.state\" to the Context is significant. Because\n // Context determines when to re-render based on referential identity\n // something like this could cause unnecessary renders:\n //\n // \n //\n // By passing the entire state, we ensure that re-renders only occur when\n // state is actually updated.\n\n return /*#__PURE__*/React.createElement(SearchContext.Provider, {\n value: {\n driver: driverInstance\n }\n }, children);\n};\n\nexport default SearchProvider;","function t(t) {\n return \"object\" == typeof t && null != t && 1 === t.nodeType;\n}\n\nfunction e(t, e) {\n return (!e || \"hidden\" !== t) && \"visible\" !== t && \"clip\" !== t;\n}\n\nfunction n(t, n) {\n if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {\n var r = getComputedStyle(t, null);\n return e(r.overflowY, n) || e(r.overflowX, n) || function (t) {\n var e = function (t) {\n if (!t.ownerDocument || !t.ownerDocument.defaultView) return null;\n\n try {\n return t.ownerDocument.defaultView.frameElement;\n } catch (t) {\n return null;\n }\n }(t);\n\n return !!e && (e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth);\n }(t);\n }\n\n return !1;\n}\n\nfunction r(t, e, n, r, i, o, l, d) {\n return o < t && l > e || o > t && l < e ? 0 : o <= t && d <= n || l >= e && d >= n ? o - t - r : l > e && d < n || o < t && d > n ? l - e + i : 0;\n}\n\nexport default function (e, i) {\n var o = window,\n l = i.scrollMode,\n d = i.block,\n u = i.inline,\n h = i.boundary,\n a = i.skipOverflowHiddenElements,\n c = \"function\" == typeof h ? h : function (t) {\n return t !== h;\n };\n if (!t(e)) throw new TypeError(\"Invalid target\");\n\n for (var f = document.scrollingElement || document.documentElement, s = [], p = e; t(p) && c(p);) {\n if ((p = p.parentElement) === f) {\n s.push(p);\n break;\n }\n\n null != p && p === document.body && n(p) && !n(document.documentElement) || null != p && n(p, a) && s.push(p);\n }\n\n for (var m = o.visualViewport ? o.visualViewport.width : innerWidth, g = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, E = W.right, M = W.bottom, V = W.left, x = \"start\" === d || \"nearest\" === d ? y : \"end\" === d ? M : y + b / 2, I = \"center\" === u ? V + H / 2 : \"end\" === u ? E : V, C = [], T = 0; T < s.length; T++) {\n var k = s[T],\n B = k.getBoundingClientRect(),\n D = B.height,\n O = B.width,\n R = B.top,\n X = B.right,\n Y = B.bottom,\n L = B.left;\n if (\"if-needed\" === l && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X) return C;\n var S = getComputedStyle(k),\n j = parseInt(S.borderLeftWidth, 10),\n q = parseInt(S.borderTopWidth, 10),\n z = parseInt(S.borderRightWidth, 10),\n A = parseInt(S.borderBottomWidth, 10),\n F = 0,\n G = 0,\n J = \"offsetWidth\" in k ? k.offsetWidth - k.clientWidth - j - z : 0,\n K = \"offsetHeight\" in k ? k.offsetHeight - k.clientHeight - q - A : 0;\n if (f === k) F = \"start\" === d ? x : \"end\" === d ? x - g : \"nearest\" === d ? r(v, v + g, g, q, A, v + x, v + x + b, b) : x - g / 2, G = \"start\" === u ? I : \"center\" === u ? I - m / 2 : \"end\" === u ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);else {\n F = \"start\" === d ? x - R - q : \"end\" === d ? x - Y + A + K : \"nearest\" === d ? r(R, Y, D, q, A + K, x, x + b, b) : x - (R + D / 2) + K / 2, G = \"start\" === u ? I - L - j : \"center\" === u ? I - (L + O / 2) + J / 2 : \"end\" === u ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);\n var N = k.scrollLeft,\n P = k.scrollTop;\n x += P - (F = Math.max(0, Math.min(P + F, k.scrollHeight - D + K))), I += N - (G = Math.max(0, Math.min(N + G, k.scrollWidth - O + J)));\n }\n C.push({\n el: k,\n top: F,\n left: G\n });\n }\n\n return C;\n}","import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport { cloneElement, Component, useCallback, useReducer, useState, useEffect, useRef } from 'react';\nimport { isForwardRef } from 'react-is';\nimport computeScrollIntoView from 'compute-scroll-into-view';\nvar idCounter = 0;\n/**\n * Accepts a parameter and returns it if it's a function\n * or a noop function if it's not. This allows us to\n * accept a callback, but not worry about it if it's not\n * passed.\n * @param {Function} cb the callback\n * @return {Function} a function\n */\n\nfunction cbToCb(cb) {\n return typeof cb === 'function' ? cb : noop;\n}\n\nfunction noop() {}\n/**\n * Scroll node into view if necessary\n * @param {HTMLElement} node the element that should scroll into view\n * @param {HTMLElement} menuNode the menu element of the component\n */\n\n\nfunction scrollIntoView(node, menuNode) {\n if (node === null) {\n return;\n }\n\n var actions = computeScrollIntoView(node, {\n boundary: menuNode,\n block: 'nearest',\n scrollMode: 'if-needed'\n });\n actions.forEach(function (_ref) {\n var el = _ref.el,\n top = _ref.top,\n left = _ref.left;\n el.scrollTop = top;\n el.scrollLeft = left;\n });\n}\n/**\n * @param {HTMLElement} parent the parent node\n * @param {HTMLElement} child the child node\n * @return {Boolean} whether the parent is the child or the child is in the parent\n */\n\n\nfunction isOrContainsNode(parent, child) {\n return parent === child || parent.contains && parent.contains(child);\n}\n/**\n * Simple debounce implementation. Will call the given\n * function once after the time given has passed since\n * it was last called.\n * @param {Function} fn the function to call after the time\n * @param {Number} time the time to wait\n * @return {Function} the debounced function\n */\n\n\nfunction debounce(fn, time) {\n var timeoutId;\n\n function cancel() {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n }\n\n function wrapper() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n cancel();\n timeoutId = setTimeout(function () {\n timeoutId = null;\n fn.apply(void 0, args);\n }, time);\n }\n\n wrapper.cancel = cancel;\n return wrapper;\n}\n/**\n * This is intended to be used to compose event handlers.\n * They are executed in order until one of them sets\n * `event.preventDownshiftDefault = true`.\n * @param {...Function} fns the event handler functions\n * @return {Function} the event handler to add to an element\n */\n\n\nfunction callAllEventHandlers() {\n for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n fns[_key2] = arguments[_key2];\n }\n\n return function (event) {\n for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {\n args[_key3 - 1] = arguments[_key3];\n }\n\n return fns.some(function (fn) {\n if (fn) {\n fn.apply(void 0, [event].concat(args));\n }\n\n return event.preventDownshiftDefault || event.hasOwnProperty('nativeEvent') && event.nativeEvent.preventDownshiftDefault;\n });\n };\n}\n\nfunction handleRefs() {\n for (var _len4 = arguments.length, refs = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n refs[_key4] = arguments[_key4];\n }\n\n return function (node) {\n refs.forEach(function (ref) {\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n });\n };\n}\n/**\n * This generates a unique ID for an instance of Downshift\n * @return {String} the unique ID\n */\n\n\nfunction generateId() {\n return String(idCounter++);\n}\n/**\n * Resets idCounter to 0. Used for SSR.\n */\n\n\nfunction resetIdCounter() {\n idCounter = 0;\n}\n/**\n * @param {Object} param the downshift state and other relevant properties\n * @return {String} the a11y status message\n */\n\n\nfunction getA11yStatusMessage(_ref2) {\n var isOpen = _ref2.isOpen,\n selectedItem = _ref2.selectedItem,\n resultCount = _ref2.resultCount,\n previousResultCount = _ref2.previousResultCount,\n itemToString = _ref2.itemToString;\n\n if (!isOpen) {\n return selectedItem ? itemToString(selectedItem) : '';\n }\n\n if (!resultCount) {\n return 'No results are available.';\n }\n\n if (resultCount !== previousResultCount) {\n return resultCount + \" result\" + (resultCount === 1 ? ' is' : 's are') + \" available, use up and down arrow keys to navigate. Press Enter key to select.\";\n }\n\n return '';\n}\n/**\n * Takes an argument and if it's an array, returns the first item in the array\n * otherwise returns the argument\n * @param {*} arg the maybe-array\n * @param {*} defaultValue the value if arg is falsey not defined\n * @return {*} the arg or it's first item\n */\n\n\nfunction unwrapArray(arg, defaultValue) {\n arg = Array.isArray(arg) ?\n /* istanbul ignore next (preact) */\n arg[0] : arg;\n\n if (!arg && defaultValue) {\n return defaultValue;\n } else {\n return arg;\n }\n}\n/**\n * @param {Object} element (P)react element\n * @return {Boolean} whether it's a DOM element\n */\n\n\nfunction isDOMElement(element) {\n // then we assume this is react\n return typeof element.type === 'string';\n}\n/**\n * @param {Object} element (P)react element\n * @return {Object} the props\n */\n\n\nfunction getElementProps(element) {\n return element.props;\n}\n/**\n * Throws a helpful error message for required properties. Useful\n * to be used as a default in destructuring or object params.\n * @param {String} fnName the function name\n * @param {String} propName the prop name\n */\n\n\nfunction requiredProp(fnName, propName) {\n // eslint-disable-next-line no-console\n console.error(\"The property \\\"\" + propName + \"\\\" is required in \\\"\" + fnName + \"\\\"\");\n}\n\nvar stateKeys = ['highlightedIndex', 'inputValue', 'isOpen', 'selectedItem', 'type'];\n/**\n * @param {Object} state the state object\n * @return {Object} state that is relevant to downshift\n */\n\nfunction pickState(state) {\n if (state === void 0) {\n state = {};\n }\n\n var result = {};\n stateKeys.forEach(function (k) {\n if (state.hasOwnProperty(k)) {\n result[k] = state[k];\n }\n });\n return result;\n}\n/**\n * Normalizes the 'key' property of a KeyboardEvent in IE/Edge\n * @param {Object} event a keyboardEvent object\n * @return {String} keyboard key\n */\n\n\nfunction normalizeArrowKey(event) {\n var key = event.key,\n keyCode = event.keyCode;\n /* istanbul ignore next (ie) */\n\n if (keyCode >= 37 && keyCode <= 40 && key.indexOf('Arrow') !== 0) {\n return \"Arrow\" + key;\n }\n\n return key;\n}\n/**\n * Simple check if the value passed is object literal\n * @param {*} obj any things\n * @return {Boolean} whether it's object literal\n */\n\n\nfunction isPlainObject(obj) {\n return Object.prototype.toString.call(obj) === '[object Object]';\n}\n/**\n * Returns the new index in the list, in a circular way. If next value is out of bonds from the total,\n * it will wrap to either 0 or itemCount - 1.\n *\n * @param {number} moveAmount Number of positions to move. Negative to move backwards, positive forwards.\n * @param {number} baseIndex The initial position to move from.\n * @param {number} itemCount The total number of items.\n * @returns {number} The new index after the move.\n */\n\n\nfunction getNextWrappingIndex(moveAmount, baseIndex, itemCount) {\n var itemsLastIndex = itemCount - 1;\n\n if (typeof baseIndex !== 'number' || baseIndex < 0 || baseIndex >= itemCount) {\n baseIndex = moveAmount > 0 ? -1 : itemsLastIndex + 1;\n }\n\n var newIndex = baseIndex + moveAmount;\n\n if (newIndex < 0) {\n newIndex = itemsLastIndex;\n } else if (newIndex > itemsLastIndex) {\n newIndex = 0;\n }\n\n return newIndex;\n}\n\nvar cleanupStatus = debounce(function () {\n getStatusDiv().textContent = '';\n}, 500);\n/**\n * @param {String} status the status message\n * @param {Object} documentProp document passed by the user.\n */\n\nfunction setStatus(status, documentProp) {\n var div = getStatusDiv(documentProp);\n\n if (!status) {\n return;\n }\n\n div.textContent = status;\n cleanupStatus();\n}\n/**\n * Get the status node or create it if it does not already exist.\n * @param {Object} documentProp document passed by the user.\n * @return {HTMLElement} the status node.\n */\n\n\nfunction getStatusDiv(documentProp) {\n if (documentProp === void 0) {\n documentProp = document;\n }\n\n var statusDiv = documentProp.getElementById('a11y-status-message');\n\n if (statusDiv) {\n return statusDiv;\n }\n\n statusDiv = documentProp.createElement('div');\n statusDiv.setAttribute('id', 'a11y-status-message');\n statusDiv.setAttribute('role', 'status');\n statusDiv.setAttribute('aria-live', 'polite');\n statusDiv.setAttribute('aria-relevant', 'additions text');\n Object.assign(statusDiv.style, {\n border: '0',\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n width: '1px'\n });\n documentProp.body.appendChild(statusDiv);\n return statusDiv;\n}\n\nvar unknown = process.env.NODE_ENV !== \"production\" ? '__autocomplete_unknown__' : 0;\nvar mouseUp = process.env.NODE_ENV !== \"production\" ? '__autocomplete_mouseup__' : 1;\nvar itemMouseEnter = process.env.NODE_ENV !== \"production\" ? '__autocomplete_item_mouseenter__' : 2;\nvar keyDownArrowUp = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_arrow_up__' : 3;\nvar keyDownArrowDown = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_arrow_down__' : 4;\nvar keyDownEscape = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_escape__' : 5;\nvar keyDownEnter = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_enter__' : 6;\nvar keyDownHome = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_home__' : 7;\nvar keyDownEnd = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_end__' : 8;\nvar clickItem = process.env.NODE_ENV !== \"production\" ? '__autocomplete_click_item__' : 9;\nvar blurInput = process.env.NODE_ENV !== \"production\" ? '__autocomplete_blur_input__' : 10;\nvar changeInput = process.env.NODE_ENV !== \"production\" ? '__autocomplete_change_input__' : 11;\nvar keyDownSpaceButton = process.env.NODE_ENV !== \"production\" ? '__autocomplete_keydown_space_button__' : 12;\nvar clickButton = process.env.NODE_ENV !== \"production\" ? '__autocomplete_click_button__' : 13;\nvar blurButton = process.env.NODE_ENV !== \"production\" ? '__autocomplete_blur_button__' : 14;\nvar controlledPropUpdatedSelectedItem = process.env.NODE_ENV !== \"production\" ? '__autocomplete_controlled_prop_updated_selected_item__' : 15;\nvar touchEnd = process.env.NODE_ENV !== \"production\" ? '__autocomplete_touchend__' : 16;\nvar stateChangeTypes = /*#__PURE__*/Object.freeze({\n __proto__: null,\n unknown: unknown,\n mouseUp: mouseUp,\n itemMouseEnter: itemMouseEnter,\n keyDownArrowUp: keyDownArrowUp,\n keyDownArrowDown: keyDownArrowDown,\n keyDownEscape: keyDownEscape,\n keyDownEnter: keyDownEnter,\n keyDownHome: keyDownHome,\n keyDownEnd: keyDownEnd,\n clickItem: clickItem,\n blurInput: blurInput,\n changeInput: changeInput,\n keyDownSpaceButton: keyDownSpaceButton,\n clickButton: clickButton,\n blurButton: blurButton,\n controlledPropUpdatedSelectedItem: controlledPropUpdatedSelectedItem,\n touchEnd: touchEnd\n});\n\nvar Downshift = /*#__PURE__*/function () {\n var Downshift = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Downshift, _Component);\n\n function Downshift(_props) {\n var _this = _Component.call(this, _props) || this;\n\n _this.id = _this.props.id || \"downshift-\" + generateId();\n _this.menuId = _this.props.menuId || _this.id + \"-menu\";\n _this.labelId = _this.props.labelId || _this.id + \"-label\";\n _this.inputId = _this.props.inputId || _this.id + \"-input\";\n\n _this.getItemId = _this.props.getItemId || function (index) {\n return _this.id + \"-item-\" + index;\n };\n\n _this.input = null;\n _this.items = [];\n _this.itemCount = null;\n _this.previousResultCount = 0;\n _this.timeoutIds = [];\n\n _this.internalSetTimeout = function (fn, time) {\n var id = setTimeout(function () {\n _this.timeoutIds = _this.timeoutIds.filter(function (i) {\n return i !== id;\n });\n fn();\n }, time);\n\n _this.timeoutIds.push(id);\n };\n\n _this.setItemCount = function (count) {\n _this.itemCount = count;\n };\n\n _this.unsetItemCount = function () {\n _this.itemCount = null;\n };\n\n _this.setHighlightedIndex = function (highlightedIndex, otherStateToSet) {\n if (highlightedIndex === void 0) {\n highlightedIndex = _this.props.defaultHighlightedIndex;\n }\n\n if (otherStateToSet === void 0) {\n otherStateToSet = {};\n }\n\n otherStateToSet = pickState(otherStateToSet);\n\n _this.internalSetState(_extends({\n highlightedIndex: highlightedIndex\n }, otherStateToSet));\n };\n\n _this.clearSelection = function (cb) {\n _this.internalSetState({\n selectedItem: null,\n inputValue: '',\n highlightedIndex: _this.props.defaultHighlightedIndex,\n isOpen: _this.props.defaultIsOpen\n }, cb);\n };\n\n _this.selectItem = function (item, otherStateToSet, cb) {\n otherStateToSet = pickState(otherStateToSet);\n\n _this.internalSetState(_extends({\n isOpen: _this.props.defaultIsOpen,\n highlightedIndex: _this.props.defaultHighlightedIndex,\n selectedItem: item,\n inputValue: _this.props.itemToString(item)\n }, otherStateToSet), cb);\n };\n\n _this.selectItemAtIndex = function (itemIndex, otherStateToSet, cb) {\n var item = _this.items[itemIndex];\n\n if (item == null) {\n return;\n }\n\n _this.selectItem(item, otherStateToSet, cb);\n };\n\n _this.selectHighlightedItem = function (otherStateToSet, cb) {\n return _this.selectItemAtIndex(_this.getState().highlightedIndex, otherStateToSet, cb);\n };\n\n _this.internalSetState = function (stateToSet, cb) {\n var isItemSelected, onChangeArg;\n var onStateChangeArg = {};\n var isStateToSetFunction = typeof stateToSet === 'function'; // we want to call `onInputValueChange` before the `setState` call\n // so someone controlling the `inputValue` state gets notified of\n // the input change as soon as possible. This avoids issues with\n // preserving the cursor position.\n // See https://github.com/downshift-js/downshift/issues/217 for more info.\n\n if (!isStateToSetFunction && stateToSet.hasOwnProperty('inputValue')) {\n _this.props.onInputValueChange(stateToSet.inputValue, _extends({}, _this.getStateAndHelpers(), {}, stateToSet));\n }\n\n return _this.setState(function (state) {\n state = _this.getState(state);\n var newStateToSet = isStateToSetFunction ? stateToSet(state) : stateToSet; // Your own function that could modify the state that will be set.\n\n newStateToSet = _this.props.stateReducer(state, newStateToSet); // checks if an item is selected, regardless of if it's different from\n // what was selected before\n // used to determine if onSelect and onChange callbacks should be called\n\n isItemSelected = newStateToSet.hasOwnProperty('selectedItem'); // this keeps track of the object we want to call with setState\n\n var nextState = {}; // this is just used to tell whether the state changed\n\n var nextFullState = {}; // we need to call on change if the outside world is controlling any of our state\n // and we're trying to update that state. OR if the selection has changed and we're\n // trying to update the selection\n\n if (isItemSelected && newStateToSet.selectedItem !== state.selectedItem) {\n onChangeArg = newStateToSet.selectedItem;\n }\n\n newStateToSet.type = newStateToSet.type || unknown;\n Object.keys(newStateToSet).forEach(function (key) {\n // onStateChangeArg should only have the state that is\n // actually changing\n if (state[key] !== newStateToSet[key]) {\n onStateChangeArg[key] = newStateToSet[key];\n } // the type is useful for the onStateChangeArg\n // but we don't actually want to set it in internal state.\n // this is an undocumented feature for now... Not all internalSetState\n // calls support it and I'm not certain we want them to yet.\n // But it enables users controlling the isOpen state to know when\n // the isOpen state changes due to mouseup events which is quite handy.\n\n\n if (key === 'type') {\n return;\n }\n\n nextFullState[key] = newStateToSet[key]; // if it's coming from props, then we don't care to set it internally\n\n if (!_this.isControlledProp(key)) {\n nextState[key] = newStateToSet[key];\n }\n }); // if stateToSet is a function, then we weren't able to call onInputValueChange\n // earlier, so we'll call it now that we know what the inputValue state will be.\n\n if (isStateToSetFunction && newStateToSet.hasOwnProperty('inputValue')) {\n _this.props.onInputValueChange(newStateToSet.inputValue, _extends({}, _this.getStateAndHelpers(), {}, newStateToSet));\n }\n\n return nextState;\n }, function () {\n // call the provided callback if it's a function\n cbToCb(cb)(); // only call the onStateChange and onChange callbacks if\n // we have relevant information to pass them.\n\n var hasMoreStateThanType = Object.keys(onStateChangeArg).length > 1;\n\n if (hasMoreStateThanType) {\n _this.props.onStateChange(onStateChangeArg, _this.getStateAndHelpers());\n }\n\n if (isItemSelected) {\n _this.props.onSelect(stateToSet.selectedItem, _this.getStateAndHelpers());\n }\n\n if (onChangeArg !== undefined) {\n _this.props.onChange(onChangeArg, _this.getStateAndHelpers());\n } // this is currently undocumented and therefore subject to change\n // We'll try to not break it, but just be warned.\n\n\n _this.props.onUserAction(onStateChangeArg, _this.getStateAndHelpers());\n });\n };\n\n _this.rootRef = function (node) {\n return _this._rootNode = node;\n };\n\n _this.getRootProps = function (_temp, _temp2) {\n var _extends2;\n\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$refKey = _ref.refKey,\n refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,\n ref = _ref.ref,\n rest = _objectWithoutPropertiesLoose(_ref, [\"refKey\", \"ref\"]);\n\n var _ref2 = _temp2 === void 0 ? {} : _temp2,\n _ref2$suppressRefErro = _ref2.suppressRefError,\n suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro; // this is used in the render to know whether the user has called getRootProps.\n // It uses that to know whether to apply the props automatically\n\n\n _this.getRootProps.called = true;\n _this.getRootProps.refKey = refKey;\n _this.getRootProps.suppressRefError = suppressRefError;\n\n var _this$getState = _this.getState(),\n isOpen = _this$getState.isOpen;\n\n return _extends((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);\n };\n\n _this.keyDownHandlers = {\n ArrowDown: function ArrowDown(event) {\n var _this2 = this;\n\n event.preventDefault();\n\n if (this.getState().isOpen) {\n var amount = event.shiftKey ? 5 : 1;\n this.moveHighlightedIndex(amount, {\n type: keyDownArrowDown\n });\n } else {\n this.internalSetState({\n isOpen: true,\n type: keyDownArrowDown\n }, function () {\n var itemCount = _this2.getItemCount();\n\n if (itemCount > 0) {\n _this2.setHighlightedIndex(getNextWrappingIndex(1, _this2.getState().highlightedIndex, itemCount), {\n type: keyDownArrowDown\n });\n }\n });\n }\n },\n ArrowUp: function ArrowUp(event) {\n var _this3 = this;\n\n event.preventDefault();\n\n if (this.getState().isOpen) {\n var amount = event.shiftKey ? -5 : -1;\n this.moveHighlightedIndex(amount, {\n type: keyDownArrowUp\n });\n } else {\n this.internalSetState({\n isOpen: true,\n type: keyDownArrowUp\n }, function () {\n var itemCount = _this3.getItemCount();\n\n if (itemCount > 0) {\n _this3.setHighlightedIndex(getNextWrappingIndex(-1, _this3.getState().highlightedIndex, itemCount), {\n type: keyDownArrowDown\n });\n }\n });\n }\n },\n Enter: function Enter(event) {\n var _this$getState2 = this.getState(),\n isOpen = _this$getState2.isOpen,\n highlightedIndex = _this$getState2.highlightedIndex;\n\n if (isOpen && highlightedIndex != null) {\n event.preventDefault();\n var item = this.items[highlightedIndex];\n var itemNode = this.getItemNodeFromIndex(highlightedIndex);\n\n if (item == null || itemNode && itemNode.hasAttribute('disabled')) {\n return;\n }\n\n this.selectHighlightedItem({\n type: keyDownEnter\n });\n }\n },\n Escape: function Escape(event) {\n event.preventDefault();\n this.reset({\n type: keyDownEscape,\n selectedItem: null,\n inputValue: ''\n });\n }\n };\n _this.buttonKeyDownHandlers = _extends({}, _this.keyDownHandlers, {\n ' ': function _(event) {\n event.preventDefault();\n this.toggleMenu({\n type: keyDownSpaceButton\n });\n }\n });\n _this.inputKeyDownHandlers = _extends({}, _this.keyDownHandlers, {\n Home: function Home(event) {\n this.highlightFirstOrLastIndex(event, true, {\n type: keyDownHome\n });\n },\n End: function End(event) {\n this.highlightFirstOrLastIndex(event, false, {\n type: keyDownEnd\n });\n }\n });\n\n _this.getToggleButtonProps = function (_temp3) {\n var _ref3 = _temp3 === void 0 ? {} : _temp3,\n onClick = _ref3.onClick,\n onPress = _ref3.onPress,\n onKeyDown = _ref3.onKeyDown,\n onKeyUp = _ref3.onKeyUp,\n onBlur = _ref3.onBlur,\n rest = _objectWithoutPropertiesLoose(_ref3, [\"onClick\", \"onPress\", \"onKeyDown\", \"onKeyUp\", \"onBlur\"]);\n\n var _this$getState3 = _this.getState(),\n isOpen = _this$getState3.isOpen;\n\n var enabledEventHandlers = {\n onClick: callAllEventHandlers(onClick, _this.buttonHandleClick),\n onKeyDown: callAllEventHandlers(onKeyDown, _this.buttonHandleKeyDown),\n onKeyUp: callAllEventHandlers(onKeyUp, _this.buttonHandleKeyUp),\n onBlur: callAllEventHandlers(onBlur, _this.buttonHandleBlur)\n };\n var eventHandlers = rest.disabled ? {} : enabledEventHandlers;\n return _extends({\n type: 'button',\n role: 'button',\n 'aria-label': isOpen ? 'close menu' : 'open menu',\n 'aria-haspopup': true,\n 'data-toggle': true\n }, eventHandlers, {}, rest);\n };\n\n _this.buttonHandleKeyUp = function (event) {\n // Prevent click event from emitting in Firefox\n event.preventDefault();\n };\n\n _this.buttonHandleKeyDown = function (event) {\n var key = normalizeArrowKey(event);\n\n if (_this.buttonKeyDownHandlers[key]) {\n _this.buttonKeyDownHandlers[key].call(_assertThisInitialized(_this), event);\n }\n };\n\n _this.buttonHandleClick = function (event) {\n event.preventDefault(); // handle odd case for Safari and Firefox which\n // don't give the button the focus properly.\n\n /* istanbul ignore if (can't reasonably test this) */\n\n if (_this.props.environment.document.activeElement === _this.props.environment.document.body) {\n event.target.focus();\n } // to simplify testing components that use downshift, we'll not wrap this in a setTimeout\n // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated\n // when building for production and should therefore have no impact on production code.\n\n\n if (process.env.NODE_ENV === 'test') {\n _this.toggleMenu({\n type: clickButton\n });\n } else {\n // Ensure that toggle of menu occurs after the potential blur event in iOS\n _this.internalSetTimeout(function () {\n return _this.toggleMenu({\n type: clickButton\n });\n });\n }\n };\n\n _this.buttonHandleBlur = function (event) {\n var blurTarget = event.target; // Save blur target for comparison with activeElement later\n // Need setTimeout, so that when the user presses Tab, the activeElement is the next focused element, not body element\n\n _this.internalSetTimeout(function () {\n if (!_this.isMouseDown && (_this.props.environment.document.activeElement == null || _this.props.environment.document.activeElement.id !== _this.inputId) && _this.props.environment.document.activeElement !== blurTarget // Do nothing if we refocus the same element again (to solve issue in Safari on iOS)\n ) {\n _this.reset({\n type: blurButton\n });\n }\n });\n };\n\n _this.getLabelProps = function (props) {\n return _extends({\n htmlFor: _this.inputId,\n id: _this.labelId\n }, props);\n };\n\n _this.getInputProps = function (_temp4) {\n var _ref4 = _temp4 === void 0 ? {} : _temp4,\n onKeyDown = _ref4.onKeyDown,\n onBlur = _ref4.onBlur,\n onChange = _ref4.onChange,\n onInput = _ref4.onInput,\n onChangeText = _ref4.onChangeText,\n rest = _objectWithoutPropertiesLoose(_ref4, [\"onKeyDown\", \"onBlur\", \"onChange\", \"onInput\", \"onChangeText\"]);\n\n var onChangeKey;\n var eventHandlers = {};\n /* istanbul ignore next (preact) */\n\n onChangeKey = 'onChange';\n\n var _this$getState4 = _this.getState(),\n inputValue = _this$getState4.inputValue,\n isOpen = _this$getState4.isOpen,\n highlightedIndex = _this$getState4.highlightedIndex;\n\n if (!rest.disabled) {\n var _eventHandlers;\n\n eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, _this.inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, _this.inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, _this.inputHandleBlur), _eventHandlers);\n }\n /* istanbul ignore if (react-native) */\n\n\n return _extends({\n 'aria-autocomplete': 'list',\n 'aria-activedescendant': isOpen && typeof highlightedIndex === 'number' && highlightedIndex >= 0 ? _this.getItemId(highlightedIndex) : null,\n 'aria-controls': isOpen ? _this.menuId : null,\n 'aria-labelledby': _this.labelId,\n // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion\n // revert back since autocomplete=\"nope\" is ignored on latest Chrome and Opera\n autoComplete: 'off',\n value: inputValue,\n id: _this.inputId\n }, eventHandlers, {}, rest);\n };\n\n _this.inputHandleKeyDown = function (event) {\n var key = normalizeArrowKey(event);\n\n if (key && _this.inputKeyDownHandlers[key]) {\n _this.inputKeyDownHandlers[key].call(_assertThisInitialized(_this), event);\n }\n };\n\n _this.inputHandleChange = function (event) {\n _this.internalSetState({\n type: changeInput,\n isOpen: true,\n inputValue: event.target.value,\n highlightedIndex: _this.props.defaultHighlightedIndex\n });\n };\n\n _this.inputHandleBlur = function () {\n // Need setTimeout, so that when the user presses Tab, the activeElement is the next focused element, not the body element\n _this.internalSetTimeout(function () {\n var downshiftButtonIsActive = _this.props.environment.document && !!_this.props.environment.document.activeElement && !!_this.props.environment.document.activeElement.dataset && _this.props.environment.document.activeElement.dataset.toggle && _this._rootNode && _this._rootNode.contains(_this.props.environment.document.activeElement);\n\n if (!_this.isMouseDown && !downshiftButtonIsActive) {\n _this.reset({\n type: blurInput\n });\n }\n });\n };\n\n _this.menuRef = function (node) {\n _this._menuNode = node;\n };\n\n _this.getMenuProps = function (_temp5, _temp6) {\n var _extends3;\n\n var _ref5 = _temp5 === void 0 ? {} : _temp5,\n _ref5$refKey = _ref5.refKey,\n refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,\n ref = _ref5.ref,\n props = _objectWithoutPropertiesLoose(_ref5, [\"refKey\", \"ref\"]);\n\n var _ref6 = _temp6 === void 0 ? {} : _temp6,\n _ref6$suppressRefErro = _ref6.suppressRefError,\n suppressRefError = _ref6$suppressRefErro === void 0 ? false : _ref6$suppressRefErro;\n\n _this.getMenuProps.called = true;\n _this.getMenuProps.refKey = refKey;\n _this.getMenuProps.suppressRefError = suppressRefError;\n return _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);\n };\n\n _this.getItemProps = function (_temp7) {\n var _enabledEventHandlers;\n\n var _ref7 = _temp7 === void 0 ? {} : _temp7,\n onMouseMove = _ref7.onMouseMove,\n onMouseDown = _ref7.onMouseDown,\n onClick = _ref7.onClick,\n onPress = _ref7.onPress,\n index = _ref7.index,\n _ref7$item = _ref7.item,\n item = _ref7$item === void 0 ? process.env.NODE_ENV === 'production' ?\n /* istanbul ignore next */\n undefined : requiredProp('getItemProps', 'item') : _ref7$item,\n rest = _objectWithoutPropertiesLoose(_ref7, [\"onMouseMove\", \"onMouseDown\", \"onClick\", \"onPress\", \"index\", \"item\"]);\n\n if (index === undefined) {\n _this.items.push(item);\n\n index = _this.items.indexOf(item);\n } else {\n _this.items[index] = item;\n }\n\n var onSelectKey = 'onClick';\n var customClickHandler = onClick;\n var enabledEventHandlers = (_enabledEventHandlers = {\n // onMouseMove is used over onMouseEnter here. onMouseMove\n // is only triggered on actual mouse movement while onMouseEnter\n // can fire on DOM changes, interrupting keyboard navigation\n onMouseMove: callAllEventHandlers(onMouseMove, function () {\n if (index === _this.getState().highlightedIndex) {\n return;\n }\n\n _this.setHighlightedIndex(index, {\n type: itemMouseEnter\n }); // We never want to manually scroll when changing state based\n // on `onMouseMove` because we will be moving the element out\n // from under the user which is currently scrolling/moving the\n // cursor\n\n\n _this.avoidScrolling = true;\n\n _this.internalSetTimeout(function () {\n return _this.avoidScrolling = false;\n }, 250);\n }),\n onMouseDown: callAllEventHandlers(onMouseDown, function (event) {\n // This prevents the activeElement from being changed\n // to the item so it can remain with the current activeElement\n // which is a more common use case.\n event.preventDefault();\n })\n }, _enabledEventHandlers[onSelectKey] = callAllEventHandlers(customClickHandler, function () {\n _this.selectItemAtIndex(index, {\n type: clickItem\n });\n }), _enabledEventHandlers); // Passing down the onMouseDown handler to prevent redirect\n // of the activeElement if clicking on disabled items\n\n var eventHandlers = rest.disabled ? {\n onMouseDown: enabledEventHandlers.onMouseDown\n } : enabledEventHandlers;\n return _extends({\n id: _this.getItemId(index),\n role: 'option',\n 'aria-selected': _this.getState().highlightedIndex === index\n }, eventHandlers, {}, rest);\n };\n\n _this.clearItems = function () {\n _this.items = [];\n };\n\n _this.reset = function (otherStateToSet, cb) {\n if (otherStateToSet === void 0) {\n otherStateToSet = {};\n }\n\n otherStateToSet = pickState(otherStateToSet);\n\n _this.internalSetState(function (_ref8) {\n var selectedItem = _ref8.selectedItem;\n return _extends({\n isOpen: _this.props.defaultIsOpen,\n highlightedIndex: _this.props.defaultHighlightedIndex,\n inputValue: _this.props.itemToString(selectedItem)\n }, otherStateToSet);\n }, cb);\n };\n\n _this.toggleMenu = function (otherStateToSet, cb) {\n if (otherStateToSet === void 0) {\n otherStateToSet = {};\n }\n\n otherStateToSet = pickState(otherStateToSet);\n\n _this.internalSetState(function (_ref9) {\n var isOpen = _ref9.isOpen;\n return _extends({\n isOpen: !isOpen\n }, isOpen && {\n highlightedIndex: _this.props.defaultHighlightedIndex\n }, {}, otherStateToSet);\n }, function () {\n var _this$getState5 = _this.getState(),\n isOpen = _this$getState5.isOpen,\n highlightedIndex = _this$getState5.highlightedIndex;\n\n if (isOpen) {\n if (_this.getItemCount() > 0 && typeof highlightedIndex === 'number') {\n _this.setHighlightedIndex(highlightedIndex, otherStateToSet);\n }\n }\n\n cbToCb(cb)();\n });\n };\n\n _this.openMenu = function (cb) {\n _this.internalSetState({\n isOpen: true\n }, cb);\n };\n\n _this.closeMenu = function (cb) {\n _this.internalSetState({\n isOpen: false\n }, cb);\n };\n\n _this.updateStatus = debounce(function () {\n var state = _this.getState();\n\n var item = _this.items[state.highlightedIndex];\n\n var resultCount = _this.getItemCount();\n\n var status = _this.props.getA11yStatusMessage(_extends({\n itemToString: _this.props.itemToString,\n previousResultCount: _this.previousResultCount,\n resultCount: resultCount,\n highlightedItem: item\n }, state));\n\n _this.previousResultCount = resultCount;\n setStatus(status, _this.props.environment.document);\n }, 200); // fancy destructuring + defaults + aliases\n // this basically says each value of state should either be set to\n // the initial value or the default value if the initial value is not provided\n\n var _this$props = _this.props,\n defaultHighlightedIndex = _this$props.defaultHighlightedIndex,\n _this$props$initialHi = _this$props.initialHighlightedIndex,\n _highlightedIndex = _this$props$initialHi === void 0 ? defaultHighlightedIndex : _this$props$initialHi,\n defaultIsOpen = _this$props.defaultIsOpen,\n _this$props$initialIs = _this$props.initialIsOpen,\n _isOpen = _this$props$initialIs === void 0 ? defaultIsOpen : _this$props$initialIs,\n _this$props$initialIn = _this$props.initialInputValue,\n _inputValue = _this$props$initialIn === void 0 ? '' : _this$props$initialIn,\n _this$props$initialSe = _this$props.initialSelectedItem,\n _selectedItem = _this$props$initialSe === void 0 ? null : _this$props$initialSe;\n\n var _state = _this.getState({\n highlightedIndex: _highlightedIndex,\n isOpen: _isOpen,\n inputValue: _inputValue,\n selectedItem: _selectedItem\n });\n\n if (_state.selectedItem != null && _this.props.initialInputValue === undefined) {\n _state.inputValue = _this.props.itemToString(_state.selectedItem);\n }\n\n _this.state = _state;\n return _this;\n }\n\n var _proto = Downshift.prototype;\n /**\n * Clear all running timeouts\n */\n\n _proto.internalClearTimeouts = function internalClearTimeouts() {\n this.timeoutIds.forEach(function (id) {\n clearTimeout(id);\n });\n this.timeoutIds = [];\n }\n /**\n * Gets the state based on internal state or props\n * If a state value is passed via props, then that\n * is the value given, otherwise it's retrieved from\n * stateToMerge\n *\n * This will perform a shallow merge of the given state object\n * with the state coming from props\n * (for the controlled component scenario)\n * This is used in state updater functions so they're referencing\n * the right state regardless of where it comes from.\n *\n * @param {Object} stateToMerge defaults to this.state\n * @return {Object} the state\n */\n ;\n\n _proto.getState = function getState(stateToMerge) {\n var _this4 = this;\n\n if (stateToMerge === void 0) {\n stateToMerge = this.state;\n }\n\n return Object.keys(stateToMerge).reduce(function (state, key) {\n state[key] = _this4.isControlledProp(key) ? _this4.props[key] : stateToMerge[key];\n return state;\n }, {});\n }\n /**\n * This determines whether a prop is a \"controlled prop\" meaning it is\n * state which is controlled by the outside of this component rather\n * than within this component.\n * @param {String} key the key to check\n * @return {Boolean} whether it is a controlled controlled prop\n */\n ;\n\n _proto.isControlledProp = function isControlledProp(key) {\n return this.props[key] !== undefined;\n };\n\n _proto.getItemCount = function getItemCount() {\n // things read better this way. They're in priority order:\n // 1. `this.itemCount`\n // 2. `this.props.itemCount`\n // 3. `this.items.length`\n var itemCount = this.items.length;\n\n if (this.itemCount != null) {\n itemCount = this.itemCount;\n } else if (this.props.itemCount !== undefined) {\n itemCount = this.props.itemCount;\n }\n\n return itemCount;\n };\n\n _proto.getItemNodeFromIndex = function getItemNodeFromIndex(index) {\n return this.props.environment.document.getElementById(this.getItemId(index));\n };\n\n _proto.scrollHighlightedItemIntoView = function scrollHighlightedItemIntoView() {\n /* istanbul ignore else (react-native) */\n {\n var node = this.getItemNodeFromIndex(this.getState().highlightedIndex);\n this.props.scrollIntoView(node, this._menuNode);\n }\n };\n\n _proto.moveHighlightedIndex = function moveHighlightedIndex(amount, otherStateToSet) {\n var itemCount = this.getItemCount();\n\n if (itemCount > 0) {\n var nextHighlightedIndex = getNextWrappingIndex(amount, this.getState().highlightedIndex, itemCount);\n this.setHighlightedIndex(nextHighlightedIndex, otherStateToSet);\n }\n };\n\n _proto.highlightFirstOrLastIndex = function highlightFirstOrLastIndex(event, first, otherStateToSet) {\n var itemsLastIndex = this.getItemCount() - 1;\n\n if (itemsLastIndex < 0 || !this.getState().isOpen) {\n return;\n }\n\n event.preventDefault();\n this.setHighlightedIndex(first ? 0 : itemsLastIndex, otherStateToSet);\n };\n\n _proto.getStateAndHelpers = function getStateAndHelpers() {\n var _this$getState6 = this.getState(),\n highlightedIndex = _this$getState6.highlightedIndex,\n inputValue = _this$getState6.inputValue,\n selectedItem = _this$getState6.selectedItem,\n isOpen = _this$getState6.isOpen;\n\n var itemToString = this.props.itemToString;\n var id = this.id;\n var getRootProps = this.getRootProps,\n getToggleButtonProps = this.getToggleButtonProps,\n getLabelProps = this.getLabelProps,\n getMenuProps = this.getMenuProps,\n getInputProps = this.getInputProps,\n getItemProps = this.getItemProps,\n openMenu = this.openMenu,\n closeMenu = this.closeMenu,\n toggleMenu = this.toggleMenu,\n selectItem = this.selectItem,\n selectItemAtIndex = this.selectItemAtIndex,\n selectHighlightedItem = this.selectHighlightedItem,\n setHighlightedIndex = this.setHighlightedIndex,\n clearSelection = this.clearSelection,\n clearItems = this.clearItems,\n reset = this.reset,\n setItemCount = this.setItemCount,\n unsetItemCount = this.unsetItemCount,\n setState = this.internalSetState;\n return {\n // prop getters\n getRootProps: getRootProps,\n getToggleButtonProps: getToggleButtonProps,\n getLabelProps: getLabelProps,\n getMenuProps: getMenuProps,\n getInputProps: getInputProps,\n getItemProps: getItemProps,\n // actions\n reset: reset,\n openMenu: openMenu,\n closeMenu: closeMenu,\n toggleMenu: toggleMenu,\n selectItem: selectItem,\n selectItemAtIndex: selectItemAtIndex,\n selectHighlightedItem: selectHighlightedItem,\n setHighlightedIndex: setHighlightedIndex,\n clearSelection: clearSelection,\n clearItems: clearItems,\n setItemCount: setItemCount,\n unsetItemCount: unsetItemCount,\n setState: setState,\n // props\n itemToString: itemToString,\n // derived\n id: id,\n // state\n highlightedIndex: highlightedIndex,\n inputValue: inputValue,\n isOpen: isOpen,\n selectedItem: selectedItem\n };\n } //////////////////////////// ROOT\n ;\n\n _proto.componentDidMount = function componentDidMount() {\n var _this5 = this;\n /* istanbul ignore if (react-native) */\n\n\n if (process.env.NODE_ENV !== 'production' && !false && this.getMenuProps.called && !this.getMenuProps.suppressRefError) {\n validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);\n }\n /* istanbul ignore if (react-native) */\n\n\n {\n var targetWithinDownshift = function targetWithinDownshift(target, checkActiveElement) {\n if (checkActiveElement === void 0) {\n checkActiveElement = true;\n }\n\n var document = _this5.props.environment.document;\n return [_this5._rootNode, _this5._menuNode].some(function (contextNode) {\n return contextNode && (isOrContainsNode(contextNode, target) || checkActiveElement && isOrContainsNode(contextNode, document.activeElement));\n });\n }; // this.isMouseDown helps us track whether the mouse is currently held down.\n // This is useful when the user clicks on an item in the list, but holds the mouse\n // down long enough for the list to disappear (because the blur event fires on the input)\n // this.isMouseDown is used in the blur handler on the input to determine whether the blur event should\n // trigger hiding the menu.\n\n\n var onMouseDown = function onMouseDown() {\n _this5.isMouseDown = true;\n };\n\n var onMouseUp = function onMouseUp(event) {\n _this5.isMouseDown = false; // if the target element or the activeElement is within a downshift node\n // then we don't want to reset downshift\n\n var contextWithinDownshift = targetWithinDownshift(event.target);\n\n if (!contextWithinDownshift && _this5.getState().isOpen) {\n _this5.reset({\n type: mouseUp\n }, function () {\n return _this5.props.onOuterClick(_this5.getStateAndHelpers());\n });\n }\n }; // Touching an element in iOS gives focus and hover states, but touching out of\n // the element will remove hover, and persist the focus state, resulting in the\n // blur event not being triggered.\n // this.isTouchMove helps us track whether the user is tapping or swiping on a touch screen.\n // If the user taps outside of Downshift, the component should be reset,\n // but not if the user is swiping\n\n\n var onTouchStart = function onTouchStart() {\n _this5.isTouchMove = false;\n };\n\n var onTouchMove = function onTouchMove() {\n _this5.isTouchMove = true;\n };\n\n var onTouchEnd = function onTouchEnd(event) {\n var contextWithinDownshift = targetWithinDownshift(event.target, false);\n\n if (!_this5.isTouchMove && !contextWithinDownshift && _this5.getState().isOpen) {\n _this5.reset({\n type: touchEnd\n }, function () {\n return _this5.props.onOuterClick(_this5.getStateAndHelpers());\n });\n }\n };\n\n var environment = this.props.environment;\n environment.addEventListener('mousedown', onMouseDown);\n environment.addEventListener('mouseup', onMouseUp);\n environment.addEventListener('touchstart', onTouchStart);\n environment.addEventListener('touchmove', onTouchMove);\n environment.addEventListener('touchend', onTouchEnd);\n\n this.cleanup = function () {\n _this5.internalClearTimeouts();\n\n _this5.updateStatus.cancel();\n\n environment.removeEventListener('mousedown', onMouseDown);\n environment.removeEventListener('mouseup', onMouseUp);\n environment.removeEventListener('touchstart', onTouchStart);\n environment.removeEventListener('touchmove', onTouchMove);\n environment.removeEventListener('touchend', onTouchEnd);\n };\n }\n };\n\n _proto.shouldScroll = function shouldScroll(prevState, prevProps) {\n var _ref10 = this.props.highlightedIndex === undefined ? this.getState() : this.props,\n currentHighlightedIndex = _ref10.highlightedIndex;\n\n var _ref11 = prevProps.highlightedIndex === undefined ? prevState : prevProps,\n prevHighlightedIndex = _ref11.highlightedIndex;\n\n var scrollWhenOpen = currentHighlightedIndex && this.getState().isOpen && !prevState.isOpen;\n return scrollWhenOpen || currentHighlightedIndex !== prevHighlightedIndex;\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n if (process.env.NODE_ENV !== 'production') {\n validateControlledUnchanged(prevProps, this.props);\n /* istanbul ignore if (react-native) */\n\n if (this.getMenuProps.called && !this.getMenuProps.suppressRefError) {\n validateGetMenuPropsCalledCorrectly(this._menuNode, this.getMenuProps);\n }\n }\n\n if (this.isControlledProp('selectedItem') && this.props.selectedItemChanged(prevProps.selectedItem, this.props.selectedItem)) {\n this.internalSetState({\n type: controlledPropUpdatedSelectedItem,\n inputValue: this.props.itemToString(this.props.selectedItem)\n });\n }\n\n if (!this.avoidScrolling && this.shouldScroll(prevState, prevProps)) {\n this.scrollHighlightedItemIntoView();\n }\n /* istanbul ignore else (react-native) */\n\n\n this.updateStatus();\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cleanup(); // avoids memory leak\n };\n\n _proto.render = function render() {\n var children = unwrapArray(this.props.children, noop); // because the items are rerendered every time we call the children\n // we clear this out each render and it will be populated again as\n // getItemProps is called.\n\n this.clearItems(); // we reset this so we know whether the user calls getRootProps during\n // this render. If they do then we don't need to do anything,\n // if they don't then we need to clone the element they return and\n // apply the props for them.\n\n this.getRootProps.called = false;\n this.getRootProps.refKey = undefined;\n this.getRootProps.suppressRefError = undefined; // we do something similar for getMenuProps\n\n this.getMenuProps.called = false;\n this.getMenuProps.refKey = undefined;\n this.getMenuProps.suppressRefError = undefined; // we do something similar for getLabelProps\n\n this.getLabelProps.called = false; // and something similar for getInputProps\n\n this.getInputProps.called = false;\n var element = unwrapArray(children(this.getStateAndHelpers()));\n\n if (!element) {\n return null;\n }\n\n if (this.getRootProps.called || this.props.suppressRefError) {\n if (process.env.NODE_ENV !== 'production' && !this.getRootProps.suppressRefError && !this.props.suppressRefError) {\n validateGetRootPropsCalledCorrectly(element, this.getRootProps);\n }\n\n return element;\n } else if (isDOMElement(element)) {\n // they didn't apply the root props, but we can clone\n // this and apply the props ourselves\n return cloneElement(element, this.getRootProps(getElementProps(element)));\n }\n /* istanbul ignore else */\n\n\n if (process.env.NODE_ENV !== 'production') {\n // they didn't apply the root props, but they need to\n // otherwise we can't query around the autocomplete\n throw new Error('downshift: If you return a non-DOM element, you must apply the getRootProps function');\n }\n /* istanbul ignore next */\n\n\n return undefined;\n };\n\n return Downshift;\n }(Component);\n\n Downshift.defaultProps = {\n defaultHighlightedIndex: null,\n defaultIsOpen: false,\n getA11yStatusMessage: getA11yStatusMessage,\n itemToString: function itemToString(i) {\n if (i == null) {\n return '';\n }\n\n if (process.env.NODE_ENV !== 'production' && isPlainObject(i) && !i.hasOwnProperty('toString')) {\n // eslint-disable-next-line no-console\n console.warn('downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.', 'The object that was passed:', i);\n }\n\n return String(i);\n },\n onStateChange: noop,\n onInputValueChange: noop,\n onUserAction: noop,\n onChange: noop,\n onSelect: noop,\n onOuterClick: noop,\n selectedItemChanged: function selectedItemChanged(prevItem, item) {\n return prevItem !== item;\n },\n environment: typeof window === 'undefined'\n /* istanbul ignore next (ssr) */\n ? {} : window,\n stateReducer: function stateReducer(state, stateToSet) {\n return stateToSet;\n },\n suppressRefError: false,\n scrollIntoView: scrollIntoView\n };\n Downshift.stateChangeTypes = stateChangeTypes;\n return Downshift;\n}();\n\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\n\nfunction validateGetMenuPropsCalledCorrectly(node, _ref12) {\n var refKey = _ref12.refKey;\n\n if (!node) {\n // eslint-disable-next-line no-console\n console.error(\"downshift: The ref prop \\\"\" + refKey + \"\\\" from getMenuProps was not applied correctly on your menu element.\");\n }\n}\n\nfunction validateGetRootPropsCalledCorrectly(element, _ref13) {\n var refKey = _ref13.refKey;\n var refKeySpecified = refKey !== 'ref';\n var isComposite = !isDOMElement(element);\n\n if (isComposite && !refKeySpecified && !isForwardRef(element)) {\n // eslint-disable-next-line no-console\n console.error('downshift: You returned a non-DOM element. You must specify a refKey in getRootProps');\n } else if (!isComposite && refKeySpecified) {\n // eslint-disable-next-line no-console\n console.error(\"downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified \\\"\" + refKey + \"\\\"\");\n }\n\n if (!isForwardRef(element) && !getElementProps(element)[refKey]) {\n // eslint-disable-next-line no-console\n console.error(\"downshift: You must apply the ref prop \\\"\" + refKey + \"\\\" from getRootProps onto your root element.\");\n }\n}\n\nfunction validateControlledUnchanged(prevProps, nextProps) {\n var warningDescription = \"This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props\";\n ['selectedItem', 'isOpen', 'inputValue', 'highlightedIndex'].forEach(function (propKey) {\n if (prevProps[propKey] !== undefined && nextProps[propKey] === undefined) {\n // eslint-disable-next-line no-console\n console.error(\"downshift: A component has changed the controlled prop \\\"\" + propKey + \"\\\" to be uncontrolled. \" + warningDescription);\n } else if (prevProps[propKey] === undefined && nextProps[propKey] !== undefined) {\n // eslint-disable-next-line no-console\n console.error(\"downshift: A component has changed the uncontrolled prop \\\"\" + propKey + \"\\\" to be controlled. \" + warningDescription);\n }\n });\n}\n\nfunction getElementIds(generateDefaultId, _temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n id = _ref.id,\n labelId = _ref.labelId,\n menuId = _ref.menuId,\n getItemId = _ref.getItemId,\n toggleButtonId = _ref.toggleButtonId;\n\n var uniqueId = id === undefined ? \"downshift-\" + generateDefaultId() : id;\n return {\n labelId: labelId || uniqueId + \"-label\",\n menuId: menuId || uniqueId + \"-menu\",\n getItemId: getItemId || function (index) {\n return uniqueId + \"-item-\" + index;\n },\n toggleButtonId: toggleButtonId || uniqueId + \"-toggle-button\"\n };\n}\n\nfunction getNextWrappingIndex$1(moveAmount, baseIndex, itemsLength, circular) {\n if (baseIndex === -1) {\n return moveAmount > 0 ? 0 : itemsLength - 1;\n }\n\n var nextIndex = baseIndex + moveAmount;\n\n if (nextIndex < 0) {\n return circular ? itemsLength - 1 : 0;\n }\n\n if (nextIndex >= itemsLength) {\n return circular ? 0 : itemsLength - 1;\n }\n\n return nextIndex;\n}\n\nfunction getItemIndexByCharacterKey(keysSoFar, highlightedIndex, items, itemToStringParam) {\n var newHighlightedIndex = -1;\n var itemStrings = items.map(function (item) {\n return itemToStringParam(item).toLowerCase();\n });\n var startPosition = highlightedIndex + 1;\n newHighlightedIndex = itemStrings.slice(startPosition).findIndex(function (itemString) {\n return itemString.startsWith(keysSoFar);\n });\n\n if (newHighlightedIndex > -1) {\n return newHighlightedIndex + startPosition;\n } else {\n return itemStrings.slice(0, startPosition).findIndex(function (itemString) {\n return itemString.startsWith(keysSoFar);\n });\n }\n}\n\nfunction getState(state, props) {\n return Object.keys(state).reduce(function (prevState, key) {\n // eslint-disable-next-line no-param-reassign\n prevState[key] = key in props ? props[key] : state[key];\n return prevState;\n }, {});\n}\n\nfunction getItemIndex(index, item, items) {\n if (index !== undefined) {\n return index;\n }\n\n if (items.length === 0) {\n return -1;\n }\n\n return items.indexOf(item);\n}\n\nfunction itemToString(item) {\n return item ? String(item) : '';\n}\n\nfunction getPropTypesValidator(caller, propTypes) {\n // istanbul ignore next\n return function (options) {\n if (options === void 0) {\n options = {};\n }\n\n Object.entries(propTypes).forEach(function (_ref2) {\n var key = _ref2[0];\n PropTypes.checkPropTypes(propTypes, options, key, caller.name);\n });\n };\n}\n\nfunction isAcceptedCharacterKey(key) {\n return /^\\S{1}$/.test(key);\n}\n\nfunction capitalizeString(string) {\n return \"\" + string.slice(0, 1).toUpperCase() + string.slice(1);\n}\n\nfunction invokeOnChangeHandler(propKey, props, state, changes) {\n var handler = \"on\" + capitalizeString(propKey) + \"Change\";\n\n if (props[handler] && changes[propKey] !== undefined && changes[propKey] !== state[propKey]) {\n props[handler](changes);\n }\n}\n\nfunction callOnChangeProps(props, state, changes) {\n Object.keys(state).forEach(function (stateKey) {\n invokeOnChangeHandler(stateKey, props, state, changes);\n });\n\n if (props.onStateChange && changes !== undefined) {\n props.onStateChange(changes);\n }\n}\n\nfunction useEnhancedReducer(reducer, initialState, props) {\n var enhancedReducer = useCallback(function (state, action) {\n state = getState(state, action.props);\n var stateReducer = action.props.stateReducer;\n var changes = reducer(state, action);\n var newState = stateReducer(state, _extends({}, action, {\n changes: changes\n }));\n callOnChangeProps(action.props, state, newState);\n return newState;\n }, [reducer]);\n\n var _useReducer = useReducer(enhancedReducer, initialState),\n state = _useReducer[0],\n dispatch = _useReducer[1];\n\n return [getState(state, props), dispatch];\n}\n\nvar lastId = 0; // istanbul ignore next\n\nvar genId = function genId() {\n return ++lastId;\n};\n/**\n * Autogenerate IDs to facilitate WAI-ARIA and server rendering.\n * Taken from @reach/auto-id\n * @see https://github.com/reach/reach-ui/blob/6e9dbcf716d5c9a3420e062e5bac1ac4671d01cb/packages/auto-id/src/index.js\n */\n// istanbul ignore next\n\n\nfunction useId() {\n var _useState = useState(null),\n id = _useState[0],\n setId = _useState[1];\n\n useEffect(function () {\n return setId(genId());\n }, []);\n return id;\n}\n/**\n * Checks if nextElement receives focus after the blur event.\n *\n * @param {FocusEvent} event The blur event.\n * @param {Element} nextElement The element to check that receive focus next.\n * @returns {boolean} If the focus lands on nextElement.\n */\n\n\nfunction focusLandsOnElement(event, nextElement) {\n return event.relatedTarget === nextElement || // https://github.com/downshift-js/downshift/issues/832 - workaround for Firefox.\n event.nativeEvent && (nextElement === event.nativeEvent.explicitOriginalTarget || nextElement.contains(event.nativeEvent.explicitOriginalTarget));\n}\n\nvar defaultStateValues = {\n highlightedIndex: -1,\n isOpen: false,\n selectedItem: null\n};\n\nfunction getA11yStatusMessage$1(_ref) {\n var isOpen = _ref.isOpen,\n items = _ref.items;\n\n if (!items) {\n return '';\n }\n\n var resultCount = items.length;\n\n if (isOpen) {\n if (resultCount === 0) {\n return 'No results are available';\n }\n\n return resultCount + \" result\" + (resultCount === 1 ? ' is' : 's are') + \" available, use up and down arrow keys to navigate. Press Enter key to select.\";\n }\n\n return '';\n}\n\nfunction getA11ySelectionMessage(_ref2) {\n var selectedItem = _ref2.selectedItem,\n itemToString = _ref2.itemToString;\n return itemToString(selectedItem) + \" has been selected.\";\n}\n\nfunction getHighlightedIndexOnOpen(props, state, offset) {\n var items = props.items,\n initialHighlightedIndex = props.initialHighlightedIndex,\n defaultHighlightedIndex = props.defaultHighlightedIndex;\n var selectedItem = state.selectedItem,\n highlightedIndex = state.highlightedIndex; // initialHighlightedIndex will give value to highlightedIndex on initial state only.\n\n if (initialHighlightedIndex !== undefined && highlightedIndex > -1) {\n return initialHighlightedIndex;\n }\n\n if (defaultHighlightedIndex !== undefined) {\n return defaultHighlightedIndex;\n }\n\n if (selectedItem) {\n if (offset === 0) {\n return items.indexOf(selectedItem);\n }\n\n return getNextWrappingIndex$1(offset, items.indexOf(selectedItem), items.length, false);\n }\n\n if (offset === 0) {\n return -1;\n }\n\n return offset < 0 ? items.length - 1 : 0;\n}\n\nfunction getDefaultValue(props, propKey) {\n var defaultPropKey = \"default\" + capitalizeString(propKey);\n\n if (defaultPropKey in props) {\n return props[defaultPropKey];\n }\n\n return defaultStateValues[propKey];\n}\n\nfunction getInitialValue(props, propKey) {\n if (propKey in props) {\n return props[propKey];\n }\n\n var initialPropKey = \"initial\" + capitalizeString(propKey);\n\n if (initialPropKey in props) {\n return props[initialPropKey];\n }\n\n return getDefaultValue(props, propKey);\n}\n\nfunction getInitialState(props) {\n var selectedItem = getInitialValue(props, 'selectedItem');\n var highlightedIndex = getInitialValue(props, 'highlightedIndex');\n var isOpen = getInitialValue(props, 'isOpen');\n return {\n highlightedIndex: highlightedIndex < 0 && selectedItem ? props.items.indexOf(selectedItem) : highlightedIndex,\n isOpen: isOpen,\n selectedItem: selectedItem,\n keysSoFar: ''\n };\n}\n\nvar propTypes = {\n items: PropTypes.array.isRequired,\n itemToString: PropTypes.func,\n getA11yStatusMessage: PropTypes.func,\n getA11ySelectionMessage: PropTypes.func,\n circularNavigation: PropTypes.bool,\n highlightedIndex: PropTypes.number,\n defaultHighlightedIndex: PropTypes.number,\n initialHighlightedIndex: PropTypes.number,\n isOpen: PropTypes.bool,\n defaultIsOpen: PropTypes.bool,\n initialIsOpen: PropTypes.bool,\n selectedItem: PropTypes.any,\n initialSelectedItem: PropTypes.any,\n defaultSelectedItem: PropTypes.any,\n id: PropTypes.string,\n labelId: PropTypes.string,\n menuId: PropTypes.string,\n getItemId: PropTypes.func,\n toggleButtonId: PropTypes.string,\n stateReducer: PropTypes.func,\n onSelectedItemChange: PropTypes.func,\n onHighlightedIndexChange: PropTypes.func,\n onStateChange: PropTypes.func,\n onIsOpenChange: PropTypes.func,\n environment: PropTypes.shape({\n addEventListener: PropTypes.func,\n removeEventListener: PropTypes.func,\n document: PropTypes.shape({\n getElementById: PropTypes.func,\n activeElement: PropTypes.any,\n body: PropTypes.any\n })\n })\n};\nvar MenuKeyDownArrowDown = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_arrow_down__' : 0;\nvar MenuKeyDownArrowUp = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_arrow_up__' : 1;\nvar MenuKeyDownEscape = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_escape__' : 2;\nvar MenuKeyDownHome = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_home__' : 3;\nvar MenuKeyDownEnd = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_end__' : 4;\nvar MenuKeyDownEnter = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_enter__' : 5;\nvar MenuKeyDownCharacter = process.env.NODE_ENV !== \"production\" ? '__menu_keydown_character__' : 6;\nvar MenuBlur = process.env.NODE_ENV !== \"production\" ? '__menu_blur__' : 7;\nvar MenuMouseLeave = process.env.NODE_ENV !== \"production\" ? '__menu_mouse_leave__' : 8;\nvar ItemMouseMove = process.env.NODE_ENV !== \"production\" ? '__item_mouse_move__' : 9;\nvar ItemClick = process.env.NODE_ENV !== \"production\" ? '__item_click__' : 10;\nvar ToggleButtonKeyDownCharacter = process.env.NODE_ENV !== \"production\" ? '__togglebutton_keydown_character__' : 11;\nvar ToggleButtonKeyDownArrowDown = process.env.NODE_ENV !== \"production\" ? '__togglebutton_keydown_arrow_down__' : 12;\nvar ToggleButtonKeyDownArrowUp = process.env.NODE_ENV !== \"production\" ? '__togglebutton_keydown_arrow_up__' : 13;\nvar ToggleButtonClick = process.env.NODE_ENV !== \"production\" ? '__togglebutton_click__' : 14;\nvar FunctionToggleMenu = process.env.NODE_ENV !== \"production\" ? '__function_toggle_menu__' : 15;\nvar FunctionOpenMenu = process.env.NODE_ENV !== \"production\" ? '__function_open_menu__' : 16;\nvar FunctionCloseMenu = process.env.NODE_ENV !== \"production\" ? '__function_close_menu__' : 17;\nvar FunctionSetHighlightedIndex = process.env.NODE_ENV !== \"production\" ? '__function_set_highlighted_index__' : 18;\nvar FunctionSelectItem = process.env.NODE_ENV !== \"production\" ? '__function_select_item__' : 19;\nvar FunctionClearKeysSoFar = process.env.NODE_ENV !== \"production\" ? '__function_clear_keys_so_far__' : 20;\nvar FunctionReset = process.env.NODE_ENV !== \"production\" ? '__function_reset__' : 21;\nvar stateChangeTypes$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n MenuKeyDownArrowDown: MenuKeyDownArrowDown,\n MenuKeyDownArrowUp: MenuKeyDownArrowUp,\n MenuKeyDownEscape: MenuKeyDownEscape,\n MenuKeyDownHome: MenuKeyDownHome,\n MenuKeyDownEnd: MenuKeyDownEnd,\n MenuKeyDownEnter: MenuKeyDownEnter,\n MenuKeyDownCharacter: MenuKeyDownCharacter,\n MenuBlur: MenuBlur,\n MenuMouseLeave: MenuMouseLeave,\n ItemMouseMove: ItemMouseMove,\n ItemClick: ItemClick,\n ToggleButtonKeyDownCharacter: ToggleButtonKeyDownCharacter,\n ToggleButtonKeyDownArrowDown: ToggleButtonKeyDownArrowDown,\n ToggleButtonKeyDownArrowUp: ToggleButtonKeyDownArrowUp,\n ToggleButtonClick: ToggleButtonClick,\n FunctionToggleMenu: FunctionToggleMenu,\n FunctionOpenMenu: FunctionOpenMenu,\n FunctionCloseMenu: FunctionCloseMenu,\n FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,\n FunctionSelectItem: FunctionSelectItem,\n FunctionClearKeysSoFar: FunctionClearKeysSoFar,\n FunctionReset: FunctionReset\n});\n/* eslint-disable complexity */\n\nfunction downshiftSelectReducer(state, action) {\n var type = action.type,\n props = action.props,\n shiftKey = action.shiftKey;\n var changes;\n\n switch (type) {\n case ItemMouseMove:\n changes = {\n highlightedIndex: action.index\n };\n break;\n\n case ItemClick:\n changes = {\n isOpen: getDefaultValue(props, 'isOpen'),\n highlightedIndex: getDefaultValue(props, 'highlightedIndex'),\n selectedItem: props.items[action.index]\n };\n break;\n\n case MenuBlur:\n changes = {\n isOpen: false,\n highlightedIndex: -1\n };\n break;\n\n case MenuKeyDownArrowDown:\n changes = {\n highlightedIndex: getNextWrappingIndex$1(shiftKey ? 5 : 1, state.highlightedIndex, props.items.length, props.circularNavigation)\n };\n break;\n\n case MenuKeyDownArrowUp:\n changes = {\n highlightedIndex: getNextWrappingIndex$1(shiftKey ? -5 : -1, state.highlightedIndex, props.items.length, props.circularNavigation)\n };\n break;\n\n case MenuKeyDownHome:\n changes = {\n highlightedIndex: 0\n };\n break;\n\n case MenuKeyDownEnd:\n changes = {\n highlightedIndex: props.items.length - 1\n };\n break;\n\n case MenuKeyDownEscape:\n changes = {\n isOpen: false,\n highlightedIndex: -1\n };\n break;\n\n case MenuKeyDownEnter:\n changes = _extends({\n isOpen: getDefaultValue(props, 'isOpen'),\n highlightedIndex: getDefaultValue(props, 'highlightedIndex')\n }, state.highlightedIndex >= 0 && {\n selectedItem: props.items[state.highlightedIndex]\n });\n break;\n\n case MenuKeyDownCharacter:\n {\n var lowercasedKey = action.key;\n var keysSoFar = \"\" + state.keysSoFar + lowercasedKey;\n var highlightedIndex = getItemIndexByCharacterKey(keysSoFar, state.highlightedIndex, props.items, props.itemToString);\n changes = _extends({\n keysSoFar: keysSoFar\n }, highlightedIndex >= 0 && {\n highlightedIndex: highlightedIndex\n });\n }\n break;\n\n case MenuMouseLeave:\n changes = {\n highlightedIndex: -1\n };\n break;\n\n case ToggleButtonKeyDownCharacter:\n {\n var _lowercasedKey = action.key;\n\n var _keysSoFar = \"\" + state.keysSoFar + _lowercasedKey;\n\n var itemIndex = getItemIndexByCharacterKey(_keysSoFar, state.selectedItem ? props.items.indexOf(state.selectedItem) : -1, props.items, props.itemToString);\n changes = _extends({\n keysSoFar: _keysSoFar\n }, itemIndex >= 0 && {\n selectedItem: props.items[itemIndex]\n });\n }\n break;\n\n case ToggleButtonKeyDownArrowDown:\n {\n changes = {\n isOpen: true,\n highlightedIndex: getHighlightedIndexOnOpen(props, state, 1)\n };\n break;\n }\n\n case ToggleButtonKeyDownArrowUp:\n changes = {\n isOpen: true,\n highlightedIndex: getHighlightedIndexOnOpen(props, state, -1)\n };\n break;\n\n case ToggleButtonClick:\n case FunctionToggleMenu:\n changes = {\n isOpen: !state.isOpen,\n highlightedIndex: state.isOpen ? -1 : getHighlightedIndexOnOpen(props, state, 0)\n };\n break;\n\n case FunctionOpenMenu:\n changes = {\n isOpen: true,\n highlightedIndex: getHighlightedIndexOnOpen(props, state, 0)\n };\n break;\n\n case FunctionCloseMenu:\n changes = {\n isOpen: false\n };\n break;\n\n case FunctionSetHighlightedIndex:\n changes = {\n highlightedIndex: action.highlightedIndex\n };\n break;\n\n case FunctionSelectItem:\n changes = {\n selectedItem: action.selectedItem\n };\n break;\n\n case FunctionClearKeysSoFar:\n changes = {\n keysSoFar: ''\n };\n break;\n\n case FunctionReset:\n changes = {\n highlightedIndex: getDefaultValue(props, 'highlightedIndex'),\n isOpen: getDefaultValue(props, 'isOpen'),\n selectedItem: getDefaultValue(props, 'selectedItem')\n };\n break;\n\n default:\n throw new Error('Reducer called without proper action type.');\n }\n\n return _extends({}, state, {}, changes);\n}\n/* eslint-enable complexity */\n\n\nvar validatePropTypes = process.env.NODE_ENV === 'production' ?\n/* istanbul ignore next */\nnull : getPropTypesValidator(useSelect, propTypes);\nvar defaultProps = {\n itemToString: itemToString,\n stateReducer: function stateReducer(s, a) {\n return a.changes;\n },\n getA11yStatusMessage: getA11yStatusMessage$1,\n getA11ySelectionMessage: getA11ySelectionMessage,\n scrollIntoView: scrollIntoView,\n environment: typeof window === 'undefined'\n /* istanbul ignore next (ssr) */\n ? {} : window\n};\nuseSelect.stateChangeTypes = stateChangeTypes$1;\n\nfunction useSelect(userProps) {\n if (userProps === void 0) {\n userProps = {};\n }\n /* istanbul ignore else */\n\n\n if (process.env.NODE_ENV !== 'production') {\n validatePropTypes(userProps);\n } // Props defaults and destructuring.\n\n\n var props = _extends({}, defaultProps, {}, userProps);\n\n var items = props.items,\n itemToString = props.itemToString,\n getA11yStatusMessage = props.getA11yStatusMessage,\n getA11ySelectionMessage = props.getA11ySelectionMessage,\n initialIsOpen = props.initialIsOpen,\n defaultIsOpen = props.defaultIsOpen,\n scrollIntoView = props.scrollIntoView,\n environment = props.environment; // Initial state depending on controlled props.\n\n var initialState = getInitialState(props); // Reducer init.\n\n var _useEnhancedReducer = useEnhancedReducer(downshiftSelectReducer, initialState, props),\n _useEnhancedReducer$ = _useEnhancedReducer[0],\n isOpen = _useEnhancedReducer$.isOpen,\n highlightedIndex = _useEnhancedReducer$.highlightedIndex,\n selectedItem = _useEnhancedReducer$.selectedItem,\n keysSoFar = _useEnhancedReducer$.keysSoFar,\n dispatchWithoutProps = _useEnhancedReducer[1];\n\n var dispatch = function dispatch(action) {\n return dispatchWithoutProps(_extends({\n props: props\n }, action));\n }; // IDs generation.\n\n\n var _getElementIds = getElementIds(useId, props),\n labelId = _getElementIds.labelId,\n getItemId = _getElementIds.getItemId,\n menuId = _getElementIds.menuId,\n toggleButtonId = _getElementIds.toggleButtonId;\n /* Refs */\n\n\n var toggleButtonRef = useRef(null);\n var menuRef = useRef(null);\n var itemRefs = useRef();\n itemRefs.current = [];\n var isInitialMount = useRef(true);\n var shouldScroll = useRef(true);\n var clearTimeout = useRef(null);\n /* Effects */\n\n /* Sets a11y status message on changes in isOpen. */\n\n useEffect(function () {\n if (isInitialMount.current) {\n return;\n }\n\n setStatus(getA11yStatusMessage({\n isOpen: isOpen,\n items: items,\n selectedItem: selectedItem,\n itemToString: itemToString\n }), environment.document); // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n /* Sets a11y status message on changes in selectedItem. */\n\n useEffect(function () {\n if (isInitialMount.current) {\n return;\n }\n\n setStatus(getA11ySelectionMessage({\n isOpen: isOpen,\n items: items,\n selectedItem: selectedItem,\n itemToString: itemToString\n }), environment.document); // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedItem]);\n /* Sets cleanup for the keysSoFar after 500ms. */\n\n useEffect(function () {\n // init the clean function here as we need access to dispatch.\n if (isInitialMount.current) {\n clearTimeout.current = debounce(function () {\n dispatch({\n type: FunctionClearKeysSoFar\n });\n }, 500);\n }\n\n if (!keysSoFar) {\n return;\n }\n\n clearTimeout.current(); // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [keysSoFar]);\n /* Controls the focus on the menu or the toggle button. */\n\n useEffect(function () {\n // Don't focus menu on first render.\n if (isInitialMount.current) {\n // Unless it was initialised as open.\n if (initialIsOpen || defaultIsOpen || isOpen) {\n menuRef.current.focus();\n }\n\n return;\n } // Focus menu on open.\n // istanbul ignore next\n\n\n if (isOpen) {\n menuRef.current.focus(); // Focus toggleButton on close.\n } else if (environment.document.activeElement === menuRef.current) {\n toggleButtonRef.current.focus();\n } // eslint-disable-next-line react-hooks/exhaustive-deps\n\n }, [isOpen]);\n /* Scroll on highlighted item if change comes from keyboard. */\n\n useEffect(function () {\n if (highlightedIndex < 0 || !isOpen || !itemRefs.current.length) {\n return;\n }\n\n if (shouldScroll.current === false) {\n shouldScroll.current = true;\n } else {\n scrollIntoView(itemRefs.current[highlightedIndex], menuRef.current);\n } // eslint-disable-next-line react-hooks/exhaustive-deps\n\n }, [highlightedIndex]);\n /* Make initial ref false. */\n\n useEffect(function () {\n isInitialMount.current = false;\n }, []);\n /* Event handler functions */\n\n var menuKeyDownHandlers = {\n ArrowDown: function ArrowDown(event) {\n event.preventDefault();\n dispatch({\n type: MenuKeyDownArrowDown,\n shiftKey: event.shiftKey\n });\n },\n ArrowUp: function ArrowUp(event) {\n event.preventDefault();\n dispatch({\n type: MenuKeyDownArrowUp,\n shiftKey: event.shiftKey\n });\n },\n Home: function Home(event) {\n event.preventDefault();\n dispatch({\n type: MenuKeyDownHome\n });\n },\n End: function End(event) {\n event.preventDefault();\n dispatch({\n type: MenuKeyDownEnd\n });\n },\n Escape: function Escape() {\n dispatch({\n type: MenuKeyDownEscape\n });\n },\n Enter: function Enter(event) {\n event.preventDefault();\n dispatch({\n type: MenuKeyDownEnter\n });\n },\n Tab: function Tab(event) {\n // The exception that calls MenuBlur.\n // istanbul ignore next\n if (event.shiftKey) {\n dispatch({\n type: MenuBlur\n });\n }\n }\n };\n var toggleButtonKeyDownHandlers = {\n ArrowDown: function ArrowDown(event) {\n event.preventDefault();\n dispatch({\n type: ToggleButtonKeyDownArrowDown\n });\n },\n ArrowUp: function ArrowUp(event) {\n event.preventDefault();\n dispatch({\n type: ToggleButtonKeyDownArrowUp\n });\n }\n }; // Event handlers.\n\n var menuHandleKeyDown = function menuHandleKeyDown(event) {\n var key = normalizeArrowKey(event);\n\n if (key && menuKeyDownHandlers[key]) {\n menuKeyDownHandlers[key](event);\n } else if (isAcceptedCharacterKey(key)) {\n dispatch({\n type: MenuKeyDownCharacter,\n key: key\n });\n }\n }; // Focus going back to the toggleButton is something we control (Escape, Enter, Click).\n // We are toggleing special actions for these cases in reducer, not MenuBlur.\n // Since Shift-Tab also lands focus on toggleButton, we will handle it as exception and call MenuBlur.\n\n\n var menuHandleBlur = function menuHandleBlur(event) {\n if (!focusLandsOnElement(event, toggleButtonRef.current)) {\n dispatch({\n type: MenuBlur\n });\n }\n };\n\n var menuHandleMouseLeave = function menuHandleMouseLeave() {\n dispatch({\n type: MenuMouseLeave\n });\n };\n\n var toggleButtonHandleClick = function toggleButtonHandleClick() {\n dispatch({\n type: ToggleButtonClick\n });\n };\n\n var toggleButtonHandleKeyDown = function toggleButtonHandleKeyDown(event) {\n var key = normalizeArrowKey(event);\n\n if (key && toggleButtonKeyDownHandlers[key]) {\n toggleButtonKeyDownHandlers[key](event);\n } else if (isAcceptedCharacterKey(key)) {\n dispatch({\n type: ToggleButtonKeyDownCharacter,\n key: key\n });\n }\n };\n\n var itemHandleMouseMove = function itemHandleMouseMove(index) {\n if (index === highlightedIndex) {\n return;\n }\n\n shouldScroll.current = false;\n dispatch({\n type: ItemMouseMove,\n index: index\n });\n };\n\n var itemHandleClick = function itemHandleClick(index) {\n dispatch({\n type: ItemClick,\n index: index\n });\n }; // returns\n\n\n return {\n // prop getters.\n getToggleButtonProps: function getToggleButtonProps(_temp2) {\n var _extends3;\n\n var _ref2 = _temp2 === void 0 ? {} : _temp2,\n onClick = _ref2.onClick,\n onKeyDown = _ref2.onKeyDown,\n _ref2$refKey = _ref2.refKey,\n refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,\n ref = _ref2.ref,\n rest = _objectWithoutPropertiesLoose(_ref2, [\"onClick\", \"onKeyDown\", \"refKey\", \"ref\"]);\n\n var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {\n toggleButtonRef.current = toggleButtonNode;\n }), _extends3.id = toggleButtonId, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-expanded'] = isOpen, _extends3['aria-labelledby'] = labelId + \" \" + toggleButtonId, _extends3), rest);\n\n if (!rest.disabled) {\n toggleProps.onClick = callAllEventHandlers(onClick, toggleButtonHandleClick);\n toggleProps.onKeyDown = callAllEventHandlers(onKeyDown, toggleButtonHandleKeyDown);\n }\n\n return toggleProps;\n },\n getLabelProps: function getLabelProps(labelProps) {\n return _extends({\n id: labelId,\n htmlFor: toggleButtonId\n }, labelProps);\n },\n getMenuProps: function getMenuProps(_temp) {\n var _extends2;\n\n var _ref = _temp === void 0 ? {} : _temp,\n onKeyDown = _ref.onKeyDown,\n onBlur = _ref.onBlur,\n onMouseLeave = _ref.onMouseLeave,\n _ref$refKey = _ref.refKey,\n refKey = _ref$refKey === void 0 ? 'ref' : _ref$refKey,\n ref = _ref.ref,\n rest = _objectWithoutPropertiesLoose(_ref, [\"onKeyDown\", \"onBlur\", \"onMouseLeave\", \"refKey\", \"ref\"]);\n\n return _extends((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function (menuNode) {\n menuRef.current = menuNode;\n }), _extends2.id = menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = labelId, _extends2.tabIndex = -1, _extends2), highlightedIndex > -1 && {\n 'aria-activedescendant': getItemId(highlightedIndex)\n }, {\n onKeyDown: callAllEventHandlers(onKeyDown, menuHandleKeyDown),\n onBlur: callAllEventHandlers(onBlur, menuHandleBlur),\n onMouseLeave: callAllEventHandlers(onMouseLeave, menuHandleMouseLeave)\n }, rest);\n },\n getItemProps: function getItemProps(_temp3) {\n var _extends4;\n\n var _ref3 = _temp3 === void 0 ? {} : _temp3,\n item = _ref3.item,\n index = _ref3.index,\n _ref3$refKey = _ref3.refKey,\n refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,\n ref = _ref3.ref,\n onMouseMove = _ref3.onMouseMove,\n onClick = _ref3.onClick,\n rest = _objectWithoutPropertiesLoose(_ref3, [\"item\", \"index\", \"refKey\", \"ref\", \"onMouseMove\", \"onClick\"]);\n\n var itemIndex = getItemIndex(index, item, items);\n\n if (itemIndex < 0) {\n throw new Error('Pass either item or item index in getItemProps!');\n }\n\n var itemProps = _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (itemNode) {\n if (itemNode) {\n itemRefs.current.push(itemNode);\n }\n }), _extends4.role = 'option', _extends4), itemIndex === highlightedIndex && {\n 'aria-selected': true\n }, {\n id: getItemId(itemIndex)\n }, rest);\n\n if (!rest.disabled) {\n itemProps.onMouseMove = callAllEventHandlers(onMouseMove, function () {\n return itemHandleMouseMove(itemIndex);\n });\n itemProps.onClick = callAllEventHandlers(onClick, function () {\n return itemHandleClick(itemIndex);\n });\n }\n\n return itemProps;\n },\n // actions.\n toggleMenu: function toggleMenu() {\n dispatch({\n type: FunctionToggleMenu\n });\n },\n openMenu: function openMenu() {\n dispatch({\n type: FunctionOpenMenu\n });\n },\n closeMenu: function closeMenu() {\n dispatch({\n type: FunctionCloseMenu\n });\n },\n setHighlightedIndex: function setHighlightedIndex(newHighlightedIndex) {\n dispatch({\n type: FunctionSetHighlightedIndex,\n highlightedIndex: newHighlightedIndex\n });\n },\n selectItem: function selectItem(newSelectedItem) {\n dispatch({\n type: FunctionSelectItem,\n selectedItem: newSelectedItem\n });\n },\n reset: function reset() {\n dispatch({\n type: FunctionReset\n });\n },\n // state.\n highlightedIndex: highlightedIndex,\n isOpen: isOpen,\n selectedItem: selectedItem\n };\n}\n\nexport default Downshift;\nexport { resetIdCounter, useSelect };","function getNewClassName(newClassName) {\n if (!Array.isArray(newClassName)) return newClassName;\n return newClassName.filter(function (name) {\n return name;\n }).join(\" \");\n}\n\nexport default function appendClassName(baseClassName, newClassName) {\n if (!newClassName) return baseClassName || \"\";\n if (!baseClassName) return getNewClassName(newClassName) || \"\";\n return \"\".concat(baseClassName, \" \").concat(getNewClassName(newClassName));\n}","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from \"react\";\nimport { Result } from \"./types\";\nimport { Suggestion } from \"./types\";\nimport { appendClassName } from \"./view-helpers\";\n\nfunction getRaw(result, value) {\n if (!result[value] || !result[value].raw) return;\n return result[value].raw;\n}\n\nfunction getSnippet(result, value) {\n if (!result[value] || !result[value].snippet) return;\n return result[value].snippet;\n}\n\nfunction getSuggestionTitle(suggestionType, autocompleteSuggestions) {\n if (autocompleteSuggestions.sectionTitle) {\n return autocompleteSuggestions.sectionTitle;\n }\n\n if (autocompleteSuggestions[suggestionType] && autocompleteSuggestions[suggestionType].sectionTitle) {\n return autocompleteSuggestions[suggestionType].sectionTitle;\n }\n}\n\nfunction Autocomplete(_ref) {\n var autocompleteResults = _ref.autocompleteResults,\n autocompletedResults = _ref.autocompletedResults,\n autocompleteSuggestions = _ref.autocompleteSuggestions,\n autocompletedSuggestions = _ref.autocompletedSuggestions,\n className = _ref.className,\n getItemProps = _ref.getItemProps,\n getMenuProps = _ref.getMenuProps;\n var index = 0;\n return /*#__PURE__*/React.createElement(\"div\", getMenuProps({\n className: appendClassName(\"sui-search-box__autocomplete-container\", className)\n }), /*#__PURE__*/React.createElement(\"div\", null, !!autocompleteSuggestions && Object.entries(autocompletedSuggestions).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n suggestionType = _ref3[0],\n suggestions = _ref3[1];\n\n return /*#__PURE__*/React.createElement(React.Fragment, {\n key: suggestionType\n }, getSuggestionTitle(suggestionType, autocompleteSuggestions) && suggestions.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n className: \"sui-search-box__section-title\"\n }, getSuggestionTitle(suggestionType, autocompleteSuggestions)), suggestions.length > 0 && /*#__PURE__*/React.createElement(\"ul\", {\n className: \"sui-search-box__suggestion-list\"\n }, suggestions.map(function (suggestion) {\n index++;\n return (\n /*#__PURE__*/\n // eslint-disable-next-line react/jsx-key\n React.createElement(\"li\", getItemProps({\n key: suggestion.suggestion || suggestion.highlight,\n index: index - 1,\n item: suggestion\n }), suggestion.highlight ? /*#__PURE__*/React.createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: suggestion.highlight\n }\n }) : /*#__PURE__*/React.createElement(\"span\", null, suggestion.suggestion))\n );\n })));\n }), !!autocompleteResults && !!autocompletedResults && autocompletedResults.length > 0 && autocompleteResults.sectionTitle && /*#__PURE__*/React.createElement(\"div\", {\n className: \"sui-search-box__section-title\"\n }, autocompleteResults.sectionTitle), !!autocompleteResults && !!autocompletedResults && autocompletedResults.length > 0 && /*#__PURE__*/React.createElement(\"ul\", {\n className: \"sui-search-box__results-list\"\n }, autocompletedResults.map(function (result) {\n index++;\n var titleSnippet = getSnippet(result, autocompleteResults.titleField);\n var titleRaw = getRaw(result, autocompleteResults.titleField);\n return (\n /*#__PURE__*/\n // eslint-disable-next-line react/jsx-key\n React.createElement(\"li\", getItemProps({\n key: result.id.raw,\n index: index - 1,\n item: result\n }), titleSnippet ? /*#__PURE__*/React.createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: titleSnippet\n }\n }) : /*#__PURE__*/React.createElement(\"span\", null, titleRaw))\n );\n }))));\n}\n\nexport default Autocomplete;","import React from \"react\";\n\nfunction SearchInput(_ref) {\n var getAutocomplete = _ref.getAutocomplete,\n getButtonProps = _ref.getButtonProps,\n getInputProps = _ref.getInputProps;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"sui-search-box__wrapper\"\n }, /*#__PURE__*/React.createElement(\"input\", getInputProps()), getAutocomplete()), /*#__PURE__*/React.createElement(\"input\", getButtonProps()));\n}\n\nexport default SearchInput;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport React from \"react\";\nimport Downshift from \"downshift\";\nimport { Result } from \"./types\";\nimport { Suggestion } from \"./types\";\nimport { appendClassName } from \"./view-helpers\";\nimport Autocomplete from \"./Autocomplete\";\nimport SearchInput from \"./SearchInput\";\n\nfunction SearchBox(props) {\n var className = props.className,\n allAutocompletedItemsCount = props.allAutocompletedItemsCount,\n autocompleteView = props.autocompleteView,\n isFocused = props.isFocused,\n _props$inputProps = props.inputProps,\n inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,\n inputView = props.inputView,\n onChange = props.onChange,\n onSelectAutocomplete = props.onSelectAutocomplete,\n _onSubmit = props.onSubmit,\n useAutocomplete = props.useAutocomplete,\n value = props.value,\n autocompletedResults = props.autocompletedResults,\n autocompletedSuggestions = props.autocompletedSuggestions,\n autocompletedSuggestionsCount = props.autocompletedSuggestionsCount,\n completeSuggestion = props.completeSuggestion,\n notifyAutocompleteSelected = props.notifyAutocompleteSelected,\n rest = _objectWithoutProperties(props, [\"className\", \"allAutocompletedItemsCount\", \"autocompleteView\", \"isFocused\", \"inputProps\", \"inputView\", \"onChange\", \"onSelectAutocomplete\", \"onSubmit\", \"useAutocomplete\", \"value\", \"autocompletedResults\", \"autocompletedSuggestions\", \"autocompletedSuggestionsCount\", \"completeSuggestion\", \"notifyAutocompleteSelected\"]);\n\n var focusedClass = isFocused ? \"focus\" : \"\";\n var AutocompleteView = autocompleteView || Autocomplete;\n var InputView = inputView || SearchInput;\n return /*#__PURE__*/React.createElement(Downshift, _extends({\n inputValue: value,\n onChange: onSelectAutocomplete,\n onInputValueChange: function onInputValueChange(newValue) {\n // To avoid over dispatching\n if (value === newValue) return;\n onChange(newValue);\n } // Because when a selection is made, we don't really want to change\n // the inputValue. This is supposed to be a \"controlled\" value, and when\n // this happens we lose control of it.\n ,\n itemToString: function itemToString() {\n return value;\n }\n }, rest), function (downshiftProps) {\n var closeMenu = downshiftProps.closeMenu,\n _getInputProps = downshiftProps.getInputProps,\n isOpen = downshiftProps.isOpen;\n var autocompleteClass = isOpen === true ? \" autocomplete\" : \"\";\n return /*#__PURE__*/React.createElement(\"form\", {\n onSubmit: function onSubmit(e) {\n closeMenu();\n\n _onSubmit(e);\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: appendClassName(\"sui-search-box\", className) + autocompleteClass\n }, /*#__PURE__*/React.createElement(InputView, _extends({}, downshiftProps, {\n getInputProps: function getInputProps(additionalProps) {\n var _ref = additionalProps || {},\n className = _ref.className,\n rest = _objectWithoutProperties(_ref, [\"className\"]);\n\n return _getInputProps(_objectSpread(_objectSpread({\n placeholder: \"Search\"\n }, inputProps), {}, {\n className: appendClassName(\"sui-search-box__text-input\", [inputProps.className, className, focusedClass])\n }, rest));\n },\n getButtonProps: function getButtonProps(additionalProps) {\n var _ref2 = additionalProps || {},\n className = _ref2.className,\n rest = _objectWithoutProperties(_ref2, [\"className\"]);\n\n return _objectSpread({\n type: \"submit\",\n value: \"Search\",\n className: appendClassName(\"button sui-search-box__submit\", className)\n }, rest);\n },\n getAutocomplete: function getAutocomplete() {\n if (useAutocomplete && isOpen && allAutocompletedItemsCount > 0) {\n return /*#__PURE__*/React.createElement(AutocompleteView, _extends({}, props, downshiftProps));\n } else {\n return null;\n }\n }\n }))));\n });\n}\n\nexport default SearchBox;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport React from \"react\";\nimport SearchContext from \"./SearchContext\";\n\nfunction buildContextForProps(context) {\n return _objectSpread(_objectSpread({}, context.driver.getState()), context.driver.getActions());\n}\n/* For a given object execute mapContextToProps to pluck out the relevant\nproperties */\n\n\nfunction giveMeJustWhatINeeded(stateOrContext, mapContextToProps, props) {\n var mapContextToPropsToUse = props.mapContextToProps || mapContextToProps;\n return mapContextToPropsToUse(stateOrContext, props) || {};\n}\n/**\n * This is a Higher Order Component that wraps a component and injects state and actions from Search UI, effectively\n * \"connecting\" it to Search UI.\n *\n * Components using `withSearch` will be \"Pure\" components.\n * It is important to understand the implications of using a PureComponent, as described here:\n * https://reactjs.org/docs/optimizing-performance.html#examples\n *\n * @param Function mapContextToProps A function that accepts the context and allows you to pick the values to be passed as props\n * into the component. This allows you to \"select\" which values from the context to use.\n * @param Function Component\n */\n\n\nexport default function withSearch(mapContextToProps) {\n if (!mapContextToProps) {\n throw \"withSearch requires a function to be provided which returns an object with at least one value.\";\n }\n\n return function (Component) {\n var WithSearch = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(WithSearch, _React$PureComponent);\n\n var _super = _createSuper(WithSearch);\n\n function WithSearch(props, context) {\n var _this;\n\n _classCallCheck(this, WithSearch);\n\n _this = _super.call(this);\n\n _defineProperty(_assertThisInitialized(_this), \"subscription\", function (state) {\n if (_this.unmounted) return;\n\n _this.setState(function (prevState) {\n return giveMeJustWhatINeeded(_objectSpread(_objectSpread({}, prevState), state), mapContextToProps, _this.props);\n });\n });\n\n _this.state = _objectSpread({}, giveMeJustWhatINeeded(buildContextForProps(context), // eslint-disable-next-line react/prop-types\n mapContextToProps, props)); // Note that we subscribe to changes at the component level, rather than\n // at the top level Provider, so that we are re-rendering the entire\n // subtree when state changes in the Provider.\n\n context.driver.subscribeToStateChanges(_this.subscription);\n return _this;\n }\n\n _createClass(WithSearch, [{\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unmounted = true;\n this.context.driver.unsubscribeToStateChanges(this.subscription);\n }\n }, {\n key: \"render\",\n value: function render() {\n // eslint-disable-next-line react/prop-types\n var rest = _extends({}, this.props);\n\n return /*#__PURE__*/React.createElement(Component, _extends({}, this.state, rest));\n }\n }]);\n\n return WithSearch;\n }(React.PureComponent);\n\n WithSearch.contextType = SearchContext;\n return WithSearch;\n };\n}","import PropTypes from \"prop-types\";\nexport default PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]))]);","import PropTypes from \"prop-types\";\nimport FieldValue from \"./FieldValue\";\nexport default PropTypes.shape({\n // A raw field value, like 'I am a raw result', or 2, or true. Raw values may\n // or may not be html escaped, so *always* sanitize a raw value before rendering\n // it on a page as html.\n raw: FieldValue,\n // A snippet value contains a highlighted value. I.e., 'I am a raw\n // result'. These are always sanitized and safe to render as html.\n snippet: PropTypes.string\n});\nexport function isFieldValueWrapper(object) {\n return object && (object.hasOwnProperty(\"raw\") || object.hasOwnProperty(\"snippet\"));\n}","import PropTypes from \"prop-types\";\nimport FieldValueWrapper from \"./FieldValueWrapper\"; // Typically an object where keys are the field names, and values are field values.\n// Also could be literally any other arbitrary value depending on the particular Search API response.\n// Default views in Search UI know what to do with FieldValueWrapper values, but not arbitrary values, so it\n// is usually better to work with FieldValueWrapper values. We encourage FieldValueWrapper, but we accept\n// anything because we don't want users to have type error warnings unnecessarily.\n//\n// An example would be if a user requests \"grouping\" in an App Search API request. That will come back\n// as \"_group: {..}\". It *should* be there in the Result so that a developer has it available to work\n// with.\n\nexport default PropTypes.objectOf(PropTypes.oneOfType([PropTypes.any, FieldValueWrapper]));","import PropTypes from \"prop-types\";\nexport default PropTypes.shape({\n suggestion: PropTypes.string,\n highlight: PropTypes.string,\n data: PropTypes.object\n});","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nimport PropTypes from \"prop-types\";\nimport { Component } from \"react\";\nimport { SearchBox } from \"@elastic/react-search-ui-views\";\nimport { withSearch } from \"..\";\nimport { Result, Suggestion } from \"../types\";\nexport var SearchBoxContainer = /*#__PURE__*/function (_Component) {\n _inherits(SearchBoxContainer, _Component);\n\n var _super = _createSuper(SearchBoxContainer);\n\n function SearchBoxContainer() {\n var _this;\n\n _classCallCheck(this, SearchBoxContainer);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n isFocused: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleFocus\", function () {\n _this.setState({\n isFocused: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleBlur\", function () {\n _this.setState({\n isFocused: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"completeSuggestion\", function (searchTerm) {\n var _this$props = _this.props,\n shouldClearFilters = _this$props.shouldClearFilters,\n setSearchTerm = _this$props.setSearchTerm;\n setSearchTerm(searchTerm, {\n shouldClearFilters: shouldClearFilters\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleSubmit\", function (e) {\n var _this$props2 = _this.props,\n shouldClearFilters = _this$props2.shouldClearFilters,\n searchTerm = _this$props2.searchTerm,\n setSearchTerm = _this$props2.setSearchTerm;\n e.preventDefault();\n setSearchTerm(searchTerm, {\n shouldClearFilters: shouldClearFilters\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleChange\", function (value) {\n var _this$props3 = _this.props,\n autocompleteMinimumCharacters = _this$props3.autocompleteMinimumCharacters,\n autocompleteResults = _this$props3.autocompleteResults,\n autocompleteSuggestions = _this$props3.autocompleteSuggestions,\n shouldClearFilters = _this$props3.shouldClearFilters,\n searchAsYouType = _this$props3.searchAsYouType,\n setSearchTerm = _this$props3.setSearchTerm,\n debounceLength = _this$props3.debounceLength;\n\n var options = _objectSpread(_objectSpread({\n autocompleteMinimumCharacters: autocompleteMinimumCharacters\n }, (autocompleteResults || autocompleteSuggestions || searchAsYouType) && {\n debounce: debounceLength || 200\n }), {}, {\n shouldClearFilters: shouldClearFilters,\n refresh: !!searchAsYouType,\n autocompleteResults: !!autocompleteResults,\n autocompleteSuggestions: !!autocompleteSuggestions\n });\n\n setSearchTerm(value, options);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleNotifyAutocompleteSelected\", function (selection) {\n var _this$props4 = _this.props,\n autocompleteResults = _this$props4.autocompleteResults,\n trackAutocompleteClickThrough = _this$props4.trackAutocompleteClickThrough; // Because suggestions don't count as clickthroughs, only\n // results\n\n if (autocompleteResults && autocompleteResults.shouldTrackClickThrough !== false && !selection.suggestion) {\n var _autocompleteResults$ = autocompleteResults.clickThroughTags,\n clickThroughTags = _autocompleteResults$ === void 0 ? [] : _autocompleteResults$;\n var id = selection.id.raw;\n trackAutocompleteClickThrough(id, clickThroughTags);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"defaultOnSelectAutocomplete\", function (selection) {\n if (!selection) return;\n var autocompleteResults = _this.props.autocompleteResults;\n\n _this.handleNotifyAutocompleteSelected(selection);\n\n if (!selection.suggestion) {\n var url = selection[autocompleteResults.urlField] ? selection[autocompleteResults.urlField].raw : \"\";\n\n if (url) {\n var target = autocompleteResults.linkTarget || \"_self\";\n window.open(url, target);\n }\n } else {\n _this.completeSuggestion(selection.suggestion);\n }\n });\n\n return _this;\n }\n\n _createClass(SearchBoxContainer, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var isFocused = this.state.isFocused;\n\n var _this$props5 = this.props,\n autocompleteMinimumCharacters = _this$props5.autocompleteMinimumCharacters,\n autocompleteResults = _this$props5.autocompleteResults,\n autocompleteSuggestions = _this$props5.autocompleteSuggestions,\n autocompletedResults = _this$props5.autocompletedResults,\n autocompletedSuggestions = _this$props5.autocompletedSuggestions,\n className = _this$props5.className,\n autocompleteView = _this$props5.autocompleteView,\n inputProps = _this$props5.inputProps,\n inputView = _this$props5.inputView,\n onSelectAutocomplete = _this$props5.onSelectAutocomplete,\n onSubmit = _this$props5.onSubmit,\n searchTerm = _this$props5.searchTerm,\n view = _this$props5.view,\n rest = _objectWithoutProperties(_this$props5, [\"autocompleteMinimumCharacters\", \"autocompleteResults\", \"autocompleteSuggestions\", \"autocompletedResults\", \"autocompletedSuggestions\", \"className\", \"autocompleteView\", \"inputProps\", \"inputView\", \"onSelectAutocomplete\", \"onSubmit\", \"searchTerm\", \"view\"]);\n\n var View = view || SearchBox;\n var useAutocomplete = (!!autocompleteResults || !!autocompleteSuggestions) && searchTerm.length >= autocompleteMinimumCharacters;\n var autocompletedSuggestionsCount = Object.entries(autocompletedSuggestions // eslint-disable-next-line no-unused-vars\n ).reduce(function (acc, _ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n _ = _ref2[0],\n value = _ref2[1];\n\n return acc + value.length;\n }, 0);\n var allAutocompletedItemsCount = autocompletedSuggestionsCount + autocompletedResults.length;\n var handleOnSelectAutocomplete;\n\n if (onSelectAutocomplete) {\n handleOnSelectAutocomplete = function handleOnSelectAutocomplete(selection) {\n onSelectAutocomplete(selection, {\n notifyAutocompleteSelected: _this2.handleNotifyAutocompleteSelected,\n completeSuggestion: _this2.completeSuggestion,\n autocompleteResults: _this2.props.autocompleteResults\n }, _this2.defaultOnSelectAutocomplete);\n };\n }\n\n return View(_objectSpread({\n allAutocompletedItemsCount: allAutocompletedItemsCount,\n autocompleteView: autocompleteView,\n autocompleteResults: autocompleteResults,\n autocompleteSuggestions: autocompleteSuggestions,\n autocompletedResults: autocompletedResults,\n autocompletedSuggestions: autocompletedSuggestions,\n className: className,\n autocompletedSuggestionsCount: autocompletedSuggestionsCount,\n completeSuggestion: this.completeSuggestion,\n isFocused: isFocused,\n notifyAutocompleteSelected: this.handleNotifyAutocompleteSelected,\n onChange: function onChange(value) {\n return _this2.handleChange(value);\n },\n onSelectAutocomplete: handleOnSelectAutocomplete || this.defaultOnSelectAutocomplete,\n onSubmit: onSubmit ? function (e) {\n e.preventDefault();\n onSubmit(searchTerm);\n } : this.handleSubmit,\n useAutocomplete: useAutocomplete,\n value: searchTerm,\n inputProps: _objectSpread({\n onFocus: this.handleFocus,\n onBlur: this.handleBlur\n }, inputProps),\n inputView: inputView\n }, rest));\n }\n }]);\n\n return SearchBoxContainer;\n}(Component);\n\n_defineProperty(SearchBoxContainer, \"propTypes\", {\n // Props\n autocompleteMinimumCharacters: PropTypes.number,\n autocompleteResults: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({\n clickThroughTags: PropTypes.arrayOf(PropTypes.string),\n linkTarget: PropTypes.string,\n sectionTitle: PropTypes.string,\n shouldTrackClickThrough: PropTypes.bool,\n titleField: PropTypes.string.isRequired,\n urlField: PropTypes.string.isRequired\n })]),\n autocompleteSuggestions: PropTypes.oneOfType([PropTypes.bool, PropTypes.exact({\n sectionTitle: PropTypes.string\n }), PropTypes.objectOf(PropTypes.exact({\n sectionTitle: PropTypes.string\n }))]),\n autocompleteView: PropTypes.func,\n className: PropTypes.string,\n shouldClearFilters: PropTypes.bool,\n debounceLength: PropTypes.number,\n inputProps: PropTypes.object,\n inputView: PropTypes.func,\n onSelectAutocomplete: PropTypes.func,\n onSubmit: PropTypes.func,\n searchAsYouType: PropTypes.bool,\n view: PropTypes.func,\n // State\n autocompletedResults: PropTypes.arrayOf(Result).isRequired,\n autocompletedSuggestions: PropTypes.objectOf(PropTypes.arrayOf(Suggestion)).isRequired,\n searchTerm: PropTypes.string.isRequired,\n // Actions\n setSearchTerm: PropTypes.func.isRequired,\n trackAutocompleteClickThrough: PropTypes.func.isRequired\n});\n\n_defineProperty(SearchBoxContainer, \"defaultProps\", {\n autocompleteMinimumCharacters: 0,\n shouldClearFilters: true\n});\n\nexport default withSearch(function (_ref3) {\n var autocompletedResults = _ref3.autocompletedResults,\n autocompletedSuggestions = _ref3.autocompletedSuggestions,\n searchTerm = _ref3.searchTerm,\n setSearchTerm = _ref3.setSearchTerm,\n trackAutocompleteClickThrough = _ref3.trackAutocompleteClickThrough;\n return {\n autocompletedResults: autocompletedResults,\n autocompletedSuggestions: autocompletedSuggestions,\n searchTerm: searchTerm,\n setSearchTerm: setSearchTerm,\n trackAutocompleteClickThrough: trackAutocompleteClickThrough\n };\n})(SearchBoxContainer);","import React from \"react\";\nimport withSearch from \"./withSearch\";\n\nfunction WithSearch(_ref) {\n var mapContextToProps = _ref.mapContextToProps,\n children = _ref.children;\n var Search = withSearch(mapContextToProps)(function (props) {\n return children(props);\n });\n return /*#__PURE__*/React.createElement(Search, null);\n}\n\nexport default WithSearch;","import { useTranslation } from 'react-i18next'\nimport { WithSearch } from '@elastic/react-search-ui'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faTimes } from '@fortawesome/pro-regular-svg-icons'\nimport { ScreenReaderText } from '../../../screen-reader-text'\nimport * as styles from './ResetButton.module.scss'\n\nconst ResetButton = () => {\n const [t] = useTranslation()\n\n return (\n ({ searchTerm, reset })}>\n {context =>\n context.searchTerm && (\n {\n context.reset()\n }}\n >\n \n {t('ResetButton.clearButtonAriaLabel', { defaultValue: 'Clear input' })}\n \n \n )\n}\n\nexport { ResetButton }\nexport default ResetButton\n","// extracted by mini-css-extract-plugin\nexport var ClearButton = \"ResetButton-module--ClearButton--wH01x\";","import { useEffect } from 'react'\n\nconst useAutofocus = (ref, autoFocus = true) => {\n useEffect(() => {\n if (autoFocus) {\n ref.current.focus()\n }\n }, [ref])\n}\n\nexport default useAutofocus\n","import { Fragment, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/pro-regular-svg-icons'\nimport useAutofocus from '../../../../utilities/useAutofocus'\nimport * as styles from './Input.module.scss'\n\nconst Input = ({ getInputProps }) => {\n const [t] = useTranslation()\n const inputRef = useRef(null)\n\n const { onClear, ...inputProps } = getInputProps({\n ref: inputRef,\n placeholder: '',\n })\n\n useAutofocus(inputRef, inputProps.autoFocus)\n\n return (\n \n \n )\n}\n\nInput.propTypes = {\n getInputProps: PropTypes.func.isRequired,\n}\n\nexport { Input }\nexport default Input\n","// extracted by mini-css-extract-plugin\nexport var InputModule = \"Input-module--InputModule--19H47\";\nexport var SearchIcon = \"Input-module--SearchIcon--1c6eS\";","import PropTypes from 'prop-types'\n\nimport { SearchBox } from '@elastic/react-search-ui'\nimport * as styles from './SearchInput.module.scss'\nimport { ResetButton } from './ResetButton'\nimport { Input } from './Input'\n\nconst SearchInput = ({ handleInputClear, autoFocus }) => (\n \n \n \n \n )\n}\n\nSearchResult.propTypes = {\n className: PropTypes.string,\n result: PropTypes.object,\n onClickLink: PropTypes.func,\n}\n\nexport { SearchResult }\nexport default SearchResult\n","// extracted by mini-css-extract-plugin\nexport var SearchResults = \"SearchResults-module--SearchResults--DIDdH\";\nexport var AutocompleteHeading = \"SearchResults-module--AutocompleteHeading--3UBFu\";\nexport var ListItem = \"SearchResults-module--ListItem--33vwF\";\nexport var Suggestion = \"SearchResults-module--Suggestion--1ql7S\";\nexport var InfiniteListAnchor = \"SearchResults-module--InfiniteListAnchor--1SW0Q\";\nexport var ViewMoreButton = \"SearchResults-module--ViewMoreButton--3zZPv\";\nexport var EndOfResults = \"SearchResults-module--EndOfResults--14gdG\";","import { Fragment, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport difference from 'lodash/difference'\nimport last from 'lodash/last'\nimport { withSearch } from '@elastic/react-search-ui'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { ScreenReaderText } from '../../../screen-reader-text'\n\nimport { List } from '../../../list'\nimport { Heading } from '../../../typography/Heading'\nimport { SearchResult } from './SearchResult'\n\nimport * as styles from './SearchResults.module.scss'\n\nconst RESULTS_PER_PAGE = 7\n\nfunction getRaw(result, value) {\n console.log(result)\n if (!result[value] || !result[value].raw) return\n return result[value].raw\n}\n\nconst SearchResults = ({\n wasSearched,\n error,\n isLoading,\n recentSearches,\n topSearches,\n results,\n totalResults,\n resultsPerPage,\n setResultsPerPage,\n setSearchTerm,\n trackClickThrough,\n onClickLink,\n}) => {\n const [t] = useTranslation()\n const hasRecentSearches = recentSearches.length > 0\n const uniqueSuggestedSearches = difference(topSearches, recentSearches)\n const hasUniqueSuggestedSearches = uniqueSuggestedSearches.length > 0\n\n // This focus trap is used to focus an invisible anchor upon clicking the View more results\n // button which would normally focus the next element (modal close button). This improves\n // accessibility of this infinite list so that the next focusable element is always the first\n // item on the next page of results.\n const trapFocus = useCallback(() => {\n const anchors = document.querySelectorAll(`.${styles.InfiniteListAnchor}`)\n const lastAnchor = last(anchors)\n if (lastAnchor) {\n lastAnchor.focus()\n }\n }, [])\n\n // Site Search won't return more than 100 results per page and our infinite list\n // implementation always fetches a single page of results to avoid having to fire\n // multiple requests when deep-linking into 2nd and subsequent page of search results.\n const cappedTotalResults = Math.min(totalResults, 100)\n\n return (\n \n {wasSearched || isLoading ? (\n \n \n {t('SearchResults.resultsSectionTitle', { defaultValue: 'Results' })}\n \n\n \n ) : (\n \n {hasRecentSearches && (\n \n \n {t('SearchResults.recentSearchesSectionTitle', { defaultValue: 'Recent Searches' })}\n \n\n \n )}\n\n {hasUniqueSuggestedSearches && (\n \n \n {t('SearchResults.suggestedSearchesSectionTitle', {\n defaultValue: 'Suggested Searches',\n })}\n \n\n \n )}\n \n )}\n \n )\n}\n\nSearchResults.propTypes = {\n topSearches: PropTypes.arrayOf(PropTypes.string).isRequired,\n recentSearches: PropTypes.arrayOf(PropTypes.string).isRequired,\n results: PropTypes.array.isRequired,\n wasSearched: PropTypes.bool.isRequired,\n error: PropTypes.string,\n isLoading: PropTypes.bool,\n totalResults: PropTypes.number.isRequired,\n resultsPerPage: PropTypes.number.isRequired,\n setResultsPerPage: PropTypes.func.isRequired,\n setSearchTerm: PropTypes.func.isRequired,\n trackClickThrough: PropTypes.func.isRequired,\n onClickLink: PropTypes.func.isRequired,\n}\n\nconst mapContextToProps = context => ({\n setSearchTerm: context.setSearchTerm,\n setResultsPerPage: context.setResultsPerPage,\n resultsPerPage: context.resultsPerPage,\n totalResults: context.totalResults,\n results: context.results,\n error: context.error,\n isLoading: context.isLoading,\n wasSearched: context.wasSearched && context.searchTerm.length > 0,\n trackClickThrough: context.trackClickThrough,\n})\n\nconst ConnectedSearchResults = withSearch(mapContextToProps)(SearchResults)\n\nexport { ConnectedSearchResults as SearchResults }\nexport default ConnectedSearchResults\n","import { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { withSearch } from '@elastic/react-search-ui'\n\n/**\n * This component resets search state when unmounted\n */\nconst ResetOnUnload = ({ reset }) => {\n useEffect(() => {\n return () => reset()\n }, [])\n\n return null\n}\n\nResetOnUnload.propTypes = {\n children: PropTypes.node,\n}\n\nconst mapContextToProps = context => ({\n reset: context.reset,\n})\n\nconst ConnectedResetOnUnload = withSearch(mapContextToProps)(ResetOnUnload)\n\nexport { ConnectedResetOnUnload as ResetOnUnload }\nexport default ConnectedResetOnUnload\n","import { useState, useEffect, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport uniq from 'lodash/uniq'\nimport SiteSearchAPIConnector from '@elastic/search-ui-site-search-connector'\nimport { SearchProvider } from '@elastic/react-search-ui'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { useTranslation } from 'react-i18next'\n\nimport { Heading } from '../../typography/Heading'\nimport { boostQuery, saveRecentSearches, getRecentSearches, isValidSearchTerm } from './utils'\nimport { SearchInput } from './components/SearchInput'\nimport { SearchResults } from './components/SearchResults'\nimport { ResetOnUnload } from './components/ResetOnUnload'\n\nimport * as styles from './SearchBar.module.scss'\n\nconst MAX_RECENT_SEARCHES = 5\n\nconst siteSearchConnector = new SiteSearchAPIConnector({\n documentType: 'page',\n engineKey: process.env.ELASTIC_SITE_SEARCH_ENGINE_KEY,\n beforeSearchCall: (queryOptions, next) => next(boostQuery(queryOptions)),\n})\n\nconst SearchBar = ({ showResults, autoFocus, onChange, onClickLink }) => {\n const [t, i18n] = useTranslation()\n\n const topSearchesResponse = useStaticQuery(graphql`\n query SuggestedSearchesQuery {\n allContentfulSuggestedSearches {\n nodes {\n node_locale\n terms\n }\n }\n }\n `)\n\n const topSearchesAllLocales = topSearchesResponse.allContentfulSuggestedSearches.nodes.filter(\n x => x.node_locale === i18n.language\n )\n\n const topSearches = topSearchesAllLocales[0].terms\n const [recentSearches, setRecentSearches] = useState([])\n\n useEffect(() => {\n setRecentSearches(getRecentSearches())\n }, [])\n\n const addRecentSearch = useCallback(searchTerm => {\n if (isValidSearchTerm(searchTerm)) {\n setRecentSearches(prevRecentSearches => {\n const nextRecentSearches = uniq([searchTerm, ...prevRecentSearches]).slice(\n 0,\n MAX_RECENT_SEARCHES\n )\n saveRecentSearches(nextRecentSearches)\n return nextRecentSearches\n })\n }\n }, [])\n\n const [config] = useState(() => ({\n onSearch: (state, queryConfig, next) => {\n if (typeof onChange === 'function') {\n onChange({ ...state })\n }\n\n addRecentSearch(state.searchTerm)\n\n const promise = next(state, queryConfig)\n\n promise.then(newState => {\n if (typeof onChange === 'function') {\n onChange({ ...state, ...newState })\n }\n })\n\n return promise\n },\n apiConnector: siteSearchConnector,\n searchQuery: {\n search_fields: {\n title: {},\n sections: {},\n body: {},\n },\n result_fields: {\n title: {\n snippet: {\n size: 100,\n fallback: true,\n },\n },\n url: {\n raw: {},\n },\n locale: {\n raw: {},\n },\n body: {\n snippet: {\n size: 100,\n fallback: true,\n },\n },\n },\n },\n initialState: {\n current: 1,\n filters: [],\n resultsPerPage: 7,\n searchTerm: '',\n sortDirection: undefined,\n sortField: undefined,\n },\n hasA11yNotifications: true,\n a11yNotificationMessages: {\n searchResults: ({ start, end, totalResults, searchTerm }) =>\n t('SearchBar.searchInProgress', {\n defaultValue:\n 'Searching for \"{{searchTerm}}\". Showing {{start}} to {{end}} results out of {{totalResults}}.',\n searchTerm,\n start,\n end,\n totalResults,\n }),\n },\n alwaysSearchOnInitialLoad: false,\n }))\n\n const handleInputClear = useCallback(() => {\n if (typeof onChange === 'function') {\n onChange({ searchTerm: '' })\n }\n }, [])\n\n return (\n \n \n )\n}\n\nSearchBar.propTypes = {\n autoFocus: PropTypes.bool,\n showResults: PropTypes.bool,\n onChange: PropTypes.func,\n onClickLink: PropTypes.func,\n}\n\nSearchBar.defaultProps = {\n showResults: true,\n}\n\nexport { SearchBar }\nexport default SearchBar\n","export const MIN_CHARACTERS = 3\n\n/**\n * Sets up functional boosts for the provided query which increases result scores\n * based on the site priority and popularity.\n */\nexport const boostQuery = queryConfig => {\n return {\n ...queryConfig,\n functional_boosts: {\n page: {\n 'site-priority': 'linear',\n popularity: 'linear',\n },\n },\n }\n}\n\nexport const saveRecentSearches = newRecentSearches => {\n try {\n window.localStorage.setItem('recent-searches', JSON.stringify(newRecentSearches))\n } catch (error) {\n // This is a no-op. Handles the limitation in some browsers where private mode disables\n // all kinds of client-side storage.\n }\n}\n\nexport const getRecentSearches = () => {\n const recentSearchesJson = window.localStorage.getItem('recent-searches') || '[]'\n return JSON.parse(recentSearchesJson)\n}\n\nexport const isValidSearchTerm = searchTerm =>\n typeof searchTerm === 'string' && searchTerm.length >= MIN_CHARACTERS\n","// extracted by mini-css-extract-plugin\nexport var SearchHeading = \"SearchBar-module--SearchHeading--25vq_\";","// extracted by mini-css-extract-plugin\nexport var HamburgerMenu = \"HamburgerMenu-module--HamburgerMenu--_HzG4\";\nexport var ShowMobile = \"HamburgerMenu-module--ShowMobile---89jd\";\nexport var HamburgerMenuInner = \"HamburgerMenu-module--HamburgerMenuInner--WW3wE\";\nexport var slideIn = \"HamburgerMenu-module--slideIn--12IdU\";\nexport var HamburgerMenuInnerOpen = \"HamburgerMenu-module--HamburgerMenuInnerOpen--26QIr\";\nexport var slideOut = \"HamburgerMenu-module--slideOut--O-SlI\";\nexport var HamburgerLogin = \"HamburgerMenu-module--HamburgerLogin--2NZbE\";\nexport var LinkIcon = \"HamburgerMenu-module--LinkIcon--1oXSX\";\nexport var UtilityNav = \"HamburgerMenu-module--UtilityNav--izTGJ\";\nexport var FullHeightMobile = \"HamburgerMenu-module--FullHeightMobile--3bN3K\";\nexport var FullHeightFlex = \"HamburgerMenu-module--FullHeightFlex--3J-_5\";","import { Fragment, useEffect, useState, useCallback, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport qs from 'qs'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faGlobe,\n faMapSigns,\n faSignIn,\n faCommentAlt,\n faQuestionCircle,\n faClipboardList,\n faClipboard,\n} from '@fortawesome/pro-regular-svg-icons'\nimport { faCalculatorAlt } from '@fortawesome/pro-light-svg-icons'\nimport { Modal } from '../../modal'\nimport { Link } from '../../typography/Link'\nimport { NavLink } from './components/NavLink'\nimport { SearchBar } from '../SearchBar'\n\nimport * as styles from './HamburgerMenu.module.scss'\n\nconst HamburgerMenu = ({ open, close, menu, location, pageContext }) => {\n const [t, i18n] = useTranslation()\n const [openSubmenuId, setOpenSubmenuId] = useState(null)\n const [searchIsActive, setSearchIsActive] = useState(false)\n const tabIndex = openSubmenuId !== null ? '-1' : '0'\n const navRootRef = useRef(null)\n const prevExpandedButtonRef = useRef(null)\n\n useEffect(() => {\n if (!navRootRef.current) {\n return\n }\n\n const navRootEl = navRootRef.current\n const expandedButton = navRootEl.querySelector('button[aria-expanded=\"true\"]')\n const prevExpandedButton = prevExpandedButtonRef.current\n\n if (openSubmenuId && expandedButton) {\n const secondLevelButtons = expandedButton.nextElementSibling.querySelectorAll('li > button')\n if (secondLevelButtons.length > 0) {\n setTimeout(() => {\n secondLevelButtons[0].focus()\n }, 50)\n }\n prevExpandedButtonRef.current = expandedButton\n } else if (!openSubmenuId && prevExpandedButton) {\n prevExpandedButton.focus()\n }\n }, [openSubmenuId])\n\n const handleDismissModal = useCallback(() => {\n setOpenSubmenuId(null)\n setSearchIsActive(false)\n close()\n }, [])\n\n const handleSearchChange = useCallback(state => {\n setSearchIsActive(typeof state.searchTerm === 'string' && state.searchTerm.length > 0)\n }, [])\n\n const isBusiness = location.pathname.includes('business')\n\n const menuAriaName =\n open === 'search'\n ? t('HamburgerMenu.searchAriaLabel', { defaultValue: 'Search Menu' })\n : t('HamburgerMenu.ariaLabel', { defaultValue: 'Navigation Menu' })\n\n return (\n \n \n {open === 'search' ? (\n \n \n \n \n )}\n \n )}\n
\n \n )\n}\n\nHamburgerMenu.propTypes = {\n open: PropTypes.bool,\n close: PropTypes.func,\n location: PropTypes.object.isRequired,\n pageContext: PropTypes.object.isRequired,\n menu: PropTypes.object.isRequired,\n}\n\nexport { HamburgerMenu }\nexport default HamburgerMenu\n","import some from 'lodash/some'\nimport trimEnd from 'lodash/trimEnd'\n\nconst normalizeTrailingSlash = url => trimEnd(url, '/')\n\nexport const findTopLevelNavItem = (currentPagePath, navItems) => {\n for (let i = 0; i < navItems.length; i += 1) {\n const navItem = navItems[i]\n\n if (\n normalizeTrailingSlash(navItem.urlPath) === normalizeTrailingSlash(currentPagePath) ||\n some(\n navItem.children,\n subNavItem =>\n normalizeTrailingSlash(subNavItem.urlPath) === normalizeTrailingSlash(currentPagePath)\n )\n ) {\n return navItem\n }\n }\n}\n\nexport const checkShouldShowSubNav = (\n showSubNav,\n showSubnavOnScroll,\n currentPage,\n observerHasInitialized,\n inView\n) => {\n let shouldShowSubnav = false\n if (showSubNav) {\n if (currentPage) {\n shouldShowSubnav = true\n }\n\n if (observerHasInitialized && !inView) {\n shouldShowSubnav = true\n }\n }\n\n if (showSubnavOnScroll) {\n if (observerHasInitialized && !inView) {\n shouldShowSubnav = true\n }\n }\n return shouldShowSubnav\n}\n","// extracted by mini-css-extract-plugin\nexport var Header = \"Header-module--Header--1b-vw\";\nexport var headerSticky = \"Header-module--headerSticky--VKvEN\";\nexport var TransparentBg = \"Header-module--TransparentBg--3Cn10\";\nexport var HomeLink = \"Header-module--HomeLink--1gU_g\";\nexport var LogoMark = \"Header-module--LogoMark--yMiiR\";\nexport var LogoName = \"Header-module--LogoName--JN_Qj\";\nexport var LogoSmall = \"Header-module--LogoSmall--2UW41\";\nexport var fadeIn = \"Header-module--fadeIn--2MQCN\";\nexport var BannerNavList = \"Header-module--BannerNavList--2GZuR\";\nexport var SecondaryBannerNavList = \"Header-module--SecondaryBannerNavList--1D3Bq\";\nexport var BannerNavItem = \"Header-module--BannerNavItem--oYiOR\";\nexport var WhyElevationsContainer = \"Header-module--WhyElevationsContainer--3hxOJ\";\nexport var BannerNavLink = \"Header-module--BannerNavLink--qHzK3\";\nexport var MainNavLink = \"Header-module--MainNavLink--3neEo\";\nexport var MenuToggle = \"Header-module--MenuToggle--21ooZ\";\nexport var SearchToggleContainer = \"Header-module--SearchToggleContainer--3TEpi\";\nexport var SearchToggle = \"Header-module--SearchToggle--2xDI1\";\nexport var LinkIcon = \"Header-module--LinkIcon--37kCT\";\nexport var SecondaryNavContainer = \"Header-module--SecondaryNavContainer--1m_F2\";\nexport var navigationButtons = \"Header-module--navigationButtons--1mVMs\";\nexport var active = \"Header-module--active--3wiLI\";\nexport var navigationButtonsActive = \"Header-module--navigationButtonsActive--1yTdD\";\nexport var navButtonContainer = \"Header-module--navButtonContainer--1Wb-n\";\nexport var SubNavVisible = \"Header-module--SubNavVisible--8sCEt\";\nexport var SecondaryNav = \"Header-module--SecondaryNav--1EL96\";\nexport var SecondaryNavList = \"Header-module--SecondaryNavList--1HBH1\";\nexport var SecondaryNavItem = \"Header-module--SecondaryNavItem--3wHJT\";\nexport var SecondaryNavLink = \"Header-module--SecondaryNavLink--1fYTC\";\nexport var LangSwitcher = \"Header-module--LangSwitcher--1J_eh\";\nexport var LangSwitcherLabelLong = \"Header-module--LangSwitcherLabelLong--aF6ea\";\nexport var LangSwitcherLabelShort = \"Header-module--LangSwitcherLabelShort--2Dadd\";\nexport var LogInLabel = \"Header-module--LogInLabel--1uYyt\";\nexport var LogInShortLabel = \"Header-module--LogInShortLabel--Em1V6\";","import React, { useState } from 'react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport qs from 'qs'\nimport { useInView } from 'react-intersection-observer'\nimport { useTranslation } from 'react-i18next'\nimport { UnstyledLink } from '../../typography/UnstyledLink'\nimport { ScreenReaderText } from '../../screen-reader-text'\nimport { Button } from '../../button'\nimport { List } from '../../list'\nimport { findTopLevelNavItem, checkShouldShowSubNav } from '../utils'\nimport { Container, Row } from '../../grid'\nimport { HamburgerMenu } from '../HamburgerMenu'\nimport * as styles from '../Header.module.scss'\n\nconst SubNav = ({ showSubnav, showSubnavOnScroll, isBusiness, menu, pageContext, location }) => {\n const queryParams = qs.parse('', { ignoreQueryPrefix: true })\n const displaySearchResults = !!queryParams.q\n\n const [menuOpen, setMenuOpen] = useState(displaySearchResults ? 'search' : false)\n const openSearchMenu = () => setMenuOpen('search')\n const openHamburgerMenu = () => setMenuOpen('hamburger')\n const closeMenu = () => setMenuOpen(false)\n\n const [t, i18n] = useTranslation()\n\n const [ref, inView, entry] = useInView({\n /* Optional options */\n threshold: 0,\n })\n const observerHasInitialized = Boolean(entry)\n\n // Heads up! We use two different nav menus for sub nav and main menu\n const currentPage = findTopLevelNavItem(pageContext.pathname, menu.subnav)\n\n const shouldShowSubnav = checkShouldShowSubNav(\n showSubnav,\n showSubnavOnScroll,\n currentPage,\n observerHasInitialized,\n inView\n )\n\n return (\n <>\n \n\n \r\n
\r\n )}\r\n {`Header inside viewport ${inView}.`}
\r\nPlain children are always rendered. Use onChange to monitor state.
\r\n\r\n *
\r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView;\n\n var unobserve = useRef();\n\n var _React$useState = useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var setRef = useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n\n if (skip) return;\n\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n }\n }, // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [// If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\n\nexport default InView;\nexport { InView, useInView };","/* eslint-disable jsx-a11y/no-redundant-roles */\nimport PropTypes from 'prop-types'\nimport { useTranslation } from 'react-i18next'\nimport { DialogOverlay, DialogContent } from '@reach/dialog'\nimport VisuallyHidden from '@reach/visually-hidden'\nimport '@reach/dialog/styles.css'\nimport * as styles from './Modal.module.scss'\n\nconst Modal = ({ open, onDismiss, initialFocusRef, children, className, name, theme }) => {\n const [t] = useTranslation()\n const themeColor = theme === 'light' ? '#fff' : '#000'\n\n return (\n {`Header inside viewport ${inView}.`}
\r\n *\n
\n)\n\nSearchInput.propTypes = {\n handleInputClear: PropTypes.func.isRequired,\n autoFocus: PropTypes.bool,\n}\n\nexport { SearchInput }\nexport default SearchInput\n","// extracted by mini-css-extract-plugin\nexport var SearchBox = \"SearchInput-module--SearchBox--3lvfU\";","const VALID_PROTOCOLS = ['http:', 'https:']\n\nexport function getUrlSanitizer(URLParser, currentLocation) {\n // This function is curried so that dependencies can be injected and don't need to be mocked in tests.\n return url => {\n let parsedUrl = {}\n\n try {\n // Attempts to parse a URL as relative\n parsedUrl = new URLParser(url, currentLocation)\n // eslint-disable-next-line no-empty\n } catch (e) {}\n\n return VALID_PROTOCOLS.includes(parsedUrl.protocol) ? url : ''\n }\n}\n\nfunction getFieldType(result, field, type) {\n if (result[field]) return result[field][type]\n}\n\nexport function getRaw(result, field) {\n return getFieldType(result, field, 'raw')\n}\n\nexport function getSnippet(result, field) {\n return getFieldType(result, field, 'snippet')\n}\n\nexport function htmlEscape(str) {\n if (!str) return ''\n\n return String(str)\n .replace(/&/g, '&')\n .replace(/\"/g, '"')\n .replace(/'/g, ''')\n .replace(//g, '>')\n}\n\nexport function getEscapedField(result, field) {\n // Fallback to raw values here, because non-string fields\n // will not have a snippet fallback. Raw values MUST be html escaped.\n const safeField = getSnippet(result, field) || htmlEscape(getRaw(result, field))\n return Array.isArray(safeField) ? safeField.join(', ') : safeField\n}\n","// extracted by mini-css-extract-plugin\nexport var SearchResult = \"SearchResult-module--SearchResult--3mHaJ\";\nexport var SearchResultTitle = \"SearchResult-module--SearchResultTitle--2IVaF\";\nexport var SearchResultLink = \"SearchResult-module--SearchResultLink---o44Z\";","/* eslint-disable react/no-danger */\n\n// Snippeted results contain search term highlights with html and are\n// 100% safe and santitized, so we dangerously set them here\n\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport truncate from 'lodash/truncate'\nimport { UnstyledLink } from '../../../typography/UnstyledLink'\nimport { getRaw, getSnippet, htmlEscape, getUrlSanitizer } from './utils'\nimport * as styles from './SearchResult.module.scss'\n\nconst SearchResult = ({ className, result, onClickLink }) => {\n const title =\n getSnippet(result, 'title') || htmlEscape(truncate(getRaw(result, 'title'), { length: 100 }))\n const body =\n getSnippet(result, 'body') || htmlEscape(truncate(getRaw(result, 'body'), { length: 100 }))\n const url = getUrlSanitizer(URL, window.location)(getRaw(result, 'url'))\n const normalizedUrl = String(url).replace(/https:\\/\\/(www.)?elevationscu.com?/, '')\n\n return (\n \n {results.length > 0 && (\n \n \n Sorry, we couldn't find any results for you.\n
\n Please check your spelling or use a different search term.\n \n \n )}\n\n {results.length === 0 && isLoading && !error && (\n {\n trapFocus()\n setResultsPerPage(resultsPerPage + RESULTS_PER_PAGE)\n }}\n >\n {t('SearchResults.viewMoreResultsButtonLabel', {\n defaultValue: 'View more results',\n })}\n \n )}\n\n {cappedTotalResults === results.length && cappedTotalResults !== 0 && (\n
\n - \n {results.map((result, index) => (\n
\n Please check your spelling or use a different search term.\n
\n {t('SearchResults.searchInProgress', {\n defaultValue: \"We're searching our database…\",\n })}\n
\n )}\n\n {results.length === 0 && error && (\n\n {error}\n
\n )}\n\n {cappedTotalResults > results.length && (\n\n {t('SearchResults.endOfResults', { defaultValue: 'End of results' })}\n
\n )}\n\n
\n - \n {recentSearches.map(query => (\n
\n
\n - \n {uniqueSuggestedSearches.map(query => (\n
\n \n {t('SearchBar.search', { defaultValue: 'Search' })}\n \n\n
\n \n
\n\n {!searchIsActive && (\n - \n {menu.main.map(menuItem => (\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n
\n - \n
- \n
\n
\n \n )\n}\n\nNavigationPanel.propTypes = {\n open: PropTypes.bool,\n close: PropTypes.func,\n location: PropTypes.object.isRequired,\n pageContext: PropTypes.object.isRequired,\n menu: PropTypes.object.isRequired,\n}\n\nexport { NavigationPanel }\nexport default NavigationPanel\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjcxNDYgOS4xNjY4MUMxNi42NTQ2IDkuMTU4MjcgMTYuNjExOCA5LjA5ODQ2IDE2LjYxMTggOS4wNDcyTDE2LjY3MTggNi40MjQyQzE2LjY3MTggNi4zNjQzOSAxNi43MjMxIDYuMzEzMTMgMTYuNzkxNyA2LjMyMTY3QzE2Ljc5MTcgNi4zMjE2NyAyNS4yMDk1IDcuNjcxNjIgMjcuNDc4OSA3Ljk1MzU3QzI3LjQ5NiA3Ljk1MzU3IDI3LjU3MzEgNy45Mjc5NCAyNy41OTAyIDcuOTE5MzlDMzAuOTEyOCA1LjA0MDA4IDMzLjkxIDMuMDgzNTEgMzYuMDc2NiAxLjgzNjA5QzM4LjI0MzIgMC41OTcyMTYgMzkuNTc5MSAwLjA3NjAzMzcgMzkuNTg3NiAwLjA3NjAzMzdDMzkuNzc2IDAuMDA3NjgxOTkgNDAuMDI0NCAtMC4wNDM1ODE4IDQwLjExIDAuMDY3NDg5N0M0MC4yMTI4IDAuMTk1NjQ5IDQwLjE1MjggMC4zNTc5ODUgMzkuOTQ3MyAwLjQ3NzZDMzAuNTAxOCA1Ljk1NDI4IDIzLjczNjYgMTYuNDYzNCAyMC4xMTQzIDIzLjc2ODRDMjAuMDQ1OCAyMy45MTM3IDE5LjkzNDQgMjMuOTczNSAxOS43OTc0IDIzLjk5MDZDMTkuNjYwNCAyNC4wMDc3IDE5LjUwNjMgMjMuOTkwNiAxOS4zMjY0IDIzLjk1NjRDMTMuNzQzMSAyMy4wNTA4IDAuMzU4MzM3IDIwLjU1NTkgMC4zNTgzMzcgMjAuNTU1OUMwLjMwNjk1NiAyMC41NTU5IDAuMjU1NTc1IDIwLjQ4NzYgMC4yNTU1NzUgMjAuNDM2M0wwLjE2MTM3NyAxNi42MzQyQzAuMTYxMzc3IDE2LjU2NTkgMC4yMTI3NTggMTYuNTE0NiAwLjI4OTgyOSAxNi41MzE3TDE3Ljk5MDUgMTkuNDcwOEMxNy45OTA1IDE5LjQ3MDggMTguMTEwNCAxOS40MzY3IDE4LjEzNjEgMTkuNDAyNUMxOC41Mzg2IDE4Ljc0NDYgMTkuMDAxIDE4LjAyNjkgMTkuMzY5MyAxNy40NzE1QzE5LjU1NzcgMTcuMTgxMSAxOS43MjA0IDE2LjkzMzMgMTkuODMxNyAxNi43NjI0TDE5LjkwMDIgMTYuNjU5OUMxOS45NjAxIDE2LjU1NzMgMTkuOTE3MyAxNi40NjM0IDE5LjgwNiAxNi40NDYzTDguMzIyMzcgMTQuMzEwM0M4LjI3MDk5IDE0LjMwMTcgOC4yMTk2MSAxNC4yNDE5IDguMjE5NjEgMTQuMTkwN0w4LjE0MjU0IDEwLjg4NDJDOC4xNDI1NCAxMC44MTU4IDguMTkzOTIgMTAuNzY0NSA4LjI3MDk5IDEwLjc4MTZMMjIuMzkyMiAxMy4yNDIzQzIyLjM5MjIgMTMuMjQyMyAyMi41MDM1IDEzLjIxNjcgMjIuNTIwNiAxMy4xOTFDMjMuMDUxNiAxMi41NjczIDIzLjYxNjcgMTEuOTM1MSAyNC4wNTM1IDExLjQ0ODFDMjQuMjc2MSAxMS4yMDAzIDI0LjQ2NDUgMTAuOTg2NyAyNC41OTMgMTAuODQxNEMyNC43MjE0IDEwLjY5NjIgMjQuNjc4NiAxMC41ODUxIDI0LjU1MDIgMTAuNTY4TDE2LjczMTcgOS4xNzUzNiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTgyNzEgMEM1LjQ0MTE5IDAgMy4wMTc4IDEuNTMyOTUgMS4xMTUxOSA0LjI2Njg0QzAuNzcwMDUgNC43NjI3OCAwLjg3NjQ1NiA1LjQ0Mjc1IDEuMzU3OTEgNS44MDc4MUwzLjM4IDcuMzQxMDVDMy44NjYyNCA3LjcwOTcyIDQuNTU4MDcgNy42MjM1MiA0LjkzODc0IDcuMTQ2NjFDNi4xMTI5MSA1LjY3NTYyIDYuOTgzODkgNC44Mjg2OSA4LjgxNzk3IDQuODI4NjlDMTAuMjYgNC44Mjg2OSAxMi4wNDM3IDUuNzU2NzcgMTIuMDQzNyA3LjE1NTE0QzEyLjA0MzcgOC4yMTIyNyAxMS4xNzExIDguNzU1MTcgOS43NDcxOCA5LjU1MzQ1QzguMDg2NzIgMTAuNDg0NCA1Ljg4OTQxIDExLjY0MyA1Ljg4OTQxIDE0LjU0MTJWMTVDNS44ODk0MSAxNS42MjEzIDYuMzkzMDggMTYuMTI1IDcuMDE0NDEgMTYuMTI1SDEwLjQxMTVDMTEuMDMyOCAxNi4xMjUgMTEuNTM2NSAxNS42MjEzIDExLjUzNjUgMTVWMTQuNzI5NEMxMS41MzY1IDEyLjcyMDMgMTcuNDA4NCAxMi42MzY3IDE3LjQwODQgNy4yQzE3LjQwODUgMy4xMDU3NSAxMy4xNjE1IDAgOS4xODI3MSAwWk04LjcxMjk3IDE3LjUwNTlDNi45MjI1MyAxNy41MDU5IDUuNDY1ODkgMTguOTYyNSA1LjQ2NTg5IDIwLjc1M0M1LjQ2NTg5IDIyLjU0MzQgNi45MjI1MyAyNCA4LjcxMjk3IDI0QzEwLjUwMzQgMjQgMTEuOTYgMjIuNTQzNCAxMS45NiAyMC43NTI5QzExLjk2IDE4Ljk2MjUgMTAuNTAzNCAxNy41MDU5IDguNzEyOTcgMTcuNTA1OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"","import { useState, Fragment, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport qs from 'qs'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faGlobe } from '@fortawesome/pro-regular-svg-icons'\nimport { useInView } from 'react-intersection-observer'\nimport { Link } from '../typography/Link'\nimport { UnstyledLink } from '../typography/UnstyledLink'\nimport { Stack } from '../stack'\nimport { List } from '../list'\nimport { ScreenReaderText } from '../screen-reader-text'\nimport { Button } from '../button'\nimport { Container, Row, Col } from '../grid'\nimport { HamburgerMenu } from './HamburgerMenu'\nimport { SubNav } from './SubNav'\nimport { findTopLevelNavItem, checkShouldShowSubNav } from './utils'\nimport * as styles from './Header.module.scss'\nimport ChevronImg from '../../images-global/Chevron.png'\nimport { NavigationPanel } from './NavigationPanel/NavigationPanel'\n\nconst Header = ({ pageContext, location, menu, showSubnav, showSubnavOnScroll }) => {\n const [t, i18n] = useTranslation()\n\n const queryParams = qs.parse(location.search, { ignoreQueryPrefix: true })\n const displaySearchResults = !!queryParams.q\n\n const [menuOpen, setMenuOpen] = useState(displaySearchResults ? 'search' : false)\n const openSearchMenu = () => setMenuOpen('search')\n const openHamburgerMenu = () => setMenuOpen('hamburger')\n const [showPersonalPanel, setPersonalPanel] = useState(false)\n const [showBusinessPanel, setBusinessPanel] = useState(false)\n const [isBusinessPanel, setIsBusinessPanel] = useState(false)\n const personalButtonRef = useRef(null)\n const businessButtonRef = useRef(null)\n const closeMenu = () => setMenuOpen(false)\n\n const [ref, inView, entry] = useInView({\n /* Optional options */\n threshold: 0,\n })\n\n const observerHasInitialized = Boolean(entry)\n /**\n * the code below check the users current url, if the user is on a business page it\n * then sets isBusiness to \"business\" which is appended to the url for the login\n * page the login page checks if the url contians \"business\" if it does it sets the\n * login to the business default login.\n */\n const isBusiness = location.pathname.includes('business')\n\n // Heads up! We use two different nav menus for sub nav and main menu\n const currentPage = findTopLevelNavItem(pageContext.pathname, menu.subnav)\n\n const shouldShowSubnav = checkShouldShowSubNav(\n showSubnav,\n showSubnavOnScroll,\n currentPage,\n observerHasInitialized,\n inView\n )\n\n const classes = classNames(\n showSubnavOnScroll ? styles.Header : styles.headerSticky,\n currentPage && ['/', '/business'].indexOf(currentPage.urlPath) !== -1 && styles.TransparentBg\n )\n\n const onclickPersonal = () => {\n setPersonalPanel(!showPersonalPanel)\n }\n\n const onClickBusiness = () => {\n setBusinessPanel(!showBusinessPanel)\n }\n\n const logoAriaLabel = 'Elevations Credit Union'\n\n return (\n \n
\n \n \n
\n \n \n 
\n
\n \n
\n \n {t('Header.navPanelTopCardHeader', { defaultValue: 'BECOME A MEMBER' })}
\n\n {t('Header.navPanelTopCard', {\n defaultValue:\n 'It all starts with your membership. Why not become a member today and start enjoying the benefits?',\n })}\n
\n\n
\n \n
\n - \n
- \n
- \n
- \n
\n
\n - \n
- \n
- \n
- \n
\n \n \n
\n - \n {chosenMenu.map(menuItem => (\n
\n \n {t('Header.navPanelAbout', { defaultValue: 'About Elevations' })}\n
\n \n setBusinessPanel(false)}\n />\n )}\n
\n \n onclickPersonal()}\n data-qa=\"menu-toggle-personal\"\n ref={personalButtonRef}\n >\n Personal\n 
\n \n {showPersonalPanel && (\n setPersonalPanel(false)}\n />\n )}\n onClickBusiness()}\n data-qa=\"menu-toggle-business\"\n ref={businessButtonRef}\n >\n {t('Header.businessPanelTitle', { defaultValue: 'Business' })}\n \n \n
\n {showBusinessPanel && (\n - \n {/*
\n \n \n richTextChildren,\n }}\n >\n {richBody}\n \n \n \n
\n )\n}\n\nBanner.propTypes = {\n alert: PropTypes.object.isRequired,\n className: PropTypes.string,\n}\n\nexport { Banner }\nexport default Banner\n","// extracted by mini-css-extract-plugin\nexport var Banner = \"Banner-module--Banner--3ElXX\";\nexport var Container = \"Banner-module--Container--Iyfv6\";","// extracted by mini-css-extract-plugin\nexport var UnsupportedBrowserModal = \"UnsupportedBrowserModal-module--UnsupportedBrowserModal--8YSZM\";\nexport var UnsupportedBrowserModalInner = \"UnsupportedBrowserModal-module--UnsupportedBrowserModalInner--1lTXu\";","import { memo, useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { getBrowser } from '../../utilities/detectBrowser'\nimport { Heading } from '../typography/Heading'\nimport { Modal } from '../modal'\nimport * as styles from './UnsupportedBrowserModal.module.scss'\n\nconst UnsupportedBrowserModal = memo(function UnsupportedBrowserModal({ targetBrowsers }) {\n const [showDialog, setShowDialog] = useState(true)\n const [detectedBrowser, setDetectedBrowser] = useState()\n const close = () => setShowDialog(false)\n\n useEffect(() => {\n const browser = getBrowser()\n setDetectedBrowser(browser)\n }, [])\n\n if (targetBrowsers.includes(detectedBrowser)) {\n return (\n \n \n It looks like you're using an unsupported browser.\n \n \n To get the most out of our website, please upgrade to Apple Safari, Google Chrome,\n Microsoft Edge or Mozilla Firefox.\n \n \n Thanks for stopping by!\n \n
\n \n
\n\n ¡Bienvenido a Elevations!
\n\n Notamos que su navegador está configurado en español. Hemos traducido gran parte de\n nuestro sitio web en español, pero algunas partes de nuestro sitio web permanecen en\n inglés en este momento.\n
\n\n\n Si desea abrir una cuenta o solicitar un producto en línea, tenga en cuenta que nuestras\n solicitudes en línea y los documentos relacionados están disponibles solo en inglés.\n Para obtener asistencia en español con una solicitud, por favor contáctenos.\n
\n\n\n Aviso: Traducciones en español se proporcionan como cortesía. En caso de cualquier\n discrepancia o variación entre inglés y español de divulgaciones o materiales que se\n haya proporcionado, la versión en inglés controlará y sustituirá cualquier versión en\n español para todos los fines, incluidos los fines legales.\n
\n\n¿Le gustaría continuar en español?
\n\n
\n\n ¡Bienvenido a Elevations!
\n\n Hemos traducido gran parte de nuestro sitio web en español, pero algunas partes de\n nuestro sitio web permanecen en inglés en este momento.\n
\n\n\n Si desea abrir una cuenta o solicitar un producto en línea, tenga en cuenta que nuestras\n solicitudes en línea y los documentos relacionados están disponibles solo en inglés.\n Para obtener asistencia en español con una solicitud, por favor contáctenos.\n
\n\n\n Aviso: Traducciones en español se proporcionan como cortesía. En caso de cualquier\n discrepancia o variación entre inglés y español de divulgaciones o materiales que se\n haya proporcionado, la versión en inglés controlará y sustituirá cualquier versión en\n español para todos los fines, incluidos los fines legales.\n
\n\n¿Le gustaría continuar en español?
\n| Terms | \n\n APR Starting At*\n | \n\n APR Up To*\n | \n
|---|---|---|
| 36-Month | \n2.750% | \n5.375% | \n
| 60-Month | \n3.500% | \n6.125% | \n
| 84-Month | \n4.500% | \n7.125% | \n
| 120-Month | \n5.000% | \n7.625% | \n
| 180-Month | \n5.500% | \n8.125% | \n
| Terms | \nModel Year | \n\n APR Starting At*\n | \n
|---|---|---|
| Up to 63 Months | \n2018-2020 | \n\n 4.49%†\n | \n
| Up to 63 Months | \n2017-older | \n\n 4.99%†\n | \n
| Terms | \nVehicle Type | \n\n APR Starting At*\n | \n
|---|---|---|
| Up to 63 Months | \nTitled Loans: Motorcycle, Motorhome, Travel Trailer | \n\n 8.45%†\n | \n
| Up to 63 Months | \nUntitled Loans: Motorcycle, ATV, Personal Watercraft, Boat, Snowmobile | \n\n 8.95%†\n | \n
| {t('HolidayHours.holidayColumnTitle', { defaultValue: 'Holiday' })} | \n{t('HolidayHours.dateColumnTitle', { defaultValue: 'Date' })} | \n{t('HolidayHours.closedColumnTitle', { defaultValue: 'Closed' })} | \n
|---|---|---|
| \n {t([`HolidayHours.${holidayHour.key}`, 'HolidayHours.unknown'], {\n defaultValue: 'N/A',\n })}\n | \n{format(holidayHour.date, 'M/d/yyyy', { locale })} | \n\n {holidayHour.closesAt &&\n `${t('HolidayHours.closesAt', {\n defaultValue: 'Closed at {{time}}',\n time: holidayHour.closesAt,\n })} `}\n {holidayHour.closedOn\n ? format(holidayHour.closedOn, 'EEEE, M/d/yyyy', { locale })\n : format(holidayHour.date, 'EEEE, M/d/yyyy', { locale })}\n | \n
| Account | \nOpening Deposit & Minimum Balance | \n
|---|---|
| Select Money Market | \n$25,000 or more | \n
| Premier Money Market | \n$50,000 or more | \n
| Jumbo Money Market | \n$100,000 or more | \n
| Categories of information collected by the Credit Union | \nPieces of Personal Information Collected | \nPurpose for Collection of Information | \n
|---|---|---|
| Personal information provided by you for account opening | \n\n Name, address, Tax ID Number, Date of Birth, phone number, email address, employment,\n photo ID, income\n | \n\n Required for account opening, prevention of identity theft and fraud, and to meet\n regulatory requirements for member due diligence\n | \n
| Personal information provided by you for loan requests | \nInformation regarding assets, tax records, debts | \nRequired for loan processing and underwriting | \n
| \n Personal information provided by you when using social media, or software and online\n products and services offered by the Credit Union\n | \n\n Email address, name, account information, personal finance information, IP address\n | \nTo provide information, products and services to you | \n
| Consumer reports including credit reports | \nAccount balances, payment history, credit history | \nPrevention of identity theft and fraud, and to evaluate loan requests | \n
| Credit and debit card activity | \nTransaction amount, location, time, and merchant identity | \nEnable fraud monitoring and account protection | \n
| Online banking activity | \nIP address, login patterns | \nEnable fraud monitoring and account protection | \n
| \n Categories of third parties with whom information is shared and disclosed by the\n Credit Union\n | \nPieces of Personal Information Shared | \nPurpose for Sharing of Information | \n
|---|---|---|
| \n Third party product and service providers such as online banking, mortgages, cards,\n and money transfer services\n | \n\n Name, account information including account number, transaction history and loan\n information, Tax ID Number, address, phone number, email address\n | \nTo provide products and services selected by you | \n
| Data processors | \n\n Name, account information including account number, transaction history and loan\n information, Tax ID Number, photo ID info, address, phone number, email address,\n employer\n | \n\n To perform business functions such as data analytics and required account monitoring\n | \n
| Consumer reporting agencies including credit reporting agencies | \n\n Name, account number and loan information, Tax ID Number, address, employer, loan\n payment history\n | \nRequired consumer reporting | \n
| Marketing | \nName, address, phone number, email address | \nTo inform you about credit union products, services and events | \n
| Governmental agencies | \n\n Name, account information including account number, tax information such as dividends\n earns and interest paid, loan information, Tax ID Number, photo ID info, address,\n phone number, email address, Census and Demographic Data\n | \nRequired by State and Federal Laws | \n
| \n Categories of third parties with whom information was sold by the Credit Union\n | \nPieces of Personal Information Sold | \nPurpose for Selling of Information | \n
|---|---|---|
| Third party insurance providers | \nName, address, phone number, email address, and date of birth | \nTo compliment Credit Union core product offerings with insurance products | \n
| \n Note: The Credit Union does not generally sell member data and does\n not contemplate selling in the future. The Credit Union has in the past entered into\n an agreement to share information for the purposes of making insurance products\n available to our members as part of our financial planning services, but the Credit\n Union no longer participates in sharing data for that purpose.{' '}\n | \n
\n {richHeadline && (\n \n !isEmpty(children) && (\n \n {children}\n \n ),\n }}\n >\n {richHeadline}\n \n )}\n\n {tableModule}\n\n {disclaimer && (\n {lastUpdated} }\n
\n \n )\n }\n\n return (\n \n {disclaimer} \n
\n )}\n\n {lastUpdated && \n \n \n
\n \n
\n )\n}\n\nTableModule.propTypes = {\n richHeadline: PropTypes.object.isRequired,\n table: PropTypes.string.isRequired,\n caption: PropTypes.string,\n config: PropTypes.object,\n variables: PropTypes.arrayOf(PropTypes.object),\n lastUpdated: PropTypes.string,\n disclaimer: PropTypes.object,\n backgroundColor: PropTypes.string,\n embedded: PropTypes.bool,\n}\n\nexport { TableModule }\nexport default TableModule\n","import PropTypes from 'prop-types'\nimport { Helmet } from 'react-helmet'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport normalizePagePath from '../utilities/normalizePagePath'\n\nconst query = graphql`\n query PageMetaData {\n site {\n siteMetadata {\n defaultTitle: title\n titleTemplate\n defaultDescription: description\n siteUrl\n defaultImage: image\n twitterUsername\n locales {\n all\n }\n }\n }\n }\n`\n\n/**\n * This function takes an array of raw robots instructions and returns\n * a new array of normalized values to be fed into the meta tag.\n */\nconst normalizeRobots = robots => {\n const settings = robots && robots.length > 0 ? robots : []\n return settings.filter(x => ['noindex', 'nofollow'].indexOf(x) !== -1)\n}\n\nconst PageMeta = ({\n keywords,\n language,\n title,\n description,\n image,\n pathname,\n canonicalUrlOverride,\n article,\n robots,\n}) => {\n const {\n site: {\n siteMetadata: {\n defaultTitle,\n titleTemplate,\n defaultDescription,\n siteUrl,\n defaultImage,\n twitterUsername,\n locales,\n },\n },\n } = useStaticQuery(query)\n\n const seo = {\n lang: language || locales.default,\n title: title || defaultTitle,\n keywords: keywords || '',\n description: description || defaultDescription,\n image: image ? image.url : `${siteUrl}${defaultImage}`,\n url: `${siteUrl}${normalizePagePath(pathname, {\n locale: language || locales.default,\n defaultLocale: locales.default,\n })}`,\n }\n\n const robotsSettings = normalizeRobots(robots)\n\n return (\n \n \n !isEmpty(children) && (\n \n {children}\n \n ),\n }}\n >\n {richHeadline}\n \n\n {tableModule}\n\n {disclaimer && (\n {lastUpdated} }\n
\n \n \n {disclaimer} \n
\n )}\n\n {lastUpdated && \n {children}\n
\n ),\n [BLOCKS.HEADING_1]: (node, children) => (\n{children}
\n },\n [BLOCKS.UL_LIST]: (node, children) => (\n - \n {children}\n
- \n {children}\n
{children},\n [BLOCKS.HR]: () =>
,\n [INLINES.ASSET_HYPERLINK]: (node, children) => {\n const [t, i18n] = useTranslation()\n const fields = node.data.target.fields || {}\n\n const file = fields.file[i18n.language] || fields.file[i18n.options.fallbackLng[0]]\n\n if (!file) {\n // eslint-disable-next-line no-console\n console.log('unprocessable node', node)\n return null\n }\n\n const fileUrl = file.url\n const readableFileName =\n node.content && node.content.length > 0 ? node.content[0].value : 'File'\n\n return (\n
{text},\n },\n renderText: text => {\n const textLines = text.split('\\n')\n const textArray = compact(intersperse(textLines, ))\n return textArray.length === 1 ? textArray[0] : textArray\n },\n }\n}\n\nconst RichText = ({ listType, theme, children: richTextDocument, overrides }) => {\n const options = getOptions({ listType, theme, overrides })\n return documentToReactComponents(richTextDocument, options)\n}\n\nRichText.propTypes = {\n children: PropTypes.object,\n listType: PropTypes.oneOf(['default', 'checklist']),\n theme: PropTypes.oneOf(['default', 'light']),\n overrides: PropTypes.object,\n}\n\nexport { RichText }\nexport default RichText\n","import PropTypes from 'prop-types'\nimport * as styles from './ScreenReaderText.module.scss'\n\nconst ScreenReaderText = ({ children, ...props }) => {\n return (\n \n {children}\n \n )\n}\n\nScreenReaderText.propTypes = {\n children: PropTypes.node,\n}\n\nexport { ScreenReaderText }\nexport default ScreenReaderText\n","// extracted by mini-css-extract-plugin\nexport var ScreenReaderText = \"ScreenReaderText-module--ScreenReaderText--1d_lE\";","// extracted by mini-css-extract-plugin\nexport var List = \"Stack-module--List--366g1\";\nexport var noWrap = \"Stack-module--noWrap--3zFzC\";\nexport var distributionLeading = \"Stack-module--distributionLeading--3E8Dx\";\nexport var distributionTrailing = \"Stack-module--distributionTrailing--3RJQB\";\nexport var distributionCenter = \"Stack-module--distributionCenter--Uhbh8\";\nexport var distributionEqualSpacing = \"Stack-module--distributionEqualSpacing--r1MpJ\";\nexport var distributionFill = \"Stack-module--distributionFill--3ydff\";\nexport var Item = \"Stack-module--Item--14Fy-\";\nexport var distributionFillEvenly = \"Stack-module--distributionFillEvenly--2POKj\";\nexport var alignmentLeading = \"Stack-module--alignmentLeading--1of-K\";\nexport var alignmentTrailing = \"Stack-module--alignmentTrailing--3SdFl\";\nexport var alignmentCenter = \"Stack-module--alignmentCenter--2VXSP\";\nexport var alignmentFill = \"Stack-module--alignmentFill--1GwZ8\";\nexport var alignmentBaseline = \"Stack-module--alignmentBaseline--3tehZ\";\nexport var vertical = \"Stack-module--vertical--eAlgC\";\nexport var ItemFill = \"Stack-module--Item-fill--3b0GG\";","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport * as styles from './Stack.module.scss'\n\nconst Item = ({ className, children, fill }) => {\n const classes = classNames(styles.Item, fill && styles.ItemFill, className)\n\n return (\n
\n {children}\n
\n )\n}\n\nItem.propTypes = {\n className: PropTypes.string,\n children: PropTypes.node,\n fill: PropTypes.bool,\n}\n\nexport { Item }\nexport default Item\n","import { isValidElement } from 'react'\n\n// See below for why this function is needed.\nfunction hotReloadComponentCheck(AComponent, AnotherComponent) {\n const componentName = AComponent.name\n const anotherComponentName = AnotherComponent.displayName\n\n return (\n AComponent === AnotherComponent ||\n (Boolean(componentName) && componentName === anotherComponentName)\n )\n}\n\n// In development, we compare based on the name of the function because\n// React Hot Loader proxies React components in order to make updates. In\n// production we can simply compare the components for equality.\nconst isComponent =\n process.env.NODE_ENV === 'development'\n ? hotReloadComponentCheck\n : (AComponent, AnotherComponent) => AComponent === AnotherComponent\n\nexport function isElementOfType(element, Component) {\n if (element == null || !isValidElement(element) || typeof element.type === 'string') {\n return false\n }\n\n const { type } = element\n const Components = Array.isArray(Component) ? Component : [Component]\n\n return Components.some(AComponent => typeof type !== 'string' && isComponent(AComponent, type))\n}\n\n// Wraps `element` in `Component`, if it is not already an instance of\n// `Component`. If `props` is passed, those will be added as props on the\n// wrapped component. If `element` is null, the component is not wrapped.\nexport function wrapWithComponent(element, Component, props) {\n if (element == null) {\n return null\n }\n\n return isElementOfType(element, Component) ? element : \n {items}\n
\n )\n}\n\nStack.propTypes = {\n className: PropTypes.string,\n /** Elements to display inside list */\n children: PropTypes.node,\n /** Adjust vertical alignment of elements */\n alignment: PropTypes.oneOf(['leading', 'trailing', 'center', 'fill', 'baseline']),\n /** Adjust horizontal alignment of elements */\n distribution: PropTypes.oneOf([\n 'equalSpacing',\n 'leading',\n 'trailing',\n 'center',\n 'fill',\n 'fillEvenly',\n ]),\n /** Stack the elements vertically */\n vertical: PropTypes.bool,\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap: PropTypes.bool,\n}\n\nStack.Item = Item\n\nexport { Stack }\nexport default Stack\n","import { useCallback } from 'react'\n\nfunction setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value)\n } else if (ref !== null) {\n // eslint-disable-next-line no-param-reassign\n ref.current = value\n }\n}\n\nfunction useForkRef(refA, refB) {\n /**\n * This will create a new function if the ref props change.\n * This means react will call the old forkRef with `null` and the new forkRef\n * with the ref. Cleanup naturally emerges from this behavior\n */\n return useCallback(\n instance => {\n setRef(refA, instance)\n setRef(refB, instance)\n },\n [refA, refB]\n )\n}\n\nexport default useForkRef\n","import { forwardRef, createElement, useEffect, useCallback, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { useId } from '@reach/auto-id'\nimport useForkRef from '../../utilities/useForkRef'\nimport * as styles from './TextField.module.scss'\n\nconst TextField = forwardRef(\n (\n {\n type = 'text',\n id,\n multiline,\n label,\n disabled,\n error,\n visuallyHideLabel,\n onFocus,\n autoFocus,\n autoSelect,\n ...props\n },\n forwardedRef\n ) => {\n const innerRef = useRef(null)\n const setRef = useForkRef(innerRef, forwardedRef)\n const fieldId = useId(id)\n const inputId = `field-${fieldId}-input`\n const labelId = `field-${fieldId}-label`\n const errorId = `field-${fieldId}-error`\n\n const describedBy = []\n if (error) {\n describedBy.push(errorId)\n }\n // any help text or character counter (for multiline input) goes here\n\n const labelledBy = []\n // any prefix or suffix goes here\n labelledBy.unshift(labelId)\n\n // focus wrapper\n const handleFocus = useCallback(\n event => {\n if (onFocus) {\n onFocus(event)\n }\n\n if (autoSelect && innerRef.current) {\n innerRef.current.select()\n }\n },\n [innerRef]\n )\n\n useEffect(() => {\n // On initial load, if autoFocus was requested, autoFocus the field\n if (autoFocus && innerRef.current) {\n // Store the scroll position before focusing the field\n const x = window.scrollX\n const y = window.scrollY\n\n // Focus\n innerRef.current.focus()\n\n // Restore the scroll position\n window.scrollTo(x, y)\n }\n\n // On initial load, if both autoFocus AND autoSelect were requested, select the value on top of focusing the field\n if (autoFocus && autoSelect && innerRef.current) {\n innerRef.current.select()\n }\n }, [])\n\n const inputClasses = classNames(styles.Input, multiline && styles.multiline)\n const inputProps = {\n ref: setRef,\n type: !multiline ? type : undefined,\n id: inputId,\n className: inputClasses,\n disabled,\n onFocus: handleFocus,\n 'aria-describedby': describedBy.length ? describedBy.join(' ') : undefined,\n 'aria-labelledby': labelledBy.join(' '),\n 'aria-invalid': Boolean(error),\n 'data-qa': 'textfield',\n ...props,\n }\n\n // aria-multiline is only valid in the context of a textbox\n if (inputProps.type === 'text' || multiline) {\n inputProps['aria-multiline'] = Boolean(multiline)\n }\n\n const input = createElement(multiline ? 'textarea' : 'input', inputProps)\n\n return (\n \n
\n )\n }\n)\n\nTextField.propTypes = {\n type: PropTypes.oneOf([\n 'text',\n 'email',\n 'number',\n 'password',\n 'search',\n 'tel',\n 'url',\n 'date',\n 'datetime-local',\n 'month',\n 'time',\n 'week',\n 'currency',\n ]),\n label: PropTypes.string,\n id: PropTypes.string,\n name: PropTypes.string,\n disabled: PropTypes.bool,\n multiline: PropTypes.bool,\n autoFocus: PropTypes.bool,\n autoSelect: PropTypes.bool,\n error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n onFocus: PropTypes.func,\n visuallyHideLabel: PropTypes.bool,\n}\n\nexport { TextField }\nexport default TextField\n","// extracted by mini-css-extract-plugin\nexport var TextField = \"TextField-module--TextField--1pkSG\";\nexport var InnerWrapper = \"TextField-module--InnerWrapper--3Uiea\";\nexport var Input = \"TextField-module--Input--3f9ux\";\nexport var multiline = \"TextField-module--multiline--B24LQ\";\nexport var error = \"TextField-module--error--3guCJ\";\nexport var Label = \"TextField-module--Label--2zN_p\";\nexport var ErrorText = \"TextField-module--ErrorText--Zfwq0\";\nexport var VisuallyHiddenLabel = \"TextField-module--VisuallyHiddenLabel--1pcz7\";","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport * as styles from './Caption.module.scss'\n\nconst Caption = ({ children, className, ...props }) => {\n const classes = classNames(styles.Caption, className)\n\n return (\n \n {input}\n \n {label}\n \n
\n\n {typeof error === 'string' && (\n \n {error}\n
\n )}\n\n {children}\n
\n )\n}\n\nCaption.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n}\n\nexport { Caption }\nexport default Caption\n","// extracted by mini-css-extract-plugin\nexport var Caption = \"Caption-module--Caption--CLJMt\";","import PropTypes, { element } from 'prop-types'\nimport classNames from 'classnames'\nimport * as styles from './Eyebrow.module.scss'\n\nconst Eyebrow = ({ element: Element = 'p', children, className, ...props }) => {\n const classes = classNames(styles.Eyebrow, className)\n // code to properly format ®\n console.log('element', Element)\n if (typeof document !== 'undefined') {\n const reserved = document.getElementsByTagName('h4')\n let text\n let newText\n for (let i = 0; i < reserved.length; i += 1) {\n text = reserved[i].innerHTML\n if (!text.includes('')) {\n newText = text.replace(\n /®/gi,\n \"®\"\n )\n document.getElementsByTagName('h4')[i].innerHTML = newText\n }\n }\n const reservedH = document.getElementsByTagName('h2')\n let textH\n let newTextH\n for (let i = 0; i < reservedH.length; i += 1) {\n textH = reservedH[i].innerHTML\n if (!textH.includes('')) {\n newTextH = textH.replace(\n /®/gi,\n \"®\"\n )\n document.getElementsByTagName('h2')[i].innerHTML = newTextH\n }\n }\n // formatting for ™\n const reservedTM = document.getElementsByTagName('h3')\n let textTM\n let newTextTM\n for (let i = 0; i < reservedTM.length; i += 1) {\n textTM = reservedTM[i].innerHTML\n if (!textTM.includes('')) {\n newTextTM = textTM.replace(\n /™/gi,\n \"™\"\n )\n document.getElementsByTagName('h3')[i].innerHTML = newTextTM\n }\n }\n }\n return (\n