{"version":3,"file":"-legacys97-9zQh.js","sources":["../../../../widget/views/EventWidgetMinimalView.vue"],"sourcesContent":["<template>\n  <div class=\"w-full overflow-x-hidden\">\n    <WidgetHeader :with-back-button=\"!isInWidgetEntry\">\n      <template #title v-if=\"eventState\">\n        {{ eventState.title }}\n        <template v-if=\"ageGroups\">\n          <span\n            v-for=\"(ageGroup, index) in ageGroups\"\n            :key=\"index\"\n            class=\"widget-header__badge ml-1 inline-block w-fit justify-end rounded-full bg-white/20 px-2 align-middle text-sm\"\n          >\n            {{ ageGroup.name }}\n          </span>\n        </template>\n      </template>\n      <template\n        #info\n        v-if=\"\n          eventState &&\n          eventState.eventPlanners &&\n          eventState.eventPlanners.length\n        \"\n      >\n        <div\n          class=\"relative z-20\"\n          @mouseenter=\"$device.isDesktop ? (showInfo = true) : ''\"\n          @mouseleave=\"$device.isDesktop ? (showInfo = false) : ''\"\n          @click.stop.prevent=\"showInfo = !showInfo\"\n        >\n          <p\n            class=\"info-dropdown cursor-pointer whitespace-nowrap text-sm font-medium underline\"\n          >\n            Информация об организаторе\n          </p>\n          <Transition name=\"fade\">\n            <div\n              v-show=\"showInfo\"\n              v-outside-click=\"outsideClickConfig\"\n              class=\"absolute right-1/2 top-4 translate-x-1/2 text-left\"\n            >\n              <UiDropdownContainer\n                class=\"min-w-56 text-white\"\n                position-y=\"bottom\"\n                position-x=\"center\"\n                shadow=\"small\"\n              >\n                <ul\n                  v-for=\"planner in eventState.eventPlanners\"\n                  :key=\"planner.id\"\n                  class=\"rounded bg-white py-1 text-black\"\n                >\n                  <li class=\"px-2 text-[0.625rem]\">\n                    <span class=\"font-semibold\">Организатор:</span>&nbsp;<span\n                      class=\"break-words\"\n                      >{{ planner.title || '–' }}</span\n                    >\n                  </li>\n                  <li class=\"px-2 text-[0.625rem]\">\n                    <span class=\"font-semibold\">ИНН/ОГРН:</span>&nbsp;<span\n                      class=\"break-words\"\n                      >{{ planner.inn || '-' }}/{{ planner.ogrn || '-' }}</span\n                    >\n                  </li>\n                  <li class=\"px-2 text-[0.625rem]\">\n                    <span class=\"font-semibold\">Адрес:</span>&nbsp;<span\n                      class=\"break-words\"\n                      >{{ planner.address?.addressString || '–' }}</span\n                    >\n                  </li>\n                </ul>\n              </UiDropdownContainer>\n            </div>\n          </Transition>\n        </div>\n      </template>\n    </WidgetHeader>\n    <div class=\"flex w-full flex-1 justify-center\">\n      <UiContainer>\n        <PortalTarget multiple name=\"order-form-widget\" class=\"z-[100]\" />\n        <UiContent tag=\"section\">\n          <EventOrderCard\n            v-if=\"isInitialized && eventState\"\n            id=\"orderCard\"\n            v-bind=\"{ widgetOrderPayload }\"\n            class=\"relative rounded-none\"\n            :value=\"eventState\"\n            :loading=\"loading || eventLoading\"\n            :skeleton=\"isSkeletonActive\"\n            @event-select=\"onEventSelect\"\n          />\n          <EventOrderCardSkeleton v-else />\n        </UiContent>\n      </UiContainer>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport throttle from 'lodash/throttle.js'\nimport { storeToRefs } from 'pinia'\nimport type { ChangeDatePayload } from '@/models'\nimport { useActivityStore } from '@/store/Activity/activity.store'\nimport { useConfirmLayerStore } from '@/store/confirmLayer.store'\nimport { useDebugStore } from '@/store/debug.store'\nimport { useEventStore } from '@/store/Event/event.store'\nimport { useEventPageKitStore } from '@/store/Event/eventPageKit.store'\nimport { useLocationStore } from '@/store/location.store'\nimport { useModalStore } from '@/store/modal.store'\nimport { useOrderStore } from '@/store/Order/order.store'\nimport { usePageKitStore } from '@/store/pageKit.store'\nimport { useSeoMetaStore } from '@/store/seoMeta.store'\nimport { useWidgetConfigurationStore } from '@/store/widgetConfiguration.store'\nimport { useWidgetEnvironment } from '~/widget/composables/useWidgetEnvironment'\nimport { useTicketStore } from '~/store/Order/ticket.store'\nimport { useQuotaStore } from '~/store/Order/quota.store'\nimport { useEventBucketStore } from '~/store/Event/eventBucket.store'\n\nconst kameleoonAnalytics = useKameleoonAnalytics()\nconst { currentLocation } = useLocationStore()\n\nprovide('isInMinimalWidgetLayout', true)\n\nconst widgetConfigurationStore = useWidgetConfigurationStore()\nconst widgetOrderPayload = {\n  widgetKey: widgetConfigurationStore.widgetConfiguration?.apiKey,\n}\nconst { isInitialized } = useWidgetEnvironment()\n\nconst isInWidgetEntry = inject('isInWidgetEntry')\nconst { errors, loading } = storeToRefs(usePageKitStore())\nconst {\n  errors: eventErrors,\n  loading: eventLoading,\n  isCriticalEventPageContentSet,\n  isHashEventLoaded,\n} = storeToRefs(useEventPageKitStore())\nconst { getEventPageKitById, setHasEventLoaded } = useEventPageKitStore()\n\nconst { activity } = storeToRefs(useActivityStore())\n\nconst { event: eventState } = storeToRefs(useEventStore())\n\nconst { waitForConfirm } = useConfirmLayerStore()\n\n/**\n * отображение скелетонов\n */\nconst eventPageKitHasError = computed(() => errors.value.length)\nconst isSkeletonActive = computed(() => {\n  return !!(\n    eventPageKitHasError.value ||\n    eventErrors.value.length ||\n    !isCriticalEventPageContentSet.value\n  )\n})\n\n/**\n * отображение кнопки купить на мобильных устройствах,\n * если её не видно в других блоках\n */\nconst showFixedOrderBtn = ref(false)\nconst intersectionObserverOptions: IntersectionObserverInit = {\n  rootMargin: '10px',\n  threshold: 0,\n}\nconst observer = ref<IntersectionObserver | null>(null)\nconst basicInformation = ref<Element>()\n\n/**\n * создает IntersectionObserver\n */\nconst initMobileOrderButtonObserver = () => {\n  if (!basicInformation.value) return\n\n  observer.value = new IntersectionObserver(\n    intersectionObserverCallBack,\n    intersectionObserverOptions,\n  )\n\n  observer.value.observe(basicInformation.value)\n}\n\n/**\n * убирает IntersectionObserver\n */\nconst destroyMobileOrderButtonObserver = () => {\n  if (!basicInformation.value || !observer.value) return\n\n  observer.value.unobserve(basicInformation.value)\n  observer.value = null\n}\n\n/**\n * обрабатывает показ кнопки\n * @param entries\n * @param _observer\n */\nconst intersectionObserverCallBack: IntersectionObserverCallback = function (\n  entries: IntersectionObserverEntry[],\n  _observer: IntersectionObserver,\n) {\n  entries.forEach((entry) => {\n    const { isIntersecting } = entry\n\n    showFixedOrderBtn.value = !isIntersecting\n  })\n}\n\nonMounted(() => {\n  initMobileOrderButtonObserver()\n})\n\nonUnmounted(() => {\n  destroyMobileOrderButtonObserver()\n})\n\n/**\n * END\n */\n\n/**\n * обработка смены даты в селекторе дат\n */\nconst { clearQuotaMap } = useQuotaStore()\nconst { clearTickets } = useTicketStore()\nconst { tickets } = storeToRefs(useTicketStore())\nconst { closeModal, showModal } = useModalStore()\nconst { isAnyModalDisabledClosing } = storeToRefs(useModalStore())\nconst { getPageKit } = usePageKitStore()\nconst onEventSelect = async (data: ChangeDatePayload) => {\n  const { event: selectedEvent, openOrderMobile } = data\n\n  if (Array.isArray(selectedEvent)) return\n\n  const isSameEvent = selectedEvent.id === eventState.value?.id\n\n  if (isSameEvent && !isMobileVersion.value) return\n\n  const confirm =\n    !tickets.value.length || isSameEvent\n      ? true\n      : await waitForConfirm(\n          'При смене даты события выбранные билеты будут удалены.<br/>Все равно сменить дату?',\n          { applyText: 'Продолжить' },\n        )\n\n  if (!confirm) return\n\n  closeModal('closeAll')\n\n  if (!isSameEvent) {\n    clearTickets()\n    clearQuotaMap()\n\n    selectedEvent.id\n      ? getEventPageKitById(selectedEvent.id)\n      : getPageKit(selectedEvent.urlSlug)\n  }\n  if (isMobileVersion.value && openOrderMobile) {\n    showModal({\n      key: 'orderCardModal',\n      modalConfig: {\n        component: resolveComponent('SchemeCard'),\n        modalComponentProps: {\n          widgetOrderPayload,\n          inModal: true,\n          isMobileVersion,\n        },\n        isModalCloseButtonShown: true,\n        modalSize: 'fullScreen',\n      },\n    })\n  }\n  const route = useRoute()\n\n  useRouter().push({\n    ...route,\n    query: { ...route.query, id: selectedEvent.id },\n  })\n}\n\n/**\n * END\n */\n\n/**\n * отслеживает тип верстки в зависимости от экрана\n */\nconst { isMdAndDown } = useBreakpoints()\nconst isMobileVersion = ref(false)\n\nconst onViewportChange = throttle(() => {\n  isMobileVersion.value = isMdAndDown(window.innerWidth)\n}, 500)\n\nwatch(isMobileVersion, (newValue) => {\n  // Если переключились с мобильного вьюпорта на немобильный\n  // (например, перевернули телефон), закрываем все модальные окна\n  !newValue && !isAnyModalDisabledClosing.value && closeModal('closeAll')\n})\n\nonBeforeMount(() => {\n  onViewportChange()\n  window.addEventListener('resize', onViewportChange)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('resize', onViewportChange)\n})\n\n/**\n * END\n */\n\n/**\n * событие для RetailRocket\n */\n\nconst initRetailRocketGroupViewEvent = () => {\n  const retailRoketAnalytics = useRetailRoketAnalytics()\n\n  if (eventState.value?.id) {\n    retailRoketAnalytics.groupView(\n      [eventState.value.id] || 0,\n      currentLocation!.name,\n    )\n  }\n}\n\n/**\n * END\n */\n\n/**\n * получение эвента по хэшу, если он есть в урле\n */\nconst getEventWithHash = async () => {\n  const { hash } = useRoute()\n  const id = parseInt(hash.replace('#', ''), 10)\n\n  if (isHashEventLoaded.value || !id) return\n\n  await getEventPageKitById(id)\n}\n\nonMounted(async () => {\n  await getEventWithHash()\n  setHasEventLoaded(true)\n  initRetailRocketGroupViewEvent()\n  kameleoonAnalytics.eventView(eventState.value!, currentLocation!.name)\n})\n\nonUnmounted(() => {\n  setHasEventLoaded(false)\n})\n\n/**\n * END\n */\n\n/**\n * SEO\n */\nconst { isIos, isMobileOrTablet } = useDevice()\nconst { getEventPageHead } = useSeo()\nconst { seoMeta } = storeToRefs(useSeoMetaStore())\n\nconst eventViewHead = ref<ReturnType<typeof getEventPageHead> | undefined>(\n  getEventPageHead(seoMeta.value, eventState.value, activity.value),\n)\n\nif (isMobileOrTablet && isIos) {\n  eventViewHead.value?.meta?.push({\n    name: 'viewport',\n    hid: 'viewport',\n    content: 'width=device-width,initial-scale=1,user-scalable=0',\n  } as any)\n}\n\nuseHead({\n  meta: eventViewHead.value?.meta || [],\n  link: eventViewHead.value?.link || [],\n})\n\n/**\n * END\n */\n\n/**\n * устанавливает тип страницы для дебаг панели\n */\nconst { setPageView } = useDebugStore()\n\nonMounted(() => {\n  setPageView('event')\n})\n\nonUnmounted(() => {\n  setPageView(undefined)\n})\n\n/**\n * END\n */\n\n/**\n * очищение события при переходе по другой ссылке\n */\nconst { beforeEach } = useRouter()\nconst { path: eventPath } = useRoute()\nconst { resetOrder } = useOrderStore()\n\nbeforeEach((to, _from) => {\n  const { path: toPath } = to\n\n  if (toPath === eventPath) return\n\n  resetOrder()\n})\n\n/**\n * END\n */\n\n/**\n * вывод информации об организаторе\n */\nconst $device = useDevice()\nconst showInfo = ref(false)\n\nconst outsideClickConfig = {\n  ignoreElements: [`.info-dropdown`],\n  handler: () => (showInfo.value = false),\n}\n/**\n * END\n */\n\n/**\n * собираем значения для плашек возраста\n */\nconst ageGroups = computed(() =>\n  eventState.value && eventState.value.ageGroup\n    ? [eventState.value.ageGroup]\n    : activity.value?.ageGroups,\n)\n/**\n * END\n */\n\n// если событие одно, показываем на мобиле сразу схему\nconst { currentEventBucket } = storeToRefs(useEventBucketStore())\n\nonBeforeMount(() => {\n  if (\n    isMobileVersion.value &&\n    (!currentEventBucket.value?.events?.length ||\n      currentEventBucket.value?.events?.length === 1)\n  ) {\n    onEventSelect({\n      event: {\n        id: eventState.value!.id,\n        beginsAt: eventState.value!.beginsAt,\n        urlSlug: eventState.value!.urlSlug,\n      },\n      openOrderMobile: true,\n    })\n  }\n})\n</script>\n"],"names":["kameleoonAnalytics","useKameleoonAnalytics","currentLocation","useLocationStore","provide","widgetOrderPayload","widgetKey","_widgetConfigurationS","useWidgetConfigurationStore","widgetConfiguration","apiKey","isInitialized","useWidgetEnvironment","isInWidgetEntry","inject","errors","loading","storeToRefs","usePageKitStore","eventErrors","eventLoading","isCriticalEventPageContentSet","isHashEventLoaded","useEventPageKitStore","getEventPageKitById","setHasEventLoaded","activity","useActivityStore","event","eventState","useEventStore","waitForConfirm","useConfirmLayerStore","eventPageKitHasError","computed","value","length","isSkeletonActive","showFixedOrderBtn","ref","intersectionObserverOptions","rootMargin","threshold","observer","basicInformation","intersectionObserverCallBack","entries","_observer","forEach","entry","isIntersecting","onMounted","IntersectionObserver","observe","onUnmounted","unobserve","clearQuotaMap","useQuotaStore","clearTickets","useTicketStore","tickets","closeModal","showModal","useModalStore","isAnyModalDisabledClosing","getPageKit","onEventSelect","async","_eventState$value","selectedEvent","openOrderMobile","data","Array","isArray","isSameEvent","id","isMobileVersion","applyText","urlSlug","key","modalConfig","component","__nuxt_component_0","modalComponentProps","inModal","isModalCloseButtonShown","modalSize","route","useRoute","useRouter","push","query","isMdAndDown","useBreakpoints","onViewportChange","throttle","window","innerWidth","watch","newValue","onBeforeMount","addEventListener","removeEventListener","hash","parseInt","replace","getEventWithHash","initRetailRocketGroupViewEvent","_eventState$value2","retailRoketAnalytics","useRetailRoketAnalytics","groupView","name","eventView","isIos","isMobileOrTablet","useDevice","getEventPageHead","useSeo","seoMeta","useSeoMetaStore","eventViewHead","_eventViewHead$value","meta","hid","content","useHead","_eventViewHead$value2","link","_eventViewHead$value3","setPageView","useDebugStore","beforeEach","path","eventPath","resetOrder","useOrderStore","to","_from","toPath","$device","showInfo","outsideClickConfig","ignoreElements","handler","ageGroups","_activity$value","ageGroup","currentEventBucket","useEventBucketStore","_currentEventBucket$v","_currentEventBucket$v2","events","beginsAt"],"mappings":"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"}