{"version":3,"file":"zjM38nb9.js","sources":["../../../../components/AddressSystem/menu/AddressSystemMenuNotDelivery.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useAddressSystem } from '@/store/addressSystem/address-system'\nimport { useCityStore } from '@/store/city/city'\n\nimport { DeliveryMethods } from '@/api/modules/basket/types'\n\nimport HeaderPhones from '@/components/Header/HeaderPhones.vue'\n\ntype Emits = {\n  (fn: 'onSelectPickup'): void\n}\n\nconst emit = defineEmits<Emits>()\n\nconst { isMobile } = useResponsive()\n\nconst cityStore = useCityStore()\nconst { changeDeliveryBasket } = useAddressSystem()\n\nconst isActive = computed(() => cityStore.cityInfo.is_active)\nconst phones = computed(() => cityStore.phones)\n\nconst openChat = () => window.carrotquest?.open()\n\nconst onSelectPickupMethod = () => {\n  changeDeliveryBasket({ delivery_method: DeliveryMethods.PICKUP })\n\n  emit('onSelectPickup')\n}\n</script>\n\n<template>\n  <div class=\"menu-not-delivery\">\n    <div class=\"menu-not-delivery__content\">\n      <div class=\"menu-not-delivery__title\">Адрес вне зоны доставки</div>\n\n      <div class=\"menu-not-delivery__text\">\n        <template v-if=\"isMobile\">\n          <p>\n            Свяжитесь с&nbsp;менеджером, мы&nbsp;посмотрим, что можно сделать.\n            Возможно рассмотрим доставку на&nbsp;индивидуальных условиях.\n          </p>\n          <p>\n            Также вы&nbsp;всегда можете забрать заказ сами или поесть\n            в&nbsp;нашем уютном ресторане.\n          </p>\n        </template>\n\n        <p v-else>\n          Выберите самовывоз или свяжитесь с менеджером, мы посмотрим, что можно\n          сделать.\n        </p>\n      </div>\n\n      <header-phones\n        v-if=\"isActive && !isMobile\"\n        class=\"menu-not-delivery__phone\"\n        :phones=\"phones\"\n      />\n\n      <nuxt-img\n        v-if=\"!isMobile\"\n        class=\"menu-not-delivery__icon\"\n        src=\"/delivery-person.webp\"\n      />\n    </div>\n\n    <div class=\"menu-not-delivery__control\">\n      <template v-if=\"isMobile\">\n        <the-button variant=\"tertiary\" font=\"md\" @click=\"onSelectPickupMethod\">\n          Выбрать самовывоз\n        </the-button>\n\n        <the-button v-if=\"isActive\" font=\"md\" :href=\"`tel:${phones[0]}`\">\n          Позвонить нам\n        </the-button>\n      </template>\n\n      <the-button v-else variant=\"tertiary\" @click=\"openChat\">\n        Написать в чат\n      </the-button>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.menu-not-delivery {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  height: auto;\n\n  &__content {\n    position: relative;\n    margin-bottom: auto;\n  }\n\n  &__title {\n    margin-bottom: 16px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 19px;\n    color: var(--ui-text-primary);\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 8px;\n      font-size: 18px;\n      line-height: 22px;\n    }\n  }\n\n  &__text {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 10px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 17px;\n    color: var(--ui-text-primary);\n\n    @include media('>=desktop-mini') {\n      max-width: 300px;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 14px;\n      color: var(--ui-text-secondary);\n    }\n  }\n\n  &__phone {\n    display: flex;\n    flex-direction: row;\n\n    :deep(.information__phone-number) {\n      height: 14px;\n      margin-right: 10px;\n      font-size: 12px;\n      line-height: 14px;\n      color: var(--ui-text-secondary);\n    }\n  }\n\n  &__icon {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 40px;\n    height: 40px;\n  }\n\n  &__control {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-top: 16px;\n  }\n}\n</style>\n"],"names":["emit","__emit","isMobile","useResponsive","cityStore","useCityStore","changeDeliveryBasket","useAddressSystem","isActive","computed","phones","openChat","_a","onSelectPickupMethod","DeliveryMethods"],"mappings":";;+zBAYA,MAAMA,EAAOC,EAEP,CAAE,SAAAC,CAAS,EAAIC,EAAc,EAE7BC,EAAYC,EAAa,EACzB,CAAE,qBAAAC,CAAqB,EAAIC,EAAiB,EAE5CC,EAAWC,EAAS,IAAML,EAAU,SAAS,SAAS,EACtDM,EAASD,EAAS,IAAML,EAAU,MAAM,EAExCO,EAAW,IAAA,OAAM,OAAAC,EAAA,OAAO,cAAP,YAAAA,EAAoB,QAErCC,EAAuB,IAAM,CACjCP,EAAqB,CAAE,gBAAiBQ,EAAgB,MAAA,CAAQ,EAEhEd,EAAK,gBAAgB,CACvB","debug_id":"01fdff8a-0545-5f37-ab61-4df6c12176ff"}