{"version":3,"file":"_nuxt/CtEjK9Hm.js","sources":["../../../../composables/useIntersectionObserver.ts","../../../../utils/scrollToBlock.ts","../../../../store/basket/basket-payment-methods.ts","../../../../components/Basket/basket-addresses/BasketDeliveryAddressTag.vue","../../../../components/Icons/IconChevronDown.vue","../../../../components/Basket/basket-addresses/BasketAddressList.vue","../../../../components/Basket/basket-addresses/BasketDeliveryAddressItem.vue","../../../../components/Basket/basket-addresses/BasketCourier.vue","../../../../node_modules/vuetify/lib/directives/touch/index.mjs","../../../../node_modules/vuetify/lib/components/VWindow/VWindow.mjs","../../../../node_modules/vuetify/lib/components/VWindow/VWindowItem.mjs","../../../../components/Basket/basket-addresses/BasketAddresses.vue","../../../../store/basket/basket-time.ts","../../../../components/Basket/basket-utils/BasketWarningMessage.vue","../../../../components/Basket/basket-time/BasketAvailableTime.vue","../../../../components/Basket/basket-time/BasketOnTime.vue","../../../../components/Basket/basket-time/BasketTimeInfo.vue","../../../../components/Basket/basket-time/BasketTime.vue","../../../../components/Basket/basket-note/BasketNote.vue","../../../../components/Basket/basket-additive/BasketAdditiveButton.vue","../../../../components/Basket/basket-additive/BasketAdditiveItem.vue","../../../../components/Basket/basket-additive/BasketAdditiveToggle.vue","../../../../components/Basket/basket-additive/BasketAdditiveList.vue","../../../../components/Basket/basket-additive/BasketAdditive.vue","../../../../types/basket.ts","../../../../components/Basket/basket-payment/BasketPaymentSavedCard.vue","../../../../components/Basket/basket-payment/BasketPaymentMethod.vue","../../../../components/Basket/basket-payment/BasketPaymentListMethods.vue","../../../../components/Basket/basket-payment/BasketCallSelect.vue","../../../../components/Basket/basket-payment/BasketPaymentChange.vue","../../../../components/Basket/basket-payment/BasketPayment.vue","../../../../components/Basket/basket-discount/BasketDiscountChoices.vue","../../../../components/Basket/basket-discount/BasketDiscountInput.vue","../../../../components/Basket/basket-discount/BasketDiscount.vue","../../../../components/Basket/basket-proposition/BasketProposition.vue","../../../../components/Basket/dialogs/DialogBasketProposition.vue","../../../../components/Basket/basket-order/BasketOrderHeader.vue","../../../../utils/formatProductForModification.ts","../../../../components/Basket/basket-order/BasketOrderItem.vue","../../../../components/Basket/basket-order/BasketOrderGiftItem.vue","../../../../components/Basket/basket-order/BasketOrderAdditiveItem.vue","../../../../components/Basket/basket-order/BasketOrderList.vue","../../../../components/Basket/basket-order/BasketOrder.vue","../../../../components/Basket/basket-client-pack/BasketClientPackItem.vue","../../../../components/Basket/basket-client-pack/BasketClientPackInfo.vue","../../../../components/Basket/basket-price-panel/BasketPricePanelButton.vue","../../../../components/Basket/basket-price-panel/BasketPriceShortPanel.vue","../../../../components/Basket/basket-price-panel/BasketPricePanel.vue","../../../../components/Basket/basket-gifts/BasketGiftsItem.vue","../../../../components/Basket/basket-gifts/BasketGiftsList.vue","../../../../components/Basket/basket-gifts/BasketGiftsInfo.vue","../../../../components/Basket/basket-gifts/BasketGiftsToggle.vue","../../../../components/Basket/basket-gifts/BasketGifts.vue","../../../../components/Basket/basket-state/TheBasket.vue","../../../../pages/basket/index.vue"],"sourcesContent":["const initObserver = (\n  target: Element | null,\n  callback: IntersectionObserverCallback,\n  options: IntersectionObserverInit,\n) => {\n  const observer = new IntersectionObserver(callback, options)\n\n  if (target) {\n    observer.observe(target)\n  }\n\n  return { observer }\n}\n\nexport const useIntersectionObserver = (\n  element: Element | string | null,\n  options: IntersectionObserverInit = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 1.0,\n  },\n  callback?: IntersectionObserverCallback,\n) => {\n  // Если не передан элемент - выходим\n  if (!element) return\n\n  const isVisible = ref(false)\n\n  /* Дефолтный callback для изменения флага видимости элемента */\n  let callbackObserver: IntersectionObserverCallback = (\n    entries: IntersectionObserverEntry[],\n  ) => {\n    const firstEntry = entries[0]\n    isVisible.value = firstEntry.isIntersecting\n  }\n\n  /* Если передали callback */\n  if (callback) {\n    callbackObserver = callback\n  }\n\n  let observer = null\n\n  switch (typeof element) {\n    case 'string':\n      /* Если переданный элемент - селектор */\n      onMounted(() => {\n        const target = document.querySelector(element)\n\n        observer = initObserver(target, callbackObserver, options)\n      })\n      break\n    case 'object':\n      /* Если переданный элемент - HTML элемент */\n      observer = initObserver(element, callbackObserver, options)\n      break\n    default:\n      onMounted(() => {\n        console.warn('нет')\n      })\n  }\n\n  return {\n    isVisible,\n    observer,\n  }\n}\n","type SelectorType = `${'.' | '#'}${string}`\n\n/**\n * Скролл-переход к блоку по селектору\n * @param selector - селектор документа\n * @param options - опции скролла\n */\nexport const scrollToBlock = (\n  selector: SelectorType,\n  options: ScrollIntoViewOptions = {\n    behavior: 'smooth',\n    block: 'center',\n  },\n) => {\n  const element = document.querySelector(selector)\n\n  if (!element) {\n    console.warn(`Элемент с селектором ${selector} не найден.`)\n\n    return\n  }\n\n  element.scrollIntoView(options)\n}\n","import { defineStore } from 'pinia'\nimport { StoreId } from '@/store'\n\n/* Types */\nimport { PaymentMethodState } from '@/types/store/basket/paymentMethods'\nimport {\n  BasketPayment,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\nimport { LoadState } from '@/types/main'\nimport { Success } from '@/api/results'\n\nconst defaultState: PaymentMethodState = {\n  data: [],\n  isLoading: false,\n  isLoaded: false,\n  error: null,\n}\n\nexport const state = () => defaultState\n\nexport const useBasketPaymentMethodsStore = defineStore({\n  id: StoreId.BASKET_PAYMENT_METHODS,\n  state: (): PaymentMethodState => defaultState,\n  actions: {\n    async getPaymentMethods() {\n      this.setPaymentMethods({ isLoading: true })\n\n      const { $apiService } = useNuxtApp()\n      const { isMobile } = useDevice()\n\n      const result = await $apiService.basket.getPaymentMethods(isMobile)\n\n      if (result instanceof Success) {\n        const { payment_methods, pay_selection_cards } = result.data\n\n        const basketPayments: BasketPayment[] = payment_methods\n\n        /*\n          Ищем index позиции для сохран. карт,\n          после чего выполняем вставку с удалением элемента по index\n        */\n        const indexPositionSavedCard = basketPayments.findIndex(\n          (payment) => payment.type === PaymentMethodType.FEATURE_SAVED_CARD,\n        )\n\n        // Если index фичи карты нет, то пушим простой список оплат\n        if (indexPositionSavedCard === -1) {\n          this.setPaymentMethods({\n            isLoaded: true,\n            data: basketPayments,\n            error: null,\n            isLoading: false,\n          })\n\n          return\n        }\n\n        basketPayments.splice(indexPositionSavedCard, 1, ...pay_selection_cards)\n\n        this.setPaymentMethods({\n          isLoaded: true,\n          data: basketPayments,\n          error: null,\n          isLoading: false,\n        })\n\n        return\n      }\n\n      this.setPaymentMethods({\n        isLoaded: true,\n        error: result,\n        isLoading: false,\n      })\n    },\n\n    setPaymentMethods(paymentMethods: Partial<LoadState<BasketPayment[]>>) {\n      Object.assign(this.$state, paymentMethods)\n    },\n  },\n})\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport {\n  Cost,\n  CostStatuses,\n  BasketAddressMessages,\n} from '~/types/api/api-v3/basket'\n\nconst props = defineProps({\n  deliveryCost: {\n    required: false,\n    default: null,\n    type: Object as PropType<Cost>,\n  },\n  isDeliveryArea: {\n    required: true,\n    type: Boolean,\n  },\n  isSelectedAddress: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst messageTag = computed(() => {\n  // Формируем теги для адресов проверяя выбранный адрес и его возможность доставки\n  if (!props.isDeliveryArea) return BasketAddressMessages.NOT_DELIVERY_AREA\n  else if (\n    props.isSelectedAddress &&\n    props.deliveryCost &&\n    props.deliveryCost.message\n  )\n    return props.deliveryCost.message\n  else return null\n})\n\nconst detectedStyleChip = computed(() => {\n  if (!props.isDeliveryArea)\n    return [\n      {\n        'address-tag--outside-delivery': !props.isDeliveryArea,\n      },\n    ]\n\n  const { status } = props.deliveryCost\n\n  return [\n    {\n      'address-tag--outside-delivery':\n        status === CostStatuses.OUTSIDE_DELIVERY_AREA,\n      'address-tag--free-delivery': status === CostStatuses.FREE_DELIVERY,\n    },\n  ]\n})\n</script>\n\n<template>\n  <div v-if=\"messageTag\" class=\"address-tag\" :class=\"detectedStyleChip\">\n    {{ messageTag }}\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.address-tag {\n  height: 27px;\n  padding: 3px 10px;\n  font-size: 12px;\n  font-weight: bold;\n  color: $white;\n  background: $primary;\n  border-radius: 20px;\n\n  &--free-delivery {\n    background: $basket-success;\n  }\n\n  &--outside-delivery {\n    background: $text-black;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  color: {\n    type: String,\n    default: '#ff5044',\n  },\n})\n</script>\n<template>\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.7975 13.3832L8.70711 10.2929C8.31658 9.90237 7.68342 9.90237 7.29289 10.2929C6.90237 10.6834 6.90237 11.3166 7.29289 11.7071L11.0902 15.5044C11.4807 15.8949 12.1138 15.895 12.5043 15.5046L16.2438 11.7663C16.6344 11.3759 16.6345 10.7427 16.244 10.3521C15.8536 9.96152 15.2204 9.96142 14.8298 10.3519L11.7975 13.3832Z\"\n      :fill=\"props.color\"\n    />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { PropType, watch } from 'vue'\n\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\n\n/* Components */\nimport BasketDeliveryAddressTag from '~/components/Basket/basket-addresses/BasketDeliveryAddressTag.vue'\nimport IconChevronDown from '~/components/Icons/IconChevronDown.vue'\nimport IconClose from '~/components/Icons/IconClose.vue'\nimport IconCircle from '~/components/Icons/IconCircle.vue'\nimport IconRing from '~/components/Icons/IconRing.vue'\nimport AppButton from '~/components/App/AppButton.vue'\n\n/* Types */\nimport { Address } from '~/types/store/addresses'\nimport { DeliveryMethods } from '~/api/modules/basket/types'\nimport { Cost } from '~/types/api/api-v3/basket'\n\nconst props = defineProps({\n  maxCountOfVisibleAddresses: {\n    type: Number,\n    required: true,\n  },\n  addresses: {\n    type: Array as PropType<Address[]>,\n    required: true,\n  },\n  modelValue: {\n    type: Object as PropType<Address>,\n    required: false,\n    default: null,\n  },\n  deliveryCost: {\n    required: false,\n    default: null,\n    type: Object as PropType<Cost | null>,\n  },\n})\n\nconst emit = defineEmits([\n  'update:model-value',\n  'openDialogNotification',\n  'openEditAddressDialog',\n  'openDeleteAddressDialog',\n])\n\nconst basketStore = useBasketStore()\n\nconst { isMobile, isDesktop } = useDevice()\n\nconst showAllAddresses = ref(false)\n\nconst activeAddress = ref<Address | null>(null)\n\nconst countOfVisibleAddresses = computed(() =>\n  showAllAddresses.value\n    ? props.addresses.length\n    : props.maxCountOfVisibleAddresses,\n)\n\nconst showAllButtonVisible = computed(\n  () => props.addresses.length > props.maxCountOfVisibleAddresses,\n)\n\nconst deliveryMethod = computed(() => basketStore.data.delivery.method)\n\nwatch(\n  () => props.addresses,\n  (addresses) => {\n    if (!props.modelValue || addresses.length === 0) return\n\n    const valueIsNotIncludedInAddresses = addresses.every(\n      (address) => address.id !== props.modelValue.id,\n    )\n\n    if (valueIsNotIncludedInAddresses) {\n      change(null)\n    }\n\n    const valueHidden = props.addresses\n      .slice(0, props.maxCountOfVisibleAddresses)\n      .every((address) => address.id !== props.modelValue.id)\n\n    if (!showAllAddresses.value && props.modelValue && valueHidden)\n      showAllAddresses.value = true\n  },\n  {\n    immediate: true,\n  },\n)\n\nconst change = (value: Address | null) => {\n  // проверяем является ли это адрес и находится в зоне доставки\n  if (!value || ('is_in_delivery_area' in value && !value.is_in_delivery_area))\n    return\n\n  emit('update:model-value', value)\n\n  // обновляем локально активный адрес\n  activeAddress.value = value\n}\n\nwatch(\n  () => props.modelValue,\n  (address) => {\n    activeAddress.value = address\n  },\n  {\n    immediate: true,\n  },\n)\n\nconst toggleShowAllAddresses = () => {\n  showAllAddresses.value = !showAllAddresses.value\n}\n\nconst detectedClassRadio = (index: number) => {\n  return {\n    'radio--no-visible': index + 1 > countOfVisibleAddresses.value,\n    'radio--last':\n      index + 1 === countOfVisibleAddresses.value ||\n      index + 1 === props.addresses.length,\n  }\n}\n\n// Открываем блок уведомления по клику, если адрес не активен\nconst handleNotDeliveryAddress = (event: Event, address: Address) => {\n  if ('is_in_delivery_area' in address && !address.is_in_delivery_area) {\n    emit('openDialogNotification')\n    event.preventDefault()\n  }\n}\n\nconst openEditAddressDialog = (address: Address) => {\n  emit('openEditAddressDialog', address)\n}\n\nconst openDeleteAddressDialog = (address: Address) => {\n  emit('openDeleteAddressDialog', address)\n}\n\nconst checkSelectedAddress = (addressId: number) => {\n  return !!(props.modelValue && addressId === props.modelValue.id)\n}\n</script>\n\n<template>\n  <div class=\"addresses\">\n    <v-radio-group\n      class=\"radio-group\"\n      v-bind=\"$attrs\"\n      hide-details\n      :model-value=\"activeAddress\"\n      :true-icon=\"IconCircle\"\n      :false-icon=\"IconRing\"\n      :ripple=\"false\"\n      @update:model-value=\"change\"\n    >\n      <div\n        v-for=\"(address, index) in addresses\"\n        :key=\"address.id\"\n        class=\"radio-group__wrapper\"\n        :class=\"detectedClassRadio(index)\"\n      >\n        <v-radio\n          v-show=\"index + 1 <= countOfVisibleAddresses\"\n          class=\"radio\"\n          :value=\"address\"\n          :class=\"{\n            'radio--disabled':\n              deliveryMethod === DeliveryMethods.COURIER &&\n              !address.is_in_delivery_area,\n          }\"\n          @click=\"handleNotDeliveryAddress($event, address)\"\n        >\n          <template #label>\n            <template v-if=\"deliveryMethod != DeliveryMethods.COURIER\">\n              <slot :address=\"address\" />\n            </template>\n\n            <div\n              v-if=\"deliveryMethod === DeliveryMethods.COURIER\"\n              :class=\"{ 'edit--mobile': isMobile }\"\n              class=\"edit\"\n            >\n              <div class=\"edit__address\">\n                <slot :address=\"address\" />\n              </div>\n\n              <basket-delivery-address-tag\n                class=\"edit__tag\"\n                :is-selected-address=\"checkSelectedAddress(address.id)\"\n                :is-delivery-area=\"!!address.is_in_delivery_area\"\n                :delivery-cost=\"props.deliveryCost\"\n              />\n\n              <div class=\"edit__buttons\">\n                <v-btn\n                  icon\n                  class=\"edit__buttons-remake\"\n                  @click.stop=\"openEditAddressDialog(address)\"\n                >\n                  <nuxt-img\n                    alt=\"Редактировать\"\n                    class=\"edit__buttons-remake-image\"\n                    src=\"/pencil.svg\"\n                  />\n                </v-btn>\n\n                <v-btn\n                  class=\"edit__buttons-delete\"\n                  icon\n                  @click.stop=\"openDeleteAddressDialog(address)\"\n                >\n                  <icon-close\n                    class=\"edit__button\"\n                    :color=\"isDesktop ? '#000' : '#9EA7B6'\"\n                    :size=\"{ width: '10px', height: '10px' }\"\n                  />\n                </v-btn>\n              </div>\n            </div>\n          </template>\n        </v-radio>\n      </div>\n    </v-radio-group>\n\n    <app-button\n      v-if=\"showAllButtonVisible\"\n      :ripple=\"false\"\n      class=\"visibility-addresses\"\n      variant=\"text\"\n      @click=\"toggleShowAllAddresses\"\n    >\n      <div class=\"icon\" :class=\"{ 'icon--rotate': showAllAddresses }\">\n        <icon-chevron-down color=\"#2c2f39\" />\n      </div>\n\n      <!--      // TODO: Надо заменить на кнопки v-btn-->\n      <span v-if=\"showAllAddresses\">Свернуть</span>\n      <span v-else>Показать все адреса</span>\n    </app-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-btn--icon) {\n  box-shadow: none;\n}\n\n:deep(.v-selection-control__input) {\n  margin-right: 16px;\n\n  &::before {\n    background-color: unset !important;\n  }\n}\n\n.radio-group {\n  margin-top: 0;\n\n  &__wrapper {\n    display: flex;\n    flex: 1 1 auto;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .radio {\n    align-items: flex-start;\n    width: 100%;\n\n    @include media('<=portrait-phone') {\n      align-items: flex-start;\n    }\n\n    :deep() {\n      .v-selection-control__wrapper {\n        height: 27px;\n      }\n\n      .v-label {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n        opacity: unset;\n\n        @include media('<=portrait-phone') {\n          flex-wrap: wrap;\n        }\n      }\n    }\n    // для адресов недоставки\n    &--disabled {\n      :deep(.address) {\n        color: $dark-grey !important;\n      }\n      label {\n        pointer-events: none;\n      }\n    }\n\n    // для адресов вне видимости\n    &--no-visible {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.edit {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  width: 100%;\n\n  &__address {\n    width: 100%;\n  }\n\n  &__tag {\n    width: max-content;\n    padding: 4px 10px !important;\n    margin-right: 16px;\n    white-space: nowrap;\n  }\n\n  &__buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 27px;\n\n    &-remake {\n      display: flex;\n      flex: 1 1 auto;\n      width: 16px;\n      height: 16px;\n      margin-right: 22px;\n      cursor: pointer;\n\n      &-image {\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n      }\n    }\n\n    &-delete {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n\n      svg {\n        width: 10px;\n        height: 10px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  &__wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  &--mobile {\n    display: grid;\n    grid-template-areas:\n      'address buttons'\n      'tag tag';\n    gap: 8px;\n\n    .edit__address {\n      grid-area: address;\n    }\n\n    .edit__tag {\n      grid-area: tag;\n    }\n\n    .edit__buttons {\n      grid-area: buttons;\n    }\n  }\n}\n\n.visibility-addresses {\n  display: block;\n  min-height: unset;\n  padding: unset !important;\n  font-weight: 700;\n  color: $black !important;\n\n  .icon {\n    margin-right: 10px;\n    transition: all 0.15s ease-in-out;\n    &--rotate {\n      transform: rotate(-180deg);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport { Address } from '~/types/store/addresses'\n\nconst props = defineProps({\n  address: {\n    required: true,\n    type: Object as PropType<Address>,\n  },\n})\n</script>\n\n<template>\n  <div class=\"address-item\">\n    <div class=\"address-wrapper\">\n      <div class=\"address\">\n        {{ props.address.fullAddress }}\n      </div>\n    </div>\n\n    <div v-if=\"props.address.city\" class=\"address-item__city\">\n      город {{ props.address.city }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.address-item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  &__city {\n    font-size: 12px;\n    font-weight: 600;\n    color: $dark-grey;\n  }\n}\n.address {\n  font-size: 14px;\n  font-weight: 600;\n  color: $text-black;\n}\n.address-wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin-right: 40px;\n\n  @include media('<portrait-phone') {\n    margin-right: 14px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent } from 'vue'\n\n/* Utils */\nimport { Field as VeeField, defineRule } from 'vee-validate'\nimport { required as veeRequiredValidator } from '@vee-validate/rules'\n\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useAddressesStore } from '~/store/addresses/addresses'\nimport { useAppStore } from '~/store/app/app'\n\n/* Types */\nimport { Address } from '~/types/store/addresses'\nimport { DeliveryMethods } from '~/api/modules/basket/types'\nimport { SnackbarType } from '~/store/app/app.types'\n\n/* Components */\nimport AppButton from '~/components/App/AppButton.vue'\nimport BasketAddressList from '~/components/Basket/basket-addresses/BasketAddressList.vue'\nimport BasketDeliveryAddressItem from '~/components/Basket/basket-addresses/BasketDeliveryAddressItem.vue'\nconst AppProgress = defineAsyncComponent(\n  () => import('~/components/App/AppProgress.vue'),\n)\nconst AppDialog = defineAsyncComponent(\n  () => import('~/components/App/AppDialog.vue'),\n)\nconst BasketFailed = defineAsyncComponent(\n  () => import('~/components/Basket/basket-utils/BasketFailed.vue'),\n)\nconst DialogBasketAddAddressForm = defineAsyncComponent(\n  () => import('~/components/Basket/dialogs/DialogBasketAddAddressForm.vue'),\n)\nconst DialogBasketEditAddressForm = defineAsyncComponent(\n  () => import('~/components/Basket/dialogs/DialogBasketEditAddressForm.vue'),\n)\nconst DialogBasketDeleteAddress = defineAsyncComponent(\n  () => import('~/components/Basket/dialogs/DialogBasketDeleteAddress.vue'),\n)\nconst BasketDeliveryAddressNotification = defineAsyncComponent(\n  () =>\n    import(\n      '~/components/Basket/basket-addresses/BasketDeliveryAddressNotification.vue'\n    ),\n)\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst { showSnackbar } = useAppStore()\nconst basketStore = useBasketStore()\nconst addressesStore = useAddressesStore()\n\nconst emit = defineEmits(['deliveryMethodChanged', 'selectDeliveryCourier'])\n\nconst { isMobile, isMobileOrTablet } = useDevice()\n\nconst dialogs = ref({\n  addAddress: {\n    visible: false,\n  },\n  editAddress: {\n    visible: false,\n    editableAddress: null as Address | null,\n  },\n  deleteAddress: {\n    visible: false,\n    address: null as Address | null,\n  },\n  isShowNotification: false,\n})\n\nconst basket = computed(() => basketStore.data)\n\nconst addresses = computed(() => addressesStore.addresses)\n\nconst deliveryCost = computed(() => basket.value.delivery.cost)\n\nconst selectedAddress = computed(() => {\n  const settedAddress =\n    basket.value.delivery.addresses[DeliveryMethods.COURIER] || null\n\n  // Ищем целиком адрес для передачи в v-radio-group\n  const searchAddress = addresses.value.data.find(\n    (address: Address) => address.id === settedAddress,\n  )\n\n  return searchAddress || null\n})\n\nconst setSelectedAddress = async (value: Address) => {\n  if (!value || ('is_in_delivery_area' in value && !value.is_in_delivery_area))\n    return\n\n  await basketStore.setDeliveryMethod({\n    address_id: value.id,\n    delivery_method: DeliveryMethods.COURIER,\n  })\n\n  emit('deliveryMethodChanged')\n}\n\nconst loadAddresses = async () => {\n  try {\n    await addressesStore.getAddresses()\n  } catch (error) {\n    showSnackbar({\n      message: 'Не удалось загрузить список адресов',\n      type: SnackbarType.MESSAGE,\n    })\n\n    $sentryCaptureException(error)\n  }\n}\n\nconst openAddAddressDialog = () => {\n  dialogs.value.addAddress.visible = true\n}\n\nconst openEditAddressDialog = (address: Address) => {\n  dialogs.value.editAddress.visible = true\n  dialogs.value.editAddress.editableAddress = address\n}\n\nconst openDeleteAddressDialog = (address: Address) => {\n  dialogs.value.deleteAddress.visible = true\n  dialogs.value.deleteAddress.address = address\n}\n\nconst openDialogNotification = () => {\n  dialogs.value.isShowNotification = true\n}\n\nconst closeDialogNotification = () => {\n  dialogs.value.isShowNotification = false\n}\n\nconst selectDeliveryCourier = () => {\n  emit('selectDeliveryCourier')\n}\n\nconst addAddress = (address: Address) => {\n  dialogs.value.addAddress.visible = false\n\n  // Если адрес вне зоны доставки, отображаем notification\n  if (!address.is_in_delivery_area) {\n    openDialogNotification()\n\n    return\n  }\n\n  basketStore.setAddress({\n    type: DeliveryMethods.COURIER,\n    id: address.id,\n  })\n}\n\nconst editAddress = () => {\n  dialogs.value.editAddress.visible = false\n}\n\nconst closeDialogDeleteAddress = async (addressId: number) => {\n  dialogs.value.deleteAddress.visible = false\n\n  if (basket.value.delivery.addresses.courier === addressId) {\n    await basketStore.fetchBasket()\n  }\n}\n\nconst delAddress = async (addressId: number) => {\n  dialogs.value.editAddress.visible = false\n\n  if (basket.value.delivery.addresses.courier === addressId) {\n    await basketStore.fetchBasket()\n  }\n}\n\nconst requiredAddress = (value: string) => {\n  if (!veeRequiredValidator(value)) {\n    return 'Выберите адрес'\n  }\n\n  return true\n}\n\ndefineRule('required-address', requiredAddress)\n</script>\n\n<template>\n  <div id=\"address_id\" class=\"courier\">\n    <app-progress v-if=\"addresses.isLoading\" :size=\"100\" />\n    <basket-failed\n      v-else-if=\"addresses.error\"\n      :error-message=\"'Не удалось загрузить список адресов'\"\n      @update=\"loadAddresses\"\n    />\n    <div v-else>\n      <div v-if=\"addresses.data.length === 0\" class=\"address-message\">\n        Укажите адрес для доставки\n      </div>\n      <vee-field\n        v-slot=\"{ errors, field }\"\n        rules=\"required-address\"\n        name=\"address_id\"\n        :model-value=\"selectedAddress\"\n        validate-on-mount\n      >\n        <basket-address-list\n          v-if=\"addresses.data.length !== 0\"\n          v-bind=\"field\"\n          :model-value=\"selectedAddress || undefined\"\n          class=\"address-list\"\n          :max-count-of-visible-addresses=\"5\"\n          :addresses=\"addresses.data\"\n          :delivery-cost=\"deliveryCost\"\n          @delivery-method-changed=\"emit('deliveryMethodChanged')\"\n          @select-delivery-courier=\"emit('selectDeliveryCourier')\"\n          @open-edit-address-dialog=\"openEditAddressDialog\"\n          @open-delete-address-dialog=\"openDeleteAddressDialog\"\n          @open-dialog-notification=\"openDialogNotification\"\n          @update:model-value=\"setSelectedAddress\"\n        >\n          <template #default=\"{ address }\">\n            <basket-delivery-address-item\n              :delivery-cost=\"\n                address.id === selectedAddress?.id ? deliveryCost : null\n              \"\n              :address=\"address\"\n            />\n          </template>\n        </basket-address-list>\n        <app-button\n          :ripple=\"false\"\n          class=\"add-address\"\n          variant=\"text\"\n          @click=\"openAddAddressDialog\"\n        >\n          <nuxt-img class=\"icon\" src=\"/add-plus.svg\" width=\"24\" height=\"24\" />\n          Добавить адрес\n        </app-button>\n        <div v-if=\"Object.keys(errors).length\" class=\"errors\">\n          <nuxt-img\n            src=\"/basket-failed-error.svg\"\n            alt=\"attention\"\n            width=\"20\"\n            height=\"20\"\n          />\n          {{ errors[0] }}\n        </div>\n        <div\n          v-else-if=\"deliveryCost && deliveryCost.error_message\"\n          class=\"errors\"\n        >\n          <nuxt-img\n            src=\"/basket-failed-error.svg\"\n            alt=\"attention\"\n            width=\"20\"\n            height=\"20\"\n          />\n          {{ deliveryCost.error_message }}\n        </div>\n        <div\n          v-else-if=\"deliveryCost && deliveryCost.help_message\"\n          class=\"messages\"\n        >\n          <nuxt-img src=\"/winking-face.png\" alt=\"winking face\" />\n          {{ deliveryCost.help_message }}\n        </div>\n      </vee-field>\n    </div>\n\n    <app-dialog\n      v-model=\"dialogs.editAddress.visible\"\n      :fullscreen=\"isMobile\"\n      :width=\"!isMobile ? 560 : ''\"\n    >\n      <template #title>\n        <div v-if=\"isMobileOrTablet\" class=\"edit-address-title\">\n          Редактирование адреса\n        </div>\n      </template>\n      <template v-if=\"dialogs.editAddress.editableAddress\" #body>\n        <transition :duration=\"150\">\n          <dialog-basket-edit-address-form\n            v-if=\"dialogs.editAddress.visible\"\n            :address=\"dialogs.editAddress.editableAddress\"\n            @del=\"delAddress\"\n            @edit=\"editAddress\"\n          />\n        </transition>\n      </template>\n    </app-dialog>\n    <app-dialog\n      v-model=\"dialogs.addAddress.visible\"\n      :fullscreen=\"isMobile\"\n      :width=\"!isMobile ? 560 : ''\"\n    >\n      <template #title>\n        <div v-if=\"isMobileOrTablet\" class=\"add-address-title\">\n          Добавление адреса\n        </div>\n      </template>\n      <template #body>\n        <dialog-basket-add-address-form @add=\"addAddress\" />\n      </template>\n    </app-dialog>\n\n    <app-dialog v-model=\"dialogs.deleteAddress.visible\" width=\"360\">\n      <template v-if=\"dialogs.deleteAddress.address\" #body>\n        <dialog-basket-delete-address\n          :address=\"dialogs.deleteAddress.address\"\n          @close-dialog-delete-address=\"closeDialogDeleteAddress\"\n        />\n      </template>\n    </app-dialog>\n\n    <v-dialog\n      v-if=\"dialogs.isShowNotification\"\n      ref=\"dialog\"\n      :model-value=\"dialogs.isShowNotification\"\n      :max-width=\"'620'\"\n      v-bind=\"$attrs\"\n      @keydown.esc=\"closeDialogNotification\"\n      @update:model-value=\"closeDialogNotification\"\n      @close=\"closeDialogNotification\"\n    >\n      <basket-delivery-address-notification\n        @select-delivery-courier=\"selectDeliveryCourier\"\n        @close=\"closeDialogNotification\"\n      />\n    </v-dialog>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.add-address-title,\n.edit-address-title {\n  font-size: 20px;\n  font-weight: 800;\n}\n.messages {\n  display: flex;\n  margin-top: 33px;\n  font-size: 14px;\n  font-weight: 600;\n  img {\n    align-self: flex-start;\n    width: 24px;\n    margin-right: 12px;\n  }\n}\n.errors {\n  display: flex;\n  margin-top: 33px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $danger;\n  img {\n    align-self: flex-start;\n    width: 24px;\n    margin-right: 12px;\n  }\n}\n.address-list {\n  margin-bottom: 10px;\n}\n.address-message {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: 800;\n}\n.add-address {\n  display: block;\n  min-height: unset !important;\n  padding: unset !important;\n  font-weight: 700;\n\n  .icon {\n    margin-right: 16px;\n  }\n}\n\n:deep() {\n  .v-radio--is-disabled {\n    .v-input--selection-controls__input span path:nth-child(2) {\n      fill: #949498 !important;\n    }\n    .address {\n      color: #949498 !important;\n    }\n  }\n  .v-dialog {\n    overflow-y: inherit;\n    border-radius: 16px !important;\n  }\n}\n</style>\n","// Utilities\nimport { keys } from \"../../util/index.mjs\"; // Types\nconst handleGesture = wrapper => {\n  const {\n    touchstartX,\n    touchendX,\n    touchstartY,\n    touchendY\n  } = wrapper;\n  const dirRatio = 0.5;\n  const minDistance = 16;\n  wrapper.offsetX = touchendX - touchstartX;\n  wrapper.offsetY = touchendY - touchstartY;\n  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);\n    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);\n  }\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);\n    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);\n  }\n};\nfunction touchstart(event, wrapper) {\n  const touch = event.changedTouches[0];\n  wrapper.touchstartX = touch.clientX;\n  wrapper.touchstartY = touch.clientY;\n  wrapper.start?.({\n    originalEvent: event,\n    ...wrapper\n  });\n}\nfunction touchend(event, wrapper) {\n  const touch = event.changedTouches[0];\n  wrapper.touchendX = touch.clientX;\n  wrapper.touchendY = touch.clientY;\n  wrapper.end?.({\n    originalEvent: event,\n    ...wrapper\n  });\n  handleGesture(wrapper);\n}\nfunction touchmove(event, wrapper) {\n  const touch = event.changedTouches[0];\n  wrapper.touchmoveX = touch.clientX;\n  wrapper.touchmoveY = touch.clientY;\n  wrapper.move?.({\n    originalEvent: event,\n    ...wrapper\n  });\n}\nfunction createHandlers() {\n  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const wrapper = {\n    touchstartX: 0,\n    touchstartY: 0,\n    touchendX: 0,\n    touchendY: 0,\n    touchmoveX: 0,\n    touchmoveY: 0,\n    offsetX: 0,\n    offsetY: 0,\n    left: value.left,\n    right: value.right,\n    up: value.up,\n    down: value.down,\n    start: value.start,\n    move: value.move,\n    end: value.end\n  };\n  return {\n    touchstart: e => touchstart(e, wrapper),\n    touchend: e => touchend(e, wrapper),\n    touchmove: e => touchmove(e, wrapper)\n  };\n}\nfunction mounted(el, binding) {\n  const value = binding.value;\n  const target = value?.parent ? el.parentElement : el;\n  const options = value?.options ?? {\n    passive: true\n  };\n  const uid = binding.instance?.$.uid; // TODO: use custom uid generator\n\n  if (!target || !uid) return;\n  const handlers = createHandlers(binding.value);\n  target._touchHandlers = target._touchHandlers ?? Object.create(null);\n  target._touchHandlers[uid] = handlers;\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(eventName, handlers[eventName], options);\n  });\n}\nfunction unmounted(el, binding) {\n  const target = binding.value?.parent ? el.parentElement : el;\n  const uid = binding.instance?.$.uid;\n  if (!target?._touchHandlers || !uid) return;\n  const handlers = target._touchHandlers[uid];\n  keys(handlers).forEach(eventName => {\n    target.removeEventListener(eventName, handlers[eventName]);\n  });\n  delete target._touchHandlers[uid];\n}\nexport const Touch = {\n  mounted,\n  unmounted\n};\nexport default Touch;\n//# sourceMappingURL=index.mjs.map","import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from \"vue\";\n// Styles\nimport \"./VWindow.css\";\n\n// Components\nimport { VBtn } from \"../VBtn/index.mjs\"; // Composables\nimport { makeComponentProps } from \"../../composables/component.mjs\";\nimport { useGroup } from \"../../composables/group.mjs\";\nimport { useLocale, useRtl } from \"../../composables/locale.mjs\";\nimport { makeTagProps } from \"../../composables/tag.mjs\";\nimport { makeThemeProps, provideTheme } from \"../../composables/theme.mjs\"; // Directives\nimport { Touch } from \"../../directives/touch/index.mjs\"; // Utilities\nimport { computed, provide, ref, shallowRef, watch } from 'vue';\nimport { genericComponent, propsFactory, useRender } from \"../../util/index.mjs\"; // Types\nexport const VWindowSymbol = Symbol.for('vuetify:v-window');\nexport const VWindowGroupSymbol = Symbol.for('vuetify:v-window-group');\nexport const makeVWindowProps = propsFactory({\n  continuous: Boolean,\n  nextIcon: {\n    type: [Boolean, String, Function, Object],\n    default: '$next'\n  },\n  prevIcon: {\n    type: [Boolean, String, Function, Object],\n    default: '$prev'\n  },\n  reverse: Boolean,\n  showArrows: {\n    type: [Boolean, String],\n    validator: v => typeof v === 'boolean' || v === 'hover'\n  },\n  touch: {\n    type: [Object, Boolean],\n    default: undefined\n  },\n  direction: {\n    type: String,\n    default: 'horizontal'\n  },\n  modelValue: null,\n  disabled: Boolean,\n  selectedClass: {\n    type: String,\n    default: 'v-window-item--active'\n  },\n  // TODO: mandatory should probably not be exposed but do this for now\n  mandatory: {\n    type: [Boolean, String],\n    default: 'force'\n  },\n  ...makeComponentProps(),\n  ...makeTagProps(),\n  ...makeThemeProps()\n}, 'VWindow');\nexport const VWindow = genericComponent()({\n  name: 'VWindow',\n  directives: {\n    Touch\n  },\n  props: makeVWindowProps(),\n  emits: {\n    'update:modelValue': value => true\n  },\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const {\n      themeClasses\n    } = provideTheme(props);\n    const {\n      isRtl\n    } = useRtl();\n    const {\n      t\n    } = useLocale();\n    const group = useGroup(props, VWindowGroupSymbol);\n    const rootRef = ref();\n    const isRtlReverse = computed(() => isRtl.value ? !props.reverse : props.reverse);\n    const isReversed = shallowRef(false);\n    const transition = computed(() => {\n      const axis = props.direction === 'vertical' ? 'y' : 'x';\n      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;\n      const direction = reverse ? '-reverse' : '';\n      return `v-window-${axis}${direction}-transition`;\n    });\n    const transitionCount = shallowRef(0);\n    const transitionHeight = ref(undefined);\n    const activeIndex = computed(() => {\n      return group.items.value.findIndex(item => group.selected.value.includes(item.id));\n    });\n    watch(activeIndex, (newVal, oldVal) => {\n      const itemsLength = group.items.value.length;\n      const lastIndex = itemsLength - 1;\n      if (itemsLength <= 2) {\n        isReversed.value = newVal < oldVal;\n      } else if (newVal === lastIndex && oldVal === 0) {\n        isReversed.value = true;\n      } else if (newVal === 0 && oldVal === lastIndex) {\n        isReversed.value = false;\n      } else {\n        isReversed.value = newVal < oldVal;\n      }\n    });\n    provide(VWindowSymbol, {\n      transition,\n      isReversed,\n      transitionCount,\n      transitionHeight,\n      rootRef\n    });\n    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);\n    const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1);\n    function prev() {\n      canMoveBack.value && group.prev();\n    }\n    function next() {\n      canMoveForward.value && group.next();\n    }\n    const arrows = computed(() => {\n      const arrows = [];\n      const prevProps = {\n        icon: isRtl.value ? props.nextIcon : props.prevIcon,\n        class: `v-window__${isRtlReverse.value ? 'right' : 'left'}`,\n        onClick: group.prev,\n        ariaLabel: t('$vuetify.carousel.prev')\n      };\n      arrows.push(canMoveBack.value ? slots.prev ? slots.prev({\n        props: prevProps\n      }) : _createVNode(VBtn, prevProps, null) : _createVNode(\"div\", null, null));\n      const nextProps = {\n        icon: isRtl.value ? props.prevIcon : props.nextIcon,\n        class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,\n        onClick: group.next,\n        ariaLabel: t('$vuetify.carousel.next')\n      };\n      arrows.push(canMoveForward.value ? slots.next ? slots.next({\n        props: nextProps\n      }) : _createVNode(VBtn, nextProps, null) : _createVNode(\"div\", null, null));\n      return arrows;\n    });\n    const touchOptions = computed(() => {\n      if (props.touch === false) return props.touch;\n      const options = {\n        left: () => {\n          isRtlReverse.value ? prev() : next();\n        },\n        right: () => {\n          isRtlReverse.value ? next() : prev();\n        },\n        start: _ref2 => {\n          let {\n            originalEvent\n          } = _ref2;\n          originalEvent.stopPropagation();\n        }\n      };\n      return {\n        ...options,\n        ...(props.touch === true ? {} : props.touch)\n      };\n    });\n    useRender(() => _withDirectives(_createVNode(props.tag, {\n      \"ref\": rootRef,\n      \"class\": ['v-window', {\n        'v-window--show-arrows-on-hover': props.showArrows === 'hover'\n      }, themeClasses.value, props.class],\n      \"style\": props.style\n    }, {\n      default: () => [_createVNode(\"div\", {\n        \"class\": \"v-window__container\",\n        \"style\": {\n          height: transitionHeight.value\n        }\n      }, [slots.default?.({\n        group\n      }), props.showArrows !== false && _createVNode(\"div\", {\n        \"class\": \"v-window__controls\"\n      }, [arrows.value])]), slots.additional?.({\n        group\n      })]\n    }), [[_resolveDirective(\"touch\"), touchOptions.value]]));\n    return {\n      group\n    };\n  }\n});\n//# sourceMappingURL=VWindow.mjs.map","import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from \"vue\";\n// Composables\nimport { makeComponentProps } from \"../../composables/component.mjs\";\nimport { makeGroupItemProps, useGroupItem } from \"../../composables/group.mjs\";\nimport { makeLazyProps, useLazy } from \"../../composables/lazy.mjs\";\nimport { useSsrBoot } from \"../../composables/ssrBoot.mjs\";\nimport { MaybeTransition } from \"../../composables/transition.mjs\"; // Directives\nimport Touch from \"../../directives/touch/index.mjs\"; // Utilities\nimport { computed, inject, nextTick, shallowRef } from 'vue';\nimport { convertToUnit, genericComponent, propsFactory, useRender } from \"../../util/index.mjs\"; // Types\nimport { VWindowGroupSymbol, VWindowSymbol } from \"./VWindow.mjs\";\nexport const makeVWindowItemProps = propsFactory({\n  reverseTransition: {\n    type: [Boolean, String],\n    default: undefined\n  },\n  transition: {\n    type: [Boolean, String],\n    default: undefined\n  },\n  ...makeComponentProps(),\n  ...makeGroupItemProps(),\n  ...makeLazyProps()\n}, 'VWindowItem');\nexport const VWindowItem = genericComponent()({\n  name: 'VWindowItem',\n  directives: {\n    Touch\n  },\n  props: makeVWindowItemProps(),\n  emits: {\n    'group:selected': val => true\n  },\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const window = inject(VWindowSymbol);\n    const groupItem = useGroupItem(props, VWindowGroupSymbol);\n    const {\n      isBooted\n    } = useSsrBoot();\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow');\n    const isTransitioning = shallowRef(false);\n    const hasTransition = computed(() => isBooted.value && (window.isReversed.value ? props.reverseTransition !== false : props.transition !== false));\n    function onAfterTransition() {\n      if (!isTransitioning.value || !window) {\n        return;\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false;\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1;\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined;\n        }\n      }\n    }\n    function onBeforeTransition() {\n      if (isTransitioning.value || !window) {\n        return;\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true;\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight);\n      }\n      window.transitionCount.value += 1;\n    }\n    function onTransitionCancelled() {\n      onAfterTransition(); // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition(el) {\n      if (!isTransitioning.value) {\n        return;\n      }\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return;\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight);\n      });\n    }\n    const transition = computed(() => {\n      const name = window.isReversed.value ? props.reverseTransition : props.transition;\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition\n      };\n    });\n    const {\n      hasContent\n    } = useLazy(props, groupItem.isSelected);\n    useRender(() => _createVNode(MaybeTransition, {\n      \"transition\": transition.value,\n      \"disabled\": !isBooted.value\n    }, {\n      default: () => [_withDirectives(_createVNode(\"div\", {\n        \"class\": ['v-window-item', groupItem.selectedClass.value, props.class],\n        \"style\": props.style\n      }, [hasContent.value && slots.default?.()]), [[_vShow, groupItem.isSelected.value]])]\n    }));\n    return {\n      groupItem\n    };\n  }\n});\n//# sourceMappingURL=VWindowItem.mjs.map","<script setup lang=\"ts\">\nimport { defineAsyncComponent, onMounted } from 'vue'\n\n/* Types */\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { BasketPayment } from '@/types/api/api-v3/paymentMethods'\n\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useBasketPointStore } from '~/store/basket/basket-point'\nimport { useAddressesStore } from '~/store/addresses/addresses'\nimport { useBasketPaymentMethodsStore } from '~/store/basket/basket-payment-methods'\n\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketCourier from '~/components/Basket/basket-addresses/BasketCourier.vue'\n\nconst BasketPickup = defineAsyncComponent(\n  () => import('~/components/Basket/basket-addresses/BasketPickup.vue'),\n)\nconst BasketHall = defineAsyncComponent(\n  () => import('~/components/Basket/basket-addresses/BasketHall.vue'),\n)\n\nconst basketStore = useBasketStore()\nconst pointStore = useBasketPointStore()\nconst addressesStore = useAddressesStore()\nconst basketPaymentMethodsStore = useBasketPaymentMethodsStore()\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst emit = defineEmits(['deliveryMethodChanged'])\n\nconst deliveryMethod = computed(() => basketStore.data.delivery.method)\n\nconst setModelValueDeliveryMethod = (value: DeliveryMethods) => {\n  basketStore.setDeliveryMethodInState(value)\n}\n\nconst pickupPoints = computed(() => pointStore.getFilteredPointsByTag('pickup'))\n\nconst hallPoints = computed(() => pointStore.getFilteredPointsByTag('hall'))\n\nconst courierPoints = computed(() => {\n  return addressesStore.addresses\n})\n\nconst showPickupTab = computed(() => pickupPoints.value.data.length !== 0)\n\nconst showHallTab = computed(() => hallPoints.value.data.length !== 0)\n\nonMounted(async () => {\n  await Promise.all([pointStore.getPoints(), addressesStore.getAddresses()])\n\n  if (pickupPoints.value.error || courierPoints.value.error)\n    $sentryCaptureException(\n      pickupPoints.value.error || courierPoints.value.error,\n    )\n\n  window.carrotquest?.track('Выбрана доставка', {})\n})\n\nconst selectIsPaymentMethod = (paymentMethod: BasketPayment | null) =>\n  basketStore.setSelectedPaymentMethod(paymentMethod)\n\nconst deliveryMethodChanged = async () => {\n  emit('deliveryMethodChanged')\n\n  // Обновляем список оплат при смене адреса\n  await basketPaymentMethodsStore.getPaymentMethods()\n\n  // Устанавливаем первый из списка оплат\n  if (basketPaymentMethodsStore.data.length)\n    selectIsPaymentMethod(basketPaymentMethodsStore.data[0])\n}\n\nconst selectDeliveryCourier = () => {\n  setDeliveryMethod(DeliveryMethods.PICKUP)\n}\n\nconst setDeliveryMethod = async (newDeliveryMethod: DeliveryMethods) => {\n  let points = pickupPoints as\n    | typeof pickupPoints\n    | typeof hallPoints\n    | typeof courierPoints\n\n  switch (newDeliveryMethod) {\n    case DeliveryMethods.HALL:\n      points = hallPoints\n      break\n    case DeliveryMethods.COURIER:\n      points = courierPoints\n      break\n  }\n\n  // Для доставки формируем данные для бэкэнда\n  if (newDeliveryMethod === DeliveryMethods.COURIER) {\n    // Для доставки курьером проверяем существует ли адрес в зоне доставки\n    if (!points.value.data[0] || !points.value.data[0].is_in_delivery_area) {\n      return\n    }\n\n    const dataSetDeliveryAddress = {\n      delivery_method: newDeliveryMethod,\n      // @ts-ignore\n      address_id: !points.value.data[0].is_in_delivery_area\n        ? null\n        : points.value.data[0]?.id,\n    }\n\n    await basketStore.setDeliveryMethod({\n      ...dataSetDeliveryAddress,\n    })\n  } else {\n    const dataSetHallOrPickup = {\n      delivery_method: newDeliveryMethod,\n      point_id: points.value.data[0]?.id as number | undefined,\n    }\n\n    await basketStore.setDeliveryMethod({\n      ...dataSetHallOrPickup,\n    })\n  }\n\n  await deliveryMethodChanged()\n\n  const carrotquestTracks = {\n    courier: 'Выбрана доставка',\n    pickup: 'Выбран самовывоз',\n    hall: 'Выбран заказ в зал',\n  }\n\n  window.carrotquest?.track(carrotquestTracks[newDeliveryMethod], {})\n}\n</script>\n\n<template>\n  <section id=\"addresses\" class=\"addresses\">\n    <basket-title title=\"Адрес\" />\n\n    <v-tabs\n      :model-value=\"deliveryMethod\"\n      :class=\"{ 'tabs--one-tab': !showPickupTab && !showHallTab }\"\n      class=\"tabs\"\n      show-arrows\n      @update:model-value=\"\n        setModelValueDeliveryMethod($event as DeliveryMethods)\n      \"\n    >\n      <v-tab\n        value=\"courier\"\n        :ripple=\"false\"\n        @click=\"setDeliveryMethod(DeliveryMethods.COURIER)\"\n      >\n        Доставка\n      </v-tab>\n      <v-tab\n        v-if=\"showPickupTab\"\n        value=\"pickup\"\n        :ripple=\"false\"\n        @click=\"setDeliveryMethod(DeliveryMethods.PICKUP)\"\n      >\n        Самовывоз\n      </v-tab>\n      <v-tab\n        v-if=\"showHallTab\"\n        value=\"hall\"\n        :ripple=\"false\"\n        @click=\"setDeliveryMethod(DeliveryMethods.HALL)\"\n      >\n        В ресторане\n      </v-tab>\n    </v-tabs>\n\n    <v-window v-model=\"deliveryMethod\" class=\"items\">\n      <v-window-item\n        value=\"courier\"\n        transition=\"tab-fade-transition\"\n        reverse-transition=\"tab-fade-transition\"\n      >\n        <basket-courier\n          v-if=\"deliveryMethod === 'courier'\"\n          @delivery-method-changed=\"deliveryMethodChanged\"\n          @select-delivery-courier=\"selectDeliveryCourier\"\n        />\n      </v-window-item>\n      <v-window-item\n        v-show=\"showPickupTab\"\n        value=\"pickup\"\n        transition=\"tab-fade-transition\"\n        reverse-transition=\"tab-fade-transition\"\n      >\n        <basket-pickup\n          v-if=\"deliveryMethod === 'pickup'\"\n          @delivery-method-changed=\"deliveryMethodChanged\"\n          @select-delivery-courier=\"selectDeliveryCourier\"\n        />\n      </v-window-item>\n      <v-window-item\n        v-show=\"showHallTab\"\n        value=\"hall\"\n        transition=\"tab-fade-transition\"\n        reverse-transition=\"tab-fade-transition\"\n      >\n        <basket-hall\n          v-if=\"deliveryMethod === 'hall'\"\n          @delivery-method-changed=\"deliveryMethodChanged\"\n          @select-delivery-courier=\"selectDeliveryCourier\"\n        />\n      </v-window-item>\n    </v-window>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.delivery-title {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n:deep(.v-tab__slider) {\n  z-index: -1 !important;\n  height: 100% !important;\n  padding: 3px 0 !important;\n  background: #fff !important;\n  border-radius: 100px !important;\n}\n\n:deep(.v-btn__overlay),\n:deep(.v-btn__underlay) {\n  display: none !important;\n}\n\n:deep(.v-slide-group__content) {\n  width: 100%;\n}\n\n.tabs {\n  margin-bottom: 24px;\n  &--one-tab {\n    :deep() {\n      height: unset;\n      background: unset;\n      border-radius: unset;\n\n      .v-tab {\n        min-width: unset;\n        padding: unset;\n        margin: 0;\n        font-size: 18px;\n        background: unset;\n        border-radius: unset;\n        box-shadow: unset;\n      }\n\n      .v-slide-group__content {\n        flex: unset;\n      }\n    }\n  }\n\n  :deep() {\n    height: 40px;\n    background: $button-background;\n    border-radius: 100px;\n\n    .v-tab {\n      display: flex;\n      flex: 0 1 auto;\n      width: 100%;\n      max-width: unset;\n      height: unset !important;\n      margin: 3px;\n      font-size: 14px;\n      font-weight: 600;\n      color: $text-black !important;\n      text-transform: none;\n      letter-spacing: unset;\n      border-radius: 100px !important;\n      box-shadow: none !important;\n\n      &:hover {\n        background-color: transparent !important;\n      }\n\n      &::before {\n        display: none;\n        opacity: 0 !important;\n      }\n\n      &::after {\n        display: none;\n        opacity: 0 !important;\n      }\n\n      @include media('<=tablet') {\n        padding: 0 10px;\n      }\n\n      &--selected {\n        font-weight: 800;\n        background: $white;\n        box-shadow: 0 4px 15px rgba(90, 72, 160, 0.15);\n      }\n    }\n  }\n}\n.items {\n  min-height: 110px;\n}\n\n.tab-fade-transition-enter {\n  opacity: 0;\n  transition: all 0.15s ease-in-out;\n}\n.tab-fade-transition-enter-to {\n  opacity: 1;\n  transition: all 0.15s ease-in-out;\n}\n.tab-fade-transition-leave {\n  position: absolute !important;\n  top: 0;\n  width: 100%;\n  opacity: 1;\n  transition: all 0.15s ease-in-out;\n}\n.tab-fade-transition-leave-to {\n  position: absolute !important;\n  top: 0;\n  width: 100%;\n  opacity: 0;\n  transition: all 0.15s ease-in-out;\n}\n</style>\n","import { defineStore } from 'pinia'\nimport { useNuxtApp } from '#app'\n\nimport { StoreId } from '~/store'\nimport { TimeState } from '~/store/basket/basket.types'\nimport { Success } from '~/api/results'\n\n/* Utils */\nimport { getListOfMonth } from '@/store/basket/basket.utils'\n\nconst defaultState: TimeState = {\n  delivery_at: '',\n  delivery_at_text: '',\n  error: '',\n  choices: [],\n  message: '',\n  variants: [],\n  warning: '',\n  warning_icon: '',\n}\n\nexport const useBasketTimeStore = defineStore({\n  id: StoreId.BASKET_TIME,\n  state: (): TimeState => defaultState,\n  actions: {\n    setTime(newTimeState: Partial<TimeState>) {\n      Object.assign(this.$state, newTimeState)\n    },\n    async getAvailableTime(props: {\n      delivery_at_client: boolean\n      delivery_at?: string\n    }) {\n      const { $apiService } = useNuxtApp()\n\n      this.setTime({\n        delivery_at: defaultState.delivery_at,\n      })\n\n      const result = await $apiService.basket.getAvailableTime(props)\n\n      if (result instanceof Success) {\n        this.setTime(result?.data || defaultState)\n\n        return\n      }\n\n      this.setTime({ error: result.message })\n    },\n\n    async getDateChoices() {\n      const { $apiService } = useNuxtApp()\n\n      const result = await $apiService.basket.getDateChoices()\n\n      if (result instanceof Success) {\n        return result.data\n      }\n\n      return getListOfMonth()\n    },\n\n    async getTimeChoices({ date }: { date: string }) {\n      const { $apiService } = useNuxtApp()\n\n      this.setTime({\n        delivery_at: defaultState.delivery_at,\n        warning: defaultState.warning,\n        variants: defaultState.variants,\n      })\n\n      const result = await $apiService.basket.getTimeChoices({ date })\n\n      if (result instanceof Success) {\n        this.setTime(result?.data || defaultState)\n\n        return\n      }\n\n      this.setTime({ error: result.message })\n    },\n  },\n})\n","<script lang=\"ts\" setup>\nimport { useBasketTimeStore } from '~/store/basket/basket-time'\n\nconst basketTime = useBasketTimeStore()\nconst warningImage = computed(() =>\n  basketTime.warning_icon\n    ? basketTime.warning_icon\n    : './basket-warning-icon.svg',\n)\n</script>\n\n<template>\n  <div class=\"warning__message\">\n    <nuxt-img\n      class=\"warning__message-img\"\n      :src=\"warningImage\"\n      alt=\"иконка предупреждения\"\n    />\n    <span class=\"warning__message-text\">{{ basketTime.warning }}</span>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.warning__message {\n  display: flex;\n  align-items: center;\n  height: max-content;\n  font-size: 14px;\n  font-weight: 600;\n  &-img {\n    width: 24px;\n    height: 24px;\n    margin-right: 10px;\n  }\n  &-text {\n    color: $text-black;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useField } from 'vee-validate'\n\nimport BasketErrorMessage from '@/components/Basket/basket-utils/BasketErrorMessage.vue'\nimport BasketWarningMessage from '@/components/Basket/basket-utils/BasketWarningMessage.vue'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\n\nconst basketStore = useBasketStore()\nconst { getPaymentMethods } = useBasketPaymentMethodsStore()\nconst basketTime = useBasketTimeStore()\n\nconst props = defineProps({\n  update: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst error = computed(() => basketTime.error)\n\nwatch(\n  () => props.update,\n  () => getAvailableTime(),\n)\n\nwatch(\n  () => basketTime.error,\n  (valueError) => {\n    // Следим за ошибкой\n    value.value = valueError\n  },\n)\n\nconst getAvailableTime = async () => {\n  await basketTime.getAvailableTime({ delivery_at_client: false })\n\n  await basketStore.setTime({\n    delivery_at: basketTime.delivery_at,\n    delivery_at_client: false,\n  })\n\n  await getPaymentMethods()\n}\n\nconst { value } = useField('delivery_at', (value) => !value)\n\nonMounted(async () => await getAvailableTime())\n</script>\n\n<template>\n  <basket-error-message v-if=\"error\" :error-message=\"error\" />\n\n  <basket-warning-message\n    v-else-if=\"basketTime.warning\"\n    class=\"warning-message\"\n  />\n</template>\n\n<style lang=\"scss\">\n.warning-message {\n  margin-bottom: 30px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineRule, Field as VeeField, useField } from 'vee-validate'\nimport { required } from '@vee-validate/rules'\n/* Stores */\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\n\nconst BasketTimeWarning = defineAsyncComponent(\n  () => import('~/components/Basket/basket-time/BasketTimeWarning.vue'),\n)\nconst BasketErrorMessage = defineAsyncComponent(\n  () => import('~/components/Basket/basket-utils/BasketErrorMessage.vue'),\n)\n\nconst basketStore = useBasketStore()\nconst { getPaymentMethods } = useBasketPaymentMethodsStore()\nconst basketTime = useBasketTimeStore()\n\nconst props = defineProps({\n  update: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst selectedDate = ref('')\nconst dateChoices = ref([])\nconst currentDate = ref('')\nconst currentTime = ref('')\n\nwatch(\n  () => props.update,\n  () => getTimeChoices(),\n)\n\nonMounted(async () => await getDateChoices())\n\nconst updateSelectTime = (delivery_at: string) =>\n  (currentTime.value = delivery_at)\n\nconst getDateChoices = async () => {\n  const dateChoicesResult = await basketTime.getDateChoices()\n\n  if (dateChoicesResult && dateChoicesResult[0]) {\n    currentDate.value = dateChoicesResult[0].value\n  }\n\n  selectedDate.value = dateChoicesResult[0].value\n  dateChoices.value = dateChoicesResult || []\n\n  await getTimeChoices()\n}\n\nconst getTimeChoices = async () => {\n  currentTime.value = ''\n\n  await basketTime.getTimeChoices({\n    date: selectedDate.value,\n  })\n\n  if (basketTime.choices && basketTime.choices[0]) {\n    currentTime.value = basketTime.choices[0].value\n  }\n\n  await setTime()\n}\n\nconst setTime = async () => {\n  if (!currentDate.value || !currentTime.value) return\n\n  await basketTime.getAvailableTime({\n    delivery_at_client: true,\n    delivery_at: currentTime.value,\n  })\n\n  if (basketTime.variants.length !== 0) {\n    return\n  }\n\n  await basketStore.setTime({\n    delivery_at_client: true,\n    delivery_at: basketTime.delivery_at,\n  })\n\n  await getPaymentMethods()\n}\n\ndefineRule('delivery_at', required)\n\nconst { value } = useField('delivery_at', (value) => !value)\n\nwatch(\n  () => basketTime.error,\n  (valueError) => {\n    // Следим за ошибкой\n    value.value = valueError\n  },\n)\n</script>\n\n<template>\n  <div class=\"on-time\">\n    <vee-field v-if=\"basketTime.error\" name=\"delivery_at\">\n      <basket-error-message\n        :error-message=\"basketTime.error\"\n        class=\"time-error\"\n      />\n    </vee-field>\n\n    <div class=\"time-selects\">\n      <app-select\n        v-model=\"selectedDate\"\n        :items=\"dateChoices\"\n        item-title=\"text\"\n        item-value=\"value\"\n        class=\"delivery-time-input\"\n        :class=\"{\n          'delivery-time-input--disabled': basketTime.error,\n        }\"\n        dense\n        variant=\"solo\"\n        hide-details\n        @update:model-value=\"getTimeChoices\"\n      />\n\n      <app-select\n        v-model=\"currentTime\"\n        background-color=\"#f1f4f9\"\n        :disabled=\"!!basketTime.error\"\n        :items=\"basketTime.choices\"\n        item-title=\"text\"\n        item-value=\"value\"\n        class=\"delivery-time-input\"\n        :class=\"{\n          'delivery-time-input--disabled': basketTime.error,\n        }\"\n        dense\n        variant=\"solo\"\n        hide-details\n        @update:model-value=\"setTime\"\n      />\n    </div>\n\n    <basket-time-warning\n      v-if=\"basketTime.warning\"\n      @update-select-time=\"updateSelectTime\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n:deep {\n  .v-input__slot {\n    margin-bottom: 0 !important;\n    box-shadow: none !important;\n  }\n  .v-radio {\n    margin-bottom: 0 !important;\n  }\n  .variants-label {\n    color: #2c2f39 !important;\n  }\n  .v-input__append-inner {\n    padding-left: 0 !important;\n  }\n}\n\n.time-selects {\n  display: grid;\n  grid-template-columns: 225px 95px;\n  gap: 0 10px;\n  margin-bottom: 30px;\n  @include media('<=phone') {\n    grid-template-columns: 180px 90px;\n  }\n  @include media('>=desktop-mini') {\n    grid-template-columns: 185px 110px;\n    gap: 0 15px;\n  }\n}\n\n.time-error {\n  margin-bottom: 30px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketTimeStore } from '~/store/basket/basket-time'\nimport { useBasketStore } from '~/store/basket/basket'\n\nimport { DeliveryMethods } from '~/types/api/api-v3/basket'\n\nconst basketStore = useBasketStore()\nconst basketTime = useBasketTimeStore()\n\nconst timeHeadline = computed(() =>\n  basketStore.data.delivery.method === DeliveryMethods.COURIER\n    ? 'Доставим'\n    : 'Будет готово',\n)\n</script>\n\n<template>\n  <div class=\"time-info\">\n    <div class=\"time-info-item\">\n      <div class=\"headline\">\n        <h3>{{ timeHeadline }}</h3>\n        <h3>{{ basketTime.delivery_at_text }}</h3>\n      </div>\n    </div>\n    <div class=\"time-info-item\">\n      <p>{{ basketTime.message }}</p>\n      <nuxt-img\n        src=\"/time-basket-icon.svg\"\n        alt=\"картинка\"\n        width=\"40\"\n        height=\"40\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.time-info {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 1fr;\n  gap: 10px;\n  &-item {\n    display: grid;\n    grid-template-columns: 200px max-content;\n    justify-content: space-between;\n    .headline {\n      line-height: 22px;\n    }\n    h3 {\n      font-size: 18px;\n      font-weight: 800;\n      color: $text-black;\n    }\n    p {\n      margin: 0;\n      font-size: 12px;\n      font-weight: 600;\n      color: $text-black;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n/* Components */\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketAvailableTime from '@/components/Basket/basket-time/BasketAvailableTime.vue'\nimport BasketOnTime from '@/components/Basket/basket-time/BasketOnTime.vue'\nimport BasketTimeInfo from '@/components/Basket/basket-time/BasketTimeInfo.vue'\n\ntype Props = {\n  update: number\n}\n\ndefineProps<Props>()\n\nconst basketTimeStore = useBasketTimeStore()\n\nconst currentTab = ref(null)\n\nconst isLoading = computed(\n  () =>\n    !basketTimeStore.delivery_at &&\n    !basketTimeStore.error &&\n    basketTimeStore.variants.length === 0,\n)\n</script>\n\n<template>\n  <section id=\"delivery_at\" class=\"basket__time\">\n    <basket-title title=\"Время\" />\n\n    <v-tabs v-model=\"currentTab\" bg-color=\"#f1f4f9\" class=\"tabs\">\n      <v-tab value=\"fast\" :ripple=\"false\">Как можно скорее</v-tab>\n      <v-tab value=\"deliveryOnTime\" :ripple=\"false\">Ко времени</v-tab>\n    </v-tabs>\n\n    <v-window v-model=\"currentTab\" class=\"items\">\n      <v-window-item\n        value=\"fast\"\n        transition=\"tab-fade-transition\"\n        reverse-transition=\"tab-fade-transition\"\n      >\n        <transition name=\"height\">\n          <basket-available-time\n            v-if=\"currentTab === 'fast'\"\n            :update=\"update\"\n          />\n        </transition>\n      </v-window-item>\n\n      <v-window-item\n        value=\"deliveryOnTime\"\n        transition=\"tab-fade-transition\"\n        reverse-transition=\"tab-fade-transition\"\n      >\n        <transition name=\"height\">\n          <basket-on-time\n            v-if=\"currentTab === 'deliveryOnTime'\"\n            :update=\"update\"\n          />\n        </transition>\n      </v-window-item>\n    </v-window>\n\n    <app-progress v-if=\"isLoading\" />\n\n    <transition v-else-if=\"basketTimeStore.delivery_at\" name=\"height\">\n      <basket-time-info />\n    </transition>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n:deep(.v-slide-group) {\n  height: 40px !important;\n  background: $button-background !important;\n  border-radius: 100px;\n}\n\n:deep(.v-tab__slider) {\n  z-index: -1 !important;\n  height: 100% !important;\n  padding: 3px 0 !important;\n  background: #fff !important;\n  border-radius: 100px !important;\n}\n\n:deep(.v-btn__overlay),\n:deep(.v-btn__underlay) {\n  display: none !important;\n}\n\n.v-tab {\n  display: flex;\n  flex: 0 1 auto;\n  width: 100%;\n  min-width: 0 !important;\n  max-width: 100%;\n  height: 34px !important;\n  padding: 0;\n  margin: 3px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $text-black !important;\n  text-transform: none;\n  letter-spacing: unset;\n\n  &:hover {\n    background-color: transparent !important;\n  }\n\n  &::before {\n    display: none;\n    opacity: 0 !important;\n  }\n\n  &::after {\n    display: none;\n    opacity: 0 !important;\n  }\n\n  &--selected {\n    font-weight: 800;\n    box-shadow: none !important;\n  }\n}\n\n.items {\n  margin-top: 30px;\n}\n</style>\n","<script setup lang=\"ts\">\n/* Utils */\nimport { Field as VeeField, defineRule } from 'vee-validate'\nimport { maxNoteLength } from '@/utils/rulesOfValidate'\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketErrorMessage from '~/components/Basket/basket-utils/BasketErrorMessage.vue'\n\nconst MAX_NOTE_LENGTH_RULE = 'maxNoteLength'\n\nconst { isMobile } = useDevice()\nconst basketStore = useBasketStore()\n\nconst note = computed({\n  get() {\n    return basketStore.data.note\n  },\n  set(value: string) {\n    basketStore.setNote(value)\n  },\n})\n\ndefineRule(MAX_NOTE_LENGTH_RULE, maxNoteLength)\n</script>\n\n<template>\n  <section id=\"note\">\n    <vee-field\n      v-slot=\"{ errors, field }\"\n      v-model=\"note\"\n      name=\"note\"\n      vid=\"note\"\n      :rules=\"MAX_NOTE_LENGTH_RULE\"\n      immediate\n    >\n      <basket-title title=\"Комментарий кухне\" />\n\n      <v-textarea\n        v-bind=\"field\"\n        :rows=\"isMobile ? 2 : 6\"\n        :no-resize=\"true\"\n        :model-value=\"note\"\n        variant=\"solo\"\n        class=\"note__item\"\n        color=\"black\"\n        counter=\"300\"\n        maxlength=\"300\"\n        placeholder=\"Здесь можно написать пояснения или пожелания к заказу\"\n      />\n\n      <basket-error-message\n        v-if=\"errors.length !== 0\"\n        :error-message=\"errors[0]\"\n      />\n    </vee-field>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.note {\n  &__item {\n    margin-bottom: 20px;\n  }\n}\n\ntextarea {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  gap: 0 10px;\n  margin: 0 0 10px;\n  line-height: 20px;\n  color: $text-black;\n\n  &::placeholder {\n    color: $unactive-grey;\n    opacity: 1;\n  }\n}\n\n:deep(.v-field) {\n  font-size: 14px;\n  font-weight: 600;\n  box-shadow: none;\n}\n\n:deep(.v-field__input) {\n  padding: 0 !important;\n  mask-image: none !important;\n}\n\n:deep(.v-field__field) {\n  padding: 12px;\n  background-color: $button-background;\n  border-radius: 8px;\n  box-shadow: none;\n}\n\n:deep(.v-input__details) {\n  font-weight: 600;\n}\n</style>\n","<script lang=\"ts\" setup>\nconst AppCounter = defineAsyncComponent(\n  () => import('~/components/App/AppCounter.vue'),\n)\n\nconst emit = defineEmits(['addAdditive'])\ndefineProps({\n  quantity: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst addAdditive = () => emit('addAdditive')\n</script>\n\n<template>\n  <app-button v-if=\"!quantity\" class=\"button\" @click=\"addAdditive\">\n    <app-icon name=\"plus-icon\" size=\"40\" />\n  </app-button>\n\n  <app-counter v-else class=\"button-count\" v-bind=\"$attrs\" background=\"#fff\" />\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  width: 100%;\n  background-color: $white !important;\n  border-radius: 100px !important;\n  box-shadow: none !important;\n}\n\n.button-count {\n  width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType, watch, onMounted } from 'vue'\n\n/* Composables */\nimport { useProductCounter } from '@/composables/useProductCounter'\n\n/* Stores */\nimport { useCityStore } from '~/store/city/city'\n\n/* Components */\nimport BasketAdditiveButton from '~/components/Basket/basket-additive/BasketAdditiveButton.vue'\n\n/* Types */\nimport { AdditiveItem } from '~/types/api/api-v3/basket'\n\nconst props = defineProps({\n  additives: {\n    type: Array as PropType<AdditiveItem[]>,\n    required: true,\n  },\n  additive: {\n    type: Object as PropType<AdditiveItem>,\n    required: true,\n  },\n})\n\nconst cityStore = useCityStore()\n\nconst productId = computed(() => props.additive.product_id)\n\nconst {\n  quantitySelectedProducts,\n  setProductQuantity,\n  decreaseQuantity,\n  increaseQuantity,\n} = useProductCounter(productId)\n\nconst currencySymbol = computed(() => {\n  return cityStore.currencySymbol\n})\n\nconst additivePrice = computed(() => {\n  return props.additive.total_price === 0\n    ? `0 ${currencySymbol.value}`\n    : `+${props.additive.total_price} ${currencySymbol.value}`\n})\n\nconst additives = computed(() => props.additives)\n\nconst isErrorImage = ref(false)\n\nconst productImage = computed(() => {\n  if (isErrorImage.value || !props.additive.image_url) {\n    return '/default-image-desktop.png'\n  }\n\n  return props.additive.image_url\n})\n\nwatch(additives, () => {\n  for (const additive of additives.value) {\n    /* Изменяем значение только для текущей добавки */\n    if (additive.product_id === productId.value) {\n      setProductQuantity(additive.total_quantity)\n      return\n    }\n  }\n})\n\nonMounted(() => {\n  setProductQuantity(props.additive.total_quantity)\n})\n</script>\n\n<template>\n  <div class=\"additive\">\n    <nuxt-img\n      :src=\"productImage\"\n      :alt=\"additive.title\"\n      class=\"additive__image\"\n      @error=\"isErrorImage = true\"\n    />\n\n    <p class=\"additive__price\">\n      {{ additivePrice }}\n    </p>\n\n    <p class=\"additive__title\" :title=\"additive.title\">{{ additive.title }}</p>\n\n    <div class=\"additive__button\">\n      <basket-additive-button\n        :min-value=\"0\"\n        :model-value=\"quantitySelectedProducts\"\n        :quantity=\"quantitySelectedProducts\"\n        @decrease=\"decreaseQuantity\"\n        @increase=\"increaseQuantity\"\n        @add-additive=\"increaseQuantity\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.additive {\n  width: 100%;\n  max-width: 128px;\n  max-height: 206px;\n  padding: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  background-color: $button-background;\n  border-radius: 16px;\n\n  &__image {\n    width: 100%;\n    height: 76px;\n    object-fit: contain;\n  }\n\n  &__price {\n    margin-bottom: 4px;\n    font-weight: 800;\n  }\n\n  &__title {\n    margin-bottom: 16px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__button {\n    display: flex;\n    justify-content: center;\n  }\n\n  @include media('<tablet') {\n    width: 100%;\n    min-width: 100px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n// components\nimport AppButton from '@/components/App/AppButton.vue'\nimport IconChevronDown from '@/components/Icons/IconChevronDown.vue'\n\nconst emit = defineEmits(['toggleAdditives'])\ndefineProps({\n  showAllAdditives: {\n    type: Boolean,\n    required: true,\n  },\n})\nconst toggleAdditives = () => emit('toggleAdditives')\n</script>\n\n<template>\n  <div class=\"button-wrapper\">\n    <app-button\n      class=\"button-wrapper__button\"\n      variant=\"text\"\n      @click=\"toggleAdditives\"\n    >\n      <span v-if=\"showAllAdditives\">Скрыть</span>\n      <span v-else>Показать все</span>\n\n      <div\n        class=\"button-wrapper__button-icon\"\n        :class=\"{ 'button-wrapper__button-icon--rotate': showAllAdditives }\"\n      >\n        <icon-chevron-down />\n      </div>\n    </app-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.button-wrapper {\n  display: flex;\n  justify-content: flex-start;\n\n  &__button {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    font-weight: bold;\n    color: $primary;\n    background-color: $white;\n    box-shadow: none;\n\n    &-icon {\n      transition: all 0.15s ease-in-out;\n      &--rotate {\n        transform: rotate(-180deg);\n      }\n    }\n  }\n}\n\n:deep(.v-btn__overlay),\n:deep(.v-btn__underlay) {\n  display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType, defineAsyncComponent, ref } from 'vue'\n\n/* Types */\nimport { AdditiveItem } from '~/types/api/api-v3/basket'\n\n/* Components */\nimport BasketAdditiveItem from '~/components/Basket/basket-additive/BasketAdditiveItem.vue'\nimport BasketAdditiveToggle from '~/components/Basket/basket-additive/BasketAdditiveToggle.vue'\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\n\nconst DialogBasketAdditives = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketAdditives.vue'),\n)\n\nconst MAX_VISIBLE_ADDITIVES_FOR_DESKTOP = 4\nconst MAX_VISIBLE_ADDITIVES_FOR_MOBILE = 3\n\nconst props = defineProps({\n  additives: {\n    type: Array as PropType<AdditiveItem[]>,\n    required: true,\n  },\n})\n\nconst { isMobile } = useDevice()\n\nconst showAllAdditives = ref(false)\nconst maxVisibleAdditives = ref(\n  isMobile\n    ? MAX_VISIBLE_ADDITIVES_FOR_MOBILE\n    : MAX_VISIBLE_ADDITIVES_FOR_DESKTOP,\n)\n\nconst dialogs = ref({\n  allAdditives: {\n    visible: false,\n  },\n})\n\nconst showAllButtonVisible = computed(() => {\n  if (isMobile) {\n    return (\n      props.additives.length > maxVisibleAdditives.value &&\n      props?.additives?.length > MAX_VISIBLE_ADDITIVES_FOR_MOBILE\n    )\n  }\n\n  return (\n    props.additives.length > maxVisibleAdditives.value &&\n    props?.additives?.length > MAX_VISIBLE_ADDITIVES_FOR_DESKTOP\n  )\n})\n\nconst countOfVisibleAdditives = computed(() =>\n  showAllAdditives.value ? props.additives.length : maxVisibleAdditives.value,\n)\n\nconst toggleShowAllAdditives = () => {\n  if (isMobile) {\n    dialogs.value.allAdditives.visible = true\n\n    return\n  }\n\n  showAllAdditives.value = !showAllAdditives.value\n}\n</script>\n\n<template>\n  <div class=\"additives\">\n    <div class=\"additives__list\">\n      <basket-additive-item\n        v-for=\"(additive, index) of additives\"\n        v-show=\"index + 1 <= countOfVisibleAdditives\"\n        :key=\"additive.product_id\"\n        :additive=\"additive\"\n        :additives=\"additives\"\n        class=\"additives__list-item\"\n        :class=\"{\n          'additives__list-item--last':\n            index + 1 === countOfVisibleAdditives ||\n            index + 1 === additives.length,\n        }\"\n      />\n    </div>\n\n    <basket-additive-toggle\n      v-if=\"showAllButtonVisible\"\n      :show-all-additives=\"showAllAdditives\"\n      @toggle-additives=\"toggleShowAllAdditives\"\n    />\n\n    <app-dialog v-model=\"dialogs.allAdditives.visible\" fullscreen>\n      <template #title>\n        <basket-title class=\"dialog-title\" title=\"Добавить к заказу\" />\n      </template>\n\n      <template #body>\n        <dialog-basket-additives :additives=\"additives\" />\n      </template>\n    </app-dialog>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.additives {\n  &__list {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0 10px;\n    margin-bottom: 15px;\n\n    @include media('>=tablet') {\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0 16px;\n      justify-content: space-between;\n      margin-bottom: 16px;\n    }\n\n    @include media('>=desktop-mini') {\n      gap: 25px 16px;\n    }\n  }\n}\n\n.dialog-title {\n  position: static !important;\n  padding: 0 !important;\n  margin-bottom: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, Prop } from 'vue'\n// Stores\nimport { useBasketStore } from '~/store/basket/basket'\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketAdditiveList from '~/components/Basket/basket-additive/BasketAdditiveList.vue'\n/* Types */\nimport { Additive } from '~/types/api/api-v3/basket'\n\nconst DialogBasketAskAdditives = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketAskAdditives.vue'),\n)\nconst DialogBasketAskAdditivesTitle = defineAsyncComponent(\n  () =>\n    import(\n      '@/components/Basket/basket-additive/DialogBasketAskAdditivesTitle.vue'\n    ),\n)\n\nconst emit = defineEmits([\n  'orderCheckout',\n  'orderCheckoutForPay',\n  'scrollToField',\n])\ndefineProps({\n  additives: {\n    type: Array,\n    required: true,\n  } as Prop<Additive[]>,\n})\n\nconst basketStore = useBasketStore()\n\nconst isAdditiveDialogVisible = ref(false)\n\nconst clientPacksCount = computed(() => basketStore.clientPacksCount)\nconst clientAdditivesCount = computed(() => basketStore.clientAdditivesCount)\n\nconst agreeAdditivesTitle = computed(() => {\n  if (!clientPacksCount.value && !clientAdditivesCount.value) {\n    return 'Вы заказываете без приборов и соусов, все верно?'\n  }\n\n  if (!clientPacksCount.value) {\n    return 'Количество приборов в заказе - 0. Вы уверены, что хотите сделать заказ без приборов?'\n  }\n\n  return 'Вы заказываете без соусов, все верно?'\n})\n\nconst arrangeWithoutAdditives = () => {\n  isAdditiveDialogVisible.value = false\n\n  emit('orderCheckout')\n}\n\nconst payWithoutAdditives = () => {\n  isAdditiveDialogVisible.value = false\n\n  emit('orderCheckoutForPay')\n}\n\nconst backToSelection = () => {\n  isAdditiveDialogVisible.value = false\n\n  if (!clientPacksCount.value) {\n    emit('scrollToField', 'clientPack')\n\n    return\n  }\n\n  if (!clientAdditivesCount.value) scrollToBlock('#additives')\n}\n</script>\n\n<template>\n  <section id=\"additives\">\n    <basket-title title=\"Не забудьте добавки и соусы\" />\n\n    <basket-additive-list :additives=\"additives\" />\n\n    <app-dialog\n      v-if=\"isAdditiveDialogVisible\"\n      v-model=\"isAdditiveDialogVisible\"\n      :max-width=\"'360'\"\n    >\n      <template #title>\n        <dialog-basket-ask-additives-title\n          :agree-additives-title=\"agreeAdditivesTitle\"\n        />\n      </template>\n\n      <template #body>\n        <dialog-basket-ask-additives\n          @arrange-without-additives=\"arrangeWithoutAdditives\"\n          @back-to-selection=\"backToSelection\"\n          @pay-without-additives=\"payWithoutAdditives\"\n        />\n      </template>\n    </app-dialog>\n  </section>\n</template>\n","export enum SelectedDiscount {\n  PROMOCODE = 'promocode',\n  BONUSES = 'bonuses',\n}\n\nexport enum BasketPurchaseButtonEmit {\n  'goToAddress' = 'goToAddress',\n  'goToCatalog' = 'goToCatalog',\n  'goToPayment' = 'goToPayment',\n  'goToPurchase' = 'goToPurchase',\n  'goToAuthorize' = 'goToAuthorize',\n  'goToDeliveryAt' = 'goToDeliveryAt',\n  'goToDiscount' = 'goToDiscount',\n  'goToGifts' = 'goToGifts',\n}\n\nexport enum CheckoutButtonState {\n  changeExchange = 'Изменить сдачу',\n}\n\nexport type CheckoutButtonStateType = CheckoutButtonState | null\n\nexport type CheckoutButtonStateInjectType = {\n  get: Ref<CheckoutButtonStateType>\n  set: (value: CheckoutButtonStateType) => void\n}\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\n/* Types */\nimport { SavedCard, TypeCards } from '@/types/api/api-v3/paymentMethods'\n\n/* Utils */\nimport { cropNumberOfCard } from '@/utils/cropNumberOfCard'\n\nconst props = defineProps({\n  savedCard: {\n    type: Object as PropType<SavedCard>,\n    required: true,\n  },\n})\n\nconst iconCard = {\n  MASTERCARD: 'payments/master-card.png',\n  MIR: 'payments/mir.png',\n  VISA: 'payments/visa.png',\n  VISADISABLED: 'payments/visa-disabled.png',\n  MASTERCARDDISABLED: 'payments/master-disabled.png',\n  MIRDISABLED: 'payments/mir-disabled.png',\n  DEFAULT: 'payments/default-card.png',\n  DEFAULTCARDDISABLED: 'payments/default-card-disabled.png',\n}\n\nconst numberCard = computed(() =>\n  cropNumberOfCard(props.savedCard.card_number, 4),\n)\n\n// Определяем имя бренда (один бренд может быть разными данными)\nconst brandName = computed(() => {\n  /* Виза */\n  if (props.savedCard?.brand.includes(TypeCards.VISA)) {\n    return TypeCards.VISA\n  }\n\n  /* Мастер кард */\n  if (props.savedCard?.brand.includes(TypeCards.MASTER_CARD)) {\n    return TypeCards.MASTER_CARD\n  }\n\n  /* МИР */\n  if (props.savedCard?.brand.includes(TypeCards.MIR)) {\n    return TypeCards.MIR\n  }\n\n  /* Дефолтное */\n  return TypeCards.DEFAULT\n})\n\nconst detectedClassSavedCard = computed(() => {\n  // Через тип карты определяем цвет карты\n  return [\n    'payment-card',\n    {\n      'payment-card--master': brandName.value === TypeCards.MASTER_CARD,\n      'payment-card--mir': brandName.value === TypeCards.MIR,\n      'payment-card--visa': brandName.value === TypeCards.VISA,\n      'payment-card--default': brandName.value === TypeCards.DEFAULT,\n      'payment-card--disabled': props.savedCard?.is_expired,\n    },\n  ]\n})\n\n// Определяем иконку для карты\nconst detectedIconOfBrand = computed(() => {\n  const nameIcon = !props.savedCard.is_expired\n    ? brandName.value\n    : (`${brandName.value}DISABLED` as keyof typeof iconCard)\n\n  if (iconCard[nameIcon]) {\n    return iconCard[nameIcon]\n  }\n\n  return iconCard.DEFAULT\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectPayment = () => emits('update:model-value', props.savedCard)\n</script>\n\n<template>\n  <div @click=\"selectPayment\">\n    <div v-if=\"savedCard.is_expired\" class=\"payment-card__tag-disabled\">\n      Неактивна\n    </div>\n    <div :class=\"detectedClassSavedCard\" class=\"payment-card\">\n      <nuxt-img\n        class=\"payment-card__icon\"\n        :src=\"detectedIconOfBrand\"\n        :alt=\"savedCard.brand\"\n      />\n      <div class=\"payment-card__number-card\">\n        {{ '&bull;&bull;&bull;' }} {{ numberCard }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.payment-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 5px;\n  color: $text-black;\n  cursor: pointer;\n  background: #f8fafc;\n  border-radius: 6px;\n\n  @include media('<portrait-phone') {\n    min-height: 60px;\n  }\n\n  &__tag-disabled {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 82px;\n    height: 24px;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 130%;\n    color: #fff;\n    background: #aa2222;\n    border-radius: 100px;\n    transform: translate(-50%, -50%);\n  }\n\n  &__number-card {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 14px;\n  }\n\n  &--default {\n    color: $white;\n    background: linear-gradient(90deg, #3c2e97 0%, #6b5bd0 100%) !important;\n\n    .payment-card__icon {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &--master {\n    color: $white;\n    background: linear-gradient(\n      269.42deg,\n      #635e5e 0.38%,\n      #343434 99.38%\n    ) !important;\n\n    .payment-card__icon {\n      width: 31px;\n      height: 19px;\n      margin: 2px 0 0 4px;\n    }\n  }\n\n  &--mir {\n    color: $white;\n    background: linear-gradient(\n      269.42deg,\n      #1bbf22 0.38%,\n      #00960f 99.38%\n    ) !important;\n\n    .payment-card__icon {\n      width: 38px;\n      height: 10px;\n      margin-top: 6px;\n    }\n  }\n  &--visa {\n    color: $white;\n    background: linear-gradient(\n      269.42deg,\n      #347ed5 0.38%,\n      #225fa6 99.38%\n    ) !important;\n\n    .payment-card__icon {\n      width: 38px;\n      height: 12px;\n      margin-top: 5px;\n    }\n  }\n\n  &--disabled {\n    color: $dark-grey;\n    background: $button-background !important;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\n/* Types */\nimport {\n  BasketPayment,\n  PaymentMethod,\n  PaymentMethodName,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\nconst props = defineProps({\n  payment: {\n    type: Object as PropType<PaymentMethod>,\n    required: true,\n  },\n  name: {\n    type: String,\n    required: true,\n  },\n  icon: {\n    type: String,\n    required: true,\n  },\n  methodDelivery: {\n    type: String as PropType<DeliveryMethods>,\n    required: true,\n  },\n})\n\n// Формируем наименование способа оплат, с исключением для картой курьеру/в ресторане\nconst namePaymentMethod = computed(() => {\n  if (props.payment.type !== PaymentMethodType.CARD) return props.name\n\n  const prefix =\n    props.methodDelivery === DeliveryMethods.COURIER ? '_courier' : ''\n\n  return PaymentMethodName[`${PaymentMethodType.CARD}${prefix}`]\n})\n\n// Через тип оплаты определяем размеры иконок\nconst detectedClassPaymentIcon = (payment: BasketPayment) => {\n  return [\n    {\n      'payment-method__icon--sbp': payment.type === PaymentMethodType.SBP,\n    },\n  ]\n}\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectPayment = () => emits('update:model-value', props.payment)\n</script>\n\n<template>\n  <div @click=\"selectPayment\">\n    <nuxt-img\n      v-if=\"props.icon\"\n      class=\"payment-method__icon\"\n      :class=\"detectedClassPaymentIcon(payment)\"\n      :src=\"props.icon\"\n    />\n    <p v-if=\"props.name\">{{ namePaymentMethod }}</p>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.payment-method {\n  &__icon {\n    width: 24px;\n    height: 24px;\n\n    @include media('<=portrait-phone') {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  p {\n    overflow: hidden;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 14px;\n\n    @include media('<=portrait-phone') {\n      font-size: 12px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '~/store/basket/basket'\n\n/* Types */\nimport {\n  PaymentMethodName,\n  PaymentMethodIcons,\n  BasketPayment,\n} from '@/types/api/api-v3/paymentMethods'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\n/* Utils */\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\n/* Components */\nimport BasketPaymentSavedCard from '~/components/Basket/basket-payment/BasketPaymentSavedCard.vue'\nimport BasketPaymentMethod from '~/components/Basket/basket-payment/BasketPaymentMethod.vue'\nimport IconArrowLeft from '@/components/Icons/IconArrowLeft.vue'\nimport IconArrowRight from '@/components/Icons/IconArrowRight.vue'\n\nconst { isMobile } = useDevice()\n\nconst basketStore = useBasketStore()\n\nconst emit = defineEmits(['update:model-value'])\nconst props = defineProps({\n  basketPaymentMethods: {\n    type: Array as PropType<BasketPayment[]>,\n    required: true,\n  },\n  methodDelivery: {\n    type: String as PropType<DeliveryMethods>,\n    required: true,\n  },\n})\n\nconst selectedPaymentMethodType = computed(\n  () => basketStore.data?.selectedPaymentMethod?.type,\n)\n\nconst selectedSavedCardId = computed(\n  () => basketStore.data?.selectedPaymentMethod?.id,\n)\n\nconst selectPaymentMethod = (paymentMethod: unknown) =>\n  emit('update:model-value', paymentMethod)\n</script>\n\n<template>\n  <v-slide-group\n    v-if=\"!isMobile\"\n    selected-class=\"payment-method--active\"\n    show-arrows\n    :prev-icon=\"IconArrowLeft\"\n    :next-icon=\"IconArrowRight\"\n    @update:model-value=\"selectPaymentMethod\"\n  >\n    <v-slide-group-item\n      v-for=\"(payment, index) in props.basketPaymentMethods\"\n      v-slot=\"{ toggle, selectedClass }\"\n      :key=\"index\"\n      :value=\"payment\"\n    >\n      <basket-payment-saved-card\n        v-if=\"checkSavedCard(payment)\"\n        class=\"payment-method payment-method--saved-card\"\n        :saved-card=\"payment\"\n        :class=\"[\n          {\n            'payment-method--saved-card-disabled': payment.is_expired,\n          },\n          selectedClass,\n        ]\"\n        @click=\"toggle\"\n      />\n\n      <basket-payment-method\n        v-else\n        class=\"payment-method\"\n        :class=\"selectedClass\"\n        :payment=\"payment\"\n        :method-delivery=\"methodDelivery\"\n        :name=\"PaymentMethodName[payment.type]\"\n        :icon=\"PaymentMethodIcons[payment.type]\"\n        @click=\"toggle\"\n      />\n    </v-slide-group-item>\n  </v-slide-group>\n\n  <div v-else class=\"payment-list\">\n    <div\n      v-for=\"payment in basketPaymentMethods\"\n      :key=\"payment.type\"\n      class=\"payment-list__item\"\n    >\n      <basket-payment-saved-card\n        v-if=\"checkSavedCard(payment)\"\n        class=\"payment-method payment-method--saved-card\"\n        :class=\"{\n          'payment-method--active': payment.id === selectedSavedCardId,\n          'payment-method--saved-card-disabled': payment.is_expired,\n        }\"\n        :saved-card=\"payment\"\n        @click=\"selectPaymentMethod(payment)\"\n      />\n\n      <basket-payment-method\n        v-else\n        class=\"payment-method\"\n        :class=\"{\n          'payment-method--active': payment.type === selectedPaymentMethodType,\n        }\"\n        :payment=\"payment\"\n        :method-delivery=\"methodDelivery\"\n        :name=\"PaymentMethodName[payment.type]\"\n        :icon=\"PaymentMethodIcons[payment.type]\"\n        @click=\"selectPaymentMethod(payment)\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.payment-method {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  justify-content: space-between;\n  width: 130px;\n  min-height: 74px;\n  padding: 12px;\n  margin-right: 10px;\n  cursor: pointer;\n  background: $button-background;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  transition: border 20ms ease-in-out;\n\n  &--saved-card {\n    padding: 6px;\n    background: linear-gradient(180deg, #fff 0%, #fff 100%);\n    box-shadow: 0px 6px 30px 0px rgba(50, 52, 72, 0.1);\n  }\n\n  &--saved-card-disabled {\n    background: $button-background;\n  }\n\n  &--active {\n    border: 2px solid $basket-success;\n    box-shadow: 0 6px 30px 0 rgba(0, 197, 102, 0.22);\n    transition: border 20ms ease-in-out;\n  }\n}\n\n.payment-list {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 8px;\n  padding: 24px 20px;\n  margin: 0 -20px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-padding-inline: 20px;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  .payment-method {\n    position: relative;\n    width: 130px;\n    height: 100%;\n    min-height: 60px;\n    padding: 12px 8px;\n    margin-right: 0;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n\n    &--saved-card {\n      padding: 6px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '~/store/basket/basket'\n\nconst basketStore = useBasketStore()\n\nconst doNotCallMeBack = computed(() => {\n  return basketStore.data.doNotCallMeBack\n})\n\nconst changeDoNotCallMeBack = (value: unknown) => {\n  basketStore.setDoNotCallMeBack(value as boolean)\n}\n</script>\n\n<template>\n  <div class=\"call\">\n    <div class=\"call__top-container\">\n      <div class=\"call__title\">Подтверждать заказ звонком</div>\n\n      <!-- Отрицание значений, т.к. на бэке true - это не звонить -->\n      <v-switch\n        class=\"call__switch\"\n        :model-value=\"doNotCallMeBack\"\n        :ripple=\"false\"\n        :true-value=\"false\"\n        :false-value=\"true\"\n        inset\n        hide-details\n        @update:model-value=\"changeDoNotCallMeBack\"\n      />\n    </div>\n\n    <div class=\"call__description\">\n      Больше не нужно ждать звонка. Отключите подтверждение заказа звонком и мы\n      сразу примем ваш заказ\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.call {\n  &__top-container {\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 800;\n    color: $text-black;\n\n    @include media('<=tablet') {\n      font-size: 14px;\n    }\n  }\n\n  &__switch {\n    flex: 0 1 auto;\n    padding: 0;\n    margin: 0;\n  }\n\n  &__description {\n    width: 100%;\n    max-width: 414px;\n    font-size: 14px;\n    font-weight: 600;\n    color: $dark-grey;\n\n    @include media('<tablet') {\n      max-width: unset;\n    }\n  }\n\n  /* v-switch custom */\n  :deep() {\n    /* Контейнер с треком и кругом */\n    .v-selection-control {\n      height: 32px;\n      min-height: unset;\n    }\n\n    .v-switch__track {\n      width: 56px;\n      height: 32px;\n      margin: 0;\n      background-color: $very-light-grey;\n      opacity: 1;\n    }\n\n    .v-selection-control__input {\n      width: 26px;\n      height: 26px;\n      background-color: white;\n      box-shadow: 0 2px 5px -3px black;\n\n      &:before {\n        content: none;\n      }\n    }\n\n    /* Активный */\n    .v-selection-control--dirty {\n      .v-switch__track {\n        background-color: $primary !important;\n      }\n\n      .v-selection-control__input {\n        box-shadow: none;\n      }\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Stores */\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketChangeStore } from '@/store/basket/basket-change'\n\nconst basketDropdownIcon = defineAsyncComponent(\n  () => import('@/components/Icons/IconArrowBottom.vue'),\n)\n\nconst basketStore = useBasketStore()\nconst basketChangeStore = useBasketChangeStore()\n\nconst selectedChange = computed(() => basketStore.data.change)\n\nconst setSelectedChange = (currentChange: number) => {\n  basketStore.setChange(currentChange)\n}\n\nconst changeList = computed(() => {\n  return basketChangeStore.choices\n})\n</script>\n\n<template>\n  <div class=\"change\">\n    <v-select\n      :model-value=\"selectedChange\"\n      :items=\"changeList\"\n      item-title=\"text\"\n      item-value=\"value\"\n      :menu-icon=\"basketDropdownIcon\"\n      variant=\"solo\"\n      hide-details\n      :menu-props=\"{\n        contentClass: 'basket-change-menu',\n      }\"\n      @update:model-value=\"setSelectedChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.basket-change-menu {\n  .v-list-item {\n    min-height: 40px !important;\n\n    &--active {\n      color: $primary !important;\n    }\n\n    &-title {\n      font-size: 0.8125rem !important;\n      font-weight: 500 !important;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.change {\n  width: 130px;\n  :deep() {\n    .v-field {\n      margin-bottom: 0 !important;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 18px;\n      background-color: $button-background;\n      border-radius: 6px;\n      box-shadow: none !important;\n      @include media('>=desktop-mini') {\n        min-height: 38px;\n      }\n    }\n\n    .v-field__input {\n      align-items: center;\n      min-height: 38px;\n      padding: 0;\n      padding-left: 12px;\n    }\n\n    .v-field__append-inner {\n      align-items: center;\n      padding: 0;\n    }\n  }\n}\n.update {\n  &__message {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-bottom: 40px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 16px;\n    color: $danger;\n    img {\n      width: 20px;\n      height: 20px;\n      margin-right: 10px;\n    }\n  }\n  .button {\n    width: 130px;\n    height: 40px;\n    margin-left: 0;\n    font-size: 14px;\n    color: #ff5044;\n    background-color: $button-background;\n    border-radius: 10px;\n    box-shadow: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref, watch, onMounted } from 'vue'\n\nimport { Field as VeeField, defineRule } from 'vee-validate'\n\n/* Utils */\nimport {\n  notActiveCard,\n  requiredPaymentMethod,\n  requiredValidator,\n} from '@/utils/rulesOfValidate'\n\n/* Stores */\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\nimport { useBasketChangeStore } from '@/store/basket/basket-change'\nimport { useToggleStore } from '@/store/toggle/toggle'\nimport { useAppStore } from '@/store/app/app'\n\n/* Types */\nimport {\n  BasketPayment,\n  PaymentMethodType,\n  PaymentMethodDescriptions,\n} from '@/types/api/api-v3/paymentMethods'\nimport { Success } from '@/api/results'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport { SnackbarType } from '@/store/app/app.types'\nimport {\n  CheckoutButtonState,\n  CheckoutButtonStateInjectType,\n} from '@/types/basket'\nimport { OfflinePayMethods } from '@/types/api/api-v3/orders/order'\n\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketPaymentListMethods from '@/components/Basket/basket-payment/BasketPaymentListMethods.vue'\nimport BasketErrorMessage from '~/components/Basket/basket-utils/BasketErrorMessage.vue'\nimport BasketCallSelect from '~/components/Basket/basket-payment/BasketCallSelect.vue'\nimport BasketPaymentChange from '~/components/Basket/basket-payment/BasketPaymentChange.vue'\n\n/* Utils */\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\n/* Dynamic Components */\nconst BasketFailed = defineAsyncComponent(\n  () => import('~/components/Basket/basket-utils/BasketFailed.vue'),\n)\nconst AppProgress = defineAsyncComponent(\n  () => import('@/components/App/AppProgress.vue'),\n)\nconst checkoutButtonState = inject<CheckoutButtonStateInjectType>(\n  'checkoutButtonState',\n)\n\nconst props = defineProps({\n  isAuthenticated: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst basketStore = useBasketStore()\nconst basketPaymentMethodsStore = useBasketPaymentMethodsStore()\nconst basketChangeStore = useBasketChangeStore()\nconst toggleStore = useToggleStore()\n\nconst { showSnackbar } = useAppStore()\n\nconst isOfflinePayment = computed(() => {\n  const offlinePayMethods = Object.values(OfflinePayMethods) as string[]\n  return offlinePayMethods.includes(selectedPaymentMethod.value?.type || '')\n})\n\nconst isShowCallBlock = computed(\n  () =>\n    isOfflinePayment.value &&\n    toggleStore.featureToggle\n      .basket_order_checkout_do_not_call_me_back_enabled &&\n    props.isAuthenticated,\n)\n\nconst { isMobile } = useDevice()\n\nconst changeErrorShow = ref(false)\n\nconst isChangeExist = ref(true)\n\nconst changeErrorMessage = ref('')\n\nconst basketPaymentMethods = computed(() => basketPaymentMethodsStore.data)\n\nconst isBasketPaymentLoading = computed(\n  () => basketPaymentMethodsStore.isLoading,\n)\n\nconst selectedPaymentMethod = computed({\n  get(): BasketPayment | null {\n    return basketStore.data.selectedPaymentMethod\n  },\n  set(value: BasketPayment | null): void {\n    basketStore.setSelectedPaymentMethod(value)\n  },\n})\n\nconst amountToPay = computed(() => basketStore.data.amountToPay)\n\nconst basket = computed(() => basketStore.data)\n\nconst change = computed(() => basketStore.data.change)\n\n// Отображаем описание способа оплат\nconst isVisibleDescription = computed(() => {\n  return !!selectedPaymentMethod.value\n})\n\nconst methodDelivery = computed(() => {\n  const { addresses } = basketStore.data.delivery\n\n  return Object.keys(addresses).find(\n    (delivery) => addresses[delivery as keyof typeof addresses],\n  )\n})\n\n// Формируем описание для способа оплат\nconst descriptionBasketPaymentMethod = computed(() => {\n  if (!selectedPaymentMethod.value) return ''\n\n  // Для оплаты картой курьеру и наличными формируем префикса в зависимости от способа доставки\n  if (\n    [PaymentMethodType.CARD, PaymentMethodType.CASH].includes(\n      selectedPaymentMethod.value?.type,\n    )\n  ) {\n    const prefix =\n      methodDelivery.value === DeliveryMethods.COURIER ? '_courier' : ''\n\n    return PaymentMethodDescriptions[\n      `${selectedPaymentMethod.value?.type}${prefix}`\n    ]\n  }\n  // Для сохраненной карты\n  if (checkSavedCard(selectedPaymentMethod.value))\n    return PaymentMethodDescriptions.saved_card\n\n  return PaymentMethodDescriptions[selectedPaymentMethod.value?.type]\n})\n\n// Проверка на отображение блока сдачи:\n// - Способ оплаты выбран\n// - Способ оплаты - наличные\n// - ошибка с api отсутствует\nconst isVisibleChangeBlock = computed(() => {\n  return (\n    selectedPaymentMethod.value?.type === PaymentMethodType.CASH &&\n    !changeErrorShow.value\n  )\n})\n\n// Ошибка если не существует списка сдач, способ оплаты, и выбран способ оплаты наличные\nconst checkErrorMessage = computed(() => {\n  return (\n    basket.value.change !== 0 &&\n    !isChangeExist.value &&\n    basket.value.selectedPaymentMethod?.type === PaymentMethodType.CASH\n  )\n})\n\n/*\n  Наблюдатель за отслеживанием текущих доступных способов оплаты в зависимости от:\n    * Адреса доставки/метода доставки\n    * Времени и \"Умного распределения\"\n*/\nwatch(\n  () => basketPaymentMethodsStore.isLoading,\n  (currentValue, prevValue) => {\n    // Если нет текущего выбранного способа опаты - выходим\n    if (!basket.value.selectedPaymentMethod) return\n\n    // Если флаг isLoading из false становится true - выходим\n    if (currentValue || !prevValue) return\n\n    // Текущие способы оплаты\n    const paymentMethods = basketPaymentMethodsStore.data\n    // Текущий выбранный тип способа оплаты\n    const selectedPaymentMethodType = basket.value.selectedPaymentMethod?.type\n\n    // Мапимся и убеждаемся, что после перезагрузки у нас остался выбранный способ оплаты\n    const isSelectedPaymentMethodAvailable = paymentMethods.some(\n      ({ type }) => type === selectedPaymentMethodType,\n    )\n\n    // Если выбранный способ олаты недоступен, чистим поле выбранной оплаты в корзине\n    if (!isSelectedPaymentMethodAvailable)\n      basketStore.setSelectedPaymentMethod(null)\n  },\n)\n\nonMounted(async () => {\n  await getBasketPaymentMethods()\n  await getChange()\n\n  // Устанавливаем первый из списка оплат\n  if (basketPaymentMethods.value.length)\n    selectIsPaymentMethod(basketPaymentMethods.value[0])\n})\n\nconst selectIsPaymentMethod = (paymentMethod: BasketPayment | null) =>\n  basketStore.setSelectedPaymentMethod(paymentMethod)\n\n// Получаем список оплат\nconst getBasketPaymentMethods = async () =>\n  await basketPaymentMethodsStore.getPaymentMethods()\n\n// Получаем обновленные данные по корзине при выборе наличных со сдачей\nconst getChange = async () => {\n  const result = await basketChangeStore.fetchChange(amountToPay.value)\n\n  if (result instanceof Success) {\n    checkChange()\n    changeErrorShow.value = false\n\n    return\n  }\n\n  changeErrorShow.value = true\n}\n\nconst checkChange = () => {\n  // проверка на наличие текущей купюры для  сдачи в новом списке купюр\n  const changeList: number[] = []\n\n  basketChangeStore.choices.map((item) => ({\n    changeList: changeList.push(item.value),\n  }))\n\n  isChangeExist.value = changeList.includes(basket.value.change)\n\n  if (!isChangeExist.value && basket.value.change <= basket.value.amountToPay) {\n    changeErrorMessage.value =\n      'Купюра для выдачи должна быть больше суммы заказа'\n  } else if (!isChangeExist.value) {\n    changeErrorMessage.value =\n      'Сумма корзины изменилась, укажите, пожалуйста, сдачу'\n  }\n}\n\nwatch(isChangeExist, (value) => {\n  if (value) {\n    checkoutButtonState?.set(null)\n    return\n  }\n\n  checkoutButtonState?.set(CheckoutButtonState.changeExchange)\n\n  showSnackbar({\n    message: 'Измените сдачу',\n    type: SnackbarType.MESSAGE,\n  })\n})\n\nwatch(amountToPay, getChange)\n\nwatch(change, checkChange)\n\ndefineRule('required-payment-method', requiredPaymentMethod)\ndefineRule('required-payment-default', requiredValidator)\ndefineRule('not-active-card', notActiveCard)\n</script>\n\n<template>\n  <section id=\"payment_method\" class=\"basket-payment\">\n    <basket-title class=\"basket-payment__title\" title=\"Способ оплаты\" />\n\n    <app-progress\n      v-if=\"isBasketPaymentLoading\"\n      class=\"basket-payment__loading\"\n      :size=\"40\"\n    />\n\n    <basket-failed\n      v-else-if=\"basketPaymentMethodsStore.error\"\n      error-message=\"Не удалось загрузить способы оплаты\"\n      @update=\"getBasketPaymentMethods\"\n    />\n\n    <vee-field\n      v-else\n      v-slot=\"{ errors, field }\"\n      name=\"basket-payment\"\n      vid=\"basket-payment\"\n      rules=\"required-payment-method|not-active-card\"\n      :model-value=\"selectedPaymentMethod\"\n    >\n      <div\n        class=\"payment-methods\"\n        :class=\"{ 'payment-methods--update': changeErrorShow }\"\n      >\n        <basket-payment-list-methods\n          v-bind=\"field\"\n          v-model=\"selectedPaymentMethod\"\n          :basket-payment-methods=\"basketPaymentMethods\"\n          :method-delivery=\"methodDelivery\"\n          @update:model-value=\"selectIsPaymentMethod\"\n        />\n\n        <transition-group name=\"height\" class=\"payment-methods__info\" tag=\"div\">\n          <basket-failed\n            v-if=\"changeErrorShow\"\n            :error-message=\"'Не удалось загрузить выбор сдачи'\"\n            @update=\"getChange\"\n          />\n\n          <div\n            v-if=\"!Object.keys(errors).length\"\n            class=\"payment-methods__info-description\"\n            :class=\"{ 'payment-methods__info-description--mobile': isMobile }\"\n          >\n            <p v-if=\"isVisibleDescription\" class=\"text\">\n              {{ descriptionBasketPaymentMethod }}\n            </p>\n\n            <basket-payment-change\n              v-if=\"isVisibleChangeBlock\"\n              id=\"change\"\n              class=\"payment-methods__info-change\"\n            />\n          </div>\n        </transition-group>\n\n        <transition\n          v-if=\"checkErrorMessage || Object.keys(errors).length\"\n          name=\"height\"\n        >\n          <!-- провайдер для скролла до блока сдачи в случае если купюра для сдачи меньше суммы заказа-->\n          <vee-field\n            vid=\"change\"\n            name=\"change\"\n            rules=\"required-payment-default\"\n          >\n            <basket-error-message\n              class=\"payment-error validation__error\"\n              :error-message=\"changeErrorMessage || errors[0]\"\n            />\n          </vee-field>\n        </transition>\n      </div>\n\n      <transition-group name=\"height\">\n        <hr v-if=\"isShowCallBlock\" class=\"hr\" />\n\n        <basket-call-select v-if=\"isShowCallBlock\" id=\"call\" />\n      </transition-group>\n    </vee-field>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n.basket-payment {\n  overflow: hidden;\n\n  &__title {\n    margin-bottom: 0 !important;\n  }\n\n  &__loading {\n    padding: 20px 0;\n  }\n\n  .hr {\n    margin: 25px 0 20px;\n    border: 1px solid $button-background;\n\n    @include media('<=portrait-phone') {\n      margin-top: 20px;\n    }\n  }\n\n  .payment-methods {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    &--update {\n      display: block;\n    }\n\n    .payment-error {\n      margin-top: 20px;\n    }\n\n    &__info {\n      &-description {\n        display: flex;\n        gap: 0 20px;\n        align-items: center;\n        justify-content: space-between;\n\n        p {\n          margin-block-start: 0 !important;\n          margin-block-end: 0 !important;\n          font-size: 14px;\n          font-weight: 600;\n          line-height: 20px;\n          color: $dark-grey;\n          white-space: break-spaces;\n        }\n\n        .payment-item {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: center;\n          width: 130px;\n          height: 74px;\n          padding: 12px;\n          margin-right: 10px;\n          cursor: pointer;\n          border: 2px solid transparent;\n          border-radius: 10px;\n          transition: border 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);\n\n          p {\n            margin: 0;\n            text-align: start;\n          }\n\n          &--active {\n            border: 2px solid #00c566;\n            transition: border 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);\n          }\n\n          @include media('<=portrait-phone') {\n            margin-left: 20px;\n          }\n          img {\n            display: flex;\n            margin-right: 12px;\n          }\n        }\n\n        &--mobile {\n          flex-direction: column-reverse;\n          gap: 16px;\n        }\n      }\n\n      &-change {\n        min-width: 130px;\n\n        @include media('<=portrait-phone') {\n          width: 100% !important;\n        }\n      }\n    }\n  }\n\n  .text {\n    font-size: 14px;\n    font-weight: 600;\n    color: $dark-grey;\n  }\n}\n\n:deep() {\n  .v-slide-group {\n    position: relative !important;\n    overflow: unset;\n\n    &__content {\n      padding: 25px 0 !important;\n    }\n\n    &__next {\n      right: -20px;\n    }\n\n    &__prev {\n      left: -20px;\n    }\n\n    &__prev,\n    &__next {\n      position: absolute;\n      top: 0;\n      z-index: 1;\n      min-width: unset;\n      height: 100%;\n\n      @include media('<=tablet') {\n        display: none;\n      }\n\n      &--disabled {\n        display: none;\n      }\n\n      .v-icon {\n        top: 0;\n        width: 40px;\n        height: 40px;\n        background-color: $white;\n        border-radius: 50%;\n        box-shadow: 0 4px 20px rgba(65, 58, 91, 0.15);\n      }\n\n      .v-icon__component {\n        width: 20px;\n        height: 16px;\n\n        path {\n          fill: #2c2f39;\n        }\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Prop } from 'vue'\n// components\nimport IconCircle from '@/components/Icons/IconCircle.vue'\nimport IconRing from '@/components/Icons/IconRing.vue'\n// types\nimport { SelectedDiscount } from '@/types/basket'\n\nconst emit = defineEmits(['updateDiscountChoices'])\nconst props = defineProps({\n  selectedDiscount: {\n    type: String,\n    required: true,\n  } as Prop<SelectedDiscount>,\n  confirmedDiscount: {\n    type: String,\n    required: true,\n  } as Prop<SelectedDiscount | null>,\n  bonusesCount: {\n    type: Number,\n    required: true,\n  },\n  spendAmountBonuses: {\n    type: Number,\n    required: true,\n  },\n  bonusSpendMessage: {\n    type: String,\n    required: true,\n  },\n  isAuthenticated: {\n    type: Boolean,\n    required: true,\n  },\n  basketDiscountInfoVisible: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst bonusLabel = computed(() => {\n  if (!props.isAuthenticated) {\n    return 'Авторизуйтесь, чтобы использовать бонусы'\n  }\n\n  return `У вас ${\n    props.bonusesCount !== 0 ? props.bonusesCount : 'нет'\n  } бонусов`\n})\n\nconst isPromocodeChoiceDisabled = computed(\n  () => props.confirmedDiscount === SelectedDiscount.BONUSES,\n)\n\nconst isPromocodeApplied = computed(() => {\n  return (\n    props.confirmedDiscount === SelectedDiscount.PROMOCODE &&\n    props.bonusesCount > 0\n  )\n})\n\nconst isBonusChoiceDisabled = computed(\n  () => props.bonusesCount === 0 || isPromocodeApplied.value,\n)\n\nconst updateDiscountChoices = (value: SelectedDiscount) => {\n  // Если кликаем по уже выбранной скидке\n  if (value === props.selectedDiscount) {\n    return\n  }\n\n  emit('updateDiscountChoices', value)\n}\n</script>\n\n<template>\n  <v-radio-group\n    :model-value=\"selectedDiscount\"\n    :true-icon=\"IconCircle\"\n    :false-icon=\"IconRing\"\n    hide-details\n  >\n    <div class=\"discount-choices__radio\">\n      <v-radio\n        label=\"Промокод\"\n        :disabled=\"isPromocodeChoiceDisabled\"\n        :value=\"SelectedDiscount.PROMOCODE\"\n        @click=\"updateDiscountChoices(SelectedDiscount.PROMOCODE)\"\n      />\n\n      <div\n        v-if=\"isPromocodeChoiceDisabled\"\n        class=\"discount-choices__text discount-choices__text--promocode\"\n      >\n        Чтобы использовать промокод — отмените списание бонусов\n      </div>\n    </div>\n\n    <div class=\"discount-choices__radio\">\n      <v-radio\n        :label=\"bonusLabel\"\n        :disabled=\"isBonusChoiceDisabled || !isAuthenticated\"\n        :value=\"SelectedDiscount.BONUSES\"\n        @click=\"updateDiscountChoices(SelectedDiscount.BONUSES)\"\n      />\n\n      <template v-if=\"isAuthenticated\">\n        <div v-if=\"isPromocodeApplied\" class=\"discount-choices__text\">\n          Чтобы использовать бонусы — отмените промокод\n        </div>\n\n        <div\n          v-if=\"!isBonusChoiceDisabled && !basketDiscountInfoVisible\"\n          class=\"discount-choices__bonus-info\"\n        >\n          {{ bonusSpendMessage }}\n        </div>\n      </template>\n    </div>\n  </v-radio-group>\n</template>\n\n<style lang=\"scss\" scoped>\n.discount-choices__radio {\n  --v-disabled-opacity: 0.5;\n}\n\n.discount-choices__text {\n  margin-top: -4px;\n  margin-left: 40px;\n  font-size: 12px;\n  font-weight: 600;\n  opacity: 0.5;\n\n  &--promocode {\n    margin-bottom: 12px;\n  }\n}\n\n.discount-choices__bonus-info {\n  margin-left: 40px;\n  font-size: 12px;\n  font-weight: 600;\n  color: $dark-grey;\n}\n\n:deep(.v-selection-control-group) {\n  margin-left: -11px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Prop } from 'vue'\nimport { defineRule, Field as VeeField, Form as VeeForm } from 'vee-validate'\nimport { vMaska } from 'maska'\nimport { required as veeRequiredValidator } from '@vee-validate/rules'\nimport { useBasketStore } from '@/store/basket/basket'\n// components\nimport AppInput from '@/components/App/AppInput.vue'\nimport AppButton from '@/components/App/AppButton.vue'\nimport AppIcon from '@/components/App/AppIcon.vue'\nimport BasketErrorMessage from '~/components/Basket/basket-utils/BasketErrorMessage.vue'\n// types\nimport { SelectedDiscount } from '@/types/basket'\n\nconst emit = defineEmits(['setDiscount', 'updateModelValue', 'cancelDiscount'])\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  selectedDiscount: {\n    type: String,\n    required: true,\n  },\n  confirmedDiscount: {\n    type: [String, null],\n    required: true,\n  } as Prop<SelectedDiscount | null>,\n  isButtonLoading: {\n    type: Boolean,\n    required: true,\n  },\n  error: {\n    type: String,\n    required: true,\n  },\n})\n\nconst basketStore = useBasketStore()\n\nconst buttonText = computed(() => {\n  if (props?.selectedDiscount === SelectedDiscount.BONUSES) {\n    return props.confirmedDiscount ? 'Отменить' : 'Списать'\n  }\n\n  return props?.confirmedDiscount ? 'Отменить' : 'Применить'\n})\n\nconst updateModelValue = (value: string) => emit('updateModelValue', value)\nconst setDiscount = (setErrors: Function) => emit('setDiscount', setErrors)\nconst cancelDiscount = () => emit('cancelDiscount')\n\nconst onClickHandler = (setErrors: Function) =>\n  props.confirmedDiscount ? cancelDiscount() : setDiscount(setErrors)\n\nconst options = computed(() => {\n  if (props.selectedDiscount === SelectedDiscount.PROMOCODE)\n    return {\n      mask: '',\n    }\n\n  return { mask: '####' }\n})\n\nconst requiredDiscount = (value: string) => {\n  if (!veeRequiredValidator(value)) {\n    return props.selectedDiscount === SelectedDiscount.PROMOCODE\n      ? 'Введите промокод'\n      : 'Введите количество бонусов для списания'\n  }\n\n  return true\n}\n\nconst discountField = ref<any>(null)\n\nwatch(\n  () => props.selectedDiscount,\n  () => {\n    // Сбрасываем поле каждый раз при переключении радио кнопки\n    discountField.value.reset()\n  },\n)\n\ndefineRule('required-discount', requiredDiscount)\n\nconst bonusesValue = computed(\n  () => basketStore.data.bonuses.toSpendAmount || props.modelValue,\n)\n</script>\n\n<template>\n  <vee-form v-slot=\"{ handleSubmit }\">\n    <vee-field\n      v-slot=\"{ field, errors, setErrors }\"\n      ref=\"discountField\"\n      name=\"discount\"\n      vid=\"discount\"\n      rules=\"required-discount\"\n      :model-value=\"bonusesValue\"\n      @update:model-value=\"updateModelValue\"\n    >\n      <div class=\"field\">\n        <app-input\n          v-maska:[options]\n          v-bind=\"field\"\n          class=\"input\"\n          hide-details\n          :readonly=\"!!confirmedDiscount\"\n          :clearable=\"!!confirmedDiscount\"\n          :pattern=\"\n            SelectedDiscount.PROMOCODE ? '' : '[0-9]{3}-[0-9]{3}-[0-9]{4}'\n          \"\n          :placeholder=\"`Введите ${\n            selectedDiscount === SelectedDiscount.PROMOCODE\n              ? 'промокод'\n              : 'бонусы'\n          }`\"\n        >\n          <template v-if=\"confirmedDiscount\" #append-inner>\n            <app-icon\n              class=\"input-clear\"\n              name=\"input-clear\"\n              fill-color=\"#9EA7B6\"\n              @click=\"onClickHandler(setErrors)\"\n            />\n          </template>\n        </app-input>\n\n        <app-button\n          class=\"field__button\"\n          :loading=\"isButtonLoading\"\n          :disabled=\"errors.length !== 0\"\n          @click=\"handleSubmit(onClickHandler(setErrors))\"\n        >\n          {{ buttonText }}\n        </app-button>\n      </div>\n\n      <transition name=\"height\">\n        <basket-error-message\n          v-if=\"errors.length !== 0 || error\"\n          class=\"error\"\n          :error-message=\"errors[0] || error\"\n        />\n      </transition>\n    </vee-field>\n  </vee-form>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n.input-clear {\n  cursor: pointer;\n}\n\n.field {\n  display: flex;\n  gap: 0 24px;\n\n  &__button {\n    width: 140px !important;\n    font-size: 12px !important;\n    font-weight: 800;\n\n    @include media('<tablet') {\n      max-width: 120px;\n      border-radius: 100px !important;\n    }\n  }\n\n  @include media('<tablet') {\n    gap: 0 16px;\n  }\n}\n\n.error {\n  margin-top: 25px;\n}\n\n:deep(.v-field__input) {\n  font-size: 14px !important;\n  font-weight: 600;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useUserStore } from '~/store/user/user'\n// components\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketDiscountChoices from '@/components/Basket/basket-discount/BasketDiscountChoices.vue'\nimport BasketDiscountInput from '@/components/Basket/basket-discount/BasketDiscountInput.vue'\nimport BasketDiscountInfo from '@/components/Basket/basket-discount/BasketDiscountInfo.vue'\n\n// types\nimport { SelectedDiscount } from '@/types/basket'\nimport { Success, UnprocessableEntityError } from '~/api/results'\n\nconst basketStore = useBasketStore()\nconst userStore = useUserStore()\n\nconst selectedDiscount = ref<SelectedDiscount>(SelectedDiscount.PROMOCODE)\nconst confirmedDiscount = ref<SelectedDiscount | null>(null)\nconst inputValue = ref('')\nconst isButtonLoading = ref(false)\n\nconst bonusesCount = computed(() => basketStore.data.bonuses.totalAmount)\n\nconst basketDiscountErrors = computed(\n  () =>\n    basketStore.data.promocode.error || basketStore.data.bonuses.errorMessage,\n)\n\nconst basketDiscountInfoVisible = computed(\n  () =>\n    (basketStore.data.promocode.value &&\n      basketStore.data.promocode.valid &&\n      !basketDiscountErrors.value) ||\n    (basketStore.data.bonuses.toSpendAmount > 0 && !basketDiscountErrors.value),\n)\n\nconst bonuses = computed(() => basketStore.data.bonuses)\n\nconst discountTitle = computed(\n  () => basketStore.data.promocode.title || bonuses?.value.message,\n)\n\nconst isAuthenticated = computed(() => userStore.isAuthenticated)\n\nconst setPromocode = async (setErrors: Function) => {\n  isButtonLoading.value = true\n\n  const result = await basketStore.promocodeApply({\n    value: inputValue.value,\n  })\n\n  if (!(result instanceof Success)) {\n    setErrors(result.data)\n  }\n\n  if (result instanceof Success) {\n    confirmedDiscount.value = selectedDiscount.value\n  }\n\n  isButtonLoading.value = false\n}\n\nconst setBonuses = async (value: number, setErrors: Function) => {\n  isButtonLoading.value = true\n\n  const result = await basketStore.applyBonuses({ amount: value })\n\n  if (result instanceof UnprocessableEntityError) {\n    setErrors({ bonuses: result.data.amount })\n  }\n\n  if (result instanceof Success) {\n    // Определяем, это reset bonus или apply\n    value === 0\n      ? (confirmedDiscount.value = null)\n      : (confirmedDiscount.value = selectedDiscount.value)\n  }\n\n  isButtonLoading.value = false\n}\n\nconst resetPromocode = async () => {\n  isButtonLoading.value = true\n\n  await basketStore.promocodeReset()\n\n  inputValue.value = ''\n\n  isButtonLoading.value = false\n  confirmedDiscount.value = null\n}\n\nconst updateSelectedDiscount = (value: SelectedDiscount) => {\n  inputValue.value = ''\n  selectedDiscount.value = value\n}\n\nconst updateModelValue = (value: string) => (inputValue.value = value)\n\nconst setDiscount = (setErrors: Function) =>\n  selectedDiscount.value === SelectedDiscount.PROMOCODE\n    ? setPromocode(setErrors)\n    : setBonuses(+inputValue.value, setErrors)\n\nconst cancelDiscount = () =>\n  selectedDiscount.value === SelectedDiscount.PROMOCODE\n    ? resetPromocode()\n    : setBonuses(0, () => {})\n\n// Инициализируем начальный выбранный тип скидки\nonMounted(() => {\n  if (basketStore.data?.promocode?.value) {\n    selectedDiscount.value = SelectedDiscount.PROMOCODE\n    inputValue.value = basketStore.data?.promocode?.value\n    confirmedDiscount.value = SelectedDiscount.PROMOCODE\n  } else if (basketStore.data.bonuses.toSpendAmount) {\n    selectedDiscount.value = SelectedDiscount.BONUSES\n    inputValue.value = String(basketStore.data.bonuses.toSpendAmount)\n    confirmedDiscount.value = SelectedDiscount.BONUSES\n  }\n})\n</script>\n\n<template>\n  <section id=\"discount\" class=\"discount\">\n    <basket-title class=\"discount__headline\" title=\"Применение скидок\" />\n\n    <basket-discount-choices\n      :selected-discount=\"selectedDiscount\"\n      :bonuses-count=\"bonusesCount\"\n      :confirmed-discount=\"confirmedDiscount\"\n      :spend-amount-bonuses=\"bonuses.toSpendAmount\"\n      :bonus-spend-message=\"bonuses.message\"\n      :is-authenticated=\"isAuthenticated\"\n      :basket-discount-info-visible=\"basketDiscountInfoVisible\"\n      @update-discount-choices=\"updateSelectedDiscount\"\n    />\n\n    <div class=\"discount__controls\">\n      <basket-discount-input\n        :model-value=\"inputValue\"\n        :selected-discount=\"selectedDiscount\"\n        :confirmed-discount=\"confirmedDiscount\"\n        :is-button-loading=\"isButtonLoading\"\n        :error=\"basketDiscountErrors\"\n        @set-discount=\"setDiscount\"\n        @cancel-discount=\"cancelDiscount\"\n        @update-model-value=\"updateModelValue\"\n      />\n    </div>\n\n    <transition class=\"discount__info\" name=\"height\">\n      <basket-discount-info\n        v-if=\"basketDiscountInfoVisible\"\n        :discount-title=\"discountTitle\"\n      />\n    </transition>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n.discount {\n  &__headline {\n    margin-bottom: 20px;\n  }\n\n  &--error {\n    border: 1px solid $danger;\n  }\n\n  &__controls {\n    margin-top: 15px;\n  }\n\n  &__info {\n    margin-top: 25px;\n  }\n}\n\n:deep(.v-label) {\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  color: $text-black !important;\n  opacity: 1 !important;\n}\n\n:deep(.v-icon) {\n  opacity: 1 !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Stores */\nimport { useCityStore } from '~/store/city/city'\n\n/* Components */\nimport AppButton from '~/components/App/AppButton.vue'\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\n/* Types */\nimport { PropositionItem } from '@/api/modules/basket/types'\n\nconst props = defineProps({\n  proposition: {\n    type: Object as PropType<PropositionItem>,\n    required: true,\n  },\n  isSelected: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['setProposition'])\n\nconst cityStore = useCityStore()\n\nconst { isDesktop, isMobile } = useDevice()\n\nconst currency = computed(() => cityStore.currencySymbol)\n\nconst isErrorImage = ref(false)\n\nconst productImage = computed(() => {\n  if (isErrorImage.value || !props.proposition.image_url) {\n    return './default-image-desktop.png'\n  }\n\n  return props.proposition.image_url\n})\n\nconst setProposition = () => {\n  emit('setProposition', props.proposition)\n}\n\nconst showTooltip = ref(false)\nconst toggleTooltip = (toggle: boolean) => {\n  showTooltip.value = toggle\n}\n</script>\n\n<template>\n  <div class=\"proposition\" :class=\"{ 'proposition--mobile': isMobile }\">\n    <div class=\"proposition__image-container\">\n      <nuxt-img\n        class=\"proposition__image\"\n        :src=\"productImage\"\n        alt=\"изображение добора\"\n        @error=\"isErrorImage = true\"\n      />\n\n      <div v-if=\"proposition.filters.length > 0\" class=\"proposition__tags\">\n        <nuxt-img\n          v-for=\"element in proposition.filters\"\n          :key=\"element\"\n          :src=\"element\"\n          class=\"proposition__tag\"\n          alt=\"иконка фильтра\"\n        />\n      </div>\n\n      <div class=\"proposition__discount\">{{ proposition.discount }}%</div>\n    </div>\n\n    <div class=\"proposition__title\">{{ proposition.name }}</div>\n\n    <div class=\"proposition__price\">\n      <div class=\"proposition__price--new\">\n        {{ proposition.price }} {{ currency }}\n      </div>\n\n      <div class=\"proposition__price--old\">\n        {{ proposition.old_price }} {{ currency }}\n      </div>\n    </div>\n\n    <div class=\"proposition__description\">\n      <app-tooltip\n        :model-value=\"showTooltip\"\n        :location=\"isDesktop ? 'end' : 'bottom'\"\n        max-width=\"200\"\n      >\n        <template #activator>\n          <span\n            class=\"proposition__compasition\"\n            @mouseover=\"isDesktop ? toggleTooltip(true) : ''\"\n            @mouseleave=\"toggleTooltip(false)\"\n            @click=\"toggleTooltip(!showTooltip)\"\n          >\n            Состав\n          </span>\n        </template>\n        <template #content>\n          <span>\n            {{ proposition.marking_composition }}\n          </span>\n        </template>\n      </app-tooltip>\n\n      <app-measure-units\n        class=\"proposition__weight\"\n        :weight=\"proposition.weight\"\n        :volume-in-liters=\"proposition.volume_in_liters\"\n        :measure=\"proposition.measure\"\n      />\n    </div>\n\n    <app-button\n      class=\"proposition__button\"\n      :disabled=\"isSelected\"\n      @click=\"setProposition\"\n    >\n      <span v-if=\"isSelected\">Выбрано</span>\n\n      <app-icon v-else name=\"plus-icon\" size=\"40\" fill-color=\"#fff\" />\n    </app-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.proposition {\n  display: grid;\n  grid-template-areas:\n    'image'\n    'title'\n    'price'\n    'description'\n    'button';\n  width: 184px;\n  padding: 12px;\n  color: $text-black;\n  background-color: $white;\n  border-radius: 16px;\n  box-shadow: 0px 6px 30px 0px rgba(50, 52, 72, 0.08);\n\n  &__image-container {\n    position: relative;\n    display: flex;\n    grid-area: image;\n  }\n\n  &__image {\n    width: 160px;\n    height: 108px;\n  }\n\n  &__tags {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: grid;\n    grid-template-rows: repeat(4, 1fr);\n    gap: 10px;\n  }\n\n  &__tag {\n    width: 20px;\n    height: 20px;\n  }\n\n  &__discount {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 3px 6px;\n    font-size: 9px;\n    font-weight: 800;\n    line-height: 140%;\n    color: #000;\n    letter-spacing: 0.45px;\n    background-color: $discount-yellow;\n    border-radius: 20px;\n  }\n\n  &__title {\n    display: -webkit-box;\n    grid-area: title;\n    height: 60px;\n    margin-top: 16px;\n    overflow: hidden;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 125%;\n    text-overflow: ellipsis;\n    white-space: initial;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n  }\n\n  &__price {\n    display: flex;\n    grid-area: price;\n    gap: 6px;\n    align-items: baseline;\n\n    &--new {\n      font-size: 22px;\n      font-weight: 800;\n      line-height: normal;\n    }\n\n    &--old {\n      font-size: 16px;\n      font-weight: 600;\n      line-height: normal;\n      color: $dark-grey;\n      text-decoration: line-through;\n    }\n  }\n\n  &__description {\n    display: flex;\n    grid-area: description;\n    gap: 8px;\n    align-items: center;\n    margin-top: 17px;\n  }\n\n  &__compasition {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 120%;\n    color: $primary;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  &__weight {\n    font-size: 14px;\n    font-weight: 600;\n    color: $dark-grey;\n  }\n\n  &__button {\n    grid-area: button;\n    width: 100%;\n    margin-top: 16px;\n    font-weight: 600;\n    border-radius: 100px !important;\n\n    :deep(.v-btn__content) {\n      font-weight: 600;\n    }\n\n    &.v-btn.v-btn--disabled {\n      color: $text-dark-gray !important;\n      background: #f5f6f7 !important;\n      box-shadow: none !important;\n      opacity: unset;\n    }\n  }\n\n  &--mobile {\n    grid-template-areas:\n      'image'\n      'price'\n      'title'\n      'description'\n      'button';\n    grid-template-rows: repeat(5, max-content);\n    width: 144px;\n    height: 100%;\n\n    .proposition__image {\n      width: 120px;\n      height: 78px;\n    }\n\n    .proposition__tags {\n      gap: 8px;\n    }\n\n    .proposition__tag {\n      width: 14px;\n      height: 14px;\n    }\n\n    .proposition__price {\n      margin-top: 15px;\n\n      &--new {\n        font-size: 14px;\n      }\n\n      &--old {\n        font-size: 12px;\n      }\n    }\n\n    .proposition__title {\n      height: unset;\n      margin-top: 4px;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .proposition__description {\n      margin: 8px 0 16px;\n    }\n\n    .proposition__compasition {\n      font-size: 10px;\n    }\n\n    .proposition__weight {\n      font-size: 10px;\n    }\n\n    .proposition__button {\n      grid-row: none;\n      margin-top: auto;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { format } from 'date-fns'\n\n/* Stores */\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\n\n/* Components */\nimport BasketProposition from '@/components/Basket/basket-proposition/BasketProposition.vue'\nimport IconArrowLeft from '@/components/Icons/IconArrowLeft.vue'\nimport IconArrowRight from '@/components/Icons/IconArrowRight.vue'\n\n/* Types */\nimport { PropositionItem } from '@/api/modules/basket/types'\nimport { SnackbarType } from '@/store/app/app.types'\n\nconst props = defineProps({\n  propositions: {\n    type: Array as PropType<PropositionItem[]>,\n    required: true,\n  },\n  timeToLive: {\n    type: Number,\n    default: 0,\n  },\n})\n\nconst emit = defineEmits(['close'])\n\nconst cityStore = useCityStore()\nconst basketStore = useBasketStore()\nconst { showSnackbar } = useAppStore()\n\nconst { isMobile } = useDevice()\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst selectedProposition = ref<PropositionItem | null>(null)\n\nconst selectProposition = (proposition: PropositionItem) => {\n  selectedProposition.value = proposition\n}\n\nlet timerIntervalId = null as NodeJS.Timeout | null\nconst countdownSeconds = ref(0)\n\nconst countdownFormatter = computed(() => {\n  const minutesCount = format(\n    new Date(0, 0, 0, 0, 0, countdownSeconds.value),\n    'mm',\n  )\n  const secondsCount = format(\n    new Date(0, 0, 0, 0, 0, countdownSeconds.value),\n    'ss',\n  )\n\n  return `${minutesCount} : ${secondsCount}`\n})\n\nconst startTimer = (timerInitial: number) => {\n  countdownSeconds.value = timerInitial\n\n  return setInterval(() => {\n    countdownSeconds.value--\n\n    // Если еще таймер идет\n    if (countdownSeconds.value !== 0) return\n\n    if (timerIntervalId) clearInterval(timerIntervalId)\n\n    timerEndHandler()\n  }, 1000)\n}\n\nconst timerEndHandler = () => {\n  closeDialog()\n}\n\nconst beforeWindowUnload = (event: Event) => {\n  event.preventDefault()\n\n  return 'Данные не сохранены. Точно закрыть?'\n}\n\nonMounted(() => {\n  // Прослушивание события закрытия вкладки/окна\n  window.addEventListener('beforeunload', beforeWindowUnload)\n\n  if (timerIntervalId) clearInterval(timerIntervalId)\n\n  if (props.timeToLive === 0) {\n    timerEndHandler()\n    return\n  }\n\n  timerIntervalId = startTimer(props.timeToLive)\n})\n\nonBeforeUnmount(() => {\n  // удаляем событие оповощения о закрытии вкладки/окна\n  window.removeEventListener('beforeunload', beforeWindowUnload)\n  if (timerIntervalId) clearInterval(timerIntervalId)\n})\n\nconst closeDialog = (isError: boolean = false) => {\n  emit('close', isError)\n}\n\nconst isLoading = ref(false)\n\nconst onSubmit = async (withProposition: boolean) => {\n  // Без добавок\n  if (!withProposition || !selectedProposition.value) {\n    closeDialog()\n    return\n  }\n\n  try {\n    isLoading.value = true\n\n    await basketStore.setProposition({\n      proposition_item_id: selectedProposition.value.id,\n    })\n\n    closeDialog()\n\n    isLoading.value = false\n  } catch (error) {\n    selectedProposition.value = null\n    $sentryCaptureException(error)\n\n    if (error.response?.status === 422) {\n      showSnackbar({\n        message: 'Что-то пошло не так',\n        type: SnackbarType.MESSAGE,\n      })\n    }\n\n    closeDialog(true)\n  }\n}\n\nconst basket = computed(() => basketStore.data)\nconst currencySymbol = computed(() => cityStore.currencySymbol)\n\nconst amountToPayWithSymbol = computed(() => {\n  if (selectedProposition.value?.price === undefined) {\n    return null\n  }\n\n  return `${basket.value.amountToPay + selectedProposition.value?.price} ${\n    currencySymbol.value\n  }`\n})\n</script>\n\n<template>\n  <app-dialog\n    :model-value=\"true\"\n    :hide-header=\"true\"\n    :fullscreen=\"isMobile\"\n    max-width=\"750px\"\n    width=\"100%\"\n    v-bind=\"$attrs\"\n    scroll-strategy=\"none\"\n  >\n    <template #body>\n      <div\n        class=\"propositions-dialog\"\n        :class=\"{ 'propositions-dialog--mobile': isMobile }\"\n      >\n        <div class=\"propositions-dialog__header\">\n          <div class=\"close-btn\">\n            <app-button\n              variant=\"text\"\n              :disabled=\"isLoading\"\n              @click=\"closeDialog(false)\"\n            >\n              <span class=\"close-btn__text\">Закрыть и оформить</span>\n\n              <template #append>\n                <app-icon name=\"close\" fill-color=\"#fff\" />\n              </template>\n            </app-button>\n          </div>\n\n          <div class=\"timer\">\n            <div class=\"timer__container\">\n              <div class=\"timer__title\">Скидка для вас</div>\n\n              <div>\n                Закончится через\n                <span class=\"timer__time\">{{ countdownFormatter }}</span>\n              </div>\n            </div>\n\n            <div class=\"timer__alarm-image\">\n              <nuxt-img\n                src=\"./basket-fire-alarm.png\"\n                alt=\"Картинка будильника\"\n              />\n            </div>\n          </div>\n\n          <div class=\"placeholder\">Можно выбрать только одно блюдо</div>\n        </div>\n\n        <div class=\"propositions-list\">\n          <v-slide-group\n            v-if=\"!isMobile\"\n            show-arrows\n            :prev-icon=\"IconArrowLeft\"\n            :next-icon=\"IconArrowRight\"\n          >\n            <v-slide-group-item\n              v-for=\"proposition in props.propositions\"\n              :key=\"proposition.id\"\n              :value=\"proposition\"\n            >\n              <basket-proposition\n                :proposition=\"proposition\"\n                :is-selected=\"selectedProposition?.id === proposition.id\"\n                @set-proposition=\"selectProposition\"\n              />\n            </v-slide-group-item>\n          </v-slide-group>\n\n          <div v-else class=\"propositions-container\">\n            <div\n              v-for=\"proposition in props.propositions\"\n              :key=\"proposition.id\"\n              class=\"propositions-container__item\"\n            >\n              <basket-proposition\n                :proposition=\"proposition\"\n                :is-selected=\"selectedProposition?.id === proposition.id\"\n                @set-proposition=\"selectProposition\"\n              />\n            </div>\n          </div>\n        </div>\n\n        <div class=\"actions\">\n          <transition-group>\n            <app-button\n              class=\"actions__btn actions__btn--gray\"\n              :disabled=\"isLoading\"\n              @click=\"onSubmit(false)\"\n            >\n              Оформить без предложений\n            </app-button>\n\n            <app-button\n              v-if=\"selectedProposition\"\n              class=\"actions__btn\"\n              :loading=\"isLoading\"\n              @click=\"onSubmit(true)\"\n            >\n              Оформить заказ\n              <span v-if=\"amountToPayWithSymbol\" class=\"actions__amount\">\n                {{ amountToPayWithSymbol }}\n              </span>\n            </app-button>\n          </transition-group>\n        </div>\n      </div>\n    </template>\n  </app-dialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.close-btn {\n  width: max-content;\n  margin-left: auto;\n\n  .app-button {\n    color: $white;\n  }\n\n  &__text {\n    margin-right: 8px;\n    font-weight: 600;\n    color: $white;\n  }\n\n  .app-button.v-btn--disabled {\n    color: $white !important;\n    background-color: transparent !important;\n  }\n}\n\n.timer {\n  display: flex;\n  justify-content: space-between;\n\n  &__container {\n    margin-top: 23px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 120%;\n    color: $white;\n  }\n\n  &__title {\n    margin-bottom: 14px;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 22px;\n  }\n\n  &__time {\n    margin-left: 8px;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 24px;\n  }\n\n  &__alarm-image {\n    position: relative;\n    padding-right: 30px;\n\n    &:before {\n      position: absolute;\n      top: 50%;\n      left: 40px;\n      display: block;\n      width: 67px;\n      height: 67px;\n      content: '';\n      background: #fff;\n      filter: blur(40px);\n      transform: translate(-50%);\n      transform: translateY(-50%);\n    }\n\n    img {\n      position: relative;\n      z-index: 1;\n      width: 178px;\n      height: 134px;\n    }\n  }\n}\n\n.placeholder {\n  margin-top: -20px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $white;\n  opacity: 0.6;\n}\n\n.actions {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 64px auto 30px;\n\n  &__btn {\n    width: 260px;\n    height: 50px;\n    font-weight: 800;\n\n    &--gray {\n      color: $text-dark-gray !important;\n      background: #f5f6f7 !important;\n      box-shadow: none !important;\n\n      &.app-button.v-btn--disabled {\n        color: $text-dark-gray !important;\n        background: #f5f6f7 !important;\n      }\n    }\n  }\n\n  &__amount {\n    margin-left: 4px;\n  }\n}\n\n.propositions-list {\n  position: relative;\n  padding: 0 24px;\n\n  :deep(.v-slide-group__content) {\n    gap: 16px;\n    padding: 26px 0;\n  }\n\n  :deep(.v-slide-group__prev),\n  :deep(.v-slide-group__next) {\n    position: absolute;\n    top: 0;\n    z-index: 1;\n    height: 100%;\n\n    .v-icon {\n      width: 40px;\n      height: 40px;\n      background-color: #fff;\n      border-radius: 50%;\n      box-shadow: 0 4px 20px rgba(65, 58, 91, 0.15);\n    }\n  }\n\n  :deep(.v-slide-group__next) {\n    right: 0;\n  }\n\n  :deep(.v-slide-group__prev) {\n    left: 0;\n  }\n\n  :deep(.v-slide-group__prev--disabled),\n  :deep(.v-slide-group__next--disabled) {\n    display: none;\n  }\n}\n\n.propositions-container {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 10px;\n  padding: 24px 20px;\n  margin: 0 -20px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-padding-inline: 20px;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.propositions-dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background-color: $white;\n  border-radius: 10px;\n\n  &:before {\n    position: absolute;\n    width: 100%;\n    height: 338px;\n    content: '';\n    background-color: #423d7e;\n  }\n\n  &__header {\n    position: relative;\n    padding: 20px 20px 0 30px;\n  }\n\n  &--mobile {\n    height: 100%;\n\n    .close-btn__text {\n      font-size: 12px;\n    }\n\n    .propositions-dialog__header {\n      padding: 20px 20px 0 20px;\n    }\n\n    .timer {\n      &__container {\n        margin-top: 19px;\n      }\n\n      &__alarm-image {\n        padding-right: 0;\n        margin-right: -10px;\n\n        &:before {\n          left: 24px;\n          width: 48px;\n          height: 48px;\n        }\n\n        img {\n          width: 116px;\n          height: 88px;\n        }\n      }\n    }\n\n    .placeholder {\n      margin-top: 30px;\n    }\n\n    .propositions-list {\n      padding: 0 20px;\n    }\n\n    .actions {\n      width: 100%;\n      padding: 0 20px;\n      margin: auto auto 24px;\n\n      &__btn {\n        width: 100%;\n      }\n    }\n  }\n}\n</style>\n","+ 54 − 0 Viewed\n<script lang=\"ts\" setup>\n// components\nimport AppButton from '~/components/App/AppButton.vue'\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\n\nconst emit = defineEmits(['showClearBasketDialog'])\n\nconst showClearBasketDialog = () => emit('showClearBasketDialog')\n</script>\n\n<template>\n  <div class=\"header\">\n    <basket-title class=\"header__headline\" title=\"Корзина\" />\n\n    <app-button\n      class=\"basket-clear\"\n      variant=\"text\"\n      icon\n      @click=\"showClearBasketDialog\"\n    >\n      <app-icon name=\"basket-clear\" size=\"24\" fill-color=\"#000\" />\n    </app-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n\n  &__headline {\n    margin-bottom: 0;\n  }\n\n  &__image {\n    width: 24px;\n    cursor: pointer;\n  }\n\n  @include media('<tablet') {\n    margin-bottom: 15px;\n  }\n\n  .basket-clear {\n    color: $text-black;\n  }\n}\n</style>\n","/* Types */\nimport { Item } from '~/types/api/api-v3/basket'\nimport { Modification } from '~/types/api/api-v3/product'\n\n/**\n * Формирование объекта под сигнатуру модификации\n * @param item - продукт корзины\n */\nexport const formatProductForModification = (\n  item?: Item,\n): Partial<Modification> | null => {\n  if (!item) return null\n\n  return {\n    id: item.product_id,\n    name: item.title,\n    full_name: item.title,\n    price: item.price,\n  }\n}\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n// store\nimport { useCityStore } from '~/store/city/city'\n// hooks\nimport { useProductCounter } from '@/composables/useProductCounter'\n// types\nimport { Item } from '~/types/api/api-v3/basket'\n\n/* Utils */\nimport { formatProductForModification } from '@/utils/formatProductForModification'\n\n/* Components */\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\nconst props = defineProps({\n  item: {\n    type: Object,\n    required: true,\n  } as Prop<Item>,\n})\n\nconst { currencySymbol } = useCityStore()\n\nconst productId = computed(() => props.item?.product_id || 0)\n\nconst productModification = formatProductForModification(props.item)\n\nconst {\n  quantitySelectedProducts,\n  setProductQuantity,\n  decreaseQuantity,\n  increaseQuantity,\n} = useProductCounter(productId, productModification)\n\nconst productImage = props.item?.image_url\n  ? props.item?.image_url\n  : './no-image-category.webp'\n\nconst priceWithSymbol = computed(\n  () =>\n    `${\n      Number(props?.item?.price) * Number(props?.item?.quantity)\n    } ${currencySymbol}`,\n)\n\nonMounted(() => setProductQuantity(props.item?.quantity || 0))\n</script>\n\n<template>\n  <div class=\"product\">\n    <div class=\"product__image\">\n      <nuxt-img :src=\"productImage\" format=\"webp\" alt=\"изображение продукта\" />\n    </div>\n\n    <div class=\"product__info\">\n      <nuxt-link class=\"product__info-link\" :to=\"item?.url\" target=\"_blank\">\n        {{ item.title }}\n      </nuxt-link>\n\n      <div class=\"product__info-attributes\">\n        <div class=\"price\">{{ priceWithSymbol }}</div>\n\n        <app-measure-units\n          v-if=\"item?.total_weight\"\n          class=\"weight\"\n          :weight=\"item.total_weight\"\n          :volume-in-liters=\"item?.volume_in_liters\"\n          :measure=\"item.measure\"\n        />\n      </div>\n    </div>\n\n    <div class=\"product__info-counter\">\n      <app-counter\n        :model-value=\"quantitySelectedProducts\"\n        :min-value=\"0\"\n        @decrease=\"decreaseQuantity\"\n        @increase=\"increaseQuantity\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.product {\n  display: grid;\n  grid-template-columns: 60px 1fr max-content;\n  gap: 16px;\n  align-items: center;\n\n  &__image {\n    width: 60px;\n    min-width: 60px;\n    height: 40px;\n\n    img {\n      width: 100%;\n      border-radius: 10px;\n    }\n  }\n\n  &__info {\n    font-size: 14px;\n    font-weight: 600;\n    word-break: break-all;\n\n    &-link {\n      color: $text-black;\n      word-break: break-word;\n\n      &:hover {\n        color: $primary;\n      }\n    }\n\n    &-attributes {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n\n      .price {\n        font-weight: 800;\n        color: $text-black;\n      }\n\n      .weight {\n        font-size: 12px;\n        color: $dark-grey;\n      }\n    }\n  }\n\n  @include media('>tablet') {\n    grid-template-columns: 75px 1fr max-content;\n\n    &__image {\n      width: 75px;\n      min-width: 75px;\n      height: auto;\n    }\n\n    &__info {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      &-link {\n        padding-right: 16px;\n      }\n\n      &-attributes {\n        display: grid;\n        gap: 4px;\n        width: 97px;\n        min-width: 97px;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Stores */\n\nimport { useCityStore } from '~/store/city/city'\n/* Types */\nimport { GiftProduct } from '~/types/api/api-v3/basket'\n\n/* Components */\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\nconst { currencySymbol } = useCityStore()\n\ntype Props = {\n  gift: GiftProduct\n  giftTitle: string\n}\n\ndefineProps<Props>()\n</script>\n\n<template>\n  <div class=\"gift\">\n    <div v-if=\"gift?.image\" class=\"gift__image\">\n      <nuxt-img :src=\"gift.image\" />\n    </div>\n\n    <div class=\"gift__titles\">\n      <div>\n        {{ gift?.title }}\n      </div>\n\n      <div class=\"gift__title-gift\">\n        {{ giftTitle }}\n        <nuxt-img\n          class=\"gift__title-icon\"\n          src=\"/gift-active.webp\"\n          alt=\"Подарок\"\n          width=\"16\"\n          height=\"16\"\n        />\n      </div>\n    </div>\n\n    <div class=\"gift__wrapper\">\n      <div class=\"gift__price\">0 {{ currencySymbol }}</div>\n\n      <app-measure-units\n        class=\"gift__weight\"\n        :weight=\"gift.weight\"\n        :volume-in-liters=\"gift.volume_in_liters\"\n        :measure=\"gift.measure\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gift {\n  display: grid;\n  grid-template-areas: 'image titles price';\n  grid-template-rows: 1fr;\n  grid-template-columns: max-content 1fr;\n  gap: 10px;\n\n  @include media('>=tablet') {\n    grid-template-columns: 120px 1fr 100px;\n    gap: 0 20px;\n    align-items: center;\n    width: 100%;\n  }\n\n  @include media('>=desktop-mini') {\n    grid-template-columns: 75px 1fr 1fr;\n    gap: 0 16px;\n    align-items: center;\n    width: 100%;\n  }\n\n  @include media('<tablet') {\n    grid-template-areas:\n      'image titles'\n      '. price';\n  }\n\n  &__image {\n    display: flex;\n    grid-area: image;\n    align-items: center;\n\n    img {\n      width: 60px;\n      height: 40px;\n      border-radius: 10px;\n\n      @include media('>=tablet') {\n        width: 75px;\n        height: auto;\n      }\n    }\n  }\n\n  &__titles {\n    display: flex;\n    flex-direction: column;\n    grid-area: titles;\n    font-size: 14px;\n    font-weight: 600;\n    color: $text-black;\n\n    @include media('>=tablet') {\n      width: 80%;\n    }\n  }\n\n  &__title-gift {\n    img {\n      margin-left: 4px;\n      transform: translateY(3px);\n    }\n  }\n\n  &__wrapper {\n    display: flex;\n    grid-area: price;\n    gap: 8px;\n    align-items: center;\n\n    @include media('>=desktop-mini') {\n      display: grid;\n    }\n  }\n\n  &__price {\n    font-size: 14px;\n    font-weight: 800;\n    color: $text-black;\n  }\n\n  &__weight {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 14px;\n    color: $dark-grey;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n// stores\nimport { useCityStore } from '~/store/city/city'\n// types\nimport { AdditiveItem } from '~/types/api/api-v3/basket'\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nconst { currencySymbol } = useCityStore()\n\nconst props = defineProps({\n  additive: {\n    type: Object,\n    required: true,\n  } as Prop<AdditiveItem>,\n})\n\nconst productId = computed(() => props.additive?.product_id || 0)\n\nconst {\n  quantitySelectedProducts,\n  setProductQuantity,\n  decreaseQuantity,\n  increaseQuantity,\n} = useProductCounter(productId)\n\nconst additiveImage = computed(\n  () => props?.additive?.image_url || './no-image-category.webp',\n)\n\nconst priceWithSymbol = computed(\n  () => `${Number(props?.additive?.total_price)} ${currencySymbol}`,\n)\n\nonMounted(() => setProductQuantity(props.additive?.total_quantity || 0))\n</script>\n\n<template>\n  <div class=\"additive\">\n    <div class=\"additive__image\">\n      <nuxt-img :src=\"additiveImage\" format=\"webp\" alt=\"изображение продукта\" />\n    </div>\n\n    <div class=\"additive__info\">\n      <nuxt-link class=\"additive__info-link\" target=\"_blank\">\n        {{ additive.title }}\n      </nuxt-link>\n\n      <div class=\"additive__info-attributes\">\n        <div class=\"price\">{{ priceWithSymbol }}</div>\n      </div>\n    </div>\n\n    <div class=\"additive__info-counter\">\n      <app-counter\n        :model-value=\"quantitySelectedProducts\"\n        :min-value=\"0\"\n        @decrease=\"decreaseQuantity\"\n        @increase=\"increaseQuantity\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.additive {\n  display: grid;\n  grid-template-columns: 60px 1fr max-content;\n  gap: 16px;\n  align-items: center;\n\n  &__image {\n    width: 60px;\n    min-width: 60px;\n    height: 40px;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  &__info {\n    font-size: 14px;\n    font-weight: 600;\n    word-break: break-all;\n\n    &-link {\n      color: $text-black;\n      word-break: break-word;\n    }\n\n    &-attributes {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n\n      .price {\n        font-weight: 800;\n        color: $text-black;\n      }\n    }\n  }\n\n  @include media('>tablet') {\n    grid-template-columns: 75px 1fr max-content;\n\n    &__image {\n      width: 75px;\n      min-width: 75px;\n      height: auto;\n    }\n\n    &__info {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      &-attributes {\n        display: grid;\n        gap: 4px;\n        width: 97px;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n// stores\nimport { useBasketStore } from '~/store/basket/basket'\n// components\nimport BasketOrderItem from '@/components/Basket/basket-order/BasketOrderItem.vue'\nimport BasketOrderGiftItem from '~/components/Basket/basket-order/BasketOrderGiftItem.vue'\n// types\nimport { type AdditiveItem, type Gift, Item } from '@/types/api/api-v3/basket'\nimport BasketOrderAdditiveItem from '~/components/Basket/basket-order/BasketOrderAdditiveItem.vue'\n\nconst props = defineProps({\n  items: {\n    type: Array,\n    required: true,\n  } as Prop<Item[]>,\n  gifts: {\n    type: Array,\n    required: true,\n  } as Prop<Gift[]>,\n  additives: {\n    type: Array,\n    required: true,\n  } as Prop<AdditiveItem[]>,\n})\n\nconst basketStore = useBasketStore()\n\nconst cartView = () => {\n  // Событие просмотра корзины в CarrotQuest\n  // Необходимо выводить в отдельных массивах\n  const titles_list: string[] = []\n  const url_list: string[] = []\n  const price_list: number[] = []\n  const image_list: string[] = []\n\n  props?.items?.map((item) => ({\n    titles_list: titles_list.push(item.title),\n    url_list: url_list.push(item.url),\n    price_list: price_list.push(item.price),\n    image_list: image_list.push(item.image_url),\n  }))\n\n  window.carrotquest?.track('$cart_viewed', {\n    $name: titles_list,\n    $url: url_list,\n    $amount: price_list,\n    $img: image_list,\n  })\n}\n\nonMounted(() => cartView)\n\nconst selectedGift = computed(() => {\n  const gifts = basketStore.data.gifts\n  const selectedGiftId = basketStore.data.selectedGifts[0]?.product_id\n\n  if (!selectedGiftId) {\n    return\n  }\n\n  for (const gift of gifts) {\n    const products = gift.products\n\n    for (const product of products) {\n      if (product.product_id === selectedGiftId) {\n        return {\n          ...product,\n          giftTitle: gift.title,\n        }\n      }\n    }\n  }\n})\n</script>\n\n<template>\n  <div class=\"order-list\">\n    <basket-order-item\n      v-for=\"item in items\"\n      :key=\"item.product_id\"\n      class=\"order-list__item\"\n      :item=\"item\"\n    />\n\n    <template v-for=\"additive in additives\" :key=\"additive.product_id\">\n      <basket-order-additive-item\n        :additive=\"additive\"\n        class=\"order-list__item\"\n      />\n    </template>\n\n    <template v-for=\"gift in gifts\" :key=\"gift.rule_id\">\n      <basket-order-gift-item\n        v-for=\"product in gift.products\"\n        :key=\"product.product_id\"\n        :gift=\"product\"\n        :gift-title=\"gift.title\"\n        class=\"order-list__item\"\n      />\n    </template>\n\n    <template v-if=\"selectedGift\">\n      <basket-order-gift-item\n        :gift=\"selectedGift\"\n        :gift-title=\"selectedGift.giftTitle\"\n        class=\"order-list__item\"\n      />\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.order-list {\n  &__item {\n    padding: 20px 0 15px;\n    border-bottom: 1px solid $button-background;\n\n    &:first-child {\n      padding-top: 0;\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, Prop } from 'vue'\n// stores\nimport { useBasketStore } from '~/store/basket/basket'\n// components\nimport BasketOrderHeader from '~/components/Basket/basket-order/BasketOrderHeader.vue'\nimport BasketOrderList from '~/components/Basket/basket-order/BasketOrderList.vue'\n// types\nimport type { AdditiveItem, Gift, Item } from '@/types/api/api-v3/basket'\n\nconst DialogBasketClear = defineAsyncComponent(\n  () => import('~/components/Basket/dialogs/DialogBasketClear.vue'),\n)\n\nconst { isMobile } = useDevice()\nconst basketStore = useBasketStore()\n\ndefineProps({\n  items: {\n    type: Array,\n    required: true,\n  } as Prop<Item[]>,\n  gifts: {\n    type: Array,\n    required: true,\n  } as Prop<Gift[]>,\n  additives: {\n    type: Array,\n    required: true,\n  } as Prop<AdditiveItem[]>,\n})\n\nconst isClearBasketDialogVisible = ref(false)\n\nconst clearBasket = async () => {\n  window.carrotquest?.track('Корзина очищена', {})\n\n  localStorage.setItem('showedWarningAdditivesOrClientPack', 'false')\n  localStorage.removeItem('selectedGift')\n\n  await basketStore.clearBasket()\n}\n</script>\n\n<template>\n  <section class=\"order\">\n    <basket-order-header\n      @show-clear-basket-dialog=\"isClearBasketDialogVisible = true\"\n    />\n\n    <basket-order-list\n      :items=\"items\"\n      :gifts=\"gifts\"\n      :additives=\"additives\"\n      class=\"item-list\"\n    />\n\n    <app-dialog\n      v-model=\"isClearBasketDialogVisible\"\n      :width=\"!isMobile ? 620 : ''\"\n      :max-width=\"!isMobile ? '620' : ''\"\n    >\n      <template #body>\n        <dialog-basket-clear\n          @allow=\"clearBasket\"\n          @disallow=\"isClearBasketDialogVisible = false\"\n        />\n      </template>\n    </app-dialog>\n  </section>\n</template>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\n// stores\nimport { useCityStore } from '~/store/city/city'\nimport { useProductCounter } from '@/composables/useProductCounter'\n\n/* Components */\nimport BasketAdditiveButton from '@/components/Basket/basket-additive/BasketAdditiveButton.vue'\n\n// types\nimport { ClientPack } from '~/types/api/api-v3/basket'\n\nconst { currencySymbol } = useCityStore()\n\nconst props = defineProps({\n  clientPack: {\n    type: Object,\n    required: true,\n  } as Prop<ClientPack>,\n  isCardView: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst clientPackImage = computed(() =>\n  props?.clientPack?.image_url\n    ? props.clientPack.image_url\n    : '/no-image-category.webp',\n)\n// Нужен для миксина \"ProductCounter\"\nconst productId = computed(() => props?.clientPack?.product_id as number)\n\nconst {\n  decreaseQuantity,\n  increaseQuantity,\n  setProductQuantity,\n  quantitySelectedProducts,\n} = useProductCounter(productId)\n\nonMounted(() => {\n  const productQuantity = props?.clientPack?.total_quantity || 0\n\n  setProductQuantity(productQuantity)\n})\n</script>\n\n<template>\n  <div\n    class=\"client-pack-item\"\n    :class=\"{\n      'client-pack-item--card': isCardView,\n    }\"\n  >\n    <nuxt-img :src=\"clientPackImage\" alt=\"Приборы\" />\n\n    <div class=\"client-pack-item__text\" :title=\"clientPack?.title\">\n      {{ clientPack?.title }}\n    </div>\n\n    <div class=\"client-pack-item__price\">\n      {{ clientPack?.total_price }} {{ currencySymbol }}\n    </div>\n\n    <div class=\"client-pack-item__counter\">\n      <basket-additive-button\n        v-if=\"isCardView\"\n        :min-value=\"0\"\n        :model-value=\"quantitySelectedProducts\"\n        :quantity=\"quantitySelectedProducts\"\n        @decrease=\"decreaseQuantity\"\n        @increase=\"increaseQuantity\"\n        @add-additive=\"increaseQuantity\"\n      />\n\n      <app-counter\n        v-else\n        :model-value=\"quantitySelectedProducts\"\n        @decrease=\"decreaseQuantity\"\n        @increase=\"increaseQuantity\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.client-pack-item {\n  display: grid;\n  grid-template-rows: 1fr auto;\n  grid-template-columns: auto 1fr max-content;\n  margin-bottom: 16px;\n\n  @include media('>=tablet') {\n    margin-bottom: 20px;\n  }\n\n  img {\n    grid-area: 1 / 1 / 3 / 2;\n    width: 59px;\n\n    @include media('>=tablet') {\n      width: 76px;\n    }\n  }\n\n  &__text {\n    display: flex;\n    grid-area: 1 / 2 / 2 / 3;\n    align-items: center;\n    margin-left: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 18px;\n    text-align: left;\n\n    @include media('>=tablet') {\n      width: 268px;\n      font-size: 14px;\n    }\n  }\n\n  &__price {\n    display: flex;\n    grid-area: 2 / 2 / 3 / 3;\n    align-items: center;\n    margin-left: 22px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 20px;\n    @include media('>=tablet') {\n      width: 108px;\n      margin-left: 20px;\n    }\n  }\n\n  &__counter {\n    display: flex;\n    grid-area: 1 / 3 / 3 / 4;\n    align-items: center;\n    justify-content: flex-end;\n    margin-left: 20px;\n  }\n\n  &--card {\n    display: grid;\n    grid-template-rows: repeat(4, max-content);\n    grid-template-columns: 1fr;\n    width: 100%;\n    max-width: 128px;\n    max-height: 206px;\n    padding: 8px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    background-color: #f1f4f9;\n    border-radius: 16px;\n\n    img {\n      grid-area: unset;\n      width: 100%;\n      height: 76px;\n      object-fit: contain;\n    }\n\n    .client-pack-item__text {\n      display: block;\n      grid-area: 3 / 1 / 3 / 1;\n      width: 100%;\n      margin-bottom: 16px;\n      margin-left: 0;\n      overflow: hidden;\n      line-height: unset;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .client-pack-item__price {\n      display: block;\n      grid-area: 2 / 1 / 2 / 1;\n      margin: 8px 0 5px;\n\n      font-weight: 800;\n      line-height: unset;\n    }\n\n    .client-pack-item__counter {\n      display: block;\n      grid-area: unset;\n      margin-left: 0;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nconst props = defineProps({\n  clientPacksCount: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst isClientHavePack = computed(() => props.clientPacksCount)\n\nconst info = computed(() =>\n  !isClientHavePack.value\n    ? 'Спасибо, что заботитесь об экологии и не заказываете приборы!'\n    : 'В состав приборов входит вилка, ложка и салфетка',\n)\n</script>\n\n<template>\n  <span class=\"info\" :class=\"{ 'info--success': !isClientHavePack }\">\n    {{ info }}\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.info {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 18px;\n  color: $dark-grey;\n\n  &--success {\n    color: $success;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Prop } from 'vue'\nimport { FormErrors } from 'vee-validate'\n// stores\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n// components\nimport AppButton from '@/components/App/AppButton.vue'\n\n// utils\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\n// types\nimport { Cost } from '@/types/api/api-v3/basket'\nimport {\n  BasketPurchaseButtonEmit,\n  CheckoutButtonState,\n  CheckoutButtonStateInjectType,\n} from '@/types/basket'\nimport { PayMethods } from '@/types/api/api-v3/orders/order'\n\nconst checkoutButtonState = inject<CheckoutButtonStateInjectType>(\n  'checkoutButtonState',\n)\n\nconst basketStore = useBasketStore()\nconst basketTimeStore = useBasketTimeStore()\n\nconst emit = defineEmits([...Object.keys(BasketPurchaseButtonEmit)])\nconst props = defineProps({\n  isSectionSticky: {\n    type: Boolean,\n    required: true,\n  },\n  basketErrors: {\n    type: Object,\n    required: true,\n  } as Prop<FormErrors<{}>>,\n  cost: {\n    type: Object,\n    required: true,\n  } as Prop<Cost>,\n  isAuthenticated: {\n    type: Boolean,\n    required: true,\n  },\n  isGiftNeed: {\n    type: Boolean,\n    default: false,\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst basketSelectedPaymentMethod = computed(\n  () => basketStore.basketSelectedPaymentMethod,\n)\n\nconst selectedAddress = computed(() => basketStore.selectedAddress)\n\nconst selectedGift = computed(() => basketStore.data.selectedGifts[0])\n\nconst selectedPaymentMethod = computed(\n  () => basketStore.data.selectedPaymentMethod,\n)\n\nconst purchaseButtonText = computed(() => {\n  if (!selectedPaymentMethod.value) {\n    return 'Оформить'\n  }\n\n  const isOnlineMethod = checkSavedCard(selectedPaymentMethod.value)\n    ? true\n    : ![PayMethods.CARD, PayMethods.CASH, PayMethods.SAVED_CARD].includes(\n        selectedPaymentMethod.value?.type,\n      )\n\n  return isOnlineMethod ? 'Оплатить' : 'Оформить'\n})\n\nconst isExpiredSavedCard = computed(() => {\n  // Если выбрали просроченную карту\n  return (\n    checkSavedCard(selectedPaymentMethod.value) &&\n    selectedPaymentMethod.value.is_expired\n  )\n})\n\nconst button = computed(() => {\n  if (!props?.isAuthenticated) {\n    return {\n      text: 'К доставке и оплате',\n      emitName: BasketPurchaseButtonEmit.goToAuthorize,\n    }\n  }\n\n  // Если не выбрали адрес или есть ошибка в deliveryCost\n  if (!selectedAddress.value || props.cost?.error_message)\n    return {\n      text: 'К выбору адреса',\n      emitName: BasketPurchaseButtonEmit.goToAddress,\n    }\n\n  if (basketTimeStore.error) {\n    return {\n      text: 'Ко времени',\n      emitName: BasketPurchaseButtonEmit.goToDeliveryAt,\n    }\n  }\n\n  if (props?.cost?.error_message)\n    return {\n      text: 'В каталог',\n      emitName: BasketPurchaseButtonEmit.goToCatalog,\n    }\n\n  // TODO: АЛАРМ БЛЯ\n  if (\n    basketSelectedPaymentMethod.value === 'Не выбрано' ||\n    isExpiredSavedCard.value\n  )\n    return {\n      text: 'К способу оплаты',\n      emitName: BasketPurchaseButtonEmit.goToPayment,\n    }\n\n  if (checkoutButtonState?.get.value === CheckoutButtonState.changeExchange)\n    return {\n      text: checkoutButtonState.get.value,\n      emitName: BasketPurchaseButtonEmit.goToPayment,\n    }\n\n  if (!basketStore.promocodeIsValid)\n    return {\n      text: 'Проверьте промокод',\n      emitName: BasketPurchaseButtonEmit.goToDiscount,\n    }\n\n  if (props.isGiftNeed && !selectedGift.value)\n    return {\n      text: 'К выбору подарка',\n      emitName: BasketPurchaseButtonEmit.goToGifts,\n    }\n\n  return {\n    text: purchaseButtonText.value,\n    emitName: BasketPurchaseButtonEmit.goToPurchase,\n  }\n})\nconst onClickHandler = () => emit(button.value.emitName)\n</script>\n\n<template>\n  <app-button\n    class=\"button\"\n    :class=\"{ 'button--sticky': isSectionSticky }\"\n    :loading=\"isLoading\"\n    @click=\"onClickHandler\"\n  >\n    {{ button.text }}\n  </app-button>\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  width: 100%;\n  height: 50px;\n  overflow: hidden;\n  font-size: 16px;\n  transition: width 0.2s ease-in-out;\n\n  &--sticky {\n    width: 60%;\n    overflow: hidden;\n    transition: width 0.2s ease-in-out;\n  }\n\n  @include media('<tablet') {\n    width: 100%;\n\n    &--sticky {\n      overflow: hidden;\n      transition: width 0.2s ease-in-out;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Prop } from 'vue'\nimport { FormErrors } from 'vee-validate'\n// components\nimport BasketPricePanelButton from '~/components/Basket/basket-price-panel/BasketPricePanelButton.vue'\n// types\nimport { Cost } from '~/types/api/api-v3/basket'\nimport { BasketPurchaseButtonEmit } from '~/types/basket'\n\nconst emit = defineEmits([...Object.keys(BasketPurchaseButtonEmit)])\ndefineProps({\n  isSectionSticky: {\n    type: Boolean,\n    required: true,\n  },\n  amountToPay: {\n    type: String,\n    required: true,\n  },\n  basketErrors: {\n    type: Object,\n    required: true,\n  } as Prop<FormErrors<{}>>,\n  cost: {\n    type: Object,\n    required: true,\n  } as Prop<Cost>,\n  isAuthenticated: {\n    type: Boolean,\n    required: true,\n  },\n  isGiftNeed: {\n    type: Boolean,\n    default: false,\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst { push } = useRouter()\n\nconst orderCheckout = () => emit('orderCheckout')\n\nconst goToCatalog = () => push('/')\n\nconst goToPayment = () => emit('goToPayment', 'payment_method')\n\nconst goToAuthorize = () => emit('goToAuthorize')\n\nconst goToAddress = () => emit('goToAddress', 'addresses')\n\nconst goToDeliveryAt = () => emit('goToDeliveryAt', 'delivery_at')\n\nconst goToDiscount = () => emit('goToDiscount', 'discount')\n\nconst goToGifts = () => emit('goToGifts', 'gifts')\n</script>\n\n<template>\n  <div id=\"short-panel\" class=\"panel\">\n    <transition name=\"height\">\n      <div v-if=\"cost?.error_message\" class=\"panel__top\">\n        {{ cost.message }}\n      </div>\n    </transition>\n\n    <div class=\"panel__bottom\">\n      <div v-if=\"isSectionSticky\" class=\"panel__bottom-info\">\n        <div class=\"value\">\n          {{ amountToPay }}\n        </div>\n\n        <div class=\"text\">Итого</div>\n      </div>\n\n      <div class=\"panel__bottom-button\">\n        <basket-price-panel-button\n          :basket-errors=\"basketErrors\"\n          :cost=\"cost\"\n          :is-authenticated=\"isAuthenticated\"\n          :is-section-sticky=\"isSectionSticky\"\n          :is-gift-need=\"isGiftNeed\"\n          :is-loading=\"isLoading\"\n          @go-to-payment=\"goToPayment\"\n          @go-to-catalog=\"goToCatalog\"\n          @go-to-purchase=\"orderCheckout\"\n          @go-to-authorize=\"goToAuthorize\"\n          @go-to-address=\"goToAddress\"\n          @go-to-delivery-at=\"goToDeliveryAt\"\n          @go-to-discount=\"goToDiscount\"\n          @go-to-gifts=\"goToGifts\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n.panel {\n  display: grid;\n  gap: 20px;\n\n  &__top {\n    font-size: 12px;\n    font-weight: 700;\n    color: $dark-grey;\n    text-align: center;\n  }\n\n  &__bottom {\n    display: flex;\n    gap: 0 40px;\n    justify-content: space-between;\n\n    &-info {\n      width: max-content;\n      white-space: nowrap;\n\n      .value {\n        font-size: 18px;\n        font-weight: 800;\n      }\n\n      .text {\n        font-size: 14px;\n        font-weight: 600;\n        color: $dark-grey;\n      }\n    }\n\n    &-button {\n      display: flex;\n      justify-content: flex-end;\n      width: 100%;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Prop } from 'vue'\nimport { Field as VeeField, FormErrors } from 'vee-validate'\n\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketPricePanelRow from '@/components/Basket/basket-price-panel/BasketPricePanelRow.vue'\nimport BasketPriceShortPanel from '~/components/Basket/basket-price-panel/BasketPriceShortPanel.vue'\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useCityStore } from '~/store/city/city'\nimport { useUserStore } from '~/store/user/user'\n\n/* Types */\nimport { DeliveryMethods } from '~/api/modules/basket/types'\nimport { BasketPurchaseButtonEmit } from '~/types/basket'\n\nconst cityStore = useCityStore()\nconst basketStore = useBasketStore()\nconst userStore = useUserStore()\n\nconst emit = defineEmits([\n  'orderCheckout',\n  ...Object.keys(BasketPurchaseButtonEmit),\n])\ndefineProps({\n  isSectionSticky: {\n    type: Boolean,\n    required: true,\n  },\n  basketErrors: {\n    type: Object,\n    required: true,\n  } as Prop<FormErrors<{}>>,\n  isGiftNeed: {\n    type: Boolean,\n    default: false,\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst isAuthenticated = computed(() => userStore.isAuthenticated)\n\nconst basket = computed(() => basketStore.data)\n\nconst currencySymbol = computed(() => cityStore.currencySymbol)\n\nconst selectedAddress = computed(() => basketStore.selectedAddress)\n\nconst helpMessageEnabled = computed(\n  () => basket.value?.delivery?.cost?.help_message,\n)\n\nconst isDeliveryMethod = computed(\n  () => basket.value?.delivery.method === DeliveryMethods.COURIER,\n)\n\nconst isDeliveryMethodTitle = computed(\n  () => basketStore.basketSelectedDeliveryMethod,\n)\n\nconst isDeliveryMethodValue = computed(() => {\n  if (!selectedAddress.value) return ''\n\n  if (!basket.value.delivery.cost?.value) {\n    return 'Бесплатно'\n  }\n\n  return `${basket.value.delivery.cost?.value} ${currencySymbol.value}`\n})\n\nconst basketSelectedPaymentMethod = computed(\n  () => basketStore.basketSelectedPaymentMethod,\n)\n\nconst showChangeInfo = computed(\n  () =>\n    basket.value.change !== 0 &&\n    basket.value.change > basket.value.amountToPay &&\n    !!basketSelectedPaymentMethod.value &&\n    basketSelectedPaymentMethod.value === 'Наличные',\n)\n\nconst amountToPayWithSymbol = computed(\n  () => `${basket.value.amountToPay} ${currencySymbol.value}`,\n)\n\nconst toAccrueAmountBonuses = computed(\n  () => basket?.value?.bonuses?.toAccrueAmount || 0,\n)\n\nconst scrollToErrorBlock = (errorBlock: string, error: boolean) => {\n  if (error) return\n\n  document\n    .querySelector<HTMLElement>(`#${errorBlock}`)\n    ?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n}\n\nconst orderCheckout = () => emit('orderCheckout')\n\nconst goToAuthorize = () => emit('goToAuthorize')\n</script>\n\n<template>\n  <vee-field id=\"price-panel\" vid=\"detail\" name=\"detail\" as=\"section\">\n    <basket-title v-if=\"!isSectionSticky\" title=\"Стоимость заказа\" />\n\n    <section v-if=\"!isSectionSticky\" class=\"container\">\n      <basket-price-panel-row\n        v-if=\"isAuthenticated\"\n        :title=\"isDeliveryMethodTitle\"\n        :value=\"selectedAddress || 'Не указан'\"\n      />\n\n      <basket-price-panel-row\n        v-if=\"isDeliveryMethod && isAuthenticated\"\n        title=\"Доставка\"\n      >\n        <app-tooltip\n          v-if=\"helpMessageEnabled && isAuthenticated\"\n          :model-value=\"false\"\n        >\n          <template #activator>\n            <div>\n              {{ isDeliveryMethodValue }}\n            </div>\n          </template>\n          <template #content>\n            <div>{{ helpMessageEnabled }}</div>\n          </template>\n        </app-tooltip>\n\n        <div v-else>{{ isDeliveryMethodValue }}</div>\n      </basket-price-panel-row>\n\n      <basket-price-panel-row\n        v-if=\"isAuthenticated\"\n        title=\"Оплата\"\n        :value=\"basketSelectedPaymentMethod\"\n        @click=\"\n          scrollToErrorBlock('basket-payment', !basketSelectedPaymentMethod)\n        \"\n      />\n\n      <basket-price-panel-row\n        v-if=\"showChangeInfo && isAuthenticated\"\n        title=\"Сдача с\"\n        :value=\"`${basket.change} ${currencySymbol}`\"\n        @click=\"scrollToErrorBlock('change', showChangeInfo)\"\n      />\n\n      <basket-price-panel-row\n        title=\"Сумма заказа\"\n        :value=\"`${basket.totalAmount} ${currencySymbol}`\"\n      />\n\n      <basket-price-panel-row\n        v-if=\"isAuthenticated\"\n        title=\"Начислено бонусов\"\n        @click=\"scrollToErrorBlock('bonuses', false)\"\n      >\n        <p v-if=\"isAuthenticated\">\n          {{ toAccrueAmountBonuses }}\n        </p>\n        <p v-else>Нужно авторизоваться</p>\n      </basket-price-panel-row>\n\n      <basket-price-panel-row\n        v-if=\"basket.bonuses.toSpendAmount && isAuthenticated\"\n        title=\"Скидка бонусами\"\n        :value=\"`${basket.bonuses.toSpendAmount} ${currencySymbol}`\"\n      />\n\n      <basket-price-panel-row\n        v-if=\"basket.promocode.discountAmount && isAuthenticated\"\n        title=\"Скидка по промокоду\"\n        :value=\"`${basket.promocode.discountAmount} ${currencySymbol}`\"\n      />\n\n      <hr class=\"container__line\" />\n\n      <basket-price-panel-row\n        title=\"Итого\"\n        :value=\"amountToPayWithSymbol\"\n        is-title\n      />\n    </section>\n\n    <basket-price-short-panel\n      :cost=\"basket.delivery.cost\"\n      :basket-errors=\"basketErrors\"\n      :amount-to-pay=\"amountToPayWithSymbol\"\n      :is-section-sticky=\"isSectionSticky\"\n      :is-authenticated=\"isAuthenticated\"\n      :is-gift-need=\"isGiftNeed\"\n      :is-loading=\"isLoading\"\n      @order-checkout=\"orderCheckout\"\n      @go-to-payment=\"scrollToErrorBlock\"\n      @go-to-authorize=\"goToAuthorize\"\n      @go-to-address=\"scrollToErrorBlock\"\n      @go-to-delivery-at=\"scrollToErrorBlock\"\n      @go-to-discount=\"scrollToErrorBlock\"\n      @go-to-gifts=\"scrollToErrorBlock\"\n    />\n  </vee-field>\n</template>\n\n<style lang=\"scss\" scoped>\n.container {\n  display: grid;\n  grid-template-rows: 1fr;\n  gap: 8px 0;\n  margin-bottom: 20px;\n  overflow: hidden;\n\n  &__line {\n    margin: 8px 0;\n    border: 0.5px solid $button-background;\n  }\n\n  &__total {\n    font-size: 18px;\n    font-weight: 800;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { GiftProduct } from '@/types/api/api-v3/basket'\n\n/* Components */\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\n/* Async Components */\nconst BasketSelectedGiftIcon = defineAsyncComponent(\n  () => import('@/components/Icons/IconSelectedGift.vue'),\n)\n\ntype Props = {\n  gift: GiftProduct\n  isGiftSelected: boolean\n  isGiftNeed: boolean\n}\n\ndefineProps<Props>()\n\nconst emit = defineEmits(['selectGift'])\n\nconst { currencySymbol } = useCityStore()\n\nconst selectGift = () => emit('selectGift')\n</script>\n\n<template>\n  <div\n    class=\"gift\"\n    :class=\"{ 'gift--inactive': !isGiftNeed, 'gift--active': isGiftSelected }\"\n  >\n    <div v-if=\"gift?.image\" class=\"gift__image\">\n      <nuxt-img :src=\"gift.image\" />\n    </div>\n\n    <div v-if=\"isGiftSelected\" class=\"gift__check\">\n      <basket-selected-gift-icon />\n    </div>\n\n    <div class=\"gift__wrapper\">\n      <div class=\"gift__price\">0 {{ currencySymbol }}</div>\n\n      <app-measure-units\n        class=\"gift__weight\"\n        :weight=\"gift?.weight\"\n        :volume-in-liters=\"gift?.volume_in_liters\"\n        :measure=\"gift?.measure\"\n      />\n    </div>\n\n    <div class=\"gift__title\">\n      {{ gift?.title }}\n    </div>\n\n    <div class=\"gift__button\">\n      <v-btn\n        class=\"gift__button-item\"\n        :disabled=\"isGiftSelected || !isGiftNeed\"\n        @click=\"selectGift\"\n      >\n        <span v-if=\"isGiftSelected && isGiftNeed\">Выбрано</span>\n\n        <app-icon v-else name=\"plus-icon\" size=\"40\" />\n      </v-btn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gift {\n  position: relative;\n  display: grid;\n  grid-template-rows: 1fr max-content 1fr max-content;\n  max-width: 176px;\n  height: 247px;\n  padding: 8px;\n  background-color: $button-background;\n  border: 2px solid transparent;\n  border-radius: 16px;\n  opacity: 1;\n  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n\n  &--active {\n    border: 2px solid $basket-success;\n    box-shadow: 0 6px 30px 0 rgba(0, 197, 102, 0.22);\n  }\n\n  &--inactive {\n    opacity: 0.5;\n  }\n\n  &__image img {\n    width: 100%;\n  }\n\n  &__image {\n    height: 102px;\n    margin-bottom: 8px;\n  }\n\n  &__check {\n    position: absolute;\n    top: -10px;\n    right: -5px;\n  }\n\n  &__wrapper {\n    display: flex;\n    gap: 4px;\n    align-items: baseline;\n  }\n\n  &__price {\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  &__weight {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 15px;\n    color: $dark-grey;\n  }\n\n  &__title {\n    display: -webkit-box;\n    height: 45px;\n    overflow: hidden;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 15px;\n    text-overflow: ellipsis;\n    white-space: initial;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n  }\n\n  &__button {\n    width: 100%;\n    height: 100%;\n    margin-top: 16px;\n\n    &-item {\n      width: 100%;\n      font-size: 12px;\n      font-weight: 600;\n      color: black !important;\n      border-radius: 100px;\n      box-shadow: none;\n    }\n\n    :deep(.v-btn__overlay) {\n      background-color: $white;\n      opacity: 0;\n    }\n  }\n\n  @include media('<tablet') {\n    max-width: 144px;\n    height: max-content;\n    max-height: 227px;\n\n    &__image {\n      height: 85px;\n      margin-bottom: 8px;\n    }\n\n    &__check {\n      top: 0;\n    }\n\n    &__button {\n      min-width: 128px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Prop } from 'vue'\n// components\nimport BasketGiftsItem from '~/components/Basket/basket-gifts/BasketGiftsItem.vue'\n// types\nimport { SelectedGift } from '~/types/store/basket'\nimport { GiftProduct } from '~/types/api/api-v3/basket'\n\nconst emit = defineEmits(['selectGift'])\nconst props = defineProps({\n  products: {\n    type: Array,\n    required: true,\n  } as Prop<GiftProduct[]>,\n  ruleId: {\n    type: Number,\n    required: true,\n  },\n  isGiftNeed: {\n    type: Boolean,\n    required: true,\n  },\n  selectedGift: {\n    type: Object,\n    required: true,\n  } as Prop<SelectedGift>,\n})\n\nconst selectGift = (productId: number) =>\n  emit('selectGift', {\n    rule_id: props?.ruleId,\n    product_id: productId,\n  })\n</script>\n\n<template>\n  <div class=\"gifts-list\">\n    <basket-gifts-item\n      v-for=\"gift in products\"\n      :key=\"gift.title\"\n      :gift=\"gift\"\n      :is-gift-selected=\"selectedGift?.product_id === gift.product_id\"\n      :is-gift-need=\"isGiftNeed\"\n      @select-gift=\"selectGift(gift.product_id)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gifts-list {\n  display: flex;\n  gap: 0 16px;\n  justify-content: flex-start;\n  scroll-snap-type: x mandatory;\n  scroll-padding-inline: 20px;\n  padding: 0 20px;\n  margin: 0 -20px 16px;\n\n  @include media('<tablet') {\n    position: relative;\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineAsyncComponent } from 'vue'\n// components\nconst BasketErrorMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketErrorMessage.vue'),\n)\n\ndefineProps({\n  errors: {\n    type: Array,\n    required: true,\n  },\n})\n</script>\n\n<template>\n  <div class=\"gifts-info\">\n    <basket-error-message\n      v-if=\"errors.length !== 0\"\n      :error-message=\"errors[0]\"\n    />\n\n    <span v-else>В подарок не входят соусы, добавьте их отдельно</span>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gifts-info {\n  min-height: 25px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $dark-grey;\n}\n</style>\n","<script lang=\"ts\" setup>\nconst emit = defineEmits(['update:model-value'])\ndefineProps({\n  isGiftNeed: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst updateValue = (value: boolean | null) =>\n  emit('update:model-value', !!value)\n</script>\n\n<template>\n  <div class=\"gifts-toggle\">\n    <div class=\"gifts-toggle__headline\">Нужен подарок</div>\n\n    <div class=\"gifts-toggle__control\">\n      <v-switch\n        :model-value=\"isGiftNeed\"\n        :ripple=\"false\"\n        inset\n        hide-details\n        @update:model-value=\"updateValue\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gifts-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  &__headline {\n    font-size: 18px;\n    font-weight: 800;\n    color: $text-black;\n\n    @include media('<tablet') {\n      font-size: 14px;\n    }\n  }\n}\n\n/* v-switch custom */\n:deep(.v-selection-control) {\n  height: 32px;\n  min-height: unset;\n}\n\n:deep(.v-switch__track) {\n  width: 56px;\n  height: 32px;\n  margin: 0;\n  background-color: $very-light-grey;\n  opacity: 1;\n}\n\n:deep(.v-selection-control__input) {\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  box-shadow: 0 2px 5px -3px black;\n\n  &:before {\n    content: none;\n  }\n}\n\n:deep(.v-selection-control--dirty .v-switch__track) {\n  background-color: $primary !important;\n}\n\n:deep(.v-selection-control--dirty .v-selection-control__input) {\n  box-shadow: none;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Prop } from 'vue'\nimport { defineRule, Field as VeeField } from 'vee-validate'\n// components\nimport BasketGiftsList from '~/components/Basket/basket-gifts/BasketGiftsList.vue'\nimport BasketGiftsInfo from '~/components/Basket/basket-gifts/BasketGiftsInfo.vue'\nimport BasketGiftsToggle from '~/components/Basket/basket-gifts/BasketGiftsToggle.vue'\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\n// store\nimport { useBasketStore } from '~/store/basket/basket'\n// utils\nimport { notActiveGift } from '@/utils/rulesOfValidate'\n// types\nimport { Gift } from '~/types/api/api-v3/basket'\nimport { SelectedGift } from '~/types/store/basket'\n\nconst NOT_ACTIVE_GIFT = 'notActiveGift'\n\nconst basketStore = useBasketStore()\n\nconst props = defineProps({\n  gifts: {\n    type: Array,\n    required: true,\n  } as Prop<Gift[]>,\n  isGiftNeed: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['update:is-gift-need'])\n\nconst selectedGift = computed(() => basketStore.data.selectedGifts[0])\n\nconst rule = computed(() => (props.isGiftNeed ? NOT_ACTIVE_GIFT : ''))\n\nconst onSelectGift = (selectedGift: SelectedGift) =>\n  basketStore.setSelectedGift(selectedGift)\n\nconst updateModelValue = (value: boolean) => emit('update:is-gift-need', value)\n\ndefineRule(NOT_ACTIVE_GIFT, notActiveGift)\n</script>\n\n<template>\n  <section id=\"gifts\" class=\"gifts\">\n    <basket-title title=\"Подарки\" />\n\n    <vee-field\n      v-slot=\"{ errors }\"\n      name=\"gifts\"\n      vid=\"gifts\"\n      :rules=\"rule\"\n      :model-value=\"selectedGift\"\n    >\n      <basket-gifts-list\n        v-for=\"gift in gifts\"\n        :key=\"gift.rule_id\"\n        :products=\"gift.products\"\n        :rule-id=\"gift.rule_id\"\n        :is-gift-need=\"isGiftNeed\"\n        :selected-gift=\"selectedGift\"\n        @select-gift=\"onSelectGift\"\n      />\n\n      <basket-gifts-info :errors=\"errors\" />\n    </vee-field>\n\n    <hr class=\"gifts__line\" />\n\n    <basket-gifts-toggle\n      :is-gift-need=\"isGiftNeed\"\n      @update:model-value=\"updateModelValue\"\n    />\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.gifts {\n  overflow: hidden;\n}\n\n.gifts__line {\n  margin: 20px;\n  border: 1px solid $button-background;\n\n  @include media('<tablet') {\n    margin: 16px 0 20px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineAsyncComponent, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { Form as VeeForm } from 'vee-validate'\n\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useUserStore } from '~/store/user/user'\nimport { useAppStore } from '~/store/app/app'\n\n/* Types */\nimport { UnprocessableEntityError, ServerError } from '~/api/results'\nimport { SnackbarType } from '~/store/app/app.types'\nimport { Item } from '~/api/modules/basket/types'\nimport { PaymentMethodType, SavedCard } from '~/types/api/api-v3/paymentMethods'\nimport { CheckoutButtonStateType } from '@/types/basket'\n\n/* Components */\nimport BasketAddresses from '~/components/Basket/basket-addresses/BasketAddresses.vue'\nimport BasketTime from '~/components/Basket/basket-time/BasketTime.vue'\nimport BasketNote from '~/components/Basket/basket-note/BasketNote.vue'\nimport BasketAdditive from '~/components/Basket/basket-additive/BasketAdditive.vue'\nimport BasketPayment from '~/components/Basket/basket-payment/BasketPayment.vue'\nimport BasketDiscount from '~/components/Basket/basket-discount/BasketDiscount.vue'\nimport DialogBasketProposition from '~/components/Basket/dialogs/DialogBasketProposition.vue'\nimport BasketOrder from '~/components/Basket/basket-order/BasketOrder.vue'\nimport BasketClientPack from '~/components/Basket/basket-client-pack/BasketClientPack.vue'\nimport BasketPricePanel from '~/components/Basket/basket-price-panel/BasketPricePanel.vue'\nimport BasketGifts from '~/components/Basket/basket-gifts/BasketGifts.vue'\n\nconst LoginForm = defineAsyncComponent(\n  () => import('~/components/login/LoginForm.vue'),\n)\n\nconst DialogBasketTransactionTime = defineAsyncComponent(\n  () => import('~/components/Basket/dialogs/DialogBasketTransactionTime.vue'),\n)\nconst DialogBasketAddivitesAndPacks = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketAddivitesAndPacks.vue'),\n)\n\n// Состояние кнопки \"Оформить\"\nconst checkoutButtonState = ref<CheckoutButtonStateType>(null)\nconst updateCheckoutButtonState = (value: CheckoutButtonStateType) => {\n  checkoutButtonState.value = value\n}\nprovide('checkoutButtonState', {\n  get: checkoutButtonState,\n  set: updateCheckoutButtonState,\n})\n\nconst { isMobile } = useDevice()\nconst { $metrics, $sentryCaptureException, $apiService } = useNuxtApp()\n\nconst router = useRouter()\n\nconst basketStore = useBasketStore()\nconst userStore = useUserStore()\nconst { showSnackbar } = useAppStore()\n\nconst dialogs = ref({\n  userAuthorization: {\n    visible: false,\n  },\n  showProposition: {\n    visible: false,\n  },\n  additivesAndPacks: {\n    visible: false,\n  },\n  transactionTime: {\n    visible: false,\n  },\n})\n\nconst EVENT_TYPE_PS = 'payment_started_payselection'\n\nconst isOrderLoading = ref(false)\nconst basketObserver = ref(null)\nconst isSectionSticky = ref(true)\nconst updateTime = ref(0)\nconst propositionShowedAlready = ref(false)\n\nconst clientPacksCount = computed(() => basketStore.clientPacksCount)\nconst clientAdditivesCount = computed(() => basketStore.clientAdditivesCount)\n\nconst isClientPackAvailable = computed(() =>\n  !basketStore.data.persons ? true : basketStore.data.persons.maxNumber === 0,\n)\n\nconst basket = computed(() => basketStore.data)\n\nconst basketError = computed(() => basketStore.error)\n\nconst isAuthenticated = computed(() => userStore.isAuthenticated)\n\nconst basketGiftsWithoutChoice = computed(() => basketStore.giftsNoChoice)\nconst basketGiftsWithChoice = computed(() => basketStore.giftsOfChoice)\n\nconst addedAdditives = computed(() => basketStore.addedAdditives)\n\nconst selectedPaymentMethod = computed(\n  () => basketStore.data.selectedPaymentMethod,\n)\n\nconst checkSelectedSavedCard = computed(\n  () => basketStore.checkSelectedSavedCard,\n)\n\n// Следим за подарками - если подарков после обновления стало меньше -> показываем снекбар\nwatch(\n  () => basket.value.gifts,\n  (newState, prevState) => {\n    const newNoChoiseGifts = newState.filter((gift) => !gift.should_choose)\n    const prevNoChoiseGifts = prevState.filter((gift) => !gift.should_choose)\n    // Если убрали подарки без выбора\n    if (newNoChoiseGifts.length < prevNoChoiseGifts.length)\n      showSnackbar({\n        message: 'Убрали подарок, проверьте условия для применения',\n      })\n\n    const newChoiseGifts = newState.filter((gift) => gift.should_choose)\n    const prevChoiseGifts = prevState.filter((gift) => gift.should_choose)\n    // Если убрали подарки с выбором\n    // Кейс, когда в массиве gifts > 1 массивов с выбором, но мы отображаем всегда только первый\n    if (!newChoiseGifts.length && prevChoiseGifts.length)\n      showSnackbar({\n        message: 'Убрали подарок, проверьте условия для применения',\n      })\n  },\n)\n\nuseIntersectionObserver(\n  isAuthenticated.value ? '#discount' : '#note',\n  {\n    threshold: [0, 1],\n    rootMargin: isMobile ? '0px 0px -150px' : '-150px 0px 0px',\n  },\n  ([entry]) => {\n    isSectionSticky.value =\n      entry.intersectionRatio < 1 && entry.boundingClientRect.bottom > 500\n  },\n)\n\nconst isShowedAdditivesModal = () => {\n  if (!clientPacksCount.value || !clientAdditivesCount.value) {\n    const showedWarningAdditivesOrClientPack = JSON.parse(\n      localStorage.getItem('showedWarningAdditivesOrClientPack') as string,\n    )\n\n    // Проверяем было ли отображение предупреждения\n    if (!showedWarningAdditivesOrClientPack) {\n      dialogs.value.additivesAndPacks.visible = true\n\n      return false\n    }\n  }\n\n  return true\n}\n\nconst preClearanceCheckSave = async () => {\n  if (!isShowedAdditivesModal()) {\n    return\n  }\n\n  // Переходим к оформлению заказа\n  checkSelectedSavedCard.value\n    ? await orderCheckoutForPay()\n    : await orderCheckout()\n}\n\n// Метод оплаты по сохраненной карте\nconst orderCheckoutForPay = async () => {\n  if (!isAuthenticated.value) {\n    dialogs.value.userAuthorization.visible = true\n\n    return\n  }\n\n  if (\n    basketStore.data.proposition.items.length !== 0 &&\n    !propositionShowedAlready.value\n  ) {\n    dialogs.value.showProposition.visible = true\n    propositionShowedAlready.value = true\n\n    return\n  }\n\n  dialogs.value.transactionTime.visible = true\n\n  isOrderLoading.value = true\n  const orderId = await basketStore.orderCheckout()\n\n  if (basketStore.error) {\n    dialogs.value.transactionTime.visible = false\n    isOrderLoading.value = false\n\n    return\n  }\n\n  const paymentMethodId = (selectedPaymentMethod.value as SavedCard)?.id\n\n  if (paymentMethodId) {\n    await $apiService.order.paySavedCardPaySelection(\n      String(orderId),\n      String(paymentMethodId),\n    )\n\n    // Независимо от ответа статуса оплаты, редиректим на страницу заказа\n    redirectToOrderPage(orderId)\n  }\n}\n\nconst redirectToOrderPage = (orderId: string) => {\n  localStorage.setItem(\n    'showedWarningAdditivesOrClientPack',\n    JSON.stringify(false),\n  )\n\n  router.push({\n    path: `/profile/orders/${orderId}/`,\n  })\n}\n\nconst orderCheckout = async () => {\n  if (!isAuthenticated.value) {\n    dialogs.value.userAuthorization.visible = true\n\n    return\n  }\n\n  if (\n    basket.value.proposition.items.length !== 0 &&\n    !propositionShowedAlready.value\n  ) {\n    dialogs.value.showProposition.visible = true\n    propositionShowedAlready.value = true\n\n    return\n  }\n\n  isOrderLoading.value = true\n  const orderId = await basketStore.orderCheckout()\n\n  if (basketStore.error) {\n    isOrderLoading.value = false\n    return\n  }\n\n  if (selectedPaymentMethod.value?.type === PaymentMethodType.SBP)\n    $metrics?.eventSendGoal({ ym: 'payment_started_SBP' })\n\n  if (selectedPaymentMethod.value?.type === PaymentMethodType.PAY_SELECTION)\n    $metrics?.eventSendGoal({ ym: EVENT_TYPE_PS, mt: EVENT_TYPE_PS })\n\n  redirectToOrderPage(orderId)\n}\n\nconst goToError = (id?: string) => {\n  if (id) {\n    scrollToBlock(`#${id}`)\n\n    return\n  }\n\n  // @ts-ignore\n  const errors = Object.keys(basketObserver.value?.getErrors())\n\n  if (!errors.length) return\n\n  id = errors[0].split('-')[0]\n\n  scrollToBlock(`#${id}`)\n}\n\nconst showError = () => setTimeout(() => goToError(), 0)\n\nconst updateTimeChoices = () => updateTime.value++\n\nconst closePropositionDialog = async (isError: boolean) => {\n  dialogs.value.showProposition.visible = false\n\n  if (!isError) {\n    checkSelectedSavedCard.value\n      ? await orderCheckoutForPay()\n      : await orderCheckout()\n  } else {\n    propositionShowedAlready.value = false\n\n    await basketStore.fetchBasket()\n  }\n}\n\nwatch(basketError, async (basketError) => {\n  if (!basketError) return\n\n  if (\n    basketError instanceof UnprocessableEntityError &&\n    // @ts-ignore\n    basketError.data?.product_id\n  ) {\n    showSnackbar({\n      // @ts-ignore\n      message: basketError.data?.product_id[0],\n      type: SnackbarType.MESSAGE,\n    })\n\n    await basketStore.fetchBasket()\n  } else if (\n    basketError instanceof UnprocessableEntityError &&\n    // @ts-ignore\n    basketError.data\n  ) {\n    if (!basketObserver.value) {\n      return\n    }\n\n    setTimeout(() => {\n      // @ts-ignore\n      const id = Object.keys(basketError.data)?.[0]\n\n      goToError(id)\n    }, 50)\n  } else if (basketError instanceof UnprocessableEntityError) {\n    showSnackbar({\n      message: 'Что-то пошло не так :( Попробуйте позже',\n      type: SnackbarType.MESSAGE,\n    })\n\n    $sentryCaptureException(basketError)\n  } else if (basketError instanceof ServerError) {\n    $sentryCaptureException(basketError)\n  }\n})\n\nconst isDialogOnClose = () => (dialogs.value.userAuthorization.visible = false)\n\nonMounted(() => {\n  window.carrotquest?.track('cart_viewed', {\n    productsId: basket?.value?.items?.map((item: Item) => item.product_id),\n    name: basket?.value?.items?.map((item: Item) => item.title),\n    amount: basket?.value?.items?.map((item: Item) => item.price),\n    img: basket?.value?.items?.map((item: Item) => item.image_url),\n  })\n\n  $metrics?.eventSendGoal({ mt: 'startofordering' })\n})\n\nconst isGiftNeed = ref(basketStore.data.selectedGifts.length !== 0)\n\nconst updateIsGiftNeed = (value: boolean) => {\n  isGiftNeed.value = value\n}\n\nwatch(isGiftNeed, () => {\n  if (isGiftNeed.value) return\n\n  basketStore.clearSelectedGifts()\n})\n\nconst goToAuthorize = () => {\n  // Сначала показывае МО доборов, потом авторизация\n  if (!isShowedAdditivesModal()) {\n    return\n  }\n\n  dialogs.value.userAuthorization.visible = true\n}\n</script>\n\n<template>\n  <vee-form\n    v-slot=\"{ handleSubmit, errors }\"\n    ref=\"basketObserver\"\n    class=\"basket__section\"\n    validate-on-mount\n  >\n    <basket-order\n      class=\"section order\"\n      :items=\"basket.items\"\n      :gifts=\"basketGiftsWithoutChoice\"\n      :additives=\"addedAdditives\"\n    />\n\n    <basket-client-pack\n      v-if=\"isClientPackAvailable\"\n      :client-packs=\"basket.clientPacks\"\n      :client-packs-count=\"clientPacksCount\"\n      class=\"section\"\n    />\n\n    <basket-additive\n      v-if=\"basket.additives.length > 0\"\n      id=\"additives\"\n      :additives=\"basket.additives\"\n      class=\"section additives\"\n      @order-checkout=\"orderCheckout\"\n      @order-checkout-for-pay=\"orderCheckoutForPay\"\n    />\n\n    <basket-gifts\n      v-if=\"basketGiftsWithChoice.length !== 0\"\n      class=\"section\"\n      :gifts=\"basketGiftsWithChoice\"\n      :is-gift-need=\"isGiftNeed\"\n      @update:is-gift-need=\"updateIsGiftNeed\"\n    />\n\n    <!-- TODO: Полностью переделать компонент -->\n    <basket-addresses\n      v-if=\"isAuthenticated\"\n      class=\"section\"\n      @delivery-method-changed=\"updateTimeChoices\"\n    />\n\n    <!-- TODO: Полностью переделать компонент -->\n    <basket-time\n      v-if=\"isAuthenticated && basketStore.basketAddressSelected\"\n      :update=\"updateTime\"\n      class=\"section delivery\"\n    />\n\n    <!-- TODO: Полностью переделать компонент -->\n    <basket-payment\n      v-if=\"isAuthenticated\"\n      class=\"section\"\n      :is-authenticated=\"isAuthenticated\"\n    />\n\n    <basket-note class=\"section\" />\n\n    <basket-discount class=\"section\" />\n\n    <basket-price-panel\n      class=\"section price\"\n      :class=\"{ 'section--shadow': isSectionSticky }\"\n      :is-section-sticky=\"isSectionSticky\"\n      :basket-errors=\"errors\"\n      :is-gift-need=\"isGiftNeed\"\n      :is-loading=\"isOrderLoading\"\n      @go-to-authorize=\"goToAuthorize\"\n      @order-checkout=\"handleSubmit(preClearanceCheckSave), showError()\"\n    />\n  </vee-form>\n\n  <app-dialog\n    v-model=\"dialogs.userAuthorization.visible\"\n    :fullscreen=\"isMobile\"\n  >\n    <template #body>\n      <login-form\n        @code-confirmed-by-named-user=\"isDialogOnClose\"\n        @set-name=\"isDialogOnClose\"\n        @sign-in-by-named-user=\"isDialogOnClose\"\n      />\n    </template>\n  </app-dialog>\n\n  <template v-if=\"dialogs.additivesAndPacks.visible\">\n    <dialog-basket-addivites-and-packs\n      v-model=\"dialogs.additivesAndPacks.visible\"\n      :client-packs=\"basket.clientPacks\"\n      :client-packs-count=\"clientPacksCount\"\n      :additives=\"basket.additives\"\n      :additives-count=\"clientAdditivesCount\"\n      @order-checkout=\"orderCheckout\"\n      @order-checkout-for-pay=\"orderCheckoutForPay\"\n    />\n  </template>\n\n  <dialog-basket-proposition\n    v-if=\"dialogs.showProposition.visible\"\n    :propositions=\"basket.proposition.items\"\n    :time-to-live=\"basket.proposition.timeToLive\"\n    @close=\"closePropositionDialog\"\n  />\n\n  <v-dialog\n    v-if=\"dialogs.transactionTime.visible\"\n    ref=\"dialog\"\n    v-bind=\"$attrs\"\n    :hide-header=\"true\"\n    :max-width=\"'360'\"\n    :value=\"dialogs.transactionTime.visible\"\n    :persistent=\"true\"\n  >\n    <dialog-basket-transaction-time\n      v-click-outside=\"false\"\n      class=\"transaction-dialog\"\n    />\n  </v-dialog>\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-dialog) {\n  overflow: hidden !important;\n}\n\n.basket__section {\n  position: relative;\n  display: grid;\n  gap: 60px 0;\n  max-width: 620px;\n  margin: auto;\n\n  @include media('<tablet') {\n    gap: 16px;\n  }\n\n  @include media('>=tablet', '<=desktop-mini') {\n    margin-bottom: 60px;\n  }\n  @include media('>=desktop-mini') {\n    gap: 20px 0;\n    margin-bottom: 30px;\n  }\n\n  .section {\n    max-width: 620px;\n    background-color: $white;\n    border-radius: 20px;\n\n    &--shadow {\n      filter: drop-shadow(0px -6px 30px rgba(50, 52, 72, 0.3));\n      border-radius: 20px 20px 0 0;\n      transition: 0.5s ease-in-out;\n    }\n\n    @include media('<=desktop-mini') {\n      padding: 16px 20px;\n\n      &:first-child {\n        border-radius: 0 0 20px 20px;\n      }\n\n      &:last-child {\n        border-radius: 20px 20px 0 0;\n      }\n    }\n\n    @include media('>=desktop-mini') {\n      padding: 30px;\n    }\n  }\n\n  .price {\n    position: sticky;\n    bottom: -1px;\n    z-index: 2;\n    padding: 25px 30px;\n    overflow: hidden;\n    transition: 0.3s ease-in-out;\n\n    @include media('<tablet') {\n      padding: 16px 20px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineAsyncComponent } from 'vue'\n// components\nimport TheBasket from '~/components/Basket/basket-state/TheBasket.vue'\n\n/* stores */\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useMapSettingsStore } from '@/store/map-settings/map-settings'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nconst BasketErrorPage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-state/BasketErrorPage.vue'),\n)\nconst BasketEmptyPage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-state/BasketEmptyPage.vue'),\n)\n\nconst basketStore = useBasketStore()\nconst toggleStore = useToggleStore()\nconst mapSettingsStore = useMapSettingsStore()\n\nconst isBasketLoaded = computed(() => basketStore.isLoaded)\n\nconst isBasketDisabled = computed(\n  () =>\n    basketStore.basketIsDisabled || !toggleStore.featureToggle.basket_enabled,\n)\n\nconst isBasketEmpty = computed(() => basketStore.basketIsEmpty)\n\nonMounted(() => mapSettingsStore.fetchMapSettings())\n\nusePopupFetch()\n</script>\n\n<template>\n  <div\n    class=\"basket-page\"\n    :class=\"{ 'basket-page--exist': !isBasketEmpty && !isBasketDisabled }\"\n  >\n    <app-head title=\"Ваш заказ\" />\n\n    <app-progress v-if=\"!isBasketLoaded\" :page=\"true\" :size=\"100\" />\n\n    <basket-error-page v-else-if=\"isBasketDisabled\" />\n\n    <basket-empty-page v-else-if=\"isBasketEmpty\" />\n\n    <the-basket v-else />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.page--container {\n  padding: 20px 0;\n}\n\n.basket-page {\n  padding: 40px 0 60px;\n\n  &--exist {\n    background-color: $button-background;\n  }\n\n  @include media('<tablet') {\n    padding: 0;\n  }\n}\n</style>\n"],"names":["initObserver","target","callback","options","observer","useIntersectionObserver","element","isVisible","ref","callbackObserver","entries","firstEntry","onMounted","scrollToBlock","selector","defaultState","useBasketPaymentMethodsStore","defineStore","StoreId","$apiService","useNuxtApp","isMobile","useDevice","result","Success","payment_methods","pay_selection_cards","basketPayments","indexPositionSavedCard","payment","PaymentMethodType","paymentMethods","props","__props","messageTag","computed","BasketAddressMessages","detectedStyleChip","status","CostStatuses","emit","__emit","basketStore","useBasketStore","isDesktop","showAllAddresses","activeAddress","countOfVisibleAddresses","showAllButtonVisible","deliveryMethod","watch","addresses","address","change","valueHidden","value","toggleShowAllAddresses","detectedClassRadio","index","handleNotDeliveryAddress","event","openEditAddressDialog","openDeleteAddressDialog","checkSelectedAddress","addressId","AppProgress","defineAsyncComponent","__vitePreload","AppDialog","BasketFailed","DialogBasketAddAddressForm","DialogBasketEditAddressForm","DialogBasketDeleteAddress","BasketDeliveryAddressNotification","$sentryCaptureException","showSnackbar","useAppStore","addressesStore","useAddressesStore","isMobileOrTablet","dialogs","basket","deliveryCost","selectedAddress","settedAddress","DeliveryMethods","setSelectedAddress","loadAddresses","error","SnackbarType","openAddAddressDialog","openDialogNotification","closeDialogNotification","selectDeliveryCourier","addAddress","editAddress","closeDialogDeleteAddress","delAddress","defineRule","veeRequiredValidator","handleGesture","wrapper","touchstartX","touchendX","touchstartY","touchendY","dirRatio","minDistance","touchstart","touch","_a","touchend","touchmove","createHandlers","e","mounted","el","binding","uid","handlers","keys","eventName","unmounted","_b","Touch","Touch$1","VWindowSymbol","VWindowGroupSymbol","makeVWindowProps","propsFactory","v","makeComponentProps","makeTagProps","makeThemeProps","VWindow","genericComponent","_ref","slots","themeClasses","provideTheme","isRtl","useRtl","t","useLocale","group","useGroup","rootRef","isRtlReverse","isReversed","shallowRef","transition","axis","direction","transitionCount","transitionHeight","activeIndex","item","newVal","oldVal","itemsLength","lastIndex","provide","canMoveBack","canMoveForward","prev","next","arrows","prevProps","_createVNode","VBtn","nextProps","touchOptions","_ref2","originalEvent","useRender","_withDirectives","_resolveDirective","makeVWindowItemProps","makeGroupItemProps","makeLazyProps","VWindowItem","val","window","inject","groupItem","useGroupItem","isBooted","useSsrBoot","isTransitioning","hasTransition","onAfterTransition","onBeforeTransition","convertToUnit","onTransitionCancelled","onEnterTransition","nextTick","name","hasContent","useLazy","MaybeTransition","_vShow","BasketPickup","BasketHall","pointStore","useBasketPointStore","basketPaymentMethodsStore","setModelValueDeliveryMethod","pickupPoints","hallPoints","courierPoints","showPickupTab","showHallTab","selectIsPaymentMethod","paymentMethod","deliveryMethodChanged","setDeliveryMethod","newDeliveryMethod","points","dataSetDeliveryAddress","dataSetHallOrPickup","carrotquestTracks","_c","useBasketTimeStore","newTimeState","getListOfMonth","date","basketTime","warningImage","getPaymentMethods","getAvailableTime","valueError","useField","BasketTimeWarning","BasketErrorMessage","BasketErrorMessage$1","selectedDate","dateChoices","currentDate","currentTime","getTimeChoices","getDateChoices","updateSelectTime","delivery_at","dateChoicesResult","setTime","required","timeHeadline","basketTimeStore","currentTab","isLoading","MAX_NOTE_LENGTH_RULE","note","maxNoteLength","AppCounter","n","addAdditive","cityStore","useCityStore","productId","quantitySelectedProducts","setProductQuantity","decreaseQuantity","increaseQuantity","useProductCounter","currencySymbol","additivePrice","additives","isErrorImage","productImage","additive","toggleAdditives","MAX_VISIBLE_ADDITIVES_FOR_DESKTOP","MAX_VISIBLE_ADDITIVES_FOR_MOBILE","DialogBasketAdditives","showAllAdditives","maxVisibleAdditives","countOfVisibleAdditives","toggleShowAllAdditives","DialogBasketAskAdditives","DialogBasketAskAdditivesTitle","isAdditiveDialogVisible","clientPacksCount","clientAdditivesCount","agreeAdditivesTitle","arrangeWithoutAdditives","payWithoutAdditives","backToSelection","SelectedDiscount","BasketPurchaseButtonEmit","CheckoutButtonState","iconCard","numberCard","cropNumberOfCard","brandName","TypeCards","detectedClassSavedCard","detectedIconOfBrand","nameIcon","emits","selectPayment","namePaymentMethod","prefix","PaymentMethodName","detectedClassPaymentIcon","selectedPaymentMethodType","selectedSavedCardId","selectPaymentMethod","doNotCallMeBack","changeDoNotCallMeBack","basketDropdownIcon","basketChangeStore","useBasketChangeStore","selectedChange","setSelectedChange","currentChange","changeList","checkoutButtonState","toggleStore","useToggleStore","isOfflinePayment","OfflinePayMethods","selectedPaymentMethod","isShowCallBlock","changeErrorShow","isChangeExist","changeErrorMessage","basketPaymentMethods","isBasketPaymentLoading","amountToPay","isVisibleDescription","methodDelivery","delivery","descriptionBasketPaymentMethod","PaymentMethodDescriptions","checkSavedCard","isVisibleChangeBlock","checkErrorMessage","currentValue","prevValue","type","getBasketPaymentMethods","getChange","checkChange","requiredPaymentMethod","requiredValidator","notActiveCard","bonusLabel","isPromocodeChoiceDisabled","isPromocodeApplied","isBonusChoiceDisabled","updateDiscountChoices","buttonText","updateModelValue","setDiscount","setErrors","cancelDiscount","onClickHandler","requiredDiscount","discountField","bonusesValue","userStore","useUserStore","selectedDiscount","confirmedDiscount","inputValue","isButtonLoading","bonusesCount","basketDiscountErrors","basketDiscountInfoVisible","bonuses","discountTitle","isAuthenticated","setPromocode","setBonuses","UnprocessableEntityError","resetPromocode","updateSelectedDiscount","_d","currency","setProposition","showTooltip","toggleTooltip","toggle","selectedProposition","selectProposition","proposition","timerIntervalId","countdownSeconds","countdownFormatter","minutesCount","format","secondsCount","startTimer","timerInitial","setInterval","timerEndHandler","closeDialog","beforeWindowUnload","onBeforeUnmount","isError","onSubmit","withProposition","amountToPayWithSymbol","showClearBasketDialog","formatProductForModification","productModification","priceWithSymbol","additiveImage","cartView","titles_list","url_list","price_list","image_list","selectedGift","gifts","selectedGiftId","gift","products","product","DialogBasketClear","isClearBasketDialogVisible","clearBasket","clientPackImage","productQuantity","isClientHavePack","info","basketSelectedPaymentMethod","purchaseButtonText","PayMethods","isExpiredSavedCard","button","push","useRouter","orderCheckout","goToCatalog","goToPayment","goToAuthorize","goToAddress","goToDeliveryAt","goToDiscount","goToGifts","helpMessageEnabled","isDeliveryMethod","isDeliveryMethodTitle","isDeliveryMethodValue","showChangeInfo","toAccrueAmountBonuses","scrollToErrorBlock","errorBlock","BasketSelectedGiftIcon","selectGift","updateValue","NOT_ACTIVE_GIFT","rule","onSelectGift","notActiveGift","EVENT_TYPE_PS","LoginForm","DialogBasketTransactionTime","DialogBasketAddivitesAndPacks","$metrics","router","isOrderLoading","basketObserver","isSectionSticky","updateTime","propositionShowedAlready","isClientPackAvailable","basketError","basketGiftsWithoutChoice","basketGiftsWithChoice","addedAdditives","checkSelectedSavedCard","newState","prevState","newNoChoiseGifts","prevNoChoiseGifts","newChoiseGifts","prevChoiseGifts","entry","isShowedAdditivesModal","preClearanceCheckSave","orderCheckoutForPay","orderId","paymentMethodId","redirectToOrderPage","goToError","id","errors","showError","updateTimeChoices","closePropositionDialog","ServerError","isDialogOnClose","_i","_f","_e","_h","_g","isGiftNeed","updateIsGiftNeed","BasketErrorPage","BasketEmptyPage","mapSettingsStore","useMapSettingsStore","isBasketLoaded","isBasketDisabled","isBasketEmpty","usePopupFetch"],"mappings":"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","debug_id":"c3f34b0c-8bcb-509e-8be5-6ee8352916cf"}