{"version":3,"file":"YcV2EvQm.js","sources":["../../../../composables/useSales.ts","../../../../components/Sales/Sale/Top.vue","../../../../components/Sales/Sale/BottomPromocode.vue","../../../../components/Sales/Sale/Bottom.vue","../../../../components/Sales/SalesListItem.vue","../../../../components/Sales/SalesFactoid.vue"],"sourcesContent":["import { useCityStore } from '~/store/city/city'\n\nimport { Success } from '~/api/results'\nimport { Seo } from '~/types/main'\n\nexport const useSales = async (showArchived?: boolean) => {\n  const {\n    cityInfo: { padeg },\n  } = useCityStore()\n\n  const { pending, data: salesData } = await useAsyncData(async (nuxtApp) => {\n    const result = await nuxtApp?.$apiService.sales.fetchSales()\n\n    if (!result || result instanceof Error) return\n\n    if (result instanceof Success) return result.data\n  })\n\n  const seoTitle = ref('')\n  const seoDescription = ref('')\n  const seoKeywords = ref('')\n\n  // SEO для акций\n  if (!showArchived) {\n    seoTitle.value = salesData.value?.seo?.seo_title || ''\n    seoDescription.value = salesData.value?.seo?.seo_description || ''\n    seoKeywords.value = salesData.value?.seo?.seo_keywords || ''\n  } else {\n    // SEO для АРХИВНЫХ акций\n    seoTitle.value = `Завершенные акции на пиццу и суши — ресторан Farfor в ${\n      padeg?.pred ?? ''\n    }`\n    seoDescription.value = `Завершенные акционные предложения от ресторана Фарфор в ${\n      padeg?.pred ?? ''\n    } ✅ Следите за актуальными новостями и оформите заказ по выгодной цене уже сейчас ➥ Звони или оставляй заявку через сайт!`\n    seoKeywords.value = 'акции скидки суши пицца фарфор ресторан доставка'\n  }\n\n  const seo: Seo = {\n    title: seoTitle.value,\n    description: seoDescription.value,\n    keywords: seoKeywords.value,\n  }\n\n  const headerText = computed(() =>\n    showArchived ? 'Завершенные акции' : 'Акции',\n  )\n  const sales = computed(() =>\n    showArchived\n      ? salesData.value?.promotions?.filter((sale) => sale.archive)\n      : salesData.value?.promotions?.filter((sale) => !sale.archive),\n  )\n\n  const breadcrumbs = computed(() => {\n    const breadcrumbs = [\n      { text: `Доставка суши в ${padeg?.pred}`, href: '/' },\n      { text: 'Акции', href: '/sales/' },\n    ]\n\n    if (showArchived)\n      breadcrumbs.push({ text: headerText.value, href: '/sales/archive/' })\n\n    return breadcrumbs\n  })\n\n  const additionalInfo = salesData.value?.additional_info\n\n  return {\n    pending,\n    breadcrumbs,\n    sales,\n    headerText,\n    seo,\n    additionalInfo,\n  }\n}\n","<script lang=\"ts\" setup>\nimport { useCityStore } from '@/store/city/city'\n\nconst DEFAULT_ARCHIVE_SALE = 'Акция завершена'\n\ntype Props = {\n  archive: boolean\n  image: string\n  title?: string\n  linkSale: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: '',\n})\n\nconst {\n  cityInfo: { padeg },\n} = useCityStore()\n\nconst saleImageAlt = `Акция «${props.title}» в ${padeg?.pred}`\n\nconst saleImageTitle = `Акция «${props.title}» от ресторана Farfor в ${padeg?.pred}`\n\nconst isSaleImageCrashed = ref(false)\n\nconst prefixLink = props.archive ? '/sales/archive' : '/sales'\n\nconst saleImage =\n  !isSaleImageCrashed || props?.image ? props?.image : './no-image-sale.webp'\n</script>\n\n<template>\n  <div>\n    <nuxt-link\n      :to=\"`${prefixLink}/${linkSale}/`\"\n      class=\"sale__top\"\n      :prefetch=\"false\"\n    >\n      <nuxt-img\n        class=\"sale__top-image\"\n        :class=\"{ 'archive--image': archive }\"\n        :src=\"saleImage\"\n        :alt=\"saleImageAlt\"\n        :title=\"saleImageTitle\"\n        loading=\"lazy\"\n        format=\"webp\"\n        quality=\"80\"\n        width=\"100%\"\n        height=\"100%\"\n        @error=\"isSaleImageCrashed = true\"\n      />\n\n      <the-status\n        v-if=\"archive\"\n        :text=\"DEFAULT_ARCHIVE_SALE\"\n        class=\"sale__top-archive\"\n        bg-color=\"var(--ui-secondary)\"\n      />\n\n      <span class=\"sale__top-headline\">\n        {{ title }}\n      </span>\n    </nuxt-link>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.sale__top {\n  height: max-content;\n  color: $text-black;\n  cursor: pointer;\n\n  &-image {\n    width: 100%;\n    height: 147px;\n    margin-bottom: 25px;\n    border-radius: 20px;\n\n    @include media('>desktop-mini') {\n      max-height: 147px;\n      object-fit: cover;\n    }\n  }\n  .archive--image {\n    opacity: 0.5;\n  }\n\n  &-archive {\n    margin-bottom: 20px;\n  }\n\n  &-headline {\n    display: block;\n    margin-bottom: 20px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 19px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Code } from '@/api/modules/sales/types'\n\ntype Props = {\n  code: Code\n}\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['copyPromocode'])\n\nconst isActiveCode = props.code?.active || false\nconst variantButton = !isActiveCode ? 'tertiary' : 'primary'\nconst promocodeText = props.code?.active\n  ? 'Кликните на промокод, чтобы скопировать:'\n  : 'Промокод неактивен'\n\nconst copyPromocode = () => emit('copyPromocode')\n</script>\n\n<template>\n  <div class=\"promocode\">\n    <span v-if=\"isActiveCode\" class=\"promocode__title\">Промокод:</span>\n\n    <div class=\"promocode__section\">\n      <div class=\"promocode__section-text\" :class=\"{ inactive: !isActiveCode }\">\n        {{ promocodeText }}\n      </div>\n      <the-button\n        :disabled=\"!isActiveCode\"\n        :variant=\"variantButton\"\n        @click=\"copyPromocode\"\n      >\n        <span>{{ code?.promocode }}</span>\n        <template v-if=\"isActiveCode\" #append>\n          <the-icon name=\"copy\" color=\"var(--ui-white)\" />\n        </template>\n      </the-button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.promocode {\n  display: grid;\n  gap: 10px 0;\n  height: max-content;\n  color: $text-black;\n  &__title {\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 19px;\n  }\n  &__section {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    &-text {\n      max-width: 200px;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 19.6px;\n    }\n\n    .inactive {\n      max-width: max-content;\n      font-size: 16px;\n      font-weight: 800;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n\nimport BottomPromocode from '@/components/Sales/Sale/BottomPromocode.vue'\n\nimport { Code } from '~/api/modules/sales/types'\n\nconst emit = defineEmits(['copyCode'])\n\nconst props = defineProps({\n  isVisiblePromocode: {\n    type: Boolean,\n    required: true,\n  },\n  isActiveCode: {\n    type: Boolean,\n    required: false,\n    default: () => false,\n  },\n  code: {\n    type: Object,\n    required: false,\n    default: () => null,\n  } as Prop<Code | null>,\n  shortDescription: {\n    type: String,\n    required: true,\n  },\n})\n\nconst copyCode = () => emit('copyCode', props.code?.promocode)\n</script>\n\n<template>\n  <div class=\"sale__bottom\">\n    <div class=\"sale__bottom-description\" v-html=\"shortDescription\" />\n\n    <div v-if=\"isVisiblePromocode && code\" class=\"sale__bottom-promocode\">\n      <bottom-promocode :code=\"code\" @copy-promocode=\"copyCode\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.sale__bottom {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  &-description {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n\n    :deep(p) {\n      margin: 0;\n    }\n  }\n\n  &-promocode {\n    margin-top: 25px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n\nimport { useAppStore } from '~/store/app/app'\n\nimport Top from '@/components/Sales/Sale/Top.vue'\nimport Bottom from '@/components/Sales/Sale/Bottom.vue'\n\n/* Utils */\nimport { copyToClipboard } from '@/utils/copyToClipboard'\n\nimport { Sale } from '~/api/modules/sales/types'\nimport { SnackbarType } from '~/store/app/app.types'\n\nconst { showSnackbar } = useAppStore()\n\nconst props = defineProps({\n  sale: {\n    type: Object,\n    required: true,\n  } as Prop<Sale>,\n})\n\n// Проверяем промокод на наличие промо и активности\nconst checkActivityPromocode = (sale: Sale | undefined): boolean =>\n  !sale ? false : Boolean(sale.code && !sale.archive)\n\nconst isVisiblePromocode = checkActivityPromocode(props.sale)\nconst isActive = props.sale?.code?.active || false\n\nconst copyCode = (promocode: string) => {\n  const successful = copyToClipboard(promocode)\n\n  if (successful) {\n    showSnackbar({\n      message: 'Промокод скопирован',\n      type: SnackbarType.SUCCESS,\n    })\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"sale\" class=\"sale__item\">\n    <top\n      :image=\"sale.image || ''\"\n      :title=\"sale.title\"\n      :link-sale=\"sale?.slug || ''\"\n      :archive=\"!!sale?.archive\"\n    />\n\n    <bottom\n      :is-visible-promocode=\"isVisiblePromocode\"\n      :is-active-code=\"isActive\"\n      :code=\"sale.code\"\n      :short-description=\"sale.short_description\"\n      @copy-code=\"copyCode\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.sale__item {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 100%;\n  justify-content: space-between;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useRoute } from '#app'\n\nconst { path } = useRoute()\n\ndefineProps({\n  content: {\n    type: String,\n    required: true,\n  },\n})\n</script>\n\n<template>\n  <nuxt-link class=\"sales__factoid\" :to=\"{ path: path }\" :prefetch=\"false\">\n    <div class=\"sales__factoid-content\">\n      <div class=\"addition-info__content\" v-html=\"content\" />\n    </div>\n  </nuxt-link>\n</template>\n\n<style lang=\"scss\" scoped>\n.sales__factoid {\n  max-width: 376px;\n  padding: 36px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $text-black;\n  cursor: default;\n  background: $button-background\n    url('@/assets/images/background-additional-info.webp') bottom no-repeat;\n  border-radius: 30px;\n\n  // Тут мы лезем в html, который зарендерили через v-html и меняем стили для дефолтных тегов\n  &:deep {\n    @include media('<tablet') {\n      padding: 20px;\n    }\n\n    h3 {\n      font-size: 16px;\n      text-align: left !important;\n    }\n\n    ul {\n      padding-left: 0;\n      list-style-type: none;\n\n      li {\n        padding-bottom: 10px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useSales","showArchived","padeg","useCityStore","pending","salesData","useAsyncData","nuxtApp","result","Success","seoTitle","ref","seoDescription","seoKeywords","_b","_a","_d","_c","_f","_e","seo","headerText","computed","sales","sale","breadcrumbs","additionalInfo","_g","DEFAULT_ARCHIVE_SALE","props","__props","saleImageAlt","saleImageTitle","isSaleImageCrashed","prefixLink","saleImage","emit","__emit","isActiveCode","variantButton","promocodeText","copyPromocode","copyCode","showSnackbar","useAppStore","isVisiblePromocode","isActive","promocode","copyToClipboard","SnackbarType","path","useRoute"],"mappings":"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","debug_id":"f48d337f-8a2e-59ab-9160-c5b26b3a4c17"}