{"version":3,"file":"_nuxt/CvMRP3UI.js","sources":["../../../../composables/useBasketMethods.ts","../../../../components/App/AppCookiesBanner.vue","../../../../components/Footer/FooterInfoCardList.vue","../../../../components/Footer/FooterInfoSocialNetworks.vue","../../../../components/App/AppVersionLink.vue","../../../../components/Footer/FooterInfo.vue","../../../../components/Footer/FooterLinks.vue"],"sourcesContent":["import { useBasketStore } from '@/store/basket/basket'\n\nimport { DeliveryMethods } from '@/api/modules/basket/types'\n\nexport const useBasketMethods = () => {\n  const fetchBasket = async () => {\n    const { fetchBasket } = useBasketStore()\n\n    await fetchBasket()\n  }\n\n  const handleRedirectCity = async () => {\n    const { setDeliveryMethod } = useBasketStore()\n\n    const route = useRoute()\n    const router = useRouter()\n\n    if (!route.query.addressId) return\n\n    await setDeliveryMethod({\n      delivery_method: DeliveryMethods.COURIER,\n      address_id: Number(route.query.addressId),\n    })\n\n    await router.replace({ query: null })\n  }\n\n  return {\n    fetchBasket,\n    handleRedirectCity,\n  }\n}\n","<script lang=\"ts\" setup>\nconst router = useRouter()\n\nconst isBannerShowed = ref(true)\n\nconst closeCookiesBanner = () => {\n  localStorage.setItem('cookiesShowed', 'true')\n  isBannerShowed.value = true\n}\n\nconst goToConfidential = () => {\n  closeCookiesBanner()\n\n  router.push('/confidential/')\n}\n\nonMounted(() => {\n  if (!localStorage.getItem('cookiesShowed')) isBannerShowed.value = false\n})\n</script>\n\n<template>\n  <transition name=\"height\">\n    <noindex\n      v-if=\"!isBannerShowed\"\n      class=\"cookies\"\n      data-e2e=\"the-cookies-banner\"\n    >\n      <div class=\"cookies__container\">\n        <div class=\"cookies__container-description\">\n          <nuxt-img\n            class=\"cookies__description-icon\"\n            width=\"30\"\n            height=\"30\"\n            src=\"/cookies-icon.svg\"\n            alt=\"Мы используем куки\"\n          />\n\n          <div class=\"container\">\n            <div>Пользуясь сайтом, вы соглашаетесь с &nbsp;</div>\n            <div\n              role=\"link\"\n              class=\"cookies__description-link\"\n              @click=\"goToConfidential\"\n            >\n              использованием cookies\n            </div>\n          </div>\n        </div>\n\n        <v-btn variant=\"text\" icon rounded>\n          <nuxt-img\n            src=\"/icon-close.svg\"\n            width=\"24\"\n            height=\"24\"\n            alt=\"Закрыть панель cookie\"\n            class=\"cookies__container-close\"\n            @click=\"closeCookiesBanner\"\n          />\n        </v-btn>\n      </div>\n    </noindex>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n.cookies {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: 111;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  &__container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    max-width: 768px;\n    padding: 16px 20px;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 19px;\n    color: $dark-grey;\n    background: $white;\n    border-radius: 20px 20px 0 0;\n    box-shadow: 0 6px 50px rgba(50, 52, 72, 0.3);\n\n    @include media('<desktop-mini') {\n      max-width: 100%;\n    }\n\n    @include media('<tablet') {\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 14px;\n    }\n\n    &-description {\n      display: flex;\n      align-items: center;\n\n      .container {\n        display: flex;\n\n        @include media('<tablet') {\n          display: grid;\n        }\n      }\n\n      .cookies__description-icon {\n        margin-right: 16px;\n      }\n\n      .cookies__description-link {\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 19px;\n        color: $text-black;\n        text-decoration: underline;\n        cursor: pointer;\n\n        @include media('<tablet') {\n          max-width: 100%;\n          font-size: 12px;\n          font-weight: 600;\n          line-height: 14px;\n        }\n      }\n    }\n\n    .cookies__container-close {\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"copyright__card-list\">\n    <nuxt-img\n      src=\"/footer-visa.svg\"\n      alt=\"Visa\"\n      width=\"49\"\n      height=\"20\"\n      loading=\"lazy\"\n    />\n    <nuxt-img\n      src=\"/footer-master-card.svg\"\n      alt=\"MasterCard\"\n      width=\"33\"\n      height=\"20\"\n      loading=\"lazy\"\n    />\n    <nuxt-img\n      src=\"/footer-mir.svg\"\n      alt=\"Mir\"\n      width=\"57\"\n      height=\"16\"\n      loading=\"lazy\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.copyright__card-list {\n  display: flex;\n  gap: 0 20px;\n  align-items: center;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\nimport { SocialNetwork } from '@/store/city/city.types'\n\nconst props = defineProps({\n  socialNetworks: {\n    type: Array as PropType<SocialNetwork[]>,\n    required: true,\n  },\n})\n</script>\n\n<template>\n  <div class=\"copyright__card-list\">\n    <a v-for=\"link in props.socialNetworks\" :key=\"link.slug\" :href=\"link.url\">\n      <nuxt-img\n        :src=\"link.image || ''\"\n        :alt=\"link.slug\"\n        width=\"28\"\n        height=\"28\"\n        loading=\"lazy\"\n      />\n    </a>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.copyright__card-list {\n  display: flex;\n  gap: 0 20px;\n  align-items: center;\n  a {\n    display: flex;\n    align-items: center;\n  }\n}\n</style>\n","<template>\n  <span>&nbsp;v2.0.0</span>\n</template>\n","<script setup lang=\"ts\">\n/* Components */\nimport FooterInfoCardList from '@/components/Footer/FooterInfoCardList.vue'\nimport FooterInfoSocialNetworks from '@/components/Footer/FooterInfoSocialNetworks.vue'\nimport AppVersionLink from '@/components/App/AppVersionLink.vue'\n\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\nconst { socialNetworks, copyright } = useCityStore()\n</script>\n\n<template>\n  <div class=\"footer__container-info copyright\">\n    <div class=\"copyright__info\">\n      <span>&#169; {{ copyright }}</span>\n      <app-version-link />\n    </div>\n\n    <div class=\"copyright__requisites\">\n      Данные о продавце в разделе\n      <nuxt-link :prefetch=\"false\" :to=\"'/info/#requisites'\">\n        Реквизиты\n      </nuxt-link>\n    </div>\n\n    <footer-info-card-list class=\"copyright__cards\" />\n\n    <footer-info-social-networks :social-networks=\"socialNetworks\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.copyright {\n  display: flex;\n  align-items: center;\n  padding: 30px 0 40px;\n  color: $text-grey;\n  &__info {\n    margin-right: 65px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 18px;\n\n    a {\n      color: $text-grey;\n    }\n  }\n\n  &__requisites {\n    margin-right: 270px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    a {\n      color: $text-grey;\n      text-decoration: underline;\n    }\n  }\n\n  &__cards {\n    margin-right: 130px;\n  }\n\n  @include media('<=desktop-mini') {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px 0;\n    padding: 40px 0;\n    &__info,\n    &__requisites,\n    &__cards {\n      margin-right: 0;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref, onMounted } from 'vue'\n\n/* Components */\nconst FooterLinksDownloadButton = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinksDownloadButton.vue'),\n)\nconst FooterLinksInformation = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinksInformation.vue'),\n)\nconst FooterLinkCompany = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinkCompany.vue'),\n)\nconst FooterLinkSupport = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinkSupport.vue'),\n)\nconst FooterLinksForClients = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinksForClients.vue'),\n)\nconst FooterLinksApp = defineAsyncComponent(\n  () => import('@/components/Footer/FooterLinksApp.vue'),\n)\n\nconst { isDesktop, isMobile, isTablet } = useDevice()\n\nexport interface LinkList {\n  isClientLinksShow: boolean\n  isSupportLinkShow: boolean\n  isCompanyLinkShow: boolean\n  isInfoLinkShow: boolean\n}\n\nconst linkList = ref({\n  isClientLinksShow: false,\n  isSupportLinkShow: false,\n  isCompanyLinkShow: false,\n  isInfoLinkShow: false,\n}) as Ref<LinkList>\n\nonMounted(() => {\n  if (isDesktop) {\n    Object.keys(linkList.value).map((key: string) => {\n      return (linkList.value[key as keyof LinkList] = true)\n    })\n  }\n})\n\nconst showLinkList = (listKey: keyof LinkList) => {\n  if (isDesktop) return\n\n  linkList.value[listKey] = !linkList.value[listKey]\n}\n</script>\n\n<template>\n  <section class=\"footer__container-links links\">\n    <div v-if=\"!isDesktop\" class=\"links__item\">\n      <footer-links-download-button\n        :is-mobile-download-button=\"isMobile\"\n        :is-tablet-download-button=\"isTablet\"\n      />\n    </div>\n    <div class=\"links__item\">\n      <span\n        class=\"links__item-headline\"\n        @click=\"showLinkList('isClientLinksShow')\"\n      >\n        Клиентам\n        <nuxt-img\n          v-if=\"!isDesktop\"\n          :class=\"{ 'image--reverse': linkList.isClientLinksShow }\"\n          alt=\"Ссылки для клиентов\"\n          src=\"/arrow-down.svg\"\n          width=\"7\"\n          height=\"5\"\n          loading=\"lazy\"\n        />\n      </span>\n\n      <footer-links-for-clients\n        v-if=\"linkList.isClientLinksShow\"\n        class=\"links__item-list\"\n      />\n    </div>\n    <div class=\"links__item\">\n      <span\n        class=\"links__item-headline\"\n        @click=\"showLinkList('isSupportLinkShow')\"\n      >\n        Поддержка\n        <nuxt-img\n          v-if=\"!isDesktop\"\n          :class=\"{ 'image--reverse': linkList.isSupportLinkShow }\"\n          src=\"/arrow-down.svg\"\n          width=\"7\"\n          height=\"5\"\n          alt=\"Ссылки поддержки\"\n          loading=\"lazy\"\n        />\n      </span>\n\n      <footer-link-support v-if=\"linkList.isSupportLinkShow\" />\n    </div>\n    <div class=\"links__item\">\n      <span\n        class=\"links__item-headline\"\n        @click=\"showLinkList('isCompanyLinkShow')\"\n      >\n        Компания\n        <nuxt-img\n          v-if=\"!isDesktop\"\n          :class=\"{ 'image--reverse': linkList.isCompanyLinkShow }\"\n          src=\"/arrow-down.svg\"\n          width=\"7\"\n          height=\"5\"\n          alt=\"Ссылки компании\"\n          loading=\"lazy\"\n        />\n      </span>\n\n      <footer-link-company v-if=\"linkList.isCompanyLinkShow\" />\n    </div>\n    <div class=\"links__item\">\n      <span\n        class=\"links__item-headline\"\n        @click=\"showLinkList('isInfoLinkShow')\"\n      >\n        Информация\n        <nuxt-img\n          v-if=\"!isDesktop\"\n          :class=\"{ 'image--reverse': linkList.isInfoLinkShow }\"\n          src=\"/arrow-down.svg\"\n          width=\"7\"\n          height=\"5\"\n          alt=\"Ссылки для информативности\"\n          loading=\"lazy\"\n        />\n      </span>\n\n      <footer-links-information v-if=\"linkList.isInfoLinkShow\" />\n    </div>\n    <div v-if=\"isDesktop\" class=\"links__item\">\n      <span class=\"links__item-headline\">Наше приложение</span>\n\n      <footer-links-app />\n    </div>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.links {\n  display: grid;\n  grid-template-columns: 170px 170px 270px 270px 170px;\n  gap: 0 36px;\n  justify-content: space-between;\n  width: 100%;\n  padding: 40px 0;\n  border-bottom: 1px solid $carousel-dot-background;\n\n  &__item {\n    width: 100%;\n    &-headline {\n      display: block;\n      margin: 0 0 20px;\n      font-size: 16px;\n      font-weight: 900;\n      line-height: 20px;\n      color: #555a6a;\n    }\n  }\n\n  .image--reverse {\n    transform: rotate(180deg);\n  }\n\n  @include media('<=desktop-mini') {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px 0;\n    &__item {\n      &-headline {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        img {\n          margin-left: 10px;\n        }\n      }\n      &-list {\n        margin-top: 20px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useBasketMethods","fetchBasket","useBasketStore","setDeliveryMethod","route","useRoute","router","useRouter","DeliveryMethods","isBannerShowed","ref","closeCookiesBanner","goToConfidential","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_nuxt_img","props","__props","_sfc_render","_ctx","_cache","socialNetworks","copyright","useCityStore","FooterLinksDownloadButton","defineAsyncComponent","__vitePreload","FooterLinksInformation","FooterLinkCompany","FooterLinkSupport","FooterLinksForClients","FooterLinksApp","isDesktop","isMobile","isTablet","useDevice","linkList","key","showLinkList","listKey"],"mappings":";;;ioBAIO,MAAMA,GAAmB,KAuBvB,CACL,YAvBkB,SAAY,CAC9B,KAAM,CAAE,YAAAC,CAAY,EAAIC,EAAe,EAEvC,MAAMD,EAAY,GAqBlB,mBAlByB,SAAY,CAC/B,MAAE,kBAAAE,GAAsBD,IAExBE,EAAQC,IACRC,EAASC,IAEVH,EAAM,MAAM,YAEjB,MAAMD,EAAkB,CACtB,gBAAiBK,EAAgB,QACjC,WAAY,OAAOJ,EAAM,MAAM,SAAS,EACzC,EAED,MAAME,EAAO,QAAQ,CAAE,MAAO,IAAM,IAKpC,yRC5BJ,MAAMA,EAASC,IAETE,EAAiBC,EAAI,EAAI,EAEzBC,EAAqB,IAAM,CAClB,qBAAQ,gBAAiB,MAAM,EAC5CF,EAAe,MAAQ,IAGnBG,EAAmB,IAAM,CACVD,IAEnBL,EAAO,KAAK,gBAAgB,GAG9B,OAAAO,EAAU,IAAM,CACT,aAAa,QAAQ,eAAe,MAAkB,MAAQ,IACpE,4qBCVKC,EAAA,EAAAC,EAAA,MAAAC,GAAA,CALAC,EAAsBC,EAAA,CACtB,IAAI,mBACJ,IAAK,OACL,WACA,2BAQA,EALAD,EAA6BC,EAAA,CAC7B,IAAI,0BACJ,IAAK,aACL,WACA,2BAQA,EALAD,EAAqBC,EAAA,CACrB,IAAI,kBACJ,IAAK,MACL,WACA,4OChBN,MAAMC,EAAQC,mPCJZ,SAAAC,GAAAC,EAAAC,EAAA,qNCQF,KAAM,CAAE,eAAAC,EAAgB,UAAAC,CAAU,EAAIC,EAAa,qtBCLnD,MAAMC,EAA4BC,EAChC,IAAMC,EAAA,WAAO,eAAmD,mDAE5DC,EAAyBF,EAC7B,IAAMC,EAAA,WAAO,eAAgD,qDAEzDE,EAAoBH,EACxB,IAAMC,EAAA,WAAO,eAA2C,yDAEpDG,EAAoBJ,EACxB,IAAMC,EAAA,WAAO,eAA2C,qDAEpDI,EAAwBL,EAC5B,IAAMC,EAAA,WAAO,eAA+C,uDAExDK,EAAiBN,EACrB,IAAMC,EAAA,WAAO,eAAwC,qDAGjD,CAAE,UAAAM,EAAW,SAAAC,EAAU,SAAAC,GAAaC,EAAU,EAS9CC,EAAW7B,EAAI,CACnB,kBAAmB,GACnB,kBAAmB,GACnB,kBAAmB,GACnB,eAAgB,GACjB,EAEDG,EAAU,IAAM,CACVsB,GACF,OAAO,KAAKI,EAAS,KAAK,EAAE,IAAKC,GACvBD,EAAS,MAAMC,CAAqB,EAAI,EACjD,CACH,CACD,EAEK,MAAAC,EAAgBC,GAA4B,CAC5CP,IAEJI,EAAS,MAAMG,CAAO,EAAI,CAACH,EAAS,MAAMG,CAAO","debug_id":"7f761dd8-5fb3-5c34-9e48-c41bf9b93b30"}