{"version":3,"file":"_nuxt/BjKVRDW-.js","sources":["../../../../types/api/api-v4/slider.ts","../../../../components/Main/MainCategoryBannerMobile.vue","../../../../components/Main/MainCategoryProductList.vue","../../../../components/Main/MainEmailFactoid.vue","../../../../components/Main/TheMain.vue","../../../../pages/index.vue"],"sourcesContent":["import { NewProduct } from '@/types/api/api-v4/product'\nimport { Factoid } from '@/types/main'\n\nexport interface Slider {\n  factoid: Factoid\n  link: SliderLink\n  name: string\n  products: NewProduct[]\n  type: SliderType\n}\n\nexport type SliderLink = {\n  title: string\n  path: string\n}\n\nexport enum SliderType {\n  SALE = 'sale',\n  SIMPLE = 'simple',\n  POPULAR = 'popular',\n}\n\nexport interface Sliders {\n  saleSlider: Slider[]\n  sliders: Slider[]\n  popularSlider: Slider[]\n}\n","<script setup lang=\"ts\">\nimport { useCityStore } from '@/store/city/city'\n\nconst { isMobile } = useDevice()\n\nconst cityStore = useCityStore()\n\nconst cityName = computed(() => {\n  return cityStore.cityInfo?.padeg?.pred || 'вашем городе'\n})\n</script>\n\n<template>\n  <nuxt-link :prefetch=\"false\" class=\"banner\" to=\"/delivery/\">\n    <div class=\"banner__image\">\n      <nuxt-img\n        src=\"/main-banner-car.webp\"\n        alt=\"Картинка машины\"\n        class=\"banner__image-item\"\n      />\n    </div>\n\n    <h1 class=\"banner__headline\">Доставка суши в {{ cityName }}</h1>\n\n    <div class=\"banner__footer\">\n      <time class=\"banner__time\">~60 минут</time>\n\n      <div class=\"banner__link\">\n        Рассчитать для меня\n\n        <the-icon\n          name=\"expand-right\"\n          :size=\"isMobile ? 12 : 16\"\n          color=\"var(--ui-primary)\"\n        />\n      </div>\n    </div>\n  </nuxt-link>\n</template>\n\n<style lang=\"scss\" scoped>\n.banner {\n  display: grid;\n  gap: 0 10px;\n  width: 100%;\n  padding: 16px;\n  font-size: 12px;\n  font-weight: 800;\n  color: var(--ui-text-primary);\n  background: var(--ui-grey);\n  border-radius: 20px;\n\n  @include media('>=tablet') {\n    gap: 0 20px;\n    max-width: 500px;\n    font-size: 16px;\n  }\n\n  &__image {\n    display: flex;\n    grid-area: 1 / 1 / 3 / 2;\n    align-items: center;\n    justify-content: center;\n\n    &-item {\n      width: 65px;\n      height: 36px;\n    }\n  }\n\n  &__headline {\n    grid-area: 1 / 2 / 2 / 4;\n    font-size: 12px;\n    font-weight: 800;\n\n    @include media('>=tablet') {\n      font-size: 16px;\n    }\n  }\n\n  &__footer {\n    display: flex;\n    grid-area: 2 / 2 / 3 / 4;\n  }\n\n  &__time {\n    margin-right: 16px;\n\n    @include media('<=portrait-phone') {\n      margin-right: 8px;\n    }\n  }\n\n  &__link {\n    display: flex;\n    align-items: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--ui-primary);\n\n    @include media('>=tablet') {\n      font-size: 14px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCityStore } from '@/store/city/city'\n\nimport { NewProduct } from '@/types/api/api-v4/product'\nimport { Slider, SliderType } from '@/types/api/api-v4/slider'\n\nimport MainCategoryFactoid from '@/components/Main/MainCategoryFactoid.vue'\nimport MainFactoid from '@/components/Main/MainFactoid.vue'\nimport ProductCard from '@/components/Product/ProductCard/ProductCard.vue'\n\ntype Props = {\n  slide: Slider\n  sliderType: SliderType\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['openDialogProduct'])\n\nconst cityStore = useCityStore()\n\nconst cityTitle = computed(() => {\n  return cityStore?.cityInfo?.padeg?.pred || 'вашем городе'\n})\n\nconst isSalesSlider = computed(() => {\n  return props.sliderType === SliderType.SALE\n})\n\nconst titleElementTag = computed(() => (isSalesSlider.value ? 'div' : 'h2'))\n\nconst openDialogProduct = (product: NewProduct) => {\n  emit('openDialogProduct', {\n    currentProduct: product,\n    productList: props.slide.products,\n    visible: true,\n  })\n}\n</script>\n\n<template>\n  <section class=\"category\">\n    <div class=\"category__header\">\n      <!-- Так как мы должны соблюдать вложенность h тегов, а h1 страницы находится в фактоиде этого(первого) блока, мы меняем h тег на обычный div-->\n      <component :is=\"titleElementTag\" class=\"category__title\">\n        {{ slide.name }}\n      </component>\n\n      <nuxt-link\n        v-if=\"!isSalesSlider\"\n        :to=\"slide.link.path\"\n        class=\"category__link\"\n      >\n        <div>{{ slide.link.title }}</div>\n\n        <the-icon name=\"expand-right\" size=\"32\" color=\"var(--ui-primary)\" />\n      </nuxt-link>\n    </div>\n\n    <div class=\"category__products\">\n      <the-slider :space-between=\"32\" :slide-width=\"276\" :slides-to-scroll=\"4\">\n        <main-factoid v-if=\"isSalesSlider\" :city-title=\"cityTitle\" />\n\n        <main-category-factoid v-if=\"slide.factoid\" :factoid=\"slide.factoid\" />\n\n        <template v-for=\"product in slide.products\" :key=\"product.id\">\n          <product-card\n            class=\"category__product\"\n            :product=\"product\"\n            @on-open-dialog=\"openDialogProduct\"\n          />\n        </template>\n      </the-slider>\n    </div>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.category {\n  width: 100%;\n  padding: 0 0 100px;\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 30px;\n  }\n\n  &__title {\n    height: max-content;\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--ui-text-primary);\n  }\n\n  &__link {\n    display: flex;\n    align-items: center;\n    font-size: 22px;\n    font-weight: 900;\n  }\n\n  &__products {\n    display: flex;\n    max-width: 100%;\n    height: 100%;\n  }\n\n  &__product {\n    flex-shrink: 0;\n    width: 276px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineRule, Field as VeeField, Form as VeeForm } from 'vee-validate'\n\nimport { emailValidator, requiredValidator } from '@/utils/rulesOfValidate'\n\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useUserStore } from '@/store/user/user'\n\nimport { Success } from '@/api/results'\n\nconst { isMobile } = useDevice()\n\nconst { changeInfo } = useUserStore()\nconst { showSnackbar } = useAppStore()\n\nconst email = ref('')\n\ndefineRule('email', emailValidator)\ndefineRule('required', requiredValidator)\n\nconst saveEmail = async () => {\n  const result = await changeInfo({\n    email: email.value,\n  })\n\n  if (result instanceof Success) {\n    showSnackbar({\n      message: 'Изменения сохранены',\n      type: SnackbarType.SUCCESS,\n    })\n\n    return\n  }\n\n  showSnackbar({\n    message: 'Что-то пошло не так, попробуйте позже',\n    type: SnackbarType.MESSAGE,\n  })\n}\n</script>\n\n<template>\n  <vee-form v-slot=\"{ handleSubmit }\" class=\"email-factoid\">\n    <div class=\"email-factoid__info\">\n      <div class=\"email-factoid__title\">\n        Узнавай о промокодах и акциях быстрее всех!\n      </div>\n\n      <p class=\"email-factoid__text\">\n        Все самое вкусное и выгодное в наших рассылках. Нажимая на кнопку, вы\n        даете согласие на обработку персональных данных\n      </p>\n    </div>\n\n    <div class=\"email-factoid__input\">\n      <vee-field\n        v-slot=\"{ field, errors }\"\n        name=\"E-mail\"\n        rules=\"email|required\"\n        value=\"\"\n      >\n        <the-input\n          v-model=\"email\"\n          v-bind=\"field\"\n          autocomplete=\"off\"\n          placeholder=\"Введите e-mail\"\n          hide-details\n          :error-messages=\"errors\"\n        />\n      </vee-field>\n    </div>\n\n    <div class=\"email-factoid__button\">\n      <the-button\n        type=\"button\"\n        block\n        :radius=\"isMobile ? 'lg' : 'sm'\"\n        @click=\"handleSubmit(saveEmail)\"\n      >\n        Продолжить\n      </the-button>\n    </div>\n  </vee-form>\n</template>\n\n<style lang=\"scss\" scoped>\n.email-factoid {\n  display: flex;\n  gap: 0 30px;\n  align-items: center;\n  width: 100%;\n  padding: 30px;\n  background: url('@/assets/images/email-factoid-background.webp') right bottom\n      no-repeat,\n    var(--ui-grey);\n  border-radius: 20px;\n\n  @include media('<desktop-mini') {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: 0 36px;\n    background: var(--ui-grey);\n  }\n\n  @include media('<tablet') {\n    display: grid;\n  }\n\n  &__info {\n    max-width: 50%;\n\n    @include media('<desktop-mini') {\n      grid-area: 1 / 1 / 2 / 3;\n      max-width: 90%;\n    }\n\n    @include media('<tablet') {\n      grid-area: 1 / 1 / 2 / 2;\n    }\n  }\n\n  &__title {\n    margin-bottom: 5px;\n    font-size: 22px;\n    font-weight: 900;\n    line-height: 26px;\n\n    @include media('<desktop-mini') {\n      margin-bottom: 20px;\n    }\n\n    @include media('<tablet') {\n      font-size: 20px;\n      line-height: 23px;\n    }\n  }\n\n  &__text {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 16px;\n\n    @include media('<desktop-mini') {\n      margin-bottom: 25px;\n    }\n\n    @include media('<tablet') {\n      font-size: 12px;\n      line-height: 14px;\n    }\n  }\n\n  &__input {\n    width: 216px;\n\n    //TODO Добавить белый цвет для инпута в ЮИ кит, или дождаться макетов новой страницы, где он не будет нужен\n    :deep(.app-input__control) {\n      background-color: var(--ui-white);\n    }\n\n    @include media('<desktop-mini') {\n      grid-area: 2 / 1 / 3 / 2;\n      width: 273px;\n    }\n\n    @include media('<tablet') {\n      grid-area: 2 / 1 / 3 / 2;\n      width: 100%;\n      margin-bottom: 25px;\n    }\n  }\n\n  &__button {\n    width: 170px;\n\n    @include media('<desktop-mini') {\n      grid-area: 2 / 2 / 3 / 3;\n    }\n\n    @include media('<tablet') {\n      grid-area: 3 / 1 / 4 / 2;\n      width: 100%;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useProductModal } from '@/composables/useProductModal'\n\nimport { useCityStore } from '@/store/city/city'\nimport { useUserStore } from '@/store/user/user'\n\nimport { Sliders, SliderType } from '@/types/api/api-v4/slider'\n\nimport AppSeoDescription from '@/components/App/AppSeoDescription.vue'\nimport MainAppFactoid from '@/components/Main/MainAppFactoid.vue'\nimport MainCategoryBannerMobile from '@/components/Main/MainCategoryBannerMobile.vue'\nimport MainCategoryProductList from '@/components/Main/MainCategoryProductList.vue'\nimport MainEmailFactoid from '@/components/Main/MainEmailFactoid.vue'\nimport ProductModal from '@/components/Product/ProductModal.vue'\nconst MainCategoryList = defineAsyncComponent(\n  () => import('@/components/Main/MainCategoryList.vue'),\n)\n\nconst cityStore = useCityStore()\nconst userStore = useUserStore()\n\ntype Props = {\n  sliders?: Sliders | null\n  seoContent?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  sliders: null,\n  seoContent: '',\n})\n\nconst { isDesktop } = useDevice()\n\nconst checkCountry = computed(() => {\n  return cityStore.cityInfo?.country?.name === 'Россия'\n})\n\nconst isAuthenticated = computed(() => {\n  return userStore.isAuthenticated\n})\n\nconst { productDialog, openDialogProduct, closeDialogProduct } =\n  useProductModal()\n</script>\n\n<template>\n  <div class=\"main__page\">\n    <main-category-banner-mobile v-if=\"!isDesktop\" />\n\n    <main-category-list v-if=\"!isDesktop\" />\n\n    <div v-if=\"isDesktop\" class=\"main__page-desktop\">\n      <div class=\"product__list\">\n        <!-- Слайдер акций -->\n        <div v-if=\"sliders?.saleSlider\" class=\"product__list-sale\">\n          <main-category-product-list\n            v-for=\"slide in sliders.saleSlider\"\n            :key=\"slide.name\"\n            :slide=\"slide\"\n            :slider-type=\"SliderType.SALE\"\n            @open-dialog-product=\"openDialogProduct\"\n          />\n        </div>\n\n        <!-- Обычный слайдер -->\n        <div v-if=\"sliders?.sliders\" class=\"product__list-normal\">\n          <main-category-product-list\n            v-for=\"slide in sliders.sliders\"\n            :key=\"slide.name\"\n            :slide=\"slide\"\n            :slider-type=\"SliderType.SIMPLE\"\n            @open-dialog-product=\"openDialogProduct\"\n          />\n        </div>\n\n        <!-- Слайдер популярных товаров-->\n        <div v-if=\"sliders?.popularSlider\" class=\"product__list-popular\">\n          <main-category-product-list\n            v-for=\"slide in sliders.popularSlider\"\n            :key=\"slide.name\"\n            :slide=\"slide\"\n            :slider-type=\"SliderType.POPULAR\"\n            @open-dialog-product=\"openDialogProduct\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <app-seo-description\n      v-if=\"seoContent\"\n      :seo-content=\"seoContent\"\n      class=\"main__page-seo\"\n    />\n\n    <client-only>\n      <main-app-factoid v-if=\"checkCountry\" class=\"main__page-app\" />\n\n      <main-email-factoid v-if=\"isAuthenticated\" class=\"main__page-email\" />\n    </client-only>\n\n    <product-modal\n      :product-dialog=\"productDialog\"\n      @close-dialog-product=\"closeDialogProduct\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.main__page {\n  min-height: 100vh;\n\n  &-seo {\n    margin-bottom: 100px;\n\n    @include media('<desktop-mini') {\n      margin-bottom: 120px;\n    }\n  }\n\n  &-app {\n    margin-bottom: 100px;\n\n    @include media('<desktop-mini') {\n      margin-bottom: 40px;\n    }\n  }\n\n  &-email {\n    margin-bottom: 50px;\n  }\n\n  &-desktop {\n    .product__skeletons {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 100px 36px;\n      justify-content: space-between;\n      padding-bottom: 90px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  HttpStatusCode,\n  NotFoundError,\n  ServerError,\n  Success,\n} from '@/api/results'\nimport { SliderType } from '@/types/api/api-v4/slider'\n\nimport TheMain from '@/components/Main/TheMain.vue'\n\nconst { isDesktop } = useDevice()\n\nconst { data: seoContent } = await useAsyncData(async (nuxtApp) => {\n  const result = await nuxtApp?.$apiService.main.fetchMainPage()\n\n  if (result instanceof Success) return result.data\n\n  return null\n})\n\nconst { data, error: isSlidersError } = await useAsyncData(async (nuxtApp) => {\n  const result = await nuxtApp?.$apiService.category.fetchMainSliders()\n\n  if (result instanceof NotFoundError) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  if (result instanceof ServerError) {\n    throw createError({\n      statusCode: HttpStatusCode.INTERNAL_SERVER_ERROR,\n    })\n  }\n\n  return result?.data\n})\n\nif (isSlidersError.value) showError(isSlidersError.value)\n\nconst getSlidersByType = (type: SliderType) => {\n  return data.value?.filter((slider) => slider?.type === type) || []\n}\n\nconst slidersList = {\n  sliders: getSlidersByType(SliderType.SIMPLE),\n  saleSlider: getSlidersByType(SliderType.SALE),\n  popularSlider: getSlidersByType(SliderType.POPULAR),\n}\n\nusePopupFetch()\n</script>\n\n<template>\n  <div :class=\"{ 'base-container': isDesktop }\">\n    <app-head\n      :title=\"seoContent?.seo?.seo_title\"\n      :seo=\"{\n        title: seoContent?.seo?.seo_title,\n        description: seoContent?.seo?.seo_description,\n        keywords: seoContent?.seo?.seo_keywords,\n      }\"\n    />\n\n    <the-main :seo-content=\"seoContent?.content\" :sliders=\"slidersList\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.base-container {\n  padding: 40px calc(50% - 600px) 100px;\n\n  @include media('<=desktop') {\n    padding: 40px 24px;\n  }\n\n  &__section {\n    margin-bottom: 30px;\n  }\n}\n</style>\n"],"names":["SliderType","isMobile","useDevice","cityStore","useCityStore","cityName","computed","_b","_a","props","__props","emit","__emit","cityTitle","isSalesSlider","titleElementTag","openDialogProduct","product","changeInfo","useUserStore","showSnackbar","useAppStore","email","ref","defineRule","emailValidator","requiredValidator","saveEmail","Success","SnackbarType","MainCategoryList","defineAsyncComponent","__vitePreload","userStore","isDesktop","checkCountry","isAuthenticated","productDialog","closeDialogProduct","useProductModal","seoContent","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","data","isSlidersError","NotFoundError","createError","HttpStatusCode","ServerError","showError","getSlidersByType","type","slider","slidersList","usePopupFetch"],"mappings":"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","debug_id":"defffd15-edc1-5e4c-8296-fa70f1b89931"}