{"version":3,"file":"DKAX-UIe.js","sources":["../../../../src/components/w-new-select-date-regular.vue","../../../../src/pages/[id]/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IActivity, IEvent } from '@/types'\n\nconst { moneyFormater } = useMoneyFormater()\nconst { propStateInQuery } = useQueryProp()\n\nconst props = defineProps<{\n  events: IEvent<any>[]\n  activity: IActivity\n}>()\n\nconst { events, activity } = toRefs(props)\n\nconst { formatDate, getDate, getDayOfWeek, getMonth } = useDate()\n\nconst colors = [\n  { label: 'Blue 300', code: '165db7' },\n  { label: 'Blue 200', code: '2070bf' },\n  { label: 'Blue 100', code: '2983c7' },\n  { label: 'Green 300', code: '288f6f' },\n  { label: 'Green 200', code: '279b17' },\n  { label: 'Green 100', code: '89a81d' },\n  { label: 'Yellow 200', code: 'f09a1a' },\n  { label: 'Yellow 100', code: 'EAB522' },\n  { label: 'Orange', code: 'f57e11' },\n  { label: 'Red 200', code: 'd82422' },\n  { label: 'Red 100', code: 'e7511a' },\n  { label: 'Violet 300', code: '77185e' },\n  { label: 'Violet 200', code: '7915ad' },\n  { label: 'Violet 100', code: 'a91d68' },\n  { label: 'Brown', code: '741a0e' }\n]\n\nfunction getRandomColor() {\n  return colors[Math.floor(Math.random() * (colors.length - 1))].code\n}\n\nconst isMounted = ref(false)\n\nconst selectedDate = ref<Date | null>(null)\n\nfunction selectStartDate(value: string) {\n  selectedDate.value = new Date(Date.parse(value))\n}\n\nconst activeDates = computed(() => {\n  const dates = [...events.value.map((el) => el.scheduleInfo.presentationDate)]\n  return [...new Set(dates).values()]\n})\n\nconst groupByPresentationDate = computed(() => {\n  return events.value.reduce((prev, next) => {\n    if (prev[next.scheduleInfo.presentationDate])\n      prev[next.scheduleInfo.presentationDate] = [...prev[next.scheduleInfo.presentationDate], next]\n    else prev[next.scheduleInfo.presentationDate] = [next]\n\n    console.log(prev)\n\n    return prev\n  }, {} as Record<string, IEvent<any>[]>)\n})\n\nconsole.log(groupByPresentationDate)\n\nselectStartDate(activeDates.value[0])\n\nconst groupByDate = computed(() => {\n  const groupedEvents = events.value.reduce((acc, event) => {\n    const date = event.scheduleInfo.presentationDate\n\n    if (!acc[date]) {\n      acc[date] = {\n        presentationDate: event.scheduleInfo.presentationDate,\n        sessionDate: event.scheduleInfo.sessionDate,\n        events: []\n      }\n    }\n\n    acc[date].events.push(event)\n    return acc\n  }, {} as Record<string, { presentationDate: string; sessionDate: string; events: IEvent<any>[] }>)\n\n  return Object.values(groupedEvents)\n})\n\nfunction isWeekend(day) {\n  return new Date(day).getDay() === 0 || new Date(day).getDay() === 6\n}\n\nfunction getWeekName(day: string) {\n  const dayOfWeek = new Date(day).getDay()\n  const dict: { [key: string]: any } = {\n    0: 'ВС',\n    1: 'ПН',\n    2: 'ВТ',\n    3: 'СР',\n    4: 'ЧТ',\n    5: 'ПТ',\n    6: 'СБ'\n  }\n  return dict[dayOfWeek]\n}\n\nconst minPriceEvent = computed(() => {\n  return events.value.reduce((min, event) => {\n    return event.minPrice < min.minPrice ? event : min\n  }, events.value[0])\n})\n\nconst length = ref(10)\n\nconst showEvents = computed(() => events.value.slice(0, length.value))\n\nfunction showMore() {\n  if (length.value > showEvents.value.length) {\n    return\n  }\n  length.value = length.value + 10\n}\n\nfunction scrollToTop() {\n  const firstEvent = document.querySelector('.mobileEvents')\n  if (firstEvent) {\n    firstEvent.scrollIntoView({ behavior: 'smooth', block: 'start' })\n  }\n}\n</script>\n\n<template>\n  <main class=\"relative mx-auto h-full w-full flex flex-col px-4 lg:px-17 py-10\">\n    <div class=\"flex mb-8 flex-col-reverse lg:flex-row gap-6 w-full justify-between\">\n      <div class=\"lg:max-w-1/2 flex flex-col gap-2\">\n        <h6 class=\"text-base font-500 font-sf-pro text-gray-500 flex flex-row justify-between\">\n          <span class=\"text-right lg:text-left text-base font-500 font-sf-pro text-gray-500\">\n            {{ activity.organization.name }}\n          </span>\n        </h6>\n        <h4 class=\"text-justify lg:text-left text-4xl font-500 font-sf-pro text-gray-900\">\n          {{ activity.title }}\n        </h4>\n      </div>\n    </div>\n\n    <p class=\"font-sf-pro text-xl font-medium pb-4\">Расписание</p>\n    <hr class=\"bg-gray-500 mb-0\" />\n\n    <div\n      v-if=\"events.length > 0\"\n      class=\"flex flex-col pr-4 mb-10 overflow-y-auto min-w-full w-full\"\n    >\n      <div class=\"hidden md:flex flex-col\">\n        <table>\n          <tr v-for=\"(date, ind) in groupByDate\" class=\"border-b last:border-none border-gray-200\">\n            <td style=\"vertical-align: top\" class=\"py-8\">\n              <div class=\"flex flex-row space-x-3 items-center\">\n                <p class=\"text-[48px] leading-10\">\n                  {{ Number(date.presentationDate.split('-')[2]) }}\n                </p>\n                <div class=\"flex flex-col pt-2 space-y-1 font-sf-pro justify-center\">\n                  <p\n                    class=\"text-sm\"\n                    :class=\"\n                      isWeekend(date.sessionDate) ? 'text-decorative-scarlet' : 'text-gray-500'\n                    \"\n                  >\n                    {{ getDayOfWeek(date.sessionDate).toLowerCase() }}\n                  </p>\n                  <p class=\"text-sm\">\n                    {{ formatDate(date.sessionDate, 'D MMMM').split(' ')[1] }}\n                  </p>\n                </div>\n              </div>\n            </td>\n            <td style=\"vertical-align: top\" class=\"py-8\">\n              <div class=\"grid grid-cols-1 gap-4\">\n                <div\n                  v-for=\"event in date.events\"\n                  class=\"flex flex-row font-sf-pro space-x-3 justify-between items-center\"\n                >\n                  <p class=\"text-base\">\n                    {{ formatDate(event.scheduleInfo.sessionDate, 'HH:mm') }}\n                  </p>\n                  <p class=\"text-[#7f7f7f]\">{{ event.place.name }}</p>\n                  <nuxt-link\n                    class=\"w-fit\"\n                    :to=\"\n                      event.scheduleInfo.saleStatus === 'closed'\n                        ? ''\n                        : propStateInQuery(`/${event.id}/fullscreen`)\n                    \"\n                  >\n                    <t-button\n                      rounded=\"large\"\n                      class=\"font-normal !px-4 w-full !text-sm h-9\"\n                      :class=\"\n                        event.scheduleInfo.saleStatus === 'closed'\n                          ? 'opacity-60 cursor-not-allowed'\n                          : ''\n                      \"\n                    >\n                      Билеты от {{ moneyFormater(event.minPrice) }}\n                    </t-button>\n                  </nuxt-link>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </table>\n      </div>\n      <!-- mobile -->\n      <div class=\"mobileEvents flex md:hidden flex-col\">\n        <div\n          class=\"flex flex-row py-5 border-b last:border-none border-gray-200 space-x-5\"\n          v-for=\"event in showEvents\"\n          :key=\"event.id\"\n        >\n          <div class=\"flex pt-0.5 font-sf-pro items-center font-medium flex-col space-y-1\">\n            <p class=\"text-[32px] !leading-6\">\n              {{ Number(event.scheduleInfo.presentationDate.split('-')[2]) }}\n            </p>\n            <p class=\"text-sm\">\n              {{ formatDate(event.scheduleInfo.presentationDate, 'MMM').split('.')[0] }}\n            </p>\n          </div>\n\n          <div class=\"grid grid-cols-1 gap-2\">\n            <p class=\"text-sm font-semibold\">\n              {{ getWeekName(event.scheduleInfo.presentationDate) }}\n              {{ formatDate(event.scheduleInfo.sessionDate, 'HH:mm') }}\n            </p>\n\n            <p class=\"text-sm text-[#7f7f7f] font-semibold\">{{ event.place.name }}</p>\n\n            <nuxt-link\n              class=\"w-fit mt-3\"\n              :to=\"\n                event.scheduleInfo.saleStatus === 'closed'\n                  ? ''\n                  : propStateInQuery(`/${event.id}/fullscreen`)\n              \"\n            >\n              <t-button\n                rounded=\"large\"\n                class=\"font-normal !px-4 w-full !text-sm h-8\"\n                :class=\"\n                  event.scheduleInfo.saleStatus === 'closed' ? 'opacity-60 cursor-not-allowed' : ''\n                \"\n              >\n                Билеты от {{ moneyFormater(event.minPrice) }}\n              </t-button>\n            </nuxt-link>\n          </div>\n        </div>\n        <div\n          v-if=\"events.length > 10 && length < events.length\"\n          class=\"w-fit mt-6 mb-6 md:hidden mx-auto font-sf-pro text-base rounded-full w-full px-4 py-3 bg-[#00000012] cursor-pointer text-center\"\n          @click=\"showMore()\"\n        >\n          Показать еще\n        </div>\n      </div>\n    </div>\n  </main>\n  <!-- <div\n    class=\"absolute md:hidden bottom-0 h-20 border-t botder-gray-200 w-full px-4 bg-white flex justify-center items-center\"\n    style=\"box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05)\"\n  >\n    <t-button\n      rounded=\"large\"\n      class=\"font-normal w-full !px-4 w-full !text-base h-11\"\n      @click=\"scrollToTop()\"\n    >\n      Билеты от {{ moneyFormater(minPriceEvent.minPrice) }}\n    </t-button>\n  </div> -->\n</template>\n","<script setup lang=\"ts\">\nimport { useWidgetStore } from '~/stores/widget-store'\nconst route = useRoute()\nconst { $get } = useApi()\n\nconst now = new Date(Date.now()).toISOString()\nconst widgetStore = useWidgetStore()\n\nconst { data: state } = await useAsyncData(\n  `activity page data by - ${route.params.id}`,\n  async () => {\n    const [activity, events] = await Promise.all([\n      $get(`/api/v1/activity/${route.params.id}`),\n      $get(\n        `/api/v1/event?scheduleInfo.saleEnding_gte=${now}&scheduleInfo.saleOpening_lte=${now}&activityId=${route.params.id}&_sort=scheduleInfo.sessionDate:asc`\n      )\n    ])\n\n    return {\n      activity,\n      events\n    }\n  }\n)\n\nconst { tariff } = await useOrgTariff(state.value?.activity.organization.id as string)\n\nconst { data: user } = await useAsyncData<any>(\n  `get user by widgetStore.token ${widgetStore.token}`,\n  () => $get('/api/v1/auth', { headers: { Authorization: widgetStore.token } }),\n  { default: () => null }\n)\n\nconst showPage = computed(() => {\n  if (\n    (tariff &&\n      tariff.features.onlineSales &&\n      (!user.value || (user.value && user.value.role === 'client'))) ||\n    (tariff &&\n      tariff.features.offlineSales &&\n      user.value &&\n      (user.value.role === 'merchant' || user.value.role === 'agent'))\n  ) {\n    return true\n  }\n  return false\n})\n</script>\n\n<template>\n  <BwWrapper v-if=\"showPage\">\n    <section v-if=\"state.activity && state.events && state.events.length\" class=\"h-full w-full flex\">\n      <w-new-select-date-regular :activity=\"state?.activity\" :events=\"state?.events\" />\n    </section>\n  </BwWrapper>\n</template>\n"],"names":["moneyFormater","useMoneyFormater","propStateInQuery","useQueryProp","props","__props","events","activity","toRefs","formatDate","getDate","getDayOfWeek","getMonth","useDate","ref","selectedDate","selectStartDate","value","activeDates","computed","dates","el","groupByPresentationDate","prev","next","groupByDate","groupedEvents","acc","event","date","isWeekend","day","getWeekName","dayOfWeek","min","length","showEvents","showMore","route","useRoute","$get","useApi","now","widgetStore","useWidgetStore","state","__temp","__restore","_withAsyncContext","useAsyncData","tariff","useOrgTariff","_a","user","showPage"],"mappings":"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"}