{"version":3,"file":"BX6zlyBg.js","sources":["../../../../pages/sales/[slug].vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAsyncData, useRoute } from '#app'\n\nimport { useCityStore } from '~/store/city/city'\n\nimport CardPromocode from '@/components/Sales/Sale/CardPromocode.vue'\nimport SaleImage from '@/components/Sales/Sale/SaleImage.vue'\n\nimport { Breadcrumb } from '~/api/modules/sales/types'\nimport { HttpStatusCode, NotFoundError, ServerError } from '~/api/results'\n\nconst route = useRoute()\nconst { isMobileOrTablet } = useDevice()\n\nconst {\n  cityInfo: { padeg, domain },\n} = useCityStore()\n\nconst { data: sale, error } = await useAsyncData(async (nuxtApp) => {\n  const saleSlug =\n    typeof route?.params?.slug === 'string' ? route?.params?.slug : ''\n\n  const result = await nuxtApp?.$apiService.sales.fetchSale(saleSlug)\n\n  if (result instanceof NotFoundError) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  if (result instanceof ServerError || result instanceof Error) {\n    throw createError({\n      statusCode: HttpStatusCode.INTERNAL_SERVER_ERROR,\n    })\n  }\n\n  return result?.data\n})\n\nif (error.value) showError(error.value)\n\nconst breadcrumbs = computed(() => {\n  const breadcrumbs: Breadcrumb[] = [\n    { text: `Доставка суши в ${padeg?.pred}`, href: '/' },\n    { text: 'Акции', href: '/sales/' },\n    { text: sale?.value?.title || '', href: sale?.value?.slug || '' },\n  ]\n\n  if (sale?.value?.archive) {\n    const saleBreadcrumb = breadcrumbs.pop()\n\n    breadcrumbs.push({\n      text: 'Архив акций',\n      href: '/sales/archive/',\n    })\n\n    saleBreadcrumb && breadcrumbs.push(saleBreadcrumb)\n  }\n\n  return breadcrumbs\n})\n\nconst actionButton = ref(sale.value?.action_button)\n\nconst isActionButtonShow = computed(\n  () => actionButton && actionButton?.value?.href,\n)\n\nconst isActionButtonHref = isActionButtonShow.value\n  ? checkUrlIsExternal(actionButton.value?.href)\n  : undefined\n</script>\n<template>\n  <div\n    class=\"sale-content\"\n    :class=\"{ 'sales-content--mobile': isMobileOrTablet }\"\n  >\n    <app-head\n      :title=\"sale?.seo?.seo_title\"\n      :seo=\"{\n        title: sale?.seo?.seo_title,\n        description: sale?.seo?.seo_description,\n        keywords: sale?.seo?.seo_keywords,\n      }\"\n    />\n\n    <the-breadcrumbs\n      v-if=\"breadcrumbs.length\"\n      class=\"sale-content__breadcrumbs\"\n      :domain=\"domain\"\n      :breadcrumbs=\"breadcrumbs\"\n    />\n\n    <sale-image\n      :image=\"sale?.image\"\n      :title=\"sale?.title\"\n      :archive=\"sale?.archive\"\n    />\n\n    <div v-if=\"sale?.archive\" class=\"sale-content__archive\">\n      Акция завершена\n    </div>\n\n    <div class=\"sale-content__section\">\n      <div class=\"sale-content__text\">\n        <h1 class=\"sale-content__title\">\n          {{ sale?.title }}\n        </h1>\n\n        <div class=\"sale-content__description\" v-html=\"sale?.description\" />\n      </div>\n\n      <card-promocode\n        v-if=\"sale?.code && !sale?.archive\"\n        class=\"sale-content__promocode\"\n        :short-description=\"sale.short_description\"\n        :promocode=\"sale.code\"\n      />\n    </div>\n\n    <nuxt-link :to=\"actionButton?.href\" :external=\"isActionButtonHref\">\n      <app-button v-if=\"isActionButtonShow\" class=\"sale-content__button\">\n        {{ actionButton?.text }}\n      </app-button>\n    </nuxt-link>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.sale-content {\n  padding: 30px calc(50% - 480px) 120px !important;\n\n  @include media('<=desktop-mini') {\n    padding: 0 48px !important;\n  }\n\n  @include media('<=portrait-phone') {\n    padding: 0 20px !important;\n  }\n\n  &__breadcrumbs {\n    margin-top: 10px;\n\n    @include media('<=desktop-mini') {\n      margin-top: 20px;\n    }\n\n    :deep {\n      .breadcrumbs-mobile {\n        .item {\n          @include media('>=portrait-phone') {\n            font-size: 16px;\n          }\n\n          @include media('<=portrait-phone') {\n            font-size: 14px;\n          }\n        }\n      }\n    }\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    margin: 48px 0 40px 0;\n    border-radius: 40px;\n\n    @include media('<=desktop-mini') {\n      margin: 24px 0 40px 0;\n      border-radius: 20px;\n    }\n\n    @include media('<=portrait-phone') {\n      margin: 24px 0 24px 0;\n      border-radius: 20px;\n    }\n  }\n\n  .image--opacity {\n    opacity: 0.5;\n  }\n\n  &__archive {\n    width: max-content;\n    padding: 3px 10px;\n    margin-bottom: 30px;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 14px;\n    color: $white;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    background: $text-dark-gray;\n    border-radius: 20px;\n  }\n\n  &__section {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 30px;\n\n    @include media('<=desktop-mini') {\n      flex-direction: column;\n      margin-bottom: 24px;\n    }\n  }\n\n  &__title {\n    margin-bottom: 30px;\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 26px;\n\n    @include media('<=portrait-phone') {\n      font-size: 16px;\n    }\n  }\n\n  &__description {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 22px;\n    :deep {\n      p {\n        margin-bottom: 16px;\n      }\n    }\n  }\n\n  &__promocode {\n    margin: 0 40px 0 48px;\n\n    @include media('<=desktop-mini') {\n      margin: 24px 0 0 0;\n    }\n\n    @include media('<=portrait-phone') {\n      width: 100%;\n    }\n  }\n\n  &__button {\n    width: 260px !important;\n    height: 50px !important;\n    font-weight: 800 !important;\n\n    @include media('<=portrait-phone') {\n      width: 100% !important;\n      margin-top: 25px;\n    }\n  }\n}\n\n.header {\n  display: -webkit-box;\n  display: flex;\n  flex-wrap: wrap;\n  grid-area: header;\n}\n</style>\n"],"names":["route","useRoute","isMobileOrTablet","useDevice","padeg","domain","useCityStore","sale","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","saleSlug","_a","_b","result","NotFoundError","createError","HttpStatusCode","ServerError","showError","breadcrumbs","computed","_c","saleBreadcrumb","actionButton","ref","isActionButtonShow","isActionButtonHref","checkUrlIsExternal"],"mappings":";;gjCAWA,MAAMA,EAAQC,IACR,CAAE,iBAAAC,GAAqBC,IAEvB,CACJ,SAAU,CAAE,MAAAC,EAAO,OAAAC,CAAO,GACxBC,EAAa,EAEX,CAAE,KAAMC,EAAM,MAAAC,CAAU,GAAA,CAAAC,EAAAC,CAAA,EAAAC,GAAA,SAAMC,GAAa,MAAOC,GAAY,SAC5D,MAAAC,EACJ,QAAOC,EAAAf,GAAA,YAAAA,EAAO,SAAP,YAAAe,EAAe,OAAS,UAAWC,EAAAhB,GAAA,YAAAA,EAAO,SAAP,YAAAgB,EAAe,KAAO,GAE5DC,EAAS,MAAMJ,GAAA,YAAAA,EAAS,YAAY,MAAM,UAAUC,IAE1D,GAAIG,aAAkBC,GACpB,MAAMC,EAAY,CAChB,WAAYC,EAAe,SAAA,CAC5B,EAGC,GAAAH,aAAkBI,IAAeJ,aAAkB,MACrD,MAAME,EAAY,CAChB,WAAYC,EAAe,qBAAA,CAC5B,EAGH,OAAOH,GAAA,YAAAA,EAAQ,IAAA,EACjB,aAAC,CAAA,mBAEGT,EAAM,OAAiBc,GAAAd,EAAM,KAAK,EAEhC,MAAAe,EAAcC,EAAS,IAAM,WACjC,MAAMD,EAA4B,CAChC,CAAE,KAAM,mBAAmBnB,GAAA,YAAAA,EAAO,IAAI,GAAI,KAAM,GAAI,EACpD,CAAE,KAAM,QAAS,KAAM,SAAU,EACjC,CAAE,OAAMW,EAAAR,GAAA,YAAAA,EAAM,QAAN,YAAAQ,EAAa,QAAS,GAAI,OAAMC,EAAAT,GAAA,YAAAA,EAAM,QAAN,YAAAS,EAAa,OAAQ,EAAG,CAAA,EAG9D,IAAAS,EAAAlB,GAAA,YAAAA,EAAM,QAAN,MAAAkB,EAAa,QAAS,CAClB,MAAAC,EAAiBH,EAAY,MAEnCA,EAAY,KAAK,CACf,KAAM,cACN,KAAM,iBAAA,CACP,EAEiBA,GAAAA,EAAY,KAAKG,CAAc,CACnD,CAEOH,OAAAA,CAAA,CACR,EAEKI,EAAeC,IAAIb,EAAAR,EAAK,QAAL,YAAAQ,EAAY,aAAa,EAE5Cc,EAAqBL,EACzB,WAAM,OAAAG,KAAgBZ,EAAAY,GAAA,YAAAA,EAAc,QAAd,YAAAZ,EAAqB,MAAA,EAGvCe,EAAqBD,EAAmB,MAC1CE,IAAmBf,EAAAW,EAAa,QAAb,YAAAX,EAAoB,IAAI,EAC3C","debug_id":"cb6c3ae3-7956-52a8-a1ec-44b2355ab749"}