{"version":3,"file":"garages-map-8c5621cb.js","sources":["../../../app/frontend/components/garage-view.tsx","../../../app/frontend/entrypoints/garages-map.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Tabs from '@mui/joy/Tabs'\nimport TabList from '@mui/joy/TabList'\nimport Tab from '@mui/joy/Tab'\nimport TabPanel from '@mui/joy/TabPanel'\nimport Box from '@mui/joy/Box'\nimport Typography from '@mui/joy/Typography'\nimport Button from '@mui/joy/Button'\nimport Badge from '@mui/joy/Badge'\nimport Modal from '@mui/joy/Modal'\nimport ModalClose from '@mui/joy/ModalClose'\nimport ModalDialog from '@mui/joy/ModalDialog'\nimport { useTranslation, Trans } from 'react-i18next'\n\nimport GarageList from './garage-list'\nimport GarageMap from './garage-map'\nimport Filters from './filters'\nimport FullGarageToggleIsolated from './full-garage-toggle-isolated'\nimport { getCurrency } from '../helpers'\nimport { useGarageView } from '../hooks/use-garage-view'\n\nconst currency = getCurrency()\n\nexport default function GarageView() {\n\n    const [tab, setTab] = useState<0 | 1 | 2>(0)\n\n    const { t } = useTranslation()\n    \n    const {\n        initialFilters,\n        currentFilters,\n        setCurrentFilters,\n        minPrice,\n        maxPrice,\n        desktopFilters,\n        selectedId,\n        setSelectedId,\n        hoverPoint,\n        setHoverPoint,\n        searchLocationPoint,\n        sortedFilteredGarageList,\n        loadingGarageList,\n        loadingGarageAvailability,\n        garagesAvailableLater,\n        errors,\n        handleFiltersReset,\n        handleTabChange,\n        handleToggleDesktopFilters,\n        shallowEqual,\n    } = useGarageView(currency, setTab)\n\n    return (\n        <>\n            <Tabs\n                aria-label=\"Basic tabs\"\n                value={tab}\n                onChange={handleTabChange}\n                sx={{ \n                    height: '100%',\n                    display: {\n                        md: 'none',\n                    }\n                }}\n            >\n                <TabPanel value={0} sx={{ \n                    p: 1,\n                    flexGrow: 1,\n                    flexShrink: 1,\n                    flexBasis: '0px',\n                    overflowY: 'auto',\n                    backgroundColor: '#f7f7f7',\n                }}>\n                    <GarageList\n                        garageList={sortedFilteredGarageList}\n                        loadingGarageList={loadingGarageList}\n                        loadingGarageAvailability={loadingGarageAvailability}\n                        garagesAvailableLater={garagesAvailableLater}\n                        errors={errors}\n                        currency={currency}\n                    />\n                </TabPanel>\n                <TabPanel value={1} sx={{\n                    p: 0,\n                }} keepMounted>\n                    {!loadingGarageList &&\n                        <GarageMap\n                            garageList={sortedFilteredGarageList}\n                            isActive={tab === 1}\n                            selectedId={selectedId}\n                            setSelectedId={setSelectedId}\n                            hoverPoint={hoverPoint}\n                            setHoverPoint={setHoverPoint}\n                            searchLocationPoint={searchLocationPoint}\n                            loadingGarageAvailability={loadingGarageAvailability}\n                            garagesAvailableLater={garagesAvailableLater}\n                            currency={currency}\n                            navigateToGarage={null}\n                        />\n                    }\n                </TabPanel>\n                <TabPanel value={2} sx={{\n                    p: 2,\n                    paddingBottom: 10,\n                    flexGrow: 1,\n                    flexShrink: 1,\n                    flexBasis: '0px',\n                    overflowY: 'auto',\n                    backgroundColor: '#f7f7f7',\n                }}>\n                    <Filters\n                        currentFilters={currentFilters}\n                        setCurrentFilters={setCurrentFilters}\n                        results={sortedFilteredGarageList.length}\n                        handleFiltersReset={handleFiltersReset}\n                        handleTabChange={handleTabChange}\n                        minPrice={minPrice ?? 0}\n                        maxPrice={maxPrice ?? (currency === 'eur' ? 120 : 3000)}\n                        currency={currency}\n                        desktop={false}\n                        handleToggleDesktopFilters={handleToggleDesktopFilters}\n                    />\n                </TabPanel>\n                <TabList \n                    variant=\"outlined\"\n                    disableUnderline\n                    sx={{\n                        position: 'fixed',\n                        width: 'calc(100vw - 2rem)',\n                        bottom: '1rem',\n                        right: '1rem',\n                        zIndex: 10,\n                        borderRadius: '0.25rem',\n                        backgroundColor: 'white',\n                        p: 0.75,\n                        border: '1px solid var(--joy-palette-primary-300)',\n                        boxShadow: tab !== 2 ? '0px 15px 25px 30px rgba(60, 60, 60, 0.4)' : 'none',\n                    }}\n                >\n                    <Tab\n                        variant={tab === 0 ? 'solid' : 'plain'}\n                        // @ts-ignore - custom theme color\n                        color={tab === 0 ? 'secondary' : 'neutral'}\n                        disableIndicator\n                        sx={{\n                            flex: '0 0 33.33%',\n                            margin: 0,\n                            color: 'black',\n                            borderRadius: '0.25rem',\n                            \"&:hover\": {\n                                color: 'black',\n                                fontWeight: 500,\n                            },\n                        }}\n                    >\n                        <Box fontWeight={600} fontSize=\"0.875rem\">{t('general.list')}</Box>\n                    </Tab>\n                    <Tab\n                        variant={tab === 1 ? 'solid' : 'plain'}\n                        // @ts-ignore - custom theme color\n                        color={tab === 1 ? 'secondary' : 'neutral'}\n                        disableIndicator\n                        sx={{\n                            flex: '0 0 33.33%',\n                            margin: 0,\n                            color: 'black',\n                            borderRadius: '0.25rem',\n                            \"&:hover\": {\n                                color: 'black',\n                                fontWeight: 500,\n                            },\n                        }}\n                    >\n                        <Box fontWeight={600} fontSize=\"0.875rem\">{t('general.map')}</Box>\n                    </Tab>\n                    <Tab\n                        variant={tab === 2 ? 'solid' : 'plain'}\n                        // @ts-ignore - custom theme color\n                        color={tab === 2 ? 'secondary' : 'neutral'}\n                        disableIndicator\n                        sx={{\n                            flex: '0 0 33.33%',\n                            margin: 0,\n                            color: 'black',\n                            borderRadius: '0.25rem',\n                            \"&:hover\": {\n                                color: 'black',\n                            },\n                        }}\n                    >\n                        <Badge\n                            badgeContent={shallowEqual(currentFilters, initialFilters)}\n                        >\n                            <Box px={1.5} fontWeight={600} fontSize=\"0.875rem\">{t('general.filters')}</Box>\n                        </Badge>\n                    </Tab>\n                </TabList>\n            </Tabs>\n            <Box sx={{\n                height: '100%',\n                display: {\n                    xs: 'none',\n                    md: 'flex',\n                }\n            }}>\n                <Box sx={{\n                    width: '30rem',\n                    display: 'flex',\n                    flexDirection: 'column',\n                }}>\n                    <Box px={2} py={1} display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n                        <Box display=\"flex\" flexDirection=\"column\">\n                            <Typography level='body-md' flexGrow={1}>\n                                <Trans i18nKey=\"general.garagesFound\" count={sortedFilteredGarageList.length} />\n                            </Typography>\n                            <FullGarageToggleIsolated \n                                currentFilters={currentFilters}\n                                setCurrentFilters={setCurrentFilters}\n                            />\n                        </Box>\n                        <Badge\n                            badgeContent={shallowEqual(currentFilters, initialFilters)}\n                        >\n                            <Button\n                                variant=\"outlined\"\n                                onClick={handleToggleDesktopFilters}\n                            >{t('general.filters')}</Button>\n                        </Badge>\n                    </Box>\n                    <Box sx={{\n                        flexGrow: 1,\n                        flexShrink: 1,\n                        flexBasis: '0px',\n                        overflowY: 'auto',\n                        padding: 1,\n                    }}>\n                        <GarageList\n                            garageList={sortedFilteredGarageList}\n                            loadingGarageList={loadingGarageList}\n                            loadingGarageAvailability={loadingGarageAvailability}\n                            hoverPoint={hoverPoint}\n                            setHoverPoint={setHoverPoint}\n                            setSelectedId={setSelectedId}\n                            garagesAvailableLater={garagesAvailableLater}\n                            errors={errors}\n                            currency={currency}\n                        />\n                    </Box>\n                </Box>\n                <Box sx={{\n                    flexGrow: 1,\n                }}>\n                    {!loadingGarageList &&\n                        <GarageMap\n                            garageList={sortedFilteredGarageList}\n                            selectedId={selectedId}\n                            setSelectedId={setSelectedId}\n                            hoverPoint={hoverPoint}\n                            setHoverPoint={setHoverPoint}\n                            searchLocationPoint={searchLocationPoint}\n                            loadingGarageAvailability={loadingGarageAvailability}\n                            garagesAvailableLater={garagesAvailableLater}\n                            currency={currency}\n                            navigateToGarage={null}\n                        />\n                    }\n                </Box>\n                <Modal open={desktopFilters} onClose={() => handleToggleDesktopFilters()}>\n                    <ModalDialog\n                        aria-labelledby=\"modal-title\"\n                        variant=\"outlined\"\n                        sx={{\n                            backgroundColor: '#f7f7f7',\n                            minWidth: '30rem',\n                            padding: '1.5rem 2rem 2rem',\n                        }}\n                    >\n                        <ModalClose variant=\"outlined\"/>\n                        <Typography id=\"modal-title\" component=\"h5\" level=\"title-lg\" sx={{\n                            fontSize: '1.25rem',\n                        }}>\n                            {t('general.filters')}\n                        </Typography>\n                        <Filters\n                            currentFilters={currentFilters}\n                            setCurrentFilters={setCurrentFilters}\n                            results={sortedFilteredGarageList.length}\n                            handleFiltersReset={handleFiltersReset}\n                            handleTabChange={handleTabChange}\n                            minPrice={minPrice ?? 0}\n                            maxPrice={maxPrice ?? (currency === 'eur' ? 120 : 3000)}\n                            currency={currency}\n                            desktop={true}\n                            handleToggleDesktopFilters={handleToggleDesktopFilters}\n                        />\n                    </ModalDialog>\n                </Modal>\n            </Box>\n        </>\n    )\n}\n","// To see this message, add the following to the `<head>` section in your\n// views/layouts/application.html.erb\n//\n//    <%= vite_client_tag %>\n//    <%= vite_javascript_tag 'application' %>\n// console.log('Vite ⚡️ Rails')\n\n// If using a TypeScript entrypoint file:\n//     <%= vite_typescript_tag 'application' %>\n//\n// If you want to use .jsx or .tsx, add the extension:\n//     <%= vite_javascript_tag 'application.jsx' %>\n\n// console.log('Visit the guide for more information: ', 'https://vite-ruby.netlify.app/guide/rails')\n\n// Example: Load Rails libraries in Vite.\n//\n// import * as Turbo from '@hotwired/turbo'\n// Turbo.start()\n//\n// import ActiveStorage from '@rails/activestorage'\n// ActiveStorage.start()\n//\n// // Import all channels.\n// const channels = import.meta.globEager('./**/*_channel.js')\n\n// Example: Import a stylesheet in app/frontend/index.css\n// import '~/index.css'\n\nimport React from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { CssVarsProvider } from '@mui/joy'\nimport { Provider as JotaiProvider } from 'jotai'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { theme } from '../theme'\nimport axios from 'axios'\n\nimport Box from '@mui/joy/Box'\n\nimport '../i18n'\nimport GarageView from '../components/garage-view'\nimport SearchView from '../components/search-view'\nimport { API_KEY, API_VERSION } from '../constants'\n\nconst queryClient = new QueryClient()\n\naxios.defaults.headers.common['x-api-key'] = API_KEY\naxios.defaults.headers.common['x-api-version'] = API_VERSION\n\nfunction GaragesMap() {\n    return (\n        <JotaiProvider>\n            <CssVarsProvider theme={theme}>\n                <QueryClientProvider client={queryClient}>\n                    <SearchView garagesMap={true} />\n                    <Box sx={{ flexGrow: 1, display: 'flex', flexDirection: 'column' }}>\n                        <GarageView />\n                    </Box>\n                </QueryClientProvider>\n            </CssVarsProvider>\n        </JotaiProvider>\n    )\n}\n  \nconst domNode = document.getElementById('react-garages')\n\nconst root = createRoot(domNode)\n\nroot.render(<GaragesMap />)\n"],"names":["currency","getCurrency","GarageView","tab","setTab","useState","t","useTranslation","initialFilters","currentFilters","setCurrentFilters","minPrice","maxPrice","desktopFilters","selectedId","setSelectedId","hoverPoint","setHoverPoint","searchLocationPoint","sortedFilteredGarageList","loadingGarageList","loadingGarageAvailability","garagesAvailableLater","errors","handleFiltersReset","handleTabChange","handleToggleDesktopFilters","shallowEqual","useGarageView","React","Tabs","TabPanel","GarageList","GarageMap","Filters","TabList","Tab","Box","Badge","Typography","Trans","FullGarageToggleIsolated","Button","Modal","ModalDialog","ModalClose","queryClient","QueryClient","axios","API_KEY","API_VERSION","GaragesMap","JotaiProvider","CssVarsProvider","theme","QueryClientProvider","SearchView","domNode","root","createRoot"],"mappings":"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"}