Стоимость: ${price} руб.
`;\n const objects = this.objectManager.objects;\n this.showedPricePoints.add(object.id);\n objects.balloon.setData(object);\n };\n this.handleMapClick = (e) => {\n var _a;\n const target = e.target;\n const rawData = target.dataset.pointData;\n if (!rawData)\n return;\n const pickupPointId = (_a = this.context.store.getState().delivery.yandexWidgetParams) === null || _a === void 0 ? void 0 : _a.pickupPointId;\n if (pickupPointId) {\n const prevChosenObject = this.objectManager.objects.getById(pickupPointId);\n if (prevChosenObject && prevChosenObject.price) {\n this.setObjectActionButton(prevChosenObject, this.serializePointPayload(prevChosenObject));\n }\n }\n const data = JSON.parse(rawData);\n const object = this.objectManager.objects.getById(data.id);\n if (!object)\n return;\n this.setObjectActionButtonDisabled(object);\n this.context.store\n .operate(OPERATION_SET_YANDEX_PICKUP, data)\n .then(() => {\n this.setObjectActionCheck(object);\n this.setState({\n chosenPickupAddress: object.properties.fullAddress\n });\n NoticeService.info('Пункт выдачи выбран');\n });\n };\n this.handlePickupPointsListItemClick = (pickupPointId) => () => {\n const object = this.objectManager.objects.getById(pickupPointId);\n if (!object)\n return;\n this.map.setCenter(object.geometry.coordinates, 16);\n const objects = this.objectManager.objects;\n objects.balloon.open(pickupPointId);\n };\n this.removeObjectPrice = (object) => {\n object.price = undefined;\n object.postings = undefined;\n this.showedPricePoints.delete(object.id);\n object.properties.balloonContentBody = object.properties.balloonContentBody.replace(/Стоимость: \\d+ руб.<\\/p>/, '');\n };\n this.serializePointPayload = (object, price, postings) => ({\n id: object.id,\n coordinates: object.geometry.coordinates,\n address: object.properties.fullAddress,\n postings: postings || object.postings,\n price: (price !== null && price !== void 0 ? price : object.price)\n });\n }\n componentDidMount() {\n const { delivery: { yandexMapApiKey } } = this.context.store.getState();\n initYmapScript(yandexMapApiKey, this.initYmaps);\n this.ymapContainerRef.current.addEventListener('click', this.handleMapClick);\n }\n componentDidUpdate(_previousProps, _previousState, previousContext) {\n const { yandexWidgetParams: newParams, postings: newPostings, cityName: newCity } = this.context.currentState.delivery;\n const { yandexWidgetParams: oldParams, postings: oldPostings, cityName: oldCity } = previousContext.currentState.delivery;\n if (newCity !== oldCity) {\n this.handleCityChange();\n }\n const newPostingSize = Object.keys(newPostings !== null && newPostings !== void 0 ? newPostings : {}).length;\n const isPostingChanged = Object.keys(oldPostings !== null && oldPostings !== void 0 ? oldPostings : {}).length !== newPostingSize;\n const isPointRemoved = (oldParams === null || oldParams === void 0 ? void 0 : oldParams.pickupPointId) && !(newParams === null || newParams === void 0 ? void 0 : newParams.pickupPointId);\n // reset map if posting is empty to avoid wrong money info\n if (newPostingSize === 0 && isPointRemoved) {\n this.setState({ chosenPickupAddress: null }, () => {\n var _a, _b;\n this.updatePoints();\n const object = this.objectManager.objects.getById(oldParams === null || oldParams === void 0 ? void 0 : oldParams.pickupPointId);\n if (object)\n this.setObjectActionButton(object, this.serializePointPayload(object, object.price));\n // @ts-ignore\n (_b = (_a = this.objectManager.objects) === null || _a === void 0 ? void 0 : _a.balloon) === null || _b === void 0 ? void 0 : _b.close();\n });\n }\n else if ((isPostingChanged || isPointRemoved) && this.showedPricePoints.size > 0) {\n this.showedPricePoints.forEach(pointId => {\n const object = this.objectManager.objects.getById(pointId);\n if (object)\n this.reSyncObjectPrice(object);\n });\n }\n }\n componentWillUnmount() {\n var _a;\n this.ymapContainerRef.current.removeEventListener('click', this.handleMapClick);\n // clear price state for postings\n if (Object.keys((_a = this.context.currentState.delivery.postings) !== null && _a !== void 0 ? _a : {}).length === 0)\n return;\n this.showedPricePoints.forEach(pointId => {\n const object = this.objectManager.objects.getById(pointId);\n if (object)\n this.removeObjectPrice(object);\n });\n }\n render() {\n const { chosenPickupAddress, pickupPointsList } = this.state;\n const { delivery: { yandexWidgetParams } } = this.context.store.getState();\n if (Env.name === 'test')\n return h(\"div\", null);\n return (h(\"div\", { className: 'b-Ymap_withAsideContainer' },\n h(\"div\", { className: 'b-Ymap_map', ref: this.ymapContainerRef, id: this.mapId }),\n h(\"div\", { className: 'b-Ymap_aside' },\n h(\"p\", { className: 'b-Ymap_asideTitle' }, \"\\u0412\\u044B\\u0431\\u043E\\u0440 \\u043F\\u0443\\u043D\\u043A\\u0442\\u0430 \\u0432\\u044B\\u0434\\u0430\\u0447\\u0438\"),\n chosenPickupAddress && (h(\"p\", { className: 'b-Ymap_chosenPickupAddress' }, chosenPickupAddress)),\n pickupPointsList && (h(\"ul\", null, pickupPointsList.map(({ fullAddress, pickupPointId }, index) => {\n if (pickupPointId === (yandexWidgetParams === null || yandexWidgetParams === void 0 ? void 0 : yandexWidgetParams.pickupPointId))\n return null;\n return (h(\"li\", { key: index, onClick: this.handlePickupPointsListItemClick(pickupPointId) }, fullAddress));\n }))))));\n }\n}\n","import Http from 'core/services/Http';\nexport default function getPoints([[latFrom, lonFrom], [latTo, lonTo]]) {\n return Http.post('/x5_delivery/pickup_points', {\n data: {\n latitude: {\n from: latFrom,\n to: latTo\n },\n longitude: {\n from: lonFrom,\n to: lonTo\n }\n }\n });\n}\n","import Http from 'core/services/Http';\nexport default function getPrice(id) {\n return Http.post('/x5_delivery/delivery_price', {\n data: {\n platform_station_id: id\n }\n });\n}\n","const DAYS = ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'];\nconst buildScheduleTest = (schedule) => {\n const daysMap = {};\n schedule.restrictions.forEach(({ days, time_from, time_to }) => {\n const timeRange = `${formatTime(time_from)}-${formatTime(time_to)}`;\n if (!daysMap[timeRange]) {\n daysMap[timeRange] = [];\n }\n daysMap[timeRange].push(...days);\n });\n const formattedSchedule = Object.entries(daysMap).map(([timeRange, days]) => {\n const groupedDays = groupDays(days);\n return `${groupedDays}: ${timeRange}`;\n });\n return formattedSchedule.join('
');\n};\nconst formatTime = (time) => {\n const hours = time.hours.toString().padStart(2, '0');\n const minutes = time.minutes.toString().padStart(2, '0');\n return `${hours}:${minutes}`;\n};\nconst groupDays = (days) => {\n const sortedDays = days.sort((a, b) => a - b);\n const ranges = [];\n let rangeStart = sortedDays[0];\n let rangeEnd = sortedDays[0];\n for (let i = 1; i < sortedDays.length; i++) {\n const currentDay = sortedDays[i];\n const previousDay = sortedDays[i - 1];\n if (currentDay === previousDay + 1) {\n rangeEnd = currentDay;\n }\n else {\n ranges.push(rangeStart === rangeEnd ? DAYS[rangeStart - 1] : `${DAYS[rangeStart - 1]}-${DAYS[rangeEnd - 1]}`);\n rangeStart = currentDay;\n rangeEnd = currentDay;\n }\n }\n ranges.push(rangeStart === rangeEnd ? DAYS[rangeStart - 1] : `${DAYS[rangeStart - 1]}-${DAYS[rangeEnd - 1]}`);\n return ranges.join(', ');\n};\nexport default function getData(points) {\n return {\n type: 'FeatureCollection',\n features: points.map(point => {\n return {\n type: 'Feature',\n id: point.id,\n address: {\n fullAddress: point.address.full_address\n },\n geometry: {\n type: 'Point',\n coordinates: [point.position.latitude, point.position.longitude]\n },\n properties: {\n pickupPointId: point.id,\n fullAddress: point.address.full_address,\n balloonContentHeader: `
Адрес: ${point.address.full_address}
График работы:
${buildScheduleTest(point.schedule)}`,\n clusterCaption: `${point.name}
`\n }\n };\n })\n };\n}\n","// yandex maps api: https://yandex.ru/dev/maps/jsapi/doc/2.1/ref/concepts/About.html\nimport { h, Component, createRef } from 'preact';\nimport NoticeService from 'core/services/NoticeService';\nimport generateId from 'core/utils/generateId';\nimport { OPERATION_SET_YANDEX_PICKUP } from 'site/VControllers/components/Checkout/operations/yandex';\nimport initYmapScript from 'site/VControllers/components/Checkout/services/initYmapScript';\nimport getCityCenter from 'site/VControllers/components/Checkout/api/getCityCenter';\nimport getPoints from './api/getPoints';\nimport getPrice from './api/getPrice';\nimport getData from './utils/getData';\nexport class X5 extends Component {\n constructor() {\n super(...arguments);\n this.mapId = `yandex_map_${generateId()}`;\n this.ymapContainerRef = createRef();\n this.showedPricePoints = new Set;\n this.state = {\n loading: false,\n chosenPickupAddress: null,\n pickupPointsList: null\n };\n this.initYmaps = () => {\n window.ymaps.ready(async () => {\n var _a;\n const pickupPointId = (_a = this.context.store.getState().delivery.yandexWidgetParams) === null || _a === void 0 ? void 0 : _a.pickupPointId;\n await this.setupMap();\n this.setupObjectManager();\n await this.updatePoints();\n if (pickupPointId) {\n const object = this.objectManager.objects.getById(pickupPointId);\n if (object) {\n this.map.setCenter(object.geometry.coordinates, 16);\n const objects = this.objectManager.objects;\n await objects.balloon.open(pickupPointId);\n this.setState({\n chosenPickupAddress: object.properties.fullAddress\n });\n this.reSyncObjectPrice(object);\n }\n }\n });\n };\n this.handleCityChange = async () => {\n const { delivery: { cityName, cityCoordinates, yandexMapApiKey } } = this.context.store.getState();\n if (cityCoordinates) {\n this.map.setCenter(cityCoordinates, 10);\n }\n else {\n const cityCenter = await getCityCenter(yandexMapApiKey, cityName);\n this.map.setCenter(cityCenter, 10);\n }\n };\n this.setupMap = async () => {\n const ymaps = window.ymaps;\n const { delivery: { yandexWidgetParams, cityName, cityCoordinates, yandexMapApiKey } } = this.context.store.getState();\n let center = [55.76, 37.64]; // default for moscow\n if (yandexWidgetParams === null || yandexWidgetParams === void 0 ? void 0 : yandexWidgetParams.pickupPointCoordinates) {\n center = yandexWidgetParams.pickupPointCoordinates;\n }\n else if (cityCoordinates) {\n center = cityCoordinates;\n }\n else {\n center = await getCityCenter(yandexMapApiKey, cityName);\n }\n this.map = new ymaps.Map(this.mapId, {\n center,\n zoom: 10,\n controls: ['zoomControl', 'geolocationControl', 'searchControl']\n }, {\n // @ts-ignore\n searchControlProvider: 'yandex#search',\n suppressMapOpenBlock: true\n });\n this.map.events.add('boundschange', this.updatePoints);\n };\n this.setupObjectManager = () => {\n const ymaps = window.ymaps;\n this.objectManager = new ymaps.ObjectManager({\n clusterize: true,\n gridSize: Env.version === 'desktop' ? 120 : 100\n });\n this.objectManager.objects.options.set('preset', 'islands#redDotIcon');\n this.objectManager.clusters.options.set('preset', 'islands#redClusterIcons');\n this.map.geoObjects.add(this.objectManager);\n this.objectManager.objects.events.add('balloonopen', this.updateBalloon);\n };\n this.updatePoints = async () => {\n this.updatePickupPointsList();\n if (this.state.loading)\n return;\n this.setState({ loading: true });\n const { points } = await getPoints(this.map.getBounds());\n const data = getData(points);\n this.objectManager.add(data);\n this.updatePickupPointsList();\n this.setState({ loading: false });\n };\n this.updatePickupPointsList = () => {\n // @ts-ignore\n const geoQuery = window.ymaps.geoQuery;\n const result = geoQuery(this.objectManager.objects).searchIntersect(this.map);\n result.then(() => {\n const list = [];\n result.each((item) => {\n const object = result.get(result.indexOf(item));\n const pickupPointId = object.properties.get('pickupPointId');\n const fullAddress = object.properties.get('fullAddress');\n if (list.length < 400) {\n list.push({ pickupPointId, fullAddress });\n }\n });\n this.setState({\n pickupPointsList: list\n });\n });\n };\n this.updateBalloon = async (e) => {\n const objectId = e.get('objectId');\n const object = this.objectManager.objects.getById(objectId);\n if (!object)\n return;\n if (/Стоимость:/.test(object.properties.balloonContentBody))\n return;\n const { price, postings, error } = await getPrice(object.id);\n if (error) {\n this.setObjectError(object, error);\n return;\n }\n if (price === undefined || price === null) {\n this.setObjectPrice(object, price, postings);\n this.setObjectActionButtonDisabled(object);\n return;\n }\n this.setObjectPrice(object, price, postings);\n if (this.state.chosenPickupAddress === object.properties.fullAddress) {\n this.setObjectActionCheck(object);\n }\n else {\n this.setObjectActionButton(object, this.serializePointPayload(object, price, postings));\n }\n };\n this.setObjectActionButton = (object, payload) => {\n const pointData = JSON.stringify(payload);\n object.properties.balloonContentFooter = ``;\n this.setBalloonData(object);\n };\n this.setObjectActionButtonDisabled = (object) => {\n object.properties.balloonContentFooter = ``;\n this.setBalloonData(object);\n };\n this.setObjectActionCheck = (object) => {\n object.properties.balloonContentFooter = ``;\n this.setBalloonData(object);\n };\n this.setObjectError = (object, error) => {\n object.properties.balloonContentFooter = `Стоимость: ${price} руб.
`;\n const objects = this.objectManager.objects;\n this.showedPricePoints.add(object.id);\n objects.balloon.setData(object);\n };\n this.handleMapClick = (e) => {\n var _a;\n const target = e.target;\n const rawData = target.dataset.pointData;\n if (!rawData)\n return;\n const pickupPointId = (_a = this.context.store.getState().delivery.yandexWidgetParams) === null || _a === void 0 ? void 0 : _a.pickupPointId;\n if (pickupPointId) {\n const prevChosenObject = this.objectManager.objects.getById(pickupPointId);\n if (prevChosenObject && prevChosenObject.price) {\n this.setObjectActionButton(prevChosenObject, this.serializePointPayload(prevChosenObject));\n }\n }\n const data = JSON.parse(rawData);\n const object = this.objectManager.objects.getById(data.id);\n if (!object)\n return;\n this.setObjectActionButtonDisabled(object);\n this.context.store\n .operate(OPERATION_SET_YANDEX_PICKUP, data)\n .then(() => {\n this.setObjectActionCheck(object);\n this.setState({\n chosenPickupAddress: object.properties.fullAddress\n });\n NoticeService.info('Пункт выдачи выбран');\n });\n };\n this.handlePickupPointsListItemClick = (pickupPointId) => () => {\n const object = this.objectManager.objects.getById(pickupPointId);\n if (!object)\n return;\n this.map.setCenter(object.geometry.coordinates, 16);\n const objects = this.objectManager.objects;\n objects.balloon.open(pickupPointId);\n };\n this.removeObjectPrice = (object) => {\n object.price = undefined;\n object.postings = undefined;\n this.showedPricePoints.delete(object.id);\n object.properties.balloonContentBody = object.properties.balloonContentBody.replace(/Стоимость: \\d+ руб.<\\/p>/, '');\n };\n this.serializePointPayload = (object, price, postings) => ({\n id: object.id,\n coordinates: object.geometry.coordinates,\n address: object.properties.fullAddress,\n postings: postings || object.postings,\n price: (price !== null && price !== void 0 ? price : object.price)\n });\n }\n componentDidMount() {\n const { delivery: { yandexMapApiKey } } = this.context.store.getState();\n initYmapScript(yandexMapApiKey, this.initYmaps);\n this.ymapContainerRef.current.addEventListener('click', this.handleMapClick);\n }\n componentDidUpdate(_previousProps, _previousState, previousContext) {\n const { yandexWidgetParams: newParams, postings: newPostings, cityName: newCity } = this.context.currentState.delivery;\n const { yandexWidgetParams: oldParams, postings: oldPostings, cityName: oldCity } = previousContext.currentState.delivery;\n if (newCity !== oldCity) {\n this.handleCityChange();\n }\n const newPostingSize = Object.keys(newPostings !== null && newPostings !== void 0 ? newPostings : {}).length;\n const isPostingChanged = Object.keys(oldPostings !== null && oldPostings !== void 0 ? oldPostings : {}).length !== newPostingSize;\n const isPointRemoved = (oldParams === null || oldParams === void 0 ? void 0 : oldParams.pickupPointId) && !(newParams === null || newParams === void 0 ? void 0 : newParams.pickupPointId);\n // reset map if posting is empty to avoid wrong money info\n if (newPostingSize === 0 && isPointRemoved) {\n this.setState({ chosenPickupAddress: null }, () => {\n var _a, _b;\n this.updatePoints();\n const object = this.objectManager.objects.getById(oldParams === null || oldParams === void 0 ? void 0 : oldParams.pickupPointId);\n if (object)\n this.setObjectActionButton(object, this.serializePointPayload(object, object.price));\n // @ts-ignore\n (_b = (_a = this.objectManager.objects) === null || _a === void 0 ? void 0 : _a.balloon) === null || _b === void 0 ? void 0 : _b.close();\n });\n }\n else if ((isPostingChanged || isPointRemoved) && this.showedPricePoints.size > 0) {\n this.showedPricePoints.forEach(pointId => {\n const object = this.objectManager.objects.getById(pointId);\n if (object)\n this.reSyncObjectPrice(object);\n });\n }\n }\n componentWillUnmount() {\n var _a;\n this.ymapContainerRef.current.removeEventListener('click', this.handleMapClick);\n // clear price state for postings\n if (Object.keys((_a = this.context.currentState.delivery.postings) !== null && _a !== void 0 ? _a : {}).length === 0)\n return;\n this.showedPricePoints.forEach(pointId => {\n const object = this.objectManager.objects.getById(pointId);\n if (object)\n this.removeObjectPrice(object);\n });\n }\n render() {\n const { chosenPickupAddress, pickupPointsList } = this.state;\n const { delivery: { yandexWidgetParams } } = this.context.store.getState();\n if (Env.name === 'test')\n return h(\"div\", null);\n return (h(\"div\", { className: 'b-Ymap_withAsideContainer' },\n h(\"div\", { className: 'b-Ymap_map', ref: this.ymapContainerRef, id: this.mapId }),\n h(\"div\", { className: 'b-Ymap_aside' },\n h(\"p\", { className: 'b-Ymap_asideTitle' }, \"\\u0412\\u044B\\u0431\\u043E\\u0440 \\u043F\\u0443\\u043D\\u043A\\u0442\\u0430 \\u0432\\u044B\\u0434\\u0430\\u0447\\u0438\"),\n chosenPickupAddress && (h(\"p\", { className: 'b-Ymap_chosenPickupAddress' }, chosenPickupAddress)),\n pickupPointsList && (h(\"ul\", null, pickupPointsList.map(({ fullAddress, pickupPointId }, index) => {\n if (pickupPointId === (yandexWidgetParams === null || yandexWidgetParams === void 0 ? void 0 : yandexWidgetParams.pickupPointId))\n return null;\n return (h(\"li\", { key: index, onClick: this.handlePickupPointsListItemClick(pickupPointId) }, fullAddress));\n }))))));\n }\n}\n","// @ts-ignore\nimport compact from 'lodash/compact';\nimport Tooltip from 'core/components/UI/Tooltip';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport { Component } from 'preact';\nimport { GtmAddressEvents } from 'site/VControllers/components/Checkout/constants';\nimport { OPERATION_CHANGE_GTM_ADDRESS_EVENT } from 'site/VControllers/components/Checkout/operations/gtm';\nimport { PART_SUBSTITUTIONS } from 'site/VControllers/SinglePageCheckout/services/fetchAddresses';\nimport { FieldsKeys } from '../../..';\nimport h from '../../../cssScope';\nimport { AddressSuggestions } from 'luxury_theme.mobile/components/AddressSuggestions';\nimport { ContentType } from 'site/VControllers/SinglePageCheckout/constants';\nimport { COMMIT_REMOVE_NOTICES, COMMIT_SET_NOTICES } from 'site/VControllers/components/Checkout/commits/notices';\nexport class InlineAddress extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n inputRef: undefined\n };\n this.awaitCityId = null;\n this.awaitImproveAddress = false;\n this.skipOnBlur = false;\n this.handleInputRef = (el) => {\n this.setState({ inputRef: el });\n };\n // to allow commit input address\n this.handleChangeSearch = (event) => {\n var _a, _b, _c, _d;\n const value = event.target.value;\n if (!!value)\n (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: 'Укажите улицу и номер дома' } });\n this.awaitImproveAddress = true;\n (_d = (_c = this.props).onChangeValue) === null || _d === void 0 ? void 0 : _d.call(_c, FieldsKeys.Address, { address: value, action: 'manual' });\n };\n this.handleSuggestionSelect = (suggestion) => {\n var _a, _b, _c, _d, _e, _f;\n this.skipOnBlur = true;\n if (!suggestion) {\n return;\n }\n (_b = (_a = this.props).onChangeValue) === null || _b === void 0 ? void 0 : _b.call(_a, FieldsKeys.Address, { address: suggestion.value, action: 'on_select' });\n (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.store) === null || _d === void 0 ? void 0 : _d.commit(COMMIT_REMOVE_NOTICES, FieldsKeys.InlineAddress);\n (_f = (_e = this.context) === null || _e === void 0 ? void 0 : _e.store) === null || _f === void 0 ? void 0 : _f.operate(OPERATION_CHANGE_GTM_ADDRESS_EVENT, GtmAddressEvents.AutocompleteAddress);\n const itemId = buildDaData(suggestion);\n this.awaitCityId = null;\n this.props.onChange(itemId);\n };\n this.handleFetchSuggestions = (suggestions) => {\n var _a, _b, _c;\n if (suggestions.length === 0) {\n (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.commit(COMMIT_SET_NOTICES, { [FieldsKeys.InlineAddress]: { type: 'error', message: 'Укажите улицу и номер дома' } });\n return [];\n }\n const selectedCityId = (_c = this.field(FieldsKeys.City)) === null || _c === void 0 ? void 0 : _c.value;\n const validSettlementFn = (suggestion) => {\n // NOTE: эта часть чтобы убрать из подсказок поселки, которые входят в состав города. для них предополагается что юзер должен их выбрать в\n // автокомплите населенного пункта, а тут только улицу и дом\n const validSettlement = (suggestion.data.settlementKladrId === null && suggestion.data.cityKladrId === selectedCityId) ||\n suggestion.data.settlementKladrId === selectedCityId;\n return validSettlement;\n };\n const validHouseFn = (suggestion) => {\n // NOTE: для Зеленограда вылазят корпуса без заполненых домов и это все ломает на беке\n const validHouse = (suggestion.data.houseKladrId && suggestion.data.house)\n || (!suggestion.data.houseKladrId && suggestion.data.house && suggestion.data.streetKladrId)\n || (!suggestion.data.block && !suggestion.data.houseKladrId && !suggestion.data.stead && !suggestion.data.blockTypeFull && !suggestion.data.house);\n return validHouse;\n };\n const filtered = suggestions.filter(validSettlementFn).filter(validHouseFn).slice(0, 6);\n if (filtered.length > 0) {\n return filtered;\n }\n // NOTE: если не нашли подходящих подсказок, то возвращаем и улицы в поселках города. вдруг он ищет именно их\n const withSettlements = suggestions.filter(validHouseFn).slice(0, 6);\n return withSettlements;\n };\n }\n field(key) {\n return this.props.formFields.find(v => v.key === key);\n }\n get isCountryBlank() {\n const countryField = this.field(FieldsKeys.Country);\n if (!countryField)\n return false;\n return !countryField.value;\n }\n get isSettlementBlank() {\n const settlementField = this.field(FieldsKeys.Settlement);\n if (!settlementField)\n return false;\n return !settlementField.value;\n }\n get currentSavedAddressText() {\n const item = currentItem(this.props.field);\n if (!item)\n return undefined;\n return item.text;\n }\n get currentSavedFullAddressText() {\n const item = currentItem(this.props.field);\n if (!item)\n return undefined;\n return item.searchText;\n }\n render() {\n var _a, _b, _c, _d;\n const { field, name, disabled, useHidden } = this.props;\n const { inputRef } = this.state;\n const isMobile = Env.version === 'mobile';\n const notice = (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.getState().notices[FieldsKeys.InlineAddress];\n const countryField = this.field(FieldsKeys.Country);\n const countryText = (countryField === null || countryField === void 0 ? void 0 : countryField.value) ? (_c = (countryField.items.find((v) => v.id === countryField.value))) === null || _c === void 0 ? void 0 : _c.text : null;\n let filterFromBound = 'street';\n const filterLocations = [];\n const cityField = this.field(FieldsKeys.City);\n if (cityField === null || cityField === void 0 ? void 0 : cityField.value) {\n filterLocations.push({ kladr_id: cityField.value.toString().slice(0, 13) });\n filterFromBound = 'settlement';\n }\n else if (countryText) {\n filterLocations.push({ country: countryText });\n }\n const showedValue = this.currentSavedAddressText || ((_d = this.field(FieldsKeys.Address)) === null || _d === void 0 ? void 0 : _d.value) || '';\n return (h(\"div\", { className: 'ab-test' },\n this.currentSavedAddressText ? (h(\"p\", { className: 'sb-Row_itemHint' },\n \"\\u0412\\u044B\\u0431\\u0440\\u0430\\u043D\\u043D\\u044B\\u0439 \\u0430\\u0434\\u0440\\u0435\\u0441: \",\n h(\"strong\", null, this.currentSavedFullAddressText))) : (h(\"p\", { className: 'sb-Row_itemHint' }, \"\\u0412\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0430\\u0434\\u0440\\u0435\\u0441 \\u043D\\u0430 \\u043A\\u0430\\u0440\\u0442\\u0435 \\u0438\\u043B\\u0438 \\u0438\\u0441\\u043F\\u043E\\u043B\\u044C\\u0437\\u0443\\u0439\\u0442\\u0435 \\u043F\\u043E\\u0438\\u0441\\u043A\")),\n h(\"div\", { className: htmlClassNames('ui-Input', { '__text': !isMobile, [`__${notice === null || notice === void 0 ? void 0 : notice.type}`]: !!notice }) },\n useHidden && h(\"input\", { ref: this.handleInputRef, name: name, type: 'text', value: field.value }),\n Env.daData.token && (!useHidden || inputRef) && (h(AddressSuggestions, { value: { value: showedValue }, token: Env.daData.token, containerClassName: 'ui-Input_autocomplete __autocompleteFixed __labelFloated', suggestionsClassName: 's-AutocompleteTree ui-Input_items __fixedList __open', suggestionClassName: 's-AutocompleteTree_b-Item __root __ab-test', currentSuggestionClassName: '__selected', highlightClassName: 's-AutocompleteTree_b-Highlighted', count: 17, customInput: isMobile ? 'textarea' : 'input', delay: 200, minChars: 1, httpCache: true, onChange: (suggestion) => this.handleSuggestionSelect(suggestion), filterFromBound: filterFromBound, filterToBound: 'house', filterLocations: filterLocations, filterRestrictValue: true, labelText: 'Улица, дом', selectOnBlur: false, inputProps: {\n disabled: disabled || this.isCountryBlank || this.isSettlementBlank,\n onBlur: (e) => {\n if (this.skipOnBlur) {\n this.skipOnBlur = false;\n return;\n }\n this.handleChangeSearch(e);\n }\n }, defaultQuery: this.currentSavedAddressText, onFetchSuggestions: (suggestions) => this.handleFetchSuggestions(suggestions) })),\n this.isCountryBlank && this.isSettlementBlank && h(Tooltip, { label: '\\u0421\\u043D\\u0430\\u0447\\u0430\\u043B\\u0430 \\u0432\\u044B\\u0431\\u0435\\u0440\\u0438\\u0442\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043D\\u0443, \\u043F\\u043E\\u0442\\u043E\\u043C \\u043D\\u0430\\u0441\\u0435\\u043B\\u0435\\u043D\\u043D\\u044B\\u0439 \\u043F\\u0443\\u043D\\u043A\\u0442' }),\n notice && h(Tooltip, { label: notice.message, className: notice.type === 'error' ? '__error' : undefined }))));\n }\n}\nfunction currentItem(field) {\n if (!field.value)\n return null;\n let currentItem = null;\n const recurse = (items) => {\n items.forEach(item => {\n if (item.id === field.value) {\n currentItem = item;\n return;\n }\n if (item.children) {\n recurse(item.children);\n }\n });\n };\n recurse(field.items);\n return currentItem;\n}\nconst NAME_SUBSTITUTIONS = {\n 'Саха /Якутия/': 'Саха (Якутия)'\n};\nfunction joinParts(parts) {\n return parts.reduce((acc, [type, name]) => {\n var _a;\n if (!(name || type))\n return acc;\n const humanType = type ? `${(_a = PART_SUBSTITUTIONS[type]) !== null && _a !== void 0 ? _a : `${type}.`} ` : '';\n const humanName = name ? NAME_SUBSTITUTIONS[name.toString()] || name : '';\n acc += `${acc ? ', ' : ''}${humanType}${humanName}`;\n return acc;\n }, '');\n}\nfunction buildDaData(suggestion) {\n if (!suggestion)\n return null;\n const data = suggestion.data;\n const { cityKladrId, postalCode, settlementKladrId, settlementType } = data;\n let { houseKladrId, houseFiasId } = data;\n let fakePart = undefined;\n if (!houseKladrId && data.house) {\n houseKladrId = data.kladrId;\n houseFiasId = data.fiasId;\n if (data.block) {\n fakePart = [data.house, data.blockType, data.block].join('_');\n }\n else {\n fakePart = data.house;\n }\n }\n const idSettlementValid = settlementType !== 'р-н';\n let block = joinParts([[data.blockTypeFull, data.block]]);\n if (block && !data.houseType && data.kladrId) {\n block = '';\n data.houseType = 'к';\n data.house = data.block;\n houseKladrId = data.kladrId;\n houseFiasId = data.fiasId;\n }\n const parts = [\n [data.streetType, data.street],\n [data.houseType, compact([data.house, block]).join(' ')]\n ];\n let houseIdPart = compact([houseKladrId, houseFiasId, postalCode, fakePart]).join(':');\n // NOTE: иногда остается только почтовый индекс, который не нужно передавать\n if (postalCode && !houseKladrId && houseIdPart.match(/^\\d+$/)) {\n houseIdPart = '';\n }\n const idParts = [\n [ContentType.City, settlementKladrId && idSettlementValid ? settlementKladrId : cityKladrId],\n [ContentType.Building, houseIdPart]\n ];\n const text = joinParts(parts);\n const id = idParts.reduce((acc, [type, id]) => id ? `${acc}${acc ? ':' : ''}${type}/${id}` : acc, '');\n if (text) {\n return id;\n }\n else {\n return cityKladrId;\n }\n}\n","// yandex maps api: https://yandex.ru/dev/maps/jsapi/doc/2.1/ref/concepts/About.html\nimport { pushToDataLayer } from 'core/services/GTM';\nimport { Component, h } from 'preact';\nimport generateId from 'core/utils/generateId';\nimport htmlClassNames from 'core/utils/htmlClassNames';\nimport initYmapScript from 'site/VControllers/components/Checkout/services/initYmapScript';\nimport getCityCenter from 'site/VControllers/components/Checkout/api/getCityCenter';\nvar CoordsType;\n(function (CoordsType) {\n CoordsType[\"StreetAddress\"] = \"street_address\";\n CoordsType[\"City\"] = \"city\";\n})(CoordsType || (CoordsType = {}));\nexport class AddressMap extends Component {\n constructor() {\n super(...arguments);\n this.state = { isPlacemarked: false, cityName: null };\n this.mapId = `yandex_map_${generateId()}`;\n this.placemark = null;\n this.initYmaps = () => {\n window.ymaps.ready(this.setupMap);\n };\n this.findCoordinates = async () => {\n var _a;\n const { field: { options: { yandexMapApiKey }, value: { cityName, coordinates = null } }, onChange } = this.props;\n if ((coordinates === null || coordinates === void 0 ? void 0 : coordinates.type) === CoordsType.StreetAddress) {\n return coordinates.point;\n }\n if (((_a = Env.abTesting) === null || _a === void 0 ? void 0 : _a.cartDetectCoordTest) && window.navigator.geolocation) {\n window.navigator.geolocation.getCurrentPosition(({ coords }) => {\n pushToDataLayer({ event: 'geo-request-accept' });\n let addressCoords = [coords.latitude, coords.longitude];\n this.setPlacemark(addressCoords);\n onChange(addressCoords);\n }, () => {\n pushToDataLayer({ event: 'geo-request-decline' });\n });\n }\n if (coordinates === null || coordinates === void 0 ? void 0 : coordinates.point) {\n return coordinates.point;\n }\n else {\n return await getCityCenter(yandexMapApiKey, cityName);\n }\n };\n this.setupMap = async () => {\n const { field: { value: { zoom, coordinates = null } }, onChange } = this.props;\n let center = await this.findCoordinates();\n this.map = new window.ymaps.Map(this.mapId, {\n center,\n zoom,\n controls: ['zoomControl', 'geolocationControl']\n }, {\n yandexMapDisablePoiInteractivity: true,\n suppressMapOpenBlock: true\n });\n this.updateAddressPoint(coordinates, zoom);\n this.map.events.add('click', (e) => {\n const addressCoords = e.get('coords');\n this.setPlacemark(addressCoords);\n onChange(addressCoords);\n });\n };\n this.setPlacemark = (coords) => {\n this.placemark = new window.ymaps.Placemark(coords, {}, {\n preset: 'islands#redDotIcon'\n });\n this.map.geoObjects.removeAll();\n this.map.geoObjects.add(this.placemark);\n this.setState({ isPlacemarked: true });\n };\n this.removePlacemark = () => {\n this.placemark = null;\n this.map.geoObjects.removeAll();\n this.setState({ isPlacemarked: false });\n };\n this.updateAddressPoint = (coords, zoom) => {\n var _a;\n const { isPlacemarked } = this.state;\n if (!coords)\n return;\n this.map.setCenter(coords.point, zoom);\n switch (coords.type) {\n case CoordsType.City:\n this.removePlacemark();\n break;\n case CoordsType.StreetAddress:\n if (!isPlacemarked)\n this.setPlacemark(coords.point);\n (_a = this.placemark.geometry) === null || _a === void 0 ? void 0 : _a.setCoordinates(coords.point);\n break;\n }\n };\n this.handleCityChange = async () => {\n const { delivery: { cityName, cityCoordinates, yandexMapApiKey } } = this.context.store.getState();\n if (cityCoordinates) {\n this.map.setCenter(cityCoordinates, 10);\n }\n else {\n const cityCenter = await getCityCenter(yandexMapApiKey, cityName);\n this.map.setCenter(cityCenter, 10);\n }\n };\n }\n componentDidMount() {\n const { field: { options: { yandexMapApiKey } } } = this.props;\n const { delivery: { cityName } } = this.context.store.getState();\n this.setState({ cityName: cityName });\n initYmapScript(yandexMapApiKey, this.initYmaps);\n }\n componentDidUpdate({ field: { value: { coordinates: prevCoords } } }) {\n const { coordinates, zoom } = this.props.field.value;\n const { cityName: oldCityName } = this.state;\n const { delivery: { cityName: newCityName } } = this.context.store.getState();\n if (oldCityName !== newCityName) {\n this.setState({ cityName: newCityName });\n this.handleCityChange();\n }\n if (!this.map || !coordinates || (prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.point.toString()) === (coordinates === null || coordinates === void 0 ? void 0 : coordinates.point.toString()))\n return;\n this.updateAddressPoint(coordinates, zoom);\n }\n render() {\n if (Env.name === 'test')\n return h(\"div\", null);\n return (h(\"div\", { className: htmlClassNames('b-Ymap_map', { '__disabled': this.props.disabled }) },\n h(\"div\", { className: 'b-Ymap_mapWrap', id: this.mapId })));\n }\n}\n","import { h, Component } from 'preact';\nexport class CustomerType extends Component {\n constructor() {\n super(...arguments);\n this.handleChange = (event) => {\n const target = event.target;\n if (target.checked) {\n this.props.onChange('legal_entity');\n }\n else {\n this.props.onChange('individual_entity');\n }\n };\n }\n render() {\n const ct = this.context.currentState\n .formFields\n .find(({ key }) => key === 'customer_type');\n return (h(\"label\", null,\n h(\"input\", { type: 'checkbox', className: 'b-control-Switch', name: this.props.name, checked: (ct === null || ct === void 0 ? void 0 : ct.value) === 'legal_entity', onChange: this.handleChange }),\n h(\"span\", null, \"\\u0417\\u0430\\u043A\\u0430\\u0437 \\u043E\\u0442 \\u044E\\u0440\\u0438\\u0434\\u0438\\u0447\\u0435\\u0441\\u043A\\u043E\\u0433\\u043E \\u043B\\u0438\\u0446\\u0430\")));\n }\n}\n","import Http from 'core/services/HttpClient';\nexport function getRequisites(inn) {\n return Http.post('/front_api/cart/requisite', { inn });\n}\n","import { h, Component } from 'preact';\nimport { getRequisites } from '../../../../../api/requisites';\nimport { Text } from './Text';\nexport class Inn extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n requisite: null,\n notFoundError: false,\n validationError: null\n };\n this.handleChange = (value) => {\n if (this.state.requisite) {\n this.setState({ requisite: null, notFoundError: false });\n }\n const slicedValue = value.replace(/\\D/g, '').slice(0, 12);\n const validationError = this.validateInn(slicedValue);\n this.setState({ validationError });\n this.props.onChange(slicedValue);\n };\n this.validateInn = (inn) => {\n if (!inn)\n return null;\n if (inn.length < 10) {\n return 'ИНН должен содержать минимум 10 цифр';\n }\n if (inn.length > 12) {\n return 'ИНН должен содержать максимум 12 цифр';\n }\n if (inn.length === 11) {\n return 'ИНН должен содержать 10 или 12 цифр';\n }\n return null;\n };\n this.handleGetRequisites = async () => {\n const inn = this.props.field.value;\n const validationError = this.validateInn(inn);\n if (validationError) {\n this.setState({ validationError });\n return;\n }\n try {\n const { data } = await getRequisites(this.props.field.value);\n this.setState({ requisite: data, notFoundError: false, validationError: null });\n }\n catch (_) {\n this.setState({ requisite: null, notFoundError: true, validationError: null });\n }\n };\n }\n componentDidMount() {\n var _a;\n const requisite = (_a = this.context.currentState) === null || _a === void 0 ? void 0 : _a.requisites;\n if (requisite) {\n this.setState({ requisite });\n }\n }\n render() {\n const { field, name, disabled, formFields, isRequired } = this.props;\n const { requisite, notFoundError, validationError } = this.state;\n const isInnValid = field.value && !validationError;\n const innField = {\n ...this.props.field,\n value: (requisite === null || requisite === void 0 ? void 0 : requisite.inn) || field.value || ''\n };\n return (h(\"div\", null,\n h(Text, { required: isRequired, field: innField, name: name, type: 'number', disabled: disabled, onChange: this.handleChange, formFields: formFields }),\n validationError && (h(\"section\", { className: 'inn-error' },\n h(\"p\", null, validationError))),\n notFoundError && (h(\"section\", { className: 'inn-error' },\n h(\"p\", null, \"\\u041A\\u043E\\u043C\\u043F\\u0430\\u043D\\u0438\\u044F \\u043D\\u0435 \\u043D\\u0430\\u0439\\u0434\\u0435\\u043D\\u0430. \\u041C\\u044B \\u0441\\u0432\\u044F\\u0436\\u0435\\u043C\\u0441\\u044F \\u0441 \\u0432\\u0430\\u043C\\u0438 \\u0432 \\u0440\\u0430\\u0431\\u043E\\u0447\\u0435\\u0435 \\u0432\\u0440\\u0435\\u043C\\u044F \\u0434\\u043B\\u044F \\u0443\\u0442\\u043E\\u0447\\u043D\\u0435\\u043D\\u0438\\u044F \\u0434\\u0430\\u043D\\u043D\\u044B\\u0445. \\u0412\\u044B \\u043C\\u043E\\u0436\\u0435\\u0442\\u0435 \\u043F\\u0440\\u043E\\u0434\\u043E\\u043B\\u0436\\u0438\\u0442\\u044C \\u043E\\u0444\\u043E\\u0440\\u043C\\u043B\\u0435\\u043D\\u0438\\u0435 \\u0437\\u0430\\u043A\\u0430\\u0437\\u0430.\"))),\n requisite ? (h(\"section\", { className: 'inn-success' },\n h(\"p\", null,\n h(\"strong\", null, requisite.name)),\n h(\"p\", null,\n \"\\u0418\\u041D\\u041D: \",\n requisite.inn,\n requisite.kpp ? ' КПП: ' + requisite.kpp : ''),\n h(\"p\", null, requisite.legalAddress))) : (h(\"section\", null,\n h(\"button\", { type: 'button', onClick: this.handleGetRequisites, className: 's-Checkout_b-Button __black', disabled: !isInnValid }, \"\\u041F\\u043E\\u0434\\u0442\\u0432\\u0435\\u0440\\u0434\\u0438\\u0442\\u044C\")))));\n }\n}\n","import { h, Component } from 'preact';\nexport class YandexAuth extends Component {\n render() {\n return (h(\"a\", { href: '/users/auth/yandex', className: '__yandex' },\n h(\"span\", { className: 'icon' }),\n h(\"span\", { className: 'text' }, \"\\u0412\\u043E\\u0439\\u0442\\u0438 \\u0447\\u0435\\u0440\\u0435\\u0437 \\u042F\\u043D\\u0434\\u0435\\u043A\\u0441 ID\")));\n }\n}\n","import { Component } from 'preact';\nimport h from '../../cssScope';\nimport { Text } from './templates/Text';\nimport { TextArea } from './templates/TextArea';\nimport { Phone } from './templates/Phone';\nimport { Email } from './templates/Email';\nimport { Country } from './templates/Country';\nimport { Settlement } from './templates/Settlement';\nimport { City } from './templates/City';\nimport { RadioGroup } from './templates/RadioGroup';\nimport { FieldsKeys } from '../../constants';\nimport { DeliveryMethod } from './templates/DeliveryMethod';\nimport { Terminal } from './templates/Terminal';\nimport { Yandex } from './templates/Yandex';\nimport { X5 } from './templates/X5';\nimport { InlineAddress } from './templates/InlineAddress';\nimport { AddressMap } from './templates/AddressMap';\nimport { CustomerType } from './templates/CustomerType';\nimport { Inn } from './templates/Inn';\nimport { YandexAuth } from './templates/YandexAuth';\nexport const TEMPLATES = {\n Text,\n Phone,\n Email,\n Country,\n City,\n Settlement,\n RadioGroup,\n DeliveryMethod,\n TextArea,\n Terminal,\n Yandex,\n X5,\n InlineAddress,\n AddressMap,\n CustomerType,\n Inn,\n YandexAuth\n};\nconst FIELDS_CONFIG = {\n [FieldsKeys.FirstName]: { type: 'Text' },\n [FieldsKeys.LastName]: { type: 'Text' },\n [FieldsKeys.Phone]: { type: 'Phone' },\n [FieldsKeys.Email]: { type: 'Email' },\n [FieldsKeys.Country]: { type: 'Country' },\n [FieldsKeys.City]: { type: 'City' },\n [FieldsKeys.Settlement]: { type: 'Settlement' },\n [FieldsKeys.Address]: { type: 'Text' },\n [FieldsKeys.Comment]: { type: 'TextArea' },\n [FieldsKeys.Apartment]: { type: 'Text' },\n [FieldsKeys.ZipCode]: { type: 'Text' },\n [FieldsKeys.PaymentMethod]: { type: 'RadioGroup' },\n [FieldsKeys.DeliveryMethod]: { type: 'DeliveryMethod' },\n [FieldsKeys.Terminal]: { type: 'Terminal' },\n [FieldsKeys.Yandex]: { type: 'Yandex' },\n [FieldsKeys.InlineAddress]: { type: 'InlineAddress' },\n [FieldsKeys.StreetAddress]: { type: 'Text' },\n [FieldsKeys.AddressMap]: { type: 'AddressMap' },\n [FieldsKeys.CustomerType]: { type: 'CustomerType' },\n [FieldsKeys.Inn]: { type: 'Inn' },\n [FieldsKeys.YandexAuth]: { type: 'YandexAuth' }\n};\nexport class Field extends Component {\n constructor() {\n super(...arguments);\n this.handleChange = (value) => {\n const { field: { key }, onChange } = this.props;\n onChange(key, value);\n };\n }\n get fieldInputName() {\n const { field: { key }, formName } = this.props;\n return `${formName}[${key}]`;\n }\n get type() {\n const config = FIELDS_CONFIG[this.props.field.key];\n return config && config.type ? config.type : 'Text';\n }\n render() {\n const { onChange, formName: _formName, ...rest } = this.props;\n const FieldTemplate = TEMPLATES[this.type];\n if (!FieldTemplate) {\n return null;\n }\n return (h(FieldTemplate, Object.assign({ name: this.fieldInputName, onChange: this.handleChange, onChangeValue: onChange }, rest)));\n }\n}\n","import { h } from 'preact';\nimport { RadioGroup } from './RadioGroup';\nexport const DeliveryMethod = (props) => {\n return h(RadioGroup, Object.assign({}, props));\n};\n","import { h } from 'preact';\nimport { Text } from './Text';\nexport const TextArea = (props) => {\n return h(Text, Object.assign({}, props, { tag: 'textarea', isOverflowText: false, rows: 5 }));\n};\n","import { Component } from 'preact';\nimport Portal from 'preact-portal';\nimport htmlClassNames from 'classnames';\nimport { asyncComponent } from 'core/components/Hoc/asyncComponent';\nimport { withFormNoticeService } from 'core/services/FormNoticeService';\nimport { FormNoticeService } from 'core/services/FormNoticeService';\nimport { OPERATION_CHANGE_CITY, OPERATION_CHANGE_COUNTRY, OPERATION_CHANGE_DELIVERY_METHOD, OPERATION_CHANGE_FIELDS, OPERATION_CHANGE_INLINE_ADDRESS, OPERATION_CHANGE_PAYMENT_METHOD, OPERATION_CHANGE_ADDRESS_COORDS, OPERATION_CHANGE_TERMINAL, OPERATION_CHANGE_CUSTOMER_TYPE, OPERATION_CUSTOM_CHANGE_ADDRESS } from 'site/VControllers/components/Checkout/operations/form';\nimport h from './cssScope';\nimport { Field } from './components/Field';\nimport { DEFAULT_COUNTRY_ID } from 'site/global/constants';\nimport { BUYER_GROUP_KEY, DeliveryMethod, FieldsKeys } from './constants';\nexport { FieldsKeys, Field, BUYER_GROUP_KEY };\nconst Modal = asyncComponent(() => import(\n/* webpackChunkName: \"site_c-TotalBlockInstallmentsModal\" */\n'site/VControllers/components/Checkout/components/TotalBlock/components/PaymentOptions/components/Modal'), 'Modal');\nexport const INDIVIDUAL_BUYER_GROUP = {\n name: 'Покупатель',\n key: BUYER_GROUP_KEY,\n rows: [\n [FieldsKeys.YandexAuth, FieldsKeys.CustomerType],\n [FieldsKeys.FirstName, FieldsKeys.LastName],\n [FieldsKeys.Phone, FieldsKeys.Email]\n ]\n};\nexport const LEGAL_BUYER_GROUP = {\n name: 'Покупатель',\n key: BUYER_GROUP_KEY,\n rows: [\n [FieldsKeys.CustomerType],\n [FieldsKeys.FirstName],\n [FieldsKeys.Inn],\n [FieldsKeys.Phone, FieldsKeys.Email]\n ]\n};\nconst DEFAULT_ADDRESS_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.InlineAddress, FieldsKeys.Apartment],\n [FieldsKeys.AddressMap],\n [FieldsKeys.Comment]\n ]\n};\nconst DEFAULT_ADDRESS_GROUP_WO_COMMENTS = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.InlineAddress, FieldsKeys.Apartment],\n [FieldsKeys.AddressMap]\n ]\n};\nconst ADDRESS_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Country, FieldsKeys.City],\n [FieldsKeys.Address],\n [FieldsKeys.AddressMap],\n [FieldsKeys.Comment]\n ]\n};\nconst ADDRESS_GROUP_WO_COMMENTS = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Country, FieldsKeys.City],\n [FieldsKeys.Address],\n [FieldsKeys.AddressMap]\n ]\n};\nconst ADDRESS_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Terminal]\n ]\n};\nconst OZON_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.Country, FieldsKeys.Settlement],\n [FieldsKeys.DeliveryMethod]\n ]\n};\nconst YANDEX_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.Country],\n [FieldsKeys.Settlement],\n [FieldsKeys.DeliveryMethod],\n [FieldsKeys.Yandex]\n ]\n};\nconst IMR_PICKUP_GROUP = {\n name: 'Адрес доставки',\n key: 'address',\n rows: [\n [FieldsKeys.DeliveryMethod]\n ]\n};\nconst CONFIG = {\n defaultAddressGroup: Env.abTesting.hideCommentsTest ? DEFAULT_ADDRESS_GROUP_WO_COMMENTS : DEFAULT_ADDRESS_GROUP,\n addressGroup: Env.abTesting.hideCommentsTest ? ADDRESS_GROUP_WO_COMMENTS : ADDRESS_GROUP,\n addressPickupGroup: ADDRESS_PICKUP_GROUP,\n ozonPickupGroup: OZON_PICKUP_GROUP,\n yandexPickupGroup: YANDEX_PICKUP_GROUP,\n imrPickupGroup: IMR_PICKUP_GROUP\n};\nconst PAYMENT_METHOD_GROUPS = [\n {\n name: 'Способ оплаты',\n key: 'payment',\n rows: [\n [FieldsKeys.PaymentMethod]\n ]\n }\n];\nconst FORM_NAME = 'cart_form';\nclass FormComponent extends Component {\n constructor() {\n super(...arguments);\n this.state = {\n useDefaultFields: true,\n isModalOpen: false\n };\n this.buildModal = () => {\n const isNotRendered = !document.getElementsByClassName('b-FrameModal').length;\n if (isNotRendered)\n return (h(Portal, { into: 'body' },\n h(Modal, { checkoutContext: this.context, onClose: this.handleCloseModal })));\n };\n this.handleOpenModal = () => this.setState({ isModalOpen: true });\n this.handleCloseModal = () => {\n this.setState({ isModalOpen: false });\n setTimeout(() => {\n const paymentMethod = this.paymentMethod;\n if (paymentMethod && !paymentMethod.value.toString().includes('installment')) {\n this.context.store.operate(OPERATION_CHANGE_PAYMENT_METHOD, paymentMethod.value);\n }\n }, 300);\n };\n this.handleChangeField = (key, value) => {\n var _a, _b;\n switch (key) {\n case FieldsKeys.PaymentMethod:\n if (value === 'installments')\n return this.handleOpenModal();\n this.context.store.operate(OPERATION_CHANGE_PAYMENT_METHOD, value);\n break;\n case FieldsKeys.Address:\n // case when not russia country\n if ((value === null || value === void 0 ? void 0 : value.action) === undefined) {\n value = { address: value, action: 'input' };\n }\n if (value.action === 'manual') {\n this.context.store.operate(OPERATION_CUSTOM_CHANGE_ADDRESS, value.address);\n }\n value = value.address;\n break;\n case FieldsKeys.City:\n if (value)\n this.context.store.operate(OPERATION_CHANGE_CITY, value);\n break;\n case FieldsKeys.InlineAddress:\n this.context.store.operate(OPERATION_CHANGE_INLINE_ADDRESS, value);\n break;\n case FieldsKeys.DeliveryMethod:\n this.context.store.operate(OPERATION_CHANGE_DELIVERY_METHOD, value);\n break;\n case FieldsKeys.AddressMap:\n this.context.store.operate(OPERATION_CHANGE_ADDRESS_COORDS, value);\n break;\n case FieldsKeys.Terminal:\n this.context.store.operate(OPERATION_CHANGE_TERMINAL, value);\n break;\n case FieldsKeys.Country:\n if (value)\n this.context.store.operate(OPERATION_CHANGE_COUNTRY, value);\n break;\n case FieldsKeys.CustomerType:\n this.context.store.operate(OPERATION_CHANGE_CUSTOMER_TYPE, value);\n break;\n }\n const inlineAddressField = this.fields.find(field => field.key === FieldsKeys.InlineAddress);\n const inlineSearchText = (_b = (_a = inlineAddressField === null || inlineAddressField === void 0 ? void 0 : inlineAddressField.items[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.searchText;\n const changedFields = this.fields.map((item) => {\n if (key === FieldsKeys.Country) {\n switch (item.key) {\n case FieldsKeys.City:\n case FieldsKeys.InlineAddress: return { ...item, value: null };\n }\n }\n if (key === FieldsKeys.City) {\n switch (item.key) {\n case FieldsKeys.Terminal:\n case FieldsKeys.StreetAddress: return { ...item, value: null };\n }\n }\n if (key === FieldsKeys.Settlement) {\n switch (item.key) {\n case FieldsKeys.StreetAddress: return { ...item, value: null };\n case FieldsKeys.AddressMap: return { ...item, value: {} };\n case FieldsKeys.InlineAddress: return { ...item, value: null, items: [] };\n }\n }\n if (key === FieldsKeys.Address) {\n switch (item.key) {\n case FieldsKeys.StreetAddress:\n if (item.value && value !== inlineSearchText)\n return { ...item, value: null };\n }\n }\n if (item.key === key)\n return { ...item, value };\n return item;\n });\n this.context.store.operate(OPERATION_CHANGE_FIELDS, changedFields);\n };\n this.handleTurnOffDefaultFields = () => {\n this.handleChangeField(FieldsKeys.StreetAddress, null);\n this.setState({ useDefaultFields: false });\n };\n this.getFieldRefHandler = (fieldKey) => {\n const { onInputRef } = this.props;\n return (el) => onInputRef === null || onInputRef === void 0 ? void 0 : onInputRef(fieldKey, el);\n };\n this.renderGroup = (group) => {\n var _a, _b;\n const GroupChildren = (_b = (_a = this.props.config) === null || _a === void 0 ? void 0 : _a.groupChildren) === null || _b === void 0 ? void 0 : _b[group.key];\n return (h(\"div\", { className: htmlClassNames('sb-Group', `__${group.key}`) },\n h(\"div\", { className: 'sb-Group_title' }, group.name),\n h(\"div\", { className: 'sb-Group_content ' },\n GroupChildren && h(GroupChildren, null),\n group.rows.map(row => (h(\"div\", { className: 'sb-Row' }, row.map(this.renderField)))))));\n };\n this.renderField = (fieldKey) => {\n const field = this.fields.find(item => item.key === fieldKey);\n if (!(field === null || field === void 0 ? void 0 : field.isAvailable))\n return null;\n if (this.countryId !== DEFAULT_COUNTRY_ID && fieldKey === FieldsKeys.AddressMap)\n return null;\n if (field.key === FieldsKeys.City) {\n field.countryId = this.countryId;\n }\n if (fieldKey === FieldsKeys.PaymentMethod && this.isOzonPickupInputs) {\n field.items = field.items.filter((item) => item.id !== 'on_delivery');\n }\n // remove installments from payment method if country is not russia\n if (this.countryId !== DEFAULT_COUNTRY_ID && fieldKey === FieldsKeys.PaymentMethod) {\n const excludedInstallments = [\n 'installments',\n 'installment',\n 'installment_hkb',\n 'installment_podeli'\n ];\n field.items = field.items.filter((item) => !excludedInstallments.includes(item.id));\n }\n return (h(\"div\", { className: htmlClassNames('sb-Row_item', this.createFieldModifier(fieldKey)) },\n h(Field, { field: field, formName: FORM_NAME, disabled: this.isDisabled, key: field.key, onChange: this.handleChangeField, onRef: this.getFieldRefHandler(field.key), formFields: this.fields, onTurnOffDefaultFields: this.handleTurnOffDefaultFields, focusOnLoad: this.shouldFocusOnLoad && this.focusOnLoadMap[fieldKey], notice: buildError(field.key) })));\n };\n }\n get focusOnLoadMap() {\n var _a;\n const map = {\n ...Object\n .values(FieldsKeys)\n .reduce((acc, key) => {\n acc[key] = false;\n return acc;\n }, {}),\n [FieldsKeys.Address]: true,\n [FieldsKeys.InlineAddress]: true\n };\n const firstNameValue = (_a = this.fields.find((field) => field.key === FieldsKeys.FirstName)) === null || _a === void 0 ? void 0 : _a.value;\n if (!firstNameValue) {\n map[FieldsKeys.FirstName] = true;\n map[FieldsKeys.Address] = false;\n map[FieldsKeys.InlineAddress] = false;\n }\n return map;\n }\n get shouldFocusOnLoad() {\n const { searchParams } = (new URL(window.location.href));\n return searchParams.get('autofocus') === 'true';\n }\n get currentState() {\n return this.context.store.getState();\n }\n get fields() {\n return this.currentState.formFields;\n }\n get isDisabled() {\n return this.context.currentState.loading;\n }\n get useDefaultInputs() {\n return this.countryId === DEFAULT_COUNTRY_ID && this.state.useDefaultFields;\n }\n get isPickupInputs() {\n const deliveryMethod = this.fields.find((field) => field.key === FieldsKeys.DeliveryMethod);\n return deliveryMethod && (deliveryMethod.value === DeliveryMethod.TerminalDelivery || deliveryMethod.value === DeliveryMethod.TerminalDeliveryKit);\n }\n get isOzonPickupInputs() {\n const deliveryMethod = this.fields.find((field) => field.key === FieldsKeys.DeliveryMethod);\n return deliveryMethod && deliveryMethod.value === DeliveryMethod.Pickup;\n }\n get isYandexPickupInputs() {\n const deliveryMethod = this.fields.find((field) => field.key === FieldsKeys.DeliveryMethod);\n return (!this.context.currentState.deliveryChanging &&\n deliveryMethod &&\n deliveryMethod.value === DeliveryMethod.YandexDelivery);\n }\n get isImrPickupInputs() {\n const deliveryMethod = this.fields.find((field) => field.key === FieldsKeys.DeliveryMethod);\n return deliveryMethod && deliveryMethod.value === DeliveryMethod.ImrPickup;\n }\n get countryId() {\n var _a;\n return (_a = this.fields.find((field) => field.key === FieldsKeys.Country)) === null || _a === void 0 ? void 0 : _a.value;\n }\n get buyerGroup() {\n var _a, _b, _c, _d, _e, _f, _g;\n const ct = (_a = this.fields.find((field) => field.key === FieldsKeys.CustomerType)) === null || _a === void 0 ? void 0 : _a.value;\n switch (ct) {\n case 'individual_entity':\n return (_c = (_b = this.props.config) === null || _b === void 0 ? void 0 : _b.individualBuyerGroup) !== null && _c !== void 0 ? _c : INDIVIDUAL_BUYER_GROUP;\n case 'legal_entity':\n return (_e = (_d = this.props.config) === null || _d === void 0 ? void 0 : _d.legalBuyerGroup) !== null && _e !== void 0 ? _e : LEGAL_BUYER_GROUP;\n default:\n return (_g = (_f = this.props.config) === null || _f === void 0 ? void 0 : _f.individualBuyerGroup) !== null && _g !== void 0 ? _g : INDIVIDUAL_BUYER_GROUP;\n }\n }\n get addressGroup() {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n if (this.isPickupInputs)\n return (_b = (_a = this.props.config) === null || _a === void 0 ? void 0 : _a.addressPickupGroup) !== null && _b !== void 0 ? _b : ADDRESS_PICKUP_GROUP;\n if (this.isOzonPickupInputs)\n return (_d = (_c = this.props.config) === null || _c === void 0 ? void 0 : _c.ozonPickupGroup) !== null && _d !== void 0 ? _d : OZON_PICKUP_GROUP;\n if (this.isYandexPickupInputs)\n return (_f = (_e = this.props.config) === null || _e === void 0 ? void 0 : _e.yandexPickupGroup) !== null && _f !== void 0 ? _f : YANDEX_PICKUP_GROUP;\n if (this.isImrPickupInputs)\n return (_h = (_g = this.props.config) === null || _g === void 0 ? void 0 : _g.imrPickupGroup) !== null && _h !== void 0 ? _h : IMR_PICKUP_GROUP;\n const { addressGroup = Env.abTesting.hideCommentsTest ? ADDRESS_GROUP_WO_COMMENTS : ADDRESS_GROUP, defaultAddressGroup = Env.abTesting.hideCommentsTest ? DEFAULT_ADDRESS_GROUP_WO_COMMENTS : DEFAULT_ADDRESS_GROUP } = (_j = this.props.config) !== null && _j !== void 0 ? _j : CONFIG;\n return this.useDefaultInputs ? defaultAddressGroup : addressGroup;\n }\n get groups() {\n const groups = [this.buyerGroup, this.addressGroup];\n if (this.isPaymentMethodBlank || this.isPaymentMethodHidden)\n return groups;\n return groups.concat(PAYMENT_METHOD_GROUPS);\n }\n get isPaymentMethodBlank() {\n return !this.fields.find((field) => field.key === FieldsKeys.PaymentMethod);\n }\n get isPaymentMethodHidden() {\n var _a;\n return ((_a = this.fields.find((field) => field.key === FieldsKeys.CustomerType)) === null || _a === void 0 ? void 0 : _a.value) === 'legal_entity';\n }\n get paymentMethod() {\n return this.context.currentState.formFields.find(field => field.key === 'payment_method');\n }\n createFieldModifier(key) {\n return `__${key.replace(/([-_][a-z])/ig, $1 => $1.toUpperCase().replace('_', ''))}`;\n }\n render() {\n const { onRef = () => { }, className } = this.props;\n const buildedClassName = htmlClassNames('s-CheckoutForm', className);\n return (h(\"form\", { name: FORM_NAME, className: buildedClassName, ref: onRef },\n this.groups.map(this.renderGroup),\n this.state.isModalOpen && this.buildModal()));\n }\n}\nexport const buildError = (field) => {\n const { errors } = FormNoticeService.notices;\n return errors[field] ? {\n type: 'error',\n message: errors[field].join(', ')\n } : undefined;\n};\nexport const Form = withFormNoticeService(FormComponent);\n","export function dispatchCustomEvent(el, eventName, detail = {}) {\n if (!el)\n return;\n const event = new CustomEvent(eventName, { detail });\n event.initCustomEvent(eventName, true, false, detail);\n el.dispatchEvent(event);\n}\nexport function documentDispatch(event, detail) {\n dispatchCustomEvent(document, event, detail);\n}\nexport const COUNTRY_ID_UPDATED_EVENT = 'countryId:updated';\n","import { h } from 'core/services/VDOM'\nimport { Notice } from './Notice'\n\nconst NoticeList = ({ state }) => {\n return