{"version":3,"file":"_nuxt/i5nlIQP4.js","sources":["../../../../composables/useBasketMethods.ts","../../../../components/App/AppCookiesBanner.vue","../../../../components/Footer/footer-info/FooterInfoPaymentCards.vue","../../../../components/Footer/footer-info/FooterInfo.vue","../../../../components/Footer/footer-links/FooterLinksItem.vue","../../../../components/Footer/footer-links/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        <the-button\n          icon=\"close-bigger\"\n          variant=\"transparent\"\n          :icon-size=\"24\"\n          size=\"sm\"\n          @click=\"closeCookiesBanner\"\n        />\n      </div>\n    </noindex>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\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\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: var(--ui-dark-grey);\n    background: var(--ui-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: var(--ui-secondary);\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=\"payment-cards\">\n    <nuxt-img\n      src=\"/footer/footer-visa.svg\"\n      alt=\"Visa\"\n      width=\"49\"\n      height=\"20\"\n      loading=\"lazy\"\n    />\n    <nuxt-img\n      src=\"/footer/footer-master-card.svg\"\n      alt=\"MasterCard\"\n      width=\"33\"\n      height=\"20\"\n      loading=\"lazy\"\n    />\n    <nuxt-img\n      src=\"/footer/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.payment-cards {\n  display: flex;\n  gap: 0 20px;\n  align-items: center;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCityStore } from '@/store/city/city'\n\nimport FooterInfoPaymentCards from '@/components/Footer/footer-info/FooterInfoPaymentCards.vue'\nimport FooterInfoSocialNetworks from '@/components/Footer/footer-info/FooterInfoSocialNetworks.vue'\n\nconst APP_VERSION = 'v2.0.0'\n\nconst { socialNetworks, copyright } = useCityStore()\n</script>\n\n<template>\n  <section class=\"footer-info\">\n    <div class=\"footer-info__copyright\">\n      &#169; {{ copyright }} {{ APP_VERSION }}\n    </div>\n\n    <div class=\"footer-info__requisites\">\n      Данные о продавце в разделе\n      <nuxt-link :prefetch=\"false\" to=\"/info/#requisites/\">Реквизиты</nuxt-link>\n    </div>\n\n    <footer-info-payment-cards class=\"footer-info__cards\" />\n\n    <footer-info-social-networks :social-networks=\"socialNetworks\" />\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.footer-info {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 24px 0;\n  align-items: center;\n  padding: 40px 0;\n  color: $text-grey;\n\n  &__copyright {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 18px;\n  }\n\n  &__requisites {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n\n    a {\n      color: $text-grey;\n      text-decoration: underline;\n    }\n  }\n\n  @include media('>desktop-mini') {\n    display: flex;\n    gap: 0;\n    padding: 30px 0 40px;\n\n    &__copyright {\n      margin-right: 65px;\n    }\n\n    &__requisites {\n      margin-right: 270px;\n    }\n\n    &__cards {\n      margin-right: 130px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\ntype Props = {\n  title: string\n}\ndefineProps<Props>()\n\nconst { isDesktop } = useDevice()\n\nconst onClickToggleView = () => {\n  if (isDesktop) {\n    return\n  }\n\n  isVisibleContent.value = !isVisibleContent.value\n}\n\nconst isVisibleContent = ref(isDesktop)\n</script>\n\n<template>\n  <div class=\"footer-links-item\">\n    <span class=\"footer-links-item__title\" @click=\"onClickToggleView\">\n      {{ title }}\n      <nuxt-img\n        v-if=\"!isDesktop\"\n        :class=\"{ 'image--reverse': isVisibleContent }\"\n        src=\"/arrow-down.svg\"\n        width=\"7\"\n        height=\"5\"\n        alt=\"Стрелка\"\n        loading=\"lazy\"\n      />\n    </span>\n\n    <div v-if=\"isVisibleContent\" class=\"footer-links-item__content\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.footer-links-item {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 20px;\n    color: $text-grey;\n\n    img {\n      margin-left: 10px;\n      transition: transform 0.3s ease;\n    }\n\n    .image--reverse {\n      transform: rotate(180deg);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport FooterLinksItem from '@/components/Footer/footer-links/FooterLinksItem.vue'\n\nconst FooterDownloadButton = defineAsyncComponent(\n  () => import('@/components/Footer/FooterDownloadButton.vue'),\n)\nconst FooterLinksForClients = defineAsyncComponent(\n  () => import('@/components/Footer/footer-links/FooterLinksClients.vue'),\n)\nconst FooterLinkSupport = defineAsyncComponent(\n  () => import('@/components/Footer/footer-links/FooterLinksSupport.vue'),\n)\nconst FooterLinkCompany = defineAsyncComponent(\n  () => import('@/components/Footer/footer-links/FooterLinksCompany.vue'),\n)\nconst FooterLinksInformation = defineAsyncComponent(\n  () => import('@/components/Footer/footer-links/FooterLinksInformation.vue'),\n)\nconst FooterLinksApp = defineAsyncComponent(\n  () => import('@/components/Footer/footer-links/FooterLinksApp.vue'),\n)\n\nconst { isDesktop, isMobile, isTablet } = useDevice()\n</script>\n\n<template>\n  <section class=\"footer-links\">\n    <footer-download-button\n      v-if=\"!isDesktop\"\n      :is-mobile-download-button=\"isMobile\"\n      :is-tablet-download-button=\"isTablet\"\n    />\n\n    <footer-links-item title=\"Клиентам\">\n      <footer-links-for-clients />\n    </footer-links-item>\n\n    <footer-links-item title=\"Поддержка\">\n      <footer-link-support />\n    </footer-links-item>\n\n    <footer-links-item title=\"Компания\">\n      <footer-link-company />\n    </footer-links-item>\n\n    <footer-links-item title=\"Информация\">\n      <footer-links-information />\n    </footer-links-item>\n\n    <footer-links-item v-if=\"isDesktop\" title=\"Наше приложение\">\n      <footer-links-app />\n    </footer-links-item>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.footer-links {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\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\n    &-headline {\n      display: flex;\n      align-items: center;\n      font-size: 16px;\n      font-weight: 900;\n      line-height: 20px;\n      color: $text-grey;\n\n      img {\n        margin-left: 10px;\n      }\n    }\n\n    &-list {\n      margin-top: 20px;\n    }\n  }\n\n  .image--reverse {\n    transform: rotate(180deg);\n  }\n\n  @include media('>desktop-mini') {\n    grid-template-columns: 170px 170px 270px 270px 170px;\n    gap: 36px;\n\n    &__item-headline {\n      display: block;\n      margin-bottom: 20px;\n    }\n\n    &__item-list {\n      margin: 0;\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","APP_VERSION","socialNetworks","copyright","useCityStore","isDesktop","useDevice","onClickToggleView","isVisibleContent","FooterDownloadButton","defineAsyncComponent","__vitePreload","FooterLinksForClients","FooterLinkSupport","FooterLinkCompany","FooterLinksInformation","FooterLinksApp","isMobile","isTablet"],"mappings":";;;kkBAIO,MAAMA,GAAmB,KAuBvB,CACL,YAvBkB,SAAY,CAC9B,KAAM,CAAE,YAAAC,CAAY,EAAIC,EAAe,EAEvC,MAAMD,EAAY,CACpB,EAoBE,mBAlByB,SAAY,CAC/B,MAAE,kBAAAE,CAAkB,EAAID,EAAe,EAEvCE,EAAQC,EAAS,EACjBC,EAASC,EAAU,EAEpBH,EAAM,MAAM,YAEjB,MAAMD,EAAkB,CACtB,gBAAiBK,EAAgB,QACjC,WAAY,OAAOJ,EAAM,MAAM,SAAS,EACzC,EAED,MAAME,EAAO,QAAQ,CAAE,MAAO,KAAM,EACtC,CAKA,+KC7BF,MAAMA,EAASC,EAAU,EAEnBE,EAAiBC,EAAI,EAAI,EAEzBC,EAAqB,IAAM,CAClB,qBAAQ,gBAAiB,MAAM,EAC5CF,EAAe,MAAQ,EACzB,EAEMG,EAAmB,IAAM,CACVD,EAAA,EAEnBL,EAAO,KAAK,gBAAgB,CAC9B,EAEA,OAAAO,EAAU,IAAM,CACT,aAAa,QAAQ,eAAe,MAAkB,MAAQ,IACpE,ooBCVKC,EAAA,EAAAC,EAAA,MAAAC,EAAA,CALAC,EAA6BC,EAAA,CAC7B,IAAI,0BACJ,IAAK,OACL,WACA,2BAQA,EALAD,EAAoCC,EAAA,CACpC,IAAI,iCACJ,IAAK,aACL,WACA,2BAQA,EALAD,EAA4BC,EAAA,CAC5B,IAAI,yBACJ,IAAK,MACL,WACA,+iBCfAC,GAAc,4CAEpB,KAAM,CAAE,eAAAC,EAAgB,UAAAC,CAAU,EAAIC,EAAa,ugBCF7C,MAAE,UAAAC,CAAU,EAAIC,EAAU,EAE1BC,EAAoB,IAAM,CAC1BF,IAIaG,EAAA,MAAQ,CAACA,EAAiB,MAC7C,EAEMA,EAAmBhB,EAAIa,CAAS,4cCbtC,MAAMI,EAAuBC,EAC3B,IAAMC,EAAA,WAAO,eAA8C,6CAC7D,EACMC,EAAwBF,EAC5B,IAAMC,EAAA,WAAO,eAAyD,+CACxE,EACME,EAAoBH,EACxB,IAAMC,EAAA,WAAO,eAAyD,+CACxE,EACMG,EAAoBJ,EACxB,IAAMC,EAAA,WAAO,eAAyD,iDACxE,EACMI,EAAyBL,EAC7B,IAAMC,EAAA,WAAO,eAA6D,gDAC5E,EACMK,EAAiBN,EACrB,IAAMC,EAAA,WAAO,eAAqD,mDACpE,EAEM,CAAE,UAAAN,EAAW,SAAAY,EAAU,SAAAC,CAAA,EAAaZ,EAAU","debug_id":"0bbc7852-d4fd-5b22-a8f9-deaf2c465440"}