{store.getState()}
\r\n * }\r\n */\nexport function useReduxContext() {\n const contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {counter}
\r\n * }\r\n */\n\nexport const useSelector = /*#__PURE__*/createSelectorHook();","export const notInitialized = () => {\n throw new Error('uSES not initialized!');\n};","import { getBatch } from './batch'; // encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\n\nfunction createListenerCollection() {\n const batch = getBatch();\n let first = null;\n let last = null;\n return {\n clear() {\n first = null;\n last = null;\n },\n\n notify() {\n batch(() => {\n let listener = first;\n\n while (listener) {\n listener.callback();\n listener = listener.next;\n }\n });\n },\n\n get() {\n let listeners = [];\n let listener = first;\n\n while (listener) {\n listeners.push(listener);\n listener = listener.next;\n }\n\n return listeners;\n },\n\n subscribe(callback) {\n let isSubscribed = true;\n let listener = last = {\n callback,\n next: null,\n prev: last\n };\n\n if (listener.prev) {\n listener.prev.next = listener;\n } else {\n first = listener;\n }\n\n return function unsubscribe() {\n if (!isSubscribed || first === null) return;\n isSubscribed = false;\n\n if (listener.next) {\n listener.next.prev = listener.prev;\n } else {\n last = listener.prev;\n }\n\n if (listener.prev) {\n listener.prev.next = listener.next;\n } else {\n first = listener.next;\n }\n };\n }\n\n };\n}\n\nconst nullListeners = {\n notify() {},\n\n get: () => []\n};\nexport function createSubscription(store, parentSub) {\n let unsubscribe;\n let listeners = nullListeners;\n\n function addNestedSub(listener) {\n trySubscribe();\n return listeners.subscribe(listener);\n }\n\n function notifyNestedSubs() {\n listeners.notify();\n }\n\n function handleChangeWrapper() {\n if (subscription.onStateChange) {\n subscription.onStateChange();\n }\n }\n\n function isSubscribed() {\n return Boolean(unsubscribe);\n }\n\n function trySubscribe() {\n if (!unsubscribe) {\n unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);\n listeners = createListenerCollection();\n }\n }\n\n function tryUnsubscribe() {\n if (unsubscribe) {\n unsubscribe();\n unsubscribe = undefined;\n listeners.clear();\n listeners = nullListeners;\n }\n }\n\n const subscription = {\n addNestedSub,\n notifyNestedSubs,\n handleChangeWrapper,\n isSubscribed,\n trySubscribe,\n tryUnsubscribe,\n getListeners: () => listeners\n };\n return subscription;\n}","import { useEffect, useLayoutEffect } from 'react'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n// Matches logic in React's `shared/ExecutionEnvironment` file\n\nexport const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"reactReduxForwardedRef\"];\n\n/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */\nimport hoistStatics from 'hoist-non-react-statics';\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { isValidElementType, isContextConsumer } from 'react-is';\nimport defaultSelectorFactory from '../connect/selectorFactory';\nimport { mapDispatchToPropsFactory } from '../connect/mapDispatchToProps';\nimport { mapStateToPropsFactory } from '../connect/mapStateToProps';\nimport { mergePropsFactory } from '../connect/mergeProps';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport shallowEqual from '../utils/shallowEqual';\nimport warning from '../utils/warning';\nimport { ReactReduxContext } from './Context';\nimport { notInitialized } from '../utils/useSyncExternalStore';\nlet useSyncExternalStore = notInitialized;\nexport const initializeConnect = fn => {\n useSyncExternalStore = fn;\n}; // Define some constant arrays just to avoid re-creating these\n\nconst EMPTY_ARRAY = [null, 0];\nconst NO_SUBSCRIPTION_ARRAY = [null, null]; // Attempts to stringify whatever not-really-a-component value we were given\n// for logging in an error message\n\nconst stringifyComponent = Comp => {\n try {\n return JSON.stringify(Comp);\n } catch (err) {\n return String(Comp);\n }\n};\n\n// This is \"just\" a `useLayoutEffect`, but with two modifications:\n// - we need to fall back to `useEffect` in SSR to avoid annoying warnings\n// - we extract this to a separate function to avoid closing over values\n// and causing memory leaks\nfunction useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {\n useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);\n} // Effect callback, extracted: assign the latest props values to refs for later usage\n\n\nfunction captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,\nchildPropsFromStoreUpdate, notifyNestedSubs) {\n // We want to capture the wrapper props and child props we used for later comparisons\n lastWrapperProps.current = wrapperProps;\n renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update\n\n if (childPropsFromStoreUpdate.current) {\n childPropsFromStoreUpdate.current = null;\n notifyNestedSubs();\n }\n} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,\n// check for updates after dispatched actions, and trigger re-renders.\n\n\nfunction subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch{store.getState()}
\r\n * }\r\n */\n\nexport const useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport const useDispatch = /*#__PURE__*/createDispatchHook();","function is(x, y) {\n if (x === y) {\n return x !== 0 || y !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nexport default function shallowEqual(objA, objB) {\n if (is(objA, objB)) return true;\n\n if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n return false;\n }\n\n const keysA = Object.keys(objA);\n const keysB = Object.keys(objB);\n if (keysA.length !== keysB.length) return false;\n\n for (let i = 0; i < keysA.length; i++) {\n if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n return false;\n }\n }\n\n return true;\n}","function n(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e\r\n 
\r\n )\r\n }\r\n
\r\n \r\n
\r\n {\r\n person.Photo && (\r\n {person.FullName}
\r\n {\r\n person.Departments.map((department) => (\r\n\r\n
\r\n {department.Email}\r\n
\r\n {department.Mobile}\r\n \r\n
\r\n ))\r\n }\r\n {department.Name}
\r\n \r\n {`${department.Address.Street}, ${department.Address.Zip} ${department.Address.City}`}\r\n\r\n {department.Email}\r\n
\r\n {department.Mobile}\r\n \r\n
{item.Name}
\r\n {\r\n item.Persons.length === 0 && (\r\n\r\n {\r\n item.ContactInformation.startsWith('http') ? (\r\n \r\n {item.ContactInformation}\r\n \r\n ) : (\r\n item.ContactInformation\r\n )\r\n }\r\n
\r\n {item.SecondaryContactInformation}\r\n
\r\n {item.AdditionalInformation}\r\n
- \r\n {renderPersons}\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nResultComponent.displayName = 'ResultComponent';\r\nexport default ResultComponent;\r\n","/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Autosuggest from 'react-autosuggest';\r\nimport debounce from 'lodash.debounce';\r\n\r\nclass AUAutoSuggestComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n value: '',\r\n suggestions: [],\r\n noSuggestions: false,\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onEnter = this.onEnter.bind(this);\r\n this.onSuggestionsFetchRequested = debounce(this.onSuggestionsFetchRequested.bind(this), 400);\r\n this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);\r\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\r\n }\r\n\r\n onChange(_, { newValue }) {\r\n const { setQuery } = this.props;\r\n this.setState({\r\n value: newValue,\r\n }, () => {\r\n setQuery(newValue);\r\n });\r\n }\r\n\r\n onEnter(event) {\r\n const { suggestions } = this.state;\r\n const { setResults } = this.props;\r\n if (event.key === 'Enter') {\r\n setResults(suggestions);\r\n }\r\n }\r\n\r\n onSuggestionsFetchRequested({ value }) {\r\n const { getSuggestions, collection } = this.props;\r\n getSuggestions(value, collection, (suggestions) => {\r\n this.setState({\r\n suggestions,\r\n noSuggestions: suggestions.length === 0 && value.trim() !== '' && value.trim().length > 1,\r\n });\r\n });\r\n }\r\n\r\n onSuggestionsClearRequested() {\r\n this.setState({\r\n suggestions: [],\r\n });\r\n }\r\n\r\n onSuggestionSelected(event, { suggestion }) {\r\n const { setResults, clearInput } = this.props;\r\n setResults([suggestion]);\r\n if (clearInput) {\r\n this.setState({\r\n value: '',\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { value, suggestions, noSuggestions } = this.state;\r\n const {\r\n placeholder,\r\n getSuggestionValue,\r\n renderSuggestion,\r\n id,\r\n theme,\r\n type,\r\n initialValue,\r\n disabled,\r\n noResultsText,\r\n } = this.props;\r\n const inputProps = {\r\n placeholder,\r\n value: initialValue || value,\r\n id,\r\n type,\r\n disabled,\r\n 'aria-label': placeholder,\r\n onChange: this.onChange,\r\n onKeyDown: this.onEnter,\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {lang === 'en' ? 'Service' : 'Bygningsdrift'}\r\n
\r\n {\r\n ((data?.Service[0]?.SubAreas || []).length > 0) ? (\r\n\r\n- \r\n {renderServiceAreas(data?.Service || [])}\r\n
{lang === 'en' ? 'No results found.' : 'Ingen resultater fundet.'}
\r\n )\r\n }\r\n\r\n
\r\n \r\n
\r\n \r\n {lang === 'en' ? 'Cleaning' : 'Rengøring'}\r\n
\r\n {\r\n ((data?.Cleaning[0]?.SubAreas || []).length > 0) ? (\r\n- \r\n {renderServiceAreas(data?.Cleaning || [])}\r\n
{lang === 'en' ? 'No results found.' : 'Ingen resultater fundet.'}
\r\n )\r\n }\r\n\r\n {noResultsText}\r\n
\r\n )\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nAUAutoSuggestComponent.displayName = 'AUAutoSuggestComponent';\r\n\r\nAUAutoSuggestComponent.defaultProps = {\r\n id: 'autosuggest1',\r\n theme: {\r\n container: 'react-autosuggest__container',\r\n containerOpen: 'react-autosuggest__container--open',\r\n input: 'react-autosuggest__input',\r\n inputOpen: 'react-autosuggest__input--open',\r\n inputFocused: 'react-autosuggest__input--focused',\r\n suggestionsContainer: 'react-autosuggest__suggestions-container',\r\n suggestionsContainerOpen: 'react-autosuggest__suggestions-container--open',\r\n suggestionsList: 'react-autosuggest__suggestions-list',\r\n suggestion: 'react-autosuggest__suggestion',\r\n suggestionFirst: 'react-autosuggest__suggestion--first',\r\n suggestionHighlighted: 'react-autosuggest__suggestion--highlighted',\r\n sectionContainer: 'react-autosuggest__section-container',\r\n sectionContainerFirst: 'react-autosuggest__section-container--first',\r\n sectionTitle: 'react-autosuggest__section-title',\r\n },\r\n clearInput: false,\r\n type: 'text',\r\n initialValue: '',\r\n disabled: false,\r\n setQuery: () => { },\r\n noResultsText: '',\r\n};\r\n\r\nAUAutoSuggestComponent.propTypes = {\r\n setQuery: PropTypes.func,\r\n getSuggestions: PropTypes.func.isRequired,\r\n getSuggestionValue: PropTypes.func.isRequired,\r\n renderSuggestion: PropTypes.func.isRequired,\r\n setResults: PropTypes.func.isRequired,\r\n collection: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n placeholder: PropTypes.string.isRequired,\r\n id: PropTypes.string,\r\n theme: PropTypes.shape({}),\r\n clearInput: PropTypes.bool,\r\n type: PropTypes.string,\r\n initialValue: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n noResultsText: PropTypes.string,\r\n};\r\nexport default AUAutoSuggestComponent;\r\n","/* eslint-env browser */\r\n/* NO IMPORTS! */\r\n\r\n// eslint-disable-next-line no-control-regex\r\nconst emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])/;\r\n\r\nconst sortAlphaObj = (a, b) => {\r\n if (typeof a.name !== 'undefined' && typeof b.name !== 'undefined') {\r\n return a.name.toLowerCase().localeCompare(b.name.toLowerCase(), 'da', { ignorePunctuation: true });\r\n }\r\n return 0;\r\n};\r\n\r\nconst isElementInViewport = (element: HTMLElement): boolean => {\r\n if (element === null) {\r\n return false;\r\n }\r\n\r\n const rect = element.getBoundingClientRect();\r\n\r\n return rect.bottom > 0\r\n && rect.right > 0\r\n && rect.left < (window.innerWidth || document.documentElement.clientWidth)\r\n && rect.top < (window.innerHeight || document.documentElement.clientHeight);\r\n};\r\n\r\nconst isElementPartlyInViewport = (element: HTMLElement): boolean => {\r\n let top = element.offsetTop;\r\n let left = element.offsetLeft;\r\n const width = element.offsetWidth;\r\n const height = element.offsetHeight;\r\n\r\n let offsetElement = element;\r\n while (offsetElement.offsetParent) {\r\n offsetElement = element.offsetParent as HTMLElement;\r\n top += element.offsetTop;\r\n left += element.offsetLeft;\r\n }\r\n\r\n return (\r\n top < (window.pageYOffset + window.innerHeight)\r\n && left < (window.pageXOffset + window.innerWidth)\r\n && (top + height) > window.pageYOffset\r\n && (left + width) > window.pageXOffset\r\n );\r\n};\r\n\r\nconst setCookie = (\r\n cookieName: string,\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n value: any,\r\n maxAge: number | null = null,\r\n exdays: number | null = null,\r\n path = ';path=/;domain=au.dk',\r\n): void => {\r\n let cookieValue = encodeURI(value);\r\n if (exdays != null) {\r\n const exdate = new Date();\r\n exdate.setDate(exdate.getDate() + exdays);\r\n cookieValue = `${cookieValue}; expires=${exdate.toUTCString()}`;\r\n } else if (maxAge != null) {\r\n cookieValue = `${cookieValue}; max-age=${maxAge}`;\r\n }\r\n\r\n document.cookie = `${cookieName}=${cookieValue}${path}`;\r\n};\r\n\r\nconst getCookie = (cookieName: string): string | null | boolean => {\r\n let cookieValue: string | null | boolean = document.cookie;\r\n let cookieStart = cookieValue.indexOf(` ${cookieName}=`);\r\n if (cookieStart === -1) {\r\n cookieStart = cookieValue.indexOf(`${cookieName}=`);\r\n }\r\n if (cookieStart === -1) {\r\n cookieValue = null;\r\n } else {\r\n cookieStart = cookieValue.indexOf('=', cookieStart) + 1;\r\n let cookieEnd = cookieValue.indexOf(';', cookieStart);\r\n if (cookieEnd === -1) {\r\n cookieEnd = cookieValue.length;\r\n }\r\n cookieValue = decodeURI(cookieValue.substring(cookieStart, cookieEnd));\r\n }\r\n return cookieValue;\r\n};\r\n\r\nconst addToSessionStorage = (key: string, data: unknown): unknown => {\r\n if (window.sessionStorage) {\r\n sessionStorage.setItem(key, JSON.stringify(data));\r\n }\r\n\r\n return data;\r\n};\r\n\r\nconst getFromSessionStorage = (key: string): unknown | null => {\r\n if (window.sessionStorage) {\r\n const data = sessionStorage.getItem(key);\r\n if (data) {\r\n return JSON.parse(data);\r\n }\r\n }\r\n\r\n return null;\r\n};\r\n\r\nconst addToLocalStorage = (key: string, data: unknown): unknown => {\r\n if (window.localStorage) {\r\n localStorage.setItem(key, JSON.stringify(data));\r\n }\r\n\r\n return data;\r\n};\r\n\r\nconst getFromLocalStorage = (key: string): unknown | null => {\r\n if (window.localStorage) {\r\n const data = localStorage.getItem(key);\r\n if (data) {\r\n return JSON.parse(data);\r\n }\r\n }\r\n\r\n return null;\r\n};\r\n\r\n// Credits: http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/\r\nconst setCaretPosition = (element: HTMLInputElement, pos: number): void => {\r\n // Modern browsers\r\n if (element && element.setSelectionRange) {\r\n element.focus();\r\n element.setSelectionRange(pos, pos);\r\n }\r\n};\r\n\r\nconst splitPhoneNumber = (\r\n countryCodes: AU.ICountryCode[],\r\n phoneNumber: string,\r\n): AU.IPhoneNumber => {\r\n const countryCodeFound = (code: string) => countryCodes.filter(\r\n (x) => x.code === parseInt(code, 10),\r\n ).length > 0;\r\n\r\n const findPrefix = (): string => {\r\n if (countryCodes.length > 0) {\r\n const skip = phoneNumber.length > 0 ? '' : '+'; // Hackish...\r\n let count = 1;\r\n let prefix = `${countryCodes.find((x) => x.important)?.code}`;\r\n while (count < phoneNumber.length) {\r\n const split = phoneNumber.substring(skip.length, skip.length + count);\r\n if (countryCodeFound(split)) {\r\n prefix = split;\r\n }\r\n count += 1;\r\n }\r\n return skip + prefix;\r\n }\r\n return '';\r\n };\r\n\r\n const prefix = findPrefix();\r\n return {\r\n prefix,\r\n number: phoneNumber.replace(prefix, ''),\r\n };\r\n};\r\n\r\nconst prettyPrintPhone = (countryCodes: AU.ICountryCode[], phone: string) => {\r\n if (phone) {\r\n const { prefix, number } = splitPhoneNumber(countryCodes, phone);\r\n if (prefix) {\r\n return `${prefix} ${number?.match(/\\d{1,2}/g)?.join(' ')}`;\r\n }\r\n return number?.match(/\\d{1,2}/g)?.join(' ');\r\n }\r\n return '';\r\n};\r\n\r\nconst scrollTo = (x = 0, y = 0) => window.scrollTo(x, y);\r\n\r\nconst replace = (text: string, find: string[], replaceWith: string[]): string => {\r\n if (find.length !== replaceWith.length) {\r\n return text;\r\n }\r\n\r\n let newText = text;\r\n find.forEach((placeholder, index) => {\r\n newText = newText.replace(`{{${placeholder}}}`, replaceWith[index]);\r\n });\r\n\r\n return newText;\r\n};\r\n\r\nexport {\r\n emailRegex,\r\n sortAlphaObj,\r\n isElementInViewport,\r\n isElementPartlyInViewport,\r\n setCookie,\r\n getCookie,\r\n addToLocalStorage,\r\n getFromLocalStorage,\r\n addToSessionStorage,\r\n getFromSessionStorage,\r\n setCaretPosition,\r\n splitPhoneNumber,\r\n prettyPrintPhone,\r\n scrollTo,\r\n replace,\r\n};\r\n","/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React, { FC } from 'react';\r\nimport AutoSuggestComponent from '@aarhus-university/au-lib-react-components/src/components/AUAutoSuggestComponent';\r\nimport { sortAlphaObj } from '@aarhus-university/au-lib-react-components/src/lib/helpers';\r\nimport { useGetAutoSuggestsQuery } from '../services/api';\r\n\r\ntype AutoSuggestResult = {\r\n name: string;\r\n value: string;\r\n};\r\n\r\nconst getSuggestions = (\r\n value: string,\r\n collection: AutoSuggestResult[],\r\n callback: (results: AutoSuggestResult[]) => void,\r\n): void => {\r\n const inputValue = value.trim().toLowerCase();\r\n const inputLength = inputValue.length;\r\n const result = inputLength < 2 ? []\r\n : collection.filter((x: AutoSuggestResult) => x.name.toLowerCase().indexOf(inputValue) > -1)\r\n .sort(sortAlphaObj);\r\n callback(result);\r\n};\r\n\r\nconst SearchComponent: FC\r\n
\r\n \r\n );\r\n};\r\n\r\nSearchComponent.displayName = 'SearchComponent';\r\nexport default SearchComponent;\r\n","import React, { FC, useState } from 'react';\r\nimport ResultComponent from './ResultComponent';\r\nimport SearchComponent from './SearchComponent';\r\n\r\nconst AppComponent: FC = () => {\r\n const [search, setSearch] = useState{window.serviceemp_header}
\r\n \r\n\r\n \r\n {\r\n if (results.length === 1) {\r\n setSearch(results[0].name);\r\n }\r\n }}\r\n collection={data?.map((x) => ({\r\n name: x,\r\n value: x,\r\n }))}\r\n getSuggestions={getSuggestions}\r\n getSuggestionValue={(suggestion: AutoSuggestResult) => suggestion.name}\r\n renderSuggestion={(suggestion: AutoSuggestResult) =>
\r\n {suggestion.name}
}\r\n />\r\n \r\n {window.serviceemp_hint}\r\n
\r\n