\n {hasPrev() && (\n
\n )\n}\n\nScrollListWithPagination.propTypes = {\n ...ScrollList.propTypes\n}\n\nexport default ScrollListWithPagination\n","// extracted by mini-css-extract-plugin\nexport default {\"scrollListWithPagination\":\"RtdQg\",\"arrowPicto\":\"eyEvv\"};","import { useState } from 'react'\n\nexport const usePagination = (size, step) => {\n const firstPage = 0\n const lastPage = size - 1\n\n const [page, setPage] = useState(firstPage)\n\n const hasNext = () => page + step < lastPage\n\n const hasPrev = () => page - step >= firstPage\n\n const goNext = () => setPage(Math.min(page + step, lastPage))\n\n const goPrev = () => setPage(Math.max(page - step, firstPage))\n\n return {\n page,\n goNext,\n goPrev,\n hasNext,\n hasPrev\n }\n}\n","import { isGE } from '../Device'\nimport ScrollListWithPagination from './ScrollListWithPagination'\nimport ScrollList from './ScrollList'\n\nexport default isGE() ? ScrollListWithPagination : ScrollList\n","import React from 'react'\nimport DatePicker from '../genericComponents/DatePicker'\nimport s from './HotelDateInput.less'\n\nconst HotelDateInput = ({ label, date, picker, ariaLabel = null }) => {\n return (\n \n {picker ? (\n
\n )\n}\n\nexport default HotelDateInput\n","// extracted by mini-css-extract-plugin\nexport default {\"date\":\"iArD4\",\"container\":\"qHXIs\",\"picker\":\"RPcm1\"};","import React, { useCallback } from 'react'\nimport { TAG_BLOC_HOTEL } from '../analytics/analytics.tagids.constants'\nimport { navigateToSearchBySubcategory } from '../../store/history/history.actions'\nimport TagActionButton from '../genericComponents/TagActionButton'\nimport calendar from '../genericComponents/assets/calendar.svg'\nimport RectangleActionButton, { COLOR_DARKBLUE } from '../genericComponents/buttons/RectangleActionButton'\nimport HotelDateInput from '../geoentity/HotelDateInput'\nimport { withFrenchSite } from '../i18n/i18nSite'\nimport SVGIcon from '../svg/SVGIcon'\nimport { formatDate, getFutureDate } from '../utils/date'\nimport { useAction } from '../utils/react-redux'\nimport s from './FakeHotelCalendar.less'\n\nconst GoToHotelsButton = () => {\n return {date}
\n )}\n \n \n \n
\n )\n}\n\nexport default withFrenchSite(FakeHotelCalendar)\n","// extracted by mini-css-extract-plugin\nexport default {\"FakeHotelCalendarContainer\":\"eFMwZ\",\"GoToHotelsButton\":\"aQlbR\",\"FakeHotelCalendar\":\"ltOuN\",\"titleContainer\":\"_jP12\",\"title\":\"OiFD6\",\"datePickersContainer\":\"TazVq\",\"buttonContainer\":\"ioOaa\",\"toDate\":\"ufuPO\",\"calendarIcon\":\"KL1gN\"};","import React from 'react'\nimport ContentLoader from 'react-content-loader'\n\n/** Generated with http://danilowoz.com/create-content-loader/ */\n\nconst ScrollListWithTitlePlaceholder = () => (\n \n {\"Tous les hôtels près d'ici\"}\n
\n \n
\n \n
\n \n
\n \n {data ? (\n <>\n
\n)\n\nScrollListWithTitle.propTypes = {\n title: PropTypes.node,\n ...ResponsiveScrollList.propTypes,\n data: PropTypes.array\n}\n\nexport default ScrollListWithTitle\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"g9QN8\",\"title\":\"BaVVd\"};","import React, { useEffect, useRef, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { searchAddress } from '../../store/address/address.actions'\nimport { selectIsFrenchSite } from '../../store/navigation/navigation.selectors'\nimport { selectSearchTerms } from '../../store/search/search.selectors'\nimport { suggestServiceCtx } from '../../store/suggest/suggest.service.constants'\nimport BackButton from '../header/BackButton'\nimport SearchInput from '../header/SearchInput'\nimport { useT } from '../i18n/T'\nimport { useAction } from '../utils/react-redux'\nimport s from './AddressHeaderForm.less'\n\nexport const AddressHeaderForm = ({ hasBackTag, transparent }) => {\n const isFrench = useSelector(selectIsFrenchSite)\n const searchTerms = useSelector(selectSearchTerms)\n const [value, setValue] = useState(searchTerms)\n const [loading, setLoading] = useState(false)\n const execSearchAddress = useAction(searchAddress)\n const SearchInputRef = useRef()\n const placeholder = useT('header.search.placeholder')\n\n useEffect(() => {\n // if searchTerms has been reset, we empty search field\n setValue(searchTerms)\n }, [searchTerms])\n\n const onChange = ({ value: val }) => {\n setValue(val)\n }\n\n const onSubmit = e => {\n e.preventDefault()\n if (!value) return\n\n setLoading(true)\n\n return SearchInputRef.current\n .onSubmit()\n .then(() => execSearchAddress({ terms: value }))\n .finally(() => {\n setLoading(false)\n })\n }\n\n return (\n <>\n \n \n \n )\n}\n\nexport default AddressHeaderForm\n","// extracted by mini-css-extract-plugin\nexport default {\"AddressHeaderForm\":\"lx8xP\"};","import { useSelector } from 'react-redux'\nimport { useEffect } from 'react'\nimport { useAction } from './react-redux'\n\nexport const useDataLoader = (action, selector) => {\n const data = useSelector(selector)\n const execAction = useAction(action)\n\n useEffect(() => {\n execAction()\n }, [execAction])\n\n return data\n}\n","import React from 'react'\nimport s from './GeoentitiesAtAddressPicker.less'\nimport ScrollListWithTitle from '../genericComponents/ScrollListWithTitle'\nimport { loadCompleteGeoentitiesAtAddressConfiguration } from '../../store/poiassets/poiassets.actions'\nimport { selectCompleteGeoentitiesAddressConfig } from '../../store/poiassets/poiassets.selectors'\nimport { withEmptyFallbackErrorBoundary } from '../error/EmptyFallbackErrorBoundary'\nimport { withFrenchSite } from '../i18n/i18nSite'\nimport CircledButtonWithLabel2 from '../genericComponents/CircledButtonWithLabel2'\nimport TagActionButton from '../genericComponents/TagActionButton'\nimport { navigateToSearchByApp, navigateToSearchBySubcategory } from '../../store/history/history.actions'\nimport { TAG_CATEGORY_LIST } from '../analytics/analytics.tagids.constants'\nimport { useDataLoader } from '../utils/dataLoader'\nimport { APP_OR_SUBCAT_ID, CAT_ID } from '../analytics/ClickTagsService'\nimport { useAction } from '../utils/react-redux'\n\nconst GeoentitiesAtAddressPicker = ({ title = 'A proximité' }) => {\n const geoentitiesAtAddressConfig = useDataLoader(\n loadCompleteGeoentitiesAtAddressConfiguration,\n selectCompleteGeoentitiesAddressConfig\n )\n const execNavigateToSearchByApp = useAction(navigateToSearchByApp)\n const execNavigateToSubcategory = useAction(navigateToSearchBySubcategory)\n\n if (geoentitiesAtAddressConfig instanceof Array && !geoentitiesAtAddressConfig.length) {\n return <>\n }\n\n const onClick = ({ type, id }) => {\n if (type === 'application') {\n execNavigateToSearchByApp(id)\n } else if (type === 'subcategory') {\n execNavigateToSubcategory(id)\n }\n }\n\n return (\n {title}
\n \n (\n \n onClick({ type, id, rubric })} />\n \n )}\n />\n
\n )\n}\n\nexport default withFrenchSite(withEmptyFallbackErrorBoundary(GeoentitiesAtAddressPicker))\n","// extracted by mini-css-extract-plugin\nexport default {\"root\":\"dBbaW\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"MnsFf\",\"content\":\"MzVrQ\"};","import classnames from 'classnames'\nimport React from 'react'\nimport { useSelector } from 'react-redux'\nimport { ROUTE_ITINERARY_ROADBOOK } from '../../routes'\nimport { selectAddressKeywords, selectGeoentityAdsKeywords, selectItineraryKeywords } from '../../store/ad/ad.selectors'\nimport { selectCurrentHistoryRoute } from '../../store/history/history.selectors'\nimport { isGE } from '../Device'\nimport AdLoader from './AdLoader'\nimport s from './InlineDesktopAdBanner.less'\n\nconst InlineDesktopAdBanner = ({ adName, keywordsSelector, className, placeHolderHeight = 250 }) => {\n if (__SERVER__ || (__BROWSER__ && isGE())) {\n return (\n \n
\n )\n }\n return <>\n}\n\nexport const AdDesktopBannerHP = () =>