{"version":3,"file":"_nuxt/CZTq-QYx.js","sources":["../../../../types/basket.ts","../../../../components/Basket/basket-additive/BasketAdditiveItem.vue","../../../../components/Basket/basket-additive/BasketAdditiveToggle.vue","../../../../components/Basket/basket-additive/BasketAdditiveList.vue","../../../../store/basket/basket-payment-methods.ts","../../../../types/store/basket/index.ts","../../../../components/Basket/basket-addresses/BasketAddressesTabs.vue","../../../../components/Basket/basket-addresses/BasketAddressesRadioGroup.vue","../../../../components/Basket/basket-addresses/BasketAddressList.vue","../../../../components/Basket/basket-addresses/BasketAddressesCourier.vue","../../../../components/Basket/basket-addresses/BasketAddressesHall.vue","../../../../components/Basket/basket-addresses/BasketAddressesPickup.vue","../../../../components/Basket/basket-addresses/BasketAddressesWindows.vue","../../../../components/Basket/basket-addresses/BasketAddresses.vue","../../../../components/Basket/basket-client-pack/BasketClientPackInfo.vue","../../../../components/Basket/basket-client-pack/BasketClientPackItem.vue","../../../../components/Basket/basket-discount/BasketDiscountChoices.vue","../../../../components/Basket/basket-discount/BasketDiscountInput.vue","../../../../components/Basket/basket-discount/BasketDiscount.vue","../../../../components/Basket/basket-gifts/BasketGiftsInfo.vue","../../../../components/Basket/basket-gifts/BasketGiftsCard.vue","../../../../components/Basket/basket-gifts/BasketGiftsList.vue","../../../../components/Basket/basket-gifts/BasketGiftsToggle.vue","../../../../components/Basket/basket-utils/BasketSectionLoading.vue","../../../../components/Basket/basket-gifts/BasketGifts.vue","../../../../components/Basket/basket-note/BasketNote.vue","../../../../components/Basket/basket-order/BasketOrderHeader.vue","../../../../components/Basket/basket-order/BasketOrderAdditiveItem.vue","../../../../components/Basket/basket-order/BasketOrderGiftItem.vue","../../../../utils/formatProductForModification.ts","../../../../components/Basket/basket-order/BasketOrderItem.vue","../../../../components/Basket/basket-order/BasketOrderList.vue","../../../../components/Basket/basket-order/BasketOrder.vue","../../../../store/basket/basket.types.ts","../../../../store/basket/basket-time.ts","../../../../components/Basket/basket-price-panel/BasketPricePanelButton.vue","../../../../components/Basket/basket-price-panel/BasketPriceShortPanel.vue","../../../../components/Basket/basket-price-panel/BasketPricePanel.vue","../../../../components/Basket/basket-state/BasketFirstStep.vue","../../../../components/Basket/basket-payment/BasketCallSelect.vue","../../../../components/Basket/basket-payment/BasketPaymentChange.vue","../../../../components/Basket/basket-payment/BasketPaymentInfo.vue","../../../../components/Basket/basket-payment/BasketPaymentMethod.vue","../../../../components/Basket/basket-payment/BasketPaymentSavedCard.vue","../../../../components/Basket/basket-payment/BasketPaymentListItem.vue","../../../../components/Basket/basket-payment/BasketPaymentList.vue","../../../../components/Basket/basket-payment/BasketPayment.vue","../../../../types/components/basket-time.types.ts","../../../../components/Basket/basket-time/BasketTimeInfo.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/BasketTimeTabs.vue","../../../../components/Basket/basket-time/BasketTime.vue","../../../../components/Basket/basket-state/BasketSecondStep.vue","../../../../utils/scrollToBlock.ts","../../../../components/Basket/basket-state/TheBasket.vue","../../../../pages/basket/index.vue"],"sourcesContent":["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  'goToSecondStep' = 'goToSecondStep',\n}\n\nexport enum CheckoutButtonState {\n  changeExchange = 'Изменить сдачу',\n}\n\nexport enum BasketStep {\n  FIRST = 'FIRST',\n  SECOND = 'SECOND',\n}\n\nexport type CheckoutButtonStateType = CheckoutButtonState | null\n\nexport type CheckoutButtonStateInjectType = {\n  get: Ref<CheckoutButtonStateType>\n  set: (value: CheckoutButtonStateType) => void\n}\n","<script setup lang=\"ts\">\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nimport { useCityStore } from '@/store/city/city'\n\nimport { AdditiveItem } from '@/types/api/api-v3/basket'\n\ntype Props = {\n  additives: AdditiveItem[]\n  additive: AdditiveItem\n}\n\nconst props = defineProps<Props>()\n\nconst { isMobile } = useDevice()\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      <the-counter\n        :min=\"0\"\n        :value=\"quantitySelectedProducts\"\n        :size=\"isMobile ? 'xs' : 'sm'\"\n        variant=\"secondary\"\n        @on-decrease=\"decreaseQuantity\"\n        @on-increase=\"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: var(--ui-grey);\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    color: var(--ui-text-primary);\n  }\n\n  &__title {\n    margin-bottom: 16px;\n    overflow: hidden;\n    color: var(--ui-text-primary);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__button {\n    display: flex;\n    justify-content: center;\n\n    :deep(.app-counter) {\n      min-width: 100%;\n      height: 40px;\n    }\n  }\n\n  @include media('<tablet') {\n    width: 100%;\n    min-width: 100px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\ntype Props = {\n  showAllAdditives: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['toggleAdditives'])\n\nconst text = computed(() => {\n  return props.showAllAdditives ? 'Скрыть' : 'Показать все'\n})\n\nconst toggleAdditives = () => emit('toggleAdditives')\n</script>\n\n<template>\n  <div class=\"button-wrapper\">\n    <the-button\n      class=\"button-wrapper__button\"\n      variant=\"transparent\"\n      size=\"sm\"\n      font=\"sm\"\n      type=\"button\"\n      @click=\"toggleAdditives\"\n    >\n      {{ text }}\n\n      <template #append>\n        <the-icon\n          class=\"button-wrapper__icon\"\n          :class=\"{ 'button-wrapper__icon--rotate': showAllAdditives }\"\n          name=\"expand-down\"\n          color=\"var(--ui-primary)\"\n        />\n      </template>\n    </the-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  }\n\n  &__icon {\n    &--rotate {\n      transform: rotate(-180deg);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { AdditiveItem } from '@/types/api/api-v3/basket'\n\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\ntype Props = {\n  additives: AdditiveItem[]\n}\n\nconst props = defineProps<Props>()\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      />\n    </div>\n\n    <basket-additive-toggle\n      v-if=\"showAllButtonVisible\"\n      :show-all-additives=\"showAllAdditives\"\n      @toggle-additives=\"toggleShowAllAdditives\"\n    />\n\n    <the-bottom-sheet v-model=\"dialogs.allAdditives.visible\">\n      <basket-title class=\"dialog-title\" title=\"Добавить к заказу\" />\n\n      <dialog-basket-additives :additives=\"additives\" />\n    </the-bottom-sheet>\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","import { defineStore } from 'pinia'\n\nimport { StoreId } from '@/store'\n\nimport { Success } from '@/api/results'\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'\n/* Types */\nimport type { PaymentMethodState } from '@/types/store/basket/paymentMethods'\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.getFormattedBasketPayments(result.data)\n\n      this.setPaymentMethods({\n        isLoaded: true,\n        data: basketPayments,\n        error: null,\n        isLoading: false,\n      })\n    },\n\n    getFormattedBasketPayments(\n      basketPayments: BasketPayments,\n    ): BasketPayment[] {\n      const paymentsMethods: BasketPayment[] = [\n        ...basketPayments.payment_methods,\n      ]\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) return paymentsMethods\n\n      const { pay_selection_cards } = basketPayments\n\n      paymentsMethods.splice(indexPositionSavedCard, 1, ...pay_selection_cards)\n\n      return paymentsMethods\n    },\n\n    setPaymentMethods(paymentMethods: Partial<LoadState<BasketPayment[]>>) {\n      Object.assign(this.$state, paymentMethods)\n    },\n  },\n})\n","import { AxiosError } from 'axios'\n\nimport { AddressClient } from '@/api/modules/addresses/addresses.types'\nimport {\n  AdditiveItem,\n  ClientPack,\n  Cost,\n  DeliveryMethods,\n  ErrorData,\n  Gift,\n  Item,\n  PromocodeType,\n  PropositionItem,\n} from '@/api/modules/basket/types'\nimport { BasketPoint } from '@/types/api/api-v3/basket-points'\nimport { LoadState } from '@/types/main'\n\nexport type BasketState = LoadState<Basket, AxiosError<ErrorData>>\n\nexport interface Basket {\n  totalPrice: number\n  totalAmount: number\n  amountToPay: number\n  itemsCount: number\n  items: Item[]\n  additives: AdditiveItem[]\n  maxNumberOfPersons: number\n  persons: Persons\n  promocode: Promocode\n  delivery: {\n    cost: Cost | null\n    method: DeliveryMethods\n    addresses: {\n      [K in DeliveryMethods]: number | string\n    }\n  }\n  gifts: Gift[]\n  bonuses: Bonuses\n  selectedPaymentMethod: string | null | undefined\n  note: string\n  change: number\n  selectedGifts: SelectedGift[]\n  proposition: Proposition\n  clientPacks: ClientPack[]\n  doNotCallMeBack: boolean\n  isExtra: boolean\n}\n\nexport interface SelectedGift {\n  rule_id: number | null\n  product_id: number | null\n}\n\nexport interface Persons {\n  errorMessage: string\n  helpMessage: string\n  maxNumber: number | null\n  message: string\n  number: number | null\n}\n\nexport interface Promocode {\n  discountAmount: number\n  title: string\n  value: string\n  valid: boolean\n  error: string\n  type: PromocodeType | null\n}\n\nexport interface Bonuses {\n  toSpendAmount: number\n  maxSpendAmount: number\n  toAccrueAmount: number\n  totalAmount: number\n  errorMessage: string\n  message: string\n}\n\nexport interface Proposition {\n  timeToLive: number\n  popupText: string\n  items: PropositionItem[]\n}\n\nexport function isAddressClient(\n  address: AddressClient | BasketPoint | undefined,\n): address is AddressClient {\n  if (!address) {\n    return true\n  }\n\n  return (address as AddressClient).is_in_delivery_area !== undefined\n}\n","<script setup lang=\"ts\">\nimport { DeliveryMethods } from '@/api/modules/basket/types'\n\ntype Props = {\n  isShowPickupTab: boolean\n  isShowHallTab: boolean\n}\ndefineProps<Props>()\n\nconst model = defineModel<DeliveryMethods>()\n</script>\n\n<template>\n  <the-tabs v-model=\"model\" :is-single=\"!isShowPickupTab && !isShowHallTab\">\n    <the-tabs-item :value=\"DeliveryMethods.COURIER\">Доставка</the-tabs-item>\n\n    <the-tabs-item v-if=\"isShowPickupTab\" :value=\"DeliveryMethods.PICKUP\">\n      Самовывоз\n    </the-tabs-item>\n\n    <the-tabs-item v-if=\"isShowHallTab\" :value=\"DeliveryMethods.HALL\">\n      В ресторане\n    </the-tabs-item>\n  </the-tabs>\n</template>\n","<script setup lang=\"ts\">\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport type { Cost } from '@/types/api/api-v3/basket'\nimport type { BasketPoint } from '@/types/api/api-v3/basket-points'\nimport { isAddressClient } from '@/types/store/basket/index'\n\nimport type { AddressClient } from '@/api/modules/addresses/addresses.types'\n\nconst BasketAddressesPointItem = defineAsyncComponent(\n  () =>\n    import('@/components/Basket/basket-addresses/BasketAddressesPointItem.vue'),\n)\nconst BasketAddressesClientItem = defineAsyncComponent(\n  () =>\n    import(\n      '@/components/Basket/basket-addresses/BasketAddressesClientItem.vue'\n    ),\n)\n\ninterface ComputedAddresses {\n  data: AddressClient | BasketPoint\n  disabled: boolean\n  selected: boolean\n}\n\ntype Props = {\n  maxCountOfVisibleAddresses: number\n  addresses: AddressClient[] | BasketPoint[]\n  showAllAddresses: boolean\n  deliveryMethod: DeliveryMethods\n  activeAddress?: AddressClient | BasketPoint\n  deliveryCost?: Cost | null\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits([\n  'change',\n  'click-radio',\n  'open-edit-address-dialog',\n  'open-delete-address-dialog',\n])\n\nconst countOfVisibleAddresses = computed(() =>\n  props.showAllAddresses\n    ? props.addresses.length\n    : props.maxCountOfVisibleAddresses,\n)\n\nconst addressesList = computed(() => {\n  const list: ComputedAddresses[] = []\n\n  props.addresses.forEach((address) => {\n    const isDisabled = isAddressClient(address) && !address?.is_in_delivery_area\n    const isSelected = !!(\n      props.activeAddress && address.id === props.activeAddress.id\n    )\n\n    list.push({\n      data: address,\n      disabled: isDisabled,\n      selected: isSelected,\n    })\n  })\n\n  return list\n})\n\nconst onClickRadio = (event: Event, address: AddressClient | BasketPoint) => {\n  emit('click-radio', { event, address })\n}\n\nconst onChange = (addressId: number) => {\n  const selectedAddress = addressesList.value.find(\n    (address) => address.data.id === addressId,\n  )\n  emit('change', selectedAddress?.data)\n}\n</script>\n\n<template>\n  <the-radio-group\n    class=\"radio-group\"\n    v-bind=\"$attrs\"\n    name=\"basketAddresses\"\n    :model-value=\"activeAddress?.id || ''\"\n    @update:model-value=\"onChange\"\n  >\n    <the-radio\n      v-for=\"(address, index) in addressesList\"\n      v-show=\"index + 1 <= countOfVisibleAddresses\"\n      :key=\"address.data.id\"\n      :value=\"address.data.id\"\n      @click=\"onClickRadio($event, address.data)\"\n    >\n      <basket-addresses-point-item\n        v-if=\"deliveryMethod != DeliveryMethods.COURIER\"\n        :type=\"deliveryMethod\"\n        :point=\"(address.data as BasketPoint)\"\n      />\n\n      <basket-addresses-client-item\n        v-else-if=\"deliveryMethod === DeliveryMethods.COURIER\"\n        :address=\"address.data as AddressClient\"\n        :selected=\"address.selected\"\n        :disabled=\"address.disabled\"\n        :delivery-cost=\"deliveryCost\"\n        @open-edit-address-dialog=\"emit('open-edit-address-dialog', $event)\"\n        @open-delete-address-dialog=\"emit('open-delete-address-dialog', $event)\"\n      />\n    </the-radio>\n  </the-radio-group>\n</template>\n","<script setup lang=\"ts\">\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport { Cost } from '@/types/api/api-v3/basket'\nimport { BasketPoint } from '@/types/api/api-v3/basket-points'\nimport { isAddressClient } from '@/types/store/basket/index'\n\nimport BasketAddressesRadioGroup from '@/components/Basket/basket-addresses/BasketAddressesRadioGroup.vue'\n\nimport type { AddressClient } from '@/api/modules/addresses/addresses.types'\n\ntype Props = {\n  maxCountOfVisibleAddresses: number\n  addresses: AddressClient[] | BasketPoint[]\n  modelValue?: AddressClient | BasketPoint\n  deliveryCost?: Cost | null\n}\nconst props = defineProps<Props>()\n\nconst emit = defineEmits([\n  'update:model-value',\n  'open-dialog-notification',\n  'open-edit-address-dialog',\n  'open-delete-address-dialog',\n  'open-dialog-redirect-city',\n])\n\nconst basketStore = useBasketStore()\nconst { newFetchingApiEnabled } = useToggleStore()\n\nconst showAllAddresses = ref(false)\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      ({ id }) => 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(({ id }) => 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 = (address: AddressClient | BasketPoint | null) => {\n  // проверяем является ли это адрес и находится в зоне доставки\n  if (!address || (isAddressClient(address) && !address.is_in_delivery_area))\n    return\n\n  // Если v4 и адрес имеет поле домена и value другого города\n  const isAllowedAddress =\n    newFetchingApiEnabled &&\n    'city_domain_prefix' in address &&\n    address?.allow_redirect\n\n  // В случае, если адрес другого города\n  if (isAllowedAddress) return\n\n  emit('update:model-value', address)\n}\n\nconst toggleShowAllAddresses = () => {\n  showAllAddresses.value = !showAllAddresses.value\n}\n\n// Открываем блок уведомления по клику, если адрес не активен\nconst handleNotDeliveryAddress = (data: {\n  event: Event\n  address: AddressClient | BasketPoint\n}) => {\n  // В случае если выбран адрес вне зоны доставки\n  if (isAddressClient(data.address) && !data.address.is_in_delivery_area) {\n    emit('open-dialog-notification')\n    data.event.preventDefault()\n\n    return\n  }\n\n  // В случае если выбран адрес другого города\n  if (\n    newFetchingApiEnabled &&\n    'city_domain_prefix' in data.address &&\n    data.address.allow_redirect\n  ) {\n    emit('open-dialog-redirect-city', data.address)\n    data.event.preventDefault()\n  }\n}\n\nconst openEditAddressDialog = (address: AddressClient) => {\n  emit('open-edit-address-dialog', address)\n}\n\nconst openDeleteAddressDialog = (address: AddressClient) => {\n  emit('open-delete-address-dialog', address)\n}\n</script>\n\n<template>\n  <div class=\"basket-addresses\">\n    <basket-addresses-radio-group\n      :max-count-of-visible-addresses=\"maxCountOfVisibleAddresses\"\n      :addresses=\"addresses\"\n      :show-all-addresses=\"showAllAddresses\"\n      :delivery-method=\"deliveryMethod\"\n      :active-address=\"modelValue\"\n      :delivery-cost=\"deliveryCost\"\n      @change=\"change\"\n      @click-radio=\"handleNotDeliveryAddress\"\n      @open-edit-address-dialog=\"openEditAddressDialog\"\n      @open-delete-address-dialog=\"openDeleteAddressDialog\"\n    />\n\n    <the-button\n      v-if=\"showAllButtonVisible\"\n      class=\"basket-addresses__visibility-addresses\"\n      :class=\"{\n        'basket-addresses__visibility-addresses--rotate': showAllAddresses,\n      }\"\n      variant=\"tertiary\"\n      icon=\"expand-down\"\n      indent-left\n      font=\"sm\"\n      size=\"sm\"\n      :ripple=\"false\"\n      @click.prevent=\"toggleShowAllAddresses\"\n    >\n      <span v-if=\"showAllAddresses\">Свернуть</span>\n      <span v-else>Показать все адреса</span>\n    </the-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.basket-addresses {\n  &__visibility-addresses {\n    margin-top: 20px;\n\n    :deep(.app-icon) {\n      transition: transform 0.3s ease;\n    }\n\n    &--rotate :deep(.app-icon) {\n      transform: rotate(-180deg);\n    }\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 { useToggleStore } from '@/store/toggle/toggle'\n\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { Success } from '@/api/results'\n\nimport BasketAddressList from '@/components/Basket/basket-addresses/BasketAddressList.vue'\n\nimport type { AddressClient } from '@/api/modules/addresses/addresses.types'\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)\nconst BasketDeliveryAddressNotification = defineAsyncComponent(\n  () =>\n    import(\n      '@/components/Basket/basket-addresses/BasketDeliveryAddressNotification.vue'\n    ),\n)\n\ntype Props = {\n  selectedAddress?: AddressClient\n}\ndefineProps<Props>()\n\nconst { showSnackbar } = useAppStore()\nconst basketStore = useBasketStore()\nconst addressesStore = useAddressesStore()\nconst { newFetchingApiEnabled } = useToggleStore()\n\nconst emit = defineEmits(['delivery-method-changed', 'select-delivery-courier'])\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 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  onDeliveryMethodChanged()\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 closeEditAddressDialog = () => {\n  dialogs.value.editAddress.visible = false\n  dialogs.value.editAddress.editableAddress = null\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 closeDialogRedirectCity = () => {\n  dialogs.value.redirectCity.visible = false\n}\n\nconst onDeliveryMethodChanged = () => {\n  emit('delivery-method-changed')\n}\n\nconst onSelectDeliveryCourier = () => {\n  emit('select-delivery-courier')\n}\n\nconst addAddress = async (address: AddressClient) => {\n  const { allow_redirect, 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 && newFetchingApiEnabled && !allow_redirect\n\n  if (isAllowedAddress) {\n    await basketStore.setDeliveryMethod({\n      delivery_method: DeliveryMethods.COURIER,\n      address_id: id,\n    })\n  }\n\n  onDeliveryMethodChanged()\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 && allow_redirect) {\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 deleteAddress = 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=\"basket-courier\">\n    <the-loader\n      v-if=\"addresses.isLoading\"\n      size=\"100\"\n      variant=\"circular\"\n      color=\"var(--ui-primary)\"\n    />\n\n    <basket-failed\n      v-else-if=\"addresses.error\"\n      :error-message=\"'Не удалось загрузить список адресов'\"\n      @update=\"fetchAddress\"\n    />\n\n    <div v-else>\n      <div\n        v-if=\"addresses.data.length === 0\"\n        class=\"basket-courier__address-message\"\n      >\n        Укажите адрес для доставки\n      </div>\n\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          class=\"basket-courier__address-list\"\n          v-bind=\"field\"\n          :model-value=\"selectedAddress\"\n          :max-count-of-visible-addresses=\"5\"\n          :addresses=\"addresses.data\"\n          :delivery-cost=\"deliveryCost\"\n          @delivery-method-changed=\"onDeliveryMethodChanged\"\n          @select-delivery-courier=\"onSelectDeliveryCourier\"\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\n        <the-button\n          class=\"basket-courier__btn-add\"\n          icon=\"add-circle\"\n          indent-left\n          variant=\"transparent\"\n          size=\"sm\"\n          font=\"sm\"\n          :ripple=\"false\"\n          @click.prevent=\"openAddAddressDialog\"\n        >\n          Добавить адрес\n        </the-button>\n\n        <basket-failed\n          v-if=\"Object.keys(errors).length\"\n          :error-message=\"errors[0]\"\n          without-button\n        />\n\n        <basket-failed\n          v-else-if=\"deliveryCost && deliveryCost.error_message\"\n          :error-message=\"deliveryCost.error_message\"\n          without-button\n        />\n\n        <div\n          v-else-if=\"deliveryCost && deliveryCost.help_message\"\n          class=\"basket-courier__help-message\"\n        >\n          <nuxt-img src=\"/winking-face.png\" alt=\"winking face\" />\n          {{ deliveryCost.help_message }}\n        </div>\n      </vee-field>\n    </div>\n\n    <the-dialog v-model=\"dialogs.editAddress.visible\" :max-width=\"560\">\n      <template v-if=\"dialogs.editAddress.editableAddress\">\n        <transition v-if=\"!newFetchingApiEnabled\" :duration=\"150\">\n          <dialog-basket-edit-address-form\n            :address=\"dialogs.editAddress.editableAddress\"\n            @delete=\"deleteAddress\"\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=\"deleteAddress\"\n            @edit=\"editAddress\"\n            @close=\"closeEditAddressDialog\"\n          />\n        </transition>\n      </template>\n    </the-dialog>\n\n    <the-dialog v-model=\"dialogs.addAddress.visible\" :max-width=\"560\">\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    </the-dialog>\n\n    <the-dialog v-model=\"dialogs.deleteAddress.visible\">\n      <template v-if=\"dialogs.deleteAddress.address\">\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    </the-dialog>\n\n    <the-dialog\n      v-if=\"newFetchingApiEnabled\"\n      v-model=\"dialogs.redirectCity.visible\"\n      :max-width=\"620\"\n    >\n      <dialog-redirect-other-city\n        v-if=\"dialogs.redirectCity.address\"\n        :address=\"dialogs.redirectCity.address\"\n        @close-dialog-delete-address=\"closeDialogRedirectCity\"\n        @close-dialog-redirect-city=\"closeDialogRedirectCity\"\n      />\n    </the-dialog>\n\n    <the-dialog\n      v-model=\"dialogs.isShowNotification\"\n      :max-width=\"620\"\n      padding=\"0\"\n    >\n      <basket-delivery-address-notification\n        @select-delivery-courier=\"onSelectDeliveryCourier\"\n      />\n    </the-dialog>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.basket-courier {\n  .app-loader {\n    position: relative;\n  }\n\n  &__address-message {\n    margin-bottom: 24px;\n    font-size: 18px;\n    font-weight: 800;\n  }\n\n  &__address-list {\n    margin-bottom: 10px;\n  }\n\n  &__help-message {\n    display: flex;\n    margin-top: 33px;\n    font-size: 14px;\n    font-weight: 600;\n\n    img {\n      align-self: flex-start;\n      width: 24px;\n      margin-right: 12px;\n    }\n  }\n\n  &__dialog-title {\n    font-size: 20px;\n    font-weight: 800;\n  }\n\n  &__btn-add {\n    padding-left: 32px;\n\n    :deep(.app-button__icon) {\n      left: 0px;\n    }\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { requiredValidator } from '@/utils/rulesOfValidate'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketPointStore } from '@/store/basket/basket-point'\n\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport { BasketPoint } from '@/types/api/api-v3/basket-points'\n\nimport BasketAddressList from '@/components/Basket/basket-addresses/BasketAddressList.vue'\nconst BasketFailed = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketFailed.vue'),\n)\n\ntype Props = {\n  selectedAddress?: BasketPoint\n}\ndefineProps<Props>()\n\nconst emit = defineEmits(['delivery-method-changed'])\n\nconst emitDeliveryMethodChanged = () => {\n  emit('delivery-method-changed')\n}\n\nconst basketStore = useBasketStore()\nconst pointStore = useBasketPointStore()\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst hallPoints = computed(() => pointStore.hallPoints)\n\nconst setSelectedAddress = async (value: BasketPoint) => {\n  await basketStore.setDeliveryMethod({\n    point_id: value.id,\n    delivery_method: DeliveryMethods.HALL,\n  })\n\n  emitDeliveryMethodChanged()\n}\n\nconst loadPoints = async () => {\n  await pointStore.getPoints()\n\n  if (pointStore.error) $sentryCaptureException(pointStore.error)\n}\n\nconst requiredAddressValidator = (value: string) => {\n  if (requiredValidator(value) !== true) {\n    return 'Выберите адрес'\n  }\n\n  return true\n}\n\ndefineRule('required-address', requiredAddressValidator)\n</script>\n\n<template>\n  <div id=\"point_id\" class=\"basket-hall\">\n    <the-loader\n      v-if=\"pointStore.isLoading\"\n      size=\"100\"\n      variant=\"circular\"\n      color=\"var(--ui-primary)\"\n    />\n\n    <basket-failed\n      v-else-if=\"pointStore.error\"\n      error-message=\"Не удалось загрузить список точек кафе\"\n      @update=\"loadPoints\"\n    />\n\n    <vee-field\n      v-else\n      v-slot=\"{ errors, field }\"\n      rules=\"required-address\"\n      name=\"point_id\"\n      :model-value=\"selectedAddress\"\n    >\n      <basket-address-list\n        v-if=\"hallPoints.length\"\n        v-bind=\"field\"\n        :model-value=\"selectedAddress\"\n        :addresses=\"hallPoints\"\n        :max-count-of-visible-addresses=\"5\"\n        @delivery-method-changed=\"emitDeliveryMethodChanged\"\n        @update:model-value=\"setSelectedAddress\"\n      />\n\n      <basket-failed\n        v-if=\"Object.keys(errors).length\"\n        :error-message=\"errors[0]\"\n        without-button\n      />\n    </vee-field>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.basket-hall {\n  .app-loader {\n    position: relative;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { requiredValidator } from '@/utils/rulesOfValidate'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketPointStore } from '@/store/basket/basket-point'\n\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport { BasketPoint } from '@/types/api/api-v3/basket-points'\n\nimport BasketAddressList from '@/components/Basket/basket-addresses/BasketAddressList.vue'\nconst BasketFailed = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketFailed.vue'),\n)\n\ntype Props = {\n  selectedAddress?: BasketPoint\n}\ndefineProps<Props>()\n\nconst emit = defineEmits(['delivery-method-changed'])\n\nconst emitDeliveryMethodChanged = () => {\n  emit('delivery-method-changed')\n}\n\nconst basketStore = useBasketStore()\nconst pointStore = useBasketPointStore()\n\nconst pickupPoints = computed(() => pointStore.pickupPoints)\n\nconst setSelectedAddress = async (value: BasketPoint) => {\n  await basketStore.setDeliveryMethod({\n    point_id: value.id,\n    delivery_method: DeliveryMethods.PICKUP,\n  })\n\n  emitDeliveryMethodChanged()\n}\n\nconst loadPoints = async () => {\n  await pointStore.getPoints()\n}\n\nconst requiredAddressValidator = (value: string) => {\n  if (requiredValidator(value) !== true) {\n    return 'Выберите адрес'\n  }\n\n  return true\n}\n\ndefineRule('required-address', requiredAddressValidator)\n</script>\n\n<template>\n  <div id=\"point_id\" class=\"basket-pickup\">\n    <the-loader\n      v-if=\"pointStore.isLoading\"\n      size=\"100\"\n      variant=\"circular\"\n      color=\"var(--ui-primary)\"\n    />\n\n    <basket-failed\n      v-else-if=\"pointStore.error\"\n      error-message=\"Не удалось загрузить список точек самовывоза\"\n      @update=\"loadPoints\"\n    />\n\n    <vee-field\n      v-else\n      v-slot=\"{ errors, field }\"\n      rules=\"required-address\"\n      name=\"point_id\"\n      :model-value=\"selectedAddress\"\n    >\n      <basket-address-list\n        v-if=\"pickupPoints.length\"\n        v-bind=\"field\"\n        :model-value=\"selectedAddress\"\n        :addresses=\"pickupPoints\"\n        :max-count-of-visible-addresses=\"5\"\n        @update:model-value=\"setSelectedAddress\"\n        @delivery-method-changed=\"emitDeliveryMethodChanged\"\n      />\n\n      <basket-failed\n        v-if=\"Object.keys(errors).length\"\n        :error-message=\"errors[0]\"\n        without-button\n      />\n    </vee-field>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.basket-pickup {\n  .app-loader {\n    position: relative;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { AddressClient } from '@/api/modules/addresses/addresses.types'\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { BasketPoint } from '@/types/api/api-v3/basket-points'\n\nimport BasketAddressesCourier from '@/components/Basket/basket-addresses/BasketAddressesCourier.vue'\nimport BasketAddressesHall from '@/components/Basket/basket-addresses/BasketAddressesHall.vue'\nimport BasketAddressesPickup from '@/components/Basket/basket-addresses/BasketAddressesPickup.vue'\n\ntype Props = {\n  deliveryMethod: DeliveryMethods\n  selectedAddress?: BasketPoint | AddressClient\n}\ndefineProps<Props>()\n\nconst emit = defineEmits(['delivery-method-changed', 'select-delivery-courier'])\n\nconst onDeliveryMethodChanged = () => {\n  emit('delivery-method-changed')\n}\n\nconst onSelectDeliveryCourier = () => {\n  emit('select-delivery-courier')\n}\n</script>\n\n<template>\n  <div class=\"address-windows\">\n    <the-transition-height>\n      <basket-addresses-courier\n        v-if=\"deliveryMethod === DeliveryMethods.COURIER\"\n        :selected-address=\"selectedAddress as (AddressClient | undefined)\"\n        @delivery-method-changed=\"onDeliveryMethodChanged\"\n        @select-delivery-courier=\"onSelectDeliveryCourier\"\n      />\n\n      <basket-addresses-pickup\n        v-else-if=\"deliveryMethod === DeliveryMethods.PICKUP\"\n        :selected-address=\"selectedAddress as (BasketPoint | undefined)\"\n        @delivery-method-changed=\"onDeliveryMethodChanged\"\n        @select-delivery-courier=\"onSelectDeliveryCourier\"\n      />\n\n      <basket-addresses-hall\n        v-else-if=\"deliveryMethod === DeliveryMethods.HALL\"\n        :selected-address=\"selectedAddress as (BasketPoint | undefined)\"\n        @delivery-method-changed=\"onDeliveryMethodChanged\"\n        @select-delivery-courier=\"onSelectDeliveryCourier\"\n      />\n    </the-transition-height>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.addresses-windows {\n  min-height: 110px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useAddressesStore } from '@/store/addresses/addresses'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\nimport { useBasketPointStore } from '@/store/basket/basket-point'\n\nimport {\n  DeliveryMethods,\n  SetDeliveryMethodPayload,\n} from '@/api/modules/basket/types'\nimport { isAddressClient } from '@/types/store/basket/index'\n\nimport BasketAddressesTabs from '@/components/Basket/basket-addresses/BasketAddressesTabs.vue'\nimport BasketAddressesWindows from '@/components/Basket/basket-addresses/BasketAddressesWindows.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst addressesStore = useAddressesStore()\nconst basketStore = useBasketStore()\nconst basketPaymentMethodsStore = useBasketPaymentMethodsStore()\nconst pointStore = useBasketPointStore()\n\nconst isUpdatePoint = computed(() => basketStore.isExtraBasket)\n\n// Следим за флагом и обновляем список точек\nwatch(isUpdatePoint, () => pointStore.getPoints())\n\nonMounted(async () => {\n  await Promise.all([pointStore.getPoints(), addressesStore.getAddresses()])\n\n  if (pointStore.error || addressesStore.addresses.error)\n    $sentryCaptureException(pointStore.error || addressesStore.addresses.error)\n\n  // Если установлен способ доставки pickup/hall, а точки отключены\n  if (!pickupPoints.value.length && !hallPoints.value.length) {\n    basketStore.setDeliveryMethodInState(DeliveryMethods.COURIER)\n  }\n\n  // @ts-ignore\n  window.carrotquest?.track('Выбрана доставка', {})\n})\n\nconst deliveryMethod = computed(() => basketStore.data.delivery.method)\n\nconst courierPoints = computed(() => addressesStore.addresses.data)\nconst pickupPoints = computed(() => pointStore.pickupPoints)\nconst hallPoints = computed(() => pointStore.hallPoints)\n// TODO [basket-refactoring]\n// архитектурная проблема, что \"самовывоз\" и \"в ресторане\" - это одна модель и список, а \"Доставка\" - другая/другой\n// Поэтому приходится везде писать проверки на тип DeliveryMethod\nconst allPoints = computed(() => {\n  return {\n    [DeliveryMethods.COURIER]: courierPoints.value,\n    [DeliveryMethods.PICKUP]: pickupPoints.value,\n    [DeliveryMethods.HALL]: hallPoints.value,\n  }\n})\n\n/* Windows */\nconst selectedAddress = computed(() => {\n  const selectedAddressId =\n    basketStore.data.delivery.addresses[deliveryMethod.value] || null\n\n  // Ищем адрес целиком\n  return allPoints.value[deliveryMethod.value].find(\n    ({ id }) => id === selectedAddressId,\n  )\n})\n\nconst deliveryMethodChanged = () => {\n  // Устанавливаем первый из списка оплат\n  if (basketPaymentMethodsStore.data.length)\n    basketStore.setSelectedPaymentMethod(basketPaymentMethodsStore.data[0])\n}\n\nconst setDeliveryMethod = async (newDeliveryMethod: DeliveryMethods) => {\n  const points = allPoints.value[newDeliveryMethod]\n\n  let deliveryMethodPayload: SetDeliveryMethodPayload = {\n    delivery_method: newDeliveryMethod,\n    point_id: points[0]?.id,\n  }\n\n  // Для доставки формируем данные для бэкэнда\n  const firstAddress = points[0]\n  if (\n    newDeliveryMethod === DeliveryMethods.COURIER &&\n    isAddressClient(firstAddress)\n  ) {\n    const isAllowedAddress =\n      !firstAddress ||\n      !firstAddress.is_in_delivery_area ||\n      firstAddress?.allow_redirect\n\n    // Для доставки курьером проверяем существует ли адрес в зоне доставки, и соответсвует ли городу\n    if (isAllowedAddress) return\n\n    deliveryMethodPayload = {\n      delivery_method: newDeliveryMethod,\n    }\n    if (firstAddress.is_in_delivery_area) {\n      deliveryMethodPayload.address_id = firstAddress.id\n    }\n  }\n\n  await basketStore.setDeliveryMethod({\n    ...deliveryMethodPayload,\n  })\n\n  deliveryMethodChanged()\n\n  const carrotquestTracks = {\n    courier: 'Выбрана доставка',\n    pickup: 'Выбран самовывоз',\n    hall: 'Выбран заказ в зал',\n  }\n\n  // @ts-ignore\n  window.carrotquest?.track(carrotquestTracks[newDeliveryMethod], {})\n}\n\n/* Tabs */\nconst isShowPickupTab = computed(() => Boolean(pickupPoints.value.length))\n\nconst isShowHallTab = computed(() => Boolean(hallPoints.value.length))\n\nconst setModelValueDeliveryMethod = (value: DeliveryMethods) => {\n  basketStore.setDeliveryMethodInState(value)\n\n  setDeliveryMethod(value)\n}\n</script>\n\n<template>\n  <section id=\"addresses\" class=\"addresses\">\n    <basket-title title=\"Адрес\" />\n\n    <basket-addresses-tabs\n      :model-value=\"deliveryMethod\"\n      :is-show-pickup-tab=\"isShowPickupTab\"\n      :is-show-hall-tab=\"isShowHallTab\"\n      @update:model-value=\"setModelValueDeliveryMethod\"\n    />\n\n    <basket-addresses-windows\n      class=\"addresses__windows\"\n      :delivery-method=\"deliveryMethod\"\n      :selected-address=\"selectedAddress\"\n      @delivery-method-changed=\"deliveryMethodChanged\"\n      @select-delivery-courier=\"setDeliveryMethod(DeliveryMethods.PICKUP)\"\n    />\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.addresses__windows {\n  margin-top: 24px;\n}\n</style>\n","<script lang=\"ts\" setup>\ntype Props = {\n  clientPacksCount: number\n}\n\nconst props = defineProps<Props>()\n\nconst info = computed(() => {\n  return props.clientPacksCount\n    ? 'В состав приборов входит вилка, ложка и салфетка'\n    : 'Спасибо, что заботитесь об экологии и не заказываете приборы!'\n})\n</script>\n\n<template>\n  <span class=\"info\" :class=\"{ 'info--success': !clientPacksCount }\">\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: var(--ui-text-secondary);\n\n  &--success {\n    color: var(--ui-green);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nimport { useCityStore } from '@/store/city/city'\n\nimport { ClientPack } from '@/types/api/api-v3/basket'\n\nconst { currencySymbol } = useCityStore()\n\ntype Props = {\n  clientPack: ClientPack\n  isCardView?: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst { isMobile } = useDevice()\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 counterSize = computed(() => {\n  if (!props.isCardView) return 'sm'\n\n  return isMobile ? 'xs' : 'sm'\n})\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      <the-counter\n        :min=\"0\"\n        :value=\"quantitySelectedProducts\"\n        :variant=\"isCardView ? 'secondary' : 'primary'\"\n        :size=\"counterSize\"\n        @on-decrease=\"decreaseQuantity\"\n        @on-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      color: var(--ui-text-primary);\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      font-weight: 800;\n      line-height: unset;\n      color: var(--ui-text-primary);\n    }\n\n    .client-pack-item__counter {\n      display: block;\n      grid-area: unset;\n      margin-left: 0;\n\n      :deep(.app-counter) {\n        min-width: 100%;\n        height: 40px;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { SelectedDiscount } from '@/types/basket'\n\ntype Props = {\n  selectedDiscount: SelectedDiscount\n  confirmedDiscount: SelectedDiscount | null\n  bonusesCount: number\n  spendAmountBonuses: number\n  bonusSpendMessage: string\n  isAuthenticated: boolean\n  basketDiscountInfoVisible: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['updateDiscountChoices'])\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  <the-radio-group\n    :model-value=\"selectedDiscount\"\n    name=\"basket-discount-choices\"\n  >\n    <div class=\"discount-choices__radio\">\n      <the-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--disabled\"\n      >\n        Чтобы использовать промокод — отмените списание бонусов\n      </div>\n    </div>\n\n    <div class=\"discount-choices__radio\">\n      <the-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\n          v-if=\"isPromocodeApplied\"\n          class=\"discount-choices__text discount-choices__text--disabled\"\n        >\n          Чтобы использовать бонусы — отмените промокод\n        </div>\n\n        <div\n          v-if=\"!isBonusChoiceDisabled && !basketDiscountInfoVisible\"\n          class=\"discount-choices__text\"\n        >\n          {{ bonusSpendMessage }}\n        </div>\n      </template>\n    </div>\n  </the-radio-group>\n</template>\n\n<style lang=\"scss\" scoped>\n.discount-choices__text {\n  margin-top: 10px;\n  margin-left: 32px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ui-text-secondary);\n\n  &--disabled {\n    color: var(--ui-text-primary);\n    opacity: 0.5;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { required as veeRequiredValidator } from '@vee-validate/rules'\nimport { defineRule, Field as VeeField, Form as VeeForm } from 'vee-validate'\n\nimport { vMaska } from 'maska'\nimport { useBasketStore } from '@/store/basket/basket'\n\nimport { SelectedDiscount } from '@/types/basket'\n\nimport BasketErrorMessage from '@/components/Basket/basket-utils/BasketErrorMessage.vue'\n\ntype Props = {\n  modelValue: string\n  selectedDiscount: string\n  confirmedDiscount: SelectedDiscount | null\n  isButtonLoading: boolean\n  error: string\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['setDiscount', 'updateModelValue', 'cancelDiscount'])\n\nconst { isMobile } = useDevice()\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}\n\nconst options = computed(() => {\n  const mask =\n    props.selectedDiscount === SelectedDiscount.PROMOCODE ? '' : '####'\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\n// Сбрасываем поле каждый раз при переключении радио кнопки\nwatch(\n  () => props.selectedDiscount,\n  () => discountField.value.reset(),\n)\n\ndefineRule('required-discount', requiredDiscount)\n\nconst bonusesValue = computed(() => {\n  return basketStore.data.bonuses.toSpendAmount || props.modelValue\n})\n\nconst placeholder = computed(() => {\n  const postfix =\n    props.selectedDiscount === SelectedDiscount.PROMOCODE\n      ? 'промокод'\n      : 'бонусы'\n\n  return `Введите ${postfix}`\n})\n</script>\n\n<template>\n  <vee-form v-slot=\"{ handleSubmit }\" class=\"basket-discount-input\">\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=\"basket-discount-input__field\">\n        <the-input\n          v-maska:[options]\n          v-bind=\"field\"\n          hide-details\n          :readonly=\"Boolean(confirmedDiscount)\"\n          :clearable=\"false\"\n          :placeholder=\"placeholder\"\n        >\n          <template v-if=\"confirmedDiscount\" #append-inner>\n            <the-icon\n              name=\"close\"\n              clickable\n              @click=\"onClickHandler(setErrors)\"\n            />\n          </template>\n        </the-input>\n\n        <the-button\n          class=\"basket-discount-input__button\"\n          size=\"sm\"\n          font=\"sm\"\n          type=\"button\"\n          :radius=\"isMobile ? 'lg' : 'sm'\"\n          block\n          :loading=\"isButtonLoading\"\n          :disabled=\"errors.length > 0\"\n          @click=\"handleSubmit(onClickHandler(setErrors))\"\n        >\n          {{ buttonText }}\n        </the-button>\n      </div>\n\n      <transition name=\"height\">\n        <basket-error-message\n          v-if=\"errors.length !== 0 || error\"\n          class=\"basket-discount-input__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@use '@/assets/styles/animations.scss' as *;\n\n.basket-discount-input {\n  &__field {\n    display: flex;\n    gap: 0 16px;\n\n    @include media('>=tablet') {\n      gap: 0 24px;\n    }\n  }\n\n  &__button {\n    max-width: 120px;\n\n    @include media('>=tablet') {\n      max-width: 140px;\n    }\n  }\n\n  &__error {\n    padding-top: 25px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useUserStore } from '@/store/user/user'\n\nimport { Success, UnprocessableEntityError } from '@/api/results'\nimport { SelectedDiscount } from '@/types/basket'\n\nimport BasketDiscountChoices from '@/components/Basket/basket-discount/BasketDiscountChoices.vue'\nimport BasketDiscountInfo from '@/components/Basket/basket-discount/BasketDiscountInfo.vue'\nimport BasketDiscountInput from '@/components/Basket/basket-discount/BasketDiscountInput.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\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  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\n\n.discount {\n  &__headline {\n    margin-bottom: 20px;\n  }\n\n  &--error {\n    border: 1px solid var(--ui-error);\n  }\n\n  &__controls {\n    margin-top: 15px;\n  }\n\n  &__info {\n    margin-top: 25px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nconst BasketErrorMessage = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketErrorMessage.vue'),\n)\n\ntype Props = {\n  errors: string[]\n}\n\ndefineProps<Props>()\n</script>\n\n<template>\n  <div class=\"gifts-info\">\n    <basket-error-message v-if=\"errors.length\" :error-message=\"errors[0]\" />\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: var(--ui-text-secondary);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { GiftProduct } from '@/types/api/api-v3/basket'\n\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\ntype Props = {\n  gift: GiftProduct\n  isGiftSelected: boolean\n  isGiftNeed: boolean | undefined\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['on-select'])\n\nconst isErrorImage = ref(false)\n\nconst image = computed(() => {\n  if (!props.gift.image || isErrorImage.value) {\n    return './no-image-product-card.webp'\n  }\n\n  return props.gift.image\n})\n\nconst onSelect = () => emit('on-select')\n</script>\n\n<template>\n  <div class=\"gift-card\" :class=\"{ 'gift-card--inactive': !isGiftNeed }\">\n    <div\n      class=\"gift-card__image\"\n      :class=\"{ 'gift-card__image--selected': isGiftSelected }\"\n    >\n      <nuxt-img\n        :src=\"image\"\n        :alt=\"gift.title\"\n        loading=\"lazy\"\n        format=\"webp\"\n        @error=\"isErrorImage = true\"\n      />\n    </div>\n\n    <div class=\"gift-card__body\">\n      <div class=\"gift-card__header\">\n        <span v-if=\"gift.title\" class=\"gift-card__title\">\n          {{ gift.title }}\n        </span>\n\n        <app-measure-units\n          class=\"gift-card__weight\"\n          :weight=\"gift.weight\"\n          :measure=\"gift.measure\"\n          :volume-in-liters=\"gift.volume_in_liters\"\n        />\n      </div>\n    </div>\n\n    <div class=\"gift-card__footer\">\n      <the-card-button\n        type=\"gift\"\n        :is-active=\"isGiftSelected\"\n        @on-add=\"onSelect\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gift-card {\n  display: flex;\n  flex-direction: column;\n  height: 236px;\n  background-color: var(--ui-grey);\n  border-radius: 16px;\n\n  @include media('>=desktop-mini') {\n    height: 252px;\n  }\n\n  &__image {\n    position: relative;\n    height: 117px;\n    overflow: hidden;\n    border-radius: 16px;\n\n    @include media('>=desktop-mini') {\n      height: 129px;\n    }\n\n    img {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: bottom;\n    }\n\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      font-weight: 800;\n      line-height: 26px;\n      color: var(--ui-white);\n      pointer-events: none;\n      visibility: hidden;\n      content: '1';\n      background-color: rgba(var(--ui-secondary-rgb), 0.6);\n      opacity: 0;\n      transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n\n      @include media('>=desktop-mini') {\n        font-size: 28px;\n        font-weight: 900;\n        line-height: 36px;\n      }\n    }\n\n    &--selected {\n      &::after {\n        pointer-events: auto;\n        visibility: visible;\n        opacity: 1;\n      }\n    }\n  }\n\n  &__body {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    justify-content: center;\n    padding: 8px;\n  }\n\n  &__header {\n    display: -webkit-box;\n    overflow: hidden;\n    line-height: 16px;\n    text-overflow: ellipsis;\n    white-space: normal;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n\n    @include media('>=desktop-mini') {\n      line-height: 18px;\n    }\n  }\n\n  &__title {\n    margin-right: 4px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--ui-text-primary);\n    word-break: break-word;\n\n    @include media('>=desktop-mini') {\n      font-size: 14px;\n    }\n  }\n\n  &__weight {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--ui-text-secondary);\n\n    @include media('>=desktop-mini') {\n      font-size: 12px;\n    }\n  }\n\n  &__footer {\n    padding: 0 8px 8px;\n  }\n\n  &--inactive {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { GiftPayload } from '@/api/modules/basket/types'\nimport { GiftProduct } from '@/types/api/api-v3/basket'\n\nimport BasketGiftsCard from '@/components/Basket/basket-gifts/BasketGiftsCard.vue'\n\ntype Props = {\n  products: GiftProduct[]\n  ruleId: number\n  isGiftNeed: boolean | undefined\n  selectedGift: GiftPayload | null\n}\n\nconst emit = defineEmits(['selectGift'])\nconst props = defineProps<Props>()\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-card\n      v-for=\"gift in products\"\n      :key=\"gift.title\"\n      class=\"gifts-list__card\"\n      :gift=\"gift\"\n      :is-gift-selected=\"selectedGift?.product_id === gift.product_id\"\n      :is-gift-need=\"isGiftNeed\"\n      @on-select=\"selectGift(gift.product_id)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.gifts-list {\n  position: relative;\n  display: flex;\n  gap: 0 16px;\n  justify-content: flex-start;\n  padding: 0 20px;\n  margin: 0 -20px 16px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  white-space: nowrap;\n  scroll-snap-type: x mandatory;\n  scroll-padding-inline: 20px;\n\n  @include invisible-scroll-bar();\n\n  &__card {\n    flex-basis: 144px;\n    flex-shrink: 0;\n    max-width: 144px;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n\n    @include media('>=desktop-mini') {\n      flex-basis: 176px;\n      max-width: 176px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\ntype Props = {\n  isGiftNeed: boolean | undefined\n}\n\ndefineProps<Props>()\n\nconst emit = defineEmits(['update:model-value'])\n\nconst updateValue = (value: boolean | null) => {\n  emit('update:model-value', !!value)\n}\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      <the-switch :model-value=\"isGiftNeed\" @update:model-value=\"updateValue\" />\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: var(--ui-text-primary);\n\n    @include media('<tablet') {\n      font-size: 14px;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"section-loading\">\n    <the-loader size=\"28\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.section-loading {\n  position: absolute;\n  z-index: 4;\n  width: 100%;\n  height: 100%;\n  margin: -20px;\n  background-color: rgba(var(--ui-white-rgb), 0.8);\n  border-radius: 20px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { notActiveGift } from '@/utils/rulesOfValidate'\n\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useBasketStore } from '@/store/basket/basket'\n\nimport { GiftPayload } from '@/api/modules/basket/types'\nimport { Success } from '@/api/results'\nimport { Gift } from '@/types/api/api-v3/basket'\n\nimport BasketGiftsInfo from '@/components/Basket/basket-gifts/BasketGiftsInfo.vue'\nimport BasketGiftsList from '@/components/Basket/basket-gifts/BasketGiftsList.vue'\nimport BasketGiftsToggle from '@/components/Basket/basket-gifts/BasketGiftsToggle.vue'\nimport BasketSection from '@/components/Basket/basket-utils/BasketSection.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\nconst NOT_ACTIVE_GIFT = 'notActiveGift'\nconst FAILURE_MESSAGE = 'Что-то пошло не так'\nconst ADDED_GIFT_MESSAGE = 'Подарок добавлен в корзину'\nconst DELETED_GIFT_MESSAGE = 'Подарок удален из корзины'\n\ntype Props = {\n  gifts: Gift[]\n}\n\ndefineProps<Props>()\n\nconst basketStore = useBasketStore()\nconst { showSnackbar } = useAppStore()\n\nconst isGiftNeed = defineModel<boolean>()\n\nconst selectedGift = ref<GiftPayload | null>(null)\nconst isLoading = ref<boolean>(false)\n\nconst rule = computed(() => (isGiftNeed.value ? NOT_ACTIVE_GIFT : ''))\n\n// Метод для удобной установки лоадинга блока подарков\nconst setLoading = (state: boolean) => (isLoading.value = state)\n\n// Метод обработки удаления/добавления подарка в корзину\nconst handleGiftResult = (result: unknown, successMessage: string) => {\n  if (!(result instanceof Success)) {\n    showSnackbar({ message: FAILURE_MESSAGE })\n    setLoading(false)\n\n    return false\n  }\n\n  showSnackbar({ message: successMessage, type: SnackbarType.SUCCESS })\n  setLoading(false)\n\n  return true\n}\n\n// Функция для обработки выбранного подарка\nconst onSelectGift = async (gift: GiftPayload) => {\n  setLoading(true)\n\n  // Сначала удаляем уже выбранный подарок\n  if (selectedGift.value) {\n    await basketStore.deleteGift({\n      gift_id_list: [selectedGift.value.product_id],\n    })\n  }\n\n  const result = await basketStore.setGift(gift)\n\n  const isGiftHandled = handleGiftResult(result, ADDED_GIFT_MESSAGE)\n\n  if (isGiftHandled) {\n    isGiftNeed.value = true\n    selectedGift.value = gift\n  }\n}\n\n// Функция для переключения нужен/не нужен подарок\nconst updateModelValue = async (value: boolean) => {\n  // Если включили тагл и уже есть выбранный подарок\n  if (value && basketStore.getSelectedGift) {\n    selectedGift.value = basketStore.getSelectedGift\n  }\n\n  // Если пользователь не добавлял подарок при включенном тагле - просто выключаем его и выходим\n  if (value || !selectedGift.value) {\n    isGiftNeed.value = value\n\n    return\n  }\n\n  setLoading(true)\n\n  const selectedGiftProductId = selectedGift.value?.product_id\n\n  if (!selectedGiftProductId) {\n    setLoading(false)\n    isGiftNeed.value = value\n\n    return\n  }\n\n  const result = await basketStore.deleteGift({\n    gift_id_list: [selectedGiftProductId],\n  })\n\n  const isGiftHandled = handleGiftResult(result, DELETED_GIFT_MESSAGE)\n\n  if (isGiftHandled) {\n    isGiftNeed.value = value\n    selectedGift.value = null\n  }\n}\n\nonMounted(() => {\n  // Получаем текущий выбранный подарок пользователем\n  const selectedBasketGift = basketStore.getSelectedGift\n\n  if (!selectedBasketGift) return\n\n  // Устанавливаем подарок как текущий выбранный в компоненте и переключаем тагл на \"Нужен подарок\"\n  selectedGift.value = selectedBasketGift\n  isGiftNeed.value = true\n})\n\ndefineRule(NOT_ACTIVE_GIFT, notActiveGift)\n</script>\n\n<template>\n  <basket-section id=\"gifts\" class=\"gifts\" :loading=\"isLoading\">\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  </basket-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 var(--ui-grey);\n\n  @include media('<tablet') {\n    margin: 16px 0 20px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { maxNoteLength } from '@/utils/rulesOfValidate'\n\nimport { useBasketStore } from '@/store/basket/basket'\n\nimport BasketErrorMessage from '@/components/Basket/basket-utils/BasketErrorMessage.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\nconst MAX_NOTE_LENGTH_RULE = 'maxNoteLength'\n\nconst { isMobile } = useDevice()\n\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      <the-textarea\n        v-bind=\"field\"\n        :model-value=\"note\"\n        class=\"note__item\"\n        counter=\"300\"\n        placeholder=\"Здесь можно написать пояснения или пожелания к заказу\"\n        :rows=\"isMobile ? 3 : 6\"\n      />\n\n      <basket-error-message\n        v-if=\"errors.length !== 0\"\n        :error-message=\"errors[0]\"\n      />\n    </vee-field>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.note {\n  &__item {\n    margin-bottom: 20px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\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    <the-button\n      variant=\"transparent\"\n      size=\"sm\"\n      radius=\"lg\"\n      icon=\"remove\"\n      type=\"button\"\n      @click=\"showClearBasketDialog\"\n    />\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</style>\n","<script lang=\"ts\" setup>\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nimport { useCityStore } from '@/store/city/city'\n\nimport { AdditiveItem } from '@/types/api/api-v3/basket'\n\nconst { currencySymbol } = useCityStore()\n\ntype Props = {\n  additive: AdditiveItem\n}\n\nconst props = defineProps<Props>()\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  return props?.additive?.image_url || './no-image-category.webp'\n})\n\nconst priceWithSymbol = computed(() => {\n  return `${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      <the-counter\n        :value=\"quantitySelectedProducts\"\n        :min=\"0\"\n        @on-increase=\"increaseQuantity\"\n        @on-decrease=\"decreaseQuantity\"\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: var(--ui-text-primary);\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: var(--ui-text-primary);\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 { useCityStore } from '@/store/city/city'\n\nimport { GiftProduct } from '@/types/api/api-v3/basket'\n\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: var(--ui-text-primary);\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: var(--ui-text-primary);\n  }\n\n  &__weight {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 14px;\n    color: var(--ui-text-secondary);\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 { formatProductForModification } from '@/utils/formatProductForModification'\n\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nimport { useCityStore } from '@/store/city/city'\n\nimport { Item } from '@/types/api/api-v3/basket'\n\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\ntype Props = {\n  item: Item\n}\n\nconst props = defineProps<Props>()\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  return `${props?.item?.price * props?.item?.quantity} ${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      <the-counter\n        :value=\"quantitySelectedProducts\"\n        :min=\"0\"\n        @on-increase=\"increaseQuantity\"\n        @on-decrease=\"decreaseQuantity\"\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: var(--ui-text-primary);\n      word-break: break-word;\n\n      &:hover {\n        color: var(--ui-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: var(--ui-text-primary);\n      }\n\n      .weight {\n        font-size: 12px;\n        color: var(--ui-text-secondary);\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>\nimport { useBasketStore } from '@/store/basket/basket'\n\nimport {\n  type AdditiveItem,\n  type Gift,\n  type Item,\n} from '@/types/api/api-v3/basket'\n\nimport BasketOrderAdditiveItem from '@/components/Basket/basket-order/BasketOrderAdditiveItem.vue'\nimport BasketOrderGiftItem from '@/components/Basket/basket-order/BasketOrderGiftItem.vue'\nimport BasketOrderItem from '@/components/Basket/basket-order/BasketOrderItem.vue'\n\ntype Props = {\n  items: Item[]\n  giftsWithoutChoice: Gift[]\n  additives: AdditiveItem[]\n}\n\nconst props = defineProps<Props>()\n\nconst basketStore = useBasketStore()\n\nconst selectedGiftPayload = computed(() => basketStore.getSelectedGift)\n\nconst selectedGift = computed(() => {\n  if (!selectedGiftPayload.value && !Array.isArray(selectedGiftPayload.value)) {\n    return null\n  }\n\n  const giftWithChoice = basketStore.giftsOfChoice\n\n  const { product_id, rule_id } = selectedGiftPayload.value\n\n  if (!product_id || !rule_id) return null\n\n  for (const { products, title } of giftWithChoice) {\n    for (const product of products) {\n      if (product.product_id === product_id) {\n        return {\n          ...product,\n          giftTitle: title,\n        }\n      }\n    }\n  }\n})\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</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 giftsWithoutChoice\" :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 var(--ui-grey);\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 { useBasketStore } from '@/store/basket/basket'\n\nimport type { AdditiveItem, Gift, Item } from '@/types/api/api-v3/basket'\n\nimport BasketOrderHeader from '@/components/Basket/basket-order/BasketOrderHeader.vue'\nimport BasketOrderList from '@/components/Basket/basket-order/BasketOrderList.vue'\n\nconst DialogBasketClear = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketClear.vue'),\n)\n\ntype Props = {\n  items: Item[]\n  giftsWithoutChoice: Gift[]\n  additives: AdditiveItem[]\n}\n\ndefineProps<Props>()\n\nconst basketStore = useBasketStore()\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-without-choice=\"giftsWithoutChoice\"\n      :additives=\"additives\"\n      class=\"item-list\"\n    />\n\n    <the-dialog v-model=\"isClearBasketDialogVisible\" :max-width=\"620\">\n      <dialog-basket-clear\n        @allow=\"clearBasket\"\n        @disallow=\"isClearBasketDialogVisible = false\"\n      />\n    </the-dialog>\n  </section>\n</template>\n","import { AxiosError } from 'axios'\nimport { LoadState } from '@/store'\nimport {\n  Item,\n  AdditiveItem,\n  ErrorData,\n  ClientPack,\n  Cost,\n  DeliveryMethods,\n  PropositionItem,\n  PromocodeType,\n  Gift,\n} from '@/api/modules/basket/types'\nimport { ChangeChoices } from '@/types/api/api-v3/basket'\nimport { BasketPayment } from '@/types/api/api-v3/paymentMethods'\n\nexport type BasketState = LoadState<Basket, AxiosError<ErrorData>>\n\nexport interface Basket {\n  totalPrice: number\n  totalAmount: number\n  amountToPay: number\n  itemsCount: number\n  items: Item[]\n  additives: AdditiveItem[]\n  maxNumberOfPersons: number\n  persons: Persons\n  promocode: Promocode\n  delivery: {\n    cost: Cost | null\n    method: DeliveryMethods\n    addresses: {\n      [K in DeliveryMethods]: number | string | null\n    }\n  }\n  gifts: Gift[]\n  bonuses: Bonuses\n  selectedPaymentMethod: BasketPayment | null\n  note: string\n  change: number\n  proposition: Proposition\n  clientPacks: ClientPack[]\n  doNotCallMeBack: boolean\n  isExtra: boolean\n}\n\nexport interface Persons {\n  errorMessage: string\n  helpMessage: string\n  maxNumber: number | null\n  message: string\n  number: number | null\n}\n\nexport interface Promocode {\n  discountAmount: number\n  title: string\n  value: string\n  valid: boolean\n  error: string\n  type: PromocodeType | null\n}\n\nexport interface Bonuses {\n  toSpendAmount: number\n  maxSpendAmount: number\n  toAccrueAmount: number\n  totalAmount: number\n  errorMessage: string\n  message: string\n}\n\nexport interface Proposition {\n  timeToLive: number\n  popupText: string\n  items: PropositionItem[]\n}\n\nexport interface ChangeState {\n  choices: ChangeChoices[]\n  quantitySelectedProducts: Record<number, number>\n}\n\nexport interface TimeState {\n  delivery_at: string\n  delivery_at_text: string\n  error: string\n  choices: DateTimeChoices[]\n  message: string\n  variants: TimeVariants[]\n  warning: string\n  warning_icon: string\n  selectedTimeMethod: TimeMethod\n}\n\nexport interface TimeVariants {\n  delivery_at_choice: string\n  delivery_at_text: string\n  delivery_at: string\n}\n\nexport interface DateTimeChoices {\n  text: string\n  value: string\n}\n\nexport enum TimeMethod {\n  AVAILABLE_TIME = 'AVAILABLE_TIME',\n  ON_TIME = 'ON_TIME',\n}\nexport interface SetTimePayload {\n  delivery_at_client: boolean\n  delivery_at?: string\n}\n","import { defineStore } from 'pinia'\nimport { useNuxtApp } from '#app'\n\nimport { StoreId } from '@/store'\nimport { TimeMethod, 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  selectedTimeMethod: TimeMethod.AVAILABLE_TIME,\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 setup lang=\"ts\">\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n\nimport { CostStatuses } from '@/api/modules/basket/types'\nimport { Cost } from '@/types/api/api-v3/basket'\nimport { PayMethods } from '@/types/api/api-v3/orders/order'\nimport {\n  BasketPurchaseButtonEmit,\n  BasketStep,\n  CheckoutButtonState,\n  CheckoutButtonStateInjectType,\n} from '@/types/basket'\n\ntype Props = {\n  basketStep: BasketStep\n  cost: Cost | null\n  isAuthenticated: boolean\n  isGiftNeed: boolean\n  isLoading: boolean\n  isPriceSectionSticky: boolean\n}\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<Props>()\n\nconst basketSelectedPaymentMethod = computed(\n  () => basketStore.basketSelectedPaymentMethod,\n)\n\nconst basketGiftsWithChoice = computed(() => basketStore.giftsOfChoice)\n\nconst selectedAddress = computed(() => basketStore.selectedAddress)\n\nconst selectedGift = computed(() => basketStore.getSelectedGift)\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  if (\n    props?.cost?.error_message &&\n    props?.cost?.status === CostStatuses.UNDER_MIN_AMOUNT\n  )\n    return {\n      text: 'В каталог',\n      emitName: BasketPurchaseButtonEmit.goToCatalog,\n    }\n\n  if (!basketStore.promocodeIsValid)\n    return {\n      text: 'Проверьте промокод',\n      emitName: BasketPurchaseButtonEmit.goToDiscount,\n    }\n\n  if (\n    basketGiftsWithChoice.value.length !== 0 &&\n    props.isGiftNeed &&\n    !selectedGift.value\n  )\n    return {\n      text: 'К выбору подарка',\n      emitName: BasketPurchaseButtonEmit.goToGifts,\n    }\n\n  // Если не выбрали адрес или есть ошибка в deliveryCost\n  if (!selectedAddress.value || props.cost?.error_message)\n    return {\n      text: 'К выбору адреса',\n      emitName: BasketPurchaseButtonEmit.goToAddress,\n    }\n\n  if (props?.basketStep === BasketStep.FIRST) {\n    return {\n      text: 'Ко времени и оплате',\n      emitName: BasketPurchaseButtonEmit.goToSecondStep,\n    }\n  }\n\n  if (basketTimeStore.error) {\n    return {\n      text: 'Ко времени',\n      emitName: BasketPurchaseButtonEmit.goToDeliveryAt,\n    }\n  }\n\n  if (\n    (basketSelectedPaymentMethod.value === 'Не выбрано' ||\n      isExpiredSavedCard.value) &&\n    props?.basketStep\n  ) {\n    return {\n      text: 'К способу оплаты',\n      emitName: BasketPurchaseButtonEmit.goToPayment,\n    }\n  }\n\n  if (checkoutButtonState?.get.value === CheckoutButtonState.changeExchange)\n    return {\n      text: checkoutButtonState.get.value,\n      emitName: BasketPurchaseButtonEmit.goToPayment,\n    }\n\n  return {\n    text: purchaseButtonText.value,\n    emitName: BasketPurchaseButtonEmit.goToPurchase,\n  }\n})\n\nconst onClickHandler = () => emit(button.value.emitName)\n</script>\n\n<template>\n  <the-button\n    class=\"button\"\n    :class=\"{ 'button--sticky': isPriceSectionSticky }\"\n    :loading=\"isLoading\"\n    type=\"button\"\n    @click=\"onClickHandler\"\n  >\n    {{ button.text }}\n  </the-button>\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  width: 100%;\n  overflow: hidden;\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\">\n// components\n// types\nimport { Cost } from '@/types/api/api-v3/basket'\nimport { BasketPurchaseButtonEmit, BasketStep } from '@/types/basket'\n\nimport BasketPricePanelButton from '@/components/Basket/basket-price-panel/BasketPricePanelButton.vue'\n\ntype Props = {\n  amountToPay: string\n  basketStep: BasketStep\n  cost: Cost | null\n  isAuthenticated: boolean\n  isGiftNeed?: boolean\n  isLoading: boolean\n  isPriceSectionSticky: boolean\n}\n\nconst emit = defineEmits([\n  'orderCheckout',\n  ...Object.keys(BasketPurchaseButtonEmit),\n])\ndefineProps<Props>()\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\nconst goToSecondStep = () => emit('goToSecondStep')\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=\"isPriceSectionSticky\" 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          :cost=\"cost\"\n          :is-authenticated=\"isAuthenticated\"\n          :is-gift-need=\"isGiftNeed\"\n          :is-loading=\"isLoading\"\n          :basket-step=\"basketStep\"\n          :is-price-section-sticky=\"isPriceSectionSticky\"\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          @go-to-second-step=\"goToSecondStep\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\n\n.panel {\n  display: grid;\n  gap: 20px;\n\n  &__top {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--ui-text-secondary);\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: var(--ui-text-secondary);\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 { Field as VeeField } from 'vee-validate'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useCityStore } from '@/store/city/city'\nimport { useUserStore } from '@/store/user/user'\n\nimport { DeliveryMethods } from '@/api/modules/basket/types'\nimport { BasketPurchaseButtonEmit, BasketStep } from '@/types/basket'\n\nimport BasketPricePanelRow from '@/components/Basket/basket-price-panel/BasketPricePanelRow.vue'\nimport BasketPriceShortPanel from '@/components/Basket/basket-price-panel/BasketPriceShortPanel.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\ntype Props = {\n  basketStep: BasketStep\n  isGiftNeed?: boolean\n  isLoading: boolean\n  isPriceSectionSticky: boolean\n  amountToPayWithSymbol: string\n}\n\nconst cityStore = useCityStore()\nconst basketStore = useBasketStore()\nconst userStore = useUserStore()\n\nconst emit = defineEmits([\n  'orderCheckout',\n  ...Object.keys(BasketPurchaseButtonEmit),\n])\nconst props = defineProps<Props>()\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 isBasketOnFirstStep = computed(\n  () => props?.basketStep === BasketStep.FIRST,\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 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\nconst goToSecondStep = () => emit('goToSecondStep')\n</script>\n\n<template>\n  <vee-field id=\"price-panel\" vid=\"detail\" name=\"detail\" as=\"section\">\n    <basket-title\n      v-if=\"!isPriceSectionSticky\"\n      class=\"price-panel-title\"\n      title=\"Стоимость заказа\"\n    />\n\n    <section v-if=\"!isPriceSectionSticky\" 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        <div>{{ isDeliveryMethodValue }}</div>\n      </basket-price-panel-row>\n\n      <basket-price-panel-row\n        v-if=\"isAuthenticated && !isBasketOnFirstStep\"\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 && !isBasketOnFirstStep\"\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      :amount-to-pay=\"amountToPayWithSymbol\"\n      :is-authenticated=\"isAuthenticated\"\n      :is-gift-need=\"isGiftNeed\"\n      :is-loading=\"isLoading\"\n      :basket-step=\"basketStep\"\n      :is-price-section-sticky=\"isPriceSectionSticky\"\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      @go-to-second-step=\"goToSecondStep\"\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 var(--ui-grey);\n  }\n\n  &__total {\n    font-size: 18px;\n    font-weight: 800;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Form as VeeForm, FormContext } from 'vee-validate'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useCityStore } from '@/store/city/city'\nimport { useUserStore } from '@/store/user/user'\n\nimport { BasketStep } from '@/types/basket'\n\nimport BasketAdditive from '@/components/Basket/basket-additive/BasketAdditive.vue'\nimport BasketAddresses from '@/components/Basket/basket-addresses/BasketAddresses.vue'\nimport BasketClientPack from '@/components/Basket/basket-client-pack/BasketClientPack.vue'\nimport BasketDiscount from '@/components/Basket/basket-discount/BasketDiscount.vue'\nimport BasketGifts from '@/components/Basket/basket-gifts/BasketGifts.vue'\nimport BasketNote from '@/components/Basket/basket-note/BasketNote.vue'\nimport BasketOrder from '@/components/Basket/basket-order/BasketOrder.vue'\nimport BasketPricePanel from '@/components/Basket/basket-price-panel/BasketPricePanel.vue'\nimport BasketPriceShortPanel from '@/components/Basket/basket-price-panel/BasketPriceShortPanel.vue'\n\nconst DialogBasketAdditivesAndPacks = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketAdditivesAndPacks.vue'),\n)\nconst LoginForm = defineAsyncComponent(\n  () => import('@/components/login/LoginForm.vue'),\n)\n\ntype Props = {\n  clientPacksCount: number\n  clientAdditivesCount: number\n}\n\nconst MT_EVENT_NAME = 'startofordering'\n\nconst emit = defineEmits(['goToStep', 'scrollToErrorBlock'])\nconst props = defineProps<Props>()\n\nconst { $metrics } = useNuxtApp()\n\nconst basketStore = useBasketStore()\nconst userStore = useUserStore()\nconst { currencySymbol } = useCityStore()\n\nconst basketObserver = ref<FormContext | null>(null)\nconst isGiftNeed = ref(false)\nconst isPriceSectionSticky = ref(true)\nconst dialogs = ref({\n  additivesAndPacks: {\n    visible: false,\n  },\n  userAuthorization: {\n    visible: false,\n  },\n})\n\nconst isClientPackAvailable = computed(() =>\n  !basketStore.data.persons ? true : basketStore.data.persons.maxNumber === 0,\n)\nconst basket = computed(() => basketStore.data)\nconst isAuthenticated = computed(() => userStore.isAuthenticated)\nconst basketGiftsWithoutChoice = computed(() => basketStore.giftsNoChoice)\nconst basketGiftsWithChoice = computed(() => basketStore.giftsOfChoice)\nconst addedAdditives = computed(() => basketStore.addedAdditives)\nconst amountToPayWithSymbol = computed(\n  () => `${basket.value.amountToPay} ${currencySymbol}`,\n)\n\nconst setPricePanelStickyObserver = () => {\n  useIntersectionObserver(\n    '#price-panel',\n    {\n      threshold: 0.5,\n    },\n    ([{ isIntersecting, boundingClientRect }]) => {\n      isPriceSectionSticky.value =\n        !isIntersecting && boundingClientRect.top > 500\n    },\n  )\n}\n\n// Функция для получения значения из localStorage\nconst getShowedAdditivesAndPacksValue = (): boolean => {\n  const localStorageValue = localStorage.getItem(\n    'showedWarningAdditivesOrClientPack',\n  )\n\n  if (!localStorageValue) return false\n\n  return JSON.parse(localStorageValue)\n}\n\n// Функция для обработки показа диалогового окна добавок и приборов\nconst showAdditivesAndPacksDialog = (callback: () => void) => {\n  // Получаем флаг из localStorage\n  const isAdditivesAndClientPackModalShowed = getShowedAdditivesAndPacksValue()\n  // Проверяем, добавил ли клиент добавки или приборы\n  const isAdditivesOrPacksNotAdded =\n    !props.clientAdditivesCount || !props.clientPacksCount\n\n  /*\n    Проверяем, показывали ли мы пользователю диалоговое окно с приборами и добавками\n    Так же проверяем,\n  */\n  if (!isAdditivesAndClientPackModalShowed && isAdditivesOrPacksNotAdded) {\n    dialogs.value.additivesAndPacks.visible = true\n\n    return\n  }\n\n  // Выполняем переданный коллбек при достижении всех условий\n  callback()\n}\n\nconst goToSecondStep = () => {\n  // Если клиент не авторизован, то сначала показываем диалоговое окно авторизации\n  if (!isAuthenticated.value) {\n    dialogs.value.userAuthorization.visible = true\n\n    return\n  }\n\n  showAdditivesAndPacksDialog(() => {\n    emit('goToStep', BasketStep.SECOND)\n  })\n}\n\nconst goToAuthorize = () => {\n  showAdditivesAndPacksDialog(() => {\n    dialogs.value.userAuthorization.visible = true\n  })\n}\n\nconst goToCatalog = () => navigateTo('/')\n\nconst userAuthorizationDialogClose = () => {\n  dialogs.value.userAuthorization.visible = false\n}\n\n// Скролл до блока с ошибкой\nconst showError = () =>\n  setTimeout(() => {\n    const fieldError = getFieldError()\n\n    scrollToErrorBlock(fieldError)\n  }, 0)\n\n// Функция для получения id блока, в котором есть ошибка валидации\nconst getFieldError = () => {\n  const fieldsErrors = basketObserver.value?.errors\n\n  if (!fieldsErrors) return null\n\n  return Object.keys(fieldsErrors).at(0) || null\n}\n\nconst scrollToErrorBlock = (errorBlock?: string | null) => {\n  emit('scrollToErrorBlock', errorBlock)\n}\n\nonMounted(() => {\n  setPricePanelStickyObserver()\n\n  $metrics?.eventSendGoal({ mt: MT_EVENT_NAME })\n})\n</script>\n\n<template>\n  <vee-form\n    v-slot=\"{ handleSubmit }\"\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-without-choice=\"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      @go-to-second-step=\"goToSecondStep\"\n    />\n\n    <basket-gifts\n      v-if=\"basketGiftsWithChoice.length !== 0\"\n      v-model=\"isGiftNeed\"\n      class=\"section\"\n      :gifts=\"basketGiftsWithChoice\"\n    />\n\n    <basket-note class=\"section\" />\n\n    <basket-addresses v-if=\"isAuthenticated\" class=\"section\" />\n\n    <basket-discount class=\"section\" />\n\n    <transition name=\"ui-slide-up\">\n      <div\n        v-if=\"isPriceSectionSticky\"\n        class=\"section section--sticky price-button\"\n      >\n        <basket-price-short-panel\n          :amount-to-pay=\"amountToPayWithSymbol\"\n          :is-loading=\"basketStore.isLoading\"\n          :is-gift-need=\"isGiftNeed\"\n          :basket-step=\"BasketStep.FIRST\"\n          :cost=\"basket.delivery.cost\"\n          :is-price-section-sticky=\"true\"\n          :is-authenticated=\"isAuthenticated\"\n          @go-to-catalog=\"goToCatalog\"\n          @go-to-authorize=\"goToAuthorize\"\n          @go-to-address=\"scrollToErrorBlock('addresses')\"\n          @go-to-discount=\"scrollToErrorBlock('discount')\"\n          @go-to-gifts=\"scrollToErrorBlock('gifts')\"\n          @go-to-second-step=\"handleSubmit(goToSecondStep), showError()\"\n        />\n      </div>\n    </transition>\n\n    <basket-price-panel\n      :basket-step=\"BasketStep.FIRST\"\n      :amount-to-pay-with-symbol=\"amountToPayWithSymbol\"\n      :cost=\"basket.delivery.cost\"\n      :is-authenticated=\"isAuthenticated\"\n      :is-gift-need=\"isGiftNeed\"\n      :is-loading=\"basketStore.isLoading\"\n      :is-price-section-sticky=\"false\"\n      class=\"section price\"\n      @go-to-catalog=\"goToCatalog\"\n      @go-to-authorize=\"goToAuthorize\"\n      @go-to-address=\"scrollToErrorBlock('addresses')\"\n      @go-to-discount=\"scrollToErrorBlock('discount')\"\n      @go-to-gifts=\"scrollToErrorBlock('gifts')\"\n      @go-to-second-step=\"handleSubmit(goToSecondStep), showError()\"\n    />\n  </vee-form>\n\n  <!-- Диалоговое окно добавок и клиент пакетов -->\n  <dialog-basket-additives-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    @go-to-second-step=\"goToSecondStep\"\n  />\n\n  <the-dialog v-model=\"dialogs.userAuthorization.visible\" :max-width=\"560\">\n    <login-form\n      @code-confirmed-by-named-user=\"userAuthorizationDialogClose\"\n      @set-name=\"userAuthorizationDialogClose\"\n      @sign-in-by-named-user=\"userAuthorizationDialogClose\"\n    />\n  </the-dialog>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/basket' as *;\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: boolean) => {\n  // Отрицание значений, т.к. на бэке true - это не звонить\n  basketStore.setDoNotCallMeBack(!value)\n}\n</script>\n\n<template>\n  <div class=\"call\">\n    <div class=\"call__top-container\">\n      <div class=\"call__title\">Подтверждать заказ звонком</div>\n\n      <the-switch\n        :model-value=\"!doNotCallMeBack\"\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: var(--ui-text-primary);\n\n    @include media('<=tablet') {\n      font-size: 14px;\n    }\n  }\n\n  &__description {\n    width: 100%;\n    max-width: 414px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--ui-text-secondary);\n\n    @include media('<tablet') {\n      max-width: unset;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\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\n// Устанавливаем сдачу 0, чтобы не сохранялся стейт между оформлением заказа и корзиной\nonBeforeUnmount(() => {\n  basketStore.setChange(0)\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 { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { requiredValidator } from '@/utils/rulesOfValidate'\n\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport type { BasketPayment } from '@/types/api/api-v3/paymentMethods'\nimport {\n  PaymentMethodDescriptions,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\n\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\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 v-if=\"!isValidateError\" class=\"payment-methods-info__description\">\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    @include media('<tablet') {\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: var(--ui-text-secondary);\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 lang=\"ts\" setup>\n/* Types */\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport {\n  PaymentMethod,\n  PaymentMethodIcons,\n  PaymentMethodName,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\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\n  &__text {\n    overflow: hidden;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    @include media('>=tablet') {\n      font-size: 14px;\n      line-height: 19px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Types */\n/* Utils */\nimport { cropNumberOfCard } from '@/utils/cropNumberOfCard'\n\nimport { SavedCard, TypeCards } from '@/types/api/api-v3/paymentMethods'\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    <the-status\n      v-if=\"savedCard.is_expired\"\n      class=\"payment-card__tag-disabled\"\n      text=\"Неактивна\"\n      text-color=\"var(--ui-white)\"\n      bg-color=\"var(--ui-error)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.payment-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 5px;\n  color: var(--ui-text-primary);\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    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: var(--ui-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: var(--ui-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: var(--ui-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: var(--ui-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: var(--ui-text-secondary);\n    background: var(--ui-grey) !important;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\nimport type { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport type { BasketPayment } from '@/types/api/api-v3/paymentMethods'\n\nimport BasketPaymentMethod from '@/components/Basket/basket-payment/BasketPaymentMethod.vue'\nimport BasketPaymentSavedCard from '@/components/Basket/basket-payment/BasketPaymentSavedCard.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.payment-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  justify-content: space-between;\n  width: 100px;\n  min-width: 100px;\n  min-height: 64px;\n  padding: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  background: var(--ui-grey);\n  border-radius: 10px;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  transition: outline-color 0.15s ease-in-out;\n\n  @include media('>=tablet') {\n    gap: 7px;\n    width: 132px;\n    min-width: 132px;\n    min-height: 74px;\n    padding: 12px;\n  }\n\n  &--saved-card {\n    padding: 6px;\n    background: var(--ui-white);\n    box-shadow: var(--ui-card-shadow);\n  }\n\n  &--disabled {\n    background: var(--ui-grey);\n  }\n\n  &--active {\n    outline: 2px solid var(--ui-green);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { checkSavedCard } from '@/utils/checkSavedCard'\n\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\nimport { BasketPayment } from '@/types/api/api-v3/paymentMethods'\n\nimport BasketPaymentListItem from '@/components/Basket/basket-payment/BasketPaymentListItem.vue'\n\ntype Props = {\n  basketPaymentMethods: BasketPayment[]\n  methodDelivery: DeliveryMethods\n  selectedPaymentMethod: BasketPayment | null\n}\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\nconst sliderOptions = computed(() => {\n  if (isMobile) {\n    return { spaceBetween: 8, slideWidth: 100 }\n  }\n\n  return { spaceBetween: 10, slideWidth: 132 }\n})\n</script>\n\n<template>\n  <div class=\"payment-list\">\n    <the-slider\n      v-if=\"paymentsList.length\"\n      :key=\"paymentsList.length\"\n      :slide-width=\"sliderOptions.slideWidth\"\n      :space-between=\"sliderOptions.spaceBetween\"\n      :slides-to-scroll=\"3\"\n      :is-visible-arrows=\"!isMobile\"\n      :snap=\"!isMobile\"\n      slide-class=\"payment-item\"\n    >\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    </the-slider>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.payment-list {\n  margin: 0 -20px;\n\n  @include media('>=desktop-mini') {\n    margin: 0;\n  }\n\n  :deep(.app-slider) {\n    z-index: 3;\n  }\n\n  :deep(.app-slider__track) {\n    padding: 24px 20px;\n    scroll-padding-inline: 20px;\n\n    @include media('>=desktop-mini') {\n      padding: 24px 0;\n      scroll-padding-inline: 0;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineRule, Field as VeeField } from 'vee-validate'\n\nimport { notActiveCard, requiredPaymentMethod } from '@/utils/rulesOfValidate'\n\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketChangeStore } from '@/store/basket/basket-change'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport { Success } from '@/api/results'\nimport { OfflinePayMethods } from '@/types/api/api-v3/orders/order'\nimport {\n  BasketPayment,\n  PaymentMethodType,\n} from '@/types/api/api-v3/paymentMethods'\nimport {\n  CheckoutButtonState,\n  CheckoutButtonStateInjectType,\n} from '@/types/basket'\n\nimport BasketCallSelect from '@/components/Basket/basket-payment/BasketCallSelect.vue'\nimport BasketPaymentInfo from '@/components/Basket/basket-payment/BasketPaymentInfo.vue'\nimport BasketPaymentList from '@/components/Basket/basket-payment/BasketPaymentList.vue'\nimport BasketSection from '@/components/Basket/basket-utils/BasketSection.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\nconst BasketFailed = defineAsyncComponent(\n  () => import('@/components/Basket/basket-utils/BasketFailed.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  <basket-section\n    id=\"payment_method\"\n    :loading=\"isBasketPaymentLoading\"\n    class=\"basket-payment\"\n  >\n    <basket-title class=\"basket-payment__title\" title=\"Способ оплаты\" />\n\n    <basket-failed\n      v-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  </basket-section>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\n\n.basket-payment {\n  overflow: hidden;\n\n  &__title {\n    margin-bottom: 0;\n  }\n\n  .hr {\n    margin: 25px 0 20px;\n    border: 1px solid var(--ui-grey);\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","export enum TabTypes {\n  FAST = 'fast',\n  DELIVERY_ON_TIME = 'deliveryOnTime',\n}\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n\nimport { DeliveryMethods } from '@/types/api/api-v3/basket'\n\nconst basketStore = useBasketStore()\nconst basketTime = useBasketTimeStore()\n\nconst timeHeadline = computed(() =>\n  basketStore.data.delivery.method === DeliveryMethods.COURIER\n    ? 'Доставим'\n    : 'Будет готово',\n)\n</script>\n\n<template>\n  <div class=\"time-info\">\n    <div class=\"time-info__item\">\n      <div class=\"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: var(--ui-text-primary);\n    }\n\n    p {\n      margin: 0;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--ui-text-primary);\n    }\n  }\n\n  &__headline {\n    line-height: 22px;\n  }\n}\n</style>\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/* 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  errorMessage?: string\n  warningMessage?: string\n  warningIcon?: string\n}\ndefineProps<Props>()\n\nconst emit = defineEmits(['update-time'])\n\nconst basketTime = useBasketTimeStore()\n\nconst dateChoices = ref<DateTimeChoices[]>([])\nconst selectedDate = ref('')\nconst selectedTime = ref('')\n\nconst updateCurrentTime = (deliveryAt: string) => {\n  selectedTime.value = deliveryAt\n  updateTime()\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\nonMounted(async () => {\n  await getDateChoices()\n\n  getTimeChoices()\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.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  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      @update-time=\"onUpdateTime\"\n    />\n  </transition>\n</template>\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>\nimport { useBasketStore } from '@/store/basket/basket'\nimport { SetTimePayload } from '@/store/basket/basket.types'\nimport { useBasketPaymentMethodsStore } from '@/store/basket/basket-payment-methods'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\n\nimport { TabTypes } from '@/types/components/basket-time.types'\n\nimport BasketTimeInfo from '@/components/Basket/basket-time/BasketTimeInfo.vue'\nimport BasketTimeTabActive from '@/components/Basket/basket-time/BasketTimeTabActive.vue'\nimport BasketTimeTabs from '@/components/Basket/basket-time/BasketTimeTabs.vue'\nimport BasketSection from '@/components/Basket/basket-utils/BasketSection.vue'\nimport BasketTitle from '@/components/Basket/basket-utils/BasketTitle.vue'\n\nconst emit = defineEmits(['goToPrevStep'])\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\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\nconst goToPrevStep = () => emit('goToPrevStep')\n</script>\n\n<template>\n  <basket-section id=\"delivery_at\" :loading=\"isLoading\" class=\"basket-time\">\n    <div class=\"basket-time__title\" @click=\"goToPrevStep\">\n      <the-icon name=\"arrow-left\" />\n\n      <span>Оформление заказа</span>\n    </div>\n\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      @update-time=\"updateTime\"\n    />\n\n    <div v-if=\"isLoading\" class=\"basket-time__loader\">\n      <the-loader />\n    </div>\n\n    <transition v-else-if=\"basketTimeStore.delivery_at\" name=\"height\">\n      <basket-time-info />\n    </transition>\n  </basket-section>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\n\n.basket-time {\n  min-height: 250px;\n\n  &__title {\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    margin-bottom: 20px;\n    font-size: 20px;\n    font-weight: 800;\n  }\n\n  &__tabs {\n    margin-bottom: 30px;\n  }\n\n  &__loader {\n    position: relative;\n    height: 24px;\n  }\n\n  &__items {\n    margin-top: 24px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Form as VeeForm, FormContext } from 'vee-validate'\n\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useBasketTimeStore } from '@/store/basket/basket-time'\nimport { useCityStore } from '@/store/city/city'\n\nimport { PaymentMethodType, SavedCard } from '@/types/api/api-v3/paymentMethods'\nimport { BasketStep } from '@/types/basket'\n\nimport BasketPayment from '@/components/Basket/basket-payment/BasketPayment.vue'\nimport BasketPricePanel from '@/components/Basket/basket-price-panel/BasketPricePanel.vue'\nimport BasketTime from '@/components/Basket/basket-time/BasketTime.vue'\n\nconst DialogBasketTransactionTime = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketTransactionTime.vue'),\n)\n\nconst DialogBasketProposition = defineAsyncComponent(\n  () => import('@/components/Basket/dialogs/DialogBasketProposition.vue'),\n)\n\nconst EVENT_TYPE_PS = 'payment_started_payselection'\nconst EVENT_YANDEX_NAME = 'payment_started_SBP'\n\ntype Props = {\n  clientPacksCount: number\n  clientAdditivesCount: number\n}\n\ntype AdditionalPaymentAction = (orderId: number) => Promise<void>\n\nconst emit = defineEmits(['scrollToErrorBlock', 'goToStep'])\ndefineProps<Props>()\n\nconst { $apiService, $metrics, $sentryCaptureException } = useNuxtApp()\n\nconst { currencySymbol } = useCityStore()\nconst basketStore = useBasketStore()\nconst basketTimeStore = useBasketTimeStore()\n\nconst basketObserver = ref<FormContext | null>(null)\nconst dialogs = ref({\n  showProposition: {\n    visible: false,\n  },\n  transactionTime: {\n    visible: false,\n  },\n})\n\nconst isPayProcessLoading = ref(false)\nconst propositionShowedAlready = ref(false)\n\nconst basket = computed(() => basketStore.data)\nconst checkSelectedSavedCard = computed(\n  () => basketStore.checkSelectedSavedCard,\n)\nconst selectedPaymentMethod = computed(\n  () => basketStore.data.selectedPaymentMethod,\n)\nconst amountToPayWithSymbol = computed(\n  () => `${basket.value.amountToPay} ${currencySymbol}`,\n)\n\n// Скролл до блока с ошибкой\nconst showError = () =>\n  setTimeout(() => {\n    const fieldError = getFieldError()\n\n    emit('scrollToErrorBlock', fieldError)\n  }, 0)\n\n// Функция для получения id блока, в котором есть ошибка валидации\nconst getFieldError = () => {\n  const fieldsErrors = basketObserver.value?.errors\n\n  if (!fieldsErrors) return null\n\n  return Object.keys(fieldsErrors).at(0) || null\n}\n\nconst showPropositionDialog = (): boolean => {\n  // Если точка, на которую упадет заказ extra - не показываем доборы\n  if (basket.value.isExtra) return false\n\n  // Если показывали доборы до этого - не показываем доборы\n  if (propositionShowedAlready.value) return false\n\n  if (basket.value.proposition.items.length === 0) return false\n\n  dialogs.value.showProposition.visible = true\n  propositionShowedAlready.value = true\n\n  return true\n}\n\nconst preClearanceCheckSave = async () => {\n  // Переходим к оформлению заказа картой, в зависимости от того, добавлена она клиентом или нет\n  checkSelectedSavedCard.value\n    ? await orderCheckoutByCard()\n    : await orderCheckout()\n}\n\n// Общий метод обработки оформления заказа\nconst handleOrderCheckout = async (\n  showTransactionDialog: boolean,\n  additionalPaymentAction: AdditionalPaymentAction | null,\n) => {\n  // Показываем доборы\n  const isPropositionDialogShowed = showPropositionDialog()\n\n  if (isPropositionDialogShowed) return\n\n  // Если оплата картой - показываем экран загрузки\n  if (showTransactionDialog) dialogs.value.transactionTime.visible = true\n\n  isPayProcessLoading.value = true\n\n  const orderId = await basketStore.orderCheckout()\n\n  if (basketStore.error) {\n    dialogs.value.transactionTime.visible = false\n    isPayProcessLoading.value = false\n\n    return\n  }\n\n  if (additionalPaymentAction) {\n    await additionalPaymentAction(orderId)\n  } else {\n    if (selectedPaymentMethod.value?.type === PaymentMethodType.SBP)\n      $metrics?.eventSendGoal({ ym: EVENT_YANDEX_NAME })\n\n    if (selectedPaymentMethod.value?.type === PaymentMethodType.PAY_SELECTION)\n      $metrics?.eventSendGoal({ ym: EVENT_TYPE_PS, mt: EVENT_TYPE_PS })\n  }\n\n  redirectToOrderPage(orderId)\n}\n\nconst orderCheckout = async () => await handleOrderCheckout(false, null)\n\n// Метод оплаты по сохраненной карте\nconst orderCheckoutByCard = async () => {\n  await handleOrderCheckout(true, async (orderId: number) => {\n    const paymentMethodId = (selectedPaymentMethod.value as SavedCard)?.id\n\n    // Если нет id метода оплаты - выходим без оплаты\n    if (!paymentMethodId) {\n      $sentryCaptureException(`Не удалось найти id оплаты: ${paymentMethodId}`)\n\n      return\n    }\n\n    await $apiService.order.paySavedCardPaySelection(\n      String(orderId),\n      String(paymentMethodId),\n    )\n  })\n}\n\nconst closePropositionDialog = async (isError: boolean) => {\n  dialogs.value.showProposition.visible = false\n\n  // Если при добавлении добора ошибка - обновляем корзину\n  if (isError) {\n    propositionShowedAlready.value = false\n\n    await basketStore.fetchBasket()\n\n    return\n  }\n\n  checkSelectedSavedCard.value\n    ? await orderCheckoutByCard()\n    : await orderCheckout()\n}\n\nconst redirectToOrderPage = (orderId: string) => {\n  localStorage.setItem('showedWarningAdditivesOrClientPack', 'false')\n\n  navigateTo(`/profile/orders/${orderId}/`)\n}\n\nconst goToPrevStep = () => emit('goToStep', BasketStep.FIRST)\n</script>\n\n<template>\n  <vee-form\n    v-slot=\"{ handleSubmit }\"\n    ref=\"basketObserver\"\n    class=\"basket__section\"\n    validate-on-mount\n  >\n    <basket-time\n      v-if=\"basketStore.basketAddressSelected\"\n      class=\"section delivery\"\n      @go-to-prev-step=\"goToPrevStep\"\n    />\n\n    <basket-payment v-if=\"!basketTimeStore.error\" class=\"section\" />\n\n    <basket-price-panel\n      class=\"section\"\n      :amount-to-pay-with-symbol=\"amountToPayWithSymbol\"\n      :basket-step=\"BasketStep.SECOND\"\n      :is-price-section-sticky=\"false\"\n      :is-loading=\"isPayProcessLoading\"\n      @order-checkout=\"handleSubmit(preClearanceCheckSave), showError()\"\n    />\n  </vee-form>\n\n  <!-- Диалоговое окно обработки платежа -->\n  <the-dialog\n    :max-width=\"360\"\n    :model-value=\"dialogs.transactionTime.visible\"\n    padding=\"0\"\n    persistent\n  >\n    <dialog-basket-transaction-time\n      v-click-outside=\"false\"\n      class=\"transaction-dialog\"\n    />\n  </the-dialog>\n\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</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/basket' as *;\n</style>\n","type SelectorType = `${'.' | '#'}${string}`\n\n/**\n * Скролл-переход к блоку по селектору\n * @param selector - селектор документа\n * @param options - опции скролла\n */\nexport const scrollToBlock = (\n  selector: SelectorType,\n  options: ScrollIntoViewOptions = {\n    behavior: 'smooth',\n    block: 'center',\n  },\n) => {\n  const element = document.querySelector(selector)\n\n  if (!element) {\n    console.warn(`Элемент с селектором ${selector} не найден.`)\n\n    return\n  }\n\n  element.scrollIntoView(options)\n}\n","<script lang=\"ts\" setup>\nimport { FormContext } from 'vee-validate'\n\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useBasketStore } from '@/store/basket/basket'\n\nimport { ServerError, UnprocessableEntityError } from '@/api/results'\nimport { BasketStep } from '@/types/basket'\n\nimport BasketFirstStep from '@/components/Basket/basket-state/BasketFirstStep.vue'\nimport BasketSecondStep from '@/components/Basket/basket-state/BasketSecondStep.vue'\n\n/* Объект для динамического рендера шагов корзины */\nconst BASKET_STEP = {\n  FIRST: BasketFirstStep,\n  SECOND: BasketSecondStep,\n}\nconst AUTO_DELETED_GIFT = 'Убрали подарок, проверьте условия для применения'\n\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst basketStore = useBasketStore()\nconst { showSnackbar } = useAppStore()\n\nconst basketStep = ref<BasketStep>(BasketStep.FIRST)\nconst basketObserver = ref<FormContext | null>(null)\n\nconst basketError = computed(() => basketStore.error)\nconst clientPacksCount = computed(() => basketStore.clientPacksCount)\nconst clientAdditivesCount = computed(() => basketStore.clientAdditivesCount)\nconst getCurrentStepComponent = computed(() => BASKET_STEP[basketStep.value])\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      scrollToErrorBlock(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\n// Следим за подарками - если подарков после обновления стало меньше -> показываем снекбар\nwatch(\n  () => basketStore.data.gifts,\n  (newState, prevState) => {\n    const newNoChoiceGifts = newState.filter(\n      ({ should_choose }) => !should_choose,\n    )\n    const prevNoChoiceGifts = prevState.filter(\n      ({ should_choose }) => !should_choose,\n    )\n\n    // Если убрали подарки без выбора\n    if (newNoChoiceGifts.length < prevNoChoiceGifts.length) {\n      showSnackbar({\n        message: AUTO_DELETED_GIFT,\n      })\n    }\n\n    const newChoiceGifts = newState.filter(({ should_choose }) => should_choose)\n    const prevChoiceGifts = prevState.filter(\n      ({ should_choose }) => should_choose,\n    )\n    // Если убрали подарки с выбором\n    // Кейс, когда в массиве gifts > 1 массивов с выбором, но мы отображаем всегда только первый\n    if (!newChoiceGifts.length && prevChoiceGifts.length) {\n      showSnackbar({\n        message: AUTO_DELETED_GIFT,\n      })\n    }\n  },\n)\n\nconst scrollToErrorBlock = (id?: string) => {\n  // Если id передан - сразу скроллим до блока ошибки\n  if (id) {\n    scrollToBlock(`#${id}`)\n\n    return\n  }\n\n  // Получаем ошибки формы\n  const fieldErrors = basketObserver.value?.errors\n\n  if (!fieldErrors?.length) return\n\n  // Получаем ключи ошибок формы\n  const errors = Object.keys(fieldErrors)\n\n  // Берем первую ошибку\n  id = errors[0].split('-')[0]\n\n  // Скроллим до блока ошибки\n  scrollToBlock(`#${id}`)\n}\n\nconst goToStep = async (newStep: BasketStep) => {\n  basketStep.value = newStep\n\n  await nextTick(() => window.scrollTo({ top: 0, behavior: 'smooth' }))\n}\n</script>\n\n<template>\n  <component\n    :is=\"getCurrentStepComponent\"\n    :client-packs-count=\"clientPacksCount\"\n    :client-additives-count=\"clientAdditivesCount\"\n    @scroll-to-error-block=\"scrollToErrorBlock\"\n    @go-to-step=\"goToStep\"\n  />\n</template>\n\n<style lang=\"scss\" scoped>\n.basket__section {\n  position: relative;\n  display: grid;\n  gap: 60px 0;\n  max-width: 620px;\n  margin: auto;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useMapSettingsStore } from '@/store/map-settings/map-settings'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport TheBasket from '@/components/Basket/basket-state/TheBasket.vue'\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    <the-loader v-if=\"!isBasketLoaded\" 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: var(--ui-grey);\n  }\n\n  @include media('<tablet') {\n    padding: 0;\n  }\n}\n</style>\n"],"names":["SelectedDiscount","BasketPurchaseButtonEmit","CheckoutButtonState","BasketStep","props","__props","isMobile","useDevice","cityStore","useCityStore","productId","computed","quantitySelectedProducts","setProductQuantity","decreaseQuantity","increaseQuantity","useProductCounter","currencySymbol","additivePrice","additives","isErrorImage","ref","productImage","watch","additive","onMounted","emit","__emit","text","toggleAdditives","MAX_VISIBLE_ADDITIVES_FOR_DESKTOP","MAX_VISIBLE_ADDITIVES_FOR_MOBILE","DialogBasketAdditives","defineAsyncComponent","__vitePreload","showAllAdditives","maxVisibleAdditives","dialogs","showAllButtonVisible","_a","_b","countOfVisibleAdditives","toggleShowAllAdditives","defaultState","useBasketPaymentMethodsStore","defineStore","StoreId","$apiService","useNuxtApp","result","Success","basketPayments","paymentsMethods","indexPositionSavedCard","payment","PaymentMethodType","pay_selection_cards","paymentMethods","isAddressClient","address","model","_useModel","BasketAddressesPointItem","BasketAddressesClientItem","countOfVisibleAddresses","addressesList","list","isDisabled","isSelected","onClickRadio","event","onChange","addressId","selectedAddress","basketStore","useBasketStore","newFetchingApiEnabled","useToggleStore","showAllAddresses","deliveryMethod","addresses","id","change","valueHidden","toggleShowAllAddresses","handleNotDeliveryAddress","data","openEditAddressDialog","openDeleteAddressDialog","BasketFailed","DialogBasketAddAddressForm","NewDialogBasketAddAddressForm","NewDialogBasketEditAddress","NewDialogBasketDeleteAddress","DialogBasketEditAddressForm","DialogBasketDeleteAddress","DialogRedirectOtherCity","BasketDeliveryAddressNotification","showSnackbar","useAppStore","addressesStore","useAddressesStore","basket","deliveryCost","setSelectedAddress","value","DeliveryMethods","onDeliveryMethodChanged","openAddAddressDialog","closeEditAddressDialog","openDialogRedirectCity","openDialogNotification","closeDialogRedirectCity","onSelectDeliveryCourier","addAddress","allow_redirect","is_in_delivery_area","fetchAddress","SnackbarType","editAddress","closeDialogDeleteAddress","isUpdate","deleteAddress","defineRule","veeRequiredValidator","emitDeliveryMethodChanged","pointStore","useBasketPointStore","$sentryCaptureException","hallPoints","loadPoints","requiredValidator","pickupPoints","basketPaymentMethodsStore","isUpdatePoint","courierPoints","allPoints","selectedAddressId","deliveryMethodChanged","setDeliveryMethod","newDeliveryMethod","points","deliveryMethodPayload","firstAddress","carrotquestTracks","isShowPickupTab","isShowHallTab","setModelValueDeliveryMethod","info","clientPackImage","counterSize","productQuantity","bonusLabel","isPromocodeChoiceDisabled","isPromocodeApplied","isBonusChoiceDisabled","updateDiscountChoices","buttonText","updateModelValue","setDiscount","setErrors","cancelDiscount","onClickHandler","options","requiredDiscount","discountField","bonusesValue","placeholder","$metrics","userStore","useUserStore","selectedDiscount","confirmedDiscount","inputValue","isButtonLoading","bonusesCount","basketDiscountErrors","basketDiscountInfoVisible","bonuses","discountTitle","isAuthenticated","setPromocode","setBonuses","UnprocessableEntityError","resetPromocode","updateSelectedDiscount","_d","_c","BasketErrorMessage","BasketErrorMessage$1","image","onSelect","selectGift","updateValue","_openBlock","_createElementBlock","_hoisted_1","NOT_ACTIVE_GIFT","FAILURE_MESSAGE","ADDED_GIFT_MESSAGE","DELETED_GIFT_MESSAGE","isGiftNeed","selectedGift","isLoading","rule","setLoading","state","handleGiftResult","successMessage","onSelectGift","gift","selectedGiftProductId","selectedBasketGift","notActiveGift","MAX_NOTE_LENGTH_RULE","note","maxNoteLength","showClearBasketDialog","additiveImage","priceWithSymbol","formatProductForModification","item","productModification","selectedGiftPayload","giftWithChoice","product_id","rule_id","products","title","product","cartView","titles_list","url_list","price_list","image_list","DialogBasketClear","isClearBasketDialogVisible","clearBasket","TimeMethod","useBasketTimeStore","newTimeState","getListOfMonth","date","checkoutButtonState","inject","basketTimeStore","basketSelectedPaymentMethod","basketGiftsWithChoice","selectedPaymentMethod","purchaseButtonText","checkSavedCard","PayMethods","isExpiredSavedCard","button","CostStatuses","push","useRouter","orderCheckout","goToCatalog","goToPayment","goToAuthorize","goToAddress","goToDeliveryAt","goToDiscount","goToGifts","goToSecondStep","isBasketOnFirstStep","isDeliveryMethod","isDeliveryMethodTitle","isDeliveryMethodValue","showChangeInfo","toAccrueAmountBonuses","scrollToErrorBlock","errorBlock","error","MT_EVENT_NAME","DialogBasketAdditivesAndPacks","LoginForm","basketObserver","isPriceSectionSticky","isClientPackAvailable","basketGiftsWithoutChoice","addedAdditives","amountToPayWithSymbol","setPricePanelStickyObserver","useIntersectionObserver","isIntersecting","boundingClientRect","getShowedAdditivesAndPacksValue","localStorageValue","showAdditivesAndPacksDialog","callback","isAdditivesAndClientPackModalShowed","isAdditivesOrPacksNotAdded","navigateTo","userAuthorizationDialogClose","showError","fieldError","getFieldError","fieldsErrors","doNotCallMeBack","changeDoNotCallMeBack","basketChangeStore","useBasketChangeStore","setSelectedChange","currentChange","onBeforeUnmount","changeList","descriptionBasketPaymentMethod","prefix","PaymentMethodDescriptions","isVisibleChangeBlock","onGetChange","checkErrorMessage","changeErrorMessage","isValidateError","namePaymentMethod","PaymentMethodName","iconClasses","classes","paymentIcon","PaymentMethodIcons","numberCard","cropNumberOfCard","brandName","TypeCards","detectedClassSavedCard","iconCard","detectedIconOfBrand","nameIcon","onUpdateSelectedPayment","paymentItemClasses","selectPaymentMethod","paymentMethod","selectedPaymentMethodType","selectedSavedCardId","checkActivePaymentItem","paymentItem","paymentsList","sliderOptions","isBasketPaymentLoading","toggleStore","amountToPay","methodDelivery","basketPaymentMethods","updateSelectedPayment","getBasketPaymentMethods","changeErrorShow","getChange","checkChange","isOfflinePayment","OfflinePayMethods","isShowCallBlock","isChangeExist","currentValue","prevValue","type","requiredPaymentMethod","notActiveCard","TabTypes","basketTime","timeHeadline","BasketWarningMessage","selectedDate","selectedTime","BasketTimeVariants","dateChoices","updateCurrentTime","deliveryAt","updateTime","getDateChoices","dateChoicesResult","getTimeChoices","onUpdateTime","getPaymentMethods","selectedTab","tabValue","goToPrevStep","EVENT_TYPE_PS","EVENT_YANDEX_NAME","DialogBasketTransactionTime","DialogBasketProposition","isPayProcessLoading","propositionShowedAlready","checkSelectedSavedCard","showPropositionDialog","preClearanceCheckSave","orderCheckoutByCard","handleOrderCheckout","showTransactionDialog","additionalPaymentAction","orderId","redirectToOrderPage","paymentMethodId","closePropositionDialog","isError","scrollToBlock","selector","element","AUTO_DELETED_GIFT","BASKET_STEP","BasketFirstStep","BasketSecondStep","basketStep","basketError","clientPacksCount","clientAdditivesCount","getCurrentStepComponent","ServerError","newState","prevState","newNoChoiceGifts","should_choose","prevNoChoiceGifts","newChoiceGifts","prevChoiceGifts","fieldErrors","goToStep","newStep","nextTick","BasketErrorPage","BasketEmptyPage","mapSettingsStore","useMapSettingsStore","isBasketLoaded","isBasketDisabled","isBasketEmpty","usePopupFetch"],"mappings":"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","debug_id":"811fa553-7a35-5a13-afea-e84c17edd090"}