{"version":3,"file":"E6-Jo9k-.js","sources":["../../../../components/molecules/dynamic/branchOpening.vue"],"sourcesContent":["<template>\r\n  <div class=\"branch-opening\">\r\n\r\n    <template v-if=\"props.short\">\r\n      <div class=\"flex gap-4 items-center mb-8 pb-4 text-xl font-bold border-b border-neutral-200\" :class=\"currentStatusColor\">\r\n        <AtomsImagesIcon icon=\"clock\" />\r\n        {{ currentStatus }}\r\n      </div>\r\n      <div v-if=\"openingData.information\" class=\"text-lg font-bold text-error-500\" v-html=\"openingData.information\"></div>\r\n    </template>\r\n\r\n    <template v-else>\r\n\r\n      <!-- header -->\r\n\r\n      <div class=\"flex flex-wrap font-bold\">\r\n\r\n        <div class=\"w-full px-6 py-3 flex items-center justify-center border-l border-t border-r border-neutral-300 tablet:border-b tablet:border-r-0 tablet:flex-1\">\r\n          <AtomsImagesIcon icon=\"clock\" class=\"mr-2\" />\r\n          <component :is=\"props.openingTimeComponentType ?? 'span'\" class=\"text-lg tablet:flex-1\">{{ $t('Otevírací doba') }}</component>\r\n        </div>\r\n\r\n        <div class=\"w-full px-6 py-3 text-lg text-center text-neutral-50 tablet:flex-1 tablet:min-w-[360px]\" :class=\"currentStatusBg\">{{ currentStatus }}</div>\r\n      </div>\r\n\r\n      <!-- details -->\r\n\r\n      <div v-if=\"!openingData.closed || openingData.information\" class=\"pt-4 pb-2 border-b border-neutral-300 tablet:px-4 tablet:border-l tablet:border-r\">\r\n\r\n        <div v-if=\"!openingData.closed\" class=\"branch-opening__days\">\r\n          <div v-for=\"day in days\" class=\"branch-opening__day\" :class=\"{ 'branch-opening__day--closed': day.closed }\">\r\n            <div class=\"branch-opening__day__wrapper\">\r\n              <div class=\"branch-opening__day__label\">\r\n                {{ day.label }}\r\n                <div class=\"branch-opening__day__label__date\">{{ day.date }}</div>\r\n              </div>\r\n              <div class=\"branch-opening__day__times\">\r\n                <template v-if=\"!day.closed && day.times.some(time => time.from !== time.to)\">\r\n                  <div v-for=\"time in day.times.filter(time => time.from !== time.to)\">{{ time.from }} - {{ time.to }}</div>\r\n                </template>\r\n\r\n                <template v-else>\r\n                  <div>{{ $t('Zavřeno') }}</div>\r\n                </template>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"openingData.information\" class=\"branch-opening__information\" v-html=\"openingData.information\"></div>\r\n      </div>\r\n    </template>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script setup>\r\n\r\nconst props = defineProps({\r\n  id: String,\r\n  openingTimeComponentType: String,\r\n  short: Boolean | undefined\r\n});\r\n\r\nconst locale = useLocale().getLocale();\r\nconst i18n = useI18n();\r\nconst utils = useUtils();\r\nconst aUtils = useAvailabilityUtils();\r\n\r\nconst weekDays = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];\r\nconst weekDaysTranslations = ['Neděle', 'Pondělí', 'Úterý', 'Středa', 'Čtvrtek', 'Pátek', 'Sobota'];\r\nconst onWeekDaysTranslations = ['v neděli', 'v pondělí', 'v úterý', 've středu', 've čtvrtek', 'v pátek', 'v sobotu'];\r\n\r\nconst openingData = (await useApiFetch(`/api/branchOpening?branch=${props.id == '0' ? 'OLOMOUC' : (props.id == '1' ? 'SEMILY' : 'OSTRAVA')}&languageId=${locale.languageId}`)).custom.ta.branchOpening;\r\n\r\n//openingData.closed = true;\r\n//openingData.information = '<p>Prosím pozor - máme dočasně změněnou otevírací dobu! Trezorová místnost pouze po telefonické dohodě na telefonu + 420 774 923 869. Omlouváme se za komplikace a děkujeme za pochopení</p>';\r\n//const days = [{ label: 'Dnes', date: '12.07.', closed: true, times: ['09:00 - 12:00', '12:30 - 17:00'] }, { label: 'Dnes', closed: true, date: '12.07.', times: ['09:00 - 12:00', '12:30 - 17:00'] }, 2, 3, 4, 5, 6];\r\n\r\n//#region utils\r\n\r\nconst isBetween = (time, from, to) => {\r\n  let fromArray = from.split(':');\r\n  let toArray = to.split(':');\r\n  let fromNum = parseInt(fromArray[0]) * 100 + parseInt(fromArray[1]);\r\n  let toNum = parseInt(toArray[0]) * 100 + parseInt(toArray[1]);\r\n  let timeNum = time.getHours() * 100 + time.getMinutes();\r\n\r\n  return timeNum > fromNum && timeNum < toNum;\r\n}\r\n\r\nconst isTodayNext = (time, from, to) => {\r\n  let fromArray = from.split(':');\r\n  let toArray = to.split(':');\r\n  let fromNum = parseInt(fromArray[0]) * 100 + parseInt(fromArray[1]);\r\n  let toNum = parseInt(toArray[0]) * 100 + parseInt(toArray[1]);\r\n  let timeNum = time.getHours() * 100 + time.getMinutes();\r\n\r\n  return fromNum > timeNum && toNum > timeNum;\r\n}\r\n\r\nconst trimZero = (time) => {\r\n  return time.replace(/^0+/, '');\r\n}\r\n\r\n//#endregion\r\n\r\nconst days = [];\r\n\r\nlet currentStatus;\r\nlet currentStatusBg;\r\nlet currentStatusColor;\r\n\r\nif (!openingData.closed) {\r\n\r\n  const today = utils.extractDate(new Date());\r\n\r\n  for (let i = 0; i < 7; i++) {\r\n\r\n    const date = utils.addDaysToDate(today, i);\r\n    const basicOpeningTimes = openingData.basicOpeningTimes.find(dayOfWeekTimes => date.getDay() === weekDays.indexOf(dayOfWeekTimes.dayOfWeek));\r\n    const customOpeningTimes = openingData.customOpeningTimes.find(customDay => utils.extractDate(new Date(customDay.date)).getTime() === date.getTime());\r\n\r\n    let dayLabel;\r\n\r\n    switch (i) {\r\n      case 0:\r\n        dayLabel = i18n.t('Dnes');\r\n        break;\r\n      case 1:\r\n        dayLabel = i18n.t('Zítra');\r\n        break;\r\n      default:\r\n        dayLabel = i18n.t(weekDaysTranslations[date.getDay()]);\r\n        break;\r\n    }\r\n\r\n    days.push({\r\n      label: dayLabel,\r\n      rawDate: date,\r\n      date: date.toLocaleDateString(locale.languageCode, { day: 'numeric', month: 'numeric' }).replaceAll(' ', ''),\r\n      closed: customOpeningTimes?.isClosed ?? basicOpeningTimes?.isClosed,\r\n      times: customOpeningTimes?.openingTimes?.length ? customOpeningTimes.openingTimes : basicOpeningTimes.openingTimes\r\n    });\r\n  }\r\n\r\n  const now = new Date();\r\n\r\n  let openingHours = days.find(day => {\r\n\r\n    let isCurrentOrFutureDate = day.rawDate.getTime() >= today.getTime();\r\n    let isOpen = !day.closed;\r\n    let hasOpeningTimes = day.times !== null;\r\n\r\n    let hasValidOpeningTimesToday = day.rawDate.getTime() === today.getTime() &&\r\n      day.times.some(time => isBetween(now, time.from, time.to) || isTodayNext(now, time.from, time.to));\r\n\r\n    let hasValidOpeningTimesFuture = day.rawDate.getTime() > today.getTime() &&\r\n      day.times.some(time => time.from !== time.to);\r\n\r\n    return isCurrentOrFutureDate && isOpen && hasOpeningTimes && (hasValidOpeningTimesToday || hasValidOpeningTimesFuture);\r\n  });\r\n\r\n  if (!openingHours) {\r\n    currentStatus = i18n.t('Dočasně zavřeno');\r\n    currentStatusBg = 'bg-error-500';\r\n    currentStatusColor = 'text-error-500';\r\n  }\r\n\r\n  // today\r\n\r\n  else if (openingHours.rawDate.getTime() === today.getTime()) {\r\n\r\n    let openingTime = openingHours.times.find(time => isBetween(now, time.from, time.to));\r\n    let openingTime2 = openingHours.times.find(time => isTodayNext(now, time.from, time.to));\r\n\r\n    if (openingTime2 && openingTime) {\r\n      currentStatus = i18n.t('Máme otevřeno do {0} a pak zase od {1}', [trimZero(openingTime.to), trimZero(openingTime2.from)]);\r\n      currentStatusBg = 'bg-primary-500';\r\n      currentStatusColor = 'text-primary-500';\r\n    }\r\n    else if (openingTime) {\r\n      currentStatus = i18n.t('Máme otevřeno do {0}', [trimZero(openingTime.to)]);\r\n      currentStatusBg = 'bg-primary-500';\r\n      currentStatusColor = 'text-primary-500';\r\n    }\r\n    else if (openingTime2) {\r\n      currentStatus = i18n.t('Máme otevřeno od {0}', [trimZero(openingTime2.from)]);\r\n      currentStatusBg = 'bg-secondary-500';\r\n      currentStatusColor = 'text-secondary-500';\r\n    }\r\n\r\n  }\r\n\r\n  // tomorrow\r\n\r\n  else if (openingHours.rawDate.getTime() === utils.addDaysToDate(today, 1).getTime()) {\r\n    currentStatus = i18n.t('Otevřeno bude opět zítra v {0}', [trimZero(openingHours.times[0].from)]);\r\n    currentStatusBg = 'bg-secondary-500';\r\n    currentStatusColor = 'text-secondary-500';\r\n  }\r\n\r\n  // day after tomorrow\r\n\r\n  else if (openingHours.rawDate.getTime() === utils.addDaysToDate(today, 2).getTime()) {\r\n    currentStatus = i18n.t('Otevřeno bude opět pozítří v {0}', [trimZero(openingHours.times[0].from)]);\r\n    currentStatusBg = 'bg-secondary-500';\r\n    currentStatusColor = 'text-secondary-500';\r\n  }\r\n\r\n  // other days\r\n\r\n  else {\r\n    currentStatus = i18n.t('Otevřeno bude opět {0} v {1}', [i18n.t(onWeekDaysTranslations[openingHours.rawDate.getDay()]), trimZero(openingHours.times[0].from)]);\r\n    currentStatusBg = 'bg-secondary-500';\r\n    currentStatusColor = 'text-secondary-500';\r\n  }\r\n}\r\nelse {\r\n  currentStatus = i18n.t('Dočasně zavřeno');\r\n  currentStatusBg = 'bg-error-500';\r\n  currentStatusColor = 'text-error-500';\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"postcss\">\r\n.branch-opening {\r\n  @apply mb-4 indent-0 tracking-normal;\r\n\r\n  * {\r\n    @apply !leading-5 !indent-0;\r\n  }\r\n\r\n  &__information {\r\n    @apply py-4 text-error-500 tablet:px-4;\r\n\r\n    &::before {\r\n      @apply content-[''] block mb-2 max-w-[100px] border-b border-error-500;\r\n    }\r\n\r\n    p {\r\n      @apply !mb-0;\r\n    }\r\n  }\r\n\r\n  &__days {\r\n    @apply flex flex-wrap justify-center gap-x-1 gap-y-4 mb-4 tablet:mt-4 desktop:gap-x-4;\r\n  }\r\n\r\n  &__day {\r\n\r\n    @apply text-center;\r\n\r\n    &__label {\r\n      @apply flex flex-col justify-center items-center w-[96px] aspect-square p-2 text-lg border border-neutral-300 text-secondary-500;\r\n\r\n      &__date {\r\n        @apply mt-3 text-3xl font-bold text-neutral-500;\r\n      }\r\n    }\r\n\r\n    &__times {\r\n      @apply mt-1 text-[0.9rem];\r\n    }\r\n\r\n    &--closed {\r\n      @apply text-neutral-300;\r\n\r\n      .branch-opening__day__label {\r\n        @apply text-neutral-300 border-neutral-300;\r\n\r\n        &__date {\r\n          @apply text-neutral-300;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:first-of-type {\r\n      @apply relative w-full flex justify-center tablet:w-auto;\r\n\r\n      .branch-opening__day__wrapper {\r\n\r\n        &::before {\r\n          @apply absolute top-0 left-[calc(50%-0.7rem)] content-[''] border-neutral-50;\r\n          border-left: 0.7rem solid transparent;\r\n          border-right: 0.7rem solid transparent;\r\n          border-top-width: 0.7rem;\r\n        }\r\n      }\r\n\r\n      .branch-opening__day__label {\r\n        @apply text-neutral-50 border-0 bg-secondary-500;\r\n\r\n        &__date {\r\n          @apply text-neutral-50;\r\n        }\r\n      }\r\n    }\r\n\r\n    &--closed:first-of-type {\r\n\r\n      .branch-opening__day__label {\r\n        @apply bg-neutral-300;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props","locale","useLocale","i18n","useI18n","utils","useUtils","useAvailabilityUtils","weekDays","weekDaysTranslations","onWeekDaysTranslations","openingData","__temp","__restore","_withAsyncContext","useApiFetch","isBetween","time","from","to","fromArray","toArray","fromNum","toNum","timeNum","isTodayNext","trimZero","days","currentStatus","currentStatusBg","currentStatusColor","today","i","date","basicOpeningTimes","dayOfWeekTimes","customOpeningTimes","customDay","dayLabel","_a","now","openingHours","day","isCurrentOrFutureDate","isOpen","hasOpeningTimes","hasValidOpeningTimesToday","hasValidOpeningTimesFuture","openingTime","openingTime2"],"mappings":"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"}