{"version":3,"file":"Bp_DLoQu.js","sources":["../../../../pages/sales/[slug].vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCityStore } from '@/store/city/city'\n\nimport { Breadcrumb } from '@/api/modules/sales/types'\nimport { HttpStatusCode, NotFoundError, ServerError } from '@/api/results'\n\n/* Components */\nimport CardPromocode from '@/components/Sales/Sale/CardPromocode.vue'\nimport SaleImage from '@/components/Sales/Sale/SaleImage.vue'\n\nconst route = useRoute()\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\n<template>\n  <div class=\"sale-content\">\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      v-if=\"sale\"\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      <the-button v-if=\"isActionButtonShow\" class=\"sale-content__button\">\n        {{ actionButton?.text }}\n      </the-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: 20px;\n\n    @include media('<=desktop-mini') {\n      margin-top: 20px;\n    }\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    margin: 24px 0;\n    border-radius: 20px;\n\n    @include media('>=portrait-phone') {\n      margin: 24px 0 40px;\n      border-radius: 20px;\n    }\n\n    @include media('>=desktop-mini') {\n      margin: 48px 0 40px;\n      border-radius: 40px;\n    }\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: var(--ui-white);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    background: var(--ui-text-primary);\n    border-radius: 20px;\n  }\n\n  &__section {\n    margin-bottom: 24px;\n\n    @include media('>=desktop-mini') {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      margin-bottom: 30px;\n    }\n  }\n\n  &__title {\n    margin-bottom: 30px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 26px;\n\n    @include media('>=portrait-phone') {\n      font-size: 22px;\n    }\n  }\n\n  &__description {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 22px;\n\n    :deep(p) {\n      margin-bottom: 16px;\n    }\n  }\n\n  &__promocode {\n    width: 100%;\n    margin: 24px 0 0 0;\n\n    @include media('>=portrait-phone') {\n      width: auto;\n    }\n\n    @include media('>=desktop-mini') {\n      margin: 0 40px 0 48px;\n    }\n  }\n\n  &__button {\n    width: 260px;\n\n    @include media('<=portrait-phone') {\n      width: 100%;\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","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":";;2hCAUA,MAAMA,EAAQC,EAAS,EAEjB,CACJ,SAAU,CAAE,MAAAC,EAAO,OAAAC,CAAO,GACxBC,EAAa,EAEX,CAAE,KAAMC,EAAM,MAAAC,CAAU,GAAA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,GAAa,MAAOC,GAAY,SAC5D,MAAAC,EACJ,QAAOC,EAAAb,GAAA,YAAAA,EAAO,SAAP,YAAAa,EAAe,OAAS,UAAWC,EAAAd,GAAA,YAAAA,EAAO,SAAP,YAAAc,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,EAAAd,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,CAClE,EAEI,IAAAS,EAAAlB,GAAA,YAAAA,EAAM,QAAN,MAAAkB,EAAa,QAAS,CAClB,MAAAC,EAAiBH,EAAY,IAAI,EAEvCA,EAAY,KAAK,CACf,KAAM,cACN,KAAM,iBAAA,CACP,EAEiBA,GAAAA,EAAY,KAAKG,CAAc,CAAA,CAG5CH,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,MAC7C,EAEMe,EAAqBD,EAAmB,MAC1CE,IAAmBf,EAAAW,EAAa,QAAb,YAAAX,EAAoB,IAAI,EAC3C","debug_id":"0b9dad74-d396-5b59-bd70-d98911fc51c3"}