{"version":3,"file":"multilocation-DXzVPuDq.js","sources":["../../src/apps/multilocation/MultilocationApp.vue","../../src/api/Company.ts","../../src/apps/multilocation/views/LocationSelector.vue","../../src/apps/multilocation/router.ts","../../src/apps/multilocation/main.ts"],"sourcesContent":["<template lang=\"pug\">\nApp\n</template>\n\n<script setup lang=\"ts\">\nimport App from \"@/App.vue\";\nimport { useRecaptchaProvider } from 'vue-recaptcha/head';\n\nuseRecaptchaProvider()\n</script>\n","import type { App } from \"@/models\";\nimport { get as apiGet } from \"./API\";\n\nexport function locations(): Promise<App[]> {\n  return apiGet(\"company/locations\");\n}\n","<template lang=\"pug\">\nEatView(:loading=\"viewLoading\")\n  template(v-slot:default)\n    div.bg-white.border-b.px-4.py-2\n      EatSearchBar.elevation-1(v-model=\"searchInput\" icon=\"$search\" ref=\"inputRef\" :placeholder=\"$t('multilocation.searchBarPlaceholder')\")\n        template(v-slot:append-content)\n          EatIconBtn(icon=\"$position\" :padding=\"3\" :loading=\"isLoadingGeolocation\" @click=\"sortByDistance\")\n    div.bg-neutral-a.flex-grow-1(v-scrollable=\"true\")\n      div.bg-primary.text-center.px-9.py-3 {{ $t(\"multilocation.orderFromOurLocations\") }}\n      div.rounded-xxl.container.bg-white.mt-2.mb-5.pt-8\n        div.locations__container\n          transition-group(name=\"fade\" tag=\"div\" v-if=\"filteredLocations.length\")\n            div.location__card.px-3.pb-2(v-for=\"location in filteredLocations\" :key=\"location.channel\")\n              a.text-black(:href=\"getWebappUrl(location)\")\n                EatImage.location__image.rounded-lg(:src=\"location.coverImageUrl\" aspectRatio=\"16/9\")\n                div.pt-3.pb-6\n                  div.text-h6.mb-3 {{ location.location.businessName }}\n                  div.mb-1 {{ getAddressToString(location.location) }}\n                  div.text-primary {{ getOpeningHours(location.location.openingHours) }}\n</template>\n\n<script setup lang=\"ts\">\nimport { locations as getCompanyLocations } from \"@/api/Company\";\nimport EatSearchBar from \"@/components/utils/EatSearchBar.vue\";\nimport type { App, AppLocation } from \"@/models\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { onMounted, ref, watch } from \"vue\";\nimport type { OpeningHours } from \"@/models/AppLocation\";\nimport { DateTime } from \"luxon\";\nimport { getDeliveryDistanceMatrix, getGeocodingFromGeolocation } from \"@/utils/googleUtils\";\nimport { useGeolocation } from \"@/store/delivery/newAddress\";\nimport type { Address } from \"@/models/Address\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { Saletype } from \"@/models/App\";\nimport { useI18n } from \"vue-i18n\";\nimport { setupColors } from \"@/styles/setupColors\";\n\ninterface SortableByDistanceLocation extends App {\n  fullAddress: string;\n  distance: number;\n}\n\nconst viewLoading = ref(true);\nconst locations = ref<SortableByDistanceLocation[]>([]);\nconst filteredLocations = ref<SortableByDistanceLocation[]>([]);\n/* const theme = useTheme(); */\nconst i18n = useI18n();\nconst urlBack = ref(window.location.hostname.split(\".\")[0]);\nsetAppTitle(i18n.t(\"multilocation.title\").toString());\n\nconst { geolocalize } = useGeolocation();\nconst isLoadingGeolocation = ref(false);\n\nconst getAddressToString = (location: AppLocation) => {\n  const { city, address, zipCode, province } = location;\n  return `${address} ${city}, ${zipCode} ${province}`;\n};\n\ntype Coords = { lat: number; lng: number };\n// Riferimento: https://www.movable-type.co.uk/scripts/latlong.html\n// Note in these scripts, I generally use lat/lon for lati­tude/longi­tude in degrees, and φ/λ for lati­tude/longi­tude in radians –\n// having found that mixing degrees & radians is often the easiest route to head-scratching bugs...\nconst getDistance = (coords1: Coords, coords2: Coords) => {\n  const R = 6371e3; // metres\n  const φ1 = (coords1.lat * Math.PI) / 180; // φ, λ in radians\n  const φ2 = (coords2.lat * Math.PI) / 180;\n  const Δφ = ((coords2.lat - coords1.lat) * Math.PI) / 180;\n  const Δλ = ((coords2.lng - coords1.lng) * Math.PI) / 180;\n\n  const a =\n    Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +\n    Math.cos(φ1) * Math.cos(φ2) * Math.sin(Δλ / 2) * Math.sin(Δλ / 2);\n  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n\n  const d = R * c; // in metres\n  return Math.floor(d) / 1000;\n};\n\nconst sortByDistance = async () => {\n  isLoadingGeolocation.value = true;\n  locations.value = [];\n  const position = ref<{ lat: number; lng: number }>();\n  const geolocation = ref<Address>();\n  try {\n    position.value = await geolocalize(10000);\n    for (const location of filteredLocations.value) {\n      const fullAddress = getAddressToString(location.location);\n      let distance = 0;\n      if (location.location.geo?.lat && location.location.geo?.lon) {\n        distance = getDistance(position.value, {\n          lat: location.location.geo.lat,\n          lng: location.location.geo.lon\n        });\n      } else {\n        if (!geolocation.value)\n          geolocation.value = await getGeocodingFromGeolocation(position.value);\n        distance = await getDeliveryDistanceMatrix(fullAddress, geolocation.value);\n      }\n      locations.value.push({ ...location, distance, fullAddress });\n    }\n    locations.value.sort((a, b) => a.distance - b.distance);\n    filteredLocations.value = JSON.parse(JSON.stringify(locations.value));\n  } catch (e) {\n    const error = e as { code: number };\n    if (error?.code === 3) {\n      setSnackbar(\n        i18n.t(\"deliveryAddress.snackbar.geolocationTimeout\").toString(),\n        TypeSnackbar.WARNING\n      );\n    }\n  } finally {\n    isLoadingGeolocation.value = false;\n  }\n};\n\nonMounted(async () => {\n  const companyLocations = (await getCompanyLocations()) as SortableByDistanceLocation[];\n  setupColors(companyLocations[0].primaryColor, companyLocations[0].secondaryColor);\n  filteredLocations.value = JSON.parse(JSON.stringify(companyLocations));\n  viewLoading.value = false;\n\n  sortByDistance();\n});\n\nconst getOpeningHours = (openingHours: OpeningHours[] | undefined) => {\n  const todaysWeekDay = DateTime.now().weekday % 7;\n  const todaysOpeningHoursSlots = openingHours?.find(day => day.weekday === todaysWeekDay)\n    ?.slots;\n  let openingHoursString = !todaysOpeningHoursSlots?.length\n    ? i18n.t(\"location.closed\")\n    : i18n.t(\"location.open\") + \" \";\n  todaysOpeningHoursSlots?.forEach((slot, i) => {\n    openingHoursString += `${slot.from} - ${slot.to} ${\n      todaysOpeningHoursSlots.length > 1 && i !== todaysOpeningHoursSlots.length - 1\n        ? \" | \"\n        : \"\"\n    }`;\n  });\n  return openingHoursString;\n};\n\nconst searchInput = ref(\"\");\n\nwatch(searchInput, () => {\n  if (locations.value.length) {\n    filteredLocations.value = JSON.parse(JSON.stringify(locations.value));\n    filteredLocations.value = filteredLocations.value.filter(location => {\n      return (\n        location.fullAddress.toLowerCase().includes(searchInput.value.toLowerCase()) ||\n        location.location.businessName.toLowerCase().includes(searchInput.value.toLowerCase())\n      );\n    });\n  }\n});\n\nconst getWebappUrl = ({ appUrl, services }: App) => {\n  if (\n    services[Saletype.DELIVERY].active ||\n    services[Saletype.TAKEAWAY].active ||\n    services[Saletype.RESERVATION].active\n  )\n    return appUrl;\n  if (services[Saletype.TAKEAWAY_ON_SITE].active) return `${appUrl}/takeAwayOnSite`;\n  else return `${appUrl}/menu`;\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { createRouter, createWebHashHistory, type RouteRecordRaw } from \"vue-router\";\nimport EatTopBar from \"@/layout/partials/EatTopBar.vue\";\nimport LocationSelector from \"@/apps/multilocation/views/LocationSelector.vue\";\n\nconst routes: Array<RouteRecordRaw> = [\n  {\n    path: \"/\",\n    name: \"locationSelector\",\n    components: {\n      topBar: EatTopBar,\n      default: LocationSelector\n    },\n    meta: {\n      mainView: true,\n      hideNavbar: true,\n      topBarBorderBottom: true\n    }\n  },\n  {\n    path: '/:pathMatch(.*)*',\n    redirect: { name: \"locationSelector\" }\n  }\n];\n\nconst router = createRouter({\n    history: createWebHashHistory(),\n    routes\n});\n\nexport default router;","import createEatUp from \"@/app\";\nimport MultilocationApp from \"./MultilocationApp.vue\";\nimport router from \"./router\";\nimport { EAT_UP_PAGES } from \"@/types\";\n\ncreateEatUp(MultilocationApp, router, EAT_UP_PAGES.MULTILOCATION);\n"],"names":["apiGet","locations","getCompanyLocations","MultilocationApp"],"mappings":"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"}