{"version":3,"file":"js/150-7a330926c476ba53e01a.js","mappings":"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","sources":["webpack://app/./app/packs/src/traveller/listingsStore.js","webpack://app/ListingPreview.svelte","webpack://app/./app/packs/src/traveller/enabledFeaturesStore.js","webpack://app/ListingStarButtonComponentSelector.svelte","webpack://app/ListingsList.svelte","webpack://app/ToggleCuratedListing.svelte","webpack://app/ToggleFavoriteListing.svelte"],"sourcesContent":["import { tick } from \"svelte\";\nimport { writable, get } from \"svelte/store\";\nimport { getHeaders } from \"../headers.svelte\";\nimport { notification } from \"../common/notificationStore.js\";\n\nexport const listings = writable([]);\nexport const pagination = writable({});\nexport const loading = writable(false);\nexport const error = writable(false);\nexport const filtersOpen = writable(false);\nexport const currentSearch = writable({});\n\nexport const loadListings = async (\n  updateHistory,\n  replaceSSRListingsIfPresent,\n  keepPagination\n) => {\n  if (!keepPagination) {\n    currentSearch.set({ ...get(currentSearch), page: 1 });\n    await tick();\n  }\n\n  const form = document.querySelector(\"form#listing-search-form\");\n  const listingsList = document.querySelector(\"#listings-list\");\n\n  let queryParams = new URLSearchParams(new FormData(form)).toString();\n\n  loading.set(true);\n\n  const req = await fetch(`/annonces?${queryParams}`, {\n    method: \"GET\",\n    headers: getHeaders(),\n  });\n\n  const status = await req.status;\n\n  if (status != 200) {\n    loading.set(false);\n    listings.set([]);\n\n    if (status == 404) {\n      notification.set({\n        alert: \"Aucune annonce ne correspond à votre recherche.\",\n      });\n    } else {\n      error.set(true);\n\n      notification.set({\n        alert: \"Une erreur est survenue, veuillez réessayer\",\n      });\n    }\n\n    return;\n  }\n\n  const data = await req.json();\n\n  error.set(false);\n  listings.set(data.listings);\n  pagination.set(data.pagination);\n\n  if (listingsList) {\n    listingsList.scrollIntoView(true);\n    window.scrollTo(0, 0);\n  }\n\n  loading.set(false);\n\n  if (updateHistory) {\n    window.history.pushState(\n      { listings: get(listings), currentSearch: get(currentSearch) },\n      \"\",\n      `/search/?${queryParams}`\n    );\n  }\n\n  document.title = `${data.pagination.total}\n  ${data.pagination.total > 1 ? \"annonces\" : \"annonce\"}\n  de locations de vacances pour ${get(currentSearch).people}\n  ${get(currentSearch).people > 1 ? \"personnes\" : \"personne\"}\n  `;\n\n  if (replaceSSRListingsIfPresent) {\n    if (!listingsList?.dataset?.ssrLoaded) {\n      return;\n    }\n\n    const componentApp = require(\"./ListingsList.svelte\");\n\n    listingsList.replaceChildren();\n\n    listingsList.setAttribute(\"ssr-loaded\", false);\n\n    const svelteComponent = new componentApp.default({\n      target: listingsList,\n      props: {},\n    });\n\n    window.initializedSvelteComponents[\"traveller\"].push(svelteComponent);\n  }\n};\n","<script>\n  import { onMount, onDestroy } from 'svelte';\n  import ListingMediaPreview from \"../common/ListingMediaPreview.svelte\";\n  import { currentSearch} from './listingsStore.js';\n  import ListingStarButtonComponentSelector from \"../traveller/ListingStarButtonComponentSelector.svelte\";\n  export let listing\n  let item\n\n  const currencyFormatter = new Intl.NumberFormat('fr-FR', {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0\n  });\n\n  $: imageUrls = listing.listing_medias.slice(0,7).map((url) => url);\n\n  let url = `${listing.url}?start_date=${$currentSearch.start_date}&end_date=${$currentSearch.end_date}&adult_count=${$currentSearch.people}`\n\n  const imageClass = `${listing.top_list ? \"border-secondary border-2\" : \"\"} ${listing.bump_list ? \"border-primary border-2\" : \"\"} w-full sm:w-56 h-64 sm:h-40 rounded-lg object-cover`\n\n  const setNeutralColorForMarker = (marker) => {\n    marker._element.querySelector(\"div\").classList.remove(\"bg-secondary\")\n    marker._element.querySelector(\"div\").classList.add(\"bg-primary\")\n    marker._element.classList.remove(\"z-20\")\n  }\n\n  const setAccentColorForMarker = (marker) => {\n    marker._element.querySelector(\"div\").classList.add(\"bg-secondary\")\n    marker._element.querySelector(\"div\").classList.remove(\"bg-primary\")\n    marker._element.classList.add(\"z-20\")\n  }\n\n  const resetMarkerColors = () => {\n    if(!window.markers) { return }\n\n    window.markers.forEach((marker) => { setNeutralColorForMarker(marker) })\n  }\n\n  const setMarkerColor = () => {\n    if(!window.markers) { return }\n\n    const filteredMarkers = window.markers.filter( (marker) => {\n      return marker._element.children[0].dataset.listingId == listing.id\n    });\n\n    window.markers.forEach((marker) => { setNeutralColorForMarker(marker) })\n\n    filteredMarkers.forEach((marker) => { setAccentColorForMarker(marker) })\n  }\n\n  onMount(() => {\n    item.addEventListener('mouseleave', () => {\n      resetMarkerColors()\n    })\n\n    item.addEventListener('mouseenter', () => {\n      setMarkerColor()\n    })\n  })\n\n  onDestroy(() => {\n    item.removeEventListener('mouseleave', () => {\n      resetMarkerColors()\n    })\n\n    item.removeEventListener('mouseenter', () => {\n      setMarkerColor()\n    })\n  })\n</script>\n\n<div class=\"relative\">\n  <div bind:this={item} class=\"block rounded-lg mr:0 lg:mr-2 sm:flex sm:w-auto listing-preview\">\n\n    <div class=\"relative block\">\n      {#if listing.listing_medias.length > 0}\n        <div class=\"relative w-full bg-gray-100 rounded-lg sm:w-56\">\n          <ListingMediaPreview\n            imageUrls={imageUrls}\n            imageClass={imageClass}\n          />\n\n          {#if listing.top_listing }\n            <div class=\"absolute flex items-center px-1 py-px text-[11px] font-semibold text-gray-600 left-2 top-2 rounded-xl bg-white/90\">\n              🌳\n              <span class=\"ml-1\">TopHôte</span>\n            </div>\n          {/if}\n          <div class=\"absolute left-2 bottom-2\">\n            <div class=\"flex items-center justify-center inline w-5 h-5 bg-gray-800 rounded-full bg-opacity-90\">\n              <span class=\"text-xs font-semibold text-white\">{listing.listing_medias.length}</span>\n            </div>\n          </div>\n        </div>\n\n      {:else}\n        <div class=\"w-full h-48 bg-gray-100 rounded-t-lg sm:rounded-l-lg sm:rounded-r-none sm:w-56\"></div>\n      {/if}\n\n    </div>\n\n    <a href={url} target=\"_blank\" class=\"relative flex flex-col justify-between w-full py-0 mt-2 mr-2 text-sm sm:w-full sm:mt-0 sm:ml-4\">\n\n      <div>\n      {#if listing.property_type }\n        <span class=\"text-xs font-medium text-gray-500\">\n          <span class=\"tag\"> {listing.property_type}</span>\n        </span>\n      {/if}\n\n      {#if listing.title }\n        <h3 class=\"w-full mt-0 overflow-hidden text-base font-semibold whitespace-nowrap text-ellipsis text-primary-dark sm:font-semibold\">\n          {listing.title}\n        </h3>\n      {/if}\n\n\n      <p class=\"w-full my-1 overflow-hidden font-medium sm:block whitespace-nowrap text-ellipsis\">\n        {listing.details}\n      </p>\n\n      <p>\n        <span class=\"text-xs font-medium text-gray-500 align-middle\">\n          {listing.city} · {listing.state}\n        </span>\n      </p>\n\n      <div class=\"flex items-baseline mt-2 overflow-auto gap-2\">\n        {#each listing.experiences.slice(0, 3) as experience}\n          <div class=\"text-xs font-semibold text-gray-800 whitespace-nowrap tag bg-primary/20\">{experience}</div>\n        {/each}\n        {#if listing.experiences.count > 3 }\n          <div class=\"text-xs font-semibold text-primary-dark\">(+{listing.experiences.length})</div>\n        {/if}\n      </div>\n\n      </div>\n      {#if listing.quote }\n        <div class=\"flex items-center font-semibold gap-x-1\">\n          <div class=\"text-primary-dark\">\n            { currencyFormatter.format(listing.quote.total_price_per_night) } {listing.quote.currency} par nuit\n\n          </div>\n          <span>·</span>\n          <div class=\"font-medium text-gray-500\">\n            { currencyFormatter.format(listing.quote.total_price) } {listing.quote.currency}\n          </div>\n        </div>\n      {:else if listing.base_price }\n        <div class=\"font-medium text-gray-500\">À partir de <span class=\"font-semibold font-bold text-primary-dark\">{listing.base_price} {listing.currency_for_display}</span> par nuit</div>\n      {/if}\n\n        <button class=\"w-full mt-4 sm:hidden btn-primary\">Voir l'annonce</button>\n      </a>\n\n    <div class=\"absolute z-20 top-2 right-2 md:bottom-auto md:top-0 md:right-4\">\n      <ListingStarButtonComponentSelector listingId={listing.id} />\n    </div>\n  </div>\n</div>\n\n","import { writable, get } from \"svelte/store\";\n\nexport const enabledFeatures = writable([]);\nexport const loaded = writable(false);\n\nconst response = fetch(\"/enabled_features\").then((response) => {\n  const features = response.json().then((json) => {\n    enabledFeatures.set(json.features);\n  });\n});\n","<script>\n  import { loaded, enabledFeatures } from '../traveller/enabledFeaturesStore.js';\n  import ToggleFavoriteListing from './ToggleFavoriteListing.svelte'\n  import ToggleCuratedListing from './ToggleCuratedListing.svelte'\n\n  export let starIconHtml, closeButtonHtml, listingId;\n  $: hasCuratedListsFeature = $enabledFeatures.includes('curated_lists')\n\n</script>\n\n{#if loaded }\n  {#if hasCuratedListsFeature }\n    <ToggleCuratedListing closeButtonHtml={closeButtonHtml} starIconHtml={starIconHtml} listingId={listingId} />\n  {:else}\n    <ToggleFavoriteListing starIconHtml={starIconHtml} listingId={listingId} />\n  {/if}\n{/if}\n","<script>\n  import { tick } from 'svelte';\n  import { listings, loadListings, loading, error, pagination, currentSearch } from './listingsStore.js';\n  import ListingPreview from \"./ListingPreview.svelte\";\n  import Loader from \"../common/Loader.svelte\";\n\n  const refreshListingsOrder = () => {\n    $currentSearch.page = 1\n    loadListings(true);\n  }\n\n  const loadPage = async (index) => {\n    $currentSearch.page = index\n    await tick(); // current search needs to be updated before loadListings\n    loadListings(true, true, true);\n  }\n</script>\n\n<div class=\"min-h-screen\" id=\"listings-list\">\n  <select class=\"py-2 pr-8 mb-0 font-medium input-base rounded-3xl\" bind:value={$currentSearch.order} on:change={refreshListingsOrder}>\n    <option value=\"\">Tri des résultats</option>\n    <option value=\"price_desc\">Plus cher en premier</option>\n    <option value=\"price_asc\">Moins cher en premier</option>\n  </select>\n  {#if $loading }\n    <div class=\"flex items-center justify-center h-screen\">\n      <Loader />\n    </div>\n  {:else if $error}\n      <div class=\"mx-auto mt-6 text-sm font-medium text-gray-700 md:mx-0 max-w-prose\">\n        <p class=\"text-lg font-bold\">\n          Une erreur est survenue.\n        </p>\n        <p>\n          Vous pouvez relancer votre recherche, ou nous contacter si le problème persiste.\n        </p>\n      </div>\n  {:else}\n    {#if $listings.length == 0}\n      <div class=\"mx-auto mt-6 text-sm font-medium md:mx-0 max-w-prose\">\n        <p class=\"text-lg font-bold\">\n          Aucune annonce ne correspond à votre recherche.\n        </p>\n        <p>\n          Vous pouvez essayer de modifier votre recherche en utilisant les filtres ci-dessus.\n        </p>\n      </div>\n    {:else}\n      {#each $listings as listing}\n        <div class=\"py-4 border-b border-gray-200\">\n          <ListingPreview listing={listing.data.attributes} />\n        </div>\n      {/each}\n      {#if $pagination.pages < 6 && $pagination.pages > 1}\n        <div class=\"flex justify-center py-4 text-gray-600 gap-2\">\n          {#each Array($pagination.pages) as _, index (index)}\n            <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold border rounded-full { $currentSearch.page == index + 1 ? 'bg-primary text-white' : '' }\" on:click={() => loadPage(index + 1)}>\n              {index + 1}\n            </button>\n          {/each}\n        </div>\n      {/if}\n      {#if $pagination.pages > 5}\n        <div class=\"flex justify-center py-4 text-gray-600 gap-2\">\n          {#if $currentSearch.page > 1}\n            <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold border rounded-full\" on:click={() => loadPage(1)}>1</button>\n            <span>...</span>\n          {/if}\n          {#if $currentSearch.page > 2}\n            <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold border rounded-full\" on:click={() => loadPage($currentSearch.page - 1)}>{$currentSearch.page - 1}</button>\n          {/if}\n          <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold text-white border rounded-full bg-primary\" on:click={() => loadPage($currentSearch.page)}>{$currentSearch.page}</button>\n          {#if $currentSearch.page < $pagination.pages}\n            <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold border rounded-full\" on:click={() => loadPage(Number($currentSearch.page) + 1)}>{Number($currentSearch.page) + 1}</button>\n          {/if}\n\n          <span>...</span>\n          <button class=\"flex items-center justify-center w-8 h-8 p-2 text-sm font-bold border rounded-full\" on:click={() => loadPage($pagination.pages)}>{$pagination.pages}</button>\n        </div>\n      {/if}\n    {/if}\n  {/if}\n</div>\n","<script>\n  import { fade } from 'svelte/transition';\n  import { onDestroy } from 'svelte';\n  import { getHeaders } from \"../headers.svelte\";\n  import Times from \"../common/icons/Times.svelte\";\n  import StarSolid from \"../common/icons/StarSolid.svelte\";\n  import { processePotentialNotification } from \"../common/notificationStore.js\";\n  import Loader from \"../common/Loader.svelte\";\n\n  export let listingId;\n\n  let showModal = false;\n  let curatedLists = [];\n\n  const handleClickOnStar = () => {\n    fetchCuratedList()\n  }\n\n  const fetchCuratedList = async () => {\n    showModal = true\n    const response = await fetch(\"/listes\", { headers: getHeaders() })\n    const data = await response.json()\n    curatedLists = data.curated_lists\n  }\n\n  const addListingToList = async (list_url) => {\n    const response = await fetch(`/listes/${list_url}/curated_listings`, {\n      headers: getHeaders(),\n      method: 'POST',\n      body: JSON.stringify({listing_id: listingId})\n    })\n\n    if(response.status == 201 || response.status == 202) {\n      showModal = false\n    }\n\n    const data = await response.json()\n\n    processePotentialNotification(data)\n  }\n\n  const handleKeyDown = (event) => {\n    switch(event.key) {\n      case \"Escape\":\n        showModal = false\n      break;\n    }\n  }\n  window.addEventListener(\"keyup\", handleKeyDown)\n\n  onDestroy(() => {\n    window.removeEventListener(\"keyup\", handleKeyDown)\n  })\n\n</script>\n\n<div on:click={handleClickOnStar} class=\"flex items-center justify-center w-8 h-8 text-gray-600 bg-gray-100 border border-gray-100 rounded-full shadow cursor-pointer hover:bg-gray-50\">\n  <StarSolid className=\"w-4 h-4\" />\n</div>\n\n{#if showModal}\n  <div transition:fade=\"{{duration: 80}}\" class=\"fixed top-0 left-0 z-50 w-full h-screen p-4\" on:click={() => showModal = false} style=\"background: rgba(0,0,0,0.7);\">\n    <div on:click|stopPropagation class=\"container relative py-6 mx-auto rounded-lg shadow-xl bg-gray-50 max-w-screen-sm\" style=\"height: calc(100vh - 6rem);\">\n      <div class=\"flex items-center justify-between px-6 pb-4 border-b border-gray-200\">\n        <h3 class=\"text-xl font-semibold text-primary\">Vos listes</h3>\n\n        <div class=\"flex\" on:click={() => showModal = false}>\n          <div class=\"p-2 bg-gray-200 rounded-full cursor-pointer hover:bg-gray-300 transition-all\">\n            <Times className=\"w-4 h-4 text-gray-600\" />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"px-6 overflow-auto\">\n        {#each curatedLists as list}\n          <div class=\"py-4 border-b border-gray-200 grid grid-cols-3\">\n            <a href=\"/listes/{list.data.attributes.url}\" target=\"_blank\" class=\"max-w-[8rem] text-sm font-semibold underline text-primary\">{list.data.attributes.name}</a>\n            <span class=\"text-sm\">{list.data.attributes.listing_count} logements</span>\n            <button on:click|preventDefault={() => addListingToList(list.data.attributes.url)} class=\"btn\">Ajouter à cette liste</button>\n          </div>\n        {:else}\n          <div class=\"w-full mt-8 text-center\">\n            <Loader/>\n          </div>\n        {/each}\n      </div>\n    </div>\n  </div>\n{/if}\n","<script>\n  import { getHeaders } from \"../headers.svelte\";\n  import BrowserCookies from 'js-cookie'\n  import StarSolid from \"../common/icons/StarSolid.svelte\";\n  import { processePotentialNotification } from \"../common/notificationStore.js\";\n\n  export let listingId;\n\n  const handleClickOnStar = async () => {\n    const response = await fetch('/favorites', {\n      headers: getHeaders(),\n      method: 'POST',\n      body: JSON.stringify({listing_id: listingId})\n    })\n\n    const data = await response.json()\n\n    processePotentialNotification(data)\n    isPartOfFavorites = getFavoriteListings().includes(listingId)\n  }\n\n  const getFavoriteListings = () => {\n    const favoriteCookie = BrowserCookies.get(\"favorites\")\n\n    if(favoriteCookie == undefined) {\n      return []\n    }\n\n    const cookie = window.atob(favoriteCookie.split(\"--\")[0])\n\n    return JSON.parse(JSON.parse(window.atob(JSON.parse(cookie)._rails.message)))\n  }\n\n  let isPartOfFavorites = getFavoriteListings().includes(listingId)\n</script>\n\n<div\n  on:click={handleClickOnStar}\n  class:text-gray-600=\"{!isPartOfFavorites}\"\n  class:text-secondary=\"{isPartOfFavorites}\"\n  class=\"flex items-center justify-center w-8 h-8 bg-gray-100 border border-gray-100 rounded-full shadow hover:bg-gray-50\">\n  <StarSolid className=\"w-4 h-4 cursor-pointer\" />\n</div>\n"],"names":["i","listings","writable","pagination","loading","error","filtersOpen","currentSearch","loadListings","updateHistory","replaceSSRListingsIfPresent","keepPagination","set","get","page","tick","form","document","querySelector","listingsList","queryParams","URLSearchParams","FormData","toString","fetch","method","headers","getHeaders","req","status","notification","alert","json","data","scrollIntoView","window","scrollTo","history","pushState","title","total","people","dataset","ssrLoaded","componentApp","require","replaceChildren","setAttribute","svelteComponent","target","props","initializedSvelteComponents","push","listing_medias","length","top_listing","property_type","experiences","base_price","currency_for_display","format","quote","total_price_per_night","currency","total_price","details","city","state","slice","count","id","item","listing","currencyFormatter","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","url","$currentSearch","start_date","end_date","imageClass","top_list","bump_list","setNeutralColorForMarker","marker","_element","classList","remove","add","resetMarkerColors","markers","forEach","setMarkerColor","filteredMarkers","filter","children","listingId","setAccentColorForMarker","addEventListener","removeEventListener","imageUrls","map","enabledFeatures","loaded","then","response","features","starIconHtml","closeButtonHtml","hasCuratedListsFeature","$enabledFeatures","includes","pages","attributes","Array","Number","order","loadPage","async","index","$pagination","duration","name","listing_count","showModal","curatedLists","fetchCuratedList","curated_lists","addListingToList","list_url","body","JSON","stringify","listing_id","handleKeyDown","event","key","list","getFavoriteListings","favoriteCookie","undefined","cookie","atob","split","parse","_rails","message","isPartOfFavorites"],"sourceRoot":""}