\n {children}\n \n)\n\nexport default FaqContainer\n","// extracted by mini-css-extract-plugin\nexport default {\"root\":\"vOn9c\",\"title\":\"tEtvX\",\"text\":\"ehAGp\"};","import React from 'react'\nimport { searchAddress } from '../../store/address/address.actions'\nimport { TAG_SUGGEST } from '../analytics/analytics.tagids.constants'\nimport { setSearchTerms } from '../../store/search/searchSlice'\nimport { removeHtmlEmTags } from '../../utils/string'\nimport useConfigureAndSendTag from '../analytics/useConfigureAndSendTag'\nimport { useAction } from '../utils/react-redux'\nimport SuggestContent from './SuggestContent'\nimport { SUGGEST_FROM_VALUES } from './suggest.constants'\nimport { useDispatch } from 'react-redux'\n\nconst AddressSuggestContent = () => {\n const dispatch = useDispatch()\n const execSearchAddress = useAction(searchAddress)\n const configureAndSendTag = useConfigureAndSendTag()\n\n const onClick = suggest => {\n const { labels, address, type, subtype, from } = suggest\n const label = removeHtmlEmTags(address || labels.join(' '))\n dispatch(setSearchTerms(label))\n\n if (from === SUGGEST_FROM_VALUES.favorites) {\n configureAndSendTag({\n type: TAG_SUGGEST,\n tagInfo: { type, subtype, from }\n })\n }\n\n execSearchAddress({ terms: label })\n }\n\n return \n}\n\nexport default AddressSuggestContent\n","import React from 'react'\n\nexport const replaceCityActivityPlaceHoldersInFaq = ({ txt, city, zip }) => {\n return txt\n .split('[ville]')\n .join(city)\n .split('[code-postal]')\n .join(zip)\n}\nexport const replaceItineraryPlaceHoldersInFaq = ({ txt, cityA, cityB }) => {\n return txt\n .split('[villeA]')\n .join(cityA)\n .split('[villeB]')\n .join(cityB)\n}\n\nexport const replaceCityActivityPlaceHoldersAndLinksInFaq = ({ txt, city, zip, currentRouteURL }) => {\n return insertLinkInText({ txt: replaceCityActivityPlaceHoldersInFaq({ txt, city, zip }), currentRouteURL })\n}\n\nexport const replaceItineraryPlaceHoldersAndLinksInFaq = ({ txt, cityA, cityB, currentRouteURL }) => {\n return insertLinkInText({ txt: replaceItineraryPlaceHoldersInFaq({ txt, cityA, cityB }), currentRouteURL })\n}\n\nexport const insertLinkInText = ({ txt, currentRouteURL }) => {\n // we use the ##link to build the links\n return txt.split(/(.*?)<\\/a>/).map((part, index) => {\n return part.includes('##') ? (\n \n {part.substring(2)}\n \n ) : (\n part\n )\n })\n}\n","import { useSelector } from 'react-redux'\nimport { selectFirstAddress } from '../../store/address/address.selectors'\nimport { searchServiceCtx } from '../../store/search/search.service.constants'\nimport { getPostCodeFromTown } from './seo'\n\nconst useFirstAddressWithTownSeoPostcode = () => {\n const address = useSelector(selectFirstAddress)\n if (address.geocode_level === searchServiceCtx.geocodeLevel.town) {\n const cityWithDistrictPostcode = getPostCodeFromTown(address.town)\n if (cityWithDistrictPostcode) return { ...address, postcode: cityWithDistrictPostcode }\n }\n return address\n}\n\nexport default useFirstAddressWithTownSeoPostcode\n","// extracted by mini-css-extract-plugin\nexport default {\"root\":\"bBS8c\",\"title\":\"peUVV\",\"inputDescription\":\"OpDCn\",\"inputContainers\":\"lCQM2\",\"inputContainer\":\"WE0DU\",\"inputContentContainer\":\"dVdd9\",\"label\":\"XOgI9\"};","import React, { useEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { selectZone } from '../../../store/address/address.selectors'\nimport { setMapEventsDate, setMapEventsTime } from '../../../store/map/mapSlice'\nimport useFirstAddressWithTownSeoPostcode from '../../seo/useFirstAddressWithTownSeoPostcode'\nimport { getCurrentDateISO, getCurrentTime } from '../../utils/date'\nimport s from './MapEventDatePicker.less'\nimport { selectAllMapEvents } from '../../../store/map/map.selectors'\n\nconst MapEventDatePicker = () => {\n const dispatch = useDispatch()\n\n const [dateValue, setDateValue] = useState(getCurrentDateISO())\n const [timeValue, setTimeValue] = useState(getCurrentTime())\n\n const mapEvents = useSelector(selectAllMapEvents)\n const { label } = useSelector(selectZone)\n const { town, postcode } = useFirstAddressWithTownSeoPostcode()\n\n useEffect(() => {\n dispatch(setMapEventsDate(dateValue))\n dispatch(setMapEventsTime(timeValue))\n }, [])\n\n if (mapEvents.length === 0) return <>\n\n const onDateChange = e => {\n dispatch(setMapEventsDate(e.target.value))\n setDateValue(e.target.value)\n }\n\n const onTimeChange = e => {\n dispatch(setMapEventsTime(e.target.value))\n setTimeValue(e.target.value)\n }\n\n const getTitleAdditionalLabel = () => {\n if (town && postcode) return `${town}, ${postcode}`\n else if (label) return label\n return ''\n }\n\n const dynamicTitle = `Restrictions de circulation ${getTitleAdditionalLabel()}`\n\n return (\n \n
{dynamicTitle}
\n
Sélectionnez une date et une heure\n
\n
needShortening && setShort(false)}>\n {short ? truncate(maxChar)(text) : text}\n {short && needShortening && {expandButtonLabel}}\n
\n )\n}\n\nconst useShortenOnRouteChange = setShort => {\n const fullRoute = useSelector(selectCurrentHistoryFullRoute)\n\n useEffect(() => setShort(true), [fullRoute, setShort])\n}\n\nTextShortener.propTypes = {\n text: PropTypes.string,\n expandButtonLabel: PropTypes.string,\n maxChar: PropTypes.number\n}\n\nexport default TextShortener\n","// extracted by mini-css-extract-plugin\nexport default {\"more\":\"cqwF5\"};","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport Faq from './Faq'\nimport { selectZone } from '../../../store/address/address.selectors'\n\nconst ZoneFaq = () => {\n const { label } = useSelector(selectZone)\n return \n}\n\nexport default ZoneFaq\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport { selectZone } from '../../store/address/address.selectors'\nimport s from './CityLayerLinks.less'\nimport {\n ROUTE_BICYCLE_DEPARTMENT,\n ROUTE_BICYCLE_REGION,\n ROUTE_TRAFFIC_DEPARTMENT,\n ROUTE_TRAFFIC_REGION,\n ROUTE_ZFE_DEPARTMENT,\n ROUTE_ZFE_REGION\n} from '../../routes'\nimport { selectCurrentHistoryRoute } from '../../store/history/history.selectors'\nimport { generateFullRoute } from '../router/routeUtils'\nimport { slugify } from '../../utils/string'\n\nconst ZoneLayerLinks = () => {\n const { code, label, isDepartment } = useSelector(selectZone)\n const currentRoute = useSelector(selectCurrentHistoryRoute)\n\n if (!code || !label) return <>\n\n const routeParams = isDepartment\n ? {\n departmentCode: code,\n department: slugify(label)\n }\n : {\n regionCode: code,\n region: slugify(label)\n }\n\n const trafficRoute = isDepartment ? ROUTE_TRAFFIC_DEPARTMENT : ROUTE_TRAFFIC_REGION\n const trafficLink = currentRoute !== trafficRoute && {\n label,\n url: generateFullRoute(trafficRoute, routeParams)\n }\n\n const bicycleRoute = isDepartment ? ROUTE_BICYCLE_DEPARTMENT : ROUTE_BICYCLE_REGION\n const bicycleLink = currentRoute !== bicycleRoute && {\n label,\n url: generateFullRoute(bicycleRoute, routeParams)\n }\n\n const zfeRoute = isDepartment ? ROUTE_ZFE_DEPARTMENT : ROUTE_ZFE_REGION\n const zfeLink = currentRoute !== zfeRoute && {\n label,\n url: generateFullRoute(zfeRoute, routeParams)\n }\n\n if (!trafficLink?.url && !bicycleLink?.url && !zfeLink?.url) return <>\n\n return (\n \n )\n}\n\nexport default ZoneLayerLinks\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport { selectZone } from '../../../store/address/address.selectors'\nimport s from '../LayerCityIntroduction.less'\nimport { MAP_EVENT_LAYER_NAME, MAP_MODES } from '../../../store/map/map.constants'\nimport { generateFullRoute } from '../../router/routeUtils'\nimport { ROUTE_ITINERARY_HOME, ROUTE_TRAFFIC_HOME, ROUTE_ZFE_HOME } from '../../../routes'\n\nconst getInZoneText = isDepartment => (isDepartment ? `dans le département` : `en région`)\n\nconst TrafficZoneIntroduction = () => {\n const { label, isDepartment } = useSelector(selectZone)\n\n return (\n \n
Info trafic temps réel dans {label}
\n
\n {`Affichez sur la carte l'état du trafic routier en direct\n ${getInZoneText(isDepartment)} ${label}.\n Consultez l'état de la circulation ${getInZoneText(isDepartment)} ${label} : ralentissements, accidents,\n bouchons, travaux, voies fermées.`}\n
\n
\n
Pistes cyclables en {label}
\n
\n Affichez sur la carte les pistes cyclables\n {` ${getInZoneText(isDepartment)} ${label}.`}\n
\n Les différents aménagements cyclables, comme les voies vertes, les véloroutes et les voies partagées sont pris\n en compte sur les tracés de carte.\n
\n
\n
ZFE en {label}
\n
\n Affichez sur la carte si\n {` ${getInZoneZfeText(isDepartment)} ${label}`} possède des zones de restriction Crit’Air (Elles s’affichent en\n rouge sur la carte).\n
\n En cas de restriction Crit’Air, cela signifie que\n {` ${getInZoneZfeText(isDepartment)} ${label}`} met en place une zone à faible émission pour réduire la\n pollution de l’air.\n
\n Cette carte vous permet de visualiser les zones concernées par les restrictions de circulation dans toute la\n France. Vous pouvez retrouver toutes les{' '}\n \n villes concernées par la vignette Crit’Air\n {' '}\n sur notre blog.\n
\n
\n
\n Affichez sur la carte s'il y a des routes fermées{' '}\n {isDepartment ? `dans le département du ${label}` : `en région ${label}`}. Vous pourrez ainsi anticiper votre\n trajet en visualisant en direct les zones dans lesquelles les accès sont interdits ou réglementés pour les\n véhicules motorisés en direct {isDepartment ? `dans le ${label}` : `en ${label}`}.\n
\n Nous vous conseillons également de visualiser le{' '}\n trafic en temps réel ou les{' '}\n restrictions crit’air pour mieux préparer votre trajet.\n
\n Tous ces éléments sont pris en compte si vous réalisez un{' '}\n itinéraire\n
\n
\n {layer === MAP_EVENT_LAYER_NAME && }\n \n \n \n \n
\n \n \n)\n\nexport default LayerZoneMainContent\n","import classNames from 'classnames'\nimport React from 'react'\nimport arrowLeft from '../../genericComponents/assets/arrow-left.svg'\nimport SVGIcon from '../../svg/SVGIcon'\nimport useToggle from '../../utils/useToggle'\nimport s from './FaqItem.less'\nimport HTMLTextFromMarkdown from '../../ui/HTMLTextFromMarkdown'\n\nconst FaqItem = ({ question, answer, clickDataTag, markdownContent }) => {\n const [open, onClick] = useToggle()\n\n return (\n \n \n {question}
\n \n \n \n \n \n
{markdownContent ? : answer}
\n