{"version":3,"file":"js/host-342069a70d412c0fd0f3.js","mappings":"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","sources":["webpack://app/./app/packs/src/host/ sync ^\\.\\/.*\\.svelte$","webpack://app/./app/packs/entrypoints/host.js","webpack://app/./app/packs/src/host/svelteImporter.js","webpack://app/./app/packs/src/common/notificationStore.js","webpack://app/./app/packs/src/common/tracking.js","webpack://app/./app/packs/src/svelteImporter.js","webpack://app/headers.svelte","webpack://app/CallMeBackWebsite.svelte","webpack://app/FileDrop.svelte","webpack://app/ListingMediasUploader.svelte","webpack://app/MediaReorder.svelte","webpack://app/NumberInput.svelte","webpack://app/UserMediaUploader.svelte"],"sourcesContent":["var map = {\n\t\"./CallMeBackWebsite.svelte\": 2573,\n\t\"./FileDrop.svelte\": 4080,\n\t\"./ListingMediasUploader.svelte\": 4274,\n\t\"./MediaReorder.svelte\": 5889,\n\t\"./NumberInput.svelte\": 2218,\n\t\"./UserMediaUploader.svelte\": 6794\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 1688;","import * as SvelteImporter from '../src/svelteImporter.js'\nimport * as CustomSvelteImporter from '../src/host/svelteImporter.js'\n\nSvelteImporter.createEventListeners('host', CustomSvelteImporter.customRequire)\n","export const customRequire = (componentName) => {\n  return require(`./${componentName}.svelte`)\n}\n","import { writable, get } from \"svelte/store\";\n\nconst DURATION = 5000;\n\nexport const notification = writable({});\n\nexport const processePotentialNotification = (data) => {\n  if (data.notification) {\n    if (data.notification.type == \"notice\") {\n      notification.set({ notice: data.notification.message });\n    }\n    if (data.notification.type == \"alert\") {\n      notification.set({ alert: data.notification.message });\n    }\n\n    setTimeout(() => {\n      notification.set({});\n    }, DURATION);\n  }\n};\n","export function track(name, properties = {}) {\n  var request = new XMLHttpRequest();\n\n  request.open('POST', '/events')\n\n  request.setRequestHeader('X-Requested-With', 'XMLHttpRequest')\n  request.setRequestHeader(\"Content-type\", \"application/json\");\n  request.send(JSON.stringify({name: name, properties: properties}));\n}\n","// The goal is to remove svelte components that have previously been mounted, when rendering a page with turbo\n\nexport const setupSvelteComponents = (customRequireFn, namespace) => {\n  if (\n    window.initializedSvelteComponents &&\n    window.initializedSvelteComponents[namespace]\n  ) {\n    window.initializedSvelteComponents[namespace].forEach((component) => {\n      if (\n        component.$$.root.parentElement?.dataset.turboPermanent == undefined\n      ) {\n        component.$destroy();\n      }\n    });\n  }\n\n  if (window.initializedSvelteComponents == undefined) {\n    window.initializedSvelteComponents = [];\n  }\n\n  window.initializedSvelteComponents[namespace] = [];\n\n  for (const domComponent of document.querySelectorAll(\n    \"[svelte-root-component]\"\n  )) {\n    const componentName =\n      domComponent.attributes[\"svelte-root-component\"].value;\n    const componentNamespace = domComponent.attributes[\"namespace\"].value;\n\n    if (namespace != componentNamespace) {\n      continue;\n    }\n\n    domComponent.childNodes.forEach((el) => {\n      el.remove();\n    });\n\n    // this loads all components matching the regex, at compile time\n    // See https://webpack.js.org/guides/dependency-management/\n    // See https://stackoverflow.com/questions/50173147/webpack-dynamic-require\n    const requiredApp = customRequireFn(componentName);\n    const props = domComponent.getAttribute(\"data-props\") || \"{}\";\n\n    const svelteComponent = new requiredApp.default({\n      target: domComponent,\n      props: JSON.parse(props),\n    });\n\n    window.initializedSvelteComponents[namespace].push(svelteComponent);\n  }\n};\n\nexport const createEventListeners = (namespace, customRequireFn) => {\n  if (window.svelteComponentsSetup == undefined) {\n    window.svelteComponentsSetup = {};\n  }\n  document.addEventListener(\"turbo:before-visit\", () => {\n    window.svelteComponentsSetup[namespace] = false;\n  });\n\n  document.addEventListener(\"turbo:before-render\", () => {\n    window.svelteComponentsSetup[namespace] = false;\n  });\n\n  document.addEventListener(\"turbo:render\", () => {\n    if (!window.svelteComponentsSetup[namespace]) {\n      setupSvelteComponents(customRequireFn, namespace);\n      window.svelteComponentsSetup[namespace] = true;\n    }\n  });\n\n  document.addEventListener(\"turbo:load\", () => {\n    if (!window.svelteComponentsSetup[namespace]) {\n      setupSvelteComponents(customRequireFn, namespace);\n      window.svelteComponentsSetup[namespace] = true;\n    }\n  });\n};\n","<script context=\"module\">\n  export function getHeaders() {\n    let headers = new window.Headers({\n      'Content-Type': 'application/json',\n      'Accept': 'application/json',\n      'X-Requested-With': 'XMLHttpRequest',\n    })\n\n    const csrfToken = document.head.querySelector(\"[name='csrf-token']\").content\n    if (csrfToken) { headers.append('X-CSRF-Token', csrfToken) }\n\n    return headers\n  }\n</script>\n","<script>\n  import * as Tracking from \"../common/tracking\"\n  import { notification } from '../common/notificationStore.js';\n\n  export let userId;\n\n  const callMeBack = () => {\n    Tracking.track(\"website_call_me_back_clicked\", { user_id: userId })\n    $notification = { notice: \"Merci de votre intérêt, nous allons rapidement prendre contact avec vous\" }\n  }\n</script>\n\n<button class=\"text-sm font-medium group text-primary\" on:click={callMeBack}>\n  Je souhaite être rappelé\n  <span class=\"inline-block ml-1 transition-transform group-hover:translate-x-1\">→</span>\n</button>\n","<script>\n  import { getHeaders } from \"../headers.svelte\";\n\n  let uploadedBytes = 0\n  let uploadedBytesAllFiles = 0\n  let totalByteSizeToUpload = 1;\n  let tries = 0;\n  let errorMessage = \"\"\n\n  $: uploadCompletion = (uploadedBytesAllFiles + uploadedBytes) / totalByteSizeToUpload * 100;\n\n  export let multiple, accept, uploadEndpoint, uploadParam, allFiles;\n\n  function dragEnter(evt) {\n    document.querySelector(\"#drop-container\").classList.add(\"border-secondary\")\n    // prevent browser from opening file in new tab (default behaviour)\n    evt.preventDefault();\n  };\n\n  function onDroppedFile(evt) {\n    document.querySelector(\"#drop-container\").classList.remove(\"border-secondary\")\n    document.querySelector(\"form input[type=file]\").files = evt.dataTransfer.files;\n    refreshFileList();\n    evt.preventDefault();\n  }\n\n  function refreshFileList() {\n    const newlyAddedFiles = Array.from(document.querySelector(\"form input[type=file]\").files)\n    totalByteSizeToUpload = newlyAddedFiles.reduce((sum, file) => sum + file.size, 0)\n    uploadImages(newlyAddedFiles)\n  }\n\n  function uploadImage(file, filesToUpload) {\n    if(!file) {\n      uploadedBytesAllFiles = 0\n      uploadedBytes = 0\n      return\n    }\n\n    const formData = new FormData();\n\n    formData.append(uploadParam, file, file.name);\n\n    let headers = getHeaders()\n\n    var request = new XMLHttpRequest();\n\n    request.open('POST', uploadEndpoint)\n\n    request.setRequestHeader(\"X-CSRF-Token\", headers.get(\"X-CSRF-Token\"));\n    request.responseType = 'json';\n\n    request.upload.addEventListener('progress', function(e) {\n      uploadedBytes = e.loaded\n    });\n\n    request.addEventListener(\"load\", function() {\n      if(request.status == 200) {\n        allFiles = allFiles.concat(\n          request.response[\"medias\"].map((media) => { return { id: media.data.attributes.id, url: media.data.attributes.url }})\n        )\n\n        uploadedBytesAllFiles += uploadedBytes\n        uploadedBytes = 0\n        tries = 0\n\n        uploadImage(filesToUpload.pop(), filesToUpload)\n        errorMessage = \"\"\n      }\n      else if(request.status == 402 || request.status == 422) {\n        errorMessage = request.response[\"message\"]\n        uploadedBytes = 0\n        tries = 0\n        uploadImage(filesToUpload.pop(), filesToUpload)\n      }\n      else {\n        if(tries < 3) {\n          uploadImage(file, filesToUpload)\n        }\n        else {\n          errorMessage = \"Une erreur s'est produite, veuillez réessayer ou contacter support@toploc.com\"\n          uploadImage(filesToUpload.pop(), filesToUpload)\n        }\n      }\n\n    });\n\n    tries += 1\n    request.send(formData);\n  }\n\n  function uploadImages(filesToUpload){\n    errorMessage = \"\"\n    uploadImage(filesToUpload.pop(), filesToUpload)\n  }\n\n</script>\n\n<label\n  on:dragover|preventDefault={dragEnter}\n  on:dragenter|preventDefault={dragEnter}\n  on:drop|preventDefault={onDroppedFile}\n  for=\"input-file-drop\" id=\"drop-container\" class=\"flex flex-col items-center justify-center p-6 text-center text-gray-600 border border-dashed rounded cursor-pointer border-3\">\n\n  <slot name=\"header\">\n    <p class=\"font-semibold\">\n      Faites glisser vos photos ou cliquez pour les choisir directement depuis vos fichiers.\n    </p>\n    </slot>\n  <p class=\"mt-2 text-xs explainer\">Les images au format .jpeg, .jpg ou .png sont acceptées.</p>\n\n  <div class=\"w-full my-4 text-center\">\n    {#if multiple == \"multiple\"}\n      <label for=\"input-file-drop\" class=\"btn-primary\">Sélectionner des photos</label>\n    {:else}\n      <label for=\"input-file-drop\" class=\"btn-primary\">Sélectionner une photo</label>\n    {/if}\n  </div>\n\n  <div class=\"w-full rounded-full\">\n    <div class=\"h-1 rounded-full bg-primary\" style=\"width: {uploadCompletion}%; \">\n    </div>\n  </div>\n\n</label>\n\n{#if errorMessage != \"\"}\n  <div class=\"w-full my-4 text-sm font-semibold text-center text-red-400\">{errorMessage}</div>\n{/if}\n\n<input on:change={refreshFileList} multiple=\"{multiple}\" accept=\"{accept}\" class=\"hidden\" type=\"file\" id=\"input-file-drop\">\n","<script>\n  import FileDrop from \"./FileDrop.svelte\";\n  import MediaReorder from \"./MediaReorder.svelte\";\n\n  export let listingId, listingMedias\n</script>\n\n<MediaReorder listingId={listingId} bind:items={listingMedias}/>\n\n<FileDrop multiple=\"multiple\" accept=\"image/*\" uploadParam=\"listing_medias[]\" uploadEndpoint=\"/listings/{listingId}/listing_medias\" bind:allFiles={listingMedias}/>\n\n","<script>\n  import { flip } from \"svelte/animate\";\n  import { dndzone } from \"svelte-dnd-action\";\n  import { getHeaders } from \"../headers.svelte\";\n\n  export let items, listingId;\n  const flipDurationMs = 300;\n\n  function handleDndConsider(e) {\n    items = e.detail.items;\n  }\n\n  async function deleteMedia(listingMediaId) {\n    if (!window.confirm(\"Êtes vous certain(e) de vouloir supprimer cette image\")) {\n      return;\n    }\n\n    const res = await fetch(\n      `/listings/${listingId}/listing_medias/${listingMediaId}`,\n      {\n        headers: getHeaders(),\n        method: 'DELETE',\n      }\n    );\n\n    if (res.ok) {\n      items = items.filter((item) => {\n        return item.id != listingMediaId\n      })\n    }\n  }\n\n  async function handleDndFinalize(e) {\n    items = e.detail.items;\n\n    let itemsForPost = items.map((item, idx) => {\n      return {id: item.id, position: idx}\n    })\n\n    const res = await fetch(\n      `/listings/${listingId}/reorder_medias`,\n      {\n        headers: getHeaders(),\n        method: 'POST',\n        body: JSON.stringify({listing_medias: itemsForPost})\n      }\n    );\n\n    if (res.ok) {\n\n    } else {\n      throw new Error();\n    }\n\n  }\n</script>\n\n<section class=\"my-6 grid grid-cols-2 md:grid-cols-3 gap-4\"\n  use:dndzone=\"{{items, flipDurationMs, dropTargetStyle: ''}}\"\n  on:consider=\"{handleDndConsider}\"\n  on:finalize=\"{handleDndFinalize}\">\n  {#each items as item(item.id)}\n  <div class=\"rounded-[8px] first:border-[3px] border-secondary\" animate:flip=\"{{duration: flipDurationMs}}\">\n    <div class=\"relative\">\n      <img src=\"{item.url}\" alt=\"{item.id}\" class=\"rounded-[4px] object-fit w-full\">\n      <div class=\"cursor-pointer absolute flex items-center justify-center w-6 h-6 rounded-full gap-x-[2px] bg-gray-100/80 top-2 right-2\" on:click={() => deleteMedia(item.id)}>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          data-prefix=\"fas\"\n          data-icon=\"trash\"\n          class=\"w-3 h-3 text-gray-700 fill-current\"\n          role=\"img\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 448 512\">\n            <path fill=\"currentColor\" d=\"M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z\">\n          </path>\n        </svg>\n\n      </div>\n    </div>\n  </div>\n  {/each}\n</section>\n","<script>\n  import { Icon } from '@steeze-ui/svelte-icon';\n  import { PlusSmall } from '@steeze-ui/heroicons';\n  import { MinusSmall } from '@steeze-ui/heroicons';\n\n  export let name, value, minValue, canIncrease = true\n\n  if(value == undefined){\n    value = 1\n  }\n\n  if(minValue == undefined){\n    minValue = 0\n  }\n\n  function decrease() {\n    if(value > minValue){\n        value --;\n    }\n  }\n\n  function increase() {\n    if(canIncrease){\n      value ++;\n    }\n  }\n</script>\n\n<div class=\"flex items-center\">\n  <span class=\"w-6 h-6 flex justify-center touch-none items-center font-medium text-{value == minValue ? 'gray-200' : 'secondary'} select-none text-xl border-2 border-{value == minValue ? 'gray-200' : 'secondary'} rounded-full block {value == minValue ? '' : 'cursor-pointer'}\" on:click={decrease}>\n    <Icon src={MinusSmall} theme=\"solid\" />\n  </span>\n  <input type=\"number\" class=\"hidden\" name={name} bind:value={value}>\n  <span class=\"w-6 mx-6 text-xl font-semibold text-center\">{value}</span>\n  <span class=\"flex items-center justify-center block w-6 h-6 text-xl font-medium border-2 rounded-full {canIncrease ? 'cursor-pointer' : ''} select-none touch-none text-{canIncrease ? 'secondary' : 'gray-200'} border-{canIncrease ? 'secondary' : 'gray-200'}\" on:click={increase}>\n    <Icon src={PlusSmall} theme=\"solid\" />\n  </span>\n</div>\n","<script>\n  import FileDrop from \"./FileDrop.svelte\";\n\n  export let userId, initialMediaUrl\n\n  // the file drop component is set to work with multiple files\n  // because here we only care about the first one, we have this workaround\n  let userMedias = initialMediaUrl != undefined ? [initialMediaUrl] : []\n  $: mediaUrl = userMedias.length > 0 ? userMedias[userMedias.length - 1].url : \"\"\n\n</script>\n<div class=\"w-full text-center\">\n  <img class=\"object-cover w-32 h-32 mx-auto my-6 border rounded-full border-secondary\" src=\"{mediaUrl || initialMediaUrl}\" alt=\"\">\n</div>\n\n<div class=\"lg:max-w-sm xl:max-w-none\">\n  <FileDrop accept=\"image/*\" uploadParam=\"media\" uploadEndpoint=\"/users/{userId}/user_medias\" bind:allFiles={userMedias}>\n    <p slot=\"header\" class=\"font-semibold\">\n      Choisissez votre nouvelle photo de profil\n    </p>\n  </FileDrop>\n</div>\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","SvelteImporter","componentName","require","notification","writable","processePotentialNotification","data","type","set","notice","message","alert","setTimeout","track","name","properties","request","XMLHttpRequest","open","setRequestHeader","send","JSON","stringify","setupSvelteComponents","customRequireFn","namespace","window","initializedSvelteComponents","forEach","component","undefined","$$","root","parentElement","dataset","turboPermanent","$destroy","document","querySelectorAll","domComponent","attributes","value","childNodes","el","remove","requiredApp","props","getAttribute","svelteComponent","target","parse","push","createEventListeners","svelteComponentsSetup","addEventListener","getHeaders","headers","Headers","csrfToken","head","querySelector","content","append","userId","user_id","$notification","dragEnter","evt","classList","add","preventDefault","uploadedBytes","uploadedBytesAllFiles","totalByteSizeToUpload","tries","errorMessage","multiple","accept","uploadEndpoint","uploadParam","allFiles","refreshFileList","newlyAddedFiles","Array","from","files","filesToUpload","reduce","sum","file","size","uploadImage","pop","formData","FormData","get","responseType","upload","loaded","status","concat","response","media","url","uploadCompletion","dataTransfer","listingId","listingMedias","duration","flipDurationMs","items","dropTargetStyle","deleteMedia","listingMediaId","confirm","fetch","method","ok","filter","item","detail","itemsForPost","idx","position","body","listing_medias","minValue","canIncrease","initialMediaUrl","userMedias","mediaUrl","length"],"sourceRoot":""}