{"version":3,"file":"search-view-2f3bf232.js","sources":["../../../app/frontend/components/search-view.tsx"],"sourcesContent":["import React, {\n    type ReactElement,\n} from 'react'\nimport { useAtom } from 'jotai'\nimport Box from '@mui/joy/Box'\nimport Button from '@mui/joy/Button'\nimport FormControl from '@mui/joy/FormControl'\nimport FormLabel from '@mui/joy/FormLabel'\nimport Input from '@mui/joy/Input'\nimport { useTranslation } from 'react-i18next'\nimport { Wrapper } from '@googlemaps/react-wrapper'\n\n// Moment.js and locales\nimport moment from 'moment-timezone/builds/moment-timezone-with-data-10-year-range.js'\n\nimport type { SearchSubmissionType } from '../types'\nimport {\n    ArrowForwardIcon,\n    SearchIcon,\n} from './icons'\nimport SearchModal from './search-modal'\nimport PlacesAutocomplete from './places-autocomplete'\nimport { searchSubmissionAtom } from '../state'\nimport { useGarageSearch } from '../hooks/use-garage-search'\n\nconst domNode = document.getElementById('react-garage-detail-search')\nconst garageAddress = domNode?.getAttribute('garage-address')\nconst garageId = domNode?.getAttribute('garage-id')\n\nexport default function SearchView({\n    home,\n    garagesMap,\n    garageDetail,\n}:{\n    home?: boolean,\n    garagesMap?: boolean,\n    garageDetail?: boolean,\n}) {\n\n    const { t, i18n } = useTranslation()\n    const userLang = i18n.language\n\n    const [searchSubmission, setSearchSubmission] = useAtom(searchSubmissionAtom)\n\n    const {\n        currentSearch,\n        handleChange,\n        handleSelect,\n        handleDateChange,\n        handleFocusChange,\n        mobileSearchDialog,\n        setMobileSearchDialog,\n        handleToggleMobileSearchDialog,\n        desktopSearchDialog,\n        setDesktopSearchDialog,\n        handleToggleDesktopSearchDialog,\n        handleSearchReset,\n        reservationTooShort,\n        reservationInThePast,\n        reservationDays,\n        reservationHours,\n        selectedCETDateTime,\n        currentCETDateTime,\n        timeHighlight,\n    } = useGarageSearch()\n\n    const handleSetSearch = (newSearch: SearchSubmissionType) => {\n        setSearchSubmission(newSearch)\n        setMobileSearchDialog(false)\n        setDesktopSearchDialog(false)\n\n        const url = new URL(window.location.href)\n        const params = url.searchParams\n        params.set('map_search[location]', newSearch.location ?? '')\n        params.set('map_search[begins_at_date]', newSearch.startDate?.format('YYYY-MM-DD') ?? '')\n        params.set('map_search[begins_at_time]', newSearch.startTime ?? '')\n        params.set('map_search[ends_at_date]', newSearch.endDate?.format('YYYY-MM-DD') ?? '')\n        params.set('map_search[ends_at_time]', newSearch.endTime ?? '')\n        window.history.replaceState({}, '', `${url.pathname}?${params.toString()}`)\n    }\n\n    const searchLink = `/${userLang}/${t('routes.garages')\n        }?booking-time-from=${currentSearch.startTime ?? ''\n        }&booking-time-until=${currentSearch.endTime ?? ''\n        }&map_search%5Blocation%5D=${currentSearch.location ?? ''\n        }&map_search%5Bbegins_at_date%5D=${currentSearch.startDate?.format('YYYY-MM-DD') ?? ''\n        }&map_search%5Bbegins_at_time%5D=${currentSearch.startTime ?? ''\n        }&map_search%5Bends_at_date%5D=${currentSearch.endDate?.format('YYYY-MM-DD') ?? ''\n        }&map_search%5Bends_at_time%5D=${currentSearch.endTime ?? ''}`\n    \n    const reservationLink = `/${userLang}/${t('routes.reservations')}/${t('routes.reservations_steps.reservation_time')\n        }?reservation_step_reservation_time%5Bbegins_at_date%5D=${\n        currentSearch.startDate?.format('YYYY-MM-DD') ?? ''}&reservation_step_reservation_time%5Bbegins_at_time%5D=${\n        currentSearch.startTime ?? ''}&reservation_step_reservation_time%5Bends_at_date%5D=${\n        currentSearch.endDate?.format('YYYY-MM-DD') ?? ''}&reservation_step_reservation_time%5Bends_at_time%5D=${\n        currentSearch.endTime ?? ''}&reservation_step_reservation_time%5Bgarage_id%5D=${\n        garageId}&reservation_step_reservation_time%5Blocation%5D=${\n        currentSearch.location ?? ''}`\n\n    const renderAutocompletePlaceholder = (): ReactElement => {\n        return (\n            <Input\n                value={currentSearch.location ?? ''}\n                placeholder={t('search.wherePlaceholder')}\n                onChange={(e) => handleChange(e, 'location')}\n                name=\"location\"\n                sx={{\n                    fontSize: '1rem',\n                    minHeight: 0,\n                    paddingLeft: '0.25rem',\n                    paddingRight: '0.25rem',\n                    borderColor: 'transparent',\n                    borderRadius: '0.25rem',\n                    backgroundColor: 'white',\n                    boxShadow: 'none',\n                    lineHeight: '28px',\n                    '--Input-focusedHighlight': 'var(--joy-palette-secondary-200)',\n                    '&:hover:not(.Joy-focused)': {\n                        borderColor: 'var(--joy-palette-secondary-200)',\n                    }\n                }}\n            />\n        )\n    }\n\n    return (\n        <>\n            <Box sx={{\n                ...home ? {\n                    display: 'flex',\n                    '@media screen and (min-width: 66rem)': {\n                        display: 'none',\n                    }\n                } : {\n                    display: {\n                        xs: 'flex',\n                        md: 'none',\n                    },\n                    position: 'relative',\n                },\n                ...garageDetail ? {\n                    display: 'flex',\n                    '@media screen and (min-width: 76.875rem)': {\n                        display: 'none',\n                    }\n                } : {},\n            }}>\n                {(garagesMap || garageDetail) &&\n                    <Box sx={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                        flexGrow: 1,\n                        padding: '0.5rem 1rem 1rem',\n                        fontSize: '0.875rem',\n                        background: 'white',\n                        boxShadow: `var(--joy-shadowRing, 0 0 #000),\n                            0.3px 0.8px 1.1px rgba(187 187 187 / 0.11),\n                            0.5px 1.3px 1.8px -0.6px rgba(187 187 187 / 0.18),\n                            1.1px 2.7px 3.8px -1.2px rgba(187 187 187 / 0.26)`,\n                        zIndex: 2,\n                        cursor: 'pointer',\n                        ...garageDetail ? {\n                            padding: '1rem',\n                        } : {},\n                    }} onClick={handleToggleMobileSearchDialog}>\n                        {!garageDetail &&\n                            <Box flexGrow={1} textAlign=\"center\" pb={0.5} fontSize={'0.813rem'}>\n                                {currentSearch.location ?? t('search.defaultLocation')}\n                            </Box>\n                        }\n                        <Box display=\"flex\" justifyContent=\"space-between\">\n                            <Box>\n                                <b>{searchSubmission.startDate !== null ? moment(searchSubmission.startDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                , {searchSubmission.startTime ?? '--:--'}\n                            </Box>\n                            <ArrowForwardIcon color=\"#BDBDBD\"/>\n                            <Box>\n                                <b>{searchSubmission.endDate !== null ? moment(searchSubmission.endDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                , {searchSubmission.endTime ?? '--:--'}\n                            </Box>\n                        </Box>\n                    </Box>\n                }\n                {garagesMap &&\n                    <Box sx={{\n                        position: 'absolute',\n                        top: 74,\n                        background: 'red',\n                        width: '100%',\n                        zIndex: 2,\n                    }}>\n                        {reservationInThePast &&\n                            <Box sx={{\n                                fontSize: '0.875rem',\n                                textAlign: 'center',\n                                padding: 1,\n                            }}>\n                                <Box color='white'>{t('search.startInThePast')}</Box>\n                            </Box>\n                        }\n                        {reservationTooShort &&\n                            <Box sx={{\n                                fontSize: '0.875rem',\n                                textAlign: 'center',\n                                padding: 1,\n                            }}>\n                                <Box color='white'>{t('search.reservationTooShort')}</Box>\n                            </Box>\n                        }\n                    </Box>\n                }\n                {home &&\n                    <Box sx={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                    }}>\n                        <Box sx={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            padding: '0.75rem 1rem 0.6rem',\n                            background: 'white',\n                            borderRadius: '0.25rem',\n                            border: '1px solid var(--joy-palette-primary-500)',\n                            boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n                        }}>\n                            <Box pr={1}>\n                                <SearchIcon color=\"#BDBDBD\" width={32} height={32}/>\n                            </Box>\n                            <Box flexGrow={1}>\n                                <FormControl>\n                                    <FormLabel sx={{\n                                        fontSize: '0.750rem',\n                                        textTransform: 'uppercase',\n                                        fontWeight: 600,\n                                        color: 'primary.500',\n                                        marginBottom: 0,\n                                        paddingLeft: '0.25rem',\n                                        lineHeight: '18px',\n                                    }}>{t('search.where')}</FormLabel>\n                                    <Wrapper\n                                        // @ts-ignore: Property 'env' does not exist on type 'ImportMeta'.\n                                        apiKey={import.meta.env.VITE_GOOGLE_MAPS_KEY}\n                                        version=\"weekly\"\n                                        libraries={[\"places\", \"marker\"]}\n                                        render={renderAutocompletePlaceholder}\n                                    >\n                                        <PlacesAutocomplete\n                                            location={currentSearch.location}\n                                            handleSelect={handleSelect}\n                                            autocompleteType='light'\n                                        />\n                                    </Wrapper>\n                                </FormControl>\n                            </Box>\n                        </Box>\n                        <Box sx={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            marginTop: '1rem',\n                            fontSize: '1rem',\n                            cursor: 'pointer',\n                            background: 'white',\n                            borderRadius: '0.25rem',\n                            border: '1px solid var(--joy-palette-primary-500)',\n                            boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n                            '&:hover': {\n                                backgroundColor: 'secondary.100'\n                            },\n                        }} onClick={handleToggleMobileSearchDialog}>\n                            <Box sx={{\n                                fontSize: {\n                                    xs: '0.925rem',\n                                    sm: '1rem',\n                                },\n                                padding: {\n                                    xs: '0.75rem',\n                                    sm: '0.75rem 1.5rem',\n                                },\n                            }}>\n                                <Box sx={{\n                                    fontSize: '0.750rem',\n                                    textTransform: 'uppercase',\n                                    fontWeight: 600,\n                                    color: 'primary.500'\n                                }}>\n                                    {t('search.reservationStart')}\n                                </Box>\n                                <Box>\n                                    <b>{searchSubmission.startDate !== null ? moment(searchSubmission.startDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                    , {searchSubmission.startTime ?? '--:--'}\n                                </Box>\n                            </Box>\n                            <ArrowForwardIcon color=\"#BDBDBD\"/>\n                            <Box sx={{\n                                fontSize: {\n                                    xs: '0.925rem',\n                                    sm: '1rem',\n                                },\n                                padding: {\n                                    xs: '0.75rem',\n                                    sm: '0.75rem 1.5rem',\n                                },\n                            }}>\n                                <Box sx={{\n                                    fontSize: '0.750rem',\n                                    textTransform: 'uppercase',\n                                    fontWeight: 600,\n                                    color: 'primary.500'\n                                }}>\n                                    {t('search.reservationEnd')}\n                                </Box>\n                                <Box>\n                                    <b>{searchSubmission.endDate !== null ? moment(searchSubmission.endDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                    , {searchSubmission.endTime ?? '--:--'}\n                                </Box>\n                            </Box>\n                        </Box>\n                        <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" mt={2}>\n                            <Button\n                                variant=\"solid\"\n                                component=\"a\"\n                                href={searchLink}\n                                sx={{\n                                    fontSize: '1rem',\n                                    width: '100%',\n                                    paddingLeft: '1.5rem',\n                                    paddingRight: '1.5rem',\n                                    // imitate disabled for link\n                                    ...(!currentSearch.startDate ||\n                                        !currentSearch.endDate ||\n                                        reservationTooShort ||\n                                        reservationInThePast) ? {\n                                        pointerEvents: 'none',\n                                        cursor: 'default',\n                                        color: '#fff',\n                                        backgroundColor: '#828282',\n                                    } : {},\n                                    // legacy application stylesheet override\n                                    '&:hover': {\n                                        color: 'secondary.solidBg',\n                                    }\n                                }}\n                            >\n                                {t('search.search')}\n                            </Button>\n                        </Box>\n                    </Box>\n                }\n                <SearchModal\n                    searchModalOpen={mobileSearchDialog}\n                    handleToggleSearchModalOpen={handleToggleMobileSearchDialog}\n                    currentSearch={currentSearch}\n                    modalType=\"mobile\"\n                    handleSearchReset={handleSearchReset}\n                    handleSelect={handleSelect}\n                    handleDateChange={handleDateChange}\n                    handleFocusChange={handleFocusChange}\n                    garagesMap={garagesMap}\n                    reservationDays={reservationDays}\n                    reservationHours={reservationHours}\n                    selectedCETDateTime={selectedCETDateTime}\n                    currentCETDateTime={currentCETDateTime}\n                    searchLink={garageDetail ? reservationLink : home ? searchLink : undefined}\n                    setSearch={garagesMap ? handleSetSearch : undefined}\n                    garageDetail={garageDetail}\n                    home={home}\n                    timeHighlight={timeHighlight}\n                />\n            </Box>\n            {/* Desktop */}\n            <Box sx={{\n                justifyContent: 'center',\n                position: 'relative',\n                ...home ? {\n                    display: 'none',\n                    padding: 0,\n                    '@media screen and (min-width: 66rem)': {\n                        display: 'flex',\n                    }\n                } : {\n                    display: {\n                        xs: 'none',\n                        md: 'flex',\n                    },\n                },\n                ...garagesMap ? {\n                    padding: '0.5rem',\n                } : {},\n                ...garageDetail ? {\n                    display: 'none',\n                    '@media screen and (min-width: 76.875rem)': {\n                        display: 'flex',\n                    }\n                } : {},\n            }}>\n                {!garageDetail &&\n                    <>    \n                        <Box sx={{\n                            display: 'flex',\n                            background: 'white',\n                            borderRadius: '0.25rem',\n                            border: '1px solid var(--joy-palette-primary-300)',\n                            ...home ? {\n                                border: '3px solid var(--joy-palette-secondary-300)',\n                                boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.15)',\n                            } : {},\n                        }}>\n                            <Box display=\"flex\" alignItems=\"center\" pr={3} pl={2} py={1.5}>\n                                <Box pr={1}>\n                                    <SearchIcon color=\"#BDBDBD\" width={32} height={32}/>\n                                </Box>\n                                <Box>\n                                    <FormControl>\n                                        <FormLabel sx={{\n                                            fontSize: '0.750rem',\n                                            textTransform: 'uppercase',\n                                            fontWeight: 600,\n                                            color: 'primary.500',\n                                            marginBottom: 0,\n                                            paddingLeft: '0.25rem',\n                                            lineHeight: '18px',\n                                        }}>{t('search.where')}</FormLabel>\n                                        <Wrapper\n                                            // @ts-ignore: Property 'env' does not exist on type 'ImportMeta'.\n                                            apiKey={import.meta.env.VITE_GOOGLE_MAPS_KEY}\n                                            version=\"weekly\"\n                                            libraries={[\"places\", \"marker\"]}\n                                            render={renderAutocompletePlaceholder}\n                                        >\n                                            <PlacesAutocomplete\n                                                location={currentSearch.location}\n                                                handleSelect={handleSelect}\n                                                autocompleteType='light'\n                                            />\n                                        </Wrapper>\n                                    </FormControl>\n                                </Box>\n                            </Box>\n                            <Box sx={{\n                                display: 'flex',\n                                alignItems: 'center',\n                                fontSize: '1rem',\n                                cursor: 'pointer',\n                                borderLeft: '1px solid var(--joy-palette-primary-200)',\n                                borderRight: '1px solid var(--joy-palette-primary-200)',\n                                '&:hover': {\n                                    backgroundColor: 'secondary.100'\n                                },\n                                ...(garagesMap && desktopSearchDialog) ? {\n                                    zIndex: 1400,\n                                    backgroundColor: 'white',\n                                } : {},\n                            }} onClick={handleToggleDesktopSearchDialog}>\n                                <Box px={3} py={1.5} minWidth=\"11.25rem\">\n                                    <Box sx={{\n                                        fontSize: '0.750rem',\n                                        textTransform: 'uppercase',\n                                        fontWeight: 600,\n                                        color: 'primary.500'\n                                    }}>\n                                        {t('search.reservationStart')}\n                                    </Box>\n                                    <Box>\n                                        <b>{currentSearch.startDate !== null ? moment(currentSearch.startDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                        , {currentSearch.startTime ?? '--:--'}\n                                    </Box>\n                                </Box>\n                                <ArrowForwardIcon color=\"#BDBDBD\"/>\n                                <Box px={3} py={1.5} minWidth=\"11.25rem\">\n                                    <Box sx={{\n                                        fontSize: '0.750rem',\n                                        textTransform: 'uppercase',\n                                        fontWeight: 600,\n                                        color: 'primary.500'\n                                    }}>\n                                        {t('search.reservationEnd')}\n                                    </Box>\n                                    <Box>\n                                        <b>{currentSearch.endDate !== null ? moment(currentSearch.endDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                        , {currentSearch.endTime ?? '--:--'}\n                                    </Box>\n                                </Box>\n                            </Box>\n                            <Box display=\"flex\" alignItems=\"center\" px={2} py={1}>\n                                <Button\n                                    variant=\"solid\"\n                                    component={home ? 'a' : 'button'}\n                                    href={home ? searchLink : undefined}\n                                    onClick={garagesMap ? () => handleSetSearch(currentSearch) : undefined}\n                                    sx={{\n                                        ...home ? {\n                                            fontSize: '1rem',\n                                        } : {},\n                                        paddingLeft: '1.5rem',\n                                        paddingRight: '1.5rem',\n                                        // imitate disabled for link\n                                        ...(!currentSearch.startDate ||\n                                            !currentSearch.endDate ||\n                                            reservationTooShort ||\n                                            reservationInThePast) ? {\n                                            pointerEvents: 'none',\n                                            cursor: 'default',\n                                            color: '#fff',\n                                            backgroundColor: '#828282',\n                                        } : {},\n                                        // legacy application stylesheet override\n                                        '&:hover': {\n                                            color: 'secondary.solidBg',\n                                        }\n                                    }}\n                                >\n                                    {t('search.search')}\n                                </Button>\n                            </Box>\n                        </Box>\n                        <Box sx={{\n                            position: 'absolute',\n                            top: 90,\n                            background: 'red',\n                            width: '100%',\n                            zIndex: 2,\n                        }}>\n                            {reservationInThePast &&\n                                <Box sx={{\n                                    fontSize: '0.875rem',\n                                    textAlign: 'center',\n                                    padding: 1,\n                                }}>\n                                    <Box color='white'>{t('search.startInThePast')}</Box>\n                                </Box>\n                            }\n                            {reservationTooShort &&\n                                <Box sx={{\n                                    fontSize: '0.875rem',\n                                    textAlign: 'center',\n                                    padding: 1,\n                                }}>\n                                    <Box color='white'>{t('search.reservationTooShort')}</Box>\n                                </Box>\n                            }\n                        </Box>\n                    </>\n                }\n                {garageDetail && \n                    <Box sx={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                        background: 'white',\n                        width: '100%',\n                    }}>\n                        <Box sx={{\n                            display: 'flex',\n                            justifyContent: 'space-between',\n                            alignItems: 'center',\n                            padding: '0.75rem 0.5rem 0.75rem 1.5rem',\n                            borderBottom: '1px solid var(--joy-palette-primary-200)',\n                            fontSize: '1.125rem',\n                        }}>\n                            {garageAddress}\n                            <Button\n                                variant=\"plain\"\n                                onClick={handleToggleDesktopSearchDialog}\n                            >\n                                {t('search.edit')}\n                            </Button>\n                        </Box>\n                        <Box sx={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            fontSize: '1rem',\n                            cursor: 'pointer',\n                            flexGrow: 1,\n                            justifyContent: 'space-between',\n                            padding: '0.75rem 1.5rem',\n                            borderBottom: '1px solid var(--joy-palette-primary-200)',\n                            '&:hover': {\n                                backgroundColor: 'secondary.100'\n                            },\n                            ...(garagesMap && desktopSearchDialog) ? {\n                                zIndex: 1400,\n                            } : {},\n                        }} onClick={handleToggleDesktopSearchDialog}>\n                            <Box pr={2}>\n                                <Box sx={{\n                                    fontSize: '0.750rem',\n                                    textTransform: 'uppercase',\n                                    fontWeight: 600,\n                                    color: 'primary.500'\n                                }}>\n                                    {t('search.reservationStart')}\n                                </Box>\n                                <Box minWidth=\"8.25rem\">\n                                    <b>{searchSubmission.startDate !== null ? moment(searchSubmission.startDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                    , {searchSubmission.startTime ?? '--:--'}\n                                </Box>\n                            </Box>\n                            <ArrowForwardIcon color=\"#BDBDBD\"/>\n                            <Box pl={2}>\n                                <Box sx={{\n                                    fontSize: '0.750rem',\n                                    textTransform: 'uppercase',\n                                    fontWeight: 600,\n                                    color: 'primary.500'\n                                }}>\n                                    {t('search.reservationEnd')}\n                                </Box>\n                                <Box minWidth=\"8.25rem\">\n                                    <b>{searchSubmission.endDate !== null ? moment(searchSubmission.endDate).format('DD.MM.YYYY') : '- -. - -. - - - -'}</b>\n                                    , {searchSubmission.endTime ?? '--:--'}\n                                </Box>\n                            </Box>\n                        </Box>\n                        <Box sx={{\n                            padding: '0.75rem 1.5rem',\n                        }}>\n                            <Box sx={{\n                                fontSize: '0.750rem',\n                                textTransform: 'uppercase',\n                                fontWeight: 600,\n                                color: 'primary.500'\n                            }}>\n                                {t('search.reservationLength')}\n                            </Box>\n                            <Box>\n                                {(reservationDays || reservationHours) ?\n                                    <Box color={reservationTooShort ? 'red' : 'inherit'}>\n                                        <span>{reservationDays ? t('search.days', {count: reservationDays}) : ''}</span> \n                                        <span>{reservationHours ? t('search.hours', {count: reservationHours}) : ''}</span>\n                                    </Box> \n                                    :\n                                    <Box color='red'>{t('search.hours', {count: 0})}</Box>\n                                }\n                            </Box>\n                        </Box>\n                    </Box>\n                }\n                <SearchModal\n                    searchModalOpen={desktopSearchDialog}\n                    handleToggleSearchModalOpen={handleToggleDesktopSearchDialog}\n                    currentSearch={currentSearch}\n                    modalType=\"desktop\"\n                    handleSearchReset={handleSearchReset}\n                    handleSelect={handleSelect}\n                    handleDateChange={handleDateChange}\n                    handleFocusChange={handleFocusChange}\n                    garagesMap={garagesMap}\n                    reservationDays={reservationDays}\n                    reservationHours={reservationHours}\n                    selectedCETDateTime={selectedCETDateTime}\n                    currentCETDateTime={currentCETDateTime}\n                    searchLink={garageDetail ? reservationLink : home ? searchLink : undefined}\n                    setSearch={garagesMap ? handleSetSearch : undefined}\n                    garageDetail={garageDetail}\n                    home={home}\n                    timeHighlight={timeHighlight}\n                />\n            </Box>\n        </>\n    )\n}\n"],"names":["domNode","garageAddress","garageId","SearchView","home","garagesMap","garageDetail","t","i18n","useTranslation","userLang","searchSubmission","setSearchSubmission","useAtom","searchSubmissionAtom","currentSearch","handleChange","handleSelect","handleDateChange","handleFocusChange","mobileSearchDialog","setMobileSearchDialog","handleToggleMobileSearchDialog","desktopSearchDialog","setDesktopSearchDialog","handleToggleDesktopSearchDialog","handleSearchReset","reservationTooShort","reservationInThePast","reservationDays","reservationHours","selectedCETDateTime","currentCETDateTime","timeHighlight","useGarageSearch","handleSetSearch","newSearch","url","params","_a","_b","searchLink","reservationLink","_c","_d","renderAutocompletePlaceholder","React","Input","e","Box","moment","ArrowForwardIcon","SearchIcon","FormControl","FormLabel","Wrapper","PlacesAutocomplete","Button","SearchModal"],"mappings":"qOAyBA,MAAMA,EAAU,SAAS,eAAe,4BAA4B,EAC9DC,GAAgBD,GAAA,YAAAA,EAAS,aAAa,kBACtCE,GAAWF,GAAA,YAAAA,EAAS,aAAa,aAEvC,SAAwBG,GAAW,CAC/B,KAAAC,EACA,WAAAC,EACA,aAAAC,CACJ,EAIG,aAEC,KAAM,CAAE,EAAAC,EAAG,KAAAC,CAAK,EAAIC,EAAe,EAC7BC,EAAWF,EAAK,SAEhB,CAACG,EAAkBC,CAAmB,EAAIC,EAAQC,EAAoB,EAEtE,CACF,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,+BAAAC,EACA,oBAAAC,EACA,uBAAAC,EACA,gCAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,qBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,cAAAC,GACAC,GAAgB,EAEdC,EAAmBC,GAAoC,SACzDxB,EAAoBwB,CAAS,EAC7Bf,EAAsB,EAAK,EAC3BG,EAAuB,EAAK,EAE5B,MAAMa,EAAM,IAAI,IAAI,OAAO,SAAS,IAAI,EAClCC,EAASD,EAAI,aACnBC,EAAO,IAAI,uBAAwBF,EAAU,UAAY,EAAE,EAC3DE,EAAO,IAAI,+BAA8BC,EAAAH,EAAU,YAAV,YAAAG,EAAqB,OAAO,gBAAiB,EAAE,EACxFD,EAAO,IAAI,6BAA8BF,EAAU,WAAa,EAAE,EAClEE,EAAO,IAAI,6BAA4BE,EAAAJ,EAAU,UAAV,YAAAI,EAAmB,OAAO,gBAAiB,EAAE,EACpFF,EAAO,IAAI,2BAA4BF,EAAU,SAAW,EAAE,EACvD,OAAA,QAAQ,aAAa,CAAI,EAAA,GAAI,GAAGC,EAAI,YAAYC,EAAO,SAAY,GAAA,CAAA,EAGxEG,EAAa,IAAI/B,KAAYH,EAAE,gBAAgB,uBAC3BQ,EAAc,WAAa,yBAC1BA,EAAc,SAAW,+BACnBA,EAAc,UAAY,uCACpBwB,EAAAxB,EAAc,YAAd,YAAAwB,EAAyB,OAAO,gBAAiB,qCACjDxB,EAAc,WAAa,qCAC7ByB,EAAAzB,EAAc,UAAd,YAAAyB,EAAuB,OAAO,gBAAiB,mCAC/CzB,EAAc,SAAW,KAExD2B,EAAkB,IAAIhC,KAAYH,EAAE,qBAAqB,KAAKA,EAAE,4CAA4C,6DAE9GoC,EAAA5B,EAAc,YAAd,YAAA4B,EAAyB,OAAO,gBAAiB,4DACjD5B,EAAc,WAAa,4DAC3B6B,EAAA7B,EAAc,UAAd,YAAA6B,EAAuB,OAAO,gBAAiB,0DAC/C7B,EAAc,SAAW,uDACzBb,sDACAa,EAAc,UAAY,KAExB8B,EAAgC,IAE9BC,EAAA,cAACC,GAAA,CACG,MAAOhC,EAAc,UAAY,GACjC,YAAaR,EAAE,yBAAyB,EACxC,SAAWyC,GAAMhC,EAAagC,EAAG,UAAU,EAC3C,KAAK,WACL,GAAI,CACA,SAAU,OACV,UAAW,EACX,YAAa,UACb,aAAc,UACd,YAAa,cACb,aAAc,UACd,gBAAiB,QACjB,UAAW,OACX,WAAY,OACZ,2BAA4B,mCAC5B,4BAA6B,CACzB,YAAa,kCACjB,CACJ,CAAA,CAAA,EAMR,OAAAF,EAAA,cAAAA,EAAA,SAAA,KACKA,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,GAAG7C,EAAO,CACN,QAAS,OACT,uCAAwC,CACpC,QAAS,MACb,CAAA,EACA,CACA,QAAS,CACL,GAAI,OACJ,GAAI,MACR,EACA,SAAU,UACd,EACA,GAAGE,EAAe,CACd,QAAS,OACT,2CAA4C,CACxC,QAAS,MACb,CAAA,EACA,CAAC,CAAA,CAEH,GAAAD,GAAcC,IACZwC,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,cAAe,SACf,SAAU,EACV,QAAS,mBACT,SAAU,WACV,WAAY,QACZ,UAAW;AAAA;AAAA;AAAA,+EAIX,OAAQ,EACR,OAAQ,UACR,GAAG3C,EAAe,CACd,QAAS,MAAA,EACT,CAAC,CAAA,EACN,QAASgB,CAAA,EACP,CAAChB,mBACG2C,EAAI,CAAA,SAAU,EAAG,UAAU,SAAS,GAAI,GAAK,SAAU,YACnDlC,EAAc,UAAYR,EAAE,wBAAwB,CACzD,EAEHuC,EAAA,cAAAG,EAAA,CAAI,QAAQ,OAAO,eAAe,eAC/B,EAAAH,EAAA,cAACG,EACG,KAAAH,EAAA,cAAC,SAAGnC,EAAiB,YAAc,KAAOuC,EAAOvC,EAAiB,SAAS,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACzHA,EAAiB,WAAa,OACrC,EACAmC,EAAA,cAACK,EAAiB,CAAA,MAAM,UAAS,EACjCL,EAAA,cAACG,OACIH,EAAA,cAAA,IAAA,KAAGnC,EAAiB,UAAY,KAAOuC,EAAOvC,EAAiB,OAAO,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACrHA,EAAiB,SAAW,OACnC,CACJ,CACJ,EAEHN,GACGyC,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,IAAK,GACL,WAAY,MACZ,MAAO,OACP,OAAQ,CAAA,CAEP,EAAArB,GACIkB,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,UAAW,SACX,QAAS,CAAA,CAET,EAAAH,EAAA,cAACG,EAAI,CAAA,MAAM,SAAS1C,EAAE,uBAAuB,CAAE,CACnD,EAEHoB,GACGmB,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,UAAW,SACX,QAAS,CAAA,CAET,EAAAH,EAAA,cAACG,EAAI,CAAA,MAAM,SAAS1C,EAAE,4BAA4B,CAAE,CACxD,CAER,EAEHH,GACG0C,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,cAAe,QACnB,CAAA,EACKH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,QAAS,OACT,WAAY,SACZ,QAAS,sBACT,WAAY,QACZ,aAAc,UACd,OAAQ,2CACR,UAAW,iCAAA,CACf,kBACKA,EAAI,CAAA,GAAI,GACJH,EAAA,cAAAM,EAAA,CAAW,MAAM,UAAU,MAAO,GAAI,OAAQ,EAAG,CAAA,CACtD,EACAN,EAAA,cAACG,EAAI,CAAA,SAAU,GACVH,EAAA,cAAAO,EAAA,KACIP,EAAA,cAAAQ,EAAA,CAAU,GAAI,CACX,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,cACP,aAAc,EACd,YAAa,UACb,WAAY,MACZ,CAAA,EAAA/C,EAAE,cAAc,CAAE,EACtBuC,EAAA,cAACS,EAAA,QAAA,CAEG,OAAQ,0CACR,QAAQ,SACR,UAAW,CAAC,SAAU,QAAQ,EAC9B,OAAQV,CAAA,EAERC,EAAA,cAACU,EAAA,CACG,SAAUzC,EAAc,SACxB,aAAAE,EACA,iBAAiB,OAAA,CACrB,CAAA,CAER,CACJ,CACJ,EACA6B,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,WAAY,SACZ,UAAW,OACX,SAAU,OACV,OAAQ,UACR,WAAY,QACZ,aAAc,UACd,OAAQ,2CACR,UAAW,kCACX,UAAW,CACP,gBAAiB,eACrB,CAAA,EACD,QAAS3B,GACRwB,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,CACN,GAAI,WACJ,GAAI,MACR,EACA,QAAS,CACL,GAAI,UACJ,GAAI,gBACR,CACJ,CAAA,EACKH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,aAAA,GAEN1C,EAAE,yBAAyB,CAChC,EACCuC,EAAA,cAAAG,EAAA,KACIH,EAAA,cAAA,IAAA,KAAGnC,EAAiB,YAAc,KAAOuC,EAAOvC,EAAiB,SAAS,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACzHA,EAAiB,WAAa,OACrC,CACJ,EACAmC,EAAA,cAACK,GAAiB,MAAM,UAAS,EACjCL,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,CACN,GAAI,WACJ,GAAI,MACR,EACA,QAAS,CACL,GAAI,UACJ,GAAI,gBACR,CACJ,CAAA,EACKH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,aAAA,GAEN1C,EAAE,uBAAuB,CAC9B,kBACC0C,EACG,KAAAH,EAAA,cAAC,IAAG,KAAAnC,EAAiB,UAAY,KAAOuC,EAAOvC,EAAiB,OAAO,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACrHA,EAAiB,SAAW,OACnC,CACJ,CACJ,EACCmC,EAAA,cAAAG,EAAA,CAAI,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,GAAI,GAC/DH,EAAA,cAACW,EAAA,CACG,QAAQ,QACR,UAAU,IACV,KAAMhB,EACN,GAAI,CACA,SAAU,OACV,MAAO,OACP,YAAa,SACb,aAAc,SAEd,GAAI,CAAC1B,EAAc,WACf,CAACA,EAAc,SACfY,GACAC,EAAwB,CACxB,cAAe,OACf,OAAQ,UACR,MAAO,OACP,gBAAiB,SAAA,EACjB,CAAC,EAEL,UAAW,CACP,MAAO,mBACX,CACJ,CAAA,EAECrB,EAAE,eAAe,CAAA,CAE1B,CACJ,EAEJuC,EAAA,cAACY,EAAA,CACG,gBAAiBtC,EACjB,4BAA6BE,EAC7B,cAAAP,EACA,UAAU,SACV,kBAAAW,EACA,aAAAT,EACA,iBAAAC,EACA,kBAAAC,EACA,WAAAd,EACA,gBAAAwB,EACA,iBAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,WAAY1B,EAAeoC,EAAkBtC,EAAOqC,EAAa,OACjE,UAAWpC,EAAa8B,EAAkB,OAC1C,aAAA7B,EACA,KAAAF,EACA,cAAA6B,CAAA,CAER,CAAA,EAECa,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,eAAgB,SAChB,SAAU,WACV,GAAG7C,EAAO,CACN,QAAS,OACT,QAAS,EACT,uCAAwC,CACpC,QAAS,MACb,CAAA,EACA,CACA,QAAS,CACL,GAAI,OACJ,GAAI,MACR,CACJ,EACA,GAAGC,EAAa,CACZ,QAAS,QAAA,EACT,CAAC,EACL,GAAGC,EAAe,CACd,QAAS,OACT,2CAA4C,CACxC,QAAS,MACb,CAAA,EACA,CAAC,IAEJ,CAACA,GAEMwC,EAAA,cAAAA,EAAA,SAAA,KAAAA,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,WAAY,QACZ,aAAc,UACd,OAAQ,2CACR,GAAG7C,EAAO,CACN,OAAQ,6CACR,UAAW,kCAAA,EACX,CAAC,CAAA,GAEL0C,EAAA,cAACG,EAAI,CAAA,QAAQ,OAAO,WAAW,SAAS,GAAI,EAAG,GAAI,EAAG,GAAI,GAAA,kBACrDA,EAAI,CAAA,GAAI,CACL,EAAAH,EAAA,cAACM,EAAW,CAAA,MAAM,UAAU,MAAO,GAAI,OAAQ,EAAA,CAAG,CACtD,kBACCH,EACG,KAAAH,EAAA,cAACO,EACG,KAAAP,EAAA,cAACQ,GAAU,GAAI,CACX,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,cACP,aAAc,EACd,YAAa,UACb,WAAY,MACZ,CAAA,EAAA/C,EAAE,cAAc,CAAE,EACtBuC,EAAA,cAACS,EAAA,QAAA,CAEG,OAAQ,0CACR,QAAQ,SACR,UAAW,CAAC,SAAU,QAAQ,EAC9B,OAAQV,CAAA,EAERC,EAAA,cAACU,EAAA,CACG,SAAUzC,EAAc,SACxB,aAAAE,EACA,iBAAiB,OAAA,CACrB,CAAA,CAER,CACJ,CACJ,EACA6B,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,WAAY,SACZ,SAAU,OACV,OAAQ,UACR,WAAY,2CACZ,YAAa,2CACb,UAAW,CACP,gBAAiB,eACrB,EACA,GAAI5C,GAAckB,EAAuB,CACrC,OAAQ,KACR,gBAAiB,OAAA,EACjB,CAAC,CAAA,EACN,QAASE,GACRqB,EAAA,cAACG,EAAI,CAAA,GAAI,EAAG,GAAI,IAAK,SAAS,UAC1B,EAAAH,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,gBAEN1C,EAAE,yBAAyB,CAChC,EACAuC,EAAA,cAACG,OACIH,EAAA,cAAA,IAAA,KAAG/B,EAAc,YAAc,KAAOmC,EAAOnC,EAAc,SAAS,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACnHA,EAAc,WAAa,OAClC,CACJ,EACC+B,EAAA,cAAAK,EAAA,CAAiB,MAAM,SAAS,CAAA,kBAChCF,EAAI,CAAA,GAAI,EAAG,GAAI,IAAK,SAAS,UAC1B,EAAAH,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,aAAA,GAEN1C,EAAE,uBAAuB,CAC9B,kBACC0C,EACG,KAAAH,EAAA,cAAC,IAAG,KAAA/B,EAAc,UAAY,KAAOmC,EAAOnC,EAAc,OAAO,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KAC/GA,EAAc,SAAW,OAChC,CACJ,CACJ,EACC+B,EAAA,cAAAG,EAAA,CAAI,QAAQ,OAAO,WAAW,SAAS,GAAI,EAAG,GAAI,GAC/CH,EAAA,cAACW,EAAA,CACG,QAAQ,QACR,UAAWrD,EAAO,IAAM,SACxB,KAAMA,EAAOqC,EAAa,OAC1B,QAASpC,EAAa,IAAM8B,EAAgBpB,CAAa,EAAI,OAC7D,GAAI,CACA,GAAGX,EAAO,CACN,SAAU,MAAA,EACV,CAAC,EACL,YAAa,SACb,aAAc,SAEd,GAAI,CAACW,EAAc,WACf,CAACA,EAAc,SACfY,GACAC,EAAwB,CACxB,cAAe,OACf,OAAQ,UACR,MAAO,OACP,gBAAiB,SAAA,EACjB,CAAC,EAEL,UAAW,CACP,MAAO,mBACX,CACJ,CAAA,EAECrB,EAAE,eAAe,CAE1B,CAAA,CACJ,EACAuC,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,IAAK,GACL,WAAY,MACZ,MAAO,OACP,OAAQ,CAAA,CAEP,EAAArB,GACIkB,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,UAAW,SACX,QAAS,CAAA,CAET,EAAAH,EAAA,cAACG,EAAI,CAAA,MAAM,SAAS1C,EAAE,uBAAuB,CAAE,CACnD,EAEHoB,GACGmB,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,UAAW,SACX,QAAS,CAAA,CAET,EAAAH,EAAA,cAACG,EAAI,CAAA,MAAM,SAAS1C,EAAE,4BAA4B,CAAE,CACxD,CAER,CACJ,EAEHD,GACGwC,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,OACT,cAAe,SACf,WAAY,QACZ,MAAO,MACX,CAAA,EACKH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,QAAS,gCACT,aAAc,2CACd,SAAU,UAAA,GAEThD,GACD6C,EAAA,cAACW,EAAA,CACG,QAAQ,QACR,QAAShC,CAAA,EAERlB,EAAE,aAAa,CAExB,CAAA,EACCuC,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,QAAS,OACT,WAAY,SACZ,SAAU,OACV,OAAQ,UACR,SAAU,EACV,eAAgB,gBAChB,QAAS,iBACT,aAAc,2CACd,UAAW,CACP,gBAAiB,eACrB,EACA,GAAI5C,GAAckB,EAAuB,CACrC,OAAQ,IAAA,EACR,CAAC,CACT,EAAG,QAASE,CACR,EAAAqB,EAAA,cAACG,GAAI,GAAI,CAAA,EACJH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,gBAEN1C,EAAE,yBAAyB,CAChC,EACAuC,EAAA,cAACG,GAAI,SAAS,SAAA,EACTH,EAAA,cAAA,IAAA,KAAGnC,EAAiB,YAAc,KAAOuC,EAAOvC,EAAiB,SAAS,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACzHA,EAAiB,WAAa,OACrC,CACJ,EACCmC,EAAA,cAAAK,EAAA,CAAiB,MAAM,SAAA,CAAS,EAChCL,EAAA,cAAAG,EAAA,CAAI,GAAI,GACLH,EAAA,cAACG,GAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,aAAA,CAEN,EAAA1C,EAAE,uBAAuB,CAC9B,EACCuC,EAAA,cAAAG,EAAA,CAAI,SAAS,SAAA,EACTH,EAAA,cAAA,IAAA,KAAGnC,EAAiB,UAAY,KAAOuC,EAAOvC,EAAiB,OAAO,EAAE,OAAO,YAAY,EAAI,mBAAoB,EAAI,KACrHA,EAAiB,SAAW,OACnC,CACJ,CACJ,EACAmC,EAAA,cAACG,GAAI,GAAI,CACL,QAAS,gBACb,CAAA,EACKH,EAAA,cAAAG,EAAA,CAAI,GAAI,CACL,SAAU,WACV,cAAe,YACf,WAAY,IACZ,MAAO,aACX,CAAA,EACK1C,EAAE,0BAA0B,CACjC,kBACC0C,EACK,KAAApB,GAAmBC,EACjBgB,EAAA,cAACG,EAAI,CAAA,MAAOtB,EAAsB,MAAQ,SAAA,EACrCmB,EAAA,cAAA,OAAA,KAAMjB,EAAkBtB,EAAE,cAAe,CAAC,MAAOsB,CAAA,CAAgB,EAAI,EAAG,kBACxE,OAAM,KAAAC,EAAmBvB,EAAE,eAAgB,CAAC,MAAOuB,CAAiB,CAAA,EAAI,EAAG,CAChF,EAEAgB,EAAA,cAACG,GAAI,MAAM,KAAA,EAAO1C,EAAE,eAAgB,CAAC,MAAO,CAAC,CAAC,CAAE,CAExD,CACJ,CACJ,EAEJuC,EAAA,cAACY,EAAA,CACG,gBAAiBnC,EACjB,4BAA6BE,EAC7B,cAAAV,EACA,UAAU,UACV,kBAAAW,EACA,aAAAT,EACA,iBAAAC,EACA,kBAAAC,EACA,WAAAd,EACA,gBAAAwB,EACA,iBAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,WAAY1B,EAAeoC,EAAkBtC,EAAOqC,EAAa,OACjE,UAAWpC,EAAa8B,EAAkB,OAC1C,aAAA7B,EACA,KAAAF,EACA,cAAA6B,CAAA,CAER,CAAA,CACJ,CAER"}