{"version":3,"file":"_nuxt/CFxmxO6D.js","sources":["../../../../utils/scrollToBlock.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","../../../../store/basket/basket-payment-methods.ts","../../../../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-time/BasketTimeInfo.vue","../../../../types/components/basket-time.types.ts","../../../../components/Basket/basket-time/BasketTimeTabs.vue","../../../../components/Basket/basket-time/BasketAvailableTime.vue","../../../../components/Basket/basket-time/BasketOnTimeSelects.vue","../../../../components/Basket/basket-time/BasketOnTime.vue","../../../../components/Basket/basket-time/BasketTimeTabActive.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/BasketPaymentListItem.vue","../../../../components/Basket/basket-payment/BasketPaymentList.vue","../../../../components/Basket/basket-payment/BasketCallSelect.vue","../../../../components/Basket/basket-payment/BasketPaymentChange.vue","../../../../components/Basket/basket-payment/BasketPaymentInfo.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":["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","<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'\nimport AppButton from '~/components/App/AppButton.vue'\n/* Components */\nimport BasketDeliveryAddressTag from '~/components/Basket/basket-addresses/BasketDeliveryAddressTag.vue'\nimport IconChevronDown from '~/components/Icons/IconChevronDown.vue'\nimport IconCircle from '~/components/Icons/IconCircle.vue'\nimport IconClose from '~/components/Icons/IconClose.vue'\nimport IconRing from '~/components/Icons/IconRing.vue'\n\nimport { useCityStore } from '@/store/city/city'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\n/* Types */\nimport { DeliveryMethods } from '~/api/modules/basket/types'\n\nimport type { AddressClient } from '@/api/modules/addresses/addresses.types'\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\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<AddressClient[]>,\n    required: true,\n  },\n  modelValue: {\n    type: Object as PropType<AddressClient>,\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  'openDialogRedirectCity',\n])\n\nconst basketStore = useBasketStore()\nconst { cityInfo } = useCityStore()\nconst { newFetchingApiEnabled } = useToggleStore()\n\nconst { isMobile, isDesktop } = useDevice()\n\nconst showAllAddresses = ref(false)\n\nconst activeAddress = ref<AddressClient | 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: AddressClient | null) => {\n  // проверяем является ли это адрес и находится в зоне доставки\n  if (!value || ('is_in_delivery_area' in value && !value.is_in_delivery_area))\n    return\n\n  // Если v4 и адрес имеет поле домена и value другого города\n  const isAllowedAddress =\n    newFetchingApiEnabled &&\n    'city_domain_prefix' in value &&\n    value?.city_domain_prefix !== cityInfo.domain_prefix\n\n  // В случае, если адрес другого города\n  if (isAllowedAddress) 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: AddressClient) => {\n  // В случае если выбран адрес вне зоны доставки\n  if ('is_in_delivery_area' in address && !address.is_in_delivery_area) {\n    emit('openDialogNotification')\n    event.preventDefault()\n\n    return\n  }\n\n  // В случае если выбран адрес другого города\n  if (\n    newFetchingApiEnabled &&\n    'city_domain_prefix' in address &&\n    address.city_domain_prefix !== cityInfo.domain_prefix\n  ) {\n    emit('openDialogRedirectCity', address)\n  }\n}\n\nconst openEditAddressDialog = (address: AddressClient) => {\n  emit('openEditAddressDialog', address)\n}\n\nconst openDeleteAddressDialog = (address: AddressClient) => {\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 { AddressClient } from '@/api/modules/addresses/addresses.types'\n\nimport { formatToFullVisibleAddress } from '@/utils/formatToFullVisibleAddress'\n\ntype Props = {\n  address: AddressClient\n}\n\nconst props = defineProps<Props>()\n\n// Отображаем город с поселком или же город\nconst correctAddress = computed(() => formatToFullVisibleAddress(props.address))\n\nconst correctCity = computed(() => {\n  if (!props.address.alias) return `г. ${props.address.city}`\n\n  return `г. ${props.address.city}, ${props.address.alias}`\n})\n</script>\n\n<template>\n  <div class=\"address-item\">\n    <div class=\"address-wrapper\">\n      <div class=\"address\">\n        {{ correctAddress }}\n      </div>\n    </div>\n\n    <div v-if=\"props.address.city\" class=\"address-item__city\">\n      {{ correctCity }}\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 { required as veeRequiredValidator } from '@vee-validate/rules'\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { useAddressesStore } from '@/store/addresses/addresses'\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useCityStore } from '@/store/city/city'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport { AddressClient } from '@/api/modules/addresses/addresses.types'\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { Success } from '@/api/results'\n\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'\n\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 NewDialogBasketAddAddressForm = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/NewDialogBasketAddAddressForm.vue'),\n)\nconst NewDialogBasketEditAddress = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/NewDialogBasketEditAddress.vue'),\n)\nconst NewDialogBasketDeleteAddress = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/NewDialogBasketDeleteAddress.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 DialogRedirectOtherCity = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogRedirectOtherCity.vue'),\n)\n\nconst BasketDeliveryAddressNotification = defineAsyncComponent(\n  () =>\n    import(\n      '~/components/Basket/basket-addresses/BasketDeliveryAddressNotification.vue'\n    ),\n)\n\nconst { showSnackbar } = useAppStore()\nconst basketStore = useBasketStore()\nconst addressesStore = useAddressesStore()\nconst { newFetchingApiEnabled } = useToggleStore()\nconst { cityInfo } = useCityStore()\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 AddressClient | null,\n  },\n  deleteAddress: {\n    visible: false,\n    address: null as AddressClient | null,\n  },\n  redirectCity: {\n    visible: false,\n    address: null as AddressClient | 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: AddressClient) => address.id === settedAddress,\n  )\n\n  return searchAddress || null\n})\n\nconst setSelectedAddress = async (value: AddressClient) => {\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 openAddAddressDialog = () => {\n  dialogs.value.addAddress.visible = true\n}\n\nconst openEditAddressDialog = (address: AddressClient) => {\n  dialogs.value.editAddress.visible = true\n  dialogs.value.editAddress.editableAddress = address\n}\n\nconst openDeleteAddressDialog = (address: AddressClient) => {\n  dialogs.value.deleteAddress.visible = true\n  dialogs.value.deleteAddress.address = address\n}\n\nconst openDialogRedirectCity = (address: AddressClient) => {\n  dialogs.value.redirectCity.visible = true\n  dialogs.value.redirectCity.address = address\n}\n\nconst openDialogNotification = () => {\n  dialogs.value.isShowNotification = true\n}\n\nconst closeDialogNotification = () => {\n  dialogs.value.isShowNotification = false\n}\n\nconst closeDialogRedirectCity = () => {\n  dialogs.value.redirectCity.visible = false\n}\n\nconst selectDeliveryCourier = () => {\n  emit('selectDeliveryCourier')\n}\n\nconst addAddress = async (address: AddressClient) => {\n  const { city_domain_prefix, is_in_delivery_area, id } = address\n\n  // Если адрес в зоне доставки, то не устанавливаем его\n  if (is_in_delivery_area && !newFetchingApiEnabled) {\n    await basketStore.setDeliveryMethod({\n      delivery_method: DeliveryMethods.COURIER,\n      address_id: id,\n    })\n  }\n\n  // В случае если адрес в зоне доставки и адрес текущего города\n  const isAllowedAddress =\n    is_in_delivery_area &&\n    newFetchingApiEnabled &&\n    city_domain_prefix === cityInfo.domain_prefix\n\n  if (isAllowedAddress) {\n    await basketStore.setDeliveryMethod({\n      delivery_method: DeliveryMethods.COURIER,\n      address_id: id,\n    })\n  }\n\n  emit('deliveryMethodChanged')\n\n  dialogs.value.addAddress.visible = false\n\n  await fetchAddress()\n\n  showSnackbar({\n    message: 'Адрес добавлен',\n    type: SnackbarType.SUCCESS,\n  })\n\n  // Если адрес вне зоны доставки\n  if (!is_in_delivery_area) {\n    openDialogNotification()\n\n    return\n  }\n\n  // Если адрес в зоне доставки и другой город\n  if (newFetchingApiEnabled && city_domain_prefix !== cityInfo.domain_prefix) {\n    openDialogRedirectCity(address)\n\n    return\n  }\n\n  basketStore.setAddress({\n    type: DeliveryMethods.COURIER,\n    id,\n  })\n}\n\nconst fetchAddress = async () => {\n  const result = await addressesStore.getAddresses()\n\n  if (result instanceof Success) return\n\n  showSnackbar({ message: 'Не удалось загрузить список адресов' })\n}\n\nconst editAddress = async () => {\n  dialogs.value.editAddress.visible = false\n\n  await fetchAddress()\n}\n\nconst closeDialogDeleteAddress = async (\n  isUpdate: boolean,\n  addressId?: number,\n) => {\n  dialogs.value.deleteAddress.visible = false\n\n  // В случае, если адреса не нужно обновлять или нет id\n  if (!isUpdate || !addressId) return\n\n  await fetchAddress()\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  await fetchAddress()\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=\"fetchAddress\"\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\"\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          @open-dialog-redirect-city=\"openDialogRedirectCity\"\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 v-if=\"!newFetchingApiEnabled\" :duration=\"150\">\n          <dialog-basket-edit-address-form\n            :address=\"dialogs.editAddress.editableAddress\"\n            @delete=\"delAddress\"\n            @edit=\"editAddress\"\n          />\n        </transition>\n\n        <transition v-if=\"newFetchingApiEnabled\" :duration=\"150\">\n          <new-dialog-basket-edit-address\n            :address=\"dialogs.editAddress.editableAddress\"\n            @delete=\"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        <new-dialog-basket-add-address-form\n          v-if=\"newFetchingApiEnabled\"\n          @add=\"addAddress\"\n        />\n\n        <dialog-basket-add-address-form v-else @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        <new-dialog-basket-delete-address\n          v-if=\"newFetchingApiEnabled\"\n          :address=\"dialogs.deleteAddress.address\"\n          @close-dialog-delete-address=\"closeDialogDeleteAddress\"\n        />\n\n        <dialog-basket-delete-address\n          v-else\n          :address=\"dialogs.deleteAddress.address\"\n          @close-dialog-delete-address=\"closeDialogDeleteAddress\"\n        />\n      </template>\n    </app-dialog>\n\n    <app-dialog\n      v-if=\"newFetchingApiEnabled\"\n      v-model=\"dialogs.redirectCity.visible\"\n      :max-width=\"620\"\n    >\n      <template v-if=\"dialogs.redirectCity.address\" #body>\n        <dialog-redirect-other-city\n          :address=\"dialogs.redirectCity.address\"\n          @close-dialog-delete-address=\"closeDialogRedirectCity\"\n          @close-dialog-redirect-city=\"closeDialogRedirectCity\"\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","import { defineStore } from 'pinia'\nimport { StoreId } from '@/store'\n\n/* Types */\nimport type { PaymentMethodState } from '@/types/store/basket/paymentMethods'\nimport type {\n  BasketPayment,\n  BasketPayments,\n} from '@/types/api/api-v3/paymentMethods'\nimport { PaymentMethodType } from '@/types/api/api-v3/paymentMethods'\nimport type { 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        this.setPaymentMethods({\n          isLoaded: true,\n          error: result,\n          isLoading: false,\n        })\n\n        return\n      }\n\n      const basketPayments = this.getFromattedBasketPayments(result.data)\n\n      this.setPaymentMethods({\n        isLoaded: true,\n        data: basketPayments,\n        error: null,\n        isLoading: false,\n      })\n    },\n\n    getFromattedBasketPayments(\n      basketPayments: BasketPayments,\n    ): BasketPayment[] {\n      const paymentsMethods: BasketPayment[] = basketPayments.payment_methods\n\n      /*\n        Ищем index позиции для сохран. карт,\n        после чего выполняем вставку с удалением элемента по index\n      */\n      const indexPositionSavedCard = paymentsMethods.findIndex(\n        (payment) => payment.type === PaymentMethodType.FEATURE_SAVED_CARD,\n      )\n\n      // Если index фичи карты нет, то пушим простой список оплат\n      if (indexPositionSavedCard === -1) {\n        return paymentsMethods\n      }\n\n      const { pay_selection_cards } = basketPayments\n\n      return paymentsMethods.toSpliced(\n        indexPositionSavedCard,\n        1,\n        ...pay_selection_cards,\n      )\n    },\n\n    setPaymentMethods(paymentMethods: Partial<LoadState<BasketPayment[]>>) {\n      Object.assign(this.$state, paymentMethods)\n    },\n  },\n})\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'\nimport BasketCourier from '~/components/Basket/basket-addresses/BasketCourier.vue'\n/* Components */\nimport BasketTitle from '~/components/Basket/basket-utils/BasketTitle.vue'\n\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { BasketPayment } from '@/types/api/api-v3/paymentMethods'\n\nimport { useAddressesStore } from '~/store/addresses/addresses'\n/* Stores */\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useBasketPaymentMethodsStore } from '~/store/basket/basket-payment-methods'\nimport { useBasketPointStore } from '~/store/basket/basket-point'\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()\nconst { cityInfo } = useCityStore()\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    const firstAddress = points.value.data[0]\n\n    const isAllowedAddress =\n      !firstAddress ||\n      !firstAddress.is_in_delivery_area ||\n      firstAddress?.city_domain_prefix !== cityInfo.domain_prefix\n\n    // Для доставки курьером проверяем существует ли адрес в зоне доставки, и соответсвует ли городу\n    if (isAllowedAddress) return\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    <the-tabs\n      :model-value=\"deliveryMethod\"\n      :is-single=\"!showPickupTab && !showHallTab\"\n      @update:model-value=\"\n        setModelValueDeliveryMethod($event as DeliveryMethods)\n      \"\n    >\n      <the-tabs-item\n        value=\"courier\"\n        @click=\"setDeliveryMethod(DeliveryMethods.COURIER)\"\n      >\n        Доставка\n      </the-tabs-item>\n\n      <the-tabs-item\n        v-if=\"showPickupTab\"\n        value=\"pickup\"\n        @click=\"setDeliveryMethod(DeliveryMethods.PICKUP)\"\n      >\n        Самовывоз\n      </the-tabs-item>\n\n      <the-tabs-item\n        v-if=\"showHallTab\"\n        value=\"hall\"\n        @click=\"setDeliveryMethod(DeliveryMethods.HALL)\"\n      >\n        В ресторане\n      </the-tabs-item>\n    </the-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.items {\n  min-height: 110px;\n  margin-top: 24px;\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\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>\n/* Stores */\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\nimport { useBasketStore } from '@/store/basket/basket'\n\n/* Types */\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=\"time-info__headline\">\n        <h3>{{ timeHeadline }}</h3>\n\n        <h3>{{ basketTime.delivery_at_text }}</h3>\n      </div>\n    </div>\n\n    <div class=\"time-info__item\">\n      <p>{{ basketTime.message }}</p>\n\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  gap: 10px;\n\n  &__item {\n    display: grid;\n    grid-template-columns: 200px max-content;\n    justify-content: space-between;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 800;\n      color: $text-black;\n    }\n\n    p {\n      margin: 0;\n      font-size: 12px;\n      font-weight: 600;\n      color: $text-black;\n    }\n  }\n\n  &__headline {\n    line-height: 22px;\n  }\n}\n</style>\n","export enum TabTypes {\n  FAST = 'fast',\n  DELIVERY_ON_TIME = 'deliveryOnTime',\n}\n","<script setup lang=\"ts\">\n/* Types */\nimport { TabTypes } from '@/types/components/basket-time.types'\n\nconst model = defineModel<TabTypes>()\n</script>\n\n<template>\n  <div class=\"basket-time-tabs\">\n    <the-tabs v-model=\"model\">\n      <the-tabs-item :value=\"TabTypes.FAST\" :ripple=\"false\">\n        Как можно скорее\n      </the-tabs-item>\n\n      <the-tabs-item :value=\"TabTypes.DELIVERY_ON_TIME\" :ripple=\"false\">\n        Ко времени\n      </the-tabs-item>\n    </the-tabs>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\n/* Components */\nconst BasketErrorMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketErrorMessage.vue'),\n)\nconst BasketWarningMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketWarningMessage.vue'),\n)\n\ntype Props = {\n  errorMessage?: string\n  warningMessage?: string\n  warningIcon?: string\n}\n\ndefineProps<Props>()\n</script>\n\n<template>\n  <basket-error-message v-if=\"errorMessage\" :error-message=\"errorMessage\" />\n\n  <basket-warning-message\n    v-else-if=\"warningMessage\"\n    :message=\"warningMessage\"\n    :icon=\"warningIcon\"\n    class=\"warning-message\"\n  />\n</template>\n\n<style lang=\"scss\">\n.warning-message {\n  padding-bottom: 30px;\n}\n</style>\n","<script setup lang=\"ts\">\n/* Types */\nimport { DateTimeChoices } from '@/store/basket/basket.types'\ntype Props = {\n  dateChoices: DateTimeChoices[]\n  timeChoices: DateTimeChoices[]\n  errorMessage?: string\n}\ndefineProps<Props>()\n\nconst emit = defineEmits(['get-time-choices', 'update-time'])\n\nconst selectedDate = defineModel<string>('selectedDate')\nconst selectedTime = defineModel<string>('selectedTime')\n</script>\n\n<template>\n  <div class=\"on-time-selects\">\n    <the-dropdown\n      v-model=\"selectedDate\"\n      item-title=\"text\"\n      item-value=\"value\"\n      variant=\"secondary\"\n      width=\"auto\"\n      :options=\"dateChoices\"\n      @update:model-value=\"emit('get-time-choices')\"\n    />\n\n    <the-dropdown\n      v-model=\"selectedTime\"\n      :disabled=\"!!errorMessage\"\n      item-title=\"text\"\n      item-value=\"value\"\n      variant=\"secondary\"\n      width=\"auto\"\n      :options=\"timeChoices\"\n      @update:model-value=\"emit('update-time')\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.on-time-selects {\n  display: grid;\n  grid-template-columns: 180px 90px;\n  gap: 0 10px;\n  margin-bottom: 30px;\n\n  @include media('>phone') {\n    grid-template-columns: 185px 110px;\n    gap: 0 15px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Types */\nimport { DateTimeChoices } from '@/store/basket/basket.types'\n\n/* Stores */\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n\n/* Components */\nimport BasketOnTimeSelects from '@/components/Basket/basket-time/BasketOnTimeSelects.vue'\nconst BasketWarningMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketWarningMessage.vue'),\n)\nconst BasketErrorMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketErrorMessage.vue'),\n)\nconst BasketTimeVariants = defineAsyncComponent(\n  () => import('@/components/Basket/basket-time/BasketTimeVariants.vue'),\n)\n\ntype Props = {\n  triggeredAviableTime: boolean\n  errorMessage?: string\n  warningMessage?: string\n  warningIcon?: string\n}\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['update-time'])\n\nconst basketTime = useBasketTimeStore()\n\nconst dateChoices = ref<DateTimeChoices[]>([])\nconst selectedDate = ref('')\nconst selectedTime = ref('')\n\nonMounted(async () => {\n  await getDateChoices()\n\n  getTimeChoices()\n})\n\nwatch(\n  () => props.triggeredAviableTime,\n  () => getTimeChoices(),\n)\n\nconst getDateChoices = async () => {\n  const dateChoicesResult = await basketTime.getDateChoices()\n\n  selectedDate.value = dateChoicesResult[0].value\n  dateChoices.value = dateChoicesResult || []\n}\n\nconst getTimeChoices = async () => {\n  selectedTime.value = ''\n\n  await basketTime.getTimeChoices({\n    date: selectedDate.value,\n  })\n\n  if (basketTime.choices && basketTime.choices[0]) {\n    selectedTime.value = basketTime.choices[0].value\n  }\n\n  updateTime()\n}\n\nconst updateTime = () => {\n  if (!selectedTime.value) return\n\n  emit('update-time', {\n    delivery_at_client: true,\n    delivery_at: selectedTime.value,\n  })\n}\n\nconst updateCurrentTime = (deliveryAt: string) => {\n  selectedTime.value = deliveryAt\n  updateTime()\n}\n</script>\n\n<template>\n  <div class=\"on-time\">\n    <basket-error-message\n      v-if=\"errorMessage\"\n      :error-message=\"errorMessage\"\n      class=\"on-time__error\"\n    />\n\n    <basket-on-time-selects\n      v-model:selected-date=\"selectedDate\"\n      v-model:selected-time=\"selectedTime\"\n      :date-choices=\"dateChoices\"\n      :time-choices=\"basketTime.choices\"\n      :error-message=\"errorMessage\"\n      @get-time-choices=\"getTimeChoices\"\n      @update-time=\"updateTime\"\n    />\n\n    <basket-warning-message\n      v-if=\"warningMessage\"\n      :message=\"warningMessage\"\n      :icon=\"warningIcon\"\n    />\n\n    <basket-time-variants\n      v-if=\"basketTime?.variants.length\"\n      :variants=\"basketTime.variants\"\n      @set-time=\"updateCurrentTime\"\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.on-time__error {\n  margin-bottom: 30px;\n}\n</style>\n","<script setup lang=\"ts\">\n/* Types */\nimport { TabTypes } from '@/types/components/basket-time.types'\nimport { SetTimePayload } from '@/store/basket/basket.types'\n\n/* Components */\nimport BasketAvailableTime from '@/components/Basket/basket-time/BasketAvailableTime.vue'\nimport BasketOnTime from '@/components/Basket/basket-time/BasketOnTime.vue'\n\ntype Props = {\n  selectedTab: TabTypes\n  triggeredAviableTime: boolean\n  errorMessage?: string\n  warningMessage?: string\n  warningIcon?: string\n}\n\ndefineProps<Props>()\n\nconst emit = defineEmits(['update-time'])\n\nconst onUpdateTime = (data: SetTimePayload) => {\n  emit('update-time', data)\n}\n</script>\n\n<template>\n  <transition v-if=\"selectedTab === TabTypes.FAST\" name=\"height\">\n    <basket-available-time\n      :error-message=\"errorMessage\"\n      :warning-message=\"warningMessage\"\n      :warning-icon=\"warningIcon\"\n      @update-time=\"onUpdateTime\"\n    />\n  </transition>\n\n  <transition v-if=\"selectedTab === TabTypes.DELIVERY_ON_TIME\" name=\"height\">\n    <basket-on-time\n      :error-message=\"errorMessage\"\n      :warning-message=\"warningMessage\"\n      :warning-icon=\"warningIcon\"\n      :triggered-aviable-time=\"triggeredAviableTime\"\n      @update-time=\"onUpdateTime\"\n    />\n  </transition>\n</template>\n","<script lang=\"ts\" setup>\n/* Types */\nimport { SetTimePayload } from '@/store/basket/basket.types'\n\n/* Stores */\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\n\n/* Components */\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\nimport BasketTimeInfo from '@/components/Basket/basket-time/BasketTimeInfo.vue'\nimport BasketTimeTabs from '@/components/Basket/basket-time/BasketTimeTabs.vue'\nimport BasketTimeTabActive from '@/components/Basket/basket-time/BasketTimeTabActive.vue'\n\n/* Types */\nimport { TabTypes } from '@/types/components/basket-time.types'\n\ntype Props = {\n  triggeredAviableTime: boolean\n}\nconst props = defineProps<Props>()\n\nconst basketStore = useBasketStore()\nconst basketTimeStore = useBasketTimeStore()\nconst { getPaymentMethods } = useBasketPaymentMethodsStore()\n\nonMounted(() => {\n  // Фетчим данные для \"Как можно скорее\"\n  updateTime({ delivery_at_client: false })\n})\n\nconst selectedTab = ref<TabTypes>(TabTypes.FAST)\n\n// Обновляем данные, когда изменился адрес\nwatch(\n  () => props.triggeredAviableTime,\n  () => {\n    if (selectedTab.value !== TabTypes.FAST) {\n      return\n    }\n\n    updateTime({ delivery_at_client: false })\n  },\n)\n\nwatch(\n  () => selectedTab.value,\n  (tabValue) => {\n    if (tabValue === TabTypes.FAST) {\n      updateTime({ delivery_at_client: false })\n    }\n  },\n)\n\nconst updateTime = async (data: SetTimePayload) => {\n  await basketTimeStore.getAvailableTime(data)\n\n  await basketStore.setTime({\n    delivery_at: basketTimeStore.delivery_at,\n    delivery_at_client: data.delivery_at_client,\n  })\n\n  await getPaymentMethods()\n}\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    <basket-time-tabs v-model=\"selectedTab\" class=\"basket-time__tabs\" />\n\n    <basket-time-tab-active\n      :selected-tab=\"selectedTab\"\n      :error-message=\"basketTimeStore.error\"\n      :warning-message=\"basketTimeStore.warning\"\n      :warning-icon=\"basketTimeStore.warning_icon\"\n      :triggered-aviable-time=\"triggeredAviableTime\"\n      @update-time=\"updateTime\"\n    />\n\n    <app-progress v-if=\"isLoading\" class=\"basket-time__loader\" />\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.basket-time__tabs {\n  margin-bottom: 30px;\n}\n\n.basket-time__loader {\n  height: max-content;\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","<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\n    <div id=\"basket-note-observable-target\" class=\"basket-observable-target\" />\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>\n/* Types */\nimport { SavedCard, TypeCards } from '@/types/api/api-v3/paymentMethods'\n\n/* Utils */\nimport { cropNumberOfCard } from '@/utils/cropNumberOfCard'\n\ntype Props = {\n  savedCard: SavedCard\n}\nconst props = defineProps<Props>()\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\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\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</script>\n\n<template>\n  <div :class=\"detectedClassSavedCard\">\n    <nuxt-img\n      class=\"payment-card__icon\"\n      :src=\"detectedIconOfBrand\"\n      :alt=\"savedCard.brand\"\n    />\n\n    <div class=\"payment-card__number-card\">\n      {{ '&bull;&bull;&bull;' }} {{ numberCard }}\n    </div>\n\n    <div v-if=\"savedCard.is_expired\" class=\"payment-card__tag-disabled\">\n      Неактивна\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  min-height: 60px;\n  padding: 5px;\n  color: $text-black;\n  cursor: pointer;\n  background: #f8fafc;\n  border-radius: 6px;\n\n  @include media('>tablet') {\n    min-height: unset;\n  }\n\n  &__tag-disabled {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 10;\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>\n/* Types */\nimport {\n  PaymentMethod,\n  PaymentMethodName,\n  PaymentMethodIcons,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\ntype Props = {\n  payment: PaymentMethod\n  methodDelivery: DeliveryMethods\n}\nconst props = defineProps<Props>()\n\n// Формируем наименование способа оплат, с исключением для картой курьеру/в ресторане\nconst namePaymentMethod = computed(() => {\n  if (props.payment.type !== PaymentMethodType.CARD)\n    return PaymentMethodName[props.payment.type]\n\n  const prefix =\n    props.methodDelivery === DeliveryMethods.COURIER ? '_courier' : ''\n\n  return PaymentMethodName[`${PaymentMethodType.CARD}${prefix}`]\n})\n\n// Через тип оплаты определяем размеры иконок\nconst iconClasses = computed(() => {\n  const classes = ['payment-method__icon']\n\n  if (props.payment.type === PaymentMethodType.SBP) {\n    classes.push('payment-method__icon--sbp')\n  }\n\n  return classes\n})\n\nconst paymentIcon = computed(() => PaymentMethodIcons[props.payment.type])\n</script>\n\n<template>\n  <div class=\"payment-method\">\n    <nuxt-img v-if=\"paymentIcon\" :class=\"iconClasses\" :src=\"paymentIcon\" />\n\n    <p class=\"payment-method__text\">\n      {{ namePaymentMethod }}\n    </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  &__text {\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 setup lang=\"ts\">\n/* Utils */\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\n/* Types */\nimport type { BasketPayment } from '@/types/api/api-v3/paymentMethods'\nimport type { DeliveryMethods } from '@/types/api/api-v3/basket'\n\n/* Components */\nimport BasketPaymentSavedCard from '@/components/Basket/basket-payment/BasketPaymentSavedCard.vue'\nimport BasketPaymentMethod from '@/components/Basket/basket-payment/BasketPaymentMethod.vue'\n\ntype Props = {\n  paymentItem: BasketPayment\n  isActive: boolean\n  methodDelivery: DeliveryMethods\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['update:selected-payment'])\n\nconst onUpdateSelectedPayment = () => {\n  emit('update:selected-payment', props.paymentItem)\n}\n\nconst paymentItemClasses = computed(() => {\n  const classes = ['payment-item payment-item--saved-card']\n\n  if (!checkSavedCard(props.paymentItem)) {\n    return classes\n  }\n\n  if (props.paymentItem.is_expired) {\n    classes.push('payment-item--disabled')\n  }\n\n  if (props.isActive) {\n    classes.push('payment-item--active')\n  }\n\n  return classes\n})\n</script>\n\n<template>\n  <div v-if=\"checkSavedCard(paymentItem)\" :class=\"paymentItemClasses\">\n    <basket-payment-saved-card\n      :saved-card=\"paymentItem\"\n      @click=\"onUpdateSelectedPayment\"\n    />\n  </div>\n\n  <basket-payment-method\n    v-else\n    class=\"payment-item\"\n    :class=\"{ 'payment-item--active': isActive }\"\n    :payment=\"paymentItem\"\n    :method-delivery=\"methodDelivery\"\n    @click=\"onUpdateSelectedPayment\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n/* Общие стили */\n.payment-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  justify-content: space-between;\n  width: 130px;\n  min-width: 130px;\n  height: 100%;\n  min-height: 60px;\n  padding: 12px 8px;\n  cursor: pointer;\n  background: $button-background;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  transition: border-color 150ms ease-in-out;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n\n  @include media('>=tablet') {\n    min-height: 74px;\n    padding: 12px;\n  }\n\n  &--saved-card {\n    padding: 6px;\n    background: $white;\n    box-shadow: 0px 6px 30px 0px rgba(50, 52, 72, 0.1);\n  }\n\n  &--disabled {\n    background: $button-background;\n  }\n\n  &--active {\n    border-color: $basket-success;\n    box-shadow: 0 6px 30px 0 rgba(0, 197, 102, 0.22);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Utils */\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\n/* Types */\nimport { BasketPayment } from '@/types/api/api-v3/paymentMethods'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\n/* Components */\nimport BasketPaymentListItem from '@/components/Basket/basket-payment/BasketPaymentListItem.vue'\nimport IconArrowLeft from '@/components/Icons/IconArrowLeft.vue'\nimport IconArrowRight from '@/components/Icons/IconArrowRight.vue'\n\ntype Props = {\n  basketPaymentMethods: BasketPayment[]\n  methodDelivery: DeliveryMethods\n  selectedPaymentMethod: BasketPayment | null\n}\nconst props = defineProps<Props>()\n\nconst { isMobile } = useDevice()\n\nconst emit = defineEmits(['update:selected-payment'])\n\nconst selectPaymentMethod = (paymentMethod: BasketPayment) =>\n  emit('update:selected-payment', paymentMethod)\n\nconst selectedPaymentMethodType = computed(\n  () => props.selectedPaymentMethod?.type,\n)\n\nconst selectedSavedCardId = computed(() => {\n  if (checkSavedCard(props.selectedPaymentMethod)) {\n    return props.selectedPaymentMethod.id\n  }\n\n  return null\n})\n\nconst checkActivePaymentItem = (paymentItem: BasketPayment) => {\n  if (checkSavedCard(paymentItem)) {\n    return paymentItem.id === selectedSavedCardId.value\n  }\n\n  return paymentItem.type === selectedPaymentMethodType.value\n}\n\nconst paymentsList = computed(() => {\n  if (!props.basketPaymentMethods) {\n    return []\n  }\n\n  const list = []\n\n  for (const payment of props.basketPaymentMethods) {\n    list.push({\n      payment,\n      isActive: checkActivePaymentItem(payment),\n    })\n  }\n\n  return list\n})\n</script>\n\n<template>\n  <!-- TODO заменить на AppSlider из ui-layer -->\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=\"paymentItem in paymentsList\"\n      :key=\"paymentItem.payment.type\"\n    >\n      <basket-payment-list-item\n        :payment-item=\"paymentItem.payment\"\n        :is-active=\"paymentItem.isActive\"\n        :method-delivery=\"methodDelivery\"\n        @update:selected-payment=\"selectPaymentMethod\"\n      />\n    </v-slide-group-item>\n  </v-slide-group>\n\n  <div v-else class=\"payment-list\">\n    <basket-payment-list-item\n      v-for=\"paymentItem in paymentsList\"\n      :key=\"paymentItem.payment.type\"\n      :payment-item=\"paymentItem.payment\"\n      :is-active=\"paymentItem.isActive\"\n      :method-delivery=\"methodDelivery\"\n      @update:selected-payment=\"selectPaymentMethod\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\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\n.v-slide-group {\n  position: relative !important;\n  overflow: unset;\n\n  :deep() {\n    .v-slide-group__content {\n      gap: 10px;\n      padding: 25px 0 !important;\n    }\n\n    .v-slide-group__next {\n      right: -20px;\n    }\n\n    .v-slide-group__prev {\n      left: -20px;\n    }\n\n    .v-slide-group__prev,\n    .v-slide-group__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 { 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\ntype Props = {\n  change: number\n}\ndefineProps<Props>()\n\nconst basketStore = useBasketStore()\nconst basketChangeStore = useBasketChangeStore()\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    <the-dropdown\n      :model-value=\"change\"\n      :options=\"changeList\"\n      item-title=\"text\"\n      item-value=\"value\"\n      variant=\"secondary\"\n      width=\"auto\"\n      @update:model-value=\"setSelectedChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.change {\n  width: 140px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Field as VeeField, defineRule } from 'vee-validate'\n\n/* Utils */\nimport { requiredValidator } from '@/utils/rulesOfValidate'\n\n/* Types */\nimport type { BasketPayment } from '@/types/api/api-v3/paymentMethods'\nimport {\n  PaymentMethodType,\n  PaymentMethodDescriptions,\n} from '@/types/api/api-v3/paymentMethods'\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\n/* Components */\nimport BasketPaymentChange from '~/components/Basket/basket-payment/BasketPaymentChange.vue'\nimport BasketErrorMessage from '@/components/Basket/basket-utils/BasketErrorMessage.vue'\nconst BasketFailed = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketFailed.vue'),\n)\n\ntype Props = {\n  methodDelivery: DeliveryMethods\n  selectedPaymentMethod: BasketPayment | null\n  change: number\n  amountToPay: number\n  isChangeExist: boolean\n  changeErrorShow: boolean\n  validateErrors: string[]\n}\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['update:change'])\n\ndefineRule('required-payment-default', requiredValidator)\n\nconst { isMobile } = useDevice()\n\n// Формируем описание для способа оплат\nconst descriptionBasketPaymentMethod = computed(() => {\n  if (!props.selectedPaymentMethod) return ''\n\n  // Для оплаты картой курьеру и наличными формируем префикса в зависимости от способа доставки\n  if (\n    [PaymentMethodType.CARD, PaymentMethodType.CASH].includes(\n      props.selectedPaymentMethod?.type,\n    )\n  ) {\n    const prefix =\n      props.methodDelivery === DeliveryMethods.COURIER ? '_courier' : ''\n\n    return PaymentMethodDescriptions[\n      `${props.selectedPaymentMethod?.type}${prefix}`\n    ]\n  }\n  // Для сохраненной карты\n  if (checkSavedCard(props.selectedPaymentMethod))\n    return PaymentMethodDescriptions.saved_card\n\n  return PaymentMethodDescriptions[props.selectedPaymentMethod?.type]\n})\n\n// Проверка на отображение блока сдачи:\n// - Способ оплаты выбран\n// - Способ оплаты - наличные\n// - ошибка с api отсутствует\nconst isVisibleChangeBlock = computed(() => {\n  return (\n    props.selectedPaymentMethod?.type === PaymentMethodType.CASH &&\n    !props.changeErrorShow\n  )\n})\n\nconst onGetChange = () => {\n  emit('update:change')\n}\n\n// Ошибка если не существует списка сдач, способ оплаты, и выбран способ оплаты наличные\nconst checkErrorMessage = computed(() => {\n  return (\n    props.change !== 0 &&\n    !props.isChangeExist &&\n    props.selectedPaymentMethod?.type === PaymentMethodType.CASH\n  )\n})\n\nconst changeErrorMessage = computed(() => {\n  if (!props.isChangeExist && props.change <= props.amountToPay) {\n    return 'Купюра для выдачи должна быть больше суммы заказа'\n  } else if (!props.isChangeExist) {\n    return 'Сумма корзины изменилась, укажите, пожалуйста, сдачу'\n  }\n\n  return ''\n})\n\nconst isValidateError = computed(() => props.validateErrors.length)\n</script>\n\n<template>\n  <transition-group name=\"height\" class=\"payment-methods-info\" tag=\"div\">\n    <basket-failed\n      v-if=\"changeErrorShow\"\n      error-message=\"Не удалось загрузить выбор сдачи\"\n      @update=\"onGetChange\"\n    />\n\n    <div\n      v-if=\"!isValidateError\"\n      class=\"payment-methods-info__description\"\n      :class=\"{ 'payment-methods-info__description--mobile': isMobile }\"\n    >\n      <p\n        v-if=\"descriptionBasketPaymentMethod\"\n        class=\"payment-methods-info__description-text\"\n      >\n        {{ descriptionBasketPaymentMethod }}\n      </p>\n\n      <basket-payment-change\n        v-if=\"isVisibleChangeBlock\"\n        id=\"change\"\n        :change=\"change\"\n        class=\"payment-methods-info__change\"\n      />\n    </div>\n  </transition-group>\n\n  <transition v-if=\"checkErrorMessage || isValidateError\" name=\"height\">\n    <!-- провайдер для скролла до блока сдачи в случае если купюра для сдачи меньше суммы заказа-->\n    <vee-field vid=\"change\" name=\"change\" rules=\"required-payment-default\">\n      <basket-error-message\n        class=\"payment-methods-info__payment-error validation__error\"\n        :error-message=\"changeErrorMessage || validateErrors[0]\"\n      />\n    </vee-field>\n  </transition>\n</template>\n\n<style scoped lang=\"scss\">\n.payment-methods-info {\n  &__description {\n    display: flex;\n    gap: 0 20px;\n    align-items: center;\n    justify-content: space-between;\n\n    &--mobile {\n      flex-direction: column-reverse;\n      gap: 16px;\n    }\n  }\n\n  &__description-text {\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  &__change {\n    min-width: 140px;\n\n    @include media('<=portrait-phone') {\n      width: 100% !important;\n    }\n  }\n\n  &__payment-error {\n    margin-top: 20px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Field as VeeField, defineRule } from 'vee-validate'\n\n/* Utils */\nimport { notActiveCard, requiredPaymentMethod } 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} from '@/types/api/api-v3/paymentMethods'\nimport { Success } from '@/api/results'\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 BasketPaymentList from '@/components/Basket/basket-payment/BasketPaymentList.vue'\nimport BasketCallSelect from '@/components/Basket/basket-payment/BasketCallSelect.vue'\nimport BasketPaymentInfo from '@/components/Basket/basket-payment/BasketPaymentInfo.vue'\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)\n\nconst checkoutButtonState = inject<CheckoutButtonStateInjectType>(\n  'checkoutButtonState',\n)\n\nconst isBasketPaymentLoading = computed(\n  () => basketPaymentMethodsStore.isLoading,\n)\n\nconst { showSnackbar } = useAppStore()\nconst { $metrics } = useNuxtApp()\n\nconst basketStore = useBasketStore()\nconst basketPaymentMethodsStore = useBasketPaymentMethodsStore()\nconst basketChangeStore = useBasketChangeStore()\nconst toggleStore = useToggleStore()\n\nconst basket = computed(() => basketStore.data)\nconst selectedPaymentMethod = computed(() => basket.value.selectedPaymentMethod)\nconst amountToPay = computed(() => basket.value.amountToPay)\nconst change = computed(() => basket.value.change)\nconst methodDelivery = computed(() => basket.value.delivery.method)\n\nconst basketPaymentMethods = computed(() => basketPaymentMethodsStore.data)\n\nconst updateSelectedPayment = (paymentMethod: BasketPayment | null) => {\n  basketStore.setSelectedPaymentMethod(paymentMethod)\n\n  if (paymentMethod?.type === PaymentMethodType.PAY_SELECTION) {\n    $metrics?.eventSendGoal({ ym: 'payment_payselection' })\n  }\n}\n\n// Получаем список оплат\nconst getBasketPaymentMethods = async () =>\n  await basketPaymentMethodsStore.getPaymentMethods()\n\nconst changeErrorShow = ref(true)\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\nonMounted(async () => {\n  await Promise.all([getBasketPaymentMethods(), getChange()])\n\n  // Устанавливаем первый из списка оплат\n  if (basketPaymentMethods.value.length)\n    updateSelectedPayment(basketPaymentMethods.value[0])\n})\n\nconst isOfflinePayment = computed(() => {\n  const offlinePayMethods: string[] = Object.values(OfflinePayMethods)\n  return offlinePayMethods.includes(selectedPaymentMethod.value?.type || '')\n})\n\nconst isShowCallBlock = computed(\n  () =>\n    isOfflinePayment.value &&\n    toggleStore.featureToggle.basket_order_checkout_do_not_call_me_back_enabled,\n)\n\nconst isChangeExist = ref(true)\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(change.value)\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(change, checkChange)\n\nwatch(amountToPay, getChange)\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\ndefineRule('required-payment-method', requiredPaymentMethod)\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 class=\"payment-methods\">\n        <basket-payment-list\n          v-bind=\"field\"\n          :basket-payment-methods=\"basketPaymentMethods\"\n          :method-delivery=\"methodDelivery\"\n          :selected-payment-method=\"selectedPaymentMethod\"\n          @update:selected-payment=\"updateSelectedPayment\"\n        />\n\n        <basket-payment-info\n          :selected-payment-method=\"selectedPaymentMethod\"\n          :method-delivery=\"methodDelivery\"\n          :change-error-show=\"changeErrorShow\"\n          :validate-errors=\"errors\"\n          :is-change-exist=\"isChangeExist\"\n          :change=\"change\"\n          :amount-to-pay=\"amountToPay\"\n          @update:change=\"getChange\"\n        />\n      </div>\n\n      <template v-if=\"isShowCallBlock\">\n        <transition-group name=\"height\">\n          <hr class=\"hr\" />\n\n          <basket-call-select id=\"call\" />\n        </transition-group>\n      </template>\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;\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}\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 { $metrics } = useNuxtApp()\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    $metrics?.eventSendGoal({ ym: 'use_ref' })\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\n    <div\n      id=\"basket-discount-observable-target\"\n      class=\"basket-observable-target\"\n    />\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, $metrics } = useNuxtApp()\n\nconst basket = computed(() => basketStore.data)\nconst currencySymbol = computed(() => cityStore.currencySymbol)\n\nconst selectedProposition = ref<PropositionItem | null>(null)\n\nconst amountToPayWithSymbol = computed(\n  () => `${basket.value.amountToPay} ${currencySymbol.value}`,\n)\n\nconst deleteSelectedProposition = async () => {\n  if (!selectedProposition.value) return\n\n  await basketStore.setProposition({\n    proposition_item_id: selectedProposition.value.id,\n    quantity: 0,\n  })\n}\n\nconst selectProposition = async (proposition: PropositionItem) => {\n  try {\n    isLoading.value = true\n\n    // Удаляем текущую позицию добавок\n    await deleteSelectedProposition()\n\n    await basketStore.setProposition({\n      proposition_item_id: proposition.id,\n    })\n\n    selectedProposition.value = proposition\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}\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 = async () => {\n  await deleteSelectedProposition()\n\n  await 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  $metrics?.eventSendGoal({ ym: 'PROPOSITION_SHOWN' })\n})\n\nonBeforeUnmount(() => {\n  // удаляем событие оповощения о закрытии вкладки/окна\n  window.removeEventListener('beforeunload', beforeWindowUnload)\n  if (timerIntervalId) clearInterval(timerIntervalId)\n})\n\nconst closeDialog = async (\n  isError: boolean = false,\n  withoutProposition?: boolean,\n) => {\n  if (withoutProposition) await deleteSelectedProposition()\n\n  emit('close', isError)\n}\n\nconst isLoading = ref(false)\n\nconst onSubmit = async (withProposition: boolean) => {\n  // С добавками\n  if (withProposition) {\n    await closeDialog()\n\n    return\n  }\n\n  try {\n    isLoading.value = true\n\n    if (selectedProposition.value) {\n      await basketStore.setProposition({\n        proposition_item_id: selectedProposition.value.id,\n        quantity: 0,\n      })\n    }\n\n    $metrics?.eventSendGoal({ ym: 'PROPOSITION_ADD_TO_CART' })\n\n    await 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</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, true)\"\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\n      v-if=\"!isSectionSticky\"\n      class=\"price-panel-title\"\n      title=\"Стоимость заказа\"\n    />\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  position: relative;\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 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\nconst observeStickySection = () => {\n  useIntersectionObserver(\n    isAuthenticated.value\n      ? '#basket-discount-observable-target'\n      : '#basket-note-observable-target',\n    {\n      threshold: [0, 0.5, 1],\n      rootMargin: isMobile ? '0px 0px -150px' : '-150px 0px 0px',\n    },\n    ([{ isIntersecting, boundingClientRect }]) => {\n      isSectionSticky.value = !isIntersecting && boundingClientRect.top > 500\n    },\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\n// TODO Нужен рефакторинг взаимодействия basketAddresses и basketTime\nconst triggeredAviableTime = ref(false)\nconst updateTimeChoices = () =>\n  (triggeredAviableTime.value = !triggeredAviableTime.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  observeStickySection()\n\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    <basket-time\n      v-if=\"isAuthenticated && basketStore.basketAddressSelected\"\n      :triggered-aviable-time=\"triggeredAviableTime\"\n      class=\"section\"\n    />\n\n    <basket-payment v-if=\"isAuthenticated\" class=\"section\" />\n\n    <basket-note class=\"section\" />\n\n    <basket-discount class=\"section\" />\n\n    <basket-price-panel\n      class=\"section price\"\n      :class=\"{ 'section--sticky': 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  @include media('height<=desktop-mini-height', '>=desktop-mini') {\n    margin-bottom: 0;\n  }\n\n  .section {\n    position: relative;\n    max-width: 620px;\n    background-color: $white;\n    border-radius: 20px;\n\n    &--sticky {\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      @include media('height<=desktop-mini-height', '>=desktop-mini') {\n        bottom: -10px !important;\n        border-radius: 20px;\n      }\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: 100;\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\n:deep(.basket-observable-target) {\n  position: absolute;\n  right: 0;\n  bottom: 100px;\n  left: 0;\n  z-index: 100;\n  height: 10px;\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n\n  @include media('>=desktop-mini') {\n    bottom: -120px;\n  }\n\n  @include media('height<=desktop-mini-height', '>=desktop-mini') {\n    bottom: -250px;\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":["scrollToBlock","selector","options","element","props","__props","messageTag","computed","BasketAddressMessages","detectedStyleChip","status","CostStatuses","emit","__emit","basketStore","useBasketStore","cityInfo","useCityStore","newFetchingApiEnabled","useToggleStore","isMobile","isDesktop","useDevice","showAllAddresses","ref","activeAddress","countOfVisibleAddresses","showAllButtonVisible","deliveryMethod","watch","addresses","address","change","valueHidden","value","toggleShowAllAddresses","detectedClassRadio","index","handleNotDeliveryAddress","event","openEditAddressDialog","openDeleteAddressDialog","checkSelectedAddress","addressId","correctAddress","formatToFullVisibleAddress","correctCity","AppProgress","defineAsyncComponent","__vitePreload","AppDialog","BasketFailed","DialogBasketAddAddressForm","NewDialogBasketAddAddressForm","NewDialogBasketEditAddress","NewDialogBasketDeleteAddress","DialogBasketEditAddressForm","DialogBasketDeleteAddress","DialogRedirectOtherCity","BasketDeliveryAddressNotification","showSnackbar","useAppStore","addressesStore","useAddressesStore","isMobileOrTablet","dialogs","basket","deliveryCost","selectedAddress","settedAddress","DeliveryMethods","setSelectedAddress","openAddAddressDialog","openDialogRedirectCity","openDialogNotification","closeDialogNotification","closeDialogRedirectCity","selectDeliveryCourier","addAddress","city_domain_prefix","is_in_delivery_area","id","fetchAddress","SnackbarType","Success","editAddress","closeDialogDeleteAddress","isUpdate","delAddress","defineRule","veeRequiredValidator","defaultState","useBasketPaymentMethodsStore","defineStore","StoreId","$apiService","useNuxtApp","result","basketPayments","paymentsMethods","indexPositionSavedCard","payment","PaymentMethodType","pay_selection_cards","paymentMethods","handleGesture","wrapper","touchstartX","touchendX","touchstartY","touchendY","dirRatio","minDistance","touchstart","touch","_a","touchend","touchmove","createHandlers","e","mounted","el","binding","target","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","$sentryCaptureException","setModelValueDeliveryMethod","pickupPoints","hallPoints","courierPoints","showPickupTab","showHallTab","onMounted","selectIsPaymentMethod","paymentMethod","deliveryMethodChanged","setDeliveryMethod","newDeliveryMethod","points","firstAddress","dataSetDeliveryAddress","dataSetHallOrPickup","carrotquestTracks","_c","useBasketTimeStore","newTimeState","getListOfMonth","date","basketTime","timeHeadline","TabTypes","model","_useModel","BasketErrorMessage","BasketErrorMessage$1","BasketWarningMessage","selectedDate","selectedTime","BasketTimeVariants","dateChoices","getDateChoices","getTimeChoices","dateChoicesResult","updateTime","updateCurrentTime","deliveryAt","onUpdateTime","data","basketTimeStore","getPaymentMethods","selectedTab","tabValue","isLoading","MAX_NOTE_LENGTH_RULE","note","maxNoteLength","AppCounter","n","addAdditive","cityStore","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","numberCard","cropNumberOfCard","brandName","TypeCards","detectedClassSavedCard","iconCard","detectedIconOfBrand","nameIcon","namePaymentMethod","PaymentMethodName","prefix","iconClasses","classes","paymentIcon","PaymentMethodIcons","onUpdateSelectedPayment","paymentItemClasses","checkSavedCard","selectPaymentMethod","selectedPaymentMethodType","selectedSavedCardId","checkActivePaymentItem","paymentItem","paymentsList","list","doNotCallMeBack","changeDoNotCallMeBack","basketChangeStore","useBasketChangeStore","setSelectedChange","currentChange","changeList","requiredValidator","descriptionBasketPaymentMethod","PaymentMethodDescriptions","isVisibleChangeBlock","onGetChange","checkErrorMessage","changeErrorMessage","isValidateError","checkoutButtonState","isBasketPaymentLoading","$metrics","toggleStore","selectedPaymentMethod","amountToPay","methodDelivery","basketPaymentMethods","updateSelectedPayment","getBasketPaymentMethods","changeErrorShow","getChange","checkChange","isOfflinePayment","OfflinePayMethods","isShowCallBlock","isChangeExist","currentValue","prevValue","type","requiredPaymentMethod","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","amountToPayWithSymbol","deleteSelectedProposition","selectProposition","proposition","error","timerIntervalId","countdownSeconds","countdownFormatter","minutesCount","format","secondsCount","startTimer","timerInitial","setInterval","timerEndHandler","closeDialog","beforeWindowUnload","onBeforeUnmount","isError","withoutProposition","onSubmit","withProposition","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","router","isOrderLoading","basketObserver","isSectionSticky","propositionShowedAlready","isClientPackAvailable","basketError","basketGiftsWithoutChoice","basketGiftsWithChoice","addedAdditives","checkSelectedSavedCard","newState","prevState","newNoChoiseGifts","prevNoChoiseGifts","newChoiseGifts","prevChoiseGifts","observeStickySection","useIntersectionObserver","isIntersecting","boundingClientRect","isShowedAdditivesModal","preClearanceCheckSave","orderCheckoutForPay","orderId","paymentMethodId","redirectToOrderPage","goToError","errors","showError","triggeredAviableTime","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":"8b5a86f0-ad84-52eb-9bb0-13b5feaf0829"}